/* 前端白明明 */

/* vi色 #019946 */

@font-face {
    font-family: "din";
    src: url("../fonts/din.OTF");
    font-weight: normal;
    font-style: normal;
}

.din{font-family: "din";}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;  min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#000;}

.gdt::-webkit-scrollbar-track{ background:#fff;} 

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_60{font-size: 60px;}

.f_68{font-size: 68px;}



.alltime,.alltime *{-webkit-transition: all .6s cubic-bezier(0.25,1,0.5,1); -moz-transition: all .6s cubic-bezier(0.25,1,0.5,1); transition: all .6s cubic-bezier(0.25,1,0.5,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.f100{font-weight: 100;}




/* 设备 */

.eq1{}

.eq1 .tt{text-align: center;}

.eq1 .ul1{margin: 70px 0;display: flex;justify-content: space-evenly;}

.eq1 .ul1 li{width: 78px;background:#cdcdcd ;position: relative;border-radius: 50%;margin: 0 ;}

.eq1 .ul1 li s{display: block;width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;border: 1px dashed #cdcdcd;border-radius: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.eq1 .ul1 li .num{position: absolute;top: 0;left: 82%;z-index: -1;font-size: 50px;color: #eee;font-family: Arial;}

.eq1 .ul1 li .ett{position: absolute;top: 150%;left: 50%;width: 180px;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.eq1 .ul1 li.act{background:#019946 ;}

.eq1 .ul1 li.act s{border: 1px dashed #019946;}

.eq1 .dl1{display: block;position: relative;margin-top: 100px;}

.eq1 .dl1 img{display: block;width: 100%;}

.eq1 .dl1 dt{display: block;width: 100%;}

.eq1 .dl1 dd{display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

.eq1 .dl1 dd img{display: block;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.eq1 .dl1 dd img.act{opacity: 1;}


@media (max-width:1800px) {


    
}



@media (max-width:1680px) {

    .f_12{ font-size:12px; }

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:24px; }

    .f_28{ font-size:26px; }

    .f_30{ font-size:28px; }

    .f_32{ font-size:30px; }

    .f_34{ font-size:30px; }

    .f_36{ font-size:30px; }

    .f_38{ font-size:30px; }

    .f_40{font-size: 32px;}

    .f_60{font-size: 40px;}

    .f_68{font-size: 40px;}








    
}




@media (max-width:1440px) {

    .ab4 .swiper2{margin-top: 50px;}

    .eq2 .tx .btn.prev5{left: 20px;z-index: 3;}

    .eq2 .tx .btn{right: 20px;z-index: 3;}

    .pd100{padding: 50px 0;}

    .newc1 .nbox{padding: 50px;}

    .head .hox .hrt .ul1 li{margin-right: 40px;}
    
}



@media (max-width:1280px) {


    
}


@media (max-width:1030px) {

  body{min-width: 200px;padding-top: 50px;}

  .box,.box2{width: 90%;min-width: 100px;}

  .wow{opacity: 1;}



    
}



@media (max-width:960px) {

    .eq1 .ul1 li s{display: none;}

    .eq1 .ul1{margin: 20px 0;}
    
    .eq1 .ul1 li{width: 10%;}

    .eq1 .dl1{margin-top: 20px;}



    .eq1 .ul1 li .num{display: none;}

    
    .eq1 .ul1 li .ett{display: none;}




    
}