.headright a.topewm {width: 18px; background-image: url(/Other/en/public/images/sewm.svg); background-size: contain}


.navvtwo {overflow: auto;}
.navvtwo dl {box-sizing: border-box;}

/*
.abtother .abtcon p {text-align: justify !important;}
 */


@media screen and (max-height: 900px) {
    .navvtwo dl {padding: 15px 15px 15px 0;}
    .navvtwo dt {margin-bottom: 6px;}
    .navvtwo dt a {height: auto; line-height: 24px; padding: 4px 0;}

    .navthree li {line-height: 20px;}
}

#swftech h3 {font-size: 24px;height: auto;}

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

    .fyslist li .txt  {
        line-height: 24px;
    }
    .fyslist li .hx {
        margin: 20px 0;
    }
}

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

    .fyslist li .txt  {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    #swftech h3 {font-size: 24px; line-height: 40px;}

    .fysout {
        background-size: cover;
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .fyslist {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .fyslist .i1 {
        order:2;
    }
    .fyslist .i2 {
        order:1;
    }

    .fyslist li {
        position: static;
        width: 48%;
    }
    .fyslist li h3 {
        font-size: 18px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fyslist .i2  h3,
    .fyslist .i3  h3  {
        justify-content: flex-end;
    }
    .fyslist li h3 {
        font-size: 16px;
        height: 40px;
        display: flex;
        align-items: flex-end;
    }
    .fyslist li .txt {
        line-height: 20px;
    }

    .fyslist li:nth-child(1n+3){
        order:3;
        margin-top: 540px;
    }
}
@media screen and (max-width: 600px) {
}

@media screen and (min-width: 1025px) {
    #swftech h3 {font-size: 24px;}
    #swftech .wz {width: 44%; padding-right: 1%;}
}
@media screen and (min-width: 1441px) {
    #swftech h3 {font-size: 26px;}
}

@media screen and (min-width: 1601px) {
    #swftech h3 {font-size: 30px;}
}



.fyslist li p {
    max-width: 100%; max-height: unset;
}
.fyslist li .txt {height: auto;}


.atc-con img,
.cropage img {height: auto !important;}



#swfcro label {
    display: inline-block;
}
#swfcro label:before {
    left: 100%;
    margin-left: 10px;
}
@media screen and (min-width:1024px) and (max-width: 1400px) {
    .swfcroout .sw-prev {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-top: -75px;
    }
    .swfcroout .sw-next {
        margin-top: -5px;
    }
}
@media screen and (max-width: 1024px) {
    .swfcroout .sw-prev,
    .swfcroout .sw-next {
        margin-top: -35px;
    }
    
}






.head>.cer5 {
    display: flex; justify-content: flex-end; align-content: center; align-items: center;
}
.head .nav {position: static;right: auto;}

.headright {position: static;margin-left: 10px;}
.headright .tbtn {min-width: 20px; text-align: center;}
.headright .tbtn:nth-child(1n+2){margin-left: 10px;}
.headright .tbtn.glass {width: 24px;}
.headright .tbtn.language{font-size: 14px; color: #fff; }

@media screen and (max-width: 1660px) {
    .headright {margin-right: 20px;margin-left: 5px;}
    /* .headright .tbtn:nth-child(1n+2){margin-left: 10px;} */
}

@media screen and (max-width: 1023px) {
    .headright {
        position: absolute;
    }
}




.videoIcon{ position: absolute; left:50%; bottom:15vw; display: flex; align-items: center;
z-index: 10; cursor:pointer;margin-left: -800px;}
.videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;height: 60px;}
.videoIcon .videoIcon1 img{height: 100%; object-fit:contain !important; border-radius: 0;}
.videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan  infinite 5s linear;}
@keyframes xunzhuan{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}
.videoIcon .videoIcon2{ display: flex; flex-direction: column; color:#fff; padding-left: 10px; text-transform: uppercase; }
.videoIcon .videoIcon2 .videoIcon21{ font-size: 16px; }

.videoMask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 555;visibility: hidden;
opacity: 0;transition: all .4s ease-in-out;}
.openVideo{position: fixed;left: 50%;top: 50%;z-index: 888;transform: translate(-50%,-50%);
visibility: hidden;opacity: 0;transition: all .4s ease-in-out;}
.openVideo ._src{background-color: #fff;padding: 10px;border-radius: 10px;}
.openVideo video{width: 100%;display: block;width: 60vw;}
.openVideo ._close{position: absolute;right: 0;top: 0;z-index: 10;transform: translate(50%,-50%);
background-color: #fff;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;}
.openVideo ._close img{width: 100%;height: 100%;}
.videoMask.on,.openVideo.on{visibility: visible;opacity: 1;}
@media screen and (max-width: 1640px){
    .videoIcon{left: 5%;margin-left: 0;bottom:12vw;}
    .videoIcon .videoIcon1{height: 52px;}
}
@media screen and (max-width: 1023px){
    .videoIcon{left: 50%;transform: translateX(-50%);bottom: 40px;}
    .videoIcon .videoIcon1{height: 44px;}
    .videoIcon .videoIcon2 .videoIcon21{ font-size: 14px; }
    .openVideo ._close{width: 40px;height: 40px;}
    .openVideo video{width: 85vw;}
    .openVideo ._src{border-radius: 7px;padding: 7px;}
}

.abtpicbg {overflow: hidden;}
.abtpicbg:after {content:"";position: absolute;z-index: 6;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.25); border-radius: 0 60px;}
.abtpicbg .videoIcon {left: 50%; top: 50%; transform:translate(-50%,-50%); margin: auto; }