@font-face{
    font-family: 'P';
    src : url('../../font/Poppins-Regular.ttf');
}
@font-face{
    font-family: 'pb';
    src : url('../../font/Poppins-Bold.ttf');
}
h2 {
    font-family: pb !important;
    font-weight: 600 !important;
}
h3 {
    font-family: pb !important;
    font-weight: 600 !important;
}
h4 {
    font-family: pb !important;
    font-weight: 600 !important;
}
.pc{
    display: none;
}
.yd{
    display: block;
}
h5 {
    font-family: pb !important;
    font-weight: 600 !important; 
}

*{
    margin: 0;
    padding: 0;
    font-family:p;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    cursor: pointer;
}
body{
    max-width: 7.5rem;
    margin: 0 auto;
}
.banner{
    width: 7.5rem;
    height: 13rem;
    margin: 0 auto;
    background: url(../img/banner.jpg) no-repeat;
    background-size: 100% 100%;
}


    .biaodc{
        width: 7.5rem;
        height: 12.91rem;
        background: #c90915;
        background-size: 100% 100%;
        margin: 0 auto;
    }
    .biaodccenter{
        width: 6.93rem;
        height: 12.91rem;
        margin: 0 auto;
    }
    .biaodccenter h2{
        font-size: 0.48rem;
        height: 0.48rem;
        font-weight: 600;
        color: #fff;
        padding-top: 0.7rem;
        text-align: center;
        line-height: 0.48rem;
    }
    .biaodccc{
        width: 7.1rem;
        height: auto;
        font-size: 0.28rem;
        line-height: 0.36rem;
        color: #fff;
        text-align: center;
        padding-top: 0.2rem;
        /* padding-left: 1.6rem; */
    }
    .biaodanbox{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 6.9rem;
        height: 7.5rem;
        margin: 0 auto;
        margin-top: 0.75rem;
    }
    .boxbox{
        width: 6.9rem;
        height: 0.7rem;
        position: relative;
    }
    .boxbox1{
        width: 6.9rem;
        height: 2.05rem;
        position: relative;
    }
    .boxbox input{
        width: 6.34rem;
        height: 0.66rem;
        border: none;
        /* border-radius: 5px; */
        font-size: 0.28rem;
        display: block;
        background: transparent;
        /* text-indent: 0.75rem; */
        margin: 0 auto;
        border-bottom: 0.01rem solid #eee;
    }
    .boxbox img{
        width: 0.3rem;
        height: 0.22rem;
        position: absolute;
        top: 0.2rem;
        left: 0.55rem;
    }
    .boxbox1 textarea{
        width: 6.36rem;
        font-size: 0.28rem;
        height: 1.81rem;
        border: none;
        /* border-radius: 0.3rem; */
        display: block;
        background: transparent;
        resize: none;
        padding-left: 0rem;
        padding-top: 0.2rem;
        margin: 0 auto;
        border-bottom: 0.01rem solid #eee;
    }
    .boxbox1 img{
        width: 0.3rem;
        height: 0.22rem;
        position: absolute;
        left: 0.55rem;
        top: 0.2rem;
        
    }
    .biaodanbtn{
        width: 2.61rem;
        height: 0.89rem;
        background: #fff;
        background-size: 100% 100%;
        color: #c90915;
        font-family: pb;
        font-weight: 600;
        /* border-radius: 50px !important; */
        font-size: 0.3rem;
        border-radius: 5px;
        line-height: 0.89rem;
        text-align: center;
        font-weight: 600;
        display: table;
        margin: 0 auto;
        margin-top: 0.4rem;
    }
   
    .ls{
        width: 7.5rem;
        height: 3.8rem;
        margin: 0 auto;
        border-bottom: 1px solid #323232;
        background: #202020;
    }
    .ls_1{
        width: 6.56rem;
        height: 3.4rem;
        margin: 0 auto;
    }
    .ls_title{
        width: 6.56rem;
        height: 0.78rem;
        line-height: 0.78rem;
        font-size: 0.48rem;
        font-weight: 600;
        color: #fff;
        padding-top: 0.4rem;
        padding-bottom: 0.15rem;
    }
    .ls_box{
        width: 4px;
        height: 0.28rem;
        background: rgba(14,150,205);
        margin-top: 0.25rem;
        margin-right: 0.1rem;
        float: left;
    }
    .this_box{
        width: 6.56rem;
        height: 0.32rem;
        line-height: 0.36rem;
        font-size: 0.28rem;
        color: #7e7e7e;
        margin-top: 0.15rem;
    }
    .this_box img{
        width: 0.32rem;
        height: 0.32rem;
        margin-right: 0.1rem;
        float: left;
    }
    .bottom_bottom{
        width: 7.5rem;
        height: 0.78rem;
        background: #202020;
        margin: 0 auto;
    }
    .bottom_bottom_center{
        width: 6.56rem;
        height: 0.78rem;
        line-height: 0.78rem;
        text-align: center;
        margin: 0 auto;
        font-size: 0.28rem;
        color: rgba(255, 255, 255, 0.8);
    }
   .boxbox input::placeholder{
    color: #fff !important;
   }
   .boxbox input{
    color: #fff;
   }
   .boxbox1 textarea::placeholder{
    color: #fff !important;
   }
   .boxbox1 textarea{
    color: #fff !important;
   }
   .videos{
    width: 7.5rem;
    height: 12rem;
    margin: 0 auto;
    background: url(../img/1200.jpg) no-repeat;
    background-size: 100% 100%;
   }
   .videoscenter{
    width: 7rem;
    height: 12rem;
    margin: 0 auto;
   }
   .videoscenter h2{
    width: 7rem;
    height: 1.75rem;
    margin: 0 auto;
    line-height: 1.75rem;
    font-size: 0.42rem;
    color: #000;
    text-align: center;
    font-family: pb;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
   }
   .videoscenter img{
    width: 0.12rem;
    height: 0.33rem;
    position: absolute;
    top: 0.65rem;
    margin-left: 0.2rem;
   }
   .videoscenter video{
    width: 7rem;
    height: 9.44rem;
    margin: 0 auto;
   }
   .list_four{
    width: 7.5rem;
    /* background: linear-gradient(to bottom,#fff,#ecf7fe); */
    height: auto;
    margin: 0 auto;
    padding-top: 0.65rem;
    padding-bottom: 0.8rem;
}
.list_four ul{
    width: 6.7rem;
    height: auto;
    font-size: 0.22rem;
    line-height: 0.24rem;
    color: #fff;
    font-family: p;
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    /* padding-top: 1.85rem; */
}
.list_four ul li{
    font-size: 0.22rem;
    line-height: 0.24rem;
    color: #fff;
    font-family: p;
}
.list_four ul li:nth-of-type(2){
    padding-left: 0.1rem;
}
.list_four ul li:nth-of-type(4){
    padding-left: 0.2rem;
}
.list_four ul li:nth-of-type(1){
    /* padding-left: 0.2rem; */
}
.list_four ul li:nth-of-type(3){
    padding-left: 0.2rem;
}
.one_machine_ccm img{
    width: 0.44rem;
    height: 0.37rem;
    float: left;
    margin-top: 0.25rem;
    margin-left: 0.3rem;
}
.gg h3{
    font-size: 0.24rem;
    text-align: center;
    color: #000;
    margin: 0 auto;
    height: auto !important;
    text-align: center;
    line-height: 0.3rem !important;
    position:unset !important;
    padding-top: 0.3rem;
}
.one_machine_ccm1{
    width: 2.9rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    font-family: 'pb';
    cursor: pointer;
    text-align: center;
    text-indent: -0.3rem;
    /* padding-left: 0.3rem; */
    font-size: 0.22rem;
    /* position: absolute; */
    left: 0rem;
    bottom: 0rem;
    background: linear-gradient(to right, #ff5f0e, #ffb422);
    border-radius: 0.9rem;
    margin: 0 auto;
    margin-top: 0.1rem;
}
.fou .one_machine_ccm1 img {
    width: 0.44rem !important;
    height: 0.37rem !important;
    float: left;
    margin-top: 0.12rem;
    margin-left: 0.2rem;
    position: unset;
}
.qis{
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
}
.fou li .qis img{
    width: 0.6rem !important;
    height: 0.6rem !important;
    display: block;
}
.leftboxs{
    width: 0.95rem;
    height: 0.78rem;
    background: url(../img/leftbox.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0rem;
    left: 3.11rem !important;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: center;
    line-height: 0.78rem;
    font-size: 0.36rem;
}
.list_ff{
    width: 58%;
    height: auto;
    font-size: 0.4rem;
    color: #fff;
    text-align: center;
    line-height: 0.65rem;
    opacity: 1;
    font-family: pb;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 600;
    padding-bottom: 0.2rem;
    /* padding-top: 0.45rem; */
    position: relative;
}
.list_ff2 {
    width: 6.9rem;
    height: auto;
    line-height: 0.42rem;
    font-size: 0.26rem;
    text-align: center;
    color: #fff;
    font-family: p;
    opacity: 0.9;
    margin: 0 auto;
    /* padding-top: 0.3rem; */
    /* padding-bottom: 0.53rem; */
}
.list_ff img{
    width: 0.45rem;
    height: 0.45rem;
    float: left;
}
.list_ff2{
    width: 6.9rem;
    height: auto;
    line-height: 0.42rem;
    font-size: 0.26rem;
    text-align: left;
    color: #fff;
    font-family: p;
    opacity: 0.9;
    margin: 0 auto;
    /* padding-top: 0.3rem; */
    /* padding-bottom: 0.53rem; */
}
.list_four ul{
    width: 7rem;
    height: 16.25rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0 auto;
    margin-top: 0.4rem;
}
.list_four ul li{
    width: 7rem;
    height: 4.9rem;
    background: #ecf5fb;
    position: relative;
}
.list_img_three{
    width: 4.05rem;
    height: 4.7rem;
    position: absolute;
    bottom: -0.6rem;
    right: 0rem;
}
.list_four ul li h3{
    font-size: 0.3rem;
    color: #000;
    font-family: pb;
    line-height: 0.36rem;
    text-align: left;
    padding-top: 0.49rem;
    padding-left: 0.27rem;
    /* padding-right: 0.4rem; */
    padding-bottom: 0.3rem;
}
.list_button{
    width: 2.53rem;
    height: 0.6rem;
    background: #df2f20;
    background-size: 100% 100%;
    color: #fff;
    font-size: 0.21rem;
    font-family: p;
    text-align: center;
    line-height: 0.6rem;
    /* text-indent: -0.5rem; */
    margin-left: 0.3rem;
    left: 1.505rem;
    /* margin: 0 auto; */
    margin-top: 0.2rem;
    /* position: absolute; */
    bottom: -0.4rem;
    font-family: 'pb';
}
.jia img{
    width: 0.45rem;
    height: 0.45rem;
    float: right;
    margin-top: 0.175rem;
    margin-right: 0.175rem;
}
.jia1 img{
    width: 0.67rem;
    height: 0.67rem;
    float: right;
    margin-top: 0.075rem;
    margin-right: 0.075rem;
}
.img_530{
    width: 7.5rem;
    height: 5.3rem;
    margin: 0 auto;
    display: block;
}
.box_548{
    width: 7.5rem;
    height: 2.82rem;
    background: url(../img/282.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.box_548center{
    width: 7rem;
    height: 5.48rem;
    margin: 0 auto;
}
.box_548center h2{
    width: 7rem;
    height: auto;
    font-size: 0.36rem;
    color: #000;
    line-height: 0.36rem;
    font-family: pb;
    text-align: center;
    margin: 0 auto;
    padding-top: 0.75rem;
    padding-bottom: 0.33rem;
}
.box_548box{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.42rem;
    color: #fff;
    padding-top: 0.9rem;
    text-align: left;
    font-family: p;
}

.resl h1{
    width: 3.42rem;
    font-size: 0.72rem;
    color: #f93103;
    text-align: center;
    display: none;
    padding-top: 0.2rem;
    font-family: pb;
    line-height: 0.72rem;
}
.resl_tits{
    width: 2.76rem;
    font-size: 0.26rem;
    color: #000;
    font-family: pb;
    text-align: center;
    padding-top: 0.4rem;
    line-height: 0.32rem;
}
.resl_pk{
    width: 2.76rem;
    height: auto;
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #666;
    text-align: left;
    font-family: p;
    margin: 0 auto;
    padding-left: 0.15rem;
    padding-top: 0.2rem;
}
.show_bbs {
    width: 0.91rem;
    height: 0.04rem;
    background: #df2f20;
    margin-left: 0.3rem;
}
.show_tts {
    width: auto;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.48rem;
    color: #666;
    text-align: left;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
}
.list_ff img{
    width: 0.12rem;
    height: 0.33rem;
    position: absolute;
    top: 0.15rem;
    margin-left: 0.2rem;
}
.box_548{
    width: 7.5rem;
    height: 2.82rem;
    background: url(../img/282.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.box_548center{
    width: 7rem;
    height: 5.48rem;
    margin: 0 auto;
}
.box_548center h2{
    width: 7rem;
    height: auto;
    font-size: 0.36rem;
    color: #000;
    line-height: 0.36rem;
    font-family: pb;
    text-align: center;
    margin: 0 auto;
    padding-top: 0.75rem;
    padding-bottom: 0.33rem;
}
.box_548box{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.42rem;
    color: #fff;
    padding-top: 0.9rem;
    text-align: left;
    font-family: p;
}
.major{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    background: #1e2535;
    padding-bottom: 0.82rem;
}
.majorcenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.majorcenter h2{
    width: 7rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 1.65rem;
    color: #fff;
    font-size: 0.42rem;
    position: relative;
    font-family: pb;
    font-weight: 600;
}
.majorcenter ul{
    width: 7rem;
    height: 14.95rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.majorcenter ul li{
    width: 7rem;
    height: 3.48rem;
    position: relative;
    background: #df2f20;
    /* background-size: 100% 100%; */
}
.mas{
    width: 3.17rem;
    height: auto;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    float: right;
    position: absolute;
    top: 0rem;
    /* margin-right: 0.3rem; */
}

.mas {}
.mas h3{
    font-size: 0.27rem;
    /* line-height: 0.3rem; */
    color: #000;
    text-align: left;
    font-family: pb;
    padding-top: 0.3rem;
}
.mas1{
    width: auto;
    font-size: 0.24rem;
    line-height: 0.32rem;
    text-align: left;
    color: #000;
    font-family: p;
    opacity: 0.9;
    margin-top: 0.1rem;
}
.majorcenter ul li img{
    width: 7.1rem;
    height: 3.48rem;
}
.majorcenter ul li:nth-of-type(odd) img{
    float: left;
}
.majorcenter ul li:nth-of-type(even) img{
    float: right;
}
.majorcenter ul li:nth-of-type(even) .mas{
    float: left !important;
}
.majorbutton{
    width: 3.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    text-align: center;
    font-family: pb;
    font-weight: 600;
    font-size: 0.27rem;
    border-radius: 0.75rem;
    background: url(../img/buttn.png) no-repeat;
    margin: 0 auto;
    text-indent: -0.6rem;
    margin-top: 0.4rem;
    background-size: 100% 100%;
}
.majorcenter ul li:nth-of-type(even) .mas{
    left: 0rem !important;
    top: 0rem !important;
}
.majorcenter ul li:nth-of-type(odd) .mas{
    right: 0rem !important;
    top: 0rem !important;
}
.majorcenter h2 img{
    width: 0.12rem;
    height: 0.33rem;
    position: absolute;
    top: 0.65rem;
    margin-left: 0.2rem;
}
.user{
    width: 7.5rem;
    height: auto;
    background: #f5f5f5;
    margin: 0 auto;
    padding-bottom: 0.6rem;
}
.usecenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.usercenter h2{
    width: 100%;
    height: auto;
    font-size: 0.4rem;
    color: #000;
    text-align: center;
    line-height: 0.65rem;
    opacity: 1;
    font-family: pb;
    margin: 0 auto;
    padding-bottom: 0.3rem;
    font-weight: 600;
    padding-top: 0.53rem;
}
.usercenter .box_548box{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.42rem;
    color: #fff;
    text-align: center;
    font-family: p;
    padding-bottom: 0.7rem;
}
.userimg{
    width: 7rem;
    height: 11.53rem;
    margin: 0 auto;
    display: block;
}
.userbox{
    width: 6.1rem;
    padding: 0.45rem;
    background: #97341e;
    border:0.01rem dashed #e4cac5;
    font-size: 0.24rem;
    line-height: 0.36rem;
    text-align: left;
    border-radius: 0.05rem;
    margin: 0 auto;
    color: #fff;
    margin-top: 0.6rem;
}
.userimg1310{
    width: 7rem;
    height: 13.16rem;
    margin: 0 auto;
    display: block;
    margin-top: 0.53rem;
}
.usercenter ul{
    width: 7rem;
    height: 9.92rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
    margin: 0 auto;
}
.usercenter ul li{
    width: 3.42rem;
    height: 4.88rem;
    background: #df2f20;
}
.usercenter ul li img{
    width: 3.42rem;
    height: 4.17rem;
    display: block;
    margin: 0 auto;
}
.usercenter ul li .imgtt{
    width: 3.42rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    color: #fff;
    font-family: pb;
    font-size: 0.24rem;
}
.er1733{
    width: 7.5rem;
    height: 17.33rem;
    background: url(../img/1733.jpg) no-repeat;
    background-size:  100% 100%;
    margin:  0 auto;
}
.er1733center{
    width: 7rem;
    height: 17.33rem;
    margin: 0 auto;
}
.er1733center h2{
    width: 7rem;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 1.65rem;
    color: #fff;
    font-size: 0.42rem;
    position: relative;
    font-family: pb;
    font-weight: 600;
    text-transform: uppercase;
}
.er1733center h2 img{
    width: 0.12rem;
    height: 0.33rem;
    position: absolute;
    top: 0.65rem;
    margin-left: 0.2rem;
}
.er1733titles{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    text-align: left;
    margin: 0 auto;
    line-height: 0.42rem;
    font-family: p;
    color: #fff;
}
.fac{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.faccenter{
    width: 7rem;
    height: 26rem;
    margin: 0 auto;
    position: relative;
}
.faccenter h2{
    font-size: 0.42rem;
    color: #000;
    padding-bottom: 0.2rem;
    font-family: pb;
    text-align: center;
}
.fac_tts{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.42rem;
    text-align: left;
    color: #666;
    font-family: p;
    margin-bottom: 0.3rem;
}
.facs{
    width: 3.2rem;
    height: 0.8rem;
    background: url(../img/bs.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    position: absolute;
    right: 0rem;
    top: 1.27rem;
}
.facs_left{
    width: 6.94rem;
    height: 7.17rem;
    float: left;
    overflow: hidden;
}
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-pagination{
    font-size: 0.3rem;
    color: #fff;
    font-family: pb;
    bottom: 0rem !important;
    text-align: left !important;
    overflow: hidden;
    /* padding-left: 0.4rem; */
    width: 100% !important;
  }
  .swiper-pagination-current{
    font-size: 0.4rem;
    font-family: pb;
  }
  .facs_right{
    width: 7rem;
    height: 13rem;
    float: right;
    margin-top: 0.2rem;
  }
  .facs_right ul{
    width: 7rem;
    height: 13rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-between;
  }
  .facs_right ul li{
    width: 3.46rem;
    height: 3.17rem;
    overflow: hidden;
  }
  .facs_right ul li img{
    width: 3.46rem;
    height: 3.17rem;
    transition: 0.4s;
  }
  .facs_right ul li img:hover{
    transform: scale(1.05);
    transition: 0.4s;
  }
  .swiper-button-next img{
    width: 0.44rem;
    height: 0.44rem;
    float: right;
  }
  .swiper-button-prev img{
    width: 0.44rem;
    height: 0.44rem;
    float: right;
  }
  .swiper-button-next{
    right: 70px !important;
    top: 93% !important;
    z-index: 9999999999999999999999999999 !important;
  }
  .swiper-button-prev{
    left: 528px !important;
    top: 93% !important;
    z-index: 9999999999999999999999999999 !important;

  }
  .facs_left .swiper-pagination {
    text-align: right !important;
    background: linear-gradient(45deg, transparent,black);
}
.facs_left .swiper-pagination .swiper-pagination-bullet-active {
    background: #ce0f04 !important;
    border: 0.01rem solid #ce0f04 !important;
}
.swiper-pagination-bullet{
    background: #fff !important;
    width: 0.12rem !important;
    height: 0.12rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.26rem !important;
    line-height:0.5rem !important;
    color: #000 !important;
    text-align: center;
    border: 0.01rem solid #fff ;
}
@font-face{
    font-family: 'P';
    src : url('../../font/Poppins-Regular.ttf');
}
@font-face{
    font-family: 'pb';
    src : url('../../font/Poppins-Bold.ttf');
}
h2 {
    font-family: pb !important;
    font-weight: 600 !important;
}
h3 {
    font-family: pb !important;
    font-weight: 600 !important;
}
h4 {
    font-family: pb !important;
    font-weight: 600 !important;
}
h5 {
    font-family: pb !important;
    font-weight: 600 !important;
}

*{
    margin: 0;
    padding: 0;
    font-family:p;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    cursor: pointer;
}
body{
    max-width: 7.5rem;
    margin: 0 auto;
}
.banner{
    width: 7.5rem;
    height: 14rem;
    margin: 0 auto;
    background: url(../img/banner.jpg) no-repeat;
    background-size: 100% 100%;
}
.title1 {
    width: 100%;
    height: auto;
    font-size: 0.48rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    /* margin-top: 0.55rem; */
    margin-bottom: 0.18rem;
}
.title {
    width: 7rem;
    height: auto;
    margin: 0 auto;
    line-height: 0.42rem;
    font-size: 0.26rem;
    text-align: left;
    color: #666666;
    padding-bottom: 0.43rem;
}
.title span {
    width: 6.5rem;
    height: auto;
    margin: 0 auto;
    line-height: 0.36rem;
    font-size: 0.3rem;
    text-align: center;
    color: #e6131a;
    font-weight: 600;
    font-family: pb;
}
.various1{
    width: 7.5rem;
    height: 9.8rem;
    margin: 0 auto;
    /* padding-bottom: 0.5rem; */
    background: url(../img/980.jpg) no-repeat;
    background-size: 100% 100%;
}
.various1 .variouscenter{
    width: 7rem;
    height: 9.8rem;
    margin: 0 auto;
}
.variousbox{
    width: 6.9rem;
    height: 4.28rem;
    box-shadow: 0px 0px 6px #ccc;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-top: 0.3rem;
}

.variousbox img{
    width: 2.5rem;
    height: 4.28rem;
    position: absolute;
    display: block;
    right: 0.35rem;
    top: 0rem;
}
.variousbox h3{
    width: auto;
    padding-left: 0.3rem;
    height: auto;
    font-size: 0.36rem;
    padding-top: 0.6rem;
    padding-bottom: 0.1rem;
    font-weight: 600;
    font-family: pb;
}
.varioustitle{
    width: auto;
    padding-left: 0.3rem;
    font-size: 0.3rem;
    line-height: 0.42rem;
    text-align: left;
    color: #666;
}
.red{
    width: 3.05rem;
    height: 0.75rem;
    background: #e6131a;
    color: #fff;
    border-radius: 0.75rem;
    font-size: 0.28rem;
    font-family: pb;
    font-weight: 600;
    text-align: center;
    line-height: 0.75rem;
    margin-top: 0.35rem;
    margin-left: 0.3rem;
}
.var1{
    width: 7rem;
    height: auto;
    margin: 0 auto;
    background: linear-gradient(to right,#09bd92,#059d51);
    border-radius: 0.1rem;
    position: relative;
    padding-bottom: 0.01rem;
}
.var1 .a1{
    width: 7rem;
    height: 4.6rem;
    margin: 0 auto;
    display: block;
}
.var1 h3{
    font-size: 0.32rem;
    color: #fff;
    font-weight: 600;
    font-family: pb;
    padding-left: 0.53rem;
    line-height: 0.32rem;
    padding-top: 0.66rem;
    padding-bottom: 0.12rem;
}
.var2{
    width: 7rem;
    height: 4.77rem;
    margin: 0 auto;
    background: url(../img/a2.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
}
.var2 h3{
    font-size: 0.32rem;
    color: #000;
    font-weight: 600;
    font-family: pb;
    padding-left: 0.53rem;
    line-height: 0.32rem;
    padding-top: 4.1rem;
    padding-bottom: 0.2rem;
}
.var3{
    width: 7rem;
    height: 4.77rem;
    margin: 0 auto;
    background: url(../img/a3.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
}
.var3 h3{
    font-size: 0.32rem;
    color: #000;
    font-weight: 600;
    font-family: pb;
    padding-left: 0.53rem;
    line-height: 0.32rem;
    padding-top: 4.1rem;
    padding-bottom: 0.2rem;
}
.vartit{
    font-size: 0.28rem;
    line-height: 0.42rem;
    padding-left: 0.53rem;
    color: #666;
}
.detailcenter ul{
    width: 14rem;
    height: 8.12rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
   }
   .detailcenter ul li{
    width: 7rem;
    height: 3.7rem;
    position: relative;
   }
   .detailcenter ul li img{
    width: 4.15rem;
    height: 3.7rem;
    float: left;
   }
   
   .ad1{
    width: 3.26rem;
    height: 3.81rem;
    border: 2px solid #fff;
    background-image: linear-gradient(to right, #a3cff0 , #b4e3f9,#add5f4);
    position: absolute;
    top: 0rem;
    right: 0rem;
    border-radius: 0.3rem;
   }
   .ad2{
    width: 0.57rem;
    height: 0.57rem;
    background: #fff;
    border-radius: 0.57rem;
    display: table;
    font-size: 0.4rem;
    text-align: center;
    line-height: 0.57rem;
    font-weight: 600;
    font-family: pb;
    margin: 0 auto;
    margin-top: 0.3rem;
   }
   .ad3{
    font-size: 0.24rem;
    width: 2.7rem;
    height: 0.61rem;
    line-height: 0.61rem;
    text-align: center;
    border-top: 1px solid #78bfec;
    border-bottom: 1px solid #78bfec;
    display: table;
    margin: 0 auto;
    margin-top: 0.17rem;
    font-family: pb;
    font-weight: 600;
   }
   .ad4{
    width: 2.7rem;
    height: auto;
    font-size: 0.24rem;
    line-height: 0.3rem;
    text-align: left;
    display: table;
    margin: 0 auto;
    margin-top: 0.15rem;
    color: #666;
   }

.button{
    width: 4.33rem;
    height: 0.75rem;
    
    line-height: 0.75rem;
    color: #e53127;
    font-family: pb;
    text-align: center;
    text-indent: -0.4rem;
    font-size: 0.28rem;
    background: url(../img/button.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 600;
    display: table;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.buttons{
    width: 3.43rem;
    height: 0.75rem;
    line-height: 0.75rem;
    color: #fff;
    font-family: pb;
    text-align: center;
    text-indent: -0.4rem;
    font-size: 0.26rem;
    background: url(../img/buttons.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 600;
    display: table;
    margin: 0 auto;
    margin-top: 0.4rem;
}
.b{
    width: 7.5rem;
    height: auto;
    background: url(../img/b.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.bcenter{
    width: 7.19rem;
    height: auto;
    margin: 0 auto;
}
.bbox{
    width: 7rem;
    height: 13.38rem;
    background: url(../img/f.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0 auto;
}
.bbox img{
    width: 2.15rem;
    height: 2.52rem;
    border-radius: 0.2rem;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #eee;
}
.aerial{
    width: 7.5rem;
    height: 3.28rem;
    margin: 0 auto;
    background: url(../img/328.jpg) no-repeat;
    background-size: 100% 100%;
}
.aerialcenter{
    width: 6.9rem;
    height: 3.28rem;
    margin: 0 auto;
}
.aerialcenter h2{
    width: 100%;
    height: auto;
    font-size: 0.36rem;
    line-height: 0.48rem;
    text-align: center;
    font-weight: 600 !important;
    font-family: pb !important;

    color: #fff;
    padding-top: 0.75rem;
    padding-bottom: 0.18rem;
}
.aerialcenter h2 span{
    color: #f4fc25;
}
.detail{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0.47rem;
}
.detailcenter{
    width: 7.11rem;
height: auto;
margin: 0 auto;
}
.detail858{
    width: 7rem;
    height: 8.58rem;
    margin: 0 auto;
}
.detailbox {
    width: 6.9rem;
    height: 2.81rem;
    background: #f5f5f6;
    position: relative;
}

.detailbox img{
    width: 3.56rem;
    height: 2.81rem;
    float: left;
}
.detailbox1{
    width: 3.34rem;
    height: 2.81rem;
    float: right;
}
.detailbox1 h3{
    width: auto;
    height: auto;
    font-family: pb;
    text-align: left;
    padding-left: 0.35rem;
    font-size: 0.3rem;
    padding-top: 0.4rem;
}
.details{
    width: 2.7rem;
    height: auto;
    margin-left: 0.35rem;
    color: #666;
    font-size: 0.26rem;
    line-height: 0.36rem;
    text-align: left;
    padding-top: 0.15rem;
}
.d1{
    width: 0.82rem !important;
    height: 0.85rem !important;
    position: absolute;
    top: 0rem;
}
.e{
    width: 7.5rem;
    height: 12.36rem;
    background: url(../img/1236.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.ecenter{
    width: 6.9rem;
    height: 12.36rem;
    margin: 0 auto;
}
.bits{
    width: 7.5rem;
    height: 7.79rem;
    margin: 0 auto;
   
    padding-bottom: 0.87rem;
}
.detail902{
    width: 7.11rem;
    height: 9.19rem;
    margin: 0 auto;
}
.bitscenter{
    width: 6.9rem;
    height: 7.79rem;
    background: url(../img/1023.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.bitbox{
    width: 7.08rem;
    height: 4.49rem;
    background: url(../img/d1.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.four{
    width: 7.5rem;
    height: 3.08rem;
    margin: 0 auto;
    background: url(../img/308.jpg) no-repeat;
    background-size: 100% 100%;
}
.fourcenter ul{
    width: 7rem;
    height: 1.6rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
}
.fourcenter ul li{
    width: 3.55rem;
    height: 1.6rem;
}
.fourcenter ul li img{
    float: left;
    margin-top: 0.54rem;
    width: 0.59rem;
    height: 0.59rem;
    margin-right: 0.1rem;
    margin-left: 0.2rem;
}
.fourtitle{
    width: auto;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #000;
    padding-top: 0.54rem;
    float: left;
}
.fourcenter ul li span{
    font-weight: 600;
    
}
.bitbox img{
    width: 3.34rem;
    height: 2.82rem;
    border: 1px solid #e61f27;
}
.perfect{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
}
.perfectcenter{
    width: 6.9rem;
    height: auto;
    margin: 0 auto;
}
.perfectcenter h2{
    height: 1.4rem;
    font-size: 0.48rem;
    width: 6.9rem;
    line-height: 1.4rem;
    text-align: center;
    font-family: pb;
    padding-bottom: 0rem;
    padding-top: .2rem;
    text-align: center; 
}

.perfectcenter ul{
    width: 6.9rem;
    height: 7.5rem;
    display: flex;
    justify-content: space-around;
    align-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.perfectcenter ul li{
    width: 3.35rem;
    height: 3.7rem;
    border-radius: 0.2rem;
    background: #f0f3f5;
    position: relative;
    transition: 0.4s;
}
.f1{
    width: 0.64rem;
    height: 0.55rem;
    position: absolute;
    top: 0.35rem;
    left: 0.25rem;
}
.perfectcenter h3{
    width: auto;
    height: auto;
    font-size: 0.3rem;
    font-weight: 600;
    font-family: pb;
    color: #000;
    padding-left: 0.25rem;
    position: absolute;
    top: 0.95rem;
}
.f2{
    width: 2.87rem;
    padding-left: 0.25rem;
    font-size: 0.26rem;
    line-height: 0.36rem;
    font-family: p;
    text-align: left;
    color: #333;
    position: absolute;
    top: 1.45rem;
}
.yellow{
    background: #f0c600 !important;
    transition: 0.4s;
    cursor: pointer;
}
.cc{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
}
.cc h2{
    width: 7.5rem;
    font-size: 0.48rem;
    color: #000;
    text-align: center;
    height: 1.4rem;
    line-height: 1.4rem;
}

.bbs{
    width: 1.02rem;
    height: 1.27rem;
    position: absolute;
    top: 0rem;
    left: 0.1rem;
}
.omp{
    width: 7.5rem;
    height: 8.25rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    padding-bottom: 0.7rem;
}
.omp_center{
    width: 7rem;
    height: 8.25rem;
    margin: 0 auto;
}
.mySwiper15 .swiper-pagination-bullet-active{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.5rem;
}
.hot{
    width: 1.3rem;
    height: 0.75rem;
    position: absolute;
    top: 0.6rem;
    left: 0.5rem;
}
.mySwiper15 .poms{
    width: 100%;
    height: 1.3rem;
    border-bottom: 1px solid #fad0d1;
    font-size: 0.36rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.3rem;
    position: relative;
}
.tiaos{
    width: 1rem;
    height: 6px;
    border-radius: 5px;
    background: #e6131a;
    position: absolute;
    left: 0rem;
}
.swiper-pagination-bullet{
    background: #e6131a !important;
        width: 0.5rem !important;
    height: 0.5rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.26rem !important;
    line-height:0.5rem !important;
    color: #000 !important;
    text-align: center;
}

#bkform3{
  position: fixed;
  z-index: 99999999;
  top: 0%;
  display: none;
}

.form3 {
    box-shadow: 0px 0.03rem 0.24rem 0.01rem rgba(3, 69, 158, 0.03921569);
    font-size: 0.20rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .dropdown.active .option {
    display: block;
  }
  .form3 .dropdown {
    position: relative;
    width: 100%;
    height: 0.58rem;
  }
  .form3 .dropdown input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 19, 35, 0.03);
    border: none;
    outline: none;
    padding: 0 0.24rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .dropdown::before {
    content: "";
    position: absolute;
    right: 0.24rem;
    top: 0.15rem;
    z-index: 10000;
    width: 0.14rem;
    height: 0.14rem;
    border: 0.02rem solid #001323;
    border-top: 0.02rem solid transparent;
    border-right: 0.02rem solid transparent;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
  }
  
  .form3 .dropdown.active::before {
      top: 0.25rem;
      transform: rotate(-225deg);
  }
  .form3 .dropdown .option {
    height: 2.32rem;
    display: none;
    position: absolute;
    top: 0.58rem;
    width: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
  .form3 .dropdown .option div {
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.24rem;
    cursor: pointer;
  }
  .form3 .dropdown .option div:hover {
    background-color: rgba(0, 19, 35, 0.1);
  }
  .form3 .contact-way {
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
   
    color: #001323;
    /*display: flex;*/
    justify-content: space-between;
  }

  .form3 .contact-way input {
    text-indent: 0.24rem;
    width: 100%;
    height: 0.65rem;

    border: 1px solid #cccccc;
    font-size: 0.24rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .Requirement p {
    margin-top: 0.1rem;
    margin-bottom: 0.17rem;
  }
  .form3 .Requirement textarea {
    width: 90%;

    resize: none;
    text-indent: 0.24rem;
    border: 1px solid #cccccc;
    padding: 0.24rem 0rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .submit {
    text-align: center;
    margin-top: 0.27rem;
  }
  .form3 .submit button {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 0.68rem;
    background: #1daf0f;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    font-size: 0.28rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
font-weight: 600;
    color: #f9fbfc;
  }

.form3 .contact-way {
       font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    color: #001323;
    margin-top: 0.1rem !important;
    /* margin-left: 0.5rem !important;*/
}


.guanbi{
  float: right;
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;

}
.hint{
  font-size: 0.18rem;
  color: red;
}

.ls{
    width: 7.5rem;
    height: 3.8rem;
    margin: 0 auto;
    border-bottom: 1px solid #323232;
    background: #202020;
}
.ls_1{
    width: 6.56rem;
    height: 3.4rem;
    margin: 0 auto;
}
.ls_title{
    width: 6.56rem;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.48rem;
    font-weight: 600;
    color: #fff;
    padding-top: 0.4rem;
    padding-bottom: 0.15rem;
}
.ls_box{
    width: 4px;
    height: 0.28rem;
    background: rgba(14,150,205);
    margin-top: 0.25rem;
    margin-right: 0.1rem;
    float: left;
}
.this_box{
    width: 6.56rem;
    height: 0.32rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
    color: #7e7e7e;
    margin-top: 0.15rem;
}
.this_box img{
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.1rem;
    float: left;
}
.bottom_bottom{
    width: 7.5rem;
    height: 0.78rem;
    background: #202020;
    margin: 0 auto;
}
.bottom_bottom_center{
    width: 6.56rem;
    height: 0.78rem;
    line-height: 0.78rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.28rem;
    color: rgba(255, 255, 255, 0.8);
}
.listtxt{
    width: 7.5rem;

    height: auto;
    margin: 0 auto;
}
.listtxtcenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #000;
    text-align: center;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.detailcenter ul{
    width: 7rem;
    height: 16rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.titles2{
    width: auto;
    padding-left: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #fff;
    opacity: 0.9;
    margin-top: 2.9rem;
}
.related{
    width: 7.5rem;
    height: 13.9rem;
    margin: 0 auto;
    background: url(../img/1265.jpg) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 0.75rem;
    margin-top: 0.55rem;
}
.relatedcenter{
    width: 6.9rem;
    height: auto;
    margin: 0 auto;
}
.relatedcenter h2{
    width: 100%;
    height: 0.49rem;
    padding-bottom: 0.25rem;
    font-size: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    color: #000;
    padding-top: 0.55rem;
    
}
.relatexbox{
    width: 7rem;
    height: 7.84rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 0.4rem;
    align-content: space-between;
}
.relatexbox li{
    width: 3.45rem;
    height: 3.82rem;
}
.relatexbox li img{
    width: 3.45rem;
    height: 3.04rem;
    display: block;
}
.relatitle{
    width: 3.45rem;
    height: 0.78rem;
  
    background:rgba(0, 0, 0, 0.7);
    font-size: 0.22rem;
    text-align: center;
    color: #fff;
    line-height: 0.78rem;
    margin: 0 auto;
}
.bvar{
    width: 6.35rem;
    height: auto;
    background: #fff;
    border-radius: 0.2rem;
    color: #333;
    padding: 0.2rem 0.2rem;
    margin: 0 auto;
    font-size: 0.2rem;
    margin-top: 0.16rem;
    font-weight: 400;
    line-height: 0.36rem;
}
.bvar span {
    width: 0.17rem;
    height: 0.17rem;
    display: block;
    background: url(../img/aa.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-top: 0.18rem;
    margin-right: 0.18rem;
}
.one2rightbox1{
    font-size: 0.3rem;
    line-height: 0.5rem;
    color: #666;
}
.strengths{
    width: 100%;
    height: 14rem;

    margin: 0 auto;
}
.strengthcenters{
    width: 7rem;
    height: 14rem;
    margin: 0 auto;
}

.Granulation{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0.6rem;
}
.Granulationcenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.Granulationcenter h2{
    width: 7rem;
    height: 1.67rem;
    font-size: 0.42rem;
    color: #000;
    line-height: 1.67rem;
    text-align: center;
    margin: 0 auto;
}
.fou{
    width: 7rem;
    height: 8.6rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 0 auto;
}
.fou li{
    width: 3.42rem;
    height: 4.16rem;
    background: url(../img/b.png) no-repeat;
    position: relative;
    background-size: 100% 100%;
}
.fou li img{
    width: 3.42rem;
    height: 4.16rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.fou li h3{
    width: 3.42rem;
    height: 1.06rem;
    font-size: 0.22rem;
    text-align: center;
    line-height: 1.06rem;
    position: absolute;
    color: #000;
    bottom: 0rem;
}
.Features{
    width: 7.5rem;
    height: 6.03rem;
    background: url(../img/c.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.Featurescenter{
    width: 7rem;
    height: 6.03rem;
    margin: 0 auto;
}
.Featurescenter h2{
    width: 7rem;
    height: 0.36rem;
    padding-top: 0.62rem;
    padding-bottom: 0.32rem;
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.36rem;
    text-align: center;
   
  
}
.Featurescenter ul{
    width: 7rem;
    height: auto;
    align-content: space-between;
    margin: 0 auto;
}
.Featurescenter ul li{
    width: 7rem;
    height: 1.8rem;
    position: relative;
    margin-top: 0.3rem;
}
.Featurescenter ul li img{
    width: 1.18rem;
    height: 1.18rem;
    position: absolute;
    left: 0rem;
    top: 0.36rem;
    z-index: 999;
}
.featurebox{
    width: 5.36rem;
    height: 1.42rem;
    background: #fff;
    position: absolute;
    right: 0rem;
    font-size: 0.28rem;
    line-height: 0.36rem;
    color: #333;
    text-align: left;
    padding-left: 0.93rem;
    padding-top: 0.38rem;
    padding-right: 0.38rem;
}
.Material{
    width: 7.5rem;
    height: 7.21rem;
    background: url(../img/d.jpg) no-repeat;
    background-size: 100% 100%;
}
.Materialcenter h2{
    width: 7rem;
    height: auto;
    font-size: 0.48rem;
    text-align: center;
    font-weight: 600;
    color: #000;
    padding-top: 0.67rem;
    padding-bottom: 0.05rem;
}
.Materialcenter h3{
    width: 7rem;
    height: auto;
    line-height: 0.36rem;
    font-size: 0.28rem;
    color: #fc621a;
    text-align: center;
}
.relatedtit{
    width: 7rem;
    height: auto;
    font-size: 0.28rem;
    line-height: 0.48rem;
    text-align: left;
    color: #666;
}
.strengthcenters ul li h3{
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.36rem;
    padding-left: 0.3rem;
    padding-top: 2.5rem;
    position: absolute;
}
.related{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 0.75rem;
}
.relatedcenter{
    width: 6.9rem;
    height: auto;
    margin: 0 auto;
}
.relatedcenter h2{
    width: 100%;
    height: 0.49rem;
    background: url(../img/banner1.png) center;
    background-size: 114% 100%;
    font-size: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}
.relatexbox{
    width: 6.9rem;
    height: 6.25rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 0.4rem;
    align-content: space-between;
}
.relatexbox li{
    width: 3.34rem;
    height: 2.98rem;
   
}
.relatexbox li img{
    width: 3.34rem;
    height: 2.2rem;
    display: block;
}
.relatitle{
    width: 3.34rem;
    height: 0.78rem;
  
    background:rgba(0, 0, 0, 0.7);
    font-size: 0.22rem;
    text-align: center;
    color: #fff;
    line-height: 0.78rem;
    margin: 0 auto;
}
.fea{
    width: 7rem;
    height: 3.4rem;
    display: block;
    margin: 0 auto;
}
.strengthcenters ul{
    width: 7rem;
    height: 12rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-between;
}
.strengthcenters ul li{
    width: 7rem;
    height: 2.8rem;
    background: #fff;
    box-shadow: 0px 0px 6px #eee;
    border-radius: 0.2rem;
    position: relative;
}

.dd1{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/dd1.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.4s;
}
.dd2{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/dd2.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.4s;
}
.dd3{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/dd3.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.4s;
}
.dd4{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/dd4.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.4s;
}
.tio{
    width: 6.67rem;
    height: auto;
    line-height: 0.98rem;
    float: left;
    font-size: 0.26rem;
    font-weight: 600;
    font-family: pb;
    text-align: left;
    color: #000;
    text-indent: .2rem;
}
.tiotitle{
    width: 5.75rem;
    height: auto;
    font-size: 0.28rem;
    line-height: 0.36rem;
    color: #666;
    text-align: left;
    margin: 0 auto;
    padding-top: 0.2rem;
    border-top: 1px solid #ccc;
    font-weight: 400;
}
.xia{
    width: 0.12rem;height:0.11rem;margin-left:0.18rem;
    background: url(../../img/xia.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.4rem;
margin-right: 0.7rem;
}
.ddd1 .dd1{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/ddd1.png) no-repeat !important;
    background-size: 100% 100% !important;
    transition: 0.4s;
    color: #fff !important;
}
.ddd1 .dd2{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/ddd2.png) no-repeat;
    background-size: 100% 100%;
    color: #fff !important;
}
.ddd1 .dd3{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../img/ddd3.png) no-repeat;
    background-size: 100% 100%;
    color: #fff !important;
}
.ddd1 .dd4{
    width: 0.44rem !important;
    height: 0.38rem !important;
   float: left;
    margin-top: 0.3rem;
    margin-left: 0.49rem;
    background: url(../../img/ddd4.png) no-repeat;
    background-size: 100% 100%;
    color: #fff !important;
}
.ddd1{
    background: #fb4636 !important;
    transition: 0.4s;
    color: #fff;
}
.ddd1 .tio{
    color: #fff !important;
}
.ddd1 .tiotitle{
    color: #fff !important;
}
.ddd1 .xia{
    width: 0.12rem;height:0.11rem;margin-left:0.18rem;
    background: url(../../img/xia1.png) no-repeat !important;
    background-size: 100% 100% !important;
    float: right;
    transition: 0.4s;
    margin-top: 0.4rem;
margin-right: 0.7rem;
}
.bottom_bottom{
    width: 7.5rem;
    height: 0.78rem;
    background: #202020;
    margin: 0 auto;
}
.bottom_bottom_center{
    width: 6.56rem;
    height: 0.78rem;
    line-height: 0.78rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.28rem;
    color: rgba(255, 255, 255, 0.8);
}
.ls{
    width: 7.5rem;
    height: 3.8rem;
    margin: 0 auto;
    border-bottom: 1px solid #323232;
    background: #202020;
}
.ls_1{
    width: 6.56rem;
    height: 3.4rem;
    margin: 0 auto;
}
.ls_title{
    width: 6.56rem;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.48rem;
    font-weight: 600;
    color: #fff;
    padding-top: 0.4rem;
    padding-bottom: 0.15rem;
}
.ls_box{
    width: 4px;
    height: 0.28rem;
    background: rgba(14,150,205);
    margin-top: 0.25rem;
    margin-right: 0.1rem;
    float: left;
}
.this_box{
    width: 6.56rem;
    height: 0.32rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
    color: #7e7e7e;
    margin-top: 0.15rem;
}
.this_box img{
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.1rem;
    float: left;
}
.buttons{
    width: 4.56rem;
    height: 0.81rem;
    font-size: 0.3rem;
    font-family: pb;
    color: #fff;
    text-align: center;
    /* background: #ffff33; */
    line-height: 0.81rem;
    background: linear-gradient(to right,#fc8301,#e81408);
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    border-radius: 0.8rem;
    /* background: #db0f19; */
    margin: 0 auto;
    text-indent: 0.05rem;
    margin-bottom: 0.7rem;
}
.ones{
    width: 7.5rem;
    height: auto;
    background: #6ccee9;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-bottom: 0.3rem;
}
.onescenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.variouscenter h2{
    width: 7rem;
    height: auto;
    font-size: 0.48rem;
    font-family: pb;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.42rem;
}
.var1 ul{
    width: 6.47rem;
    height: auto;
    margin-left: 0.53rem;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.7rem;
}
.var1 ul li{
    width: 6.47rem;
    height: 0.48rem;
    font-size: 0.28rem;
    line-height: 0.38rem;
    color: #fff;
    text-align: left;
    font-family: p;
}
.var1 ul li img{
    width: 0.24rem;
    height: 0.17rem;
    float: left;
    margin-top: 0.115rem;
    margin-right: 0.1rem;
}
.vartits{
    width: 5.4rem;
    height: auto;
    margin-left: 0.53rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #000;
    font-family: p;
    text-align: left;
}
.var1 .buttons{
    margin-bottom: 0.43rem !important;
}
.fou{
    width: 7rem;
    height: 9.5rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    align-content: space-between;
}
.fou li{
    width: 3.4rem;
    height: 4.66rem;
    overflow: hidden;
    position: relative;
}
.fou li img{
    width: 3.4rem;
    height: 4.66rem;
    transition: 0.4s;
}
.fou li img:hover{
    /* transform: scale(1.05); */
    transition: 0.4s
}
.gg{
    width: 3.07rem;
    height: 0.74rem;
    background: linear-gradient(to right,#cb0914,#e81707);
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #fff;
    text-align: left;
    padding-left: 0.3rem;
    padding-top: 0.2rem;
    border-bottom-left-radius: 0.3rem;
}

.f11{
    width: 7rem;
    height: 5.01rem;
    margin: 0 auto;
    display: block;
    margin-top: 0.48rem;
}
.relatedcenter ul{
    width: 7rem;
    height: 4.8rem;
    margin: 0 auto;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 0.15rem;
}
.relatedcenter ul li {
    width: 3.43rem;
    height: 2.35rem;
}
.relatedcenter ul li img{
    width: 3.43rem;
    height: 2.35rem;
}
.edge{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0.9rem;
}
.degecenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.degecenter h2{
    width: 7rem;
    height: 1.68rem;
    line-height: 1.68rem;
    color: #000;
    text-align: center;
    font-family: pb;
    margin: 0 auto;
    font-size: 0.42rem;
}
.degecenter ul{
    width: 7rem;
    height: 9.75rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
}
.degecenter ul li{
    width: 3.38rem;
    height: 4.71rem;
    border: 0.01rem solid #ccc;
    position: relative;
    background: #fff;
}
.egtitle{
    width: 3.38rem;
    height: auto;
    font-size: 0.26rem;
    font-family: p;
    text-align: center;
    line-height: 0.38rem;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
}
.qi{
    width: 0.77rem;
    height: 0.77rem;
    background: url(../img/qi.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    font-family: p;
    line-height: 0.24rem;
    
}
.onescenter h2{
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
    font-family: pb;
    margin: 0 auto;
    /* text-transform: uppercase; */
    width: 7.1rem;
    height: auto;
    line-height: 1.75rem;
    padding-top: 0.3rem;
}
.one_machine_rightimgbox{
    width: 7rem;
    height: auto;
    border-top-left-radius: 0.4rem;
    /* overflow: hidden; */
}
.one_machine_rightimgbox img{
    width: 7rem;
    height: 5.27rem;
    /* position: absolute; */
    /* right: 0rem; */
    top: 0rem;
    display: block;
    transition: 0.4s;
}

.one_machine_ccm{
    width: 6.7rem;
    height: 1.8rem;
    line-height: 0.36rem;
    color: #fff;
    font-family: p;
    cursor: pointer;
    text-align: left;
    padding-left: 0.3rem;
    font-size: 0.26rem;
    /* position: absolute; */
    left: 0rem;
    bottom: 0rem;
    background: #e71707;
    border-bottom-left-radius: 0.4rem;
}
.one_machine_title{
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.36rem;

    text-align: left;
    color: #666;
    font-family: p;
    font-weight: 400;
}
.fou{
    width: 7rem !important;
    height: 8.2rem !important;
    margin: 0 auto;
}
.fou li{
    width: 3.37rem !important;
    height: 4.2rem !important;
}
.fou li img{
    width: 3.37rem !important;
    height: 3.92rem !important;
    display: block;
}

.fou{
    width: 7rem;
    height: 9.5rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    align-content: space-between;
    margin-top: 0.3rem;
}
.fou li{
    overflow: hidden;
    position: relative;
}

.fou li img:hover{
    /* transform: scale(1.05); */
    transition: 0.4s
}
.details{
    width: 7.5rem;
    height: auto;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 0.6rem;
    margin-top: 0.3rem;
}
.detailscenter{
    width: 7.1rem;
    height: auto;
    margin: 0 auto;
    /* padding-top: 0.7rem; */
}
.detailscenter ul{
    width: 7.1rem;
    height: auto;
    margin: 0 auto;
}
.detailscenter ul li{
    width: 7.1rem;
    height: 3.2rem;
    position: relative;
    background: #fff;
    margin-top: 0.2rem;
    border-radius: 0.4rem;
    overflow: hidden;
    border: 0.01rem solid #6ccee9;
    box-shadow: 0px 0px 6px #6ccee9;
}
.left{
    width: 3.62rem;
    /* height: 3.2rem; */
    position: absolute;
    left: 0rem;
    top: 0rem;
    background: #fff;
}
.leftbox{
    width: 0.95rem;
    height: 0.78rem;
    background: url(../img/leftbox.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.33rem;
    left: 1.21rem;
    display: none;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: center;
    line-height: 0.78rem;
    font-size: 0.36rem;
}
.left h2{
    font-size: 0.26rem;
    width: 3.14rem;
    height: auto;
    text-align: left;
    line-height: 0.3rem;
    padding-left: 0.31rem;
    margin-top: 0.5rem;
    color: #000;
}
.leftbox1{
    width: 3.44rem;
    height: auto;
    text-align: left;
    font-size: 0.22rem;
    line-height: 0.32rem;
    color: #666;
    margin: 0 auto;
    margin-top: 0.1rem;
}
.detailscenter ul li img{
    width: 3.3rem;
    height: 3.2rem;
    float: right;
    /* margin-top: 0.15rem; */
}
.detailscenter ul {
    margin-top: 0.18rem;
}
.service{
    width: 7.5rem;
    height: 9.87rem;
    background: url(../img/987.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.service_center{
    width: 7.1rem;
    height: 9.87rem;
    margin: 0 auto;
}
.service_center h2{
    font-size: 0.42rem;
    color: #000;
    font-size: 0.42rem;
    font-family: pb;
    text-align: center;
    width: 7.1rem;
    height: auto;
    line-height: 0.42rem;
    padding-top: 0.79rem;
    text-transform: uppercase;
    padding-bottom: 0.27rem;
}
.service_tits{
    width: 7.1rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.36rem;
    text-align: center;
    color: #666;
    font-family: p;
    padding-top: 0.2rem;
}
#ffs .gg img{
    width: 0.61rem !important;
    height: 0.61rem !important;
    margin-top: 0.09rem;
    margin-left: 0.19rem;
}
#ffs .gg{
    font-size: 0.24rem;
    line-height: 0.5rem;
    text-indent: 0.8rem;
}
#ffs{
    margin-top: 0rem !important;
}
.device{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 0.4rem;
}
.device_center{
    width: 7.1rem;
    height: auto;
    margin: 0 auto;
}
.device_center h2{
    width: 7.1rem;
    height: 1.45rem;
    margin:0 auto;
    line-height: 1.45rem;
    font-size: 0.42rem;
    color: #000;
    font-family: pb;
    text-align: center;
}
.device_center ul{
    width: 7.1rem;
    height: 3.81rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.device_center ul li{
    width: 3.38rem;
    height: 3.81rem;
    background: #e81407;
}
.device_center ul li img{
    width: 3.38rem;
    height: 3rem;
    display: block;
}
.device_center ul li h2{
    width: 3.38rem;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.24rem;
    text-align: center;
    color: #fff;
    font-family: pb;
}
.biaodan{
    width: 7.5rem;
    height: auto;
    padding-top: 0.66rem;
    padding-bottom: 0.96rem;
    background: #36bae0!important;
    background: url(../img/kk.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.biaodancenter{
    width: 6.9rem;
    height: auto;
    margin: 0 auto;
}
.biaodancenter h2{
    font-size: 0.48rem;
    height: 0.48rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 0.48rem;
}
.biaodantxt{
    width: 6.15rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.42rem;
    color: #fff !important;
    margin: 0 auto;
    text-align: left;
    padding-top: 0.2rem;
}
.biaodanbox{
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* width: 6.9rem; */
    /* background: #fff; */
    /* height: 6.5rem; */
    /* margin: 0 auto; */
    /* margin-top: 0.25rem; */
    /* padding-top: 0.45rem; */
    padding-bottom: 0.45rem;
    border-radius: 0.2rem;
}
.boxbox{
    width: 6.9rem;
    height: 0.7rem;
    position: relative;
}
.boxbox1{
    width: 6.9rem;
    height: 2.05rem;
    position: relative;
}
.boxbox input{
    width: 6.06rem;
    height: 0.66rem;
    border: 0.01rem solid #eee;
    border-radius: 5px;
    font-size: 0.28rem;
    display: block;
    /* text-indent: 0.55rem; */
    margin: 0 auto;
}
.boxbox img{
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    top: 0.2rem;
    left: 0.55rem;
}
.boxbox1 textarea{
    width: 5.51rem;
    font-size: 0.28rem;
    height: 1.81rem;
    border: 0.01rem solid #eee;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    resize: none;
    padding-left: 0.55rem;
    padding-top: 0.2rem;
}
.boxbox1 img{
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    left: 0.58rem;
    top: 0.2rem;
    
}
.biaodanbtn{
    width: 2.96rem;
    height: 0.98rem;
    background: #08ad73;
    color: #fff;
    /* box-shadow: 0px 0px 6px #08ad73; */
    /* border-radius: 50px !important; */
    font-size: 0.3rem;
    /* border: 1px solid #08ad73 !important; */
    border-radius: 0.01rem;
    line-height: 0.98rem;
    text-align: center;
    font-weight: 600;
    left: 2.1rem;
    /* position: absolute; */
    display: table;
    margin: 0 auto;
    /* margin-top: 0.4rem; */
    /* text-indent: -0.4rem; */
    font-family: 'pb';
    border-radius: 0.15rem;
    bottom: -0.6rem;
}
.fei {
    width: 0.38rem;
    height: 0.32rem;
    float: left;
    margin-top: 0.27rem;
    margin-left: 0.39rem;
}
.buttons img{
    width: 0.35rem;
    float: right;
    margin-top: 0.2rem;
    margin-right: 0.5rem;
}
.btt1479{
    width: 7.5rem;
    height: 12.19rem;
    margin: 0 auto;
    background: url(../img/1219.jpg) no-repeat;
    background-size: 100% 100%;
}
.bttcenter{
    width: 7rem;
    height: 12.19rem;
    margin: 0 auto;
}
.bttcenter h2{
    width: 7rem;
    height: auto;
    font-size: 0.48rem;
    font-family: pb;
    color: #000;
    text-align: left;
    line-height: 0.52rem;
    /* text-transform: uppercase; */
}
.btt_button{
    background: url(../img/butts.png) no-repeat;
    background-size: 100% 100%;
    width: 4.35rem;
    height: 0.85rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    text-indent: -0.56rem;
    font-weight: 600;
    font-family: pb;
    margin: 0 auto;
    margin-top: 6rem;
}
.one_machine_ccm h3{
    font-size: 0.36rem;
    line-height: 0.7rem;
    
}
.one_box{
    width: 7rem;
    height: 14.1rem;
    background: url(../img/1410.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    
}
.service_box h3{
    font-size: 0.36rem;
    color: #fff;
    text-align: left;
    line-height: 0.42rem;
    font-weight: 600;
    font-family: pb;
    padding-top: 1.49rem;
    padding-left: 1.26rem;
    padding-bottom: 0.2rem;
}
.services_list{
    width: 6.4rem;
    height: auto;
    font-size: 0.36rem;
    line-height: 0.48rem;
    text-align: left;
    color: #fff;
    font-family: impact;
    font-weight: 300 !important;
    padding-left: 0.5rem;
    padding-top: 0.05rem;
}
.services_list img{
    width: 0.23rem;
    height: 0.3rem;
    margin-bottom: 0.1rem;
    margin-right: 0.05rem;
    margin-top: 0.1rem;
    float: left;
}
.service_box{
    padding-top: 6.5rem;
}
.services_list span{
    font-weight: 400 !important;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 0.36rem;
    line-height: 0.42rem;
}
.button325{
    width: 4.35rem;
    height: 0.85rem;
    background: url(../img/butts1.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.variouscenter ul li{
    font-size: 0.26rem;
    color: #fff;
    font-weight: 400;
    font-family: p;
    line-height: 0.3rem;
    position: absolute;
}
.variouscenter{
    position: relative;
}
.various1 .variouscenter ul li:nth-of-type(1){

top: 2.3rem;

left: 0.1rem;
}
.various1 .variouscenter ul li:nth-of-type(2){
    
top: 4.2rem;
    
left: 0.1rem;
}
.various1 .variouscenter ul li:nth-of-type(3){
    
top: 5.9rem;
    
left: 0.17rem;
}
.various1 .variouscenter ul li:nth-of-type(4){
    
top: 7.55rem;
    
left: 0.7rem;
}
.various1 .variouscenter ul li:nth-of-type(5){
    
top: 2.4rem;
    
left: 5.4rem;
}
.various1 .variouscenter ul li:nth-of-type(6){
    
top: 4.2rem;
    
right: -0.2rem;
}
.various1 .variouscenter ul li:nth-of-type(7){right: 0.1rem;top: 6rem;}
.various1 .variouscenter ul li:nth-of-type(8){
    
right: 1.1rem;
    
top: 7.8rem;
}
.pats{
    width: 100%;
    height: 11.55rem;
    background: #6ccee9;
    margin: 0 auto;
}
.patscenter{
    width: 7rem;
    height: 11.55rem;
    margin: 0 auto;
}
.patscenter h2{
    width: 7rem;
    height: 1.75rem;
    font-size: 0.48rem;
    color: #fff;
    font-family: pb;
    text-align: center;
    font-weight: 600;
    margin: 0 auto;
    line-height: 1.75rem;
}
.patscenter img{
    width: 7rem;
    height: 9.18rem;
    margin: 0 auto;
}
.chast{
    width: 100%;
    height: 10.75rem;
    background: url(../img/1075.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.chastcenter{
    width: 7rem;
    height: 10.75rem;
    margin: 0 auto;
}
.chastcenter h2{
    width: 7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    color: #000;
    margin: 0 auto;
    font-family: pb;
    font-size: 0.48rem;
}
.chastcenter ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
    height: 8.2rem;
}
.four_boximg {
    width: 2.22rem;
    height: 3rem;
    border-top-left-radius: 3.77rem !important;
    border-top-right-radius: 3.77rem !important;
    overflow: hidden;
    margin-bottom: 0.3rem;
}
.four_button {
    background: #f999c4;
    height: 0.5rem;
    width: 2.22rem;
    /* padding-left: 0.6rem; */
    /* padding-right: 0.6rem; */
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    font-family: pb;
    font-weight: 600;
    font-size: 0.24rem;
    display: table-cell;
    border-radius: 0.5rem;
    margin-top: 1rem;
}
.four_boximg img {
    width: 2.22rem;
    height: 3rem;
    cursor: pointer;
    transition: 0.4s;
    display: block;
}
.cust{
    width: 100%;
    height: 17.87rem;
    background: url(../img/1787.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.custcenter{
    width: 7rem;
    height: 17.87rem;
    margin: 0 auto;
}
.custcenter h2{
    width: 7rem;
    height: auto;
    font-size: 0.48rem;
    line-height: 0.48rem;
    padding-top: 1.73rem;
    padding-bottom: 0.35rem;
    text-align: left;
    color: #fff;
}
.cust_cct{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.4rem;
    text-align: left;
    color: #fff;
}
.custcenter ul{
    width: 7rem;
    height: 9.9rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.35rem;
}
.custcenter ul li{
    width: 3.4rem;
    height: 2.3rem;
    position: relative;
    border-radius: 0.15rem;
    overflow: hidden;
    border: 0.01rem solid #35badf;
}
.custcenter ul li img{
    width: 3.4rem;
    height: 2.3rem;
}
.ice{
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0.7rem;
}
.icecenter{
    width: 7rem;
    height: auto;
    margin: 0 auto;
}
.icecenter h2{
    width: 7rem;
    height: auto;
    line-height: 1.6rem;
    font-size: 0.48rem;
    color: #000;
    text-align: center;
    margin: 0 auto;
}
.ice_titles{
    width: 3.3rem;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
    color: #fff;
    font-size: 0.24rem;
    font-family: pb;
    border-radius: 0.65rem;
    position: absolute;
    background: #f999c4;
    bottom: 0rem;
    left: 0.075rem;
}
.icecenter ul{
    width: 7rem;
    height: 5.3rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.icecenter ul li{
    width: 3.44rem;
    height: 5.3rem;
    position: relative;
}
.icecenter ul li img{
    width: 3.44rem;
    height: 5.05rem;
    margin: 0 auto;
}
.six_box{
    width: 100%;
    height: 16.85rem;
    margin: 0 auto;
    background: url(../img/1685.jpg) no-repeat;
    background-size: 100% 100%;
}
.six_boxcenter{
    width: 7rem;
    height: 16.85rem;
    margin: 0 auto;
}
.six_boxcenter h2{
    width: 7rem;
    height: auto;
    line-height: 0.48rem;
    font-size: 0.48rem;
    text-align: center;
    color: #000;
    padding-top: 0.75rem;
    padding-bottom: 0.35rem;
}
.six_titles{
    width: 7rem;
    height: auto;
    font-size: 0.26rem;
    line-height: 0.4rem;
    text-align: left;
    color: #666;
    font-family: p;
}
.six_button{
    width: 3.55rem;
    height: 0.81rem;
    background: url(../img/contact.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.box_1537{
    width: 7rem;
    height: 15.37rem;
    margin: 0 auto;
    display: block;
}
.biaodc{
    width: 7.5rem;
    height: 12.91rem;
    background: url(../img/1277.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.biaodccenter{
    width: 6.93rem;
    height: 12.91rem;
    margin: 0 auto;
}
.biaodccenter h2{
    font-size: 0.48rem;
    height: 0.48rem;
    font-weight: 600;
    color: #fff;
    padding-top: 0.7rem;
    text-align: center;
    line-height: 0.48rem;
}
.biaodccc{
    width: 7.1rem;
    height: auto;
    font-size: 0.28rem;
    line-height: 0.36rem;
    color: #fff;
    text-align: center;
    padding-top: 0.2rem;
    /* padding-left: 1.6rem; */
}
.biaodanbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 6.9rem;
    height: 7.5rem;
    margin: 0 auto;
    margin-top: 0.75rem;
}
.boxbox{
    width: 6.9rem;
    height: 0.7rem;
    position: relative;
}
.boxbox1{
    width: 6.9rem;
    height: 2.05rem;
    position: relative;
}
.boxbox input{
    width: 6.34rem;
    height: 0.66rem;
    border: none;
    /* border-radius: 5px; */
    font-size: 0.28rem;
    display: block;
    color: #fff;
    background: transparent;
    /* text-indent: 0.75rem; */
    margin: 0 auto;
    border-bottom: 0.01rem solid #eee;
}
.boxbox img{
    width: 0.3rem;
    height: 0.22rem;
    position: absolute;
    top: 0.2rem;
    left: 0.55rem;
}
.boxbox1 textarea{
    width: 6.36rem;
    font-size: 0.28rem;
    height: 1.81rem;
    border: none;
    /* border-radius: 0.3rem; */
    display: block;
    background: transparent;
    resize: none;
    color: #fff;
    padding-left: 0rem;
    padding-top: 0.2rem;
    /* text-indent: 0.3rem; */
    margin: 0 auto;
    border-bottom: 0.01rem solid #eee;
}
.boxbox1 img{
    width: 0.3rem;
    height: 0.22rem;
    position: absolute;
    left: 0.55rem;
    top: 0.2rem;
    
}
.biaodanbtn{
    width: 2.61rem;
    height: 0.89rem;
    background: #fff;
    background-size: 100% 100%;
    color: #f883b8;
    font-family: pb;
    font-weight: 600;
    /* border-radius: 50px !important; */
    font-size: 0.3rem;
    border-radius: 5px;
    line-height: 0.89rem;
    text-align: center;
    font-weight: 600;
    display: table;
    margin: 0 auto;
    /* margin-top: 0.4rem; */
}
#bkform3{
  position: fixed;
  z-index: 99999999;
  top: 0%;
  display: none;
}

.form3 {
    box-shadow: 0px 0.03rem 0.24rem 0.01rem rgba(3, 69, 158, 0.03921569);
    font-size: 0.20rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .dropdown.active .option {
    display: block;
  }
  .form3 .dropdown {
    position: relative;
    width: 100%;
    height: 0.58rem;
  }
  .form3 .dropdown input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 19, 35, 0.03);
    border: none;
    outline: none;
    padding: 0 0.24rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .dropdown::before {
    content: "";
    position: absolute;
    right: 0.24rem;
    top: 0.15rem;
    z-index: 10000;
    width: 0.14rem;
    height: 0.14rem;
    border: 0.02rem solid #001323;
    border-top: 0.02rem solid transparent;
    border-right: 0.02rem solid transparent;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
  }
  
  .form3 .dropdown.active::before {
      top: 0.25rem;
      transform: rotate(-225deg);
  }
  .form3 .dropdown .option {
    height: 2.32rem;
    display: none;
    position: absolute;
    top: 0.58rem;
    width: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
  .form3 .dropdown .option div {
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.24rem;
    cursor: pointer;
  }
  .form3 .dropdown .option div:hover {
    background-color: rgba(0, 19, 35, 0.1);
  }
  .form3 .contact-way {
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
   
    color: #001323;
    /*display: flex;*/
    justify-content: space-between;
  }

  .form3 .contact-way input {
    text-indent: 0.24rem;
    width: 100%;
    height: 0.65rem;

    border: 1px solid #cccccc;
    font-size: 0.24rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .Requirement p {
    margin-top: 0.1rem;
    margin-bottom: 0.17rem;
  }
  .form3 .Requirement textarea {
    width: 90%;

    resize: none;
    text-indent: 0.24rem;
    border: 1px solid #cccccc;
    padding: 0.24rem 0rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form3 .submit {
    text-align: center;
    margin-top: 0.27rem;
  }
  .form3 .submit button {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 0.68rem;
    background: #1daf0f;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    font-size: 0.28rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
font-weight: 600;
    color: #f9fbfc;
  }

.form3 .contact-way {
       font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    color: #001323;
    margin-top: 0.1rem !important;
    /* margin-left: 0.5rem !important;*/
}


.guanbi{
  float: right;
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;

}
.hint{
  font-size: 0.18rem;
  color: red;
}
.ddmp_bottom{
width: 100%;
height: 100% !important;
margin: 0 auto;
/* margin-top: 4% !important; */
background: #000;
position: relative;
}
.bak_top{
width: 100%;
height: 1rem;
margin: 0 auto;
}
.bottom_bakul{
width: 7.1rem;
height: 11.1rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.bottom_bak1{
width: 7.1rem;
height: 4.5rem;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.bottom_bak1titles{
font-size: 0.48rem;
color: #fff;
text-align: left;
line-height: 0.9rem;
font-family: pb;
height: 0.9rem !important;
width: 7.1rem;
font-weight: 600;
}
.bottom_bak1 ul{
width: auto;
/* display: flex; */
/* flex-wrap: wrap; */
align-content: space-between;
}
.bottom_bak1 ul li{
color: #fff !important;
font-family: p;
text-align: left;
line-height: 0.6rem;
font-size: 0.26rem;
opacity: 0.8;
}
.bak_bottom_ai{
width: 100%;
height: 2.77rem;
/* position: absolute; */
overflow: hidden;
bottom: 0rem;
left: 0rem;
}
.bak_bottom_aicenter{
width: 7.1rem;
height: 2.77rem;
margin:0 auto;
border-top: 0.01rem solid #3a3a3c;
position: relative;
}
.bak_bottom_logo{
width: 2.47rem !important;
height: auto;
position: absolute;
left: 2.3rem;
top: 0.7rem;
}
.bottom_titls{
width: 7.1rem;
height: 2.77rem;
margin: 0 auto;
line-height: 3.7rem;
font-size: 0.17rem;
font-family: p;
text-align: center;
color: rgba(255,255,255,0.6);
}
.cookies_m{
width: 100%;
height: auto;
background: #000;
margin: 0 auto;
position: fixed;
bottom: 0rem;
color: #ffffff;
font-size: 12px;
height: 1.5rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
line-height: 20px;
/*box-shadow: 0px 0px 6px #ddd;*/
z-index: 99999999999;
}
    .cjs{
display: none !important;
}
.cookiestitle{
    width: auto;
    height: auto;
    font-size: 12px;
    color: #ffffff;
    border: 0.01rem solid #7d7b7b;
    display: inline-block;
    margin-top: 0.2rem;
    background: #7d7b7b;
    padding: 5px 10px;
    border-radius: 20px;
    margin-left: 10px;
    float: right;
    margin-right: 0.5rem;
    position: relative;
    top: -20px;
}
#dr_liuyan {
width: 98.5% !important;
height: 0.9rem !important;
border-color: #aaa !important;
border: 0.01rem solid;
font-size: 0.2rem !important;
text-indent: 0.2rem !important;
padding-top: 0.1rem !important;
resize: none !important;
}
.boxbox input::placeholder {
color: #ffffff !important; 
}

.boxbox textarea::placeholder {
color: #ffffff !important;
}


.boxbox input:focus {
background:transparent !important;
color: #ffffff !important;

}
.boxbox textarea::focus {
background:transparent !important;
color: #ffffff !important;
}
.boxbox input::active {
background:transparent !important;
color: #ffffff !important;

}
.boxbox textarea::active {
background:transparent !important;
color: #ffffff !important;
}
.kuangs{
    width: 100%;
background: rgba(0, 0, 0, 0.65);
height: 100%;
display: block;
position: fixed;
display: none;
z-index: 9999999999999;
top: 0rem;
}
.close_btn{
width: 33px;
height: 33px;
border-radius: 33px;
text-align: center;
line-height: 33px;
font-weight: 600;
color: #fff;
background: #000;
border:2px solid #fff;
position: absolute;
top: -11.5px;
right: -11.5px; cursor: pointer;

}
.biaos{
    /*display: none;*/
    /* display: none; */
    position: fixed;
    width: 95% !important;
    top: 7%;
    margin-left: 0% !important;
    left: 2% !important;
    background: #fff;
    box-shadow: 0px 0px 6px #ccc;
    z-index: 9999999;
    padding: 50px 0;
}
.biaos .infor .tit{
            text-align: center;
font-size: 40px;
color: #262626;
margin-top: 2%;
line-height: 40px;
margin-bottom: 15px;
text-transform: uppercase;
font-family: 'he';
}
.biaos .infor .con {
text-align: center;
font-size: 16px;
color: #777;
line-height: 22px;
margin-bottom: 15px;
}
.biaos .row {
width: 85%;
margin-left: 7.5%;
transition: .2s width ease;
*: ;
zoom: 1;
}
.biaos .btm_box{
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.biaos .btns_list{
    margin: 0 auto;
display: block;
float: none;
}
.biaos .green{
    background-color: #c90915;
width: 47.7%;
height: 50px;
line-height: 50px;
border: none;
font-size: 18px;
color: #fff;
cursor: pointer;
padding: 0;
}
.biaos .form input {
border: 1px solid #aaa;
font-size: 16px;
color: #d2d2d2;
}
.biaos .line1 {
height: 50px;
line-height: 50px;
width: 98.5%;
margin-bottom: 20px;
text-indent: 15px;
}
.kuangs{
    width: 100%;
background: rgba(0, 0, 0, 0.65);
height: 100%;
display: block;
position: fixed;
display: none;
z-index: 9999999999999;
top: 0rem;
}
.close_btn{
width: 33px;
height: 33px;
border-radius: 33px;
text-align: center;
line-height: 33px;
font-weight: 600;
color: #fff;
background: #000;
border:2px solid #fff;
position: absolute;
top: -11.5px;
right: -11.5px; cursor: pointer;

}
.boxbox1 textarea::placeholder{
   color:#fff !important;
}