@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:#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:1160px;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% 0;float:left; width:30%;}
.logo img{ display:block; max-width:100%;}	

.nav{ height:110px; float:right; width:60%;}
.nav ul{list-style-type:none; }
.nav li{ width:113px; height:110px; float:left; position:relative; display:inline;  text-align: center;  }
.nav li a{ display:block;  line-height: 110px; font-size:16px; }
.nav li a:hover,.nav .on a{color:#fff; background:#0099cc; }
.nav .sub{ display:none; min-width:120px; left:0; top:110px; position:absolute; z-index:99999; width:auto; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;background:#0099cc; 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 img{ max-width: 100%; display:block; /*margin: 0 auto;*/}

.ititle{margin-bottom:1em;position:relative; text-align:center; }
.ititle h2{font-size:36px;  position:relative; font-weight:normal; line-height:1.4em; }
.ititle span{ display:block;color:#666; text-transform:uppercase; }
.ititle p{position:relative; color:#666;}
.ititle a{ display:block; float:right; padding-top:10px;}
.ititle a:after{ content:">>"; }

.imore{ position:relative;}
.imore:before{ content:""; position:absolute; width:41%; top:50%; left:0; border-top:1px #ebebeb solid;}
.imore:after{ content:""; position:absolute; width:41%; top:50%; right:0; border-top:1px #ebebeb solid;}
.imore a{ display:block; width:170px; margin:2em auto 0 auto; background:#2dc7e3; text-align:center; line-height:44px; color:#fff;}

.ibusiness { padding:4% 0;}
.ibusiness ul{list-style-type:none;  }
.ibusiness li{ float:left; width:24%;margin:0.5%; }
.ibusiness li a{ display:block;}
.ibusiness li em{ display:block; width:200px; height:200px;padding:15px; overflow:hidden; margin:0 auto;border-radius: 50%;}
.ibusiness li em img{ display:block; max-width:100%;border-radius: 50%;}	
.ibusiness li strong{ display:block;text-align:center; font-size:16px; font-weight:normal;}
.ibusiness li:hover em{ background:#F9F9F9;}

.aboutus{ padding:4% 0; background:#edf2ef url(../images/about.jpg) no-repeat center right; }
.aboutus ul{list-style:none;}
.aboutus li{ float:left; width:25%; text-align:center;}
.aboutus li em{ display:block;}
.aboutus li em img{ display:block; max-width:100%; margin:0 auto; }

.icompany{margin-right:45%;}
.icompany h3{ font-size: 30px; font-weight: 400; line-height:1.5em;  letter-spacing: 1.5px; margin-bottom:0.5em; text-align: center;}
.icompany p{text-indent:2em; }
.icompany a{ display:block; width:120px; margin:2em 0 0 auto; border:1px #0099cc solid;border-radius: 2px; color:#0099cc; text-align:center; line-height:2.2em;  }


.inews{ padding:4% 0;}
.inews ul{list-style-type:none;  }
.inews li {float:left;width:23%;margin:1%; }
.inews li em {display:block; margin-bottom:0.5em;}
.inews li em img {display:block; width:100%;}
.inews li h4 { font-size:16px; line-height:1.6em;}
.inews li span{ display:block; color:#969696; font-size:12px; }	
.inews li p {font-size:12px;color:#666; line-height:1.6em;}


.icontact{}

.link{}

.iproduct { padding:4% 0;}
.iproduct ul{list-style-type:none;  }
.iproduct li{ float:left; width:22%;padding:1%;margin:0.5%; background:#fff; }
.iproduct li a{ display:block;}
.iproduct li em{ display:block; overflow:hidden;}
.iproduct li em img{ display:block; width:100%; margin:0 auto;}	
.iproduct li strong{ display:block;text-align:center; font-size:18px; font-weight:normal;}

.why{ padding:3% 0; background:#f8f8f8;}
.why ul{list-style-type:none; }
.why li{ float:left; width:17%; padding:3.5% 3%; background:#fff;margin:1%; text-align:center;}
.why li em{ display:block; margin:0 0 5% 0;}
.why li strong{ display:block; font-size:18px; font-weight:normal; margin:0 0 5% 0;}
.why li span{ display:block; color:#888;}
.why li:hover strong{color:#0eabe5; }


#footer{ background: #333;padding:2% 0;}
.foot{float:left;width:55%;	 }

.footnav{ }
.footnav dl{ list-style:none;float:left; width:25%;}
.footnav dt{ color:#fff; font-size:14px;}
.footnav dd{ }
.footnav dd a{display:block; font-size:12px; color:#fff; }

.f_erweima{width:15%;float:left; padding-top:1%; text-align:center;}
.f_erweima img{ display:block; margin:0 auto;}
.f_erweima span{display:block;color:#ccc;}

.f_tel{ float:right;  width:1%;background: url(../images/f_tel.png) no-repeat left center; padding:0 0px 0 55px;} 
.f_tel span{ display:block;font-size:12px; line-height:1em; }
.f_tel em{display:block; font-size:24px; color:#ffae00; line-height:1.6em; font-weight:bolder; } 



.f_contact{	width:25%; float:left; color:#fff;}
.f_contact div{ font-size:12px;}
.f_contact h3{ font-size:14px; font-weight:normal; }
.f_contact a{color:#fff;}


.copyright { margin-top:2%;padding-top:1%;color:#fff; text-align:center; border-top:1px #666 solid; }
.copyright a{padding:0 8px;color:#fff;}
.copyright div{ display:inline;}	



#main{ }
#left{ float:left; width:21%;position:relative;}
#right{float:right; width:76%;}
#leftmsg{float:left; width:25%;}
#rightmsg{float:right; width:72%;}


.title{ border-bottom:1px #f0f0f0 solid;}
.title strong{display:block; font-size:24px; color:#62a233; line-height:3em;  }

.leftnav{margin-top:-60px; }

.leftnav h3{ padding:3em 30px; background:#0099cc; color:#fff; text-align:center; border-bottom:1px #fff solid; }
.leftnav h3 strong{display:block;font-size:24px;line-height:1.2em; }
.leftnav h3 span { text-transform:uppercase;  font-weight:normal;  }

.leftnav dl{list-style-type:none; }
.leftnav dt{ border-bottom:1px #d0d0d0 solid;}
.leftnav dt a{display:block;  padding:0 25px; line-height:2.6em; background:#f2f2f2; border-bottom:1px #fff solid;}
.leftnav dt a:hover, .leftnav dt #current{ background:#0099cc; color:#fff; }

.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{ padding:2% 0; border-bottom:1px #d9d9d9 solid;}
.place p{ background:url(../images/place.png) no-repeat 8px center; padding:0 0 0 35px }
.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{float:left; width:44%;overflow:hidden; margin:2% 1%;background:#f5f5f5;padding:2%;}
.business li em{display:block;float:left; width:25%;overflow:hidden; position:relative;  }	
.business li em img{width:100%; display:block;}
.business li div{  padding:2% 0;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; 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 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{padding:3% 0;}
.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{ padding:1% 0; }
.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/icon.png') no-repeat left 12px; padding:0 0 0 12px;}

.contact{padding:0;}



.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.8%;
	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: #146ccc;
}

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