@charset "utf-8";
/* CSS Document */

.amore{ display: inline-block; line-height: 58px; padding: 0 40px; border-radius: 30px; border: 1px solid #333;font-size: 17px;color: #666; overflow: hidden; transition:.3s ease;}
.amore i{ display: inline-block;  transition: .3s ease; margin-left: 10px; font-size: 18px;}
.amore span{ display: inline-block;width: calc(100% - 43px); text-align: center; line-height: 42px; transition: .3s ease;  position: relative; z-index: 2}

.amore.wb{ border-color: #fff; color: #fff;}
.amore:hover i,.amore.on i{ margin-left: 15px;}
.amore:hover,.amore.on{ background: #004a44; border-color: #004a44; color: #fff;}
.amore.on:hover{ box-shadow:0 0 8px rgba(0,74,68,.6);}
.amore:hover span{ transform: translateX(-43px); color: #fff;}
.amore:hover:after{ width: 100%;}
.sy_ban{ width: 100%;position: relative; overflow: hidden;}
.sy_ban iframe,.sy_ban video{ width: 100%;height:object-fit:cover;}
.mainswiper{ overflow: hidden; height: 100vh;}
.mainslide{ height: 100vh!important; overflow: hidden;}
.bannerswiper img,.bannerswiper{ height: 100%; width: 100%; object-fit:cover;}
.sy_ban .txt1{ position: absolute; width: 100%; left: 0; top: 30%; color: #fff;}
.sy_ban .txt1 b{ font-size: 60px; line-height: 60px; color: #fff; font-weight: bold; margin-bottom: 20px;}
.sy_ban .txt1 span{ display: block; font-weight: lighter; font-size: 20px;}
.sy_ban .txt1 .amore{ margin-top: 60px;}

.sy_mate .tab-bd,.sy_mate .tab-bd li,.sy_mate .tab-bd img{width: 100%; height: 100%; object-fit:cover}
.sy_mate .tab-bd .txt{ width: 100%; position: absolute; left: 0; bottom: 100px;}
.sy_mate .tab-bd .txt .txtbox{ width: 32%; color: #fff; padding-left: 40px;}
.sy_mate .tab-bd .txt .amore{ margin-top: 25px;}
.sy_mate .mate_box{position: absolute; width: 100%; left: 0; bottom: 270px; color: #fff;}
.sy_title{ margin-bottom: 42px;}
.sy_title span{ color: #fff; display: block; font-family: Arial!important;font-size: 72px; line-height: 80px; text-transform: uppercase; margin-bottom: 20px;}
.sy_title p{ color: #fff; font-weight: lighter; font-size: 45px;}
.sy_title p b{ display: inline; font-weight: bold; color: #fff;}
.mate_box .tab-hd{ padding-left: 10px;}
.mate_box .tab-hd{display: inline-block;}
.mate_box .tab-hd p{ display: inline-block; padding: 0 32px; line-height: 56px; border-radius: 28px; font-size: 20px;}
.mate_box .tab-hd p i{ margin-left: 40px; opacity: 0; font-size: 20px;}
.mate_box .tab-hd .active p{ background: rgba(255,255,255,.2);}
.mate_box .tab-hd .active p i{ opacity: 1;}


.sy_cust .sy_title{ width: 100%; text-align: center; position: absolute; left: 0; top: 120px; z-index: 2;}
.custswiper img,.custswiper{ height: 100%; width: 100%; object-fit:cover;}
.custswiper .cust_txt{ position: absolute; width: 100%; left: 0; bottom: 110px;}
.custswiper .cust_txt p{ width: 45%; margin-right: auto; font-size: 44px; line-height: 68px; font-weight: lighter; color: #fff;}
.custswiper .swiper-pagination{ bottom: 50px;}
.custswiper .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 3px; background: none; overflow: hidden; position: relative; opacity: 1; border-radius: 0;}
.custswiper .swiper-pagination .swiper-pagination-bullet:after,.custswiper .swiper-pagination .swiper-pagination-bullet:before{position: absolute;width:0; transition:width 4s; height: 100%; left: 0; top: 0; background: #fff; content: ''; border-radius: 3px; opacity: 0 }
.custswiper .swiper-pagination .swiper-pagination-bullet:before{ width: 100%; opacity: .4}
.custswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 100%; opacity: 1;}

.sy_case .tab-bd1,.sy_case .tab-bd1 li,.sy_case .tab-bd1 img{width: 100%; height: 100%; object-fit:cover;}
.sy_case .sy_title{width: 100%; left: 0; position: absolute; top: 120px;}
.sy_case .casebot{ position: absolute; width: 100%; left: 0; bottom: 65px;}
.casebot .tab-hd1 li{ width: 95px; height: 95px; padding: 4px; margin-right: 5px; border: 1px solid rgba(255,255,255,0); position: relative; transition: .3s ease;}
.casebot .tab-hd1 li .imgfd{ padding-top: 100%;}
.casebot .tab-hd1 li p{ width: 100%; left: 0; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 15px;}
.casebot .tab-hd1 li.active{ border-color: #fff;}
.casebot .txt{ margin-top: 15px;}
.casebot .txt p{ font-size: 18px; margin-bottom: 33px; color: #fff;}
.sy_case .amore{ margin-top: 80px;}

.sy_about .abpic{ width: 100%; height: 100%; object-fit: cover;}
.sy_about .ab_txt{ width: 100%; padding: 0 15%; text-align: center; position: absolute; left: 0; top: 120px; z-index: 2;}
.sy_about .ab_txt p.des{ color: #fff; font-size: 18px; margin-bottom: 85px;}
.sy_about .sy_number{ width: 100%; padding: 0 10%; text-align: center; position: absolute; left: 0; bottom: 150px; z-index: 2; color: #fff;}
.sy_about .sy_number dt{ margin: 0 auto;}
.sy_about .sy_number dt b{ font-size: 70px; line-height: 100px; font-family: popm; color: #fff; height: 100px;}
.sy_about .sy_number dt i{ font-size: 100px; display: inline-block;}
.sy_about .sy_number dt p{ font-size: 18px;}

.sy_news{ width: 100%;}
.item_top .sy_title{ margin-right: auto; margin-bottom: 0;}
.item_top{ margin-bottom: 45px;}
.sy_news .sy_title span{ color: #333333;}
.sy_news .sy_title p,.sy_news .sy_title b{ color: #333;}
.sy_news_list{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.sy_news_list ul{ position: relative;}
.sy_news_list li{ width: 30%; padding: 30px 0 45px;}
.sy_news_list li:nth-child(2){ margin: 0 auto;}
.sy_news_list ul:after,.sy_news_list ul:before{ position: absolute;height: 100%; width: 1px; background: #e6e6e6; content: ''; top: 0; left: 32.5%;}
.sy_news_list ul:before{ left: auto; right: 32.5%;}
.sy_news_list li h2{ font-size: 28px; line-height: 42px; font-weight: bold; height: 84px; overflow: hidden; margin: 20px 0 25px;}
.sy_news_list li span.more{ color: #004a44;}
.sy_news_list li .imgfd{ padding-top: 56.6%; margin-top: 30px;}
.sy_news_list li:hover h2{ color: #004a44;}

.index_foot{ position: fixed; width: 100%; left: 0; bottom: 0; transform: translateY(100%); height:656px; transition:.3s ease;}
.mainswiper.show-footer {
  transform: translateY(-656px);
   transition:.3s ease;
}

.index_foot.visible {
  transform: translateY(0);
}
@media (max-width: 1600px){
	.mate_box .tab-hd p{ line-height: 52px;}
	.sy_mate .tab-bd .txt{ bottom: 50px;}
	.sy_mate .mate_box{ bottom: 200px;}
	.sy_ban .txt1 b{font-size: 54px;}
	.sy_title span{ font-size: 60px; line-height: 60px;}
	.sy_title p{ font-size: 40px;}
	.sy_mate .mate_box .sy_title{ position:absolute; right:2%; top:0;}
	.custswiper .cust_txt p{ font-size: 40px; line-height: 60px;}
	.sy_about .sy_number{ bottom: 80px;}
	.sy_about .ab_txt p.des{ margin-bottom: 60px;}
}
 
@media (max-width: 1281px){
.index_head .nav li{ margin-right: 40px;}
.index_head .logo img{ max-height: 26px;}
.index_head .nav li .tarA a{ line-height: 78px;}
.index_head,.index_head .nav li.logo{ height:78px;}
.sy_ban .txt1 b{ font-size: 46px;}
.sy_ban .txt1 .amore{margin-top: 40px;}
.sy_ban .txt1 span{font-size: 18px;}
.sy_mate .tab-bd .txt .txtbox{ width: 40%;}
.sy_mate .tab-bd .txt .txtbox p{display:none;}
.sy_mate .mate_box{ bottom: 120px;}
.amore{line-height: 50px;}
.custswiper .cust_txt{ bottom: 80px;}
.custswiper .cust_txt p{ font-size: 32px; line-height: 42px;}
.casebot .tab-hd1 li{ width: 82px; height: 82px;}
.casebot .tab-hd1 li p{ font-size: 13px;}
.sy_about .ab_txt{ top:90px;}
.sy_about .ab_txt p.des{ font-size: 16px; margin-bottom: 40px;}
.sy_about .sy_number dt i{ font-size: 74px;}
.sy_about .sy_number dt b{ font-size: 50px; line-height: 74px; height: 74px;}
.sy_about .ab_txt{ padding: 0 10%;}
.sy_title{ margin-bottom: 30px;}
.sy_about .sy_number{ bottom: 50px;}
.sy_news_list li{padding: 20px 0 30px;}
.sy_news_list li h2{ font-size: 22px; line-height: 30px; height: 60px;}
.sy_title span{ font-size: 48px; line-height: 50px;}
.sy_title p{ font-size: 32px;}
}


@media (max-width: 1024px){
.foot_main {display: none;}
	
}
@media (max-width: 768px){

}
@media (max-width: 540px){

}
@media (max-width: 450px){
.m_img .headlf .m_logo {max-height: 25px;}
.m_img .headlf{padding-top: 13px;}
.sy_ban .txt1 b{font-size: 30px; line-height:35px;}
.sy_ban .txt1 span{font-size: 16px;}
.sy_mate .tab-bd .txt .txtbox p{display:block;}
.sy_mate .tab-bd .txt .txtbox{ width: 100%; padding-left:20px;}
.sy_mate .mate_box .sy_title{ position: unset; padding-left:25px;}
.sy_title span{ font-size: 30px; line-height:30px;}
.sy_title p{ font-size: 24px;}
.mainswiper{ height: calc(100vh - 106px); margin-top:54px;}
.mainslide{height: calc(100vh - 106px)!important;}
.mate_box .tab-hd p{ font-size: 18px; line-height: 48px; padding: 0 20px;}
.sy_cust .sy_title{ top: 40px;}
.custswiper .cust_txt .center{ display: block; text-align:center;}
.custswiper .cust_txt p{ width: 100%; font-size: 22px; line-height: 32px; margin-bottom:20px;}
.custswiper .swiper-pagination .swiper-pagination-bullet{ width: 28px; height: 2px;}
.sy_case .sy_title{ top: 40px;}
.sy_about .ab_txt{padding: 0 2%; top:30px;}
.sy_about .ab_txt{margin-bottom: 20px;}
.sy_about .sy_number dt b{ font-size: 28px; line-height: 40px; height: 30px;}
.sy_about .sy_number dt i{ font-size: 40px;}
.sy_about .sy_number{ padding: 0 4%;}
.sy_about .sy_number dt p{ font-size: 14px; margin-top: 10px;}
.item_top .amore{ display: none;}
.sy_news_list .center{display: block;}.sy_news_list li{ width: 100%;}
.sy_news_list ul:after, .sy_news_list ul:before{display:none;}
.sy_news_list li{border-bottom: 1px dashed #dedede;}
.sy_news_list li h2{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom:0;}
.sy_news_list li span.more{display: none;}
.sy_news_list li .imgfd{display:none;}
.sy_mate .mate_box{bottom: auto; top: 40px;}
.item_top{ margin-bottom: 25px;}
.sy_news_list{border: none;}
.copy{height: 60px;}
.copy p,.copy .supp{ font-size: 12px; line-height: 20px;}
.amore{line-height: 44px; padding: 0 25px;font-size:16px;}
}
.top_h{ height: 105px;}
.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{ position:absolute; width: 100%; left: 0; color: #fff; top: 50%; transform: translateY(-50%); text-align: center;}
.ny_ban .bantxt span{font-family: Arial; font-size: 60px; text-transform:uppercase;}
.ny_ban .bantxt p{ font-size: 40px; line-height:45px; margin-top:15px;}
.ny_title{ margin-bottom: 40px;}
.ny_title span{ font-size: 60px; font-family: Arial; color:#333; text-transform:uppercase; line-height:60px;}
.ny_title b{ font-size: 36px; margin-top: 20px;}
.item_top .ny_title{ margin-right: auto; margin-bottom: 0;}

.ab_brand{ position: relative;}
.ab_brand .item_top{ position: relative; z-index: 1;}
.ab_brand .item_top .des{ width: 49%; font-size: 18px;}
.ab_brand .brand_logo{ position: absolute; z-index: 0; left: 80px; top: 20%;}
.ab_number dt{ background: #fff; padding: 40px 40px 30px 40px; width:23%; margin-right:auto; position:relative; transition:.3s ease;}
.ab_number dt:last-child{margin-right:auto;}
.ab_number dt .left{ margin-right: auto; position:relative; z-index:2;}
.ab_number dt .left b{ font-size: 90px; font-weight:bold; font-family: popm; line-height: 90px; height: 90px;}
.ab_number dt .left sup{ font-size: 24px;}
.ab_number dt .ic{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.ab_number dt p{ font-size: 18px; height: 30px;}
.ab_number dt:hover{ background:#004a45; color: #fff;}
.ab_number dt:hover b{ color:#fff;}
.ab_number dt:hover .ic{ opacity:.1;}

.ab_company .left{ width: 36%;  margin-right: auto;}
.ab_company .right{ width: 52%;}
.ab_company .left p.des{ font-size: 22px;}
.ab_company .left .imgfdd{ margin-top: 75px;}
.ab_company .right li{ margin-bottom: 55px;}
.ab_company .right li b{ font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.ab_company .right li p{ font-size: 18px;}

.ab_endo{position: relative;}
.ab_endo .endoimg{ width: 100%;}
.ab_endo .endtxt{ width: 100%; left: 0; top: 50%; transform: translateY(-50%); position:absolute; color:#fff;}
.ab_endo .endtxt .ny_title span,.ab_endo .endtxt .ny_title b{ color: #fff;}
.ab_endo .endtxt .half{ width: 52%;}
.ab_endo .endtxt p.des{ font-size: 22px; line-height: 33px; margin-top:75px;}

.ab_honor .item_top p.des{ width: 50%; font-size: 18px; margin-left: auto;}
.honorswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.honorswiper li{background: #fff;}
.honorswiper li .imgfd{padding-top: 127%;}
.honorswiper li .pic{ padding: 25px 30px;}
.honorswiper li .txt{ text-align: center; padding:12px 5px; border-top:1px solid #e5e5e5;}
.honorswiper li p{ height: 30px; overflow: hidden;}
.honorswiper .swiper-pagination-bullet{ width: 8px; height: 8px; border:2px solid #333333; background:none; opacity:1;}
.honorswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #333;}

.facswiper{ overflow: hidden;}
.ab_factory .des{ width: 50%; margin-left: auto;}
.ab_factory .des p{ font-size: 18px;}
.ab_factory .swiperbtn{ position: unset; display:inline-block; width:70px; height:70px; line-height:70px; text-align:center; font-size:34px; border-radius:50%; border:1px solid #cdcdcd; margin-right:15px; margin-top:40px; transition:.3s ease;}
.swiperbtn:after{ display:none;}
.ab_factory .swiperbtn:hover{ background:#004a45; color: #fff; border-color: #004a45;}
.facswiper li{ width: 800px;}
.facswiper li .imgfd{ padding-top: 60%;}

.hisswiper,.mhisswiper{ overflow: hidden;}
.hisswiper li{ padding: 0 120px 0 0;}
.hisswiper .des{ height: 240px; overflow-y: auto; padding-right: 70px; width:52%; margin-left:auto; font-size:18px;}
.hisswiper b{ width: calc(48% - 100px); text-align: right; font-size: 100px;}
.hisswiper .des::-webkit-scrollbar{ width: 4px;}
.hisswiper .des::-webkit-scrollbar-thumb{ background: #808080;}
::-webkit-scrollbar-track{ background:rgba(128,128,128,.2);}
.mhisswiper{ text-align: center; padding-top:20px; margin-top:65px; position:relative;}
.mhisswiper i{ width: 13px; height: 13px; border-radius: 50%; background: #004944; display:inline-block; position:relative;}
.mhisswiper i:after{ position:absolute; width: 40px; height: 40px; background: rgba(0,73,68,.2); content:''; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%;}
.mhisswiper p{ font-size: 24px; margin-top: 15px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#004a44}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{ height: 2px;}
.swiper-pagination-progressbar{background: rgba(0,73,68,.1);}
.mhisswiper .swiper-pagination{ top: 29px;}
.ab_history .swiperbtn{ position: unset; display:inline-block; width:70px; height:70px; line-height:70px; text-align:center; font-size:34px; border-radius:50%; border:1px solid #cdcdcd; margin:0 15px; transition:.3s ease;}
.ab_history .btns{ text-align: center; margin-top:20px;}
.ab_history .swiperbtn:hover{ background:#004a45; color: #fff; border-color: #004a45;}
.ab_culture .item_top .des{ color: #fff; width:52%;padding:30px 50px 70px; position:relative; font-size:44px;}
.ab_culture .item_top .des:after{ position:absolute; content: '“'; left: 0px; top: 0; font-size: 120px; line-height:80px; color: #fff; opacity: .3; font-family:Arial;}
.ab_culture .item_top .des:before{ position:absolute; content: '”'; right: 0px; bottom: 0; font-size: 120px; line-height:80px; color: #fff; opacity: .3; font-family:Arial;}
.ab_culture .item_top .des p{ line-height: 50px;}
.ab_culture .ny_title span,.ab_culture .ny_title b{ color: #fff;}

.ab_culture dt{ width: 24%; margin-right: auto; background:rgba(255,255,255,.6); padding:50px 50px 55px 40px; transition:.3s ease;}
.ab_culture dt:last-child{ margin-right:0;}
.ab_culture dt .txt{ margin-top: 35px;}
.ab_culture dt .txt span{ font-size: 20px;}
.ab_culture dt .txt p{ font-size: 24px; line-height: 36px; height: 72px; margin-top: 30px;}
.ab_culture dt:hover{ transform:translateY(-20px);}

@media (max-width: 1281px){
    .ny_ban .bantxt span{ font-size: 50px;}
    .ny_ban .bantxt p{ font-size: 32px; line-height: 35px;}
    .ab_brand .item_top .des{font-size: 16px;}
    .ny_title span{ font-size: 50px; line-height: 50px;}
    .ny_title b{ font-size: 30px; margin-top: 10px;}
    .ab_number dt .left b{font-size: 70px; line-height: 70px; height: 70px;}
    .ab_company .right li p{ font-size: 16px;}
    .ab_company .right li{ margin-bottom: 40px;}
    .ab_endo .endtxt p.des{ font-size: 20px; line-height: 30px;}
    .ab_factory .swiperbtn,.ab_history .swiperbtn{ width: 56px; height: 56px; line-height: 56px; font-size:26px;}
    .facswiper li{ width: 650px;}
    .hisswiper b{font-size: 70px;}
    .hisswiper .des{font-size: 16px;}
    .mhisswiper p{ font-size: 22px;}
    .ab_culture .item_top .des{ font-size: 32px;}
    .ab_culture .item_top .des p{line-height: 42px;}
    .ab_culture dt .txt p{font-size: 20px; line-height: 30px; height: 60px;}
    .ab_culture dt .txt span{font-size: 18px;}
    .top_h{height: 78px;}
    .pro_xiala .right{ width: calc(100% - 200px); padding-left: 40px;}
    .index_head .nav li .second{ top: 78px;}
}
@media (max-width: 1024px){
    .top_h{height: 54px;}
    .ny_ban .bantxt span{font-size: 40px;}
    .ny_ban .bantxt p{font-size: 26px; line-height: 30px;}
    .ab_number dt{padding: 25px 10px 25px 20px;}
    .ab_number dt .left b{font-size: 50px; line-height: 50px; height: 50px;}
    .ab_number dt .left sup{ font-size: 20px;}
    .ab_number dt p{font-size: 16px;}
    .ab_number dt .ic{ right: 10px;}
    .ab_number dt .ic img{ width: 40px;}
    .ab_company .left p.des{font-size: 20px;}
    .ny_title span{font-size: 40px; line-height: 40px;}
    .ny_title b{ font-size: 26px; line-height: 26px;}
    .ab_endo .endtxt p.des{ margin-top: 40px;}
    .hisswiper li{ padding-right: 40px;}
    .hisswiper b{font-size: 48px;}
    .hisswiper .des{ padding-right: 30px;}
    .ab_culture dt{ padding: 30px 25px 35px;}
    .ab_culture dt .txt{ margin-top: 25px;}
    .ab_brand .brand_logo img{ width: 400px;}
}
@media (max-width: 450px){
    .ny_ban img{ width: 140%; margin-left: -20%;}
    .ny_ban .bantxt span{ font-size: 26px; line-height: 26px;}
    .ny_ban .bantxt p{font-size: 20px; margin-top: 5px; line-height:20px;}
    .item_top{ display: block;}
    .ab_brand .item_top .des{ width: 100%; margin-top: 20px;}
    .ny_title span{font-size: 28px; line-height:28px;}
    .ny_title b{ font-size: 22px; line-height: 28px;}
    .ab_number dt{ width: 49%; margin-bottom: 20px;}
    .ab_number dt:nth-child(2n){ margin-right:0;}
    .ab_company{ display: block;}
    .ab_company .left{ width: 100%; margin-bottom: 25px;}
    .ny_title{margin-bottom: 25px;}
    .ab_company .left .imgfdd{ margin-top: 30px;}
    .ab_company .left p.des{ font-size: 18px;}
    .ab_company .right{ width: 100%;}
    .ab_endo .endoimg{ width: 180%; margin-left: -80%;}
    .ab_endo .endtxt p.des{ font-size: 14px; line-height: 24px; margin-top:20px; display:none;}
    .ab_endo .endtxt .half{ width: 75%;}
    .ab_honor .item_top p.des{ width: 100%; margin-top: 20px; font-size:16px;}
    .honorswiper li .pic{padding: 15px 10px;}
    .ab_factory .des{ width: 100%; margin-top: 20px;}
    .ab_factory .des p{ font-size: 16px;}
    .ab_factory .swiperbtn{ margin-top: 20px;}
    .ab_factory .swiperbtn, .ab_history .swiperbtn{width: 36px; height: 36px; line-height: 36px; font-size: 22px;}
    .facswiper li{ width: 260px;}
    .hisswiper li{display: block;}
    .hisswiper b{font-size: 32px; width:100%; text-align:left; margin-bottom:20px;}
    .hisswiper .des{ width: 100%;}
    .hisswiper li{ padding-right: 20px;}
    .mhisswiper{ margin-top: 30px;}
    .mhisswiper i:after{ width:30px; height: 30px;}
    .mhisswiper p{ font-size: 18px;}
    .ab_culture .item_top .des{ width: 100%; margin-top: 25px; padding-bottom:40px;}
    .ab_culture .item_top .des p{ font-size: 24px;}
    .ab_culture dt{ width: 100%; margin-bottom: 20px; display:flex; align-items:flex-start; flex-wrap:wrap;}
    .ab_culture dt .txt{ margin-top: 0; margin-left: 20px; width:calc(100% - 60px);}
    .ab_culture dt{ padding: 20px;}
    .ab_culture dt .ic img{ height: 40px;}
    .ab_culture dt .txt p{ height: auto; margin-top: 15px;}
    .ab_culture dt .txt span{font-size: 14px;}
    .ab_culture dt .txt p{font-size: 18px;}
    .ab_brand .brand_logo img{ width: 300px;}
    .ab_brand .brand_logo{ left: 30px;}
}
.pro_nav{ padding: 40px 0; border-top:1px solid #dddddd; margin-top:60px;}
.posi { font-size: 14px; color:#8e8e8e; padding:40px 0;}
.posi i{ color: #004a44; font-size: 14px; margin-right: 5px;}
.posi a:last-child{ color:#333;}
.pro_nav .list{ margin-left: auto;}
.pro_nav .list a{display: inline-block; padding:0 32px; font-size:18px; margin-left: 25px; line-height: 48px; border-radius: 25px; border: 1px solid #333333; color:#333; transition:.3s ease;}
.pro_nav .list a:hover,.pro_nav .list a.act{ background:#004a44; border-color:#004a44; color: #fff;}


.pro_list ul li{ float:left; width:24%; margin-right:1.33%; margin-bottom:60px; text-align:center;}
.pro_list ul li:nth-child(4n){ margin-right:0;}
.pro_list ul li .pic{ position: relative; margin-bottom:16px; background:#fff;}
.pro_list ul li .imgfd{ padding-top: 100%;}
.pro_list ul li h2{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.pro_list ul li .pic .cjt{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition:opacity .8s ease;}
.pro_list ul li .pic:hover .cjt{ opacity:1;}
.pro_list ul li:hover h2{ color:#004a44;}
@media (max-width: 1281px){
    .pro_nav .list a{font-size: 16px; line-height: 44px; padding: 0 25px; margin-left:20px;}
}
@media (max-width: 1024px){
    .pro_nav{ padding: 30px 0; margin-top: 45px;}
    .pro_list ul li h2{font-size: 16px;}
}
@media (max-width: 450px){
    .pro_nav {display: block;}
    .posi{ padding: 20px 0;}
    .pro_nav{ margin-top: 30px; padding:0;}
    .pro_nav .list{}
    .pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom: 25px;}
    .pro_list ul li:nth-child(2n){ margin-right:0;}
    .pro_nav .list a{ width: 45%; margin: 0 2.5% 15px; text-align:center;}
}
.prodet_top iframe,.prodet_top img{ width: 100%!important;}
.prodet_top .imgfd{ padding-top: 40%;}
.prodet_top iframe{ position: absolute; width:100%; height: 100%; left:0; top:0;}
.prodet_top img{ display: none;}
.detswiper{ overflow: hidden; position: relative;}
.detswiper li{ margin-bottom: 45px;}
.detswiper .imgfd{ padding-top: 39.6%;}
/*.detswiper:after{ position:absolute; width: 410px; height: 94px; background: rgba(0,0,0,.6); content: '';  left: 0; bottom: 0; z-index:2;}*/
.detswiper .swiperbox{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 0; z-index:3;}
.detswiper .swiperbtn{ position: unset; margin-top: 0; width:44px; height:44px; line-height:44px; border-radius:50%; border:1px solid #fff; color:#fff; font-size:22px; margin-right:13px; transition:.3s ease;}
.detswiper .swiper-pagination{position: unset; width:auto; margin-left:30px;}
.detswiper .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff;}
.detswiper .swiperbtn:hover{ border-color:#004a44; background: #004a44;}

.det_top{ padding: 60px 100px 0;}
.det_top .pic{ width: 50%; margin-right:auto; background:#f8f8f8;}
.det_top .pic .imgfd{ padding-top: 100%;}
.det_top .txt{ width: 45%; padding: 55px 60px 60px; border: 1px solid #ebebeb;}
.det_top .txt .tit h1{ font-size: 44px; margin-top:10px;}
.det_top .txt .tit{ padding-bottom: 25px; border-bottom:  1px solid #ebebeb;}
.det_top .txt .des{ font-size: 18px; padding: 25px 0; border-bottom:  1px solid #ebebeb;}
.det_top .txt .saoma{ padding: 20px 0 25px;  border-bottom:  1px solid #ebebeb;}
.det_top .txt .saoma span{ display: block; font-size: 14px; margin-bottom: 10px;}
.det_top .txt .saoma .qr{ padding: 5px; display: inline-block; border: 1px solid #ebebeb;}
.det_top .txt .saoma .qr img{ width: 90px;}
.det_top .txt .det_para{ padding: 25px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 22px;}
.det_top .txt .det_para p{ font-size: 18px; margin-bottom: 5px;}
.det_top .txt .amore{ width: 100%; text-align: center;}

.c_title{ text-align: center; max-width: 75%; margin: 0 auto 45px;}
.det_show{ overflow: hidden;}
.det_show img{ max-width: 100%!important;}
.det_show table{ width: 100%;}
.det_show table td{ border-color: #dddddd; padding: 20px 30px 20px 50px;}
.det_show table td:nth-child(2n+1){ width:15%; background: #f3f3f3; text-align: center;}

.featbox .item{ background: #f4f4f4; margin-bottom:30px;}
.featbox .item .txt{ padding: 0 110px ; width: 50%;}
.featbox .item .pic{ width: 50%;}
.featbox .item .pic .imgfd{padding-top: 60.75%;}
.featbox .item .txt b{ font-size: 36px; margin-bottom: 35px;}
.featbox .item .txt p{ font-size: 18px;}
.mainh{ height: 90px;}
@media (max-width: 1441px){
    .det_top .txt{padding: 35px 40px 40px;}
    .det_top .txt .tit h1{font-size: 40px;}
    .det_top{ padding: 50px 50px 0;}
    .featbox .item .txt{padding: 0 60px;}
}
@media (max-width: 1281px){
    .det_top{ padding: 40px 0 0;}
    .mainh{height: 50px;}
}
@media (max-width: 1024px){
    .det_show table td{ padding: 12px 10px 12px 15px;}
    .featbox .item .txt b{font-size: 28px; margin-bottom: 25px;}
    .featbox .item .txt p{font-size: 16px;}
}
@media (max-width: 450px){
    .detswiper:after{ height:38px; width:100%;}
    .detswiper .swiperbtn{display: none;}
    .detswiper .swiperbox{padding: 10px 0;}
    .detswiper .swiper-pagination{ margin-left: 0;}
    .det_top{padding-top: 20px;}
    .det_top .pic{ width: 100%; margin-bottom: 25px;}
    .det_top .txt{ width: 100%;  padding: 25px 20px;}
    .det_top .txt .tit h1{font-size: 26px;}
    .det_top .txt .des{font-size: 16px; padding:20px 0;}
    .det_top .txt .det_para{ padding: 20px 0;}
    .det_top .txt .det_para p{font-size: 16px;}
    .c_title{max-width: 94%; margin-bottom:25px;}
    .det_show table td{ font-size: 14px;}
    .featbox .item{display: block;}
    .featbox .item .txt{ padding: 25px 20px; width:100%;}
    .featbox .item .pic{ width: 100%;}
    .featbox .item .txt b{ font-size: 24px; margin-bottom: 12px;}
    .featbox .item{ margin-bottom: 20px;}
}
.hotswiper{ overflow: hidden; position:relative; margin-bottom:70px;}
.hotswiper .pic{ width: 50%;}
.hotswiper .pic .imgfd{padding-top: 58%;}
.hotswiper .txt{ width: 46%; padding-top:30px;}
.hotswiper .txt span{ display: block; margin-bottom: 20px;}
.hotswiper .txt h2{ font-size: 40px; line-height:50px; max-height:100px;overflow:hidden; margin-bottom: 30px; font-weight:bold;}
.hotswiper .txt p{ height: 90px; overflow: hidden; font-size: 18px;}
.hotswiper .news_control{ width: 100%; position: absolute; left: 0; bottom: 40px;}
.hotswiper .swiper-pagination,.hotswiper .swiperbtn{ position: unset;}
.hotswiper .swiper-pagination{ width: auto; margin:0 15px; margin-top:-8px;}
.hotswiper .swiper-pagination .swiper-pagination-bullet{ width: 30px; height: 2px; background: #c8c8c8; border-radius:0; border:none; margin:0;}
.hotswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #004a44;}
.hotswiper span{ font-size: 18px;}
.hotswiper span.total{ margin-right: auto; display:inline-block;}
.hotswiper .box{ width: 46%;}
.hotswiper .swiperbtn{ height: 23px; font-size:22px; border: none; width:auto; margin-top:0;}
.hotswiper .box .line{ margin: 0 15px;}
.hotswiper .swiperbtn:hover{ background:none; color: #004a44;}

.news_nav b{ font-size: 48px; margin-right: auto;}
.news_nav { border-bottom: 1px solid #dedede; margin-bottom:70px;}
.news_nav a{ display: inline-block; line-height: 90px; margin-left: 90px; position: relative; font-size:20px;}
.news_nav a:after{ background:#004a44; height: 2px; width: 0; transition: .3s ease; content: ''; position: absolute; left: 0; bottom: 0;}
.news_nav a:hover,.news_nav a.act{color:#004a44;}
.news_nav a:hover:after,.news_nav a.act:after{ width:100%;}
.news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 90px; border-bottom:1px solid #dedede; padding-bottom:18px;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .imgfd{ padding-top: 56.6%; margin-bottom: 30px;}
.news_list li h2{ font-size: 24px; line-height: 36px; font-weight: bold; height: 72px; overflow: hidden; margin: 20px 0 25px;}
.news_list li p{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 35px;}
.news_list li i{ font-size: 20px;}
.news_list li:hover h2,.news_list li:hover i{ color:#004a44;}

@media (max-width: 1441px){
    .hotswiper .txt h2{font-size: 34px;}
}
@media (max-width: 1281px){
    .hotswiper .news_control{ bottom: 10px;}
    .hotswiper .txt h2{ font-size: 30px; line-height: 40px; max-height: 80px;}
    .news_list li h2{font-size: 20px; line-height: 32px; height: 64px;}
    .news_nav b{font-size: 40px;}
    
}
@media (max-width: 450px){
    .hotswiper{display: none;}
    .news_nav{ display: block; border:none; margin-bottom:20px;}
    .news_nav a{ line-height: 50px; width: 45%; margin: 0 2.5% 15px; text-align:center; font-size:16px;}
    .news_nav b{ font-size: 28px; margin-bottom: 20px; text-align:center;}
    .news_list li{ width: 100%; margin-bottom: 25px;}
    .news_list li i,.news_list li p{display: none;}
    .news_list li h2{font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 0; margin-top:15px;}
    .news_list li .imgfd{ margin-bottom: 15px;}
    body{ font-size: 14px;}
}
.page_btn{ padding-top: 48px; border-top:1px solid #dedede; margin-top:60px;}
.page_btn .prev,.page_btn .next{ width: 35%;}
.page_btn .next{text-align: right;}
.page_btn a.back{display: inline-block; margin: 0 auto; line-height:50px; width:160px; border-radius:25px; text-align:center; border:1px solid #e5e5e5; transition:.3s ease;}
.page_btn p{ margin-bottom: 10px;}
.page_btn .prev a:hover,.page_btn .next a:hover{ color:#004a44;}
.page_btn a.back:hover{ background:#004a44; color: #fff; border-color: #004a44;}

.news_det{ padding: 60px 0 100px;}
.news_det .det_left{ width: 68.75%;}
.news_det .det_right{ width: 25%;}
.news_det .det_left h1{ font-size: 44px; line-height: 55px;}
.news_det .news_info{ padding: 22px 0; margin: 40px 0 60px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.news_info i:not(.iconfont){ display: inline-block; width: 4px; height: 4px; background: #777777; margin: 0 12px;}
.news_info .pinpai{ margin-left: auto;}
.det_right b.tit{font-size: 32px; line-height: 30px; padding-left: 20px; border-left: 5px solid #004a44; margin-bottom:50px;}
.last_news{ border-top: 1px solid #dedede;}
.last_news a{ display: block; padding: 38px 0 42px; border-bottom: 1px solid #dedede;}
.last_news h2{ font-size: 24px; line-height: 36px; margin-bottom: 20px;}
.last_news a:hover h2{ color:#004a44;}
@media (max-width: 1441px){
    .news_det .det_left h1{font-size: 38px; line-height: 50px;}
    .last_news h2{ font-size: 20px; line-height:32px;}
    .last_news a{ padding: 28px 0 35px;}
}
@media (max-width: 1281px){
    .news_det .det_left h1{font-size: 32px; line-height: 45px;}
    .det_right b.tit{ margin-bottom: 30px;}
}
@media (max-width: 450px){
    .news_det .det_right{display: none;}
    .news_det .det_left{ width: 100%;}
    .news_det{ padding: 20px 0 40px;}
    .news_det .det_left h1{ font-size: 22px; line-height: 32px;}
    .news_det .news_info{padding: 12px 0; margin: 15px 0 25px;}
    .page_btn{ padding-top: 25px; margin-top: 30px;}
    .page_btn a.back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ margin-top: 15px; text-align: left;}
}
.faq_list li{ background: #ffffff; border-radius: 12px; margin-bottom: 20px; padding:0 50px;}
.faq_list li .tit{ padding: 35px 0;cursor:pointer;}
.faq_list li .tit h2{ font-size: 28px; line-height: 40px; max-width: calc(100% - 120px); margin: 0 auto 0 20px;}
.faq_list li .tit i{ font-size: 26px;}
.faq_list li .tit span{display: block; width: 40px; height: 40px; position: relative;}
.faq_list li .tit span:after,.faq_list li .tit span:before{ content:''; background: #888888; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.faq_list li .tit span:after{ width:100%; height: 2px;}
.faq_list li .tit span:before{ height:100%; width: 2px;}
.faq_list li .ans{ padding:40px 0 65px; border-top:1px solid #eeeeee; display:none;}
.faq_list li .ans i{ display: block; font-size: 26px;}
.faq_list li .ans .des{ width: calc(100% - 60px); margin-left: 20px;}
.faq_list li.on{ background: #004a44; color:#fff;}
.faq_list li.on span:before{display:none;}
.faq_list li.on .tit,.faq_list li.on .tit h2{ color: #fff;}
.faq_list li.on .tit span:after{ background:#fff;}

.cus_list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 80px; border:1px solid #dedede;}
.cus_list li:nth-child(2n){ margin-right:0;}
.cus_list li .imgfd{ padding-top: 54%;}
.cus_list li .txt{ padding: 0 60px; height: 140px;}
.cus_list li .txt h2{ font-size: 24px; line-height: 36px; margin-right: auto; max-width: calc(100% - 70);}
.cus_list li .txt i{ display: inline-block; width: 58px; height: 58px; border-radius: 50%; line-height:58px; text-align:center; font-size:20px; border: 1px solid #666; transition:.3s ease;}
.cus_list li:hover h2{ color:#004a44;}
.cus_list li:hover i{ background:#004a44; color: #fff; border-color: #004a44;}


.cus_det{ padding: 40px 0 90px;}
.cusswiper{ overflow: hidden; position: relative; padding-bottom: 40px;}
.cusswiper .imgfd{ padding-top: 42.5%;}
.cusswiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border:2px solid #333; background:none;}
.cusswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#333;}
.swiper-pagination-bullet{ outline: none;}
.swiper-pagination{ z-index:6;}
.relswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.relswiper li{ background: #fff; padding:40px 35px 40px 70px;}
.relswiper li .txt{ width: 55%; margin-right: auto;}
.relswiper li .pic{ width: 40%; }
.relswiper li .imgfd{ padding-top: 100%;}
.relswiper li h2{ font-size: 30px; line-height:36px; height:36px; overflow:hidden;}
.relswiper li .tit{ padding-bottom: 25px; border-bottom: 1px solid #dedede; position:relative; margin-bottom:30px;}
.relswiper li .tit:after{ width:68px; height: 3px; background: #004a44; content: ''; position: absolute; left: 0; bottom: 0; transition:.3s ease;}
.relswiper li p{ font-size: 18px; height: 90px; overflow: hidden; margin-bottom: 30px;}
.relswiper li span{ font-size: 17px; color: #004a44;}
.relswiper li span i{ margin-left: 3px; font-size:18px;}
.relswiper li:hover h2{ color:#004a44;}
.relswiper li:hover .tit:after{ width:100%;}
.relswiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border:2px solid #333; background:none;}
.relswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#333;}
@media (max-width: 1281px){
    .cus_list li .txt{ height: 100px; padding: 0 40px;}
    .relswiper li p{font-size: 16px; height: 60px;}
    .relswiper li{padding: 30px 20px 30px 30px;}
    .index_head .nav li .com_xiala{ left: auto; right: -20px;}
}
@media (max-width: 450px){
    .cus_list li{ width: 100%; float:none; margin-bottom:25px;}
    .cus_list li .txt{padding: 0 20px; height:60px;}
    .cus_list li .txt i{ width:34px; height:34px; line-height:34px; font-size:18px;}
    .cus_list li .txt h2{ font-size: 20px; line-height: 30px; height: 30px; width: calc(100% - 40px);}
    .cus_det{padding: 10px 0 20px;}
    .relswiper li h2{font-size: 22px; line-height: 26px; height: 26px;}
    .relswiper li .tit{ padding-bottom: 15px; margin-bottom: 15px;}
    .relswiper li{ padding: 20px 10px 20px 15px;}
    .relswiper li p{font-size: 14px; height: 48px; margin-bottom:15px;}
    .relswiper li span,.relswiper li span i{font-size: 14px;}
    .relswiper li .tit:after{ width:40px;}
}

.case_list li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 65px; text-align:center;}
.case_list li:nth-child(3n){ margin-right:0;}
.case_list li .imgfd{ padding-top: 60%; margin-bottom: 20px;}
.case_list li p{ font-size: 18px; height: 30px;}
@media (max-width: 450px){
    .case_list li{ width: 100%; float: none; margin-bottom:25px;}
    .case_list li p{ font-size:16px;}
    .case_list li .imgfd{ margin-bottom: 10px;}
}
.daili{ width: 55%; text-align:center;}
.daili .map img{ width: 100%;}
.daili p{ font-size: 24px; margin-top: 20px;}

.dlcert{ width: 38%; text-align: center;}
.dlcert .box{ width: 75%;}
.dlcert .box .imgfd{ padding-top: 142.8%;}
.dlcert .box .txt{ position:absolute; top:40%; width: 100%; padding: 0 15%; text-align: center;}
.dlcert .box .txt p{ font-size: 17px;}
.dlcert .box .txt b{ font-size: 28px; font-weight: bold; color: #e50012; margin:15px 0 10px; font-family:'宋体';}
.dlcert .box .txt span{ font-size: 12px;}
.dlcert .box p{ font-size: 18px; margin-top: 20px;}

.part_search{ width: 940px; display: inline-block; margin-top:50px;}
.part_search form{ width: 100%; background: #fff;}
.part_search form input{ line-height: 72px; padding-left: 40px; font-size: 18px; width:calc(100% - 72px);}
.part_search form .sub{ width: 72px; height: 72px; line-height: 72px; text-align: center; color: #fff; font-size: 30px; background: #004a44; cursor:pointer;}
@media (max-width: 1551px){
    .dlcert .box .txt b{ font-size:26px;}
}
@media (max-width: 1441px){
    .dlcert .box{ width: 90%;}
}
@media (max-width: 450px){
    .part_search form input{line-height:46px;}
    .part_search{ width: 96%; margin-top:25px;}
    .part_search form .sub{ width: 46px; height: 46px; font-size: 24px; line-height: 46px;}
    .part_search form input{width: calc(100% - 46px); font-size:14px; padding-left:15px;}
    .daili{ width: 100%; float: none; margin-bottom: 25px;}
    .dlcert{ width: 100%; float: none;}
    .dlcert .box{ margin: 0 auto;}
    .daili p{ font-size: 20px;}
    .dlcert .box .txt p{font-size: 15px;}
    .dlcert .box .txt b{font-size: 22px;}
    .dlcert .box .txt{ padding:0 12%;}
}
.jion_list ul li.titli{ background: #2d2d2d; color:#fff; font-weight:bold;}
.jion_list ul li{ background: #fff; overflow: hidden;}
.jion_list ul li .jion_tit{ line-height:30px; padding:25px 60px; cursor:pointer; font-size:18px;}
.jion_list ul li .jion_tit.on,.jion_list ul li .jion_tit:hover{}
.jion_list ul li .jion_tit i{ font-size: 26px; }
.jion_list ul li .jion_tit p:first-child,.jion_list ul li .jion_tit p:nth-child(5){width:22%;}
.jion_list ul li .jion_tit p:nth-child(2),.jion_list ul li .jion_tit p:nth-child(3),.jion_list ul li .jion_tit p:nth-child(4){ width:15%;}
.jion_list ul li .jion_tit i{ font-size: 20px;color:#333; line-height:38px;  display: inline-block; width:38px; height:38px; text-align:center; border-radius:50%; border:1px solid #b6b6b6; margin-left:auto; background:#fff;}
.jion_list ul li .jion_tit span{ display: block; text-align: center; width:11%;}
.jion_list ul li .jion_tit.on i{ transform: rotate(180deg);}
.jion_txt{ display:none; background:#f1f2f3;overflow:hidden; transition: .3s ease; padding:0 65px;}
.jion_txt .respon,.jion_txt .demand{ width: 48%;}
.jion_txt  h3{ font-size: 20px; color: #2d2d2d; font-weight:bold; margin-bottom:15px;}
.jion_txt p{ font-size: 16px; color: #666;}
.join_center{padding: 30px 0 70px; border-top: 4px solid #004a44;}
.jion_bottom{ margin-top:50px;}
.jion_bottom .tel{ line-height: 62px; background: #004a44; color: #fff; width:250px; text-align:center; font-size:18px; margin-right:30px;}
.jion_bottom .tel i{ font-size: 22px; margin-right: 10px;}
.jion_bottom p{ font-size: 18px; }

.fz56{ font-size: 56px;}
.zhaopin_main .c_title p{ font-size: 18px; margin-top: 15px;}

.huanjing_item .item_top p{ font-size: 28px; line-height: 42px; width: 40%; margin-left: auto;}
.hj_box{ width: calc(50% + 800px); overflow: hidden; }
.hj_box .imgfd{padding-top: 59%;}
.hjswiper{  width: 1600px; position:relative; padding-bottom:40px;}
.hjswiper .swiper-pagination{ bottom: 0; top: auto;}
@media (max-width: 1620px){
    .hj_box{ width: 98%;}
    .hjswiper{ width: 90%;}
    .fz56{ font-size:50px;}
}
@media (max-width: 1281px){
    .huanjing_item .item_top p{ font-size:24px; line-height:36px;}
    .fz56{ font-size:42px;}
}
@media (max-width: 450px){
    .fz56{ font-size:26px;}
    .zhaopin_main .c_title p{font-size: 16px; margin-top: 10px;}
    .jion_list ul li .jion_tit{padding: 15px;}
    .jion_list ul li .jion_tit p:nth-child(2), .jion_list ul li .jion_tit p:nth-child(5){display:none;}
    .jion_list ul li .jion_tit span{font-size:14px;width:16%;}
    .jion_list ul li .jion_tit p:first-child{width:42%;}
    .jion_list ul li .jion_tit p:nth-child(3), .jion_list ul li .jion_tit p:nth-child(4){width:20%;}
    .jion_txt{padding: 0 15px;}
    .jion_txt .respon, .jion_txt .demand{ width: 100%; float: none; margin-bottom:20px;}
    .jion_txt  h3{font-size: 18px;}
    .jion_bottom{margin-top: 25px;}
    .jion_bottom .tel{ width: 180px; line-height: 50px; font-size:16px;}
    .jion_bottom .tel i{font-size: 18px;}
    .huanjing_item .item_top p{ width: 100%; font-size: 16px; line-height: 24px; margin-top:15px;}
    .hjswiper{padding-bottom: 25px;}
    .jion_list ul li .jion_tit i{ width: 22px; height: 22px; line-height: 22px; font-size: 14px;}
    .join_center{ padding: 20px 0 30px;}
}
.fw_box {width: 85%; margin:0 auto; background: #fff; padding: 80px 65px 60px;}
.fw_box .title{ text-align: center; margin-bottom:20px;}
.fw_box .title b{ font-size: 60px; font-weight: bold; color: #004a44;}
.fw_box .title p{ font-size: 30px; margin-top: 15px;}
.buzhou{ background: url(../images/bg_05.jpg) no-repeat center; background-size:cover; padding:50px; color:#fff;}
.buzhou h2{ font-size: 38px; color: #fff; margin-bottom:30px;}
.buzhou h2 i{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #1b958b; background: #158178; line-height: 50px; text-align: center; font-size: 24px; color: #fff; margin-right:15px;}
.buzhou li:not(:last-child){ padding-bottom: 50px; border-bottom: 1px dashed rgba(255,255,255,.7); margin-bottom:50px;}
.jubao{ margin-top: 50px; color:#004a44;}
.jubao p{ font-size: 22px; }
.jubao p span{ font-size: 46px; font-family: popm;}
.jubao b{ font-size: 36px; color: #004a44; margin-top: 15px;}

@media (max-width: 1281px){
    .fw_box .title b{font-size: 50px;}
    .buzhou h2{font-size: 30px;}
}
@media (max-width: 450px){
    .fw_box{ width: 100%;}
    .fw_box{ padding: 25px 20px;}
    .fw_box .title b{ font-size: 28px;}
    .fw_box .title p{font-size: 20px;}
    .buzhou{padding: 25px 15px;}
    .buzhou h2 i{width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
    .buzhou h2{font-size: 22px;margin-bottom:15px;}
    .buzhou li:not(:last-child){padding-bottom:25px; margin-bottom: 25px;}
    .jubao p span{font-size: 26px;}
    .jubao p{font-size: 20px;}
    .jubao b{font-size: 22px;}
}
.lx_left{ width: 38%;}
.lx_msg{ width: 53%;}
.lx_left h1{ font-size: 40px; font-weight: bold; margin-bottom: 40px;}
.lx_left .lx_list p{ font-size:22px; margin-bottom:15px;}
.lx_left .lx_list p a{ color: #333;}
.lx_left .lx_list p a:hover{ color:#004a44;}
.lx_left .amore{ margin-top: 45px; border-color: #004a44; color:#004a44;}
.lx_left .amore:hover{ background:#004a44; color: #fff;}
.lx_map img{ width: 100%;}
.lx_left .weixin{ margin-top: 50px; text-align:center;}
.lx_left .weixin img{ width: 105px;}
.lx_left .weixin .qr{ margin-right: 32px;}
.lx_left .weixin p{ margin-top: 10px;}
.lx_msg b{ font-size: 44px; font-weight: bold; margin-bottom: 25px;}
.lx_msg input.fl{ width: 49%; margin-right: 2%; margin-bottom: 20px; border: 1px solid #e2e2e2; padding:13px 10px 13px 20px; line-height:30px; transition:.3s ease;}
.lx_msg .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom: 20px; }
.lx_msg .formbox select{ border: 1px solid #e2e2e2; padding:13px 10px 13px 20px; line-height:30px; width:100%; height:58px; color:#ccc;}
.lx_msg input.fl:nth-child(2n),.lx_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.lx_msg textarea{ width: 100%; border: 1px solid #e2e2e2; padding:13px 10px 13px 20px; margin-bottom: 20px; line-height:30px;transition:.3s ease;}
.lx_msg p{ font-size: 14px; color: #8e8e8e;}
.lx_msg p i{ font-size:14px; margin-right:5px;}
.lx_msg .sub{ width: 100%; text-align: center; line-height: 56px; background: #004a44; color: #fff; font-size:14px; cursor:pointer; margin-top:25px; transition:.3s ease;} 
.lx_msg .sub:hover{ box-shadow:0 0 10px rgba(0,74,68,.6);}
.lx_msg input.fl:focus,.lx_msg textarea:focus{ border-color:#004a44;}
.lx_msg .formbox select:focus{ color:#333;}

@media (max-width: 1281px){
    .lx_msg b,.lx_left h1{font-size: 38px;}
    .lx_left .amore{margin-top: 30px;}
}
@media (max-width: 450px){
    .lx_left,.lx_msg{width: 100%; float: none;}
    .lx_msg b,.lx_left h1{font-size: 26px;}
    .lx_msg{margin-top: 30px;}
    .lx_left h1{ margin-bottom: 20px;}
    .lx_left .lx_list p{ font-size: 18px;}
    .lx_left .amore{ margin-top: 20px;}
    .lx_left .weixin{ margin-top: 20px;}
    .lx_msg input.fl,.lx_msg .formbox.fl{ width: 100%; float: none; margin-bottom:15px;}
    .lx_msg input.fl,.lx_msg textarea,.lx_msg .formbox select{padding: 10px 5px 10px 10px; line-height: 26px;}
    .lx_map{display: none;}
}

.jm_adv{ position: relative;}
.advswiper{ overflow: hidden;}
.advswiper .imgfd{ padding-top: 41.14%;}
.advswiper .txt{ width: 100%; position: absolute; left:0; top:200px;}
.advswiper .txt .box{ width: 40%; color:#fff;}
.advswiper .txt .box b{ color: #fff; font-size: 40px; margin-bottom: 20px;}
.advswiper .txt .box p{ font-size: 18px;}
.jm_adv .adv_nav{ width: 100%; position: absolute; left: 0; bottom: 90px;}
.madvswiper{ text-align:center; overflow:hidden;}
.madvswiper .swiper-wrapper{ border-bottom: 1px solid rgba(255,255,255,.16);}
.madvswiper p{ line-height: 90px; display: inline-block; font-size:24px; color:#fff; position:relative;}
.madvswiper p:after{ height:2px; width: 0; transition: .3s ease; background: #fff; content: ''; position: absolute; left: 0; bottom: 0;}
.madvswiper .swiper-slide-thumb-active p:after{ width:100%;}

.ys_left{ width: 42%; }
.ys_left .tit{ font-size: 30px; padding:20px 0;}
.ys_left .tit i{ font-size: 30px; margin-left: auto; opacity: 0;}
.ys_left .tit h2{ width: calc(100% - 40px); font-size:30px;}
.ys_left li{ border-bottom: 1px solid #dedede;}
.ys_left .des{font-size: 18px; padding: 22px 0 40px; border-top: 1px solid #dedede;display:none;}
.ys_left li.active .des{ display: block;}
.ys_left li.active .tit h2{ color: #004a44;}
.ys_left li.active .tit i{ opacity: 1; color: #004a44;}
.ys_right{ width: 52%;}
.ys_right .imgfd{ padding-top: 66%;}


.tj_pic img{ height: 590px; width: 100%; object-fit: cover;}
.jm_tiaojian li{ position: relative; width: 25%; margin-right: 1.5%; transition:.3s ease;}
.jm_tiaojian li:last-child{margin-right:0;}
.jm_tiaojian li.active{ width: 47%;}
.jm_tiaojian li .txt{ color: #fff; position: absolute; width: 100%; left: 0; bottom: 55px; padding:0 120px 0 15%;}
.jm_tiaojian li .ic img{ width: 62px;}
.jm_tiaojian li .ic{margin-bottom: 10px;}
.jm_tiaojian li h2{ font-size: 24px;color: #fff;}
.jm_tiaojian li .des{ margin-top: 35px; display:none;}
.jm_tiaojian li.active h2{ font-size: 30px;}
.jm_tiaojian li .des p{ font-size: 18px; line-height: 36px; padding-left: 27px; background: url(../images/gou_03.png) no-repeat left 12px;}
.jm_tiaojian li.active .des{ display: block;}
.jm_tiaojian li.active .ic{ position: absolute; right: 50px; top: -50px; opacity: .2;}
.jm_tiaojian li.active .ic img{ width: 160px;}

.step_02_case{ padding: 130px 0;}
.step_02_case .step_02 {
    width: 560px;
    height: 560px;
    margin: 0 auto;
    position: relative
}

.step_02_case .step_02 .step_02_con {
    width: 100%;
    height: 100%;
    z-index: 3;
    border: 4px solid #004a44;
    border-radius: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
        box-sizing: content-box;
        text-align: center;
}
.step_02_case .step_02 .step_02_con .ny_title span,.step_02_case .step_02 .step_02_con .ny_title b{ color:#fff;}
.step_02_case .step_02 .step_02_con i {
    color: #057970;
    line-height: 1
}

.step_02_case .step_02 .step_02_con .pub_title_en {
}

@media screen and (orientation: landscape) {
    .step_02_case .step_02 .step_02_con .pub_title_en {
    }
}

.step_02_case .step_02 .step_02_con .pub_title_h3 {

}

@media screen and (orientation: landscape) {
    .step_02_case .step_02 .step_02_con .pub_title_h3 {
        
    }
}

.step_02_case .step_02 .dot_quan {
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0);
    clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0);
    border: 4px solid #057970;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0; transform: rotate(-45deg);
}

.step_02_case .step_02 .dot_quan.on {
    animation: 12s linear forwards clipP;
}

@keyframes clipP {
    0% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0);
        clip-path: polygon(50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 100%,100% 100%,100% 100%,100% 100%);
        clip-path: polygon(50% 50%,100% 0,100% 100%,100% 100%,100% 100%,100% 100%)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 100%,0 100%);
        clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 100%,0 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 0,0 0);
        clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 0,0 0)
    }

    to {
        -webkit-clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 0,100% 0);
        clip-path: polygon(50% 50%,100% 0,100% 100%,0 100%,0 0,100% 0)
    }
}

.step_02_case .step_02 .step_con_case {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    
}

.step_02_case .step_02 .step_con_case .step_block {
    width: 50%;
    height: 0;
    transform-origin: 0;
    transition: color .3s cubic-bezier(.435,.25,.15,.965);
    position: absolute;
    top: 50%;
    left: 50%;
    
}

.step_02_case .step_02 .step_con_case .step_block .icon_con {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    left: 100%
}
.icon_con .icon-xiangxia{ font-size: 30px;}
.icon_con img{ width: 44px;}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det {
    width: 100%;
    height: 100%;
    background-color: #004a44;
    border-radius: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color .3s cubic-bezier(.435,.25,.15,.965),transform .3s cubic-bezier(.435,.25,.15,.965);
    display: -ms-flexbox;
    display: flex;
    transform: scale(.35)
}

.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i {
    color: #fff;
    
}
.icon_det i.icon-xiangxia{ font-size: 56px;}
.step_02_case .step_02 .step_con_case .step_block .icon_con .icon_det i:nth-child(2) {
    display: none
}
.step_block .icon_txt {
    transform-origin: -75px;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: calc(100% + 26px);
    transform: translateY(-50%); color: #fff;
    
}
.icon_txt h6 {
    width:250px;
    font-weight: normal;
    font-size: inherit;
    margin-top: 9px; color: #fff; font-size: 20px;}

.step_02_case .step_02 .step_con_case .step_block.tex_right .icon_con .icon_txt {
    text-align: right;
    left: auto;
    right: calc(100% + 26px)
}

.step_02_case .step_02 .step_con_case .step_block.txt_top .icon_con .icon_txt {
    text-align: center;
    top: auto;
    bottom: calc(100% + 26px);
    left: 50%
}

.step_02_case .step_02 .step_con_case .step_block.aniS {
    color: #057970!important
}

.step_02_case .step_02 .step_con_case .step_block.aniS .icon_con .icon_det {
    transform: scale(1);
    background-color: #057970!important
}

.step_02_case .step_02 .step_con_case .step_block.aniS .icon_con .icon_det i:nth-child(2) {
    display: block
}

.step_02_case .step_02 .step_con_case .step_block.aniS .icon_con .icon_det i:nth-child(1) {
    display: none
}

.step_02_case.col_w {
    color: #fff
}

.step_02_case.col_w .step_02 .step_02_con {
    border-color: #fff
}

.step_02_case.col_w .step_02 .step_02_con .pub_title_en {
    color: #fff
}

.step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_det {
    background-color: #fff
}

.step_02_case.col_w .step_02 .step_con_case .step_block .icon_con .icon_det i {
    color: #057970
}

.step_block:first-child .icon_txt{text-align: center; transform-origin: 40% calc(50% + 40px); top: auto;bottom: calc(50% + 40px);left: 0;}
.step_block:nth-child(5) .icon_txt{text-align: center;transform-origin: 65% calc(50% + 30px);top: auto;bottom: calc(50% + 45px);left: 0;}
.step_block:nth-child(2) .icon_txt,.step_block:nth-child(3) .icon_txt{ top:20%;}
.step_block:nth-child(6) .icon_txt,.step_block:nth-child(7) .icon_txt,.step_block:nth-child(8) .icon_txt{ top:20%; transform-origin: calc(100% + 75px);left: auto;right: calc(100% + 26px); text-align:right;}

.jm_sup dt{ background: #fff; width: 14.5%; margin-right: auto; text-align: center; padding:40px 40px 20px; position:relative; border-bottom:2px solid #dddddd;}
.jm_sup dt .ic{ margin-bottom: 15px;}
.jm_sup dt p{ font-size: 24px; height:30px; margin-bottom:70px;}
.jm_sup dt:last-child{ margin-right:0;}
.jm_sup dt span{ font-size: 20px;}
.jm_sup dt:after{ position:absolute; left:0; bottom:-2px; width: 0; transition: .3s ease; height:2px; background:#004a44; content:'';}
.jm_sup dt:hover:after{ width:100%;}
.jm_sup dt .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.jm_sup dt:hover .ic img{ filter:none;}
.jm_sup dt:hover{ color:#004a44;}


.jm_liuyan .left{ width: 40%;}
.jm_liuyan .hot_line span{ font-size: 24px;}
.jm_liuyan .hot_line b{ font-size: 44px; font-weight: bold;}
.jm_liuyan .hot_line{ margin-bottom: 50px;}
.jm_we p{ font-size: 24px; margin-bottom:18px;}
.jm_we img{ width: 100px;}
.jm_we span{ display: block; margin-top:5px;}
.jm_liuyan .lx_msg b{ font-weight: normal; font-size: 32px;}

@media (max-width: 1441px){
    .madvswiper p{font-size: 22px;}
    .advswiper .txt{ top: 150px;}
    .jm_tiaojian li .txt{padding: 0 80px 0 8%;}
    .jm_sup dt{ padding: 30px 25px 20px;}
    .jm_sup dt p{ font-size: 22px;}
}
@media (max-width: 1281px){
    .advswiper .txt .box b{font-size: 32px;}
    .ys_left .tit h2{font-size: 26px;}
    .ys_left .tit{font-size: 26px; padding: 15px 0;}
    .ys_left .des{font-size: 16px; padding: 15px 0 25px;}
    .ys_left .tit i{font-size: 24px;}
    .jm_tiaojian li.active .ic img{ width: 130px;}
}
@media (max-width: 450px){
    .jm_adv .adv_nav{display:none;}
    .advswiper .imgfd{ padding-top: 50%;}
    .advswiper .txt{ top: 20px;}
    .advswiper .txt .box{ width: 80%;}
    .advswiper .txt .box b{ font-size: 24px; line-height: 33px; margin-bottom:0;}
    .advswiper .txt .box p{display: none;}
    .jm_liucheng {display: none;}
    .jm_liuyan .left{ width: 100%; float: none;}
    .ys_left{ width:100%; float:none; margin-bottom:25px;}
    .ys_left .tit h2,.ys_left .tit i{ font-size: 20px;}
    .ys_right{ width: 100%; float: none;}
    .jm_tiaojian li,.jm_tiaojian li.active{ width: 100%; margin-bottom:20px;}
    .jm_tiaojian li .txt{ padding: 0 40px 0 4%;}
    .jm_tiaojian li.active .ic img{ width: 80px;}
    .jm_tiaojian li.active .ic,.jm_tiaojian li .ic{ position:absolute; right: 20px; top: -20px; opacity:.2;}
    .jm_tiaojian li.active h2,.jm_tiaojian li h2{font-size: 22px;}
    .jm_tiaojian li .des{display: block; margin-top:20px;}
    .jm_tiaojian li .des p{ font-size: 16px; line-height: 30px; background-position: left 9px;}
    .jm_sup dt{ width: 49%; margin-bottom: 10px; display:flex; align-items:center; flex-wrap:wrap; padding:20px 10px 20px;}
    .jm_sup dt:nth-child(2n){ margin-right:0;}
    .jm_sup dt p{font-size: 18px; margin-bottom: 0; margin-right:auto;}
    .jm_sup dt .ic img{ width: 28px;}
    .jm_sup dt .ic{margin-bottom: 0;margin-right:5px;}
    .jm_sup dt span{font-size: 16px;}
    .jm_liuyan .hot_line span,.jm_we p{font-size:20px;}
    .jm_liuyan .hot_line b{font-size: 26px;}
    .jm_liuyan .hot_line{margin-bottom: 25px;}
    .jm_liuyan .lx_msg b{ font-size: 24px;}
}