@charset "utf-8";
html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: normal 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{}

a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#005bac; }
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;
}
.picAofIndex120{display:block !important;cursor:pointer !important;width:120px !important;height:120px !important;}
.picDivOfIndex120{height:120px !important;width:120px !important;}

.checkbox{border: 0px;}
.clear{clear:both; float:none;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.button{border: 0px; }


.wide{ width: 1150px; margin: 0 auto; }
.wide:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper{ }

#header{}
	.logo{padding:3% 0}
	.logo img{display:block; max-width:100%;}
	.logo p{color: #666;font-size: 24px;line-height:1.2em;}
	.logo p b{color: #54acf3;font-size: 18px; line-height:1.2em;}
	
	.toptel{ float:right;background: url(../images/toptel.gif) no-repeat; padding:0 0px 0 42px; margin-top:4%;} 
	.toptel span{ display:block; float:left; border-right:1px #c8e3e8 solid; font-size:12px; line-height:1em; padding:0 10px;}
	.toptel em{display:block;float:left; font-size:24px; color:#ff9a03; line-height:1.6em; padding:0 0 0 10px; font-weight:bolder; } 

.top{padding:0.5% 0; background:#333; color:#fff;}
	.topnav{ text-align:right; float:right;} 
	.topnav a{padding:0 10px;color:#fff; } 
	.top p{}
	
.nav{height:60px; background:#004e92; }
.nav ul{list-style-type:none;height:60px; }
	.nav .nLi{ float:left;  position:relative;  }
	.nav .nLi a{ display:block; line-height: 58px; padding:0 50px; font-size: 16px; color:#fff; border-top:2px #004e92 solid; }
	.nav .nLi a:hover,.nav .on a{  border-top:2px #fff solid; }
	.nav .sub{ display:none; min-width:122px; left:0px; top:60px; position:absolute; z-index:9999;width:auto; }
	.nav .sub li{ zoom:1; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }
	.nav .sub a{ display:block; background:#004e92;  color:#fff;border:0; line-height: 35px;font-size:14px;white-space:nowrap;  font-weight:normal;}
	.nav .sub a:hover{ color:#2478be; background:#fff;  }
	.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;   } 
	.rslides p{ position: absolute; width:90%; color:#fff;background:rgba(0, 0, 0, 0.6); left:0%; bottom: 0%; padding:3% 5% 5% 5%;}  
	.rslides p strong{ font-size:40px;display:block;line-height:1.5em; }  
	.rslides p span{font-size:20px; display:block; line-height:1.5em; }
	.rslides {  margin: 0 auto;  }
	.rslides_container {  position: relative;  }
	.centered-btns_tabs { position: absolute; width:100%; background:rgba(0, 0, 0, 0.5); bottom:0%;  left:0%;text-align: center; z-index:9999;padding:5px 0; }
	.centered-btns_tabs li{display:  inline-block; margin:0 5px;width:12px; height:12px; padding:2px;border:1px solid rgba(255,255,255, 0.5); border-radius:50%; }
	.centered-btns_tabs a{ border:3px #ffd200 solid; width:6px; height:6px; text-indent: -9999px; border-radius:50%; overflow: hidden; display: block; }
	.centered-btns_here a{ border:3px solid rgba(255,255,255, 0.8); }

.banner{  }
.banner img{ max-width: 100%; display:block;}

#imain{ }

.ititle{ width:70%;  text-align:center; margin:0 auto 3% auto; }
.ititle h2{ font-size:46px; line-height:1.5em;}
.ititle span{ display:block; font-size:18px; color:#ccc; text-transform:uppercase; font-weight:bold;}
.ititle p{color: #666; }

.more{ display:block; width:200px;text-align:center; line-height: 42px; margin:0 auto; border:2px #fff solid; }
.more:hover{ background:#ff9a03; border:2px #ff9a03 solid;color:#fff;}

.aboutus{padding:4% 0;}
	.icompany{  }
	.icompany .ititle{text-align:left;width:auto; margin:0 0 1% 0;;}
	.icompany img{ display:block; float:right; margin-left:2%; width:45%;}
	.icompany p{ text-indent:2em; }
	.icompany a{ display:block;margin-top:1em; background:#005197; width:120px;line-height:40px; color:#fff; text-align:center; }
	

.iquality{ padding:4% 0;background:url(../images/quality_bg.jpg) no-repeat center top; background-size:100% 100%;}
.iquality .ititle{ color:#fff;}
.iquality ul{list-style-type:none;}
.iquality li{float:left; width: 19%; margin:1%;padding:2em 2%; background:rgba(255,255,255,0.7);text-align: center; color:#666;    animation-fill-mode: both;   transition: ease-in-out .55s;  }
.iquality li em{ display:block; width:45px; height:45px; padding:15px;margin:1em auto; background: #f58100;border-radius: 50%; overflow:hidden;	}
.iquality li em img{display:block; width:100%;}
.iquality li h2{ font-size: 22px;  font-weight: bold; position:relative; padding:0 0 1em 0;}
.iquality li h2:before{ content:""; width:20px; height: 2px; background:#fff; left:50%; bottom:0.5em; margin-left:-10px; position:absolute; }
.iquality li p{ }
.iquality li:hover{ background:rgba(245, 129, 0, 0.8); border-radius:5px;  box-shadow:4px 4px 16px 9px rgba(245,129,0,0.2); color:#fff;  }
.iquality li:hover em{box-shadow:0 0 15px 7px rgba(0,0,0,0.2); transition:ease-in-out .55s; }


.process{padding:4% 0;background:url(../images/process_bg.jpg) no-repeat center top; background-size:100% 100%; }
	.process .ititle{ color:#fff;}
	.process .ititle p{color: #fff; }
	.process ul{list-style:none;}
	.process li{ width:12.28%;float:left; text-align:center; margin:1%; background:rgba(255,255,255,0.2); padding:1em 0;border-radius:5px;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);}
	.process li img{ display:block;max-width:100%; margin:0 auto;}
	.process li p{font-size: 26px; color:#fff; line-height:1.6em; }	


.iproduct{padding:4% 0;background:url(../images/cp_bg.jpg) no-repeat center top; }
.iproduct .ititle p:before{ width:33%;}
.iproduct .ititle p:after{width:33%; }
	.plist{ margin-bottom:2%;  }
	.plist ul{list-style-type:none; text-align:center; }
	.plist li{ display:inline-block;}
	.plist li a { display:inline-block; padding:6px 25px; background:#ccc; margin:1px 3px;transition:0.3s all}
	.plist li a:hover, .plist li a.on{ background:#2478be;color:#fff;}
	.prcont{ }
	.prcont ul{list-style-type:none;  }
	.prcont li{ float:left; width:23%;margin:0.5% 1%; text-align:center; }
	.prcont li em{ display:block; }
	.prcont li em img{ display:block; width:100%;}
	.prcont li span{ display:block;}

.inews{padding:4% 0;}
	.inews ul{list-style:none; }
	.inews li {float:left;width:31.33%;margin:1%; 	}
	.inews li a{display:block;}
	.inews li em {display:block; height:200px; overflow:hidden;} 
	.inews li em img {display:block; width:100%;}
	.inews li div{ padding:10px 20px 20px 20px;}
	.inews li strong{font-size:18px; }
	.inews li p{font-size:12px;color:#666;}



.icontact{}
.link{}

#footer{ background:#000000; color:#fff;}
.foot{   }
.footnav{padding:3% 0; }
.footnav dl{ list-style:none;float:left; width:15%; }
.footnav dt{ font-size:18px;margin:0 0 10px 0;  }
.footnav dt span{ display:block; color:#808080; font-size:14px;}
.footnav dd{}
.footnav dd a{display:block; color:#ccc; }

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

.f_contact{float:right; width:40%;  }
.f_contact h3{ color:#fff; font-size:18px;margin:0 0 10px 0;}
.f_contact h3 span{ display:block; color:#808080; font-size:14px;}
.f_contact a{color:#fff; }
.f_contact img{display:block; float:left; margin-right:2%; }

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


.kefu{ width:46px; height:189px; position:fixed; bottom:10%; right:0px; margin-top:-94px;z-index: 99999999}
 .kefu a{display:block; width:0px; padding-left:46px; color:#fff; line-height:45px;position:absolute; right:0px;}
 .kefu_1{background:#1184da url(../images/k1.png) no-repeat;top:0px; height:45px;}
 .kefu_2{background:#1184da url(../images/k3.png) no-repeat;top:46px; height:45px;}
 .kefu_3{background:#1184da url(../images/k2.png) no-repeat;top:92px; height:45px;}
 .kefu_4{background:#1184da url(../images/k5.png) no-repeat;top:138px; height:45px;}
 .kefu_1:hover{background-color:#666;color:#fff; }
 .kefu_2:hover{background-color:#666;color:#fff; width:64px;}
 .kefu_3:hover{background-color:#666;color:#fff; width:104px;}
 .kefu_4:hover{background-color:#666;color:#fff;}
 .kefu_4:hover span{ display:block;}
 .kefu_4 span{width:160px; height:174px; position:absolute; bottom:0px; right:46px; border:1px solid #d7d7d7; background:#fff; display:none;}
 .kefu_4 span > img { display:block; margin:9px auto 7px auto;}
 .kefu_4 span > i{ display:block; height:12px; line-height:12px; font-size:12px; color:#666; text-align:center;}