html,body{margin: 0;padding: 0;font-size: 18px;}
img{max-width: 100%;vertical-align: middle;}
*:focus{outline: none;}
input,textarea{outline: none;border: none;}
p,ul,dl,dd{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #666666;}
*{-webkit-tap-highlight-color:transparent;}
@font-face {
font-family:'ACASLONPRO-BOLD';
src: url(../font/ACASLONPRO-BOLD.OTF);
}
@font-face {
font-family:'SourceHanSansCN-Medium';
src: url(../font/SourceHanSansCN-Medium.otf);
}
@font-face {
font-family:"SourceHanSansCN-Regular";
src: url(../font/SourceHanSansCN-Regular.otf);
}
@font-face {
font-family:"SourceHanSansCN-Normal";
src: url(../font/SourceHanSansCN-Normal.otf);
}
@font-face {
font-family:"SourceHanSansCN-Bold";
src: url(../font/SourceHanSansCN-Bold.otf);
}
@font-face {
font-family:'DINCOND-MEDIUM';
src: url(../font/DINCOND-MEDIUM.OTF);
}
@font-face {
font-family:'DINPro-Bold';
src: url(../font/DINPro-Bold.otf);
}
@font-face {
font-family:'DINPro-Regular';
src: url(../font/DINPro-Regular.otf);
}
@font-face {
font-family:'DINOT-CondMedium';
src: url(../font/DINOT-CondMedium_0.otf);
}
/* head */
.head{display: flex;align-items: center;justify-content: space-between; padding:.5rem 1rem;position: relative;z-index: 6;box-sizing: border-box;}
.head_l img{height: 2rem;}
.head_r{display: flex;align-items: center;}
.language{width: 2rem ;height: 2rem;border-radius: 50%;background-color:#eeeeee ;line-height: 2rem;text-align: center;font-size: .9rem;color: #22448C;}
.menu{margin-left: 1rem;}
.menu img{height: 1rem;}
.closeImg{display: none;}
/* menuBar */
.menuBar{padding:0 3rem;box-sizing: border-box; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 5;display: none;}
.menuBarItes{display: flex;flex-wrap: wrap;position: absolute;top: 50%;transform: translateY(-50%);left: 3rem;right: 3rem;}
.menuBarItes img{width: 3.5rem;}
.menuBarItes>div{width: calc((100vw - 10rem) / 3);font-size: .85rem;text-align: center;}
.menuBarItes>div div{margin-top: 5px;}
.menuBarItes>div:nth-of-type(n+2){margin-left: 2rem;}
.menuBarItes>div:nth-of-type(3n+1){margin-left: 0;}
.menuBarItes>div:nth-of-type(n+4){margin-top: 3rem;}
.menuBar .menuBarItes>.menuBarLine{left: 0;right: 0; height: 1px; background-color: rgba(192,192,192,.4);position: absolute;width: 100%;margin-left: 0;margin-top: 0;}
.menuBar .menuBarItes>.menuBarLine1{top: calc(88px + 1.5rem);}
.menuBar .menuBarItes>.menuBarLine2{top: calc(176px + 4.5rem);}
.menuBtn{position: absolute;bottom: 15%;border-bottom: 1px solid #002E8E;padding-bottom: .5rem;color: #002E8E;left: 50%;transform: translateX(-50%);}
/* banner */
.banner{position: relative;}
.banTabs{position: absolute;bottom: 0;left: 0;right: 0;display: flex;z-index: 2;}
.banTabs>div{width: 25%;text-align: center;padding: .5rem 0;}
.banTabs>div:nth-of-type(odd){background-color: rgba(0,0,0,.2);}
.banTabs>div:nth-of-type(even){background-color: rgba(0,0,0,.1);}
.banTabs>div img{height: 2rem;}
.banTabs>div div{margin-top: 5px;color: #fff;font-size: .9rem;font-family:'SourceHanSansCN-Medium';}
/* 导航 */
.nav{background-color: #f9f9f9;}
.nav ul{display: flex;justify-content: space-around;}
.nav li a{display: block;padding: 1rem 0;position: relative;}
.nav li a::after{position: absolute;content: '';height: 1px;width: 100%;background-color: #002e8e;left: 0;bottom: 0;display: none;}
.nav li.active a{color: #002e8e;}
.nav li.active a::after{display: block;}
/* foot */
.foot_t{background-color: #e0ebff;padding: 2rem 1rem;display: flex;align-items: center;justify-content: space-between;}
.footInfo{width: 60%;}
.footIn{margin-top: 1rem;font-size: .7rem;color: #666666;}
.footIn>div{margin-top: .2rem;}
.qrCode{font-size: .6rem;color: #666666;text-align: center;}
.qrCode img{width: 85px;}
.foot_b{font-size: .6rem;padding: 1rem 0;text-align: center;background-color: #002e8e;color: #547dd0;}
.foot_b a{color: #547dd0;}
/* 首页 */
.comIntro{padding: 2rem 1rem;position: relative;}
.comIntro .comBg{position: absolute;right: 0;height: 10rem;top: 1rem;z-index: -1;}
.title{position: relative;text-align: center;}
.titleEN{font-family:'ACASLONPRO-BOLD';font-size: 1.4rem;color: #EEEEEE;}
.titleCN{font-weight: bold;position: absolute;font-size: 1.2rem; width: 100%;top: 50%;transform: translateY(-50%);}
.comIntro>.comImg{margin-top: .5rem;}
.comIntro p{margin-top: 1rem;font-size: .9rem;line-height: 1.2rem;color: #666666;}
.btn{margin: 2rem auto 0;width: -webkit-fit-content;width: fit-content;background-color: #002e8e;border-radius: 35px;padding: 5px 1rem;font-size: .85rem;}
.btn a{display: flex;align-items: center;color: #fff;}
.btn a img{height: 1.5rem;margin-left: 10px;}
.newsTec{background: url(../img/home4.jpg) no-repeat;padding: 2rem 1rem;text-align: center;background-size: 100% 100%;}
.newsTec .titleEN{color: rgba(255,255,255,.06);}
.newsTec .titleCN{color: rgba(255,255,255,1);}
.newsTecDes{margin-top: 2rem;background-color: #2554b5;border-radius: 6px;padding: 1.5rem 1rem ;}
.tecTil{font-weight: lighter;color: #fff;text-align: start;}
.tecTil strong{color: #ffc600;}
.newsTecDes p{text-align: start;padding-top: 1rem ;margin-top: 1rem;border-top: 1px solid rgba(255,255,255,.2);font-size: .9rem;line-height: 1.2rem;color: rgba(255,255,255,.6);}
.tecMark{text-align: start;font-size: .85rem;color: #fff;margin-top: 1rem;}
.newsTec>img{margin: 1.5rem 0;}
.tecItes{display: flex;justify-content: center;position: relative;margin: auto; width: -webkit-fit-content;width: fit-content;}
.tecIte{display: flex;flex-direction: column;align-items: center;}
.tecIte1 .tecIteNum{background-color: #3e50f7;}
.tecIte2 .tecIteNum{background-color: #000085;}
.tecIte3 .tecIteNum{background-color: #00c0ab;}
.tecLine{position: absolute;height: 1px ;width:45px;background-color: #fff;}
.tecLine1{top: 25px;left: 65px;}
.tecLine2{top: 25px;right: 65px;}
.tecIte:nth-of-type(n+2){margin-left: 15px;}
.tecIteNum{font-family:'DINCOND-MEDIUM';height: 50px;width: 50px;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;text-align: center;;line-height: 50px;font-size: 1.4rem;color: #fff;}
.tectIteLine{border: .5px dashed #fff;height: 30px;}
.tecIteCon{width: 80px;box-sizing: border-box;text-align: center;background-color: #ffffff;border-radius: 6px;height: 60px;display: flex;align-items: center;justify-content: center;font-size: .85rem;font-weight: bold;}
.crystal{padding: 4rem 1rem 2rem;background: url(../img/home7.png) no-repeat bottom;background-size: 100% 100%;}
.crystal .titleCN{position: static;transform: translateY(0);}
.crystalItes{display: flex;justify-content: space-between;margin-top: 3rem;}
.crystalItes>div{position: relative; width: calc((100vw - 4rem) / 3);height:calc((100vw - 4rem) / 3) ;border-radius: 50%;background-color: #002e8e;box-sizing: border-box;padding: 5px;}
.crystalItes>div div{color: #fff;font-size: .9rem; position: absolute;left: 50%;top: 50%;text-align: center;transform: translate(-50%,-50%);white-space: nowrap;}
.crystalItes>div div img{position: absolute;top: -10px;height: 1rem;right: 5px;}
.crystalItes>div div strong{font-size: .9rem;}
.crystalItes>div:nth-of-type(2) strong{font-size: 1.2rem;}
.crystal .btn{background-color: #fff;border: 2px solid #002e8e;}
.crystal .btn a{color: #002e8e;}
.lateTec{position: relative;}
.lateTec .title{position: absolute;width: 100%;top: 2rem;}
.lateTec .titleEN{color: rgba(0,0,0,.06);}
.lateTec .titleCN{color:#002e8e ;}
.lateIte{width: 8rem;border-radius: 6px;box-sizing: border-box;padding: 1rem .8rem;position: absolute;}
.lateIte div{font-weight: bold;color: #fff;font-size: .9rem;}
.lateIte span{color: rgba(255,255,255,.2);font-family:'DINOT-CondMedium';font-size: 1.6rem;line-height: 1.2rem;}
.lateIte p{font-size: .8rem;color: rgba(255,255,255,.8);margin-top: .5rem;}
.lateIte1{background: url(../img/home9.png) no-repeat;background-size: 100% 100%;top: 25.5%;left: 11%;}
.lateIte::before{content: '';width: 5px;height: 5px;position: absolute;border-radius: 50%;border: 1px solid #fff;background-color: #002E8E;left: -4px;}
.lateIte2{background-color: #002e8e;top: 40%;right: 5%;}
.lateIte2::before{top: 28%;}
.lateIte3{background-color: #002e8e;bottom: 5%;left: 15%;}
.lateIte3::before{right: -4px;left: unset;bottom: 22%;}
.machine{display: flex;}
.machine>div{position: relative;}
.machine>div a>div{left: 0;top: 0;width: 100%;height: 100%;position: absolute;box-sizing: border-box;padding: 2rem 1rem;background-color: rgba(0,0,0,.6);}
.macImg img{height: 1.5rem;}
.machine>div p{font-size: .7rem;color: #fff;margin-top: .5rem;}
.macArrow{position: absolute;bottom: 1rem;}
.macArrow img{height: 1.5rem;}
.honor{padding: 2rem 1rem;background-color: #f6f6f6;}
.honor .titleEN{color: #eeeeee;}
.honorItes{display: flex;flex-wrap: wrap;margin-top: 2rem;}
.honorItes>div{width: calc((100vw - 3rem) / 2);box-sizing: border-box;}
.honorItes>div:nth-of-type(n+2){margin-left: 1rem;}
.honorItes>div:nth-of-type(2n+1){margin-left: 0;}
.honorItes>div:nth-of-type(n+3){margin-top: 1rem;}
.honorImg{padding: 1rem;background-color: #fff;height: 240px;box-sizing: border-box;}
.honorImg img{height: 100%;width: 100%;object-fit: contain;}
.honorTil{text-align: center;padding-top: .5rem;font-size: .9rem;}
.xw{padding: 2rem 1rem;}
.xw ul{margin-top: 2rem;}
.xw ul li{border: 1px solid #e5e5e5;padding: 1.5rem 1rem;}
.xwTime{font-size: .9rem;color: #cccccc;}
.xwTime span{font-size: 1.8rem;font-family:'DINCOND-MEDIUM';color: #002E8E;padding-right: 5px;}
.xwTil{font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 1rem;}
.xw ul p{font-size: .9rem;margin-top: .5rem;line-height: 1.2rem;color: #888888;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}
.xw ul li:nth-of-type(n+2){margin-top: 1rem;}
/* 关于3522集团的新网站 */
.aboutIntro{padding: 2rem 1rem 3rem;background: url(../img/about4.jpg) no-repeat bottom center;}
.aboutIntro .titleCN{color: #002E8E;}
.aboutDes{margin-top: .5rem;}
.aboutDes p{margin-top: 1rem;font-size: .8rem;line-height: 1.4rem;color: #666666;font-family:"SourceHanSansCN-Regular";}
.aboutDes p span{color: #002E8E;}
.aboutItes{margin: 3rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutItes>div{width: calc((100vw - 3rem) / 2) ;text-align: center;}
.aboutItes>div:nth-of-type(n+3){margin-top: 1rem;}
.aboutItes>div img{width: 5rem;}
.aboutItes>div div{font-weight: bold;margin-top: 5px;}
.aboutItes>div p{font-size: .8rem;color: #666666;margin-top: 5px;}
.aboutDev{padding: 3rem 1rem 1rem;background: url(../img/about5.jpg) no-repeat center;}
.aboutDev .titleEN{color: rgba(255,255,255,.1);}
.aboutDev .titleCN{color: #fff;}
.devTabs{margin-top: 1rem;width: 100%;overflow: auto;display: flex;}
.devTabs::-webkit-scrollbar{display: none;}
.devTabs>div{padding: 0 1.5rem;border-radius: 30px;border: 1px solid rgba(255,255,255,.2);width: -webkit-fit-content;width: fit-content;color: #fff;font-weight: bold;display: flex;align-items: center;}
.devTabs>div.active{background-color: rgba(255,255,255,.2);}
.devTabs>div:nth-of-type(n+2){margin-left: 1rem;}
.devYear{font-size: 1.8rem;font-family:'DINPro-Bold';color: #fff;margin-top: 1rem;}
.devTil{font-family:"SourceHanSansCN-Normal";font-size: 1.2rem;color: #fff;}
.devSwiper p{font-size: .9rem ;line-height: 1.2rem;color: #fff;}
.devBtn{background-color: #fff;border-radius: 6px;margin-top: 2rem;}
.devBtn a{display: flex;align-items: center;justify-content: center;padding: 1rem 0;color: #002E8E;font-weight: bold;}
.devBtn a img{height: 1.5rem;margin-left: 10px;}
.team{padding: 3rem 1rem 2rem;}
.team .titleCN{color: #002E8E;}
.team>p{text-align: center;font-size: .9rem;font-family:'SourceHanSansCN-Medium';}
.teamItes{display: flex;flex-wrap: wrap;margin-top: 3rem;}
.teamItes>div{width: calc((100vw - 3rem) / 2);position: relative;}
.teamItes>div:nth-of-type(n+2){margin-left: 1rem;}
.teamItes>div:nth-of-type(2n+1){margin-left: 0rem;}
.teamItes>div:nth-of-type(n+3){margin-top: 1rem;}
.teamPerson{position: absolute;bottom: 0;background-color: #eeedeb;box-sizing: border-box;padding: .5rem 0; width: 100%; text-align: center;font-family:'SourceHanSansCN-Medium';font-size: .6rem;}
.teamPerson strong{font-family:"SourceHanSansCN-Bold";font-size: 1rem;}
.teamMantle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,46,141,.95); padding: 1.5rem 1rem;box-sizing: border-box;display: block;}
.teamPost{font-size: .9rem;color: #fff;font-family:'SourceHanSansCN-Medium';}
.teamPost span{font-size: 1rem;font-family:"SourceHanSansCN-Bold";}
.teamLine{height: 2px ;width: 30px;background-color: #fff;margin: .5rem 0;}
.teamMantle p{font-size: .7rem;color: #E0E0E0;line-height: 1.1rem;}
.teamMantle img{height: 1.5rem;position: absolute;right: 1rem ;bottom: 1rem;display:none}
.teamItes>div.active .teamMantle{display: block;}
.connect{padding-top: 2rem;background: url(../img/about8.png) no-repeat top center;background-size: 100%; background-color: #f1f1f1;}
.connect .titleEN{color: #DBDBDB;}
.connect .titleCN{color: #002E8E;}
.conType{display: flex;justify-content: center;text-align: center;margin-top: 2rem;}
.conType>div>div:nth-of-type(1){font-family:"SourceHanSansCN-Regular";}
.conType>div:nth-of-type(2){margin-left: 10px;}
.conType>div>div:nth-of-type(2){font-size: .9rem ;color: #666666;margin-top: 5px;}
.conType>div>div img{height: 1rem;margin-right: 5px;}
.location{display: flex;justify-content: center;margin-top: 2rem;}
.location>div{position: relative; background-color: #ffffff; width: calc((100vw - 5rem) / 2);border: 2px solid #e5e5e5;box-sizing: border-box;padding: 1rem;text-align: center;}
.location>div:nth-of-type(2){margin-left: 1rem;}
.locTil{font-size: .9rem;font-weight: bold;color: #002e8e;}
.locTil1{font-size: .9rem;margin-top: 5px;color: #656565;}
.connect>img{margin-top: 2rem;}
.location>div.active{border-color: #1662DB;}
.location>div.active::before,.location>div.active::after{display: block;}
.location>div::before{
display: none;
content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #1662DB;
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: auto;
}
.location>div::after{
display: none;
content: '';
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid white;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: auto;
}
/* 专业领域 */
.workPhilosophy{padding: 3rem 1rem;background: url(../img/major3.png) no-repeat bottom center;}
.wokProcess{display: flex;justify-content: space-between;margin-top: 1rem;}
.wokProcess>div{width: calc((100% - 1rem) / 3);box-sizing: border-box;padding: 1rem;}
.wokProcess>div img{height: 2rem;}
.wokProcess>div div{font-size: .8rem;color: #fff;font-weight: bold;margin: 5px 0;}
.wokProcess>div p{font-size: .6rem;color: #fff;}
.wokProcess>div:nth-of-type(1){background-color: #2453b5;border-top-left-radius: 50px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.wokProcess>div:nth-of-type(2){background-color: #f49f26;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.wokProcess>div:nth-of-type(3){background-color: #2484b5;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-right-radius: 50px;}
.workPlan{display: flex;margin-top: 1rem;justify-content: space-between;}
.workPlan>div{width: calc((100% - 1rem ) / 2);box-sizing: border-box;border: 1px solid #0e2658;border-radius: 15px;padding: 1.5rem 1rem;}
.workPlan>div div{font-size: .9rem;font-weight: bold;font-family:"SourceHanSansCN-Normal";}
.workPlan>div p{font-family:"SourceHanSansCN-Normal";font-size: .8rem;margin-top: .2rem;color: #002E8E;}
.workBtn{margin-top: 1.5rem;border: 1px solid #0e2658;border-radius: 30px;padding: .5rem 0;font-size: .9rem;background-color: #fff; font-weight: bold;}
.workBtn a{display: flex;align-items: center;justify-content: center;color: #002E8E;}
.workBtn img{width: 1.5rem;margin-left: .5rem;}
.workGoal{padding: 3rem 1rem;background:url(../img/major9.png) no-repeat center;text-align: center;}
.workGoal .titleEN{color: rgba(255,255,255,.1);}
.workGoal .titleCN{color: #fff;}
.workGoal>img{margin: .5rem 0 2rem;}
.goalItes{position: relative; width: calc(100vw - 6rem );height: calc(100vw - 6rem );border: 5px solid #96bfff;border-radius: 50%;margin: auto;box-sizing: border-box;background-color: rgba(13,95,226,.6);display: flex;align-items: center;justify-content: center;padding: 0 3rem;}
.goalIte{position: absolute;border: 1px solid #fff;border-radius: 50%;width: 4.8rem;height: 4.8rem;display: flex;align-items: center;justify-content: center;}
.goalIte>div{height: 4rem;width: 4rem;background-color: #fff;border-radius: 50%;font-size: .8rem;font-family:'SourceHanSansCN-Medium';display: flex;flex-direction: column;align-items: center;justify-content: center;}
.goalIte>div img{width: 1.2rem;}
.goalIte1{top: -.5rem;left: 0;}
.goalIte2{bottom: -.5rem;left: 0;}
.goalIte3{right: 0;top: -.5rem;}
.goalIte4{bottom: -.5rem;right: 0;}
.goalIteTil{font-size: 1.2rem;font-family:"SourceHanSansCN-Bold";color: #fff;}
.workTecPatent{padding: 3rem 0 0;background-color: #F6F7FA;}
.workTecPatent .titleCN{color: #002E8E;}
.workTecPatentDes{margin-top: 1rem;padding: 0 1rem;}
.workTecPatentDes>div{display: flex;align-items: flex-start;padding: 1rem 0;}
.workTecPatentDes>div:nth-of-type(2){border-top: 1px solid rgba(0,0,0,.1);}
.workTecPatentDes>div>div{margin-left: .5rem;}
.workTecPatentDes>div>img{height: 2rem;}
.workTecPatentDes>div>div div{font-size: 1rem;font-weight: bold;}
.workTecPatentDes>div>div p{font-size: .9rem;margin-top: .5rem;line-height: 1.2rem;color: #002E8E;}
.workComPatent{padding: 2rem 0 1rem;}
.workComPatent .titleCN{color: #002E8E;}
.invention,.newInvention{padding: 1rem;display: flex;align-items: center;}
.invention{background: url(../img/major13.png) no-repeat center;background-size: 100% 100%;margin-top: 2rem;}
.newInvention{background: url(../img/major16.png) no-repeat center;background-size: 100% 100%;}
.invention>img,.newInvention>img{width: 1.5rem;margin-right: .5rem;}
.invention>div div,.newInvention>div div{font-size: ;color: #fff;font-weight: bold;}
.invention>div span,.newInvention>div span{font-size: .8rem;color: rgba(255,255,255,.6);}
.inventionSwiper,.newInventionSwiper{margin: 1rem 0 1rem 1rem;}
.inImg{height: 220px;box-sizing: border-box;padding: 5px;background-color: #f1f4f7;}
.inImg img{height: 100%;width: 100%;object-fit: contain;}
.inTil{font-size: .9rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 5px 0;}
.inventionSwiper .swiper-pagination{display: flex;justify-content: center;}
.inventionSwiper .swiper-pagination span{display: block;}
.inventionSwiper .swiper-pagination,.newInventionSwiper .swiper-pagination{position: static;height: 8px;margin: .5rem 0 1rem;}
.workComPatent .swiper-pagination .swiper-pagination-bullet{background-color: transparent;border: 1px solid #999999;}
.workComPatent .swiper-pagination .swiper-pagination-bullet-active{background-color: #002e8e;border-color: #002e8e;}
/* 成功案例-亚铁结晶 */
.tecIntro{padding: 2rem 1rem;}
.tecIntro .titleCN{color: #002E8E;}
.tecIntroDes p{font-size: .9rem;line-height: 1.4rem;font-family:"SourceHanSansCN-Regular";color: #666666;margin-top: 1rem;}
.tecIntroMark{margin-top: 1rem;padding: 1rem;background: url(../img/yt.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: .6rem;}
.tecIntroMark strong{font-size: 1rem;}
.tecIntro>img{margin-top: 1rem;}
.processIntro{padding: 2rem 1rem 3rem;background: url(../img/yt3.png) no-repeat bottom center;text-align: center;}
.processIntro .titleCN{color: #002E8E;}
.processIntro .titleEN{color: #E7E7E7;}
.processIntro>span{font-size: .6rem ;position: relative;top: -.8rem;font-family:"SourceHanSansCN-Regular";}
.processIntro>img{margin-top: 1rem;}
.processIntroDes{display: flex;justify-content: space-between;margin-top: 20px;}
.processIntroDes>div{width: calc((100% - .5rem) / 2);box-sizing: border-box;background-color: #d9e1ee;padding: 2rem 1rem;border-radius: 10px;}
.processIntroDes>div div{font-size: .9rem;font-family:'SourceHanSansCN-Medium';color: #002E8E;}
.processIntroDes>div p{font-size: .6rem;line-height: 1.2rem;font-family:"SourceHanSansCN-Regular";}
.mainAdv{padding: 3rem 2rem;}
.mainAdv>img{margin-top: 2rem;}
.mainAdv .titleCN{color: #002E8E;}
.mainAdvItes{margin-top: 3rem;position: relative;}
.mainAdvIte{position: absolute;}
.mainAdvIte>img{width: 3rem;}
.mainAdvIte>div{position: absolute;width: calc(100vw / 2.5);}
.mainAdvIte>div div{font-size: .9rem;color: #1662DB;font-family:'SourceHanSansCN-Medium';}
.mainAdvIte>div p{font-size: .6rem;font-family:"SourceHanSansCN-Regular";}
.mainAdvIte1{top: 15%;left: 12%;}
.mainAdvIte1>div{left: calc((100vw - 2rem) * -.12);top:calc((100vw - 2rem) * -.2) ;}
.mainAdvIte2{bottom: 15%;left: 12%;}
.mainAdvIte2>div{left: calc((100vw - 2rem) * -.12);bottom:calc((100vw - 2rem) * -.2) ;}
.mainAdvIte3{top: 15%;right: 12%;text-align: end;}
.mainAdvIte3>div{right: calc((100vw - 2rem) * -.12);top:calc((100vw - 2rem) * -.2) ;}
.mainAdvIte4{bottom: 15%;right: 12%;text-align: end;}
.mainAdvIte4>div{right: calc((100vw - 2rem) * -.12);bottom:calc((100vw - 2rem) * -.2) ;}
.mainAdvTil{color: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;font-size: .9rem;font-family:"SourceHanSansCN-Regular";}
.mainAdvTil strong{font-size: 2rem;font-family:'DINPro-Bold';}
.processContrast{padding: 3rem 1rem 5rem;background: url(../img/yt10.png) no-repeat;background-size: 100% 100%;text-align: center;}
.processContrast .titleCN{color: #fff;}
.processContrast .titleEN{color: rgba(255,255,255,.2);}
.processContrast>img{margin: 1rem 0 3rem;width: 1rem;}
.proConTable{position: relative;}
.proConTable>div{position: absolute;left: 0;width: 30%;bottom: -2rem;top: -2rem;left: 30%;}
.proConTable>div img{width: 100%;height: 100%;}
.proConTable table{background-color: #405a8f;color: #fff; padding: 0 .5rem;width: 100%;border-radius: 10px;font-size: .9rem;}
.proConTable table th,.proConTable table td{font-weight: normal;z-index: 2;position: relative;}
.proConTable table tr th:nth-of-type(1){width: 30%;box-sizing: border-box;}
.proConTable table tr th:nth-of-type(2){width: 30%;box-sizing: border-box;}
.proConTable table tr th:nth-of-type(3){width: 40%;box-sizing: border-box;}
.proConTable table td{border-top: 1px solid rgba(255,255,255,.2);}
.tecPat{padding: 3rem 1rem 2rem;}
.tecPat .titleCN{color: #002E8E;}
.tecPatCon{text-align: center;margin-top: 1rem;}
.tecPatCon>div{display: flex;justify-content: space-between;padding: 1rem;background-color: #f1f4f7;align-items: flex-start;}
.tecPatCon>div img{width: calc((100% - .5rem) / 2);}
.tecPatCon span{display: block;padding: 1rem;font-size: .8rem;}
/* 成功案例-废酸浓缩 */
.fsTecIntro{padding: 2rem 1rem;}
.fsTecIntro .titleCN{color: #002E8E;}
.fsTecDes p{margin-top: 1rem;font-size: .8rem ;line-height: 1.3rem;font-family:"SourceHanSansCN-Regular";color: #666666;}
.fsTecIntro>img{margin-top: 1rem;}
.fsNewTec{padding: 2rem 2rem 4rem;background: url(../img/fs5.png) no-repeat bottom center;background-size: 100% 100%;}
.fsNewTec>img{margin-top: 2rem;}
.fsNewTec .titleCN{color: #002E8E;}
.fsNewTec>span{width: 75%;display: block;font-size: .7rem;font-family:"SourceHanSansCN-Regular";color: #222222;text-align: center;margin: auto;position: relative;top: -.5rem;}
.fsNewTecItes{margin-top: 3rem;position: relative;}
.fsNewTecIte{position: absolute;}
.fsNewTecIte>div{position: absolute;width: calc((100vw - 2rem) / 3);}
.fsNewTecIte>div div{font-family:"SourceHanSansCN-Bold";}
.fsNewTecIte>div p{font-size: .7rem;color: #666666;}
.fsNewTecIte>img{width: 3rem;}
.fsNewTecIte1{top: 15%;left: 15%;}
.fsNewTecIte1>div{left: calc((100vw - 2rem) * -.15);top: calc((100vw - 2rem) * -.15);}
.fsNewTecIte3{bottom: 15%;left: 15%;}
.fsNewTecIte3>div{left: calc((100vw - 2rem) * -.15);bottom: calc((100vw - 2rem) * -.15);}
.fsNewTecIte2{top: 15%;right: 15%;}
.fsNewTecIte2>div{right: calc((100vw - 2rem) * -.15);top: calc((100vw - 2rem) * -.15);text-align: end;}
.fsNewTecIte4{bottom: 15%;right: 15%;}
.fsNewTecIte4>div{right: calc((100vw - 2rem) * -.15);bottom: calc((100vw - 2rem) * -.15);text-align: end;}
.fsNewTecTil{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff; text-align: center;}
.fsNewTecTil div{font-size: 1.1rem;font-family:"SourceHanSansCN-Bold";}
.fsNewTecTil span{font-size: .7rem;}
/* 成功案例-所有案例 */
.all{padding: 1rem;background-color: #f1f4f7;box-sizing: border-box;}
.all li{background-color: #fff;}
.all li:nth-of-type(n+2){margin-top: 3px;}
.all a{display: flex;padding: 1rem;}
.allNum{margin-right: .5rem;font-family:'DINPro-Regular';color: #002E8E;}
.allTil{font-family:'SourceHanSansCN-Medium';font-size: .9rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333333;}
/* 成功案例-所有案例-案例详情 */
.allInfo{background-color: #f1f4f7;padding-top: 1rem;}
.allInfoBtn{margin:0 1rem 1rem;border: 1px solid #002e8e;background-color: #e6ecf8; font-family:'SourceHanSansCN-Medium'; padding: 1rem 1.5rem;width: -webkit-fit-content;width: fit-content;}
.allInfoBtn a{display: flex;align-items: center;color: #002E8E;}
.allInfoBtn img{width: .5rem;margin-right: .5rem;}
.allInfoCon{background-color: #fff;padding: 1rem;}
.allInfoTil{font-size: 1.2rem;font-family:'SourceHanSansCN-Medium';color: #002E8E;}
.allInfoLine{height: 1px ;width: 85%;background-color: #e5e5e5;margin: 1rem 0;}
.allInfoTitle{font-family:'SourceHanSansCN-Medium';font-size: .95rem;}
.allInfoCon table{ margin-top: 1rem;border: 1px solid #95aec6;border-radius: 10px;}
.allInfoCon table tr:nth-of-type(even) td{background-color: #f1f4f7;}
.allInfoCon table tr:nth-of-type(odd) td{background-color: #e2e7ec;}
.allInfoCon table th{background-color: #a4b8cc; padding: .5rem;font-weight: normal;font-family:'SourceHanSansCN-Medium';font-size: .9rem;text-align: start;}
.allInfoCon table th:nth-of-type(1){width: 25%;text-align: center;}
.allInfoCon table th:nth-of-type(n+2),.allInfoCon table td:nth-of-type(n+2){border-left: 1px solid #95aec6;}
.allInfoCon table td{font-family:'SourceHanSansCN-Regular';font-size: .9rem;padding: .5rem ;}
.allInfoCon table td:nth-of-type(1){text-align: center;font-family:"SourceHanSansCN-Normal";font-size: .9rem;color: #666666;}
.allInfoCon>p{font-family:'SourceHanSansCN-Regular';margin: 1rem 0;font-size: .95rem;}
/* 合作伙伴 */
.coop{padding: 1rem;}
.coop ul{display: flex;flex-wrap: wrap;}
.coop li{width: calc((100vw - 3rem) / 2);border: 1px solid #d9d9d9;box-sizing: border-box;padding: 1rem;}
.coop li img{width: 100%;height: 100%;object-fit: contain;}
.coop li:nth-of-type(n+2){margin-left: 1rem;}
.coop li:nth-of-type(2n+1){margin-left: 0;}
.coop li:nth-of-type(n+3){margin-top: 1rem;}
/* 3522集团的新网站 */
.news{padding: 1rem;}
.mainNews{padding: 1rem;background-color: #f9f9f9;}
.mainNewsTil{margin-top: 1rem;font-family:'SourceHanSansCN-Medium';color: #002E8E;}
.mainNewsTime{color: #666666;font-size: .6rem;margin: .5rem 0;}
.mainNews p{font-size: .9rem;line-height: 1.3rem;color: #666666;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient: vertical
}
.mainNewsBtn{display: flex;align-items: center;padding: .5rem 1rem;border: 1px solid #e5e5e5;width: -webkit-fit-content;width: fit-content;border-radius: 30px;background-color: #fff;color: #333333;font-size: .8rem;margin-top: 1rem;}
.mainNewsBtn img{width: .8rem;margin-left: .5rem;}
.newsItes{margin-top: 1rem;}
.newsItes li{border: 1px solid #e5e5e5;padding: 1.5rem 1rem;}
.newsTime span{font-size: 1.6rem;font-family:'DINCOND-MEDIUM';color: #002E8E;}
.newsTime{font-size: .6rem;color: #cccccc;}
.newsTil{margin-top: 1rem;font-weight: bold;font-size: .9rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333333;}
.newsItes p{font-size: .9rem;line-height: 1.2rem;margin-top: .5rem;color: #888888; word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical}
/* 联系我们 */
.contact{padding-top: 2rem;}
.welcome{text-align: center;font-size: 1.4rem;font-family:'SourceHanSansCN-Medium';}
.welcome span{color: #002E8E;}
.welMessage{width: 80%;margin: auto;font-size: .9rem;text-align: center;font-family:'SourceHanSansCN-Regular';}
.welType{display: flex;justify-content: center;margin-top: 1.5rem;}
.welType>div{width: calc((100vw - 3rem) / 2);text-align: center;}
.welType>div>div{display: flex;align-items: center;font-size: .9rem;justify-content: center;}
.welType>div>div img{width: 1.1rem;}
.welType>div span{font-size: .9rem;color: #666666;}
.welBtn{display: flex;justify-content: center;margin-top: 2rem;}
.welBtn>div{position: relative; width: calc((100vw - 2.5rem) / 2);text-align: center;box-sizing: border-box;border: 2px solid #e5e5e5;padding: .5rem 1rem;}
.welBtn>div:nth-of-type(2){margin-left: .5rem;}
.welBtn>div div{font-size: .9rem;color: #002E8E;font-family:'SourceHanSansCN-Medium';margin-top: .2rem;}
.welBtn>div p{font-size: .6rem;margin-top: .2rem;}
.welBtn>div::before{
content:'';
box-sizing: content-box;
width: 0px;
height: 0px;
position: absolute;
bottom: -16px;
right:50%;
transform: translateX(50%);
padding:0;
border-bottom:8px solid transparent;
border-top:8px solid #FFFFFF;
border-left:8px solid transparent;
border-right:8px solid transparent;
z-index: 12;
display: none;
}
.welBtn>div::after{
content:'';
box-sizing: content-box;
width: 0px;
height: 0px;
position: absolute;
bottom: -20px;
right:50%;
transform: translateX(50%);
padding:0;
border-bottom:9px solid transparent;
border-top:9px solid #1662DB;
border-left:9px solid transparent;
border-right:9px solid transparent;
z-index:10;
display: none;
}
.welBtn>div.active{border-color: #1662DB;}
.welBtn>div.active::before,.welBtn>div.active::after{
display: block;
}
.contact>img{margin-top: 2rem;}