@charset "utf-8";
body,html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: 14px/2 'Microsoft YaHei';color:#333;}
h1,h2,h3,h4,h5,h6{font: normal 14px/2 'Microsoft YaHei';}
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:#076fce; }
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:2.6% 0;float:left; width:30%;}
.logo img{ display:block; max-width:100%;}	

.nav{ height:100px; float:right; width:58%;}
.nav ul{list-style-type:none; }
.nav li{ width:113px; height:100px; float:left; position:relative; display:inline;  text-align: center;  }
.nav li a{ display:block;  line-height: 100px; font-size:16px; }
.nav li a:hover,.nav .on a{color:#fff; background:#0aa375; }
.nav .sub{ display:none; min-width:120px; left:0; top:100px; position:absolute; z-index:99999; width:auto; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;background:#0aa375; line-height:36px; color:#fff; font-size:14px;padding:0 15px; white-space:nowrap;height: auto;}
.nav .sub a:hover{ color:#fff;background:#000; }
.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;  }
.rslides li:first-child {  position: relative;  display: block;  float: left; }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  } 
.centered-btns_tabs { position: absolute;  bottom:5%; left:50%;margin-left:-39px; text-align: center; z-index:9999; }
.centered-btns_tabs li{ display: inline-block;margin: 0 7px;border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%;   /* float: none;  _float: left;  *float: left; */}
.centered-btns_tabs a{ width: 6px;  height: 6px; background: rgba(255, 255, 255, 0.9);margin: 1px;  border-radius: 50%;text-indent: -9999px;  overflow: hidden; display: block;  _display: block;  *display: block; }
.centered-btns_here a{background: rgba(255, 255, 255, 0); }	

.banner{ position:relative; }
.banner h3{ position:absolute; width:90%;top:25%; left:3%; color:#fff;}
.banner h3 strong{font-size:36px; line-height:1em; }
.banner h3 span{font-size:22px; display:block; text-transform:uppercase;  }

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

.ititle{ margin:0 1%;  }
.ititle h2{  font-size: 28px; font-weight:normal; }
.ititle span{ text-transform: capitalize; }
.ititle span:before{ content:"/"; display:inline-block; margin:0 8px;}
.ititle p{ color:#666;}

.imore { display: block; width: 178px; text-transform:uppercase; margin-top: 40px; border: 1px solid #959595;  border-radius: 18px;  color: #444;  text-align: center;  line-height: 36px;  transition-duration: 0.6s;}
.imore:after{ content:">"; display:inline-block; margin-left:5px;}
.imore:hover {  border: 1px solid #eb6100;  color: #fff;  background: #eb6100;}


.iproduct { padding:3% 0;}	
.iproduct .wide{position:relative;}
.iproduct ul{list-style:none;  }
.iproduct .bd{overflow:hidden;}
.iproduct li{ float:left; width:25%;}
.iproduct li a{ display:block;margin:5%;background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,.1); position:relative;padding-bottom:70px}
.iproduct li a em{ display:block; }
.iproduct li a em img{ display:block; width:100%;}
.iproduct li a div{ background: #fff; height: 70px; position: absolute; bottom: 0; width:84%; left: 0; transition: .3s; padding: 0px 8%;}	
.iproduct li a div h3{	font-size:18px;	padding:15px 0px 5px;}	
.iproduct li a div h3 span{opacity:0;display:none;font-size:14px;	color:#87888b;	transition:.5s;}	
.iproduct li a div i{display: block; float:right; width: 30px; margin-top:9%;	transition:.5s;}
.iproduct li a div i img{ display:block; width:100%;}

.iproduct li:hover div{	height:100px;}
.iproduct li:hover div h3 span{	opacity:1;	display:block;}
	.iproduct li:hover a div i{ margin-top:15%;}

.iproduct li a:hover{ }

.iproduct .bot{ position:absolute; width:40px; height:40px;top:45%; background:#e6e7ed; text-align:center; line-height:36px; font-size:20px; font-weight:bold; }
.iproduct .bot:hover{ background:#70ab4d;  color:#fff;}
.iproduct .prev{left:-2%;}
.iproduct .next{right:-2%;}
.iproduct .prev:before{ content:"<"; font-family:"宋体"; }
.iproduct .next:before{ content:">";font-family:"宋体"; }
.iproduct .hd{ display:none;}

.icase{ background:#eef0f8;padding:3% 0;}
.tablist{position:relative;}
.tablist ul{ list-style:none;}
.tablist .Menubox {position:relative;}
.tablist .Menubox li { float:left;	width:16.66%;overflow:hidden;transition:all 0.3s;	}
.tablist .Menubox li em {display:block;margin:0 5%;	background:#fff;padding:3px;border-radius:3px;}
.tablist .Menubox li em img{ display:block; width:100%;opacity:.47; }
.tablist .Menubox li:hover em img{opacity:1;}
.tablist .Menubox li.on img{opacity:1;}
.tablist .bd {margin:1%;height:250px;background:#fff;overflow:hidden;padding:5% 5%;}
.tablist .bd li { height:250px; overflow:hidden; }
.tablist .bd li em {float:left;display:block;width:36%;margin-right:3%;overflow:hidden;}
.tablist .bd li em img{ display:block; width:100%; }
.tablist .bd li div {margin:0 0 0 40%;padding:2% 0 0 0;}
.tablist .bd li div h4 { font-size:24px; margin-bottom:0.7em;} 
.tablist .bd li div p {color:#4d4d4d; }
.tablist .bd li a { display:block;width:160px;margin-top:5%;line-height:46px;text-align:center;	color:#fff;	background:#70ab4d;border-radius:5px;transition:all 0.3s}
.tablist .bd li a:hover {background:#cc0033;color:#fff;border:1px solid #cc0033;}
.tablist .prev, .tablist .next {position: absolute;	top: 21%;width: 35px;height: 50px;text-align:center; z-index: 10;font-family:"宋体"; font-size:80px; color:#616161; font-weight:bolder;}
.tablist .prev{left: 20px;}
.tablist .prev:before{ content:"<";   }
.tablist .next {right:27px; }
.tablist .next:before{ content:">";}

.inews{padding:3% 0; }
.inews ul{list-style-type:none;}
.inews li{ float:left; width:23%;margin:1%; position: relative;}
.inews li em{ display:block; overflow: hidden; transition:all 0.3s;}
.inews li em img{ display:block; width:100%; transition:all 0.3s;}	
.inews li:hover em img { transform: scale(1.1); }
.inews li div{ margin:5% 0; position: relative; }
.inews li div h4{  font-size: 18px; line-height:1.6em;  padding-bottom: 10px;}
.inews li div p{font-size: 12px; color:#666; }
.inews li div span{  display: block; margin:10% auto 0 auto;  width: 138px; line-height: 36px; font-size: 12px; }
	
.aboutus{ background:#eef0f8;padding:3% 0; }
.icompany{ margin:1%; }
.icompany img{display:block;float:left; width: 40%; margin-right: 3%; }
.icompany h3{ font-size: 28px; }
.icompany p{text-indent:2em;}
.icompany a{ display:block; }






.icase{ padding:4% 0;}


.imain{}
.icontact{  width: 28%; padding: 3%;  float: left;  background: #2c57ca; color: #fff; position:relative;}
.icontact:before{content:""; position:absolute; border: 2px solid #3a62cd; top:0;right:0;left:0;bottom:0;}
.icontact h3{  font-size: 18px; margin: 0 0 14px 0; }
.icontact h3 span{ display:block;   font-family: "Verdana"; font-weight: bold;  line-height: 1em; }
.icontact div{ }
.icontact a{ color: #fff;   }

.link{}





#footer{background:#1e2225; color:#919191; }
#footer a{color:#919191;}
.foot{ padding:2% 0;}
.foot a{}

.footnav{padding:3% 0; }
.footnav dl{ list-style:none;float:left; width:13%;margin:0 1%; }
.footnav dt{ font-size:18px;margin:0 0 10px 0;  }
.footnav dd{}
.footnav dd a{display:block; }

.f_erweima{text-align:center; float:right; background:#1a5485; padding:8px;}
.f_erweima img{display:block; margin:0 auto; }

.f_contact{float:right; width:40%;  }
.f_contact h3{  font-size:18px;margin:0 0 10px 0;}
.f_contact a{ }
.f_contact img{display:block; float:right; margin:0 2%; }

.copyright{ padding:1% 0; border-top:1px #4b4e51 solid;text-align:center; }
.copyright a{padding:0 8px;}
.copyright div{ display:inline;}	



#main{padding:3%;}
#left{display:none; }
#right{}
#leftmsg{float:left; width:25%;}
#rightmsg{float:right; width:72%;}


.title{ text-align:center; background:url(../images/title_bg.png) no-repeat center bottom; padding:0 0 2em 0;}
.title strong{display:block; font-size:30px;  }

.leftnav{ background:#e5e5e5;}
.leftnav h3{  padding:5% 0; color:#003993;}
.leftnav h3 strong{display:block;font-size:24px;line-height:1.2em; }
.leftnav h3 span { text-transform:uppercase;   }
.leftnav ul{list-style-type:none; }
.leftnav li{ display:inline-block; }
.leftnav li a{display:block; font-size:16px;  padding:0 20px; line-height:50px;}
.leftnav li a:hover, .leftnav li #current{ color:#fff; background:#46a971; }

.leftnav dl{list-style-type:none;  }
.leftnav dt{ display:inline-block; }
.leftnav dt a{display:block; font-size:16px;  padding:0 10px; line-height:3em;}
.leftnav dt a:hover, .leftnav dt #current{  color:#003993; }

.leftnav dd{ display:none; border-bottom:1px #e5e5e5 solid; padding:6px 0;}
.leftnav dd a{ display: inline-block; line-height:26px; position:relative; text-indent:1em; color:#555;  }
.leftnav dd a:before{ content:"•"; display:inline-block; margin:0 8px;}
.leftnav dd a:hover{ color:#62a232 }


.place{ background: url(../images/placebg.gif) repeat-x;}
.place p{ line-height:38px;  }
.place p a{ padding:0 8px; }
.place strong{ display:block;font-size:16px; color:#00824a; }
.place strong:before{ content:"┃"; display:inline-block;padding: 0 8px; }

.business{}
.business ul{list-style-type:none;}
.business li{overflow:hidden; padding:2%; margin:1% 0; clear:both; }
.business li em{display:block;float:left; width:25%; height:165px; border:#efefef 1px solid; overflow:hidden; margin:0 2% 0 0; background:#ccc;}	
.business li em img{width:100%; display:block;margin:0 auto;}
.business li div{margin-left:27%;}
.business li h3{font-size:20px;margin:0 0 1% 0; color:#035cac;	}
.business li p{ line-height:1.6em; }
.business li a.more{ display:inline-block;margin-top:10px;  background: #ddd; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.business li a.more:hover{background:#62a233; color:#fff;}
.newslist{}
.newslist ul{ list-style-type:none;}
.newslist li{ overflow:hidden; padding:2%; margin:1% 0; clear:both; }
.newslist li em{display:block;float:left; width:25%; 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:27%;}
.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 a.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 a.more:hover{background:#0d67b3; 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/icon.png') 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;}

.title01{border-bottom:1px #dbdbdb solid; text-indent:0.6em;   font-weight:bold; font-size:16px;}
.title01:before{ content:"◆"; color:#013973;}
.title01 span{ display: inline-block; }


.contain{}
.content{}
.content h1{ border-bottom:2px #dbdbdb solid; text-indent:0.6em;font-weight:bold; font-size:16px;}
.content h1:before{ content:"◆"; color:#013973;}
.content h1 span{ display: inline-block; }
.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:2px 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% 0;}


.pro_a{ float:left; width:48%;  padding: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;display: flex; justify-content: space-between; flex-wrap: wrap;}
.productb .picdiv{  width:22%; text-align:center; margin:5px 0; min-height:155px; box-sizing: border-box;}
.productb h2{width:100%;height:270px; border:7px solid #ededed;  margin:0 auto;}
.productb h2 a{width:100%;height:270px;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; width: 100%; height: 100%;}
.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/icon.png') 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: 28.4%;
	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: #19ad4e;
}

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