@import url("icon1/iconfont.css");
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei";-webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#00468c; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.clear{clear:both; float:none;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wide{ width: 1200px; margin: 0 auto; }
.wide:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.header{ width: 100%; height: 100px;}
.logo{ width: 500px; float: left; padding: 20px 0;}
.header .search-box{ position:absolute; top:30px; right:280px; width:280px; height:42px; }
.header .search-box .input-box{ position:absolute; top:0; left:0; right:65px; bottom:0; }
.header .search-box .input-box input{outline: none; display:block; margin:0; padding:5px 12px; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #e5e5e5; color:#333; font-size:12px; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.header .search-box .input-box input::-moz-placeholder{ color:#b3b3b3; opacity:1; }
.header .search-box a{ display:block; position:absolute; top:0; right:0; bottom:0; padding:5px; width:30px; height:30px; line-height:30px; color:#333; font-size:16px; text-align:center; background:#fff; border:1px solid #e5e5e5; border-radius:0; cursor:pointer; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; *top:1px; }
.header .search-box a:hover{ background:#00468c; border-color:#00468c; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.header .search-box a:hover i{ color:#fff !important; }
.toptel{ width: 200px; float: right; margin-top: 40px;}
.toptelimg{width: 40px; float: left;}
.toptell{font-size: 20px; float: right; margin-top: -20px;}
.toptell p a{ font-size: 12px;color: #808080;}

.nav{height:60px; background:#00468c;}
.nav ul{list-style-type:none;height:60px; }
.nav .nLi{ float:left; position:relative; }
.nav .nLi a{ display:block; line-height: 60px; font-size: 16px; padding:0 54px; text-align:center;color:#fff;}
.nav .on a{ background: #ffffff;;color:#00468c; }

.nav .sub{ display:none; min-width:202px; left:0; top:60px; position:absolute; z-index:9999;width:auto; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;background:#ffffff; color:#333; border:0; border-bottom:1px #e5e5e5 solid; line-height: 42px;font-size:14px;white-space:nowrap;}
.nav .sub a:hover{ background:#00468c; color:#fff; }
.nav .none{background:none;}

.slider{}
.rslides { position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0; margin: 0; }
.rslides li { position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; z-index:0; }
.rslides li:first-child { position: relative;  display: block;  float: left; }
.rslides img { display: block;  height: auto; width: 100%;  border: 0;z-index:0; } 
.rslides { margin: 0 auto;  }
.rslides_container {  position: relative;  }
.centered-btns_tabs { position: absolute;  width:100%; bottom:3%; text-align: center; z-index:2; }
.centered-btns_tabs li{display: inline; float: none; _float: left; *float: left;margin: 0 5px;  }
.centered-btns_tabs a{background:#fff;width:20px; height:5px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; }
.centered-btns_here a{ background: #ed6d00; }
.centered-btns_nav { z-index:9999; position: absolute; top: 50%; left: 5%; text-indent: -9999px; overflow: hidden;height: 61px; width: 38px; background: rgba(0,0,0,0.5) url("../images/themes.png") no-repeat left top; margin-top: -30px; }
.centered-btns_nav:active { }
.centered-btns_nav.next { left: auto; background-position: right top; right: 5%; }


.ititle{margin-bottom:3%; text-align:center; position:relative; }
.ititle h2{font-size:30px;line-height:1.5em; font-weight: 500; }
.ititle h2:after{ content:"─"; display:block; color:#eb6100; line-height:0.5em;}
.ititle p{ color:#939393; }
.ititle span{display:block; font-size:12px; text-transform:uppercase;}

.ititle1{margin-bottom:3%; text-align:center; position:relative;  padding-top: 30px;}
.ititle1 h2{font-size:30px;line-height:1.5em; font-weight: 500; color: #0a7e46; }


.iproduct { padding:4% 0;}
.plist{ margin-bottom: 1.5%; }
.plist ul{list-style-type:none; text-align:center; }
.plist li{ display:inline-block;}
.plist li a { display:block; padding:0 20px; }

.aboutus{ width: 100%; height: 558px; background:url(../images/blue.png) no-repeat center top ;padding-top: 20px;}
.aboutshili{ width: 1000px; margin: 0 auto; margin-top: 110px;}
.aboutshili p{ width: 250px; float: left; margin: 40px; color: #fff; text-align: center;}
.aboutcon{width: 880px; margin: 0 auto; text-align: center; line-height: 30px;}
.e_btn a{display: block;width: 160px; margin: 46px auto; height: 40px; line-height: 40px; color: #fff; background: #0a7e46; text-align: center;}


.inews {padding: 4% 0;}
.newsList li{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.morebtn{text-align: center;}

.icontact{ padding:4% 0;background:url(../images/1_155.jpg) no-repeat center}
.icontact .dianhua{box-sizing: border-box; width: 300px; float: left; height: 80px;}
.icontact .dianhua p{ padding-left: 80px; font-size: 20px;}
.icontact .dizhi{box-sizing: border-box;width: 350px; float: left; height: 80px; position: relative;}
.icontact .dizhi p{ padding-left: 60px; font-size: 18px;}
.icontact .weixin{box-sizing: border-box;width: 500px; float:right; height: 80px; position: relative;}
.icontact .weixin p{ padding-left: 10px; font-size: 18px;}

.icontact .weixin .erweima{width: 100px; height: 100px; position: absolute; right: 0; bottom: 0;}
.icontact .weixin .erweima img{width: 100px;}
.footer{width: 100%;height: 147px;background:url(../images/footerbg.jpg) no-repeat center ;color:#ccc; padding-top: 30px;}
.footer a{  color:#ccc;  }
.foot{ padding:2% 0 0 0;}
.footer_logo{ text-align: center;}
.footnav{ text-align:center; }
.footnav a{padding:0 20px;}
.ilink{text-align:center;}
.ilink a{padding:0 8px;}
.copyright{ text-align:center;}
.copyright a{padding:0 8px;}
.copyright div{ display:inline;}


.contenttop{background:url(../images/bghx.png) no-repeat center top ; width: 1200px; height: 140px; margin: 0 auto; margin-top: 50px; z-index: 999999; }
.titlecontent{ font-size: 30px;color: #00468c; text-align: center; line-height: 50px; padding: 40px 0;}

/*内容详细样式*/
.entry{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; }
.entry img{ max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#DC2523; }
.entry ul,.entry ol{ margin:1em; padding:0; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
.entry table th{ background:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }



.leftnav1 dl{ list-style-type:none; text-align:center;  }
.leftnav1 dt{ display:inline-block;  }
.leftnav1 dt a{display:block; font-size:16px; margin: 10px;  padding:10px 50px;  border: solid 1px #00468c; border-radius: 8px; }
.leftnav1 dt a:hover, .leftnav dt #current{ color:#fff; background:#00468c; }

.container{padding:1% 0; }
.content{}
.content h1{margin:2px 0; padding:8px 20px;  background:#f5f5f5; position:relative; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.content h1:before{ content:""; width:5px; height: 15px; background:#3588cc; position:absolute;left:8px; top:14px;}
.content h1 a{}
.content h2{text-align:center; font-size:16px;  padding-bottom:15px;}
.content h3{font-size:26px; text-align:center; font-weight:800;}
.content h5{background:#f5ff5f;border-bottom:1px solid #ccc; font-weight:bold;}
.content h5:before{ content:"•"; display:inline-block; margin:0 8px;}
.content h4{background:#eee;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.content h4 span{ display:block; float:left; background:#e62129; color:#fff; padding:0 20px; line-height:2.6em;}	
.content h6{ text-align:center; font-size:12px; font-weight:normal; line-height:30px; margin:0 0 8px 0;border-bottom:1px dotted #ccc;}
.content p{ margin:3px auto 5px auto;} 
.content a{text-decoration:underline;}
.content li{ margin-left:3.5em;}
.content img{ max-width:100%;}
.content .detail{ }
.content table{} 
.content table td{padding:0px 5px;}
.content table td p{ margin:0;}
.tableboder table{border:#d4d4d7 solid 1px; text-align:center; border-collapse:collapse;}
.tableboder th{ color:#e62129; padding:2px 5px;border:#d4d4d7 solid 1px;}
.tableboder td{ padding:2px 5px;border:#d4d4d7 solid 1px;}
.brief{ margin:0 auto; }
.brief a{text-decoration:underline;}

.page{ text-align:center; padding:15px 0 0 0;font-size:12px;}
.page a{padding:0 3px;}
.page a:visited{}
.page a:hover{ text-decoration:underline;}
.tool{ text-align:center; font-size:12px; padding:10px 0 15px 0;}
.tool a{padding:0 3px;}
.tool a:visited{}
.tool a:hover{ text-decoration:underline;}

.comment{}
.comment_list{ padding:5px 10px 15px 10px;}
.comment_list ul{ list-style-type:none;}
.comment_list li{line-height:18px;padding:7px 8px; border-bottom:1px dotted #ccc; }
.comment_list li a{display:block; line-height:18px; }
.comment_list li a:before{ content:"•"; display:inline-block; margin:0 8px;}

#comment_list{ padding:8px 10px;}
#comment_list table td{ padding:2px; font-weight:bold;}
#comment_list input{line-height:22px; font-size:12px; height:22px; padding:0 0 0 2px;}
#comment_list textarea{line-height:18px;font-size:12px; line-height:22px; height:100px;}
#comment_list .border{width:400px;border:solid 1px #d6d6d6;}
#comment_list .btn{border-style: none;	border-color: inherit;	border-width: medium;	width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
#comment_list p{ padding:0 0 0 77px;}


#main{padding:4% 0; }
 #left{float:left; width:22%; }
 #right{float:right; width:75%; }
 #leftmsg{float:left; width:25%; }
 #rightmsg{float:right; width:72%; }
.title{ border-bottom:2px #d8d8d8 solid;margin-bottom:3%; }
 .title strong{ display: inline-block; font-size:32px; position:relative; font-weight:normal;}
 .title strong:after{ content:"";border-bottom:2px #0260b3 solid; position:absolute; left:0; width:100%; bottom:-2px;}
 
.leftnav{ margin-bottom:3%;}
 .leftnav h3{padding:5% 10%;background: linear-gradient(to right, #0d8ada, #006ab6); color:#fff; margin-bottom:4%; }
 .leftnav h3 strong{ display: block; font-size: 26px; font-weight:normal;}
 .leftnav h3 span{ display:inline-block;font-size: 16px;text-transform:capitalize; }
 .leftnav h3 span:before{content:"";display: block; border-top:1px #fff solid; line-height:0.5em;}
 
 .leftnav dl{list-style-type:none; box-shadow:0px 0px 8px #ddd;}
 .leftnav dt{}
 .leftnav dt a{ display: block; line-height: 45px; padding-left: 25px; }
 .leftnav dt a:before{ content:"> "; font-family:'宋体';} 
 .leftnav dt a:hover{color:#fff; background:#006ab6;}
 .leftnav .current a{color:#fff; background:#006ab6;}
 
 .leftnav dd{ background:#fff;padding:8px 0; border-bottom: 1px solid #e4e4e4;}
 .leftnav dd a{display:block; font-size:12px; padding:0 0 0 30px; }
 .leftnav dd a:before{ content:"• ";}
 .leftnav dd a:hover{color:#be0135; }
 
 
 
.place{border-bottom:2px #d8d8d8 solid;}
 .place p{ float:right; background:url(../images/place.gif) no-repeat left center; padding-left:25px; margin-top:10px; }
 .place p a{ padding:0 8px; }
 .place strong{display: inline-block; font-size:26px; position:relative; font-weight:normal; }
 .place strong:after{ content:"";border-bottom:2px #0260b3 solid; position:absolute; left:0; width:100%; bottom:-2px;}
 .place span{ display:block;font-size:16px; line-height:1.4em; }


 /*产品*/
.product-list{ margin-top:40px;}
.product-list li {
	width: 260px;
	float: left;
	margin: 0px 20px 30px;
}
.product-list li figure {
	background: none;
	height: 270px;
	width: 260px;
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;
	border: 1px #cecece solid;
	margin: 0;
}
.product-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 424ms linear;
}
.product-list li figcaption {
	display: block;
	color: #333;
	font-size: 16px;
	margin-top: 10px;
	transition: 350ms;
	text-align: center;
}
.product-box .product-down {
	float: left;
}
.product-list li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0, 41, 120, 0.2);
	background: #002978\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}
.product-list li figure mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}
.product-list li figure mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #002978;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}
.product-list li figure mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #002978;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}
.product-list li figure mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #002978;
	border-right: 3px solid #002978;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.product-list li figure mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #002978;
	border-bottom: 3px solid #002978;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.product-list li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover figure mark:before {
	height: 100%;
	transition: 330ms 200ms;
}
.product-list li:hover figure mark:after {
	width: 100%;
	transition: 330ms 200ms;
}
.product-list li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.product-list li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}
.product-list li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.product-list li:hover figcaption {
	color: #002978;
}

.special{ padding:2%; background:#fff;}
 .special img{float:left;margin:0 2% 0 0; width:200px;border:1px solid #e0e0e0; padding:6px; background:#f1f1f1;}
 .special div{padding:0 6px; }
 .special div strong{color:#3588cc; }
 .special div p{ display:inline;}


 /*附件下载样式*/
.attach-list{ margin:0 10px 15px; color:#757575; }
.attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
.attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
.attach-list ul li .link-btn i{ font-size:14px; }
.attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
.attach-list ul li .icon-box i{ font-size:38px; }
.attach-list ul li .info{ display:inline-block; }
.attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal;  text-align: left;}
.attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }