header{position: fixed;z-index: 999;left: 0;top: 0;width: 100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));color: #fff;border-top: 4px solid #f03939;}
header .cont{align-items: center;}
header .logo{align-items: center;}
header .logo .txt{margin-left: 20px;padding-left: 20px;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,.5)}
header .logo .txt h5{font-weight: 600;}
header .logo .txt p{margin-top: 10px;}
header .logo a img{height: 60px;padding: 20px 0;}
header .logo a img:nth-child(2){display: none;}
header .nav a{color: #fff;font-size: 17px;margin: 0 1.8vw;position: relative;}
header .nav a::after{position: absolute;content: '';width: 0%;height: 2px;background-color: #f03939;left: 50%;bottom: -10px;transform: translateX(-50%);transition: all .4s;}
header .nav a:hover{color: #f03939;}
header .nav a.on::after,header .nav a:hover::after{width: 100%;}
header .tel{align-items: center;}
header .tel svg{margin-right: 10px;}

header.on{color: #000;background-image: none;background-color: rgba(255,255,255,1);box-sizing: border-box;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
header.on .logo a img{display: none;}
header.on .logo a img:nth-child(2){display: block;}
header.on .nav a{color: #000;}
header.on .logo .txt{border-color: rgba(0,0,0,.3);}

.inx-01{width: 100%;height: 90vh;overflow: hidden;}
.inx-01 video{width: 100%;}
.inx-01 .img-box{width: 100%;height: 100%;}
.inx-01 .item{width: 100%; height: 100%;position: relative;}
.inx-01 .item::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 1;content: "";}
.inx-01 .item .txt-box{position: absolute;left: 8%;top: 50%;transform: translateY(-50%);z-index: 2;color: #fff;}
.inx-01 .item .txt-box h2{font-weight: 600;margin-top: 15px;}
.inx-01 .item .txt-box h5{margin-top: 15px;}
.inx-01 .item .txt-box a{width: 160px;line-height: 50px;background-color: #f03939;border-radius: 25px;color: #fff;text-align: center;margin-top: 30px;}

.inx-02{position: relative;z-index: 2;}
.inx-02 .box{width: 100%;background-color: #fff;margin-top: -60px;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.inx-02 .box .tel{width: 23%;background-color: #f03939;padding: 30px;box-sizing: border-box;color: #fff;align-items: center;}
.inx-02 .box .tel .info{margin-right: auto;margin-left: 15px;}
.inx-02 .box .tel .info h4{font-weight: 600;}
.seach-box{align-items: center;width: 77%;padding: 30px;box-sizing: border-box;}
.seach-box p{font-size: 18px;padding-right: 20px;border-right: 1px solid rgba(0,0,0,.3);}
.seach-box form{width: 42%;margin-right: auto;margin-left: 20px;border-bottom: 1px solid rgba(0,0,0,.3);align-items: center;}
.seach-box form input{border:none;height: 40px;width: calc(100% - 40px);}
.seach-box form button{border: none;background-color: rgba(0,0,0,0);}

.top60{margin-top: 60px;}
.tit-style{width: 100%;}
.tit-style h3 em{font-weight: 600;display: inline-block;color: #f03939;margin-right: 20px;}
.inx-03{padding-top: 60px;}
.inx-03 .list-box{width: 100%;}
.inx-03 .list-box .item{width: 25%;box-sizing: border-box;text-align: center;padding: 0 40px;border-right: 1px solid rgba(0,0,0,.1);}
.inx-03 .list-box .item:last-child{border-right: none;}
.inx-03 .list-box .item .ico-box{width: 70px;height: 70px;border-radius: 50%;border:3px solid #f03939;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.inx-03 .list-box .item .ico-box svg{width: 36px;height: 36px;}
.inx-03 .list-box .item h4{font-weight: 600;margin: 25px 0;}
.inx-03 .list-box .item em{width: 30px;height: 3px;background-color: #f03939;margin: 0 auto;display: block;}
.inx-03 .list-box .item p{font-size: 17px;line-height: 30px;margin-top: 30px;}

.inx-04{width: 100%;background-image: url(../images/bg1.jpg);background-size: cover;padding: 120px 0;}
.inx-04 .tab{width: 20%;background-color: #fff;}
.inx-04 .tab .tit{width: 100%;background-color: #f03939;line-height: 100px;text-align: center;color: #fff;font-weight: 600;}
.tab-list{width: 100%;}
.tab-list .item{width: 100%;}
.tab-list .item>a{width: 100%;padding:30px;box-sizing: border-box;align-items: center;transition: all .4s;}
.tab-list .item>a .tab-name{align-items: center;}
.tab-list .item>a .tab-name .ico-box{width: 30px;height: 30px;background-color: #f03939;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.tab-list .item>a .tab-name .ico-box svg{width: 15px;height: 15px;}
.tab-list .item.on>a>svg{transform: rotate(90deg);}
.tab-list .item>a .tab-name p{font-size: 18px;margin-left: 20px;}
.tab-list .item>a:hover{background-color: #f03939;color: #fff;padding-left: 60px;}
.tab-list .item>a:hover .tab-name .ico-box{background-color: #fff;}
.tab-list .item>a:hover .tab-name .ico-box svg path{fill: #f03939;}
.tab-list .item>a:hover>svg path{fill: #fff;}

.tab-list .item .item2{background-color: #f5f5f5;}
.tab-list .item .item2 a{width: 100%;padding:0 50px;box-sizing: border-box;align-items: center;}
.tab-list .item .item2 a p{margin-right: auto;margin-left: 20px;line-height: 70px;}
.inx-04 .tab .tel-box{padding: 30px;box-sizing: border-box;background-color: #f5f5f5;text-align: center;margin-top: auto;}
.inx-04 .tab .tel-box svg{margin: 0 auto;margin-bottom: 10px;}
.inx-04 .tab .tel-box p{margin-bottom: 10px;}
.inx-04 .tab .tel-box h4{font-weight: 600;}
.inx-04 .list-info{width: 79%;background-color: #fff;overflow: hidden;}
.inx-04 .list-info .item-box{width: 100%;padding:0 15px 30px 15px;box-sizing: border-box;}
.inx-04 .list-info .item-box .item{width: 25%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;}
.inx-04 .list-info .item-box .item:last-child{margin-right: auto;}
.inx-04 .list-info .item-box .item .img-box{width: 100%;background-color: #f5f5f5;}
.inx-04 .list-info .item-box .item p{font-size: 17px;text-align: center;line-height: 50px;margin-top: 10px;border:1px solid rgba(0,0,0,.3)}

.inx-05{width: 100%;background-color: #f5f5f5;}
.inx-05 .tab-box{width: 100%;align-items: center;}
.inx-05 .tab-box .item{padding: 20px 50px;border-radius: 50px;position: relative;}
.inx-05 .tab-box .item::after{position: absolute;right: -22%;top:50%;transform: translateY(-50%);width: 12px;height: 3px;background-color: rgba(0,0,0,.3);content: "";}
.inx-05 .tab-box .item:last-child::after{display: none;}
.inx-05 .tab-box .item.on{background-color: #f03939;}
.inx-05 .tab-box .item p{font-size: 20px;font-weight: 600;}
.inx-05 .tab-box .item.on p{color: #fff;}
.inx-05 .tab-box em{width: 12px;height: 3px;background-color: rgba(0,0,0,.8);}
.inx-05 .list-box{position: relative;}
.inx-05 .info-box{width: 50%;background-color: #fff;padding: 60px;box-sizing: border-box;position: relative;background-image: url(../images/ico.png);background-repeat: no-repeat;background-position: bottom right;}
.inx-05 .info-box h4{font-weight: 600;}
.inx-05 .info-box h5{margin-top: 30px;font-weight: 600;}
.inx-05 .info-box p{margin-top: 20px;}
.inx-05 .img-box{width: 50%;height: 30vw;}
.inx-05 .info-box a{width: 160px;line-height: 50px;background-color: #f03939;border-radius: 25px;color: #fff;text-align: center;margin-top: 30px;}
.inx-05 .list-box .swiper-tab{position: absolute;bottom: 15%;left: 60px;z-index: 2;}
.inx-05 .list-box .swiper-tab div{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;margin-right: 30px;display: flex;align-items: center;justify-content: center;}
.inx-05 .list-box .swiper-tab div.next svg{transform: rotate(180deg);}
.inx-05 .list-box .swiper-tab div:hover{background-color: #f03939;}
.inx-05 .list-box .swiper-tab div:hover svg path{fill: #fff;}


.inx-06{width: 100%;background-image: url(../images/bg3.jpg);background-size: 100% auto;background-repeat: no-repeat;background-color: #f5f5f5;}
.inx-06 .tit-style{color: #fff;}

.inx-06 .info-list .item{width: 50%;align-items: center;margin-top: 50px;}
.inx-06 .info-list .item:nth-child(2n){flex-direction:row-reverse;}
.inx-06 .info-list .item .img-info{box-sizing: border-box;width: 60%;background-image: url(../images/pic1.png);background-repeat: no-repeat;background-size: 72px auto;}
.inx-06 .info-list .item:nth-child(1) .img-info{padding-top: 30px;padding-left: 30px;background-position: left top;}
.inx-06 .info-list .item:nth-child(2) .img-info{padding-top: 30px;padding-right: 30px;background-position: right top;}
.inx-06 .info-list .item:nth-child(3) .img-info{padding-bottom: 30px;padding-left: 30px;background-position: left bottom;}
.inx-06 .info-list .item:nth-child(4) .img-info{padding-bottom: 30px;padding-right: 30px;background-position: right bottom;}
.inx-06 .info-list .item .img-info .img-box{width: 100%;height: 28vw;border:10px solid #f03939;box-sizing: border-box;}
.inx-06 .info-list .item .info{width: 55%;background-color: #fff;position: relative;padding:40px 40px;box-sizing: border-box;}
.inx-06 .info-list .item:nth-child(1) .info,.inx-06 .info-list .item:nth-child(3) .info{transform: translateX(-15%);}
.inx-06 .info-list .item:nth-child(2) .info,.inx-06 .info-list .item:nth-child(4) .info{transform: translateX(15%);}
.inx-06 .info-list .item .info h4{font-weight: 600;}
.inx-06 .info-list .item .info em{width: 30px;height: 3px;background-color: #f03939;margin: 30px 0;display: block;}
.inx-06 .info-list .item .info p{line-height: 30px;}
.inx-06 .info-list .item .info h1{margin-top: 30px;opacity: .3;position: relative;}
.inx-06 .info-list .item .info h1::before{position: absolute;content: "";left: 0;bottom: 0;width: 100%;background-color: #fff;height: 35%;z-index: 1;}
.coop-list .tit{align-items: center;}
.coop-list .tit h3{margin: 0 30px;font-weight: 600;}
.coop-list .tit em{width: 10vw;height: 3px;background-color: #f03939;display: block;}
.coop-list .list-box{align-items: center;}
.coop-list .list-box .item .ico-box{width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.coop-list .list-box .item .ico-box svg{width: 40px;height: 40px;}
.coop-list .list-box .item p{font-size: 20px;margin-top: 10px;text-align: center;}
.coop-list .list-box > svg{transform: rotate(180deg);}

.inx-07 .swiper{width: 100%;position: relative;padding: 0 80px;box-sizing: border-box;}
.inx-07 .swiper-slide{width: 50%;padding: 0 30px;box-sizing: border-box;}
.inx-07 .swiper-slide .box{padding:50px 30px;background-color: #f5f5f5;box-sizing: border-box;align-items: center;}
.inx-07 .swiper-slide .box .img-box{width: 150px;height: 150px;border-radius: 50%;margin-right: 20px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.inx-07 .swiper-slide .box .img-box img{width: 70%;}
.inx-07 .swiper-slide .box .info{width: calc(100% - 170px);}
.inx-07 .swiper-slide .box .info h5{font-weight: 600;margin-bottom: 15px;}
.inx-07 .swiper-slide .box .info p{line-height: 28px;}
.inx-07 .swiper .prv{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;left: 0;position: absolute;top: 45%;transform: translateY(-50);z-index: 9;}
.inx-07 .swiper .next{width: 60px;height: 60px;background-color: #f5f5f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;right:  0;position: absolute;top: 45%;transform: translateY(-50);z-index: 9;}
.inx-07 .swiper .next svg{transform: rotate(180deg);}

.inx-08{width: 100%;background-image: url(../images/bg4.jpg);background-size: cover;color: #fff;padding: 40px 0;}
.inx-08 .cont{align-items: center;}
.inx-08 .left p{width: 160px;font-size: 18px;line-height: 50px;text-align: center;background-color: #f03939;border-radius: 40px;}
.inx-08 .left h4{font-weight: 600;margin-top: 30px;}
.inx-08 .left h5{font-weight: 600;margin-top: 15px;}
.inx-08 .right{align-items: center;padding-right: 5%;box-sizing: border-box;}
.inx-08 .right .info{margin:0 10px;}
.inx-08 .right .info h4{font-weight: 600;margin-top: 5px;}
.inx-08 .right a{width: 160px;color: #000;background-color: #fff;border-radius: 50px;height: 60px;align-items: center;padding: 5px;box-sizing: border-box;margin-left: 40px;}
.inx-08 .right a p{margin-left: 15px;}
.inx-08 .right a .ico-box{width: 50px;height: 50px;border-radius: 50%;background-color: #f03939;display: flex;align-items: center;justify-content: center;}
.inx-09{background-color: #f5f5f5;}
.inx-09 .tab-list a{width: 160px;line-height: 56px;border-radius: 40px;text-align: center;margin: 0 1vw;font-size: 18px;}
.inx-09 .tab-list a.on,.inx-09 .tab-list a:hover{background-color: #f03939;color: #fff;}
.inx-09 .box{width: 100%;}
.inx-09 .show-1{width: 49%;}
.inx-09 .show-1 a{width: 100%;}
.inx-09 .show-1 a .img-box{width: 100%;height: 26vw;}
.inx-09 .show-1 a .info-box{margin-top: 30px;align-items: center;}
.inx-09 .show-1 a .info-box .time{text-align: center;}
.inx-09 .show-1 a .info-box .time h4{font-weight: 600;}
.inx-09 .show-1 a .info-box .info{width: 90%;}
.inx-09 .show-1 a .info-box .info h5{font-weight: 600;margin-bottom: 15px;}
.inx-09 .box .list{width: 49%;}
.inx-09 .box .list a{padding: 30px;box-sizing: border-box;background-color: #ffff;align-items: center;margin-bottom: 20px;}
.inx-09 .box .list a:last-child{margin-bottom: 0;}
.inx-09 .box .list a .time{width: 13%;text-align: center;border-right: 1px solid rgba(0,0,0,.1);box-sizing: border-box;}
.inx-09 .box .list a .time h4{font-weight: 600;}
.inx-09 .box .list a .info{width: 85%;}
.inx-09 .box .list a .info h5{font-weight: 600;margin-bottom: 15px;}
.inx-09 .box .list a:hover{color: #f03939;}

.inx-10{width: 100%;}
.inx-10 .box{width: 100%;align-items: center;}
.inx-10 .box .img-box{width: 48%;}
.inx-10 .box .info{width: 48%;}
.inx-10 .box .info h4{font-weight: 600;}
.inx-10 .box .info h5{font-weight: 600;margin-top: 10px;margin-bottom: 30px;color: #f03939;}
.inx-10 .box .info p{margin-top: 20px;line-height: 30px;}
.inx-10 .box .info a{width: 160px;
    line-height: 50px;
    background-color: #f03939;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    margin-top: 30px;}

footer{background-color: #f03939;color: #fff;background-image: url(../images/bg5.jpg);background-size: cover;}
footer .foot-nav{width: 70%;padding-top: 76px;}
footer a{color: #fff;}
footer .foot-nav dl dt a{font-weight: 600;font-size: 22px;margin-bottom: 30px;}
footer .foot-nav dl dd{margin-top: 10px;}
footer .foot-nav dl dd a{font-size: 16px;opacity: .7;}
footer .right{max-width: 25%;padding-left: 5%;box-sizing: border-box;padding-top: 76px;text-align: right;}
footer .right h5{font-weight: 600;}
footer .right h3{font-size: 1.8vw;font-weight: 600;margin-top: 30px;}
footer .right h4{font-size: 16px;margin-top: 0px;opacity: .5;}
footer .right h3,footer .right h4{font-family: numType;}
footer .right img{width: 150px;height: auto;margin-top: 20px;margin-left: auto;}
footer .oth-fot{margin-top: 5vw;padding-bottom: 40px;}
footer .oth-fot .cont{align-items: center;}
footer .oth-fot .left{align-items: center;}
footer .oth-fot a img{height: 70px;}
footer .oth-fot .yx-link{height: 50px;padding: 0 40px;border:1px solid rgba(255,255,255,.5);margin-right: auto;align-items: center;}
footer .oth-fot .yx-link p{margin-left: 15px;}
footer .oth-fot  .link-txt a{margin-left: 15px;}
footer .oth-fot  .link-txt a:first-child{margin-left: auto;}
footer .oth-fot .right-info .info-oth{opacity: .5;}
footer .oth-fot .right-info .info-oth p:first-child{margin-left: auto;}
footer .oth-fot .right-info .info-oth a{color: #fff;margin: 0 15px;}

.ab-01{padding-top: 200px;}
.ab-01 .cont{align-items: center;}
.ab-01 .left{width: 35%;}
.ab-01 h2{font-weight: 600;font-size: 4.6vw;}
.ab-01 .left p{font-size: 20px;margin-top: 15px;line-height: 30px;opacity: .5;font-weight: 600;}
.ab-01 .num-list{width:45%;}
.ab-01 .num-list .item h3{font-weight: 600;}
.ab-01 .num-list .item p{font-size: 18px;margin-top: 15px;opacity: .5;font-weight: 600;}

.ab-02{width: 100%;height: 80vh;overflow: hidden;position: relative;}
.ab-02 video{width: 100%;}
.ab-02::after{position: absolute;content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 1;left: 0;top: 0;}
.ab-02 .play{width: 180px;height: 180px;border-radius: 50%;background-color: rgba(240,57,57,.6);position: absolute;left: 50%;top: 50%;z-index: 2;
        transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.ab-02 .play:hover{background-color: #f03939;}
.ab-02.on::after{display: none;}
.ab-02.on .play{display: none;}

.ab-03 .left{width: 24%;}
.ab-03 .left h3{font-weight: 600;color: rgba(0,0,0,.6);}
.ab-03 .left h3 em{font-weight: 600;color: #f03939;}
.ab-03 .right{width: 65%;}
.ab-03 .right .info p{font-size: 18px;line-height: 32px;margin-bottom: 20px;}

.ab-04{background:url(../images/ab-pic2.jpg) no-repeat;background-size: cover;position: relative;color: #fff;}
.ab-04 .cont{position: relative;z-index: 2;}
.ab-04::before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 1;}
.ab-04 .list{width: 100%;margin-top: 80px;}
.ab-04 .list .item{width: 18%;border:1px solid #fff;border-radius: 25px;padding: 3vw 30px;box-sizing: border-box;height: 20vw;display: flex;align-items:  center;text-align: center;justify-content: center;}
.ab-04 .list .item h3{margin-bottom: 30px;font-size: 1.8vw;}
.ab-04 .list .item p{font-size: 18px;line-height: 40px;}

.ab-05 .left{width: 35%;}
.ab-05 .left p{font-size: 18px;font-weight: 600;line-height: 32px;margin-top: 30px;color: rgba(0,0,0,.6);}
.ab-05 .list{width: 50%;}
.ab-05 .list .item{padding: 40px 0;border-bottom: 1px solid rgba(0,0,0,.3);cursor: pointer;position: relative;}
.ab-05 .list .item p{font-size: 20px;font-weight: 600;color: rgba(0,0,0,.6);}
.ab-05 .list .item img{position: absolute;right: 15%;top: 50%;transform: translateY(-20%);width: 30%;opacity: 0;transition: all .6s;}
.ab-05 .list .item:hover img{opacity: 1;transform: translateY(-50%);}

.pro-01{padding-top: 200px;}
.pro-01 h2{font-weight: 600;font-size: 4.6vw;}
.pro-01  p{font-size: 20px;margin-top: 15px;line-height: 30px;opacity: .5;font-weight: 600;}
.pro-01 .pro-tab{width: 100%;margin-top: 50px;}
.pro-01 .pro-tab a{padding: 15px 30px;box-sizing: border-box;border-radius: 40px;border:1px solid rgba(0,0,0,.3);margin-right: 2vw;}
.pro-01 .pro-tab a:last-child{margin-right: auto;}
.pro-01 .pro-tab a.on,.pro-01 .pro-tab a:hover{background-color: #f03939;color: #fff;border-color: #f03939;}
.pro-01 .list-box{width: 100%;margin-top: 50px;margin-bottom: 50px;}
.pro-01 .list-box .item-box{width: 25%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;}
.pro-01 .list-box .item-box a{border-radius: 15px;border:1px solid rgba(0,0,0,.3);overflow: hidden;transition: all .6s;}
.pro-01 .list-box .item-box a img{transition: all .6s;}
.pro-01 .list-box .item-box a .info-box{padding: 30px;box-sizing: border-box;background-color: #f5f5f5;transition: all .6s;}
.pro-01 .list-box .item-box a .info-box p:first-child{margin-top: 0;}
.pro-01 .list-box .item-box a .info-box p:last-child{color: #000;opacity: 1;}
.pro-01 .list-box .item-box:last-child{margin-right: auto;}
.pro-01 .list-box .item-box:hover a{background-color: #fff;box-shadow: 2px 5px 10px rgba(0,0,0,.1);transform: translateY(-5%);}
.pro-01 .list-box .item-box:hover a .info-box{background-color: #f03939;color: #fff;}
.pro-01 .list-box .item-box:hover a img{transform: scale(1.2);}
.pro-01 .list-box .item-box:hover a .info-box p:last-child{color: #fff;}

.productInfo{width: 100%;background-color: #fff;padding-top: 200px;}
.productInfo .top{width: 100%;}
.productInfo .top .pics-list{width: 50%;}
.productInfo .top .img-box{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;height: 30vw;border-radius: 10px;overflow: hidden;}
.productInfo .top .img-box img{width: 70%;}
.productInfo .top .img-box img.img{width: 100%;}
.productInfo .top .info-txt{width: 45%;}
.productInfo .top .info-txt h3{font-weight: 600;}
.productInfo .top .info-txt h5{margin-top: 10px;}
.productInfo .top .info-txt h5 a{color: #f03939;}
.productInfo .top .info-txt .info{margin-top: 20px;padding-top: 40px;border-top: 1px solid rgba(0,0,0,.1);}
.productInfo .top .info-txt .pro-picTab{margin-top: 40px;padding: 40px 0;border-top: 1px solid rgba(0,0,0,.1);}
.productInfo .top .info-txt .pro-picTab .img-box{width: 5vw;height: 5vw;cursor: pointer;margin-right: 1vw;border:3px solid rgba(0,0,0,.05);border-radius: 5px;overflow: hidden;}
.productInfo .top .info-txt .pro-picTab .img-box:last-child{margin-right: auto;}
.productInfo .top .info-txt .pro-picTab .img-box.on{border-color: #f03939;}
.productInfo .top .info-txt .btn-box a:last-child{margin-right: auto;margin-left: 0px;}
.productInfo .top .info-txt .btn-box a:last-child .box{background-color: #000;}
.productInfo-dail{border-top: 1px solid rgba(0,0,0,.3);}
.productInfo-dail h4{font-weight: 600;position: relative;}
.productInfo-dail .info{margin-top: 30px;}
.productInfo-dail .info img{max-width: 100%;margin: 0 auto;}
.productInfo-dail .info{font-size: 16px;}
.link-btn{width: 230px;height: 70px;padding: 5px;box-sizing: border-box;background-color: rgba(255,255,255,.1);border-radius: 35px;margin-top: 40px;}
.link-btn .box{width: 170px;height: 100%;border-radius: 30px;background-color: #f03939;align-items: center;transition: all .4s;}
.link-btn .box p{color: #fff;margin-right: 10px;}
.link-btn:hover .box{margin-left: 50px;}

.news-01 .top-news{width: 100%;margin-top: 60px;position: relative;}
.news-01 .top-news .swiper{width: 100%;}
.news-01 .top-news .swiper .swiper-slide{width: 100%;}
.news-01 .top-news .swiper .swiper-slide a{padding: 40px;box-sizing: border-box;background-image: url(../images/bj.jpg);background-size: cover;border-radius: 15px;}
.news-01 .top-news .swiper .swiper-slide a .img-box{width: 35%;height: 24vw;border-radius: 15px;overflow: hidden;}
.news-01 .top-news .swiper .swiper-slide a .info{width: 60%;color: #fff;}
.news-01 .top-news .swiper .swiper-slide a .info h5{font-size: 1.6vw;font-weight: 600;}
.news-01 .top-news .swiper .swiper-slide a .info p{color: #fff;opacity: 1;font-weight: 500;}
.news-01 .top-news .swiper .swiper-slide a .info .box p{margin-top: 50px;width: 80%;}
.news-01 .top-news .swiper .swiper-slide a .info .btn-box{width: max-content;padding: 15px 30px;border-radius: 30px 30px 0 30px;border:1px solid #fff}
.news-01 .top-news .swiper .swiper-slide a .info .btn-box p{margin-top: 0;}
.news-01 .top-news .new-tabBtn{position: absolute;right: 40px;bottom: 40px;z-index: 2;}
.news-01 .top-news .new-tabBtn div{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,.6);border-radius: 50%;margin-left: 20px;cursor: pointer;}
.news-01 .top-news .new-tabBtn div:last-child svg{transform: rotate(180deg);}

.newsList{margin-top: 50px;}
.newsList a{padding: 50px 30px;border-bottom: 1px solid rgba(0,0,0,.3);align-items: center;box-sizing: border-box;}
.newsList a .time{width: 15%;font-size: 22px;}
.newsList a h5{font-weight: 600;width: 60%;}
.newsList a em{font-size: 22px;opacity: .6;}
.newsList a .more{font-size: 22px;font-weight: 600;}
.newsList a:hover{background-color: #f03939;color: #fff;}

.web10{padding-bottom: 60px;background-color: #f5f5f5;padding-top: 200px;}
.web10-box{width: 100%;background-color: #fff;padding:50px 30px;box-sizing: border-box;}
.news-dail-top{padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);}
.news-dail{background-color:#fafafa;}
.news-dail-tit h4{font-weight: 600;}
.news-dail-tit>p{color: #7b7b7b;}
.news-dail-tit>p:nth-child(2){margin-top: 30px;}
.news-dail-back{align-items: center;}
.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}
.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}
.web10-info{width: 75%;padding: 50px;box-sizing: border-box;padding-left: 0;border-right: 1px solid #f3f3f3;}
.web10-tj{width: 25%;padding: 50px;box-sizing: border-box;padding-right: 0;padding-top: 30px;}
.web10-tj .img_box{height: 220px;}
.web10-tj p{margin-top: 20px;}
.web10-tj li{padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #f3f3f3;}
.news-dail-tap{width:100%;margin-top: 60px;color: #7b7b7b;padding: 20px 0;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}

.oem-1{padding-bottom: 0;}
.oem-1 h2{font-size: 3.6vw;}
.oem-2{padding-top: 0;padding-bottom: 60px;}

.oem-3{width: 100%;background-color: #f5f5f5;}
.oem-3 h3{font-weight: 600;margin-bottom: 15px;}
.oem-3 .list-box{width: 100%;margin-top: 60px;}
.oem-3 .list-box .item{width: 32%;padding: 40px;box-sizing: border-box;background-color: #fff;border-radius: 15px;}
.oem-3 .list-box .item h5{font-weight: 600;margin-bottom: 20px;margin-top: 30px;}
.oem-3 .list-box .item p{font-size: 17px;line-height: 28px;}

.oth-banner{width: 100%;height: 500px;position: relative;}
.oth-banner .img-box{width: 100%;height: 100%;}
.oth-banner::after{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 1;content: '';left: 0;top: 0;}
.oth-banner h3{color: #fff;font-family: ShiYuanHei-Blod;position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index: 2;}
.mbx{width: 100%;padding:20px 0;background-color: #f5f5f5;}
.mbx p{margin-bottom: 0;display: flex;align-items: center;}
.mbx p a{display: inline-block;color: #000;}

.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-box .top .info{margin-top: 40px;}
.contact-box .top img{width: 40px;}
.contact-box .top h4{font-size: 28px;margin: 10px 0;}
.contact-box .top h5{font-size: 22px;opacity: .6;}
.contact-box .bottom{padding: 60px 0;width: 100%;}
.contact-box .bottom h3{font-size: 46px;font-weight: 300;}
.contact-box .bottom form{margin-top: 40px;}
.contact-box .bottom form input {width: 30%;height: 40px;border: none;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;}
.contact-box .bottom form input:nth-child(4){width: 70%;}
.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}
.contact-box .bottom form button{width: 200px;height: 50px;background-color: #f03939;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

/* 手机导航 */
.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 9;width: 100%;display: none;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}
.m-header .cont{align-items: center;}
.m-header a{height: 50px;padding: 5px 0;transition: all .4s ease-in-out;}
.m-header a img{height: 100%;}
.m-header a img:last-child{display: none;}
.m-header .menu-btn{width: 34px;height: 40px;position: relative;}
.m-header .menu-btn span{position: absolute;display: block;width: 100%;height: 3px;background-color: #f03939;top: 10px;transition: all .25s;transform-origin: center center;}
.m-header .menu-btn span:nth-child(2){top: 19px;width: 25px;}
.m-header .menu-btn span:nth-child(3){top: 28px;}
.m-header .menu-btn.on span:first-child{transform: rotate(45deg);}
.m-header .menu-btn.on span:nth-child(2){transform: scaleX(0);}
.m-header .menu-btn.on span:last-child{transform: rotate(-45deg);}
.m-header .menu-btn.on span{top: 19px;}
.m-nav-box{width: 100%;height: 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 7;box-sizing: border-box;overflow: hidden;transition: all .4s ease-in-out;}
.m-nav-box.active{height: 100%;}
.m-nav-box .m-nav-item{width: 100%;position: relative;}
.m-nav-box .m-nav-item:first-child{margin-top: 100px;}
.m-nav-box .m-nav-item a{font-size: 24px;display: block;line-height: 80px;border-bottom: 1px solid #ddd;transition: all .6s ease-in-out;overflow: hidden;height: 0px;opacity: 0;}
.m-nav-box.active .m-nav-item a{opacity: 1;height: 80px;}
.m-nav-box .m-nav-item .m-nav-top{width: 50%;position: absolute;height: 80px;right: 0;top: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: 3.4vw auto;}
.m-nav-box .m-nav-item .m-nav-top.on{background-image: url(../images/ico-close.png);}
.m-nav-box .m-nav-item .m-nav-list{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list a{font-size: 20px;line-height: 60px;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list.active{padding-bottom: 30px;}
.m-nav-box .m-nav-item .m-nav-list.active a{height: 60px;}
.m-header.color{background-color: rgba(0,0,0,0);box-shadow: none;}
.m-header.color a{padding: 25px 0;}
.m-header.color a img{display: none;}
.m-header.color a img:last-child{display: block;}
.m-header.on a{padding: 15px 0;}
.m-header.on a img{display: block;}
.m-header.on a img:last-child{display: none;}
.m-header .menu-btn.color span{background-color: #fff;}
.m-header .menu-btn.on span{background-color: #f03939;}