@charset "utf-8";
@import url(global.css);
/*----------------------------*/
*{margin:0px; padding:0px;}
body {font:500 14px/24px "Microsoft YaHei"; color:#595959;}
a{text-decoration: none; color:#595959;}
a:hover{color:#5ba8d0;}
ul, ol, li, dl, dt, dd {list-style:none;}
img{border:0;vertical-align: middle;}
.wrap-cent{width:980px; margin:0 auto;}

.header{ width:980px;margin:0 auto;}
.header .logo{ width:360px; height:60px; margin:30px 0; float:left;}
.header .logo a{ float:left;}
.header .top-in { width:240px; margin-top:36px; font-size:16px;}
.header .top-hd{margin-top:12px;}

.header .nav{
	height:38px; 
	font:600 16px/38px "Microsoft Yahei"; 
	border:1px solid #f0f0f0;
	text-align:center;
	overflow:hidden;
	background:url(../images/h_side_tit_bg.jpg) center top;
	}
.header .nav>ul>li{ 
	float:left; 
	width:15%; 
	background:url(../images/nav_bg_line.png) left center no-repeat;
	}
.header .nav>ul>li.home{ width:10%; background:none;}
.header .nav>ul>li>a{
	color:#666;
	display:block;
	font-size:14px; 
	font-weight:bold;
	height:38px;
	line-height:30px;
	}
.header .nav a:hover,.header .nav>ul>li.on>a{ 
	color:#fff;
	background:url(../images/nav_bg_hover.jpg);
	}

/*--home--*/
/*banner*/
#banner {
	position:relative;
	width:100%;
	max-width:1500px;
	height:420px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:0px;
	background:#f0f0f0;
}
#banner .tempWrap {
	margin:0 auto
}
#banner .hd {
	position:absolute;
	z-index:9;
	width:100%;
	left:0;
	margin:0 auto;
	right:0;
	top:390px;
	text-align:center
}
#banner .hd li {
*display:inline;
*zoom:1;
	display:inline-block;
	text-indent:-999999px;
	width:16px;
	height:16px;
	margin-right:3px;
	background:url(../images/banner_bnt.png) no-repeat right;
	cursor:pointer
}
#banner .hd li.on {
	background:url(../images/banner_bnt.png) no-repeat left
}
#banner .bd li {
	position:relative;
	background-position:50% 0;
	height:420px;
	width:100%;
	overflow:hidden;
}
#banner .bd li a {
	float:left;
	width:100%;
	height:420px
}
#banner .bd li .bg {
	position:absolute;
	margin:0 auto;
	width:1600px;
	max-width:1500px;
	left:0;
	right:0;
	top:38%
}

/*banner end*/

.h-title-box{ padding:40px 0px; text-align:center; color:#5ba8d0;}
.h-title-box .en{ font-size:24px; line-height:140%; text-transform:uppercase;}
.h-title-box .cn{ font-size:24px; line-height:140%;}


.h-case-scroll{ margin-bottom:50px;}	
.h-case-scroll .hd{height:36px;line-height:35px;padding:0 15px; background:#f4f4f4; }	
.h-case-scroll .hd h2{ font-size: 17px; color: #C80300; float: left; margin-right: 15px; }
.h-case-scroll .bd{ position:relative;  }
.h-case-scroll .scrollWrap{ overflow:hidden;}	
.h-case-scroll .prev, .h-case-scroll .next{ position: absolute; top: 69px; display: block; width: 60px; height: 92px; background: url(../images/slide_tigger.png); z-index: 100; overflow: hidden; }
.h-case-scroll .prev{ left:-60px; background-position: 0px 0px; }
.h-case-scroll .next{ left:auto; right:-60px; background-position: -60px 0px; }	
.h-case-scroll .prev:hover{ background-position:0 -92px; background-color:#f0f0f0;}	
.h-case-scroll .next:hover{ background-position:60px -92px; background-color:#f0f0f0;}	
.h-case-scroll .prevStop{ background-position:0 0px !important; }	
.h-case-scroll .nextStop{ background-position:-60px 0px !important; }	
.h-case-scroll ul{ overflow:hidden; zoom:1; }
.h-case-scroll li a,.h-case-scroll li a:hover { color:#fff; display:inline-block;}
.h-case-scroll li:hover,.h-case-scroll li.on:hover{ color:#fff; background:#00469e;}
.h-case-scroll li{ 
	width:186px; 
	border:1px solid #ddd; 
	margin: 10px 10px 10px 0;
	float:left; 
	text-align:center; 
	color:#fff; 
	background:#5ba8d0; 
	display:inline; 
	overflow:hidden; 
	}
.h-case-scroll li.on{ background:#5d5d5d;}
.h-case-scroll li .pic {
	width:188px;
	height:145px;
	margin-bottom:6px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	}
.h-case-scroll li p.tit{ font-weight:bold;}	
.h-case-scroll li p.in{ font-size:12px; height:38px; padding:0 8px 16px 8px; overflow:hidden;}

.h-new{ padding:20px 0;  background:url(../images/h_new_bg.jpg); border-top:1px solid #ddd;border-bottom:1px solid #ddd; overflow:hidden;}
.h-new ul{ display:inline-block;}
.h-new li{ width:30%; display:inline; float:left; margin:1.66%;}
.h-new h1{ background:url(../images/icon_arrow_2.png) left center no-repeat; padding-left:10px; margin-bottom:10px;}
.h-new h1 a{ font-size:14px;}
.h-new p{ padding-left:10px; font-size:12px; line-height:20px;color:#666;}
.h-new p.date{ color:#999;}

.h-side{margin-bottom:50px;}
.h-side ul{ display:inline-block;}
.h-side li{ width:320px; display:inline; float:left; margin-right:10px;}
.h-side h1{ height:32px; line-height:32px; background:url(../images/h_side_tit_bg.jpg); padding-left:10px;}
.h-side h1 a{ background:url(../images/icon_arrow_4.png) left center no-repeat;padding-left:20px;}

.h-brand{margin-bottom:50px; text-align:center;}
.h-brand h1{ font-size:24px; color:#000; padding:20px 0; margin-bottom:20px; border-bottom:1px solid #ddd;}

/*--main--*/
.m-banner{ background:#fff; text-align:center;}
.m-banner center{ width:980px; margin:0 auto; overflow:hidden; height:0px; overflow:hidden;}

.main{ min-height:400px; padding-bottom:50px; margin-top:30px; margin-bottom:100px;}
.main-left{ margin-right:20px;}
.main-right{ width:810px;}
.main .ptbox{ width:580px; margin-left:20px;}
.main .bkbox{ width:660px;}
.main .side-bk{ width:300px;}

.down .main-right{width:640px;}


.bd-cru { 
	width:100%; 
	height:46px;  
	line-height:46px;
	margin:30px 0;
	border-top:1px solid #ddd; 
	border-bottom:1px solid #ddd; 
	text-align:right;
	font-size:12px; 
	position:relative;
	}
.bd-cru span{
	background:url(../images/icon_arrow_6.png) left 0px no-repeat;
	padding-left:15px;
	}
.bd-cru .m-title{ 
	width:140px; 
	height:48px; 
	background:#5ba8d0 url(../images/icon_arrow_5.png) 20px center no-repeat; 
	color:#fff; 
	text-align:center;
	font-size:14px;
	line-height:50px;
	position:absolute; 
	top:-1px; 
	left:0px;
	}

.side-nav{ width:140px;background:#5ba8d0;}
.side-nav li{ height:40px; line-height:40px; text-align:center;}
.side-nav li a{ color:#fff; display:block; border-bottom:1px solid #80c0e1;}
.side-nav li a.on{ background:#4b4b4b;}
.side-nav li a:hover{ background:#4b4b4b; border-top:1px solid #fff;}

.r-sidebox p{ border:1px solid #ddd; padding:1px; margin-bottom:20px;}
.r-sidebox a{ display:block;}
.r-sidebox .siy-11 a{ text-align:right; color:#00469e; padding-right:5px;}
.r-sidebox .siy-10 a, .r-sidebox .siy-12 a{ text-align:center; color:#fff; background:#00469e;}

/*about*/
.comnew .n-list li{
	background:url(../images/icon_arrow_5.png) left center no-repeat;
	padding:6px 14px;
	border-bottom:1px dashed #ddd;
	}
.comnew .n-list .date{
	float:right;
	color:#999;
	}
.comnew h1{
	font-size:18px;
	font-weight:normal;
	color:#5ba8d0
	}
.comnew .i-date{
	margin-bottom:20px;
	}


/*product*/
.pro-box-new .table-tit{
	background:url(../images/table_titbg.jpg) repeat-x; 
	height:35px; 
	line-height:35px; 
	text-align:center;
	color:#333;
	}
.pro-box-new .td-tit{
	padding:6px 0;
	}
.pro-box-new .classname{
	font-weight:bold;
	color:#C00
	}
.pro-box-new .titname{
	text-align:left; 
	padding-left:20px;
	background:url(../images/icon_arrow_1.png) 10px center no-repeat;
	}

.pro-box-new .file img{
	width:24px;
	}
.pro-box-new td{
	border:1px solid #ccc;
	text-align:center;
	}
.pro-box-new .tr1{
	background:#fff;
	}
.pro-box-new .tr2{
	background:#f6f6f6;
	}
.pro-box-new  a.td-view{
	padding:0 10px 0 18px;
	display:inline-block;
	background:url(../images/icon_arrow_3.png) left center no-repeat;
	}


/*product 产品页-三级分类、品牌不同
.pro-class-list{height:auto;margin-bottom:10px;overflow:hidden;}
.pro-class-list .p-top-title{
	font-size:14px;
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
	margin-bottom:20px;
	color:#666;
	background:url(../images/list_bg.jpg);
	}
.pro-class-list .p-top-title span{
	float:left;
	background:url(../images/icon_arrow_5.png) no-repeat 10px center;
	padding-left:30px;
	}
.pro-class-list .p-top-title a{
	float:right;
	margin-right:10px;
	font-size:14px;
	}
.product .pro-tit-info{
	color:#000;
	border:1px solid #ddd;
	border-bottom:5px solid #5ba8d0;
	padding:20px 40px;
	background:url(../images/h_new_bg.jpg);
	margin-bottom:20px;
	}

.product li{
	width:188px; 
	float:left; 
	display:inline;
	margin-right:10px;
	margin-bottom:30px;
	overflow:hidden;
	}
.product li.r-end{ 
	margin-right:0px;
	}
.product li img{
	width:188px;
	height:145px;
	}
.product li span{
	padding:5px 0;
	margin:10px 0;
	display:block; 
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
.product li .pd-tit a:hover{ font-weight:bold;}

.product .m-brank{
	margin-bottom:40px;
	}
.product .m-brank img{ margin:0px 0px 10px 0px;}

.sub-pro-nav { 
	width:100%; 
	margin-bottom:40px; 
	clear:both;
	}
.sub-pro-nav a{
	font-weight:bold; 
	border:1px solid #ddd; 
	padding:12px 22px; 
	margin:0px 10px 10px 0px; 
	display:inline-block;
	background:url(../images/nav_bg2.jpg);
	}
.sub-pro-nav a.on,.sub-pro-nav a:hover{
	color:#fff;
	background:url(../images/nav_bg3_hover.jpg);
	}
.sub-pro-nav img{ width:120px;}

.list2-title{
	text-align:center; 
	font-size:16px; 
	width:550px; 
	margin:0 auto 40px auto;
	}
.list2-title img{width:auto;}

*/

/*pro show*/
#pro-show { float:left;}
#pro-show .pro-c-big{ text-align:center;padding:2px;border:1px solid #ddd;background:#fff; cursor:pointer;}
#pro-show .pro-c-big img.vmobig{
	text-align:center;
	border:0px solid #ddd;
	padding:2px;
	max-width:400px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 400)?"400px":"auto"});
	max-height:400px;myimg:expression_r(onload=function(){this.style.height=(this.offsetHeight > 400)?"400px":"auto"});
	}
.show-imgbox .pro-c-small{clear:both;width:400px;}
.show-imgbox .pro-c-small a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
.show-imgbox .pro-c-small a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#pro-s-list{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#pro-s-list ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#pro-s-list ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#pro-s-list ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#pro-s-list .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}

.pro-s-right{width:320px; padding:50px 20px;}

/*case*/

.case li{
	width:188px; 
	float:left; 
	display:inline;
	margin-right:14px;
	margin-bottom:30px;
	overflow:hidden;
	}
.case li.r-end{ 
	margin-right:0px;
	}
.case li img{
	width:188px;
	height:145px;
	}
.case li p{ 
	text-align:center;
	border-bottom:1px solid #ddd;
	}
.case li .cs-tit{
	padding:0px 0px 2px 0px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	}
.case li .cs-tit a{
	color:#fff;
	padding:5px 0px;
	display:block;
	background:#4b4b4b;
	}
.case li .cs-tit a:hover{
	color:#fff;
	background:#5ba8d0;
	}
.case li .cs-tit-ca a{
	color:#666;
	}
.case li .cs-tit-ca a:hover{
	color:#5ba8d0;
	}

.caseshow { line-height:26px;}
.caseshow .st-center{ text-align:center}
.caseshow img{ margin:10px 10px 30px 10px;}
.caseshow h1{
	height:46px;
	line-height:33px;
	border:1px solid #ddd;
	font-size:18px;
	color:#333;
	text-align:center;
	font-weight:normal;
	padding:0px;
	margin-bottom:20px;
	background:url(../images/h_side_tit_bg.jpg)
	}
.caseshow h1 span{
	background:url(../images/icon_arrow_3.png) left center no-repeat;
	padding-left:20px;
	}
/*.caseshow h1{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:18px;
	color:#666;
	font-weight:normal;
	padding:10px 10px 10px 30px;
	margin-bottom:20px;
	background:#f0f0f0 url(../images/icon_arrow_3.png) 10px center no-repeat;
	}
*/
.caseshow h2{ 
	font-size:18px;
	color:#e71d37;
	font-weight:normal;
	background:url(../images/icon_arrow_3.png) left center no-repeat;
	padding-left:20px;
	margin:20px 0px;
	}


/*down*/
.downlist li{ 
	height:40px;
	line-height:40px;
	margin-bottom:12px;
	border:1px solid #ddd;
	background:url(../images/list_bg.jpg);
	}
.downlist li .title{
	background:url(../images/icon_arrow_3.png) left center no-repeat;
	padding-left:20px;
	margin-left:5px;
	float:left;
	}
.downlist li .dl-in{
	float:right;
	}
.downlist li span{
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0px 10px;
	margin-left:10px;
	}
.downlist li span.date{
	color:#999;
	font-size:12px;
	}
.downlist li span.kb{
	margin-left:0px;
	color:#999;
	font-size:12px;
	}
.downlist li span.downing{
	background:url(../images/list_bg_down.jpg);
	}
.downlist li span.downing a{
	padding:0 10px 0 18px;
	display:inline-block;
	background:url(../images/icon_down.png) left center no-repeat;
	}
	
/*baike*/
.baike .bklist li{
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	border:1px solid #ddd;
	background:url(../images/list_bg.jpg);
	}
.baike .bklist li a{
	background:url(../images/icon_arrow_3.png) 10px center no-repeat;
	padding-left:30px;
	}
.baike .bklist span.date{
	float:right;
	color:#999;
	font-size:12px;
	margin-right:10px;
	}

.baike .bt-1{
	border:1px solid #ddd;
	}
.baike .bt-1 h1{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ddd;
	background:url(../images/list_bg.jpg);
	}
.baike .bt-1 h1 span{
	background:url(../images/icon_arrow_4.png) 10px center no-repeat;padding-left:30px;
	}
.baike .bt-1 ul{
	padding:10px 10px;
	}
.baike .sub-hot ul{
	background: url(../images/news_list_bg.gif) no-repeat 10px 20px;
	overflow:hidden; 
	}
.baike .sub-hot ul li { 
	line-height:30px;
	height:30px;
	padding-left:26px; 
	overflow:hidden;  
	}
	
.baike .bt-1 span.date{
	float:right;
	color:#999;
	font-size:12px;
	margin-right:10px;
	}


.baike .bkshow{
	border:1px solid #ddd;
	padding:1px;
	}
.baike .bkshow .bk-top{
	background:url(../images/bkshow_title_bg.jpg) top repeat-x;
	padding:30px 10px;
	}
	
.baike .bkshow .bk-in{
	padding:10px 30px 30px 30px;
	line-height:30px;
	}
.baike .bkshow .title{
	font-size:18px;
	text-align:center;
	font-weight:normal;
	color:#5ba8d0;
	}
.baike .bkshow .date{
	font-size:10px;
	text-align:center;
	color:#999;
	}
.baike .bk-sg{
	line-height:30px;
	min-height:100px;
	border-top:1px solid #ddd;
	padding:20px 0;
	margin:30px;
	}
	
.main .back{ float:right;_display:inline;}
.main .back a{ 
	border:1px solid #ddd; 
	padding:5px 30px 5px 10px;
	background:url(../images/icon_back.png) 45px center no-repeat;
	}
.main .share{ margin:20px 0px;}


/*book*/
.book{color:#000; }
.book .title{ font-size:18px; margin-bottom:20px;}
.book td{ padding:5px 0;}
.book input{border:1px solid #ccc;height:24px;line-height:24px;color:#666; padding:3px 5px; background:url(../images/book_input_bg.jpg);}
.book .inputs{width:430px;height:120px;border:1px solid #ccc;overflow:hidden;background:url(../Images/tishi.gif) no-repeat right bottom}
.book span{ color:#999; padding-left:10px;}
.book b{ color:#f00;}
.book .vote_bnt{background:url(../images/book_bnt_bg.jpg);width:150px;height:36px;line-height:36px; padding:0px;text-align:center;font-size:16px;color:#fff;margin:4px; border:1px solid #4b4b4b;}

/*contact*/
.contact .cont-in{ margin-bottom:50px;}
.contact .cont-10{ margin:10px 0;}
.contact .cont-10 a{ display:inline-block; margin:0 20px; font-size:18px; text-decoration:underline;}
.contact .cont-10 .c-book{ height:42px; line-height:42px; background:url(../images/cont_book.png) left center no-repeat; padding:0 10px 0 50px; color:#4fdb46;}
.contact .cont-10 .c-qq{ height:42px; line-height:42px; background:url(../images/cont_qq.png) left center no-repeat; padding:0 10px 0 50px; color:#5ba8d0;}
.contact .cont-10 a.c-book:hover,.contact .cont-10 .c-qq:hover{ background-color:#f0f0f0;}
.contact .map{ margin-top:50px; padding:30px 0; border-top:1px solid #ddd;}

/*--footer--*/
.footer { height:30px; line-height:30px; background:#333; color:#fff;}
.footer span{ float:right; text-transform:uppercase; font-size:12px;}


/*--分页--*/
.page{
	font-size:14px;
	line-height:22px;
	text-align:right;
	margin-top: 30px;
	margin-bottom:20px;
	text-align:center;
	}
.page a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
	background:#fff  url(../images/list_bg.jpg);
	border:1px solid #e5e5e5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 15px;
	margin-right:3px;
	}
.page a.active{
	background:#c1c1c1;
	border:1px solid #c1c1c1;
	color:#fff}
.page a:hover{
	border:1px solid #c1c1c1;
	text-decoration:none;
	color:#333;
	background:#c1c1c1 url(../images/list_bg_down.jpg);}

.page span{
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:4px 9px;
	margin-right:3px;
	background:#c1c1c1;
	border:1px solid #c1c1c1;
	color:#fff;
	}
.page a.hover{
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 15px;
	margin-right:3px;
	background:#c1c1c1 url(../images/list_bg_down.jpg);
	border:1px solid #c1c1c1;
	color:#333;
	}

/*-----------------------------------------------------------------------*/