/*公共*/
.header{position: fixed;top:0;left:0;width:100%;background: #fff;z-index: 998;}
.header .width{max-width:1400px;display:flex;align-items: center;justify-content:space-between;}
.header .logo{width:202px;height:50px}
.header-r{flex:1;padding-left: 50px;display: flex;justify-content: flex-end;align-items: center;}
.header .nav{display: flex;margin-right:10px}
.header .nav li{padding:0 35px}
.header .nav li>a{font-size: 16px;line-height: 100px;}
.header .nav li>a.active{color:#dd1017;}
.header .lang{width:22px;height:100px;background: url(../images/lang.svg) no-repeat center center/22px;cursor: pointer;position: relative;padding:0 30px}
.header .lang-popup{display: none;position: absolute;left:50%;transform:translateX(-50%);top:100%;width:200px;border:1px #eee solid;background:#fff;z-index:2;padding:20px 30px 5px}
.header .lang-popup>a{font-size:16px;padding-left:35px;margin-bottom:15px;line-height:25px}
.header .lang-popup>a:nth-of-type(1){background:url(../images/54.png) no-repeat left center/25px;}
.header .lang-popup>a:nth-of-type(2){background:url(../images/55.png) no-repeat left center/25px;}
.header .lang-popup>a:nth-of-type(3){background:url(../images/56.png) no-repeat left center/25px;}
.header .search{width:22px;height:100px;background: url(../images/search.svg) no-repeat center center/22px;cursor: pointer;position: relative;}
.header .search-popup{display: none;position: absolute;right:0;top:100%}
.header .search-popup>div{display: flex;width:350px}
.header .search-popup input{width:300px;height:50px;background: #f5f5f5;border-radius: 10px 0 0 10px;padding:0 20px}
.header .search-popup .btn{width:50px;height:50px;background: #dd1017 url(../images/search-w.svg) no-repeat center center/22px;border-radius: 0 10px 10px 0;}
.header .menu{display: none;}
.header.border{border-bottom: 1px #eee solid;}
.header-space{height:100px}

.header .popup{position: fixed;top:101px;left:0;width:100%;z-index: 998;background: #fff;display: none;overflow: hidden;}
.header .popup::before{content:'';height:100%;background: #f7f7f7;position: absolute;top:0;left:0;width:50%}
.header .popup .width{max-width: 1400px;align-items: stretch;position: relative;z-index: 2;background: #fff;}
.header .popup .cate{width:22.86%;padding:50px 0 90px 60px;background: #f7f7f7;}
.header .popup .cate>a{line-height: 50px;font-size: 18px;background: url(../images/arrow4-g.png) no-repeat calc(100% - 30px) center/10px;padding:0 60px 0 30px;margin-bottom: 10px;transition: .3s;border-radius: 5px 0 0 5px;}
.header .popup .cate>a:last-child{margin-bottom: 0;}
.header .popup .cate>a.active{background-image: url(../images/arrow4-w.png);background-color:#dd1017;color:#fff}
.header .popup .con-box{width:77.14%;display: none;}
.header .goods .width{height:550px}
.header .goods1{display: flex;align-items: flex-start;padding:60px 60px 90px 80px;}
.header .goods1 .item{width:18.08%;margin-right: 60px;}
.header .goods1 .item>p{font-size: 20px;color:#000;}
.header .goods1 .item>span{font-size: 16px;color:#dd1017;margin:15px 0;display: block;}
.header .goods1 .item>a{line-height: 40px;border-radius: 5px;margin-bottom: 10px;font-size: 16px;padding:0 40px 0 20px;background: #f7f7f7 url(../images/arrow2-g.png) no-repeat calc(100% - 20px) center/10px;transition: .3s;}
.header .goods1 .item>a:last-child{margin-bottom: 0;}
.header .goods1 .item:nth-child(2){margin-right: 110px;}
.header .goods1 .img-bg{border-radius: 10px;width:45.74%}
.header .goods1 .img{padding-bottom: 69.76%;}
.header .goods2{display: flex;align-items: stretch;padding-bottom: 50px}
.header .goods2 .item{padding:55px 0 0 80px}
.header .goods2 .item>a:nth-of-type(1){font-size:30px;}
.header .goods2 .item>p{font-size:16px;line-height: 28px;color:#666;margin:20px 0 40px}
.header .goods2 .item>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .goods2 .item>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .goods2 .item>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .goods3{display: flex;padding:60px 0 90px 80px;justify-content: space-between;align-items: stretch;}
.header .goods3 .item{padding-right: 20px;}
.header .goods3 .item:nth-child(5n){padding-right: 0;}
.header .goods3 .item>p{font-size: 18px;margin-bottom: 30px;}
.header .goods3 .item>a{color:#666;margin-bottom: 20px;}
.header .cooperate-con{display: flex;padding:60px 60px 90px 80px;align-items: flex-start;}
.header .cooperate-con .info>a:nth-of-type(1){font-size: 30px;}
.header .cooperate-con .info>p{font-size: 16px;line-height: 28px;color:#666;margin:25px 0 40px}
.header .cooperate-con .info>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .cooperate-con .info>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .cooperate-con .info>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .solution-con{display: flex;align-items: stretch;padding-bottom: 0;}
.header .solution-con .child-cate{width:24.07%;background: #eee;padding:50px 0 100px;}
.header .solution-con .child-cate>a{line-height: 50px;font-size: 18px;color:#666;background: url(../images/arrow4-g.png) no-repeat calc(100% - 30px) center/10px;padding:0 60px 0 30px;margin-bottom: 10px;transition: .3s}
.header .solution-con .child-cate>a:last-child{margin-bottom: 0;}
.header .solution-con .child-cate>a.active{background-image: url(../images/arrow4-w.png);background-color:#dd1017;color:#fff}
.header .solution-con .child-cate>a.active::after{opacity: 1;}
.header .solution-con .item{display: none;width:75.93%;padding:55px 70px 100px 80px}
.header .solution-con .item>a:nth-of-type(1){font-size:30px;}
.header .solution-con .item>p{font-size:16px;line-height: 28px;color:#666;margin:20px 0 40px}
.header .solution-con .item>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .solution-con .item>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .solution-con .item>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .news-con{padding:60px 70px 80px 80px;}
.header .news-con>a:nth-of-type(1){font-size:24px}
.header .news-con>p:nth-of-type(1){color:#666;background: url(../images/15.png) no-repeat left center/17px;padding-left: 30px;margin:15px 0}
.header .news-con>p:nth-of-type(2){font-size:16px;line-height: 28px;color:#666;margin-bottom:40px}
.header .news-con>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .news-con>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .news-con>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .about-con{padding:60px 70px 80px 80px;}
.header .about-con>a:nth-of-type(1){font-size:30px}
.header .about-con>p{font-size:16px;line-height: 28px;color:#666;margin:25px 0 40px}
.header .about-con>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .about-con>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .about-con>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:70px}
.nav-m .logo{width:141px;height:35px}
.nav-m .close{width:22px;height:22px;background:url(../images/close.svg) no-repeat center center/22px}
.nav-m ul{border-top:1px solid rgba(0,0,0,.1)}
.nav-m li{border-bottom:1px solid rgba(0,0,0,.1);padding:15px 0;position:relative;font-size:16px}
.nav-m li::after{position:absolute;top:51%;right:0;transform:translateY(-50%);content:'';width:18px;height:18px;background:url(../images/arrow1.svg) no-repeat center center/18px;transition:.3s}
.nav-m li.rotate::after{transform:rotate(90deg);top:35%}
.nav-m li>a{display:inline-block;color:#000;}
.nav-m li.block>a{display: block}
.nav-m .child{display:none;margin-left:15px}
.nav-m .child>a{padding:15px 0;border-bottom:1px rgba(0,0,0,.1) solid}

.footer{padding:210px 0 100px;background: url(../images/13.png) no-repeat right top/100%;margin-top: -120px;position: relative;z-index: 2;}
.footer.inner{padding-top:165px;background-image: url(../images/18.png);margin-top: -85px;background-size: auto 100%;}
.footer .width{max-width:1400px}
.footer1{display: flex;align-items: center;justify-content: space-between;}
.footer1 .logo{width:202px;height:50px}
.footer1 .form{width:360px;display: flex;}
.footer1 .form>input{width:300px;height:60px;border-radius: 30px 0 0 30px;border:1px #eee solid;padding:0 25px;border-right:0}
.footer1 .form .btn{width:60px;height:60px;border-radius: 0 30px 30px 0;background: #dd1017 url(../images/12.png) no-repeat center center/15px;cursor: pointer;transition: .3s;}
.footer2{display: flex;padding:50px 0 20px;border-bottom: 1px solid #eee;margin-bottom: 25px;}
.footer2 .info{width:290px}
.footer2 .info li{margin-bottom: 15px;}
.footer2 .info li.address{margin-bottom: 30px;}
.footer2 .info li>p:nth-of-type(1){color:#666;margin-bottom: 5px;}
.footer2 .info li>p:nth-of-type(2){font-size:20px;line-height: 30px;}
.footer2 .info li.address>p:nth-of-type(2){font-size: 16px !important;line-height: 25px;}
.footer2 .outlink{display: flex;flex-wrap: wrap;margin-top: 15px;}
.footer2 .outlink>a{width:50px;height:50px;border-radius: 50%;background: #f5f5f5;margin-right: 10px;margin-bottom: 10px;position: relative;}
.footer2 .outlink>a:nth-child(5n){margin-right: 0;}
.footer2 .outlink>a>img{max-width: 40%;max-height: 40%;}
.footer2 .outlink .qr{position: absolute;top:calc(100% + 10px);left:50%;transform: translateX(-50%);width:130px;height:130px;z-index: 2;display: none;}
.footer2 .nav{display: flex;justify-content: space-between;flex:1;padding-left:9%}
.footer2 .nav li>a{font-size: 18px;margin-bottom: 25px;}
.footer2 .nav .child>a{color:#666;margin-bottom: 15px;}
.footer3{display: flex;justify-content: space-between;}
.footer3>p{display: flex;color:#666}
.footer3>p>a{margin-left: 10px;color:#666}

.crumb{height:125px;background: url(../images/17.png) no-repeat center center/100% 100%;position: absolute;width:100%;top:0;left:0;z-index: 2;}
.crumb .width{display: flex;justify-content: flex-end;padding-top: 40px;}
.crumb .width>a{color:#999}
.crumb .width>a:first-child{background: url(../images/16.png) no-repeat left center/17px;padding-left: 30px;}
.crumb .width>em{font-style: normal;margin:0 10px}

.inner-banner{position: relative;}
.inner-banner .m{display: none;}
.inner-banner .img{padding-bottom: 34.37%;}
.inner-banner .width{position: absolute;top:52%;left:50%;transform: translate(-50%,-50%);}
.inner-banner .width>p:nth-of-type(1){font-size: 60px;line-height: 70px;color:#000;margin-bottom: 15px;}
.inner-banner .width>p:nth-of-type(2){font-size: 24px;color:#666;line-height: 34px;}
.inner-banner .width>p:nth-of-type(2).small{font-size: 18px;line-height: 36px;margin-top:20px;max-width:60%}
.inner-banner .width>p:nth-of-type(3){color:#666;margin-top: 30px;}
.inner-banner.white .width>p:nth-of-type(1){color:#fff}
.inner-banner.white .width>p:nth-of-type(2){color:#fff}
.inner-banner.white .width>p:nth-of-type(3){color:#fff}

.ask{display:none;position: relative;height:305px}
.ask.show{display: block;}
.ask .info{display: flex;justify-content: center;align-items: center;height:250px}
.ask .img-div{width:72px;height:60px;}
.ask .info>a:nth-of-type(1){font-size: 40px;color:#000;margin:0 20px 0 30px;position: relative;z-index: 20;cursor: pointer;}
.ask .info>a:nth-of-type(2){width:36px;height:36px;border-radius: 50%;position: relative;background: #dd1017}
.ask .info>a:nth-of-type(2)::after{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: url(../images/arrow2.png) no-repeat center center/12px;}
@keyframes ask-play {
    33%{left:100%;}
    66%{left:-100%;opacity: 0;}
    100%{left:0;opacity: 1;}
}

.float{display: none;position: fixed;top:80%;right:30px;transform: translateY(-50%);z-index: 998;width:130px;height:130px;background-size:100px;}
.float::before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: url(../images/34.png) no-repeat center center/100%;animation: float-play 8s linear infinite}
@keyframes float-play {
    to{transform: rotate(360deg)}
}

@media (max-width:1440px){
    .header .logo{width:182px;height:45px}
    .header .nav li>a{line-height: 90px;}
    .header .search{height: 90px;}
    .header .popup{top: 91px;}

    .footer{padding:150px 0 80px;margin-top: -80px;}
    .footer.inner{padding-top: -135px;}
    .footer1 .logo{width:182px;height:45px}
    .footer2{padding:40px 0 50px}
    .footer2 .nav{padding-left: 7%;}

    .ask{height:250px}
    .ask .img-div{width:60px;height: 48px;}
    .ask .info>a{font-size: 35px;}
    .ask .info>p{width:30px;height:30px;background-size: 10px;}

    .crumb{height:100px}
    .crumb .width{padding: 20px 60px 0 0;}

    .inner-banner .width>p:nth-of-type(1){font-size: 50px;line-height: 60px;}
    .inner-banner .width>p:nth-of-type(2){font-size: 20px;line-height: 30px;}
    .inner-banner .width>p:nth-of-type(2).small{margin-top: 10px;font-size: 16px;line-height: 30px;}
    .inner-banner .width>p:nth-of-type(3){margin-top: 20px;}

    .float{width:110px;height:110px;background-size: 80px;}
}

@media (max-width:1279px){
    .header{border-bottom: 1px #eee solid;}
    .header .logo{width:141px;height:35px;}
    .header-r{padding-left: 30px;}
    .header .nav{display: none}
    .header .lang{height:70px;padding:0}
    .header .lang-popup{width:160px;padding:20px 20px 5px 20px}
    .header .lang-popup>a{font-size:14px;margin-bottom:10px}
    .header .search{height:70px;margin:0 10px;}
    .header .search-popup{position: fixed;top:70px;width:100%}
    .header .search-popup>div{width:100%}
    .header .search-popup input{width:calc(100% - 45px);height:45px;border-radius: 0;padding:0 15px}
    .header .search-popup .btn{width:45px;height:45px;background-size:20px;border-radius: 0;}
    .header .menu{display: block;width:22px;height:22px;background: url(../images/menu.svg) no-repeat center center/22px;}
    .header-space{height:70px}

    .footer{padding:60px 0 20px;margin-top: -50px}
    .footer.inner{padding-top:30px;background-image: none;margin-top: 0;}
    .footer1{display: block;}
    .footer1 .logo{width:141px;height:35px;margin-bottom:20px;}
    .footer1 .form{width:100%;}
    .footer1 .form>input{height:40px;padding:0 15px;width:calc(100% - 40px);font-size: 12px;}
    .footer1 .form>input::placeholder{font-size: 12px;}
    .footer1 .form .btn{width:40px;height:40px;background-size:13px}
    .footer2{display: block;padding:30px 0 10px;margin-bottom: 20px;}
    .footer2 .info{width:100%;display: flex;flex-wrap: wrap;}
    .footer2 .info li{width:50%}
    .footer2 .info li:last-child{width:100%}
    .footer2 .info li.address{margin-bottom: 15px;width:100%;margin-right: 0;}
    .footer2 .info li>p:nth-of-type(2){font-size:16px;line-height: 22px;word-break:break-all}
    .footer2 .outlink{width:100%;margin-right: 0;}
    .footer2 .outlink>a{width:45px;height:45px;}
    .footer2 .outlink>a:nth-child(5n){margin-right: 10px;}
    .footer2 .outlink>a:last-child{margin-right: 0;}
    .footer2 .outlink .qr{width:120px;height:120px}
    .footer2 .outlink>a:first-child .qr{left:0;transform: translateX(0);}
    .footer2 .outlink>a:nth-child(5n) .qr{left:auto;right:0;transform: translateX(0);}
    .footer2 .nav{display: none}
    .footer3{display: block}
    .footer3>p{display: block}
    .footer3>p>a{margin: 5px 0}

    .crumb{height:50px;line-height:50px;background: none;position: static;}
    .crumb .width{padding: 0;justify-content: flex-start;white-space: nowrap;overflow-x: auto;}
    .crumb .width>a:first-child{padding-left: 25px;}
    .crumb .width>em{margin:0 5px}

    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .img{padding-bottom: 66.66%;}
    .inner-banner .width{top:50%;text-align: center;}
    .inner-banner .width>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin-bottom: 10px;}
    .inner-banner .width>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .inner-banner .width>p:nth-of-type(2).small{font-size: 14px;line-height: 24px;margin-top:0;max-width:100%}
    .inner-banner .width>p:nth-of-type(3){margin-top: 10px;}

    .ask{height:150px}
    .ask .info{height:130px}
    .ask .img-div{width:42px;height:30px;}
    .ask .info>a:nth-of-type(1){font-size: 22px;margin:0 10px}
    .ask .info>a:nth-of-type(2){width:30px;height:30px;}
    .ask .info>a:nth-of-type(2)::after{background-size:10px;}
}

@media (any-hover:hover){
    .header .nav li>a:hover{color:#dd1017;}
    .header .lang-popup>a:hover{color:#dd1017}
    .header .search-popup .btn:hover{opacity: .8;}
    .header .goods1 .item>a:hover{background-color: #dd1017;background-image: url(../images/arrow2.png);color:#fff}
    .header .goods2 .item>a:nth-of-type(1):hover{color:#dd1017}
    .header .goods2 .item>a:nth-of-type(2):hover{background: #dd1017;border-color:#dd1017}
    .header .goods2 .item>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
    .header .goods2 .item>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
    .header .goods3 .item>a:hover{color:#dd1017}
    .header .cooperate-con .info>a:nth-of-type(1):hover{color: #dd1017;}
    .header .cooperate-con .info>a:nth-of-type(2):hover{background: #dd1017;border-color:#dd1017}
    .header .cooperate-con .info>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
    .header .cooperate-con .info>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
    .header .solution-con .item>a:nth-of-type(1):hover{color: #dd1017;}
    .header .solution-con .item>a:nth-of-type(2):hover{background: #dd1017;border-color:#dd1017}
    .header .solution-con .item>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
    .header .solution-con .item>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
    .header .news-con>a:nth-of-type(1):hover{color: #dd1017;}
    .header .news-con>a:nth-of-type(2):hover{background: #dd1017;border-color:#dd1017}
    .header .news-con>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
    .header .news-con>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
    .header .about-con>a:nth-of-type(1):hover{color: #dd1017;}
    .header .about-con>a:nth-of-type(2):hover{background: #dd1017;border-color:#dd1017}
    .header .about-con>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
    .header .about-con>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}

    .footer1 .form .btn:hover{opacity: .8;}
    .footer2 .nav li>a:hover{color:#dd1017}
    .footer2 .nav .child>a:hover{color:#dd1017}
    .footer3>p>a:hover{color:#dd1017}

    .crumb .width>a:hover{color:#dd1017}

    .ask .info>a:hover{color:#dd1017} 
    .ask .info>a:nth-of-type(2):hover::after{animation: ask-play .5s;}
}

/* 首页 */
.index-page .width{max-width: 1400px;}
.index-page .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.index-page .box1{background: url(../images/2.png) no-repeat right bottom/100%;height:400px;position: relative;z-index: 2;}
.index-page .box1 .width{display: flex;align-items: center;padding-top:90px;}
.index-page .box1 .width>p{font-size: 60px;line-height: 72px;flex:1;padding-right: 50px;}
.index-page .box1 .icon{width:130px;height:130px;background-size:100px;position: relative;}
.index-page .box1 .icon::before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: url(../images/34.png) no-repeat center center/100%;animation: index-box1-play 8s linear infinite}
@keyframes index-box1-play {
    to{transform: rotate(360deg)}
}

.index-page .box2{margin-top: -120px;}
.index-page .box2 .img{padding-bottom: 44.01%;}
.index-page .box2 .m{display: none;}
.index-page .box2 video{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;z-index: 3;}
.index-page .box2 .swiper-pagination-bullet{width:6px;height:6px;border-radius: 0;background: #fff;opacity: 1;position: relative;margin:0 25px;bottom:40px}
.index-page .box2 .swiper-pagination-bullet-active::after{content:'';width:31px;height:36px;background: url(../images/1.png) no-repeat center center/31px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.index-page .box3{max-width: 1600px;height:720px;border-radius: 30px;margin:100px auto 90px;display: flex;align-items: center;width:calc(100% - 100px);padding:100px}
.index-page .box3 .con-box{display: none;width:84.28%;}
.index-page .box3 .con{display: flex;}
.index-page .box3 .info{padding-top:115px;width:44%}
.index-page .box3 .info>p:nth-of-type(1){font-size: 72px;}
.index-page .box3 .info>p:nth-of-type(2){font-size: 30px;margin:10px 0 35px}
.index-page .box3 .info>p:nth-of-type(3){font-size: 16px;line-height: 30px;color: #666;margin-bottom: 35px;}
.index-page .box3 .info>a{width:180px;line-height: 58px;border:1px solid #999;border-radius: 30px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.index-page .box3 .info>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.index-page .box3 .info>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.index-page .box3 .big{height:605px;flex:1;padding:0 30px}
.index-page .box3 .swiper-container{flex:1;}
.index-page .box3 .swiper-slide{height:100px;display: flex;justify-content: flex-end;align-items: center;cursor: pointer}
.index-page .box3 .swiper-slide .img-div{width:47px;height:40px}
.index-page .box3 .swiper-slide>p{font-size: 24px;color:#999;max-width:calc(100% - 47px);padding-left:20px}
.index-page .box3 .swiper-slide svg{display: none;}
.index-page .box3 .swiper-slide.active .img-div{width:100px;height:100px;background: #fff;border-radius: 50%;position: relative;}
.index-page .box3 .swiper-slide.active .img-div>img{max-width: 40%;max-height: 40%;}
.index-page .box3 .swiper-slide.active>p{color:#333;max-width:calc(100% - 100px);}
.index-page .box3 .swiper-slide.active svg{display: block;position: absolute;top:0;left:0;width:100px;height:100px}
.index-page .box3 .swiper-slide.active svg>path{fill: none;stroke: #dd1017;stroke-width: 3px;}

.index-page .box4{padding-top:125px}
.index-page .box4 .width{position: relative;z-index: 2;}
.index-page .box4 .width>p{text-align: center;}
.index-page .box4 .width>p:nth-of-type(1){font-size: 72px;line-height: 82px;margin:5px 0 15px}
.index-page .box4 .width>p:nth-of-type(2){font-size: 36px;line-height: 46px;color:#666;}
.index-page .box4 .num{display: flex;justify-content: center;margin:30px 0 25px}
.index-page .box4 .num ul{display: flex;}
.index-page .box4 .num li{text-align: center;margin-right: 120px;}
.index-page .box4 .num li:last-child{margin-right: 0;}
.index-page .box4 .num li>p:nth-of-type(1){color:#dd1017;display: flex;align-items: center;}
.index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 80px;}
.index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 36px;}
.index-page .box4 .num li>p:nth-of-type(2){font-size: 20px;line-height: 30px;}
.index-page .box4 .width>a{width:180px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;margin:0 auto;border-radius: 30px;line-height: 58px;}
.index-page .box4 .width>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.index-page .box4 .width>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.index-page .box4 .img-div{position: relative;padding-top:150px}
.index-page .box4 .img-div>img{position: relative;z-index: 3;}
.index-page .box4 .img-div::after{content:'';position: absolute;top:0;left: 0;background: url(../images/8.png) no-repeat center 5%/35.41%;width:100%;height:100%;z-index: 2;}
.index-page .box4 .img-div ul{position: absolute;top:0;left:0;width:100%;height:100%}
.index-page .box4 .img-div li{width:10px;height:10px;border-radius: 50%;background: #666;position: absolute;}
.index-page .box4 .img-div li::before{content:'';width:100%;height:100%;border-radius: 50%;background: #666;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);animation: index-box4-play 1s linear infinite;opacity: .8}
.index-page .box4 .img-div li:first-child{background: #dd1017;}
.index-page .box4 .img-div li:first-child::before{background: #dd1017;}
.index-page .box4 .img-div li:first-child::after{content:'';width:100%;height:100%;border-radius: 50%;background: #dd1017;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);animation: index-box4-play1 1s linear infinite;opacity: .5;}
.index-page .box4 .waves{position: absolute;bottom:0;left:0;height:500px;width:100%}
@keyframes index-box4-play {
    to{transform: translate(-50%,-50%) scale(2.6);opacity: 0;}
}
@keyframes index-box4-play1 {
    to{transform: translate(-50%,-50%) scale(5);opacity: 0;}
}

.index-page .box5 .tit-box{display: flex;align-items: center;padding:110px 0 45px}
.index-page .box5 .tit{width:50%;padding-right: 50px;}
.index-page .box5 .tit-box>p{flex:1;display: flex;justify-content: flex-end;font-size: 40px;line-height: 50px;}
.index-page .box5 .con{height:720px;position: relative;}
.index-page .box5 .con>.img{position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: .3s;}
.index-page .box5 .con>.img.show{opacity: 1;}
.index-page .box5 ul{display: flex;position: relative;z-index: 2;height:100%}
.index-page .box5 li{width:26%;border-right:1px solid rgba(255,255,255,.1);color:#fff;padding:120px 80px;transition: .3s;}
.index-page .box5 li:last-child{border-right:0}
.index-page .box5 li .img{display: none;}
.index-page .box5 li>p:nth-of-type(1){font-size: 42px;line-height: 52px;}
.index-page .box5 li>p:nth-of-type(2){font-size: 16px;margin:20px 0 180px;line-height: 26px;}
.index-page .box5 li>a{width:140px;height:140px;border:2px solid #fff;background:url(../images/arrow3.png) no-repeat center center/40px;border-radius: 50%;display: none;transition: .3s;}
.index-page .box5 li.active{width:48%;padding:120px 160px}
.index-page .box5 li.active>a{display: block;}

.index-page .box6{padding:110px 0}
.index-page .box6 .con{display: flex;margin-top: 45px;justify-content: space-between;}
.index-page .box6 .item{width: 48.57%;height:540px;border-radius: 20px;position: relative;}
.index-page .box6 .item .img{height:100%}
.index-page .box6 .item .info{position: absolute;left:0;width:100%;bottom:0;padding:10% 40px 35px;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius: 0 0 20px 20px;color:#fff;transition: .3s;}
.index-page .box6 .item .info>p:nth-of-type(1){background: url(../images/10-w.png) no-repeat left 1px/16px;padding-left: 30px;margin-bottom: 15px;}
.index-page .box6 .item .info>p:nth-of-type(2){font-size: 20px;}
.index-page .box6 ul{width:48.57%}
.index-page .box6 li{margin-bottom: 30px;height:160px;display: flex;align-items: center;justify-content: space-between;}
.index-page .box6 li:last-child{margin-bottom: 0;}
.index-page .box6 li .img-bg{width:29.41%;height:100%;border-radius: 10px;}
.index-page .box6 li .img{height:100%}
.index-page .box6 li .info{width:66.17%;}
.index-page .box6 li .info>p{border:1px solid rgba(221,16,23,.2);color:#dd1017;border-radius: 15px;display: inline-block;line-height: 28px;padding:0 20px}
.index-page .box6 li .info>a{font-size: 18px;line-height: 28px;margin:15px 0}
.index-page .box6 li .time{display: flex;justify-content: space-between;align-items: center;}
.index-page .box6 li .time>p{background: url(../images/10.png) no-repeat left 1px/16px;padding-left: 30px;color:#999}
.index-page .box6 li .time>a{width:100px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;line-height: 34px;border-radius: 30px;}
.index-page .box6 li .time>a>span:first-child{margin-right: 10px;transition: .3s;color:#999}
.index-page .box6 li .time>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/13px;transition: .3s;}

.index-page .box7{padding-bottom: 130px}
.index-page .box7 .con{margin-top: 25px}
.index-page .box7 .swiper-container{padding:20px 0 50px;margin:0}
.index-page .box7 .swiper-slide{width:430px;height:450px;background: #f7f7f7;border-radius: 20px;padding:50px 50px 0;transition: .3s;margin-right:55px}
.index-page .box7 .icon{padding-left: 30px;display: flex;align-items: center;background: url(../images/11.png) no-repeat left center/22px;height:18px;margin-bottom: 20px;}
.index-page .box7 .line{height:1px;background: #eee;width:100%}
.index-page .box7 .swiper-slide>p:nth-of-type(1){font-size: 16px;color:#666;margin-bottom: 25px;}
.index-page .box7 .swiper-slide>p:nth-of-type(2){font-size: 36px;}
.index-page .box7 .swiper-slide>p:nth-of-type(3){font-size: 18px;margin:10px 0 30px}
.index-page .box7 .swiper-slide>p:nth-of-type(4){font-size: 16px;color:#666;line-height: 28px;}
.index-page .box7 .swiper-slide>a{width:110px;display: flex;align-items: center;overflow: hidden;transition: .3s;line-height: 45px;border-radius: 30px}
.index-page .box7 .swiper-slide>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;color:#666}
.index-page .box7 .swiper-slide>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.index-page .box7 .swiper-scrollbar{opacity:1 !important;height:7px;background: none;cursor: pointer;}
.index-page .box7 .swiper-scrollbar::after{content:'';width:100%;height: 1px;background: #e5e5e5;position: absolute;top:3px;left:0;}
.index-page .box7 .swiper-scrollbar-drag{background:#dd1017;height:7px;bottom:0;border-radius: 3px;position: relative;z-index: 2;}

.index-page .box8{padding-bottom: 26.35%;position: relative;}
.index-page .box8 .width{display: flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);top:30%;}
.index-page .box8 .con{flex:1;padding-right:50px;color:#fff}
.index-page .box8 .con>p:nth-of-type(1){font-size: 40px;line-height: 50px;margin-bottom: 15px;}
.index-page .box8 .con>p:nth-of-type(2){font-size: 16px;line-height: 25px;}
.index-page .box8 .width>a{width:250px;display: flex;align-items: center;overflow: hidden;transition: .3s;line-height: 68px;border-radius: 35px;border: 1px solid rgba(255,255,255,.3);padding-left: 40px}
.index-page .box8 .width>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;color:#fff}
.index-page .box8 .width>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}

.index-page .box9 ul{max-width: 1600px;margin-top: 45px;display: flex;}
.index-page .box9 li{width:calc(50% - 40px);height:890px;display: flex;flex-direction: column;position: relative;}
.index-page .box9 li::after{content:'';width:100%;height:500px;background: url(../images/33.jpg) no-repeat center top/100%;border-radius: 20px;top:0;left:0;position: absolute;transition: .8s;z-index: 2;}
.index-page .box9 li:first-child{margin-right: 80px;}
.index-page .box9 li>.img-div{height:500px;position: relative;z-index: 3}
.index-page .box9 li>.img-div::after{content:'';width:100px;height:100px;border-radius: 50%;background: #fff url(../images/arrow4.png) no-repeat center center/25px;box-shadow: 0 0 15px rgba(0,0,0,.1);position: absolute;bottom:-50px;right:50px;transition: .3s;}
.index-page .box9 .info{height:390px;padding:80px 70px 0;position: absolute;top:500px;left:0;display: flex;width:100%;transition: .5s;}
.index-page .box9 .info>.img-div{width:120px;height:120px;border-radius: 50%;border:1px solid #eee;position: relative;z-index: 2;background: #fff;}
.index-page .box9 .info>.img-div::after{content:'';position: absolute;top:-500px;left:50%;transition: translateX(-50%);width:1px;height:500px;background: #eee;}
.index-page .box9 .info>.img-div>img{max-width: 45%;max-height: 45%;}
.index-page .box9 .txt{flex:1;padding:23px 0 0 40px;}
.index-page .box9 .txt>p{font-size: 36px;line-height: 46px;}
.index-page .box9 .note{margin:20px 0 25px}
.index-page .box9 .note>p{font-size:16px;line-height: 24px;color:#666;display: block;padding-left: 15px;position: relative;margin-bottom: 10px;}
.index-page .box9 .note>p::before{content:'';position: absolute;top:10px;left:0;width:5px;height:5px;background: #666;border-radius: 50%;}
.index-page .box9 .items{display: flex;flex-wrap: wrap;}
.index-page .box9 .item{line-height: 40px;border-radius: 20px;border:1px solid rgba(102,102,102,.2);position: relative;padding:0 20px 0 50px;margin:0 15px 15px 0;transition: .3s;}
.index-page .box9 .item .img-div{width:42px;height:42px;border:1px rgba(102,102,102,.2) solid;border-radius: 50%;position: absolute;top:-1px;left:-1px;}
.index-page .box9 .item .img-div>img{max-width: 65%;max-height: 65%;}
.index-page .box9 li:nth-child(2){justify-content: flex-end;}
.index-page .box9 li:nth-child(2)::after{bottom:0;top:auto;background-position:center bottom}
.index-page .box9 li:nth-child(2) .info{top:0;padding-top:38px}
.index-page .box9 li:nth-child(2) .info>.img-div::after{top:120px;}

@media (max-width:1440px){
    .index-page .box1{height:280px}
    .index-page .box1 .width{padding-top: 40px;}
    .index-page .box1 .width>p{font-size: 50px;line-height: 60px;}
    .index-page .box1 .icon{width:120px;height:120px;background-size: 90px;}

    .index-page .box3{margin:80px auto 70px;padding:60px;height: 600px;}
    .index-page .box3 .info{padding-top: 110px;}
    .index-page .box3 .info>p:nth-of-type(1){font-size: 50px;}
    .index-page .box3 .info>p:nth-of-type(2){font-size: 25px;margin:10px 0 25px}
    .index-page .box3 .info>a{line-height: 50px;width:160px}
    .index-page .box3 .info>a>span:first-child{font-size: 14px;}
    .index-page .box3 .info>a>span:last-child{width:28px;height:28px;background-size: 10px;}
    .index-page .box3 .info>a:hover>span:first-child{transform: translateX(19px) !important}
    .index-page .box3 .big{height:500px}
    .index-page .box3 .swiper-slide{height:80px}
    .index-page .box3 .swiper-slide.active .img-div{width:70px;height:70px}
    .index-page .box3 .swiper-slide.active svg{width:70px;height:70px}
    .index-page .box3 .swiper-slide>p{font-size: 18px;padding-left: 10px;}
    .index-page .box3 .swiper-slide.active>p{font-size: 20px;max-width:calc(100% - 70px)}

    .index-page .box4{padding-top: 80px;}
    .index-page .box4 .width>p:nth-of-type(1){font-size: 60px;line-height: 70px;}
    .index-page .box4 .width>p:nth-of-type(2){font-size: 30px;line-height: 40px;}
    .index-page .box4 .num li{margin-right: 80px;}
    .index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 70px;}
    .index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 30px;}
    .index-page .box4 .num li>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .index-page .box4 .img-div{padding-top: 120px;}

    .index-page .box5 .tit-box{padding:90px 0 40px}
    .index-page .box5 .tit-box>p{font-size: 35px;line-height: 45px;}
    .index-page .box5 .con{height: 600px;}
    .index-page .box5 li{padding:100px 40px;width:30%}
    .index-page .box5 li.active{padding:100px 80px;width:40%}
    .index-page .box5 li>p:nth-of-type(1){font-size: 35px;line-height: 45px;}
    .index-page .box5 li>p:nth-of-type(2){margin:20px 0 120px}
    .index-page .box5 li>a{width:100px;height:100px;background-size: 30px;}

    .index-page .box6{padding:90px 0}
    .index-page .box6 .item{height:480px}
    .index-page .box6 li{height:140px}

    .index-page .box7{padding-bottom: 80px;}
    .index-page .box7 .swiper-slide{margin-right: 30px;padding:40px 40px 0;height:420px}
    .index-page .box7 .swiper-slide>p:nth-of-type(2){font-size: 32px;}
    .index-page .box7 .swiper-scrollbar{height:5px}
    .index-page .box7 .swiper-scrollbar-drag{height:5px}

    .index-page .box8 .con>p:nth-of-type(1){font-size: 32px;line-height: 42px;}
    .index-page .box8 .width>a{width:225px;line-height: 60px;}
    .index-page .box8 .width>a>span:first-child{font-size: 14px;}
    .index-page .box8 .width>a>span:last-child{width:28px;height: 28px;background-size: 10px;}
    .index-page .box8 .width>a:hover>span:first-child{transform: translateX(19px) !important}

    .index-page .box9 li{width:calc(50% - 25px);height:800px}
    .index-page .box9 li:first-child{margin-right: 50px;}
    .index-page .box9 li::after{height:400px}
    .index-page .box9 li>.img-div{height:400px}
    .index-page .box9 li>.img-div::after{width:80px;height: 80px;background-size: 20px;right:40px;bottom:-40px}
    .index-page .box9 .info{top:400px;padding:60px 40px 0;height:400px}
    .index-page .box9 .info>.img-div{width:100px;height:100px}
    .index-page .box9 .info>.img-div::after{top:-400px;height:400px}
    .index-page .box9 li:nth-child(2) .info>.img-div::after{top:98px}
    .index-page .box9 .txt{padding:23px 0 0 30px}
    .index-page .box9 .txt>p{font-size: 30px;line-height: 40px;}
    .index-page .box9 .note>p{font-size: 15px;line-height: 25px;}
}

@media (max-width:1279px){
    .index-page .tit{padding-left: 30px;font-size: 22px;line-height: 30px;}

    .index-page .box1{height:auto;background-image: url(../images/2-m.png);}
    .index-page .box1 .width{padding:30px 0 50px;}
    .index-page .box1 .width>p{font-size: 22px;line-height: 32px;padding-right: 20px;}
    .index-page .box1 .icon{width:80px;height:80px;background-size:60px}

    .index-page .box2{margin-top: -30px;}
    .index-page .box2 .img{padding-bottom: 66.66%;}
    .index-page .box2 .pc{display: none;}
    .index-page .box2 .m{display: block;}
    .index-page .box2 .swiper-pagination-bullet{width:5px;height:5px;margin:0 15px;bottom:10px}
    .index-page .box2 .swiper-pagination-bullet-active::after{width:25px;height:29px;background-size:25px;}

    .index-page .box3{height:auto;border-radius: 10px;margin:50px auto;display: block;width:calc(100% - 40px);padding:30px 20px;background: #f2f2f2 !important;}
    .index-page .box3 .con-box{width:100%;}
    .index-page .box3 .con{display: block;}
    .index-page .box3 .info{padding-top:0;width:100%}
    .index-page .box3 .info>p:nth-of-type(1){font-size: 25px;}
    .index-page .box3 .info>p:nth-of-type(2){font-size: 18px;margin:5px 0 15px}
    .index-page .box3 .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
    .index-page .box3 .info>a{width:130px;line-height: 40px}
    .index-page .box3 .info>a>span:first-child{font-size: 14px;}
    .index-page .box3 .info>a>span:last-child{width:25px;height: 25px;background-size:10px;}
    .index-page .box3 .big{height:auto;padding:0;width:70%;margin:20px auto}
    .index-page .box3 .swiper-slide{height:auto;display: block}
    .index-page .box3 .swiper-slide .img-div{width:60px;height:60px;margin:0 auto 10px}
    .index-page .box3 .swiper-slide .img-div>img{max-width: 50%;max-height: 50%;}
    .index-page .box3 .swiper-slide>p{font-size: 16px;max-width:100%;padding-left:0;text-align: center;}
    .index-page .box3 .swiper-slide svg{display: none;}
    .index-page .box3 .swiper-slide.active .img-div{width:60px;height:60px}
    .index-page .box3 .swiper-slide.active>p{max-width:100%;font-size: 16px;}
    .index-page .box3 .swiper-slide.active svg{width:60px;height:60px}

    .index-page .box4{padding-top:10px}
    .index-page .box4 .width>p:nth-of-type(1){font-size: 25px;line-height: 35px;margin:20px 0 5px}
    .index-page .box4 .width>p:nth-of-type(2){font-size: 14px;line-height: 24px}
    .index-page .box4 .num{display: block;margin:20px 0 10px}
    .index-page .box4 .num ul{flex-wrap: wrap;}
    .index-page .box4 .num li{margin-right: 10px;width:calc(50% - 5px);margin-bottom: 10px;}
    .index-page .box4 .num li:last-child{margin-right: 10px;}
    .index-page .box4 .num li:nth-child(2n){margin-right: 0;}
    .index-page .box4 .num li>p:nth-of-type(1){justify-content:center}
    .index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 30px;width:auto !important;margin-right: 10px;}
    .index-page .box4 .num li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 16px;}
    .index-page .box4 .num li>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .index-page .box4 .width>a{margin:0 auto 20px;line-height: 40px;}
    .index-page .box4 .width>a>span:first-child{font-size: 14px;}
    .index-page .box4 .width>a>span:last-child{width:25px;height: 25px;background-size:10px;}
    .index-page .box4 .img-div{padding-top: 50px;}
    .index-page .box4 .img-div::after{background-position: center top;background-size: 60%;}

    .index-page .box5 .tit-box{display: block;padding:50px 0 20px}
    .index-page .box5 .tit{width:100%;padding-right: 0;}
    .index-page .box5 .tit-box>p{display: block;font-size: 16px;line-height: 26px;}
    .index-page .box5 .con{height:auto}
    .index-page .box5 .con>.img{display: none;}
    .index-page .box5 ul{display: block;height:auto}
    .index-page .box5 li{width:100%;border-right:0;padding:50px 20px;margin-bottom: 15px;position: relative;}
    .index-page .box5 li .img{display: block;position: absolute;top:0;left:0;height:100%;width:100%}
    .index-page .box5 li>p{position: relative;z-index: 2;}
    .index-page .box5 li>p:nth-of-type(1){font-size: 25px;line-height: 35px;}
    .index-page .box5 li>p:nth-of-type(2){font-size: 14px;margin:10px 0 20px;line-height: 24px;}
    .index-page .box5 li>a{width:60px;height:60px;background-size:20px;position: relative;z-index: 2;display: block;}
    .index-page .box5 li.active{width:100%;padding:50px 20px}

    .index-page .box6{padding:40px 0 50px}
    .index-page .box6 .con{display: block;margin-top: 30px}
    .index-page .box6 .item{width: 100%;height:auto;border-radius: 10px;margin-bottom: 30px;}
    .index-page .box6 .item .img{height:auto;padding-bottom: 79.41%;}
    .index-page .box6 .item .info{padding:10% 25px 25px;border-radius: 0 0 10px 10px}
    .index-page .box6 .item .info>p:nth-of-type(1){margin-bottom: 10px;}
    .index-page .box6 .item .info>p:nth-of-type(2){font-size: 16px;}
    .index-page .box6 ul{width:100%}
    .index-page .box6 li{margin-bottom: 20px;height:auto;align-items: flex-start;}
    .index-page .box6 li .img-bg{height:auto;}
    .index-page .box6 li .img{height:auto;padding-bottom: 80%;}
    .index-page .box6 li .info>p{font-size: 12px;line-height: 24px}
    .index-page .box6 li .info>a{font-size: 12px;line-height: 20px;margin:5px 0 0}
    .index-page .box6 li .time>p{padding-left: 20px;font-size: 12px;background-size: 12px;}
    .index-page .box6 li .time>a{width:65px;line-height: 25px;}
    .index-page .box6 li .time>a>span:first-child{margin-right: 5px;font-size: 12px;}
    .index-page .box6 li .time>a>span:last-child{width:22px;height: 22px;background-size:8px}

    .index-page .box7{padding-bottom: 50px}
    .index-page .box7 .con{margin: 30px auto 0;width:calc(100% - 40px);}
    .index-page .box7 .swiper-container{padding:0 0 30px;border-radius: 10px;}
    .index-page .box7 .swiper-slide{width:100%;height:auto;border-radius: 10px;padding:30px 25px;margin-right:0}
    .index-page .box7 .swiper-slide>p:nth-of-type(1){font-size: 14px;margin-bottom: 15px;}
    .index-page .box7 .swiper-slide>p:nth-of-type(2){font-size: 20px;}
    .index-page .box7 .swiper-slide>p:nth-of-type(3){font-size: 16px;margin:5px 0 15px}
    .index-page .box7 .swiper-slide>p:nth-of-type(4){font-size: 14px;line-height: 24px;}
    .index-page .box7 .swiper-slide>a{width:110px;display: flex;align-items: center;overflow: hidden;transition: .3s;line-height: 45px;border-radius: 30px}
    .index-page .box7 .swiper-slide>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;color:#666}
    .index-page .box7 .swiper-slide>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
    .index-page .box7 .swiper-scrollbar{height:3px;}
    .index-page .box7 .swiper-scrollbar::after{top:1px}
    .index-page .box7 .swiper-scrollbar-drag{height:3px;}

    .index-page .box8{padding:50px 0 80px;}
    .index-page .box8 .width{display: block;position:static;transform:translateX(0);}
    .index-page .box8 .con{padding-right:0;text-align: center;margin-bottom: 20px;}
    .index-page .box8 .con>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin-bottom: 10px;}
    .index-page .box8 .con>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .index-page .box8 .width>a{width:200px;line-height: 45px;padding-left: 30px;margin:0 auto}
    .index-page .box8 .width>a>span:first-child{font-size: 14px;}
    .index-page .box8 .width>a>span:last-child{width:25px;height: 25px;background-size:10px}

    .index-page .box9 ul{margin-top: 30px;display: block;}
    .index-page .box9 li{width:100%;height:auto;display: block;}
    .index-page .box9 li::after{height:250px;border-radius: 10px}
    .index-page .box9 li:first-child{margin-right: 0;}
    .index-page .box9 li>.img-div{height:250px}
    .index-page .box9 li>.img-div::after{width:60px;height:60px;background-size:18px;bottom:-30px;right:30px}
    .index-page .box9 .info{height:auto;padding:30px 10px;position: relative;top:0;}
    .index-page .box9 .info>.img-div{width:80px;height:80px;position: absolute;top:30px;left:10px}
    .index-page .box9 .info>.img-div::after{top:-250px;height:250px;}
    .index-page .box9 .txt{padding:0;}
    .index-page .box9 .txt>p{font-size: 22px;line-height: 32px;padding:25px 0 0 100px;}
    .index-page .box9 .note{margin:40px 0 20px}
    .index-page .box9 .note>p{font-size:14px;line-height: 22px;}
    .index-page .box9 .note>p::before{top:8px}
    .index-page .box9 .item{margin:0 10px 10px 0;padding:0 0 0 35px;width:calc(50% - 5px);line-height: 33px;}
    .index-page .box9 .item:last-child{margin:0 10px 10px 0}
    .index-page .box9 .item:nth-child(2n){margin:0 0 10px 0}
    .index-page .box9 .item .img-div{width:35px;height:35px}
    .index-page .box9 .item>p{text-align: center;margin-left:-5px}
    .index-page .box9 li:nth-child(2)::after{top:0;bottom:auto;background-position:center top}
    .index-page .box9 li:nth-child(2) .info{padding:30px 10px}
    .index-page .box9 li:nth-child(2) .info>.img-div::after{top:-250px;}
}

@media (any-hover:hover){
    .index-page .box3 .info>a:hover{background: #dd1017;border-color:#dd1017}
    .index-page .box3 .info>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .index-page .box3 .info>a:hover>span:last-child{transform: translateX(100px);}

    .index-page .box4 .width>a:hover{background: #dd1017;border-color:#dd1017}
    .index-page .box4 .width>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .index-page .box4 .width>a:hover>span:last-child{transform: translateX(100px);}

    .index-page .box5 li>a:hover{background-color: #dd1017;border-color:#dd1017}

    .index-page .box6 .item:hover .img{transform: scale(1.1);}
    .index-page .box6 .item:hover .info{padding-bottom: 40px;}
    .index-page .box6 li .info>a:hover{color:#dd1017}
    .index-page .box6 li .time>a:hover{background: #dd1017;border-color:#dd1017}
    .index-page .box6 li .time>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .index-page .box6 li .time>a:hover>span:last-child{transform: translateX(100px);}
    
    .index-page .box7 .swiper-slide:hover{transform: translateY(-20px);background: #e5e5e5;}
    .index-page .box7 .swiper-slide:hover .icon{background-image: url(../images/11-h.gif);}
    .index-page .box7 .swiper-slide:hover .line{background: #d8d8d8;}
    .index-page .box7 .swiper-slide:hover>p:nth-of-type(1){display: none;}
    .index-page .box7 .swiper-slide>a:hover{color:#dd1017;width:150px;justify-content: center;}
    .index-page .box7 .swiper-slide>a:hover{background: #dd1017;border-color:#dd1017}
    .index-page .box7 .swiper-slide>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .index-page .box7 .swiper-slide>a:hover>span:last-child{transform: translateX(100px);}

    .index-page .box8 .width>a:hover{background: #dd1017;border-color:#dd1017}
    .index-page .box8 .width>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .index-page .box8 .width>a:hover>span:last-child{transform: translateX(100px);}

    .index-page .box9 li:hover::after{height: 100%;background-size: cover;}
    .index-page .box9 li:hover>.img-div::after{opacity: 0;}
    .index-page .box9 li:hover .info{z-index: 3;padding-top:56px}
    .index-page .box9 li:hover .info>.img-div{border:0}
    .index-page .box9 li:hover .info>.img-div::after{display: none;}
    .index-page .box9 .item:hover{background: rgba(102,102,102,.2);}
}

/* 产品 */
.goods-page.tmp1{position: relative}
.goods-page.tmp1 ul{padding-top: 50px;}
.goods-page.tmp1 li{margin-bottom: 50px;padding:100px 0 90px}
.goods-page.tmp1 li .width{max-width: 1400px;}
.goods-page.tmp1 li .width>p:nth-of-type(1){position: relative;display: inline-block;}
.goods-page.tmp1 li .width>p:nth-of-type(1)>span:nth-of-type(1){font-size: 48px;line-height:58px;position: relative;z-index: 2;}
.goods-page.tmp1 li .width>p:nth-of-type(1)>span:nth-of-type(2){width:100%;height:5px;background: #dd1017;left:0;bottom:6px;position: absolute;}
.goods-page.tmp1 li .width>p:nth-of-type(2){font-size: 20px;line-height: 30px;margin:10px 0 50px}
.goods-page.tmp1 .con-box{display: none;margin-bottom: 30px;}
.goods-page.tmp1 .con{display: flex;justify-content: space-between;align-items: center;}
.goods-page.tmp1 .con>.img-div{height:700px;width:50%}
.goods-page.tmp1 .info{width:45%}
.goods-page.tmp1 .info>p:nth-of-type(1){font-size: 72px;line-height: 82px;color:#000;display: flex;align-items: center;}
.goods-page.tmp1 .info>p:nth-of-type(1)>span{width:50px;line-height:25px;border-radius: 5px;background: #dd1017;color:#fff;font-size: 16px;text-align: center;margin-left: 15px;}
.goods-page.tmp1 .items{display: flex;flex-wrap: wrap;margin:30px 0 20px}
.goods-page.tmp1 .item{margin-right: 30px;display: flex;margin-bottom: 20px;}
.goods-page.tmp1 .item:last-child{margin-right: 0;}
.goods-page.tmp1 .item .img-div{width:45px;height:41px;margin-top: 10px;}
.goods-page.tmp1 .txt{flex:1;padding-left: 10px;}
.goods-page.tmp1 .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;word-break:break-all}
.goods-page.tmp1 .txt>p:nth-of-type(2){font-size: 16px;line-height: 25px;color:#666}
.goods-page.tmp1 .note{margin-bottom: 35px;}
.goods-page.tmp1 .note>p{font-size: 18px;line-height: 28px;color:#666;position: relative;margin-bottom: 10px;padding-left: 15px;}
.goods-page.tmp1 .note>p::before{content:'';position: absolute;left:0;top:12px;width:4px;height: 4px;border-radius: 50%;background: #999;}
.goods-page.tmp1 .info>a{width:160px;line-height: 50px;border:1px solid #dd1017;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.goods-page.tmp1 .info>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;color:#dd1017}
.goods-page.tmp1 .info>a>span:last-child{width:24px;height: 24px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/9px;transition: .3s;}
.goods-page.tmp1 .swiper-slide{width:auto;font-size: 20px;color:#999;cursor: pointer;border-top:4px transparent solid;padding:20px 10px 0;margin-right: 70px;}
.goods-page.tmp1 .swiper-slide:last-child{margin-right: 0;}
.goods-page.tmp1 .swiper-slide.active{border-color:#000}

.goods-page.tmp2{position: relative}
.goods-page.tmp2 .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.goods-page.tmp2 .box1{padding:90px 0}
.goods-page.tmp2 .box1 ul{display: flex;justify-content: space-between;margin: 50px 0 55px;}
.goods-page.tmp2 .box1 li{width:137px;opacity: 0;animation: goods-tmp2-box1-play .5s linear forwards;padding-left: 15px;animation-play-state: paused}
.goods-page.tmp2 .box1 li>p{position: relative;margin-bottom: 30px;width:120px;}
.goods-page.tmp2 .box1 li>p>span:nth-of-type(1){font-size: 18px;width:120px;height:148px;background: url(../images/44.png) no-repeat center center/120px;text-align: center;padding-top: 35px;display: block;position: relative;z-index: 2;}
.goods-page.tmp2 .box1 li>p>span:nth-of-type(2){position: absolute;width:120px;height:120px;background: #f5f5f5;border-radius: 5px;top:13px;left:-15px}
.goods-page.tmp2 .box1 .img-div{width:55px;height:54px;margin:0 auto;position: relative;}
.goods-page.tmp2 .box1 .img-div::after{content:'';position: absolute;bottom:-16px;left:50%;transform: translateX(-50%);width:50px;height:17px;background: url(../images/45.png) no-repeat center center/49px;opacity: .2}
.goods-page.tmp2 .box1 .progress{width:1160px;height:3px;background: #e1e1e1;margin:0 auto;position: relative;}
.goods-page.tmp2 .box1 .progress::before{width:10px;height:10px;border:3px solid #dd1017;border-radius: 50%;content:'';position: absolute;top:-7px;left:0;background: #fff;z-index: 2;}
.goods-page.tmp2 .box1 .progress::after{width:6px;height:6px;border:5px solid #dd1017;border-radius: 50%;content:'';position: absolute;top:-7px;right:0;background: #fff;z-index: 2;}
.goods-page.tmp2 .box1 .progress>p{width:0;height:3px;background: #dd1017;position: absolute;top:0;left:0;animation: goods-tmp2-box1-play1 4s linear forwards;animation-play-state: paused;}
@keyframes goods-tmp2-box1-play {
    to{opacity:1}
}
@keyframes goods-tmp2-box1-play1 {
    to{width:100%}
}

.goods-page.tmp2 .box2 .con{margin-top: 35px;display: flex;justify-content: space-between;}
.goods-page.tmp2 .box2 .item:nth-of-type(1){margin-right: 20px;width:71.87%}
.goods-page.tmp2 .box2 .item:nth-of-type(2){width:26.56%}
.goods-page.tmp2 .box2 ul{display: flex;justify-content: space-between;}
.goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(1){width:67.39%;margin-bottom: 20px;}
.goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(2){width:30.43%}
.goods-page.tmp2 .box2 .img-bg{position: relative;border-radius: 10px;}
.goods-page.tmp2 .box2 .item:nth-of-type(1) .img-bg{height:290px}
.goods-page.tmp2 .box2 .item:nth-of-type(2) .img-bg{height:680px}
.goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(1) .img-bg{height:370px}
.goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(2) .img-bg{margin-bottom: 20px;height:175px}
.goods-page.tmp2 .box2 .img-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.2);opacity: 0;transition: .5s;}
.goods-page.tmp2 .box2 .img{height:100%}
.goods-page.tmp2 .box2 .img-bg>p{position: absolute;font-size: 20px;line-height: 30px;bottom:20px;left:30px;width:calc(100% - 40px)}
.goods-page.tmp2 .box2 .info{display: none;position: absolute;bottom:20px;left:30px;width:calc(100% - 40px);color:#fff;z-index: 2;}
.goods-page.tmp2 .box2 .info>p:nth-of-type(1){font-size: 20px;line-height: 28px;margin-bottom: 5px;}
.goods-page.tmp2 .box2 .info>p:nth-of-type(2){font-size: 16px;line-height: 24px}

.goods-page.tmp2 .box3{padding:90px 0 100px}
.goods-page.tmp2 .box3 ul{display: flex;flex-wrap: wrap;margin-top: 40px;}
.goods-page.tmp2 .box3 li{width:calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 25px;}
.goods-page.tmp2 .box3 li:nth-child(3n){margin-right: 0;}
.goods-page.tmp2 .box3 li>p{font-size: 16px;margin-bottom: 15px;}
.goods-page.tmp2 .box3 li>p>span{color:#dd1017}
.goods-page.tmp2 .box3 li>input{height:50px;border:1px solid #eee;background: #fafafa;border-radius: 5px;width:100%;padding:0 20px}
.goods-page.tmp2 .box3 li>input:focus{border-color:#dd1017}
.goods-page.tmp2 .box3 .select>select{height:50px;border:1px solid #eee;background: #fafafa;border-radius: 5px;width:100%;padding:0 20px}
.goods-page.tmp2 .box3 li .select>select:focus{border-color:#dd1017}
.goods-page.tmp2 .box3 .upload{height:130px;border:1px #eee solid;border-radius: 5px;background: #fafafa url(../images/30.png) no-repeat center 45px/12px;padding-top: 70px;cursor: pointer;}
.goods-page.tmp2 .box3 .upload>p{color:#999;text-align: center;}
.goods-page.tmp2 .box3 .preview{color:#999;text-align: center;margin-top:10px;display:none}
.goods-page.tmp2 .box3 .btn{width:180px;line-height: 60px;background: #dd1017;color:#fff;border-radius: 30px;transition: .3s;cursor: pointer;font-size: 16px;text-align: center;margin:50px auto 0}

.goods-page.tmp3{position: relative}
.goods-page.tmp3 ul{padding:100px 0 60px}
.goods-page.tmp3 li{position: relative;background: #f7f7f7;border-radius: 20px;margin-bottom: 60px;display: flex;justify-content: flex-end;}
.goods-page.tmp3 li .img-bg{width:51.56%;border-radius: 20px;}
.goods-page.tmp3 li .img{padding-bottom: 83.33%;}
.goods-page.tmp3 li .info{position: absolute;width:48.44%;height:100%;top:0;left:0;padding:0 60px 0 80px;display: flex;flex-direction: column;justify-content: center;}
.goods-page.tmp3 li .img-div{width:69px;height: 64px;}
.goods-page.tmp3 li .info>p:nth-of-type(1){font-size: 36px;line-height: 46px;color:#000;margin:25px 0 20px}
.goods-page.tmp3 li .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 30px;}
.goods-page.tmp3 li .item{display: flex;flex-wrap: wrap;}
.goods-page.tmp3 li .item>a{line-height: 40px;background: #eee url(../images/arrow2-g.png) no-repeat calc(100% - 20px) center/9px;border-radius: 5px;margin: 0 10px 10px 0;color:#666;padding:0 30px 0 20px;transition: .3s;}
.goods-page.tmp3 li:nth-child(2n){justify-content: flex-start;}
.goods-page.tmp3 li:nth-child(2n) .info{left:auto;right:0}

.goods-page.detail1{position: relative;}
.goods-page.detail1 .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}
.goods-page.detail1>.width{padding-top:110px}

.goods-page.detail1 .box1{height:890px;position: relative;}
.goods-page.detail1 .box1 .width{position: absolute;top:0;left:50%;transform:translateX(-50%);display: flex;height:650px;padding-top:200px;align-items: center;}
.goods-page.detail1 .box1 .info{width:55%}
.goods-page.detail1 .box1 .info .icon{width:50px;height:50px}
.goods-page.detail1 .box1 .info>p{font-size: 48px;line-height: 58px;}
.goods-page.detail1 .box1 .items{display: flex;flex-wrap: wrap;margin:30px 0 35px}
.goods-page.detail1 .box1 .item{margin-right: 20px;display: flex;margin-bottom: 20px;}
.goods-page.detail1 .box1 .item:last-child{margin-right: 0;}
.goods-page.detail1 .box1 .item .img-div{width:40px;height:36px;margin-top: 10px;}
.goods-page.detail1 .box1 .txt{flex:1;padding-left: 10px;}
.goods-page.detail1 .box1 .txt>p:nth-of-type(1){font-size: 16px;line-height: 26px;word-break:break-all}
.goods-page.detail1 .box1 .txt>p:nth-of-type(2){font-size: 15px;line-height: 25px;color:#666}
.goods-page.detail1 .box1 .info>a{width:180px;line-height: 60px;border:1px solid #999;border-radius: 30px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.goods-page.detail1 .box1 .info>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.goods-page.detail1 .box1 .info>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.goods-page.detail1 .box1 .three{width:45%;height:500px;display: none;position: relative;}
.goods-page.detail1 .box1 .three .icon{width:40px;height:33px;background: url(../images/25.png) no-repeat center center/40px;position: absolute;bottom: -70px;left: 50%;transform: translateX(-50%);}
.goods-page.detail1 .box1 .load{width:45%;height:600px;background: url(../images/24.gif) no-repeat center center/32px;}
.goods-page.detail1 .box1 .width>.img-div{height:600px;width:45%;margin-top:100px}
.goods-page.detail1 .box1 .m{display: none;}

.goods-page.detail1 .box2{padding-bottom:110px}
.goods-page.detail1 .box2 .con{position: relative;margin-top: 35px;display:flex}
.goods-page.detail1 .box2 .con>.img{position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: .8s;border-radius: 20px;}
.goods-page.detail1 .box2 .con>.img.show{opacity: 1;}
.goods-page.detail1 .box2 ul{display: flex;width:100%;}
.goods-page.detail1 .box2 li{flex:1;height:620px;border-right: 1px solid rgba(255,255,255,.1);cursor: pointer;position: relative;z-index: 2;color:#fff}
.goods-page.detail1 .box2 li:first-child{border-radius: 20px 0 0 20px;}
.goods-page.detail1 .box2 li:last-child{border-right: 0;border-radius: 0 20px 20px 0;}
.goods-page.detail1 .box2 li .info{padding:300px 15px 50px;text-align:center;font-size: 14px;line-height: 24px;}
.goods-page.detail1 .box2 li .info>span{width:10px;height:10px;border-radius: 50%;background: #fff;border-radius: 50%;position: absolute;top:260px;left: 50%;transform: translateX(-50%);transition: .3s;}
.goods-page.detail1 .box2 li .info>span::before{width:100%;height:100%;border-radius: 50%;border:2px solid rgba(255,255,255,.8);border-radius: 50%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);content:'';animation: goods-box2-play1 1.5s linear infinite;}
.goods-page.detail1 .box2 li .info>span::after{width:100%;height:100%;border-radius: 50%;border:2px solid rgba(255,255,255,.5);border-radius: 50%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);content:'';animation: goods-box2-play2 1.5s linear infinite;}
.goods-page.detail1 .box2 li .hover{display: none;padding:200px 20px 50px 30px;}
.goods-page.detail1 .box2 li .img-div{width:45px;height:45px;}
.goods-page.detail1 .box2 li .hover>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:20px 0 15px}
.goods-page.detail1 .box2 li .hover>p:nth-of-type(2){font-size: 16px;line-height: 24px;}
.goods-page.detail1 .box2 li.active{background: rgba(0,0,0,.5);}
.goods-page.detail1 .box2 li.active .info{display: none;}
.goods-page.detail1 .box2 li.active .hover{display: block;}
.goods-page.detail1 .box2 .swiper-container{display: none;}
@keyframes goods-box2-play1 {
    to{opacity: 0;width:40px;height:40px}
}
@keyframes goods-box2-play2 {
    to{opacity: 0;width:60px;height:60px}
}

.goods-page.detail1 .box3{padding-bottom:110px}
.goods-page.detail1 .box3 ul{display: flex;flex-wrap: wrap;margin-top: 15px;}
.goods-page.detail1 .box3 li{width:50%;border-bottom: 1px #ccc solid;}
.goods-page.detail1 .box3 li.w100{width:100%;}
.goods-page.detail1 .box3 .info{margin:30px 0;border-right: 1px #ccc solid;padding:15px 60px 15px 0}
.goods-page.detail1 .box3 li:nth-child(2n) .info{border-right:0;padding:15px 0 15px 60px}
.goods-page.detail1 .box3 li.w100 .info{border-right:0;padding:15px 0}
.goods-page.detail1 .box3 .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;color:#666;margin-bottom: 15px;}
.goods-page.detail1 .box3 .info>p:nth-of-type(2){font-size: 20px;line-height: 30px;color:#000}
.goods-page.detail1 .box3 .info>p:nth-of-type(2)>span{display: block;margin-bottom: 15px;}
.goods-page.detail1 .box3 .info>p:nth-of-type(2)>span:last-child{margin-bottom: 0;}

.goods-page.detail1 .box4{padding-bottom:110px}
.goods-page.detail1 .box4 .con{display: flex;margin-top: 45px;justify-content: space-between;align-items: flex-start;}
.goods-page.detail1 .box4 .con .img-bg{width:56.25%;border-radius: 20px;display: none;}
.goods-page.detail1 .box4 .con .img{padding-bottom: 68.05%;}
.goods-page.detail1 .box4 ul{width:39.1%;border-bottom: 1px #e4e7e9 solid}
.goods-page.detail1 .box4 li{border-top: 1px #e4e7e9 solid;padding:40px 20px 40px 30px;transition: .3s;}
.goods-page.detail1 .box4 li>p:nth-of-type(1){display: flex;align-items: center;position: relative;cursor: pointer;}
.goods-page.detail1 .box4 li>p:nth-of-type(1)::after{content:'';position: absolute;top:0;right:0;width:40px;height:40px;border-radius: 50%;background: #e4e7e9 url(../images/arrow.svg) no-repeat center center/12px;}
.goods-page.detail1 .box4 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 24px;color:#999;}
.goods-page.detail1 .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 30px;padding:0 60px 0 10px}
.goods-page.detail1 .box4 li>p:nth-of-type(2){display: none;font-size: 18px;line-height: 32px;color:#666;margin-top:30px}
.goods-page.detail1 .box4 li.active>p:nth-of-type(1)::after{background-color: #dd1017;background-image: url(../images/arrow-w.svg);transform: rotate(180deg);}
.goods-page.detail1 .box4 li.active>p:nth-of-type(1)>span:nth-of-type(1){color:#dd1017}
.goods-page.detail1 .box4 li.active>p:nth-of-type(1)>span:nth-of-type(2){color:#dd1017}
.goods-page.detail1 .box4 .swiper-container{display: none;}

.goods-page.detail1 .box5{padding-bottom:80px}
.goods-page.detail1 .box5>a{border-radius: 10px;border:1px #eee solid;font-size: 18px;line-height: 28px;padding:35px 8% 35px 13%;margin-bottom: 30px;background: url(../images/28.png) no-repeat 50px 30px/36px;position: relative;transition: .3s;}
.goods-page.detail1 .box5>a:nth-of-type(1){margin-top: 35px;}
.goods-page.detail1 .box5>a::after{content:'';width:25px;height:20px;background: url(../images/29.png) no-repeat center center/25px;position: absolute;right:40px;top:40px}
.goods-page.detail1 .box5>a:last-child{margin-bottom: 0;}

.goods-page.detail1 .box6{padding-bottom: 120px;}
.goods-page.detail1 .box6 ul{display: flex;flex-wrap: wrap;margin-top: 30px;}
.goods-page.detail1 .box6 li{padding:60px 0 30px;width:calc(100% / 3 - 26px);margin-right: 39px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.goods-page.detail1 .box6 li:nth-child(3n){margin-right: 0;}
.goods-page.detail1 .box6 .img-div{height:380px;margin-bottom: 20px;}
.goods-page.detail1 .box6 li>a:nth-of-type(2){color:#000;font-size: 24px;}

.goods-page.detail1 .popup-box{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);z-index: 999;display: none;}
.goods-page.detail1 .popup{width:500px;background: #fff;border-radius: 20px;padding:40px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.goods-page.detail1 .popup .close{position: absolute;right:30px;top:30px;background: url(../images/close.svg) no-repeat center center/25px;width:25px;height:25px;cursor: pointer;}
.goods-page.detail1 .popup>p{font-size: 30px;text-align: center;margin-bottom: 20px;}
.goods-page.detail1 .popup>input{height: 50px;width:100%;border: 1px #eee solid;border-radius: 10px;padding:0 20px;margin-bottom: 20px;}
.goods-page.detail1 .popup>input:focus{border-color:#dd1017}
.goods-page.detail1 .popup .btn{line-height: 50px;background: #dd1017;color:#fff;text-align: center;cursor: pointer;transition: .3s;font-size: 16px;border-radius: 10px;}
.goods-page.detail1 .popup-box>a{display: none;}

.goods-page.detail3{position: relative;}
.goods-page.detail3 .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.goods-page.detail3 .box1{padding-bottom:90px}
.goods-page.detail3 .box1 ul{display: flex;flex-wrap: wrap;margin-top: 15px;}
.goods-page.detail3 .box1 li{width:50%;border-bottom: 1px #ccc solid;}
.goods-page.detail3 .box1 li.w100{width:100%;}
.goods-page.detail3 .box1 .info{margin:30px 0;border-right: 1px #ccc solid;padding:15px 60px 15px 0}
.goods-page.detail3 .box1 li:nth-child(2n) .info{border-right:0;padding:15px 0 15px 60px}
.goods-page.detail3 .box1 li.w100 .info{border-right:0;padding:15px 0}
.goods-page.detail3 .box1 .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;color:#666;margin-bottom: 15px;}
.goods-page.detail3 .box1 .info>p:nth-of-type(2){font-size: 20px;line-height: 30px;color:#000}
.goods-page.detail3 .box1 .info>p:nth-of-type(2)>span{display: block;margin-bottom: 15px;}
.goods-page.detail3 .box1 .info>p:nth-of-type(2)>span:last-child{margin-bottom: 0;}
.goods-page.detail3 .box1 .content{margin-top:20px}
.goods-page.detail3 .box1 .content p{font-size: 16px;line-height: 30px;color:#666}
.goods-page.detail3 .box1 .content img{max-width: 100%;height:auto !important;margin:0 auto;display: block;}
.goods-page.detail3 .box1 .content a{display: inline-block;}

.goods-page.detail3 .box2{padding-bottom:90px;}
.goods-page.detail3 .box2 ul{display: flex;margin:40px 0 50px}
.goods-page.detail3 .box2 li{width:calc(25% - 40px);margin-right: 50px;cursor: pointer;perspective:800px;height:160px;position: relative;}
.goods-page.detail3 .box2 li::after{content:'';height:50px;border-left:1px dashed #000;position: absolute;bottom:-50px;left:50%;transform: translateX(-50%);}
.goods-page.detail3 .box2 li:last-child{margin-right: 0;}
.goods-page.detail3 .box2 .box{position:relative;transform-style:preserve-3d;width:100%;height:100%;}
.goods-page.detail3 .box2 .info{border:1px solid #999;border-radius: 10px;padding:30px 30px 0;height:160px;position: absolute;background: #fff;width:100%;transition: .5s ;z-index: 2}
.goods-page.detail3 .box2 .info .img-div{width:55px;height:47px;margin:0 auto}
.goods-page.detail3 .box2 .info>p:nth-of-type(1){font-size: 16px;color:#000;text-align: center;margin:10px 0 15px}
.goods-page.detail3 .box2 .info>p:nth-of-type(2){width:18px;height:18px;background: url(../images/46.png) no-repeat center center/18px;margin:0 auto}
.goods-page.detail3 .box2 .hover{height:160px;text-align: center;border:1px solid #dd1017;border-radius: 10px;padding:30px 30px 0;position: absolute;transform:rotateY(180deg);background: #fff;width:100%;opacity: 0;transition: transform .5s,opacity 1s;}
.goods-page.detail3 .box2 .hover .img-div{display: none;}
.goods-page.detail3 .box2 .hover>p:nth-of-type(1){font-size: 18px;color:#000;position: relative;}
.goods-page.detail3 .box2 .hover>p:nth-of-type(2){height:1px;width:30px;background: #ccc;margin:10px auto;}
.goods-page.detail3 .box2 .hover>p:nth-of-type(3){font-size: 14px;color:#666;line-height: 22px;}
.goods-page.detail3 .box2 .progress{height:40px;background: #eee;border-radius: 20px;display: flex;}
.goods-page.detail3 .box2 .progress>p{width:calc(25% - 37.5px);margin-right: 50px;line-height: 40px;text-align: center;color:#666;position: relative;}
.goods-page.detail3 .box2 .progress>p::after{content:'';position: absolute;top:0;right:0;width:40px;height:40px;border-radius: 50%;background: #dd1017 url(../images/arrow1-w.svg) no-repeat center center/20px;}
.goods-page.detail3 .box2 .progress>p:last-child{margin-right: 0;}
.goods-page.detail3 .box2 .progress>p:last-child::after{display: none;}

.goods-page.detail3 .box3{padding-bottom: 90px;}
.goods-page.detail3 .box3 ul{display: flex;justify-content: center;margin-bottom: 40px;}
.goods-page.detail3 .box3 li{font-size: 24px;color:#666;margin-right: 40px;cursor: pointer;}
.goods-page.detail3 .box3 li:last-child{margin-right: 0;}
.goods-page.detail3 .box3 li.active{color:#dd1017;text-decoration: underline;font-weight: bold;}
.goods-page.detail3 .box3 .con-box{display: none;}
.goods-page.detail3 .box3 .con{display: flex;flex-wrap: wrap;}
.goods-page.detail3 .box3 .img-bg{width:calc(50% - 20px);position: relative;border-radius: 10px;cursor: pointer;}
.goods-page.detail3 .box3 .img-bg:nth-child(2n+1){margin-right: 40px;}
.goods-page.detail3 .box3 .img{padding-bottom: 64.51%;}
.goods-page.detail3 .box3 .play{position: absolute;width:48px;height:48px;border-radius: 50%;background: #dd1017 url(../images/3.png) no-repeat center center/10px;}
.goods-page.detail3 .box3 .img-bg>p{font-size: 22px;line-height: 30px;color:#fff;position: absolute;left:30px;bottom:30px;width:calc(100% - 60px)}

.goods-page.detail3 .box4{padding-bottom: 90px;}
.goods-page.detail3 .box4 ul{display: flex;justify-content: center;margin: 40px auto 0;}
.goods-page.detail3 .box4 li{font-size: 24px;color:#666;margin-right: 40px;cursor: pointer;}
.goods-page.detail3 .box4 li:last-child{margin-right: 0;}
.goods-page.detail3 .box4 li.active{color:#dd1017;text-decoration: underline;font-weight: bold;}
.goods-page.detail3 .box4 .swiper-container{display: none;margin-top:40px;border-radius: 10px;}
.goods-page.detail3 .box4 .img-bg{border-radius: 10px;}
.goods-page.detail3 .box4 .img{padding-bottom: 75%;}
.goods-page.detail3 .box4 .swiper-slide>p{font-size: 24px;line-height: 32px;color:#000;padding:25px 10px 0}

.goods-page.detail3 .box5{padding-bottom: 90px;}
.goods-page.detail3 .box5 .tit-box{display: flex;align-items: center;margin-bottom: 45px;}
.goods-page.detail3 .box5 .tit{padding-right: 50px;flex:1}
.goods-page.detail3 .box5 .tit-box>a{width:160px;line-height: 48px;border:1px solid #ccc;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.goods-page.detail3 .box5 .tit-box>a>span:first-child{margin-right: 10px;transition: .3s;}
.goods-page.detail3 .box5 .tit-box>a>span:last-child{width:30px;height: 30px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.goods-page.detail3 .box5 ul{display: flex;flex-wrap: wrap;}
.goods-page.detail3 .box5 li{width:calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 30px;border:1px #eee solid;border-radius: 20px;padding:40px;position: relative;transition: .3s;}
.goods-page.detail3 .box5 li:nth-child(3n){margin-right: 0;}
.goods-page.detail3 .box5 .time{display: flex;align-items: center;justify-content: space-between;}
.goods-page.detail3 .box5 .time>p:nth-of-type(1){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.goods-page.detail3 .box5 .time>p:nth-of-type(2){color:#dd1017;line-height: 28px;border-radius: 15px;padding:0 20px;border:1px rgba(221,16,23,.2) solid}
.goods-page.detail3 .box5 li>p:nth-of-type(1){font-size: 20px;line-height: 32px;margin:20px 0}
.goods-page.detail3 .box5 li>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 60px;}
.goods-page.detail3 .box5 li .img-bg{width:54.87%;border-radius: 10px;position: relative;}
.goods-page.detail3 .box5 li .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#dd1017 url(../images/arrow2.png) no-repeat center center/13px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.goods-page.detail3 .box5 li .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.goods-page.detail3 .box5 li .img{padding-bottom: 80%;}

@media (max-width:1440px){
    .goods-page.tmp1 ul{padding-top: 30px;}
    .goods-page.tmp1 li{padding:80px 0 70px}
    .goods-page.tmp1 li .width>p:nth-of-type(1)>span:nth-of-type(1){font-size: 40px;line-height: 50px;}
    .goods-page.tmp1 li .width>p:nth-of-type(2){margin:10px 0 40px}
    .goods-page.tmp1 .con>.img-div{height:600px}
    .goods-page.tmp1 .info>p:nth-of-type(1){font-size: 60px;line-height: 70px;}

    .goods-page.tmp2 .box1{padding:70px 0}

    .goods-page.tmp2 .box3{padding:70px 0 80px}
    .goods-page.tmp2 .box3 .btn{width:160px;line-height: 50px;font-size: 14px;}

    .goods-page.tmp3 ul{padding:80px 0 40px}
    .goods-page.tmp3 li .info{padding:0 50px 0 60px}
    .goods-page.tmp3 li .img-div{width:60px;height:55px}
    .goods-page.tmp3 li .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;margin:15px 0 10px}
    .goods-page.tmp3 li .info>p:nth-of-type(2){margin-bottom: 20px;}

    .goods-page.detail1>.width{padding-top: 90px;}
    .goods-page.detail1 .box1{height:700px}
    .goods-page.detail1 .box1 .width{padding-top: 80px;}
    .goods-page.detail1 .box1 .info>p{font-size: 40px;line-height: 50px;}
    .goods-page.detail1 .box1 .info>a{width: 160px;line-height: 50px;}
    .goods-page.detail1 .box1 .info>a>span:first-child{font-size: 14px;}
    .goods-page.detail1 .box1 .info>a>span:last-child{width:28px;height:28px;background-size: 10px;}
    .goods-page.detail1 .box1 .info>a:hover>span:first-child{transform: translateX(19px) !important;}
    .goods-page.detail1 .box1 .items{margin:20px 0 25px}
    .goods-page.detail1 .box1 .txt>p:nth-of-type(1){font-size: 16px;line-height: 24px}
    .goods-page.detail1 .box1 .txt>p:nth-of-type(2){font-size: 14px;line-height: 22px}
    .goods-page.detail1 .box1 .three{height:400px}
    .goods-page.detail1 .box1 .width>.img-div{height:500px}

    .goods-page.detail1 .box2{padding-bottom: 90px;}
    .goods-page.detail1 .box2 li{height:550px}
    .goods-page.detail1 .box2 li .info{padding:250px 15px 50px}
    .goods-page.detail1 .box2 li .info>span{top:220px}
    .goods-page.detail1 .box2 li .hover{padding:150px 20px 50px 30px}
    .goods-page.detail1 .box2 li .img-div{width:40px;height:40px;background-size: 40px;}
    .goods-page.detail1 .box2 li .hover>p:nth-of-type(1){font-size: 20px;line-height: 30px;}
    .goods-page.detail1 .box2 li .hover>p:nth-of-type(2){font-size: 14px;line-height: 22px;}

    .goods-page.detail1 .box3{padding-bottom: 90px;}
    .goods-page.detail1 .box3 .info{margin:20px 0;padding:15px 40px 15px 0}
    .goods-page.detail1 .box3 li:nth-child(2n) .info{padding:15px 0 15px 40px}
    .goods-page.detail1 .box3 .info>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin-bottom: 10px;}
    .goods-page.detail1 .box3 .info>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .goods-page.detail1 .box3 .info>p:nth-of-type(2)>span{margin-bottom: 10px;}
    
    .goods-page.detail1 .box4{padding-bottom: 90px;}
    .goods-page.detail1 .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 25px;}
    .goods-page.detail1 .box4 li>p:nth-of-type(1)::after{width:35px;height:35px}
    .goods-page.detail1 .box4 li>p:nth-of-type(2){font-size: 16px;line-height: 26px;margin-top: 20px;}

    .goods-page.detail1 .box5{padding-bottom: 60px;}
    
    .goods-page.detail1 .box6{padding-bottom: 100px;}
    .goods-page.detail1 .box6 .img-div{height:320px}

    .goods-page.detail3 .box1{padding-bottom:70px}
    .goods-page.detail3 .box1 .info{margin:20px 0;padding:15px 40px 15px 0}
    .goods-page.detail3 .box1 li:nth-child(2n) .info{padding:15px 0 15px 40px}
    .goods-page.detail3 .box1 .info>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin-bottom: 10px;}
    .goods-page.detail3 .box1 .info>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .goods-page.detail3 .box1 .info>p:nth-of-type(2)>span{margin-bottom: 10px;}

    .goods-page.detail3 .box2{padding-bottom:70px;}

    .goods-page.detail3 .box3{padding-bottom: 70px;}

    .goods-page.detail3 .box4{padding-bottom: 70px;}
    .goods-page.detail3 .box4 .swiper-slide>p{font-size: 20px;line-height: 30px;padding:20px 10px 0}

    .goods-page.detail3 .box5{padding-bottom: 70px;}
}

@media (max-width:1279px){
    .goods-page.tmp1 ul{padding-top: 20px;}
    .goods-page.tmp1 li{margin-bottom: 20px;padding:50px 0}
    .goods-page.tmp1 li .width>p:nth-of-type(1)>span:nth-of-type(1){font-size: 25px;line-height:35px}
    .goods-page.tmp1 li .width>p:nth-of-type(1)>span:nth-of-type(2){height:3px;}
    .goods-page.tmp1 li .width>p:nth-of-type(2){font-size: 16px;line-height: 26px;margin:5px 0 10px}
    .goods-page.tmp1 .con-box{margin-bottom: 30px;}
    .goods-page.tmp1 .con{display: block;}
    .goods-page.tmp1 .con>.img-div{height:auto;width:60%;margin:0 auto 20px}
    .goods-page.tmp1 .info{width:100%;position: relative;}
    .goods-page.tmp1 .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;}
    .goods-page.tmp1 .info>p:nth-of-type(1)>span{width:40px;line-height:20px;font-size: 12px;margin-left: 10px;}
    .goods-page.tmp1 .items{margin:20px 0 10px}
    .goods-page.tmp1 .item{margin-right: 30px;margin-bottom: 15px;}
    .goods-page.tmp1 .item .img-div{width:35px;height:36px;margin-top:5px;}
    .goods-page.tmp1 .txt>p:nth-of-type(1){font-size: 16px;line-height: 24px}
    .goods-page.tmp1 .txt>p:nth-of-type(2){font-size: 14px;line-height: 22px}
    .goods-page.tmp1 .note{margin-bottom: 10px;}
    .goods-page.tmp1 .note>p{font-size: 14px;line-height: 22px;margin-bottom: 5px;padding-left: 10px;}
    .goods-page.tmp1 .note>p::before{top:8px;}
    .goods-page.tmp1 .info>a{width:130px;line-height: 40px;position: absolute;top:0;right:0}
    .goods-page.tmp1 .info>a>span:first-child{font-size: 14px}
    .goods-page.tmp1 .swiper-slide{font-size: 16px;border-top:2px transparent solid;padding:10px 0 0;margin-right: 20px;}

    .goods-page.tmp2 .tit{padding-left: 30px;font-size: 22px;line-height: 30px;}

    .goods-page.tmp2 .box1{padding:50px 0}
    .goods-page.tmp2 .box1 ul{flex-wrap: wrap;justify-content: flex-start;margin: 30px 0 0;}
    .goods-page.tmp2 .box1 li{width:calc(50% - 5px);opacity: 1;margin-bottom: 30px;}
    .goods-page.tmp2 .box1 li:nth-child(2n+1){margin-right: 10px;}
    .goods-page.tmp2 .box1 li>p{margin:0 auto 20px;}
    .goods-page.tmp2 .box1 li>p>span:nth-of-type(1){font-size: 16px;padding-top: 45px;margin:0 auto}
    .goods-page.tmp2 .box1 .img-div{width:40px;height:39px;}
    .goods-page.tmp2 .box1 .img-div::after{bottom:-10px;}
    .goods-page.tmp2 .box1 .progress{display: none;}

    .goods-page.tmp2 .box2 .con{margin-top: 30px;display: block}
    .goods-page.tmp2 .box2 .item:nth-of-type(1){margin-right: 0;width:100%}
    .goods-page.tmp2 .box2 .item:nth-of-type(2){width:100%}
    .goods-page.tmp2 .box2 ul{display: block}
    .goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(1){width:100%;}
    .goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(2){width:100%}
    .goods-page.tmp2 .box2 .item:nth-of-type(1) .img-bg{height:200px;margin-bottom: 20px;}
    .goods-page.tmp2 .box2 .item:nth-of-type(2) .img-bg{height:450px}
    .goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(1) .img-bg{height:250px}
    .goods-page.tmp2 .box2 .item:nth-of-type(1) ul>li:nth-of-type(2) .img-bg{height:250px}
    .goods-page.tmp2 .box2 .img-bg::after{opacity: 1}
    .goods-page.tmp2 .box2 .img-bg>p{display: none;}
    .goods-page.tmp2 .box2 .info{display: block;left:0;bottom:0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.1) 90%);width:100%;padding:10% 25px 25px}
    .goods-page.tmp2 .box2 .info>p:nth-of-type(1){font-size: 18px;line-height: 26px;}
    .goods-page.tmp2 .box2 .info>p:nth-of-type(2){font-size: 14px;line-height: 22px}

    .goods-page.tmp2 .box3{padding:50px 0}
    .goods-page.tmp2 .box3 ul{display: block;margin-top: 30px;}
    .goods-page.tmp2 .box3 li{width:100%;margin-right: 0;margin-bottom: 20px;}
    .goods-page.tmp2 .box3 li>p{font-size: 14px;margin-bottom: 10px;}
    .goods-page.tmp2 .box3 li>input{height:45px;padding:0 15px}
    .goods-page.tmp2 .box3 .select>select{height:45px;padding:0 15px}
    .goods-page.tmp2 .box3 .upload{height:100px;background-position:center 30px;padding-top: 55px}
    .goods-page.tmp2 .box3 .btn{width:130px;line-height: 40px;font-size: 14px;margin:20px auto 0}

    .goods-page.tmp3 ul{padding:50px 0 20px}
    .goods-page.tmp3 li{border-radius: 10px;margin-bottom: 30px;display: block}
    .goods-page.tmp3 li .img-bg{width:100%;border-radius: 10px;}
    .goods-page.tmp3 li .info{position: static;width:100%;height:auto;padding:30px 25px;display: block;}
    .goods-page.tmp3 li .img-div{width:49px;height: 44px;}
    .goods-page.tmp3 li .info>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:15px 0 5px}
    .goods-page.tmp3 li .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
    .goods-page.tmp3 li .item>a{padding:0 30px 0 20px;width:100% !important;margin:0 0 10px 0}
    .goods-page.tmp3 li:nth-child(2n){justify-content: flex-start;}
    .goods-page.tmp3 li:nth-child(2n) .info{left:auto;right:0}

    .goods-page.detail1 .tit{padding-left: 30px;font-size: 22px;line-height: 30px;}
    .goods-page.detail1>.width{padding-top:50px}

    .goods-page.detail1 .box1{height:auto;padding:50px 0}
    .goods-page.detail1 .box1 .width{display: block;height:auto;padding-top:0;align-items: center;position: static;transform: translateX(0);}
    .goods-page.detail1 .box1 .info{width:100%}
    .goods-page.detail1 .box1 .info .icon{width:35px;height:35px}
    .goods-page.detail1 .box1 .info>p{font-size: 25px;line-height: 35px;}
    .goods-page.detail1 .box1 .items{flex-wrap: wrap;margin:20px 0 10px}
    .goods-page.detail1 .box1 .item{margin-bottom: 15px;}
    .goods-page.detail1 .box1 .item .img-div{width:35px;height:31px;margin-top: 10px;margin-top:5px}
    .goods-page.detail1 .box1 .txt>p:nth-of-type(1){font-size: 16px;line-height: 24px}
    .goods-page.detail1 .box1 .txt>p:nth-of-type(2){font-size: 14px;line-height: 22px}
    .goods-page.detail1 .box1 .info>a{width:140px;line-height: 40px;}
    .goods-page.detail1 .box1 .info>a>span:first-child{font-size: 14px}
    .goods-page.detail1 .box1 .info>a>span:last-child{width:25px;height: 25px;background-size:10px;}
    .goods-page.detail1 .box1 .three{display: none;}
    .goods-page.detail1 .box1 .width>.img-div{height:auto;width:60%;margin:0 auto 20px;display: none;}
    .goods-page.detail1 .box1 .m{display: block !important;}

    .goods-page.detail1 .box2{padding-bottom:50px}
    .goods-page.detail1 .box2 .con{display:none}
    .goods-page.detail1 .box2 .swiper-container{display: block;margin-top:30px;border-radius: 10px;}
    .goods-page.detail1 .box2 .swiper-slide{border-radius: 10px;height:auto;padding-bottom: 70%;}
    .goods-page.detail1 .box2 .swiper-slide::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);border-radius: 10px;}
    .goods-page.detail1 .box2 .swiper-slide .info{position: absolute;z-index: 2;color:#fff;top:50%;left:50%;transform: translate(-50%,-50%);text-align: center;}
    .goods-page.detail1 .box2 .swiper-slide .img-div{width:40px;height:40px;background: url(../images/27.png) no-repeat center center/40px;margin:0 auto}
    .goods-page.detail1 .box2 .swiper-slide .img-div>img{max-width: 65%;max-height: 65%;}
    .goods-page.detail1 .box2 .swiper-slide .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:10px 0 5px}
    .goods-page.detail1 .box2 .swiper-slide .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .goods-page.detail1 .box2 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .goods-page.detail1 .box2 .swiper-pagination-bullet-active{background: #dd1017;}

    .goods-page.detail1 .box3{padding-bottom:50px}
    .goods-page.detail1 .box3 ul{display: block;margin-top: 15px;}
    .goods-page.detail1 .box3 li{width:100%;border-bottom: 0;border-bottom: 1px #ccc solid;}
    .goods-page.detail1 .box3 .info{margin:0;border-right: 0;padding:20px 0}
    .goods-page.detail1 .box3 li:nth-child(2n) .info{padding:20px 0}
    .goods-page.detail1 .box3 li.w100 .info{padding:20px 0}
    .goods-page.detail1 .box3 .info>p:nth-of-type(1){font-size: 14px;line-height: 24px;margin-bottom: 5px;}
    .goods-page.detail1 .box3 .info>p:nth-of-type(2){font-size: 16px;line-height: 26px}
    .goods-page.detail1 .box3 .info>p:nth-of-type(2)>span{display: block;margin-bottom: 5px;}

    .goods-page.detail1 .box4{padding-bottom:50px}
    .goods-page.detail1 .box4 .con{display: none}
    .goods-page.detail1 .box4 .swiper-container{display: block;margin-top:30px;border-radius: 10px;}
    .goods-page.detail1 .box4 .swiper-slide{border-radius: 10px;height:auto;padding-bottom: 68.05%;}
    .goods-page.detail1 .box4 .swiper-slide .info{position: absolute;color:#fff;bottom:0;left:0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);padding:10% 25px 40px;width:100%;border-radius: 0 0 10px 10px;}
    .goods-page.detail1 .box4 .swiper-slide .info>p:nth-of-type(1){font-size: 20px;line-height: 28px;margin-bottom: 5px;}
    .goods-page.detail1 .box4 .swiper-slide .info>p:nth-of-type(2){font-size: 14px;line-height: 22px;}
    .goods-page.detail1 .box4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .goods-page.detail1 .box4 .swiper-pagination-bullet-active{background: #dd1017;}

    .goods-page.detail1 .box5{padding-bottom:50px}
    .goods-page.detail1 .box5>a{font-size: 16px;line-height: 26px;padding:20px 50px;margin-bottom: 30px;background-position:20px 22px;background-size:20px}
    .goods-page.detail1 .box5>a:nth-of-type(1){margin-top: 30px;}
    .goods-page.detail1 .box5>a::after{width:20px;background-size:20px;right:20px;top:22px}

    .goods-page.detail1 .box6{padding-bottom: 50px;}
    .goods-page.detail1 .box6 ul{display: block;margin-top: 0;}
    .goods-page.detail1 .box6 li{padding:30px 0 20px;width:100%;margin-right: 0}
    .goods-page.detail1 .box6 .img-div{height:auto;width:60%;margin:0 auto 20px}
    .goods-page.detail1 .box6 li>a:nth-of-type(2){font-size: 20px;}

    .goods-page.detail1 .popup{width:90%;border-radius: 10px;padding:30px 25px}
    .goods-page.detail1 .popup .close{right:20px;top:20px;background-size:20px;width:20px;height:20px}
    .goods-page.detail1 .popup>p{font-size: 22px;}
    .goods-page.detail1 .popup>input{height: 40px;padding:0 15px;margin-bottom: 15px;}
    .goods-page.detail1 .popup .btn{line-height: 40px;font-size: 14px}

    .goods-page.detail3 .tit{padding-left: 30px;font-size: 22px;line-height: 30px;}

    .goods-page.detail3 .box1{padding-bottom:30px}
    .goods-page.detail3 .box1 ul{display: block;margin-top: 15px;}
    .goods-page.detail3 .box1 li{width:100%;border-bottom: 0;border-bottom: 1px #ccc solid;}
    .goods-page.detail3 .box1 .info{margin:0;border-right: 0;padding:20px 0}
    .goods-page.detail3 .box1 li:nth-child(2n) .info{padding:20px 0}
    .goods-page.detail3 .box1 li.w100 .info{padding:20px 0}
    .goods-page.detail3 .box1 .info>p:nth-of-type(1){font-size: 14px;line-height: 24px;margin-bottom: 5px;}
    .goods-page.detail3 .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 26px}
    .goods-page.detail3 .box1 .info>p:nth-of-type(2)>span{display: block;margin-bottom: 5px;}
    .goods-page.detail3 .box1 .content{margin-bottom: 20px;}
    .goods-page.detail3 .box1 .content p{font-size: 14px;line-height: 24px}

    .goods-page.detail3 .box2{padding-bottom: 30px;}
    .goods-page.detail3 .box2 ul{flex-wrap:wrap;margin:30px 0 0}
    .goods-page.detail3 .box2 li{width:calc(50% - 5px);margin-right: 10px;height:auto;margin-bottom: 20px;border:1px solid #333;border-radius: 10px;}
    .goods-page.detail3 .box2 li:last-child{margin-right: 10px;}
    .goods-page.detail3 .box2 li:nth-child(2n){margin-right: 0;}
    .goods-page.detail3 .box2 li::after{display: none;}
    .goods-page.detail3 .box2 .info{display:none}
    .goods-page.detail3 .box2 .hover{height:auto;border:0;padding:30px 20px;position: static;transform:rotateY(0);opacity: 1}
    .goods-page.detail3 .box2 .hover .img-div{width:45px;height:37px;margin:0 auto 20px;display: block;}
    .goods-page.detail3 .box2 .hover>p:nth-of-type(1){font-size: 16px;}
    .goods-page.detail3 .box2 .progress{display: none;}

    .goods-page.detail3 .box3{padding-bottom: 30px;}
    .goods-page.detail3 .box3 ul{margin-bottom: 30px;}
    .goods-page.detail3 .box3 li{font-size: 18px;margin-right: 20px}
    .goods-page.detail3 .box3 .con{display: block}
    .goods-page.detail3 .box3 .img-bg{width:100%;margin-bottom: 20px;}
    .goods-page.detail3 .box3 .img-bg:nth-child(2n+1){margin-right: 0;}
    .goods-page.detail3 .box3 .play{width:35px;height:35px;background: #dd1017 url(../images/3.png) no-repeat center center/8px;top:35%}
    .goods-page.detail3 .box3 .img-bg>p{font-size: 16px;line-height: 26px;left:25px;bottom:25px;width:calc(100% - 50px)}

    .goods-page.detail3 .box4{padding-bottom: 50px;}
    .goods-page.detail3 .box4 ul{margin: 30px auto 0;}
    .goods-page.detail3 .box4 li{font-size: 18px;margin-right: 20px}
    .goods-page.detail3 .box4 .swiper-container{margin-top: 30px;}
    .goods-page.detail3 .box4 .swiper-slide>p{font-size: 16px;line-height: 26px;padding:15px 0 0;text-align: center;}

    .goods-page.detail3 .box5{padding-bottom: 20px;}
    .goods-page.detail3 .box5 .tit-box{margin-bottom: 30px;}
    .goods-page.detail3 .box5 .tit{padding-right: 20px}
    .goods-page.detail3 .box5 .tit-box>a{width:130px;line-height: 40px;}
    .goods-page.detail3 .box5 .tit-box>a>span:last-child{width:25px;height: 25px;background-size:10px;}
    .goods-page.detail3 .box5 ul{display: block}
    .goods-page.detail3 .box5 li{width:100%;margin-right: 0;border-radius: 10px;padding:30px 25px;}
    .goods-page.detail3 .box5 li>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:15px 0}
    .goods-page.detail3 .box5 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
}

@media (any-hover:hover){
    .goods-page.tmp1 .info>a:hover{background: #dd1017;}
    .goods-page.tmp1 .info>a:hover>span:first-child{transform: translateX(17px);color:#fff}
    .goods-page.tmp1 .info>a:hover>span:last-child{transform: translateX(100px);}

    .goods-page.tmp2 .box2 .img-bg:hover::after{opacity: 1;}
    .goods-page.tmp2 .box2 .img-bg:hover>p{display: none;}
    .goods-page.tmp2 .box2 .img-bg:hover .info{display: block;}

    .goods-page.tmp2 .box3 .preview:hover{color:#dd1017}
    .goods-page.tmp2 .box3 .btn:hover{opacity: .8;}

    .goods-page.tmp3 li .item>a:hover{color:#fff;background-color: #dd1017;background-image: url(../images/arrow2.png);}

    .goods-page.detail1 .box1 .info>a:hover{background: #dd1017;border-color: #dd1017;}
    .goods-page.detail1 .box1 .info>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .goods-page.detail1 .box1 .info>a:hover>span:last-child{transform: translateX(100px);}

    .goods-page.detail1 .box5>a:hover{border-color:#dd1017}

    .goods-page.detail1 .box6 li>a:nth-of-type(2):hover{color:#dd1017}

    .goods-page.detail3 .box2 li:hover::after{border-color:#dd1017}
    .goods-page.detail3 .box2 li:hover .info{opacity: 0;transform: rotateY(180deg);}
    .goods-page.detail3 .box2 li:hover .hover{opacity: 1;transform: rotateY(0);}

    .goods-page.detail3 .box5 .tit-box>a:hover{background: #dd1017;border-color:#dd1017}
    .goods-page.detail3 .box5 .tit-box>a:hover>span:first-child{transform: translateX(20px);color:#fff}
    .goods-page.detail3 .box5 .tit-box>a:hover>span:last-child{transform: translateX(100px);}
    .goods-page.detail3 .box5 li:hover{transform: translateY(-15px);background: #f7f7f7;}
    .goods-page.detail3 .box5 li:hover>p:nth-of-type(1){color:#dd1017}
    .goods-page.detail3 .box5 li:hover .img-bg::before{opacity: 1;}
    .goods-page.detail3 .box5 li:hover .img-bg::after{opacity: 1;}
}

/* 合作 */
.cooperate-page{position: relative;}
.cooperate-page .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.cooperate-page .box1{padding:90px 0 240px;background-size: 100%;background-position: center bottom;}
.cooperate-page .box1 .info{display: flex;margin-bottom: 50px;}
.cooperate-page .box1 .tit-box{width:50%;padding-right: 50px;}
.cooperate-page .box1 .tit-box>p{padding-left: 40px;font-size: 24px;line-height: 34px;margin-top: 10px;}
.cooperate-page .box1 .info>p{width:50%;font-size: 16px;line-height: 32px;color:#666;padding-top: 5px;}
.cooperate-page .box1 .con{display: flex;justify-content: space-between;align-items: flex-start;}
.cooperate-page .box1 .con>a{width:180px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;border-radius: 30px;line-height: 58px;border:1px #999 solid;margin-left: 40px;}
.cooperate-page .box1 .con>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.cooperate-page .box1 .con>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.cooperate-page .box1 .m{display: none !important;}
.cooperate-page .box1 ul{width:50%;display: flex;flex-wrap: wrap;}
.cooperate-page .box1 li{margin-bottom: 45px;}
.cooperate-page .box1 li:nth-child(2n+1){margin-right: 55px;}
.cooperate-page .box1 li>p:nth-of-type(1){font-size: 30px;line-height: 40px;color:#000;margin-bottom: 5px;}
.cooperate-page .box1 li>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666}

.cooperate-page .box2{padding-top:110px}
.cooperate-page .box2 .con-box{position: relative;margin-top: 40px;}
.cooperate-page .box2 .con{display: none;position: relative;}
.cooperate-page .box2 .con .img{padding-bottom: 46.87%;border-radius: 20px;}
.cooperate-page .box2 .con .info{position: absolute;width:30%;top:50%;transform:translateY(-50%);right:20px}
.cooperate-page .box2 .con .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;color:#000;margin-bottom: 15px;}
.cooperate-page .box2 .con .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666}
.cooperate-page .box2 ul{position: absolute;top:0;left:0;width:8.59%;height:100%;background: url(../images/48.png) no-repeat center center/100%;}
.cooperate-page .box2 li{position: absolute;font-size: 20px;padding-left: 30px;width:max-content;cursor: pointer;}
.cooperate-page .box2 li.active{font-size: 24px;}
.cooperate-page .box2 li::before{content:'';width:7px;height:7px;border-radius: 50%;background: #c9cdce;border:2px solid #a4b0b3;position: absolute;top:8px;left:0}
.cooperate-page .box2 li.active::before{width:11px;height:11px;border:0;background: #dd1017;top:10px}
.cooperate-page .box2 li.active::after{content:'';width:25px;height:25px;border-radius: 50%;background: rgba(221,16,23,.1);position: absolute;top:3px;left:-7px}
.cooperate-page .box2 .swiper-container{display: none;}

.cooperate-page .box3{padding: 90px 0 230px;}
.cooperate-page .box3 .circle{margin-top: 200px;position: relative;}
.cooperate-page .box3 ul{position: absolute;top:0;left:0;width:100%;height:100%}
.cooperate-page .box3 li{position: absolute;display: flex;flex-direction: column;width:180px}
.cooperate-page .box3 li>p:nth-of-type(1){font-size: 24px;line-height: 34px;color:#000;margin-bottom: 5px;}
.cooperate-page .box3 li>p:nth-of-type(2){font-size: 16px;line-height: 24px;color:#666;}
.cooperate-page .box3 li .img-div{width:90px;height:90px;background: url(../images/52.png) no-repeat center center/90px;margin-top:15px}
.cooperate-page .box3 li .img-div>img{max-width:50%;max-height:50%}
.cooperate-page .box3 li.center{align-items: center;text-align: center;}
.cooperate-page .box3 li.right{align-items: flex-end;text-align: right;}
.cooperate-page .box3 li.icon-bottom .img-div{margin:0 0 15px}
.cooperate-page .box3 .li1{top:-155px;left:44%;}
.cooperate-page .box3 .li2{top:-80px;left:0;}
.cooperate-page .box3 .li3{top:-80px;right:0;}
.cooperate-page .box3 .li4{bottom:-140px;left:20%;}
.cooperate-page .box3 .li5{bottom:-140px;right:20%}
.cooperate-page .box3 .m{display: none;}
@keyframes cooperate-box3-play {
    25%{transform: translateY(-10px);}
    50%{transform: translateY(0);}
    75%{transform: translateY(-5px);}
    100%{transform: translateY(0);}
}

.cooperate-page .box4 ul{border-radius: 10px;display: flex;height:600px;position: relative;margin-top: 35px;}
.cooperate-page .box4 li{flex:1;display: flex;flex-direction: column;justify-content: center;color:#fff;border-right: 1px solid rgba(255,255,255,.1);padding:35px 35px 75px;transition: .3s;position: relative;z-index: 2;}
.cooperate-page .box4 li.active{background: rgba(0,0,0,.3);}
.cooperate-page .box4 li:first-child{border-radius: 10px 0 0 10px;}
.cooperate-page .box4 li:nth-last-of-type(1){border-right:0;border-radius: 0 10px 10px 0;}
.cooperate-page .box4 li>p:nth-of-type(1){font-size: 24px;line-height: 34px;margin-bottom: 20px;}
.cooperate-page .box4 li>p:nth-of-type(2){font-size: 15px;line-height: 24px;}
.cooperate-page .box4 ul .img{position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;border-radius: 10px;}
.cooperate-page .box4 ul .img.show{opacity: 1;}
.cooperate-page .box4 .swiper-container{display: none;}

.cooperate-page .box5{padding-top:110px}
.cooperate-page .box5 .tit{margin-bottom: 45px;}
.cooperate-page .box5 .con{position: relative;cursor: none;}
.cooperate-page .box5 .swiper-container{padding-left:10px;border-radius: 0 0 10px 10px;}
.cooperate-page .box5 .swiper-slide{width:250px;height:300px;margin-top:300px;transition: 1s;}
.cooperate-page .box5 .img-bg{height:100%;border-radius: 10px;position: relative;}
.cooperate-page .box5 .img{height:100%}
.cooperate-page .box5 .img-bg>p{position: absolute;bottom:0;left:0;width:100%;font-size: 16px;color:#fff;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.5) 90%);padding:10% 30px 25px;border-radius: 0 0 10px 10px;}
.cooperate-page .box5 .swiper-slide-active{height:600px;margin-top:0;width:500px}
.cooperate-page .box5 .info-box{display: none;position: absolute;top:0;left:0;width:35%;z-index: 2;}
.cooperate-page .box5 .info{display: flex;flex-direction: column;justify-content: center;height:280px;}
.cooperate-page .box5 .info>p:nth-of-type(1){display: flex;flex-wrap: wrap;}
.cooperate-page .box5 .info>p:nth-of-type(1)>span{line-height: 28px;border: 1px solid rgba(221,16,23,.2);border-radius: 15px;color:#dd1017;padding:0 20px;margin-right: 5px;margin-bottom: 5px;}
.cooperate-page .box5 .info>p:nth-of-type(2){font-size: 24px;line-height: 34px;color:#000;margin:20px 0 10px}
.cooperate-page .box5 .info>p:nth-of-type(3){font-size: 16px;line-height: 30px;color:#666}
.cooperate-page .hand{width:120px;height:120px;border-radius: 50%;border:1px #e5e5e5 solid;background: rgba(255,255,255,.95) url(../images/32.png) no-repeat center center/40px;cursor: pointer;position: fixed;z-index: 3;display: none;}
.cooperate-page .box5 .m{display: none;}

.cooperate-page .box6{padding:90px 0 120px}
.cooperate-page .box6 .con{display: flex;margin-top: 40px;}
.cooperate-page .box6 .img-bg{position: relative;border-radius: 10px;}
.cooperate-page .box6 .img{height: 100%;}
.cooperate-page .box6 .img-bg>p{position: absolute;bottom:25px;left:30px;font-size: 24px;line-height: 32px;color:#fff;width:calc(100% - 60px)}
.cooperate-page .box6 ul{flex:1;padding-left: 10px;display: flex;flex-wrap: wrap;}
.cooperate-page .box6 li{width:calc(50% - 5px)}
.cooperate-page .box6 li:first-child{width:100%;margin-bottom: 10px;}
.cooperate-page .box6 li:nth-child(2){margin-right: 10px;}
.cooperate-page .box6 .con>.img-bg{width:35.93%;height:610px;}
.cooperate-page .box6 li .img-bg{height:300px}

@media (max-width:1440px){
    .cooperate-page .box1{padding:70px 0 150px}
    .cooperate-page .box1 .tit-box{width:52%}
    .cooperate-page .box1 .tit-box>p{font-size: 20px;line-height: 30px;}
    .cooperate-page .box1 .con>a{width:160px;line-height: 50px;}
    .cooperate-page .box1 .con>a>span:first-child{font-size: 14px;}
    .cooperate-page .box1 .con>a>span:last-child{width:28px;height:28px;background-size: 10px;}
    .cooperate-page .box1 .con>a:hover>span:first-child{transform: translateX(19px) !important}
    .cooperate-page .box1 li{margin-bottom: 30px;}
    .cooperate-page .box1 li:nth-child(2n+1){margin-right: 40px}
    .cooperate-page .box1 li>p:nth-of-type(1){font-size: 25px;line-height: 35px;}

    .cooperate-page .box2{padding-top: 90px;}

    .cooperate-page .box3{padding: 70px 0 200px;}

    .cooperate-page .box4 ul{height:550px}

    .cooperate-page .box5{padding-top: 90px;}
    .cooperate-page .box5 .con{cursor:grab;}

    .cooperate-page .box6{padding:70px 0 100px}
    .cooperate-page .box6 .con>.img-bg{height:550px}
    .cooperate-page .box6 li .img-bg{height:270px}
    .cooperate-page .box6 .img-bg>p{font-size: 20px;line-height: 30px;}
}

@media (max-width:1279px){
    .cooperate-page .tit{padding-left: 30px;font-size: 22px;line-height: 30px;background-position: left 4px;}

    .cooperate-page .box1{padding:50px 0;}
    .cooperate-page .box1 .info{display: block;margin-bottom: 20px;}
    .cooperate-page .box1 .tit-box{width:100%;padding-right: 0;}
    .cooperate-page .box1 .tit-box>p{padding-left: 30px;font-size: 16px;line-height: 26px;}
    .cooperate-page .box1 .info>p{width:100%;font-size: 14px;line-height: 26px;padding-top: 20px;}
    .cooperate-page .box1 .con{display: block;}
    .cooperate-page .box1 .con>a{width:130px;line-height: 40px;margin-left: 0;}
    .cooperate-page .box1 .con>a>span:first-child{font-size: 14px}
    .cooperate-page .box1 .con>a>span:last-child{width:25px;height: 25px;background-size:10px}
    .cooperate-page .box1 .pc{display: none !important;}
    .cooperate-page .box1 .m{display: flex !important;}
    .cooperate-page .box1 ul{width:100%;display: block}
    .cooperate-page .box1 li{margin-bottom: 20px;}
    .cooperate-page .box1 li:nth-child(2n+1){margin-right: 0;}
    .cooperate-page .box1 li>p:nth-of-type(1){font-size: 20px;line-height: 30px;}
    .cooperate-page .box1 li>p:nth-of-type(2){font-size: 14px;line-height: 24px}

    .cooperate-page .box2{padding-top:50px}
    .cooperate-page .box2 .con-box{display:none}
    .cooperate-page .box2 .swiper-container{display: block;border-radius: 10px;margin-top: 30px;}
    .cooperate-page .box2 .swiper-slide{padding-bottom: 70%;border-radius: 10px;}
    .cooperate-page .box2 .swiper-slide .info{background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.3) 90%);position: absolute;left:0;bottom:0;border-radius: 0 0 10px 10px;padding:30% 25px 40px;color:#fff;width:100%}
    .cooperate-page .box2 .swiper-slide .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;}
    .cooperate-page .box2 .swiper-slide .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .cooperate-page .box2 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .cooperate-page .box2 .swiper-pagination-bullet-active{background: #dd1017;}

    .cooperate-page .box3{padding: 50px 0 20px;}
    .cooperate-page .box3 .circle{margin-top: 30px}
    .cooperate-page .box3 .circle>img{display: none;}
    .cooperate-page .box3 ul{position: static;height:auto}
    .cooperate-page .box3 li{position: static;width:100%;align-items: center;text-align: center;margin-bottom: 30px;}
    .cooperate-page .box3 li>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin:10px 0 5px}
    .cooperate-page .box3 li>p:nth-of-type(2){font-size: 14px;line-height: 22px;}
    .cooperate-page .box3 li .img-div{width:80px;height:80px;background-size:80px;margin:0;display: none;}
    .cooperate-page .box3 li .img-div>img{max-width:40%;max-height:40%}
    .cooperate-page .box3 li.right{align-items: center;text-align: center;}
    .cooperate-page .box3 li.icon-bottom .img-div{margin:0}
    .cooperate-page .box3 li .m{display: flex;}

    .cooperate-page .box4 ul{display:none}
    .cooperate-page .box4 .swiper-container{display: block;border-radius: 10px;margin-top: 30px;}
    .cooperate-page .box4 .swiper-slide{padding-bottom: 60%;border-radius: 10px;}
    .cooperate-page .box4 .swiper-slide .info{background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.3) 90%);position: absolute;left:0;bottom:0;border-radius: 0 0 10px 10px;color:#fff;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0 20px;text-align: center;}
    .cooperate-page .box4 .swiper-slide .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin-bottom:5px;}
    .cooperate-page .box4 .swiper-slide .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .cooperate-page .box4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .cooperate-page .box4 .swiper-pagination-bullet-active{background: #dd1017;}

    .cooperate-page .box5{padding-top:50px}
    .cooperate-page .box5 .tit{margin-bottom: 30px;}
    .cooperate-page .box5 .swiper-container{padding-left:0;border-radius: 10px;}
    .cooperate-page .box5 .swiper-slide{width:100%;height:auto;margin-top:0}
    .cooperate-page .box5 .img-bg{height:auto;}
    .cooperate-page .box5 .img{height:auto;padding-bottom: 120%;}
    .cooperate-page .box5 .img-bg>p{display: none;}
    .cooperate-page .box5 .swiper-slide-active{height:auto;width:100%}
    .cooperate-page .box5 .info-box{display: none !important}
    .cooperate-page .box5 .m{display: block;position: absolute;left:0;bottom:0;width:100%;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);padding:30% 25px 40px;color:#fff}
    .cooperate-page .box5 .m>p:nth-of-type(1){display: flex;flex-wrap: wrap;}
    .cooperate-page .box5 .m>p:nth-of-type(1)>span{line-height: 22px;border: 1px solid #fff;border-radius: 15px;padding:0 15px;margin-right: 5px;margin-bottom: 5px;font-size: 12px;}
    .cooperate-page .box5 .m>p:nth-of-type(2){font-size: 18px;line-height: 28px;margin:10px 0 5px}
    .cooperate-page .box5 .m>p:nth-of-type(3){font-size: 14px;line-height: 24px}
    .cooperate-page .box5 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .cooperate-page .box5 .swiper-pagination-bullet-active{background: #dd1017;}

    .cooperate-page .box6{padding:50px 0 30px}
    .cooperate-.index-page .box3 .big .box6 .con{display: block;margin-top: 30px;}
    .cooperate-page .box6 .img{height: auto;}
    .cooperate-page .box6 .img-bg>p{left:25px;font-size: 18px;line-height: 28px;width:calc(100% - 50px)}
    .cooperate-page .box6 ul{padding-left: 0;display: block}
    .cooperate-page .box6 li{width:100%;margin-bottom: 20px;}
    .cooperate-page .box6 li:first-child{margin-bottom: 20px;}
    .cooperate-page .box6 li:nth-child(2){margin-right: 0;}
    .cooperate-page .box6 .con{display: block;}
    .cooperate-page .box6 .con>.img-bg{width:100%;height:auto;margin-bottom: 20px;}
    .cooperate-page .box6 .con>.img-bg .img{padding-bottom: 75%;}
    .cooperate-page .box6 li .img-bg{height:auto;}
    .cooperate-page .box6 li>.img-bg .img{padding-bottom: 75%;}
}

@media (any-hover:hover){
    .cooperate-page .box1 .con>a:hover{background: #dd1017;border-color:#dd1017}
    .cooperate-page .box1 .con>a:hover>span:first-child{transform: translateX(22px);color:#fff}
    .cooperate-page .box1 .con>a:hover>span:last-child{transform: translateX(100px);}

    .cooperate-page .box3 li:hover{animation: cooperate-box3-play .8s linear}
}

/* 方案 */
.solution-page{position: relative;}
.solution-page.list ul{padding:100px 0 90px;max-width: 1400px;}
.solution-page.list ul li{margin-bottom: 30px;position: relative;padding-bottom: 45.71%;border-radius: 20px;}
.solution-page.list ul .info{position: absolute;width:30%;top:0;left:7%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.solution-page.list ul li:nth-child(2n) .info{left:auto;right:7%;}
.solution-page.list ul .info>p{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;margin-bottom: 35px;}
.solution-page.list ul .note>p{font-size: 16px;line-height: 26px;position: relative;padding-left: 15px;display: block;margin-bottom: 10px;}
.solution-page.list ul .note>p::before{content:'';width:5px;height:5px;border-radius: 50%;background: #666;position: absolute;top:10px;left:0}
.solution-page.list ul .item{position: absolute;cursor: pointer;}
.solution-page.list ul .item>p{width:30px;height:30px;border-radius: 50%;background: #dd1017;position: relative;}
.solution-page.list ul .item>p::before{content:'';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 50%;width:12px;height:12px;z-index: 2;}
.solution-page.list ul .item>p::after{content:'';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);background: rgba(221,16,23,.5);border-radius: 50%;width:100%;height:100%;animation: solution-list-play 1s linear infinite}
.solution-page.list ul .popup-box{display: none;position: absolute;top:50%;transform: translateY(-50%);left:100%;z-index: 3;width:max-content;padding-left: 30px;}
.solution-page.list ul .popup-box.left{left:auto;right:100%;padding-left: 0;padding-right: 30px}
.solution-page.list ul .popup{display: flex;align-items:center;background: rgba(221,16,23,.85) url(../images/arrow2.png) no-repeat calc(100% - 40px) center/21px;line-height: 80px;border-radius: 40px;padding:0 80px 0 40px;position: relative;}
.solution-page.list ul .popup .img-div{width:70px;height:49px;margin-right: 15px;}
.solution-page.list ul .popup>p{font-size: 24px;color:#fff}
.solution-page.list .wap{display: none;}
@keyframes solution-list-play {
    to{transform: translate(-50%,-50%) scale(1.67);opacity: 0;}
}

.solution-page.detail .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.solution-page.detail .box1{padding:90px 0}
.solution-page.detail .box1 .con{border-radius: 20px;border:1px #eee solid;margin-top: 45px;}
.solution-page.detail .box1 .item{cursor: pointer;}
.solution-page.detail .box1 .info{display: flex;align-items: center;border-bottom: 1px #ccc dashed;margin:0 100px;padding:50px 30px 50px 0;}
.solution-page.detail .box1 .item:last-child .info{border-bottom: 0;}
.solution-page.detail .box1 .info .img-div{width:120px;height:80px;margin-right: 30px;}
.solution-page.detail .box1 .info>p:nth-of-type(1){font-size: 24px;line-height: 34px;color:#000;width:250px;}
.solution-page.detail .box1 .info ul{display: flex;width:calc(100% - 450px);padding: 0 50px;}
.solution-page.detail .box1 .info li{margin-right: 60px;}
.solution-page.detail .box1 .info li:last-child{margin-right: 0;}
.solution-page.detail .box1 .info li>p:nth-of-type(1){display: flex;align-items: flex-end;margin-bottom: 5px;}
.solution-page.detail .box1 .info li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 40px;}
.solution-page.detail .box1 .info li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 20px;margin-bottom:5px}
.solution-page.detail .box1 .info li>p:nth-of-type(2){font-size: 16px;color:#666}
.solution-page.detail .box1 .info>p:nth-of-type(2){width:50px;height:50px;border-radius: 10px;background: #eee url(../images/arrow3-g.png) no-repeat center center/10px;transition: .3s;}
.solution-page.detail .box1 .hover-box{display: none;position: relative;}
.solution-page.detail .box1 .mask{position: absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background: #f7f7f7;border-radius: 20px;}
.solution-page.detail .box1 .hover{display: flex;position: relative;z-index: 2;justify-content: space-between;}
.solution-page.detail .box1 .txt{width:65%;padding:80px 50px 60px 80px;}
.solution-page.detail .box1 .txt>p:nth-of-type(1){font-size: 36px;line-height: 46px;color:#000}
.solution-page.detail .box1 .txt>p:nth-of-type(2){font-size: 16px;line-height: 28px;color:#666;margin:20px 0 30px}
.solution-page.detail .box1 .txt ul{display: flex;}
.solution-page.detail .box1 .txt li{margin-right: 60px;margin-bottom: 20px;}
.solution-page.detail .box1 .txt li:last-child{margin-right: 0;}
.solution-page.detail .box1 .txt li>p:nth-of-type(1){display: flex;align-items: flex-end;margin-bottom: 5px;color:#dd1017}
.solution-page.detail .box1 .txt li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 40px;}
.solution-page.detail .box1 .txt li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 20px;margin-bottom:5px}
.solution-page.detail .box1 .txt li>p:nth-of-type(2){font-size: 16px;color:#666}
.solution-page.detail .box1 .enlarge_pane_contain{width:35%;}
.solution-page.detail .box1 .enlarge_pane_contain img{border-radius: 0 20px 20px 0;}
.solution-page.detail .box1 .hover .m{display: none;height:230px;}

.solution-page.detail .box2{padding-bottom: 90px;}
.solution-page.detail .box2 .tit-box{display: flex;align-items: center;margin-bottom: 45px;}
.solution-page.detail .box2 .tit{padding-right: 50px;flex:1}
.solution-page.detail .box2 .tit-box>a{width:160px;line-height: 48px;border:1px solid #ccc;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.solution-page.detail .box2 .tit-box>a>span:first-child{margin-right: 10px;transition: .3s;}
.solution-page.detail .box2 .tit-box>a>span:last-child{width:30px;height: 30px;border-radius: 50%;background: #dd1017 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.solution-page.detail .box2 ul{display: flex;flex-wrap: wrap;}
.solution-page.detail .box2 li{width:calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 30px;border:1px #eee solid;border-radius: 20px;padding:40px;position: relative;transition: .3s;}
.solution-page.detail .box2 li:nth-child(3n){margin-right: 0;}
.solution-page.detail .box2 .time{display: flex;align-items: center;justify-content: space-between;}
.solution-page.detail .box2 .time>p:nth-of-type(1){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.solution-page.detail .box2 .time>p:nth-of-type(2){color:#dd1017;line-height: 28px;border-radius: 15px;padding:0 20px;border:1px rgba(221,16,23,.2) solid}
.solution-page.detail .box2 li>p:nth-of-type(1){font-size: 20px;line-height: 32px;margin:20px 0}
.solution-page.detail .box2 li>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 60px;}
.solution-page.detail .box2 li .img-bg{width:54.87%;border-radius: 10px;position: relative;}
.solution-page.detail .box2 li .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#dd1017 url(../images/arrow2.png) no-repeat center center/13px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.solution-page.detail .box2 li .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.solution-page.detail .box2 li .img{padding-bottom: 80%;}

@media (max-width:1440px){
    .solution-page.list ul{padding:80px 0 70px}
    .solution-page.list ul .item>p{width:25px;height:25px}
    .solution-page.list ul .popup{line-height: 70px;background-size: 15px;padding:0 70px 0 30px}
    .solution-page.list ul .popup .img-div{width:60px;height:39px}
    .solution-page.list ul .popup>p{font-size: 20px;}

    .solution-page.detail .box1{padding:70px 0}
    .solution-page.detail .box1 .info{margin:0 80px;padding:40px 20px 40px 0}
    .solution-page.detail .box1 .info>p:nth-of-type(1){font-size: 22px;line-height: 32px;}
    .solution-page.detail .box1 .txt{padding:60px 40px 40px 60px}
    .solution-page.detail .box1 .txt>p:nth-of-type(1){font-size: 32px;line-height: 42px;}

    .solution-page.detail .box2{padding-bottom: 70px;}
}

@media (max-width:1279px){
    .solution-page.list ul{display: none;}
    .solution-page.list .wap{display: block;padding:50px 0 20px}
    .solution-page.list .wap .item{border-radius: 10px;margin-bottom: 30px;}
    .solution-page.list .wap .item>.img-div{width:100%;position: relative;}
    .solution-page.list .wap .pos{position: absolute;top:0;left:0;width:100%;height:100%}
    .solution-page.list .wap .row{position: absolute;}
    .solution-page.list .wap .row>p{width:20px;height:20px;border-radius: 50%;background: #dd1017;position: relative;}
    .solution-page.list .wap .row>p::before{content:'';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 50%;width:8px;height:8px;z-index: 2;}
    .solution-page.list .wap .row>p::after{content:'';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);background: rgba(221,16,23,.5);border-radius: 50%;width:100%;height:100%;animation: solution-list-play 1s linear infinite}
    .solution-page.list .wap .popup{display: none;position: absolute;top:50%;transform: translateY(-50%);left:100%;z-index: 3;width:max-content;padding-left: 10px;}
    .solution-page.list .wap .popup.left{left:auto;right:100%;padding-left: 0;padding-right: 10px}
    .solution-page.list .wap .popup>a{background: rgba(221,16,23,.85) url(../images/arrow2.png) no-repeat calc(100% - 20px) center/10px;line-height: 40px;border-radius: 40px;padding:0 40px 0 25px;font-size: 14px;color:#fff}
    .solution-page.list .wap .info{padding:0 25px 30px}
    .solution-page.list .wap .info>p{padding-left: 30px;color:#dd1017;font-size: 22px;line-height: 32px;background: url(../images/7.png) no-repeat left center/20px;margin-bottom: 10px;}
    .solution-page.list .wap .note>p{font-size: 14px;line-height: 24px;position: relative;padding-left: 15px;display: block;margin-bottom: 5px;}
    .solution-page.list .wap .note>p::before{content:'';width:5px;height:5px;border-radius: 50%;background: #666;position: absolute;top:9px;left:0}
    @keyframes solution-list-play {
        to{transform: translate(-50%,-50%) scale(1.67);opacity: 0;}
    }

    .solution-page.detail .tit{padding-left: 30px;font-size: 25px;line-height: 35px;}

    .solution-page.detail .box1{padding:50px 0}
    .solution-page.detail .box1 .con{border-radius: 10px;margin-top: 30px;}
    .solution-page.detail .box1 .info{display: none}
    .solution-page.detail .box1 .hover-box{display: block}
    .solution-page.detail .box1 .mask{display: none;}
    .solution-page.detail .box1 .hover{display: block;padding:30px 20px}
    .solution-page.detail .box1 .txt{width:100%;padding:0}
    .solution-page.detail .box1 .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;}
    .solution-page.detail .box1 .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px}
    .solution-page.detail .box1 .txt ul{flex-wrap: wrap;border-bottom: 1px #ccc dashed;}
    .solution-page.detail .box1 .item:last-child .txt ul{border-bottom: 0;}
    .solution-page.detail .box1 .txt li{margin-right: 12px;width:calc(100% / 3 - 8px);margin-bottom: 20px;}
    .solution-page.detail .box1 .txt li:last-child{margin-right: 12px;}
    .solution-page.detail .box1 .txt li:nth-child(3n){margin-right: 0;}
    .solution-page.detail .box1 .txt li>p:nth-of-type(1){justify-content: center;}
    .solution-page.detail .box1 .txt li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 30px;width:auto !important}
    .solution-page.detail .box1 .txt li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 14px;margin:0 0 5px 5px}
    .solution-page.detail .box1 .txt li>p:nth-of-type(2){font-size: 14px;text-align: center;}
    .solution-page.detail .box1 .enlarge_pane_contain{display: none;}
    .solution-page.detail .box1 .hover .m{display: flex;width:60%;height:auto;margin:0 auto 20px;}

    .solution-page.detail .box2{padding-bottom: 20px;}
    .solution-page.detail .box2 .tit-box{margin-bottom: 30px;}
    .solution-page.detail .box2 .tit{padding-right: 20px;}
    .solution-page.detail .box2 .tit-box>a{width:130px;line-height: 40px;}
    .solution-page.detail .box2 .tit-box>a>span:last-child{width:25px;height: 25px;background-size:10px}
    .solution-page.detail .box2 ul{display: block}
    .solution-page.detail .box2 li{width:100%;margin-right: 0;border-radius: 10px;padding:30px 25px}
    .solution-page.detail .box2 li>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:15px 0 10px}
    .solution-page.detail .box2 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
}

@media (any-hover:hover){
    .solution-page.detail .box1 .info:hover>p:nth-of-type(1){color:#dd1017}
    .solution-page.detail .box1 .info:hover>p:nth-of-type(2){background-color: #dd1017;background-image: url(../images/arrow3.png);}

    .solution-page.detail .box2 .tit-box>a:hover{background: #dd1017;border-color:#dd1017}
    .solution-page.detail .box2 .tit-box>a:hover>span:first-child{transform: translateX(20px);color:#fff}
    .solution-page.detail .box2 .tit-box>a:hover>span:last-child{transform: translateX(100px);}
    .solution-page.detail .box2 li:hover{transform: translateY(-15px);background: #f7f7f7;}
    .solution-page.detail .box2 li:hover>p:nth-of-type(1){color:#dd1017}
    .solution-page.detail .box2 li:hover .img-bg::before{opacity: 1;}
    .solution-page.detail .box2 li:hover .img-bg::after{opacity: 1;}
}

/* 新闻 */
.news-page{position: relative;}

.news-page.index .news-cate{display: flex;align-items: center;padding:90px 0 50px}
.news-page.index .news-cate>p{font-size: 18px;color:#000;margin-right: 20px;}
.news-page.index .news-cate>span{font-size: 16px;color:#666;position: relative;padding-left: 25px;margin-right: 40px;cursor: pointer;}
.news-page.index .news-cate>span:last-child{margin-right: 0;}
.news-page.index .news-cate>span::before{content:'';position: absolute;top:4px;left:0;width:12px;height:12px;border-radius: 50%;border:1px solid #777;}
.news-page.index .news-cate>span.active::before{border-color:#dd1017}
.news-page.index .news-cate>span.active::after{content:'';position: absolute;top:7px;left:3px;width:8px;height:8px;border-radius: 50%;background: #dd1017;}
.news-page.index ul{display: flex;flex-wrap: wrap;}
.news-page.index li{width:calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 30px;border-radius: 20px;position: relative;transition: .3s;}
.news-page.index li:nth-child(3n){margin-right: 0;}
.news-page.index .unvideo{border:1px #eee solid;padding:40px;}
.news-page.index .video{cursor: pointer;}
.news-page.index .unvideo .time{display: flex;align-items: center;justify-content: space-between;}
.news-page.index .unvideo .time>p:nth-of-type(1){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.news-page.index .unvideo .time>p:nth-of-type(2){color:#dd1017;line-height: 28px;border-radius: 15px;padding:0 20px;border:1px rgba(221,16,23,.2) solid}
.news-page.index .unvideo>p:nth-of-type(1){font-size: 20px;line-height: 32px;margin:20px 0}
.news-page.index .unvideo>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 60px;}
.news-page.index .unvideo .img-bg{width:54.87%;border-radius: 10px;position: relative;}
.news-page.index .unvideo .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#dd1017 url(../images/arrow2.png) no-repeat center center/13px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.news-page.index .unvideo .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.news-page.index .unvideo .img{padding-bottom: 80%;}
.news-page.index .video .img-bg{border-radius:10px;margin-bottom: 20px;position: relative;}
.news-page.index .video .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#dd1017 url(../images/3.png) no-repeat center center/10px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.news-page.index .video .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.news-page.index .video .img{padding-bottom:65%;}
.news-page.index .video>a{font-size: 20px;text-align: center;}
.news-page.index .load{width:130px;margin:0 auto 50px;text-align: center;line-height: 32px;font-size: 16px;color:#999}
.news-page.index .load.loading{background: url(../images/24.gif) no-repeat left center;text-align: left;padding-left: 40px;}

.news-page.list .tmp1{padding:100px 0 70px}
.news-page.list .tmp1 ul{display: flex;flex-wrap: wrap;}
.news-page.list .tmp1 li{width:calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 30px;border:1px #eee solid;border-radius: 20px;padding:40px;position: relative;transition: .3s;}
.news-page.list .tmp1 li:nth-child(3n){margin-right: 0;}
.news-page.list .tmp1 .time{display: flex;align-items: center;justify-content: space-between;}
.news-page.list .tmp1 .time>p:nth-of-type(1){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.news-page.list .tmp1 .time>p:nth-of-type(2){color:#dd1017;line-height: 28px;border-radius: 15px;padding:0 20px;border:1px rgba(221,16,23,.2) solid}
.news-page.list .tmp1 li>p:nth-of-type(1){font-size: 20px;line-height: 32px;margin:20px 0}
.news-page.list .tmp1 li>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 60px;}
.news-page.list .tmp1 li .img-bg{width:54.87%;border-radius: 10px;position: relative;}
.news-page.list .tmp1 li .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#dd1017 url(../images/arrow2.png) no-repeat center center/13px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.news-page.list .tmp1 li .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.news-page.list .tmp1 li .img{padding-bottom: 80%;}
.news-page.list .tmp1 .page{padding:20px 0 30px}

.news-page.list .tmp2{padding:65px 0 100px}
.news-page.list .tmp2 li{border-bottom:1px solid #eee;padding:55px 0;display: flex;transition:.3s;position: relative;}
.news-page.list .tmp2 li.opacity{opacity: .5 !important;}
.news-page.list .tmp2 li .info{border-right:1px #eee solid;width:85.94%;padding:0 100px 0 60px}
.news-page.list .tmp2 li .info>p{font-size: 16px;color:#999;line-height: 30px;}
.news-page.list .tmp2 li .info>p:nth-of-type(2){font-size: 24px;color:#333;margin:10px 0 20px}
.news-page.list .tmp2 li .arrow{flex:1;display:flex;justify-content: center;align-items: center;}
.news-page.list .tmp2 li .arrow>p{width:40px;height:40px;border-radius:50%;background: url(../images/arrow2-g.png) no-repeat center center/16px;transition: .3s;}
.news-page.list .tmp2 .page{padding-top:50px}

.news-page.list .tmp3{padding:80px 0 60px}
.news-page.list .tmp3 ul{display: flex;flex-wrap:wrap}
.news-page.list .tmp3 li{width:calc(100% / 3 - 26px);margin-right:39px;cursor: pointer;margin-bottom: 40px;}
.news-page.list .tmp3 li:nth-child(3n){margin-right:0;}
.news-page.list .tmp3 li .img-bg{border-radius:10px;margin-bottom: 20px;position: relative;}
.news-page.list .tmp3 li .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#dd1017 url(../images/3.png) no-repeat center center/10px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.news-page.list .tmp3 li .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.news-page.list .tmp3 li .img{padding-bottom:65%;}
.news-page.list .tmp3 li>a{font-size: 20px;text-align: center;}
.news-page.list .tmp3 .page{padding:10px 0 40px}

.news-page.detail .box1{display: flex;justify-content: space-between;padding:80px 0 90px;align-items: flex-start;}
.news-page.detail .box1 .qr{width:28%;position: sticky;top:180px;left:0;}
.news-page.detail .box1 .qr li{border-radius: 25px;border:1px #eee solid;line-height: 48px;display: flex;position: relative;padding:0 30px;align-items: center;margin-bottom: 20px;width:180px;cursor: pointer;}
.news-page.detail .box1 .qr .icon{width:21px;height:21px;margin-right: 15px;}
.news-page.detail .box1 .qr li>p{font-size: 16px;flex:1}
.news-page.detail .box1 .qr .img{position: absolute;top:50%;right:-210px;width:200px;height:200px;transform: translateY(-50%);z-index: 2;display: none;}
.news-page.detail .box1 .con{width:68%}
.news-page.detail .box1 .time{font-size: 16px;color:#999;display: flex;}
.news-page.detail .box1 .time>p:nth-of-type(1){margin-right: 40px;}
.news-page.detail .box1 .con>p{font-size: 36px;color:#000;line-height: 48px;margin:20px 0 35px}
.news-page.detail .box1 .content{border-top:1px #eee solid;border-bottom: 1px #eee solid;padding:30px 0 50px;margin-bottom: 45px;}
.news-page.detail .box1 .content video{width:100%;height:auto !important;margin-bottom: 30px;}
.news-page.detail .box1 .content p{font-size: 16px;line-height: 32px;color:#666}
.news-page.detail .box1 .content img{max-width: 100%;margin:0 auto;height:auto !important;display: block;}
.news-page.detail .box1 .content a{display: inline-block;}
.news-page.detail .box1 .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .box1 .jump .info{width:calc(100% - 230px);}
.news-page.detail .box1 .jump .info>a{font-size: 16px;color:#666}
.news-page.detail .box1 .jump .info>a:first-child{margin-bottom: 15px;}
.news-page.detail .box1 .jump>a{width:180px;line-height: 60px;text-align: center;color:#fff;background: #dd1017;border-radius: 30px;transition: .3s;font-size: 16px;}

.news-page.detail .box2{padding-bottom: 70px;}
.news-page.detail .box2>p{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;margin-bottom: 45px;}
.news-page.detail .box2 ul{display: flex;flex-wrap: wrap;}
.news-page.detail .box2 li{width:calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 30px;border:1px #eee solid;border-radius: 20px;padding:40px;position: relative;transition: .3s;}
.news-page.detail .box2 li:nth-child(3n){margin-right: 0;}
.news-page.detail .box2 .time{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .box2 .time>p:nth-of-type(1){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.news-page.detail .box2 .time>p:nth-of-type(2){color:#dd1017;line-height: 28px;border-radius: 15px;padding:0 20px;border:1px rgba(221,16,23,.2) solid}
.news-page.detail .box2 li>p:nth-of-type(1){font-size: 20px;line-height: 32px;margin:20px 0}
.news-page.detail .box2 li>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 60px;}
.news-page.detail .box2 li .img-bg{width:54.87%;border-radius: 10px;position: relative;}
.news-page.detail .box2 li .img-bg::before{content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#dd1017 url(../images/arrow2.png) no-repeat center center/13px;border-radius: 50%;z-index: 2;opacity: 0;transition: .3s;}
.news-page.detail .box2 li .img-bg::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);opacity: 0;transition: .3s}
.news-page.detail .box2 li .img{padding-bottom: 80%;}

@media (max-width:1440px){
    .news-page.index .news-cate{padding:70px 0 40px}

    .news-page.list .tmp1{padding:80px 0 50px}

    .news-page.list .tmp2{padding:45px 0 80px}
    .news-page.list .tmp2 li .info{padding:0 80px 0 40px}
    .news-page.list .tmp2 li .info>p:nth-of-type(2){font-size: 22px;}

    .news-page.list .tmp3{padding:60px 0 40px}

    .news-page.detail .box1{padding:60px 0 70px}
    .news-page.detail .box1 .qr{top:130px}
    .news-page.detail .box1 .qr .img{width:150px;height:150px;right:-170px}
    .news-page.detail .box1 .con>p{font-size: 32px;line-height: 42px;}
    .news-page.detail .box1 .jump>a{width:160px;line-height: 50px;}

    .news-page.detail .box2{padding-bottom: 50px;}
}

@media (max-width:1279px){
    .news-page.index .news-cate{padding:50px 0 10px;margin-bottom:20px;white-space: nowrap;overflow-x:auto;}
    .news-page.index .news-cate>p{font-size: 16px;margin-right: 10px;}
    .news-page.index .news-cate>span{padding-left: 20px;margin-right: 15px;cursor: pointer;}
    .news-page.index .news-cate>span::before{top:5px;width:10px;height:10px;}
    .news-page.index .news-cate>span.active::after{top:8px;width:6px;height:6px}
    .news-page.index li{width:calc(50% - 5px);margin-right: 10px;margin-bottom: 20px;border-radius: 10px;}
    .news-page.index li:nth-child(3n){margin-right: 10px;}
    .news-page.index li:nth-child(2n){margin-right: 0;}
    .news-page.index .unvideo{padding:30px 25px;margin-right: 0 !important;width:100% !important}
    .news-page.index .unvideo>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:10px 0 15px}
    .news-page.index .unvideo>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
    .news-page.index .video .img-bg{margin-bottom: 10px}
    .news-page.index .video .img-bg::before{width:30px;height:30px;background-size:8px;opacity: 1}
    .news-page.index .video .img-bg::after{opacity: 1}
    .news-page.index .video>a{font-size: 12px;}
    .news-page.index .load{margin:0 auto 30px;font-size: 14px;}

    .news-page.list .tmp1{padding:50px 0 20px}
    .news-page.list .tmp1 ul{display: block;}
    .news-page.list .tmp1 li{width:100%;margin-right: 0;border-radius: 10px;padding:30px 25px}
    .news-page.list .tmp1 li>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:15px 0 10px}
    .news-page.list .tmp1 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
    .news-page.list .tmp1 .page{padding:0 0 30px}

    .news-page.list .tmp2{padding:30px 0 50px}
    .news-page.list .tmp2 li{padding:20px 0;display: block}
    .news-page.list .tmp2 li .info{border-right:0;width:100%;padding:0}
    .news-page.list .tmp2 li .info>p{font-size: 14px;line-height: 24px;}
    .news-page.list .tmp2 li .info>p:nth-of-type(2){font-size: 16px;margin:5px 0 10px}
    .news-page.list .tmp2 li .arrow{display:none}
    .news-page.list .tmp2 .page{padding-top:30px}

    .news-page.list .tmp3{padding:50px 0 30px}
    .news-page.list .tmp3 li{width:calc(50% - 5px);margin-right:10px;margin-bottom: 20px;}
    .news-page.list .tmp3 li:nth-child(3n){margin-right:10px;}
    .news-page.list .tmp3 li:nth-child(2n){margin-right:0;}
    .news-page.list .tmp3 li .img-bg{margin-bottom: 10px}
    .news-page.list .tmp3 li .img-bg::before{width:30px;height:30px;background-size:8px;opacity: 1;}
    .news-page.list .tmp3 li .img-bg::after{opacity: 1}
    .news-page.list .tmp3 li>a{font-size: 12px;}
    .news-page.list .tmp3 .page{padding:10px 0 20px}

    .news-page.detail .box1{display: block;padding:50px 0}
    .news-page.detail .box1 .qr{display: none;}
    .news-page.detail .box1 .con{width:100%}
    .news-page.detail .box1 .time{font-size: 14px;justify-content: center;}
    .news-page.detail .box1 .time>p:nth-of-type(1){margin-right: 20px;}
    .news-page.detail .box1 .con>p{font-size: 22px;line-height: 32px;margin:10px 0 20px;text-align: center;}
    .news-page.detail .box1 .content{padding:30px 0;margin-bottom: 30px;}
    .news-page.detail .box1 .content video{margin-bottom: 20px;}
    .news-page.detail .box1 .content p{font-size: 14px;line-height: 26px}
    .news-page.detail .box1 .jump{display: block}
    .news-page.detail .box1 .jump .info{width:100%;margin-bottom: 20px;}
    .news-page.detail .box1 .jump .info>a{font-size: 14px;}
    .news-page.detail .box1 .jump .info>a:first-child{margin-bottom: 10px;}
    .news-page.detail .box1 .jump>a{width:130px;line-height: 40px;font-size: 14px;}

    .news-page.detail .box2{padding-bottom: 20px;}
    .news-page.detail .box2>p{padding-left: 30px;font-size: 25px;line-height: 35px;margin-bottom: 30px;}
    .news-page.detail .box2 ul{display: block}
    .news-page.detail .box2 li{width:100%;margin-right: 0;border-radius: 10px;padding:30px 25px}
    .news-page.detail .box2 li>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:10px 0 15px}
    .news-page.detail .box2 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 20px;}
}

@media (any-hover:hover){
    .news-page.index li:hover{transform: translateY(-15px);}
    .news-page.index .unvideo:hover{background: #f7f7f7}
    .news-page.index .unvideo:hover>p:nth-of-type(1){color:#dd1017}
    .news-page.index .unvideo:hover .img-bg::before{opacity: 1;}
    .news-page.index .unvideo:hover .img-bg::after{opacity: 1;}
    .news-page.index .video:hover .img-bg::before{opacity: 1;}
    .news-page.index .video:hover .img-bg::after{opacity: 1;}
    .news-page.index .video:hover>a{color:#dd1017}

    .news-page.list .tmp1 li:hover{transform: translateY(-15px);background: #f7f7f7;}
    .news-page.list .tmp1 li:hover>p:nth-of-type(1){color:#dd1017}
    .news-page.list .tmp1 li:hover .img-bg::before{opacity: 1;}
    .news-page.list .tmp1 li:hover .img-bg::after{opacity: 1;}

    .news-page.list .tmp2 li:hover{background: #f7f7f7;border-radius: 10px;}
    .news-page.list .tmp2 li:hover .info>p:nth-of-type(2){color:#dd1017;}
    .news-page.list .tmp2 li:hover .arrow>p{background-color: #dd1017;background-image: url(../images/arrow2.png);}
    
    .news-page.list .tmp3 li:hover .img-bg::before{opacity: 1;}
    .news-page.list .tmp3 li:hover .img-bg::after{opacity: 1;}
    .news-page.list .tmp3 li:hover>a{color:#dd1017}

    .news-page.detail .box1 .jump .info>a:hover{color:#dd1017}
    .news-page.detail .box1 .jump>a:hover{opacity:.8}

    .news-page.detail .box2 li:hover{transform: translateY(-15px);background: #f7f7f7;}
    .news-page.detail .box2 li:hover>p:nth-of-type(1){color:#dd1017}
    .news-page.detail .box2 li:hover .img-bg::before{opacity: 1;}
    .news-page.detail .box2 li:hover .img-bg::after{opacity: 1;}
}

/* 关于 */
.about-page{position: relative;}
.about-page .width{max-width: 1400px;}
.about-page .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.about-page .box1{position: relative;background: linear-gradient(to bottom,#fff,#f8f8f8);}
.about-page .box1 .width{transform: translateY(-120px);background: linear-gradient(to bottom,#fff,#f8f8f8);border-radius: 20px 20px 0 0;padding:90px 100px 0;max-width: 1600px;}
.about-page .box1 .width>p:nth-of-type(1){font-size: 48px;line-height: 58px;color:#000;margin:65px 0 20px}
.about-page .box1 .width>p:nth-of-type(2){font-size: 36px;line-height: 46px;}
.about-page .box1 .width>p:nth-of-type(3){font-size: 16px;line-height: 32px;color:#666;margin:45px 0 75px}
.about-page .box1 ul{display: flex;flex-wrap: wrap;}
.about-page .box1 li{width:calc(100% / 3 - 20px);margin-bottom: 50px;margin-right: 30px;}
.about-page .box1 li:nth-child(3n){margin-right: 0;}
.about-page .box1 li>p:nth-of-type(1){display: flex;color:#dd1017;align-items: center;font-size: 30px;}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 62px;margin-right: 10px;}
.about-page .box1 li>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
.about-page .box1 .waves{height:600px;position: absolute;bottom:0;left:0;width:100%}

.about-page .box2{padding-top:110px}
.about-page .box2 .tit{display: inline-block;}
.about-page .box2 #threeD{margin-top: -100px;cursor: none;}
.about-page .box2 .hand{width:120px;height:120px;border-radius: 50%;border:1px #e5e5e5 solid;background: rgba(255,255,255,.95) url(../images/32.png) no-repeat center center/40px;cursor: pointer;position: fixed;z-index: 3;display: none;}
.about-page .box2 ul{display: none;}

.about-page .box3 .con-box{position: relative;margin-top:35px;height:700px}
.about-page .box3 .img{opacity: 0;transition: .3s;position: absolute;top:0;left:0;width:100%;height:100%}
.about-page .box3 .img.active{opacity: 1;}
.about-page .box3 .m{display: none;}
.about-page .box3 .con-box .width{position: absolute;top:150px;left:50%;transform: translateX(-50%);display: flex;align-items: flex-start;}
.about-page .box3 .cate{margin:12px 60px 0 0;width:160px;line-height: 48px;border:1px #dd1017 solid;border-radius: 5px;color:#dd1017;text-align: center;font-size: 16px;}
.about-page .box3 .con{width:48%;}
.about-page .box3 .swiper-container{max-height:256px;margin-bottom: 70px;}
.about-page .box3 .swiper-slide{font-size: 20px;line-height: 30px;color:#666;margin-bottom: 30px;height:auto !important}
.about-page .box3 .swiper-slide-active{font-size: 36px;line-height: 46px;color:#000;font-weight: bold;}
.about-page .box3 .arrow{display: flex;}
.about-page .box3 .arrow>div{width:60px;height:60px;border-radius: 50%;background: #bbb url(../images/arrow1-w.svg) no-repeat center center/20px;transition: .3s;cursor: pointer;}
.about-page .box3 .prev{transform: rotate(180deg);margin-right: 10px;}

.about-page .box4{padding:110px 0;}
.about-page .box4 .map{position: relative;margin:50px auto;width:1349px;height:656px;}
.about-page .box4 .m-img{display:none}
.about-page .box4 .pos.m{display: none;}
.about-page .box4 .pos>p{font-size: 16px;color:#666;position: absolute;padding-right: 20px;}
.about-page .box4 .pos>p>span:nth-of-type(1){width:8px;height:8px;border-radius: 50%;background: #666;position: absolute;top:6px;right:0}
.about-page .box4 .pos>p>span:nth-of-type(1)::after{content:'';width:100%;height:100%;border-radius: 50%;background: #666;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);animation: about-box4-play 1.5s linear infinite}
.about-page .box4 .pos>p:nth-child(2)>span:nth-of-type(1)::after{animation-delay: 1s;}
.about-page .box4 .pos>p.theme{color:#dd1017}
.about-page .box4 .pos>p.right{padding-right: 0;padding-left: 20px;}
.about-page .box4 .pos>p.bottom{padding-right: 0;padding-top:25px}
.about-page .box4 .pos>p.theme>span:nth-of-type(1){background: #dd1017;width:10px;height:10px}
.about-page .box4 .pos>p.theme>span:nth-of-type(1)::after{background: #dd1017;}
.about-page .box4 .pos>p.right>span:nth-of-type(1){right:auto;left:0}
.about-page .box4 .pos>p.bottom>span:nth-of-type(1){right:auto;left:50%;transform: translateX(-50%);}
.about-page .box4 ul{display: flex;justify-content: center;}
.about-page .box4 li{display: flex;align-items: center;margin-right: 120px;}
.about-page .box4 li:last-child{margin-right: 0;}
.about-page .box4 li .img-div{width: 53px;height: 53px;margin-right: 30px;}
.about-page .box4 .info>p:nth-of-type(1){font-size: 24px;color:#dd1017;display: flex;align-items: center}
.about-page .box4 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: 48px;}
.about-page .box4 .info>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
@keyframes about-box4-play {
    to{transform: translate(-50%,-50%) scale(2.5);opacity: 0;}
}

@media (max-width:1440px){
    .about-page .box1 .width{transform: translateY(-80px);padding:70px 80px 0}
    .about-page .box1 .width>p:nth-of-type(1){font-size: 40px;line-height: 50px;margin:45px 0 10px}
    .about-page .box1 .width>p:nth-of-type(2){font-size: 30px;line-height: 40px;}
    .about-page .box1 li>p:nth-of-type(1){font-size: 25px;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 50px;}
    .about-page .box1 li>p:nth-of-type(2){font-size: 16px;line-height: 26px;}
    
    .about-page .box2{padding-top: 90px;}

    .about-page .box3 .con-box{height: 600px;}
    .about-page .box3 .con-box .width{top:80px}
    .about-page .box3 .cate{margin-right: 40px;}
    .about-page .box3 .swiper-container{margin:10px 0 60px;max-height:206px}
    .about-page .box3 .swiper-slide{font-size: 18px;line-height: 28px;margin-bottom: 20px;}
    .about-page .box3 .swiper-slide-active{font-size: 32px;line-height: 42px;}
    .about-page .box3 .arrow>div{width:50px;height:50px}

    .about-page .box4{padding:90px 0}
    .about-page .box4 li{margin-right: 80px;}
}

@media (max-width:1348px){
    .about-page .box4 .map{width:1280px;height:622px}
}

@media (max-width:1279px){
    .about-page .tit{padding-left: 30px;font-size: 25px;line-height: 35px}

    .about-page .box1 .width{transform: translateY(0);border-radius: 0;padding:50px 0;}
    .about-page .box1 .width>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:20px 0 10px}
    .about-page .box1 .width>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .about-page .box1 .width>p:nth-of-type(3){font-size: 14px;line-height: 26px;margin:20px 0}
    .about-page .box1 ul{display: block;}
    .about-page .box1 li{width:100%;margin-bottom: 20px;margin-right: 0;}
    .about-page .box1 li>p:nth-of-type(1){font-size: 16px;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 30px;margin-right: 5px;}
    .about-page .box1 li>p:nth-of-type(2){font-size: 16px;line-height: 26px;}
    .about-page .box1 .waves{height:300px}

    .about-page .box2{padding:50px 0}
    .about-page .box2 #threeD{display: none;}
    .about-page .box2 ul{display:block;margin-top: 10px;}
    .about-page .box2 li{border-bottom: 1px #eee solid;padding:20px 0}
    .about-page .box2 li>p:nth-of-type(1){font-size: 20px;margin-bottom: 10px;}
    .about-page .box2 li>p:nth-of-type(2){line-height: 24px;color:#666}

    .about-page .box3 .con-box{margin-top:30px;height:auto}
    .about-page .box3 .img{position: static;padding-bottom: 81.06%;display: none;}
    .about-page .box3 .m{display: block;}
    .about-page .box3 .con-box .width{position: static;transform: translateX(0);display: block}
    .about-page .box3 .cate{margin:30px 0 20px 0;width:120px;line-height: 40px;font-size: 14px;}
    .about-page .box3 .con{width:100%;}
    .about-page .box3 .swiper-container{max-height:150px;margin-bottom: 20px;}
    .about-page .box3 .swiper-slide{font-size: 16px;line-height: 26px;margin-bottom: 10px;}
    .about-page .box3 .swiper-slide-active{font-size: 18px;line-height: 32px;}
    .about-page .box3 .arrow>div{width:35px;height:35px;background-size:16px}

    .about-page .box4{padding:50px 0 20px;}
    .about-page .box4 .map{margin:30px auto;width:100%;height:auto;}
    .about-page .box4 .pc-img{display:none}
    .about-page .box4 .m-img{display:block}
    .about-page .box4 .pos.pc{display: none;}
    .about-page .box4 .pos.m{display: block;}
    .about-page .box4 .pos{position:absolute;top:0;left:0;width:100%;height:100%}
    .about-page .box4 .pos>p>span:nth-of-type(1){width:6px;height:6px}
    .about-page .box4 .pos>p.theme>span:nth-of-type(1){width:8px;height:8px}
    .about-page .box4 ul{flex-wrap: wrap;}
    .about-page .box4 li{display: block;margin-right: 10px;width: calc(50% - 5px);margin-bottom: 30px;}
    .about-page .box4 li:last-child{margin-right: 10px;}
    .about-page .box4 li:nth-child(2n){margin-right: 0;}
    .about-page .box4 li .img-div{width: 38px;height: 38px;margin: 0 auto;}
    .about-page .box4 .info>p:nth-of-type(1){font-size: 16px;justify-content: center;margin:10px 0 0}
    .about-page .box4 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: 30px;width:auto !important;margin-right: 5px;}
    .about-page .box4 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;text-align: center;}
}

@media (any-hover:hover){
    .about-page .box3 li:hover{color:#dd1017}
    .about-page .box3 .arrow>div:hover{background-color: #dd1017;}
}

/* 联系 */
.contact-page{position: relative;}
.contact-page .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}
.contact-page .con{display: flex;}
.contact-page .form{width:69.37%;padding: 70px 80px 80px 0;}
.contact-page .form ul{display: flex;flex-wrap: wrap;margin-top: 50px;}
.contact-page .form li{width:calc(50% - 15px);margin-bottom: 25px;}
.contact-page .form li:nth-child(2n+1){margin-right: 30px;}
.contact-page .form li.w100{width:100%;margin-right: 0;}
.contact-page .form li>p{font-size: 16px;margin-bottom: 15px;}
.contact-page .form li>p>span{color:red;margin-right: 10px;}
.contact-page .form li>input{height: 50px;background: #f9f9f9;border: 1px solid #eee;width:100%;border-radius: 5px;padding:0 20px}
.contact-page .form li>input:focus{border-color:#dd1017}
.contact-page .form .select>select{height: 50px;background: #f9f9f9;border: 1px solid #eee;width:100%;border-radius: 5px;padding:0 20px}
.contact-page .form .select>select:focus{border-color:#dd1017}
.contact-page .form li>textarea{height: 340px;background: #f9f9f9;border: 1px solid #eee;width:100%;border-radius: 5px;padding:15px 20px}
.contact-page .form li>textarea:focus{border-color:#dd1017}
.contact-page .form .btn{width:160px;line-height: 50px;background: #dd1017;color:#fff;border-radius: 30px;transition: .3s;cursor: pointer;font-size: 16px;text-align: center;margin: 20px 0 50px;}
.contact-page #map{height:600px;border-radius: 10px;}
.BMapLabel{opacity: 0;}
.BMap_stdMpCtrl,.BMap_cpyCtrl,.anchorBL,.BMap_omCtrl{display: none;}
.BMap_bubble_title>p:nth-of-type(1){font-size: 16px;}
.contact-page .info{width:30.63%;border-left: 1px #eee solid;padding:70px 40px 80px}
.contact-page .base{margin-bottom: 30px;}
.contact-page .base>p{line-height: 24px;margin-bottom: 10px;}
.contact-page .base>p:nth-of-type(1){border-top:1px #eee solid;margin-top:25px;padding-top:20px}
.contact-page .outlink{display: flex;flex-wrap: wrap;}
.contact-page .outlink>a{width:32px;height:32px;border-radius: 50%;border:1px #ddd solid;margin: 0 10px 10px 0;position: relative;}
.contact-page .outlink>a>img{max-width: 60%;max-height: 60%;}
.contact-page .outlink .qr{position: absolute;top:calc(100% + 10px);left:50%;transform: translateX(-50%);width:100px;height:100px;display: none;z-index: 2;}
.contact-page .other ul{border-top:1px #eee solid;margin-top:25px;padding-top:20px}
.contact-page .other li{margin-bottom: 40px;}
.contact-page .other li>p{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.contact-page .other .txt{border-radius: 10px;background: #f9f9f9;padding:25px 15px 25px 25px}
.contact-page .other .txt>p{font-size: 16px;line-height: 30px;padding-left: 35px;margin-bottom: 5px;}
.contact-page .address{background: url(../images/37.png) no-repeat left 4px/22px;}
.contact-page .domain{background: url(../images/38.png) no-repeat left 6px/22px;}
.contact-page .email{background: url(../images/39.png) no-repeat left 7px/21px;}
.contact-page .tel{background: url(../images/40.png) no-repeat left 5px/22px;}

@media (max-width:1440px){
    .contact-page .form{padding:50px 60px 60px 0}
    .contact-page .form ul{margin-top: 40px;}
    .contact-page .info{padding:50px 30px 60px}
    .contact-page .other li>p{font-size: 18px;line-height: 28px;}
    .contact-page .other .txt>p{font-size: 14px;line-height: 26px;}
}

@media (max-width:1279px){
    .contact-page .tit{padding-left: 30px;font-size: 25px;line-height: 35px;}
    .contact-page .con{display: block;width:calc(100% - 40px);margin:0 auto}
    .contact-page .form{width:100%;padding: 50px 0;}
    .contact-page .form ul{display: block;margin-top: 30px;}
    .contact-page .form li{width:100%;margin-bottom: 20px;}
    .contact-page .form li:nth-child(2n+1){margin-right: 0;}
    .contact-page .form li>p{font-size: 14px;margin-bottom: 10px;}
    .contact-page .form li>input{height: 40px;padding:0 15px}
    .contact-page .form .select>select{height: 40px;padding:0 15px}
    .contact-page .form li>textarea{height: 200px;padding:15px}
    .contact-page .form .btn{width:120px;line-height: 40px;font-size: 14px;margin:20px 0 30px}
    .contact-page #map{height:450px}
    .contact-page .info{width:100%;border-left: 0;padding:0 0 20px}
    .contact-page .base>p:nth-of-type(1){margin-top:15px}
    .contact-page .outlink>a{width:30px;height:30px;margin: 0 5px 10px 0;}
    .contact-page .outlink .qr{position: absolute;top:calc(100% + 10px);left:50%;transform: translateX(-50%);width:100px;height:100px;display: none;z-index: 2;}
    .contact-page .outlink>a:first-child .qr{left:0;transform: translateX(0);}
    .contact-page .outlink>a:last-child .qr{left:auto;right:0;transform: translateX(0);}
    .contact-page .other ul{margin-top:15px;padding-top:15px}
    .contact-page .other li{margin-bottom: 30px;}
    .contact-page .other li>p{font-size: 18px;line-height: 28px;}
    .contact-page .other .txt{padding:30px 20px}
    .contact-page .other .txt>p{font-size: 14px;line-height: 26px;padding-left: 30px;}
    .contact-page .address{background-size:18px;}
    .contact-page .domain{background-size:19px;}
    .contact-page .email{background-size:18px;}
    .contact-page .tel{background-size:18px;}
}

@media (any-hover:hover){
    .contact-page .form .btn:hover{opacity: .8;}
}

/* 服务 */
.service-page{position: relative;}
.service-page .tit{padding-left: 40px;color:#dd1017;font-size: 30px;line-height: 40px;background: url(../images/7.png) no-repeat left center/20px;}

.service-page .box1{padding:90px 0 120px}
.service-page .box1 .width>p{font-size: 18px;line-height: 30px;color:#666;max-width: 770px;margin:30px 0 80px}
.service-page .box1 .swiper-container{padding-bottom: 70px;}
.service-page .box1 .swiper-slide{width:auto;height:auto}
.service-page .box1 .swiper-slide>p{font-size: 120px;color:#e5e5e5;margin:15px 0 60px}
.service-page .box1 .swiper-slide-active>p{color:#000}
.service-page .box1 .info{max-width: 310px;margin:0 auto;text-align: center;display: none;}
.service-page .box1 .swiper-slide-active .info{display: block;}
.service-page .box1 .info>p:nth-of-type(1){font-size: 24px;line-height: 34px;color:#000;margin-bottom: 5px;}
.service-page .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 28px;color:#666}
.service-page .box1 .circle>p:nth-of-type(1){width:200px;height:200px;border-radius: 50%;background: #fff;mix-blend-mode:difference;position: absolute;top:0;left:50%;transform: translateX(-50%);z-index: 2;}
.service-page .box1 .circle>p:nth-of-type(2){width:200px;height:200px;border-radius: 50%;background: #22efe8;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.service-page .box1 .swiper-scrollbar{opacity:1 !important;height:4px;background:#eee;left: 50%;transform:translateX(-50%);width:100%;bottom:0}
.service-page .box1 .swiper-scrollbar-drag{background:#dd1017;height:4px}

.service-page .box2{padding:90px 0 60px;}
.service-page .box2 ul{margin-top: 50px;}
.service-page .box2 li{display: flex;margin-bottom: 60px;position: relative;}
.service-page .box2 .img-bg{width:68.75%;border-radius: 20px;}
.service-page .box2 .img{padding-bottom:56.81%}
.service-page .box2 .info{position: absolute;bottom:0;right:0;width:50%;background: #fff;border-radius: 20px 0 0 0;padding:70px 40px 70px 80px}
.service-page .box2 .img-div{width:61px;height:61px}
.service-page .box2 .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;color: #000;margin:30px 0 20px}
.service-page .box2 .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color: #666;max-height:90px;padding-right: 20px;}
.service-page .box2 li:nth-child(2n){justify-content: flex-end;}
.service-page .box2 li:nth-child(2n) .info{right:auto;left:0;border-radius: 0 20px 0 0}
.service-page .box2 .myscroll::-webkit-scrollbar{width:2px;height:2px;}
.service-page .box2 .myscroll::-webkit-scrollbar-thumb{background: #dd1017}
.service-page .box2 .myscroll::-webkit-scrollbar-track{background:#eee}

@media (max-width:1440px){
    .service-page .box1{padding:70px 0 100px}
    .service-page .box1 .width>p{margin:30px 0 50px}
    .service-page .box1 .swiper-container{padding-bottom: 50px;}
    .service-page .box1 .swiper-slide>p{font-size: 100px;}
    .service-page .box1 .circle>p:nth-of-type(1){width:180px;height:180px}
    .service-page .box1 .circle>p:nth-of-type(2){width:180px;height:180px}

    .service-page .box2{padding:70px 0 40px;}
    .service-page .box2 .info{padding:60px 30px 60px 70px}
    .service-page .box2 .img-div{width:55px;height:55px}
    .service-page .box2 .info>p:nth-of-type(1){font-size: 25px;line-height: 35px;margin:20px 0 10px}
}

@media (max-width:1279px){
    .service-page .tit{padding-left: 30px;font-size: 25px;line-height: 35px}

    .service-page .box2{padding:50px 0 20px;}
    .service-page .box2 ul{margin-top: 30px;}
    .service-page .box2 li{display: block;margin-bottom: 30px;}
    .service-page .box2 .img-bg{width:100%;border-radius: 10px 10px 0 0;}
    .service-page .box2 .info{position: static;width:100%;border-radius: 0 0 10px 10px;padding:30px 25px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .service-page .box2 .img-div{width:41px;height:41px}
    .service-page .box2 .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin:15px 0 10px}
    .service-page .box2 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;max-height:9000px;padding-right: 0;}
    .service-page .box2 li:nth-child(2n) .info{border-radius: 0 0 10px 10px}
}

/* 资源 */
.resource-page{position: relative;}
.resource-page .con{padding:70px 0}
.resource-page .cate{display: flex;justify-content: center;margin-bottom: 50px;}
.resource-page .cate>a{font-size: 24px;color:#666;margin-right: 40px;}
.resource-page .cate>a:last-child{margin-right: 0;}
.resource-page .cate>a.active{color:#dd1017;font-weight: bold;text-decoration: underline;}
.resource-page ul{display: flex;flex-wrap: wrap;}
.resource-page li{width:calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 45px;cursor: pointer;position: relative;}
.resource-page li:nth-child(3n){margin-right: 0;}
.resource-page li .img{padding-bottom: 130%;box-shadow: 0 0 15px rgba(0,0,0,.1);position: relative;}
.resource-page .mask{position: absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.8));display: flex;justify-content: center;align-items: center;opacity: 0;transition: .3s;}
.resource-page .mask>a{width:180px;line-height: 60px;border-radius: 30px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;background: #dd1017;position: relative;z-index: 20;}
.resource-page .mask>a>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;color:#fff}
.resource-page .mask>a>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #fff url(../images/42.png) no-repeat center center/34px;transition: .3s;}
.resource-page li>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin: 25px 0 15px;}
.resource-page li>p:nth-of-type(2){color:#999;background: url(../images/10.png) no-repeat left center/17px;padding-left: 25px;}
.resource-page .page{padding:20px 0 50px;}
.resource-page .popup-box{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);z-index: 999;display: none;}
.resource-page .popup{width:500px;background: #fff;border-radius: 20px;padding:40px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.resource-page .popup .close{position: absolute;right:30px;top:30px;background: url(../images/close.svg) no-repeat center center/25px;width:25px;height:25px;cursor: pointer;}
.resource-page .popup>p{font-size: 30px;text-align: center;margin-bottom: 20px;}
.resource-page .popup>input{height: 50px;width:100%;border: 1px #eee solid;border-radius: 10px;padding:0 20px;margin-bottom: 20px;}
.resource-page .popup>input:focus{border-color:#dd1017}
.resource-page .popup .btn{line-height: 50px;background: #dd1017;color:#fff;text-align: center;cursor: pointer;transition: .3s;font-size: 16px;border-radius: 10px;}
.resource-page .popup-box>a{display: none;}

@media (max-width:1440px){
    .resource-page .con{padding:50px 0}
    .resource-page li>p:nth-of-type(1){font-size: 18px;line-height: 28px;}
}

@media (max-width:1279px){
    .resource-page .con{padding:50px 0 20px}
    .resource-page .cate{margin-bottom: 30px;}
    .resource-page .cate>a{font-size: 18px;margin-right: 20px;}
    .resource-page li{width:calc(50% - 10px);margin-right: 20px;margin-bottom: 30px}
    .resource-page li:nth-child(3n){margin-right: 20px;}
    .resource-page li:nth-child(2n){margin-right: 0;}
    .resource-page li .img{box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .resource-page li>p:nth-of-type(1){font-size: 14px;line-height: 24px;margin: 20px 0 10px;}
    .resource-page .page{padding:10px 0 30px;}
    .resource-page .popup{width:90%;border-radius: 10px;padding:30px 25px}
    .resource-page .popup .close{right:20px;top:20px;background-size:20px;width:20px;height:20px}
    .resource-page .popup>p{font-size: 22px;}
    .resource-page .popup>input{height: 40px;padding:0 15px;margin-bottom: 15px;}
    .resource-page .popup .btn{line-height: 40px;font-size: 14px}
}

@media (any-hover:hover){
    .resource-page .cate>a:hover{text-decoration: underline;}
    .resource-page li:hover .mask{opacity: 1;}
    .resource-page .mask>a:hover>span:first-child{transform: translateX(22px)}
    .resource-page .mask>a:hover>span:last-child{transform: translateX(100px);}
    .resource-page li:hover>p:nth-of-type(1){color:#dd1017}
    .resource-page .popup .btn:hover{opacity: .8;}
}

/* faq */
.faq-page{position: relative;}
.faq-page .con{padding:80px 0 60px}
.faq-page .con li{border:1px #eee solid;border-radius: 10px;padding:40px 50px;margin-bottom: 30px;transition: .3s;}
.faq-page .con li>p:nth-of-type(1){display: flex;align-items: flex-start;cursor: pointer;}
.faq-page .con li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 16px;width:33px;height:30px;background: url(../images/43-g.png) no-repeat center center/33px;color:#fff;display: inline-block;text-align: center;line-height: 26px;margin-top:3px}
.faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 24px;line-height: 34px;position: relative;flex:1;padding:0 60px 0 20px;}
.faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2)::after{content:'';width:40px;height:40px;border-radius: 50%;background: #eee url(../images/arrow.svg) no-repeat center center/12px;position: absolute;top:0;right:0;transform: rotate(180deg);transition: .3s;}
.faq-page .con li>p:nth-of-type(2){display: none;font-size: 16px;line-height: 30px;color:#666;margin:25px 0 10px}
.faq-page .con li.active{background:#fafafa}
.faq-page .con li.active>p:nth-of-type(1)>span:nth-of-type(1){background-image: url(../images/43.png);}
.faq-page .con li.active>p:nth-of-type(1)>span:nth-of-type(2){color:#dd1017;font-weight: bold;}
.faq-page .con li.active>p:nth-of-type(1)>span:nth-of-type(2)::after{background-color: #dd1017;background-image: url(../images/arrow-w.svg);transform: rotate(0);}
.faq-page .page{padding:15px 0 20px}

@media (max-width:1440px){
    .faq-page .con{padding:60px 0 40px}
    .faq-page .con li{padding:35px 40px}
    .faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 22px;line-height: 32px;}
    .faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2)::after{width:35px;height:35px}
}

@media (max-width:1279px){
    .faq-page .con{padding:50px 0 20px}
    .faq-page .con li{padding:25px}
    .faq-page .con li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 12px;width:24px;height:22px;background-size:24px;line-height: 18px}
    .faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 16px;line-height: 26px;padding:0 40px 0 15px;}
    .faq-page .con li>p:nth-of-type(1)>span:nth-of-type(2)::after{width:25px;height:25px;background-size: 10px;}
    .faq-page .con li>p:nth-of-type(2){font-size: 14px;line-height: 26px;margin:20px 0 0}
    .faq-page .page{padding:0 0 30px}
}

/* 搜索 */
.search-page{position:relative}
.search-page .con{padding:90px 0 60px}
.search-page ul{display: flex;flex-wrap:wrap;}
.search-page li{width:calc(100% / 3 - 26px);margin-right:39px;cursor: pointer;margin-bottom: 40px;position: relative;}
.search-page li:nth-child(3n){margin-right:0;}
.search-page li .img-div{height:260px;border:1px #eee solid;border-radius: 10px;}
.search-page li .img-div>img{max-width: 90%;max-height:90%}
.search-page li .img-bg{border-radius:10px;height:260px}
.search-page li .img{height:100%;}
.search-page li>p{font-size: 20px;text-align: center;margin-top: 20px;}
.search-page .page{padding:20px 0 40px}

@media (max-width:1440px){
    .search-page .con{padding:70px 0 40px}
    .search-page li>p{font-size: 18px}
}

@media (max-width:1279px){
    .search-page .con{padding:50px 0 20px}
    .search-page li{width:calc(50% - 5px);margin-right:10px;margin-bottom: 30px}
    .search-page li:nth-child(3n){margin-right:10px;}
    .search-page li:nth-child(2n){margin-right:0;}
    .search-page li .img-div{height:120px;}
    .search-page li .img-bg{height:120px}
    .search-page li>p{font-size: 16px;margin-top: 15px;}
    .search-page .page{padding:0 0 30px}
}

@media (any-hover:hover){
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover>p{color:#dd1017}
}

/* 订阅 */
.subscribe-page{position: relative;}
.subscribe-page .con{padding:80px 0}
.subscribe-page .con>p{font-size: 30px;line-height: 40px;text-align: center;border-bottom: 1px #eee solid;padding-bottom: 20px;margin-bottom: 30px;}
.subscribe-page .content>p{font-size: 16px;line-height: 30px;color:#666}
.subscribe-page .content>a{display: inline-block;}
.subscribe-page .content>img{max-width: 100%;height:auto !important;margin:0 auto}

.subscribe-page .cancel{padding:80px 0}
.subscribe-page .cancel>p:first-child{font-size: 30px;line-height: 40px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px #eee solid;}
.subscribe-page .cancel>p{font-size: 18px;line-height: 36px;}
.subscribe-page .cancel>span{width:180px;line-height: 60px;background: #dd1017;color:#fff;border-radius: 30px;text-align: center;display: block;font-size: 16px;margin-top:20px;transition: .3s;cursor: pointer;}

@media (max-width:1440px){
    .subscribe-page .con{padding:60px 0}
    .subscribe-page .con>p:first-child{font-size: 28px;line-height: 38px;}

    .subscribe-page .cancel{padding:60px 0}
    .subscribe-page .cancel>p:first-child{font-size: 25px;line-height: 35px;}
    .subscribe-page .cancel>p{font-size: 16px;line-height: 32px;}
    .subscribe-page .cancel>span{width:160px;line-height: 50px}
}

@media (max-width:1279px){
    .subscribe-page .con{padding:50px 0}
    .subscribe-page .con>p{font-size: 22px;line-height: 32px;margin-bottom: 20px;}
    .subscribe-page .content>p{font-size: 14px;line-height: 26px}

    .subscribe-page .cancel{padding:50px 0}
    .subscribe-page .cancel>p:first-child{font-size: 22px;line-height: 32px;margin-bottom: 15px;padding-bottom: 15px;}
    .subscribe-page .cancel>p{font-size: 14px;line-height: 26px;}
    .subscribe-page .cancel>span{width:120px;line-height: 40px;font-size: 14px;}
}

@media (any-hover:hover){
    .subscribe-page .cancel>span:hover{opacity: .8;}
}