*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{  color: #666;background-color:#fff;font-size: 62.5%;}
h3,h4,h5,h6,a,span,p,font{color: #666;font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans;  text-align: justify;     font-weight: normal; display: block;}
img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 10px;}
.imgbox {overflow: hidden;position: relative;}
:root {
 --dex:#f6a20f
}



.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input{ -webkit-appearance:none; } 








.icenter {width: 1200px;margin: auto;position: relative;}

.more{display: block;width: 18rem;height: 5rem;text-align: center;line-height: 5rem;border: 1px solid #999;font-size: 16px; color: #333;}
.more:hover{border: 1px solid #007D81; color:#007D81; }

*:focus{ outline:none; }


 

 


 

.pcnav{position: fixed; height: 80px; background: #F7F7F7; z-index: 9999; width: 100%;}
.pcnav .icenter{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;     height: 80px; }
.pcnav .logo{ display: block;overflow: hidden;}
.pcnav .logo img{display: block; width: auto; height: 46px;}
.pcnav .pcdh{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;  }
.pcnav .pcdh dd{margin: 0 15px;position: relative;}
.pcnav .pcdh dd span{ display: block; height: 80px;}
.pcnav .pcdh dd span a{display: block; line-height: 80px; color:#333; font-size: 16px; color: #333;}
.pcnav .pcdh dd:hover span a{color: #007D81;}
.pcnav .pcdh dd strong{ display: none; position: absolute;  width: 200px; top: 80px; background: #333; left: -20px; padding: 10px 0;}
.pcnav .pcdh dd:hover strong{display: block;}
.pcnav .pcdh dd:nth-child(1) strong{background-color: rgba(15, 143, 147, 0.9);}
.pcnav .pcdh dd:nth-child(2) strong{background-color: rgba(26, 184, 89, 0.9);}
.pcnav .pcdh dd:nth-child(3) strong{background-color: rgba(254, 156, 63, 0.9);}
.pcnav .pcdh dd:nth-child(4) strong{background-color: rgba(29, 192, 204, 0.9);}
.pcnav .pcdh dd:nth-child(5) strong{background-color: rgba(165, 204, 48, 0.9);}
.pcnav .pcdh dd:nth-child(6) strong{background-color: rgba(184, 140, 206, 0.9);}

.pcnav .pcdh dd:nth-child(1) strong font:hover{ display: block; background-color: rgba(17, 126, 129, 0.99);}
.pcnav .pcdh dd:nth-child(2) strong font:hover{ display: block; background-color: rgba(22, 129, 65, 0.99);}
.pcnav .pcdh dd:nth-child(3) strong font:hover{ display: block; background-color: rgba(234, 115, 1, 0.9);}
.pcnav .pcdh dd:nth-child(4) strong font:hover{ display: block; background-color: rgba(27, 149, 158, 0.85);}
.pcnav .pcdh dd:nth-child(5) strong font:hover{ display: block; background-color: rgba(151, 189, 35, 0.9);}
.pcnav .pcdh dd:nth-child(6) strong font:hover{ display: block; background-color: rgba(146, 89, 175, 0.73);}


.pcnav .pcdh dd strong font{}
.pcnav .pcdh dd strong font a{margin: 0 0 0 20px; display: block; color: #fff; font-size: 14px; padding: 9px 0;}
.pcnav .rh{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;}
.pcnav .rh .tel img{display: block; height: 24px; width: auto; float: left;}
.pcnav .rh .tel span{line-height: 24px; float: left; color: #999; font-size: 18px; margin-left: 5px;}
.pcnav .rh .lg{    margin-left: 30px;}
.pcnav .rh .lg a{display: block; float: left; width: 30px; text-align: center; line-height: 30px; height: 30px; border: 1px solid #ccc; color: #333; margin: 0 0 0 5px;}
 





.homevideo{background: url(/style/img/indexvideobg.jpg); background-size: cover; padding: 100px 0; display: block; overflow: hidden;}
.homevideo h3{display: block; text-align: center; color: #333; font-size: 30px;}
.homevideo video{    display: block; width: 700px; margin: 50px auto;}
.homevideo h4{display: block; text-align: center; color: #333; font-size: 30px; margin-bottom: 30px;}
.homevideo h5{    display: block; font-size: 14px; line-height: 24px; text-align: center; color: #333; width: 80%; margin: 0 auto 30px;}
.homevideo .more{margin:0 auto;}

.innews{background: url(/style/img/indexnewsbg.jpg) fixed; background-size: cover; display: block; overflow: hidden; padding:100px 0; }
.innews h3{ display: block; text-align: center; color: #fff; font-size: 30px;}
.innews h4{ display: block; color: #fff; font-size: 16px; text-align: center; margin: 20px 0;}
.innews .more{    display: block;color: #fff;margin: 0 auto 30px;}
.innews .more:hover{color:#007D81;}
.innews dd{    display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; }
.innews dd a{    display: block; width: 32%; position: relative; background: #f2f2f2;}
.innews dd a:hover{background: #007D81;}
.innews dd a p{    display: block; overflow: hidden; max-height: 260px;}
.innews dd a strong{display: block; overflow: hidden; padding: 20px; font-weight: normal;}
.innews dd a strong span{display: block; text-align: center; color: #333; font-size: 16px;}
.innews dd a strong font{display: block; text-align: center; font-size: 14px; margin: 20px 0;}
.innews dd a:hover strong span,.innews dd a:hover strong font{color:#fff; }

.inlogo{ background-color: #EEF2F3;   display: block; overflow: hidden; padding:100px 0;  }
.inlogo h3{ display: block; text-align: center; color: #333; font-size: 30px;}
.inlogo h4{    display: block; color: #333; text-align: center; font-size: 18px; margin: 30px 0;}
.inlogo dd{  display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.inlogo a{display: block; float: left; width: 15.83%; margin: 0 1% 1% 0; position: relative;}
.inlogo a:nth-child(6n){margin-right:0;}
.inlogo a span{ background-color: #007D81; color: #fff; text-align: center; position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-content: center; justify-content: center; align-items: center; font-size: 16px; opacity: 0; transition: all .3s;}
.inlogo a:hover span{opacity: 0.9; }

.inpro{ padding: 100px 0; display: block; overflow: hidden;}
.inpro h3{ display: block; color: #333; font-size: 20px; text-align: center;}
.inpro h4{ display: block; text-align: center; color: #333; font-size: 40px; margin: 20px auto;}
.inpro .more{ margin: 0 auto 30px;}
.inpro dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; }
.inpro dl dd{    display: block; overflow: hidden; width: 32%;}
.inpro dl dd a{display: block; overflow: hidden; position: relative; }
.inpro dl dd a img{ display: block; width: 100%;transition: all .3s;}
.inpro dl dd a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.inpro dl dd a p{position: absolute; width: 100%; bottom: 0; background: rgba(255, 255, 255, 0.8); padding: 50px;}
.inpro dl dd a p strong{display: block; color: #333; font-size: 30px; text-align: center;}
.inpro dl dd a p span{display: block; text-align: center; color: #333; font-size: 14px; margin-top: 10px;}

.inpro dl dd:nth-child(1) a:nth-child(2){margin-top:20px;}
.inpro dl dd:nth-child(1) a:nth-child(2) p{position: relative;background:#007D81;}

.inpro dl dd:nth-child(2) a:nth-child(1){margin-bottom:20px;}
.inpro dl dd:nth-child(2) a:nth-child(1) p{position: relative;background:#FBA53F;}

.inpro dl dd:nth-child(3) a:nth-child(2){margin-top:20px;}
.inpro dl dd:nth-child(3) a:nth-child(2) p{position: relative;background:#704D88;}

.inpro dl dd:nth-child(1) a:nth-child(2) p strong,.inpro dl dd:nth-child(1) a:nth-child(2) p span,.inpro dl dd:nth-child(2) a:nth-child(1) p strong,.inpro dl dd:nth-child(2) a:nth-child(1) p span,.inpro dl dd:nth-child(3) a:nth-child(2) p strong,.inpro dl dd:nth-child(3) a:nth-child(2) p span{color:#fff;}

.banner{position: relative; overflow: hidden; height: 100%;}
.banner .swiper-container3{height:100%;}
.banner img{ height:100%;}

 
.banner .swiper-pagination span{width: 16px; height: 16px; opacity: 1; background: #ddd;}
.banner .swiper-pagination .swiper-pagination-bullet-active{    background: #007D81;}

.banner .swiper-slide{ position: relative;}
.banner .test1,.banner .test2{ position: absolute;  left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);}
.banner .test1 h3{display: block; color: #fff; font-size: 80px; font-weight: bold;}
.banner .test1 h3 span{    display: inline-block; color: #fff; font-size: 50px; font-weight: bold;}
.banner .test1 h4{color: #007D81; font-size: 36px; display: block;}
.banner .test1 h5{color: #007D81; font-size: 70px; display: block; font-weight: bold;}

.banner .test2 h3{display: block; color: #fff; font-size: 26px; opacity: 0.9; margin-left: 80px;}
.banner .test2 h4{ display: block; color: #fff; font-size: 60px; font-weight: bold;}
.banner .test2 h4 span{ display: inline-block;  color:#68F2F7; font-weight: bold; }
.banner .test2 h5{display: block; color: #fff; font-size: 24px; opacity: 0.9; margin-left: 120px;}
 




 

.pagebanner{ position: relative; overflow: hidden; max-height: 500px;}
.pagebanner img{display: block; width: 100%;}
.pagebanner .icenter{position: absolute; bottom:50px; left: 50%; margin-left: -600px;}
.pagebanner .icenter img{width: auto; display: inline-block;}
.pagebanner dl{background-color: rgba(252, 252, 252, 0.70); padding: 30px; display: block; overflow: hidden;}
.pagebanner p{ font-size: 14px; margin-bottom: 10px;}
.pagebanner p a{display: inline-block;}
.pagebanner h3{display: block; color: #333; font-size: 40px;}

.pc4web{background-color: #EEF2F3; padding: 100px 0; display: block; overflow: hidden;}
.pc4web .icenter{}
.pc4web dd{display: block; overflow: hidden; margin-bottom: 50px;}
.pc4web h3{display: block; color: #333; font-size: 20px; text-align: center; line-height: 40px; }
.pc4web h3 span{color: #007D81; display: inline; font-size: 30px; line-height: 40px;}
.pc4web h4{display: block; text-align: center; color: #333; font-size: 18px;}
.pc4web dt{}
.pc4web dt a{display: block; float: left; width: 19.2%; margin: 0 1% 1% 0; position: relative; overflow: hidden;}
.pc4web dt a:nth-child(5n){margin-right:0;}
.pc4web dt a span{background: rgba(0, 125, 129, 0.9); position: absolute; width: 100%; top: 0; height: 100%; color: #fff; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; font-size: 18px; opacity: 0; transition: all .2s; }
.pc4web dt a:hover span{ opacity: 1; }




 

 

.c3web_one{padding:100px 0; display: block; overflow: hidden;}
.c3web_one h3{ display: block; text-align: center; color: #333; font-size: 30px;}
.c3web_one h4{ display: block; text-align: center; color: #333; font-size: 22px;    margin-bottom: 50px;}
.c3web_one .icenter{    display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; }
.c3web_one dd{display: block; background: #eee; width: 32%; padding: 30px 0;}
.c3web_one dd span{display: block; color: #333; font-size: 60px; text-align: center;}
.c3web_one dd font{color:#666; display: block; text-align: center; font-size: 16px;}

.c3web_two{background: url(/style//img/pageabout3Cbg.jpg) fixed; background-size: cover; padding: 100px 0;}
.c3web_two .icenter{ background: rgba(255, 255, 255, 0.87); padding: 30px; display: block; overflow: hidden;}
.c3web_two .icenter h3{ display: block; color: #333; font-size: 30px; margin-bottom: 30px; }
.c3web_two .icenter h4{ display: block; color: #333; font-size: 14px; line-height: 24px;}

.c3web_three{ background: none; }
.c3web_three .icenter{ background: rgba(0, 125, 129, 0.05); }

.c3web_four{}
.c3web_four h3{ display: block; text-align: center; color: #333; font-size: 30px; }
.c3web_four dl{ display: block; overflow: hidden; padding: 80px 0; background: #eee; margin-top: 30px; }
.c3web_four dl .icenter{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;}
.c3web_four dl dd{display: block; overflow: hidden; width: 17%;}
.c3web_four dl dd span{display: block; text-align: center; color: #333; font-weight: bold; font-size: 18px; margin-bottom: 20px;}
.c3web_four dl dd font{display: block; color: #666; font-size: 14px; line-height: 20px;    text-align: justify;}

.c3web_five{display: block; overflow: hidden; padding: 80px 0;}
.c3web_five h3{display: block; text-align: center; color: #333; font-size: 30px;}
.c3web_five dl{display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 15px 0; }
.c3web_five dl dd{}
.c3web_five dl dd span{color: #333; font-size: 20px;}
.c3web_five dl dd font{display: block; color: #333; font-size: 14px;}

 


 

.job4_one{display:block;overflow:hidden;margin:100px auto;display:-webkit-flex; display:flex;-webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; }
.job4_one a{display: block; overflow: hidden; position: relative; width: 32%;}
.job4_one a img{}
.job4_one a p{transition: all .3s; position: absolute; top: 38%; left: 10%;}
.job4_one a p span{display: block; color: #fff; font-size: 20px;}
.job4_one a p font{display: block; color: #ddd; font-size: 16px; opacity: 0; transition: all .3s;  }
.job4_one a:hover p{top:26%;}
.job4_one a:hover p font{ opacity:1; }

.job4_lsit{display: block; overflow: hidden; margin-bottom: 150px;}
.job4_lsit dd{ display:block;overflow:hidden; margin-bottom:30px; }
.job4_lsit dd span,.job4_lsit dd font{color: #007D81; font-size: 20px; font-weight: bold; float: left; width: 50%; text-indent: 15px;}
.job4_lsit dt{}
.job4_lsit dt a{display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 15px;}
.job4_lsit dt a span,.job4_lsit dt a font{display: block; float: left; width: 50%; font-size: 16px;}
.job4_lsit dt a:hover span,.job4_lsit dt a:hover font{color: #007D81;}

 


 
.job3_one{ padding: 100px 0; display: block; overflow: hidden; }
.job3_one h3{display: block; color: #333; font-size: 30px;margin-bottom: 15px; }
.job3_one h4{display: block; color: #333; font-size: 16px;}

.job3_two{ padding:0px 0 100px; display: block; overflow: hidden; }
.job3_two dd{border-bottom: 1px solid #007D81; background: #eee; display: block; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; margin-top: 30px;}
.job3_two dd p{width: 16.66%; padding: 30px 0;}
.job3_two dd p img{display: block; width: auto; height: 30px; margin: 0 auto;}
.job3_two dd p span{display: block; text-align: center; font-size: 14px; color: #333; margin-top: 10px; }
.job3_two dd p:hover{ background: #ddd; }
.job3_two dd p:hover span{ color:#007D81; }

 
 

.job2_one{display: block; overflow: hidden; padding: 100px 0; background: #000;}
.job2_one .icenter{}
.job2_one .icenter span{display: block; float: left; width: 30%; color: #fff; font-size: 30px;}
.job2_one .icenter font{display: block; float: left; width: 65%; color: #fff; font-size: 16px; line-height: 26px;}

.job2_one1{background-color: #0f8f93e6;}
.job2_one2{background-color: #1ab859e6;}
.job2_one3{background-color: #ea7301e6;}
.job2_one4{background-color: #1b959ed9;}
.job2_one5{background-color: #97bd23e6;}

 

 
.job1_one{    padding: 100px 0; display: block; overflow: hidden;}
.job1_one h3{ display: block; color: #333; font-size: 30px; text-align: center; margin-bottom: 20px; }
.job1_one p{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;}
.job1_one p span{display: block; width: 48%; font-size: 14px; color: #333; line-height: 26px;}

.job1_two{background: url(/style/img/jobinfobg1.jpg) fixed; background-size: cover; padding: 100px 0; display: block; overflow: hidden;}
.job1_two p{display: block; text-align: center; color: #fff; font-size: 26px;}

.job1_three{padding: 100px 0; display: block; overflow: hidden;}
.job1_three p{display: block; text-align: center; color: #333; font-size: 14px; margin-bottom: 20px;}
.job1_three strong{display: block; text-align: center; color: #333; font-size: 20px; margin-bottom: 50px;}
.job1_three span{display: block; text-align: center; color: #333; font-size: 16px; margin-bottom: 10px;}
.job1_three video{display: block; width: 50%; margin: 0 auto 50px;}


 
 
.jobshow{padding: 100px 0; display: block; overflow: hidden;}
.jobshow dd{display: block; overflow: hidden; margin-bottom: 30px;}
.jobshow dd p{display: block; overflow: hidden; float: left; width: 49%; padding: 10px 0;}
.jobshow dd p:nth-child(2n){float: right;}
.jobshow dd p span{display: block; float: left; width: 14%; font-size: 16px;}
.jobshow dd p font{display: block; float: left; width: 86%; border-bottom: 1px solid #ddd; font-size: 16px;}
.jobshow dt{display: block; overflow: hidden; }
.jobshow dt p{display: block; overflow: hidden; margin-bottom: 30px;}
.jobshow dt p strong{color: #333; font-size: 16px; margin-bottom: 10px; display: block;}
.jobshow dt p span{display: block; font-size: 14px; color: #333; line-height: 24px;}	
 
 

.newslist{display: block; overflow: hidden; margin: 50px 0;}	
.newslist a{display: block; overflow: hidden; background:#FAFAFA; margin-bottom: 30px;}
.newslist a dd{display: block; overflow: hidden; padding: 30px 0;}
.newslist a:hover{background: #eee;}
.newslist a dd img{display: block; float: left; width: 25%;}
.newslist a dd p{display: block; overflow: hidden; float: right; width: 70%; margin: 20px 0 0 0;}
.newslist a dd p span{display: block; color: #333; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.newslist a dd p font{font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.newslist a dd p i{font-style: inherit; color: #007D81; font-size: 14px; display: block;}
.newslist a:hover dd p span{ color: #007D81;}


.fy{}
.fy .screen-reader-text{display: none;}
.nav-links{display: block; text-align: center; overflow: hidden; margin-bottom: 50px;}
.nav-links span,.nav-links a{display: inline-block; width: 40px; height: 40px; border: 1px solid #eee; text-align: center; line-height: 40px; color: #333;}
.nav-links span,.nav-links a:hover{ background-color: #007D81; color: #fff; border: 1px solid #007D81; }
.nav-links .dots{  border: 1px solid #eee;  color: #333; background-color: #fff;  }

 

 
.newsshow{}
.newsshow dd{padding: 50px 0; display: block; overflow: hidden; position: relative;}
.newsshow dd h3{ display: block; overflow: hidden; }
.newsshow dd h3 strong{display: block; color: #666; font-size: 26px; margin-bottom: 10px;}
.newsshow dd h3 span{color: #333; font-size: 14px; display: block;}
.newsshow dd p{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-size: 20px; color: #333; position: relative; margin-bottom: 50px; }
.newsshow dd p:after{      content: ""; display: block; background-color: #007D81; width: 100px; height: 1px; position: absolute; bottom: 0;  }

.newsshowest{  display: block; overflow: hidden;  margin: 50px auto; }
.newsshowest img{display: block; width: auto; max-width: 100%; margin: 20px auto;}


.newsshowest p,.newsshowest span,.newsshowest font,.newsshowest i,.newsshowest strong,.newsshowest dl,.newsshowest dd,.newsshowest dt,.newsshowest ul ,.newsshowest li,.newsshowest section{display: block; font-size: 14px; color: #333; line-height: 24px;}
.newsshowest a{ color:#007D81; }


 


 
.about1_one{ background: url(/style/img/pageaboutbg1.jpg); background-size: cover; padding: 100px 0; display: block; overflow: hidden;}
.about1_one strong{ font-weight: normal; display: block;font-size:30px; color:#333;float: left;width: 20%;}
.about1_one span{display: block; float: right; width: 78%; font-size: 14px; color: #333; line-height: 24px;}	

.about1_two{      background-color: #F9F9F9; padding: 100px 0; overflow: hidden; }
.about1_two .icenter{   display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;  }
.about1_two p{display: block; overflow: hidden; width: 23.5%;}
.about1_two p img{ display: block;width: 100%;}
.about1_two p span{display: block; text-align: center; color: #333; padding: 10px 0; border-bottom: 1px solid #ddd;}

.about1_three{padding: 100px 0; display: block; overflow: hidden;text-align: center;}
.about1_three strong,.about1_four strong{display: block; text-align: center; color: #333; font-size: 30px; font-weight: normal;}
.about1_three span,.about1_four span{display: inline-block;border-bottom: 1px solid #ddd; color: #333; font-size: 18px; margin-top: 20px;}
.about1_three font{display: block; color: #333; font-size: 14px; line-height: 24px; margin-top: 30px;}

.about1_four{ text-align: center; padding: 0 0 100px; display: block; overflow: hidden;}
.about1_four dd{border-top: 1px solid #ddd; border-left: 1px solid #ddd; display: block; overflow: hidden;margin-top: 30px;}
.about1_four dd p{display: block; float: left; width: 16.66%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}



 

.ab2_one_list{display: block; overflow: hidden; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 100px auto; }
.ab2_one_list dd{display: block; float: left; width: 23.5%; margin: 0 2% 30px 0; border: 1px solid #eee; }
.ab2_one_list dd:nth-child(4n){margin-right:0; } 
.ab2_one_list dd img{display: block; width: 100%;}
.ab2_one_list dd span{display: block; text-align: center; margin: 10px 0; color: #333; font-size: 14px;}

 

 
.ab3_one{padding: 100px 0; display: block; overflow: hidden;}
.ab3_one h3{display: block; color: #333; font-size: 30px; margin-bottom: 10px;}
.ab3_one h4{display: block; color: #333; font-size: 16px; line-height: 26px;}

.ab3_two{display: block; overflow: hidden; padding: 100px 0; background:#e9ecec;}
.ab3_two h3{display: block; color: #333; font-size: 30px; margin-bottom: 10px;    text-align: center;}
.ab3_two dd{}
.ab3_two dd p{display: block; float: left; width: 25%; overflow: hidden; margin-top: 20px;}
.ab3_two dd p span{color: #000; font-size: 18px; display: block;}
.ab3_two dd p font{display: block; font-size: 14px;}

.ab3_three{    background: url(/style//img/pageabout3Cbg.jpg) fixed; background-size: cover; padding: 100px 0;}
.ab3_three h3{display: block; color: #fff; font-size: 30px; margin-bottom: 10px;  text-align: center;  }
.ab3_three h4{display: block; color: #fff; font-size: 16px; line-height: 26px; text-align: center;}

.ab3_four{padding: 100px 0; display: block; overflow: hidden;}
.ab3_four h3{display: block; color: #333; font-size: 30px; margin-bottom: 20px; }
.ab3_four h4{ display: block; color: #333; font-size: 14px; line-height: 24px;}

.ab3_five{padding: 100px 0; display: block; overflow: hidden;background-color: #0f8f93e6;}
.ab3_five .icenter{}
.ab3_five h3{display: block; color: #fff; font-size: 30px; margin-bottom: 20px; }
.ab3_five h4{ display: block; color: #fff; font-size: 14px; line-height: 24px;}


 
.ab4{    position: relative; overflow: hidden; width: 800px; margin: 100px auto;padding: 70px 0;}
.ab4 dd{ position: absolute; top: 0; left: 71px; height: 100%;  }
.ab4 dd img{}
.ab4 dd span{position: absolute; width: 1px; height: 100%; background: #007d81; left: 50%; top: 54px; margin-left: -1px;}
.ab4 dt{position: relative;z-index: 2;}
.ab4 dt p{display: block; overflow: hidden; margin-bottom: 30px;}
.ab4 dt p span{display: block; float: left; width: 85px; margin-right:10px;text-align: right; font-size: 20px; color: #666;line-height: 36px;}
.ab4 dt p img{display: block; float: left; width: 15px;margin-top: 10px;}
.ab4 dt p font{width: calc(100% - 120px); display: block; float: left; margin: 5px 0 0 10px; font-size: 16px; color: #333;}
 

.ab5_one{ display: block; overflow: hidden; padding: 100px 0;}
.ab5_one dl{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom:50px; margin-bottom:50px;}
.ab5_one dl h3{display: block; float: left; width:15%; font-size: 24px; color: #333;}
.ab5_one dl dd{display: block; overflow: hidden; float: right; width: 80%; }
.ab5_one dl dd img{display: block; float: left; width:19.2%; margin: 0 1% 1% 0;}
.ab5_one dl dd img:nth-child(5n){margin-right:0; }

 
 

.vidwoweb_one{    background: url(/style/img/pagevideo1.jpg); display: block; overflow: hidden; background-size: cover; padding: 100px 0;}
.vidwoweb_one h3{display: block; text-align: center; color: #fff; font-size: 20px;}
.vidwoweb_one h4{display: block; text-align: center; color: #fff; font-size: 36px; margin: 20px 0;}
.vidwoweb_one img{display: block; width: auto; margin: 0 auto;}


.vidwoweb_two{display: block; overflow: hidden;}
.vidwoweb_two dl{padding: 100px 0; display: block; overflow: hidden;}
.vidwoweb_two dl video{display: block; width: 800px; margin: 0 auto;}
.vidwoweb_two dl span{display: block; text-align: center; color: #fff; font-size: 30px; margin: 20px 0;}
.vidwoweb_two dl font{display: block; text-align: center; color: #fff; font-size: 14px; line-height: 24px;}


 

.prolist{display: block; margin:60px auto;}
.prolist h3{display: block; color: #333; font-size: 26px; margin: 0 0 20px 0;}
.prolist dd{background: rgb(92, 150, 3); display: block; overflow: hidden;    padding: 10px;}
.prolist dd span{display: block; float: left; color: #fff; font-size: 18px; margin: 0 20px;line-height: 36px;}
.prolist dd img{filter: none; filter: grayscale(1) brightness(30); width: auto; float: left; height: 36px;}
.prolist i{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; overflow: hidden;width: 80%;}
.prolist i img{ display: block;width: 23%;}
.prolist dl{overflow: hidden; padding: 15px; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.prolist dl dt{ box-shadow: 0 12px 15px rgba(0, 0, 0, .1); display: block; overflow: hidden; width: 32%; float: left;margin: 0 2% 2% 0;}
.prolist dl dt:nth-child(3n){ margin-right:0;}
.prolist dl dt span{ background: #eee; color: #007D81; display: block; font-size: 16px; text-align: center; padding: 10px 0;}
.prolist dl dt p{ display: block; overflow: hidden; padding: 20px;}
.prolist dl dt p strong{ color: #007D81; float: left; width: 20%; font-size: 14px;}
.prolist dl dt p font{display: block; float: right; width: 75%; font-size: 14px; line-height: 24px;}
 






.ftbot{ display: block; background: #E8E8E8; padding: 30px 0; overflow: hidden;}
.ftbot p{display: block; color: #333; text-align: center; font-size: 14px;}
.ftbot p a{display: inline-block; color: #007D81; font-size: 14px;}
.ftbot p img{display: block; width: auto;}


.fttop{background-color: #E8E8E8; padding: 50px 0 0; display: block; overflow: hidden;}
.fttop h3{display: block; color: #333; font-size: 24px; text-align: center; margin-bottom: 30px;}
.fttop dl{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;    margin-bottom: 50px;}
.fttop dl a{display: block; overflow: hidden; width: 20%;}
.fttop dl a img{display: block; width: auto; height: 60px; margin: 0 auto;}
.fttop dl a span{display: block; text-align: center; color: #333; font-size: 18px; margin: 16px 0;}
.fttop dl a font{display: block; text-align: center; font-size: 12px; line-height: 20px;color:#999;}
.fttop h4{background-color: #007D81; color: #fff; padding: 20px 0; font-size: 26px; text-align: center;}

.ftict{background: #333; padding: 50px 0;}
.ftict h3{display: block; color: #fff; font-size: 30px; border-bottom: 1px solid #666; text-align: center; padding: 0 0 10px 0; margin-bottom: 50px;}
.ftict dl{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; }
.ftict dl dd span{display: block; overflow: hidden;margin-bottom: 16px;}
.ftict dl dd span a{ color: #fff; font-size: 18px;}
.ftict dl dd strong{display: block; overflow: hidden;font-weight: normal;}
.ftict dl dd strong font{    display: block; overflow: hidden; margin: 10px 0;}
.ftict dl dd strong font a{color: #eee; font-size: 14px;}
.ftict .bt{display: block; overflow: hidden; margin-top: 0;}
.ftict .bt .lf{display: block; float: left; overflow: hidden;}
.ftict .bt .lf h6{display: block; color: #fff; font-size: 18px;}
.ftict .bt .lf form{display: block; overflow: hidden; margin-top: 10px;}
.ftict .bt .lf form .text{display: block; width: 400px; border: 0; height: 40px; float: left; text-indent: 2em;}
.ftict .bt .lf form .tijiao{background: #007D81; color: #fff; height: 40px; border: 0; width: 120px; font-size: 18px; float: left;}
.ftict .bt .rh{display: block; float: right; overflow: hidden;}
.ftict .bt .rh .ewm img{width: auto; height: 160px; margin: 0 auto 10px;}
.ftict .bt .rh .ewm span{display: block; text-align: center; color: #999; font-size: 14px;}

 




 
.appbanner{}
.appbanner .att{display: block; color: #333; font-size: 50px; margin: 50px auto;}
.appbanner .pic{display: block; overflow: hidden; position: relative;}
.appbanner .pic p{display: block; overflow: hidden; max-height:500px;}
.appbanner .pic .bgimg{display: block; width: 100%;}
.appbanner .pic dl{display: block; overflow: hidden; text-align: center; position: relative; top: -100px;}
.appbanner .pic dl dd{display: inline-block; overflow: hidden; width: 29%; background: #eee; border-radius: 4px; padding: 30px 0; margin: 0 2%;}
.appbanner .pic dl dd strong{display: block; color: #333; font-size: 26px; font-weight: normal; margin: 20px 0;}
.appbanner .pic dl dd span{display: block; text-align: center; width: 80%; margin: 0 auto 30px; font-size: 14px; color: #333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.appbanner .pic dl dd img{display: block; width: auto; height: 60px; margin: 0 auto;}



.appprotj,.appgytj{display: block; overflow: hidden; margin-bottom: 50px;}
.appprotj h3,.appgytj h3{display: block; color: #333; font-size: 30px; margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.appprotj .ttapp{}
.appprotj .ttapp dl,.appgytj .gybtlist dl{display: block; overflow: hidden; width: 30%; float: left; margin: 0 5% 0 0;}
.appprotj .ttapp dl:nth-child(3n),.appgytj .gybtlist dl:nth-child(3n){margin-right:0;}
.appprotj .ttapp dl h4,.appgytj .gybtlist dl .gydd h4{background: #007d81; color: #fff; text-indent: 30px; padding: 6px 0; font-size: 18px;}
.appprotj .ttapp dl .tolist{display: block; overflow: hidden; margin-top: 20px;}
.appprotj .ttapp dl .tolist .act{display: block; background: #fff; border: 1px solid #eee; margin-bottom: 20px;}
.appprotj .ttapp dl .tolist .act strong{background: #eee; color: #007D81; display: block; font-weight: normal; font-size: 16px; padding: 6px 0 6px 20px;}
.appprotj .ttapp dl .tolist .act dd{display: block; overflow: hidden; padding:10px 20px;}
.appprotj .ttapp dl .tolist .act p{display: block; overflow: hidden; margin: 10px 0;}
.appprotj .ttapp dl .tolist .act p span{color: #007D81; float: left; margin-right: 5px; width: 60px; font-size: 14px; }
.appprotj .ttapp dl .tolist .act p font{color: #666; float: left;width: calc(100% - 65px); font-size: 14px; }


 
.appgytj .gybtlist{}
.appgytj .gybtlist dl .gydd{}
.appgytj .gybtlist dl .gydd h4{}
.appgytj .gybtlist dl .gydd .gybl{}
.appgytj .gybtlist dl .gydd .gybl dd{display: block; overflow: hidden; margin: 10px 0; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.appgytj .gybtlist dl .gydd .gybl dd i{display: block; width: 26px; height: 26px; text-align: center; line-height: 26px; font-style: inherit; color: #fff; background: #007d81;  border-radius: 50%; float: left; font-size: 14px;}
.appgytj .gybtlist dl .gydd .gybl dd p{width: calc(100% - 40px); display: block; float: right;}
.appgytj .gybtlist dl .gydd .gybl dd p span{display: block; color: #333; font-size: 14px; margin-bottom: 5px; }

.appgytj .gybtlist dl .gydd .gybl h5{display: block; color: #007d81; font-size: 14px; margin: 20px 0;}
 

 

.protech{display: block; overflow: hidden; margin:50px auto;}
.protech dl{display: block; float: left; width: 48%; overflow: hidden;  }
.protech dl:nth-child(2n){ float: right;  }
.protech dl p{}
.protech dl p img{}
.protech dl h3{color: #007D81; font-size: 22px; border-bottom: 1px solid #ddd; display: block; margin: 20px 0;}
.protech dl dd{}
.protech dl dd p{display: block; overflow: hidden; margin: 20px 0;}
.protech dl dd p span{display: block; float: left; background: #eee; width: 150px; text-align: right; padding-right: 20px; font-size: 14px; color: #333; line-height: 30px;}
.protech dl dd p font{width: calc(100% - 180px); float: right; color: #333; line-height: 24px;}

 
.c1_one{    padding: 100px 0;}
.c1_one h3{display: block; color: #333; font-size: 40px; margin-bottom: 20px;}
.c1_one .lt{    display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; margin-bottom: 50px; }
.c1_one .lt p{}
.c1_one .lt p span{display: block; color: #666; font-size: 18px;}
.c1_one .lt p font{ display: block; color: #333; font-size: 30px;}

.c1_one .colist{ border-top: 1px solid #eee; padding-top: 50px; display: block; overflow: hidden;}
.c1_one .colist dt{ display: block; float: left; width: 50%; overflow: hidden; margin-bottom: 50px;  }
.c1_one .colist dt strong{color: #007D81; font-size: 18px; margin-bottom: 10px; display: block;}
.c1_one .colist dt span{display: block; color: #333; font-size: 14px; line-height: 24px;}

 



 

/*address*/
.address-wrap{background-color:#fff;overflow:hidden;}
.address-wrap .map-box{float: right;width: 60%;height: 500px;background-color: #ccc;position: relative;}
.address-wrap .s-main{float: left;width: 40%;background: #f2f2f2;padding-left: 10%;height: 500px;}
.address-wrap .s-main .sm-hd{margin-top:30px; overflow: hidden; margin-bottom: 40%;}
.address-wrap .s-main .sm-province{margin-top:30px;width:246px;height:30px;}
.address-wrap .s-main .sm-province .smp-sel-hd{height:30px;padding:0 30px 0 16px;background:url(../images/s-main-hd-arrow.png) 216px center no-repeat #666;color:#FFF;line-height:30px;cursor:default;}
.address-wrap .s-main .sm-province .smp-sel-list{display:none;width:246px;padding-bottom: 5px;background-color:#BBB;position:relative;z-index:99;overflow:hidden;}
.address-wrap .s-main .sm-province .smp-sel-list li{float:left;width:123px;height:30px;text-align:center;color:#FFF;font-size:12px;line-height:30px;cursor:pointer;overflow:hidden;}
.address-wrap .s-main .sm-province .smp-sel-list li:hover{background-color:#999;}
.address-wrap .s-main .sm-city{margin-top:10px;width:246px;height:30px;}
.address-wrap .s-main .sm-city .smc-sel-hd{height:30px;padding:0 30px 0 16px;background:url(../images/s-main-hd-arrow.png) 216px center no-repeat#666;color:#FFF;line-height:30px;cursor:default;}
.address-wrap .s-main .sm-city .smc-sel-list{display:none;width:246px;background-color:#BBB;position:relative;z-index:99;overflow: hidden;}
.address-wrap .s-main .sm-city .smc-sel-list li{float:left;width:82px;text-align:center;height:30px;color: #FFF;font-size:12px;line-height:30px;cursor:pointer;overflow:hidden;}
.address-wrap .s-main .sm-city .smc-sel-list li:hover{background-color:#999;}
.address-wrap .s-main .sm-search{margin-top:10px;width:198px;height:28px;padding:0 30px 0 16px;border: 1px solid #BBB;background: url(../images/s-main-search.png) 216px center no-repeat #FFF;}
.address-wrap .s-main .sm-search input[type="text"]{width:198px;height:28px;border:none;color:#666;}
.address-wrap .s-main .sm-store-add{width:100%;height:100%; padding-right:20px;position:relative;}
.address-wrap .s-main .sm-store-add .viewport{width:100%;height:100%;overflow:hidden;position:relative;}
.address-wrap .s-main .sm-store-add .viewport .overview{position:absolute;left:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;     transform: translate(0%, -50%);top: 50% !important;left: 0;}
.address-wrap .s-main .sm-store-add .scrollbar{position:absolute;right:1px;top:0;width:2px;height:396px;background-color:#EFEFEF;}
.address-wrap .s-main .sm-store-add .scrollbar .track{background-color:#CCC;position:relative;}
.address-wrap .s-main .sm-store-add .scrollbar .track .thumb{width:4px;background-color:#666;position:absolute;left:-1px;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.address-wrap .s-main .sm-store-add .disable{display:none;}
.address-wrap .s-main .sm-store-add .sms-sel-list li{ cursor:pointer;overflow: hidden;margin: 30px 0;  }
.address-wrap .s-main .sm-store-add .sms-sel-list li .st-name{color:#333;font-size:18px;line-height:18px;}
.address-wrap .s-main .sm-store-add .sms-sel-list li .st-cont{margin-top:10px;color:#666;font-size:14px; }
#map{width:100%;height:100%; opacity: 1;}
 

 

@media screen and (max-width:1600px) {   




}