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

}
.content{
    min-height: 500px;
    margin-top: 90px;
    /* overflow: hidden; */
    position: relative;
}
.content1,.content2,.content3,.content4,.content5,.content6,.abdate_cont,.about_cont2,.about_cont3,
.about_cont4,.about_cont5,.about_cont6,.about_cont7,.cent_cont1,.cent_cont2,.cent_cont3,.cent_cont4,.cent_cont5,
.con_cont1,.con_cont2,.ser_cont5,.form,.solu_cont1,.solu_cont2,.solu_cont3,.solu_cont4,.solu_cont5,.abdate_cont,.abdate_cont1,
.prodate_cont1,.issdate_cont2,.join_cont1,.join_cont2,.join_cont3,.new_cont1,.new_cont2,.newdate_cont3,.newsha_cone1,.odm_cont1,
.odm_cont2,.odm_cont3,.odm_cont4,.odm_cont5,.odm_cont6,.prodate_cont1,.prodeta,.prodate_cont3,.prlis_cont1,.prlis_cont2,
.abdate_cont,.ser_cont2,.ser_cont4,.ser_cont5,.servedat_cont{
    overflow: hidden;
}
/* .scrollbar-ui-hover .scroll_bar{
  display: none !important;
} */
.content6 .a,.content5 .a{
    display: block;
    width: 100%;s
    height: 100%;
}
.content6 .bj{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    margin-left: 0 !important;
}

.app{
    display: none;
}

.banner{
    width: 100%;
}
.banner img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.banner .swiper-slide{
    position: relative;
}
.banner .swiper-slide .container{
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-left: 35px;
    height: 196px;
}
.ban_con{
    width: 100%;
    height: 100%;
    position: relative;
}
.banbt{
    position: absolute;
    bottom: 0;
    left: 0;
}

.banner .container .p1{
    font-size: 46px;
    color: #333;
    font-family: "bold";
    position: relative;
}
.banner .container .p1::before{
    content: '';
    width: 30px;
    height: 6px;
    background: rgb(0,121,195);
    position: absolute;
    left: 5;
    top: -20px;
}
.banner .container .p2{
    font-size: 30px;
    color: #333;
    font-family: "regular";
}
.banner .swiper-slide:nth-child(2) .p1,
.banner .swiper-slide:nth-child(2) .p2{
    color: #fff;
}
.banner .swiper-slide:nth-child(2) .p1::before{
    background: #fff;
}

.ljgd{
    display: block;
    width: 140px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    transition: all 0.8s;
    background: rgb(0,121,195);
}

.ljgd span{
    display: block;
    position: relative;
    z-index: 4;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #fff;
}


.ljgd:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(232,73,38);
    transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin-top: -2px;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    z-index: 2;
}
.ljgd:hover:before {
    transform: scale(100, 100);
    -webkit-transform: scale(100, 100);
    -moz-transform: scale(100, 100);
    -ms-transform: scale(100, 100);
    -o-transform: scale(100, 100);
}








.banner .container a img{
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-bottom: 3px;
}

.banner .container a:hover img{
    margin-left: 10px;
}
.ljgd span img{
    transition: all 0.8s;
}
.ljgd span:hover>img{
    margin-left: 10px;
}

/* content1 */
.content1{
    width: 100%;
    overflow: hidden;
}
.content1 .content1_1{
    width: 33.333%;
    float: left;
    position: relative;
}
.content1 .content1_1 img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.content1 .content1_1 div{
    position: absolute;
    top: 35%;
    left: 8%;
    transition: all .5s;
}
.content1 .content1_1 .p1{
    font-size: 26px;
    color: #333;
    font-family: "bold";
    transition: all .5s;
}
.content1 .content1_1 .p2{
    font-size: 14px;
    color: #777;
    margin-top: 5px;
    transition: all .5s;
}
.content1 .content1_1 div img{
    width: 52px;
    height: 52px;
    margin-top: 37px;
    transition: all .5s;
    opacity: 0;
}
.content1 .content1_1::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(232,73,38,0);
    transition: all .5s;
}
.content1 .content1_1:hover::before{
    background: rgba(232,73,38,0.8);
}
.content1 .content1_1:hover>a div{
    left: 20%;
    top: 23%;
    z-index: 2;
}
.content1 .content1_1:hover>a div .p1{
    color: #fff;
    font-size: 36px;
}
.content1 .content1_1:hover>a div .p2{
    color: #fff;
    font-size: 20px;
}
.content1 .content1_1:hover>a div img{
    opacity: 1;
}



/* .content2 */
.content2{
    width: 100%;
    padding: 80px 0;
    position: relative;
}
.content2 .dbj{
    width: 953px;
    height: 165px;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%,-50%);
    transition: all 1s;
}
.content2 .dbj img{
    width: 100%;
}


.content2 .foot-container{
    position: relative;
}
.content2 .bj{
    width: 1402px;
    height: 623px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%,-50%);
    z-index: -1;
}
.content2 .bj img{
    width: 100%;
    height: 100%;
}

.content2 .lef{
    width: 50%;
    float: left;
}
.content2 .rig{
    width: 50%;
    float: right;
}
.content2 .rig div{
    width: 100%;
    height: 476px;
    margin-top: 164px;
}
.content2 .rig div img{
    width: 100%;
}
.content2 .lef .rq{
    width: 100%;
    float: right;
    margin-top: 70px;
}
.bt{
    font-size: 40px;
    color: #333;
    font-family: "bold";
}
.content2 .lef .rq .p2{
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin-top: 15px;
    padding-right: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.content2 .void{
    width: 426px;
    height: 240px;
    position: relative;
    float: right;
}
.void .abo_video img{
    width: 100%;
    height: 100%;
}
/* è§?é￠‘??1?a— */

.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 1001;
}

.msg-box {
    width: 100%;
    height: 100%;
    background-color: #F3F3F3;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
    width: 35px;
    height: 35px;
    background: url("../images/qx3.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 55px;
    top: 55px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.msg-box .close-box:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.abo_video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.content2 .abo_video:after {
    content: '';
    width: 75px;
    height: 74px;
    background: url(../images/img8.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    background-size: contain;
    z-index: 10;
}

.content2 .abo_video:hover:after {
    top: 47%;
}






/* content3 */
.content3{
    width: 100%;
    height: 200px;
    background-image: url(../images/img28.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.content3 .foot-container{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
}
.content3 div{
    height: 200px;
    vertical-align: middle;
    display: table-cell;
}
.content3 .content3_1{
    width: 27%;
    height: 200px;
    float: left;
    padding-left: 70px;
    background-image: url(../images/img218.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 45%;
}
.content3 .content3_1:nth-child(2){
    background-image: url(../images/img14.png);
}
.content3 .content3_1:nth-child(3){
    background-image: url(../images/img15.png);
}
.content3 .content3_1:nth-child(4){
    width: 19%;
    background-image: url(../images/img16.png);
}
.content3 .content3_1 .p1{
    font-size: 14px;
    color: #fff;
}
.content3 .content3_1 .p1 span{
    font-size: 40px;
    color: #fff;
    font-family: "bebas";

}






/* .content4 */
.content4{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 85px;
}
.fbt{
    font-size: 16px;
    color: #999;
    margin-bottom: 35px;
}
.content4 .lef{
    float: left;
    width: 600px;
    height: 520px;
    background: rgb(248,248,248);
}
.content4 .lef .top{
    overflow: hidden;
}
.content4 .lef .top,
.content4 .lef .top img{
    width: 100%;
    vertical-align: middle;
    transition: all 1s;
}
.content4 .lef:hover>a .top img{
    transform: scale(1.1);
}
.content4 .lef:hover>a .bot .p1{
    color: rgba(0,121,195);;
}
.content4 .lef .top{
    position: relative;
}
.content4 .lef .top span{
    font-size: 18px;
    color: #fff;
    width: 100px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0,121,195,0.9);
}
.content4 .lef .bot{
    padding: 35px 30px;
}
.content4 .lef .bot .p1{
    font-size: 18px;
    color: #333;
    font-family: "bold";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.content4 .lef .bot .p2{
    font-size: 14px;
    color: #999;
    /* padding-left: 10px; */
    line-height: 25px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content4 .rig{
    width: 740px;
    float: right;
    height: 520px;
}
.content4 .rig .rq{
    width: 100%;
}
.content4 .rig .rq .rq1{
    float: left;
    width: 360px;
}
.content4 .rig .rq .rq1:nth-child(2){
    float: right;
}
.content4 .rig .rq .rq1 div,
.content4 .rig .rq .rq1 div img{
    width: 100%;
    vertical-align: middle;
    transition: all 1s;
}
.content4 .rig .rq .rq1 div{
    position: relative;
    overflow: hidden;
}

.content4 .rig .rq .rq1 div span{
    font-size: 16px;
    color: #fff;
    width: 90px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0,121,195,0.9);
}
.content4 .rig .rq .rq1 p{
    font-size: 16px;
    color: #555;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.content4 .rig .rq .rq1:hover>a div img{
    transform: scale(1.1);
}
.content4 .rig .rq .rq1:hover>a p{
    color: rgba(0,121,195);
}
.content4 .rig .rq2{
    width: 100%;
    margin-top: 55px;
    border-top: 1px solid rgb(240,240,240);

}
.content4 .rig .rq2 p{
    font-size: 16px;
    color: #555;
    line-height: 70px;
    border-bottom: 1px solid rgb(240,240,240);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.content4 .rig .rq2 p span{
    font-size: 16px;
    color: #999;
    float: right;
}
.content4 .rig .rq2 p a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.content4 .rig .rq2 p:hover>a,
.content4 .rig .rq2 p:hover>a span{
    color: rgba(0,121,195);
}





/* content5 */
.content5{
    width: 100%;
    background-image: url(../images/img20_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 55px;
}
.content5 .lef{
    float: left;
    margin-top: 90px;
}
.content5 .dt{
    float: right;
    position: relative;
    margin-right: -210px;
}
.content5 .dt .dian1{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(10,185,223);
    position: absolute;
    left: 16.5%;
    top: 40.7%;
    transform: translate(-50%, -50%);
}
.content5 .dt .dian2{
    left: 50%;
    top: 32%;
}
.content5 .dt .dian3{
    left: 48%;
    top: 36%;
}
.content5 .dt .dian4{
    left: 82%;
    top: 43%;
}
.content5 .dt .dian5{
    left: 80%;
    top: 47%;
}
.content5 .dt .dian6{
    left: 82%;
    top: 37.5%;
}
.content5 .dt .dian7{
    left: 77.5%;
    top: 51.5%;
}
.content5 .dt .dian8{
    left: 77.5%;
    top: 53%;
}
.content5 .dt .dian1 div{
    width: 100%;
    height: 100%;
    background: rgba(10,185,223,0.5);
    border-radius: 50%;
    position: relative;
}
.content5 .dt .dian1 div::before{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* border: 1px solid rgb(10,185,223); */
    /* background: rgba(10,185,223,0.5); */
    animation: sonarEffect 2s linear infinite;
    position: absolute;
    left: 0%;
    top: 0%;
}
@keyframes dian{
    0%{
        transform: scale(1);
    }

    100%{
        transform: scale(3);
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
        transform: scale(1.8);
        opacity: 0;
    }
}

.content5 .fj{
    position: absolute;
    top: 55%;
    left: 57%;
    transform: translate(-50%,-50%);
    animation: fj1 2s linear infinite;
}
@keyframes fj1 {
    0%{
        top: 55%;
        left: 57%;
    }
    50%{
        top: 55%;
        left: 47%;
    }
    100%{
        top: 54%;
        left: 41%;
    }
}
.content5 .fj2{
    position: absolute;
    top: 46%;
    left: 57%;
    transform: translate(-50%,-50%);
    animation: fj2 1s linear infinite;
}
@keyframes fj2 {
    0%{
        top: 48%;
        left: 62%;
    }
    20%{
        top: 47%;
        left: 61%;
    }
    40%{
        top: 46%;
        left: 60%;
    }

    100%{
        top: 43%;
        left: 57%;
    }
}
.content5 .fj3{
    position: absolute;
    top: 50%;
    left: 62%;

    transform: translate(-50%,-50%);
    animation: fj3 1s linear infinite;
}
@keyframes fj3 {
    0%{
        top: 50%;
        left: 62%;
    }
    20%{
        top: 49%;
        left: 61%;
    }
    40%{
        top: 49%;
        left: 60%;
    }

    60%{
        top: 48%;
        left: 59%;
    }
    80%{
        top: 47%;
        left: 57.5%;
    }
    100%{
        top: 47%;
        left: 56%;
    }
}
/* .content6 */
.content6{
    width: 100%;
    position: relative;
}
.content6 img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.content6 .foot-container{
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* padding-left: 35px; */
}

.content6 .foot-container p{
    color: #fff;
}
.content6 .foot-container .p1{
    font-size: 14px;
    width: 430px;
    line-height: 25px;
}

.content6  a img{
    width: 16px;
    height: 7px;
    margin-left: 5px;
}










/* è§￡??3?–1??? */
.banner .nr{
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .nr .wrap{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner .nr .wrap .p1{
    font-size: 40px;
    color: #fff;
    font-family: "bold";
    position: relative;
}
.banner .nr .wrap .p1::before{
    content: '';
    width: 98px;
    height: 125px;
    background-image: url(../images/img29.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -28px;
    top: -26px;
}
.banner .nr .wrap .p2{
    font-size: 14px;
    color: #fff;
    font-family: "regular";
}


.solu_subnav { width: 100%; height: auto; }
.solu_subnav .subnav_box { width: 100%; height: auto; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; grid-gap: 20px 70px; }
.solu_subnav .subnav_box a { font-size: 18px; color: #666; font-family: "regular"; text-transform:capitalize; }
.solu_subnav .subnav_box a:hover, .solu_subnav .subnav_box a.on { color: #E84926; }


/* content1 */
.solu_cont1{
    width: 100%;
    /*height: 100px;*/
    background: #fff;
}
.solu_cont1 a{
    font-size: 18px;
    color: #666;
    font-family: "regular";
    line-height: 100px;
    margin-right: 70px;
    text-transform:capitalize;
}
.solu_cont1 a:hover{
    color: #e84926;
}
.solu_cont1 .on{
    color: #e84926;
}

/* content2 */
.solu_cont2{
    width: 100%;
    height: 100px;
    background: rgb(245,245,245);
    line-height: 100px;
}
.solu_cont2 a{
    width:  350px;
    /* height: 45px; */
    height: auto;
    display: inline-block;
    font-size: 16px;
    color: #444;
    font-family: "regular";
    /* line-height: 45px; */
    line-height: 1.7;
    text-align: center;
    margin-right: 20px;
    padding: 5px 0;
}
.solu_cont2 .on{
    background: rgb(232,73,38);
    color: #fff;
}
.solu_cont2 a:hover{
    background: rgb(232,73,38);
    color: #fff;
}



/* content3 */
.solu_cont3{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 100px;
}
.so_bt{
    font-size: 40px;
    color: #333;
    font-family: "bold";
    text-align: center;
}
.solu_cont3 .so_jz{
    padding-top: 60px;
}
.solu_cont3 .lef{
    height: 492px;
    width: 410px;
    float: left;
}
.solu_cont3 .lef .rq{
    width: 99%;
    height: 80px;
    background: rgb(243,247,249);
    /* padding-left: 38px; */
    padding-left: 10px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;

}
.solu_cont3 .lef .rq img{
    margin-top: 15px;
    float: left;
}
.solu_cont3 .lef .rq p{
    font-size: 20px;
    color: #444;
    font-family: "regular";
    /* height: 67px; */
    /* padding-top: 15px; */
    padding-top: 0;
    height: auto;
    line-height: 1.7;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

    /* float: left; */
}
.solu_cont3 .rig{
    width: 790px;
    height: 492px;
    float: right;
}
.solu_cont3 .rig img{
    width: 100%;
    height: 100%;
}


/* content4 */
.solu_cont4{
    width: 100%;
    background-image: url(../images/img33.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0;
}
.solu_cont4 .top{
    width: 100%;
}
.solu_cont4 .top .rq{
    width: 50%;
    float: left;
    background: #fff;
    height: 555px;
    margin-top: 65px;
    padding: 50px 70px;
}
.solu_cont4 .top .rq2{
    float: right;
    background: rgb(230,239,243);
}
.solu_cont4 .top .rq .p1{
    font-size: 30px;
    color: #333;
    font-family: "regular";
    text-align: center;
}
.solu_cont4 .top .rq .tc{
    width: 100%;
    height: 90px;
    background: rgb(0,121,195);
    padding-left: 50px;
    margin-top: 35px;
}
.solu_cont4 .top .rq2 .tc{
    background: rgb(232,73,38);
}

.solu_cont4 .top .rq .tc .lef{
    font-size: 20px;
    color: #fff;
    width: 63px;
    height: 63px;
    background-image: url(../images/img34.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 63px;
    float: left;
    margin-top: 14px;
}
.solu_cont4 .top .rq .tc .rig{
    height: 90px;
    vertical-align: middle;
    display: table-cell;
    /* float: left; */
    padding-left: 30px;
}
.solu_cont4 .top .rq .tc .rig p{
    font-size: 20px;
    color: #fff;
    font-family: "regular";
}
.solu_cont4 .top .rq img{
    margin-top: 80px;
}
.solu_cont4 .top .rq2 img{
    display: block;
    margin: 0 auto;
    margin-top: 55px;
}


.solu_cont4 .bot .p1{
    font-size: 36px;
    color: #333;
    font-family: "regular";
    text-align: center;
    padding: 80px 0;
}
.solu_cont4 .bot .rq{
    width: 100%;
}
.solu_cont4 .bot .rq .lef{
    width: 455px;
    height: 399px;
    float: left;
}
.solu_cont4 .bot .rq .lef p{
    font-size: 18px;
    color: #444;
    font-family: "regular";
}
.solu_cont4 .bot .rq .lef .p2{
    width: 85%;
    margin: 0 auto;
    margin-top: 25px;
}
.solu_cont4 .bot .rq .lef .p3{
    margin: 0 auto;
    padding-left: 70px;
    background-image: url(../images/img35_3.png);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position-x: left;
    margin-bottom: 30px;
    margin-top: 30px;
}
.solu_cont4 .bot .rq .lef img{
    width: 100%;
}
.solu_cont4 .bot .rq .rig{
    width: 567px;
    height: 446px;
    float: right;
}
.solu_cont4 .bot .rq .rig img{
    width: 100%;
    height: 100%;
}


/* content5 */
.solu_cont5{
    width: 100%;
    padding-top: 90px;
    padding-bottom: 130px;
}
.solu_cont5 .con5_1 .lef{
    width: 411px;
    height: 374px;
    float: left;
}
.solu_cont5 .con5_1 .rig{
    width: 466px;
    height: 380px;
    float: right;
}
.solu_cont5 .con5_1 div img{
    width: 100%;
    height: 100%;
}
.solu_cont5 .p2{
    font-size: 18px;
    color: #666;
    font-family: "normal";
    text-align: center;
    margin-bottom: 80px;
    margin-top: 10px;
}



.con5_2{
    width: 100%;
}
.solu_cont5 .p3{
    font-size: 36px;
    color: #333;
    font-family: "regular";
    text-align: center;
    margin-bottom: 40px;
    margin-top: 110px;
}
.sp{
    font-size: 18px;
    color: #666;
    font-family: "normal";
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.sp img{
    float: left;
    margin-right: 10px;
}
.sp1{
    /*margin-left: 170px;*/
    margin-right: 90px;
}
.con5_2 div{
    margin-top: 40px;
    width: 100%;
}
.con5_2 div img{
    width: 100%;
    height: 100%;
}
.solu_cont5 .p4{
    font-size: 18px;
    color: #666;
    font-family: "normal";
    text-align: center;
    margin-bottom: 75px;
}
.con5_3 .p4{
    margin-bottom: 0px!important;
}
.con5_3 .p4test{
    margin-bottom: 75px!important;
}

.solu_cont5 .con5_3 .p3,
.solu_cont5 .con5_4 .p3,
.solu_cont5 .con5_5 .p3{
    margin-bottom: 15px;
}
.solu_cont5 .con5_3 div{
    /* float: right; */
    margin: 0 auto;
}
.solu_cont5 .con5_3 div img{
    display: block;
    margin: 0 auto;
}

.con5_4 .rq{
    width: 100%;
}
.con5_4 .rq div{
    width: 23.5%;
    float: left;
    margin-right: 2%;
}
.con5_4 .rq div:nth-child(4){
    margin-right: 0;
}
.con5_4 .rq div img{
    width: 100%;
    height: 100%;
}

.con5_5 .rq{
    width: 100%;
    height: 445px;
}
::-webkit-scrollbar {
    width: 3px;
    background-color: red;
    border-radius:50px;
}

::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color:#999999
}

::-webkit-scrollbar-thumb {
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: red
}


.con5_5 .rq .lef{
    width: 60%;
    float: left;
    padding: 5px;
    padding-top: 10px;
    height: 445px;
    overflow-y: auto;
    box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
}
.con5_5 .rq .lef div{
    height: 100px;
    width: 32%;
    float: left;
    margin-right: 2%;
    background: #fff;
    position: relative;
    box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
    margin-bottom: 10px;
    transition: all .3s;
}
.con5_5 .rq .lef div:hover{
    transform: translate3d(0, -5px, 0);
}
.con5_5 .rq .lef div:nth-child(3n){
    margin-right: 0;
}
.con5_5 .rq .lef div img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
}
.con5_5 .rq .rig{
    width: 36%;
    float: right;
    padding: 5px;
    background: #f3f7fa;
    height: 100%;
}
.con5_5 .rq .rig div{
    width: 100%;
    height: 100%;
    box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
    padding-top: 47px;
    padding-left: 35px;
    float: left;
    overflow-y: auto;

}
.con5_5 .rq .rig div p{
    font-size: 16px;
    color: #444;
    font-family: "normal";
    line-height: 20px;
    padding:5px;
    color:#666;

}
.con5_5 .rq .rig .llf{
    float: left;
}
.con5_5 .rq .rig .rri{
    float: right;
}







/* ODM */
.banner2 .nr .wrap {
    left: 45%;
    top: 48%;
}
.banner2 .nr .wrap .p1{
    font-size: 46px;
    font-family: "medium";
}
.banner2 .nr .wrap .p1::before{
    content: '';
    width: 30px;
    height: 6px;
    background: rgb(0,121,195);
    position: absolute;
    left: 8px;
    top: -35px;
}

/* content1 */
.odm_cont1{
    width: 100%;
}
.odm_bt{
    font-size: 46px;
    color: #333;
    font-family: "medium";
    text-align: center;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
    /*text-transform:Capitalize;*/
}
.odm_bt::before{
    content: '';
    width: 30px;
    height: 3px;
    background: rgb(51,148,207);
    position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%,-50%);
}
.odm_fbt{
    font-size: 16px;
    width: 82%;
    color: #666;
    font-family: "regular";
    text-align: center;
    margin: 0 auto;
}
.odm_cont1 .rq{
    padding-top: 40px;
    padding-bottom: 80px;
    width: 100%;
}
.odm_cont1 .rq div{
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.odm_cont1 .rq div img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: all 1s;
}
.odm_cont1 .rq div p{
    width: 100%;
    line-height: 70px;
    color: #fff;
    font-size: 22px;
    font-family: "regular";
    background: rgba(230,86,55,0.9);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 40px;
    opacity: 0;
    transition: all 0.7s;
}
.odm_cont1 .rq div:hover>p{
    opacity: 1;
}
.odm_cont1 .rq div:hover>img{
    transform: scale(1.1);
}
.odm_cont1 .rq1{
    width: 700px;
    height: 420px;
    float: left;
}
.odm_cont1 .rq2{
    width: 480px;
    height: 420px;
    float: right;
}
.odm_cont1 .rq3{
    width: 480px;
    height: 420px;
    float: left;
}
.odm_cont1 .rq4{
    width: 700px;
    height: 420px;
    float: right;
}



/* odm_cont2 */
.odm_cont2{
    width: 100%;
    background: rgb(243,245,246);
    padding-bottom: 105px;
}
.odm_cont2 .swiper-container{
    margin-top: 48px;
}
.odm_cont2 .swiper-slide img{
    width: 100%;
    height: 100%;
}
.odm_cont2 .swiper-button-next:after,
.odm_cont2 .swiper-button-prev:after{
    content: none;
}
.odm_cont2 .swiper-button-next{
    width: 60px;
    height: 60px;
    background-image: url(../images/img60.png);
    background-size: contain;
    opacity: 1;
}
.odm_cont2 .swiper-button-next:hover{
    background-image: url(../images/img61.png);
}
.odm_cont2 .swiper-button-prev{
    width: 60px;
    height: 60px;
    background-image: url(../images/img59.png);
    background-size: contain;
    opacity: 1;
}
.odm_cont2 .swiper-button-prev:hover{
    background-image: url(../images/img58.png);
}




/* odm_cont3 */
.odm_cont3{
    width: 100%;
    background-image: url(../images/img56.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 90px;
}
.odm_cont3 .swiper-container{
    margin-top: 65px;
}
.odm_cont3 .swiper-slide img{
    width: 100%;
    height: 100%;
}
.odm_cont3 .swiper-button-next:after,
.odm_cont3 .swiper-button-prev:after{
    content: none;
}
.odm_cont3 .swiper-button-next{
    width: 60px;
    height: 60px;
    background-image: url(../images/img60.png);
    background-size: contain;
    opacity: 1;
    top: 60%;
    right: 14%;
}
.odm_cont3 .swiper-button-next:hover{
    background-image: url(../images/img61.png);
}
.odm_cont3 .swiper-button-prev{
    width: 60px;
    height: 60px;
    background-image: url(../images/img59.png);
    background-size: contain;
    opacity: 1;
    top: 60%;
    left: 14%;
}
.odm_cont3 .swiper-button-prev:hover{
    background-image: url(../images/img58.png);
}


/* .odm_cont4 */
.odm_cont4{
    width: 100%;
}
.odm_cont4 .rq{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 60px;
}
.odm_cont4 .rq img{
    width: 100%;
}
.odm_cont4 .rq div{
    width: 25%;
    height: 210px;
    float: left;
    margin-bottom: 50px;
    transition: all .3s;
    position: relative;
}
.odm_cont4 .rq div .tp{
    background-image: url(../images/img63.png);
    background-position-x: center;
    width: 125px;
    height: 140px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
}
.odm_cont4 .rq div:nth-child(2) .tp{
    background-image: url(../images/img64.png);
}
.odm_cont4 .rq div:nth-child(3) .tp{
    background-image: url(../images/img66.png);
}
.odm_cont4 .rq div:nth-child(4) .tp{
    background-image: url(../images/img68.png);
}
.odm_cont4 .rq div:nth-child(5) .tp{
    background-image: url(../images/img70.png);
}
.odm_cont4 .rq div:nth-child(6) .tp{
    background-image: url(../images/img72.png);
}
.odm_cont4 .rq div:nth-child(7) .tp{
    background-image: url(../images/img74.png);
}
.odm_cont4 .rq div:nth-child(8) .tp{
    background-image: url(../images/img76.png);
}
.odm_cont4 .rq div:nth-child(1):hover .tp{
    background-image: url(../images/img62.png);
}
.odm_cont4 .rq div:nth-child(2):hover .tp{
    background-image: url(../images/img65.png);
}
.odm_cont4 .rq div:nth-child(3):hover .tp{
    background-image: url(../images/img67.png);
}
.odm_cont4 .rq div:nth-child(4):hover .tp{
    background-image: url(../images/img69.png);
}
.odm_cont4 .rq div:nth-child(5):hover .tp{
    background-image: url(../images/img71.png);
}
.odm_cont4 .rq div:nth-child(6):hover .tp{
    background-image: url(../images/img73.png);
}
.odm_cont4 .rq div:nth-child(7):hover .tp{
    background-image: url(../images/img75.png);
}
.odm_cont4 .rq div:nth-child(8):hover .tp{
    background-image: url(../images/img77.png);
}
.odm_cont4 .rq div:hover .tp{
    top: -10px;
}

.odm_cont4 .rq div p{
    text-align: center;
    font-size: 20px;
    color: #444;
    font-family: "regular";
    padding-top: 165px;
}
.odm_cont4 .rq{
    position: relative;
}
.odm_cont4 .rq p{
    text-align: center;
    font-size: 20px;
    color: #444;
    font-family: "regular";
}
.odm_cont4 {
    padding-bottom: 30px;
}

.odm_cont4 .rq .p1{
    position: absolute;
    top: 41%;
    left: 5%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p2{
    position: absolute;
    top: 41%;
    left: 33%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p3{
    position: absolute;
    top: 41%;
    left: 61%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p4{
    position: absolute;
    top: 41%;
    left: 89%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p5{
    position: absolute;
    top: 91%;
    left: 89%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p6{
    position: absolute;
    top: 91%;
    left: 61%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p7{
    position: absolute;
    top: 91%;
    left: 33%;
    transform: translate(-50%,-50%);
}
.odm_cont4 .rq .p8{
    position: absolute;
    top: 91%;
    left: 5%;
    transform: translate(-50%,-50%);
}








/* odm_cont5 */
.odm_cont5{
    width: 100%;
    background-image: url(../images/img78.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.odm_cont5 .rq{
    width: 100%;
    height: 540px;
    margin-top: 50px;
    background-image: url(../images/img83.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y:10%
}
.odm_cont5 .rq .lef{
    width: 530px;
    height: 270px;
    float: left;
    padding-bottom: 30px;
}
.odm_cont5 .rq .lef img{
    float: right;
    transition: all .3s;
}
.odm_cont5 .p1{
    font-size: 26px;
    color: #333;
    font-family: "medium";
    padding-bottom: 25px;
}
.odm_cont5 .p2{
    font-size: 16px;
    color: #777;
    font-family: "regular";
    width: 65%;
}

.odm_cont5 .rq .rig{
    width: 530px;
    float: right;
    height: 270px;
    padding-bottom: 30px;
}
.odm_cont5 .rq .rig img{
    float: left;
    transition: all .3s;
}
.odm_cont5 .rq .rig .p1{
    padding-left: 35%;
}
.odm_cont5 .rq .rig .p2{
    padding-left: 35%;
    width: 100%;
}

.odm_cont5 .rq .rig .p2 span{
    height: 200px;
    display: inline-block;
    overflow-y: auto;
}

.odm_cont5 div:hover>img{
    transform: scale(1.1);
}




/* odm_cont6 */
.odm_cont6{
    width: 100%;
    padding-bottom: 130px;
}
.odm_cont6 .rq{
    width: 100%;
    margin-top: 45px;
}
.odm_cont6 .rq div{
    width: 18.2%;
    float: left;
    height: 100px;
    margin-right: 2%;
    position: relative;
    border: 1px solid rgb(231,231,231);
    margin-bottom: 10px;
    transition: all .3s;
}
.odm_cont6 .rq div img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.odm_cont6 .rq div:nth-child(5n){
    margin-right: 0%;
}
.odm_cont6 .rq div:hover{
    transform: translate3d(0, -7px, 0);
}

.odm_cont6 .an{
    display: block;
    width: 160px;
    line-height: 50px;
    text-align: center;
    background: #999;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    margin-top: 20px;
    transition: all .3s;
}
.odm_cont6 .an:hover{
    background: rgb(51,148,207);
}




/* ?o§?“???—è?¨ */

.prlis_banner .nr .wrap{
    top: 45%;
}
.prlis_banner .nr .wrap .p1::before{
    content: none;
}
.prlis_banner .nr .wrap .p2{
    font-size: 14px;
    position: relative;
}
.prlis_banner .nr .wrap .p2::before{
    content: '';
    width: 30px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -30px;
}

/* prlis_cont1 */
.prlis_cont1{
    width: 100%;
    /* padding-top: 70px; */
    padding-bottom: 30px;
}
.prlis_cont1 .rq{
    width: 100%;
}
.prlis_cont1 .rq .fd{
    width: 100%;
    margin-bottom: 5px;
    padding-top: 5px;
}
.prlis_cont1 .rq div span{
    display: inline-block;
    width: 170px;
    font-size: 18px;
    color: #444;
    font-family: "regular";
}
.prlis_cont1 label{
    display: inline-block;
    width: 150px;
    font-family: "regular";
    font-size: 16px;
    color: #666;
}
.prlis_cont1 label input {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    text-indent: 0;
    margin-right: 3px;
}

.prlis_cont1 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    position: relative;
}

.prlis_cont1 input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
}

.prlis_cont1 input[type="checkbox"]:checked::before {
    /* content: "\2713"; */
    /* background-color: #fff; */
    background-image: url(../images/img86.png);
    background-size: 12px 10px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
}
.prlis_cont1 .rq div span{
    float: left;
    width: 14%;
}
.prlis_cont1 .rq .rq1{
    width: 86%;
    float: left;
}


/* prlis_cont2 */
.prlis_cont2{
    width: 100%;
    padding-top: 95px;
    padding-bottom: 120px;
    background: rgb(243,245,246);
}
.prlis_cont2 .rq{
    width: 100%;
}
.prlis_cont2 .rq .rq1{
    width: 32%;
    height: 560px;
    margin-right: 2%;
    border: 1px solid rgb(221,221,221);
    float: left;
    margin-bottom: 25px;
    position: relative;
    transition: all 1s;
}
.prlis_cont2 .rq .rq1:nth-child(3n){
    margin-right: 0;
}
.prlis_cont2 .top{
    width: 100%;
    height: 317px;
    background: #fff;
    border-bottom: 1px solid rgb(221,221,221);
    position: relative;
    overflow: hidden;
}
.prlis_cont2 .top img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.prlis_cont2 .bot{
    height: 242px;
    padding:0 60px;
    padding-top: 30px;
    background: rgb(240,245,248);
    border-bottom: 1px solid rgb(221,221,221);
    transition: all 0.5s;
}
.prlis_cont2 .bot .p1{
    font-size: 26px;
    color: #444;
    font-family: "regular";
}
.prlis_cont2 .bot .p2{
    font-size: 16px;
    color: #777;
    font-family: "regular";
    margin-bottom: 18px;
}
.prlis_cont2 .bot .p3{
    font-size: 16px;
    color: #777;
    font-family: "regular";
    line-height: 30px;
}
.prlis_cont2 .bot .p3 img{
    margin-right: 3px;
}

.prlis_cont2 .anniu{
    width: 150px;
    height: 50px;
    border: 1px solid rgb(212,214,215);
    display: block;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-top: 60px;
}
.prlis_cont2 .bot button{
    width: 100px;
    height: 35px;
    background: rgb(0,121,195);
    font-size: 13px;
    color: #fff;
    font-family: "regular";
    position: absolute;
    bottom: 20px;
    opacity: 0;
    transition: all 0.5s;
}
.prlis_cont2 .ljgd span{
    line-height: 35px;
}
/* .prlis_cont2 .rq1:hover .bot{
  width: 100%;
 height: 310px;
 position: absolute;
 top: 317px;
 z-index: 10;
 background: rgb(240,245,248);
 box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
} */
.prlis_cont2 .rq1:hover{
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    transform: translate3d(0,-5px,0);
    position: relative;
    z-index: 1;
}
.prlis_cont2 .rq1:hover button{
    opacity: 1;
}









/* ?o§?“?èˉ|??… */


/* content1 */

.prodate_cont1{
    width: 100%;
    height: 62px;
    border-bottom: 1px solid rgb(221,221,221);
    background: rgb(240,245,248);
}
.prodate_cont1 .rq{
    width: 100%;
    line-height: 62px;
}
.prodate_cont1 .rq a{
    font-size: 16px;
    color: #666;
    font-family: "regular";
}
.prodate_cont1 .rq a img{
    margin-right: 15px;
}
.prodate_cont1 .rq .on{
    color: #0079c3;
}
.prodate_cont1 .rq a:hover{
    color: #0079c3;
}
/* è???’-??? */

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

/*?o§?“?èˉ|??…*/
.prodeta{
    background: rgb(240,245,248);
}
.proxq-one {
    padding: 88px 0 103px;
}

.proxq-con .bread {
    margin-top: 100px;
}

.proxq1-lf {
    width: 55%;
    float: left;
}
.proxq1-pic{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.proxq1-pic img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.proxq1-top {
    height: 420px;
    float: right;
    width: 74%;
    position: relative;
}

.proxq1-thumbs {
    width: 16%;
    height: 420px;
    padding: 44px 0;
    position: relative;
}

.proxq1_thumbs {
    height: 310px;
    overflow: hidden;
}

.proxq1-con .proxq1-prev {
    top: 0;
    left: 50%;
    margin-left: -26px;
    width: 52px;
    background: url(../images/img92.png) no-repeat center;
    text-align: center;
    line-height: 52px;
    color: #000;
    border-radius: 50%;
    z-index: 3;
    transition: all 0.4s;
}
.swiper-button-prev:after,
.swiper-button-next:after{
    content: none;
}

.proxq1-con .proxq1-next {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -26px;
    width: 52px;
    background: url(../images/img91.png) no-repeat center;
    text-align: center;
    line-height: 52px;
    color: #000;
    border-radius: 50%;
    z-index: 3;
    transition: all 0.4s;
}

.proxq1-con .proxq1-thumbs p {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 12px;
}

.proxq1_top {
    height: 100%;
    overflow: hidden;
}

.proxq1-con .proxq1-top .swiper-slide {
    padding: 0;
}
.proxq1-con .proxq1-top .swiper-slide img{
    /* width: 100%; */
    height: 100%;
    display: block;
    margin: 0 auto;
}

.proxq1-con .proxq1-top .proxq1-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.72);
    padding: 0 20px;
}

.proxq1-con .proxq1-top .proxq1-desc p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 13px 0;
}

.proxq1-top .swiper-pagination {
    display: none;
}
.proxq1-top p{
    font-size: 16px;
    color: #777;
    text-align: center;
    font-family: "regular";
}

.proxq1-con .proxq1-thumbs .swiper-slide {
    border: 1px solid rgba(195, 203, 208, 0.7);
}

.proxq1-con .proxq1-thumbs .swiper-slide.active-nav {
    border: 1px solid rgb(232,73,38);
    /* border-image: -webkit-linear-gradient(#6cb9bc, #6a8abd) 30 30;
  border-image: -moz-linear-gradient(#6cb9bc, #6a8abd) 30 30;
  border-image: linear-gradient(#6cb9bc, #6a8abd) 30 30; */
}
/* ??3è?1 */
.proxq1-rt{width: 45%;float: right;}
.proxq1-rt .proxq1-rt_jz{margin-left: 50px;}
.proxq1-rt_jz .prod_p{font-size: 36px;color: #333;font-family: "regular";margin-bottom: 35px;}
.proxq1-rt_jz .p2{font-size: 16px;color: #666;display: block;line-height: 30px;font-family: "regular";}
.proxq1-rt_jz .p2 span{font-size: 16px;color: #e84926;font-family: "regular";}
.proxq1-rt_jz .proxq1-rt_more { width: 100%; height: auto; margin: 70px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
/* .proxq1-rt_jz .proxq1-rt_more .pro_video {} */
.proxq1-rt_jz .proxq1-rt_more div { width: 160px; height: 50px; font-size: 16px; color: #666; line-height: 50px; text-align: center; border: 1px solid rgb(210, 214, 216); transition: all .3s; }
.proxq1-rt_jz .proxq1-rt_more div img { margin-right: 8px; margin-bottom: -6px; }
.proxq1-rt_jz .proxq1-rt_more div:hover { background: rgb(232, 73, 38); color: #fff; }

/*.proxq1-rt_jz div{width: 160px;height: 50px;font-size: 16px;color: #666;margin-right: 20px;float: left;line-height: 50px;text-align: center;border: 1px solid rgb(210,214,216);margin-top: 70px;transition: all .3s;}*/

/*.proxq1-rt_jz div img{margin-right: 8px;margin-bottom: -6px;}*/
/*.proxq1-rt_jz div:hover{background: rgb(232,73,38);color: #fff;}*/



/* prodate_cont3 */
.prodate_cont3{
    width: 100%;
    height: 83px;
    background-image: url(../images/img96.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 83px;
    position: sticky;
    top: 0;
    z-index: 99;
}
.prodate_cont3 .rq{
    width: 100%;
}
.prodate_cont3 .rq a{
    font-size: 18px;
    color: #fff;
    font-family: "regular";
    margin-left: 110px;
    position: relative;
}
.prodate_cont3 .rq a:nth-child(1){
    margin-left: 0;
}
.prodate_cont3 .rq a::before{
    content: '';
    width: 1px;
    height: 22px;
    background: rgb(71,161,212);
    position: absolute;
    top: 10%;
    left: -55px;
}
.prodate_cont3 .rq a:nth-child(1)::before{
    content: none;
}


/* .prodate_cont4 */
.prodate_cont4{
    width: 100%;
    padding: 95px 0;
    /*padding-bottom: 0;*/
    overflow: hidden;
}
.prodate_cont4 .lef{
    width: 620px;
    float: left;
}
.prodate_but{
    font-size: 36px;
    color: #333;
    font-family: "medium";
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative;
    padding-left: 15px;
}
.prodate_but::before{
    content: '';
    width: 3px;
    height: 34px;
    background: rgb(232,73,38);
    position: absolute;
    left: 0px;
    top: 11px;
}
.prodate_cont4 .lef .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    width: 90%;
}
.prodate_cont4 .rig{
    width: 580px;
    float: right;
}
.prodate_cont4 .rig img{
    width: 100%;
}


/* prodate_cont5 */
.prodate_cont5 .lef{
    float: right;
    padding-left: 100px;
    width: 578px;
    padding-top: 85px;
}
.prodate_cont5 .rig{
    float: left;
    width: 622px;

}
.prodate_cont5 .prodate_but{
    margin-bottom: 100px;
}
.prodate_cont4 .p3{
    color: #e84926;
    font-size: 30px;
    margin-bottom: 28px;
    text-transform:Capitalize;
}
.prodate_cont4 .p2{
    line-height: 30px;
}



/* content6 */
.prodate_cont6{
    background: rgb(240,244,247);
    padding-bottom: 75px;  overflow: hidden;
}
.prodate_cont6 .lef{
    padding-top: 70px;
}
.prodate_cont6 .lef .p2{
    width: 70%;
}



/* content7 */
.prodate_cont7{
    background: #fff;  overflow: hidden;
}
.prodate_cont7 .lef{
    float: right;
    padding-left: 10%;
}
.prodate_cont7 .rig{
    float: left;
}





/* content10 */
.prodate_cont10{
    width: 100%;
    background: rgb(240,244,247);
    padding-top: 80px;
    padding-bottom: 150px;  overflow: hidden;
}
.prodate_cont10 .rq .rq1{
    width: 23.2%;
    margin-right: 2%;
    height: 418px;
}
.prodate_cont10 .rq .rq1:nth-child(3n){
    margin-right: 2%;
}
.prodate_cont10 .rq .rq1:nth-child(4n){
    margin-right: 0%;
}
.prodate_cont10 .rq1 .top{
    height: 238px;
}
.prodate_cont10 .rq1 .bot{
    height: 180px;
    padding: 0 32px;
    padding-top: 13px;
}
.prodate_cont10 .bot .p1{
    font-size: 22px;
}
.prodate_cont10 .bot .p2{
    font-size: 13px;
    margin-bottom: 11px;
    margin-top: 5px;
}
.prodate_cont10 .bot .p3{
    font-size: 12px;
    line-height: 22px;
}
.prodate_cont10 .rq1:hover .bot{
    height: 180px;
    position: static;
}

/* R&D content details */
.inner_rd_details { width: 100%; height: auto; padding-top: 80px; padding-bottom: 140px; }
.inner_rd_details .title_details { width: 100%; height: auto; }
.inner_rd_details .title_details .title, .inner_rd_details .title_details .title h1 { font-size: 36px; }
.inner_rd_details .title_details + .text_details { margin: 50px 0 0; }
.inner_rd_details .text_details { width: 100%; height: auto; font-size: 16px; color: #333; line-height: 2; overflow: hidden; }
.inner_rd_details .text_details *:not(:first-child) { margin-top: 2em; }
.inner_rd_details .text_details img { max-width: 100%; }




/* ???è§?é—?é￠?èˉ|??… */
.issdate_cont2{
    width: 100%;
    background: rgb(248,250,251);
    padding-top: 45px;
    padding-bottom: 140px;
}
.issdate_cont2 .wrap{
    background: #fff;
    padding: 0 50px;
    padding-bottom: 60px;
}
.issdate_cont2 .top{
    /*height: 140px;*/
    width: 100%;
   
}
.issdate_cont2 .top .p1{
    font-size: 36px;
    color: #333;
    font-family: "regular";
    line-height: 140px;
    /*width: 70%;*/
    float: left;


    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 1;*/
    overflow: hidden;
}
/* case_deta_contene2 */

.case_deta_contene2 {
    width: 281px;
    /* margin-bottom: 60px; */
    float: right;
    margin-top: 50px;
}

.case_deta_contene2 span {
    font-size: 16px;
    color: #666;
    float: left;
    line-height: 40px;
}

.case_deta_contene2 span img {
    margin-bottom: -4px;
}

.case_deta_contene2 #share-2 {
    float: left;
    margin-left: 10px;
}

.social-share .icon-weibo,
.social-share .icon-weibo:hover{
    background: rgb(218,60,60);
    border-color:rgb(218,60,60);
}
.social-share .icon-wechat,
.social-share .icon-wechat:hover{
    background: rgb(33,186,65);
    border-color:rgb(33,186,65);
}
.social-share .icon-qq,
.social-share .icon-qq:hover{
    background: rgb(62,145,238);
    border-color:rgb(62,145,238);
}
.social-share .icon-linkedin,
.social-share .icon-linkedin:hover{
    background: rgb(35,73,128);
    border-color:rgb(35,73,128);
}
.social-share .icon-qzone,
.social-share .icon-qzone:hover{
    background: rgb(244,197,11);
    border-color:rgb(244,197,11);
}
.social-share .social-share-icon {
    font-size: 15px;
    color: #fff;
}


.issdate_cont2 .bot{
    width: 100%;
    padding-top: 40px;
}
.issdate_cont2 .bot .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-bottom: 40px;
    line-height: 28px;
}
.issdate_cont2 .bot .ig{
    width: 100%;
}
.issdate_cont2 .bot .ig div{
    width: 464px;
    float: left;
}
.issdate_cont2 .bot .ig div img{
    width: 100%;
    height: 100%;
}
.issdate_cont2 .bot .ig div:nth-child(2){
    margin-left: 40px;
}
.issdate_cont2 .bot .p3{
    font-size: 18px;
    color: #e84926;
    font-family: "regular";
    margin-top: 40px;
}
.issdate_cont2 .bot .p4{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-top: 40px;
}

.issdate_cont2 .an{
    /* width: 100%; */
    display: table;
    margin: 0 auto;
    margin-top: 70px;
}
.issdate_cont2 .an a{
    font-size: 16px;
    color: #777;
    font-family: "regular";
}
.issdate_cont2 .an .lb{
    display: inline-block;
    width: 160px;
    height: 55px;
    background: rgb(232,73,38);
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 55px;
    margin: 0 40px;
}
.issdate_cont2 .an .lb img{
    margin-bottom: -2px;
}


/* ?…3?o???‘???-è?￡èa‰èμ?è′¨ */
.abdate_cont1{
    width: 100%;
}




.channel_content {
    min-height: 300px;
    background: rgb(242,245,246);
    padding: 70px 0px 100px;
}

/*??????è?￡èa‰*/

.about_honor .bd_l {
    width: 45%;
    float: left;
    height: 705px;
    background: rgba(173,184,194,0.5);
    position: relative;
}
.about_honor .bd_l .b_img {
    width: 100%;
    height: 705px;
}

.about_honor .bd_l .b_img img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.about_honor .bd_l .img_title {
    text-align: center;
    font-size: 22px;
    font-family: "medium";
    color: #fff;
    font-weight: normal;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: rgb(0,116,187);
}

.about_honor .bd_r {
    width: 55%;
    float: left;
    height: 705px;
}
.about_honor .bd_r_box {
    padding: 10% 8% 0;
    color: #222;

}
.about_honor .r_title {
    font-size: 30px;
    color: #333;
    font-family: "medium";
    margin-bottom: 20px;
}

.about_honor .r_text {
    margin-bottom: 40px;
}
.about_honor .r_text p{
    font-size: 16px;
    color: #666;
    line-height: 28px;
    font-family: "regular";
}

.about_honor .bd_r .img_box {
    height: 114px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 2px solid rgb(176,177,177);
}
.fix .on .img_box{
    border: 2px solid rgb(233,85,52);
}

.about_honor .bd_r .img_box img {
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.about_honor .bd_r li {
    margin-bottom: 14px;
    float: left;
    margin-right: 3%;
    width: 30%;
    cursor: pointer;

}

.about_honor .img_list {
    overflow: hidden;
    margin-bottom: 14px;
    padding-right: 4%;
    position: relative;
}
.about_honor .img_list .img_2{
    height: 490px;
    overflow-y: auto;
}
.scroll_bar{
    display: none !important;
}
.about_honor .img_list .img_2::-webkit-scrollbar {
    width: 3px;background-color: #dcdbdb;
}
.about_honor .img_list .img_2::-webkit-scrollbar-thumb {
    background-color:rgb(233,85,52);
    border-radius: 10px;
}

.about_honor .img_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/brown_80.png) repeat;
    top: 0;
    left: 0;
    opacity: 0;
}

.about_honor .img_cover .list_ico {
    width: 40px;
    height: 40px;
    background: url(../img/honor_img_ico.png) no-repeat center;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    display: block;
    position: absolute;
}

.about_honor .img_list.scrollbar-ui .scroll_slider {
    background: #dbd6d1
}

.about_honor .img_list.scrollbar-ui .scroll_bar {
    background: url(../img/honor_scroll_bj.png) repeat-y center;
}

.about_honor li:hover .img_cover {
    opacity: 1;
}

.about_honor .bd_r .img_title {
    display: none;
}
.honor_bd{
    background-image: url(../images/img108.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.channel_content .ann{
    display: table;
    margin: 0 auto;
}
.channel_content .ann button{
    font-size: 20px;
    font-family: "medium";
    width: 280px;
    height: 90px;
    border: 1px solid rgb(221,221,221);
}
.channel_content .ann a{
    display: inline-block;
}
.channel_content .ann a:nth-child(1){
    margin-right: 20px;
}
.channel_content .ann .on{
    color: #e84926;
}

.channel_content .ann button img{
    width: 30px;
    margin-bottom: -13px;
}
.channel_content .ann a:nth-child(1) button img{
    margin-bottom: -10px;
}
.channel_content .p{
    font-size: 16px;
    color: #444;
    font-family: "regular";
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
}



/* content1 */
.abdate_cont{
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid rgb(239,240,241);
    background: #fff;
    position: sticky;
    top: 0;
    transition: 0.3s;
    z-index: 9;
}

.abdate_cont a{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-right: 75px;
    line-height: 75px;
    display: inline-block;
    text-transform:Capitalize;
}
/* .abdate_cont a:hover{
  color: #0074bb;
  border-bottom: 3px solid #0074bb;
} */
.abdate_cont a.on{
    color: #0074bb;
    border-bottom: 3px solid #0074bb;
}





/* ????…￥?·¨?3° */
/* content2 */
.join_cont1{
    width: 100%;
    padding-top: 60px;
    padding-bottom: 115px;
    position: relative;
}
.join_bt{
    font-size: 40px;
    color: #333;
    font-family: "bold";
    padding-bottom: 75px;
    /*text-transform:Capitalize;*/
}
.join_cont1 .swiper-container {
    width: 100%;
    overflow: hidden;
    position: static;
}

.join_cont1 .swiper-slide div {
    width: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.join_cont1 .swiper-slide div:nth-child(3),
.join_cont1 .swiper-slide div:nth-child(5) {
    margin-right: 0;
}

.join_cont1 .swiper-slide div img {
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.join_cont1 .swiper-slide div:hover img{
    transform: scale(1.1);
}

.join_cont1 .swiper-button-next,
.join_cont1 .swiper-button-prev {
    width: 40px;
    height: 89px;
    background-image: url(../images/img119.png);
    background-repeat: no-repeat;
}

.join_cont1 .swiper-button-next {
    right: 280px;
}

.join_cont1 .swiper-button-prev {
    left: 280px;
    background-image: url(../images/img118.png)
}



/* join_cont2 */
.join_cont2{
    width: 100%;
    padding-bottom: 95px;
    padding-top: 90px;
    background: rgb(243,245,246);
}
.join_cont2 .rq{
    width: 100%;
}
.join_cont2 .rq1{
    width: 32%;
    margin-right: 2%;
    float: left;
}
.join_cont2 .rq1:nth-child(3){
    margin-right: 0;
}

.join_cont2 .rq1 div{
    width: 268px;
    height: 268px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.join_cont2 .rq1 div img{
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.join_cont2 .rq1:hover div img{
    transform: scale(1.1);
}
.join_cont2 .rq1:hover .p2{
    color: #0079c3;
}

.join_cont2 .rq .p2{
    font-size: 24px;
    color: #333;
    font-family: "bold";
    text-align: center;
    margin-top: 45px;
    margin: 35px;
    text-transform:Capitalize;
}
.join_cont2 .rq .p3{
    font-family: "normal";
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 78%;
    margin: 0 auto;
}



/* join_cont3 */
.join_cont3{
    width: 100%;
    padding-top: 70px;
    padding-bottom: 130px;
}
.join_cont3 .rq{
    width: 100%;
}
.join_cont3 .rq1{
    width: 100%;
    height:auto;
    /* overflow: hidden; */
    border: 1px solid rgb(222,222,222);
    padding: 0 80px;
    margin-bottom: 20px;
}
.join_cont3 .rq1 .top{
    width: 100%;
    height: 110px;
    line-height: 110px;
    background-image: url(../images/img123.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 42px;
}
.join_cont3 .top .p1{
    font-size: 24px;
    color: #333;
    font-family: "regular";
    float: left;
}
.join_cont3 .rq1:hover .p1{
    color: #0079c3;
}
.join_cont3 .top .p2{
    font-size: 18px;
    color: #666;
    font-family: "regular";
    text-align: center;
}

.join_cont3 .bot{
    padding-bottom: 65px;
    display: none;
}
.join_cont3 .bot .p3{
    font-size: 16px;
    color: #777;
    font-family: "regular";
    line-height: 35px;
}
.join_cont3 .bot a{
    display: inline-block;
    /* width: 90px; */
    padding: 0 15px;
    height: 45px;
    border-radius: 3px;
    background: rgb(232,73,38);
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    font-family: "regular";
    color: #fff;
    margin-top: 49px;
    margin-right: 10px;
}
.join_cont3 .bot .on{
    width: 150px;
}
.join_xz { background: rgb(243, 245, 246); position: relative; }
.join_xz .join_xz_main { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: 50px 0; }
.join_xz .join_xz_main .wrap { height: 100%; }
.join_xz .join_xz_main .join_xz_content { width: 100%; height: 100%;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}
.join_xz .join_xz_main .join_xz_content .join_bt { padding-bottom: 30px; color: #FFF; }
.join_xz .join_xz_main .join_xz_content .join_details { max-width: 700px; font-size: 24px; color: #FFF; font-family: "regular"; }
.jon_xz2 { background: #fff; }
.join_xz .join_xz_bg { width: 100%; height: auto; font-size: 0; }
.join_xz .join_xz_bg img { width: 100%; height: auto; min-height: 400px; object-fit: cover; }
@media (max-width: 1366px) {
    .join_xz .join_xz_main .join_xz_content .join_details { font-size: 20px; }
}
@media (max-width: 1024px) {
    .join_xz .join_xz_main .join_xz_content .join_details { font-size: 16px; }
}


/* è?”?3???‘??? */
.con_cont1{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 130px;
}
.con_cont1 .p1{
    width: 60%;
    margin: 0 auto;
    font-size: 18px;
    color: #666;
    font-family: "regular";
    text-align: center;
}
.con_cont1 .rq{
    width: 100%;
    margin-top: 55px;
}
.con_cont1 .rq input{
    height: 60px;
    font-size: 16px;
    color: #444;
    font-family: "regular";
    border: 1px solid rgb(229,229,229);
    width: 49%;
    margin-right: 2%;
    padding-left: 55px;
    background-image: url(../images/img125.png);
    background-position-x: 15px;
    background-position-y: center;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 10px;
}

.con_cont1 .rq input{margin-right: 2%}
.con_cont1 .rq input.i1{
    width: 23.5%;
}
.con_cont1 .rq input.i2{
    margin-right: 0%;
}

/*.con_cont1 .rq input:nth-child(2n){*/
/*    margin-right: 0;*/
/*}*/
.con_cont1 .rq input:nth-child(2){
    background-image: url(../images/img125.png);
}
.con_cont1 .rq input:nth-child(3){
    background-image: url(../images/img126.png);
}
.con_cont1 .rq input:nth-child(4){
    background-image: url(../images/img127.png);
}

.con_cont1 .rq input:nth-child(5){
    background-image: url(../images/country.png);
}


@media(max-width:768px){
    .con_cont1 .rq input.i1{
        width: 100%;
    }
}


.con_cont1 .xl,
.con_cont1 .x2{
    width: 49%;
    height: 60px;
    margin-right: 2%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.con_cont1 .x2{
    margin-right: 0;
}
.con_cont1 select {
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #444;
    border: 1px solid rgb(229,229,229);
    padding-left: 55px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/img129.png);
    background-position-x: 15px;
    background-position-y: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.con_cont1 .xl::before,
.con_cont1 .x2::before{
    content: '';
    width: 16px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0%,-50%);
    z-index: 111;
    background-image: url(../images/img131.png);
    background-repeat: no-repeat;
    z-index: 0;
}
.con_cont1 .xl span{
    font-size: 16px;
    color: #999;
    display: block;
    line-height: 60px;
    position: absolute;
    left: 60%;
}
.con_cont1 .x2 select{
    background-image: url(../images/product.png);
}
.con_cont1 .x2 span{
    font-size: 16px;
    color: #999;
    display: block;
    line-height: 60px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
}
.con_cont1 textarea{
    width: 100%;
    height: 200px;
    font-size: 16px;
    color: #444;
    font-family: "regular";
    border: 1px solid rgb(229,229,229);
    background-image: url(../images/img130.png);
    background-position-x: 15px;
    background-position-y: 17px;
    background-repeat: no-repeat;
    padding-top: 17px;
    padding-left: 55px;
}
.con_cont1 button{
    width: 160px;
    height: 50px;
    background: rgb(0,121,195);
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 49px;
    transition: all .3s;
}
.con_cont1 button:hover{
    /* background: rgb(232,73,38); */
}




/* con_cont2 */
.con_cont2{
    width: 100%;
    padding-bottom: 472px;
}
.con_cont2 .ig,.con_cont2 .ig img{
    width: 100%;
    height: 100%;
}
.con_cont2 .ig{
    position: relative;
}
.con_cont2 .wrap{
    position: absolute;
    top: 450px;
    left: 50%;
    transform: translate(-50%,0%);
}
.con_cont2 .rq{
    width: 100%;
    background: #fff;
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    padding: 90px 75px;
}
.con_cont2 .lef{
    float: left;
    width: 50%;
}
.con_cont2 .p1{
    font-size: 26px;
    color: #444;
    font-family: "medium";
    margin-bottom: 20px;
}
.con_cont2 .lef .p2{
    font-size: 18px;
    color: #666;
    font-family: "regular";
    line-height: 35px;
}
.con_cont2 .lef .p2 span{
    font-size: 20px;
    color: #0074bb;
    font-family: "medium";
}
.con_cont2 .rig{
    float: right;
    width: 32%;
}
.con_cont2 .rig .p2{
    font-size: 16px;
    color: #666;
    font-family: "normal";
    margin-bottom: 25px;
}




/* ?a’??“??-??? */
.new_cont1{
    width: 100%;
    padding-top: 105px;
    padding-bottom: 85px;
}
.new_cont1 .swiper-slide{
    width: 100%;
    background: rgb(248,248,248);
}
.new_cont1 .lef{
    float: left;
    width: 38%;
}

.new_cont1 .lef .divImg2{
    width: 460px;
    height: 310px;
    margin:0 auto;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}


.new_cont1 .lef img{
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    transition: all .5s;
}
.new_cont1 .rig{
    float: right;
    width: 62%;
    /* height: 350px; */
    height: 276px;
    padding: 30px 75px;
    background-image: url(../images/img135.png);
    background-repeat: no-repeat;
    background-position-x: 75px;
    background-position-y: 85%;
    transition: all .3s;
}
.new_cont1 .swiper-slide:hover>a .lef img{
    transform: scale(1.1);
}
.new_cont1 .swiper-slide:hover>a .rig{
    background-image: url(../images/img134.png);
}
.new_cont1 .rig .p1{
    font-size: 22px;
    color: #333;
    font-family: "regular";
    margin-bottom: 18px;
}
.new_cont1 .rig .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_cont1 .swiper-pagination-bullets{
    bottom: 16%;
    left: 40%;
    width: 100%;
}
.new_cont1 .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 2px solid rgb(206,206,206);
    background: #fff;
    opacity: 1;
}
.new_cont1 .swiper-pagination-bullet-active{
    background: rgb(232,73,38);
    border: 2px solid rgb(232,73,38);
}


/* con_cont3 */
.new_cont2{
    width: 100%;
    padding-bottom: 117px;
}
.new_cont2 .rq{
    width: 100%;
}
.new_cont2 .rq1{
    height: 410px;
    width: 32%;
    margin-right: 2%;
    float: left;
    box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3);
    margin-bottom: 30px;
}
.new_cont2 .rq1:nth-child(3n){
    margin-right: 0;
}

.top .divImg2{
    width: 100%;
    height: 230px;
    margin: 0 auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_cont2 .rq1 .top{
    width: 100%;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.new_cont2 .rq1 .top img{
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    transition: all .5s;
}
.new_cont2 .rq1 .top p{
    width: 90px;
    height: 35px;
    background: rgba(3,112,178,0.8);
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    font-family: "medium";
    line-height: 35px;
    text-align: center;
}

.new_cont2 .rq1 .bot{
    width: 100%;
    height: 180px;
    padding: 29px;
    background-image: url(../images/img135.png);
    background-repeat: no-repeat;
    background-position-x: 29px;
    background-position-y: 80%;
    transition: all .3s;
}
.new_cont2 .rq1:hover>a .top img{
    transform: scale(1.1);
}
.new_cont2 .rq1:hover>a .bot{
    background-image: url(../images/img134.png);
}
.new_cont2 .rq1 .bot .p1{
    font-size: 18px;
    color: #333;
    font-family: "regular";
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.new_cont2 .rq1 .bot .p2{
    font-size: 14px;
    color: #666;
    font-family: "regular";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 23px;
}

.fyq{
    width: auto;
    display: table;
    margin: 0 auto;
    margin-top: 75px;
}
.fyq a{
    display: inline-block;
    width: 55px;
    height: 55px;
    border: 2px solid rgb(216,216,216);
    line-height: 55px;
    text-align: center;
    font-size: 22px;
    color: #666;
    margin-right: 10px;
    font-family: "regular";
}
.fyq .a1{
    width: 30px;
    border: none;
}
.fyq .a2{
    width: 105px;
    height: 55px;
    font-size: 18px;
}
.fyq .on{
    color: #fff;
    background: rgb(232,73,38);
    border: 2px solid rgb(232,73,38);
}
.fyq a:hover{
    color: #fff;
    background: rgb(232,73,38);
    border: 2px solid rgb(232,73,38);
}
.fyq .a1:hover{
    color: #666;
    border: none;
    background: none;
}




/* ??????????o? */
/* newsha_cone1 */
.newsha_cone1{
    width: 100%;
    padding: 110px 0;
}
.newsha_cone1 .rq{
    width: 100%;
    height: 240px;
    background: rgb(248,248,248);
    margin-bottom: 60px;
}
.newsha_cone1 .lef{
    float: left;
    width: 450px;
    height: 100%;
    overflow: hidden;
}
.newsha_cone1 .lef img{
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.newsha_cone1 .rig{
    float: left;
    width: 750px;
    height: 100%;
    padding: 15px 85px;
}
.newsha_cone1 .rig .p1{
    font-size: 22px;
    color: #333;
    font-family: "regular";
    margin-bottom: 12px;
}
.newsha_cone1 .rig .p2{
    font-size: 14px;
    color: #666;
    font-family: "regular";
    line-height: 25px;
}
.newsha_cone1 .rig a{
    font-size: 12px;
    color: #fff;
    width: 140px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    background: rgb(153,153,153);
    margin-top: 30px;
}
.newsha_cone1 .rig a img{
    margin-left: 5px;
}
.newsha_cone1 .rq:hover>.lef img{
    transform: scale(1.1);
}
.newsha_cone1 .rq:hover>.rig a{
    background: rgb(232,73,38);
}
.newsha_cone1 .fyq{
    margin-top: 90px;
}





/* .?a’??“??-???èˉ|??… */
.newdate,
.issdate_cont2 .newdate{
    background: rgb(248,250,251);
}
.newdate2{
    background: #fff;
    padding-bottom: 70px;
}
.newdate2 .top{
    /*height: 190px;*/
    padding-top: 70px;
}
.newdate2 .case_deta_contene2{
    margin-top: 0;
}
.newdate2 .top .p1{
    line-height: 40px;
    margin-bottom:30px;
}
.newdate2 .top .p2{
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #666;
    width: 100%;
    float: left;
    font-family: "regular";
     border-bottom: 1px solid rgb(214,214,214);
    
}
.newdate2 .top .p2 img{
    margin-bottom: -4px;
    margin-right: 13px;
}
.newdate2 .bot div,
.newdate2 .bot div img,
.newdate2 .bot span img,
.newdate2 .bot p img{
    max-width: 100%;
    /* height: 100%; */
}
.newdate2 .bot {
    padding-top: 0;
}
.newdate2 .bot .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-bottom: 45px;
    margin-top: 40px;
}
.newdate2 .bot .an a img{
    width: 22px;
    height: 14px;
}
.newdate2 .bot .an a{
    display: inline-block;
    height: 55px;
    line-height: 55px;
    background: #fff;
    padding: 0 45px;
}
.newdate2 .bot .an a:nth-child(1),.newdate2 .bot .an a:nth-child(3){
    width: 356px;
    overflow: hidden;
}
.newdate2 .bot .an a:nth-child(2){
    width:160px;
    overflow: hidden;
}
.newdate2 .bot .an .lb{
    background: rgb(232,73,38);
    padding: 0;
}
.newdate2 .bot .an a:hover{
    background: rgb(232,73,38);
    color: #fff;
}



/* newdate_cont3 */
.newdate_cont3{
    width: 100%;
    padding-bottom: 110px;
    position: relative;
}
.newdate_cont3 .p1{
    font-size: 40px;
    color: #333;
    font-family: "bold";
    text-align: center;
    margin-bottom: 40px;
}
.newdate_cont3 .swiper-container{
    padding: 5px;
}
.newdate_cont3 .swiper-slide{
    height: 420px;
    background: #fff;
    box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3);
}
.newdate_cont3 .top{
    height: 230px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.newdate_cont3 .top img{
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.newdate_cont3 .top p{
    font-size: 16px;
    color: #fff;
    font-family: "medium";
    display: inline-block;
    width: 90px;
    height: 35px;
    background: rgba(8,119,197,0.8);
    text-align: center;
    line-height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.newdate_cont3 .bot{
    height: 190px;
    width: 100%;
    padding: 30px 25px;
    background-image: url(../images/img141.png);
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: 80%;
    transition: all .5s;
}
.newdate_cont3 .bot .p2{
    font-size: 18px;
    color: #333;
    font-family: "regular";
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.newdate_cont3 .bot .p3{
    font-size: 14px;
    color: #666;
    line-height: 25px;
    font-family: "regular";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.newdate_cont3 .swiper-button-prev,
.newdate_cont3 .swiper-button-next{
    width: 52px;
    height: 52px;
    background-image: url(../images/img145.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transition: all .3s;
}
.newdate_cont3 .swiper-button-prev{
    left: 14%;
}
.newdate_cont3 .swiper-button-next{
    right: 14%;
    background-image: url(../images/img142.png);
}
.newdate_cont3 .swiper-button-prev:hover{
    background-image: url(../images/img143.png);
}
.newdate_cont3 .swiper-button-next:hover{
    background-image: url(../images/img144.png);
}
.newdate_cont3 .swiper-slide:hover>a .top img{
    transform: scale(1.1);
}
.newdate_cont3 .swiper-slide:hover>a .bot{
    background-position-x: 50px;
    background-image: url(../images/img146.png);
}





/* ?…¨????????? */
.ser_cont2{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 75px;
}
.ser_cont2 .rq{
    width: 100%;
}
.ser_cont2 .rq .lef{
    float: left;
    width: 543px;
    height: 528px;
    padding: 45px 0;
}
.ser_cont2 .rq .lef .cont_s{
    height: 396px;
    overflow-y: auto;
}
.ser_cont2 .rq .rig{
    float: right;
    width: 657px;
    height: 528px;
}
.ser_cont2 .rq .rig img{
    width: 100%;
    height: 100%;
}
.ser_cont2 .rq .lef .p1{
    font-size: 16px;
    color: #fff;
    font-family: "regular";
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgb(232,73,38);
    margin-bottom: 5px;
}
.ser_bt{
    font-size: 40px;
    color: #333;
    font-family: "medium";
}
.ser_cont2 .rq .lef .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    width: 87%;
    margin-top: 33px;
    line-height: 23px;
}


.ser_cont2 .rq2{
    width: 100%;
    margin-top: 70px;
}
.ser_cont2 .rq2 .rq2_1{
    width: 355px;
    height: 210px;
    background-image: url(../images/img148.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 23px;
    box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.1);
    float: left;
    margin-right: 67px;
    transition: all .3s;
}

.ser_cont2 .rq2 .rq2_1 .cont_s{
    height: 100px;
    overflow-y: auto;
}
.ser_cont2 .rq2 .rq2_1:nth-child(2){
    background-image: url(../images/img149.png);
}
.ser_cont2 .rq2 .rq2_1:nth-child(3){
    background-image: url(../images/img150.png);
    margin-right: 0;
}
.ser_cont2 .rq2 .rq2_1:hover{
    transform: translate3d(0,-10px,0);
}

.ser_cont2 .rq2 .rq2_1 .ig{
    width: 49px;
    height: 43px;
    margin: 0 auto;
}
.ser_cont2 .rq2 .rq2_1 .p1{
    font-size: 20px;
    color: #333;
    font-family: "regular";
    text-align: center;
    margin-bottom: 10px;
}
.ser_cont2 .rq2 .rq2_1 .p2{
    font-size: 14px;
    color: #666;
    font-family: "light";
    text-align: center;
    position: relative;
    line-height: 23px;
}
.ser_cont2 .rq2 .rq2_1 .p2::before{
    content: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0079c3;
    position: absolute;
    top: 7px;
    transform: translateX(-10px);
}


/* ser_cont3 */
.ser_cont3{
    background: rgb(240,245,248);
    padding-bottom: 20px;
}
.ser_cont3 .dt{
    float: none;
    margin-top: 40px;
    position: relative;
    margin-right: 0;
}
.ser_cont3 .ser_bt{
    text-align: center;
}
.ser_fbt{
    font-size: 16px;
    color: #999;
    font-family: "regular";
    text-align: center;
}
.ser_cont3 .dz{
    position: absolute;
    left: 78%;
    top: 48%;
    transform: translate(-50%, -50%);
}
.ser_cont3 .dznr{
    width: 444px;
    height: 310px;
    background-image: url(../images/img156.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 30%;
    top: -235%;
    padding: 44px 65px;
    opacity: 1;
    transition: all .5s;
    /* display: none; */
}
.ser_cont3 .dznr .p1{
    font-size: 20px;
    color: #333;
    font-family: "regular";
}
.ser_cont3 .dznr .p2{
    font-size: 16px;
    color: #666;
    font-family: "regular";
}
.ser_cont3 .dz:hover>.dznr{
    opacity: 1;
}
.app2{display: none;}

.content5.ser_cont3 .dt .dian1 {width: 7px;height: 7px;border-radius: 50%;background: rgb(10,185,223);position: absolute;left: 16%;top: 40.7%;transform: translate(-50%, -50%);}
.content5.ser_cont3 .dt .dian2 {left: 49.5%;top: 30.5%;}
.content5.ser_cont3 .dt .dian3 {left: 48%;top: 36%;}
.content5.ser_cont3 .dt .dian6 {left: 78%;top: 38.5%;}
.content5.ser_cont3 .dt .dian4 {left: 82%;top: 42%;}
.content5.ser_cont3 .dt .dian5 {left: 79.5%;top: 45.2%;}
.content5.ser_cont3 .dt .dian8 {left: 78.2%;top: 50%;display: none;}

.content5.ser_cont3 .ser_main { width: 100%; height: auto; margin: 50px 0 0; 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; }
.content5.ser_cont3 .ser_main .ser_content { width: auto; height: auto; position: relative; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item { width: 0; height: 0; position: absolute; left: 50%; top: 50%; --color: #000; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon { width: 16px; height: 21px; position: absolute; left: 50%; transform: translate(-50%, -50%);
    -webkit-mask: url('../images/img192.png') no-repeat center / cover; mask: url('../images/img192.png') no-repeat center / cover; background: var(--color);
}
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon img { max-width: 100%; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info { width: auto; height: auto; position: absolute; left: 0; top: 0; transform: translate(20px, -10px); white-space: nowrap; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .title { line-height: 1; font-weight: 700; font-size: 20px; color: var(--color); }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .subtitle { margin: .5em 0 0; font-size: 14px; color: #757575; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_rt .info { top: auto; bottom: 0; transform: translate(20px, -10px); }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_left .info { left: auto; right: 0; transform: translate(-20px, -40px); text-align: right; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_bottom .info { transform: translate(-50%, 20px); text-align: center; }
.content5.ser_cont3 .ser_main .ser_content .ser_img { width: auto; height: auto; font-size: 0; }
.content5.ser_cont3 .ser_main .ser_content .ser_img img { width: 100%; max-width: 100%; }

.content5.ser_cont3 .ser_mobile { width: 100%; margin: 30px 0 0; display: none; }
.content5.ser_cont3 .ser_mobile img { max-width: 100%; }

@media (max-width: 1280px) {
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon { width: 12px; height: 16px; }
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .title { font-size: 14px; }
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .subtitle { font-size: 12px; }
}
@media (max-width: 990px) {
    .content5.ser_cont3 .ser_main { display: none; }
    .content5.ser_cont3 .ser_mobile { display: block; }
}



/* ser_cont4 */
/*.ser_cont4 { width: 100%; padding-top: 80px; padding-bottom: 60px; position: relative; }*/
/*.ser_cont4 .ser_fbt { margin-bottom: 70px; }*/
/*.ser_cont4 .ser_bt { text-align: center; }*/
/*.ser_cont4 .swiper-slide { background: rgb(232, 73, 38); height: 355px; padding: 35px 50px; position: relative; }*/
/*.ser_cont4 .swiper-slide:nth-child(2n) { background: rgb(0, 116, 187); }*/
/*.ser_cont4 .p1 { font-size: 22px; color: #fff; font-family: "regular"; margin-top: 15px; }*/
/*.ser_cont4 .p2 { font-size: 14px; color: #fff; font-family: "regular"; width: 100px; height: 30px; text-align: center; line-height: 30px; margin-bottom: 35px; }*/
/*.ser_cont4 .p3 { font-size: 16px; color: #fff; font-family: "regular"; opacity: 0.66; height: 112px; overflow: auto; padding-right: 5px; }*/
/*.ser_cont4 .p3::-webkit-scrollbar { width: 2px; background-color: #333; border-radius: 50px; }*/
/*.ser_cont4 .p3::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }*/
/*.ser_cont4 .p3::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #333 }*/
/*.ser_cont4 .p4 { font-size: 12px; color: #fff; font-family: "regular"; position: absolute; top: 80%; }*/
/*.ser_cont4 .swiper-button-prev, .ser_cont4 .swiper-button-next { width: 52px; height: 52px; background-image: url(../images/img145.png); background-repeat: no-repeat; background-size: contain; opacity: 1; transition: all .5s; top: 55%; }*/
/*.ser_cont4 .swiper-button-prev { left: 14%; }*/
/*.ser_cont4 .swiper-button-next { right: 14%; background-image: url(../images/img142.png); }*/
/*.ser_cont4 .swiper-button-prev:hover { background-image: url(../images/img143.png); }*/
/*.ser_cont4 .swiper-button-next:hover { background-image: url(../images/img144.png); }*/
/*.ser_cont4 .p5 { font-size: 18px; color: #999; font-family: "normal"; text-align: center; border-bottom: 2px solid rgb(241, 241, 241); display: block; margin: 0 auto; width: 75px; padding-bottom: 5px; margin-top: 55px; cursor: pointer; }*/

.ser_cont4 { width: 100%; padding-top: 80px; padding-bottom: 60px; position: relative; }
.ser_cont4 .ser_fbt { margin-bottom: 70px; }
.ser_cont4 .ser_bt { text-align: center; }
.ser_cont4 .swiper-slide { background: rgb(232, 73, 38); position: relative; }
.ser_cont4 .swiper-slide:nth-child(2n) { background: rgb(0, 116, 187); }
.ser_cont4 .img { width: 100%; height: auto; overflow: hidden; }
.ser_cont4 .img .pb { width: 100%; height: 0; position: relative; padding-bottom: 63.157894736842105263157894736842%; overflow: hidden; }
.ser_cont4 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont4 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont4 .info { width: 100%; height: auto; padding: 30px; }
.ser_cont4 .p1 { font-size: 22px; color: #fff; font-family: "regular"; }
.ser_cont4 .p3 { width: 100%; height: calc(2em * 1.5); margin: 15px 0 20px; font-size: 14px; color: #fff; font-family: "regular"; opacity: 0.66; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ser_cont4 .p4 { font-size: 12px; color: #fff; font-family: "regular"; }
.ser_cont4 .swiper-button-prev, .ser_cont4 .swiper-button-next { width: 52px; height: 52px; background-image: url(../images/img145.png); background-repeat: no-repeat; background-size: contain; opacity: 1; transition: all .5s; top: 55%; }
.ser_cont4 .swiper-button-prev { left: 14%; }
.ser_cont4 .swiper-button-next { right: 14%; background-image: url(../images/img142.png); }
.ser_cont4 .swiper-button-prev:hover { background-image: url(../images/img143.png); }
.ser_cont4 .swiper-button-next:hover { background-image: url(../images/img144.png); }
.ser_cont4 .p5 { font-size: 18px; color: #999; font-family: "normal"; text-align: center; border-bottom: 2px solid rgb(241, 241, 241); display: block; margin: 0 auto; width: 75px; padding-bottom: 5px; margin-top: 55px; cursor: pointer; }



/* ser_cont5 */
/*.ser_cont5{width: 100%;background: rgb(240,245,248);padding-top: 100px;padding-bottom: 150px;}*/
/*.ser_cont5 .ser_bt{text-align: center;}*/
/*.ser_cont5 .rq{width: 100%;margin-top: 75px;}*/
/*.ser_cont5 .rq .rq1{width: 32%;height: 285px;background: #fff;border: 1px solid rgb(221,221,211);margin-right: 2%;float: left;padding: 0 40px;padding-top: 65px;}*/
/*.ser_cont5 .rq .rq1:nth-child(3n){ margin-right: 0; }*/
/*.ser_cont5 .rq .rq1 .p1{ font-size: 22px; color: #444444; font-family: "regular"; }*/
/*.ser_cont5 .rq .rq1 .p2{ font-size: 18px; color: #999; font-family: "regular"; margin-top: 15px; margin-bottom: 36px; }*/
/*.ser_cont5 .rq .rq1 .p3{ display: block; width: 50px; height: 48px; border: 1px solid rgb(221,221,211); background: url(../images/img157.png) #fff; background-size: 19px; background-position: center;*/
/*    background-repeat: no-repeat; transition: all .3s; }*/
/*.ser_cont5 .rq .rq1:hover>a .p3{ background: url(../images/img158.png) rgb(232,73,38); background-size: 19px; background-position: center; background-repeat: no-repeat; }*/

.ser_cont5 { width: 100%; background: rgb(240, 245, 248); padding-top: 100px; padding-bottom: 150px; }
.ser_cont5 .ser_bt { text-align: center; }
.ser_cont5 .down_menu { width: 100%; overflow: hidden; }
.ser_cont5 .down_menu .down_item { width: 100%; height: auto; }
.ser_cont5 .down_menu .down_item ~ * { margin: 75px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box { width: 100%; height: auto; margin: 50px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide { width: 33.33%; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 { width: 100%; height: auto; background: #fff; border: 1px solid rgb(221, 221, 211); }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 a { width: 100%; height: auto; display: block; padding: 30px; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1:nth-child(3n) { margin-right: 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img { width: 100%; height: auto; overflow: hidden; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img .pb { width: 100%; height: 0; padding-bottom: 66.66%; position: relative; overflow: hidden; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .info { width: 100%; height: auto; margin: 20px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 24px; color: #444444; font-family: "regular"; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 18px; color: #999; font-family: "regular"; margin-top: 15px; margin-bottom: 45px; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p3 { display: block; width: 50px; height: 48px; border: 1px solid rgb(221, 221, 211); background: url(../images/img157.png) #fff; background-size: 19px; background-position: center; background-repeat: no-repeat; transition: all .3s; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1:hover>a .p3 { background: url(../images/img158.png) rgb(232, 73, 38); background-size: 19px; background-position: center; background-repeat: no-repeat; }
.ser_cont5 .down_menu .down_item .pager { margin: 2.5vw 0 0; 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; grid-gap: 10px; }
.ser_cont5 .down_menu .down_item .pager span { width: 10px; height: 10px; border-radius: 50%; background: #000; opacity: .2; transition: all .5s ease; }
.ser_cont5 .down_menu .down_item .pager span.active { background: #0074bb; opacity: 1; }


.ser_cont5.ser_cont52 .rq.fd { width: 100%; margin: 40px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 { width: 100%; height: auto; background: #fff; border: 1px solid rgb(221, 221, 211); overflow: hidden; }
.ser_cont5.ser_cont52 .rq.fd .rq1 a { width: 100%; height: auto; display: block; padding: 30px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img .pb { width: 100%; height: 0; padding-bottom: 66.66%; position: relative; overflow: hidden; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .info { width: 100%; height: auto; margin: 20px 0 0; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p1 { font-size: 24px; color: #444444; font-family: "regular"; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p2 { font-size: 18px; color: #999; font-family: "regular"; margin-top: 15px; margin-bottom: 45px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p3 { display: block; width: 50px; height: 48px; border: 1px solid rgb(221, 221, 211); background: url(../images/img157.png) #fff; background-size: 19px; background-position: center; background-repeat: no-repeat; transition: all .3s; }
.ser_cont5.ser_cont52 .rq.fd .rq1:hover>a .p3 { background: url(../images/img158.png) rgb(232, 73, 38); background-size: 19px; background-position: center; background-repeat: no-repeat; }
@media (max-width: 1366px) {
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p1, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 20px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p2, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 16px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p3, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p3 { width: 40px; height: 38px; background-size: 12px; }
}
@media (max-width: 1024px) {
    .ser_cont5.ser_cont52 .rq.fd { grid-gap: 20px; }
    .ser_cont5 .down_menu .down_item ~ * { margin: 50px 0 0; }
    .ser_cont5 .down_menu .down_item .swiper_box { margin: 30px 0 0; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 a, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 a { padding: 20px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p1, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 18px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p2, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 14px; }
    .ser_cont5 .down_menu .down_item .pager { margin: 30px 0 0; }
    .ser_cont5 .down_menu .down_item .pager span { width: 8px; height: 8px; }
}
@media (max-width: 768px) {
    .ser_cont5.ser_cont52 .rq.fd { grid-template-columns: 100%; }
}



/* ?…¨?????????-???è§?é—?é￠? */
.servedat_cont{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 110px;
}
.servedat_cont .rq{
    width: 100%;
}
.servedat_cont .rq1{
    width: 49%;
    height: 355px;
    margin-right: 2%;
    float: left;
    background: #fff;
    box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2);
    padding: 35px;
    position: relative;
    margin-bottom: 50px;
    transition: all .3s;
}
.servedat_cont .rq1:nth-child(2n){
    margin-right: 0;
}
.servedat_cont .p1{
    font-size: 22px;
    color: #666;
    font-family: "regular";
    margin-top: 15px;
}
.servedat_cont .p2{
    font-size: 14px;
    color: #666;
    font-family: "regular";
    width: 100px;
    height: 30px;
    /*border: 1px solid rgb(241,241,241);*/
    text-align: center;
    line-height: 30px;
    /*margin-top: 25px;*/
    margin-bottom: 35px;
    transition: all .3s;
}
.servedat_cont .p3{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    opacity: 0.66;
    transition: all .3s;
}
.servedat_cont .p4{
    width: 73px;
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 80%;
    background-image: url(../images/img159.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    transition: all .3s;
}
.servedat_cont .rq1:hover{
    background: rgb(232,73,38);
}
.servedat_cont .rq1:hover a p{
    color: #fff;
}
.servedat_cont .rq1:hover a .p4{
    background-image: url(../images/img12.png);
}
.servedat_cont .fyq{
    padding-top: 70px;
}



/* ?…¨?????????-??€??ˉ?”ˉ??? */
.down_cont{
    padding-top: 80px;
    padding-bottom: 130px;
}
.down_cont .ser_bt{
    font-size: 36px;
    text-transform:Capitalize;
}
.down_cont .rq1{
    margin-bottom: 30px;
}
.down_cont .fyq{
    margin-top: 70px;
}




.form{
    width: 1200px;
    height: 740px;
    background: #fff;
    box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2);
    position: fixed;
    /* top: 212px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    padding: 0 125px;
    padding-top: 73px;
    display: none;
}
.form .p1{
    font-size: 26px;
    color: #333;
    font-family: "regular";
    text-align: center;
    margin-bottom: 55px;
}
.form input{
    width: 100%;
    height: 55px;
    border: 1px solid rgb(224,224,224);
    padding-left: 20px;
    font-size: 16px;
    color: #777;
    font-family: "regular";
    margin-bottom: 25px;
}

.form select {
    color: #777;
    width: 100%;
    height: 55px;
    font-size: 16px;
    font-family: "regular";
    border: 1px solid rgb(229,229,229);
    padding-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/img131.png);
    background-position-x: 97%;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.form button{
    width: 100%;
    font-size: 20px;
    height: 55px;
    color: #fff;
    font-family: "regular";
    background: rgb(52,115,182);
    transition: all .5s;
}
.form button:hover{
    background: rgb(232,73,38);
}
.form img{
    float: right;
}

.form .inp2 {
    width: 33%;
}




/* ?…3?o???‘??? */
/* about_cont2 */
.about_cont2{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 20px;
}
.ab_bt{
    font-size: 40px;
    color: #333;  font-family: "bold";
    text-align: center;
}
.about_cont2 .p1{
    font-size: 16px;
    color: #777;
    font-family: "normal";
    text-align: center;
    line-height: 28px;
}
.about_cont2 button{
    width: 160px;
    height: 45px;
    /* background: rgb(232,73,38); */
    font-size: 14px;
    color: #fff;
    display: block;margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.about_cont2 button img{
    margin-left: 10px;
    margin-bottom: 2px;
    transition: all .8s;
}
.about_cont2 button:hover img{
    margin-left: 20px;
}
.about_cont2 .p2{
    display: none;
}
.about_cont2 .void{
    width: 100%;
}
.about_cont2 .void img{
    width: 100%;
    height: 100%;
}

.about_cont2 .abo_video:after {
    content: '';
    width: 64px;
    height: 64px;
    background: url(../images/img162.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    background-size: contain;
    z-index: 10;
}

.about_cont2 .abo_video:hover:after {
    top: 47%;
}

.about_cont2 .content3{
    background-image: none;
}
.about_cont2 .content3 .content3_1 .p1 span{
    color: #333;
}
.about_cont2 .content3 .content3_1 .p1{
    color: #666;
}
.about_cont2 .content3 .content3_1:nth-child(1){
    background-image: url(../images/img219.png);
}
.about_cont2 .content3 .content3_1:nth-child(2){
    background-image: url(../images/img164.png);
}
.about_cont2 .content3 .content3_1:nth-child(3){
    background-image: url(../images/img165.png);
}
.about_cont2 .content3 .content3_1:nth-child(4){
    background-image: url(../images/img166.png);
}




/* .about_cont3 */
.about_cont3{
    width: 100%;
    padding-top: 75px;
    padding-bottom: 80px;
    background: rgb(242,245,246);
}
.about_cont3 .rq{
    width: 100%;
    padding-top: 85px;
}
.about_cont3 .lef{
    width: 50%;
    float: left;
}
.about_cont3 .lerq{
    width: 100%;
    height: 90px;
    padding-left: 115px;
    margin-bottom: 30px;
    position: relative;
}
.about_cont3 .lerq .y{
    width: 80px;
    height: 79px;
    background-image: url(../images/img171.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    border-radius: 50%;
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.2);
    transition: all .3s;
}
.about_cont3 .lerq:nth-child(2) .y{
    background-image: url(../images/img168.png);
}
.about_cont3 .lerq:nth-child(3) .y{
    background-image: url(../images/img169.png);
}
.about_cont3 .lerq:nth-child(4) .y{
    background-image: url(../images/img170.png);
}
.about_cont3 .lerq:nth-child(1).on .y{
    background-image: url(../images/img167.png);
    box-shadow: 0 10px 30px rgba(204,0,0,.2);
}
.about_cont3 .lerq:nth-child(2).on .y{
    background-image: url(../images/img172.png);
    box-shadow: 0 10px 30px rgba(204,0,0,.2);
}
.about_cont3 .lerq:nth-child(3).on .y{
    background-image: url(../images/img173.png);
    box-shadow: 0 10px 30px rgba(204,0,0,.2);
}
.about_cont3 .lerq:nth-child(4).on .y{
    background-image: url(../images/img174.png);
    box-shadow: 0 10px 30px rgba(204,0,0,.2);
}
.about_cont3 .lerq .p1{
    font-size: 22px;
    color: #333;
    font-family: "regular";
    margin-bottom: 7px;
}
.about_cont3 .on .p1{
    color: #e84b28;
}
.about_cont3 .lerq .p2{
    font-size: 18px;
    color: #666;
    font-family: "regular";
}

.about_cont3 .rig{
    width: 50%;
    float: right;
    position: relative;
    transition: all 1s;
    transform: rotate(0deg);
}
.about_cont3 .ig{
    width: 357px;
    height: 355px;
    margin: 0 auto;
}
.about_cont3 .ig img{
    width: 100%;
    height: 100%;
}
.about_cont3 .rig .p3{
    font-size: 24px;
    color: #444;
    font-family: "regular";
}
.about_cont3 .rig .on{
    color: #0076bd;
}
.about_cont3 .rig .p31{
    position: absolute;
    left: 50%;
    top: -4%;
    transform: translate(-50%,-50%);
}
.about_cont3 .rig .p32{
    position: absolute;
    left: 13%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.about_cont3 .rig .p33{
    position: absolute;
    left: 50%;
    top: 106%;
    transform: translate(-50%,-50%);
}
.about_cont3 .rig .p34{
    position: absolute;
    left: 89%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 16%;
}
.about_cont3 .rig .ig2{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}



/* .about_cont4 */
.about_cont4{
    width: 100%;
    position: relative;
}
.about_cont4 .bj,.about_cont4 .bj img{
    width: 100%;
    height: 100%;
}
.about_cont4 .wrap{
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%,0%);
}
.about_cont4 .ab_bt{
    color: #fff;
    margin-top: 73px;
}
.ab_fbt{
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    font-family: "regular";
    text-align: center;
    margin-top: 8px;
}
.about_cont4 .rq{
    width: auto;
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}
.about_cont4 .rq1{
    width: 201px;
    height: 180px;
    background-image: url(../images/img179.png);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 90px;
    transition: all .3s;
}
.about_cont4 .rq1:nth-child(1){
    margin-left: 0;
}
.about_cont4 .rq1 div{
    width: 100%;
    height: 100%;
    background-image: url(../images/img183.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 30%;
}
.about_cont4 .rq1 div p{
    color: #444;
    font-size: 20px;
    font-family: "medium";
    text-align: center;
    padding-top: 105px;
}
.about_cont4 .rq1:nth-child(2)>a div{
    background-image: url(../images/img181.png);
}

.about_cont4 .rq1:hover{
    background-image: url(../images/img178.png);
}
.about_cont4 .rq1:nth-child(1):hover>a div{
    background-image: url(../images/img180.png);
}
.about_cont4 .rq1:nth-child(2):hover>a div{
    background-image: url(../images/img182.png);
}
.about_cont4 .rq1:hover>a div p{
    color: #fff;
}




/* about_cont5 */
.about_cont5{
    width: 100%;
    padding: 110px 0;
    background: rgb(242,245,246);
}
.about_cont5,
.development-box{
    position: relative;
}
.development-box .swiper-slide {
    padding: 0 5px;
}
.deve-item {
    position: relative;
}
.deve-center {
    padding: 0 0 25px 0;
}
.deve-center .m-dot {
    width: 16px;
    height: 16px;
    border: 1px solid #6b6b6b;
    border-radius: 50%;
    padding: 4px;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.deve-center .m-dot i {
    display: block;
    width: 6px;
    height: 6px;
    background: #6b6b6b;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}



.deve-center .m-day{
    font-size: 15px;
    font-weight: 600;
    color: #666;
    text-align: center;
    margin-top: 5px;
}
.deve-item:hover .deve-center .m-dot{
    border-color:  #e84926;
}
.deve-item:hover .deve-center .m-dot i{
    background:  #e84926;
}
.deve-item:hover .deve-center .m-day{
    color: #e84926;
}
.deve-item:hover .deve-info{
    background-image: url(../images/img185.png);
}
.deve-item:hover .deve-info .deve-text p{
    color: #e84926;
}
.deve-item .deve-info{
    position: relative;
    padding-top: 15px;
    width: 100%;
    height: 190px;
    background-image: url(../images/img184.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}
.deve-item .deve-info {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    padding: 0;
}
.deve-item.it2 .deve-info {
    bottom: 0;
    padding-top: 15px;
}
.deve-item.it1 .deve-info {
    top: 0;
    padding-bottom: 15px;
}


.deve-text{
    width: 285px;
    height: 190px;
    vertical-align: middle;
    display: table-cell;
    padding: 15px 41px;
}
.deve-item.it2 .deve-text{
    height: 158px;
}


.deve-text p{
    font-size: 18px;
    font-family: "regular";
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}



.about_cont5 .swiper-button-prev,
.about_cont5 .swiper-button-next{
    position: absolute;
    top:53%;
    width:52px;
    height: 52px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transition: all .3s;
}
.about_cont5 .swiper-button-prev{
    left: 15%;
    background-image: url(../images/img189.png);
}
.about_cont5 .swiper-button-prev:hover{
    background-image: url(../images/img186.png);
}
.about_cont5 .swiper-button-next{
    right: 15%;
    background-image: url(../images/img187.png);
}
.about_cont5 .swiper-button-next:hover{
    background-image: url(../images/img188.png);
}


.development-box::after {
    content: '';
    height: 2px;
    background: #e9e9e9;
    position: absolute;
    left: 32px;
    right: 32px;
    top: 7px;
}
.development-box{
    margin-top: 40px;
}
.development-box::after{
    left: 42px;
    right: 42px;
    top:51%;
    margin-top: -19px;
}
.deve-item {
    position: relative;
}


.deve-center {
    padding: 227px 0;
}


/* .about_cont6 */
.about_cont6{
    width: 100%;
    padding-top: 110px;
    padding-bottom: 90px;
}
.about_cont6 .ab_fbt{
    opacity: 1;
    color: #999;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 40px;
}
.about_cont6 .ab_fbt::before{
    content: '';
    width: 40px;
    height: 2px;
    background: rgb(232,73,38);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
}
.about_cont6 .p1{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    text-align: center;
    line-height: 28px;
}
.about_cont6 .p2{
    width: 52%;
    margin: 0 auto;
}
.about_cont6 .ig{
    width: 943px;
    height: 489px;
    margin: 0 auto;
    margin-top: 75px;
}
.about_cont6 .ig img{
    width: 100%;
    height: 100%;
}



/* about_cont7 */
.about_cont7{
    width: 100%;
    background: rgb(240,245,248);
    padding-top: 93px;
    padding-bottom: 46px;
}
.about_cont7 .lef{
    float: left;
    padding-top: 180px;
    width: 493px;
}
.about_cont7 .lef p{
    text-align: left;
}
.about_cont7 .lef .ab_fbt{
    color: #999;
    margin-bottom: 50px;
}
.about_cont7 .lef button{
    font-size: 18px;
    color: #666;
    font-family: "regular";
    width: 140px;
    height: 45px;
    border: 1px solid rgb(210,214,216);
    margin-right: 10px;
}
.about_cont7 .lef .on{
    background: rgb(232,73,38);
    color: #fff;
}
.about_cont7 .lef button:hover{
    background: rgb(232,73,38);
    color: #fff;
}

.about_cont7 .rig{
    width: 707px;
    height: 592px;
    float: right;
    position: relative;
    display: none;
}
.about_cont7 .rig.rig2{
    display: block;
}
.about_cont7 .rig .bj{
    width: 100%;
}
.about_cont7 .rigg .bj{
    margin-top: 50px;
}
.about_cont7 .rig .bz_1{
    position: absolute;
    left: 85%;
    top: 30%;
    transform: translate(-50%,-50%);
}
.about_cont7 .rig .bz_2{
    position: absolute;
    left: 86%;
    top: 60%;
    transform: translate(-50%,-50%);
}
.about_cont7 .rig .bz_3{
    position: absolute;
    left: 74%;
    top: 85%;
    transform: translate(-50%,-50%);
}
.about_cont7 .rig .bz_4{
    position: absolute;
    left: 72%;
    top: 87%;
    transform: translate(-50%,-50%);
}
/* .about_cont7 .bz div{
  display: none;
} */
.about_cont7 .bz div{
    display: block !important;
}
.about_cont7 .rigg .bz div{
    /* display: none !important; */
}
.about_cont7 .rigg .bz.on div{
    display: block !important;
}
.about_cont7 .bz:hover>div{
    display: block;
}
.about_cont7 .rig div p{
    font-size: 16px;
    color: #444;
    font-family: "regular";
}
.about_cont7 .rig .bz_1 div{
    width: 210px;
    position: absolute;
    left: 48px;
    top: -59px;
    transform: translate(-50%,-50%);

}
.about_cont7 .rigg .bz_1 div{
    left: 124px;
    top: -22px;
}
.about_cont7 .rig .bz_2 div{
    width: 210px;
    position: absolute;
    left: -27px;
    top: -46px;
    transform: translate(-50%,-50%);
}
.about_cont7 .rig .bz_3 div{
    width: 210px;
    position: absolute;
    left: 138px;
    top: 13px;
    transform: translate(-50%,-50%);
}
.about_cont7 .rigg .bz_3 div{
    left: 90px;
    top: 95px;
}
.about_cont7 .rig .bz_4 div{
    width: 210px;
    position: absolute;
    left: -120px;
    top: -28px;
    transform: translate(-50%,-50%);
}
.about_cont7 .rigg .bz_4 div{
    position: absolute;
    left: 135px;
    top: 93px;
    transform: translate(-50%,-50%);
}
.about_cont7 .bz>img{
    width: 100%;
    animation: abfd 2s linear infinite;
}
@keyframes abfd{
    0%,100%{
        transform: scale(0.8);
    }
    50%{
        transform: scale(1.1);
    }
}


.about_cont7 .rigg .bz_1{
    left: 84%;
    top: 33%;
}
.about_cont7 .rigg .bz_2{
    left: 21%;
    top: 32%;
}
.about_cont7 .rigg .bz_3{
    left: 48%;
    top: 28%;
}
.about_cont7 .rigg .bz_4{
    left: 79%;
    top: 36%;
}
.about_cont7 .rigg .bz_5{
    left: 50%;
    top: 26%;
}
.about_cont7 .rigg .bz_6{
    left: 50%;
    top: 25%;
}
.about_cont7 .rigg .bz_7{
    left: 49%;
    top: 27%;
}
.about_cont7 .rigg .bz_8{
    left: 15%;
    top: 31%;
}

.about_cont7 .rig1 .bz{
    /* display: none; */
}

/* .about_cont7 .rig1 .bz_4 {
  display: block !important;
}
.about_cont7 .rig1 .bz_8 {
  display: none !important;
}
.about_cont7 .rig1 .bz_4 div{
  display: block !important;
} */











/* ??oè??é?…?‰???-??? */
.cent_cont1{
    width: 100%;
    padding-top: 80px;
}
.cen_bt{
    font-size: 40px;
    color: #333;
    font-family: "medium";
    text-align: center;
    padding-bottom: 35px;
    position: relative;
    text-transform:Capitalize;
}
.cent_cont1 .cen_bt::before{
    content: '';
    width: 40px;
    height: 2px;
    background: rgb(0,121,195);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0%);
}
.cent_cont1 .p1{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    line-height: 30px;
    margin-top: 25px;
    padding: 0 40px;
}
.cent_cont1 .ig,.cent_cont1 .ig img{
    width: 100%;
    height: 100%;
}
.cent_cont1 .ig{
    margin-top: 80px;
    position: relative;
}
.cent_cont1 .ig .a1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.cent_cont1 .ig .a1 img{
    width: 106px;
    /* height: 70px; */
}

/* .cent_cont2 */
.cent_cont2{
    width: 100%;
    padding-top: 95px;
    padding-bottom: 115px;
    background: rgb(244,247,249);
}
.cent_cont2 .rq{
    margin-top: 75px;
    width: 100%;
}
.cent_cont2 .rq1{
    width: 32%;
    height: 330px;
    margin-right: 2%;
    float: left;
    background: rgb(255,255,255);
}
.cent_cont2 .rq1:nth-child(3){
    margin-right: 0;
}
.cent_cont2 .rq1 div{
    width: 100%;
    height: 100%;
    padding: 70px 33px;
    background-image: url(../images/img195.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 70px;
    transition: all .3s;
}
.cent_cont2 .rq1 div p{
    font-size: 16px;
    color: #666;
    font-family: "regular";
    text-align: center;
    padding-top: 120px;
}
.cent_cont2 .rq1:nth-child(2) div{
    background-image: url(../images/img196.png);
}
.cent_cont2 .rq1:nth-child(3) div{
    background-image: url(../images/img197.png);
}
.cent_cont2 .rq1:hover div{
    background-position-y: 60px;
}

.cent_cont3{
    width: 100%;
    position: relative;
    height: 941px;
}
.cent_cont3 .bj,.cent_cont3 .bj img{
    width: 100%;
    height: 100%;
}
.cent_cont3 .wrap{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
    padding-top: 75px;
}
.cent_cont3 .cen_bt{
    color: #fff;
}
.cent_cont3 .yq{
    width: 659px;
    height: 664px;
    background-image: url(../images/img200.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}

.cent_cont3 .yq::before{
    content: '';
    width: 498px;
    height: 498px;
    background-image: url(../images/img199.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.cent_cont3 .tp{
    width: 385px;
    height: 385px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    transition: all .3s;
}
/* .cent_cont3 .on{
  opacity: 1;
} */
.cent_cont3 .tp img{
    width: 100%;
    height: 100%;
}
.cent_cont3 .sz{
    width: 180px;
    font-size: 20px;
    color: #fff;
    font-family: "regular";
    position: absolute;
    top: 17%;
    left: 0%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    text-transform:Capitalize;
}
/* .cent_cont3 .sz.on2{
  color: red;
} */
.cent_cont3 .sz2{
    top: 42%;
    left: -12%;
}
.cent_cont3 .sz3{
    top: 70%;
    left: -5%;
}
.cent_cont3 .sz4{
    top: 94%;
    left: 12%;
}
.cent_cont3 .sz5{
    top: 104%;
    left: 45%;
}
.cent_cont3 .sz6{
    top: 92%;
    left: 94%;
}
.cent_cont3 .sz7{
    top: 71%;
    left: 110%;
}
.cent_cont3 .sz8{
    top: 50%;
    left: 115%;
}
.cent_cont3 .sz9{
    top: 30%;
    left: 110%;
}
.cent_cont3 .sz10{
    top: 11%;
    left: 93%;
}
.cent_cont3 .sz11{
    top: -1%;
    left: 62%;
}


/* cent_cont4 */
.cent_cont4{
    width: 100%;
    padding-top: 155px;
}
.cent_cont4 .rq{
    width: 100%;
}
.cent_cont4 .rq1{
    width: 32%;
    /* height: 420px; */
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
}
.cent_cont4 .rq1:nth-child(3n){
    margin-right: 0%;
}
.cent_cont4 .rq1 .top{
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 63.15%;
    position: relative;
}
.cent_cont4 .rq1 .top img{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: all 1s;
}
.cent_cont4 .bot{
    padding-top: 34px;
    width: 100%;
}
.cent_cont4 .bot .p1{
    font-size: 20px;
    color: #444;
    font-family: "medium";
    text-transform:Capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cent_cont4 .bot .p2{
    width: 100%;
    font-size: 16px;
    color: #666;
    font-family: "regular";
    margin-top: 10px;
    height: 84px;
    overflow-y: auto;
}
.cent_cont4 .rq1:hover>.top img{
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.cent_cont4 .rq1:hover>.bot .p1{
    color:#0079c3;
}



/* .cent_cont5 */
.cent_cont5{
    width: 100%;
    background: rgb(244,247,249);
    padding-top: 100px;padding-bottom: 120px;
}
.cent_cont5 .rq{
    width: 100%;
    margin-top: 20px;
}
.cent_cont5 .rq1{
    width: 32%;
    /* height: 500px; */
    margin-right: 2%;
    float: left;
    background: #fff;
}
.cent_cont5 .rq1:nth-child(3){
    margin-right: 0;
}
.cent_cont5 .rq1 .top{
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 78.94%;
    position: relative;
}
.cent_cont5 .rq1 .top img{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: all 1s;
}
.cent_cont5 .rq1 .bot{
    padding: 0 20px;
    margin-top: 25px;
    height: 170px;
}
.cent_cont5 .rq1 .bot .p1{
    font-size: 20px;
    color: #333333;
    font-family: "medium";
    margin-bottom: 10px;
    line-height: 29px;
    height: 87px;
    overflow-y: auto;
}
.cent_cont5 .rq1:hover>.top img{
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.cent_cont5 .rq1:hover>.bot .p1{
    color:#0079c3;
}
.cent_cont5 .rq1 .bot img{
    max-height: 50px;
    max-width: 100%;
}

/* ?????-???è?? */
.join2_con1 {
    width: 100%;
}
.join2_con1 .p1{
    color: #333333;
    font-size: 32px;
    text-align: center;
    font-family: "regular";
    padding-top: 75px;
    padding-bottom: 45px;
}
.join2_con1 .rq1{
    width: 100%;
    height: 125px;
    background: rgb(232,73,38);
    padding: 28px 0;
}

.join2_con1 .rq1 p{
    font-size: 22px;
    color: #fff;
    font-family: "regular";
    text-align: center;
    margin-top: 5px;
}
.join2_con1 .rq1 .p3{
    font-weight: bold;font-size: 23px;
}

.join2_con1 .rq2{
    margin-top: 20px;
}
.join2_con1 .rq2,.join2_con1 .rq2 img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.join2_con2{
    padding: 0;
    padding-bottom: 100px;
}
.join2_con2 .p3{
    font-size: 30px;
    color: #333333;
    font-family: "regular";
    padding-top: 75px;
    padding-bottom: 30px;
}

.join2_con2 .bot .p3{
    padding: 0;
}

.join2_con3{
    width: 100%;
    background: rgb(243,246,249);
    padding-top: 80px;
    padding-bottom: 120px;
}

.join2_con3 .p1{
    font-size: 30px;
    color: #333;
    font-family: "normal";
    margin-bottom: 20px;
}
.join2_con3 .p2{
    font-size: 20px;
    color: #e84926;
    font-family: "normal";
    margin-bottom: 10px;
}
.join2_con3 .p3{
    font-size: 16px;
    color: #666666;
    font-family: "normal";
    width: 94%;
    line-height: 30px;
}
.join2_con3 .rq{
    width: 100%;
    margin-top: 35px;
    margin-bottom: 50px;
}
.join2_con3 .rq1{
    width: 23.5%;
    height: 350px;
    float: left;
    margin-right: 2%;
    border: 2px solid rgb(232,73,38);
    padding: 30px;
    padding-top: 40px;
    transition: all .5s;
}
.join2_con3 .rq1:nth-child(4){
    margin-right: 0;
}
.join2_con3 .rq1 div{
    width: 56px;
    height: 58px;
}
.join2_con3 .rq1:nth-child(1) div{
    background-image: url(../images/img224.png);
    background-position: center;
    background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(2) div{
    background-image: url(../images/img225.png);
    background-position: center;
    background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(3) div{
    background-image: url(../images/img226.png);
    background-position: center;
    background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(4) div{
    background-image: url(../images/img227.png);
    background-position: center;
    background-repeat: no-repeat;
}
.join2_con3 .p4{
    font-size: 22px;
    color: #333333;
    font-family: "normal";
    margin: 20px 0;
}
.join2_con3 .p5{
    font-size: 16px;
    color: #666666;
    font-family: "normal";
}

.join2_con3 .rq1:hover{
    background: rgb(232,73,38);
}
.join2_con3 .rq1:hover p{
    color: #fff;
}
.join2_con3 .rq1:nth-child(1):hover div{
    background-image: url(../images/img220.png);
}
.join2_con3 .rq1:nth-child(2):hover div{
    background-image: url(../images/img221.png);
}
.join2_con3 .rq1:nth-child(3):hover div{
    background-image: url(../images/img222.png);
}
.join2_con3 .rq1:nth-child(4):hover div{
    background-image: url(../images/img223.png);
}

.join2_con3 .rq2{
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    border: 1px solid rgb(204,204,204);
    margin-bottom: 50px;
}


.join2_con3 .fztp{
    width: auto;
    margin: 0 auto;
}
.join2_con3 .fztp img{
    display: block;
    margin: 0 auto;
}
.join2_con3 .fztp p{
    color: #666666;
    font-size: 16px;
    text-align: center;
}













/* ???è?¨??? */
@media (max-width: 1680px) {
    /* é|–é?μ */
    .banner .swiper-slide .container{
        padding-left: 117px;
    }
    .banner .container .p1 {
        font-size: 42px;
    }
    .banner .container .p2 {
        font-size: 26px;
    }
    .ljgd{
        width: 125px;
    }
    .content1 .content1_1:hover>div .p1 {
        font-size: 32px;
    }
    .content1 .content1_1:hover>div .p2 {
        font-size: 18px;
    }
    .content1 .content1_1 div img {
        width: 47px;
        height: 47px;
    }
    .content2 .bj{
        width: 100%;
        height: auto;
    }
    .content4 .lef{
        width: 514px;
        height: 445px;
    }
    .content4 .rig{
        width: 634px;
        height: 445px;
    }
    .content4 .rig .rq .rq1{
        width: 308px;
    }
    .content4 .lef .bot .p1{
        font-size: 17px;
    }
    .content4 .rig .rq .rq1 p {
        font-size: 14px;
    }
    .content4 .rig .rq2 p {
        line-height: 60px;
    }
    .content4 .rig .rq2 {
        margin-top: 44px;
    }
    .content5 .dt{
        width: 815px;
        margin: 0 auto;
        margin-top: 40px;
    }
    .content5 .dt img{
        width: 100%;
        height: 100%;
    }


    /* ODM */

    .odm_cont3 .swiper-button-next,
    .join_cont1 .swiper-button-next,
    .newdate_cont3 .swiper-button-next,
    .ser_cont4 .swiper-button-next{
        right: 8%;
    }
    .odm_cont3 .swiper-button-prev,
    .join_cont1 .swiper-button-prev,
    .newdate_cont3 .swiper-button-prev,
    .ser_cont4 .swiper-button-prev{
        left: 8%;
    }

    /* ?…3?o???‘??? */
    .about_cont5 .swiper-button-prev{
        left: 9%;
    }
    .about_cont5 .swiper-button-next{
        right: 9%;
    }

    /* è?”?3???‘??? */
    .con_cont2 .wrap {
        top: 391px;
    }

}





@media (max-width: 1459px){
    .navbar .category-item .two .rq {
        padding-top: 18px;
        padding-bottom: 10px;
    }
    .navbar .category-item .two .rq .tp .p1 {
        margin-top: 13px;
        margin-bottom: 8px;
    }
    /* é|–é?μ */
    .banner .swiper-slide .container {
        padding-left: 38px;
    }
    .banner .container .p1 {
        font-size: 33px;
    }
    .banner .container .p2 {
        font-size: 20px;
    }
    .ljgd{
        width: 100px;
        height: 37px;
        line-height: 37px;
    }
    .ljgd span{
        height: 37px;
        line-height: 37px;
    }
    .about_cont2 button{
        width: 136px;
    }
    .content1 .content1_1 div {
        top: 30%;
    }
    .content1 .content1_1 .p2{
        font-size: 12px;
    }
    .content1 .content1_1 .p1{
        font-size: 22px;
    }
    .content1 .content1_1:hover>div .p2 {
        font-size: 18px;
    }
    .content1 .content1_1:hover>div .p1 {
        font-size: 27px;
    }
    .content2 .rig div {
        height: 410px;
    }
    /* .content2 .bj{
  width: 1300px;
    height: 575px;
} */



    .form .inp2{
        width: 33%;
    }
    .form select,.form input{
        margin-bottom: 15px;
    }


    /* ODM */

    .odm_cont3 .swiper-button-next,
    .about_cont5 .swiper-button-next,
    .join_cont1 .swiper-button-next,
    .newdate_cont3 .swiper-button-next,
    .ser_cont4 .swiper-button-next{
        right: 1%;
    }
    .odm_cont3 .swiper-button-prev,
    .about_cont5 .swiper-button-prev,
    .join_cont1 .swiper-button-prev,
    .newdate_cont3 .swiper-button-prev,
    .ser_cont4 .swiper-button-prev{
        left: 1%;
    }


    /* è?”?3???‘??? */
    .con_cont2 .wrap {
        top: 328px;
    }

    .content1 .content1_1:hover>a div .p1{
        font-size: 30px;
    }
    .content1 .content1_1:hover>a div .p2{
        font-size: 17px;
    }
    .content1 .content1_1 div img{
        width: 40px;
        height: 40px;
    }

    .content2 .dbj{
        width: 816px;
    }



    .about_cont3 .rig .p3{
        font-size: 20px;
    }
    .about_cont3 .rig .p34 {
        position: absolute;
        left: 94%;
        top: 53%;
    }
    .about_cont3 .rig .p32{
        left: 7%;

    }


    .about_cont7 .lef{
        width: 30%;
    }
    .about_cont7 .rig{
        width: 60%;
    }
    .about_cont7 .rig .bz_4{
        top: 81%;
    }
    .about_cont7 .rig .bz_3 {
        top: 79%;
    }
    .about_cont7 .rig .bz_2 {
        top: 56%;
    }
    .about_cont7 .rig .bz_1 {
        top: 28%;
    }
    .about_cont7 .rig div p{
        font-size: 14px;
    }
    .about_cont7 .rig .bz div img{
        height: 80px;
    }
    .about_cont7 .rig .bz_2 div {
        top: -55px;
    }
    .about_cont7 .rig .bz_1 div {
        top: -50px;
    }

    .about_cont7 .rigg .bz_1{
        top: 31%;
    }
    .about_cont7 .rigg .bz_2{
        top: 30%;
    }
    .about_cont7 .rigg .bz_3{
        top: 26%;
    }
    .about_cont7 .rigg .bz_4{
        top: 34%;
    }
    .about_cont7 .rigg .bz_5{
        top: 24%;
    }


    .prlis_cont2 .bot{
        padding: 0 40px;
        padding-top: 30px;
    }
    .prlis_cont2 .bot .p1{
        font-size: 24px;
    }
    .prlis_cont2 .bot .p2,.prlis_cont2 .bot .p3{
        font-size: 14px;
    }



    .banner .nr .wrap .p1{
        font-size: 35px;
    }
    /* .banner .nr .wrap .p2{
  font-size: 22px;
} */
    /* .banner .nr .wrap .p1::before {
  content: '';
  width: 98px;
  height: 150px;
  background-size: contain;
} */
    .prlis_banner .nr .wrap .p1::before {
        content: none;
    }
    .prodate_cont4 .lef{
        width: 529px;
    }
    .prodate_cont4 .rig{
        width: 494px;
    }
    .proxq1-rt_jz .prod_p,.prodate_but{
        font-size: 30px;
    }
    .prodate_but::before {
        height: 25px;
        top: 9px;
    }
    .prodate_but{
        margin-bottom: 20px;
    }
    .prodate_cont5 .prodate_but{
        margin-bottom: 85px;
    }

    .prodate_cont6 .lef{
        padding-top: 110px;
    }
    .prodate_cont4 .p3{
        font-size: 25px;
    }
    .prodate_cont10 .rq1 .bot{
        padding: 0 20px;
        padding-top: 13px;
    }
    .prodate_cont10 .bot .p1{
        font-size: 20px;
    }
    .prodate_cont10 .bot .p2,.prodate_cont10 .bot .p3{
        font-size: 12px;
    }
    .prodate_cont10{
        padding-top: 68px;
        padding-bottom: 128px;
    }
    .prodate_cont10 .prodate_but{
        margin-bottom: 40px;
    }
    .cen_bt{
        font-size: 34px;
    }
    .cent_cont2 .rq {
        margin-top: 25px;
    }
    .cent_cont3 .sz{
        font-size: 20px;
    }
    .cent_cont4 .bot{
        padding-top: 20px;
    }
    .cent_cont4 .bot .p1{
        font-size: 20px;
    }
    .cent_cont4 .bot .p2{
        font-size: 14px;
    }
    .cent_cont4 .rq1{
        /* height: 400px; */
        margin-bottom: 15px;
    }

    .cent_cont5{
        padding-top: 85px;
        padding-bottom: 100px;
    }
    .cent_cont5 .rq1 .bot .p1{
        font-size: 18px;
    }
    .cent_cont5 .rq1{
        /* height: 455px; */
    }
    .so_bt{
        font-size: 34px;
    }
    .solu_cont3 .lef{
        width: 349px;
        height: auto;
    }
    .solu_cont3 .rig{
        width: 674px;
        height: auto;
    }
    .solu_cont3 .lef .rq img{
        width: 54px;
        height: 54px;
    }
    .solu_cont3 .lef .rq{
        height: 67px;
    }
    .solu_cont3 .lef .rq p{
        /* line-height: 67px; */
        line-height: 1.7;
        font-size: 16px;
    }
    .solu_cont4 .top .rq img{
        width: 100%;
    }
    .solu_cont4 .bot .p1{
        font-size: 30px;
    }
    .solu_cont4 .bot .rq .lef .p3{
        background-size: 40px;
    }

    .solu_cont4 .bot .rq .lef p{
        font-size: 16px;
    }
    .so_bt{
        font-size: 29px;
    }
    .solu_cont5 .p2{
        font-size: 16px;
    }
    .solu_cont5 .p3{
        font-size: 30px;
    }
    .sp1 {
        margin-left: 0px;
        margin-right: 90px;
    }
    .sp img{
        width: 30px;
        height: 30px;
    }
    .sp {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }

    .con5_5 .rq .lef div{
        width:49%;
        padding:2%;
        margin-right:1%;
    }
    .con5_5 .rq .lef div:nth-child(3n){
        margin-right:1%;
    }


    .ser_cont2 .rq .lef{
        width: 463px;
        height: 495px;

    }
    .ser_cont2 .rq .rig{
        width: 560px;
        height: auto;
    }
    .ser_bt{
        font-size: 34px;
    }
    .ser_cont2 .rq .lef .p2{
        width: 93%;
        font-size: 14px;
    }
    .ser_cont2 .rq2 .rq2_1{
        width: 303px;
        margin-right: 57px;
    }
    .ser_cont2 .rq2 {
        margin-top: 50px;
    }

    .ser_cont5 .rq .rq1 .p1{
        font-size: 20px;
    }
    .new_cont1 .rig{
        height: 253px;
        /* padding: 45px 75px; */
    }

    .join_cont1 .swiper-slide div:nth-child(1) {
        width: 389px;
        height: 297px;
    }

    .join_cont1 .swiper-slide div:nth-child(2) {
        width: 303px; height: 297px;
    }

    .join_cont1 .swiper-slide div:nth-child(3) {
        width: 303px; height: 297px;
    }
    .join_cont1 .swiper-slide div:nth-child(4) {
        width: 389px; height: 297px;
    }
    .join_cont1 .swiper-slide div:nth-child(5) {
        width: 621px; height: 297px;
    }
    .join_cont1 .swiper-slide div{
        margin-right: 14px;
    }
    .join_bt{
        font-size: 34px;
    }

    .con_cont1 .x2{
        margin-right: 0;
    }
    .content2 .lef .rq {
        margin-top: 30px;
    }

    .content4 .lef{
        width: 438px;
    }

    .content4 .rig{
        width: 541px;
    }
    .content4 .rig .rq .rq1{
        width: 262px;
    }
    .content5 .dt{
        width: 695px;
    }
    .issdate_cont2 .top .p1{
        font-size: 30px;
        width: 69%;
    }
    .issdate_cont2 .bot .ig div{
        width: 395px;
    }
    .join_cont1 .swiper-button-next, .join_cont1 .swiper-button-prev{
        width: 34px;height: 75px;background-size: contain;
    }
    .issdate_cont2 .an .lb{
        width: 136px;
    }
    .newdate_cont3 .p1{
        font-size: 34px;
    }
    .banner2 .nr .wrap .p1::before {
        content: '';
        width: 30px;
        height: 6px;
    }
    .odm_bt{
        font-size: 38px;
    }
    .odm_cont1 .rq1,.odm_cont1 .rq4{
        width: 597px;height: 358px;
    }
    .odm_cont1 .rq2,.odm_cont1 .rq3{
        width: 409px;height: 358px;
    }

    .newsha_cone1 .lef{
        width: 384px;
    }
    .newsha_cone1 .rig{
        width: 640px;
    }
    .newsha_cone1 .rq{
        height: 205px;
    }
    .newsha_cone1 .rig .p1{
        font-size: 19px;
    }
    .newsha_cone1 .rig .p2 {
        font-size: 13px;
    }
    .newsha_cone1 .rig a{
        width: 119px;height: 38px;line-height: 38px;
    }
    .join_cont3 .top .p1 {
        font-size: 20px;
    }
    .join_cont3 .top .p2 {
        font-size: 16px;
    }

    .odm_cont5 .rq .lef{
        width: 470px;height: 230px;
    }
    .odm_cont5 .rq .rig{
        width: 470px;height: 230px;
    }

    .odm_cont5 .rq .rig .p2 span{
        height: 180px;
    }


    .odm_cont5 .rq .lef img,
    .odm_cont5 .rq .rig img{
        width: 107px;
    }
    .odm_cont5 .p2{
        width: 72%;font-size: 14px;
    }
    .odm_cont5 .p1 {
        font-size: 23px;
        padding-bottom: 8px;
    }
    .content2 .void{
        width: 364px;height: 205px;
    }
    .content2 .abo_video:after{
        width: 64px;
        height: 64px;
    }
    .content2 .rig div{
        height: 350px;    margin-top: 150px;
    }


    .ser_cont4 .p3{
        font-size: 15px;
        line-height: 25px;    height: 103px;
    }

    .deve-text p{
        font-size: 16px;
    }
    .deve-text {
        padding: 15px 30px;
    }

    .newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) {
        width: 340px;
        overflow: hidden;
    }








}

@media (max-width: 1366px){
    .banner2 .nr .wrap {
        left: 50%;
    }
    .content1 .content1_1 div img{
        margin-top: 18px;
    }

    .about_cont7 .rig .bz_4 div {
        left: -72px;
        top: 2px;
    }
    .about_cont7 .rig .bz_2 div {
        left: 11px;
        top: -46px;
    }
    .about_cont7 .rigg .bz_4 div {
        left: 58px;
        top: 85px;
    }

}

@media (max-width: 1259px){

    .content2 .dbj{
        width: 600px;
        height: 114px;
    }
    .con_cont1 .rq input,.con_cont1 .xl, .con_cont1 .x2{
        width: 49%;
        margin-right: 1.8%;
    }
    .con_cont1 .x2{
        margin-right: 0;
    }


    /* é|–é?μ */

    /* .content2 .bj{
  width: 1151px;
  height: 431px;
} */
    .content2 .void{
        width: 295px;
        height: 166px;
    }
    .content2 .rig div {
        height: 330px;
        margin-top: 113px;
    }
    .content2 .lef .rq {
        margin-top: 25px;
    }
    .bt {
        font-size: 33px;
    }
    .content2 .lef .rq .p2 {
        font-size: 13px;
        line-height: 25px;
        margin-top: 15px;
    }
    .content2 .abo_video:after {
        width: 50px;
        height: 50px;
    }
    .content1 .content1_1 div img {
        width: 37px;
        height: 37px;
        margin-top: 25px;
    }
    .banner .swiper-slide .container {
        padding-left: 0px;
    }
    .content3 .content3_1 .p1 span {
        font-size: 35px;
    }
    .content3 .content3_1 .p1 {
        font-size: 12px;
    }
    .content4 .lef{
        width: 415px;
        height: 360px;
    }
    .content4 .rig{
        width: 512px;
        height: 360px;
    }
    .content4 .rig .rq .rq1{
        width: 250px;
    }
    .content4 .lef .bot {
        padding: 15px 5px;
    }
    .content4 .lef .bot .p2{
        font-size: 13px;
    }
    .content4 .lef .bot .p1{
        font-size: 16px;
    }
    .content4 .lef .top span {
        font-size: 15px;
        width: 80px;
        height: 35px;
        line-height: 35px;
    }
    .content4 .rig .rq .rq1 div span {
        font-size: 13px;
        width: 60px;
        height: 30px;
        line-height: 30px;
    }
    .content4 .rig .rq .rq1 p {
        font-size: 13px;
    }
    .content4 .rig .rq2 {
        margin-top: 16px;
    }
    .content4 .rig .rq2 p {
        line-height: 53px;
        font-size: 14px;
    }
    .content4 .rig .rq2 p span {
        font-size: 13px;
    }
    .content5 .dt{
        width: 659px;
    }
    .content5 .lef {
        margin-top: 60px;
    }
    .foot-tbot .lef div p {
        font-size: 14px;
    }




    /* ODM */
    .odm_cont1 .rq1{
        width: 565px;
    }
    .odm_cont1 .rq2{
        width: 388px;
    }
    .odm_cont1 .rq div{
        height: 339px;
    }
    .odm_cont1 .rq3{
        width: 388px;
    }
    .odm_cont1 .rq4{
        width: 565px;
    }
    .odm_cont5 .rq .lef,
    .odm_cont5 .rq .rig{
        width: 400px;
        height: 218px;
    }

    .odm_cont5 .rq .rig .p2 span{
        height: 180px;
    }


    .odm_cont5 .rq .lef img,
    .odm_cont5 .rq .rig img{
        width: 100px;
        height: 100px;
    }
    .odm_cont5 .p2{
        font-size: 13px;
    }
    .odm_cont5 .p1{
        font-size: 23px;
        padding-bottom: 7px;
    }
    .odm_bt{
        font-size: 33px;
    }
    .odm_fbt{
        font-size: 14px;
    }
    .banner2 .nr .wrap .p1 {
        font-size: 36px;
    }


    /* è§￡??3?–1??? */

    .solu_cont3 .lef{
        width: 330px;

        height: 397px;
    }
    .solu_cont3 .rig{
        width: 590px;
        height: 397px;
    }
    .solu_cont3 .lef .rq{
        height: 64px;
    }
    .solu_cont3 .lef .rq img{
        height: 50px;
    }
    .solu_cont3 .lef .rq p{
        font-size: 16px;
        /* line-height: 64px; */
        line-height: 1.7;
    }
    .solu_cont4 .top .rq img{
        width: 100%;
    }
    .solu_cont4 .top .rq .tc .rig p{
        font-size: 15px;
    }
    .solu_cont4 .top .rq .tc .lef{
        width: 53px;
        height: 53px;margin-top: 19px;
        line-height: 53px;
    }
    .solu_cont4 .bot .rq .lef{
        width: 40%;
        height: auto;
    }
    .solu_cont4 .bot .rq .rig{
        width: 50%;
        height: auto;
    }
    .solu_cont5 .con5_1 .lef{
        width: 45%;
        height: auto;
    }
    .solu_cont5 .con5_1 .rig{
        width: 45%;
        height: auto;
    }
    .sp1 {
        margin-left: 0px;
        margin-right: 90px;
    }
    .solu_cont5 .con5_3 div{
        width: 100%;
    }
    .solu_cont5 .con5_3 div img{
        width: 100%;
        height: 100%;
    }
    .con5_5 .rq .lef{
        width: 50%;
    }
    .con5_5 .rq .rig{
        width: 48%;
    }


    /* ?o§?“?èˉ|??… */
    .prodate_cont4 .lef{
        width: 47%;
    }
    .prodate_cont4 .rig{
        width: 53%;
    }
    .prlis_cont2 .top img{
        height: 80%;
        width: auto;
    }

    /* ???è§?é—?é￠?èˉ|??… */
    .issdate_cont2 .top .p1 {
        font-size: 27px;
        width: 67%;
    }
    .issdate_cont2 .bot .ig div{
        width: 45%;
    }
    /* ?…3?o???‘??? */
    .about_cont3 .ig{
        width: 265px;
        height: auto;
    }
    .about_cont3 .rig .p3{
        font-size: 18px;
    }

    .about_cont4 .rq1{
        width: 162px;
        height: 145px;
    }
    .about_cont4 .rq1 div p{
        font-size: 15px;
    }

    /* ????…￥?·¨?3° */
    .join_cont1 .swiper-slide div:nth-child(1){
        width: 368px;
        height: 282px;
    }
    .join_cont1 .swiper-slide div:nth-child(2){
        width: 287px;
        height: 282px;
    }
    .join_cont1 .swiper-slide div:nth-child(3){
        width: 287px;
        height: 282px;
    }
    .join_cont1 .swiper-slide div:nth-child(4){
        width: 368px;
        height: 282px;
    }
    .join_cont1 .swiper-slide div:nth-child(5){
        width: 589px;
        height: 282px;
    }
    .join_cont1 .swiper-slide div{
        margin-right: 12px;
    }




    /* è?”?3???‘??? */
    .con_cont2 .wrap {
        top: 290px;
    }
    .con_cont2 .rq {
        padding: 40px 75px;
    }



    /* ?a’??“??-??? */
    .new_cont1 .rig {
        height: 290px;
        padding: 44px 75px;
    }


    /* ??????????o? */

    .newsha_cone1 .lef{
        width: 40%;
    }
    .newsha_cone1 .rig{
        width: 60%;
    }




    /* ?a’??“??-???èˉ|??… */
    .newdate2 .bot .an a{
        font-size: 13px;
        padding: 0 11px;
    }
    .newdate_cont3 .top,.newdate_cont3 .swiper-slide{
        height: auto;
    }

    .newdate_cont3 .top img{
        vertical-align: middle;
    }


    .ser_cont2 .rq .lef{
        width: 45%;
        padding: 15px 0;
        height: 445px;
    }
    .ser_cont2 .rq .rig{
        width: 55%;
        height: auto;
    }
    .ser_bt{
        font-size: 33px;
    }
    .ser_cont2 .rq .lef .p2 {
        font-size: 14px;
        width: 87%;
        margin-top: 17px;
    }
    .ser_cont2 .rq2 .rq2_1{
        width: 30%;
        margin-right: 5%;
        padding: 15px;
    }
    .ser_cont2 .rq2 .rq2_1:nth-child(3){
        margin: 0;
    }
    .ser_cont3 .dznr{
        width: 380px;
    }
    .ser_cont3 .dznr .p1 {
        font-size: 17px;
    }
    .ser_cont3 .dznr .p2 {
        font-size: 13px;
    }
    .cent_cont3 .wrap{
        overflow: hidden;
    }
    .newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) {
        width: 315px;
        overflow: hidden;
    }


    .about_cont7 .lef button{
        width: 130px;
    }
    .about_cont7 .rig .bz_4 {
        top: 71%;
    }
    .about_cont7 .rig .bz_3 {
        top: 69%;
    }
    .about_cont7 .rig .bz_2 {
        top: 49%;
    }
    .about_cont7 .rig .bz_1 {
        top: 25%;
    }
    .about_cont7 .rigg .bz_1{
        top: 28%;
    }
    .about_cont7 .rigg .bz_2{
        top: 28%;
    }
    .about_cont7 .rigg .bz_3{
        top: 24%;
    }
    .about_cont7 .rigg .bz_4{
        top: 31%;
    }
    .about_cont7 .rigg .bz_5{
        top: 22%;
    }

}






@media (max-width: 1120px){
    .content1 .content1_1:hover>a div .p2 {
        font-size: 16px;
    }
    .content1 .content1_1:hover>a div .p1 {
        font-size: 27px;
    }
    .content1 .content1_1 div img {
        margin-top: 13px;
    }
    .form{
        width: 100%;
    }

}







@media (max-width: 991px){
    .prodate_cont3{
        top: 60px;
    }
    .about_honor .img_list{
        height: 420px;
    }
    .odm_cont4 .rq p{
        font-size: 15px;
    }
    .odm_cont4 .rq .p5,
    .odm_cont4 .rq .p6,
    .odm_cont4 .rq .p7,
    .odm_cont4 .rq .p8{
        top: 88%;
    }
    .form{
        padding: 10% 5%;
    }
    .form .inp2 {
        width: 32.8%;
    }
    .about_cont7 .lef button {
        width: 100px;font-size: 14px;
    }
    /* é|–é?μ */
    .content1 .content1_1 div img {
        width: 30px;
        height: 30px;
    }
    .content1 .content1_1:hover>div .p2 {
        font-size: 15px;
    }
    .content1 .content1_1:hover>div .p1 {
        font-size: 23px;
    }
    .content1 .content1_1:hover>div {
        top: 10%;
    }
    .banner .container .p1 {
        font-size: 28px;
    }
    .banner .container .p2 {
        font-size: 17px;
    }
    .ljgd {
        width: 88px;
        height: 33px;
        line-height: 33px;
        margin-top: 10px;
    }
    .ljgd span{
        /* width: 88px; */
        height: 33px;
        line-height: 33px;
    }
    .bt {
        font-size: 26px;
    }
    .content2 .rig div {
        height: 256px;
        margin-top: 88px;
    }
    .content2 .void{
        width: 228px;
        height: 128px;
    }
    .content2 .abo_video:after {
        width: 40px;
        height: 40px;
    }
    .content2 .lef .rq .p2 {
        font-size: 12px;
        line-height: 20px;
        padding-right: 25px;
    }
    /* .content2 .bj {
  width: 815px;
  height: 332px;
} */
    .content3 .content3_1:nth-child(1){
        background-size: 20%;
    }
    .content3 .content3_1:nth-child(2){
        background-size: 16%;
    }
    .content3 .content3_1:nth-child(3){
        background-size: 21%;
    }
    .content3 .content3_1:nth-child(4){
        background-size: 24%;
        width: 22%;
    }
    .content3 .content3_1 .p1 span {
        font-size: 30px;
    }
    .content3 .content3_1{
        padding-left: 45px;
        width: 26%;
    }
    .content3 .content3_1,.content3 div,.content3{
        height: 160px;
    }
    .content4 .lef{
        width: 321px;
        height: 278px;
    }
    .content4 .rig{
        width: 396px;
        height: 278px;
    }
    .content4 .rig .rq .rq1{
        width: 192px;
    }
    .content4 .rig .rq .rq1 p {
        font-size: 12px;
    }
    .content4 .rig .rq2 p {
        line-height: 40px;
        font-size: 12px;
    }
    .content4 .rig .rq2 p span {
        font-size: 12px;
    }
    .content4 .lef .bot .p2 {
        font-size: 12px;
        line-height: 16px;
    }
    .content4 .lef .bot .p1 {
        font-size: 14px;
    }
    .fbt{
        font-size: 13px;
    }
    .content5 .dt{
        width: 436px;
    }
    .content5 .lef {
        margin-top: 26px;
    }
    .content6 .foot-container .p1 {
        font-size: 13px;
        width: 379px;
        line-height: 20px;
    }
    .content {
        min-height: 500px;
        margin-top: 60px;
    }



    /* ODM */
    .odm_cont1 .rq div{
        height: 262px;
    }
    .odm_cont1 .rq1{
        width: 437px;
    }
    .odm_cont1 .rq2{
        width: 300px;
    }
    .odm_cont1 .rq3{
        width: 300px;
    }
    .odm_cont1 .rq4{
        width: 437px;
    }
    .odm_cont1 .rq div p {
        line-height: 45px;
        font-size: 16px;
    }
    .odm_cont5 .rq .lef, .odm_cont5 .rq .rig {
        width: 350px;
        height: 264px;
    }
    .odm_cont5 .rq .lef img, .odm_cont5 .rq .rig img {
        width: 75px;
        height: 75px;
    }
    .odm_cont6 .rq div{
        width: 32%;
        margin-right: 2%;
    }
    .odm_cont6 .rq div:nth-child(5n){
        margin-right: 2%;
    }
    .odm_cont6 .rq div:nth-child(3n){
        margin-right: 0%;
    }




    /* è§￡??3?–1??? */
    .banner .nr .wrap .p1 {
        font-size: 37px;
    }
    .prlis_banner .nr .wrap{
        top: 35%;
        width:96%!important;
    }

    .banner .nr .wrap .p2 {
        font-size: 18px;
    }
    .banner .nr .wrap .p1::before{
        background-size: contain;
    }
    .banner .nr .wrap .p1::before {
        width: 65px;
        height: 120px;
        top: -15px;
    }
    .so_bt{
        font-size: 26px;
    }
    .solu_cont2 a {
        width: 180px;
        font-size: 13px;

        margin-right: 20px;
        padding: 10px;
        line-height: 1.7;
    }
    .solu_cont3 .lef{
        width: 280px;
        height: 285px;
    }
    .solu_cont3 .rig{
        width: 444px;
        height: 285px;
    }
    .solu_cont3 .lef .rq {
        height: 45px;
    }
    .solu_cont3 .lef .rq img {
        height: 40px;
        width: auto;
        margin-top: 8px;
    }
    .solu_cont3 .lef .rq p {
        font-size: 13px;
        line-height: 45px;
    }
    .solu_cont3 {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .solu_cont3 .so_jz {
        padding-top: 30px;
        display: flex;
        justify-content: center;
    }

    .solu_cont3 .lef .rq{
        display: flex;
    }
    .solu_cont3 .lef .rq p{
        display: flex;
        line-height: 1.5;
        padding-top:0;
        align-items: center;
        height: auto;
    }

    .solu_cont4 .top .rq .tc .lef {
        width: 40px;
        height: 40px;
        margin-top: 12px;
        line-height: 40px;
        font-size: 12px;
    }
    .solu_cont4 .top .rq .tc .rig {
        height: 70px;
        padding-left: 9px;
    }
    .solu_cont4 .top .rq .tc .rig p {
        font-size: 12px;
    }
    .solu_cont4 .top .rq .tc {
        height: 70px;
        padding-left: 20px;
        margin-top: 35px;
    }
    .solu_cont4 .top .rq .p1 {
        font-size: 19px;
    }
    .solu_cont4 .top .rq{
        height: 455px;
        margin-top: 30px;
    }
    .solu_cont4 .bot .p1{
        font-size: 26px;
        padding: 50px 0;
    }
    .solu_cont4{
        padding: 50px 0;
    }
    .solu_cont5 .p2 {
        font-size: 16px;
        margin-bottom: 40px;
    }
    .solu_cont5 .p3 {
        font-size: 26px;
    }
    .sp{
        display: block;
    }
    .sp1{
        margin-left: 0;
        margin-bottom: 10px;
    }
    .solu_cont5 .p4 {
        margin-bottom: 35px;
    }
    .con5_3 .p4test{
        margin-bottom: 35px!important;
    }

    .con5_5 .rq .rig div{
        /* padding-left: 0; */
        padding-top: 13px;
    }
    .con5_5 .rq .rig div p{
        /*text-align: center;*/
    }

    /* ?o§?“?èˉ|??… */
    .proxq1-lf,
    .proxq1-rt{
        width: 100%;
    }
    .proxq1-lf{
        margin-bottom: 10px;
    }
    .prodate_cont5 .lef{
        padding-top: 0;
    }
    .prodate_cont6 .lef {
        padding-top: 25px;
    }
    .prodate_cont10 .rq .rq1{
        width: 49%;
        margin-right: 2%;
    }
    .prodate_cont10 .rq .rq1:nth-child(2n){
        margin-right: 0;
    }


    /* ?o§?“???—è?¨ */
    .prlis_cont2 .rq .rq1{
        width: 49%;
        margin-right: 2%;
    }
    .prlis_cont2 .rq .rq1:nth-child(3n){
        margin-right: 2%;
    }
    .prlis_cont2 .rq .rq1:nth-child(2n){
        margin-right: 0%;
    }

    /* ???è§?é—?é￠?èˉ|??… */
    .issdate_cont2 .top .p1 {
        font-size: 23px;
        width: 56%;
    }
    .issdate_cont2 .an .lb {
        width: 105px;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        margin: 0 20px;
    }
    .issdate_cont2 .an a{
        font-size: 12px;
    }
    .issdate_cont2 .bot .p2{
        font-size: 13px;
    }


    .abdate_cont a {
        font-size: 14px;
        margin-right: 40px;
    }
    .ab_bt{
        font-size: 30px;
    }
    .about_cont2{
        padding-top: 50px;
    }
    .about_cont2 .p1 img{
        width: 70px;
    }
    .about_cont3 .rig{
        display: none;
    }
    .about_cont3 .lef{
        width: 100%;
    }
    .about_cont4 .rq1{
        width: 125px;
        height: 112px;
    }
    .about_cont4 .rq1 div{
        background-size: 32px;
    }
    .about_cont4 .rq1 div p{
        padding-top: 70px;
    }
    .deve-text {
        padding: 3px 28px;
    }
    .deve-text p {
        font-size: 14px;
    }
    .about_cont6 .ig{
        width: 100%;
        height: auto;
    }
    .about_cont6 .p2{
        width: 100%;
    }


    .about_honor .bd_r,
    .about_honor .bd_l{
        height: 600px;
    }
    .about_honor .bd_l .img_title{
        font-size: 14px;height: 60px;line-height: 60px;
    }
    .about_honor .r_title{
        font-size: 2px;
    }
    .about_honor .r_text p {
        font-size: 14px;
        line-height: 19px;
    }
    .join_cont1 .swiper-slide div img{
        vertical-align: middle;
    }
    .join_cont1 .swiper-slide div{
        margin-right: 0px;
        margin-bottom: 0;
    }
    .join_cont1 .swiper-slide div:nth-child(1){
        width: 37.5%;
        margin-right:  1%;
        margin-bottom: 10px;
        height: auto;
    }
    .join_cont1 .swiper-slide div:nth-child(2){
        width: 29.5%;
        margin-right: 1%;
        height: auto;
        margin-bottom: 10px;
    }
    .join_cont1 .swiper-slide div:nth-child(3){
        width: 29.5%;
        /* margin-right:  1%; */
        height: auto;
        margin-bottom: 10px;
    }
    .join_cont1 .swiper-slide div:nth-child(4){
        width: 37.5%;
        margin-right: 1%;
        height: auto;
    }
    .join_cont1 .swiper-slide div:nth-child(5){
        width: 60.5%;
        height: auto;
    }
    .join_cont1 .swiper-button-next, .join_cont1 .swiper-button-prev{
        width: 35px;
        height: 35px;
        background-size: contain;
        top: 55%;
    }
    .join_bt {
        font-size: 27px;
        padding-bottom: 32px;
    }
    .join_cont2 .rq1 div{
        width: 100%;
        height: auto;
    }


    /* è?”?3???‘??? */
    .con_cont2 .wrap {
        top: 215px;
    }
    .con_cont2 .rq {
        padding: 31px 41px;
    }
    .con_cont2 .p1 {
        font-size: 20px;
    }
    .con_cont2 .rig .p2 {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .con_cont2 .lef .p2 {
        font-size: 13px;
        line-height: 30px;
    }
    .con_cont2 .lef .p2 span {
        font-size: 14px;
    }
    .con_cont2 {
        padding-bottom: 340px;
    }
    .con_cont1 {
        padding-bottom: 60px;
    }
    .con_cont1 .p1 {
        width: 100%;
        font-size: 15px;
    }



    /* ?a’??“??-??? */
    .new_cont1 .rig {
        height: 225px;
        padding: 23px 37px;
    }
    .new_cont1 .rig .p1 {
        font-size: 17px;
        margin-bottom: 18px;
    }
    .new_cont1 .rig .p2 {
        font-size: 13px;
        line-height: 21px;
    }
    .new_cont2 .rq1{
        width: 49%;
        margin-right: 2%;
    }
    .new_cont2 .rq1:nth-child(3n){
        margin-right: 2%;
    }
    .new_cont2 .rq1:nth-child(2n){
        margin-right: 0%;
    }

    /* ??????????o? */

    .newsha_cone1 .rq{
        height: auto;
    }
    .newsha_cone1 .rig {
        padding: 10px 15px;
    }
    .newsha_cone1 .rig .p1 {
        font-size: 20px;
    }
    .newsha_cone1 .rig .p2 {
        font-size: 12px;
        line-height: 20px;
    }
    .newsha_cone1 .rig a {
        font-size: 12px;
        width: 100px;
        height: 35px;
        line-height: 35px;
        margin-top: 24px;
    }
    /* ?…¨?????????-???è§?é—?é￠? */
    .servedat_cont .p3{
        font-size: 13px;
    }
    .servedat_cont .p1{
        font-size: 19px;
    }


    .ser_cont5 .rq .rq1{
        width: 49%;
        margin-right: 2%;
    }
    .ser_cont5 .rq .rq1:nth-child(3n){
        margin-right: 2%;
    }
    .ser_cont5 .rq .rq1:nth-child(2n){
        margin-right: 0%;
    }



    .ser_bt {
        font-size: 26px;
    }

    .ser_cont2 .rq .lef .p2 {
        font-size: 12px;
        width: 96%;
        margin-top: 11px;
    }
    .ser_cont2 .rq .lef {
        height: 375px;
    }
    .ser_cont2 .rq2 .rq2_1 .p1 {
        font-size: 19px;
        margin-bottom: 6px;
    }
    .ser_cont2 .rq2 .rq2_1 .p2 {
        font-size: 13px;
    }
    .ser_cont4 .p3 {
        font-size: 13px;
    }
    .ser_cont4 .p1 {
        font-size: 18px;
    }
    .ser_cont4 .p5{
        font-size: 15px;
    }
    .ser_cont52 .rq .rq1:nth-child(3n){
        width: 100%;
        margin-top: 10px;
    }
    .ser_cont5 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ser_cont3 .dznr {
        width: 346px;
        padding: 35px 49px;
    }
    .pc2{
        display: none;
    }
    .app2{
        display: block;
    }
    .about_cont7 .pc,.about_cont7 .rig1 .bz_4{
        display: none !important;
    }
    .about_cont7 .app{
        display: block !important;
    }



    .cent_cont3 .yq{
        width: 411px;
        height: 415px;
        background-size: contain;
    }
    .cent_cont3 .yq::before{
        width: 311px;
        height: 311px;
        background-size: contain;
    }
    .cent_cont3 .tp{
        width: 240px;
        height: 240px;
    }
    .cent_cont3 .wrap{
        padding-bottom: 50px;
    }
    .cent_cont3 .sz{
        font-size: 15px;
        width: 114px;
    }
    .cent_cont3 {
        height: 700px;
    }
    .cen_bt{
        font-size: 33px;
    }

    .join2_con3 .rq1{
        width: 49%;
    }
    .join2_con3 .rq1:nth-child(2n){
        margin-right: 0;
        margin-bottom: 10px;
    }

    .newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) {
        width: 225px;
        overflow: hidden;
    }

    .newdate2 .bot div img, .newdate2 .bot span img, .newdate2 .bot p img,.newdate2 .bot img{
        width: 100% !important;
        height: auto !important;
    }

}


@media (max-width: 767px){
    .new_cont1{
        display: none;
    }
    .about_honor .bd_l{
        display: none;
    }

    .newdate2 .bot .an a:nth-child(1),
    .newdate2 .bot .an a:nth-child(3),
    .newdate2 .bot .an a:nth-child(2){
        width: 100%;
    }
    .newdate2 .bot .an a img{
        width: 22px !important;
    }
    .content2 .dbj {
        width: 460px;
        height: 114px;
    }
    @keyframes sonarEffect {
        0% {
            opacity: 0.3;
        }
        40% {
            opacity: 0.5;
            box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
        }
        100% {
            box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
            transform: scale(0.5);
            opacity: 0;
        }
    }

    .content5 .fa{
        width: 20px;
    }
    .content5 .fa img{
        width: 100%;
    }
    .foot-container,
    .wrap{
        width: 100%;
        padding: 0 10px;
    }
    /* é|–é?μ */
    .pc{
        display: none;
    }
    .app{
        display: block;
    }
    .content1 .content1_1 .p2{
        margin-top: 0;
    }
    .content1 .content1_1 .p1 {
        font-size: 16px;
    }
    .content1 .content1_1:hover>div {
        top: 22%;
    }
    .content1 .content1_1:hover>div .p2 {
        font-size: 12px;
    }
    .content1 .content1_1:hover>div .p1 {
        font-size: 16px;
    }
    .content1 .content1_1 div img{
        margin-top: 10px;
    }

    .content2 .lef,
    .content2 .rig{
        width: 100%;

    }
    .content2 .rig div{
        height: auto;
        margin-top: 0;
    }
    .content2 .void{
        width: 100%;
        height: auto;
    }
    .content2 .lef .rq{
        padding: 0 15px;
    }
    .content4 .lef{
        margin-bottom: 10px;
    }
    .content4 .lef,
    .content4 .rig{
        width: 100%;
        height: auto;
    }
    .content4 .rig .rq .rq1{
        width: 48%;
    }
    .content2 .foot-container{
        width: 100%;
        padding: 0;
    }
    .content3 .content3_1{
        width: 50%;
    }
    .content3{
        height: 320px;
    }
    .content3 .content3_1:nth-child(1){
        background-size: 50px;
    }
    .content3 .content3_1:nth-child(2){
        background-size:40px 50px;
    }

    .content3 .content3_1:nth-child(3){
        background-size:51px 48px;
    }

    .content3 .content3_1:nth-child(4){
        background-size:50px;
    }
    .content3 .content3_1 {
        padding-left: 80px;
    }
    .content5 .dt{
        width: 70%;
    }
    .content5 .lef{
        width: 30%;
    }
    .content6 .foot-container .p1 {
        font-size: 12px;
    }
    .bt {
        font-size: 20px;
    }
    .content1 .content1_1{
        width: 50%;
    }
    .content1 .content1_1:nth-child(3){
        width: 100%;
    }
    .content1 .content1_1:nth-child(3) .p1{
        font-size: 32px;
    }
    .content1 .content1_1:nth-child(3):hover>div .p1{
        font-size: 40px;
    }



    /* .ODM */

    .odm_cont1 .rq div{
        height: auto;
        margin-bottom: 10px;
    }
    .odm_cont1 .rq1,
    .odm_cont1 .rq4{
        width: 58.2%;
    }
    .odm_cont1 .rq2,
    .odm_cont1 .rq3{
        width: 40%;
    }
    .banner2 .nr .wrap .p1 {
        font-size: 24px;
    }
    .odm_bt {
        font-size: 27px;
        padding-top: 40px;
        padding-bottom: 23px;
    }
    .odm_cont1 .rq{
        padding: 40px 0;
    }
    .odm_cont2 .swiper-button-prev,
    .odm_cont2 .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .odm_cont5 .rq{
        background-image: none;
        background-size: 40%;
    }
    .odm_cont5 .rq .lef, .odm_cont5 .rq .rig {
        height: 240px;
    }
    .odm_cont4 .rq div .tp{
        width: 85px;
        height: 95px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .odm_cont4 .rq div p {
        font-size: 15px;
        padding-top: 110px;
    }
    .odm_cont4 .rq div {
        height: 145px;
        margin-bottom: 20px;
    }
    .odm_cont6 .rq div img{
        width: 70px;
    }
    .odm_cont5 .rq .lef, .odm_cont5 .rq .rig {
        width: 100%;
        height: auto;

    }
    .odm_cont5 .p2,
    .odm_cont5 .rq .rig .p2{
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .odm_cont5 .p1,
    .odm_cont5 .rq .rig .p1{
        padding: 0;
        text-align: center;
        font-size: 20px;
    }
    .odm_cont5 .rq{
        height: auto;
        margin-top: 10px;
    }


    /* è§￡??3?–1??? */
    .solu_cont1 a {
        font-size: 15px;
        line-height: 60px;
        margin-right: 35px;
    }
    .solu_cont1 {
        /*height: 60px;*/
    }
    .solu_cont3 .lef,
    .solu_cont3 .rig{
        width: 100%;
        height: auto;
    }
    .solu_cont3 .so_jz{
        flex-direction: column;
    }
    .solu_cont4 .top .rq{
        width: 100%;
        height: auto;
    }
    .sp {
        font-size: 13px;
    }
    .sp img{
        width: 30px;
        height: 30px;
    }
    .con5_5 .rq .lef,
    .con5_5 .rq .rig{
        width: 100%;
    }
    .solu_cont2 .wrap{
        flex-direction: column;
    }
    .solu_cont2 a {
        /* width: 30%; */
        width: 100%;
        font-size: 14px;
        text-align: left;
        height: auto;
        /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
        float: left;
        margin-right: 2%;
    }
    .solu_cont2{
        height: 45px;
    }


    /* ?o§?“?èˉ|??… */
    .proxq1-rt_jz .prod_p{
        font-size: 22px;
    }
    .proxq1-rt_jz .p2{
        font-size: 13px;
    }
    .prodate_cont3 .rq a {
        margin-left: 60px;
    }
    .prodate_cont3 .rq a::before {
        left: -30px;
    }
    .prodate_but{
        font-size: 26px;
    }
    .prodate_but::before {
        height: 27px;
        top: 5px;
    }
    .prodate_cont4 .lef{
        width: 100%;
    }
    .prodate_cont4 .rig{
        width: 100%;
    }
    .prodate_but{
        margin-bottom: 16px;
    }
    .prodate_cont5 .lef{
        padding-left: 0;
    }
    .prodate_cont5 .prodate_but {
        margin-bottom: 20px;
    }
    .prodate_cont4 .p3 {
        color: #e84926;
        font-size: 18px;
        margin-bottom: 28px;
    }
    .prodate_cont4 .rig{
        margin-top: 10px;
    }
    .prodate_cont4 {
        padding-top: 30px;
    }
    .prodate_cont6 .lef{
        padding-left: 0;
    }


    /* ?o§?“???—è?¨ */
    .prlis_cont1 .rq div {
        width: 100%;
        margin-bottom: 13px;
    }
    .prlis_cont1 .rq div span{
        font-size: 14px;
    }
    .prlis_cont1 label{
        font-size: 13px;
    }
    .prlis_cont1 .rq div span {
        width: 19%;
    }
    .prlis_cont1 .rq .rq1{
        width: 81%;
    }

    /* ???è§?é—?é￠?èˉ|??… */
    .case_deta_contene2{
        display: none;
    }
    .issdate_cont2 .top .p1{
        width: 100%;
        line-height: 100px;
    }
    .issdate_cont2 .top{
        height: 100px;
    }
    .issdate_cont2 .an a{
        display: block;
    }
    .issdate_cont2 .an .lb{
        height: 30px;
        line-height: 30px;
        margin: 10px 0;
    }
    .issdate_cont2 .an{
        float: right;
    }

    /* ?…3?o???‘??? */
    .about_cont4 .ab_bt{
        margin-top: 30px;
    }
    .about_cont4 .rq1 {
        width: 94px;
        height: 83px;
    }
    .about_cont4 .rq1 div p {
        font-size: 12px;
        padding-top: 55px;
    }
    .about_cont4 .ab_bt {
        margin-top: 26px;
    }
    .ab_fbt {
        font-size: 14px;
        margin-top: 0px;
    }
    .deve-item .deve-info{
        height: auto;
    }
    .deve-center {
        padding: 190px 0;
    }
    .about_cont5 {
        padding: 40px 0;
    }
    .development-box {
        margin-top: 5px;
    }
    .about_cont6 {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .about_cont5 .swiper-button-prev, .about_cont5 .swiper-button-next{
        width: 42px;
        height: 42px;
    }
    .about_cont7 .lef{
        width: 100%;
        padding-top: 0;
    }
    .about_cont7 .rig{
        width: 100%;
    }
    .abdate_cont a {
        font-size: 12px;
        margin-right: 13px;
    }
    .ab_bt {
        font-size: 26px;
    }
    .about_cont2 .p1{
        font-size: 13px;
    }
    .about_cont2 button {
        width: 120px;
        height: 40px;
    }
    .about_cont2 .p1 img {
        width: 50px;
    }
    .about_cont2 .abo_video:after{
        width: 50px;
        height: 50px;
    }


    .about_honor .bd_r, .about_honor .bd_l{
        width: 100%;
    }
    .channel_content .ann button {
        width: 205px;
        height: 70px;
    }

    .join_cont1,
    .join_cont2 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .join_cont2 .rq1{
        float: none;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .join_cont2 .rq1:nth-child(3){
        margin: 0 auto;
    }
    .join_cont2 .rq .p2 {
        font-size: 21px;
        margin-top: 45px;
        margin: 12px;
    }
    .join_cont2 .rq .p3 {
        font-size: 12px;
    }
    .join_cont3 .top .p1{
        font-size: 18px;
    }
    .join_cont3 .top .p2,
    .join_cont3 .bot .p3{
        font-size: 14px;
    }
    .join_cont3 .bot .on {
        width: 100px;
    }
    .join_cont3 .bot a {
        /* width: 69px; */
        width: auto;
    }
    .join_cont3 .rq1 {
        padding: 0 20px;
    }


    /* è?”?3???‘??? */

    .con_cont2 .wrap{
        position: relative;
        width: 100%;
        top: 10px;
    }
    .con_cont2{
        padding-bottom: 40px;
    }
    .con_cont1 .rq input,.con_cont1 .xl, .con_cont1 .x2{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }



    /* ?a’??“??-??? */
    .new_cont1 .lef,.new_cont1 .rig{
        width: 100%;
    }
    .new_cont1 .swiper-pagination-bullets {
        bottom: 4%;
    }
    .new_cont2 .rq1 .top,.new_cont2 .rq1{
        height: auto;
    }
    .new_cont2 .rq1 .top img{
        vertical-align: middle;
    }

    /* ??????????o? */
    .newsha_cone1 .lef,.newsha_cone1 .rig{
        width: 100%;
    }
    .newdate2 .top{
        padding-top: 0;
    }
    .newdate2 .top .p1{
        line-height: 64px;
        margin-bottom: 0;
    }

    /* ?a’??“??-???èˉ|??… */
    .newdate2 .bot .an a{
        display: block;
        text-align: center;
    }
    .newdate2 .bot .an .lb{
        width: 100%;
    }
    .newdate_cont3 .p1 {
        font-size: 26px;
    }

    .newdate_cont3 .p1 {
        font-size: 34px;
    }

    /* ?…¨?????????-???è§?é—?é￠? */
    .servedat_cont .rq1{
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        margin: 0;
        margin-bottom: 10px;
    }
    .servedat_cont .p4{
        top: 90%;
    }



    .ser_cont5 .rq .rq1{
        /* width: 100%; */
        margin-right: 2%;
        height: auto;
        padding: 14px 14px;
    }
    .down_cont .ser_bt {
        font-size: 26px;
    }
    .ser_cont5 .rq .rq1 .p1 {
        font-size: 16px;
    }
    .down_cont{
        padding: 40px 0;
    }
    .ser_cont5 .rq .rq1 .p2{
        font-size: 15px;    margin-bottom: 26px;
    }
    .ser_cont5 .rq .rq1 .p3 {
        width: 40px;
        height: 38px;
        background-size: 16px;
    }


    .ser_cont52 .rq .rq1{
        margin-bottom: 10px;
    }
    .ser_cont52 .rq .rq1:nth-child(3n) {
        width: 100%;
        margin-top: 0px;
    }
    .ser_cont2 .rq .lef,
    .ser_cont2 .rq .rig{
        width: 100%;
        height: auto;
    }
    .ser_cont2{
        padding: 0px 0;
    }
    .ser_cont4 .swiper-slide {
        padding: 35px 67px;
    }


    .cent_cont1 .p1{
        font-size: 14px;
    }
    .cen_bt {
        font-size: 25px;
        padding-bottom: 14px;
    }
    .cent_cont2 .rq {
        margin-top: 14px;
    }
    .cent_cont1 .p1{
        padding: 0;
    }
    .cent_cont1{
        padding-top: 30px;
    }
    .cent_cont2 .rq1{
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 10px;
    }
    .cent_cont2 .rq1 div {
        padding: 44px 33px;
    }
    .cent_cont2{
        padding: 40px 0;
    }
    .cent_cont4{
        padding-top: 40px;
    }
    .cent_cont4 .rq1{
        width: 49%;
        margin-right: 2%;
    }
    .cent_cont4 .rq1:nth-child(3n){
        margin-right: 2%;
    }
    .cent_cont4 .rq1:nth-child(2n){
        margin-right: 0%;
    }
    .cent_cont4 .bot .p1{font-size: 19px;}

    .cent_cont5 .rq1{
        width: 80%;
        height: auto;
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }
    .cent_cont5 .rq1:nth-child(3){
        margin: 0 auto;
    }


    .solu_cont4 .bot .rq .lef,.solu_cont4 .bot .rq .rig{
        width: 100%;
    }


    .abdate_cont .wrap{
        padding: 0 15px;
        width: auto;white-space: nowrap;

    }
    .abdate_cont a {
        font-size: 12px;
        margin-right: 8px;
        line-height: 60px;
        /* width: 70px; */
        padding: 0 15px;
    }
    .abdate_cont a:nth-child(1){
        padding-left: 0;
    }
    .abdate_cont {
        width: 100%;
        height: 60px;
        line-height: 60px;
        top: 60px;
        overflow-x: auto;
        z-index: 99;
    }
    .abdate_cont::-webkit-scrollbar {
        height: 2px;
        background-color: #136091;
        border-radius:50px;
    }

    .abdate_cont::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color:#999999
    }

    .abdate_cont::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #136091
    }


}

@media (max-width: 570px){

    .prlis_banner .nr .wrap{
        top: 36%;
        width:90%;
        margin: 0 auto;
    }


    .top .divImg2 {
        width: 100%;
        height: auto;
    }
    .newdate2 .top .p2{
        font-size: 16px;
    }
    .newdate2 .top .p2 img {
        width: 19px;
        margin-bottom: -3px;
        margin-right: 6px;
    }

    .prodate_cont10 .bot .p1 {
        font-size: 19px;
    }
    .prlis_cont2 .top img {
        height: 70%;
    }
    .prodate_cont10 .rq1 .bot {
        padding: 0 15px;
        padding-top: 15px;
    }
    .proxq1-top {
        height: auto;
        width: 100%;
    }
    .proxq1-thumbs{
        display: none;
    }
    .prodate_cont1 .rq a {
        font-size: 13px;
    }
    .prodate_cont1 .rq a img {
        margin-right: 2px;
    }
    .proxq1-con .proxq1-top .swiper-slide img {
        width: 80%;
    }
    .proxq1-rt .proxq1-rt_jz {
        margin-left: 0px;
    }
    .prodate_cont10 .rq1 .bot{
        height: auto;
        padding-bottom: 20px;
        border-bottom: 0px solid #000;
    }
    .prodate_cont10 .rq .rq1{
        height: auto;
    }
    .prodate_cont10 .rq1:hover .bot{
        height: auto;
    }

    /* ?o§?“???—è?¨ */
    .prlis_cont2 .bot {
        padding: 0 22px;
        padding-top: 30px;
    }
    .prlis_cont2 .top img{
        height: auto;
        /* width: 100%; */
        width: auto;
        max-height: 100%;
        max-width: 100%;
    }
    .prlis_cont2 .rq .rq1{
        width: 100%;
        margin: 0 ;
        margin-bottom: 10px;
    }
    .about_cont4 .rq1 {
        width: 90px;
        height: 79px;
        margin-left: 28px;
    }
    .about_cont4 .rq1 div {
        background-size: 25px;
    }
    .about_cont4 .rq1 div p {
        font-size: 14px;
        padding-top: 46px;
    }
    .about_cont3 .lerq .p2{
        font-size: 13px;
    }
    .about_cont3 .rq {
        padding-top: 40px;
    }
    .channel_content .ann{
        /* display: grid; */
        height: auto;
        width: 100%;
    }
    .channel_content .ann button{
        width: 100%;
        height:70px;
        margin: 0;
        margin-bottom: 10px;
    }
    .channel_content .ann a{
        display: inline-block;
        width: 49%;
    }
    .channel_content .ann a:nth-child(1){
        margin-right: 1%;
    }
    .channel_content .ann button:nth-child(2){
        margin-left: 0;
    }
    .channel_content .ann button img {
        width: 23px;
        margin-bottom: -9px;
    }
    .channel_content .ann button {
        height: 50px;
        font-size: 16px;
    }
    .channel_content{
        padding-top: 25px;
        padding-bottom: 40px;
    }
    .channel_content .p {
        margin-top: 8px;
        margin-bottom: 30px;
    }
    .about_honor .bd_l{display: none;}
    .about_honor .r_title {
        font-size: 18px;
    }

    /* ?a’??“??-??? */

    .new_cont2 .rq1{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .fyq a{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        margin-right: 2px;
    }
    .fyq .a2 {
        width: 55px;
        height: 40px;
        font-size: 13px;
    }
    .new_cont2{
        padding-bottom: 40px;
    }
    .fyq{
        margin-top: 30px;
    }
    .new_cont1{
        padding: 40px 0;
    }


    .newdate_cont3 .bot .p2{
        font-size: 15px;
    }
    .newdate_cont3 .bot .p3{
        font-size: 13px;
    }
    .newdate_cont3 .bot {
        background-size: 10%;
    }
    .newdate_cont3{
        padding-bottom: 60px;
    }

    .newdate_cont3 .p1 {
        font-size: 26px;
    }


    .ser_cont2 .rq2 .rq2_1{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .ser_cont2 .rq2{
        margin-top: 30px;
    }
    .ser_cont5{
        padding: 40px 0;
    }
    .ser_cont4 .swiper-button-prev, .ser_cont4 .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .ser_cont4 .swiper-slide {
        padding: 35px 35px;
    }

    .cent_cont3 {
        height: 450px;
    }
    .cent_cont3 .yq{
        width: 220px;
        height: 220px;
    }
    .cent_cont3 .yq::before{
        width: 160px;
        height: 160px;
    }
    .cent_cont3 .tp{
        width: 130px;
        height: 130px;
    }
    .cent_cont3 .sz {
        font-size: 12px;
        width: 95px;
        top: 13%;
        left: -4%;
    }
    .cent_cont3 .sz2 {
        top: 47%;
        left: -12%;
    }
    .cent_cont3 .sz3 {
        top: 70%;
        left: -12%;
    }
    .cent_cont3 .sz4 {
        top: 94%;
        left: 4%;
    }
    .cent_cont3 .sz5 {
        top: 106%;
        left: 48%;
    }
    .cent_cont3 .sz6 {
        top: 97%;
        left: 94%;
    }
    .cent_cont3 .sz7 {
        top: 79%;
        left: 112%;
    }
    .cent_cont3 .sz8 {
        top: 50%;
        left: 122%;
    }
    .cent_cont3 .sz9 {
        top: 27%;
        left: 117%;
    }
    .cent_cont3 .sz10 {
        top: 5%;
        left: 99%;
    }
    .cent_cont3 .sz11 {
        top: -6%;
        left: 51%;
    }

    .join2_con3 .rq1{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .join2_con1 .p1{
        font-size: 21px;
        padding-top: 37px;
        padding-bottom: 25px;
    }
    .join2_con2 .p3 {
        font-size: 21px;
        padding-top: 24px;
        padding-bottom: 30px;
    }
    .join2_con3 .p1{
        font-size: 21px;
    }
    .join2_con3 {
        width: 100%;
        padding-top: 37px;
        padding-bottom: 0px;
    }
    .join2_con3 .p2,
    .join2_con3 .p5{
        font-size: 15px;
    }
    .join2_con3 .rq1{
        height: auto;
    }
    .join2_con3 .p3 {
        font-size: 13px;
    }
}



@media (max-width: 414px){

    .prlis_banner .nr .wrap{
        top: 35%;
    }

    .content2 .dbj img {
        width: 75%;
    }
    .about_cont5{
        padding-bottom: 0;
    }
    .con_cont1 .p1{
        font-size: 14px;
        text-align: left;
    }
    .content5 {
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .odm_cont4 .rq p {
        font-size: 12px;
    }
    .odm_cont4 .rq .p5, .odm_cont4 .rq .p6, .odm_cont4 .rq .p7, .odm_cont4 .rq .p8 {
        top: 92%;
    }
    .odm_cont5 .p1, .odm_cont5 .rq .rig .p1{
        margin-bottom: 10px;
    }
    .solu_cont3 {
        padding-top: 28px;
    }
    .form .p1{
        font-size: 21px;margin-bottom: 23px;
    }
    .form img{
        width: 20px;
    }
    .form input,.form select{
        height: 40px;
        font-size: 14px;
    }
    .form .inp2 {
        width: 100%;
    }
    .form button{
        height: 45px;
        font-size: 16px;
    }
    .form{
        height: 100%;
        padding-top: 20px;
    }


    .content5 .dt .dian1{
        width: 3px;
        height: 3px;
    }
    @keyframes sonarEffect {
        0% {
            opacity: 0.3;
        }
        40% {
            opacity: 0.5;
            box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
        }
        100% {
            box-shadow: 0 0 0 2px rgba(10,185,223), 0 0 0px 0px rgba(10,185,223), 0 0 0 10px rgba(10,185,223);
            transform: scale(0.2);
            opacity: 0;
        }
    }
    .content5 .dt{
        width: 100%;
    }
    .content5 .lef {
        width: 100%;
    }
    .content5 .ljgd{
        margin-top: 0;
    }

    /* é|–é?μ */
    .content2 {
        width: 100%;
        padding: 40px 0;
        position: relative;
    }
    .content1 .content1_1{
        width: 100%;
    }
    .content1 .content1_1 .p1 {
        font-size: 32px;
    }
    .content1 .content1_1:hover>div .p1 {
        font-size: 40px;
    }
    .content5 .lef {
        margin-top: 0px;
    }
    .content3 .content3_1 {
        padding-left: 60px;
    }
    .content3 .content3_1:nth-child(4){
        width: 50%;
    }
    .content3 .content3_1, .content3 div {
        height: 100px;
    }
    .content3{
        height: 200px;
    }
    .content3 .content3_1 .p1 span {
        font-size: 26px;
    }
    .content3 .content3_1:nth-child(1) {
        background-size: 40px;
    }
    .content3 .content3_1:nth-child(2){
        background-size: 30px 40px;
    }
    .content3 .content3_1:nth-child(3) {
        background-size: 41px 38px;
    }
    .content3 .content3_1:nth-child(4){
        background-size: 40px;
    }
    .content4 {
        padding: 40px 0;
    }
    .content1 .content1_1 .p1,
    .content1 .content1_1:nth-child(3) .p1 {
        font-size: 24px;
    }
    .content1 .content1_1:hover>div .p1,
    .content1 .content1_1:nth-child(3):hover>div .p1 {
        font-size: 26px;
    }




    .odm_bt{
        font-size: 22px;
    }
    .odm_fbt {
        width: 100%;
        font-size: 12px;
    }
    .odm_cont1 .rq{
        padding-top: 20px;
    }
    .odm_cont2 {
        padding-bottom: 40px;
    }
    .odm_cont2 .swiper-container{
        margin-top: 20px;
    }
    .odm_cont2 .swiper-button-prev, .odm_cont2 .swiper-button-next{
        width: 30px;
        height: 30px;
        top: 55%;
    }
    .odm_cont3 .swiper-button-next,
    .odm_cont3 .swiper-button-prev{
        width: 40px;
        height: 40px;
        top: 66%;
    }
    .odm_cont3{
        padding-bottom: 40px;
    }
    .odm_cont3 .swiper-container {
        margin-top: 20px;
    }
    .odm_cont4 .rq div{
        width: 32%;
        margin-right: 2%;
    }
    .odm_cont4 .rq div:nth-child(4n){
        margin-right: 2%;
    }
    .odm_cont4 .rq div:nth-child(3n){
        margin-right: 0;
    }
    .odm_cont4 .rq div:nth-child(7),
    .odm_cont4 .rq div:nth-child(8){
        width: 49%;
    }
    .odm_cont4 .rq div:nth-child(8){
        margin-right: 0;
    }
    .odm_cont4 .rq {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .odm_cont6 .rq div{
        height: 60px;
    }
    .odm_cont6 {
        padding-bottom: 40px;
    }
    .odm_cont6 .rq{
        margin-top: 20px;
    }




    .so_bt {
        font-size: 22px;
    }
    .solu_cont5 .p3 {
        font-size: 23px;
        margin-top: 40px;
    }
    .solu_cont5 .p4{
        font-size: 13px;
    }
    .solu_cont5{
        padding: 40px 0;
    }

    /* ?o§?“?èˉ|??… */
    .prodate_cont1 .rq a {
        font-size: 12px;
    }
    .prodate_cont3 .rq a {
        margin-left: 35px;
        font-size: 13px;
    }
    .prodate_cont3 .rq a::before {
        height: 14px;
        left: -18px;
    }
    .prodate_cont4 .lef .p2{
        font-size: 13px;
    }
    .proxq-one {
        padding: 40px 0 40px;
    }
    .prodate_cont3 {
        height: 60px;
        line-height: 60px;
    }
    .prodate_cont10 {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .proxq1-rt_jz .prod_p{
        margin-bottom: 8px;
    }
    .prodate_cont10 .rq .rq1{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .proxq1-rt_jz div {
        width: 125px;
        margin-top: 10px;
    }
    .proxq1-top p {
        font-size: 11px;
        display: none;
    }


    /* ?o§?“???—è?¨ */
    .prlis_cont1 label{
        width: 120px;
    }
    .prlis_cont2 .bot .p1{
        font-size: 20px;
    }
    .prlis_cont2 .bot .p2{
        font-size: 14px;
    }
    .prlis_cont2 .bot .p3{
        font-size: 14px;
    }
    .prlis_cont2 .bot{
        height: auto;
        padding-bottom: 20px;
    }
    .prlis_cont2 .rq .rq1{
        height: auto;
    }
    .prlis_cont2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .prlis_cont2 .anniu{
        margin-top: 15px;
    }
    .issdate_cont2 .wrap{
        padding: 0 15px;
    }
    .issdate_cont2 .bot .ig div:nth-child(2) {
        margin-left: 10px;
    }
    .issdate_cont2 .bot{
        padding-bottom: 40px;
    }
    .issdate_cont2 .an{
        margin-top: 15px;
    }
    .issdate_cont2{
        padding-bottom: 45px;
    }
    .issdate_cont2 .top .p1{
        font-size: 18px;
    }


    /* ?…3?o???‘??? */
    .deve-text p {
        font-size: 12px;
    }
    .deve-text {
        height: 244px;
        padding: 3px 12px;
    }



    .about_cont2 {
        padding-top: 15px;
    }
    .about_cont3 .lerq .p1{
        font-size: 18px;
    }
    .about_cont3 .lerq .y{
        background-size: contain;
        width: 65px;
        height: 64px;
        left: 25px;
    }
    .ser_cont2 .rq .lef{
        padding-top: 30px;
    }
    .ser_cont2 .rq .lef .p1 {
        font-size: 13px;
        width: 80px;
        height: 25px;
        line-height: 25px;margin-bottom: 10px;
    }
    .ser_cont4 .p5{
        margin-top: 20px;
    }
    .ser_cont4{
        padding-bottom: 32px;
    }
    .join2_con3 .rq1{
        padding-top: 10px;
    }
    .odm_cont1 .rq{padding-bottom: 0;}
    .ser_bt {
        font-size: 22px;
    }
    .con_cont2 .rig .p1{
        margin-top: 20px;
    }
    .about_cont3 .lerq {
        height: 70px;
        margin-bottom: 10px;
    }
    .about_cont3 .rq {
        padding-top: 22px;
    }

    .about_cont3{
        padding: 40px 0;
    }
    .about_cont4 .ab_bt {
        margin-top: 20px;
    }
    .about_cont4 .rq{
        margin-top: 30px;
    }
    .deve-text {
        height: 403px;
    }
    .deve-center {
        padding: 121px 0;
    }
    .about_cont5 .swiper-button-prev, .about_cont5 .swiper-button-next{
        width: 32px;
        height: 32px;
    }
    .about_cont6 .p1{
        font-size: 13px;
    }
    .about_cont7 .rig{
        height: auto;
    }
    .about_cont7 .lef button {
        font-size: 15px;
        width: 95px;
        height: 34px;
    }
    .about_cont7 .lef .ab_fbt {
        margin-bottom: 18px;
    }

    .join_bt {
        font-size: 22px;
    }
    .join_cont3{
        padding: 40px 0;
    }
    .join_cont3 .rq1 .top {
        width: 100%;
        height: 70px;
        line-height: 70px;
        background-size: 30px;
    }
    .join_cont3 .top .p1 {
        font-size: 15px;
    }


    .con_cont1{
        padding: 40px 0;
    }
    .con_cont2 .rq {
        padding: 31px 13px;
    }
    .con_cont1 .rq {
        margin-top: 17px;
    }
    .con_cont1 button {
        width: 110px;
        height: 32px;
        font-size: 14px;
    }


    /* ??????????o? */
    .newsha_cone1{
        padding: 40px 0;
    }
    .newsha_cone1 .rq{
        margin-bottom: 10px;
    }
    .newsha_cone1 .fyq{margin-top: 30px;}


    .newdate_cont3 .swiper-button-prev, .newdate_cont3 .swiper-button-next{
        width: 40px;
        height: 40px;
        top: 54%;
    }


    .ser_cont5 .rq,.down_cont .fyq{
        margin-top: 30px;
    }

    .cent_cont4 .rq1{
        width: 100%;
        margin-right: 0;
    }
    .cent_cont5 .rq1{
        width: 100%;
    }
    .cent_cont5 .rq1 .bot{
        height: auto;
        padding-bottom: 20px;
    }
    .cent_cont5 .rq1 .bot .p1{
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
    .cent_cont5{
        padding: 40px 0;
    }
    .cen_bt {
        font-size: 23px;
        padding-bottom: 14px;
    }

    .solu_cont4 .bot .rq .lef .p3{
        background-size: 30px;
        margin-bottom: 10px;
        padding-left: 50px;
        width: 100%;
    }
    .solu_cont4 .bot .rq .lef .p2{
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }
    .solu_cont4 .bot .rq .lef p {
        font-size: 13px;
    }
    .join2_con3 .rq2,.join2_con3 .rq{
        margin-bottom: 15px;
    }
    .join2_con3 .wrap{
        padding-bottom: 30px;
    }
    .cent_cont3 .wrap {
        padding-top: 33px;
    }
    .cent_cont3 {
        height: 390px;
    }
    .cent_cont4 .rq1 {
        height: auto;
        padding-bottom: 20px;
    }
    .prlis_cont1{
        padding-bottom: 0;
    }
    .cent_cont1 .ig {
        margin-top: 15px;
        position: relative;
    }
    .cent_cont2 .rq1 div p {
        font-size: 15px;
        padding-top: 83px;
    }
    .cent_cont2 .rq1 div {
        padding: 20px 33px;background-position-y: 20px;
    }

    .deve-item.it2 .deve-text{
        height: 403px;
    }
    .deve-text p {
        -webkit-line-clamp: 3;
    }
    .deve-item.it2 .deve-info{
        padding-top: 0;
    }
    .deve-item.it1 .deve-info{
        padding-bottom: 0;
    }


    .about_cont6 .ig{
        margin-top: 20px;
    }
    .about_cont6 .ab_fbt{
        padding-bottom: 10px;    margin-bottom: 22px;
    }
    .about_cont7 {
        padding-top: 25px;
    }

    .channel_content .ann a:nth-child(1) button img {
        margin-bottom: -5px;
    }

    .ser_cont4,.servedat_cont{
        padding-top: 30px;
    }
    .ser_cont4 .ser_fbt {
        margin-bottom: 25px;
    }
    .join_cont1, .join_cont2 {
        padding-top: 20px;
    }
    .join_xz {
        padding: 22px 0;
    }


    .content4 .lef .bot{
        padding-bottom: 20px;
    }




    .prodate_cont4 {
        padding-top: 0;    padding: 0px 0;
    }
    .prodate_cont4 .p3 {
        margin-bottom: 5px;
    }
    .prodate_cont6{
        padding-bottom: 35px;
    }



    .down_cont .rq1 {
        margin-bottom: 10px;
    }
    .new_cont1 .rig {
        background-position-x: 40px;
        background-position-y: 90%;
    }


    .join_cont1 .swiper-slide div:nth-child(1){
        margin-bottom: 3px;
    }
    .join_cont1 .swiper-slide div:nth-child(2){
        margin-bottom: 3px;
    }
    .join_cont1 .swiper-slide div:nth-child(3){
        margin-bottom: 3px;
    }


    .con_cont2 .lef,.con_cont2 .rig{
        width: 100%;
    }
    .issdate_cont2{
        padding-top: 0;
    }

    .odm_cont4 .rq .p1,
    .odm_cont4 .rq .p2,
    .odm_cont4 .rq .p3,
    .odm_cont4 .rq .p4{
        top: 45%;
    }

}















.pro-category dl dt a{font-size: 18px;color: #444;width: 100%; font-weight: 300;
    font-family: "regular";/*text-transform: uppercase;*/display: inline-block;}
.pro-category dl dd{display: block;}
.pro-category dl dd a{    font-family: "regular";
    font-size: 16px;
    color: #666;
    line-height: 20px;
    display: inline-block;padding: 0 10px;position: relative;margin-bottom: 15px;transition: all 0.4s;}

/* .pro-category dl.dl1 dd a:hover,.pro-category dl.dl1 dd a.on{text-decoration: underline;} */
.pro-category dl.dl1 dd a:hover:after,.pro-category dl.dl1 dd a:hover:before{opacity: 1;}
.pro-category dl.dl1 dd a.on:after,.pro-category dl.dl1 dd a.on:before{opacity: 1;}

/* .pro-category dl li a:hover,.pro-category dl li a.on{text-decoration: underline;} */
.pro-category dl li a:hover:after,.pro-category dl li a:hover:before{opacity: 1;}
.pro-category dl li a.on:after,.pro-category dl li a.on:before{opacity: 1;}


.pro-category dl{float: left;}
.pro-category dl ul{display: inline-block;vertical-align: top;}
.pro-category dl li{
    display: block;margin-right: 33px;min-width: 60px;}
.pro-category dl ul:last-child li{margin-right: 0;}
.pro-category dl.dl1{width: 100%;}
.pro-category dl.dl2{width: 100%;}
.pro-category dl.dl3{width: 100%;}
.pro-category dl dd,.pro-category dl dt{
    display: inline-block;
}
.pro-category dl li{
    display: inline-block;
}
.pro-category dl ul{
    width: 100%;
}
.pro-category dl dd{
    width: 86%;
    float: left;
}
.pro-category dl dt{
    width: 14%; float: left;
}
.pro-category dl.dl1 dd{
    width: 180px;
}
.pro-category dl.dl1 dd a,.pro-category dl dt a,.pro-category dl dd a{
    line-height: 20px;
    padding:10px;
    cursor: pointer;
}
.pro-category dl.dl1 dd a.on,
.pro-category dl dd a.on{
    color: #fff;
    background: url(../images/img275.png) #0079c3;
    background-repeat: no-repeat;
    background-position-y: 5px;
    background-position-x: 98%;
}
.pro-category dl{
    border-top: 1px solid rgb(213,214,218);
    padding-top: 15px;
}
.pro-category dl:nth-child(1){
    border-top: none;
}
.pro-category dl.dl1 div{
    width: 73%;
    float: left;
}


@media(max-width:991px){
    .pro-category dl dd a{
        font-size: 14px;
    }
    .pro-category dl dt a {
        font-size: 16px;
        padding:0 10px;
    }
    .prlis_cont1{
        display: none;
    }
    .solu_contcat{
        display: block!important;
    }
    .prlis_cont2{
        padding-top:20px
    }
}
@media(max-width:580px){
    .pro-category dl dd{
        width: 80%;
        float: left;
    }
    .pro-category dl dt{
        width: 20%; float: left;
    }
    .pro-category dl.dl1 dd {
        width: 120px;
    }
    .pro-category dl li{
        width: 60px;
    }
    .cent_cont1 .ig .a1 img {
        width: 65px;
        /* height: 70px; */
    }

    .prlis_cont2 .bot button{
        position: static;
        opacity: 1;
    }




}
@media(max-width:414px){
    .pro-category dl dt a {
        font-size: 14px;
    }
    .pro-category dl dd a {
        font-size: 13px;
    }
    .pro-category dl dd{
        width: 73%;
        float: left;
    }
    .pro-category dl dt{
        width: 27%;
    }
}

.odm_cont6 .an{
    width: 150px;
    line-height: 40px;
    font-size: 14px;
}


.pro-seven{padding: 0px 0 0 0;}
.pro-tit{font-size: 40px;line-height: 50px;text-align: center;color: #333;letter-spacing: 5px;}
.pro-table {
    margin: 40px 0px 75px;
}

.pro-table table {
    width: 100%;
}

.pro-table td {
    border: solid 3px white;
    color: #444444;
    /*width: 33.333333%;*/
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.pro-table td:first-child {
    /* background: #797979; */
    /* padding-left: 54px; */
    /* text-align: left; */
    /* color: white; */
}

.pro-table tr:nth-child(odd) {
    background: #bfbdbd;
}
.proi-more{transition: all .5s;
    display: block;width: 240px;
    height: 68px;font-size: 26px;
    text-align: center;line-height: 68px;
    color: white;background: #db292e;
    margin: 0 auto;
    margin-bottom: 50px;
}
.proi-more:hover{background: #0079c3;}
@media (max-width: 1460px){
    .proi-more {
        width: 170px;
        height: 55px;
        font-size: 20px;
        line-height: 55px;
    }
    .pro-tit{
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    .pro-table td:first-child {
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    .pro-table {
        margin: 30px 0;
        overflow-x: auto;
        white-space: nowrap;
    }

    .pro-table td {
        padding: 0;
        min-width: 243px;
        float: none;
        display: inline-block;
        font-size: 13px;
        line-height: 32px;
    }

    .proi-more{
        width: 125px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }
    .prodate_cont4 .lef .p2{
        width: 100%;
    }
}


















#darkbox {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8) no-repeat none 50%;
    background-size: contain;
    -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
}

#darkbox.on2 {
    opacity: 1;
    visibility: visible;
    height: 90% !important;
    width: 90% !important;
    left: 5% !important;
    top: 5% !important;
}

.dark-close i {
    color: #fff;
}

#darkbox_prev, #darkbox_next {
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#darkbox_prev {
    left: -2px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#darkbox_next {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2px;
}

#darkbox_prev:hover, #darkbox_next:hover {
    border-color: #c42a2e;
}

#darkbox-description {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 18px;
    bottom: 5px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

#darkbox .dark-close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#darkbox .dark-close:hover {
    color: #c42a2e;
}


.cont_s {
    display: inline-block;
    width: auto;
    padding-right: 5px;
}
.cont_s::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.cont_s::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #2a78ab;
}
.cont_s::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 4px;
    background: #ededed;
}

/* 修改 */
.solu_cont2{
    height: auto;
    line-height: auto;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solu_cont2 .wrap{
    display: flex;
    justify-content: center;
}
.solu_cont2 a{

}

.prodate_cont4#one .prodate_but + div{
    height: 400px;
    overflow-y: scroll;
}

.prodate_cont4#one .prodate_but + div::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.prodate_cont4#one .prodate_but + div::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #2a78ab;
}
.prodate_cont4#one .prodate_but + div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 4px;
    background: #ededed;
}


.prodate_cont4.prodate_cont5 .wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prodate_cont4.prodate_cont5 .prodate_but{
    width: 100%;
} 
.prodate_cont4.prodate_cont5 .lef{
    padding-top: 0!important;
    order: 3;
}

.prodate_cont4.prodate_cont6 .wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prodate_cont4.prodate_cont6 .prodate_but{
    width: 100%;
} 
.prodate_cont4.prodate_cont6 .lef{
    padding-top: 0!important;
}

.prodate_cont4.prodate_cont7 .wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prodate_cont4.prodate_cont7 .prodate_but{
    width: 100%;
} 
.prodate_cont4.prodate_cont7 .lef{
    padding-top: 0!important;
    order: 3;
}


@media(max-width:768px){
    .prodate_cont4#one .prodate_but + div{
        height: auto;
        overflow-y: unset;
    }
    .prodate_cont4.prodate_cont5 .lef{
        order: 2;
    }
    .prodate_cont4.prodate_cont5 .rig{
        order: 3;
    }
    .prodate_cont4.prodate_cont7 .lef{
        order: 2;
    }
    .prodate_cont4.prodate_cont7 .rig{
        order: 3;
    }
}


.more3_6 { width: fit-content; height: 48px; display: flex; align-items: center; justify-content: center; background: #ff0000; color: #FFF; padding: 0 30px; font-size: 16px;
    margin-top: 40px; }