﻿@charset "utf-8";

/* CSS Document */
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,fieldset, form, label, legend, caption,input{margin:0;padding:0;border:0; font-size:12px; font-family:microsoft yahei,Arial, Helvetica, sans-serif; color:#333;}

::-moz-selection{background:#3A3A3A; color:#EFEFEF;}
::selection {background:#3A3A3A; color:#EFEFEF;} 

fieldset, img {border:0;}
p,ul, ol, li, dl, dt, dd {list-style-type: none;margin:0px;padding:0px;}

a{color:#333;text-decoration: none;}
a:link{color:#333;text-decoration: none;}
a:visited{color:#333;text-decoration: none;}
a:hover {color:#014181;text-decoration: underline;}
a:active{color:#333;text-decoration: none;}

* html .clearfix {height:1%;}
html[xmlns] .clearfix {display:block;}
.clearfix:after {content:"";display:block;	height:0;clear:both;visibility:hidden;}
.clear, .divider {clear:both;}



.mt10{ margin-top:9px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}
.ml10{ margin-left:8px;}
.pt10{ padding-top:10px;}
.fl{ display:inline; float:left;}
.fr{ display:inline; float:right;}
.wrap{width:1002px; margin:0 auto;}

.main{ position:relative; padding-bottom:40px; padding-top:175px;}
.product_box{ position:absolute; left:0; top:-40px; width:100%;}

.none{ display:none;}
.block{ display:block;}
.ico{ background-repeat:no-repeat; background-image:url(../images/ico_png.png);}

.head{ width:100%; height:101px; background:url(../images/head_bg.jpg) repeat-x left top;}
.head .logo{ width:239px; height:101px; float:left;}
.head .head_r{ width:720px; float:right;}
.head .head_tit{ float:right; height:25px; line-height:25px; color:#B8B8B8; margin-top:15px; width:380px; text-align:right;}
.head .head_tit span{ float:left;}
.head .head_tit a{ color:#B8B8B8; margin:0 10px;}
.head .head_tit form{ float:right;}
.head .nav{ width:100%; float:left;}
.head .nav ul{ width:100%;}
.nav li {float: left;position: relative;z-index: 5; color:#ccc; line-height:60px; width:100px;}
.nav li.line{ width:1px; height:60px;}
.nav li a {color: #303030;display: block;width:100px;height:60px; line-height:60px; overflow:hidden;text-decoration: none;text-align: center;font-size:14px;font-family:microsoft yahei; float:right;}
.nav li.current a,.nav li a:hover{ color:#005CB8;}
.nav li.focus a, .nav li a:hover {color:#005CB8;}
.nav li.focus ul li a {color:#fff;}
.head .nav li ul {position: absolute;top:60px;left:-26px;display: none; z-index:99999;padding:5px 0; width:150px; background-color:#035CAC; border:1px solid #1872C3; padding-top:10px;}
.nav li ul li{float: none; margin:0 auto; width:80px; height:28px; border-bottom:1px solid #357DBD;}
.nav li ul i{background:url(../images/nav_top.png) no-repeat center bottom; display:block; width:29px; height:14px; position:absolute; top:-15px; left:58px;!left:58px;!top:-14px;}
.nav li ul li a{font-size: 13px;width:100%;height: 28px;line-height: 28px;margin: 0px;; font-weight:normal; color:#fff; }
.nav li ul li a:hover, .nav li.focus ul li a:hover {color:#fff; text-decoration:underline;}

.search{ width:162px; height:18px; border:1px solid #E3E3E3; float:right; margin-top:2px;}
.search li{ float:left; height:18px; overflow:hidden;}
.search input{ float:left;}
.search .search_key{ width:133px; height:14px; line-height:14px; padding:2px 3px 0; color:#B1B1B1; font-size:12px;}
.search .search_btn{ width:20px; height:18px; background:url(../images/search.jpg) no-repeat center center; font-size:0; cursor:pointer; text-indent:-999px; overflow:hidden;}

#banner{ width:100%; height:440px; overflow:hidden; z-index:0; position:relative;}
#banner ul {height: 440px;position: absolute;}
#banner ul li {float: left;height: 440px;overflow: hidden;position: relative; width:100%; background-repeat:no-repeat; background-position:center top; z-index:0;}
#banner ul li a {display: block;height:100%;width: 100%;}
#banner ul li div {overflow: hidden;position: absolute;}
#banner .btnBg {background: none repeat scroll 0 0 #000;bottom: 0;height: 20px;left: 0;position: absolute; width: 800px; display:none;}
#banner .btn {bottom: 30px;height: 12px;position: absolute;right: 0;text-align: center;}
#banner .btn span {background: none repeat scroll 0 0 #000;cursor: pointer;display: inline-block;height: 7px;margin-left: 5px;overflow: hidden;width: 50px;}
#banner .btn span.on {background: none repeat scroll 0 0 #ff6600;}
#banner .preNext {cursor: pointer;height:73px;position: absolute;top:190px;width:37px; background-image:url(../images/ico_btn.png); background-repeat:no-repeat;}
.focus-hover .preNext {display:block;}
#banner .pre {background-position:-37px -19px; left:20px;}
#banner .next {background-position:-198px -19px;right:20px;}

/* 推荐 */
.tuijian{width:318px; border:1px solid #E5E5E5; border-top:3px solid #035CAC; float:right; background-color:#fff;}
.tuijian .title{ width:284px; height:37px; line-height:37px; margin:0 auto; border-bottom:1px dashed #CFCFCF;}
.tuijian .title a.t{ float:left; font-size:14px;}
.tuijian .title a.more{ float:right; color:#7F7F7F;}
.tuijian .cont{ width:280px; margin:0 auto; padding:20px 0;}
.tuijian .cont ul{ width:100%;}
.tuijian .cont ul li{ width:100%; height:23px; line-height:23px; background:url(../images/dot_2.jpg) no-repeat left center;}
.tuijian .cont ul li a{ margin-left:10px;}

/* 产品 */
.product{width:662px;border-top:3px solid #126BB6; float:left; background-color:#fff;}
.product .hd a{height:34px; line-height:34px; text-align:center; background-color:#3E99EA; color:#fff; font-size:14px; border-left:1px solid #78B8F0;}
.product .hd{ width:100%; height:34px;}
.product .hd ul{ width:588px; float:left;}
.product .hd ul li{ float:left;}
.product .hd ul li a{ display:block; width:195px;}
.product .hd ul li a:hover{ text-decoration:none;}
.product .hd ul li.on a{ background-color:#fff; color:#484848; border-color:#DEDEDE;}
.product .hd a.more{ float:right; width:73px; height:34px; line-height:34px; text-align:center; font-size:12px;}
.product .cont{border:1px solid #E5E5E5; border-top:none; padding:20px 0;}

.product .infoList{ width:617px; height:119px; margin:0 auto;}
.product .infoList .info_title{ width:100%; height:32px; line-height:32px; border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5; float:left;}
.product .infoList .info_title li{ float:left;text-indent:0.5em;}
.product .infoList .i_1{ width:310px; overflow:hidden;}
.product .infoList .i_2{ width:215px; overflow:hidden;}
.product .infoList .i_3{ width:90px; overflow:hidden;}
.product .infoList .info_cont{ width:100%; float:left; padding-top:10px;}
.product .infoList .info_cont a:hover span{ text-decoration:underline;}
.product .infoList .info_cont span{ display:block; float:left;}
.product .infoList .info_cont li{ width:100%; height:24px; line-height:24px; text-indent:0.5em;}

.item{ width:318px; border:1px solid #E5E5E5; border-top:3px solid #035CAC; float:left; margin-right:21px;}
.item .title{ width:100%; height:45px; line-height:45px; text-align:center;}
.item .title a{ font-size:14px;}
.item .img{ width:280px; height:90px; margin:0 auto; overflow:hidden;}
.item .img img{ float:left;}
.item .txt{ width:280px; margin:0 auto; line-height:20px; padding:10px 0 15px;}
.item .link{ width:280px; margin:0 auto; height:35px; padding-bottom:15px;}
.item .link a{ display:block; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px; background:url(../images/btn.jpg) no-repeat;}
.item .link a:hover{ text-decoration:none; color:#E8F2FC;}
.item ul{ width:280px; margin:0 auto;padding:10px 0 15px;}
.item ul li{ width:100%; height:20px; line-height:20px; float:left; background:url(../images/dot_1.jpg) no-repeat 3px center;overflow:hidden;}
.item ul li a{ margin-left:10px;}
.last{ margin:0;}
/* 分页 */

.text{margin:10px 0;}



/* 内页 */
.detail{ width:100%; background: url(../images/bg.jpg) repeat-x left top;}
.detail .navigate{ width:100%; height:40px; line-height:40px;  float:left; margin-top:23px;}
.detail .navigate_cont{ width:100%; height:37px; float:left; margin-top:5px;}
.detail .navigate_cont span{ font-size:30px; color:#035CAC; float:left;}
.detail .navigate_cont i{ font-size:14px; font-style:normal; color:#474747; float:right; border-left:1px solid #DBDBDB; padding-left:20px; height:37px; overflow:hidden; line-height:45px;}
.detail .menu{ width:100%; height:46px; border-bottom:1px solid #fff; float:left; margin-top:30px;-moz-box-shadow:0 4px 2px #e7e7e8;-webkit-box-shadow:0 4px 2px #e7e7e8; box-shadow:0 4px 2px #e7e7e8; overflow:hidden;}
.detail .menu ul{ width:100%; height:100%; overflow:hidden;}
.detail .menu ul li{ float:left;}
.detail .menu ul li a{ display:block; width:166px; height:46px; line-height:46px; text-align:center; color:#fff; border-right:1px solid #fff; background-color:#035CAC; font-size:14px;}
.detail .menu ul li.current a,.detail .menu ul li a:hover{ background-color:#3E99EA; text-decoration:none;}
.detail .menu ul li a.al{background-color:#3E99EA;
}
.detail .detail_box{ width:100%; float:left; margin-top:30px; padding-bottom:30px;}
.detail .detail_box .detail_about{line-height:25px;}
.detail .detail_box .detail_about a,.detail .detail_box .detail_about p,.detail .detail_box .detail_about div,.detail .detail_box .detail_about td{ }

.new_list{ width:100%;}
.new_list li{ width:100%; height:30px; line-height:30px; background:url(../images/dot_2.jpg) no-repeat 5px center; border-bottom:1px dashed #DBDBDB;}
.new_list li span{ float:right; color:#B2B2B2;}
.new_list li a{ float:left; margin-left:15px; }
.new_list li a:hover{ color:#035CAC;}

.pro_list{ width:100%;}
.pro_list li{padding:8px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; margin:10px 0;}
.pro_list li:hover{ background-color:#f6f6f6;}
.pro_list .pro_item{ width:100%; height:150px; background-color:#fff;}
.pro_list .img{ float:left; width:300px; height:150px;}
.pro_list .img img{ width:100%; height:100%;}
.pro_list .info{ width:660px; float:right;margin-right:10px;}
.pro_list .info h3{ width:100%; line-height:30px;}
.pro_list .info h3 a{ font-size:15px;}
.pro_list .info h3 span{ float:right; font-weight:normal; color:#656973;}
.pro_list .info p{ line-height:20px; margin:5px 0;}

.pages{
	width:100%;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding-right: 0px;
	text-align: center;
	display: block;
	float: left;
}

.pro_item1{
	float: left;
	height: 170px;
	width: 200px;
	
	margin-left: 40px;
	margin-bottom: 10px;
}
.img1 img{
	height: 140px;
	width: 200px;
}

.info1{
	text-align: center;
}

.pages a{
	color: #69C;
}
.titl{width:100%;height:auto;text-align:center;border-bottom: 1px dashed #dbdbdb; padding-top:10px;}
.titl h2{line-height:31px;font-size:21px;font-weight:300;margin-bottom:6px;color:#333;}
.titl .laizi {text-align:center;color:#c6c6c6;height:25px;line-height:25px;width:100%;}
.titl .laizi .fr {width:400px;padding-left:300px;float:left; color:#555;}
.titl .laizi .fr a {color:#c50000;}
.titl .laizi .fr a:hover {color:#c6c6c6;}
.titl .laizi .zh {width:140px;color: #7E7E7E;float: right;}
.titl .laizi .zh span {font-family: 'Times New Roman', arial;font-weight: bold;cursor: pointer;}
.titl .laizi .zh .small {font-size:10px;font-family: 'Times New Roman';padding-left: 3px;padding-right: 3px;}
.titl .laizi .zh strong {color:#0B3B8C;}
.titl .laizi .zh .big {font-size:13px;padding-left: 3px;padding-right: 3px;}
.detbox {height:auto;line-height:1.5em;font-size:14px;padding:10px;}
.detbox p {padding-bottom:15px;}
.detbox a {text-decoration: underline;}

.photoList{ padding:10px 0;}
.photoList li{ width:280px; float:left; height:120px; margin:10px 23px;}
.photoList li img{ padding:2px; border:1px solid #def2e6; width:270px; height:100px;}

#jquery-overlay {z-index: 90;position: absolute;width: 100%;	height: 500px;top: 0px;left: 0px}
#jquery-lightbox {z-index: 100;position: absolute;text-align: center;line-height: 0;width: 100%;top: 0px;left: 0px}
#jquery-lightbox A IMG {border-bottom-style: none;border-right-style: none;border-top-style: none;border-left-style: none}

#lightbox-container-image-box {position: relative;background-color: #fff;margin: 0px auto;width: 250px;height: 250px}
#lightbox-container-image {padding-bottom: 10px;padding-left: 10px;padding-right: 10px;padding-top: 10px}
#lightbox-loading {position: absolute;text-align: center;line-height: 0;width: 100%;height: 25%;top: 40%;left: 0%}
#lightbox-nav {z-index: 10;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px}
#lightbox-container-image-box > #lightbox-nav {left: 0px}
#lightbox-nav A {OUTline-style: none}
#lightbox-nav-btnPrev {width: 49%;zoom: 1;display: block;height: 100%}
#lightbox-nav-btnNext {width: 49%;zoom: 1;display: block;height: 100%}
#lightbox-nav-btnPrev {float: left;left: 0px;}
#lightbox-nav-btnNext {float: right;right: 0px;}
#lightbox-container-image-data-box {padding-bottom: 0px;background-color: #fff;margin: 0px auto;padding-left: 10px;width: 100%;padding-right: 10px;font: 10px/1.4em Verdana, Helvetica, sans-serif;overflow: auto;padding-top: 0px;}
#lightbox-container-image-data {padding-bottom: 0px;padding-left: 10px;padding-right: 10px;color: #666;padding-top: 0px;}
#lightbox-container-image-data #lightbox-image-details {text-align: left;width: 70%;float: left;}
#lightbox-image-details-caption {font-SIZE: 12px;font-weight: bold;}
#lightbox-image-details-currentNumber {padding-bottom: 1em;display: block;clear: left;}
#lightbox-secNav-btnClose {padding-bottom: 0.7em;width: 66px;float: right;}

/* 底部信息 */
.foot_link{ width:1002px; margin:0 auto; color:#fff; padding-top:10px;}
.foot_link a{ color:#fff; margin-right:10px;}
/* footer */
.footer{ width:100%; background:url(../images/foot_bg.jpg) repeat; padding:10px 0;}
.footer .copyright{ width:1002px; margin:0 auto; line-height:20px; color:#fff; padding:10px 0;}
.footer .copyright a{ color:#fff;}
.footer .copyright .fr{ text-align:right; width:40%; overflow:hidden;}
.footer .copyright .fl{ width:58%; overflow:hidden;}