﻿
@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: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{ background:#fff url(../images/headbg.gif) repeat-x top;}	
.top{  padding:3px 0; background:#005699; color:#fff; border-bottom:1px #fff solid;}
.topnav{ text-align:right; float:right;} 
.topnav a{padding:0 10px;  color:#fff;} 
.top p{}
.top p strong{ }
.logo{ padding:3% 0;}
.logo img{ display:block; max-width:100%;}	
.topimg{ float:right; margin:0 0 1% 0;}	
.topimg img{ display:block;}
.toptel{margin:3% 0 0 1%; float:right; background:url(../images/toptel.jpg) no-repeat left center;padding-left:40px;} 
.toptel strong{ display:block;color:#097ec1; font-size:24px;} 

.hotsearch{padding:7px 0; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); z-index: 290; position:relative;}
.search{background:#fff;width:225px;height:35px;float:right;} 
.search .input{ float:left;width:190px;height:31px;line-height:31px; text-indent:15px;  padding:0;margin:2px 0; border:none;background:url(../images/search.jpg) no-repeat} 
.search .button{float:left; width:35px;height:35px;border:none;background:url(../images/search.png) no-repeat;cursor: pointer;} 
.hotsearch p{}
.hotsearch p strong{ color:#88b742;}


#menu {
	background-color: #264e82;position: relative;z-index: 9999;
}

.x-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.x-menu>li {
	position: relative;
	width: 150px;
}

.x-menu>li>a {
	display: block;
	font-size: 16px;
	white-space: nowrap;
	line-height: 65px;
	height: 65px;
	text-align: center;
	color: #fff;
}



.x-menu>li:hover>a {
	background-color: #005699;
	color: #fff;
}

.x-menu>li.active>a {}

.x-menu>li:after {
	content: '';
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	/*height: 40px;*/
	opacity: 0;
	top: 100%;
}

.x-menu>li:hover .x-sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background: #fff;
}

.x-sub-menu {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0%;
	top: 65px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.x-sub-menu>li {
	/* padding: 0 0.9rem; */
}

.x-sub-menu>li>a {
	display: block;
	text-align: center;
	line-height: 2;
	font-size: 14px;
	color: #666666;
	line-height: 2.6;
}

.x-sub-menu>li>a:hover {
	background: #005699;
	color: #fff;

}

.x-sub-menu:after {
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 10px;
	cursor: pointer;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #fff transparent;
	border-top: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 99;
	display: 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 .wide{ }
.banner h3{ position:absolute; width:90%;top:30%; left:5%; color:#fff;font-weight:normal;}
.banner h3 strong{display:block;font-size:28px; }
.banner h3 p{display:block; line-height:1.6em;  }

.banner img{ max-width: 100%; display:block; margin: 0 auto;}

.ititle{margin-bottom:1.5em; text-align:center; position:relative; }
.ititle h2{ font-size:24px; line-height:1.5em;  }
.ititle span{ display:block; font-size:18px; color: #f38605; text-transform:uppercase; }
.ititle p{position:relative; color:#666;}
.ititle a{ display:block; float:right;}

.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:15.66%;margin:0.5%; }
.ibusiness li a{ display:block;}
.ibusiness li em{ display:block; width:165px; height:165px;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;margin-top:1em;}

.icase{ padding:4% 0; background: url(../images/icase_bg.jpg) no-repeat center top;}
.icase .ititle{ color:#fff;}
.icase .imore:before{ display:none;}
.icase .imore:after{ display:none;}
.icase ul{list-style-type:none;  }
.icase li{ float:left;width:23%;margin:0.5% 1%; background:#fff; }
.icase li a{ display:block;}
.icase li em{ display:block; overflow:hidden;}
.icase li em img{ display:block; max-width:100%; margin:0 auto;}	
.icase li span{ display:block; padding:5px; text-align:center; font-size:16px;}

.evaluation{ padding:4% 0;}
.evaluation ul{list-style-type:none;  }
.evaluation li{ float:left; width:48%; margin:1%;} 
.evaluation li a{ display:block;} 
.evaluation li em{ display:block;  float:left; width:30%; overflow:hidden; height:135px;  } 
.evaluation li em img{ display:block;  width:100%;  } 
.evaluation li div{ margin:0 15px 0 32%;padding:2% 0; min-height: 110px;} 
.evaluation li div strong{ display:block;  font-size:16px;line-height:1.6em; } 
.evaluation li div span{ display:block;color: #999; font-size:12px; } 
.evaluation li div p{color:#666;font-size:12px; line-height:1.6em;} 	
.evaluation li:hover{ background:#f1f1f1;}	
.evaluation li:hover a{	}

.aboutus{ padding:4% 0; background:#f9f9f9;}
.icompany{width:73%;  float:left;}
.icompany p{text-indent:2em; }
.icompany img{display:block; float:left; width:37%;}
.icompany div{margin-left:40%;}
.icompany a{ display:block;margin-top:1em;  background:#2dc7e3; text-align:center;width:170px; line-height:44px; color:#fff;}

.honer{width:22%; float:right; position:relative;}
.honer ul{ overflow:hidden; list-style:none;}
.honer .bd{ }
.honer li{ float:left; width:100%; overflow:hidden; }
.honer li em{ display:block;border:1px solid #e5e5e5; height:250px;overflow:hidden; }
.honer li img{ display:block; max-width:100%; }
.honer li span{ display:block; text-align:center; margin-top:5px;font-size:16px;}
.honer li span a{  color:#333;}

.inews{padding:4% 0; }
.inews_c{ float:left; width:73%; }
.inews_c a{display:block;}
.inews_c ul{list-style:none;}
.inews_c .bd{ float:left;width:37%;margin-right:3%;  height:308px; overflow:hidden;background:#eee; }
.inews_c .bd ul li {position: relative;height:308px; overflow:hidden;}
.inews_c .bd ul li img{display:block; max-width: 100%;}
.inews_c .bd ul li p{ position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.5);color:#fff;line-height:40px;text-indent: 3%;  z-index:999; }
.inews_c .hd{width: 60%; float:left;}
.inews_c .hd ul li{ padding:10px 3%; overflow:hidden; margin-bottom:16px; }
.inews_c .hd ul li.on{ box-shadow:5px 5px 20px #ebebeb,-5px -5px 20px #ebebeb; border:1px #ebebeb solid\9;}
.inews_c .hd ul li strong{ float:left; padding:0 3% 0 0;margin-right: 4%;box-shadow: 8px 0 9px -3px #e9e9e9; *border-right: 1px #dbdbdb solid;}
.inews_c .hd ul li strong i{display:block; font-size:28px;color:#0080cc; text-align:center; line-height:1.7em;}
.inews_c .hd ul li strong em{display:block; font-size:12px; color:#a0a0a0; font-weight:normal;}
.inews_c .hd ul li div{margin-left:17%;}
.inews_c .hd ul li div span{ display:block;}
.inews_c .hd ul li div p{ line-height:1.5em;}
.inews_c .hd ul li:hover{ box-shadow:5px 5px 20px #ebebeb,-5px -5px 20px #ebebeb; border:1px #ebebeb solid\9; }

.icontact{ width:23%;  float:right; background:#0aabc8 url(../images/icontact.jpg) no-repeat top center;}

.icontact_con{padding:6% 8%;margin-top:160px; color:#fff; }
.icontact_con a{ color:#fff; }
.icontact_con p{}
.icontact_con p span{ font-size:24px;}


.iproduct { padding:4% 0; background:url(../images/iproduct_bg.jpg) no-repeat top center; background-size:100% 100%;}
.iproduct .ititle{ color:#fff;}
.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;}


.ilink{padding:1% 0; background:#f0f0f0; }


#footer{ background:#3b3b3b; color:#fff; }
.foot{ }
.footnav{ padding:3% 0; }
.footnav dl{ list-style:none;float:left; width:12%;}
.footnav dt{margin:0 0 5px 0; color:#fff; font-weight:bold;font-size:16px; }
.footnav dd{ }
.footnav dd a{display:block; color:#a6a6a6;} 

.f_erweima{float:left; text-align:center; width:10%; margin-top:2%;}
.f_erweima img{ display:block; margin:0 auto;}
.f_erweima p{font-size:12px; }

.f_contact{float:left; width:30%;padding:0 5%; border-left:1px #4d4d4d solid;color:#a6a6a6;}
.f_contact strong{ display:block; color:#fff;margin:0 0 5px 0; font-size:16px;}
.f_contact a{color:#a6a6a6;}

.copyright { background:#333333;padding:1% 0; color:#d7d7d7;text-align:center; }
.copyright a{padding:0 8px;color:#d7d7d7;}
.copyright div{ display:inline;}	



#main{padding:3% 0; }
#left{float:left; width:19%; }
#right{ float:right; width:75%; box-shadow:2px 2px 10px #ccc,-2px -2px 10px #ccc; border:1px #ebebeb solid\9; padding:2% 3%; }
#leftmsg{float:left; width:19%;}
#rightmsg{float:right; width:75%;box-shadow:2px 2px 10px #ccc,-2px -2px 10px #ccc; border:1px #ebebeb solid\9; padding:2% 3%; }


.title{ border-bottom:1px #f0f0f0 solid;}
.title strong{display:block; font-size:24px; color:#62a233; line-height:3em;  }

.leftnav{padding-top:8%; }
.leftnav h3{ background:#f2f2f2;margin-bottom:4px; border-bottom:1px #c6c6c6 solid; padding:5px 0;}
.leftnav h3 strong{display:block; font-size: 18px; padding-left:10%;  position: relative; }
.leftnav h3 span { display:none; text-transform:uppercase;  font-weight:normal; }

.leftnav dl{list-style-type:none;   }
.leftnav dt{ border-bottom:1px #e5e5e5 solid;}
.leftnav dt a{display:block;  padding:0 20px; }
.leftnav dt a:before{ content:">"; font-family:"宋体"; display:inline-block; margin:0 8px; }
.leftnav dt a:hover, .leftnav dt #current{  color:#2c6a2b;  }

.leftnav dd{ }
.leftnav dd a{ display: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{ border-bottom:1px #e8e8e8 solid; background:url(../images/place.gif) no-repeat left center; padding:8px 25px;}
.place p{ }
.place p a{ padding:0 8px; }
.place strong{ display:block;padding: 0 8px;font-size:16px; }

.business{}
.business ul{list-style-type:none;}
.business li{overflow:hidden; clear:both; margin:2% 0;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{ background:url('../images/title01.gif') repeat-x left bottom;text-indent:1em;   padding:0 0 9px 0; font-weight:bold; font-size:16px;}
.title01:before{ content:"◆"; color:#013973;}
.title01 span{ display: inline-block; }


.contain{margin:2% 0;}
.content{}
.content h1{ background:url('../images/title01.gif') repeat-x left bottom; text-indent:1em; padding:0 0 9px 0; 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: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% 0;}

.choice{ height:26px; padding:10px 0;}
.choice a{ background:url('../images/choice02.gif') no-repeat; display:block; text-align:center; margin:0 10px 0 0; font-weight:bold; width:110px;line-height:26px; float:left; color:#444444;}
.choice a:hover{ color:#fff; background:url('../images/choice01.gif') no-repeat;}
.choice #current{ color:#fff; background:url('../images/choice01.gif') no-repeat;}

.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;}

.down{}
.down ul{ list-style-type:none;}
.down li{padding:7px 0px 7px 25px;border-bottom:1px #cdcdcd dotted; line-height:18px;background:url('../images/icon.png') no-repeat 12px center;}
.down li a{display:block; float:right;  line-height:18px; }
.down li strong{line-height:18px;}

.sitemap{padding:0 10px 10px 10px;}
.sitemap a{padding:0 5px;}


#fromtinner_{ padding:10px 15px;}
#fromtinner_ textarea{width:400px;font-size:12px;line-height:18px ;border:solid 1px #d8d8d8;}
#fromtinner_ input{line-height:22px; height:24px; font-size:12px;border:solid 1px #d8d8d8;}
#fromtinner_ .border{width:400px;border:solid 1px #d8d8d8;}
#fromtinner_ .btn{border-style: none;border-color: inherit;	border-width: medium;width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; font-weight:bold; background:url('../images/pinglun.gif') no-repeat left top;}
/*留言和评论*/
.board{margin:0;}
.board_h4{font-size:22px; text-align:center; padding:5px 0 0 0;}
.board_h4 a{}
.board_h5{ text-align:center; font-weight:normal;}

.sitemsg{}
.sitemsg td{padding:3px 0;}
.sitemsg .msgtitle{padding-left: 8px;}
.sitemsg b{ color:#2882d8;}
.sitemsg .con{padding-left: 8px;}


.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{}
