@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px  "΢ÈíÑźÚ",  Light , "SimSun";  background-color: #FFFFFF; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","ËÎÌå";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color:#333; text-decoration:none;blr:expression(this.onFocus=this.blur()); }
/* a:hover { color:#6da82d;  text-decoration:none; } */

body::-webkit-scrollbar { width: 0 !important;}
body { -ms-overflow-style: none; }
body { overflow: -moz-scrollbars-none; }

@font-face {
  font-family: Medium;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_caith0f567q.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_caith0f567q.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_caith0f567q.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_caith0f567q.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_caith0f567q.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_caith0f567q.svg#˼ԴºÚÌå-´Ö') format('svg'); /* iOS 4.1- */
}


@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_kkr12zarss.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_kkr12zarss.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_kkr12zarss.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_kkr12zarss.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_kkr12zarss.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_kkr12zarss.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_allf2hqlh7e.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_allf2hqlh7e.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_allf2hqlh7e.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_allf2hqlh7e.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_allf2hqlh7e.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_allf2hqlh7e.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_f2cz1myfhha.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_f2cz1myfhha.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_f2cz1myfhha.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_f2cz1myfhha.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_f2cz1myfhha.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_f2cz1myfhha.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_hru2bsykui8.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_hru2bsykui8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_hru2bsykui8.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_hru2bsykui8.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_hru2bsykui8.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_hru2bsykui8.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('http://at.alicdn.com/t/webfont_upvwypj98a.eot'); /* IE9*/
  src: url('http:http://at.alicdn.com/t/webfont_upvwypj98a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/webfont_upvwypj98a.woff2') format('woff2'),
  url('http://at.alicdn.com/t/webfont_upvwypj98a.woff') format('woff'), /* chrome¡¢firefox */
  url('//at.alicdn.com/t/webfont_upvwypj98a.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_upvwypj98a.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@media screen and (min-width: 1280px) and (max-width: 1480px){
	.main{ width: 1280px !important;}
	.top .right a{ margin-left: 20px !important;}
}
@media screen and (min-width: 1480px) and (max-width: 1620px){
	.main{ width: 1480px !important;}
	.top .right a{ margin-left: 30px !important;}
}
@media screen and (min-width: 1280px) and (max-width: 1620px){
	.join-star ul li{ width: 412px !important; height: 470px !important;}
	.join-star ul li p{ width: 351px !important;}
	.join-star ul li span{ width: 351px !important;}
	.join-requirement ul{ width: 1280px !important;}
	.join-requirement ul li{ width: 1280px !important;}
	.slideTxtBox{ width: 1280px !important; }
	.slideTxtBox .hd{ width: 1280px !important;}
	.slideTxtBox .bd ul{ width: 1280px !important; height: 395px !important;}
	.slideTxtBox .bd ul li p{ width: 1060px !important;}
	.join-other ul li{ width: 308px !important;}
	.bottom .menu ul li{ margin-right: 80px !important;}
	.main2{ width: 1280px !important; height: 380px !important;}
	.index-part1 .img{ width:775px;}
	.index-part1 .index-part1-right{ left:807px !important; top: -20px;}
	.index-part1 .index-part1-right img{ width: 550px;}
	.index-part1 .index-part1-right a{top: 260px !important;}
	.index-part3 ul{ width: 990px !important;}
	.index-part3 ul li{ width: 320px !important; margin-left: 10px !important;}
	.index-part3 ul li img{ width: 100%; display: block;}
	.index-news .index-news-left{ width: 48% !important;}
	.index-news .index-news-right{ width: 48% !important; }
	.index-news .index-news-right a{ width: 48% !important; }
	.mr4{ margin-right:4%;}
	.product-head a{margin: 35px 90px 50px 0 !important;}
	.product ul{ width: 1400px !important;}
	.product ul li{ width: 310px !important; margin:0 13px 30px 0 !important;}
	.product ul li .details{ width: 310px !important; }
	.product ul li .details img{ max-height: 310px !important; max-width: 310px !important;}
	.product ul li span{ width: 310px !important;}
	
	.product-detail .picBtnTop{  margin-left: 100px !important; }
	.product-detail-show ul{ width: 1400px !important;}
	.product-detail-show ul li{ width: 310px !important; margin:0 13px 30px 0 !important;}
	.product-detail-show ul li .details{ width: 310px !important; }
	.product-detail-show ul li .details img{ max-height: 310px !important; max-width: 310px !important;}
	.product-detail-show ul li span{ width: 310px !important; }
	
	
	.about-part3 .picBtnTop{ width:1280px !important; height:435px !important;}
	.about-part3 .picBtnTop .hd{ width:300px !important;  height:435px !important;}
	.about-part3 .picBtnTop .hd ul li{ width:300px !important; height: 144px !important;}
	.about-part3 .picBtnTop .hd ul li p{ margin: 40px 0 10px 20px !important; font-size: 16px !important;}
	.about-part3 .picBtnTop .hd ul li p span{ font-size: 16px !important;}
	.about-part3 .picBtnTop .hd ul li .list1{ margin: 64px 20px 0 0 !important;}
	.about-part3 .picBtnTop .hd ul li .list2{ margin: 64px 20px 0 0 !important;}
	.about-part3 .picBtnTop .hd ul li .list3{ margin: 64px 20px 0 0 !important;}
	.about-part3 .picBtnTop .hd ul li.on{ width: 350px !important;}
	.about-part3 .picBtnTop .bd{ width:980px !important;  height:435px !important; margin-left: 300px !important;}
	.about-part3 .picBtnTop .bd li .pic img{ width:980px !important; height:435px !important;}
	.about-part4 .list img{ width: 300px;}
	.about-part4 .y2008 img{ margin-left: -220px !important;}
	.about-part4 .y2009 img{ margin-left: -300px !important; margin-bottom: -35px;}
	.about-part4 .y2012 img{ margin-left: -300px !important; margin-bottom: -35px;}
	.about-part4 .y2014 img{ margin-left: -300px !important; margin-bottom: -35px;}
	.about-part4 .y2015 img{ margin-left: -300px !important; margin-bottom: -80px;}
	.about-part4 .y2017 img{ margin-left: -300px !important; margin-bottom: -60px;}
	.about-part4 .y2018 img{ margin-left: -300px !important; margin-bottom: -120px;}
	.part-list{ width: 100%; height: 253px !important; }
	.part-list div{ width: 640px !important;}
	.part-list img{ width: 640px !important;}
	.part-list p{ width: 580px !important;}
	.part-list span{ width: 580px !important;}
	
	.news ul li img{ width: 360px !important;}
	.news ul li .news-right{ width: 800px !important;}
	
	.main3{ width: 1280px !important;}
	.news-detail-left{ width: 910px !important; padding-right: 40px !important; margin-right: 40px !important;}
		
	.contact-bot .list{ margin-left: 110px !important;}
	
	.map ul li{ margin-right: 105px !important;}
	
	.main6{ width: 1280px !important; height: 448px !important; top: 90px !important; margin-left: -640px !important;}
	.body-left h6{margin: 70px 0 50px !important;}
	
}
@media screen and (min-width: 0px) and (max-width: 720px){
	.moblie{ display: block !important;}
	.nomoblie{ display: none !important;}
	.head{ display: none !important;}
	.main{ width: 94% !important;}
	.float-right{ display: none !important;}
	.phoneHead{ width: 100%; height: 45px; background-color: #FFFFFF;}
	.phoneHead .logo img{ height: 20px; margin: 13px 0 0 0; float: left; display: block;}
	.phoneHead .menu{ width: 22px; margin: 15px 0 0 0; float: right;}
	.phoneHead .menu img{ width: 100%; display: block;}
	.phoneHead .close{ width: 20px; margin: 12px 0 0 0; float: right; display: none;}
	.phoneHead .close img{ width: 100%; display: block;}
	.headList{ width: 100%; background-color: #FFFFFF; position: absolute; left: 0; top: 45px; overflow: hidden; display: none; z-index: 999;}
	.headList .list{ border-bottom: 1px solid #E2E2E2;}
	.headList .list a{ width: 100%; display: block; font-size: 14px; color: #222222; line-height: 40px;}
	.headList .list a span{ display: block; float: right; line-height: 36px; font-size: 30px; color: #8c8c8c;}
	.headList .lists{ border-bottom: 1px solid #E2E2E2;}
	.headList .lists a{ width: 100%; display: block; font-size: 14px; color: #222222; line-height: 40px;}
	.headList .lists a span{ display: block; float: right; line-height: 40px;}
	.headList .lists a span img{ height: 12px; margin: 9px 0; display: block;}
	.headList .list2{ width: 94%; margin: 0 auto; display: none;}
	.headList .list2 a{ font-size: 12px; color: #868686; line-height: 22px; display: block;}
	.phone-join-list{ width: 100%; overflow: hidden;}
	.phone-join-list h6{ font-size: 20px; color: #222222; line-height: 30px; margin: 30px auto 15px; text-align: center;}
	.join-industry{ background: none !important; margin: 0 auto 40px !important;}
	.join-industry .part{ border-bottom: 1px solid #E2E2E2; margin-bottom: 5px;}
	.join-industry .part p{ font-size: 16px; color: #222222; line-height: 26px; background: url(/JS9HT0IMKI1ETRWPHyboDIkH.jpg) no-repeat left center; background-size: 5px; padding-left: 14px;}
	.join-industry .part span{ font-size: 12px; color: #8c8c8c; line-height: 22px; padding-bottom: 10px; display: block;}
	.join-star h6{ font-size: 20px !important; line-height: 30px !important; margin: 30px auto 15px !important;}
	.join-star ul{ width: 100% !important; margin: 0 auto 40px !important;}
	.join-star ul li{ width: 100% !important; height: auto !important; float: left; margin-right: 0 !important; margin-bottom: 20px;}
	.join-star ul li p{ width: 90% !important; font-size: 18px !important; line-height: 20px !important;}
	.join-star ul li span{ width: 90% !important;font-size: 12px !important; line-height: 22px !important;}
	.join-requirement h6{ font-size: 20px !important; line-height: 30px !important; margin: 30px auto 15px !important;}
	.join-requirement ul{ width: 100% !important; margin: 0 auto 40px !important;}
	.join-requirement ul li{ width: 100% !important; height: 60px !important; margin-bottom: 3px; background-color: #f2f2f2; display: block;}
	.join-requirement ul li p{ font-size: 14px !important; line-height: 20px !important; padding-left: 60px !important; margin: 10px 0;}
	.join-requirement ul li:hover p{ color: #222222 !important;}
	.join-requirement ul li img{ display: none;}
	.join-requirement ul li.list1{ background: url(/JS9HT19rJ10MGRNQUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li:hover.list1{ background: url(/JS9HT19rJ10MGRNQUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li.list2{ background: url(/JS9HT19rJ10MGRNNUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li:hover.list2{ background: url(/JS9HT19rJ10MGRNNUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li.list3{ background: url(/JS9HT19rJ10MGRNOUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li:hover.list3{ background: url(/JS9HT19rJ10MGRNOUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li.list4{ background: url(/JS9HT19rJ10MGRNTUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li:hover.list4{ background: url(/JS9HT19rJ10MGRNTUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li.list5{ background: url(/JS9HT19rJ10MGRNUUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-requirement ul li:hover.list5{ background: url(/JS9HT19rJ10MGRNUUHEoIt.jpg) no-repeat left top !important; background-size: 60px 60px !important; background-color: #f2f2f2 !important;}
	.join-ensure h6{ font-size: 20px !important; line-height: 30px !important; margin: 30px auto 15px !important;}
	.slideTxtBox{ width:100% !important; overflow: hidden; margin-bottom: 40px !important;}
	.slideTxtBox .hd{ width: 100% !important; margin: 0 auto; border-bottom: none !important; height:20px !important; position:relative;}
	.slideTxtBox .hd ul{ width: 90% !important; overflow: hidden; margin: 0 auto; height:24px;}
	.slideTxtBox .hd ul li{ width: 19.5% !important; font-size: 12px !important; }
	.slideTxtBox .bd ul{ width: 100% !important; height: auto !important; margin-top: 10px !important;}
	.slideTxtBox .bd ul li{ width: 100%; margin: 0 auto; overflow: hidden;}
	.slideTxtBox .bd ul li p{ width: 90% !important; bottom: 20px; left: 5% !important; font-size: 12px !important; line-height: 18px !important;}
	.join-other h6{ font-size: 20px !important; line-height: 30px !important; margin: 30px auto 15px !important;}
	.join-other ul{ width: 100% !important; margin: 0 auto 40px !important;}
	.join-other ul li{ width: 48% !important; margin: 1% !important;}
	.join-other ul li img{ width: 100%;}
	.join-submit h6{ font-size: 20px !important; line-height: 30px !important; margin: 30px auto 15px !important;}
	.join-submit .form{ width: 100% !important; height: auto !important; margin: 0 auto 40px !important; padding: 20px 0;}
	.join-submit .form .msg{ width: 80% !important; height: 32px !important; border: 1px solid #F2F2F2; padding: 0 10px !important; margin:10px auto !important; float: none !important;}
	.join-submit .form .submit{ width: 70% !important; height: 36px !important; margin: 20px auto 0 !important;}
	.join-submit .form span{ margin: 5px auto !important;}
	.phoneBot{ width: 100%; overflow: hidden; background-color: #fafafa;}
	.phoneBot .botMenu{ width: 90%; padding: 0 5%; height: 40px; background-color: #FFFFFF; overflow: hidden;}
	.phoneBot .botMenu a{ font-size: 14px; color: #868686; line-height: 40px; float: left; margin-right: 20px;}
	.phoneBot .list{ border-bottom: 1px solid #E2E2E2;}	
	.phoneBot .list a{ width: 100%; display: block; font-size: 14px; color: #222222; line-height: 40px;}	
	.phoneBot .list a span{ display: block; float: right; line-height: 36px; font-size: 30px; color: #8c8c8c;}	
	.phoneBot .lists{ border-bottom: 1px solid #E2E2E2;}	
	.phoneBot .lists a{ width: 100%; display: block; font-size: 14px; color: #222222; line-height: 40px;}	
	.phoneBot .lists a span{ display: block; float: right; line-height: 40px;}	
	.phoneBot .lists a span img{ height: 12px; margin: 9px 0; display: block;}	
	.phoneBot .list2{ width: 94%; margin: 0 auto; display: none;}	
	.phoneBot .list2 a{ font-size: 12px; color: #868686; line-height: 22px; display: block;}
	.App{ width: 50%; margin: 40px auto 20px; overflow: hidden;}
	.end{ width: 100%; border-top: 1px solid #E2E2E2; color: #8C8C8C; line-height: 20px; padding: 5px 0; text-align: center; margin-bottom: 52px;}
	.fixedbot{ width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999;}
	.fixedbot a{ width: 25%; float: left; display: block; background-color: #FFFFFF;}
	.fixedbot a img{ width: 40px; margin: 5px auto; display: block;}
	
	.phonebanner{ width: 100%; overflow: hidden;}
	.index-part2{ margin: 40px auto 0 !important;}
	.index-part2 h5{ font-size: 30px !important; line-height: 30px !important; }
	.index-part2 p{ font-size: 14px !important;  line-height: 22px !important;  margin: 20px auto 30px !important;}
	.index-part3{ margin: 0px auto !important;}
	.index-part3-left{ width: 90% !important; margin: 0 auto; float: none !important;}
	.index-part3-left h5{ font-size: 30px !important; margin: 30px 0 10px !important; text-align: center;}
	.index-part3-left p{ font-size: 14px !important; line-height: 22px !important; text-align: center;}
	.index-part3-left a{ display: none !important;}
	.index-product{ width: 90%; margin: 20px auto !important; overflow: hidden; display: block; position: relative;}
	.index-product img{ width: 100%; display: block;}
	.index-product p{ font-family: Normal; position: absolute; left: 0; top: 0; width: 100%; font-size: 36px; line-height: 50px; text-align: center; margin: 30px auto 0;}
	.index-product p a{ font-family: Normal; font-size: 14px; color: #29AFBD; line-height: 40px; text-align: center; display: block;}
	.index-part5{ margin: 40px auto !important;}
	.index-part5 h5{ font-size: 30px !important; line-height: 30px !important;}
	.index-news{ margin: 30px auto 0 !important;}
	.index-news .index-news-left{ width: 100% !important; float: none !important;}
	.index-news .index-news-left img{ height: auto !important;}
	.index-news .index-news-left p{ font-size: 18px !important; line-height: 20px !important;}
	.index-news .index-news-left span{ font-size: 14px !important; line-height: 22px !important; height: auto !important;}
	.index-news .index-news-right{ width: 100% !important; float: none !important;}
	.index-news .index-news-right a{ width: 100% !important; height: auto !important; margin: 20px auto!important;}
	.index-news .index-news-right a span{ line-height: 22px !important; height: auto !important; margin-bottom: 20px !important;}
	
	.about-part1{ margin: 40px auto !important;}
	.about-part1 h5{ font-size: 30px !important; line-height: 40px !important; margin: 0 auto 20px!important;}
	.about-part1 p{ font-size: 14px !important; line-height: 22px !important; margin-bottom: 20px !important;}
	.about-part1 img{ margin: 30px auto !important;}
	.about-part3{  margin: 40px auto !important;}
	.about-part3 h5{ font-size: 30px !important; margin: 0 auto 20px !important;}
	.about-part3 .picBtnTop{ width:100% !important; height:auto  !important; position:relative;  overflow:hidden;  zoom:1;   }
	.about-part3 .picBtnTop .hd{ width:100% !important;  height:70px !important; position:absolute; left:0px; bottom: 0; z-index: 99; }
	.about-part3 .picBtnTop .hd ul li{ width:33.33% !important; height: 70px !important; float: left;}
	.about-part3 .picBtnTop .hd ul li p{ float: none !important; width: 80%; text-align: center; margin: 10px auto !important; font-size: 16px !important; line-height: 24px !important;}
	.about-part3 .picBtnTop .hd ul li p span{ display: none !important;}
	.about-part3 .picBtnTop .hd ul li.on{ background-color: #29AFBD;}
	.about-part3 .picBtnTop .bd{ width:100% !important; height:auto !important; padding-bottom: 70px; margin-left: 0 !important;}
	.about-part3 .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.about-part3 .picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.about-part3 .picBtnTop .bd li .pic img{ width:100% !important; height:330px !important; vertical-align:bottom; }
	.about-part4-phone{ width: 100%; overflow: hidden; position: relative;}
	.about-part4-phone h5{ position: absolute; top: 0px; left: 0; width: 100%; font-size: 30px; color: #222222; line-height: 40px; margin: 20px auto 10px; text-align: center;font-family: Medium;}
	.about-part4-phone .abouts{ width: 84%; position: absolute; top:70px; left: 8%; padding-bottom: 35px;}
	.about-part5{ margin: 40px auto !important; }
	.about-part5 h5{ font-size: 30px !important; margin:0 auto 20px !important;}
	.part-list{ width: 100%; height: auto !important;  background-color: #fafafa;}
	.part-list div{ width: 100% !important;}
	.part-list img{ width: 100% !important;}
	.part-list p{ width: 90% !important; margin: 20px auto 10px !important; font-size: 20px !important;}
	.part-list span{ width: 90% !important; font-size: 14px !important; line-height: 22px !important; margin-bottom: 30px !important;}
	
	.contact{ height: 400px !important;}
	#allmap{ height: 400px !important;}
	.contact-bot{ width: 100%; height: auto !important; background: none !important; position: relative !important;}
	.contact-bot .list{ float: none !important; margin: 20px auto !important;}
	.contact-bot .list p{ line-height: 30px !important; margin: 10px 0 10px !important; font-size: 13px !important; color: #666 !important;}
	.contact-bot .list p img{ float: left; width: 30px; margin-right: 10px;}
	.contact-bot .list2{ width: 310px; margin: 0 auto 20px; overflow: hidden;}
	.contact-bot .list2 .wechat{ width: 115px; float: left; margin:0 20px;}
	.contact-bot .list2 .wechat img{ width: 115px;}
	.contact-bot .list2 .wechat p{font-family: Normal; margin: 0; text-align: center;}
	
	.service-part1{  margin: 40px auto !important;}
	.main4{ width: 94% !important; overflow: scroll !important;}
	.service-part1 h5{font-size: 30px !important; margin-bottom: 20px !important;}
	.service-part1 ul{ width: 100% !important; margin: 0 auto;}
	.service-part1 ul li{ width: 48% !important; height: auto !important; float: left; margin:0 1% 10px !important; padding-bottom: 15px; }
	.service-part1 ul li img{ width: 80px; margin: 20px auto 10px !important; display: block;}
	.service-part1 ul li p{font-size: 16px !important; line-height: 20px !important;}
	.service-part1 ul li:hover p{ color: #626262 !important;}
	.service-part2{ margin: 40px auto !important;}
	.service-part2 h5{ font-size: 30px !important; margin-bottom: 20px !important;}
	.service-part2 .list{ width: 180px !important; height: 180px !important; background: url(/JS9HT0MHDRIqIyDsD1IUEDNrIyWMURAnHt.jpg) no-repeat center !important; background-size: 100% 100% !important;}
	.service-part2 .list p{ font-size: 20px !important; line-height: 40px !important; margin-top: 30px !important;}
	.service-part2 .list span{display: block !important; font-size: 16px; color: #868686; text-align: center; line-height: 30px;}
	.service-part2 .list i{ position: absolute; bottom: 10px; right: 65px !important; width: 50px; height: 50px; background-color: #FFFFFF !important; color: #222222 !important; line-height: 50px; text-align: center;}
	.service-part2 .mid{ float: left; margin: 75px 30px !important;}
	.service-part2 .list:hover p{ line-height: 40px !important;  margin-top: 30px !important;}
	.service-part2 .list:hover i{ background-color: #FFFFFF; color: #222222; right: 65px !important;}
	.phone-ser{ width: 750px; margin-top: 20px;}
	.service-part3{ margin: 40px auto !important;}
	.service-part3 h5{ font-size: 30px !important; margin-bottom: 20px !important;}
	.service-part3 ul{ width: 100% !important;}
	.service-part3 ul li{ width: 33% !important; float: left; margin-right: 1px;}
	.service-part4{ margin: 40px auto !important;}
	.service-part4 h5{ font-size: 30px !important; margin-bottom: 20px !important;}
	.service-part4-head{ width: 80% !important; margin: 30px auto !important;}
	.service-part4-head .list{ width: 33.33% !important; float: left; margin: 0 !important;}
	.service-part4-head .list img{ width: 60px;}
	.service-part4-head .list p{ font-size: 14px !important; text-align: center;}
	.service-part4-head .list.on p{ color: #29AFBD;}
	.service-part4-bot{ width: 100% !important; margin: 30px auto 0 !important; overflow: hidden;}
	.service-part4-bot ul{ width: 100% !important;}
	.service-part4-bot ul li{ width: 100% !important; float: left; margin-right: 0 !important; height: auto !important;}
	.service-part4-bot ul li h6{ line-height: 40px !important; border-bottom: 1px dashed #8C8C8C;}
	.service-part4-bot ul li p{ margin: 10px 0 30px !important;}
	.service1 .form{ width: 94% !important; height: 90% !important; margin: 5% auto !important;}
	.service1 .close{ top: 5px !important; right: 5px !important;}
	.service1 .form h5{font-size: 30px !important; margin: 20px auto 10px !important;}
	.service1 .form .list{ width: 90% !important; margin: 0 auto 10px; overflow: hidden;}
	.service1 .form .list h6{ font-size: 16px !important; margin-bottom: 20px;}
	.service1 .form .list .w50{ width: 93% !important; padding: 0 3% !important; height: 30px !important; margin-bottom: 10px !important;}
	.service1 .form .list .w100{ float: left !important; width: 93% !important; padding: 0 3% !important; height: 30px !important; margin-bottom: 10px !important;}
	.service1 .form .list .apply-list{ width: 29% !important; padding: 0 1% !important; height: 30px !important; float: left; margin-right: 1% !important;}
	.service1 .form .list .city2{margin: 10px auto !important;}
	.service2{ margin: 40px auto !important; }
	.service3{ padding: 40px 0 60px !important;}
	.service3 .city3{ width: 100% !important;}
	.service3 .apply-list{ width: 80% !important; float: none !important; margin: 0 auto 10px !important; display: block;}
	.service3 .result{ margin: 50px auto 0 !important;}
	.service3 .result ul{ width: 100% !important; margin: 0 auto; overflow: hidden;}
	.service3 .result ul li{ width: 100% !important; float: none !important; margin: 20px 0 20px 0 !important; border-bottom: 1px solid #eee; padding-bottom: 10px;}
	.service3 .result ul li p{ font-size: 20px; color: #333333; line-height: 40px;}
	.service3 .result ul li span{ font-size: 16px; color: #747474; line-height: 26px; display: block;}
	
	.news{ width: 100%; background-color: #f2f2f2; margin: 0 auto; overflow: hidden;}
	.newshead{ height: 60px !important; }
	.newshead ul{ width: 80% !important;}
	.newshead ul a{ width: 33% !important; line-height: 60px !important;}
	.newshead ul span{ margin: 22px auto !important;}
	.newshead ul a.on{ color: #29AFBD;}
	.news h5{ margin: 40px auto !important; font-size: 30px !important;}
	.news ul li{ width: 100%; height: auto !important; margin-bottom: 30px; background-color: #FFFFFF; overflow: hidden;}
	.news ul li img{ float: none !important; width: 100% !important; height: auto !important; margin: 0px !important;}
	.news ul li .news-right{ float: none !important; width: 100% !important; height: auto !important; margin:20px 0 0 0 !important; overflow: hidden;}
	.news ul li .news-right .title{ width: 90%; margin: 0 auto 10px !important; font-size: 22px !important;}
	.news ul li .news-right span{ width: 90%; margin: 0 auto; height: auto !important;}
	.news ul li .news-right .newslist-bot{ width: 90% !important; margin: 0 auto 15px; overflow: hidden;}
	
	.main3{ width: 94%  !important; margin: 40px auto !important; overflow: hidden;}
	.news-detail-left{ width: 100% !important; float: none !important; padding-right: 0px !important; border-right: none !important; margin-right: 0px !important;}
	.news-detail-left .news-bot{ width: 100%; overflow: hidden; margin: 50px 0;}
	.news-detail-left .news-bot a{ font-size: 16px; max-width: 160px !important;}
	.news-detail-left .news-bot .back{ clear: both; display: block; margin:60px auto 0; width: 184px; height: 40px; border-radius: 20px; background-color: #29AFBD; line-height: 40px; color: #FFFFFF; text-align: center;}
	.news-detail-right{ width: 100% !important; overflow: hidden; float: none !important;}
	.news-detail-right h5{ text-align: center; }
	.news-detail-right a{ width: 100% !important; display: block; margin-bottom: 15px; overflow: hidden;}
	.news-detail-right a img{ width: 100% !important; height: auto !important; float: none !important;}
	.news-detail-right a p{ line-height: 40px !important; width: 100% !important; height:auto !important; float: none !important; margin-left: 0px !important;}
	
	.product-head h6{ margin: 10px 0 0 !important;}
	.product-head a{ font-size: 16px !important; margin: 20px 20px 20px 0 !important; display: block;}
	.product-head a.on{ line-height: 23px !important;}
	.product{ width: 100%; background-color: #f2f2f2; margin: 0 auto; overflow: hidden;}
	.product ul{ width:100% !important; margin: 20px 0 !important; overflow: hidden; display: block;}
	.product ul li{ width: 48% !important; height: 360px !important; margin:0 1% 20px !important; position: relative;}
	.product ul li .recommend{ width: 30px !important; height: auto !important; position: absolute; top: 0; left: 10px; z-index: 99;}
	.product ul li .recommend img{width: 30px; display: block;}
	.product ul li .details{ width: 100% !important; height: 200px !important; margin: 30px auto 0 !important; overflow: hidden;}
	.product ul li .details img{ max-height: 200px !important; max-width: 80% !important;}
	.product ul li p{ font-size: 16px !important; color: #222222; line-height: 30px !important; text-align: center;}
	.product ul li span{ width: 90% !important; line-height: 22px; height: 44px; text-align: center;}
	.product ul li button{ width: 104px; height: 30px; border: none; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 30px; display: block; background-color: #29AFBD; font-size: 16px; color: #FFFFFF;}
	.product button{ color: #5d5d5d; font-size: 16px; border: none; background: none; display: block; margin: 30px auto 100px;}
	.product button img{ display: inline-block; margin-left: 15px;}
	
	.productshow{ width: 60%; margin: 30px auto; overflow: hidden; position: relative; padding-bottom: 30px;}
	.product-detail{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
	.product-detail-right{ width: 100% !important; float: none !important; margin: 20px 0 0 0 !important;}
	.product-detail-right h4{ font-size: 30px !important; line-height: 40px !important; color: #333333; text-align: center;}
	.product-detail-right h4 span{ font-size: 20px !important; color:#333333; line-height: 30px !important; display: block;}
	.product-detail-right .price span{ font-size: 40px !important; line-height: 40px !important; color: #29AFBD;}
	.product-detail-right .price{font-size: 14px; color: #989898; line-height: 60px !important; margin-top: 10px !important;; text-align: center;}
	.product-detail-right .tips{ text-align: center; margin-top: 10px !important;}
	.product-detail-right a{ width: 240px; height: 50px; line-height: 50px; margin: 20px auto !important;}
	.product-detail-show h5{ font-size: 30px !important; line-height: 50px; margin: 30px auto !important; text-align: center;}
	.product-detail-show .contacts{ width: 100% !important; margin: 0 auto; overflow: hidden;}
	.product-detail-show .contacts img{ max-width: 100% !important; margin: 0 auto; display: block;}
	.product-detail-show ul{ width: 100% !important; margin: 20px 0 !important; overflow: hidden; display: block;}
	.product-detail-show ul li{ width: 48% !important; height: 360px !important; margin:0 1% 20px !important;}
	.product-detail-show ul li .recommend{ width: 30px !important; height: auto !important;}
	.product-detail-show ul li .recommend img{ width: 30px;}
	.product-detail-show ul li .details{ width: 100% !important; height: 200px !important; margin: 30px auto 0 !important;}
	.product-detail-show ul li .details img{ max-height: 200px !important; max-width: 80% !important;}
	.product-detail-show ul li p{ line-height: 30px !important; text-align: center;}
	.product-detail-show ul li span{ font-size: 14px; color: #9a9a9a; width: 90% !important; margin: 10px auto 0; display: block; line-height: 22px; height: 44px; text-align: center;}
	.product-detail-show ul li button{ width: 104px; height: 30px; border: none; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 30px; display: block; background-color: #29AFBD; font-size: 16px; color: #FFFFFF;}
	
} 
.moblie{ display: none;}
.nomoblie{ display: block;}
.head{ width: 100%; position: relative;}
.headhide1{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide2{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide3{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide4{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide5{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide6{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide7{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headhide10{ width: 100%; height: 400px; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 0; top: 87px; z-index: 999; display: none;}
.headlist2{ width: 1150px; height: 306px; margin:47px auto; overflow: hidden;}
.headlist2 h6{ font-size: 20px; line-height: 60px; color: #151515; font-family: Normal;}
.headlist2 p{ width: 400px; overflow: hidden;}
.headlist2 p a{ font-family: Normal; font-size: 16px; color: #868686; line-height: 30px; float: left; display: block; width: 190px; padding-left: 10px; background: url(/JS9HT11HH1qqIy5pUI5SIt.jpg) no-repeat center left;}
.headlist2 p a:hover{ color: #29AFBD; background: url(/JS9HT11HH1qqIy5pJkcsDIH.jpg) no-repeat center left;}
.main{ width: 1620px; margin: 0 auto; overflow: hidden;}
.main2{ width: 1620px; height: 480px; margin: 0 auto; position: relative;}
.left{ float: left;}
.right{ float: right;}
.top{ border-bottom: 1px solid #e2e2e2; overflow: hidden;}
.top img{ float: left; display: block; margin: 28px 0;}
.top .right{ float: right;}
.top .right a{ font-size: 16px; line-height: 86px; float: left; margin-left: 50px; color: #333;font-family: Normal;}
.top .right a.active{ color: #29afbd;}
.top-area{ font-size: 16px; line-height: 56px; color: #333;font-family: Normal;}
.top-area a{ margin: 0 10px;font-family: Normal;}
.float-right{ position: fixed; right: 0; top: 500px; width: 60px; z-index: 99999;}
.float-right .list{ width: 60px; height: 60px; background: url(/JS9HT1AqKIWNTSAIUHEoIt.jpg) no-repeat center; overflow: hidden; margin-bottom: 2px;}
.phone{ display: none; width: 220px; height: 60px; background-color: #29afbd; margin-bottom: 2px; position: absolute; left: -160px; top: 62px;}
.phone img{ float: left;}
.phone span{ font-size: 20px; color: #FFFFFF; line-height: 60px;font-family: Normal;}
.wechat .img-wechat{ display: none; position: absolute; left: -100px; width: 100px; top: 100px; display: none;}
.wechat:hover .img-wechat{ display: block;}

.banner{ width: 100%; overflow: hidden;}
.banner a{ width: 100%; display: block;}
.index-part1{ width: 100%; margin: 115px 0 100px; overflow: hidden;}
.index-part1 .img{ float: left; display: block;}
.index-part1 .index-part1-right{ position: relative; left:1012px; top: -20px;}
.index-part1 .index-part1-right img{ display: block; position: absolute;}
.index-part1 .index-part1-right a{ position: absolute; left: 31px; top: 320px; width: 120px; height: 50px; padding: 0 30px; background-color: #29afbd; font-size: 14px; color: #FFFFFF; line-height: 50px;}
.index-part2{ width: 100%; margin: 100px auto 0; overflow: hidden;}
.index-part2 h5{ font-size: 48px; color: #222222; line-height: 50px; text-align: center;font-family: Medium;}
.index-part2 p{ font-family: Normal; font-size: 16px; color: #8c8c8c; line-height: 26px; text-align: center; margin: 20px auto 60px;}
.index-part3{ width: 100%; margin: 110px auto; overflow: hidden;}
.index-part3-left{ width: 290px; float: left;}
.index-part3-left h5{ font-size: 48px; color: #222222; line-height: 50px; margin: 105px 0 35px;font-family: Medium;}
.index-part3-left p{ font-family: Normal; font-size: 16px; color: #8c8c8c; line-height: 26px;}
.index-part3-left a{ margin-top: 50px; width: 120px; height: 50px; padding: 0 30px; background-color: #29afbd; font-size: 14px; color: #FFFFFF; line-height: 50px; display: block;}
.index-part3 ul{ width: 1260px; float: right;}
.index-part3 ul li{ width: 408px; margin-left: 12px; float: left; overflow: hidden; display: block; position: relative;}
.index-part3 ul li p{ font-family: Normal; position: absolute; left: 0; top: 0; width: 100%; font-size: 36px; line-height: 50px; text-align: center; margin: 30px auto 0;}
.index-part3 ul li p a{ font-family: Normal; font-size: 14px; color: #29AFBD; line-height: 40px; text-align: center; display: block;}
.index-part4{ margin: 0 auto; overflow: hidden; width: 100%; position: relative;}
.index-part4 img{ width: 100%;}
.index-part5{ width: 100%; margin: 105px auto; overflow: hidden;}
.index-part5 h5{ font-size: 48px; color: #222222; line-height: 50px; text-align: center;font-family: Medium;}
.index-news{ width: 100%; margin: 55px auto 0; overflow: hidden;}
.index-news .index-news-left{ width: 48%; float: left;}
.mr4{ margin-right:4%;}
.index-news .index-news-left img{ width: 100%; height: 400px; display: block;}
.index-news .index-news-left p{ height: 50px; overflow: hidden; font-size: 26px; color: #222222; line-height: 50px; margin: 20px auto 10px;}
.index-news .index-news-left span{ font-size: 16px; color: #5d5d5d; line-height: 26px; display: block; height: 52px; margin-bottom: 20px;}
.index-news .index-news-left .line{ width: 100%; height: 1px; overflow: hidden;}
.index-news .index-news-left .line .bule{ width: 20%; float: left; height: 1px; background-color: #29AFBD;}
.index-news .index-news-left .line .gray{ width: 80%; float: left; height: 1px; background-color: #8C8C8C;}
.index-news .index-news-left:hover p{ color: #29AFBD;}
.index-news .index-news-left:hover .line .bule{ width: 100%;}
.index-news .index-news-left:hover .line .gray{ display: none;}
.index-news .index-news-right{ width: 710px; float: right; overflow: hidden;}
.index-news .index-news-right a{ width: 710px; height: 110px; margin-bottom: 34px; display: block;}
.index-news .index-news-right a p{ height: 20px; overflow: hidden; font-size: 18px; color: #222222; line-height: 20px; margin: 0 auto 20px;}
.index-news .index-news-right a span{ font-size: 14px; color: #5d5d5d; line-height: 25px; display: block; height: 50px; margin-bottom: 29px;}
.index-news .index-news-right a .line{ width: 100%; height: 1px; overflow: hidden; }
.index-news .index-news-right a .line .bule{ width: 20%; float: left; height: 1px; background-color: #29AFBD;}
.index-news .index-news-right a .line .gray{ width: 80%; float: left; height: 1px; background-color: #8C8C8C;}
.index-news .index-news-right a:hover p{ color: #29AFBD;}
.index-news .index-news-right a:hover .line .bule{ width: 100%;}
.index-news .index-news-right a:hover .line .gray{ display: none;}


.product-head{ width: 100%; margin: 0 auto; overflow: hidden; border-top: 1px solid #e2e2e2;}
.product-head h6{font-family: Medium; font-size: 28px; line-height: 70px; margin: 30px 0 0; color: #222222; width: 100%; border-bottom: 1px solid #e2e2e2;}
.product-head a{ font-size: 18px; color: #777777; line-height: 24px; float: left; margin: 35px 100px 50px 0; display: block;}
.product-head a.on{ color: #29AFBD; border-bottom:1px solid #29AFBD;}
.product{ width: 100%; background-color: #f2f2f2; margin: 0 auto; overflow: hidden;}
.product ul{ width: 1700px; margin: 80px 0; overflow: hidden; display: block;}
.product ul li{ width: 384px; height: 500px; overflow: hidden; float: left; background-color: #FFFFFF; margin:0 28px 30px 0; position: relative;}
.product ul li .recommend{ width: 56px; height: 68px; position: absolute; top: 0; left: 10px; z-index: 99;}
.product ul li .details{ width: 384px; height: 310px; margin: 40px auto 0; overflow: hidden;}
.product ul li .details img{ max-height: 320px; max-width: 384px; margin: 0 auto; display: block;}
.product ul li p{ font-size: 20px; color: #222222; line-height: 40px; text-align: center;}
.product ul li span{ font-size: 14px; color: #9a9a9a; width: 370px; margin: 10px auto 0; display: block; line-height: 22px; height: 44px; text-align: center;}
.product ul li button{ width: 104px; height: 30px; border: none; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 30px; display: block; background-color: #29AFBD; font-size: 16px; color: #FFFFFF;}
.product button{ color: #5d5d5d; font-size: 16px; border: none; background: none; display: block; margin: 30px auto 100px;}
.product button img{ display: inline-block; margin-left: 15px;}

.product-detail{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
.product-detail .picBtnTop{ width:700px; height:700px; position:relative;  overflow:hidden;  zoom:1; margin-left: 360px; float: left;}
.product-detail .picBtnTop .hd{ width:80px;  height:450px; position:absolute; left:0px; top: 125px; z-index: 99; }
.product-detail .picBtnTop .hd ul li{ width:80px; height: 80px; border:1px solid #dcdcdc; margin-bottom: 10px;}
.product-detail .picBtnTop .hd ul li img{ max-width: 50px; max-height: 70px; margin: 5px auto; display: block; }
.product-detail .picBtnTop .hd ul li.on{ border:1px solid #29AFBD;}
.product-detail .picBtnTop .bd{ width:360px;  height:520px; position:relative; margin-left: 300px; margin-top: 90px;}
.product-detail .picBtnTop .bd li{ position:relative; zoom:1; height: 520px; vertical-align:bottom; }
.product-detail .picBtnTop .bd li img{ max-width:360px; max-height:520px; vertical-align:bottom; }
.product-detail-right{ width: 360px; float: left; margin: 120px 0 0 120px;}
.product-detail-right h4{ font-size: 36px; line-height: 50px; color: #333333;}
.product-detail-right h4 span{ font-size: 22px; color:#333333; line-height: 40px; display: block;}
.product-detail-right .price span{ font-size: 44px; line-height: 50px; color: #29AFBD;}
.product-detail-right .price{font-size: 14px; color: #989898; line-height: 80px; margin-top: 30px;}
.product-detail-right .tips{ font-size: 14px; color: #989898; line-height: 14px; margin-top: 20px;}
.product-detail-right .tips i{ width: 14px; height: 14px; float: left; display: block; margin-right: 10px;}
.product-detail-right a{ width: 240px; height: 50px; background-color: #29AFBD; line-height: 50px; display: block; margin-top: 90px; text-align: center; color: #FFFFFF; font-size: 16px; border-radius: 25px;}
.product-detail-show{ width: 100%; margin: 0 auto; overflow: hidden;}
.product-detail-show h5{ font-size: 36px; line-height: 50px; color: #333333; margin: 70px auto 35px; text-align: center;}
.product-detail-show .contacts{ width: 1280px; margin: 0 auto; overflow: hidden;}
.product-detail-show .contacts img{ max-width: 1280px; margin: 0 auto; display: block;}
.product-detail-show ul{ width: 1700px; margin: 80px 0; overflow: hidden; display: block;}
.product-detail-show ul li{ width: 384px; height: 500px; overflow: hidden; float: left; background-color: #FFFFFF; margin:0 28px 30px 0; position: relative;}
.product-detail-show ul li .recommend{ width: 56px; height: 68px; position: absolute; top: 0; left: 10px; z-index: 99;}
.product-detail-show ul li .details{ width: 384px; height: 310px; margin: 40px auto 0; overflow: hidden;}
.product-detail-show ul li .details img{ max-height: 320px; max-width: 384px; margin: 0 auto; display: block;}
.product-detail-show ul li p{ font-size: 20px; color: #222222; line-height: 40px; text-align: center;}
.product-detail-show ul li span{ font-size: 14px; color: #9a9a9a; width: 370px; margin: 10px auto 0; display: block; line-height: 22px; height: 44px; text-align: center;}
.product-detail-show ul li button{ width: 104px; height: 30px; border: none; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 30px; display: block; background-color: #29AFBD; font-size: 16px; color: #FFFFFF;}



.about-part1{ width: 100%; margin: 60px auto 90px; overflow: hidden;}
.about-part1 h5{ font-size: 38px; line-height: 50px; text-align: center; color: #222222; margin: 0 auto 30px;font-family: Medium;}
.about-part1 p{ font-family: Normal; font-size: 16px; color: #8C8C8C; line-height: 26px; text-indent: 2em; margin-bottom: 30px;}
.about-part1 img{ margin: 50px auto 0;}
.about-part2{ width: 100%; margin: 0 auto; overflow: hidden;}
.about-part3{ width: 100%; margin: 100px auto; overflow: hidden;}
.about-part3 h5{ font-size: 38px; line-height: 40px; text-align: center; color: #222222; margin: 0 auto 50px;font-family: Medium;}
.about-part3 .picBtnTop{ width:1620px; height:515px; position:relative;  overflow:hidden;  zoom:1;   }
.about-part3 .picBtnTop .hd{ width:460px;  height:515px; position:absolute; left:0px; z-index: 99; }
.about-part3 .picBtnTop .hd ul li{ width:460px; height: 171px; background-color: #efefef; margin-bottom: 1px;}
.about-part3 .picBtnTop .hd ul li p{ font-family: Normal; float: left; margin: 50px 0 10px 40px; font-size: 18px; line-height: 30px; color: #222222;}
.about-part3 .picBtnTop .hd ul li p span{ font-size: 18px; color: #333333; display: block;}
.about-part3 .picBtnTop .hd ul li .list1{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fNURAnHt.jpg) no-repeat center;}
.about-part3 .picBtnTop .hd ul li .list2{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fQURAnHt.jpg) no-repeat center;}
.about-part3 .picBtnTop .hd ul li .list3{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fPURAnHt.jpg) no-repeat center;}
.about-part3 .picBtnTop .hd ul li.on{ width: 510px; background-color: #29AFBD;}
.about-part3 .picBtnTop .hd ul li.on p{ color: #FFFFFF;}
.about-part3 .picBtnTop .hd ul li.on p span{ color: #FFFFFF;}
.about-part3 .picBtnTop .hd ul li.on .list1{ background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fNJu1RJ1L.jpg) no-repeat center;}
.about-part3 .picBtnTop .hd ul li.on .list2{ background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fQJu1RJ1L.jpg) no-repeat center;}
.about-part3 .picBtnTop .hd ul li.on .list3{ background: url(/JS9HT1EGKHMNTRSGDHNTUSgDJ1fPJu1RJ1L.jpg) no-repeat center;}
.about-part3 .picBtnTop .bd{ width:1160px;  height:515px; position:relative; margin-left: 460px;}
.about-part3 .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.about-part3 .picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.about-part3 .picBtnTop .bd li .pic img{ width:1160px; height:515px; vertical-align:bottom; }
.about-part4{ width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.about-part4 h5{ font-size: 38px; line-height: 40px; text-align: center; color: #222222; margin: 50px auto;font-family: Medium;}
.main5{ width:1620px; margin: 0 auto; position: relative;}
.about-part4 .img{ display: block; width: 100%;}
.about-part4 .list p{font-family: Normal; width: 120px; text-align: center; display: block; font-size: 18px; color: #8C8C8C; line-height: 0; padding-bottom: 50px; background: url(/JS9HT1EGKHMNTRSGDHNOUSgDJ1fsDy1G.jpg) no-repeat center bottom;}
.about-part4 .list:hover p{ font-size: 20px; line-height: 30px; color: #29AFBD; background: url(/JS9HT1EGKHMNTRSGDHNOUSgDJ1gMURAnHt.jpg) no-repeat center bottom;}
.about-part4 .list img{ display: none;}
.about-part4 .list:hover img{ display: block;}
.about-part4 .y1989{ position: absolute; bottom: 18.5%; left: 7%;}
.about-part4 .y1998{ position: absolute; bottom: 18%; left: 15%;}
.about-part4 .y2000{ position: absolute; bottom: 18.5%; left: 22%;}
.about-part4 .y2003{ position: absolute; bottom: 20%; left: 29%;}
.about-part4 .y2006{ position: absolute; bottom: 22%; left: 36%;}
.about-part4 .y2008{ position: absolute; bottom: 24.5%; left: 43%;}
.about-part4 .y2012{ position: absolute; bottom: 28.2%; left: 50%;}
.about-part4 .y2015{ position: absolute; bottom: 32.5%; left: 57%;}
.about-part4 .y2017{ position: absolute; bottom: 38.3%; left: 64%;}
.about-part4 .y2018{ position: absolute; bottom: 42.5%; left: 68%;}
.about-part4 .y2019{ position: absolute; bottom: 47.2%; left: 72%;}
.about-part4 .y2020{ position: absolute; bottom: 52.5%; left: 76%;}
.about-part4 .y2021{ position: absolute; bottom: 59%; left: 80%;}
.about-part4 .y2022{ position: absolute; bottom: 66.5%; left: 84%;}
.about-part4 .y1989 img{ margin-left: 40px;}
.about-part4 .y1998 img{ margin-left: 40px;}
.about-part4 .y2000 img{ margin-left: 40px;}
.about-part4 .y2003 img{ margin-left: 40px;}
.about-part4 .y2006 img{ margin-left: 40px;}
.about-part4 .y2008 img{ margin-left: -250px;}
.about-part4 .y2009 img{ margin-left: -350px; margin-bottom: -35px;}
.about-part4 .y2012 img{ margin-left: -350px; margin-bottom: -35px;}
.about-part4 .y2014 img{ margin-left: -350px; margin-bottom: -35px;}
.about-part4 .y2015 img{ margin-left: -325px; margin-bottom: -78px;}
.about-part4 .y2017 img{ margin-left: -325px; margin-bottom: -60px;}
.about-part4 .y2018 img{ margin-left: -325px; margin-bottom: -120px;}
.about-part4 .y2019 img{ margin-left: -325px; margin-bottom: -120px;}
.about-part4 .y2020 img{ margin-left: -325px; margin-bottom: -145px;}
.about-part4 .y2021 img{ margin-left: -325px; margin-bottom: -180px;}
.about-part4 .y2022 img{ margin-left: -325px; margin-bottom: -170px;}
.about-part5{ width: 100%; margin: 90px auto; overflow: hidden;}
.about-part5 h5{ font-size: 38px; line-height: 40px; text-align: center; color: #222222; margin:0 auto 50px;font-family: Medium;}
.part-list{ width: 100%; height: 320px; background-color: #fafafa;}
.part-list div{ width: 810px;}
.part-list img{ width: 810px; display: block;}
.part-list p{font-family: Normal; width: 730px; margin: 60px auto 20px; font-size: 28px; color: #222222; line-height: 36px;}
.part-list span{font-family: Normal; width: 730px; margin: 0 auto; display: block; font-size: 16px; color: #8c8c8c; line-height: 26px;}


.join-banner{ width: 100%; margin: 0 auto; overflow: hidden;}
.join-list{ width: 100%; margin: 0 auto; overflow: hidden;}
.join-list h6{ font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;font-family: Medium;}
.join-industry{ width: 100%; margin: 0 auto 100px; overflow: auto; background: url(/JS9HT19rJ10MEIONEjDoDIkH.jpg) no-repeat center;}
.join-industry .part1{ height: 300px; float: left; width: 50%; background: url(/JS9HT19rJ10MEIONEjHoDIkH.jpg) no-repeat right 1px bottom 1px;}
.join-industry .part1:hover{ background: url(/JS9HT19rJ10MEIONEjIqU0WqHj.jpg) no-repeat right 1px bottom 1px;}
.join-industry .part1 p{ font-family: Normal; width: calc(100% - 260px); font-size: 30px; color: #222222; line-height: 50px; border-bottom: 1px solid #eeeeee; text-align: right;}
.join-industry .part1 span{ font-family: Normal; margin-top: 57px; width: calc(100% - 260px); display: block; color: #8c8c8c; font-size: 14px; line-height: 22px; text-align: right;}
.join-industry .part2{ height: 300px; float: left; width: 50%; background: url(/JS9HT19rJ10MEIONEjLoDIkH.jpg) no-repeat left 1px bottom 1px;}
.join-industry .part2:hover{ background: url(/JS9HT19rJ10MEIONEjMqU0WqHj.jpg) no-repeat left 1px bottom 1px;}
.join-industry .part2 p{ font-family: Normal; margin-left: 260px; width: calc(100% - 260px); font-size: 30px; color: #222222; line-height: 50px; border-bottom: 1px solid #eeeeee; text-align: left;}
.join-industry .part2 span{ font-family: Normal; margin-top: 5px; margin-left: 260px; width: calc(100% - 260px); display: block; color: #8c8c8c; font-size: 14px; line-height: 22px; text-align: left;}
.join-industry .part3{ height: 300px; float: left; width: 50%; background: url(/JS9HT19rJ10MEIONEjNoDIkH.jpg) no-repeat right 1px top 1px;}
.join-industry .part3:hover{ background: url(/JS9HT19rJ10MEIONEjOqU0WqHj.jpg) no-repeat right 1px top 1px;}
.join-industry .part3 p{ font-family: Normal; margin-top: 200px; width: calc(100% - 260px); font-size: 30px; color: #222222; line-height: 50px; border-bottom: 1px solid #eeeeee; text-align: right;}
.join-industry .part3 span{ font-family: Normal; margin-top: 5px; width: calc(100% - 260px); display: block; color: #8c8c8c; font-size: 14px; line-height: 22px; text-align: right;}
.join-industry .part4{ height: 300px; float: left; width: 50%; background: url(/JS9HT19rJ10MEIONEjpoDIkH.jpg) no-repeat left 1px top 1px;}
.join-industry .part4:hover{ background: url(/JS9HT19rJ10MEIONEjqqU0WqHj.jpg) no-repeat left 1px top 1px;}
.join-industry .part4 p{ font-family: Normal; margin-top: 200px; margin-left: 260px; width: calc(100% - 260px); font-size: 30px; color: #222222; line-height: 50px; border-bottom: 1px solid #eeeeee; text-align: left;}
.join-industry .part4 span{ font-family: Normal; margin-top: 5px; margin-left: 260px; width: calc(100% - 260px); display: block; color: #8c8c8c; font-size: 14px; line-height: 22px; text-align: left;}
.join-star{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
.join-star h6{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;}
.join-star ul{ width: 1641px; display: block; margin: 0 auto 100px; overflow: hidden;}
.join-star ul li{ width: 526px; height: 490px; float: left; margin-right: 21px; background-color: #FFFFFF;}
.join-star ul li p{ font-family: Normal; width: 465px; margin: 20px auto 10px; font-size: 24px; color: #222222; line-height: 30px; display: block;}
.join-star ul li span{ font-family: Normal; width: 465px; margin: 10px auto; display: block; font-size: 16px; color: #8c8c8c; line-height: 26px;}
.join-requirement{ width: 100%; margin: 0 auto; overflow: hidden;}
.join-requirement h6{ font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;}
.join-requirement ul{ width: 1620px; overflow: hidden; margin: 0 auto 100px; display: block;}
.join-requirement ul li{ width: 1620px; height: 120px; margin-bottom: 3px; background-color: #f2f2f2; display: block;}
.join-requirement ul li p{ font-family: Normal; font-size: 20px; color: #222222; line-height: 120px; padding-left: 200px; float: left;}
.join-requirement ul li:hover p{ color: #FFFFFF;}
.join-requirement ul li img{ float: right; margin-right: 40px;}
.join-requirement ul li.list1{ background: url(/JS9HT19rJ10MGRNQUHEoIt.jpg) no-repeat left 40px top; background-color: #f2f2f2;}
.join-requirement ul li:hover.list1{ background: url(/JS9HT19rJ10MGRNQJkcSK1H.jpg) no-repeat left 40px top; background-color: #29afbd;}
.join-requirement ul li.list2{ background: url(/JS9HT19rJ10MGRNNUHEoIt.jpg) no-repeat left 40px top; background-color: #f2f2f2;}
.join-requirement ul li:hover.list2{ background: url(/JS9HT19rJ10MGRNNJkcSK1H.jpg) no-repeat left 40px top; background-color: #29afbd;}
.join-requirement ul li.list3{ background: url(/JS9HT19rJ10MGRNOUHEoIt.jpg) no-repeat left 40px top; background-color: #f2f2f2;}
.join-requirement ul li:hover.list3{ background: url(/JS9HT19rJ10MGRNOJkcSK1H.jpg) no-repeat left 40px top; background-color: #29afbd;}
.join-requirement ul li.list4{ background: url(/JS9HT19rJ10MGRNTUHEoIt.jpg) no-repeat left 40px top; background-color: #f2f2f2;}
.join-requirement ul li:hover.list4{ background: url(/JS9HT19rJ10MGRNTJkcSK1H.jpg) no-repeat left 40px top; background-color: #29afbd;}
.join-requirement ul li.list5{ background: url(/JS9HT19rJ10MGRNUUHEoIt.jpg) no-repeat left 40px top; background-color: #f2f2f2;}
.join-requirement ul li:hover.list5{ background: url(/JS9HT19rJ10MGRNUJkcSK1H.jpg) no-repeat left 40px top; background-color: #29afbd;}
.join-ensure{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
.join-ensure h6{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;}
.slideTxtBox{ width:1620px; overflow: hidden; margin-bottom: 50px;}
.slideTxtBox .hd{ width: 1620px; margin: 0 auto; border-bottom: 1px solid #d1d1d1; height:60px; position:relative;}
.slideTxtBox .hd ul{ width: 1005px; overflow: hidden; margin: 0 auto; height:24px;}
.slideTxtBox .hd ul li{ float:left; width: 200px; text-align: center; border-right: 1px solid #d1d1d1; font-size: 16px; line-height: 20px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ color: #29afbd;}
.slideTxtBox .bd ul{ width: 1620px; height: 495px; position: relative; margin-top: 30px;}
.slideTxtBox .bd ul li{ width: 100%; margin: 0 auto; overflow: hidden;}
.slideTxtBox .bd ul li p{ font-family: Normal; width: 1400px; margin: 0 auto; position: absolute; bottom: 20px; left: 110px; text-align: center; color: #FFFFFF; font-size: 20px; line-height: 28px; text-align: center;}
.join-other{ width: 100%; margin: 0 auto; overflow: hidden;}
.join-other h6{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;}
.join-other ul{ width: 1636px; overflow: hidden; margin: 0 auto 100px;}
.join-other ul li{ width: 393px; float: left; margin-right: 16px;}
.join-other ul li img{ width: 100%;}
.join-submit{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
.join-submit h6{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin: 70px auto 40px; text-align: center;}
.join-submit .form{ width: 1320px; height: 270px; background-color: #FFFFFF; margin: 0 auto 100px; overflow: hidden;}
.join-submit .form .msg{ width: 358px; height: 32px; border: 1px solid #F2F2F2; padding: 0 5px; margin: 55px 0 55px 52.5px; float: left; display: block;}
.join-submit .form .submit{ font-family: Normal; width: 200px; height: 50px; margin: 0 auto; display: block; overflow: hidden; background-color: #29AFBD; color: #FFFFFF; letter-spacing: 2px; font-size: 18px; border-radius: 25px; border: none;}
.join-submit .form span{ font-family: Normal; display: block; margin: 20px auto 0; text-align: center; font-size: 12px; color: #29AFBD;}
.join-bot{ width: 100%; height: 210px; background-color: #FFFFFF; overflow: hidden;}
.join-bot .bot-list{ width: 25%; float: left; overflow: hidden; position: relative;}
.join-bot .bot-list .line{ width: 1px; height: 120px; background-color: #F2F2F2; position: absolute; top: 45px; right: 0;}
.join-bot .bot-list a{ display: block; text-align: center; margin: 10px auto;}
.join-bot .bot-list a img{ margin: 0 auto; display: block;}
.join-bot .bot-list a p{ font-family: Normal; font-family: Normal; font-size: 18px; color: #222222; text-align: center; line-height: 20px; margin-bottom: 10px;}
.join-bot .bot-list a span{ font-family: Normal; font-family: Normal; font-size: 14px; color: #222222; text-align: center; display: block;}

.service-part1{ width: 100%; overflow: hidden; margin: 75px auto 45px;}
.main4{ width: 1280px; margin: 0 auto; overflow: hidden;}
.service-part1 h5{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin-bottom: 40px; text-align: center;}
.service-part1 ul{ width: 1400px; display: block; margin: 0 auto; overflow: hidden;}
.service-part1 ul li{ width: 306px; height: 340px; background-color: #f8f8f8; float: left; margin-right: 19px; }
.service-part1 ul li img{ margin: 80px auto 30px; display: block;}
.service-part1 ul li p{font-family: Normal; font-size: 18px; color: #222222; line-height: 30px; margin-bottom: 10px; text-align: center;}
.service-part1 ul li span{font-family: Normal; font-size: 14px; color: #626262; line-height: 20px; display: block; text-align: center;}
.service-part1 ul li:hover{ cursor: pointer;}
.service-part1 ul li:hover p{ color: #29AFBD;}
.service-part2{ width: 100%; overflow: hidden; margin: 75px auto 45px;}
.service-part2 h5{font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin-bottom: 40px; text-align: center;}
.service-part2 .list{ width: 225px; height: 225px; float: left; position: relative; background: url(/JS9HT0MHDRIqIyDsD1IUEDNrIyVsDy1G.jpg) no-repeat center;}
.service-part2 .list p{font-family: Normal; font-size: 24px; color: #222222; line-height: 225px; text-align: center;}
.service-part2 .list span{font-family: Normal; display: none;}
.service-part2 .list i{ position: absolute; bottom: 10px; right: 40px; width: 50px; height: 50px; background-color: #29AFBD; border-radius: 25px; display: block; font-style: normal; font-size: 16px; color: #FFFFFF; line-height: 50px; text-align: center;}
.service-part2 .mid{ float: left; margin: 110px 112px;}
.service-part2 .list:hover{ background: url(/JS9HT0MHDRIqIyDsD1IUEDNrIyWMURAnHt.jpg) no-repeat center;}
.service-part2 .list:hover p{ line-height: 50px; margin-top: 50px;}
.service-part2 .list:hover span{ display: block; font-size: 16px; color: #868686; text-align: center; line-height: 30px;}
.service-part2 .list:hover i{ background-color: #FFFFFF; color: #222222; right: 87.5px;}
.service-part3{ width: 100%; overflow: hidden; margin: 150px auto 45px;}
.service-part3 h5{ font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin-bottom: 40px; text-align: center;}
.service-part3 ul{ width: 1300px; margin: 0 auto; overflow: hidden;}
.service-part3 ul li{ width: 426px; float: left; margin-right: 1px; float: left;}
.service-part3 ul li div{ width: 100%; height: 40px; overflow: hidden;font-size: 16px; color: #888888; line-height: 40px; text-align: center;}
.service-part3 ul li div.gray{font-family: Normal; background-color: #ebebeb;}
.service-part3 ul li div.first{font-family: Normal; height: 48px;font-size: 18px; color: #333333; line-height: 48px; text-align: center;}
.service-part3 .remarks{ width: 100%; border-top: 1px solid #efefef; overflow: hidden; margin-top: 50px;}
.service-part3 .remarks p{font-family: Normal; margin: 30px auto 10px; font-size: 16px; color: #29AFBD; line-height: 20px;}
.service-part3 .remarks span{font-family: Normal; font-size: 16px; color: #a3a3a3; line-height: 26px; display: block;}
.service-part4{width: 100%; overflow: hidden; margin: 75px auto 45px;}
.service-part4 h5{ font-family: Medium; font-size: 38px; color: #222222; line-height: 40px; margin-bottom: 40px; text-align: center;}
.service-part4-head{ width: 720px; margin: 50px auto; overflow: hidden;}
.service-part4-head .list{ width: 80px; float: left; margin: 0 80px;}
.service-part4-head .list img{ margin: 0 auto; display: block;}
.service-part4-head .list p{font-family: Normal; color: #333333; line-height: 20px; font-size: 16px; text-align: center;}
.service-part4-head .list.on p{ color: #29AFBD;}
.service-part4-bot{ width: 1280px; margin: 30px auto; overflow: hidden;}
.service-part4-bot ul{ width: 1400px;}
.service-part4-bot ul li{ width: 590px; float: left; margin-right: 100px; height: 190px; overflow: hidden;}
.service-part4-bot ul li h6{ font-size: 18px; color: #333333; line-height: 50px; border-bottom: 1px dashed #8C8C8C;}
.service-part4-bot ul li p{ font-size: 14px; color: #999999; line-height: 24px; margin: 20px 0 0px;}
.service1{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: url(/JS9HT1AqKIWNTSAIUHEoIt.jpg) repeat; overflow: hidden;}
.service1 .form{ width: 1100px; height: 650px; border-radius: 10px; margin: 200px auto; overflow: hidden; background-color: #FFFFFF; position: relative;}
.service1 .close{ position: absolute; top: 10px; right: 10px;}
.service1 .form h5{ font-family: Medium; font-size: 36px; color: #333333; line-height: 40px; margin: 35px auto 25px; text-align: center;}
.service1 .form .list{ width: 1020px; margin: 0 auto 10px; overflow: hidden;}
.service1 .form .list h6{font-family: Normal; font-size: 18px; color: #515151; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid #cdcdcd; margin-bottom: 20px;}
.service1 .form .list .w50{ width: 476px; padding: 0 10px; border-radius: 5px; height: 40px; border: 1px solid #dbdbdb; display: block; margin-bottom: 20px;}
.service1 .form .list .w100{ width: 998px; padding: 0 10px; border-radius: 5px; height: 40px; border: 1px solid #dbdbdb; display: block; margin-bottom: 20px;}
.service1 .form .list .apply-list{ width: 322px; padding: 0 10px; height: 40px; border-radius: 5px; border: 1px solid #dbdbdb; display: block; float: left; margin-right: 27px;}
.service1 .form .list .city2{margin: 20px auto;  overflow: hidden; width: 110%;}
.service1 .form .submit{ width: 200px; height: 48px; background-color: #29AFBD; margin: 10px auto; display: block; color: #FFFFFF; line-height: 48px; border-radius: 5px; border: none;}
.service2{ width: 100%; margin: 60px auto 100px; overflow: hidden;}
.service2 h5{font-family: Medium; font-size: 30px; color: #333333; line-height: 40px; text-align: center; margin-bottom: 30px;}
.service2 p{font-family: Normal; font-size: 20px; line-height: 30px; margin: 15px auto; color: #333333;}
.service2 span{font-family: Normal; font-size: 16px; color: #898989; line-height: 28px; display: block; margin-bottom: 10px;}
.service3{ width: 100%; padding: 60px 0 100px; overflow: hidden; background-color: #fafafa;}
.service3 h5{font-family: Medium; font-size: 30px; color: #333333; line-height: 40px; text-align: center; margin-bottom: 30px;}
.service3 .apply-list{ width: 278px; height: 38px; border: 1px solid #dbdbdb; border-radius: 5px; padding: 0 10px; float: left; margin: 0 30px; display: block;}
.service3 .city3{margin: 20px auto;  overflow: hidden; width: 720px;}
.service3 .result{ width: 100%; margin: 50px auto; overflow: hidden;}
.service3 .result h6{ font-size: 18px; color: #3e3e3e; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #CDCDCD; width: 100%; text-align: center;}
.service3 .result ul{ width: 1400px; margin: 0 auto; overflow: hidden;}
.service3 .result ul li{ width: 400px; float: left; margin: 50px 40px 20px 0; overflow: hidden;}
.service3 .result ul li p{ font-size: 20px; color: #333333; line-height: 40px;}
.service3 .result ul li span{ font-size: 16px; color: #747474; line-height: 26px; display: block;}


.news{ width: 100%; background-color: #f2f2f2; margin: 0 auto; overflow: hidden;}
.newshead{ display: none; width: 100%; height: 70px; border-bottom: 1px solid #e2e2e2; background-color: #FFFFFF; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 9999;}
.newshead ul{ width: 512px; margin: 0 auto; overflow: hidden;}
.newshead ul a{ width: 170px; float: left; font-size: 16px; color: #333333; line-height: 70px; text-align: center;}
.newshead ul span{ width: 1px; height: 16px; margin: 27px auto; display: block; background-color: #666; float: left;}
.newshead ul a.on{ color: #29AFBD;}
.news h5{font-family: Medium; margin: 90px auto 50px; font-size: 38px; color: #222222; line-height: 50px; text-align: center;}
.news ul{ width: 100%; margin: 0 auto; overflow: hidden; display: block;}
.news ul li{ width: 100%; height: 270px; margin-bottom: 30px; background-color: #FFFFFF; overflow: hidden;}
.news ul li img{ float: left; width: 460px; height: 220px; margin: 25px; display: block;}
.news ul li .news-right{ float: right; width: 1030px; height: 220px; margin:25px 60px 0 0; overflow: hidden;}
.news ul li .news-right .title{ font-size: 28px; color: #222222; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.news ul li .news-right span{ font-size: 14px; color: #8C8C8C; line-height: 24px; height: 135px; display: block;}
.news ul li .news-right .newslist-bot{ width: 100%; border-bottom: 1px solid #E2E2E2; overflow: hidden;}
.news ul li .news-right .newslist-bot .details{ font-size: 16px; color: #222222; line-height: 30px; float: left;}
.news ul li .news-right .newslist-bot .date{ font-size: 16px; color: #222222; line-height: 30px; float: right;}
.news ul li .news-right:hover .title{ color: #29AFBD;}
.news ul li .news-right:hover .newslist-bot{ border-bottom: none;}
.news ul li .news-right:hover .newslist-bot .details{ color: #29AFBD;}
.news button{ color: #5d5d5d; font-size: 16px; border: none; background: none; display: block; margin: 30px auto 100px;}
.news button img{ display: inline-block; margin-left: 15px;}


.news-detail{ width: 100%; margin: 0 auto; overflow: hidden;}
.main3{ width: 1460px; margin: 70px auto; overflow: hidden;}
.news-detail-left{ width: 1030px; float: left; padding-right: 70px; border-right: 1px solid #e5e5e5; margin-right: 70px;}
.news-detail-left .body{ overflow: hidden;}
.news-detail-left .body h5{ font-size: 30px; color: #222222; line-height: 40px; text-align: center; margin-bottom: 20px;word-wrap: break-word;}
.news-detail-left .body h5 span{ display: block; font-size: 16px; color: #c5c5c5; font-weight: normal;}
.news-detail-left .body p{ font-size: 16px; color: #000; line-height: 24px; margin-bottom: 20px;}
.news-detail-left .body div{ font-size: 16px; color: #000; line-height: 24px; margin-bottom: 20px;}
.news-detail-left .body img{ max-width: 100%; margin: 20px 0;}
.news-detail-left .news-bot{ width: 100%; overflow: hidden; margin: 50px 0;}
.news-detail-left .news-bot a{ font-size: 16px; max-width: 420px;}
.news-detail-left .news-bot .back{ display: block; margin:60px auto 0; width: 184px; height: 40px; border-radius: 20px; background-color: #29AFBD; line-height: 40px; color: #FFFFFF; text-align: center;}
.news-detail-right{ width: 289px; overflow: hidden; float: right;}
.news-detail-right h5{ font-size: 20px; line-height: 24px; color: #222222; margin-bottom: 30px;}
.news-detail-right a{ width: 289px; display: block; margin-bottom: 15px; overflow: hidden;}
.news-detail-right a img{ width: 100px; height: 50px; float: left;}
.news-detail-right a p{ width: 169px; font-size: 14px; color: #898989; line-height: 24px; height: 50px; float: left; margin-left: 20px;}

.contact{ width: 100%; height: 760px; overflow: hidden; position: relative;}
#allmap{ width: 100%; height: 760px; overflow: hidden;}
.contact-bot{ width: 100%; height: 250px; overflow: hidden; background: url(/JS9HT1MrKRqIIxHsHIZoDIkH.jpg) repeat; position: absolute; left: 0; bottom: 0;}
.contact-bot .list{ float: left; margin-left: 160px; margin-top: 45px;}
.contact-bot .list p{font-family: Normal; font-size: 16px; line-height: 38px; margin: 10px 0 30px; display: block; color: #FFFFFF;}
.contact-bot .list p img{ float: left; margin-right: 10px;}
.contact-bot .list .wechat{ width: 115px; float: left; margin-right: 40px;}
.contact-bot .list .wechat img{ width: 115px;}
.contact-bot .list .wechat p{font-family: Normal; margin: 0; text-align: center;}

.map{ width: 100%; margin: 0 auto; overflow: hidden;}
.map h5{font-family: Medium; font-size: 30px; line-height: 50px; margin: 80px auto 20px; text-align: center;}
.map ul{ margin: 50px 0 40px; float: left; display: block; overflow: hidden;}
.map ul li{ float: left; margin-right: 162px;}
.map ul li p{ font-size: 24px; color: #222222; line-height: 24px; margin-bottom: 10px;}
.map ul li a{ font-size: 14px; color: #868686; line-height: 22px; display: block;}

.distributor{ width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.main6{ width: 1620px; height: 560px; position: absolute; top: 110px; left: 50%; margin-left: -810px; background: url(/JS9HT19WDE5JHtZpD1cF.jpg) no-repeat center; background-size: 100% 100%;}
.body-left{ width: 300px; float: left; margin-left: 100px;}
.body-left h6{ font-size: 32px; color: #111111; line-height: 40px; margin: 90px 0 50px;}
.body-left .list{ width: 280px; margin: 15px 0; font-size:16px; color: #222222; line-height: 40px; border: none; border-bottom: 1px solid #D1D1D1; display: block; padding: 0 10px;}
.body-left .checkbox{ margin: 10px 0 20px; overflow: hidden;}
.body-left .btn{ width: 300px; height: 46px; margin: 30px 0; border-radius: 20px; background-color: #29AFBD; font-size: 18px; color: #FFFFFF; line-height: 46px; text-align: center;}

.bottom{ width: 100%; background-color: #F5F5F5; overflow: hidden;}
.bottom .menu{ width: 100%; margin: 0 auto; overflow: hidden;}
.bottom .menu ul{ margin: 50px 0 40px; float: left; display: block; overflow: hidden;}
.bottom .menu ul li{ float: left; margin-right: 80px;}
.bottom .menu ul li p{font-family: Normal; font-size: 14px; color: #222222; line-height: 20px; margin-bottom: 20px;}
.bottom .menu ul li a{ font-size: 12px; color: #868686; line-height: 22px; display: block;}
.bottom .menu .right{ width: 200px; float: right; overflow: hidden; margin-top: 60px;}
.bottom .menu .right .part1{ border-bottom: 1px solid #cdcdcd; overflow: hidden;}
.bottom .menu .right .part1 p{ font-family: Normal;text-align: center; margin-bottom: 10px; line-height: 20px;}
.bottom .menu .right .part1 a{ font-family: Normal; float: right; display: block; margin: 15px 0 15px 20px;}
.bottom .menu .right .number{ font-family: Normal; font-size: 14px; color: #222222; line-height: 30px; margin-top: 10px;}
.bottom .menu .right .number span{ font-family: Normal; font-size: 18px; color: #29AFBD; line-height: 30px; font-weight: bold;}
.bottom .expand{ font-size: 12px; color: #868686; line-height: 20px; margin: 0 0 10px; overflow: hidden;}
.bottom .expand a{ font-family: Normal; color: #868686; float: left; margin-right: 20px; display: block;}
.bottom .expand span{ font-family: Normal; float: left; width: 1px; height: 12px; background-color: #868686; display: block; margin:4px 20px 0 0;}
.bottom .bot{margin: 0 0 30px; overflow: hidden;}
.bottom .bot .left{ float: left;}
.bottom .bot .left p{ font-family: Normal; float: left; margin-right: 40px; font-size: 12px; color: #222222; line-height: 20px;}
.bottom .bot .right{ font-family: Normal; float: right; font-size: 12px; color: #222222; line-height: 20px;}



.distributor-list{ width: 100%; margin: 50px auto; overflow: hidden;}
.distributor-list h5{  font-size: 40px; color: #000000; line-height: 80px; text-align: center;}
.distributorList{ width: 100%; margin: 0 auto; overflow: hidden;}
.distributorList .line{ width: 100%; height: 72px; overflow: hidden;}
.distributorList .line:nth-child(odd){ background-color: #f2f2f2;}
.distributorList .line .list1{ width: 40%; padding: 0 10%; float: left;}
.distributorList .line .list2{ width: 10%; padding: 0 5%; float: left;}
.distributorList .line p{ font-size: 16px; line-height: 72px;}
.distributorList .line .detail{ width: 100px; height: 30px; border-radius: 5px; margin: 21px auto; background-color: #29AFBD; color: #fff; text-align: center; line-height: 30px; display: block;}
.distributor-list button{ color: #5d5d5d; font-size: 16px; border: none; background: none; display: block; margin: 30px auto 100px;}
.distributor-list button img{ display: inline-block; margin-left: 15px;}
.distributor-detail{ width: 100%; margin: 50px auto; overflow: hidden;}
.distributor-detail h5{ font-size: 40px; color: #000000; line-height: 80px; text-align: center;}
.distributor-detail p{ font-size: 16px; color: #868686; line-height: 32px; text-align: left;}<!--ºÄʱ0.00054407119750977Ãë-->