@charset "utf-8";

*, *:before, *:after {
    box-sizing: border-box;
}

body {padding:0; margin:0px;color:#333;font-size:14px;background:#fff; font-family:Arial,"microsoft yahei","微软雅黑";}
p{ padding: 0px; margin: 0px; }
a,a:focus, a:hover, a:active {outline:0 !important;}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.clear{clear:both;}

.navbar:before,.navbar:after,.container:before,.container:after,.contact:before,.contact:after,.contact .overlay:before,.contact .overlay:after,.contact .contact_text:before,.contact .contact_text:after{ content: ""; display: table;}

.banner:before,.banner:after, .leftnav ul>li:before,.leftnav ul>li:after,.leftnav:before,.leftnav:after,.rightnav:before,.rightnav:after,.rightnav>div:before,.rightnav>div:after{ content: ""; display: table;}

.service_content:before,.service_content:after,.map_content:before,.map_content:after{ content: ""; display: table;}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px;
    
}

/*top*/
.top{padding: 6px 10px; background: #eef1f1; border-bottom: 1px solid #d7dbdb; text-align: right; width: 100%; margin-left:auto ; margin-right: auto;}
.top a{ display: inline-block; text-decoration: none; padding: 0 10px;color: #333;}
.top a:hover{ color: #333; text-decoration: underline;}

/*header*/
.header{padding: 10px 10px; background: #FFFFFF; position: relative; z-index: 999; min-height: 90px;overflow:hidden;}
.header .logo{ float: left;margin-top: 10px;}

.header .navbar{ float: right; }
.navbar:after{ clear: both;}

.navbar ul.nav{ display: inline-block; padding: 0px;  }
.navbar ul.nav li{display: inline-block; margin-right: 10px; text-align: center; font-size: 16px;}
.navbar ul.nav li:last-child{ margin-right: 0px;}
.navbar ul.nav li a{ width: 100px; line-height: 40px; display: inline-block; text-decoration: none;color: #333333;}
.navbar ul.nav li a:hover,.navbar ul.nav li a.on{border-radius: 10px; background: #009e96; color: #FFFFFF;}

/*footer*/
.footer{ width:100% ; background: #5a5b5d; padding: 10px 0; font-size: 12px; margin-left:auto ; margin-right: auto;}
.footer h2{ color: #FFFFFF; font-size: 16px; margin: 5px 0 10px 0;font-family: "Microsoft Yahei";}
.footer table{font-size: 13px;color: #FFFFFF;}
.footer table td{ text-align: left;line-height: 20px;}
.footer a{ color: #FFFFFF; text-decoration: none;}
.footer a:hover{ color: #FFFFFF; text-decoration: underline;}
.footer p{ text-align: center; font-size: 14px; margin: 5px 0 0 0; padding: 0px; color: #fff;}
.footer .copyright{ text-align: center; color: #FFFFFF; font-size: 12px; margin-top: 10px;}


.main-slider {
    background: #f6f6f6;
    color: #666;
    z-index: 1;
    position: relative;
    overflow:hidden;
}
 

/*banner*/
.banner{ width: 100%; display: none;}
.banner img{max-width: 100%;}

/*contact*/
/*.contact{background: url(../images/banner_bg3.jpg) no-repeat 0 0 / cover; margin-bottom: 10px; }*/
.contact .overlay{ padding: 40px 20px 41px 70px; width:100%; height: 100%;}
.contact .contact_text{ display: inline-block; animation-delay: 0.6s; animation-name: fadeInUp; width: 40%;  float: left; padding-top: 40px;}
.contact .contact_text h2{ color: #35e0d7; font-size: 26px; margin-bottom: 30px; margin-top: 10px;text-indent: 0px; font-family: "Microsoft Yahei";}
.contact .contact_text p{ margin: 10px 0 0 0; line-height: 1.6em; color: #FFFFFF; font-size:16px; text-indent: 0px;  }

.contact .contact_form{ display: inline-block; padding-left: 60px; width: 52%; float: left; }
.name_input{ display: inline-block; height: 45px;  padding: 0px 0px 0 30px; background: url(../images/icon_name.png) no-repeat 10px center #FFFFFF; width: 180px; margin-bottom: 15px; }
.email_input{ display:inline-block; height: 45px;  padding: 0px 0px 0 35px; background: url(../images/icon_email.png) no-repeat 10px 17px #FFFFFF; width: 222px; margin-left: 20px; margin-bottom: 15px;}
.phone_input{ height: 45px;  padding: 0px 0px 0 30px; background: url(../images/icon_phone.png) no-repeat 10px 17px #FFFFFF; width: 425px; margin-bottom: 15px;}
.address_input{  height: 45px;  padding: 0px 0px 0 30px; background: url(../images/icon_address.png) no-repeat 13px 17px #FFFFFF; width: 425px; margin-bottom: 15px;}
.message_input{  height: 140px;  padding: 5px 5px 0 30px; background: url(../images/icon_message.png) no-repeat 10px 10px #FFFFFF; width: 425px; margin-bottom: 15px;}
.message_input textarea{border: none;  line-height: 1.5em; color: #333; width: 100%; height:126px;font-size: 16px;}

.name_input input,.email_input input,.phone_input input, .address_input input{ border: none; height: 45px; line-height: 45px; width: 100%;font-size: 16px; color: #333; }

a.button_contact{ background: #009E96; color: #FFFFFF; height: 45px; width: 280px; border-radius: 10px; text-align: center; line-height: 45px; display: block; text-decoration: none; font-size: 16px; margin-top: 25px; font-family: "Microsoft Yahei";}
a.button_contact:hover{ background: #00afa6;}

.contact .overlay:after{clear: both;}


/*product*/
.main{ margin: 30px 0 10px 0; overflow: hidden; min-height: 408px; }
.product_title:before,.product_title:after{clear: both;}

.leftnav{ width: 20%; display: inline-block; float: left;}
.leftnav ul.lntab{ display: inline-block; margin: 0px 0 0 0; padding: 0px; width: 100%;}
.leftnav ul.lntab li{ display: block; background: url(../images/products_taboff.png) no-repeat; margin-bottom: 20px; text-align:center; width: 120px;  }
.leftnav ul.lntab li.on{ display: block; background: url(../images/products_tabon.png) no-repeat;margin-bottom: 20px; height: 34px; text-align:center;  width: 120px;  }
.leftnav ul.lntab li a{ color: #666666; text-decoration: none; line-height: 34px; display: block;width: 100px; font-size: 14px;}
.leftnav ul.lntab li.on a{color: #FFFFFF; text-decoration: none;line-height: 34px;width: 100px; font-size: 14px;}

.rightnav{width:80%; display: inline-block; float: left; margin-bottom: 40px; min-height: 368px;}
.rightnav .product_img{ float: left; text-align: center;width: 28%;}
.rightnav .product_title{ float: left; text-align: left; width: 72%; padding-left: 50px;}
.rightnav .product_title h2{ color: #009E96; font-size: 18px; border-bottom: 1px solid #ea5432; padding: 0 0 2px 2px; display: block; font-family: "Microsoft Yahei";}
.rightnav .product_title p{ margin: 10px 0 0 0; color: #333333; line-height: 1.5em; font-size: 15px; text-indent: 0px; padding: 0px;} 


/*about*/
.about_img{ float: left; text-align: center;width: 40%;}
.about_img img{max-width: none;}
.about_title{ float: left; text-align: left; width: 60%; margin: 0px; padding: 0px; }
.about_title h2{ color: #009E96; font-size: 18px; border-bottom: 1px solid #ea5432; padding: 0 0 2px 2px; display: block; font-family: "Microsoft Yahei";}
.about_title li{ margin: 20px 0 0 25px; padding: 0 10px 0 10px; color: #333333; line-height: 1.8em; font-size: 13px; list-style:disc;}
.about_title p{ margin: 10px 0 0 0; color: #333333; line-height: 1.5em; font-size: 15px; text-indent: 0px; padding: 0px;} 

.phone_title{ width: 100%; margin: 10px 0 0 0; }
.phone_title h2{ color: #009E96; font-size: 18px; border-bottom: 1px solid #ea5432; padding: 0 0 2px 2px; display: block; margin: 0px; font-family: "Microsoft Yahei";}
.phone_title p{ margin: 10px 0 0 0; color: #333333; line-height: 1.8em; font-size: 15px; padding: 0 0 0 0px;} 


.companyphone{ clear: both; overflow: hidden; padding-left: 20px; margin-top: 10px;}
.phoneMap{width: 32%; margin-right: 14px; display: inline-block; margin-top: 20px; float:left;}
.phone_greentitle{ background: #009E96; color: #FFFFFF;height: 45px;line-height: 45px;  border-top-left-radius: 10px; border-top-right-radius: 10px; padding-left: 20px; font-size: 16px; font-weight: bold; font-family: "Microsoft Yahei";}
.phone_orangetitle{ background: #ea5432; color: #FFFFFF; height: 45px;line-height: 45px;border-top-left-radius: 10px; border-top-right-radius: 10px;padding-left: 20px;font-size: 16px; font-weight: bold; font-family: "Microsoft Yahei";}
.phoneMap_content{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border: 1px solid #C8C8C8; border-top: none; padding:0 10px 80px 10px;font-size: 12px; }

.phoneMap_content h2{ color: #333333; font-size: 14px; margin: 0 0 5px 14px; padding: 15px 0 0 0px;font-family: "Microsoft Yahei";}
.phoneMap_content a{ color: #333333; text-decoration: none;}
.phoneMap_content a:hover{color: #333333; text-decoration: underline;}

.phone_last{ margin-right: 0px;}

.phone_xianbg{background: url(../images/phonebg_xian.jpg) no-repeat left bottom / contain;}
.phone_shanghaibg{background: url(../images/phonebg_shanghai.jpg) no-repeat left bottom / contain;}
.phone_kunmingbg{background: url(../images/phonebg_kunming.jpg) no-repeat left bottom / contain;}
.phone_wuhanbg{background: url(../images/phonebg_wuhan.jpg) no-repeat left bottom / contain;}
.phone_guangzhou{background: url(../images/phonebg_guangzhou.jpg) no-repeat left bottom / contain;}


/*service*/
.service_content{position: relative; width: 1190px;margin-bottom: 40px  }
/*.service_content img{ max-width: 100%; }*/
.service_precision{ position: absolute; }
.service_content .tl1{top:80px; left: 190px;width: 78px;}
.service_content .tl2{top:51px; left: 311px;width: 71px;}
.service_content .tl3{top:164px; left: 292px;width: 68px;}
.service_content .tl4{top:120px; left: 385px;width: 89px;}
.service_content .tl5{top:30px; left: 462px;width: 86px;}

.service_content .tr1{top:0px; right: 430px;width: 70px;}
.service_content .tr2{top:85px; right: 365px;width: 85px;}
.service_content .tr3{top:190px; right: 325px;width: 76px;}
.service_content .tr4{top:117px; right: 227px;width: 88px;}
.service_content .tr5{top:12px; right: 246px;width: 70px;}

.service_bottombg{ margin-top: 20px; text-align: center;  }

.service_gary{ background: #eeeeee; border-radius: 10px; padding: 25px 50px; margin: 20px 0 30px 0;}
.service_gary img{ display: inline-block; vertical-align: -12px; margin-left: 10px;}
.service_gary h2{font-family: "microsoft yahei"; font-size:16px; margin: 0 0 0px 0; padding: 0px; display: inline-block; margin-left: 10px; margin-bottom: 14px;}
.service_gary p{margin: 5px 0 0 0; padding: 0px; line-height: 1.8em; }


/*map*/
.map_content{ position: relative; margin-top: 20px; width: 60%; display: inline-block; float: left;}
.map_content #imgmap{max-width: none;}

.map_locate{}
.map_content .tl1{ width:37px; height:63px; top:220px; left: 345px; position:absolute;background: url(../images/small_xian.png) no-repeat; display: block;}
.map_content .tl2{ width:37px; height:63px; top:264px; left: 400px;position:absolute;background: url(../images/small_wuhan.png) no-repeat; display: block;}
.map_content .tl3{ width:37px;height:63px; top:255px; left: 505px;position:absolute;background: url(../images/small_shanghai.png) no-repeat; display: block;}
.map_content .tl4{ width:37px;height:63px; top:350px; left: 280px;position:absolute;background: url(../images/small_kunming.png) no-repeat; display: block;}
.map_content .tl5{ width:37px;height:63px; top:370px; left: 430px;position:absolute;background: url(../images/small_guangzhou.png) no-repeat; display: block;}

.map_content .big{ width: 49px;}
.map_content .big .tl1{background: url(../images/orbig_xian.png) no-repeat; width: 49px; height: 81px;top:205px; left: 340px; }
.map_content .big .tl2{ background: url(../images/orbig_wuhan.png) no-repeat;width: 49px; height: 81px; top:250px; left: 395px;}
.map_content .big .tl3{ background: url(../images/orbig_shanghai.png) no-repeat;width: 49px; height: 81px; top:240px; left:500px;}
.map_content .big .tl4{background: url(../images/orbig_kunming.png) no-repeat;width: 49px; height: 81px;top:335px; left: 275px;}
.map_content .big .tl5{ background: url(../images/orbig_guangzhou.png) no-repeat;width: 49px; height: 81px;top:355px; left: 425px;}



.map_address{ display: inline-block;float: left; margin-top: 150px; padding-left: 20px; width: 38%; }
.map_address .garybg{ background: #eeeeee; border-radius: 10px; padding: 25px 20px;}
.map_address h2{font-family: "microsoft yahei"; font-size:16px; margin: 0 0 14px 10px; padding: 0px; display: inline-block;  }
.map_address .shdiv{margin-top: -150px;}
.map_address .garybg img{ margin-bottom: 10px; margin-left: 10px; display:block; }
.map_address .garybg a{ color: #333333;text-decoration: none;}
.map_address .garybg a:hover{ color: #333333;text-decoration: underline;}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}





@media screen and (min-width:1400px) {
	.container{ width: 1360px; }
	.top{width: 1314px;}
	.footer{width: 1310px;}
	.banner{width: 1360px; margin-left:auto; margin-right: auto;}
	.bannerw{width: 1310px; margin-left: auto; margin-right: auto;}

}


@media screen and (max-width: 1250px) {
	.contact .contact_text{ width: 100%; clear:left;}
	.contact .contact_form{width: 100%; clear:left; margin-top: 40px; padding-left: 0px;}
	.name_input,.email_input,.address_input, .message_input,.phone_input{display: table; margin-left: 0px;  width: 100%;}
 	a.button_contact{ width: 100%;}
 	.leftnav,.rightnav{ clear: left; width: 100%;}
 	.leftnav ul.lntab li,.leftnav ul.lntab li.on{ display: inline-block; margin-right: 20px; margin-bottom: 40px; }
 	
}

@media screen and (max-width: 1280px){
	.phoneMap_content{ font-size: 12px;}
	.service_content{width: 1202px; margin-left: -70px;}
	.service_content .tl1{top:80px; left: 198px;width: 76px;}
	.service_content .tl2{top:56px; left: 320px;width: 65px;}
	.service_content .tl3{top:162px; left: 300px;width: 66px;}
	.service_content .tl4{top:120px; left: 390px;width: 87px;}
	.service_content .tl5{width: 80px;}
	
	.service_content .tr1{width: 65px;}
	.service_content .tr2{ right: 370px;width: 83px;}
	.service_content .tr3{ right: 332px;width: 72px;}
	.service_content .tr4{top:116px; right: 234px;width: 88px;}
	.service_content .tr5{top:18px; right: 250px;width: 66px;}
	
	/*.map_content .tl1{ width:34px; }
	.map_content .tl2{ width:34px;}
	.map_content .tl3{ width:34px;}
	.map_content .tl4{ width:34px;}
	.map_content .tl5{ width:34px;}*/
	.map_content .big{ width: 45px;}
	
}

@media screen and (max-width: 1024px){
	.phoneMap{ display:block; width:100%; }
	.phoneMap_content{ font-size: 14px; padding-bottom: 180px;}
	.phoneMap_content h2{ margin: 0 0 0 37px; }
	
	.service_content{width: 800px;}
	.service_content .tl1{width: 63px; top: 90px; left: 10px;}
	.service_content .tl2{width: 68px;top:52px; left: 115px;}
	.service_content .tl3{width: 65px;top:162px; left: 100px;}
	.service_content .tl4{width: 82px;top:122px; left: 193px}
	.service_content .tl5{width: 72px;top:42px; left: 268px;}
	.service_content .tr1{width: 62px; right: 230px; }
	.service_content .tr2{width: 82px; right: 170px;top:84px;}
	.service_content .tr3{width: 68px; right: 132px; top:190px;}
	.service_content .tr4{width: 90px; top:115px; right: 30px;}
	.service_content .tr5{width: 76px;right: 55px; top: 7px;}
	
	
	/*.map_content .tl1{ width:30px; left: 300px;top:180px;}
	.map_content .tl2{ width:30px; top:214px; left: 340px;}
	.map_content .tl3{ width:30px;top:205px; left: 425px;}
	.map_content .tl4{ width:30px; top:300px; left: 240px;}
	.map_content .tl5{ width:30px; top:310px; left: 360px;}*/
	
	.
	.map_content,.map_address{ clear: left; display: block;}
	.map_address{ width: 60%; margin-top: 20px; margin-left: 140px;}
	.map_address .shdiv{margin-top: 0px;}

	.map_address h2{font-size:16px; }
	.map_address table{font-size: 14px;}
	
}

@media screen and (max-width: 960px){
	.header .logo{ width: 100%; text-align: center; clear: both;margin-top: 0px}
	.header .navbar,.navbar ul.nav{ width: 100%; clear: both;}
	
	
	
	.rightnav .product_img,.about_img{width: 100%; clear: both; margin-top: 10px;}
	.rightnav .product_title,.about_title{clear: both; text-align: left; width: 100%; padding-left: 0px; padding-top: 20px;}
	
	.service_content{width: 625px;}
	.service_content .tl1{width: 43px; top: 65px;}
	.service_content .tl2{width: 50px;top:46px; left: 87px;}
	.service_content .tl3{width: 55px;top:130px; left: 70px;}
	.service_content .tl4{width: 68px;top:96px; left: 148px}
	.service_content .tl5{width: 58px;top:28px; left: 205px;}
	.service_content .tr1{width: 48px; right: 178px;}
	.service_content .tr2{width: 65px; right: 129px;top:68px;}
	.service_content .tr3{width: 50px; right: 106px; top:140px;}
	.service_content .tr4{width: 72px; top:92px; right: 22px;}
	.service_content .tr5{width: 58px;right: 40px;}
	
	/*.map_content .tl1{ width:25px; left: 210px;top:130px;}
	.map_content .tl2{ width:25px; top:160px; left: 245px;}
	.map_content .tl3{ width:30px;top:150px; left: 310px;}
	.map_content .tl4{ width:25px; top:215px; left: 170px;}
	.map_content .tl5{ width:25px; top:210px; left: 260px;}*/
	
	.map_address{ width: 80%; margin-left: 80px;}
	.map_address h2{font-size:18px; }
	.map_address table{font-size: 16px;}
	
	

}