@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; }	

	
.banner{ position:relative; }
.banner h3{ position:absolute; width:90%;top:36%; 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;}

	
.ibusiness { background:#eef0f8;padding:3% 0;}
.ibusiness ul{list-style:none; }
.ibusiness li{ float:left; width:16%; margin:0 2%;text-align: center;}
.ibusiness li em{display:block;    width: 100px;    height: 100px;    border-radius: 50%;    margin: 0 auto;   box-shadow: 0px 0px 10px rgba(66,120,208,.22);    transition: .3s;}
.ibusiness li h3{ padding:6% 0px 2%;  font-size: 20px; font-weight:normal;}
.ibusiness li p{color: #818285;line-height:1.6em;}   
.ibusiness li:first-child em{background:#fff url(../images/zhpic1.png) no-repeat center center;}
.ibusiness li:nth-child(2) em{background:#fff url(../images/zhpic2.png) no-repeat center center;}
.ibusiness li:nth-child(3) em{background:#fff url(../images/zhpic3.png) no-repeat center center;}
.ibusiness li:nth-child(4) em{background:#fff url(../images/zhpic4.png) no-repeat center center;}
.ibusiness li:nth-child(5) em{background:#fff url(../images/zhpic4.png) no-repeat center center;}
.ibusiness li:hover{ color:#0aa375;}
.ibusiness li:hover p{color:#0aa375;}   
.ibusiness li:hover:first-child em{background:#0aa375 url(../images/zhpic1n.png) no-repeat center center; }
.ibusiness li:hover:nth-child(2) em{background:#0aa375 url(../images/zhpic2n.png) no-repeat center center;}
.ibusiness li:hover:nth-child(3) em{background:#0aa375 url(../images/zhpic3n.png) no-repeat center center;}
.ibusiness li:hover:nth-child(4) em{background:#0aa375 url(../images/zhpic4n.png) no-repeat center center;}
.ibusiness li:hover:nth-child(5) em{background:#0aa375 url(../images/zhpic5n.png) no-repeat center center;}
	
.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:#008aff; }

.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;}

.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{ 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;}
	.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;}


.lay-list{ display:block; margin:0; padding:0; height:auto; }
    .lay-list ul{ display:block; margin:0; padding:0; *zoom:1; }
    .lay-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .lay-list ul li{ float:left; width:25%; height:auto; text-align:left; *width:24.9999%; }
    .lay-list .list-box{ display:block; position:relative; margin:0 15px; }
    .lay-list .side-box{ position:relative; padding:10px 30px; background:#fff; overflow:hidden; _display:inline; *zoom:1; }
    .lay-list .side-box:hover{ box-shadow:10px 15px 30px rgba(0, 0, 0, 0.1); transform:translate3d(0, -2px,0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.lay-list .side-box .img-list{ position:relative; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #eee; _display:inline; *zoom:1; }
    .lay-list .side-box .img-list:last-child{ border-bottom:0; }
    .lay-list .side-box .img-list .img-box{ float:left; padding-right:10px; }
    .lay-list .side-box .img-list .img-box img{ width:70px; height:53px; }
    .lay-list .side-box .img-list .txt-box{ text-align:left; }
    .lay-list .side-box .img-list .txt-box a{ position:relative; display:block; margin-bottom:5px; height:32px; line-height:16px; overflow:hidden; }
    .lay-list .side-box .img-list .txt-box span{ color:#b0b0b0; font-size:12px; line-height:18px; }
    .lay-list .side-box .img-list p{ display:block; margin-top:6px; width:100%; line-height:18px; height:35px; color:#666; font-size:12px; overflow:hidden; }
.lay-list .side-box .txt-list{ border-bottom:1px solid #eee; line-height:53px; height:53px; }
    .lay-list .side-box .txt-list:last-child{ border-bottom:none; }
    .lay-list .side-box .txt-list a{ display:block; width:100%; line-height:53px; color:#333; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .lay-list .side-box .txt-list a:hover{ color:#d70029; }
    .lay-list .side-box .txt-list a i{ margin-right:5px; font-size:12px; _display:none; }
.lay-list.list .side-tit{ margin-left:15px; margin-right:15px; }
    .lay-list.list .list-box{ margin:0 15px 30px; }
    .lay-list.list .side-box{ padding:0; }
    .lay-list.list .side-box .img-box{ position:relative; width:100%; height:200px; overflow:hidden; }
    .lay-list.list .side-box .img-box img{ display:block; min-width:100%; min-height:100%; _width:100%; _height:100%; }
    .lay-list.list .side-box h3{ margin:15px 25px 10px; line-height:20px; height:20px; color:#333; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .lay-list.list .side-box p{ margin:0 25px 25px; line-height:21px; height:42px; color:#b0b0b0; font-size:12px; overflow:hidden; }
	
.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{}