2634 行
41 KiB
CSS
2634 行
41 KiB
CSS
@charset "utf-8";
|
|
|
|
/*==========@@HTML默认 始====@@==========*/
|
|
/*基本*/
|
|
* {
|
|
padding: 0px;
|
|
margin: 0px
|
|
}
|
|
|
|
body,
|
|
div,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ul,
|
|
ol,
|
|
li,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
pre,
|
|
code,
|
|
form,
|
|
fieldset,
|
|
legend,
|
|
input,
|
|
button,
|
|
textarea,
|
|
p,
|
|
blockquote,
|
|
th,
|
|
td {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
color: #000;
|
|
margin: 0px auto;
|
|
font-family: "Arial", "Microsoft YaHei";
|
|
font-size: 14px;
|
|
background: #fff;
|
|
}
|
|
|
|
div {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
img {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 0px;
|
|
line-height: 1.8em
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
/* Remove most spacing between table cells.*/
|
|
}
|
|
|
|
li {
|
|
list-style: none outside none;
|
|
}
|
|
|
|
/*链接*/
|
|
a {
|
|
text-decoration: none;
|
|
color: #626262;
|
|
background: transparent;
|
|
outline: none
|
|
}
|
|
|
|
a:visited {
|
|
color: #aaa;
|
|
}
|
|
|
|
a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
|
|
/*标题*/
|
|
h1 {
|
|
font-size: 1.3em;
|
|
margin: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.2em;
|
|
margin: 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.17em;
|
|
margin: 0;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1em;
|
|
margin: 0;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 0.83em;
|
|
margin: 0;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 0.67em;
|
|
margin: 0;
|
|
}
|
|
|
|
/*表单*/
|
|
/*form {margin: 0;}*/
|
|
/*button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }*/
|
|
/*button,select {text-transform: none;}*/
|
|
/*input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}*/
|
|
/*textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}*/
|
|
|
|
/*其它*/
|
|
blockquote {
|
|
margin: 1em 40px;
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
hr {
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-size: 1em;
|
|
}
|
|
|
|
pre {
|
|
margin: 1em 0;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
/* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
dl {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
dd {
|
|
margin: 0 0 0 40px;
|
|
}
|
|
|
|
/*==========@@HTML默认 结束@@==========*/
|
|
|
|
|
|
/*==========@@元件 始@@==========*/
|
|
/*常用颜色*/
|
|
.blue {
|
|
color: #00F !important;
|
|
}
|
|
|
|
.green {
|
|
color: #0F0 !important;
|
|
}
|
|
|
|
.red {
|
|
color: #F00 !important;
|
|
}
|
|
|
|
.black {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.white {
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.gray {
|
|
color: gray;
|
|
!important;
|
|
}
|
|
|
|
.purple {
|
|
color: purple;
|
|
!important;
|
|
}
|
|
|
|
/*浮动*/
|
|
.clear {
|
|
display: block;
|
|
clear: both;
|
|
height: 3px;
|
|
overflow: hidden;
|
|
line-height: 3px;
|
|
}
|
|
|
|
.float_left {
|
|
float: left;
|
|
}
|
|
|
|
.float_right {
|
|
float: right;
|
|
}
|
|
|
|
/*对齐方式*/
|
|
.left {
|
|
text-align: left
|
|
}
|
|
|
|
.right {
|
|
text-align: right
|
|
}
|
|
|
|
.center {
|
|
text-align: center
|
|
}
|
|
|
|
/*按钮*/
|
|
.btn {
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
border-radius: 3px;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
*display: inline;
|
|
vertical-align: middle;
|
|
*vertical-align: auto;
|
|
zoom: 1;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding: 0px 20px;
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
text-indent: 0;
|
|
cursor: pointer;
|
|
border: 1px solid #d4d4d4;
|
|
color: #666666;
|
|
}
|
|
|
|
/*默认样式*/
|
|
.btn {
|
|
background-color: #2b2b2b;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn:hover {
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn:active {
|
|
background: #000;
|
|
color: #FFF;
|
|
}
|
|
|
|
/*按钮大小*/
|
|
.btn-large {
|
|
font-size: 19px;
|
|
height: 38.4px;
|
|
line-height: 38.4px;
|
|
padding: 0px 26px;
|
|
}
|
|
|
|
.btn-small {
|
|
font-size: 12px;
|
|
height: 25.6px;
|
|
line-height: 25.6px;
|
|
padding: 0px 16px;
|
|
}
|
|
|
|
.btn-tiny {
|
|
font-size: 12px;
|
|
height: 22.4px;
|
|
line-height: 22.4px;
|
|
padding: 0px 13px;
|
|
}
|
|
|
|
/*块按*/
|
|
.btn-block {
|
|
display: block;
|
|
}
|
|
|
|
/*表单*/
|
|
.form_text,
|
|
.form_text:hover,
|
|
.form_text_verifycode,
|
|
.form_text_verifycode:hover {
|
|
border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
|
|
border-width: 1px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
clip: rect;
|
|
padding: 2px;
|
|
color: #000000;
|
|
}
|
|
|
|
.form_text {
|
|
width: 95%;
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.form_text:hover {
|
|
background-position: 0px -37px;
|
|
}
|
|
|
|
.form_text_verifycode {
|
|
width: 50px;
|
|
margin-right: 3px;
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.form_text_verifycode:hover {
|
|
background-position: 0px -37px;
|
|
}
|
|
|
|
.form_radio {
|
|
width: auto;
|
|
border: 0;
|
|
}
|
|
|
|
.form_checkbox {
|
|
width: auto;
|
|
border: 0
|
|
}
|
|
|
|
.form_select {
|
|
height: 25px;
|
|
}
|
|
|
|
.form_textarea {
|
|
width: 95%;
|
|
height: 80px;
|
|
border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
|
|
border-width: 1px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.form_button {
|
|
width: auto;
|
|
vertical-align: middle;
|
|
border: 0 none;
|
|
/*解决ie焦点是有黑色边框*/
|
|
}
|
|
|
|
input[type="reset"]::-moz-focus-inner,
|
|
input[type="button"]::-moz-focus-inner,
|
|
input[type="submit"]::-moz-focus-inner,
|
|
input[type="file"]>input[type="button"]::-moz-focus-inner {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.required {
|
|
color: red;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
/*其它*/
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
/*隐藏*/
|
|
.code_image {
|
|
cursor: pointer;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
/*验证码图片样*/
|
|
|
|
/*频道*/
|
|
.ChannelContent {
|
|
line-height: 2.0em;
|
|
font-size: 14px;
|
|
color: #6a6a6a;
|
|
}
|
|
|
|
.ChannelSContent,
|
|
.ChannelSContent p {
|
|
line-height: 1.8em
|
|
}
|
|
|
|
.ChannelContent a {
|
|
color: #ff9d02
|
|
}
|
|
|
|
.ChannelSContent {
|
|
color: #FFF;
|
|
line-height: 25px;
|
|
height: 200px;
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ChannelSContent a {
|
|
color: #ff9d02
|
|
}
|
|
|
|
.ChannelSContent img,
|
|
.InfoContent img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.ChannelAlbum {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*信息*/
|
|
.InfoTitle {
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 5px 0px
|
|
}
|
|
|
|
.InfoTitle h1 {
|
|
font-size: 28px;
|
|
line-height: 1.5em;
|
|
font-weight: normal;
|
|
color: #444;
|
|
}
|
|
|
|
.InfoTime {
|
|
color: #999;
|
|
text-align: left;
|
|
padding: 2px 0px;
|
|
height: 25px
|
|
}
|
|
|
|
.InfoContent,
|
|
.InfoContent p {
|
|
line-height: 2.0em;
|
|
font-size: 16px;
|
|
padding: 10px 0;
|
|
color: #6a6a6a;
|
|
}
|
|
|
|
.InfoAttachment {
|
|
padding: 10px 0px;
|
|
text-align: center;
|
|
width: 81px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.InfoPicture {
|
|
text-align: center;
|
|
}
|
|
|
|
.InfoPicture img {
|
|
width: 100%;
|
|
height: 192px;
|
|
max-width: 100%
|
|
}
|
|
|
|
.info_from_wrap {
|
|
padding: 0 10px;
|
|
text-align: center;
|
|
color: #999;
|
|
border: 0px dashed #ccc;
|
|
line-height: 30px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.info_from_wrap a {
|
|
color: #999;
|
|
}
|
|
|
|
.info_from_wrap a:hover {
|
|
color: #555;
|
|
}
|
|
|
|
#ReadLevelTip {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.Tag {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.Tag a {
|
|
padding: 0 3px;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.info_previous_next_wrap {
|
|
background: #F0F0F0;
|
|
padding: 5px;
|
|
border: 1px solid #E3E3E3;
|
|
color: #333;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
.Next {
|
|
display: inline-block;
|
|
float: right;
|
|
padding-right: 50px
|
|
}
|
|
|
|
.Previous {
|
|
display: inline-block;
|
|
padding-left: 50px
|
|
}
|
|
|
|
/*==========@@元件 结束@@==========*/
|
|
|
|
/*==========@@模块 始@@==========*/
|
|
/*主体左侧样式*/
|
|
.left_title {
|
|
height: 39px;
|
|
line-height: 39px;
|
|
border-bottom: 1px solid #01673A;
|
|
}
|
|
|
|
.left_title h2 {
|
|
font-size: 16px;
|
|
color: #01673A;
|
|
}
|
|
|
|
.left_body {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
color: #01673A;
|
|
padding: 10px 10px 5px;
|
|
border-top: 0;
|
|
border-bottom: 0px
|
|
}
|
|
|
|
.left_bottom {
|
|
height: 15px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*样式1*/
|
|
.left_title1 {
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.left_title1 p {
|
|
color: #888;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.left_title1 h2 a {
|
|
line-height: 40px;
|
|
font-size: 30px;
|
|
font-weight: normal;
|
|
color: #000;
|
|
}
|
|
|
|
.left_title1 h2.ChannelName {
|
|
margin-top: 198px;
|
|
}
|
|
|
|
.left_title1 i {
|
|
display: block;
|
|
width: 40px;
|
|
height: 2px;
|
|
background: #2b2b2b;
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.left_body1 {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
}
|
|
|
|
.left_body1 .ChannelContent {
|
|
margin: 0 30px;
|
|
text-align: center;
|
|
color: #888;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.left_body1 .ChannelPicture {
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.left_body1 .More {
|
|
width: 130px;
|
|
height: 40px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
border: 1px solid #ccc;
|
|
line-height: 40px;
|
|
margin-top: 40px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.left_body1 .More:hover {
|
|
background: #333;
|
|
color: #FFF;
|
|
}
|
|
|
|
.left_bottom1 {
|
|
height: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/*主体右侧*/
|
|
/*样式1*/
|
|
.right_title {}
|
|
|
|
.right_title h2 {
|
|
font-size: 26px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
padding: 15px 0;
|
|
color: #333;
|
|
}
|
|
|
|
.right_title h2 img {
|
|
margin: 0 10px;
|
|
display: none;
|
|
}
|
|
|
|
.right_body {
|
|
padding: 5px 0px;
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
border-top: 0;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.right_bottom {}
|
|
|
|
/*==========@@模块 结束@@==========*/
|
|
|
|
/*==========@@频道布局 始@@==========*/
|
|
/*模型body*/
|
|
.body_index,
|
|
.body_article,
|
|
.body_download,
|
|
.body_picture,
|
|
.body_product,
|
|
.body_single,
|
|
.body_video,
|
|
.body_job,
|
|
.body_feedback,
|
|
.body_guestbook {}
|
|
|
|
.index,
|
|
.single,
|
|
.article,
|
|
.picture,
|
|
.download,
|
|
.video,
|
|
.product,
|
|
.job,
|
|
.guestbook,
|
|
.feedback {
|
|
width: 1200px;
|
|
margin: 5px auto;
|
|
}
|
|
|
|
#top,
|
|
#logo,
|
|
#banner,
|
|
#announcement,
|
|
#link,
|
|
#copyright,
|
|
#bottom,
|
|
#floor_1,
|
|
#floor_2
|
|
|
|
/*,#floor_3*/
|
|
,
|
|
#floor_4,
|
|
#floor_5 {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
border: 0px dashed red;
|
|
}
|
|
|
|
#left {
|
|
float: left;
|
|
width: 250px;
|
|
}
|
|
|
|
#right {
|
|
float: left;
|
|
width: 1200px;
|
|
border-left: 0px solid #E5E5E5;
|
|
padding: 40px 0;
|
|
}
|
|
|
|
/*===首页 ===*/
|
|
#floor_1_main {
|
|
overflow: hidden;
|
|
background: #ffffff;
|
|
}
|
|
|
|
#floor_1 {
|
|
padding: 45px 0px;
|
|
}
|
|
|
|
#floor_2_main {
|
|
overflow: hidden;
|
|
background: #f5f9ff;
|
|
}
|
|
|
|
#floor_2_main_1 {
|
|
overflow: hidden;
|
|
background: #ffffff;
|
|
}
|
|
|
|
#floor_2 {
|
|
padding: 45px 0px;
|
|
}
|
|
|
|
#floor_3_main {
|
|
margin: 45px 0;
|
|
overflow: hidden;
|
|
background: #f5f5f4;
|
|
}
|
|
|
|
#floor_3_main .ChannelPicture {
|
|
float: left;
|
|
display: block;
|
|
width: 50%;
|
|
height: 688px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#floor_3 {
|
|
float: left;
|
|
width: 50%;
|
|
height: 688px;
|
|
}
|
|
|
|
#floor_4_main {
|
|
padding: 45px 0;
|
|
background: #FFF;
|
|
}
|
|
|
|
#floor_5_main {
|
|
padding: 45px 0;
|
|
background: #FFF;
|
|
}
|
|
|
|
/*===首页 结束===*/
|
|
|
|
/*===产品模型 ===*/
|
|
.product .info_product_detail_wrap {
|
|
line-height: 2.2em;
|
|
}
|
|
|
|
.product .info_product_detail_wrap b {
|
|
color: #626262;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.product .info_product_detail_wrap table.detail_table {
|
|
width: 100%;
|
|
}
|
|
|
|
.product .info_product_detail_wrap table.detail_table th {
|
|
width: 200px;
|
|
}
|
|
|
|
.product .ProductDescription {
|
|
height: 40px;
|
|
color: 01673 A;
|
|
margin-top: 10px;
|
|
padding-left: 35px;
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
display: none;
|
|
}
|
|
|
|
.product .info_product_detail_wrap img {
|
|
width: 216px;
|
|
height: 162px;
|
|
float: left;
|
|
text-align: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.product .InfoTitle {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 10px 0px;
|
|
}
|
|
|
|
.product .f2 {
|
|
padding: 5px 0px
|
|
}
|
|
|
|
.product .f1 {
|
|
padding: 5px 0px
|
|
}
|
|
|
|
.product .InfoHit {
|
|
padding: 5px 0px;
|
|
font-weight: bold;
|
|
color: #990000
|
|
}
|
|
|
|
.product .InfoTime {
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
/*===产品模型 结束===*/
|
|
|
|
/*===招聘频道 ===*/
|
|
.job {}
|
|
|
|
.joblist {}
|
|
|
|
.joblist li {
|
|
overflow: hidden;
|
|
}
|
|
|
|
table.job_table {
|
|
margin: 8px 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.job_table td {
|
|
padding: 8px 5px;
|
|
border: 1px solid #DADBD6;
|
|
}
|
|
|
|
table.job_table .Requirement {
|
|
text-align: left;
|
|
padding: 8px 5px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
table.job_table th {
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border: 1px solid #DADBD6;
|
|
}
|
|
|
|
table.job_table .t1 {
|
|
font-weight: bold;
|
|
padding: 5px 0;
|
|
width: 20%;
|
|
}
|
|
|
|
table.job_table .t2 {
|
|
text-align: left;
|
|
width: 25%;
|
|
}
|
|
|
|
table.job_table .t3 {
|
|
font-weight: bold;
|
|
width: 25%;
|
|
}
|
|
|
|
table.job_table .t4 {
|
|
text-align: left;
|
|
width: 25%;
|
|
}
|
|
|
|
table.job_table .operation {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*应聘*/
|
|
table.resume_table {
|
|
margin: 3px;
|
|
text-align: center;
|
|
width: 97%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.resume_table th {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
width: 100px;
|
|
}
|
|
|
|
table.resume_table td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.resume_table .operation {
|
|
text-align: center;
|
|
}
|
|
|
|
table.resume_table #Detail {
|
|
height: 200px;
|
|
}
|
|
|
|
/*===招聘频道 结束===*/
|
|
|
|
/*===留言频道 ===*/
|
|
.guestbook {}
|
|
|
|
.guestbooklist {}
|
|
|
|
.guestbooklist li {
|
|
padding: 10px;
|
|
border: 1px solid #CCC;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.MessageTitle {
|
|
color: #227BAD;
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.MessageContent {
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
table.guestbook_table {
|
|
width: 98%;
|
|
}
|
|
|
|
table.guestbook_table th {
|
|
width: 100px;
|
|
text-align: left
|
|
}
|
|
|
|
table.guestbook_table td {
|
|
text-align: left
|
|
}
|
|
|
|
table.guestbook_table .operation {
|
|
text-align: center
|
|
}
|
|
|
|
/*管理员回*/
|
|
.answer_wrap {
|
|
padding: 5px;
|
|
border-top: 1px dashed #CCC;
|
|
line-height: 1.5em
|
|
}
|
|
|
|
.answer_title {}
|
|
|
|
.answer_body {}
|
|
|
|
.Administrator {
|
|
text-align: right;
|
|
}
|
|
|
|
.Reply {
|
|
text-align: right;
|
|
}
|
|
|
|
.AnswerTime {
|
|
color: #999
|
|
}
|
|
|
|
/*留言表单*/
|
|
.message_title {
|
|
height: 40px;
|
|
padding-left: 35px;
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.message_body {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
color: #626262;
|
|
}
|
|
|
|
.message_bottom {}
|
|
|
|
/*===留言频道 结束===*/
|
|
|
|
/*===反馈频道 ===*/
|
|
.feedback {}
|
|
|
|
table.feedback_table {
|
|
width: 99%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.feedback_table th {
|
|
width: 100px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.feedback_table td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.feedback_table .operation {
|
|
text-align: center
|
|
}
|
|
|
|
/*===反馈频道 结束===*/
|
|
/*==========@@频道布局 结束@@==========*/
|
|
|
|
|
|
/*==========@@公共板块 始@@==========*/
|
|
/* 顶部 */
|
|
#top_main {
|
|
height: 40px;
|
|
z-index: 1000;
|
|
position: absolute;
|
|
color: #fff;
|
|
width: 100%;
|
|
}
|
|
|
|
#top {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: right;
|
|
}
|
|
|
|
#top_1 {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
#top_2 {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
#top .MobileEdition {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
#top a {
|
|
color: #fff;
|
|
}
|
|
|
|
#top a:hover {
|
|
color: #000;
|
|
text-decoration: none
|
|
}
|
|
|
|
/*Logo*/
|
|
#logo_main {}
|
|
|
|
#logo {
|
|
overflow: initial;
|
|
}
|
|
|
|
#logo:after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#logo .WebLogo {
|
|
float: left;
|
|
}
|
|
|
|
#logo .WebLogo img {
|
|
height: 75px;
|
|
display: block;
|
|
}
|
|
|
|
#logo .Language {
|
|
width: 500px;
|
|
float: right;
|
|
padding: 10px;
|
|
}
|
|
|
|
#logo .Language .MobileEdition {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
#logo .Member {
|
|
width: 500px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
float: right;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#logo .Member .MemberName,
|
|
#logo_main .Member .MemberGroupName {
|
|
color: #F30
|
|
}
|
|
|
|
/*导航*/
|
|
#navigation_main {
|
|
background: #ff7e46;
|
|
}
|
|
|
|
#navigation {
|
|
float: right;
|
|
height: 75px;
|
|
}
|
|
|
|
#navigation ul.navigationlist:after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#navigation ul.navigationlist li {
|
|
float: left;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 110px;
|
|
height: 75px;
|
|
line-height: 75px;
|
|
}
|
|
|
|
#navigation ul.navigationlist li a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
margin-top: 16px;
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
color: #fff;
|
|
|
|
transition-duration: .2s;
|
|
-webkit-transition-duration: .2s;
|
|
}
|
|
|
|
#navigation ul.navigationlist li a:hover {
|
|
text-decoration: none;
|
|
border-bottom: 2px solid #2b2b2b;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#navigation ul.navigationlist .current {
|
|
background: #2b2b2b;
|
|
color: #fff;
|
|
border-bottom: 2px solid #2b2b2b;
|
|
}
|
|
|
|
#navigation ul.navigationlist .current:hover {
|
|
color: #FFF;
|
|
border-bottom: 2px solid #2b2b2b;
|
|
}
|
|
|
|
/*导航栏下*/
|
|
#navigation ul.subnavigationlist {
|
|
display: none;
|
|
position: absolute;
|
|
width: 150%;
|
|
left: -25%;
|
|
top: 75px;
|
|
background: #FFF;
|
|
z-index: 100;
|
|
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
#navigation ul.subnavigationlist li {
|
|
float: none;
|
|
padding: 0px;
|
|
display: inline;
|
|
}
|
|
|
|
#navigation ul.subnavigationlist li a {
|
|
display: block;
|
|
white-space: nowrap;
|
|
font-weight: normal;
|
|
color: #333;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
font-size: 15px;
|
|
padding: 0;
|
|
border-bottom: 1px solid #eee;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#navigation ul.subnavigationlist li a:hover {
|
|
border-bottom: 1px solid #2b2b2b;
|
|
}
|
|
|
|
/*公告*/
|
|
#announcement {
|
|
margin-top: 5px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background-color: #f0f0f0;
|
|
color: #0B3B7D;
|
|
}
|
|
|
|
#announcement .announcement_title {
|
|
float: left;
|
|
font-weight: bold;
|
|
text-indent: 35px;
|
|
background: url(../images/announcement_title.gif) no-repeat 8px center;
|
|
width: 150px;
|
|
}
|
|
|
|
#announcement .announcement_body {
|
|
float: left;
|
|
width: 750px;
|
|
}
|
|
|
|
#announcement .announcement_bottom {
|
|
float: right;
|
|
width: 100px;
|
|
}
|
|
|
|
.announcementlist {}
|
|
|
|
.announcementlist li {
|
|
line-height: 35px;
|
|
}
|
|
|
|
/*Js幻灯片样*/
|
|
#banner_main {
|
|
position: relative;
|
|
border: 0px solid blue;
|
|
}
|
|
|
|
#banner {
|
|
border: 0px solid red;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerlist {}
|
|
|
|
.bannerlist li {
|
|
text-align: center;
|
|
border: 0px dashed red;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.bannerlist li img {
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
|
|
#banner_main .hd {
|
|
width: 100%;
|
|
position: relative;
|
|
bottom: 35px;
|
|
left: 0;
|
|
height: 0px;
|
|
line-height: 5px;
|
|
text-align: center;
|
|
border: 0px solid red;
|
|
}
|
|
|
|
#banner_main .hd ul li {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
*display: inline;
|
|
zoom: 1;
|
|
width: 15px;
|
|
height: 6px;
|
|
background: #fff;
|
|
margin-right: 15px;
|
|
overflow: hidden;
|
|
font-size: 0px;
|
|
}
|
|
|
|
|
|
.scrollfixed {
|
|
background: #fff !important;
|
|
box-shadow: 0 2px 20px rgba(1, 41, 112, .1);
|
|
}
|
|
|
|
.scrollfixed #navigation ul.navigationlist li a {
|
|
color: #333 !important;
|
|
}
|
|
|
|
.scrollfixed #navigation ul.navigationlist .current {
|
|
color: #fff !important;
|
|
}
|
|
|
|
#banner_main .hd ul li.on {
|
|
background: #2b2b2b;
|
|
}
|
|
|
|
/*Flash幻灯片样*/
|
|
/*#banner_main {border:0px solid blue; }
|
|
#banner { border:0px solid red; margin:0 auto; overflow:hidden;} */
|
|
|
|
/*当前位置*/
|
|
#location_main {}
|
|
|
|
#location {
|
|
display: none;
|
|
color: #01673A;
|
|
float: right;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
#location a {
|
|
color: #01673A;
|
|
}
|
|
|
|
/*子频道列*/
|
|
#subchannel_main {}
|
|
|
|
#subchannel {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.subchannellist {
|
|
text-align: center;
|
|
}
|
|
|
|
.subchannellist li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.subchannellist li a {
|
|
display: inline-block;
|
|
padding: 8px 20px;
|
|
margin: 0 5px;
|
|
color: #666;
|
|
font-size: 16px;
|
|
border-radius: 3px;
|
|
transition-duration: .2s;
|
|
}
|
|
|
|
.subchannellist li a:hover {
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
background-color: #2b2b2b;
|
|
}
|
|
|
|
.subchannellist #current a {
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
background-color: #2b2b2b;
|
|
}
|
|
|
|
.subchannellist .depth1 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.subchannellist .depth2 {
|
|
font-size: 14px;
|
|
text-indent: 1.5em;
|
|
background: none;
|
|
}
|
|
|
|
.subchannellist .depth2 a {
|
|
border: none;
|
|
}
|
|
|
|
.subchannellist .depth3 {
|
|
font-size: 14px;
|
|
text-indent: 3em
|
|
}
|
|
|
|
.subchannellist .depth4 {
|
|
font-size: 14px;
|
|
text-indent: 4.5em
|
|
}
|
|
|
|
.subchannellist .depth5 {
|
|
font-size: 14px;
|
|
text-indent: 6em
|
|
}
|
|
|
|
.subchannellist .depth6 {
|
|
font-size: 14px;
|
|
text-indent: 7.5em
|
|
}
|
|
|
|
/*搜索 */
|
|
table.search_table {
|
|
width: 99%;
|
|
text-align: center;
|
|
}
|
|
|
|
table.search_table th {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
padding: 0px 3px;
|
|
}
|
|
|
|
table.search_table td {
|
|
vertical-align: middle;
|
|
width: 60px;
|
|
padding: 0px 3px;
|
|
}
|
|
|
|
/*联系我们*/
|
|
.contact_wrap {
|
|
line-height: 1.8em;
|
|
color: #eee;
|
|
}
|
|
|
|
.contact_wrap b {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.contact_wrap .WebUrl {
|
|
color: #F00
|
|
}
|
|
|
|
/*公共百度地图*/
|
|
#Map {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
#Map .MapInfo {
|
|
float: left;
|
|
border: 1px dashed #ccc;
|
|
padding: 8px;
|
|
}
|
|
|
|
#Map .MapInfo #MapContainer {
|
|
width: 870px;
|
|
height: 380px;
|
|
}
|
|
|
|
#Map .ContactInfo {
|
|
width: 300px;
|
|
float: right;
|
|
line-height: 2.7em;
|
|
}
|
|
|
|
#Map .ContactInfo .Company {
|
|
font-size: 24px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
#Map .ContactInfo img {
|
|
width: 18px;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
/*订购*/
|
|
.order {
|
|
margin: 0px auto
|
|
}
|
|
|
|
.order .WantOrder h1 {
|
|
border-bottom: 1px dotted #999999;
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.order .f1 {
|
|
float: right;
|
|
color: red;
|
|
}
|
|
|
|
table.order_table {
|
|
width: 98%;
|
|
}
|
|
|
|
table.order_table th {
|
|
width: 100px;
|
|
text-align: left;
|
|
}
|
|
|
|
table.order_table td {
|
|
text-align: left
|
|
}
|
|
|
|
table.order_table .operation {
|
|
text-align: center
|
|
}
|
|
|
|
/* 友情链接 */
|
|
#link_main {
|
|
padding: 15px 0;
|
|
background: #fff;
|
|
display: none;
|
|
}
|
|
|
|
#link {
|
|
padding: 0;
|
|
border: 1px solid #D6D6D6;
|
|
}
|
|
|
|
.link_title {
|
|
line-height: 59px;
|
|
height: 59px;
|
|
color: #fff;
|
|
}
|
|
|
|
.link_title h2 {
|
|
font-size: 24px;
|
|
color: #333;
|
|
font-weight: normal;
|
|
text-indent: 15px;
|
|
}
|
|
|
|
.link_body {
|
|
color: #000;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
.link_bottom {}
|
|
|
|
/*图片链接列表*/
|
|
.linkpiclist {
|
|
overflow: auto;
|
|
zoom: 1;
|
|
}
|
|
|
|
.linkpiclist li {
|
|
float: left;
|
|
padding: 1px 5px;
|
|
text-align: center;
|
|
width: 112px;
|
|
}
|
|
|
|
.linkpiclist li img {
|
|
width: 86px;
|
|
height: 30px;
|
|
padding: 2px;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
.linkpiclist li a:hover img {
|
|
border: 1px solid #c11b33;
|
|
}
|
|
|
|
/*文字链接列表*/
|
|
.linktextlist {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
padding: 8px 0 8px 0;
|
|
}
|
|
|
|
.linktextlist li {
|
|
float: left;
|
|
text-align: center;
|
|
padding: 1px 15px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.linktextlist li a {
|
|
line-height: 22px;
|
|
color: #666;
|
|
}
|
|
|
|
.linktextlist li a:hover {
|
|
line-height: 22px;
|
|
color: #c11b33;
|
|
}
|
|
|
|
/*底部区域*/
|
|
#bottom_main {
|
|
background-color: #232323;
|
|
padding: 40px 0;
|
|
color: #eee;
|
|
}
|
|
|
|
#bottom {}
|
|
|
|
#bottom_1 {
|
|
float: left;
|
|
width: 66%;
|
|
}
|
|
|
|
.bottom_navigation {
|
|
overflow: hidden;
|
|
float: left;
|
|
}
|
|
|
|
.bottom_navigation li {
|
|
float: left;
|
|
width: 120px;
|
|
margin-right: 15px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bottom_navigation li a {
|
|
display: block;
|
|
text-align: left;
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
color: #eee;
|
|
}
|
|
|
|
.bottom_navigation li a:hover {
|
|
color: #eee;
|
|
}
|
|
|
|
.bottom_navigation .subnavigationlist1 li {
|
|
float: none;
|
|
padding: 0;
|
|
line-height: 28px;
|
|
display: block;
|
|
}
|
|
|
|
.bottom_navigation .subnavigationlist1 li a {
|
|
color: #eee;
|
|
display: block;
|
|
line-height: 30px;
|
|
font-weight: normal;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
}
|
|
|
|
.bottom_navigation .subnavigationlist1 li a:hover {
|
|
color: #eee;
|
|
}
|
|
|
|
#bottom_2 {
|
|
float: right;
|
|
width: 34%;
|
|
}
|
|
|
|
#bottom_2 .WeChat img {
|
|
width: 140px;
|
|
padding: 20px 30px 0 0;
|
|
}
|
|
|
|
#bottom_2 .bdsharebuttonbox .LShare {
|
|
display: block;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
cursor: pointer;
|
|
margin: 6px 6px 6px 0;
|
|
font-size: 16px;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
.bdshare-button-style0-24 {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
/* 版权信息 */
|
|
#copyright_main {
|
|
color: #ddd;
|
|
background-color: #232323;
|
|
}
|
|
|
|
#copyright {
|
|
line-height: 40px;
|
|
}
|
|
|
|
#copyright a {
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#copyright a:hover {
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#copyright .bottom_info {
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
padding-right: 10px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
#copyright .TechnicalSupport {
|
|
float: right;
|
|
margin: 0
|
|
}
|
|
|
|
/*分页样式*/
|
|
.page {
|
|
padding: 10px 0px 0px 1px;
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
|
|
.page a,
|
|
.page span {
|
|
float: left;
|
|
display: block;
|
|
border: 1px solid #D3D1D1;
|
|
padding: 2px 5px;
|
|
margin-left: 4px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.page a:link,
|
|
.page a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.page a:hover {
|
|
background: #2b2b2b;
|
|
color: #FFF;
|
|
}
|
|
|
|
.page .current {
|
|
background: #2b2b2b;
|
|
color: #FFF;
|
|
}
|
|
|
|
.page #total {
|
|
color: red
|
|
}
|
|
|
|
/*会员*/
|
|
/*会员登录*/
|
|
table.login_table {
|
|
width: 40%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.login_table th {
|
|
width: 100px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.login_table td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.login_table .operation {
|
|
text-align: center
|
|
}
|
|
|
|
table.login_table .quick_login td {
|
|
text-align: left;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
table.login_table .quick_login td img {
|
|
margin-right: 8px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*会员注册*/
|
|
table.reg_table {
|
|
width: 40%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.reg_table th {
|
|
width: 140px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.reg_table td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.reg_table .operation {
|
|
text-align: center
|
|
}
|
|
|
|
table.reg_table .MemberCode {
|
|
text-align: left;
|
|
width: 70px;
|
|
}
|
|
|
|
table.reg_table #SmsCode {
|
|
width: 50px;
|
|
}
|
|
|
|
/*忘记密码 第一*/
|
|
table.forget_table1 {
|
|
width: 40%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.forget_table1 th {
|
|
width: 100px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.forget_table1 td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.forget_table1 .operation {
|
|
text-align: center
|
|
}
|
|
|
|
/*忘记密码 第二*/
|
|
table.forget_table2 {
|
|
width: 40%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
table.forget_table2 th {
|
|
width: 100px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.forget_table2 td {
|
|
text-align: left
|
|
}
|
|
|
|
table.forget_table2 .operation {
|
|
text-align: center
|
|
}
|
|
|
|
table.forget_table2 #SmsCode {
|
|
width: 60px;
|
|
}
|
|
|
|
table.forget_table2 .PasswordQuestion,
|
|
table.forget_table2 .MemberMobile,
|
|
table.forget_table2 .FindPwdWay {
|
|
padding: 3px 0;
|
|
}
|
|
|
|
/*网站地图列表*/
|
|
.maplist {}
|
|
|
|
.maplist li {
|
|
padding: 1px;
|
|
}
|
|
|
|
.maplist li a {
|
|
background: #d1e8fc;
|
|
line-height: 25px;
|
|
display: block;
|
|
padding: 0 20px;
|
|
border: 0px solid #A6CC93;
|
|
}
|
|
|
|
.maplist li a:hover {
|
|
text-decoration: none;
|
|
background: #FFF;
|
|
}
|
|
|
|
.maplist .depth1 {
|
|
font-weight: bold;
|
|
text-indent: 0px;
|
|
font-weight: bold
|
|
}
|
|
|
|
.maplist .depth2 {
|
|
text-indent: 2em
|
|
}
|
|
|
|
.maplist .depth3 {
|
|
text-indent: 4em
|
|
}
|
|
|
|
.maplist .depth4 {
|
|
text-indent: 6em
|
|
}
|
|
|
|
.maplist .depth5 {
|
|
text-indent: 8em
|
|
}
|
|
|
|
.maplist .depth6 {
|
|
text-indent: 10em
|
|
}
|
|
|
|
/*==========@@公共板块 结束@@==========*/
|
|
|
|
|
|
/*==========@@通用列表 始@@==========*/
|
|
/*文字列表*/
|
|
.textlist {}
|
|
|
|
.textlist li {
|
|
line-height: 28px;
|
|
height: 28px;
|
|
text-indent: 8px;
|
|
background: url(../images/textlist.gif) no-repeat 0 center;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
/*解决ie6bug*/
|
|
}
|
|
|
|
.textlist li a {}
|
|
|
|
.textlist li .InfoTime {
|
|
float: right;
|
|
}
|
|
|
|
/*文字列表1*/
|
|
.textlist1 {
|
|
overflow: hidden;
|
|
width: 680px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.textlist1 li {
|
|
float: left;
|
|
}
|
|
|
|
.textlist1 li a {
|
|
display: block;
|
|
float: left;
|
|
width: 120px;
|
|
height: 40px;
|
|
margin: 0 25px;
|
|
background: #FFF;
|
|
color: #666;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.textlist1 li a:hover {
|
|
background: #2b2b2b;
|
|
color: #FFF;
|
|
}
|
|
|
|
/*带缩略图文字列表*/
|
|
.thumblist {}
|
|
|
|
.thumblist li {
|
|
overflow: hidden;
|
|
padding: 20px 0;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
.thumblist li:first-child {
|
|
border: 0;
|
|
}
|
|
|
|
.thumblist li .InfoPicture {
|
|
position: relative;
|
|
float: left;
|
|
width: 22%;
|
|
height: 160px;
|
|
text-align: center;
|
|
}
|
|
|
|
.thumblist li .InfoPicture img {
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
.thumblist li .info_wrap {
|
|
position: relative;
|
|
float: right;
|
|
width: 60%;
|
|
height: 140px;
|
|
padding-right: 180px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.thumblist li .InfoTitle {
|
|
display: block;
|
|
font-size: 18px;
|
|
padding: 0 0 10px;
|
|
color: #555;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.thumblist li p {
|
|
font-size: 13px;
|
|
color: #6a6a6a;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.thumblist li .InfoTime {
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
bottom: 0;
|
|
text-align: left;
|
|
padding: 0;
|
|
font-size: 18px;
|
|
color: #c8c8c8;
|
|
}
|
|
|
|
.thumblist li .more {
|
|
position: absolute;
|
|
width: 120px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
border-left: 1px solid #bcbcbc;
|
|
color: #bcbcbc;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/*带缩略图文字列表2*/
|
|
.thumblist2 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.thumblist2 li {
|
|
width: 568px;
|
|
height: 155px;
|
|
overflow: hidden;
|
|
margin: 10px 0;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.thumblist2 li.n0 {
|
|
float: left;
|
|
}
|
|
|
|
.thumblist2 li.n1 {
|
|
float: right;
|
|
}
|
|
|
|
.thumblist2 li a {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.thumblist2 li a:before {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.thumblist2 li a .InfoWrap {
|
|
float: right;
|
|
width: 366px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.thumblist2 li a .InfoTime {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 160px;
|
|
height: 106px;
|
|
padding: 14px 0 0;
|
|
background-color: #FFF;
|
|
z-index: 1;
|
|
text-align: center;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.thumblist2 li a .InfoTime:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
height: 80px;
|
|
width: 1px;
|
|
background: #eee;
|
|
top: 50%;
|
|
margin-top: -40px;
|
|
right: 0;
|
|
}
|
|
|
|
.thumblist2 li a .InfoTime .d {
|
|
font-size: 60px;
|
|
}
|
|
|
|
.thumblist2 li a .InfoPicture {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 120px;
|
|
width: 160px;
|
|
height: 120px;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.thumblist2 li img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.thumblist2 li a .InfoWrap span {
|
|
font-size: 17px;
|
|
color: #575757;
|
|
display: block;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
padding: 22px 0 13px 0;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.thumblist2 li a .InfoWrap p {
|
|
font-style: 13px;
|
|
color: #999;
|
|
line-height: 1.7em;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.thumblist2 li:hover {
|
|
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.thumblist2 li:hover .InfoTime {
|
|
top: -120px;
|
|
}
|
|
|
|
.thumblist2 li:hover .InfoPicture {
|
|
top: 0;
|
|
z-index: 9;
|
|
}
|
|
|
|
.thumblist2 li:hover .InfoWrap span {
|
|
padding: 25px 0 5px;
|
|
}
|
|
|
|
/*橱窗列表*/
|
|
.gridlist {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.gridlist:after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.gridlist li {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
.gridlist li a {
|
|
display: block;
|
|
padding: 10px;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.gridlist li .InfoPicture {
|
|
background: #eee;
|
|
}
|
|
|
|
.gridlist li img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.gridlist li .InfoTitle {
|
|
text-align: center;
|
|
padding: 10px;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gridlist li a:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
/*橱窗列表1*/
|
|
.gridlist1 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gridlist1 li {
|
|
float: left;
|
|
position: relative;
|
|
width: 285px;
|
|
margin: 0 10px 20px;
|
|
border-bottom: 1px solid #eee;
|
|
text-align: center;
|
|
}
|
|
|
|
.gridlist1 li a.InfoPicture {
|
|
display: block;
|
|
}
|
|
|
|
.gridlist1 li img {
|
|
width: 100%;
|
|
height: 230px;
|
|
transition: .2s ease 0s;
|
|
-moz-transition: .2s ease 0s;
|
|
-webkit-transition: .2s ease 0s;
|
|
}
|
|
|
|
.gridlist1 li a {
|
|
font-size: 16px;
|
|
color: #333;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.gridlist1 li.n0 {
|
|
margin-left: 0
|
|
}
|
|
|
|
.gridlist1 li.n3 {
|
|
margin-right: 0
|
|
}
|
|
|
|
.gridlist1 li .InfoTitle {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.gridlist1 li:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -1px;
|
|
margin: auto;
|
|
width: 0%;
|
|
height: 1px;
|
|
background-color: #2b2b2b;
|
|
transition: .2s ease 0s;
|
|
-moz-transition: .2s ease 0s;
|
|
-webkit-transition: .2s ease 0s;
|
|
}
|
|
|
|
.gridlist1 li img:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.gridlist1 li:hover:after {
|
|
width: 100%;
|
|
}
|
|
|
|
/*橱窗列表2*/
|
|
.gridlist2 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gridlist2 li {
|
|
float: left;
|
|
transition: .2s ease 0s;
|
|
-moz-transition: .2s ease 0s;
|
|
-webkit-transition: .2s ease 0s;
|
|
}
|
|
|
|
.gridlist2 li:hover {
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
|
|
.gridlist2 li a.InfoPicture {
|
|
display: block;
|
|
}
|
|
|
|
.gridlist2 .InfoTitle a {
|
|
display: block;
|
|
width: 380px;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.gridlist2 .InfoTitle a:hover {
|
|
color: #eee;
|
|
}
|
|
|
|
.gridlist2 li img {
|
|
width: 380px;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.gridlist2 li.n2 {
|
|
margin: 0 30px;
|
|
}
|
|
|
|
.gridlist2 li p {
|
|
display: block;
|
|
width: 380px;
|
|
color: #aaa;
|
|
}
|
|
|
|
/*视频列表*/
|
|
.videolist {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.videolist li {
|
|
float: left;
|
|
width: 25%;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
transition: all .2s linear
|
|
}
|
|
|
|
.videolist li:hover {
|
|
transform: translate3d(0, -4px, 0);
|
|
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.videolist li.n0 {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.videolist li img {
|
|
border: 1px solid #fff;
|
|
width: 100%;
|
|
height: 190px
|
|
}
|
|
|
|
.videolist li a {
|
|
display: block;
|
|
position: relative;
|
|
padding: 5px;
|
|
}
|
|
|
|
.videolist li .InfoTitle {
|
|
display: block;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.videolist li .InfoTitle a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.videolist li i {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: url(../images/play.png) center center no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*产品列表*/
|
|
.productlist:after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.productlist li {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
.productlist li a {
|
|
overflow: hidden;
|
|
position: relative;
|
|
display: block;
|
|
height: 235px;
|
|
border: 1px solid #f5f5f5;
|
|
margin: 5px;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.productlist li .InfoWrap {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 10px 20px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
background: #FFF;
|
|
color: #666;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.productlist li .InfoWrap:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 20px;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: auto;
|
|
background: url(../images/arrowsRight.png) center no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.productlist li .InfoWrap .InfoTitle {
|
|
text-align: left;
|
|
font-size: 15px;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.productlist li .InfoWrap p {
|
|
font-size: 12px;
|
|
color: #999;
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.productlist li img {
|
|
-webkit-transition-duration: .5s;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
.productlist li:hover a {
|
|
border: 1px solid #2b2b2b;
|
|
}
|
|
|
|
.productlist li:hover .InfoWrap {
|
|
background: #2b2b2b;
|
|
color: #FFF;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.productlist li:hover .InfoWrap:after {
|
|
background: url(../images/arrowsRightClick.png) center no-repeat;
|
|
}
|
|
|
|
.productlist li:hover .InfoWrap p {
|
|
padding: 5px 0;
|
|
color: #eee;
|
|
}
|
|
|
|
.productlist li:hover img {
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
transform: scale(1.1, 1.1);
|
|
}
|
|
|
|
/*频道相册列表*/
|
|
.channelalbumlist {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.channelalbumlist li {
|
|
float: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.channelalbumlist li img {
|
|
display: block;
|
|
width: 290px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/*频道相册列表1*/
|
|
.channelalbumlist11,
|
|
.channelalbumlist1 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.channelalbumlist1 li {
|
|
float: left;
|
|
width: 33.333%;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.channelalbumlist1 li.n3 .info_wrap {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.channelalbumlist1 li.n1 .info_wrap {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.channelalbumlist1 li.n2 .info_wrap {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.channelalbumlist1 li .AlbumTitle {
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
margin: 12px 5px;
|
|
color: #444;
|
|
}
|
|
|
|
.channelalbumlist11 li img,
|
|
.channelalbumlist1 li img {
|
|
width: 100%;
|
|
}
|
|
|
|
.channelalbumlist1 li p {
|
|
font-size: 14px;
|
|
display: block;
|
|
line-height: 26px;
|
|
text-align: left;
|
|
color: #888;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
|
|
|
|
.channelalbumlist11 li {
|
|
float: left;
|
|
width: 25%;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
padding: 12px 0;
|
|
height: 520px;
|
|
}
|
|
|
|
|
|
|
|
.channelalbumlist11 li .AlbumTitle {
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
margin: 12px 5px;
|
|
color: #444;
|
|
}
|
|
|
|
.channelalbumlist11 li .info_wrap {
|
|
margin: 10px;
|
|
background-color: #fff;
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.channelalbumlist11 li .info_wrap:hover {
|
|
background: #f5f5f5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.channelalbumlist11 li p {
|
|
font-size: 12px;
|
|
color: #999;
|
|
text-align: center;
|
|
}
|
|
|
|
/*频道相册列表1*/
|
|
.channelalbumlist2 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.channelalbumlist2 li {
|
|
float: left;
|
|
}
|
|
|
|
.channelalbumlist2 li img {
|
|
width: 238px;
|
|
height: 107px;
|
|
border: 1px solid #ddd;
|
|
display: block;
|
|
filter: grayscale(1);
|
|
-webkit-filter: grayscale(1);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
|
|
}
|
|
|
|
.channelalbumlist2 li img:hover {
|
|
filter: grayscale(0);
|
|
-webkit-filter: grayscale(0);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
|
|
}
|
|
|
|
/*==========@@通用列表 结束@@==========*/ |