*{
    margin: 0px;
    padding: 0px;
}

a{
   text-decoration: none
}

.caidan{
    width: 100%;
    height: 90px;
    background: white;
    position: absolute;
    z-index: 2;
    background-color: rgba(255,255,255,0.7);
}

.cla{
    line-height: 90px;
    color: #151515;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    float: left;
    padding: 0px 40px;
}

.clb{
    line-height: 90px;
    color: #151515;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    float: left;
    padding: 0px 35px;
}

.cdleft{
    width: auto;
    display: inline-block;
    height: 100%;
    overflow: auto;
    position: relative;
    float: left;
    left: 10%;
}

.cdimg{
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -71.5px;
}

.cdright{
    float: right;
    position: relative;
    right: 10%;
    width: auto;
    display: inline-block;
}

.clblack{
    float: left;
    margin-top: 37px;
    width: 1px;
    background: black;
    height: 15px;
    margin-left: 30px;
}

.fangda{
    display: block;
    float: left;
    margin-top: 37px;
    margin-left: 28px;
    width: 15px;
}

.zhao{
    display: block;
    float: left;
    line-height: 90px;
    color: #151515;
    margin-left: 7px;
    font-size: 14px;
}

.sousuo{
    width: 85%;
    height: 45px;
    background: white;
    position: absolute;
    right: 5%;
    top: 25px;
    overflow: hidden;
}

.guanbi{
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 12px;
    margin-left: 15px;
    transition: .5s all ease;
}

.sosuokuang{
    outline: none;
    border: none;
    height: 22px;
    width: 100%;
    max-width: 1500px;
    margin-top: 11px;
    float: left;
    margin-right: 30px;
}

.sousuotijiao{
    width: 25px;
    height: 25px;
    border: none;
    float: left;
    margin-top: 10px;
    outline: none;
}

.guanbi:hover {
    transform: rotate(180deg);
}

.banner{
    top: 0px;
    position: relative;
}

.ssimg{
    width:100%;
}

.rxjm{
    width: 1470px;
    position: relative;
    overflow: hidden;
    background: white;
    margin: auto;
    margin-top: 137px;
}

.rx{
    width: 49%;
    float: left;
}

.jm{
    width: 49%;
    float: left;
    margin-left:2%;
}

.hot{
    color: #005d8b;
    font-size: 16px;
    font-weight: bold;
    line-height: 53px;
    display: inline-block;
    float: left;
}

.hotspan{
    font-size: 28px;
    margin-left: 12px;
}

.rx_product{
    border: 1px solid #eeeeee;
    margin-top: 30px;
    height: 714px;
}

.ssba{
    font-size: 30px;
    margin-top: 76px;
    margin-left: 35px;
}

.ssaa{
    color:black;
}

.ssbb{
    font-size: 30px;
    margin-top: 13px;
    margin-left: 35px;
    font-weight: bold;
}

.ssbc{
    color: #8a8989;
    margin-top: 36px;
    margin-left: 35px;
    position: relative;
    z-index: 2;
}

.ssbimg{
    display: block;
    position: relative;
    float: right;
    margin-right: 0px;
    max-width: 520px;
    margin-top: -40px;
    transition: all .2s linear;
}

.nextprev{
    width: 37px;
    position: absolute;
    top: 0px;
    right: 10px;
    height: 11px;
    z-index: 2;
    margin-top: 32px;
    margin-right: 30px;
}

.ssbnext{
    width: 7px !important;
    height: 11px !important;
    position: relative !important;
    left: 0px !important;
    margin: 0px !important;
    top: 0px !important;
    float: left;
    outline: none;
}

.ssbprev{
    width: 7px !important;
    height: 11px !important;
    position: absolute !important;
    margin: 0px !important;
    top: 0px !important;
    float: right;
    left: 30px !important;
    outline: none;
}

.heisua{
    width: 2px;
    height: 10px;
    background: black;
    float: left;
    margin-left: 8px;
    margin-top: 1px;
    display: block;
}

.heisub{
    width: 2px;
    height: 10px;
    background: black;
    float: left;
    margin-left: 4px;
    margin-top: 1px;
    display: block;
}

.rx_right{
    width: 100%;
    height: 347px;
    border: 1px solid #eeeeee;
    margin-top: 30px;
    position: relative;
    box-sizing: border-box;
}

.rl_a{
    font-size: 30px;
    margin-top: 30px;
    margin-left: 52px;
}

.rl_b{
    font-size: 30px;
    margin-top: 7px;
    margin-left: 52px;
    font-weight: bold;
    margin-bottom: 27px;
}

.rl_c{
    font-size: 16px;
    color: #767676;
    margin-left: 52px;
    margin-bottom: 10px;
}

.rl_aa{
    text-decoration: none;
    width: 86px;
    font-size: 13px;
    border: 1px solid #a0a0a0;
    text-align: center;
    display: block;
    height: 27px;
    line-height: 27px;
    color: #a0a0a0;
    margin-top: 39px;
    margin-left: 52px;
    border-radius: 2px;
    transition: all .2s linear;
}

.rl_aa:hover{
    transform: translate3d(0,-8px,0);
    color: #005d8b;
    border: 1px solid #005d8b;
}

.rl_img{
    display: block;
    position: absolute;
    bottom: 0px;
    right: 95px;
}

.jm_left{
    width: 48%;
    height: 345px;
    margin-top: 22px;
    background: #eeeeee;
    float: left;
}

.jm_right{
    width: 48%;
    height: 345px;
    margin-top: 22px;
    background: #fef4ea;
    float: left;
    margin-left:4%;
}

.jldiv{
    width: 102px;
    height: 102px;
    border: 1px solid #262626;
    border-radius: 50%;
    margin: auto;
    margin-top: 50px;
    transition: all .2s linear;
}

.jlright{
    width: 102px;
    height: 102px;
    border: 1px solid #262626;
    border-radius: 50%;
    margin: auto;
    margin-top: 50px;
    transition: all .2s linear;
}

.jlimh{
    display: block;
    margin: auto;
    margin-top: 30px;
}

.jjimg{
    display: block;
    margin: auto;
    margin-top: 30px;
}

.jlp{
    font-size: 24px;
    margin-top: 40px;
    text-align: center;
    transition: all .2s linear;
}

.jlxq{
    text-decoration: none;
    color: black;
    text-align: center;
    display: block;
    margin-top: 40px;
    transition: all .2s linear;
}

.jm_left:hover .jldiv{
    transform: translate3d(0,-8px,0);
}

.jm_left:hover .jlp{
    transform: translate3d(0,-8px,0);
}

.jm_left:hover .jlxq{
    transform: translate3d(0,-8px,0);
}

.jm_right:hover .jlright{
    transform: translate3d(0,-8px,0);
}

.jm_right:hover .jlp{
    transform: translate3d(0,-8px,0);
}

.jm_right:hover .jlxq{
    transform: translate3d(0,-8px,0);
}

.twophoto{
    width: 100%;
    margin: auto;
    margin-top: 112px;
    overflow: hidden;
}

.tpimg{
    width: 50%;
    display: block;
    float: left;
}

.chudian{
    width: 1470px;
    margin: auto;
    margin-top: 124px;
}

.cdp{
    font-size: 30px;
}

.chudianfour{
    width: 1470px;
    margin: auto;
    margin-top: 25px;
    overflow: hidden;
}

.gengduo{
    text-decoration: none;
    color: black;
    width: 227px;
    background: #f5f5f5;
    display: block;
    height: 62px;
    line-height: 62px;
    text-align: center;
    margin: auto;
    margin-top: 57px;
    margin-bottom: 99px;
    transition: all .2s linear;
}

.cdfdiv{
    width: 25%;
    float: left;
    overflow: hidden;
    position: relative;
}

.cdpa{
    position: absolute;
    color: white;
    margin-top: 49px;
    margin-left: 29px;
    font-size: 15px;
    transition: all .2s linear;
}

.cdpb{
    position: absolute;
    color: white;
    font-size: 24px;
    float: left;
    top: 67px;
    margin-left: 29px;
    transition: all .2s linear;
}

.cdpc{
    position: absolute;
    color: white;
    font-size: 15px;
    float: left;
    margin-left: 29px;
    top: 98px;
    transition: all .2s linear;
}

.cdfimg {
    display: block;
    float: left;
    border: 2px solid white;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
}

.cdpd{
    color: white;
    position: absolute;
    bottom: 38px;
    display: block;
    font-weight: bold;
    left: 40px;
    border-bottom: 2px solid #f08519;
    padding-bottom: 2px;
    font-size: 15px;
    transition: all .2s linear;
}

.tda{
    width:33.2%;
    float:left;
    background: #f4f4f4;
    position: relative;
}

.tdb{
    width:33.2%;
    margin-left:0.2%;
    float:left;
    background: #f4f4f4;
    position: relative;
}

.tdc{
    width:33.2%;
    /*height:485px;*/
    margin-left:0.2%;
    float:left;
    /*background: #f4f4f4;*/
}

.threediv{
    width: 100%;
    overflow: hidden;
}

.tlimg {
    display: block;
    margin-top: 124px;
    margin-left: 15%;
    float: left;
    width: 28.86%;
}

.tdright{
    float: left;
    margin-top: 170px;
   margin-left: 11%;
}

.tra{
    font-size: 30px;
}

.trb{
    font-size: 16px;
    margin-top: 6px;
}

.trd{
    font-size: 14px;
    color: black;
    width: 89px;
    text-align: center;
    height: 26px;
    display: block;
    border: 1px solid #bfbfbf;
    line-height: 26px;
    border-radius: 3px;
    margin-top: 10px;
    transition: all .2s linear;
}

.tdimg{
    position: absolute;
    display: block;
    width: 100%;
}

.tdleft{
    position: relative;
}

.tdright{
    position: relative;
}

.tdcimg{
    width:100%;
}

.divvideo {
    width: 75.8%;
    margin: auto;
    display: block;
    margin-top: 80px;
    margin-bottom: 123px;
}

.newdiv{
    background: #f5f5f5;
    padding-top: 95px;
    height: 748px;
    position: relative;
}

.newp{
    font-size: 36px;
    text-align: center;
    margin-bottom:80px;
}

.sscs {
      text-align: center;
      font-size: 18px;
      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;
      transition: 300ms;
      transform: scale(0.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}

.sscs.swiper-slide-prev img{
    height: 398px;
    width: 261px;
    margin-top: 30px;
    object-fit: cover;
}

.sscs.swiper-slide-next img{
    height: 398px;
    width: 261px;
    margin-top: 30px;
    object-fit: cover;
}

.sscs.swiper-slide-active img{
    height: 455px;
    max-width: 830px;
    object-fit: cover;
}

.sps{   
    left: 50%;
    transform: translate(-50%,0%) !important;
    /*margin-top: 145px;*/
    bottom: 45px;
}

.swiper-pagination-clickable .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    margin: 0px 10px;
    border: 2px solid #989898;
    background: white;
    box-sizing: border-box;
    outline: none;
}

.swiper-pagination-bullet-active{
    background: #959595 !important;
}

.sbn{
    right: 22% !important;
    width:29px !important;
    height:51px !important;
    top:220px !important;
}

.sbp{
    left: 22% !important;
    width:29px !important;
    height:51px !important;
    top:220px !important;
}

.ljgd{
    width: 144px;
    display: block;
    margin: auto;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #959595;
    color: #393939;
    border-radius: 10px;
}

.gdhjui{
    width: 100%;
    height: 132px;
    background: whitesmoke;
    padding-top: 38px;
}

.fourbottom{
    width:1590px;
    height:147px;
    border-bottom: 1px solid #959595;
    margin:auto;
}

.fbdiv{
    width: 858px;
    height: 146px;
    margin: auto;
}

.fdd{
    width:24.7%;
    height:100%;
    float:left;
}

.fddiv{
    width: 123px;
    margin: auto;
    margin-top: 60px;
}

.fddimg{
    display: block;
    float: left;
    width: 32px;
}

.fddspan{
    margin-left: 14px;
    line-height: 35px;
    font-size: 18px;
    display: block;
    float: left;
    color:black;
}

.heixian{
    width: 0.1%;
    height: 44px;
    float: left;
    background: #171717;
    margin-top: 55px;
}

.bottomcaidan{
   width: 1590px;
    margin: auto;
    position: relative;
    border-bottom: 1px solid #959595;
    overflow: hidden;
    padding-bottom: 48px;
}

.bcdiv{
    width:256px;
    float: left;
}

.bcdivp{
    margin-top: 50px;
    font-size: 18px;
    margin-bottom: 20px;
}

.bcdiva{
    color: black;
    display: block;
    margin-bottom: 7px;
}

.bcthree{
    width: 256px;
    float: left;
    position: absolute;
    right: 0px;
    top: 210px;
    right: 2px;
}

.bctimg{
    display: block;
    float:right;
    margin-left: 25px;
}

.clb:hover .clbdiv{
   display: block !important;
}

.cda{
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    margin-top: 10px;
    text-align: center;
    color:#727170;
}

.cdb{
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color:#727170;
}

.clbdiv{
    width: 100px;
    position: absolute;
    top: 70px;
}

.ewm{
    width: 30px;
    height: 25px;
    display: block;
    float: right;
    margin-left: 25px;
}

.ewm:hover .erweima{
    display: block !important;
}

.erweima{
    right: 20px;
    display: none;
    position: absolute;
    bottom: 50px;
    width: 110px;
}


.erweimamobile{
    width: 80px;
    position: absolute;
    right: -180px;
    bottom: 0px;
}

.mta{
   position: relative;
}

.mta:hover .erweimamobile{
    display: block !important;
}

.bct{
    width: 100%;
    height: 38px;
    position: relative;
}

.bctphone{
    width: 100%;
    height: 36px;
    border: 1px solid #959595;
    border-radius: 5px;
}

.bpimg{
    margin-left: 17px;
    margin-top: 5px;
    display: block;
    float: left;
}

.bpspan{
    line-height: 35px;
    margin-left: 15px;
}

.yewei{
    width: 1590px;
    height: 199px;
    margin: auto;
}

.yeweip{
    margin-top: 38px;
}

.yeweia{
    color:black;
}

.ssbimg:hover{
    transform: translate3d(0,-20px,0);
}

.tpq{
    overflow: hidden;
    width: 50%;
    float: left;
    position: relative;
}

.tpimg{
    width: 100%;
    display: block;
    float: left;
}

.tplefta{
    position: absolute;
    top: 59.1%;
    left: 50%;
    margin-left: -74px;
    font-size: 16px;
    width: 148px;
    height: 49px;
    border: 1px solid #a29f9e;
    border-radius: 5px;
    text-align: center;
    line-height: 49px;
    color: #3d3d3d;
    transition: all .2s linear;
}

.tplefta:hover{
    transform: translate3d(0,-8px,0);
}

.tpleftb{
    position: absolute;
    top: 33%;
    left: 50%;
    margin-left: -74px;
    font-size: 16px;
    width: 148px;
    height: 49px;
    border: 1px solid #a29f9e;
    border-radius: 5px;
    text-align: center;
    line-height: 49px;
    color: #3d3d3d;
    transition: all .2s linear;
}

.tpleftb:hover{
    transform: translate3d(0,-8px,0);
}

.cdfdiv:hover .cdpa{
    margin-left: 60px;
}

.cdfdiv:hover .cdpb{
    margin-left: 60px;
}

.cdfdiv:hover .cdpc{
    margin-left: 60px;
}

.cdfdiv:hover .cdpd{
    padding-right: 50px;
}

.gengduo:hover{
    transform: translate3d(0,10px,0);
}

.trd:hover{
    color: #db0301;
    border: 1px solid #db0301;
    transform: translate3d(15px,0,0);
}

.ljgd{
    transition: all .2s linear;
}

.ljgd:hover{
    transform: translate3d(0,15px,0);
}

.layui-layer-content{
   height:467px !important;
} 

#layui-layer1{
    left:0px !important;
    left: 50% !important;
    margin-left: -380px;
}

.bcdiva:hover{
    color:#0e90d2;
}

.fddspan:hover{
    color:#0e90d2;
}

@media screen and (max-width: 1680px) {
    .sosuokuang{
        max-width: 1230px;
    }

    .sbp{
        left: 20% !important;
    }

    .sbn {
        right: 20% !important;
    }

    .bottomcaidan{
        width: 1490px;
    }

    .fourbottom{
        width: 1490px;
    }

    .yewei{
        width: 1490px;
    }

    .bcdiv{
        width: 240px;
    }

    .yewei {
        height: 180px;
    }

    .tdright {
        margin-top: 130px;
    }
}

@media screen and (max-width: 1600px) {
    .sosuokuang{
        max-width: 1150px;
    }

    .sbp{
        left: 20% !important;
    }

    .bottomcaidan{
        width: 1400px;
    }

    .fourbottom{
        width: 1400px;
    }

    .yewei{
        width: 1400px;
    }

    .bcdiv {
        width: 230px;
    }

    .sps{
        margin-top: 130px;
    }

    .cdleft{
        left: 5%;
    }

    .cdright{
        right:5%;
    }

    .yewei {
        height: 170px;
    }
}

@media screen and (max-width: 1540px) {
    .sosuokuang{
        max-width: 1130px;
    }

    .sbp{
        display: none;
    }

    .sbn{
        display: none;
    }

    .bottomcaidan{
        width: 1350px;
    }

    .fourbottom{
        width: 1350px;
    }

    .yewei{
        width: 1350px;
    }

    .bcdiv {
        width: 220px;
    }

    .rxjm{
        margin-top: 120px;
        width: 1400px;
    }

    .chudianfour {
        width: 1400px;
    }

    .chudian{
        width: 1400px;
    }

    .sps{
        margin-top: 120px;
    }

    .yewei {
        height: 160px;
    }
}

@media screen and (max-width: 1480px) {
    .sosuokuang{
        max-width: 1080px;
    }

    .tlimg {
        margin-top: 110px;
    }

    .tdright {
        margin-top: 110px;
    }

    .bottomcaidan{
        width: 1300px;
    }

    .fourbottom{
        width: 1300px;
    }

    .yewei{
        width: 1300px;
    }

    .bcdiv {
        width: 210px;
    }

    .rxjm{
        margin-top: 100px;
        width: 1300px;
    }

    .chudianfour {
        width: 1300px;
    }

    .chudian{
        width: 1300px;
    }

    .sps{
        bottom: 80px;
    }

    .clb{
        padding: 0px 30px;
    }

    .cla{
        padding: 0px 30px;
    }

    .gdhjui{
        padding-top: 0px;
    }

    .yewei {
        height: 150px;
    }

    .sscs.swiper-slide-active img{
        height: 411px;
        max-width: 750px;
        object-fit: cover;
    }

    .sscs.swiper-slide-prev img {
        margin-top: 15px;
    }

    .sscs.swiper-slide-next img {
        margin-top: 15px;
    }

    .ssbimg{
        max-width: 480px;
        margin-top: -20px;
    }
}

@media screen and (max-width: 1420px) {
    .sosuokuang{
        max-width: 970px;
    }

    .tlimg {
        margin-top: 100px;
    }

    .tdright {
        margin-top: 105px;
    }

    .tra {
        font-size: 25px;
    }

    .rl_b {
        font-size: 26px;
    }

    .rl_a{
        font-size: 26px;
    }

    .ssba{
        font-size: 26px;
    }

    .ssbb{
        font-size: 26px;
    }

    .bottomcaidan{
        width: 1200px;
    }

    .fourbottom{
        width: 1200px;
    }

    .yewei{
        width: 1200px;
    }

    .bcdiv {
        width: 200px;
    }

    .rxjm{
        margin-top: 90px;
        width: 1200px;
    }

    .chudianfour {
        width: 1200px;
    }

    .chudian{
        width: 1200px;
    }

    .sps{
        margin-top: 10px;
    }

    .newdiv{
        height: 690px;
        position: relative;
    }

    .cdleft {
        left: 3%;
    }

    .cdright{
        right:3%;
    }

    .yewei {
        height: 140px;
    }

    .sscs.swiper-slide-active img{
        height: 372px;
        max-width: 680px;
        object-fit: cover;
    }

    .sscs.swiper-slide-prev img {
        height: 350px;
        width: 230px;
        margin-top: 20px;
    }

    .sscs.swiper-slide-next img {
        height: 350px;
        width: 230px;
        margin-top: 20px;
    }

    .chudian{
        margin-top: 100px;
    }

    .divvideo{
        margin-bottom: 100px;
    }

    .newdiv{
        padding-top: 75px;
    }
}

@media screen and (max-width: 1300px) {
    .sosuokuang{
        max-width: 920px;
    }

    .cla {
        padding: 0px 25px;
    }

    .clb {
        padding: 0px 25px;
    }

    .rxjm {
        margin-top: 70px;
    }

    .twophoto {
        margin-top: 100px;
    }

    .chudian {
        margin-top: 90px;
    }

    .gengduo{
        margin-bottom: 70px;
    }

    .divvideo{
        width: 85%;
    }

    .newdiv {
        padding-top: 60px;
    }

    .newp {
        margin-bottom: 60px;
    }

    .sps {
        bottom: 70px;
    }

    .newdiv {
        height: 650px;
    }

    .gdhjui {
        height: 120px;
    }

    .fddiv {
        margin-top: 50px;
    }

    .heixian{
        margin-top: 45px;
    }

    .fourbottom{
        height: 130px;
    }

    .bcdivp {
        margin-top: 30px;
    }

    .bcdiv {
        width: 180px;
    }

    .tlimg {
        margin-top: 90px;
    }

    .tdright {
        margin-top: 90px;
    }

    .cdfdiv:hover .cdpa{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpb{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpc{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpd{
        padding-right: 40px;
    }
}

@media screen and (max-width: 1250px) {
    .sosuokuang{
        max-width: 810px;
    }

    .bcdiv {
        width: 170px;
    }

    .tdright {
        margin-top: 85px;
    }

    .tra {
        font-size: 23px;
    }

    .rxjm{
        width: 95%;
    }

    .chudian {
        width: 95%;
    }

    .chudianfour{
        width: 95%;
    }

    .divvideo {
        margin-bottom: 90px;
    }

    .newdiv {
        height: 580px;
    }

    .gdhjui {
        height: 110px;
    }

    .fourbottom{
        width: 95%;
    }

    .bottomcaidan{
        width: 95%;
    }

    .yewei{
        width: 95%;
    }

    .rl_img{
        right: 35px;
    }

    .clb {
        padding: 0px 20px;
    }

    .clblack{
        margin-left: 10px;
    }

    .sscs.swiper-slide-active img {
        height: 328px;
        max-width: 600px;
    }

    .sscs.swiper-slide-prev img {
        height: 320px;
        width: 210px;
        margin-top: 10px;
    }

    .sscs.swiper-slide-next img {
        height: 320px;
        width: 210px;
        margin-top: 10px;
    }

    .sps {
        bottom: 60px;
    }

    .ssbimg{
        max-width: 460px;
        margin-top: 20px;
    }
  
    .sscs.swiper-slide-duplicate-next img{
        height: 320px;
        width: 210px;
    }

    .sscs.swiper-slide-duplicate-prev img{
        height: 320px;
        width: 210px;
    }
}

@media screen and (max-width: 1130px) {
    .sosuokuang{
        max-width: 750px;
    }

    .bcdiv {
        width: 160px;
    }

    .rl_img {
        right: 5px;
    }

    .clb {
        padding: 0px 15px;
    }

    .chudian {
        margin-top: 70px;
    }

    .divvideo {
        margin-bottom: 75px;
        margin-top: 75px;
    }

    .cdfdiv:hover .cdpa{
        margin-left: 50px;
    }

    .cdfdiv:hover .cdpb{
        margin-left: 50px;
    }

    .cdfdiv:hover .cdpc{
        margin-left: 50px;
    }

    .cdfdiv:hover .cdpd{
        padding-right: 50px;
    }
}

@media screen and (max-width: 1060px) {
    .sosuokuang{
        max-width: 730px;
    }

    .cdright {
        right: 2%;
    }

    .cdleft {
        left: 2%;
    }

    .rl_img {
        right: 0px;
    }

    .rl_a{
        margin-left: 35px;
    }

    .rl_b{
        margin-left: 35px;
    }

    .rl_c{
        margin-left: 35px;
    }

    .rl_aa{
        margin-left: 35px;
    }

    .fangda{
        margin-left: 20px;
    }

    .twophoto {
        margin-top: 80px;
    }

    .cdfdiv:hover .cdpa{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpb{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpc{
        margin-left: 40px;
    }

    .cdfdiv:hover .cdpd{
        padding-right: 50px;
    }
}

@media screen and (max-width: 768px) {
    .sosuokuang {
        max-width: 720px;
    }

    .fbdiv{
        width:100%;
    }

    .ssbimg{
        max-width: 350px;
        margin-top: 70px;
    }

    .caidan {
        display: none;
    }

    .mobile-inner{ 
        display: block !important;
        position: absolute;
        z-index: 2;
        background-color: rgba(255,255,255,0.7) !important;
    }
}

@media screen and (max-width: 460px) {
    .spsdiannao{
        display: none !important;
    }

    .spsmobile{
        display: block !important;
    }

    .caidan {
        display: none;
    }

    .mobile-inner{ 
        display: block !important;
        position: absolute;
        z-index: 2;
        background-color: rgba(255,255,255,0.7) !important;
    }

    .bannerhome{
        display: none !important;
    }

    .bannermobile{
        display: block !important;
    }

    .rx{
        width:100%;
    }

    .hot{
        font-size: 12px;
        line-height: 35px;
    }

    .hotspan {
        font-size: 20px;
        margin-left: 12px;
    }

    .rxjm {
        margin-top: 50px;
    }

    .rxp{
        width: 122px;
        margin: auto;
    }

    .rx_product{
        margin-top: 23px;
        height: 380px;  
    }

    .ssbc{
        font-size:12px;
        margin-left:23px !important;
        margin-top: 5px !important;
    }

    .ssbb{
        margin-left:23px !important;
        font-size: 21px;
        margin-top: 3px  !important;
        font-weight:500;
    }

    .ssba{
        margin-left:23px !important;
        font-size: 21px;
        margin-top: 40px !important;
        color: #393939;
    }

    .nextprev{
        margin-top: 25px;
        margin-right: 15px;
    }

    .ssbimg{
        height: 230px !important;
        margin-right: 20px;
        margin-top: 20px;
    }

    .jm{
        width: 100%;
        margin-left: 0%; 
        margin-top: 28px;
    }

    .rl_a{
        margin-left:23px !important;
        font-size:21px !important;
        color:#393939;
    }

    .rl_b{
        margin-left:23px !important;
        font-size:21px !important;
        font-weight: 500;
    }

    .rl_c{
        margin-left:23px !important;
        font-size:12px !important;
    }

    .rl_img{
        width: 132px;
        right: 10px;
        /*bottom: 50px;*/
    }

    .rx_right{
        height: 307px;
    }

    .jldiv{
        width: 70px;
        height: 70px;
        margin-top: 40px;
    }

    .jlimh{
        width: 30px;
        margin-top: 18px;
    }

    .jlp {
        font-size: 20px;
        margin-top: 30px;
    }

    .jlxq{
        margin-top: 30px;
        font-size:14px;
    }

    .jm_left{
        height: 260px;
    }

    .jlright{
        margin-top: 40px;
        width:70px;
        height:70px;
    }

    .jjimg {
        width: 30px;
        margin-top: 18px;
    }

    .jm_right{
        height:260px;
    }

    .twophoto {
        margin-top: 60px;
    }

    .tplefta{
        font-size: 12px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        margin-left: -41px;
    }

    .tpleftb{
        font-size: 12px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        margin-left: -41px;
        top: 35%;
    }

    .chudian {
        margin-top: 55px;
    }

    .cdp{
        font-size: 20px;
        text-align: center;
    }

    .chudianfour {
        width: 100%;
        margin-bottom: 45px;
    }

    .cdfdiv {
        width: 50%;
    }

    .cdfimg {
        border: 1px solid white;
    }

    .cdpa{
        margin-top: 20px;
        margin-left: 15px;
        font-size: 14px;
        display: none;
    }

    .cdpb{
        font-size: 17px;
        margin-left: 15px;
        top: 35px;
    }

    .cdpc{
        font-size: 14px;
        margin-left: 15px;
        top: 85px;
        display: none;
    }

    .cdpd{
        left: 15px;
        bottom: 25px;
    }

    .cdfdiv:hover .cdpa{
        margin-left: 25px;
    }

    .cdfdiv:hover .cdpb{
        margin-left: 25px;
    }

    .cdfdiv:hover .cdpc{
        margin-left: 25px;
    }

    .gengduo{
        width: 200px;
        height: 55px;
        line-height: 55px;
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .tda {
        width: 100%;
        height: 240px;
        background: #f4f4f4;
    }

    .tdb{
        width:100%;
        height: 240px;
        background: #eeeeee;
    }

    .tdc{
        width:100%;
        background: none;
    }

    .tlimg{
        width: 25%;
        margin-top: 70px;
        margin-left: 12%;
    }

    .trb{
        font-size: 13px;
    }

    .trc{
        font-size: 13px;
    }

    .tra{
        font-size: 20px;
    }

    .tdright{
        margin-top: 70px;
    }

    .tdimg{
        display: none;
    }

    .divvideo{
        width: 92%;
        margin-top: 23px;
        margin-bottom: 0px;
    }

    .newdiv {
        padding-top: 35px;
    }

    .newp{
        font-size: 20px;
        margin-bottom: 37px;
    }

    .ssc{
        display: none;
    }

    .ssd{
        display: block !important;
        width: 95%;
    } 

    .ssd img{
        max-width: 100%;
        max-height: 226px;
        margin: auto;
        display: block;
    }

    .ssdtime{
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
        color:black;
    }
 
    .ssdp{
        text-align: center;
        width: 90%;
        margin: auto;
        margin-top: 22px;
        color:black;
    }

    .sps{
        bottom: 18px;
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 7px;
    }

    .newdiv {
        height: 430px;
    }

    .ljgd{
        font-size: 14px;
        width: 120px;
        height: 32px;
        line-height: 32px;
    }

    .gdhjui {
        height: 105px;
    }

    .fourbottom{
        display: none;
    }

    .bottomcaidan{
        display: none;
    }

    .yewei{
        display: none;
    }

    .mobilefour{
        width: 90%;
        margin: auto;
        margin-top: 20px;
        overflow: hidden;
    }

    .mfleft{
        width: 49.5%;
        float: left;
        margin-bottom: 30px;
    }

    .mfzhong{
        width: 0.5%;
        height: 95px;
        float: left;
        background: #434343;
    }

    .mfright{
        width: 49.75%;
        float: left;
    }

    .fddspan{
        color:black;
        font-size:15px;
        line-height: 50px;
        margin-left: 13px;
    }

    .fddimg{
        width: 25px;
        margin-top: 12px;
    }

    .mfa{
        width: 100px;
        height: 40px;
        display: block;
        margin: auto;
    }

    .mobilecd{
        width: 90%;
        margin: auto;
    }

    .mobiledivpq{
        width: 100%;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        text-indent: 0.8em;
    }

    .mobilediv{
        width: 100%;
        height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #7b7b7b;
    }

    .jiahao{
        display: block;
        float: right;
        margin-right: 8px;
    }

    .mqp{
        line-height: 28px;
        text-indent: 0.7em;
        font-size: 15px;
        width: 100%;
        display: block;
        color:black;
    }

    .mvhover{
        height:auto !important;
    }

    .mobilethree{
        width: 90%;
        margin: auto;
        margin-top: 50px;
    }

    .mtimg{
        margin-right: 23px;
    }

    .mobilehaoma{
        width: 90%;
        margin: auto;
        height: 33px;
        border: 1px solid #959595;
        border-radius: 2px;
        margin-top: 13px;
    }

    .mtimgs{
        margin-top: 5px;
        margin-left: 16px;
        float: left;
    }

    .mtpp{
        line-height: 34px;
        margin-left: 50px;
        color:black;
    }

    .mtdizhi{
        font-size: 14px;
        margin-top: 25px;
    }

    .mtjishu{
        width: 100%;
        display: block;
        font-size: 14px;
        margin-top: 1px;
        color:black;
    }

    .mtbeian{
        width: 100%;
        display: block;
        font-size: 14px;
        margin-top: 1px;
        color:black;
    }

    .mta{
        font-size:14px;
        color:black;
    }

    .mtb{
        font-size:14px;
        color:black;
    }

    .tops{
        width: 42px;
        font-size: 12px;
        float: right;
        margin-top: 5px;
    }

    .topp{
        display: block;
        float: left;
    }

    .topimg{
        margin-left: 5px;
    }

    .zuihou{
        width: 90%;
        margin: auto;
        margin-bottom: 88px;
    }

    .mobilebottom{
        display: block !important;
    }

    .vwa{
        display: none;
    }

    .vwb{
        display: block !important;
    }

    .video_wrap{
        width: 90% !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .vdpalybtn{
        width: 1px !important;
        height: 1px !important;
        margin-top: -20px !important;
        margin-left: -20px !important;
    }

    .layui-layer-content{
       width:300px !important;
       height:169px !important;
    } 

    .vdplayfix video{
        width:100% !important;
    }

    .chudianfour{
        margin-bottom: 0px !important;
    }

     .cdfq{
        margin-bottom: 60px !important;
        margin-top: 0px !important;
    }
}