﻿@charset "utf-8";
/*全局样式
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#0089CD; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
.red:hover{ color:#F60; }
.red a{ color:#F00; }
.red a:hover{ color:#F60; }
.gray{ color:#666; }
.gray:hover{ color:#F60; }
.gray a{ color:#666; }
.gray a:hover{ color:#F60; }
.blue{ color:#1E7BB3; }
.blue:hover{ color:#F60; }
.blue a{ color:#1E7BB3; }
.blue a:hover{ color:#F60; }

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }

/*页面布局*/
body{ text-align:left; background:#efefef; *position:relative; }
.section{ position:relative; margin:0 auto; padding:0; width:1200px; min-width:1000px; max-width:1200px; text-align:left; overflow:hidden; }
.wrapper{ position:relative; margin:0 auto; width:100%; height:288px; overflow:hidden; }
.wrapper.igoods{ height:327px; }
.wrapper.auto{ height:auto; }
.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main-left{ position:relative; float:left; margin:15px 15px 0 0; width:463px; height:273px; overflow:hidden; }
.main-right{ position:absolute; top:0; right:0; bottom:0; left:478px; overflow:hidden; }

.main-wrap{ position:relative; margin:0 auto; padding:0; width:1180px; text-align:left; }
.left941{ float:left; width:941px; }
.left211{ float:left; margin-left:28px; width:211px; }
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef; }
.home-box{ position:relative; display:block; margin:0 0 0 217px; overflow:hidden; }
.main-box{ position:relative; margin-bottom:-30px; width:100%; background:#f2f2f2; }

/*页面头部*/
.header-nav{ 
	position: absolute; left: 0; top: 0;
	width: 100%; height: 70px; 
	background: url(../images_ch_pc/bg.png) left top repeat-x;
	z-index: 10;
}
.header-nav ul.site-nav{ width: 1200px; margin: 0 auto;}
.header-nav ul.site-nav li{ float: left; line-height: 62px; margin-left: 36px; position:relative;}
.header-nav ul.site-nav li a{ font-size: 16px; color: #ffffff;
	/*text-shadow:#000000 2px 2px 3px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;*/
}
.header-nav ul.site-nav li a:hover{
	text-decoration: none; 
	color: #00a946;
	/*text-shadow:#00a946 0px 0px 1px;*/
	font-weight: bold;
}
.header-nav .logo{ width: 339px; height: 63px; background-image: url(../images_ch_pc/logo.png?v=20171127);
	margin-left: 0;
}

.header-nav ul.site-nav li ul.sub-menu{ display:none; position:absolute; left:0px; top:62px; width:84px; padding:10px; 
-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;
background-color: rgba(255,255,255,0.4);
}
.header-nav ul.site-nav li ul.sub-menu li{ width:100%; margin:0px; padding:0px; line-height:32px; border-bottom:1px dotted  #fff; }
.header-nav ul.site-nav li ul.sub-menu li a{ line-height:32px; color:#ffffff; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .header-nav ul.site-nav li ul.sub-menu{
    background-color:#ffffff;
    filter:Alpha(opacity=30);
    position:static;
    *zoom:1;
  }
  .header-nav ul.site-nav li ul.sub-menu li{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}
.header-nav ul.site-nav li ul.sub-menu li a:hover{
	text-decoration: none; 
	color: #00a946;
	font-weight: bold;
}

.slider{ position: relative; width: 100%; height: 300px;}
.slider .pic-list{ position: relative;}
.slider .pic-list li{ width: 100%; display: none; position: absolute; left: 0px; top: 0px; }
.slider .pic-list li.active{ display: block;}
.slider .pic-list li a{ display: block; height: 300px; background-position: center top; background-repeat: no-repeat; cursor: default; }
.slider .dot-nav{ width: 100%; height: 18px; position: absolute; bottom: 25px; text-align: center;}
.slider .dot-nav li{ float: none;
display: inline-block;
*display:inline;/*兼容ie7*/
*zoom:1;/*兼容ie7*/
}
.slider .dot-nav li .dot{ border: 2px solid #ffffff; 
	width: 14px; height: 14px; cursor: pointer; margin: 0 6px; 
	border-radius:50%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	
}
.slider .dot-nav li .dot:hover{ background-color: #ffffff;}
.slider .dot-nav li .dot.active{ background-color: #ffffff;}
.slider .arrow-nav-left{ opacity:0.4; position: absolute; left: 0; top: 0; width: 87px; height: 100%; background: url(../images_ch_pc/common/arrow-left-light.png) 30px center no-repeat; cursor:pointer;}
.slider .arrow-nav-left.hover{ opacity:1; background-position: 15px center;}
.slider .arrow-nav-right{ opacity:0.4; position: absolute; right: 0px; top: 0px; width: 87px; height: 100%; background: url(../images_ch_pc/common/arrow-right-light.png) 30px center no-repeat; cursor:pointer;}
.slider .arrow-nav-right.hover{ opacity:1; background-position: 45px center;}
.slider .arrow-nav-left,.slider .arrow-nav-right{
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#header-slider{height: 538px;}
#header-slider .pic-list li a{height: 538px;}

.list-left{ position:relative; display:block; float:left; width:250px; overflow:hidden; }
.list-auto{ position:relative; display:block; margin:0 0 0 290px; overflow:hidden; _zoom:1; }

/*图文列表*/
.n-list{ padding-top:10px; }
.n-list li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list li h2{ padding:20px 0 6px 0; font-size:16px; line-height:27px; font-weight:normal; }
.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#3b8dd1; text-decoration:none; }
.n-list li h2 a:hover{ color:#8CAC52; }
.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
.n-list li .note .info{ padding-top:10px; }
.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images_ch_pc/sprite.gif) no-repeat; }
.n-list li .note .info .time{ background-position:0 -158px; }
.n-list li .note .info .view{ background-position:0 -36px; }
.n-list li .note .info .comm{ background-position:0 4px; }
.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }

.txt-list{}
.txt-list li{ position:relative; _display:block; height:25px; vertical-align:top; }
.txt-list li a{ display:block; padding:0; color:#888; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; _position:absolute; }
.txt-list li span{ float:right; margin-left:5px; color:#999; _padding:2px 0 2px 5px; _z-index:2;  _position:absolute; _background:#fff; _right:0; }
.txt-list li a:hover{ color:#0089cd; }

.list-left .cur-nav{border:1px solid #cccccc;}
.list-left .cur-nav h3{ padding: 10px 15px; display:block; background-color: #f4f4f4; 
line-height:30px; color:#4b4b4b; font-size:18px; font-weight:300;border-bottom:1px solid #cccccc; }
.list-left .cur-nav ul{ margin: 15px 15px 15px 25px;}
.list-left .cur-nav ul li{}
.list-left .cur-nav ul li a{ display: block; height: 34px; line-height: 34px; font-size: 16px; color: #4b4b4b;}
.list-left .cur-nav ul li a:hover{color: #3b8dd1;}
.list-auto .cur-position{ padding: 15px 0; font-size: 14px; color: #4b4b4b; border-bottom: 1px dashed #ccc;}
.list-left .hot-recommend{border:1px solid #cccccc; margin-top: 20px;}
.list-left .hot-recommend h3{padding: 10px 15px; display:block; background-color: #f4f4f4; 
line-height:30px; color:#4b4b4b; 
font-size:18px; font-weight:300;
border-bottom:1px solid #cccccc;}
.list-left .hot-recommend ul{ margin: 20px;}
.list-left .left-focusbox{position: relative;width: 250px; margin-top: 20px; height: 160px;overflow: hidden;}

/*页面底部*/
.footer{width:100%; height:auto; background-color:#333333; padding-bottom:10px;}
.footer ul.footer-nav{ text-align:center;}
.footer ul.footer-nav li{ display:inline; font-size:14px; color:#ffffff; line-height:56px;}
.footer ul.footer-nav li a{ display:inline-block; padding:0px 16px; }
.footer a{color:#ffffff;}
.footer a:hover{ color:#61a9e2; text-decoration:underline;}
.footer .footer-copyright{width:1100px; margin:0px auto; font-size:14px; color:#ffffff; line-height:22px; text-align:center;}
/*.footer{background:#a9a9a9 url(../images_ch_pc/foot_bg.png) repeat-x;}
.footer .footer-copyright{}
.footer .footer-copyright .block1{float:left; width:680px; font-size:14px; line-height:26px; padding-top:40px;}
.footer .footer-copyright .block2{float:left; width:26px; height:140px; background:url(../images_ch_pc/09.png) no-repeat;}
.footer .footer-copyright .block3{float:left; width:332px; height:140px; background:url(../images_ch_pc/10.png) no-repeat;}
.footer .footer-copyright .block4{float:left; width:80px; padding:30px 0 30px 20px;}*/
/*响应式布局
----------------------------------------------*/
/*@media only screen and (max-width:1180px) {
	.section{ width:941px; }
}
@media only screen and (min-width:1181px) {
	.section{ width:1180px; }
}*/
@media only screen and (min-width:1200px) {
	.section{ width:1200px; }
}


/* online */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images_ch_pc/common/online_kefu/float_s.png) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images_ch_pc/common/online_kefu/float_bg.gif) no-repeat;}
#online_qq_layer{z-index:100;position:fixed;right:0px;top:0;margin:150px 0 0 0; font-family:'宋体'}
/**html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#online_qq_tab{width:28px;float:left;margin:100px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}
#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
#online_qq_layer .onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
#online_qq_layer .onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
#online_qq_layer .onlineMenu h3.tQQ{background-position:0 10px;}
#online_qq_layer .onlineMenu h3.tele{background-position:0 -47px;}
#online_qq_layer .onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
#online_qq_layer .onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
#online_qq_layer .onlineMenu li.zixun{background-position:0px -131px;}
#online_qq_layer .onlineMenu li.fufei{background-position:0px -190px;}
#online_qq_layer .onlineMenu li.phone{background-position:0px -244px;}
#online_qq_layer .onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
#online_qq_layer .onlineMenu li img{margin:8px 0 0 0;}
#online_qq_layer .onlineMenu li.last{border:0;}
#online_qq_layer .wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../images_ch_pc/common/online_kefu/webZx_bg.jpg) no-repeat;}
#online_qq_layer .btmbg{height:12px;overflow:hidden;background-position:-131px 0;}
