@charset "utf-8";
body,html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: 14px/2 'Microsoft YaHei';color:#333;}
em, i, del { font-weight:normal; font-style:normal;}
ul, ol{ list-style:none;}
a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#024d90; }
img{border: 0px;}
*:link, *:visited, *:hover, *:active, *:focus,{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.clear{clear:both;}
.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; }
#iwrapper{ width:100%; position:relative; z-index:1; margin:0 auto; }	
#wrapper{}	


#header{ }	
.logo{padding:1% 0; float:left; }
.logo img{ max-width:100%;}	
.top{float:right; }	

.nav{height:90px;}
.nav ul{list-style-type:none; }
.nav li{ float:left; text-align: center;}
.nav li a{ display: block; font-size:16px; line-height: 90px; padding:0 15px;margin:0 1px; }
.nav li a:hover{ background:#008689;color:#fff;}
.nav .on a{ background:#008689; color:#fff; }
.nav .none{background: none;}

.ibanner{overflow: hidden;position: relative;z-index: 1;}
.ibanner img{display: block;max-width: 100%; margin: 0 auto;}
.ibanner .slick-arrow{ display:none;}
.ibanner .slick-dots{position: absolute;left: 0;bottom: 10%;width: 100%;text-align: center;z-index: 99;}
.ibanner .slick-dots li{display: inline-block;margin: 0 7px;border: 1px solid #d2d2d2;border-radius: 50%;cursor: pointer;}
.ibanner .slick-dots li button{display: block;width: 6px;height: 6px; font-size: 0;line-height: 0;text-indent: -999px;background: #d2d2d2;border-radius: 50%; outline:none; border:none; padding: 0; margin: 4px; cursor: pointer;}
.ibanner .slick-dots li.slick-active{background: rgba(255, 255, 255, 0.35);border-color: rgba(255, 255, 255, 0.1);padding: 1px;}
.ibanner .slick-dots li.slick-active button{background: #fff;}

.banner{ position:relative;  }
.banner img{ max-width: 100%; display:block; margin: 0 auto;}

.ititle{text-align:center;  margin-bottom:2%;}
.ititle strong{ display:block;position:relative;font-size:28px; line-height:1em; font-weight:normal;  margin-bottom:0.5%; padding:0 0 1% 0;}
.ititle strong:before{ position:absolute; content:""; background:#c8c8c8; height:1px; width:50px; left:50%;bottom:0; margin-left:-25px;  }
.ititle p{ }

.about{ padding:4% 0; background:#efefef;}
.icompany{ width:80%; margin:0 auto; }
.icompany h3{ font-size:28px; position:relative; margin:0 0 2% 0;}
.icompany h3:before{ content:"";  position:absolute; background:#178cce; width:80px; height: 3px;bottom:-2px; left:0; }
.icompany p{ text-indent:2em;}
.icompany img{ display:block; margin:3% auto 0 auto; }

.icase{  padding:4% 0;position:relative; background:url(../images/icase_bg.jpg) no-repeat center top ; overflow:hidden; }
.icase .ititle{ color:#fff;}
.slick-c{ padding: 0 60px; position:relative;}
.slick-c .icase_list{  outline:none;  }
.icase_list{ margin:0 3%;}
.icase_list img{display:block;max-width: 100%;}
.icase_list em{  display: block;  padding-top: 63%;  position: relative;}
.icase_list em:after{ content:'';  position: absolute; top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,124,124,0.9) url("../images/ico-more1.png") no-repeat center center; opacity: 0;    filter: alpha(opacity=0);}
.icase_list em img{ position: absolute; top: 0;  left: 0;    width: 100%;    height: 100%;}
.icase_list div{ padding:5% 10%;background-color: #fff;}
.icase_list div h2{ font-size: 20px; }
.icase_list div p{   }
.icase_list div a{ display:block; width: 86px; line-height: 25px; background: #008689;  color: #fff;   margin-top: 2%;    text-align: center;  }
.icase_list:hover em{opacity: 1;   filter: alpha(opacity=100);}
.slick-c .slick-arrow{ position: absolute;top: 50%;margin-top: -28px;overflow: hidden;  width: 50px;height: 50px; text-indent:-999em;  z-index: 5;   border:none;  outline:none;  cursor: pointer;}
.slick-c .slick-arrow:hover{opacity: 0.8;  filter: alpha(opacity=80);}
.slick-c .slick-prev{left: 0;background: url("../images/q-prev.png") no-repeat; background-size:100%;}
.slick-c .slick-next{right: 0;background: url("../images/q-next.png") no-repeat;background-size:100%;}


.iproduct { padding:4% 0;}
.iproduct ul {list-style-type:none;}
.iproduct li {position: relative;float: left;width: 25%;cursor: pointer; background:#fefefe; }
.iproduct li div{padding: 15% 12%;}
.iproduct li div i{ display:block; width: 90px;    height: 90px; display:block;  margin:0 auto 10% auto;  background-repeat: no-repeat;  background-position: center center;}
.iproduct li div h3{ text-align:center;font-size: 20px; position:relative; margin:0 0 5% 0; }
.iproduct li div h3:after{content:''; position: absolute; bottom: 0; left: 50%;  margin-left: -18px; width: 36px;    height: 1px;  background: #c8c8c8;}
.iproduct li div h3 span{ display: block;    text-transform: uppercase;    font: 12px "Arial";    color: #999; padding: 2% 0 5% 0;}
.iproduct li div p{}
.iproduct li a{ position:absolute; width:100%; height: 100%;left:0;top:0;}
.iproduct li:first-child i {background-image: url("../images/q-ico1.png");}
.iproduct li:nth-child(2) i {background-image: url("../images/q-ico2.png");}
.iproduct li:nth-child(3) i {background-image: url("../images/q-ico3.png");}
.iproduct li:last-child i {background-image: url("../images/q-ico4.png");}
.iproduct li:hover{ background:#008689;}
.iproduct li:hover div{ color:#fff;}
.iproduct li:hover div h3 span{color:#fff;}
.iproduct li:hover:first-child i{background-image: url("../images/q-ico1_1.png");}
.iproduct li:hover:nth-child(2) i {background-image: url("../images/q-ico2_1.png");}
.iproduct li:hover:nth-child(3) i {background-image: url("../images/q-ico3_1.png");}
.iproduct li:hover:last-child i {background-image: url("../images/q-ico4_1.png");}


.inews{padding:4% 0; }	
.inews .first{float:left; width:490px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);} 
.inews .first em{ display:block;  } 
.inews .first em img{ display:block; width:100%; } 
.inews .first div{ padding:2% 4% 4% 4%; } 
.inews .first div p{ line-height:1.8em;}
.inews .first div a{display:block;color:#fff;}	
.inews .first div strong{ display:block; font-size:18px; padding:1% 0; } 

.inews ul{list-style:none; margin:0 0 0 530px; border-left: 2px solid #e3e4df; position: relative; padding:12px 0 12px 40px;}
.inews ul:after{content:'';  position: absolute; top: 0px; left: -11px; width: 22px; height: 22px; background: #fff url("../images/ico-scroll.png") no-repeat;}
.inews ul li{ overflow: hidden;  padding: 13px 0;  border-bottom: 2px dotted #e7e7e7; }
.inews ul li:first-child{  padding-top: 0; }
.inews ul li:last-child{ border-bottom: 0;  padding-bottom: 0;}
.inews ul li strong{ font-size:16px;display:block; }
.inews ul li p{color:#818181; font-size:12px; line-height:1.8em; }
.inews ul li span{display:block; float:left; width: 70px;  height: 70px;margin-right:15px; text-align:center;  background: #ededed;color: #9e9e9e;padding:5px;}
.inews ul li span em{display:block; font-size: 26px; color: #6f6f6f; line-height:1.5em; }
.inews ul li:hover{ }
.inews ul li:hover a{color: #008689;}
.inews ul li:hover span{ background:#008689; color:#fff;}
.inews ul li:hover span em{color: #fff;}

.icontact{padding:3% 0; }


#footer{ }
#footer a{}
.footnav{ padding:2% 0;  border-top:5px #034e5e solid }
.footnav dl{ list-style:none; padding:0px 2%;float:left; width:16%; border-right:1px #e2e2e2 solid;}
.footnav dt{ padding:0 10px; font-size:20px;margin:0 0 5px 0; }
.footnav dd{ padding:0 10px;line-height:24px; font-size:14px;}
.footnav dd a{display:block;}
.f_erweima{padding:0px 2%;float:left; width:12%; text-align:center;}
.f_erweima img{ display:block; margin:0 auto 2% auto;}
.f_erweima p{ font-size:18px; line-height:1.5em;color:#0b1d45;}
.copyright {  border-top:1px #ddd solid ;padding:1% 0;text-align:center;  }
.copyright a{padding:0 8px;}



#main{ padding:2% 0;}
#left{float:left; width:22%;position:relative;}
#right{float:right; width:76%; padding:0; }
#leftmsg{float:left; width:240px;}
#rightmsg{float:right; width:870px; }

.title01{ background:url('../images/title01.gif') repeat-x left bottom;  padding:0 0 9px 0; font-size:14px; font-weight:bold;}
.title01 span{ background:url('../images/cion01.gif') no-repeat 10px center; display:block; padding:0 0 0 25px;}

.title{position:absolute; top:15%; text-align:center; width:60%; left:20%; background: rgba(0,0,0,0.3); padding:2% 0 3% 0;}
.title p{font-size:30px; color:#fff;}
.title span{display:block; font-size:18px; color:#fff; text-transform:uppercase; line-height:1.2em; }
.title p:before{position:absolute; left:50%; margin-left:-230px; width:150px; background:#fff;  height:1px; top:64%; content:"";}
.title p:after{position:absolute; right:50%; margin-right:-230px; width:150px; background:#fff;  height:1px; top:64%;content:"";}

.leftnav{ }
.leftnav h3{ background:#035967; padding:20px 0 20px 30px;}
.leftnav h3 strong{ display:block;font-size:30px; font-weight:normal;color:#fff;line-height:1.6em;}
.leftnav h3 span{ display: block;font-size:18px; color:#fff; line-height:1.6em; }
.leftnav dl{ list-style-type:none;}
.leftnav dt{font-size:14px; margin-top:1px;  }
.leftnav dt a{ display:block; padding:0 25px;line-height:48px;  background:#f1f1f1; border-left:4px #f1f1f1 solid;}
.leftnav dt a:hover, .leftnav dt #current{  background:#ffed88; border-left:4px #008689 solid; }
.leftnav dd{ display:none;line-height:20px; padding:8px 0;border-bottom:1px #dfdfdf solid; }
.leftnav dd a{ line-height:20px; display:block; background:url('../images/cion.png') no-repeat 23px 8px; padding:0 0 0 35px;}
.leftnav dd a:hover{ }

.place{padding:1% 0; border-bottom:1px #ccc solid;}
.place p{ float:right;  background:url(../images/place.jpg) no-repeat left center; padding:0 0 0 25px; margin-top:10px;}
.place p a{  padding:0 8px;}
.place strong{ display:block; font-size:20px; padding: 0 8px;}

.business{}
.business ul{list-style-type:none;}
.business li{overflow:hidden; clear:both;padding:2%; margin:1% 0;border-bottom: 1px #e7e7e7 solid;  }
.business li em{display:block;float:left; width:20%;overflow:hidden; position:relative; background:#0c4da2; }	
.business li em img{width:100%; display:block;}
.business li em span{ display:none;}
.business li em:hover img{opacity: 0.5; }
.business li em:hover span{display: block;position: absolute;top: 47%; width:100%;text-align:center; }
.business li em:hover span b{display: inline-block;	padding-right: 70px; font-size:22px;color: #fff;background: url("../images/icon.png") no-repeat right center; font-weight:normal;}

.business li div{float:left; width:70%; padding:0 5%;}
.business li h3{font-size:20px;margin:0 0 2% 0; color:#035cac;	}
.business li p{ }
.business li .more{ display:inline-block;margin-top:10px;  background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.business li .more:hover{background:#0d67b3; color:#fff;}
.newslist{}
.newslist ul{ list-style-type:none;}
.newslist li{ overflow:hidden; padding:2%; margin:1% 0; clear:both; border-bottom: 1px #e7e7e7 solid; }
.newslist li em{display:block;float:left; width:240px; height:165px; border:#efefef 1px solid; overflow:hidden; margin:0 2% 0 0; background:#ccc; }	
.newslist li em img{max-width:100%; display:block; margin:0 auto;}
.newslist li div{margin-left:260px;}
.newslist li h3{font-size:20px; }
.newslist li span{ display:block; color:#666; font-size:12px; }
.newslist li p{ line-height:1.8em; }
.newslist li .more{ display:inline-block;margin-top:10px;  background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.newslist li .more:hover{background:#035967; color:#fff;}

.publiclist{}
.publiclist ul{ list-style-type:none;}
.publiclist li{padding:7px 0px;border-bottom:1px #cdcdcd dotted; line-height:18px; }
.publiclist li a{display:block; padding:0 0 0 25px; background:url('../images/cion1.gif') no-repeat 12px center; line-height:18px; }
.publiclist li span{ float:right;padding-right:8px;color:#999;line-height:18px; }
.publiclist li strong{line-height:18px;}


.contain{margin:0 2%;}
.content{}
.content h1{ background:url('../images/title01.gif') repeat-x left bottom; text-indent:1em; padding:0 0 9px 0; font-size:14px; font-weight:bold;}
.content h1 span{ background:url('../images/cion01.gif') no-repeat 10px center; display:block; padding:0 0 0 15px;}
.content h1 a{ display:block; }
.content h2{ background:url('../images/cion01.gif') no-repeat left center; font-weight:bold; padding:0 0 0 20px; font-size:14px;}
.content h3{font-size:26px; color:#146ccc; text-align:center; font-weight:800;}
.content h4{ background:#3d7ed6; line-height:28px; text-indent:1em; color:#fff;}
.content h5{ border:1px solid #3d7ed6; color:#3d7ed6; text-indent:1em; line-height:28px;}
.content h6{ text-align:center; font-size:12px; font-weight:normal; line-height:30px; padding:0 0 8px 0; color:#6c6b68;}
.content p{ margin:8px auto;} 
.content li{ margin-left:3.5em;}
.content img{max-width:100%;}
.content .detail{ padding:0.5% 0 1% 0;margin:0 auto; overflow:hidden;}
.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:#2882d8; padding:2px 5px;border:#d4d4d7 solid 1px;}
.tableboder td{ padding:2px 5px;border:#d4d4d7 solid 1px;}

.brief{margin:0 auto;}
.brief a:hover{ text-decoration:underline;}

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





.product{ padding:1%;}

.pro_a{ padding:1% 0;float:left; width:48%; margin:0 1%; }
.pro_a img{width:120px; border:7px solid #ededed; margin:0 1.5% 0 0; float:left;}
.pro_a div{ line-height:20px; padding:2px 5px 2px 5px; vertical-align:top;}
.pro_a div strong{  line-height:20px; }
.pro_a div p{ display:inline; line-height:20px;}


/*橱窗页1:1*/
.productb{ padding:5px 0;}
.productb .picdiv{ float:left; width:25%; text-align:center; margin:5px 0; min-height:155px;}
.productb h2{width:120px;height:120px; border:7px solid #ededed;  margin:0 auto;}
.productb h2 a{width:120px;height:120px;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;}
.productb h2 img{vertical-align:middle;}
.productb span{line-height:18px; text-align:center;display:block; padding:3px;}
.productb span a{line-height:18px;}

/*产品内容页c*/
.special{ padding:10px 0 20px 20px;}
.special img{float:left;margin:0 2% 0 0; width:200px;border:1px solid #e0e0e0; padding:6px; background:#f1f1f1;}
.special div strong{ }
.special div{padding:0 6px; }
.special div p{ display:inline;}

.client{ font-size:14px; padding:0 15px 15px 15px;}
.client ul{ list-style-type:none;}
.client li{ width:25%; float:left; line-height:32px; background:url('../images/cion01.gif') no-repeat left 12px; padding:0 0 0 12px;}

.contact{padding:0;}

.sitemap{padding:0 10px 10px 10px;}
.sitemap a{padding:0 5px;}

.temp{color:#656565;clear:both;width:auto;padding:5px 0;font-size:12px;font-family:Tahoma,Arial;text-align:center;}
.temp a{color:#656565}
.CopyrightWrap{}


.xypg-product-list {
	margin: 0 -1.5%;
	font-size: 0;
}

.xypg-product-list li {
	display: inline-block;
	vertical-align: bottom;
	width: 27.9%;
	margin: 0 1.5% 20px 1.5%;
	padding: 10px 10px 0 10px;
	border: 1px solid #eeeeee;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.xypg-product-list li .img {
	display: block;
	overflow: hidden;
}
.xypg-product-list li .img img{transition: all .5s ease; width: 100%;}
.xypg-product-list li .img:hover img{transform: scale(1.1);}
.xypg-product-list li h3 a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #5a5a5a;
	line-height: 1.6;
	padding: .8em 0;
}

.xypg-product-list li:hover {
	border-color: #035967;
}

.xypg-product-list .no-result {
	margin: 0 1.5%;
	font-size: 14px;
}