/* @font-face {
    font-family: 'DIN';
    src: url('DIN-Medium.eot');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN-Medium.woff2) format('woff2'),
        url(../fonts/DIN-Medium.woff) format('woff'),
        url(../fonts/DIN-Medium.eot) format('truetype'),
        url(../fonts/DIN-Medium.svg) format('svg');
    font-weight: 500;
    font-style: normal;
}
 */

.banner-bg{height:6.8rem;background-size: cover;background-position:center}
.banner-bg .container{height: 100%;}
.banner .content .h1{font-size:.36rem;color: #fff;line-height: 1.6}
.banner .content .btnbox{display:flex;align-items:center;margin-top: .7rem}
.banner .content .btn1{font-size: .3rem;color: #fff;position: relative;display: block;width: 2.42rem;}
.banner .content .btn1 span{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.banner .content .videobtn{margin-left:55px;display:flex;align-items:center;cursor:pointer;}
.banner .content .videobtn img{width:32px;height:32px;margin-right:12px}
.banner .content .videobtn div{font-size:20px;color:#fff}
.videowindow{width:1000px;position:fixed;left:50%;margin-left:-500px;top:50%;transform:translateY(-50%);    z-index: 1500000;    border-radius: .1rem;background: #fff;display: none;}
.videowindow img{width:18px;cursor:pointer;    position: absolute;right: 0;top:-33px}
.videowindow video {display: block;width: 100%;}
.mask{position: fixed;top: 0;right: 0;left: 0;bottom: 0; background: rgba(0,0,0,.5);z-index: 5;display: none;}
.banner .imgbox img{width: 32vw}
.banner .swiper-slide-active .content .h1{-webkit-animation: fadeup 1s;animation: fadeup 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;font-weight:bold}
.banner .swiper-slide-active .content .btn1{-webkit-animation: fadeup 1s;animation: fadeup 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.banner .swiper-slide-active .imgbox img{-webkit-animation: fadeup 1s;animation: fadeup 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.banner .swiper1 .swiper-pagination{bottom: .3rem}
.swiper1 .swiper-pagination-bullet{width: .1rem;height: .1rem;background:#fff;border-radius: 0;opacity: .35;transition: all .3s linear}
.swiper1 .swiper-pagination-bullet-active{width: .2rem;opacity: 1;}
.banner-news .container{display:flex;align-items:center;}
.banner-news .left img{display:inline-block;margin-right:5px;}
.banner-news .left span{font-size:.16rem;color:#333;display:inline-block;vertical-align:middle;}
.banner-news .item{ width:33.33%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:.14rem;color:#666;transition:all .25s}
.banner-news .index_news_span{color:#666;margin-left:50px}
.banner-news .mid{padding:0 .2rem}
.banner-news .right a{font-size:.16rem;color:#3898ff}

.banner-news{background:#fff;padding:.1rem 0}
.banner-news .item:hover{color:#02b9f3;}
.index0{padding: 75px 0 30px;background: url(../images/idx0bg1.jpg);background-size: cover;background-position: center;margin-bottom:60px;}
.index0 .title{font-size: 36px;color: #333;text-align: center;margin-bottom:25px;font-weight: bold;}
.index0 .tabs .item{display: inline-block;font-size:18px;color: #444;margin: 0 44px;cursor: pointer;transition: all .3s ease;position: relative;padding:30px 0;line-height: 1;font-weight:bold}
.index0 .tabs .item.on:after{content:"";width: 16px;height: 16px;background: #207fff;position: absolute;bottom:-8px;left: 50%;transform: rotate(45deg);margin-left: -8px;z-index: 2;}
.index0 .tabs{text-align: center;font-size: 0;position: relative;overflow: hidden;}
.index0 .tabs .item.on{color: #207fff;}
.index0 .tabs:after{content:"";height: 2px;background: #207fff;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;}
.index0 .box .title1{font-size:24px;color: #333;text-align: center;margin-bottom: 30px;}
.index0 .box img{margin: 0 auto;width:843px;}
.index0 .box{padding: .5rem 0 0 0 }
.index0 .tabs2 .item{height: 145px;text-align: center;flex: 1;font-size: .16rem;color: #666;position: relative;z-index: 0;cursor: pointer;transition: all .3s ease-in-out;border-bottom:1px solid #f1f4f8;display: flex;align-items: center;}
.index0 .tabs2 .tabs2box{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.index0 .tabs2 .item:not(:last-child):after{content:"";height:100%;top:0;right:0;width:1px;background:#f1f4f8;position:absolute;}
.index0 .tabs2 .item:not(:last-child).on:after{display:none;}
.index0 .tabs2 .item span{position:relative;z-index:3;display:block;flex:1}
.index0 .tabs2 .item .num1{font-size: 100px;font-family: "DIN";position: absolute;left:25px;top: 0;color: #f1f5fa;font-weight: bold;z-index:1;transition: all .3s ease-in-out}
.index0 .tabs2{background: #fff}
.index0 .box{background: #fff}
.index0 .tabs2 .item.on{background: #207fff;color: #fff;border-right:0}
.index0 .tabs2 .item.on .num1{color: rgba(255, 255, 255, 0.11);}
.index0 .tabs2>div{display: none;}
.index0 .box .itembox{display: none;}
.index0 .box .itembox>div{display: none;}
.h1,.h2{font-weight:normal;}
.index-title{text-align: center;}
.index-title .h1{font-size: .38rem;color: rgb(51, 51, 51);font-weight: bold;}
.index-title .h2{font-size: .18rem;line-height: 1.636;color: rgb(136, 136, 136);padding: 0 90px;margin-top: .3rem}
.index1 .item{text-align: center;padding:25px 0}
.index1 .item .h1{font-size: .24rem;color: rgb(68, 68, 68);margin-top:25px}
.index1 .item .h2{font-size: .16rem;color: rgb(136, 136, 136);margin-top:8px}
.index1 .item img{margin: 0 auto;transition: all .3s linear}
.index1{background: #f7faff;padding:85px 0 75px}
.index1 .clearfix{margin-top:55px}
.index2{padding:95px 0 100px;}
.index2 .tabs{margin-bottom: 155px;border-bottom: 1px solid #f1f4f8;margin-top: 50px;position:relative;height:55px;}
.index2 .tabs:after{content:"";width:100%;height:60px;position:absolute;bottom:-60px;left:0;background:url("../images/shadow.png");background-size:cover;}
.index2 .tabs:before{content:"";width:72px;height:58px;background:url("../images/yinghao.png");background-size:cover;position:absolute;left:43%;bottom:-150px}
.index2 .tabs .item{float: left;width:12.5%;padding: 16px 0;font-size: 16px;color: #666;text-align: center;transition: all .3s ease;position: relative;cursor: pointer;}
.index2 .tabs .item.on{color: #0c74ff}
.index2 .tabs .item:after{content:"";width: 0;left: 0;background: #0c74ff;bottom: -1px;position: absolute;height: 2px;transition: all .3s ease;}
.index2 .tabs .item.on:after{width: 100%}
.index2 .box>div{display: none;}
.index2 .imgbox{width:511px;height: 342px;float: left;position: relative;}
.index2 .imgbox>img{border-radius: 7px;position: relative;z-index: 3;}
.index2 .imgbox .titlebox{position: absolute;font-size: 0;top: -46px;right: 0;z-index: 3;}
.index2 .imgbox .titlebox img{display: inline-block;vertical-align: middle;margin-right: 8px;}
.index2 .imgbox .titlebox span{font-size:16px;color: #fff;display: inline-block;vertical-align: middle;}
.index2 .imgbox:after{content:"";width: 450px;height:466px;position: absolute;right: -45px;top:-75px;}
.index2 .imgbox:after{background:url(../images/idx2-1hover.png);background-size:cover}
.index2 .txtbox{width: 600px;float: left;margin-right: 44px;padding-top: 12px;}
.index2 .txtbox .h1{font-size: 14px;color: #333;margin-bottom: 10px;}
.index2 .txtbox .h2{font-size: 24px;color: #333;margin-bottom: 50px;}
.index2 .txtbox p{font-size: 16px;color: #999;line-height: 1.75;height: 145px;}
.index2 .txtbox .btn1{display: flex;align-items: center;width:346px;height: 78px;background: #eefdf0;border-radius: 7px;padding: 0 25px;transition: all .3s ease}
.index2 .txtbox .btn1 img{margin-right: 12px;}
.index2 .txtbox .btn1 .txt1{font-size: 14px;color: #000;font-weight: bold;}
.index2 .txtbox .btn1 .txt2{padding-left:23px;line-height: 33px;border-left: 1px solid #deebff;font-size: 0}
.index2 .txtbox .btn1 .txt2 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #00b914;margin-right: 6px;}
.index2 .txtbox .btn1 .txt2 img{display: inline-block;vertical-align: middle;}
.index2 .txtbox .btn1:hover{transform: translateX(5px);}

.index3 .row1 .col-xs-6{padding: 10px}
.index3 .row1{margin:0 -10px;}
.index3 .item .h1{font-size: ;height: 40px;line-height: 36px;padding: 0 8px 0 10px;border:2px solid #1ecc43;font-size: 24px;border-radius: 10px;border-top-right-radius: 0;color: #1ecc43;display: inline-block;}
.index3 .item{position: relative;box-shadow: 0px 5px 8px 0px rgba(0, 75, 167, 0.03);height: 169px;background: #fff;padding-left: 30px;padding-top: 40px;transition: all .3s ease;overflow:hidden;}
.index3 .item .imgbox{position: absolute;right:23px;width: 145px;bottom: 0}
.index3 .item .imgbox img{margin: 0 auto;}
.index3 .row1 .col-xs-6:nth-child(1) .imgbox{bottom:-12px;}
.index3 .row1 .col-xs-6:nth-child(3) .imgbox{bottom:-8px;}
.index3 .row1 .col-xs-6:nth-child(4) .imgbox{bottom:-20px;}
.index3 .row1 .col-xs-6:nth-child(5) .imgbox{bottom:-12px;}
.index3 .row1 .col-xs-6:nth-child(6) .imgbox{bottom:-12px;}
.index3 .item .h2{font-size: 18px;color: #999;margin-top: 24px;position: relative;
z-index: 99;}
.index3 .index-title{margin-bottom: 65px;}
.index3 .index-title .h1{color: #fff}
.index3 .index-title .h2{color: #fff}
.index3 .row2{margin: 0 -20px;margin-top: 90px}
.index3 .item2{float: left;width: 25%;text-align: center;}
.index3 .item2 .h1{line-height: 1;color: #333;font-size: 0}
.index3 .item2 .h1 span:nth-child(1){font-size: 60px;font-family: "DIN";margin-right: 8px;}
.index3 .item2 .h1 span:nth-child(2){font-size: 18px;margin-top: 25px;}
.index3 .item2 .h2{font-size:18px;line-height:27px;color: #fff;padding: 0 15px;border-radius: 12px;background: #289fff;border-top-right-radius: 0;display: inline-block;margin-top: 15px;}
.index3 .item2 .h1 span{display: inline-block;vertical-align:middle;}
.index3{padding:96px 0 202px;background: url(../images/idx3bg.jpg);background-size: cover;background-position: center;}
.index3 .item:hover{transform: translateY(-5px);}

.index5{background:#fff;padding:125px 0}
.index5 .index-title{margin-bottom: .5rem}
.index5 .col{float: left;width: 20%;padding:5px 25px;transition: all .3s linear;display: block;}
.index5 .item{position: relative;height: 1rem;}
.index5 .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.index6{text-align: center;padding: .9rem 0}
.index6{background:url(../images/index6bg.jpg);background-size:cover;background-position:center;}
.index6 .btn1{transition: all .3s linear;font-size: .3rem;color: #fff;position: relative;display: block;width: 2.42rem;vertical-align: middle;margin-left: .4rem; margin:15px auto 0 }
.index6 .btn1 span{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.index6 p{display: inline-block;font-size: .36rem;color: #fff;vertical-align: middle;}

.banner2{background-size: cover;height: 6.4rem;background-position:center}
.probanner{background-position:center top}
.banner2 .container1 .left{width: 50%;float: left;padding-top: 1.5rem}
.banner2 .container1 .left img{width: 94%;}
.banner2 .container1 .right{width: 50%;float: left;text-align: right;padding-top: 2.4rem}
.banner2 .container1 .right .h1{font-size: .36rem;color: #fff}
.banner2 .container1 .right h2{margin-top: .15rem;font-size: .18rem;color: rgba(255, 255, 255, 0.7);}
.banner2 .container1 .right a{font-size: .18rem;color: #fff;background:linear-gradient(to right,rgb(35,105,222)  ,rgb(0,189,244));width:2rem;line-height: .52rem;text-align: center;border-radius: 40px;display: inline-block;margin-top: .5rem;transition: all .3s linear}



.coop .one{padding: .9rem 0 .6rem}
.coop .one .container1{display: flex;align-items: center;}
.coop .one .left{width: 50%;padding-right: 1.1rem}
.coop .one .left .h1{font-size:.36rem; color: rgb(51, 51, 51);margin-bottom: .35rem; font-weight:bold}
.coop .one .right{width: 50%;padding-left: 1.1rem}
.coop .one .left .box p{font-size: .24rem; color: rgb(102, 102, 102);line-height: 1.75;}
.coop .one .left .box{background: #f6faff;padding: .3rem 0 .4rem;padding-left: .45rem;margin-top: .4rem}
.coop .one .left .numbox .item{float: left;width: 50%}
.coop .one .left .numbox .item h2{line-height: 1.067;font-size: .6rem;color: rgb(37, 141, 252);}
.coop .one .left .numbox .item h2 .num1{font-family: 'DIN';}
.coop .one .left .numbox .item p{font-size: .18rem;color: rgb(102, 102, 102);margin-top: 2px}
.coop .one .left .numbox .item h2 .txt1{font-size: .24rem;text-align: center;width: .36rem;line-height: .36rem;border-radius: 50%;color: rgb(255, 255, 255);background: #258dfc;margin-top: .05rem;margin-left: .05rem}
.coop .one .left .numbox .item h2 span{display: inline-block;vertical-align: middle;}


.coop .two{background: #f7fafb;padding: .65rem 0 1rem}
.coop .two .title{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .5rem; font-weight:bold}
.coop .two .col{float: left;width: 25%;padding:0 8px}
.coop .two .row{margin: 0 -8px}
.coop .two .item{text-align: center;border-radius: .1rem;overflow: hidden;box-shadow: 0px 17px 29px 0px rgba(15, 59, 113, 0.12);transition: all .3s linear;background:#fff}
.coop .two .item .top p{font-size: .22rem;color: rgb(102, 102, 102);margin-top: .25rem}
.coop .two .item .bottom p{font-size: .16rem;color: rgb(255, 255, 255);line-height: 1.875;}
.coop .two .item1 .bottom{background:rgb(76, 163, 255); }
.coop .two .item2 .bottom{background:rgb(1, 197, 255); }
.coop .two .item3 .bottom{background:rgb(76, 163, 255); }
.coop .two .item4 .bottom{background:rgb(1, 197, 255);  }
.coop .two .item .bottom{padding: .25rem 0 .36rem}
.coop .two .item .top img{margin: 0 auto;}
.coop .two .item .top{padding: .35rem 0}

.coop .three{background-size: cover;padding: .7rem 0 .8rem}
.coop .three .title{font-size: .36rem;color: rgb(255, 255, 255);margin-bottom: .4rem;text-align: center; font-weight:bold}
.coop .three .item{float: left;width: 50%;padding: .2rem 0}
.coop .three .item .h1{font-size: .22rem;color: rgb(255, 255, 255);}
.coop .three .item p{font-size: .16rem;color: rgba(255, 255, 255, 0.7);margin-top: .14rem;height:.5rem;padding-right:2vw}
.coop .three .item .img{margin-right: .25rem;}

.coop .four .top .container1{display: flex;align-items: center;}
.coop .four .top{padding: 1rem 0}
.coop .four .top .left{flex: 1;padding-right: 1rem}
.coop .four .top .right{flex: 1;}
.coop .four .top .right p{font-size: .18rem;line-height: 2;color: #666}
.coop .four .top .right .h1{font-size: .36rem; color: rgb(51, 51, 51);margin-bottom: .45rem;font-weight:bold}
.coop .four .top .right p span{color: rgb(51, 51, 51);}
.coop .four .top .right .box{background: #f7fafb;padding: .3rem 0;padding-left: .5rem}
.coop .four .bottom{position: relative;padding-top: .35rem}
.coop .four .bottom .container1{position: absolute;left: 0;right: 0;bottom: 0;top: 0}
.coop .four .bottom .row{margin: 0 -.4rem}
.coop .four .bottom .col{float: left;width: 20%;padding:0 .4rem;}
.coop .four .bottom .col:nth-child(2n+1) .item .label1{background: #258dfc}
.coop .four .bottom .col:nth-child(2n) .item .label1{background: #01c5ff}
.coop .four .bottom .item .label1{font-size: .22rem;border-radius: 5px;line-height: .54rem;color: #fff;text-align: center;position: relative;margin-bottom: .15rem}
.coop .four .bottom .col:nth-child(2n+1) .item .label1:after{content:"";background: #e4f1ff;width: 100%;height: 100%;left: .1rem;top: .1rem;position: absolute;border-radius: 5px;z-index: -1}
.coop .four .bottom .col:nth-child(2n) .item .label1:after{content:"";background: #e0f8ff;width: 100%;height: 100%;left: .1rem;top: .1rem;position: absolute;border-radius: 5px;z-index: -1}
.coop .four .bottom .item .line{border-right: .04rem dotted rgb(59, 169, 255);width: 1px;margin: 0 auto;}
.coop .four .bottom .item .num{color: rgb(37, 141, 252);text-align: center;font-size: .18rem;width: .4rem;line-height: .36rem;border: 2px solid #2495ed;border-radius: 50%;margin: 0 auto;margin-top: .1rem;background: #fff}
.coop .four .bottom .item1 .line{height: 1.4rem}
.coop .four .bottom .item2 .line{height: 1.1rem}
.coop .four .bottom .item3 .line{height: .8rem}
.coop .four .bottom .item4 .line{height: .4rem}
.coop .four .bottom .item5 .line{height: 1.6rem}
.coop .four .bottom .item1{margin-top: .8rem}
.coop .four .bottom .item2{margin-top: 1.3rem;}
.coop .four .bottom .item3{    margin-top: .2rem;}
.coop .four .bottom .item4{    margin-top: 1.15rem;}
.coop .four .bottom .item5{margin-top: .8rem}
.coop .four .bottom .bgimg{width: 100%;object-fit: cover;height: 4.4rem}


.border-box{position: relative;}
.border-box .border1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.border-box:before{content: "";border: .03rem solid #258dfc;border-bottom: 0;border-right: 0;position: absolute;left: 0;top: 0;width: .13rem;height: .13rem}
.border-box:after{content: "";border: .03rem solid #258dfc;border-left: 0;border-bottom: 0;position: absolute;right: 0;top: 0;width: .13rem;height: .13rem}
.border-box .border1:before{content: "";border: .03rem solid #258dfc;border-top: 0;border-right: 0;position: absolute;left: 0;bottom: 0;width: .13rem;height: .13rem}
.border-box .border1:after{content: "";border: .03rem solid #258dfc;border-left: 0;border-top: 0;position: absolute;right: 0;bottom: 0;width: .13rem;height: .13rem}

.coop .five{background-size: cover;background-position: center;padding-top: 1.5rem;padding-bottom: .9rem}

.coop .five .item{float: left;width: 25%;}
.coop .five .box{padding: .4rem 0 .5rem;width: 7.4rem;margin: 0 auto;margin-bottom: 1.3rem;background: rgba(255,255,255,.1);}
.coop .five .box .zhaoshang{font-size: .18rem;color: rgb(255, 255, 255);margin-bottom: .1rem}
.coop .five .box .zhaoshang2{font-size: .18rem;color: rgb(255, 255, 255);margin-bottom: .1rem; background: url(../images/phone.png) no-repeat left;padding-left:35px}
.coop .five .box .left{padding: 0 .4rem;position: relative;}
.coop .five .box .left img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.coop .five .box p{font-size: .36rem;color: rgb(255, 255, 255);font-family:'DIN'}
.coop .five .box .right h1{margin-bottom: .12rem;position: relative;}
.coop .five .box .right h1 img{position: absolute;left: -.4rem;top: 50%;transform: translateY(-50%);}
.coop .five .box .right{padding-left: .8rem;}
.coop .five .box{display: flex;align-items: center;}
.coop .five .box .border2{height: 1.47rem}
.coop .five .row{margin: 0 -.5rem}
.coop .five .item{padding: 0 .4rem}
.coop .five .item .h1{position: relative;font-size: .22rem;color: rgb(255, 255, 255);margin-bottom: .1rem}
.coop .five .item p{font-size: .18rem;color:#fff;line-height: 1.667;}
.coop .five .item .h1:before{content: "";width:.06rem;height: .06rem;background: #258dfc;position: absolute;border-radius: 50%;top: 50%;transform: translateY(-50%);left: -.2rem}
.coop .six{background-size: cover;background-position: center;padding: .6rem 0 .9rem;}
.coop .six .input{width:25.8%;height: .65rem;padding: 0 .12rem;background: #fff;border-radius: 5px;margin-right: .1rem}
.coop .six .container1{padding: 0}
.coop .six .title{font-size: .36rem;color: #fff;text-align: center;margin-bottom: .4rem}
.coop .six .input input{font-size: .16rem;color: rgb(186, 186, 186);}
.coop .six .input .icon{margin-right: .1rem}
.coop .six .btn1{transition: all .3s linear;line-height: .65rem;font-size: .2rem;color: rgb(255, 255, 255);text-align: center;background: #00618c;border-radius: 5px;padding: 0}



.probanner .container1{position: relative;height: 100%}
/* .probanner .rightimg{position: absolute;bottom:-.5rem;right: .1rem;width:44%}
.probanner .content{padding-top: 2.1rem;padding-left: .9rem}
.probanner .content .h1{font-size: .36rem;color: #fff;margin-bottom: .1rem}
.probanner .content h2{font-size: .24rem;color: #fff;margin-bottom: .3rem}
.probanner .content p{font-size: .18rem;color: rgba(255, 255, 255, 0.54);line-height: 2;padding-left: .28rem;position: relative;}
.probanner .content p:before{content:"";width: .08rem;height: .08rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%;background: #69c7ff} */


.pro .one{height: 6.5rem;overflow: hidden;}
.pro .one .container1{position: relative;height: 100%}
.pro .one .right{width: 50%;float: left;margin-left: 50%;padding-left: 1.3rem;padding-top: 2.7rem}
.pro .one .bgimg{position: absolute;left: -12%;bottom: -60%;width: 7.92rem;}
.pro .one .right .content .h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: .1rem}
.pro .one .right .content h2{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .35rem}
.pro .one .right .content p{font-size: .18rem;color: rgb(136, 136, 136);line-height: 2;padding-left: .28rem;position: relative;}
.pro .one .right .content p:before{content:"";width: .08rem;height: .08rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%;background: #69c7ff}

.pro .two{position: relative;}
.pro .two .container1{display: flex;align-items: center;}
.pro .two .left{width: 50%;padding-left: .9rem}
.pro .two .right{width: 50%;}
.pro .two .bgimg{position: absolute;bottom: 0;left: 0;z-index: -1}
.pro .two .left .content .h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: .1rem; font-weight:bold}
.pro .two .left .content h2{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .5rem}
.pro .two .left .content p{font-size: .18rem;color: rgb(136, 136, 136);line-height: 2;padding-left: .28rem;position: relative;}
.pro .two .left .content p:before{content:"";width: .08rem;height: .08rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%;background: #69c7ff}

.pro .three .top{-webkit-background-size: cover;background-size: cover;height: 5rem;overflow: hidden;}
.pro .three .top .item{float: left;width: 33.33%;height: 5rem;position: relative;}
.pro .three .top .item .bgimg{position: absolute;left: 50%;bottom: 0;transition: all .3s ease-in-out;width: 2.8rem;margin-left: -1.4rem}
.pro .three .top .item1 .bgimg{top: 1.6rem}
.pro .three .top .item2 .bgimg{top: .75rem}
.pro .three .top .item3 .bgimg{top: 1.6rem}
.pro .three .top .item.on .bgimg{transform: translateY(-5%);}
.pro .three .bottom .item{float: left;width: 33.33%;text-align: center;padding: .4rem 0 .5rem;position: relative;}
.pro .three .bottom .item .h1{font-size: .36rem;color: #fff;margin-bottom: .1rem}
.pro .three .bottom .item h2{font-size: .18rem;color: #fff;margin-bottom: .15rem}
.pro .three .bottom .item p{font-size: .18rem;color: rgba(255, 255, 255, 0.5);line-height: 1.667;padding: 0 .6rem}
.pro .three .bottom{background:linear-gradient(to right,rgb(35,105,222)  ,rgb(0,189,244));}
.content-box .h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: .1rem}
.content-box h2{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .5rem}
.content-box p{font-size: .18rem;color: rgb(136, 136, 136);line-height: 2;padding-left: .28rem;position: relative;}
.content-box p:before{content:"";width: .08rem;height: .08rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%;background: #69c7ff}
.proshow{display:flex;align-items:center;height:116px;border-radius:5px;box-shadow: 0.07px 3.999px 27px 0px rgba(0, 0, 0, 0.1);background:#fff;position:absolute;bottom:-58px;left:0;right:0;z-index:2}

.pro{padding-top:30px}
.proshow .item{flex:1;text-align:center;position:relative;}
.proshow .item:not(:last-child):after{content:"";width:1px;height:50px;background:#eaeaea;position:absolute;top:50%;margin-top:-25px;right:0;}

.proshow .item .txt{text-align:left;}
.proshow .item .num{font-size:0;font-family:"DIN";margin-right:10px;line-height:1;}
.proshow .item .num span{display:inline-block;vertical-align:middle;}
.proshow .item .num span:nth-child(1){font-size:42px;color:#3270e7;font-weight:600}
.proshow .item .num span:nth-child(2){font-size:32px;color:#3270e7;}
.proshow .item .num span:nth-child(3){font-size:24px;color:#3270e7; margin-top: -25px;margin-left: 5px;font-weight:600}
.proshow .item .title1{font-size:16px;color:#666;font-weight:bold;}
.proshow .item .title2{font-size:14px;color:#999}
.proshow .item>div{display:inline-block;vertical-align:middle;}
.pro .four .container1{display: flex;align-items: center;height: 6.5rem;position: relative;}
.pro .four .bgimg{position: absolute;left: -5%;width: 7.92rem}
.pro .four .right{margin-left:61.25% }
.pro .five .container1{display: flex;align-items: center;height: 6.5rem;position: relative;}
.pro .five .bgimg{position: absolute;right: -5%;width:6.7rem;}
.pro .five{background: #f6f9fa;}
.pro .five .content-box{margin-left: 1rem}


.pro .item{padding:80px 0}
.pro .item .container1{display:flex;align-items:center;}
.pro .item:nth-child(even){background:#f9fafc} 
.pro .item .imgbox{flex:1;}
.pro .item .contentbox{flex:1;}
.pro .item:nth-child(odd) .contentbox{padding-left:80px;}
.pro .item:nth-child(even) .contentbox{padding-right:80px;}
.pro .item .item1{display:flex;align-items:flex-start;font-size:.16rem;line-height:1.5;margin-bottom:10px}
.pro .item .h1{font-size:.36rem;color:#333;margin:0;margin-bottom:35px}
.pro .item .item1 .label1{color:#333;font-weight: bold;}
.pro .item .item1 .txt{flex:1;color:#999}
.pro .item .h1{margin-left:-2px}
.pro .item:nth-child(2) .h1,.pro .item:nth-child(4) .h1{margin-left:0}
@media (min-width: 1000px){  
	.index1 .item:hover img{transform: translateY(-10px);}
	.coop .two .item:hover{transform: translateY(-10px);}
	.banner2 .container1 .right a:hover{transform: translateY(-5px);}
	.coop .six .btn1:hover{transform: scale(0.95);}
	.index5 .col:hover{transform: translateY(-10px);box-shadow: 0px 1px 10px rgba(0,0,0,.15)}
}

/* .newsbanner{height:6.4rem;}
.newsbanner .news-title .h1{font-size: .36rem;color: #fff;}
.newsbanner .news-title p{font-size: .18rem;color: rgba(255, 255, 255, 0.7);margin-top: .3rem}
.newsbanner .news-title p:before{content:"";width: 18px;height: 5px;background: #00c5ff;display: inline-block;vertical-align: middle;margin-right: .18rem;}
.newsbanner .imgbox img{margin-top: 1rem} */
.newsbanner{background:#e2e6e8;padding:120px 0 40px}

.newsbanner .left{width:68%;position:relative;overflow:hidden}
.newsbanner .left img{width:100%;height:100%; object-fit:cover}
.newsbanner .left h2{padding:16px 27px;position:absolute;left:0;right:0;bottom:0;font-size:18px;color:#fff}
.newsbanner .container{display:flex;overflow:hidden;}
.newsbanner .right{background: #fff;padding:.3rem .5rem;width:32%;}
.newsbanner .right .top .h1{font-size: .18rem;color: rgb(51, 51, 51);}
.newsbanner .right .top{padding: 0;}
.newsbanner .right .top p{font-size: .14rem;color: rgb(153, 153, 153);margin-top: 10px;}
.newsbanner .right .top img{margin-right: .15rem}
.newsbanner .right .bottom p{font-size: 14px;color: rgb(153, 153, 153);line-height: 1.714;text-align: center;}
.newsbanner .right .mid img{margin: 0 auto;}
.newsbanner .right .mid p{font-size: .14rem;color: rgb(153, 153, 153);text-align: center;margin-top: .15rem;}
.newsbanner .right .mid{padding: .1rem 0 .15rem}
.newsbanner .left img{transition:all .3s linear}
.newsbanner .left:hover img{transform:scale(1.05)}

.news{background: #f7fafb;padding-bottom: .8rem}
.news .tabs a{font-size:.24rem;padding: .28rem .45rem .24rem;display: inline-block;color: rgb(153, 153, 153);transition: all .3s linear}
.news .tabs{font-size: 0;text-align: center;border-bottom: 1px solid #e6e6e6;margin-bottom: .45rem}
.news .tabs a.on{color: rgb(51, 51, 51);}
.news .tabs a:hover{color:rgb(51, 51, 51);} 

.news .item{transition: all .3s linear;padding: 0;margin-bottom: .3rem;background: #fff;box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05);padding-right: .5rem}
.news .item .h1{transition: all .3s;font-size: .28rem;color: rgb(51, 51, 51);margin-bottom: .2rem;}
.news .item .time{font-size: .18rem;color: rgb(153, 153, 153);margin-bottom: 5px}
.news .item p{font-size: .18rem;line-height: 1.667;color: rgb(153, 153, 153);}
.news .item .imgbox{margin-right: .4rem;width:283px}

/* .news .item:hover{transform: translateY(-10px);} */
.news .item:hover .h1{color:#224795}
.bignews{margin:0 -10px;margin-bottom:20px;padding:25px 0 20px}
.bignews .col{float:left;padding:10px;width:25%;}
.bignews .item1{position:relative;display:block;overflow:hidden;}
.bignews .item1 img{width:100%;transition:all .3s linear}
.bignews .item1 .txt{line-height:40px;text-align:center;background:rgba(0,0,0,.5);position:absolute;left:0;right:0;bottom:0;font-size:14px;color:#fff}
.bignews .item1:hover img{transform:scale(1.05)}


.news1{background:#f3f6f7;padding-bottom: .8rem;padding-top: .8rem}
.news1 .left{width: 70.88%;float: left;background: #fff}
.news1 .left-wrap-all{width:100%}



.news1 .left .box{padding: .4rem;padding-bottom: .9rem}
.news1 .left .box p{font-size: .16rem;color: rgb(102, 102, 102);line-height: 2.25;}
.news1 .left .box img{margin-bottom: .4rem; display:inline-block;box-shadow:1px 3px 16px rgba(0,2,6,.1)}
.news1 .left .box .h1{margin-bottom: .15rem;font-size: .3rem;color: rgb(51, 51, 51);font-weight:bold}
.news1 .left .box .h2{margin-bottom: .3rem;font-size: .16rem;color: rgb(153, 153, 153);}
.news1 .left .jump .item{float: left;width: 50%;height: .75rem;padding: 0 .6rem 0 .55rem}
.news1 .left .jump .item .h1{font-size: 14px;color: rgb(153, 153, 153);margin:0px}
.news1 .left .jump .item h2{font-size: 14px;color: rgb(51, 51, 51);transition: all .3s}
.news1 .left .jump{border-top: 1px solid #eff2f3}


.news1 .right{width: 27.75%;float: right}
.news1 .top-nav{padding: 25px 0;font-size: .16rem;color: #999; }
.news1 .top-nav a{color: rgb(51, 51, 51);}
.news1 .right .one{background: #fff;padding:.2rem .25rem}
.news1 .right .one .top .h1{font-size: .18rem;color: rgb(51, 51, 51);}
.news1 .right .one .top{padding: 0;}
.news1 .right .one .top p{font-size: .14rem;color: rgb(153, 153, 153);margin-top: 10px;}
.news1 .right .one .top img{margin-right: .15rem}
.news1 .right .one .bottom p{font-size: 14px;color: rgb(153, 153, 153);line-height: 1.714;text-align: center;}
.news1 .right .one .mid img{margin: 0 auto;}
.news1 .right .one .mid p{font-size: .14rem;color: rgb(153, 153, 153);text-align: center;margin-top: .15rem;}
.news1 .right .one .mid{padding: .25rem 0 .4rem}
.news1 .right .two{margin-top: .2rem;background: #fff}
.news1 .right .two .title{padding: .2rem .25rem .2rem;font-size: .18rem;color: rgb(51, 51, 51);}
.news1 .right .two .item .h1{font-size: .16rem;color: #999;line-height: 1.5;transition: all .3s; margin:0px}
.news1 .right .two .item p{font-size: .14rem;color: rgb(153, 153, 153);margin-top: 5px}
.news1 .right .two .item{display: block;padding:0.15rem .25rem;border-bottom: 1px solid #eff2f3}
.news1 .right .two .item:hover .h1{color: #02b9f3}
.news1 .left .jump .item:hover h2{color:#02b9f3 }

.page{font-size: 0;text-align: center;padding: .15rem}
.page a{width: .42rem;height: .42rem;display: inline-block;line-height: .42rem;text-align: center;vertical-align: middle;}
.page .num{font-size: 14px;color: rgb(76, 76, 76);}
.page a{margin: 0 .06rem;transition: all .3s}
.page .num.on{background: #3698ff;color: #fff}
.page a:hover{background: #3698ff;color: #fff;}
.page .btn1{position: relative;}
.page .prev:after{content: "";width: 10px;height: 10px;border: #999999 2px solid;border-bottom: 0;border-right: 0;transform: rotate(-45deg);position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -5px;}
.page .next:after{content: "";width: 10px;height: 10px;border: #999999 2px solid;border-bottom: 0;border-left: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -5px;}


.aboutbanner{height:6.4rem;}
.aboutbanner .about-title{font-size: .6rem;color: #fff;text-align: center;}
.about1{background: url(../images/about1bg.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;padding: 5vw 0 9vw}
.about1 img{width: 3.05rem;margin: 0 auto;}
.about1 p{font-size: .24rem;color: rgb(255, 255, 255);line-height: 1.741;text-align: center;margin-top: .6rem}

.about2{padding: 6vw 0 8vw}
.about2 .container{display:flex;}
.about2 .line{flex: 1}
.about2 .line img{margin: 0 auto;width:1.97rem;margin-top: 130px}
.about2 .item .h1{text-align: center;font-family: "DIN";font-weight: bold;color: rgb(51, 51, 51);margin-top:.2rem;position: relative;}
.about2 .item .h1 .num{font-size: .6rem;}

.about2 .item .imgbox{position: relative;width: 80px;margin:0 auto 50px}
.about2 .item .imgbox img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.about2 .item p{font-size: .28rem;color: rgb(102, 102, 102);margin-top: 5px}
.about2 .item .h1 span{display: inline-block;vertical-align: middle;}
.about2 .item .h1 .txt{font-size: .48rem;margin-left: .05rem}
.about2 .item .h1 .more{font-size: .48rem;position: absolute;right: 0;top: 0;line-height: 0.5}
.about3{text-align: center;padding: 8vw 0 10vw;background: url(../images/about3bg.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;background-position: center;}
.about3 .h1 span{font-size: .48rem;color: #fff;display: inline-block;background: #258dfb;padding: .1rem .3rem .15rem .25rem;margin-left: .4rem;margin-right: .5rem; font-weight:bold}
.about3 h2 span{font-size: .48rem;color: #fff;display: inline-block;background: #00c6ff;line-height: 1.4;padding: 0 .25rem}
.about3 h2{margin-top: .15rem}
.about3 .fuhao1{display: inline-block;width: .3rem;margin-top: -.1rem;}
.about3 .fuhao2{display: inline-block;width: .3rem;vertical-align: text-top;}


.about4{background: url(../images/about_02.jpg) no-repeat center top;-webkit-background-size: cover;background-size: cover;padding: 5vw 0 9vw;height:410px}
.about4 img{width: 3.05rem;margin: 0 auto;}
.about4 p{font-size: .24rem;color: rgb(255, 255, 255);line-height: 1.741;text-align: center;margin-top: .6rem}


.about6{background: url(../images/sm.jpg)no-repeat center 70% #edfaff;padding: 5vw 0 9vw; height:800px}
.about6 .h1{color:#333333; font-size:42px}
.about6 img{width: 3.05rem;margin: 0 auto;}
.about6 p{font-size: .24rem;color: #333;line-height: 1.741;text-align: center;margin-top: .2rem}




.login1{height: 100vh;background: url(../images/login1bg.png) no-repeat center #1f2123;background-size: cover;position: relative;}
.login1-top{padding:50px 0;}
.login1-top .logo{float: left;width: 2rem}
.login1-box{display: flex;align-items: center;height: 70vh}
.login1-box .right{width: 4.2rem;padding: .4rem;background: #fff;border-radius: 4px}
.login1-box .left{padding-left: 5vw}
.login1-box .left .h1{font-size: .6rem;color: #fff}
.login1-box .left h2{font-size: .48rem;color: #fff;margin-top:.2rem;}

.login1-box .right .h1{font-size: .28rem;text-align: center;margin-bottom: .4rem}
.login1-box .right .input{margin-bottom:20px}
.login1-box .right .input input{border-radius: 4px;border: 1px solid #dcdfe6;height: 40px;padding: 0 15px;width: 100%;color: #606266;font-size: 14px;}
.login1-box .right .getcode{margin-left:.1rem}
.login1-box .right .codebox{padding: 0}
.login1-box .right .btn1{background:#258dfb;font-size: 14px;line-height: 40px;border-radius: 5px;text-align: center;color: #fff ;display: block;width: 100%}
.login1-box .right .forget{margin-top: .2rem;display: inline-block;color:#258dfb;font-size: 14px;}
.login1 .login-bottom{position: absolute;width: 100%;bottom:50px;text-align: center;color: #777a80;font-size: 14px;}

.login2{height: 100vh;background: url(../images/login2bg.png) no-repeat center;background-size: cover;position: relative;z-index: 0;}
.login2:after{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,22,92,.65);z-index: -1;}
.login2box{width: 360px;margin: 0 auto;z-index: 10;}
.loginform2{background: #fff;border-radius: 5px;padding: 32px;}
.loginform2 .h1{font-size: 20px;color: #333;text-align: center;margin-bottom: .2rem}
.login2-bottom{text-align: center;color: hsla(0,0%,100%,.55);margin-top: .4rem}
.login2-bottom .h1{font-size: 14px;}
.login2-bottom h2{font-size: 12px;margin-top: 10px;}
.loginform2 .btn1{margin-top: .2rem;background:#258dfb;font-size: 14px;line-height: 40px;border-radius: 5px;text-align: center;color: #fff ;display: block;width: 100%}
.loginform2 .input-item{padding: 10px 0}
.loginform2 .input-item input{border-radius: 4px;border: 1px solid #dcdfe6;height: 40px;padding: 0 15px;}
.loginform2 .input-item .icon img{width: 18px;}
.loginform2 .input-item .icon{padding: 0 10px}

/* .case{padding:.8rem 0 1rem}
.case-container{width: 1080px;margin:0 auto;}
.case .col{float: left;width: 33.33%;padding:15px;}
.case .row{margin: 0 -15px;}
.case .imgbox img{width: 100%;}
.case .item{transition: all .3s linear;display: block;box-shadow: 0 2px 5px #e2dede;background: #fff;border-radius: 4px;overflow: hidden;}
.case .item .content{padding: 20px;padding-bottom: 10px}
.case .item .content .h1{font-size: 17px;color: #333;margin-bottom: 14px}
.case .item .content h2{color: #888;font-size: 14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.case .item .bottom{display: flex;align-items: center;padding: 20px 20px} 
.case .item .bottom .right{font-size: 14px;color: #A6A6A6;}
.case .item .bottom .left .logo{width: 100px;}

.case .item:hover{transform: translateY(-8px);}
.case-bannerbg{height: 500px;padding-top: 150px;}
.case-bannerbox{position: relative;width: 880px;margin: 0 auto;text-align: center;background: #fff;border-radius: 5px;padding:80px 90px 30px;}
.case-bannerbox .h1{font-size: .4rem;color: #111}
.case-bannerbox h2{font-size: 16px;line-height: 24px;color: #333;margin-top: 20px;margin-bottom: 20px;}
.case-bannerbox a{color:#258dfb;font-size: 16px;}
.case-bannerbox .logobox{position: absolute;width: 100px;overflow: hidden;top: 0;margin-top: -50px;left: 50%;margin-left: -50px;border-radius: 50%;    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.casebanner .swiper-pagination .swiper-pagination-bullet{width: 50px;border-radius: 0;background: #fff;height: 4px;transition: all .3s}
.casebanner .swiper-container-horizontal .swiper-pagination{bottom: 30px}
.casebanner .swiper-pagination .swiper-pagination-bullet:hover{height: 8px;} */

.solution-banner{height: 6.4rem;background-size: cover;background-position: center;}
.solution-banner .container{position: relative;height: 100%;}
.solution-banner .box1{width:100%; background: #fff;padding:40px 60px 0px;position: absolute;left: 0;top: 470px;border-radius:10px}
.solution-banner .box1 .h1{font-size: 24px;color: #000}
.solution-banner .box1 h2{font-size: .46rem;color: #0067ed;margin: 18px 0 26px;font-weight:bold}
.solution-banner .box1 p{font-size: 16px;line-height: 28px;margin-bottom:30px;width:70%;float:left}
.solution-banner .box1 a{display: block;width: 2.6rem;height: 60px;line-height: 60px;text-align: center;text-decoration: none;color: #fff;font-size: 22px;
  border-radius: 3px;background:#0067ed url('/public/static/home/images/im_03.jpg') no-repeat 60px 22px; float:left;margin-left:60px;position:relative; bottom:50px }

@media (max-width: 1400px){
	.solution-banner .box1{bottom: -10%}
}  
.solution1{background: #0067ed;text-align: center;padding:2rem 0 .3rem}
.solution1 .h1{color: #fff;font-size: .44rem; font-weight:bold}
.solution1 h2{font-size:16px;color: #Fff;line-height: 1.8;margin: 30px auto}
.solution1 .imgbox{margin: 0 -20px;}

.solution2{background:#f5f7fa;padding:30px 0}
.solution2 .row{margin:0 -24px;}
.solution2 .col{padding:24px;float:left;width:50%;}
.solution2 .item{display: flex;align-items: center;padding: 40px 52px;box-sizing: border-box;height: 225px;background:#fff;    border-radius: 12px;
    box-shadow: 0 3px 16px rgba(0,116,255,.05);
    transition: all .3s;}
.solution2 .item:hover{    box-shadow: 0 3px 16px rgba(0,116,255,.18);}
.solution2 .item .h1{margin-bottom: 16px;
    font-size: 24px;
    color: #0b1531;
    letter-spacing: 1.5px;}
.solution2 .item p{
    font-size: 16px;
    color: #596380;
    line-height: 1.5;
    letter-spacing: 1px;
}	
	
.solution-content {
  min-width: 1240px;
}
.solution-content-feature {
  position: relative;
  width: 100%;
  height: 700px;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
.solution-content-feature .solution-feature-line {
  display: inline-block;
}
.solution-content-feature .solution-feature-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.3;
}
.solution-content-feature .solution-feature-detail {
 font-size: 20px;
  width: 388px;
  padding-top: 20px;
  line-height: 35px;
}
.solution-content-feature .solution-feature-text {
  width: 400px;
  padding-top: 160px;
  text-align: left;
}
.solution-content-feature:nth-child(odd) .solution-feature-img {
  float: right;
}
.solution-content-feature:nth-child(odd) .solution-feature-text {
  float: right;
  margin-left: 120px;
}
.solution-content-feature:nth-child(even) {
  background-color: #f7f9fb;
}
.solution-content-feature:nth-child(even) .solution-feature-img {
  float: left;
  margin-right: 20px;
}
.solution-content-feature:nth-child(even) .solution-feature-text {
  float: left;
  margin-right: 95px;
}
@media (max-width: 1600px){
	  .solution-content-feature {
    height: 520px;
  }
  .solution-content-feature .solution-feature-title {
    width: 354px;
    padding-top: 60px;
    font-size: 44px;
  }
  .solution-content-feature .solution-feature-img {
    width: 733px;
    padding-left: 20px;
  }
  .solution-content-feature .solution-feature-text {
    width: 300px;
    padding-top: 60px;
  }
  .solution-content-feature:nth-child(odd) .solution-feature-text {
    margin-right: 90px;
    margin-left: 45px;
  }
  .solution-content-feature:nth-child(even) .solution-feature-text {
    padding-right: 10px;
    margin-right: 184px;
  }
  .solution-content-feature:nth-child(even) .solution-feature-img {
    margin-right: 0;
    margin-right: 20px;
    padding-left: 0;
  }
}


.solution2{background:#f5f7fa;padding:74px 0 80px;position: relative;}
.solution2 .row{margin:0 -24px;}
.solution2 .col{padding:24px;float:left;width:50%;}
.solution2 .item{display: flex;align-items: center;padding: 27px;box-sizing: border-box;background:#fff;    border-radius: 12px;
    box-shadow: 0 3px 16px rgba(0,116,255,.05);
    transition: all .3s;}
.solution2 .item:hover{    box-shadow: 0 3px 16px rgba(0,116,255,.18);}
.solution2 .item .h1{margin-bottom: 16px;font-weight: bold;
    font-size: 24px;
    color: #0b1531;
    letter-spacing: 1.5px;}
.solution2 .item p{
    font-size: 16px;
    color: #596380;
    line-height: 1.5;
    letter-spacing: 1px;
}	

.solution2 .item img{margin-right: 30px;width:80px;}

.new-reservation input,.new-reservation textarea {
    -webkit-appearance: none;
    background: transparent;
}
.new-reservation input::placeholder{color: #fff}
.new-reservation {
    position: relative;
    background: #276bef;
    padding: 80px 0 0;
}
.new-reservation_400 .reservation-con {
    *zoom: 1;
    width: 1190px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.new-reservation_400 .reservation-con h3.title {
    font-size: 32px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-align: center;
	    font-weight: bold;
}

.new-reservation_400 .reservation-con .reservation-word {
    font-size: 16px;
    padding: 16px 0 52px;
    color: rgba(255,255,255,.6);
    text-align: center;
}

.new-reservation_400 .reservation-con .reservation-form {
    width: 530px;
    margin: 0 auto;
    padding: 0
}
.new-reservation .radio-block {
    margin-bottom: 24px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.new-reservation .radio {
    position: relative;
    display: inline-block;
    margin: 0 24px;
}

.new-reservation .radio input[type=radio] {
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
}
.new-reservation .radio input[type=radio]+.radio-label {
    color: #fff;
    padding: 0
}
.new-reservation .radio input[type=radio]:checked+.radio-label {
    color: #fff;
}
.new-reservation .radio input[type=radio]+.radio-label:before {
    content: '';
    border-radius: 100%;
    border: 2px solid #6b9bff;
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 12px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    color: #89b8ff;
}
.new-reservation .reservation-form>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.new-reservation_400 .reservation-con .reservation-form li {
    height: auto;
    margin-bottom: 20px;
    position: relative;
}
.new-reservation .reservation-form li input.res-inp {
    font-size: 16px;
    color: #fff;
    width: 240px;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border-radius: 30px;
    border: 2px solid #6b9bff;
    padding: 0 10px 0 32px;
    transition: border-color .4s;
}
.new-reservation .item-city, .new-reservation .item-loc {
    position: relative;
    display: inline-block;
}

.new-reservation_400 .reservation-con .reservation-fill {
    float: left;
    width: 650px;

    padding-right: 80px;
    border-right: 1px solid rgba(255,255,255,.1);
}
.new-reservation_400 .reservation-con .rereservation-phone .icon-hi {
    display: inline-block;
    width: 165px;
    height: 170px;
    background-image: url(../images/new/hi.png);
    background-repeat: no-repeat;
    background-size: 165px auto;
}
.new-reservation_400 .reservation-con .rereservation-phone .phone-number {
    font-size: 40px;
    color: #fff;
    	font-family: 'DIN' ;
    margin: 52px 0 15px 0;
    line-height: 1;
}
.new-reservation_400 .reservation-con .rereservation-phone .time {
    color: rgba(239,241,243,.6);
     	font-family: 'DIN' ;
    font-size: 16px;
}
.new-reservation .reservation-form li select.res-inp {
    font-size: 16px;
    width: 242px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    border-radius: 30px;
    border: 2px solid #6b9bff;
    padding: 0 10px 0 32px;
    transition: border-color .4s;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    outline: 0;
    background: #276bef
}
.new-reservation .reservation-form li.item-ver {
    width: 242px;
}
.new-reservation .reservation-form li.item-ver .tc-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    line-height: 44px;
    width: 112px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #89b8ff;
    border: 2px solid #6b9bff;
    background-color: #4c89ff;
}
.reservation-form .item-tel{width:95%;}
.new-reservation_400 .reservation-con .reservation-form .btn-erea{
     width: 506px;
    margin: 10px auto 0;
    text-align: center;
    color: #296bef;
    line-height: 48px;
    border-radius: 29px;
    font-size: 16px;
    box-shadow: 0 1px 0 rgba(44,114,255,.08), 0 6px 12px rgba(44,114,255,.18);
    cursor: pointer;
    background: #fff;
	transition:all .3s
}
.new-reservation_400 .reservation-con .reservation-form .btn-erea:hover{
background:rgba(255,255,255,.8)
}

.new-reservation_400 .reservation-con .rereservation-phone {
    float: right;
    width: 380px;
    text-align: center;
}
.new-reservation .item-city:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -17px;
    top: 25px;
    width: 12px;
    height: 2px;
    background-color: #6b9bff;
    border-radius: 4px;
}
.new-reservation_400 .reservation-con .rereservation-phone .icon-hi {
    display: inline-block;
    width: 205px;
    height: 255px;
    background-image: url(../images/flx.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.new-source .source-banner {
    height: 6.4rem;
    background-image: url(../images/source_banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.new-source .title-block {
    padding-top: 235px;
    text-align: center;
    color: #fff;
}
.new-source .title-block .title {
    margin-bottom: 20px;
    font-size: 18px;
}
.new-source .title-block .source-content {
    position: relative;
    font-size: 40px; font-weight:bold

}
.new-source .title-block .source-content:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 6px;
    width: 40px;
    background-color: #ffa601;
    border-radius: 3px;
}
.index-radius {
    position: absolute;
    top: -60px;
    left: 0;
    height: 60px;
    width: 100%;
    overflow: hidden;
   /*  z-index: 10; */
   z-index: 8;
   
}
.index-radius .radius-pr {
    position: relative;
    height: 100%;
}
.index-radius .radius-block {
    position: absolute;
    bottom: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 160%;
    height: 600%;
    border: 80px solid #f5f9ff;

        border: 90px solid #f5f7fa;
}

 .sub-title {
    margin: 50px auto 40px;
    width: 550px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 16px;
}

.new-reservation .reservation-radius {
    position: absolute;
    top: -56px;
    left: 0;
    height: 60px;
    width: 100%;
    overflow: hidden;
    z-index: 8;
	/* z-index: 10; */
}
.new-reservation .reservation-radius .radius-pr {
    position: relative;
    height: 100%;
}
.new-reservation .reservation-radius .radius-block {
    position: absolute;
    bottom: -74px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 160%;
    height: 600%;
    border: 80px solid #276bef;
 
}

.new-reservation .radio input[type=radio]+.radio-label:after {
    content: '';
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ffa601;
}
.new-reservation .radio input[type=radio]:checked+.radio-label:after {
    display: inline-block;
}
.new-reservation .radio input[type=radio]:checked+.radio-label:before {
    color: #fff;
    border: 2px solid #fff;
}

.banner3{height: 4.8rem;background-size: cover;background-position: center;}
.apply{background: #f5f8f9;padding-bottom:5%}
.apply .box{height: 910px;background: #fff;overflow: hidden;margin-top: -100px;webkit-box-shadow: 0 30px 30px rgba(0, 79, 181, 0.13);    box-shadow: 0 30px 30px rgba(0, 79, 181, 0.13); }
.apply .bottom-txt{text-align: center;color: #9f9f9f;font-size: 14px;padding: 50px 0 55px}
.apply .left .h1{font-size: 48px;color: #fff;margin-bottom: 115px;font-weight:bold;    font-family: 'DIN';}
.apply .left{background:url(../images/apply1bg.jpg);height: 100%;background-size: cover;}
.apply .left{float: left;width: 35%;padding: 68px 55px;}
.apply .left .item p{font-size: 16px;color: #fff;margin-top: 12px;}
.apply .left .item{float: left;width: 33.33%;text-align: center;}
.apply .left .item img{margin: 0 auto;}
.apply .left .item-box{margin: 0 -20px;}
.apply .left .content{font-size: 16px;color: #fff;line-height: 1.875;margin-top: 50px}
.apply .left .bottom{margin-top: 260px;}
.apply .left .bottom h2{font-size: 16px;color: #fff}
.apply .left .bottom h3{font-size: 36px;color: #fff;margin-top: 20px;font-weight:bold;font-family:'DIN'}
.apply .right{float: left;width: 65%;padding: 20px 62px 0 70px}
.apply .right .title{font-size:24px;color: #333;margin-bottom: 30px;padding-top: 55px}
.apply .right .input{position: relative;border-bottom: 1px solid #e4e4e4;transition: all .25s}
.apply .right .input input{width: 100%;height: 40px;padding: 0 15px;z-index: 1;position: relative;background: none;font-size: 16px;color: #333}
/* .apply .right .input input:-internal-autofill-selected{background:none!important} */
.apply .right .input em{color: #ff7e00;line-height: 40px;position: absolute;font-size: 18px}
.apply .right .input label{position: absolute;left: 15px;font-size: 16px;color: #999;font-weight: normal;margin: 0;line-height: 34px;top: 50%;margin-top: -17px;transition: all .25s}
.apply .right .title2{height: 40px;position: relative;margin-top: 20px;}
.apply .right .title2 em{color: #ff7e00;line-height: 40px;position: absolute;font-size: 18px}
.apply .right .title2 label{position: absolute;left: 15px;font-size: 16px;color: #999;font-weight: normal;margin: 0;line-height: 40px;top: 0}
.apply .right .col{float: left;padding:10px 7px;float: left;width: 50%}
.apply .right .row{margin: 0 -7px}
.apply .right .selectbox .h1{font-size: 16px;color: #999;margin-bottom: 12px;margin-left: 10px}
.apply .right .selectbox select{width: 100%;height: 42px;border:1px solid #e4e4e4;padding: 0 15px;font-size: 16px;color: #333}
.apply .right .selectbox select{    background: url(../images/down.png) no-repeat 92% center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.apply .right .bottom{font-size: 14px;color: #999;line-height: 1.6;text-align: center;margin-top: 30px}
.apply .right .bottom span{color: #ff7e00}
.apply .right .btn1{width: 100%;line-height: 60px;background:#268dfb;font-size: 18px;color: #fff;text-align: center;padding: 0;margin-top: 40px;border-radius: 5px}
.apply .right .input:after{content:"";transition: all .2s ease;position: absolute;bottom: -1px;left: 0;right: 0;height: 0;}
.apply .right .input.on:after{background: #268dfb;height: 2px;}
.apply .right .input label.on{font-size: 14px;color:#268dfb;margin: 0;top: -20px;z-index:10}

.casebanner .title-box{height: 100%;display: flex;align-items: center;text-align: center;}
.casebanner .title-box .h1{font-size: 42px;color: #fff;margin-bottom: 13px;line-height: 1}
.casebanner .title-box h2{font-size: 16px;line-height: 1.875;color: #fff}
.case{background: #f9f9f9;padding-bottom: 50px;}
/* .case .casebox{margin-top: -60px} */
.casebanner{height: 6.4rem;background-size: cover;background-position: center;}
.case .col{float: left;width: 33.33%;padding: 11px;}
.case .row{margin: 0 -11px}
.case .case-item .imgbox{overflow: hidden;position: relative;height:238px;border-radius:8px}
/* .case .case-item .imgbox .txt{position: absolute;left: 20px;bottom: 20px;z-index: 10;font-size: 0}
.case .case-item .imgbox .txt span{font-size: 20px;line-height: 1;color: #fff;display: inline-block;}
.case .case-item .imgbox .txt span:nth-child(2){margin-left: 10px;padding-left: 10px;border-left: 1px solid #fff} */
.case .case-item .imgbox img{width: 100%;transition: all .3s ease;height: 100%;}
/* .case .case-item .imgbox:before{  position: absolute;    content: '' !important;    width: 100%;    height: 86px;    bottom: 0;    left: 0;    background-image: linear-gradient(to bottom,transparent 10%,rgba(13,13,13,.33) 100%);  z-index: 1;}
  */ 
.h3{margin:0}
.case1tab{height:90px;box-shadow:0px 2px 18px 0px rgba(88,137,202,0.1);background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 30px;margin-bottom:35px;margin-top:-45px;position:relative;z-index:2}
.case1tab .item{width:107px;line-height:36px;font-size:16px;color:#666;text-align:center;border-radius:40px;margin-right:35px;transition:all .3s}
.case1tab .item.on{background:#207FFF;color:#fff}
.case1tab .item:hover{background:#207FFF;color:#fff}
.case .case-item{background: #fff;box-shadow: 0 2px 18px rgba(4,4,4,.1);display: block;padding:8px 8px 0 8px;border-radius:8px;}
.case .case-item .content .h1{font-size: 18px;color: #333;margin-bottom:5px;line-height:25px;font-weight:bold}
.case .case-item .content .h2{font-size: 12px;line-height:17px;color: #333;margin-bottom:21px}
.case .case-item .content .h3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size:14px;line-height:24px;height:48px;color:#999}
.case .case-item .content{padding:26px 8px 22px 10px;position:relative}
.case .case-item .bottom{display: flex;border-top: 1px solid #ebebeb;align-items:center;justify-content: space-between;flex-wrap: wrap;height:88px;text-align:center;margin:0 10px}
.case .case-item .bottom .item .h1{font-size: 25px;line-height: 31px;color: #333333;font-family:"DIN"}
.case .case-item .bottom .item p{margin-top: 6px;font-size: 12px;color: #999;line-height: 17px;}
.case .case-item .bottom .item{width:96px;}
.case .case-item:hover .imgbox img{transform: scale(1.05);}  
.case .case-item .content .iconbox{position:absolute;right:22px;top:0;background:#fff;padding:6px;    margin-top: -30px;border-radius:50%}
.case .case-item .content .iconbox img{width:49px;}
.dlpoint1{background: #3380E9;position: absolute;width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;transition:3s cubic-bezier(.5,.1,.7,1);transform: rotate(0deg) translate(0px,287px) rotate(0deg);}
.dlpoint1.on{transform: rotate(-360deg) translate(0px,287px) rotate(-360deg);}




    
.case2{background:#f9f9f9;padding-bottom: 50px;}
.case2 .box{box-shadow: 0 1px 12px rgba(4,4,4,.1);background: #fff;padding: 120px 225px;margin-top: -50px}  
.case2 .title .h1{font-size: 20px;margin-bottom: 25px;line-height: 1;font-weight: bold;color: #333}      
.case2 .title{text-align: center;}
.case2 .title h2{font-size: 16px;color: #333;line-height:0.25rem}
.case2 .data-box{width: 600px;padding: 80px 0 60px;display: flex;margin: 0 auto;}
.case2 .data-box .item{flex: 1;text-align: center;padding-bottom: 5px 0;}
.case2 .data-box .item:not(:last-child){border-right: 1px solid #ebebeb}
.case2 .data-box .item .h1{font-size: 42px;color: #0091ec;line-height: 1}
.case2 .data-box .item p{font-size: 18px;color: #878787;line-height: 1;margin-top: 10px;}
.case2 .content{padding: 80px 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb}    
.case2 .content .h1{font-size: 16px;color: #333;margin-bottom: 10px;font-weight: bold;}
.case2 .content p{color: #878787;font-size: 16px;line-height: 1.625;margin-bottom: 25px}
.case2 .bottom a{display: block;font-size: 14px;color: #262626;margin-top: 9px;}
.case2 .bottom{padding-top: 18px;}
.case2 .bottom a:hover{color: #0091ec}
.casebanner .title-box2 img{width: 100px;height: 100px;border-radius: 50%;margin: 0 auto}
.casebanner .title-box2{display: flex;align-items: center;height: 100%;text-align: center;}
.casebanner .title-box2 h1{font-size: 32px;color: #fff;line-height: 1;margin-top: 40px;font-weight:bold}

.coopbox{width:50%;margin:0 auto;padding-top:210px}
.coopbox .h1{font-size:36px;color:#fff;text-align:center;font-weight:bold}
.coopbox h2{font-size:18px; color: rgba(255, 255, 255, 0.5);text-align:center;margin-top:10px;}
.coopbox .input{background:#fff;padding:5px;display:flex;align-items:center;margin-top:50px;}
.coopbox .input input{padding:0 10px;font-size:18px;color:#333 }
.coopbox .input button{background: linear-gradient(to right, #2879ff , #00c0ff);line-height:50px;border-radius: 5px;width:145px;text-align:center;}
.coopbox .input button img{display:inline-block;margin-right:10px}
.coopbox .input button span{font-size:18px;color:#fff;    display: inline-block;vertical-align: middle;}

.probanner-box {padding-top:180px;}
.probanner-box .top{display:flex;align-items:center;margin-bottom:90px;}
.probanner-box .top .left{padding-right:25px;margin-right:25px;text-align:center;position:relative;}
.probanner-box .top .left:after{content:"";height:112px;background:rgba(255,255,255,.1);position:absolute;right:0;top:50%;margin-top:-56px;width:1px;}
.probanner-box .top .left p{font-size:16px;color:#fff;margin-top:10px;}
.probanner-box .top .right .h1{font-size:48px;color:#fff}
.probanner-box .top .right h2{font-size:16px;color:#fff;line-height:1.625;margin-top:25px;}

.probanner-box .bottom .item{border:1px solid #fff;border-radius:5px;float:left;margin-right:50%;margin-bottom:22px;position:relative;cursor:pointer;}
.probanner-box .bottom .left{width:56px;height:52px;position:relative;float:left;background:#757f8f}
.probanner-box .bottom .left img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.probanner-box .bottom .right{width:170px;line-height:52px;float:left;font-size: 20px;text-transform: uppercase;color:#fff;text-align:center;}
.probanner-box .bottom .item .after{display:none;} 

.probanner-box .bottom .item .codebox{position:absolute;padding:5px;border-radius:5px;background:#fff;right:-160px;bottom:0;display:none;width:130px;}
.probanner-box .bottom .item .codebox img{width:100%;}
.probanner-box .bottom .item .codebox p{font-size:14px;color:#666;margin-top:5px;text-align:center;line-height:1}
.probanner-box .bottom .item.on .after{display:block}
.probanner-box .bottom .item.on .before{display:none}
.probanner-box .bottom .item.on .codebox{display:block;}
.probanner-box .bottom .item:nth-child(1) .codebox{top:0;bottom:auto;}
.probanner-box .bottom .item.on .left{background:#e6f1ff}
.probanner-box .bottom .item.on{background:#fff}
.probanner-box .bottom .item.on .right{color:#333}

.banner4{background-size: cover;height: 426px;padding-top: 200px;}
.help-top a{display: block;float: left;color: #333;margin-right:44px;font-size: 16px;line-height: 56px}
.help-top{background: #e3e8ea}
.help-top a.on{color: #2589ff}

.help-bottom{background: #f3f6f7;padding: 20px 0 60px}
.help-bottom .left{float: left;width: 244px;background: #fff;border-radius: 5px;}
.help-bottom .right{float: right;width: 940px;background: #fff;border-radius: 5px;}
.help-bottom .left .item{transition: all .3s ease;line-height: 62px;font-size: 16px;color: #333;display: block;position: relative;padding-left: 25px;}
.help-bottom .left .item:not(:last-child){border-bottom: 1px solid #f3f6f7}
.help-bottom .left .item img{position: absolute;right: 16px;top: 27px;transition: all .3s ease;opacity: 0;transform: translateX(-5px);}

.help-bottom .left .item:hover img{opacity: 1;transform: none;}
.help-bottom .left .item:hover{background: #e0f1ff;color: #008cff}
.help-bottom .left .item:hover:after{content: "";width: 3px;height: 100%;top: 0;left: 0;background: #008cff;position: absolute;}
.help-bottom .left .item.on img{opacity: 1;transform: none;}
.help-bottom .left .item.on{background: #e0f1ff;color: #008cff}
.help-bottom .left .item.on:after{content: "";width: 3px;height: 100%;top: 0;left: 0;background: #008cff;position: absolute;}

.help-bottom .right .item{display: block;padding: 28px 25px 0 28px}
.help-bottom .right .item .h1{display: flex;align-items: center;font-size: 18px;color: #333;margin-top:0px}
.help-bottom .right .item .h1 img{margin-right: 20px;}
.help-bottom .right .item p{margin-top: 10px;margin-left: 42px;font-size: 16px;color: #999;line-height: 1.75;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0}

.help-bottom .right .item:hover .h1{color: #008cff}
.help-bottom .details{float: right;width: 940px;background: #fff;border-radius: 5px;}
.help-bottom .details .title{padding: 20px 30px;border-bottom: 1px solid #f0f0f0;color: #999;font-size: 14px;}
.help-bottom .details .title span{color: #333}
.help-bottom .details .content .h1{font-size: 30px;color: #333;margin-bottom: 25px}
.help-bottom .details .content{padding: 32px 32px 0 35px}
.help-bottom .details .content p img{margin:2% auto; border:1px solid #f3f3f3}

.help-bottom .details .content p{font-size: 16px;color: #999;line-height: 1.75;/* padding-bottom: 45px; *//* border-bottom: 1px solid #f0f0f0; */}
.help-bottom .details .others{padding: 42px 35px}
.help-bottom .details .others .h1{font-size: 14px;color: #999;margin-bottom: 10px}
.help-bottom .details .others a{font-size: 16px;color:rgb(38, 141, 251);line-height: 2.25;display: block;}

.help-bottom .opinion{float: right;width: 940px;background: #fff;border-radius: 5px;padding: 30px 35px 40px 25px}
.help-bottom .opinion .one{border:1px solid #f0f0f0;border-radius: 5px;}
.help-bottom .opinion .one .h1{font-size: 14px;line-height: 45px;background: #f3f6f7;padding: 0 17px}
.help-bottom .opinion .one textarea{height: 200px;padding: 15px 17px;font-size: 16px;color: #333;width: 100%}

.help-bottom .opinion .two{padding: 15px 0 30px}
.help-bottom .opinion .two button{transition: all .25s;width: 160px;line-height: 45px;background: #268dfb;text-align: center;font-size: 16px;color: #fff;border-radius: 5px;padding: 0}
.help-bottom .opinion .two{display: flex;align-items: center;}
.help-bottom .opinion .two .col{flex: 1;padding-right: 10px;}
.help-bottom .opinion .two .input{border-radius: 5px;border:1px solid #f0f0f0;display: flex;align-items: center;height: 45px;padding-left:12px}
.help-bottom .opinion .two .input .label1 span{font-size: 16px;color: #666}
.help-bottom .opinion .two .input .label1 em{font-size: 16px;color:#fb8a26;}
.help-bottom .opinion .two .input input{padding: 0 10px}
.help-bottom .opinion .two button:hover{opacity: 0.9}

.help-bottom .opinion .three{padding-top: 25px;border-top:1px solid #f0f0f0;}
.help-bottom .opinion .three .h1{font-size: 14px;color: #999;margin-bottom: 10px}
.help-bottom .opinion .three a{font-size: 16px;color:rgb(38, 141, 251);line-height: 2.25;display: block;}

.help-search{display: flex;width: 1000px;margin: 0 auto;}
.help-search .title{font-size: 36px;color: #fff;margin-right: 68px;padding-top: 6px}
.help-search .right{flex: 1}
.help-search .right .input{background:#fff;padding:5px;display:flex;align-items:center;}
.help-search .right .input input{padding:0 10px;font-size:18px;color:#333 }
.help-search .right .input button{background: linear-gradient(to right, #2879ff , #00c0ff);line-height:50px;border-radius: 5px;width:145px;text-align:center;}
.help-search .right .input button img{display:inline-block;margin-right:10px}
.help-search .right .input button span{font-size:18px;color:#fff;    display: inline-block;vertical-align: middle;}
.help-search .right .hotwords{margin-top: 12px;font-size: 14px;color: #fff}
.help-search .right .hotwords a{font-size: 14px;color: #fff;margin-left: 15px}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
} 

.more_zixun{display: block;width: 3.6rem;height: 60px;line-height: 60px;text-align: center;text-decoration: none;color: #fff;font-size: 22px;
  background: #0067ed url('/public/static/home/images/im_03.jpg') no-repeat 60px 22px;clear:both; margin:0px auto ; border-radius:30px;clear:both; position:relative; top:20px}
.more_zixun a{color:#fff; font-size:20px;display:block}


.download{height: 100vh;background-size: cover;background-position: center;padding-top: 10vh}
.download .container{display: flex;align-items: center;}
.download .left .h1{font-size: 52px;color: #fff}
.download .left .h2{font-size: 18px;color: #fff;line-height: 1.667;margin-top:3vh;padding-right: 6vw}
.download .code-box{margin-top: 10vh;display: flex;align-items: center;}
.download .code-item .item span{ text-transform: uppercase;font-size: 18px;color: #fff;display: block;}
.download .code-item .item{display: flex;align-items: center;width: 230px;height: 68px;border: 2px solid #fff;border-radius: 40px;padding: 0 30px}
.download .code-item .item:nth-child(1) img{margin-right: 28px}
.download .code-item .item:nth-child(2) img{margin-right: 25px}
.download .code-item .item:nth-child(1){margin-bottom: 30px}
.download .code-box .imgbox{margin-right: 34px;}
.download .right img{width: 66vh}
.download .ios_andriod_img{width:20% !important}

.probanner .content{padding-top: 202px;text-align: center;margin: 0 200px}
.probanner .content .h1{font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 15px;}
.probanner .content .h2{font-size: 22px;color: #fff;margin-bottom: 44px}
.probanner .itembox .item{width: 140px;font-size: 15px;margin:0 32px;display: inline-block;color: rgba(255,255,255,.54);position: relative;text-align: left;margin-bottom: 9px;padding-left: 15px}
.probanner .itembox .item:before{content:"";width:7px;height: 7px;background: #28a41c;border-radius: 50%;position: absolute;left:0;top: 50%;transform: translateY(-50%);}

.procon{padding: 152px 0 0 0}
.protab{display: flex;align-items: center;height: 72px;border-bottom: 1px solid #E2E7F0;}
.protab .title{font-size: 30px;color: #000;font-weight: bold;}
.protab .itembox{font-size: 0}
.protab .item{line-height:70px;font-size: 0;position: relative;cursor: pointer;margin-left: 50px;width: 176px;text-align: center;display: inline-block;}
.protab.pro-title .item{line-height:70px;font-size: 0;position: relative;cursor: pointer;margin-left: 25px;padding:0 15px;text-align: center;display: inline-block;width: auto;}
.protab .item span{display: inline-block;vertical-align: middle;font-size: 18px;color: #666;transition: all .3s ease}
.protab .item img{display: inline-block;vertical-align: middle;}
.protab .item img:nth-child(2){display: none;}
.protab .item:nth-child(1) img{width:18px;margin-right: 10px}
.protab .item:nth-child(2) img{width:23px;margin-right: 12px}
.protab .item:nth-child(3) img{width:20px;margin-right: 9px}
.protab .item.on span{color:#3270E7}
.protab .item.on img:nth-child(1){display: none;}
.protab .item.on img:nth-child(2){display: inline-block;}
.protab .item:after{content:"";height: 3px;left: 0;width: 0;transition: all .3s ease;background: #3270e7;position: absolute;bottom: -1px;}
.protab .item.on:after{width: 100%}
.proitem .imgbox img{width:600px;height:580px;}
.proitem{max-width:1200px;margin:0 auto;display:flex;align-items:center;}
.proitem .txtbox .h1{font-size: .48rem;color: #333;margin-bottom: .14rem;line-height: .47rem;font-family:"DIN"}
.proitem .txtbox p{padding-left: .3rem;font-size: .18rem;color: #666;line-height: .48rem;position: relative;}
.proitem .txtbox p:before{content:"";width: .08rem;height: .08rem;border-radius: 50%;background: #28a41c;position: absolute;left: .08rem;top: 50%;margin-top: -.04rem;}
#card5-0,#card5-1,#card5-2,#card5-3,#card5-4,#card5-5,#card5-6{padding: 40px 0;}
#card5-0 .txtbox .h1,#card5-1 .txtbox .h1,#card5-2 .txtbox .h1,#card5-3 .txtbox .h1,#card5-4 .txtbox .h1,#card5-5 .txtbox .h1,#card5-6 .txtbox .h1{margin-bottom: 0.19rem;}
#card5-0 .txtbox p,#card5-1 .txtbox p,#card5-2 .txtbox p,#card5-3 .txtbox p,#card5-4 .txtbox p,#card5-5 .txtbox p,#card5-6 .txtbox p{padding-left: .3rem;font-size: .18rem;color: #666;line-height: .38rem;position: relative; }
#card5-0 .txtbox p:before,#card5-1 .txtbox p:before,#card5-2 .txtbox p:before,#card5-3 .txtbox p:before,#card5-4 .txtbox p:before,#card5-5 .txtbox p:before,#card5-6 .txtbox p:before{top: 0.15rem; margin-top: 0;}
.proitem .txtbox .title{position: relative;}
.proitem .txtbox .num{font-size: 1.81rem;color:#2971ED;opacity: .04;position: absolute;left:-.16rem;bottom:-.59rem;font-family: "Arial Black";font-weight: bold;line-height: 2.55rem;}
.proitem .imgbox{width:50%}
.proitem .txtbox{width:50%}
.proitem:nth-child(odd) .txtbox{padding:0!important;padding-left:65px!important;margin-right:0!important;}
#card4-1.proitem:nth-child(1) .txtbox{padding-left: 0 !important;}

.probox>div:nth-child(3){background-image:url(../images/proimg3.svg);}
.probox>div:nth-child(2){background-image:url(../images/proimg2.svg);}
.probox>div:nth-child(1){background-image:url(../images/proimg1.svg);}
.probox>div{display: none;background-size:cover;background-position:center;}
.probox>div:nth-child(5){background-image:url(../images/proimg5.svg);background-size:contain !important;background-position:center top !important;}
.probox>div:nth-child(4){background-image:url(../images/proimg4.svg);background-size:contain !important;background-position:center top !important;}
header .container{position: relative;}
.promenu{width: 1100px;height:362px;background: #fff;border-radius: 10px;position: absolute;overflow: hidden;top:100%;left:0;display:none;}
.promenu-top{display: flex;align-items: center;background: #EBF6FF;padding: 0;height: 78px;}
.promenu-top .item{flex: 1;text-align: center;font-size: 0;cursor:pointer;}
.promenu-top .item .txtbox{display: inline-block;vertical-align: middle;text-align: left;}
.promenu-top .item img{width:41px;margin-right: 9px;display: inline-block;vertical-align: middle;}
.promenu-top .item .h1{font-size: 14px;line-height: 20px;color: #333;margin-bottom: 2px;font-weight:normal}
.promenu-top .item p{font-size: 10px;line-height: 14px;color: #999}
.promenubox{height: 248px;    text-align: left;}
.promenubox .item{float: left;width: 25%;height: 100%;padding-top: 12px;}
.promenubox .item:nth-child(1){padding-left: 82px;}
.promenubox .item:nth-child(2){padding-left: 77px;}
.promenubox .item:nth-child(3){padding-left:77px;}
.promenubox .item:nth-child(4){padding-left:77px;}
header .nav .navitem>a{line-height:80px;display: inline-block;}
.h1,.h2{margin:0}
.promenubox .item:not(:last-child){border-right:1px solid #F5F6F9}
.promenubox .item .item1{font-size: 0;cursor: pointer;display:block;}
.promenubox .item .item1 span{transition: all .3s ease}
.promenubox .item .item1 span:nth-child(1){font-size: 13px;line-height: 32px;color: #d0d0d0;margin-right: 17px;}
.promenubox .item .item1 span:nth-child(2){font-size: 14px;line-height: 32px;color: #444}
.promenubox .item .item1:hover span{color: #3270E7}

@media (max-width:1366px){
.safe-box .row{margin:0}
}
.contactbanner{height: 613px;background-size: cover;background-position: center;}
.contactbanner .h1{font-size:40px;line-height: 41px;color: #fff;font-weight:600}
.contactbanner .container{text-align: center;padding-top:225px}
.contactbanner .line{width: 47px;height: 8px;background: #28a41c;border-radius: 6px;margin: 27px auto}
.contactbanner .h2{font-size:18px;line-height: 32px;color: #fff;margin: 0 auto;opacity: .7;}
.ctacon{background:#F6F7FB;padding:51px 0 94px}
.ctabox{background: #fff;border-top:2px solid #3a8eff}
.cta1{display: flex;align-items: center;height: 200px;position: relative;border-bottom: 1px solid #F0F1F8}
.cta1 .item{flex: 1;padding-left: 42px}
.cta1 .item:nth-child(2){padding-left: 26px}
.cta1 .item img{width: 32px}
.cta1 .item .txt{line-height:22px;font-size: 16px;color: #000;margin: 15px 0 5px}
.cta1 .item .num{font-size:30px;color: #000;font-family: "DIN";line-height: 36px}
.cta1:after{content:"";width:1px;height: 100%;background: #F0F1F8;position: absolute;top: 0;left: 50%}
.cta2{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 0 100px 0 36px;height:174px;border-bottom: 1px solid #F0F1F8}
.cta2 .item{display: flex;align-items: center;}
.cta2 .item img{width:52px}
.cta2 .item:nth-child(1) img{margin-right:14px}
.cta2 .item:nth-child(2) img{margin-right:27px}
.cta2 .item:nth-child(3) img{margin-right:31px}
.cta2 .item .h1{font-size:18px;line-height: 25px;color: #000;margin-bottom: 10px}
.cta2 .item p{font-size:18px;color: #000;line-height: 22px}
.cta3{height: 680px;padding:83px 42px 0 42px;position: relative;overflow: hidden;}
.cta3box{width:404px}
.cta3box .h1{font-size: 30px;color: #333;line-height: 42px;margin-bottom: 16px;font-weight:bold;}
.cta3box input{display: block;width: 100%;border-bottom:1px solid #E4E4E4}
.cta3box input{height:61px;font-size: 18px;color: #333;margin-top: 30px}
.cta3box .btn1{line-height:57px;display: block;width: 100%;background: #207fff;border-radius: 4px;font-size:18px;color:#fff;margin-top: 60px}
.cta3 .mapbox{width:800px;height: 800px;bottom: -211px;right: -152px;position: absolute;border-radius: 50%;border:1px solid #CDD6E1;}
.cta3box input::placeholder{color:#999}
.joincon .title1{line-height: 37px;font-size: 26px;color: #333;margin-bottom: 11px;font-weight: 600;text-align: center;}
.joincon .title2{line-height: 28px;color: #666;font-size: 16px;text-align: center;width: 940px;margin: 0 auto}
.join1{background: #F6F7FB}
.join1-1 .box{display: flex;align-items:center;justify-content: space-between;margin-top: 36px}
.join1-1 .item{width:390px;border-radius:10px;overflow: hidden;}
.join1-1{padding: 67px 0 72px}
.join1-2{padding-bottom:80px}
.join1-2 .row{margin: 0 -7px;margin-top: 43px}
.join1-2 .col{float: left;width: 50%;padding: 0 7px;margin-bottom: 15px;}
.join1-2 .item{transition: all .3s;background: #fff;display: flex;align-items: center;height: 105px;padding: 0 27px;border-radius: 10px;box-shadow: 0 2px 18px 0px rgba(88,137,202,.1)}
.join1-2 .item img{width: 54px;margin-right: 38px}
.join1-2 .item .h1{font-size:16px;line-height: 14px;margin-bottom: 11px;color: #333}
.join1-2 .item p{line-height:14px;font-size: 14px;color: #666}
.join2{padding:86px 0 90px;text-align: center;background-color: #475866; background-position: center center; background-size: cover;}
.join2 .title1{margin-bottom: 15px;color: #fff}
.join2 .title2{color: #fff}
.join2 .btn1{width: 272px;line-height: 64px;color: #fff;text-align: center;color: #fff;border-radius: 40px;background:#FEAE01;box-shadow: 0px 8px 15px 0px rgba(0,0,0,.13);font-size: 18px;display: block;margin: 50px auto 0;transition: all .3s}
.join2 .btn1:hover{transform: translateY(-5px);}
.join1-2 .item:hover{transform: translateY(-5px);}
.join3{padding: 65px 0 96px}
.join3 .title1{margin-bottom: 50px}
.join3box{display: flex;align-items: center;}
.join3box img{border-radius: 10px}
.join3box .right{flex: 1}
.join3box .right img{float: left;width: 286px;height: 182px;object-fit: cover;margin-left: 16px}
.join3box .left{width: 596px}
.join3box .right img:nth-child(-n+2){margin-bottom: 17px}


.dlcon{height:1022px;background-size: cover;background-position: center;}
.dlcon .container{height: 100%;position: relative;}
.dlbox{padding-top: 213px;}
.dlbox .h1{font-size: 40px;line-height: 41px;color: #fff;font-weight: 600;}
.dlbox .line{width: 30px;height: 6px;background: #28a41c;border-radius:10px;margin: 32px 0 27px}
.dlbox .h2{width:531px;line-height: 32px;font-size: 18px;color: rgba(255,255,255,.7);margin-bottom: 42px}
.dlbox .item{float: left;width:160px;display: flex;align-items: center;justify-content: center;margin-right: 18px;margin-bottom: 21px;height: 47px;cursor: pointer;position:relative;}
.dlbox .item:after{content:"";background: linear-gradient(to right, #2c9dff , #0a72ff);border:0;position:absolute;top:0;left:0;height:100%;width:0;border-radius: 3px;}
.dlbox .item:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.36);border-radius: 3px;}
.dlbox .item.on:after{width:100%;transition:all 3s linear;}
.dlbox .itembox{width: 550px;}
.dlbox .item img{margin-right: 12px;position:relative;z-index:2}
.dlbox .item div{font-size: 16px;color: #fff;position:relative;z-index:2}
.dlbox .codebox{width: 139px;margin-top: 23px}
/* .dlbox .codebox p{font-size: 14px;line-height: 20px;color: #282a2e;padding: 4px 0 7px} */
.dlright{width:646px;height: 646px;background: url(../images/dlround.png);background-size: cover;position: absolute;right:-40px;bottom:94px}
.dlright:after{content:"";width: 532px;height: 532px;border-radius: 50%;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background:linear-gradient(180deg,rgba(77,211,255,1) 0%,rgba(32,127,255,1) 100%);box-shadow:0px 2px 67px 0px rgba(0,28,67,0.48);}
.dlright .swiper-container{position: absolute;bottom:16px;left: 0;right: 0;z-index: 2;}
.dlright .item img{margin: 0 auto}
.dlpoint{background: #3380E9;position: absolute;width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;transform: rotate(0deg) translate(0px,287px) rotate(0deg);}
.dlpoint.on{transition:3s cubic-bezier(.5,.1,.7,1);transform: rotate(-360deg) translate(0px,287px) rotate(-360deg);}

.cptitle{line-height:50px;font-size:36px;color: #333;text-align: center;font-weight: 600}
.coop1{padding: 55px 0;background:#F6F7FB}
.coop1 img{margin: 0 auto;}
.coop1 .cptitle{margin-bottom: 57px;}
.coop2{background: url(../images/cp2bg.jpg);background-size: cover;background-position: center;padding: 57px 0 66px}
.coop2 .cptitle{color: #fff;margin-bottom: 62px;font-weight: 600}
.coop2 .item{background-size: cover;width: 285px;height: 213px;margin-right: 20px;margin-bottom:39px;float: left;position: relative;padding: 84px 33px 0;text-align: center;transition: all .3s}
.coop2 .item:nth-child(4n){margin-right: 0}
.coop2 .item .h1{font-size: 24px;line-height: 33px;color: #333;margin-bottom: 12px}
.coop2 .item p{font-size: 14px;line-height: 20px;color: #999;}
.coop2 .item:hover{transform: translateY(-5px);}
.coop3{padding: 60px 0 80px}
.coop3 .cptitle{margin-bottom: 65px}
.cp3box .itembox{width: 459px}
.cp3box{display: flex;align-items: center;height: 560px}
.cp3box .imgbox{flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;}
.cp3box .imgbox img{display: none;}
.cp3box .item{height: 127px;display: flex;align-items: center;position: relative;padding-left: 22px;}
.cp3box .item .icon{position: relative;width: 32px;height: 32px;margin-right: 19px}
.cp3box .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: all .3s}
.cp3box .item .icon img:nth-child(2){opacity: 0;}
.cp3box .item .content{flex: 1}
.cp3box .item .h1{font-size: 20px;line-height: 28px;color: #333;transition: all .3s}
.cp3box .item .h2{line-height:21px;font-size: 15px;color: #999;transition: all .3s}
.cp3box .item:after{content:"";height: 100%;width: 100%;position:absolute;background: url(../images/cp3bg.png);background-size: cover;transition: all .3s;opacity: 0;top: 0;left: 0;z-index: -1}
.cp3box .item.on .icon img:nth-child(1){opacity: 0}
.cp3box .item.on .icon img:nth-child(2){opacity: 1}
.cp3box .item.on:after{opacity: 1}
.cp3box .item:before{content:"";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #E6E9ED;transition: all .3s}
.cp3box .item.on:before{opacity:0}
.cp3box .item.on .h1{color: #fff}
.cp3box .item.on .h2{color: #fff}
.coop4{padding: 52px 0 67px}
.coop4 .cptitle{margin-bottom: 52px}
.cp4box{display: flex;align-items: center;border-top:1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;height: 188px}

.cp4box .item{flex: 1;height: 112px;padding:5px 42px 0;border-right: 1px solid #EFEFEF}
.cp4box .item .h1{width: 100px;line-height: 34px;border-radius: 17px;text-align: center;color: #fff;font-size: 16px;background: #3A8EFF;margin-bottom: 18px;transition: all .3s}
.cp4box .item:nth-child(2n) .h1{background:#33BD26}
.cp4box .item p{font-size: 16px;line-height: 24px;color: #666}
.cp4box .item:first-child{padding-left:17px;width: 215px;flex:none;}
.cp4box .item:last-child{padding-right:2px;width: 215px;flex:none;border-right: 0}
.cp4box .item:hover .h1{transform: translateY(-5px);}
.coop5{height: 376px;background: url(../images/cp5bg.png);background-size: cover;background-position:center;min-width: 1200px}
.coop5 .container{position: relative;height: 100%}
.coop5 .item .num{font-size: 20px;line-height: 28px;color:#3A8EFF;margin-bottom: 5px;font-family: "DIN";padding-left: 4px}
.coop5 .item .h1{font-size: 20px;line-height: 28px;color: #333}
.coop5 .item{width: 80px;text-align: center;position: absolute;}
.coop5 .item:nth-child(1){left: 107px;top: -14px;}
.coop5 .item:nth-child(2){left:356px;bottom:92px}
.coop5 .item:nth-child(3){left:606px;top: 17px}
.coop5 .item:nth-child(4){right:265px;bottom: 92px}
.coop5 .item:nth-child(5){right:17px;top: 8px}
.coop5 .item .dot{width:13px;height: 13px;border-radius: 50%;background: #3a8eff;position: absolute;left: 50%;margin-left: -6.5px;}
.coop5 .item:nth-child(1) .dot{bottom: -38px;}
.coop5 .item:nth-child(2) .dot{top: -40px}
.coop5 .item:nth-child(3) .dot{bottom: -46px}
.coop5 .item:nth-child(4) .dot{top: -34px}
.coop5 .item:nth-child(5) .dot{bottom: -47px}
.coop5 .item .dot:after{content:"";width: 34px;height: 34px;background:rgba(58,142,255,0.1);position: absolute;left: 50%;top: 50%;margin-left: -17px;margin-top: -17px;border-radius: 50%;-webkit-animation: dot1 2s ease-in-out infinite; animation: dot1 2s  ease-in-out infinite;}
.coop6{background-position:top center;padding:96px 0}

@-webkit-keyframes dot1 {
0% {transform: scale(.8);}
50%{transform: scale(1.4);}
100% {transform: scale(.8);}
}@keyframes dot1 {
0% {transform: scale(.8);}
50%{transform: scale(1.4);}
100% {transform: scale(.8);}
}

/* 口腔行业解决方案 */
.oral-wrap{overflow: hidden;}
.oral-wrap img{margin: 0 auto;}
.oral-wrap .f90{font-size: 90px;}
.oral-wrap .f80{font-size: 80px;}
.oral-wrap .f56{font-size: 56px;}
.oral-wrap .f50{font-size: 50px;}
.oral-wrap .f46{font-size: 46px;}
.oral-wrap .f34{font-size: 34px;}
.oral-banner .pb{left: 14.5%; top: 29.6%; width: 47.4%;}
.oral-data {width: 75%; margin: 0 auto;}
.oral-data .itembox > p, .oral-data .itembox > div{white-space: nowrap;}
.oral-data .itembox{display: inline-block; padding: 36px 46px;}
.oral-data .itembox::before{display: block; position: absolute; content: ''; left: 0; top:  50%; height: 66px; width: 1px; margin-top: -33px; background: rgba(151, 151, 151, 0.18);}
.oral-data .col-xs-3:first-child .itembox::before{display: none;}
.oral-data .itembox strong{font-style: italic; color: #333;}
.oral-data .itembox strong.pr{top: -18px; margin-left: 12px;}
.oral-data .itembox span{color: #9F9F9F;}
.oral-data .itembox img{display: inline-block; margin-left: 7px; position: relative; top: -3px;}
.oral-box{overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.oral-box1{padding: 140px 96px 0;}
.oral-box1 .desc{margin-top: 30px; margin-bottom: 70px; color: #fff; opacity: .65;}
.oral-box1 .imgbox img{display: inline-block; margin: 11px;}
.oral-box1 .weui-flex{margin-top: 100px; border-top: 3px solid #fff; color: #fff; font-size: 18px; line-height: 34px;}
.oral-box1 .weui-flex h3{margin-top: 64px; margin-bottom: 35px; font-size: 42px; line-height: 50px;}
.oral-box1 .weui-flex__item{padding: 0 60px; height: 350px; border-left: 2px solid rgba(255,255,255,.18);}
.oral-box1 .weui-flex__item:first-child{border-left: 0;}
.oral-box1 ol{padding-left: 23px; list-style: disc;}
.oral-box2 h2{margin-top: 120px; margin-bottom: 66px;}
.oral-box2 .labels span{display: inline-block; margin-left: -2px; margin-right: -2px; width: 223px; line-height: 58px; color: #fff; font-size: 24px;}
.oral-box2 .labels span:nth-child(2n-1){background: #33BD26;}
.oral-box2 .labels span:nth-child(2n){background: #207FFF;}
.oral-box2 .swiper-btn{width: 1135px; margin: 63px auto 75px;  border-bottom: 1px solid rgba(159, 159, 159, .45);}
.oral-box2 .swiper-btn div{display: inline-block; margin: 0 34px; padding: 15px; position: relative; font-size: 18px; font-weight: 500; color: #9F9F9F; cursor: pointer;}
.oral-box2 .swiper-btn div::after{position: absolute; display: block; content: ''; left: 0; bottom: -2.5px; height: 5px; width: 0; background: #207FFF; transition: width .3s;}
.oral-box2 .swiper-btn div.on{color: #333;}
.oral-box2 .swiper-btn div.on::after{width: 100%;}
.oral-box2 .textbox{margin: 0 auto; width: 1135px;}
.oral-box2 .textbox strong{color: #207FFF; font-family: Arial-Black, Arial; font-weight: 900;}
.oral-box2 .textbox strong.pr{top: -20px; margin-left: 3px;}
.oral-box2 .textbox p{margin-top: 6px;}
.oral-box2 .textbox .weui-flex__item{padding: 35px;}
.oral-box2 .imgbox{margin-top: 70px; margin-bottom: 160px; padding: 0 15px;}
.oral-box2 .imgbox .weui-flex__item{padding: 15px;}
.oral-box2 .imgbox .weui-flex__item div{ display: inline-block; border-radius: 12px; overflow: hidden;}
.oral-box3 h2{left:  96px; right: 96px; top: 105px;}
.oral-box4{padding: 86px 0 179px;}
.oral-box4 .swiper-btn{margin: 104px auto 40px; width: 1272px;}
.oral-box4 .swiper-btn .imgbox{float: left; text-align: center; margin: 7px; width: 198px; line-height: 95px; border: 1px solid #DEDEDE; border-radius: 5px; cursor: pointer;}
.oral-box4 .swiper-btn .imgbox img{display: inline;}
.oral-box4 .swiper-btn .imgbox.on{border-color: #207FFF;}
.oral-box4 .swiper-panel {margin: 0 auto; width: 1258px;}
.oral-box4 .swiper-panel .item{padding: 0; border: 1px solid #DEDEDE;}
.oral-box4 .swiper-panel .weui-cell__ft{width:51%;}
.oral-box4 .swiper-panel .weui-cell__bd{padding: 10px 53px;}
.oral-box4 .swiper-panel .iblock{display: inline-block;}
.oral-box4 .swiper-panel p.desc{margin-top: 15px; margin-bottom: 20px; height: 64px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.oral-box4 .swiper-panel strong, .oral-box5 .weui-cell__ft strong{font-family: Arial-Black, Arial; }
.oral-box4 .swiper-panel .f16{top: -10px; font-family: Arial-Black, Arial; }
.oral-box4 .swiper-panel  a{display: block; margin-top: 52px; width: 216px; line-height: 58px; border-radius: 5px; background: #207FFF; color: #fff; font-size: 24px; text-align: center;}
.oral-box5{padding: 160px 0 130px;} 
.oral-box5 .weui-cell{margin: 0 auto; padding: 0 0 126px; width: 1340px; border-bottom: 4px solid #fff;}
.oral-box5 .weui-cell__bd p{padding: 20px; display: inline-block; line-height: 78px; background: #33BD26; color: #fff;}
.oral-box5 .weui-cell__ft{padding: 0 50px; text-align: center;}
.oral-box5 .weui-cell__ft span.pr{margin-left: 10px; top: -10px;}
.oral-box5 .weui-cell__ft strong.pr{margin-left: 5px; top: -35px;}
.oral-box5 .imglist{margin: 60px auto 0; width: 1340px;}
.oral-box5 .imglist .item{float: left; margin: 14px; width: 240px; height: 100px; line-height: 100px; background: #fff; border-radius: 4px; text-align: center;}
.oral-box5 .imglist .item img{display: inline;}
.oral-box.index3 .h1{color: #33BD26}
.oral-box6 h2{margin-top: 78px; margin-bottom: 28px;}
.oral-box6 .desc{color: #9F9F9F;}
.oral-box6 .weui-flex{margin: 105px auto 175px; max-width: 1855px; padding: 0 32px;}
.oral-box6 .weui-flex__item:nth-child(2n-1) {background: #EFF1F4;}
.oral-box6 .weui-flex__item:nth-child(2n) {background: #DADEE2;}
.oral-box6 .weui-flex__item h6{padding: 0 32px; height: 78px; line-height: 78px; font-size: 24px;}
@media (max-width: 1600px) {
  .oral-data{width: 98%;}
  .oral-box6 .weui-flex__item h6{height: 68px; line-height: 68px;}
}
@media (max-width: 1440px) {
  .oral-box5 .weui-cell{width: 1258px;}
  .oral-box5 .imglist{width: 1282px;}
  .oral-box5 .imglist .item{width: 228px; height: 95px; line-height: 95px;}
}
@media (max-width: 1366px) {
 .oral-box1 .weui-flex h3{font-size: 40px;} 
 .oral-box1 .weui-flex__item{padding: 0 30px;}
 .oral-box3 h2{top: 64px;}
 .oral-box6 .weui-flex{margin: 75px auto 135px;}
  .oral-box6 .weui-flex__item h6{height: 52px; line-height: 52px;}
}
@media (max-width: 1280px) {
  .oral-box1 .imgbox img{margin: 2px;}
  .oral-box1 .weui-flex__item{padding: 0 20px;}
  .oral-box3 h2{top: 56px;}
  .oral-box4 .swiper-btn{width: 1214px;}
  .oral-box4 .swiper-btn .imgbox{width: 188px; line-height: 90px;}
  .oral-box4 .swiper-panel, .oral-box5 .weui-cell{width: 1200px;}
  .oral-box5 .weui-cell .f56{font-size: 50px;}
  .oral-box5 .weui-cell .f90{font-size: 84px;}
  .oral-box5 .weui-cell .f22{font-size: 20px;}
  .oral-box5 .weui-cell__ft{padding: 0 40px;}
  .oral-box5 .imglist{width: 1210px;}
  .oral-box5 .imglist .item{margin: 10px; width: 222px; height: 92px; line-height: 92px;}
}