@charset "utf-8";

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

.wp{width:88%;}

.foot-form h3{font-size:46px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:60px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:56px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:56px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:56px;}

.indexA .swiper-slide h5{font-size:29px;}
.indexA .tit .more,.indexD .tit .more{font-size:23px;}
.indexB .left .list .swiper-slide .txt h5,.indexB .right ul li h5,.indexB .tit p{font-size:23px;}
.indexA .tit p,.indexA .swiper-slide p,.indexD .tit p{font-size:19px}

.cert-list .tit p,.global .tit p,.ex-list .tit p{font-size:22px;}
.pro-list .tab .tit p{font-size:28px;}
.pro-content h5,.side-news h3{font-size:34px;}

.about3 .txt {padding: 0 30px 0 6%;}

.global .list{width:78%;}

.news-top h3 br{display:none;}
.news-top .swiper-slide .txt h5{font-size:34px;}
.news-top .swiper-slide .txt p{line-height:28px;max-height:84px;}

.pro-list3 .item .txt .box,.pro-list3 .item:nth-child(2n) .txt .box{max-width:100%;padding:0 6%;}

.pro-list3 .item .txt ul li img{max-width:120px;}

.service2 .tit{width:440px;}
.service2 .tit p{font-size:21px;}

}

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

.foot-form h3{font-size:44px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:56px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:52px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:52px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:52px;}

.indexA .swiper-slide h5{font-size:28px;}
.indexA .tit .more,.indexD .tit .more{font-size:22px;width:200px;height:47px;line-height:45px;}
.indexB .left .list .swiper-slide .txt h5,.indexB .right ul li h5,.indexB .tit p{font-size:22px;}
.indexA .tit p,.indexA .swiper-slide p,.indexD .tit p{font-size:18px}

.pro-list .tab .tit p{font-size:26px;}
.pro-list3 .item .txt h5,.pro-tit h1,.pro-inquiry h3{font-size:46px;}
.pro-content h5,.side-news h3{font-size:32px;}

.indexA .tit{padding:0 25px 0 0;}
.indexA .tit p{margin:15px 0 0;font-size:18px}

.indexB .left .list::after{right:-80px;}

.news-top .swiper-slide .txt{padding:60px 0 0 56px;}
.news-top .swiper-slide .txt h5{font-size:32px;font-family: var(--font-family2);}
.news-top .page{bottom:20px;}

.newslist ul li .t h5{font-size:23px;}

.pro-list3 .item .txt h5 + p{font-size:19px;line-height:28px;}

.pro-list3 .item .txt ul li img{max-width:110px;}
.pro-list3 .item .txt ul li h6{font-size:23px;}
.pro-list3 .item .txt ul li p{font-size:19px;}


.service2 .tit{width:400px;}
.service2 .tit p{font-size:20px;}

.pro2_view {padding: 80px 0;}
.pro_view_inner {margin-right: 130px;padding-top: 45px;}
.pro2_img {width: 53%;}

.pro2-tit h3 {font-size: 26px;}

.pro2-text1 {padding: 80px 0;}
.pro2-text1 .swiper-slide .pic {margin-top: 80px;}
.pro2-text1 .list .swiper-button-prev, .pro2-text1 .list .swiper-container-rtl .swiper-button-next {left: -110px;}
.pro2-text1 .list .swiper-button-next, .pro2-text1 .list .swiper-container-rtl .swiper-button-prev {right: -110px;}

.pro2-text2 {padding: 80px 0 0;}
.pro2-text2 .pic {margin-top: 90px;}

.pro2-text3 {padding: 80px 0 0;}
.pro2-text3 ul {margin-top: 90px;}
.pro2-text3 ul li + li {margin-top: 63px;}
.pro2-text3 ul li .txt {margin-left: 105px;}
.pro2-text3 ul li:nth-child(2n) .txt {margin-right: 105px;}

.pro2-text4 {padding: 80px 0 0;}

.rela-pro {padding: 80px 0;}

.solution-rela-pro ul {margin: 80px -30px 0;}
.solution-rela-pro ul li {padding: 0 30px;}
}


@media screen and (max-width:1441px) {
.main{padding-top:90px;padding-bottom:90px;}
.nav > ul > li+li{margin-left:30px;}
.drop-down .tab span{font-size:20px;}
.drop-down .tab-list .item h3{font-size:28px;}

.foot-contact{width:410px;}
.copyright p{font-size:19px;}
.copyright .share a + a{margin-left:20px;}

.foot-form .inquirbox .submit{width:230px;font-size:19px;}

.foot-form h3{font-size:40px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:52px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:46px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:46px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:46px;}

.pro-content h5,.side-news h3{font-size:30px;}


.indexA .swiper-slide h5{font-size:26px;}
.indexA .tit .more,.indexD .tit .more{font-size:20px;width:180px;height:45px;line-height:43px;}
.indexB .left .list .swiper-slide .txt h5,.indexB .right ul li h5,.indexB .tit p{font-size:20px;}
.indexA .tit p,.indexA .swiper-slide p,.indexD .tit p{font-size:17px}

.indexA .tit h5::before,.indexB .tit h5::before,.indexD .tit h5::before{width:60px;height:6px;}



.pro-list .tab .tit p{font-size:24px;}

.pro-list3 .item:first-child{align-items:flex-start;}
.pro-list3 .item .txt ul li img{max-width:50%;}
.pro-list3 .item .txt ul li h6{font-size:22px;margin:12px 0 0;}
.pro-list3 .item .txt ul li p{font-size:18px;margin:10px 0 0;}
.pro-list3 .item .txt h5{font-size:43px;}
.pro-list3 .item .txt h5 + p{font-size:18px;}

.cert-list .tit p,.global .tit p,.ex-list .tit p{font-size:21px;}

.pro-list .tab .tit p{font-size:26px;}
.pro-list3 .item .txt h5,.pro-tit h1,.pro-inquiry h3{font-size:42px;}
.pro_img .list .master-list h5{font-size:22px;}
.pro-content h5{font-size:28px;}
.scoll-pic ul li p{font-size:21px;}
.pro-feature ul li p{font-size:22px;}


.indexA{padding:60px 0 120px;}
.indexA .tit h3 br{display:none;}
.indexA .swiper-slide p{line-height:28px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow:hidden;}

.indexB .left .list::after{right:-60px;top:-60px;border-radius:0 60px 0 0;}
.indexB .right ul{width:90%;}

.indexB .left .list .page{width:59px;left:-59px;}
.indexB .left .list .page .swiper-button-prev,.indexB .left .list .page .swiper-button-next{width:59px;height:59px;line-height:59px;}

.indexD .tit .more{margin:40px 0 0;}

.service2 .tit{top:20px;width:32%;}
.service2 .tit p{font-size:19px;line-height:28px;}
.service2 .tit h3 br{display:none;}

.service3 .box .txt h5{font-size:22px;}

.news-top .swiper-slide .txt{padding:40px 0 0 56px;}
.news-top .swiper-slide .txt h5{font-size:30px;}
.news-top .swiper-slide .txt p{line-height:26px;max-height:78px;margin:15px 0 0;}
.news-top .swiper-slide .txt .more{margin:20px 0 0;width:160px;height:39px;line-height:37px;}

.newslist ul li .t h5{font-size:22px;}

.about .tit p{font-size:19px;line-height:28px;}
.about ul li .ico{width:120px;height:120px;}
.about ul li h5{font-size:23px;}
.about ul li p{font-size:19px;}

.about2 h5{font-size:28px;}
.about2 p{font-size:19px;line-height:28px;}

.about3 .txt h3{margin-bottom:70px;}
.about3 .txt h3::after{width:300px;height:5px;bottom:-25px;}
.about3 .txt dl~dl{margin-top:40px;}
.about3 .txt dl dd h5{font-size:26px;line-height:1;}
.about3 .txt dl dd p{font-size:19px;line-height:26px;}

.pro-list .tab ul li{padding:40px 40px 35px;}
.pro-list .tab ul li h5{font-size:20px;font-family:var(--font-family2);}
.pro-list .tab ul li .ico{width:120px;height:120px;}
.pro-list .tab ul li .pic{width:120px;}

.pnbar p{font-size:21px;padding:12px 30px;}

.news-top h3::after{width:300px;height:5px;}

.news-right{width:350px;}

.service1 .wp{align-items:flex-start;}
.service1 ul li h5{font-size:19px;}
.service1 ul li .t{margin:10px 0 0;}
.service1 ul li .t span{font-size:17px;}
.service1 ul li .t a{font-size:17px;}

.pro2_view {padding: 70px 0;}
.pro_view_inner {margin-right: 110px;padding-top: 40px;}
.pro_view_inner h1 {font-size: 39px;margin-bottom: 25px;}
.pro_view_inner h3 {font-size: 28px;margin-bottom: 17px;}
.pro_para ul {margin-top: 35px;}
.pro_para ul li + li {margin-top: 25px;}
.pro_para ul li h5 {font-size: 19px;margin-bottom: 8px;}
.pro_view_inner a.cert,.pro2_view a.cert {margin: 25px 0;}
.pro2_img {width: 52%;}

.pro2-tit h3 {font-size: 29px;}

.pro2-text1 {padding: 70px 0;}
.pro2-text1 .list {padding: 35px 0;}
.pro2-text1 .swiper-slide {padding: 30px 25px;}
.pro2-text1 .swiper-slide h5 {font-size: 23px;margin-bottom: 30px;}
.pro2-text1 .swiper-slide .pic {margin-top: 70px;}
.pro2-text1 .list .swiper-button-prev, .pro2-text1 .list .swiper-container-rtl .swiper-button-next {left: -100px;}
.pro2-text1 .list .swiper-button-next, .pro2-text1 .list .swiper-container-rtl .swiper-button-prev {right: -100px;}

.pro2-text2 {padding: 70px 0 0;}
.pro2-text2 .pic {margin-top: 80px;}

.pro2-text3 {padding: 70px 0 0;}
.pro2-text3 ul {margin-top: 80px;}
.pro2-text3 ul li + li {margin-top: 56px;}
.pro2-text3 ul li .txt {margin-left: 90px;}
.pro2-text3 ul li:nth-child(2n) .txt {margin-right: 90px;}
.pro2-text3 ul li .txt h5 {font-size: 28px;margin-bottom: 25px;}

.pro2-text4 {padding: 70px 0 0;}

.rela-pro {padding: 70px 0;}
.rela-pro h3 {font-size: 39px;}
.rela-pro ul {margin: 50px -13px 0;}
.rela-pro ul li {padding: 0 13px;}
.rela-pro ul li .txt {padding: 30px 13px;}
.rela-pro ul li .txt p {font-size: 19px;line-height: 23px;}

}

@media screen and (max-width:1367px) {
.main{padding-top:80px;padding-bottom:80px;}
.nav > ul > li+li{margin-left:25px;}
.nav > ul > li > a{font-size:19px;}
.drop-down .tab span{font-size:19px;}
.drop-down .tab-list .item h3{font-size:26px;}
.drop-down dl dd .ico{width:120px;height:120px;}

.foot-nav ul li,.foot-list ul li,.foot-contact p{font-size:17px;line-height:28px;}
.foot-contact{width:380px;}
.copyright p{font-size:18px;}
.copyright .share a + a{margin-left:15px;}
.foot-form .inquirbox input[type="text"],.foot-form .inquirbox textarea{padding:15px 20px;font-size:17px;}
.foot-form .inquirbox .submit{margin-left:10px;width:210px;font-size:18px;line-height:54px;height:54px;}

.foot-form h3{font-size:36px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:48px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:44px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:44px;}
/*.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:44px;}*/
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:24px;}
.pro-content h5,.side-news h3{font-size:26px;}

.cert-list .tit p,.global .tit p,.ex-list .tit p{font-size:20px;}
.cert-list .tit a,.global .tit a{width:220px;height:40px;line-height:38px;font-size:22px;}

.pro-list3 .item .txt h5,.pro-tit h1,.pro-inquiry h3{font-size:38px;}

.indexA .swiper-slide h5{font-size:24px;}
.indexA .swiper-slide p{line-height:27px;-webkit-line-clamp:7;}
.indexA .tit .more,.indexD .tit .more{font-size:18px;width:160px;height:42px;line-height:40px;}
.indexB .left .list .swiper-slide .txt h5,.indexB .right ul li h5,.indexB .tit p{font-size:18px;}
.indexA .tit p,.indexA .swiper-slide p,.indexD .tit p{font-size:16px;}

.pro-list .tab .tit p{font-size:22px;}

.indexA .tit h5::before,.indexB .tit h5::before,.indexD .tit h5::before{width:50px;height:5px;}

.indexB .tit::after{width:340px;height:220px;}
.indexB .left .list::after{right:-50px;top:-50px;border-radius:0 50px 0 0;}

.indexD{padding:80px 0 0;margin-bottom:100px;}
.indexD .right .pic{padding:35px 35px 0;width:47%;}
.indexD .tit .more{margin:30px 0 0;}

.pro-list .tab .tit p{font-size:20px;}
.pro-list .tab ul li .pic{width:110px;}
.pro-list .tab ul li .ico{width:110px;height:110px;}
.pro-list .tab ul li .ico img{max-height:45%;}
.pro-list .tab ul li h5{font-size:19px;}

.pro-list .list .swiper-slide .txt h6{font-size:22px;}
.pro-list .list .swiper-slide .more{width:120px;height:34px;line-height:32px;font-size:16px;}

.pro-list3 .item .txt h5{font-size:40px;}
.pro-list3 .item .txt h5+p{font-size:19px;line-height:28px;}
.pro-list3 .item .txt ul li h6{font-size:22px;}
.pro-list3 .item .txt ul li img{max-width:120px;}

.pro-list3 .item:nth-child(1) .pic{display:none;}
.pro-list3 .item:nth-child(1) .txt{width:100%;text-align:center;}
.pro-list3 .item .txt .box,.pro-list3 .item:nth-child(2n) .txt .box{max-width:100%;padding:0 5%;}


.service1{padding:80px 0 40px;}
.service2{padding:80px 0;}
.service2 .tit p{font-size:18px;line-height:26px;}

.service3{padding:80px 0;}
.service3 .box .txt h5{font-size:21px;}

.news-top .swiper-slide .txt h5{font-size:28px;}
.news-top .page{bottom:0;}

.newslist{margin:70px 0 0;}
.newslist ul li .t h5{font-size:21px;}
.newslist ul li .t .more{width:130px;height:28px;line-height:26px;font-size:17px;}

.about ul li h5{font-size:22px;}

.about2 h5{font-size:26px;}
.about2 p{font-size:18px;line-height:26px;}

.about3 .txt h3{margin-bottom:70px;}
.about3 .txt h3::after{width:300px;height:5px;bottom:-25px;}
.about3 .txt dl~dl{margin-top:30px;}
.about3 .txt dl dd h5{font-size:24px;}
.about3 .txt dl dd p{font-size:18px;line-height:24px;}


.pro-process .list ul li .txt p{font-size:19px;}

.pro_img .list .master-list h5{font-size:21px;}
.pro_img .list .master-list p{font-size:17px;}
.pro_img .list .master-list img{max-width:80%;}

.pro-tit p{font-size:19px;}
.pro-content{line-height:28px;font-size:18px;}
.pro-feature ul li p{font-size:20px;}
.pro-feature p{font-size:18px;line-height:28px;}

.scoll-pic ul li p{font-size:20px;}

.pro-spec table{font-size:18px;}
.pro-spec table tr > td{padding:7px 20px;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:15px 18px;font-size:17px;}
.pro-inquiry .inquirbox .submit{width:270px;height:55px;line-height:55px;font-size:22px;}

.pnbar p{font-size:20px;padding:12px 25px;}



.news-right{width:320px;}


.contact-info .swiper-slide .txt p,.contact-info .tit p{font-size:19px;}
.contact-left h4{font-size:26px;}
.contact-left dl dt{font-size:19px;}

.contact-left{width:60%;}
.contact-mid{display:none;}

.inquirbox label{font-size:22px;margin-bottom:15px;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:20px 20px;font-size:19px;}
.contact-inquiry .inquirbox .submit{width:600px;height:65px;line-height:65px;font-size:26px;}

.pro2_view {padding: 60px 0;}
.pro_view_inner {margin-right: 90px;padding-top: 35px;}
.pro2_img {width: 51%;}

.pro2-text1 {padding: 60px 0;}
.pro2-text1 .swiper-slide .pic {margin-top: 60px;}
.pro2-text1 .list .swiper-button-prev, .pro2-text1 .list .swiper-container-rtl .swiper-button-next {left: -90px;}
.pro2-text1 .list .swiper-button-next, .pro2-text1 .list .swiper-container-rtl .swiper-button-prev {right: -90px;}

.pro2-text2 {padding: 60px 0 0;}
.pro2-text2 .pic {margin-top: 70px;}

.pro2-text3 {padding: 60px 0 0;}
.pro2-text3 ul {margin-top: 70px;}
.pro2-text3 ul li + li {margin-top: 49px;}
.pro2-text3 ul li .txt {margin-left: 75px;}
.pro2-text3 ul li:nth-child(2n) .txt {margin-right: 75px;}

.pro2-text4 {padding: 60px 0 0;}

.rela-pro {padding: 60px 0;}

.solution-rela-pro ul {margin: 70px -25px 0;}
.solution-rela-pro ul li {padding: 0 25px;}

}


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

.wp{width:100%;padding-right:50px;padding-left:50px;}
.main{padding-top:70px;padding-bottom:70px;}

.drop-down .tab span{font-size:18px;}
.drop-down .tab-list .item h3{font-size:24px;}
.drop-down dl dd h5{font-size:18px;}
.drop-down dl dd .ico{width:110px;height:110px;}

.inquirbox label{font-size:20px;margin-bottom:15px;}

.foot-contact{width:360px;}

.foot-form h3{font-size:32px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:44px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:40px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:40px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:40px;}

.pro-content h5,.side-news h3{font-size:24px;}
.cert-list .tit p,.global .tit p,.ex-list .tit p{font-size:19px;}

.indexA{padding:60px 0 80px;}
.indexA .tit{width:360px;left:50px;}
.indexA .swiper-slide .top a{width:calc(100% - 360px);}

.indexA .swiper-slide h5{font-size:22px;}
.indexA .swiper-slide p{line-height:25px;-webkit-line-clamp:6;}
.indexA .tit .more,.indexD .tit .more{font-size:17px;width:140px;height:38px;line-height:36px;}
.indexB .left .list .swiper-slide .txt h5,.indexB .right ul li h5,.indexB .tit p{font-size:17px;}

.indexB .tit::after{width:300px;height:170px;}
.indexB .left .list .swiper-slide .txt{padding:15px 20px;max-width:470px;}
.indexB .left .list .page{width:auto;position:static;}
.indexB .left .list .page .swiper-button-prev,.indexB .left .list .page .swiper-button-next{position:absolute;width:40px;height:40px;line-height:40px;}
.indexB .left .list .page .swiper-button-prev i,.indexB .left .list .page .swiper-button-next i{font-size:20px;transform:rotate(-90deg);}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:0;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:0;}

.indexD{padding:70px 0 0;margin-bottom:80px;}
.indexD .tit{width:400px;padding:45px 30px 0 0;}
.indexD .right{width:calc(100% - 400px);padding:0 0 90px;}
.indexD .right .pic{padding:30px 30px 0;width:45%;}

.pro-list .tab .tit p{font-size:18px;}
.pro-list .tab ul li{padding:30px 30px 25px;}
.pro-list .tab ul li h5{font-size:18px;}
.pro-list .list .swiper-slide .txt h6{font-size:20px;}


.pro-process{padding:60px 0;}
.pro-process .list{margin:60px 0 0;}
.pro-process .list ul li .txt p{font-size:18px;}

.pro-list3 .item .txt h5{font-size:36px;}
.pro-list3 .item .txt ul li h6{font-size:20px;font-family:var(--font-family2);}
.pro-list3 .item .txt h5+p{font-size:18px;line-height:26px;}

.pro_img .list .master-list h5{font-size:20px;}

.pro_img .list .master-list p{font-size:15px;}

.news-top h3{left:calc(55% + 45px);}
.news-top h3::after{width:120px;height:4px;bottom:-25px;right:auto;left:0;}
.news-top .swiper-slide .pic{width:55%;}
.news-top .swiper-slide .txt{padding:30px 0 0 45px;}
.news-top .swiper-slide .txt h5{font-size:26px;}
.news-top .swiper-slide .txt span{margin:15px 0 0;font-size:17px;}
.news-top .swiper-slide .txt p{font-size:17px;line-height:26px;max-height:78px;margin:15px 0 0;}
.news-top .swiper-slide .txt .more{margin:20px 0 0;font-size:17px;width:140px;height:38px;line-height:36px;}
.news-top .page{left:calc(55% + 45px);}

.newslist{margin:60px 0 0;}
.newslist ul{margin:25px -15px 0;}
.newslist ul li{padding:25px 15px;}
.newslist ul li .t h5{font-size:20px;line-height:26px;}

.news-content{font-size:17px;}
.news-content p{margin-bottom:15px;}
.pnbar p{font-size:19px;padding:11px 22px;}

.news-left{padding:70px 23px 90px 0;}
.news-right{width:290px;padding:70px 0 90px 35px;}


.service1{padding:60px 0 40px;}
.service1 ul li h5{font-size:18px;}
.service2{padding:70px 0;}
.service2 .tit{left:50px;width:29%;}

.service3{padding:60px 0;}
.service3 .box .txt h5{font-size:20px;}

.about .tit p{font-size:18px;line-height:26px;}
.about ul li .ico{width:100px;height:100px;}
.about ul li h5{font-size:20px;}
.about ul li p{font-size:18px;}

.about2 p{font-size:17px;line-height:24px;margin:15px 0 0;}
.about2 h5{font-size:24px;margin:20px 0 0;}

.about3 .txt h3{margin-bottom:60px;}
.about3 .txt dl ~ dl{margin-top:25px;}
.about3 .txt dl dd h5{font-size:22px;}
.about3 .txt dl dd p{font-size:17px;line-height:22px;}

.cert-list{padding:60px 0;}
.cert-list .list{margin-top:40px;}

.global{margin:60px 0;}
.global .wp{display:block;}
.global .tit{width:100%;position:static;text-align:center;}
.global .list{width:100%;margin:30px 0 0;}

.pro-list3 .item .txt h5, .pro-tit h1, .pro-inquiry h3{font-size:34px;}
.pro-content h5{font-size:22px;}

.scoll-pic ul li p{font-size:19px;}
.pro-feature ul li p{font-size:19px;}


.contact-info{padding:60px 0 30px;}
.contact-info .swiper-slide .txt p,.contact-info .tit p{font-size:18px;}

.contact{padding:60px 0 30px;}
.contact-left h4{font-size:24px;}
.contact-left dl dt{font-size:18px;}
.contact-left dl dd{font-size:18px;line-height:24px;}
.contact-left img{margin:40px 0 0;}

.contact-inquiry .inquirbox{margin:50px 0 0;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:15px 17px;font-size:18px;}
.contact-inquiry .inquirbox .submit{width:500px;height:60px;line-height:60px;font-size:24px;}

.pro2_view {padding: 50px 0;}
.pro_view_inner {margin-right: 70px;padding-top: 30px;}
.pro_view_inner h1 {font-size: 36px;margin-bottom: 20px;}
.pro_view_inner h3 {font-size: 26px;margin-bottom: 14px;}
.pro_para ul {margin-top: 30px;}
.pro_para ul li + li {margin-top: 20px;}
.pro_para ul li h5 {font-size: 18px;margin-bottom: 6px;}
.pro_view_inner a.cert,.pro2_view a.cert {margin: 20px 0;}
.pro2_img {width: 50%;}

.pro2-tit h3 {font-size: 26px;}

.pro2-text1 {padding: 50px 0;}
.pro2-text1 .list {padding: 30px 0;}
.pro2-text1 .swiper-slide {padding: 25px 20px;}
.pro2-text1 .swiper-slide h5 {font-size: 22px;margin-bottom: 20px;}
.pro2-text1 .swiper-slide .pic {margin-top: 50px;}
.pro2-text1 .list .swiper-button-prev, .pro2-text1 .list .swiper-container-rtl .swiper-button-next {left: -80px;}
.pro2-text1 .list .swiper-button-next, .pro2-text1 .list .swiper-container-rtl .swiper-button-prev {right: -80px;}

.pro2-text2 {padding: 50px 0 0;}
.pro2-text2 .pic {margin-top: 60px;}

.pro2-text3 {padding: 50px 0 0;}
.pro2-text3 ul {margin-top: 60px;}
.pro2-text3 ul li + li {margin-top: 42px;}
.pro2-text3 ul li .txt {margin-left: 60px;}
.pro2-text3 ul li:nth-child(2n) .txt {margin-right: 60px;}
.pro2-text3 ul li .txt h5 {font-size: 26px;margin-bottom: 20px;}

.pro2-text4 {padding: 50px 0 0;}

.rela-pro {padding: 50px 0;}
.rela-pro h3 {font-size: 36px;}
.rela-pro ul {margin: 40px -11px 0;}
.rela-pro ul li {padding: 0 11px;}
.rela-pro ul li .txt {padding: 20px 11px;}
.rela-pro ul li .txt p {font-size: 18px;line-height: 22px;}

}


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

.wp{padding-right:40px;padding-left:40px;}

.logo img{height:50px;}
.nav > ul > li > a{font-size:17px;}
.nav > ul > li + li{margin-left:10px;}
.header-lang{margin-left:15px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:36px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:36px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:36px;}

.foot-form h3{font-size:30px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:40px;}


.indexA{padding:40px 0;}
.indexA .tit{width:100%;position:static;text-align:center;}
.indexA .tit h5{display:inline-flex;}
.indexA .tit .more{margin:20px auto 0;}
.indexA .list{margin:30px 0 0;}

.indexA .swiper-slide h5{margin-bottom:10px;}
.indexA .swiper-slide p{line-height:26px;}

.indexA .swiper-slide .top a{width:100%;align-items:center;background:#F6F6F6;}
.indexA .swiper-slide .top a .pic{width:50%;}
.indexA .swiper-slide .top a .txt{padding:0 30px;}

.indexA .swiper-slide .bot a{flex-direction:column;}
.indexA .swiper-slide .bot a:first-child .pic{width:100%;}
.indexA .swiper-slide .bot a:last-child .pic{width:100%;}
.indexA .swiper-slide .bot a .txt{padding:25px 20px;}

.indexB{padding:0 0 40px;}
.indexB .left{flex-direction:column;padding:15px 0 0;}
.indexB .left .list::after{display:none;}
.indexB .tit{padding:10px 0 0;}
.indexB .tit::after{width:200px;height:140px;top:10px;}
.indexB .left .list{margin:30px 0 0;}

.indexB .right .list{display:block;}
.indexB .right ul{width:100%;}
.indexB .right .pic{margin:30px 0 0;}

.indexD{padding:30px 0 0;margin-bottom:40px;}

.pro-list .tab{padding:40px 0 0;}
.pro-list .tab .tit p{font-size:19px;}

.about3{display:block;}
.about3 .v{margin:20px auto 0;}
.about3 .txt{padding:30px 40px 0;}
.about3 .txt h3{text-align:center;}
.about3 .txt h3::after{width:80px;height:4px;position:static;margin:15px auto 0;}


.news-top h3{position:static;margin-bottom:30px;}
.news-top h3::after{width:80px;height:3px;position:static;margin:15px auto 0 0;display:block;}
.news-top .swiper-slide .pic{width:50%;}
.news-top .swiper-slide .txt{padding:0 0 0 40px;}
.news-top .page{display:none;}
.news-top .swiper-pagination-bullets{display:block;}

.service2 .tit{left:40px;}

}

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

.wp{padding-right:30px;padding-left:30px;}

body.home header{position:static;}
.nav{display:none;}
.header-right span.mo-header-menu{display:block;}
header {position: static;}
.header{height:70px;}
/* 手机端 header 为 static 布局，白色图标需品牌深绿底衬托才可见 */
body.nav-light .header{background:#004C46;}
body.nav-light .header-right span.mo-header-menu{color:#fff;}
body.nav-light .header .logo img{filter:brightness(0) invert(1);}

.search-box{padding:20px 30px;}
.search-box .serchbox{width:100%;}
.search-box .close{display:none;}

.foot-form h3{font-size:28px;}
.foot-form .wp{display:block;}
.foot-form h3{text-align:center;}
.foot-form .inquirbox{flex:none;margin:25px 0 0;}
.foot-form .inquirbox .input-box{flex:none;width:48%;}
.foot-form .inquirbox .input-box ~ .input-box{margin-left:0;}
.foot-form .inquirbox .submit{width:220px;margin:20px auto 0;}

#footer{padding:30px 0;}
#footer .wp{display:block;}
#footer h5{font-size:20px;margin:0 0 15px;text-align:center;}

.foot-nav ul{font-size:0;}
.foot-nav ul li{font-size:16px;line-height:24px;display:inline-block;margin:0 5px 8px;}

.foot-list{text-align:center;margin-top:20px;}
.foot-list ul{font-size:0;}
.foot-list ul li{font-size:16px;line-height:24px;display:inline-block;margin:0 5px 8px;}

.foot-contact{width:100%;margin-top:20px;}
.foot-contact p{font-size:16px;line-height:24px;}
.foot-contact p+p{margin-top:5px;}

.copyright{text-align:center;}
.copyright .wp{display:block;padding:15px 0;}
.copyright img{height:50px;}
.copyright p{font-size:16px;margin:15px 0 0;}
.copyright p a{margin:0 48px;}
.copyright span{font-size:12px;color:#fff;cursor:pointer;}
.copyright span i{font-size:14px;vertical-align:middle;margin-right:8px;}

.copyright .share{margin:15px 0 0;}
.copyright .share a{width:36px;height:36px;line-height:36px;}
.copyright .share a+a{margin-left:10px;}
.copyright .share a i{font-size:18px;}

#banner .swiper-pagination-bullets{bottom:25px;}
#banner .swiper-pagination-bullet {width:40px;height:4px;}


.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:36px;}

.indexD::after{display:none;}
.indexD .wp{display:block;}
.indexD .tit{width:100%;padding:0;text-align:center;}
.indexD .tit h5{display:inline-flex;}
.indexD .tit .more{margin:20px auto 0;}

.indexD .right{width:100%;padding:30px 0 0;}
.indexD .right .pic{padding:20px 20px 0;width:40%;}


.pro-list3 .item{display:block;}
.pro-list3 .item + .item{margin-top:30px;}
.pro-list3 .item .pic{width:100%;}
.pro-list3 .item .txt {padding:20px 20px 0;}
.pro-list3 .item:nth-child(2n) .txt{display:block;}
.pro-list3 .item .txt .box, .pro-list3 .item:nth-child(2n) .txt .box{padding:0;}
.pro-list3 .item .txt h5{font-size:28px;text-align:center;}

.pro-tit{padding:30px 0;}
.pro-list3 .item .txt h5, .pro-tit h1, .pro-inquiry h3{font-size:30px;}
.pro-tit p{font-size:18px;}

.pro_img{padding:30px 0 90px;}
.pro_img .list{margin:30px 0 0;}
.pro_img .list .master{width:25%;transform:none;left:auto;margin:0 auto;}
.pro_img .list .box{width:auto;position:static;display:flex;flex-wrap:wrap;margin:0 -10px;}
.pro_img .list .master-list{position:static;width:25%;text-align:center;padding:10px;display:flex;flex-direction:column;justify-content:space-between;}
.pro_img .list .master-list .pic{padding-bottom:0;background-size:90% auto;height:130px;}
.pro_img .list .master-list img{max-width:100%;max-height:100px;}
.pro_img .list .master-list h5{font-size:19px;}

.pro-pic-list{display:block;}

.about ul li{width:33.333333%;padding:10px;}

.about2 .wp{display:block;}
.about2 .right{width:100%;}
.about2 h3{text-align:center;}
.about2 .left{margin:20px 0 0;width:100%;text-align:center;}

.about3 .txt{padding:30px 30px 0;}

.cert-list .swiper-slide img{box-shadow:0 3px 5px rgba(0,0,0,0.41);border:10px solid #2A2220;}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next{display:none;}
.cert-list .swiper-pagination-bullets{display:block;}

.newslist{margin:40px 0 0;}
.newslist ul{margin:20px -15px 0;}
.newslist ul li{width:50%;padding:20px 15px;}
.newslist ul li .t .more{display:none;}
.newslist ul li .t h5{font-size:19px;line-height:25px;}

.main-news .wp{display:block;}
.news-left{padding:50px 0 40px;}
.news-right{width:100%;padding:50px 35px;}
.side-news ul li{padding:15px 0;display:flex;align-items:center;}
.side-news ul li .pic{width:40%;}
.side-news ul li .t {flex:1;margin:0 0 0 20px;}
.side-news ul li .t .more{display:none;}

.service1{padding:50px 0 30px;}
.service1 .wp{display:block;}
.service1 .pic{display:none;}
.service1 .list{margin-left:0;}
.service1 .list h3{text-align:center;}
.service1 .swiper-pagination-bullets{text-align:center;}
.service2 .left .v:first-child::before,.service2 .left .v:last-child::before{display:none;}


.service2{padding:50px 0;}
.service2 .tit{position:static;width:100%;text-align:center;margin-bottom:20px;}

.service3{padding:50px 0;}
.service3 .list{margin:40px 0 0;}
.service3 .box .txt h5{font-size:19px;}
.service3 .box .txt p{font-size:17px;}

.contact-info .wp{flex-direction:column-reverse;}
.contact-info .tit{width:100%;padding:0 0 40px;text-align:center;}
.contact-info .page {display:none;}
.contact-info .list{width:100%;}
.contact-info .swiper-pagination-bullets{display:block;}

.pro2_view {padding: 30px 0;}
.pro2_view .wp {flex-direction: column-reverse;}
.pro2_img {width: 100%;text-align:center;}
.pro2_img img {width: 70%;display: block;}
.pro_view_inner {margin-right: 0;padding-top: 20px;}
.pro_view_inner h1 {font-size: 26px;margin-bottom: 15px;text-align:center;}
.pro_view_inner h1::before {width: 80px;height: 4px;margin: 0 auto 10px;}
.pro_para {font-size: 16px;line-height: 24px;}
.pro_para ul li + li {margin-top: 10px;}
.pro_para ul li h5 {font-size: 18px;margin-bottom: 4px;}
.pro_view_inner a.cert,.pro2_view a.cert {padding: 0 30px;height: 40px;line-height: 40px;}

.pro2-tit h3 {font-size: 22px;}


.pro2-text1 {padding: 30px 0;background-size: auto 100%;}
.pro2-text1 .wp {padding: 0 10px;}
.pro2-text1 .list .swiper-button-prev, .pro2-text1 .list .swiper-button-next {display: none;}
.pro2-text1 .list .swiper-pagination-bullets {display: block;}
.pro2-text1 .swiper-slide h5 {font-size: 20px;margin-bottom: 15px;}
.pro2-text1 .swiper-slide p {line-height: 26px;font-size: 18px;}
.pro2-text1 .swiper-slide .pic {margin-top: 30px;text-align: center;}

.pro2-text2 {padding: 30px 0 0;}
.pro2-text2 ul {margin-left: 0;}
.pro2-text2 ul li {width: 100%;padding: 0 10px 0 20px;}

.pro2-text3 {padding: 30px 0 0;}
.pro2-text3 ul {margin-top: 30px;}
.pro2-text3 ul li {display: block;}
.pro2-text3 ul li .pic {width: 100%;}
.pro2-text3 ul li .txt {margin-left: 0;margin-top: 25px;margin-right: 0;}

.pro2-text3 ul li + li {margin-top: 25px;}

.pro2-text4 {padding: 30px 0 0;}

.rela-pro {padding: 30px 0;}
.rela-pro h3 {font-size: 26px;text-align:center;}
.rela-pro h3::before {width: 80px;height: 4px;margin: 0 auto 10px;}

.rela-pro ul {margin: 23px -7px 0;flex-wrap:wrap;}
.rela-pro ul li {padding: 7px;width: 50%;}
.rela-pro ul li .txt {padding: 15px 11px;}
.rela-pro ul li .txt p {font-size: 16px;line-height: 20px;}

.ex-list2 .list {margin: 30px 0 0;}
.ex-list2 .swiper-button-prev, .ex-list2 .swiper-button-next {display: none;}
.ex-list2 .swiper-pagination-bullets {display: block;}
}


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

.wp{padding-right:20px;padding-left:20px;}
.main{padding-top:30px;padding-bottom:30px;}

.search span i{font-size:20px;}
.header-lang .box i:first-of-type{font-size:22px;}
.header-lang .box em{margin:0 5px;font-size:14px;}
.header-lang .box i:last-of-type{font-size:15px;}

.sitetop p{font-size:15px;}
.sitetop p.email{margin-left:20px;}
.sitetop p.email,.sitetop p.tel{background-size:auto 16px;}

.search-box{padding:15px 20px;}
.search-box .serchbox .submit_text{height:42px;line-height:42px;padding:0 70px 0 10px;}
.search-box .serchbox .submit_btn{width:60px;height:42px;line-height:42px;}
.search-box .serchbox .submit_btn i{font-size:22px;}

.foot-form{padding:30px 0;}
.foot-form .inquirbox input[type="text"],.foot-form .inquirbox textarea{padding:10px 15px;font-size:16px;}
.foot-form .inquirbox .submit{line-height:44px;height:44px;font-size:17px;}

.online ul li em{width:40px;height:40px;line-height:40px;}
.online ul li i{font-size:24px;}

.inquirbox label{font-size:18px;margin-bottom:7px;}
.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

.foot-form h3{font-size:26px;}
.newstit h1{font-size:26px;}
.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:30px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:30px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:30px;}

.indexA .tit h5::before, .indexB .tit h5::before, .indexD .tit h5::before{width:45px;height:4px;}
.indexA .tit h5,.indexB .tit h5,.indexD .tit h5{font-size:18px;}

.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:32px;}
.sidebanner1 .txt p,.sidebanner3 .txt p{font-size:16px;margin:15px 0 0;}

.cert-list .tit p,.global .tit p,.ex-list .tit p{font-size:18px;}
.cert-list .tit a, .global .tit a{width:170px;height:32px;line-height:30px;font-size:18px;}


.indexA{padding:30px 0;}
.indexA .swiper-slide h5{font-size:20px;}
.indexA .swiper-slide p{line-height:24px;}
.indexA .swiper-slide .top a .txt{padding:0 20px;}

.indexA .swiper-slide .bot{display:block;}
.indexA .swiper-slide .bot a:first-child,.indexA .swiper-slide .bot a:last-child{width:100%;flex-direction:row;background:#F6F6F6;align-items:center;}
.indexA .swiper-slide .bot a:first-child{background:#fff;}
.indexA .swiper-slide .bot a:first-child .pic,.indexA .swiper-slide .bot a:last-child .pic{width:50%;}
.indexA .swiper-slide .bot a .txt{padding:0 20px;}
.indexA .swiper-slide .bot a:first-child .txt{background:#fff;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{width:40px;height:40px;line-height:40px;margin-top:-20px;}
.indexA .swiper-button-prev i,.indexA .swiper-button-next i{font-size:22px;}

.indexB{padding:0 0 10px;}
.indexB .wp{display:block;}
.indexB .left,.indexB .right{display:block;width:100%;}
.indexB .tit{padding:0;width:100%;text-align:center;}
.indexB .tit h5{display:inline-flex;}
.indexB .tit::after{display:none;}
.indexB .tit p{line-height:24px;}
.indexB .right{margin:15px 0 0;}

.indexB .left .list .swiper-slide a{border:2px solid #F7F7F7;}
.indexB .left .list .swiper-slide .txt{position:static;padding:12px 15px;max-width:100%;width:100%;}
.indexB .left .list .page{display:none;}
.indexB .left .list .swiper-pagination-bullets{display:block;}


.indexD{margin-bottom:30px;}
.indexD .tit p{line-height:24px;}

.indexD .right .v .play{left:calc(50% - 35px);top:calc(50% - 35px);}
.indexD .right .v .play .box{width:70px;height:70px;}
.indexD .right .v .play .box img{height:25px;}

.pro-list{padding:0 0 30px;}
.pro-list .tab{padding:30px 0 0;}
.pro-list .tab ul{margin-top:30px;}
.pro-list .tab ul li{width:50%;border-top:3px solid transparent;padding:25px 25px 20px;}
.pro-list .tab ul li .ico{width:100px;height:100px;}
.pro-list .tab ul li .pic{width:100px;}
.pro-list .list .swiper-slide .txt{margin:20px 0 0;text-align:center;}
.pro-list .list .swiper-slide .more{display:none;}

.pro-list .list .swiper-button-prev, .pro-list .list .swiper-button-next{width:40px;height:40px;line-height:40px;top:calc(((100% - 40px) / 2) - 20px);}
.pro-list .list .swiper-button-prev i, .pro-list .list .swiper-button-next i{font-size:22px;}

.pro-list3{padding:30px 0;}
.pro-list3 .item .txt h5+p{font-size:17px;margin:12px 0 0;line-height:24px;}
.pro-list3 .item .txt ul li p{font-size:17px;line-height:24px;}
.pro-list3 .item .txt ul li img{max-width:100px;}

.pro-listB .tab .tit h3 {font-size: 22px;text-align:center;}
.pro-listB .tab .tit h3::before {width: 80px;height: 4px;margin: 0 auto 10px;}
.pro-listB .tab ul {margin-top: 30px;flex-wrap: wrap;}
.pro-listB .tab ul li {margin-left: 0;width: 50%;text-align: center;padding: 15px;}
.pro-listB .tab ul li + li {margin-left: 0;}
.pro-listB .tab ul li h5 {font-size: 20px;}

.pro-listB .list ul {flex-wrap:wrap;}
.pro-listB .list ul li {width: 50%;}
.pro-listB .list ul li .txt h6 {font-size: 18px;line-height: 23px;}

.pro-process{padding:30px 0;}
.pro-process .list{margin:30px 0 0;}
.pro-process .list ul{margin:-15px -20px;}
.pro-process .list ul li{width:50%;padding:20px 20px;}
.pro-process .list ul li .txt{margin:15px 0 0;}
.pro-process .list ul:nth-child(2n+1) li:nth-child(1){order:1;}
.pro-process .list ul:nth-child(2n+1) li:nth-child(2){order:2;}
.pro-process .list ul:nth-child(2n+1) li:nth-child(4){order:3;}
.pro-process .list ul:nth-child(2n+1) li:nth-child(3){order:4;}

.pro-process .list ul li::after{width:20px;height:20px;background-size:20px;}
.pro-process .list ul:nth-child(2n+1) li::after{right:-10px;top:calc(((100% - 40px) / 2) - 10px);}

.pro-process .list ul:nth-child(2n+1) li:nth-child(2)::after{right:auto;left:calc(50% - 12px);top:auto;bottom:-10px;transform:rotate(90deg);}
.pro-process .list ul:nth-child(2n+1) li:nth-child(3)::after{right:auto;left:-10px;transform:rotate(180deg);}

.pro-process .list ul:nth-child(2n+1) li:nth-child(4)::after{bottom:-10px;right:calc(50% - 10px);}

.pro-process .list ul ~ ul{margin-top:10px;}

.pro-process .list ul:nth-child(2n){flex-direction:row;}
.pro-process .list ul:nth-child(2n) li:nth-child(1){order:1;}
.pro-process .list ul:nth-child(2n) li:nth-child(2){order:2;}
.pro-process .list ul:nth-child(2n) li:nth-child(4){order:3;}
.pro-process .list ul:nth-child(2n) li:nth-child(3){order:4;}
.pro-process .list ul:nth-child(2n) li:nth-child(1)::after{left:auto;right:-10px;top:calc(((100% - 40px) / 2) - 10px);transform:rotate(0);-ms-transform:rotate(0);}
.pro-process .list ul:nth-child(2n) li:nth-child(2)::after{left:calc(50% - 12px);top:auto;bottom:-10px;transform:rotate(90deg);}
.pro-process .list ul:nth-child(2n) li:nth-child(3)::after{left:-10px;top:calc(((100% - 40px) / 2) - 10px);}

.pro_img{padding:30px 0;}
.pro_img .list .master-list{width:33.333333%;}


.pro_text{padding:30px 0;}
.pro-content{line-height:24px;font-size:16px;padding:20px 0 0;}
.pro-content h5{font-size:20px;}
.pro-content p{margin-bottom:10px;}
.scoll-pic{margin-top:20px;}
.scoll-pic ul li p{font-size:17px;}

.pro_text .pro-scroll + .pro-scroll{margin-top:30px;}

.pro-spec{padding:30px 0;}
.pro-spec table{font-size:17px;}
.pro-spec table tr > td{padding:6px 15px;}
.pro-spec .row > div+div{margin-top:20px;}
.pro-spec .pic{text-align:center;}


.pro-feature{padding:30px 0 10px;}
.pro-feature ul{margin:30px -10px 0;}
.pro-feature ul li{width:33.333333%;padding:10px;}
.pro-feature ul li p{font-size:18px;line-height:24px;}
.pro-feature .row{margin-top:30px;}
.pro-feature .row > div+div{margin-top:20px;}
.pro-feature p{font-size:17px;line-height:24px;}

.pro-inquiry{margin:30px 0;}
.pro-inquiry .inquirbox{margin:30px 0 0;}
.pro-inquiry .inquirbox .row{margin-bottom:0;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:12px 15px;font-size:16px;}
.pro-inquiry .inquirbox .submit{width:200px;height:45px;line-height:45px;font-size:18px;}

.about{padding:30px 0;}
.about .tit h3{text-align:center;}
.about .tit p{font-size:17px;line-height:24px;}
.about ul{margin:20px -10px 0;}
.about ul li .ico{width:80px;height:80px;}
.about ul li h5{margin:15px 0 0;font-size:18px;}
.about ul li p{font-size:17px;}
.about2{padding:30px 0;}
.about2 .row div+div{margin-top:15px;}

.about3 .txt{padding:30px 20px 0;}
.about3 .txt dl dd h5{font-size:21px;}
.about3 .txt dl dd p{font-size:16px;}
.about3 .v{width:100%;}

.cert-list{padding:30px 0;}
.cert-list .list{margin-top:30px;padding:0;}
.cert-list .swiper-slide img{border:8px solid #2A2220;}

.global{margin:30px 0;}
.global .list .box{}
.global .list .item a{width:4px;height:4px;}
.global .list .item:nth-child(3) a, .global .list .item:nth-child(25) a, .global .list .item:nth-child(26) a, .global .list .item:nth-child(28) a, .global .list .item:nth-child(29) a, .global .list .item:nth-child(30) a, .global .list .item:nth-child(31) a, .global .list .item:nth-child(33) a{background-size:12px 17px;width:12px;height:17px;}
.global .list .item .nr p{font-size:17px;margin-bottom:0;}
.global .list .item .nr img{display:none;}
.global .list .item .nr{left:calc(50% - 45px);top:25px;width:90px;padding:4px 5px;}


.ex-list{padding:20px 0 30px;}
.ex-list .list{margin:30px 0 0;}
.ex-list .list .pic h5{font-size:16px;}
.ex-list .top{display:block;}
.top-left-bot{margin-top:20px;}
.ex-list .top .top-left{width:100%;}
.top-left-top .pic{margin:0 auto;}
.ex-list .top .top-right{width:100%;margin:20px 0 0;}
.top-right-bot{margin-top:20px;}
.ex-list .bot{width:100%;display:block;margin-top:20px;}
.ex-list .bot .pic:nth-child(1),.ex-list .bot .pic:nth-child(2),.ex-list .bot .pic:nth-child(3){width:60%;margin:15px auto 0;}
.ex-list .bot .pic+.pic{margin-left:auto;}

.about3 .v .play{left:calc(50% - 35px);top:calc(50% - 35px);}
.about3 .v .play .box{width:70px;height:70px;}
.about3 .v .play .box img{height:26px;}

.news-top .swiper-slide .txt{padding:0 0 0 30px;}
.news-top .swiper-slide .txt h5{font-size:22px;}
.news-top .swiper-slide .txt span{margin:10px 0 0;font-size:16px;}
.news-top .swiper-slide .txt p{font-size:16px;line-height:22px;max-height:66px;margin:10px 0 0;}
.news-top .swiper-slide .txt .more{display:none;}

.newslist{margin:30px 0 0;}
.newslist ul{margin:15px 0 0;}
.newslist ul li{width:100%;padding:10px 0;display:flex;align-items:center;}
.newslist ul li .pic{width:40%;}
.newslist ul li .t {flex:1;margin:0 0 0 20px;}

.news-left{padding:30px 0;}
.newstit span{font-size:17px;}
.newstit h1{margin:20px 0 0;}
.news-content{margin:20px 0 0;line-height:26px;padding:20px 0;}

.news-right{padding:30px 20px;}
.side-news{margin:30px 0 0;}
.side-news ul li .t h5{font-size:18px;margin:10px 0 0;}

.service1{padding:30px 0 20px;}
.service1 .swiper-pagination-bullets{margin-top:30px;}
.service1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:10px;width:10px;margin:0 4px;}

.service2{padding:30px 0;}

.service2 .left{width:80%;margin:0 auto;}
.service2 .left .v:first-child{width:100%;}
.service2 .v + .v{margin-top:20px;}
.service2 .left .v:last-child::before{display:none;}
.service2 .right {width:80%;margin:20px auto 0;}

.service3{padding:30px 0;}
.service3 .list{margin:30px 0 0;display:block;text-align:center;}
.service3 .left{width:100%;align-items:center;}
.service3 .mid{width:100%;text-align:center;margin-top:18px;}
.service3 .right{width:100%;align-items:center;margin-top:18px;}

.service3 .left .box:first-child, .service3 .mid .box:first-child, .service3 .right .box:first-child{flex-direction:column;}
.service3 .box ~ .box{margin-top:18px;}
.service3 .box .txt{padding:15px 0;}
.service3 .box .txt h5{font-size:18px;}
.service3 .box .txt p{font-size:16px;}
.service3 .box:hover .txt{padding:15px 5px;}

.contact-info .swiper-slide .txt p, .contact-info .tit p{font-size:17px;}


.contact-info{padding:30px 0 10px;}
.contact-info .tit{padding:0 0 25px;}
.contact-info .tit p{margin:15px 0 0;line-height:24px;}

.contact{padding:30px 0 0;}
.contact .wp{display:block;}
.contact-left{width:100%;}
.contact-left h3{text-align:center;}
.contact-left h4{font-size:20px;text-align:center;}
.contact-left img{margin:30px 0 0;}
.contact-right{display:none;}

.contact-inquiry{padding:30px 0;}
.contact-inquiry h3{text-align:center;}
.contact-inquiry .inquirbox{margin:30px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:12px 15px;font-size:17px;}
.contact-inquiry .inquirbox .submit{width:300px;height:50px;line-height: 50px;font-size:20px;margin:0 auto;display:block;}

.culture ul {margin: 30px 0;display: block;}
.culture ul li {height: 550px;width: 100%;}
.culture ul li.active {width: 100%;}
.culture ul li .txt {padding: 20px 25px;}
.culture ul li .txt h5 {font-size: 24px;}
.culture ul li .txt p {font-size: 16px;line-height: 22px;margin: 10px 0 0;}

.solution-rela-pro h3 {font-size: 26px;}
.solution-rela-pro ul {margin: 30px -15px 0;flex-wrap:wrap;}
.solution-rela-pro ul li {padding: 0 15px;width: 50%;}

.contact-team ul li {width: 25%;}

}

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

.wp{padding-right:15px;padding-left:15px;}
.logo img{height:45px;}
.header-lang .box em{font-size:13px;}
.header-right span.mo-header-menu{margin-left:10px;}
.sitetop{display:none;}
.search-box{top:70px;padding:15px 15px;}
.header-lang{margin-left:12px;}
.header-right span.mo-header-menu{margin-left:5px;}

.foot-form .inquirbox input[type="text"],.foot-form .inquirbox textarea{padding:8px 13px;font-size:15px;}
.foot-form .inquirbox .input-box{flex:none;width:100%;}
.foot-form .inquirbox .input-box ~ .input-box{margin:10px 0 0;}
.foot-form .inquirbox .submit{margin:10px auto 0;width:200px;line-height:42px;height:42px;font-size:16px;}

#banner .swiper-pagination-bullets{bottom:15px;}
#banner .swiper-pagination-bullet {width:30px;height:3px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:27px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:27px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:27px;}

.indexA .tit p,.indexA .swiper-slide p,.indexD .tit p{font-size:15px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:32px;}

.foot-form h3{font-size:24px;}
.newstit h1{font-size:22px;}

.pro-list3 .item .txt h5, .pro-tit h1, .pro-inquiry h3{font-size:28px;}

.indexA .swiper-slide p{line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}

.indexA .tit .more,.indexD .tit .more{margin:15px auto 0;}

.indexB .tit h3{margin:15px 0 0;}
.indexB .tit p{margin:15px 0 0;}
.indexB .right ul li em{font-size:15px;}

.indexD .tit h3{margin:15px 0 0;}
.indexD .tit p{margin:15px 0 0;}


.pro-process .list ul{margin:-15px -15px;}
.pro-process .list ul li{width:50%;padding:20px 15px;}
.pro-process .list ul li .txt p{font-size:17px;}

.pro-list3 .item .txt ul li{width:50%;}
.pro-list3 .item .txt ul li img{max-width:80px;}
.pro-list3 .item .txt ul li p{line-height:22px;}

.pro_img .list .master-list{width:50%;}

.scoll-pic ul{margin:-10px -10px 0;}
.scoll-pic ul li{width:50%;padding:10px;}

.pro-feature ul li{width:50%;}
.pro-feature ul li img{max-width:80%;}

.about ul li{width:50%;}
.about3 .txt{padding:30px 15px 0;}
.about3 .txt dl dd h5{font-size:20px;}
.cert-list .swiper-slide img{border:5px solid #2A2220;}

.top-right-bot{display:block;}
.top-right-bot-left{width:100%;}
.top-right-bot-right{width:100%;flex-direction:row;margin:20px 0 0;}
.top-right-bot-right .pic{width:49%;}
.top-right-bot-right .pic img{width:100%;}

.news-top h3{margin-bottom:25px;}

.news-top .swiper-slide .txt{padding:0 0 0 25px;}
.news-top .swiper-slide .txt h5{font-size:20px;}
.news-top .swiper-slide .txt p{max-height:44px;}

.newslist ul li .t h5{font-size:18px;line-height:24px;}

.pnbar p{font-size:18px;padding:9px 15px;}

.contact-inquiry .inquirbox .submit{width:250px;height:45px;line-height:45px;font-size:18px;}

}


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

.wp{padding-right:10px;padding-left:10px;}
.logo img{height:40px;}
.header-lang .box em{font-size:12px;}

.foot-form h3{font-size:24px;}
.newstit h1{font-size:20px;}
.copyright img{height:40px;}

.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.pro-list .tab .tit h3{font-size:24px;}
.about .tit h3,.about2 h3,.about3 .txt h3,.pro-process h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:24px;}
.news-top h3,.newslist h2,.service1 .list h3,.service2 .tit h3,.service3 h3,.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.pro_img h3,.pro_text .tit h5,.pro-spec h3,.pro-feature h3,.pro-feature h4{font-size:24px;}

.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:26px;}

.indexA .tit h5,.indexB .tit h5,.indexD .tit h5{font-size:17px;}
.indexA .tit h5::before,.indexB .tit h5::before,.indexD .tit h5::before{width:40px;height:3px;}
.indexA .tit .more, .indexD .tit .more{font-size:16px;width:120px;height:34px;line-height:32px;}

.indexA .swiper-slide .top a .pic,.indexA .swiper-slide .bot a:first-child .pic, .indexA .swiper-slide .bot a:last-child .pic{width:47%;}

.pro-list3 .item .txt h5, .pro-tit h1, .pro-inquiry h3{font-size:26px;}

.pro-list .tab ul li{padding:15px 15px 10px;}
.pro-list .tab ul li .ico{width:80px;height:80px;}
.pro-list .tab ul li .pic{width:80px;}
.pro-list .tab ul li h5{font-size:17px;margin:15px 0 0;}

.pro-list .list .swiper-slide .txt h6{font-size:18px;}

.pro-process .list ul li .txt p{font-size:16px;}
.pro-process .list ul li::after{background-size:16px;text-align:center;}

.pro-list3 .item .txt ul li{width:100%;}

.pro_img .list .master-list h5{font-size:18px;}
.pro-content h5{font-size:18px;}
.pro-spec table{font-size:16px;}
.pro-spec table tr > td{padding:6px 10px;}

.about3 .txt{padding:30px 10px 0;}
.cert-list .swiper-slide img{border:4px solid #2A2220;}

.ex-list .list .pic > img{width:100%;}
.top-left-top .pic{width:100%;}
.ex-list .bot .pic:nth-child(1), .ex-list .bot .pic:nth-child(2), .ex-list .bot .pic:nth-child(3){width:100%;}

.about ul{margin:20px 0 0;}
.about ul li{width:100%;padding:10px 0;}
.about ul li .ico{width:70px;height:70px;}

.news-top .swiper-slide{display:block;}
.news-top .swiper-slide .pic{width:100%;}
.news-top .swiper-slide .txt{padding:20px 0 0;}

.newslist ul li{display:block;}
.newslist ul li .pic{width:100%;}
.newslist ul li .t{margin:20px 0 0;}

.side-news ul li{padding:10px 0;display:block;}
.side-news ul li .pic{width:100%;}
.side-news ul li .t{margin:20px 0 0;}

.service2 .left,.service2 .right{width:100%;}

.contact-left dl{margin:20px 0 0;padding:0 0 0 30px;background-size:18px auto !important;}
.contact-inquiry .inquirbox .submit{width:220px;height:40px;line-height:40px;font-size:17px;}

.inquirbox label{font-size:17px;}

.service3 .box .txt h5{font-size:17px;}
.service3 .box .txt p{font-size:15px;}

.global .list .item .nr p{font-size:16px;}

.rela-pro ul li {width: 100%;}

.pro-listB .tab .tit h3 {font-size: 22px;text-align:center;}
.pro-listB .tab .tit h3::before {width: 80px;height: 4px;margin: 0 auto 10px;}
.pro-listB .tab ul li {width: 100%;}

.pro-listB .list ul li {width: 100%;}
.pro-listB .list ul li .txt h6 {font-size: 18px;line-height: 15px;}

.culture ul {margin: 20px 0;}
.culture ul li {height: 450px;}
.culture ul li .txt {padding: 15px 20px;}
.culture ul li .txt h5 {font-size: 20px;}

.news-content h3 {font-size: 20px;}

.solution-rela-pro h3 {font-size: 22px;}
.solution-rela-pro ul {margin: 20px -10px 0;flex-wrap:wrap;}
.solution-rela-pro ul li {padding: 0 10px;width: 50%;}

.contact-team ul:first-child li {width: 100%;}
.contact-team ul li {width: 50%;}

}


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

.foot-form h3{font-size:22px;}
.sidebanner1 .txt h1,.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:22px;}
.cert-list .swiper-slide img{border:3px solid #2A2220;}

}


/*================================================================================
  宽屏（>1920）连续适配层 —— 方案 B
  模板以 1920px 为基准；≤1680px 由上方 max-width 断点逐级收缩，本层只负责“更宽”方向。
  做法：定义单一流式上限 --maxw，容器随视口线性放大并在 1900px 封顶（4K 不过度拉伸）；
  --maxw 的下限恒为 1560px（=原设计基准），所以 ≤1920 视口完全不变、零回归。
  大标题字号用 clamp()，下限=各自真实默认值，>1920 平滑放大到约 +12% 封顶。
  连续变化、无 1680/1920/2400/3000 离散档位，杜绝“档位基准对不上 / 被内联样式覆盖失效”。
================================================================================*/

/* 全局版心上限：1920→1560(=基准)，随视口线性增长，2K/4K 封顶 1900 */
:root{ --maxw: max(1560px, min(81vw, 1900px)); }
.wp{ max-width: var(--maxw); }

/* 首页自建版心的板块：与 .wp 同列（82% + 同一上限，随视口连续变化） */
.pm-biz .pm-biz-hd,.pm-news .pm-news-hd,.pm-news .pm-news-list,.pm-join .pm-join-hd,.pm-join .pm-join-sub,.pm-join .pm-join-pic,
.pm-biz-hd,.pm-news-hd,.pm-news-list,.pm-join-hd,.pm-join-sub,.pm-join-pic{ width:82%; max-width:var(--maxw); }

/* 富文本自定义板块：跟随版心但略收（下限=原 1200 基准，>1920 才增长） */
.mr-grid-icon .mr-icon-con,.mr-grid-icon .mr-icon-des,.mr-text-swiper .mr-text-swiper-con,.mr-alt-list .mr-alt-item{ max-width: max(1200px, min(62.5vw, 1500px)); }
.indexB .left .list::after{ width: max(1200px, min(62.5vw, 1500px)); }

/* 大标题字号：仅 >1680 生效，1920 恒等于真实默认值，宽屏平滑放大 ≤12% */
@media screen and (min-width:1681px){
#banner .swiper-slide .txt h5{font-size:clamp(56px,2.92vw,63px);}
#banner .swiper-slide .txt p{font-size:clamp(17px,0.89vw,19px);}
.sidebanner1 .txt h1{font-size:clamp(72px,3.75vw,81px);}
.sidebanner3 .txt h1,.sidebanner3 .txt h3{font-size:clamp(50px,2.6vw,56px);}
.indexA .tit h3{font-size:clamp(56px,2.92vw,63px);}
.indexB .tit h3,.indexD .tit h3{font-size:clamp(50px,2.6vw,56px);}
.about .tit h3,.about2 h3,.about3 .txt h3,.cert-list .tit h3,.global .tit h3,.ex-list .tit h3{font-size:clamp(50px,2.6vw,56px);}
.service1 .list h3,.service2 .tit h3,.service3 h3{font-size:clamp(50px,2.6vw,56px);}
.newslist h2,.news-top h3{font-size:clamp(50px,2.6vw,56px);}
.contact-left h3,.contact-inquiry h3,.contact-info .tit h3,.contact-team h3{font-size:clamp(46px,2.4vw,52px);}
.pro-process h3{font-size:clamp(48px,2.5vw,54px);}
.pro-list .tab .tit h3{font-size:clamp(50px,2.6vw,56px);}
.pro-list .tab .tit p{font-size:clamp(30px,1.56vw,34px);}
.pro-spec h3,.pro-customized h3,.pro-feature h3,.pro-feature h4,.pro-video h3{font-size:clamp(50px,2.6vw,56px);}
.pro_img h3{font-size:clamp(24px,1.25vw,27px);}
.newstit h1{font-size:clamp(30px,2vw,36px);}
.foot-form h3{font-size:clamp(34px,1.77vw,38px);}
.side-news h3{font-size:clamp(36px,1.88vw,40px);}
/* 导航栏：基准高 92（≤1680 由 public.css 提供），>1680 平滑放大，2K 封顶高~110 字号~23 */
.header{height:clamp(92px,4.8vw,110px);}
.drop-down{top:clamp(92px,4.8vw,110px);}
.nav > ul > li > a{font-size:clamp(20px,1.042vw,23px);height:clamp(40px,2.083vw,48px);line-height:clamp(40px,2.083vw,48px);}
.nav > ul > li+li{margin-left:clamp(46px,2.7vw,64px);}
.header-lang{margin-left:clamp(30px,1.56vw,40px);}
.header-lang .box{height:clamp(30px,1.56vw,38px);}
}