.maxw480 {max-width:480px;}
.maxw640 {max-width:640px;}
.maxw720 {max-width:720px;}
.maxw860 {max-width:860px;}
.maxw1120 {max-width:90%;margin:0 auto;}
body{margin:0 auto;position:relative;background:#fff;}
.header,.footer,.mainer{margin:0 auto;}
.toolBar{height:70px;position:fixed;top:0;width:100%;z-index:999;}
.toolBar .status{height:30px;overflow:hidden;}
.toolBar .tools{height:40px;position:relative;}
.toolBar .tools .back{float:left;line-height:40px;margin-left:10px;}
.toolBar .tools .text{position:absolute;margin:0 auto;width:75%;line-height:40px;text-align:center;font-weight:bold;color:#666;left:0;right:0;}
.toolBar .tools .find{float:right;line-height:40px;margin-right:10px;}
.toolBar .tools .find i{margin:0 2px;}


/*头部*/
@keyframes myfirst1
{
    from {transform:rotate(0);}
    to {-webkit-transform: rotate(180deg) ;
        -ms-transform: rotate(180deg) ;
        -o-transform: rotate(180deg) ;
        transform: rotate(180deg) ;
    }
}
@keyframes myfirst2
{
    from {-webkit-transform: rotate(180deg) ;
        -ms-transform: rotate(180deg) ;
        -o-transform: rotate(180deg) ;
        transform: rotate(180deg) ;}
    to {transform:rotate(0);}
}
a, li, div {
    -webkit-tap-highlight-color: transparent;
    transition: all 0.5s;
}
.header{height:90px;background:#1B1B38;position:relative;}
.header-box{height:90px;color:#fff;z-index:9999;position:relative;margin:0 auto;}
.header-box .logo{margin-top:20px;display:inline-block;}
.header-box .menu{display:flex;position:absolute;top:0;right:0;margin:0;padding:0;height:100%;}
.header-box .menu .item{width:120px;position: relative;list-style:none;text-align:center;cursor:pointer}
.header-box .menu .item > a{padding: 15px 0;display:block;color:#fff;text-decoration: none;margin-top:20px;transition: none;font-size: 16px;}
.header-box .menu .item > a.has-menu .iconfont{content: "\e6bb";font-size:12px;margin-left:3px;position:relative;display:inline-block;transform: none;}
.header-box .menu .item:hover .min-menu{display:block;box-shadow: 0 0 3px #0b2570;border-radius:3px;}
.header-box .menu .item:hover > a{color:#5c9dff;}
.header-box .menu .item:hover a.has-menu .iconfont{animation:myfirst1 .5s forwards;}
.header-box .menu .item:active a.has-menu .iconfont{animation:myfirst2 .5s forwards;}
.header-box .menu .item .min-menu{background:#fff;border:1px solid #e2e2e2;margin-top:18px;color:#999;position:absolute;width:160px;display:none;left: -20px;}
.header-box .menu .item .min-menu a{display:block;padding:10px 0;color:#666;text-decoration: none;}
.header-box .menu .item .min-menu a:hover{background:#e2e2e2;}

.flexBox{display:flex;}
.backFilter {
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0px 0.2rem;
    backdrop-filter: blur(24px);
}

.container{min-height:300px;}
.footer-box {background: #17171A;color:#fff;padding:20px 0;}
.footer-box a{color:#fff;text-decoration: none;}
.footer-box .footBox1{margin:0 auto;text-align:left;}
.footer-box .footBox1 > div{width:50%;}

.footer-box .footBox1 .qrcode{text-align:center;}
.footer-box .footBox1 .qrcode img{width:100%;}
.footer-box .footBox1 .qrcode > div{padding:20px;line-height:40px;}
.footer-box .footBox1 .qrcode > div:first-child{padding-left:0;}
.footer-box .footBox1 .contact > div{padding:5px 0;}
.footer-box .footBox1 .menuList {padding: 0;margin:0;text-align:center;}
.footer-box .footBox1 .menuList > dl{padding: 0 10px;margin:0;width:100%;}
.footer-box .footBox1 .menuList dt{padding: 5px;}
.footer-box .footBox1 .menuList dd{padding: 5px 0 ;margin:0;font-size:14px;color:#999;text-align:right;height:16px;}
.footer-box .bottomBox{border-top:1px solid #efefef;padding:10px 0;margin-top:20px;font-size:12px;color:#999;}
.footer-box .bottomBox > div{margin:0 auto;}
.footer-box .bottomBox a{color:#999;}
.footer-box .bottomBox a:hover{color:#f55b5b;}
.footer-box .bottomBox .other a{margin-left:10px;}
.footer-box .bottomBox .other{text-align:right;width:30%;}

.mainer-box{margin:0 auto;}
.mainer-box .menu {width:20vw;}





.index-box .maxw1120{margin:0 auto;}
.index-box .maxw1120 .title{font-size:30px;text-align:center;}
.skewY {transform: skewY(-15deg);-ms-transform: skewY(-15deg);-webkit-transform: skewY(-15deg);-o-transform: skewY(-15deg);}
.skewX {transform: skewY(15deg);-ms-transform: skewY(15deg);-webkit-transform: skewY(15deg);-o-transform: skewY(15deg);}
.index-box {width:100%;overflow:hidden;}
.index-box .text1{height:auto;position:relative;transition: none;padding:20px 0;}
.index-box .first .video {width:120%;position:absolute;top:0;left:0;z-index:-1;}
.index-box .first video {width:100%;}
.index-box .first .bg {position: absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#313131a6}
.index-box .first .video-text {height:auto;overflow:hidden;text-align:center;color:#fff;padding: 10vw 0;}
.index-box .first .video-text > p.title{font-size:70px;margin-bottom:20px;font-weight:bold;}
.index-box .first .video-text .desc{font-size:16px;}
.index-box .first .video-text .desc p {margin:5px;padding:0;}
.index-box .first .video-text .btn {margin-top:10px;}
.index-box .first .video-text .btn button{border-radius: 20px;padding:0 10px;border:1px solid #e2e2e2;}
.index-box .first .video-text .btn a{font-size:16px;}
.index-box .first .video-text .btn i {font-size:16px;}
.index-box .first .video-text .btn > a{background:#2050d8;padding:0 5px;display:inline-block;}

.index-box .second .floatDiv {position:absolute;top:0;}
.index-box .second .floatDiv .color{display: block; width: 100vw;height: 70vw;position:relative;background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#264bc3), to(#133081));transition:none;top:0;}
.index-box .second .floatDiv .image{width: 100vw;height: 15vw;position:relative;transition:none;text-align:center;}
.index-box .second .floatDiv .image img{width:100%;height:100%;margin:0 auto;}
.index-box .second .textDiv{position:relative;top:0;width:100%;text-align:center;z-index: 99;}
.index-box .second .textDiv > p{color:#fff;font-size:30px;width:70%;margin:0 auto;}
.index-box .second .textDiv > div{width:80%;margin:0 auto;}
.index-box .second .textDiv img{max-width:100%;}
.index-box .second .title{font-size:30px;color:#fff;position:relative;left:0;text-align:left;}
.index-box .second .text1Div {padding-top:5vw;}
.index-box .second .text1Div > div{margin:0 auto;}
.index-box .second .text2Div {position:relative;width:30vw;}
.index-box .second .text2Div .title{margin-top:7vw;}
.index-box .second .text2Div .data {position:relative;top:0;left:20vw;height:10vw;width:50vw;text-align:left;zoom:1;}
.index-box .second .text2Div:before {content: '';display: block;clear: both;height:auto;}
.index-box .second .text2Div .dataBox{width:20vw;background:#fff;border-radius: 15px;height:auto;position:absolute;box-shadow: 0 0 5px #0b2570;padding:10px 0;top:0;max-width:160px;}
.index-box .second .text2Div .dataBox .item{margin:10px 20px;}
.index-box .second .text2Div .dataBox .number{padding:5px 0;}
.index-box .second .text2Div .dataBox .progress{height:2px;line-height:3px;background:red;overflow:hidden;}
.index-box .second .text2Div .dataBox .text{padding:5px 0;}

@media screen and (max-width: 767px) {
    .index-box .title{font-size:20px!important;}
    .index-box .first .title{font-size:30px!important;}
    .index-box .second .text2Div .data {left: 6vw!important;}
    .index-box .third  {transform: scale(.7)}
    .index-box .third .dataBox {width:150px;}
    .index-box .fifth .content {display:block!important;}
    .index-box .sixth .content {display:block!important;}
    .footer-box .footBox1 {display:block!important;}
    .footer-box .footBox1 > div{width:100%!important;}
    .footer-box .menuList {padding:20px 0!important;}
}
@media screen and (max-width: 600px) {
    .index-box .title{font-size:15px!important;}
    .index-box.first .title{font-size:20px!important;}
    .index-box .third {transform: scale(.5)}
    .index-box .third .dataBox {width:100px;}
    .index-box .fifth .content {display:block!important;}
    .index-box .sixth .content {display:block!important;}
    .index-box .sixth .content li {width:33%!important;}
    .footer-box .footBox1 {display:block!important;}
    .footer-box .footBox1 > div{width:100%!important;}
}

@media screen and (max-width: 300px) {
    .index-box .sixth .content {display:block!important;}
    .index-box .sixth .content ul {display:block!important;}
    .index-box .sixth .content ul li {width:100%!important;}
}
.index-box .fourth >div  {margin:0 auto;}
.index-box .fourth .title {font-size:30px;text-align:center;}

.index-box .fifth{position:relative;}
.index-box .fifth .title{padding:3vw;}
.index-box .fifth .sTitle{padding:10px 0;}
.index-box .fifth ul{display:flex;position:relative;width:100%;left:0;padding:0;margin:0;}
.index-box .fifth ul .item{width:100%;position:relative;list-style:none;text-align:center;}
.index-box .fifth ul .item img{max-width:90%;margin: 0 auto;}
.index-box .fifth ul .item button{display:none;}
.index-box .fifth .color{display: block; width: 100vw;height: 100vw;position:absolute;background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#264bc3), to(#133081));transition:none;top:200px;z-index:-1;}
.index-box .fifth .content{display: flex;}

.index-box .sixth{background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#264bc3), to(#133081));color:#fff;}
.index-box .sixth .title{text-align:center;padding:3vw;}
.index-box .sixth .content{display:flex;}
.index-box .sixth ul{display:flex;}
.index-box .sixth ul .item{width:100%;padding:15px 0;}
.index-box .sixth ul li{list-style: none;text-align:center;}
.index-box .sixth ul li .iconfont{font-size:30px;}
.index-box .sixth ul dt{font-weight:bold;padding:5px 0;}
.index-box .sixth ul dd{margin:0 auto;width:80%;text-align:left;font-size:14px;}


.apply_box {padding:50px 0;text-align:center;}

.apply_box .title{padding:20px 0;}
.apply_box .layui-form{width:60%;margin:0 auto;}


.icon_jianbian1 {background: linear-gradient(to top, #c25200, #ffb236);-webkit-background-clip: text; color: transparent;}
.icon_jianbian2 {background: linear-gradient(to top, #1c76f4, #5fbcff);-webkit-background-clip: text; color: transparent;}
.icon_jianbian3 {background: linear-gradient(to top, #00b060, #2fea9b);-webkit-background-clip: text; color: transparent;}
.icon_jianbian4 {background: linear-gradient(to top, #fd1133, #ff7676);-webkit-background-clip: text; color: transparent;}
.icon_jianbian5 {background: linear-gradient(to top, #bc14fc, #e48bf9);-webkit-background-clip: text; color: transparent;}
.icon_jianbian6 {background: linear-gradient(to top, #c25200, #ffb236);-webkit-background-clip: text; color: transparent;}
.icon_jianbian7 {background: linear-gradient(to top, #c69400, #fffb00);-webkit-background-clip: text; color: transparent;}


.icon1{color:#30b9f2}
.icon2{color:#f59723}
.icon3{color:#30b9f2}
.icon4{color:#01b702}
.icon5{color:#1296db}
.icon6{color:#d52b2a}
.icon7{color:#ccc;}


/*分类图标*/
.icon2 .icon{background:#ffecf7!important;color:#fd6b6b;}
.icon2 span{color:#2b2b2b}
.icon3 .icon{background:#e4fffd!important;color:#32d5ba;}
.icon3 span{color:#2b2b2b}
.icon13 .icon{background:#fff2e1!important;color:#f5ad3f;}
.icon13 span{color:#2b2b2b}
.icon14 .icon{background:#f4f0ff!important;color:#896aff;}
.icon14 span{color:#2b2b2b }
.icon15 .icon{background:#f4f0ff!important;color:#24b2fb;}
.icon15 span{color:#2b2b2b }
.icon18 .icon{background:#f4f0ff!important;color:#24b2fb;}
.icon18 span{color:#2b2b2b }
/*各种颜色*/
.color_shade1{background: linear-gradient(to top, #e73c03, #ffb237);color: transparent;-webkit-background-clip: text;}
.color_shade2{background: linear-gradient(to top, #2d80ff, #7abcfb);color: transparent;-webkit-background-clip: text;}
.color_shade3{background: linear-gradient(to top, #6e4bfb, #b47efb);color: transparent;-webkit-background-clip: text;}
.color_shade4{background: linear-gradient(to top, #07bdbe, #4edbdc);color: transparent;-webkit-background-clip: text;}
.color_shade5{background: linear-gradient(to top, #e73c03, #ffb237);color: transparent;-webkit-background-clip: text;}
.color_shade6{background: linear-gradient(to top, #f145c4, #c40091);color: transparent;-webkit-background-clip: text;}
.back_shade1{background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffb237), to(#f26805))!important;}
.back_shade2{background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff8e00), to(#ff4700))!important;}
.back_color1 {background:#ffb237!important}
.back_color2 {background:#24b2fb!important}
.back_color3 {background:#01b702!important}
.back_color4 {background:#d32221!important}
.back_color5 {background:#ffb237!important}
.back_color6 {background:#ffb237!important}