﻿@keyframes animX {
    0% {
        left: 0;
        font-size: 0.24rem;
        opacity: 0.2
    }
    100% {
        left: 7.5rem;
        font-size: 0.18rem;
        opacity: 0.5
    }
}
@keyframes animY{
    0% {
        top: 0;
        opacity: 0.2
    }
    100% {
        top: 3.5rem;
    }
}
@keyframes animX1{
    0% {
        left: 0;
        font-size: 0.18rem;
        opacity: 0.3
    }
    50%{
        font-size: 0.24rem;
    }
    100% {
        left: 8rem;
        font-size: 0.18rem;
        opacity: 0.4
    }
}
@keyframes animY1{
    0% {
        top: 0;
        opacity: 0.3
    }
    100% {
        top: 3.6rem;
    }
}
@keyframes animX2{
    0% {
        left: 0.6rem;
        font-size: 0.24rem;
        opacity: 0.4
    }
    50%{
        font-size: 0.18rem;
    }
    100% {
        left: 7.4rem;
        font-size: 0.24rem;
        opacity: 0.3
    }
}
@keyframes animY2{
    0% {
        top: 0.4rem;
        opacity: 0.4
    }
    100% {
        top: 3.2rem;
    }
}
@keyframes animX3{
    0% {
        left: 1.8rem;
        font-size: 0.18rem;
        opacity: 0.4
    }
    50%{
        font-size: 0.16rem;
    }
    100% {
        left: 6.2rem;
        font-size: 0.18rem;
        opacity: 0.3
    }
}
@keyframes animY3{
    0% {
        top: 0.8rem;
        opacity: 0.2
    }
    100% {
        top: 2.8rem;
    }
}
@keyframes animX4{
    0% {
        left: 3.5rem;
        font-size: 0.12rem;
        opacity: 0.3
    }
    50%{
        font-size: 0.16rem;
    }
    100% {
        left: 4.5rem;
        font-size: 0.12rem;
        opacity: 0.4
    }
}
@keyframes animY4{
    0% {
        top: 1.6rem;
        opacity: 0.2
    }
    100% {
        top: 1.8rem;
    }
}
@keyframes scale {
    0% {
        transform: scale(0.7)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(0.7)
    }
}

.banner-animation{height:3.9rem;width:6.4rem;position:absolute;top:3.28rem;left:0;right:0;margin:auto;border-radius:50%;display:block;display: none\0}
.banner-animation .ball{color:#fff;font-size:28px;width:1.8rem;font-weight:400;border-radius:50%;position:absolute}

/*7个圆,x和y轴动画加起来是36s , 36/12 约等于 3 每个球y轴 从0递减3,x轴与y差18/2s*/
.ball1{animation:animX1 18s cubic-bezier(.36,0,.64,1) -9s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) 0s infinite alternate}
.ball2{animation:animX1 18s cubic-bezier(.36,0,.64,1) -12s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -3s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -3s infinite alternate}
.ball3{animation:animX1 18s cubic-bezier(.36,0,.64,1) -15s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -6s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -6s infinite alternate}
.ball4{animation:animX1 18s cubic-bezier(.36,0,.64,1) -18s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -9s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -9s infinite alternate}
.ball5{animation:animX1 18s cubic-bezier(.36,0,.64,1) -21s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -12s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -12s infinite alternate}
.ball6{animation:animX1 18s cubic-bezier(.36,0,.64,1) -24s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -15s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -15s infinite alternate}
.ball7{animation:animX1 18s cubic-bezier(.36,0,.64,1) -27s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -18s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -18s infinite alternate}
.ball8{animation:animX1 18s cubic-bezier(.36,0,.64,1) -30s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -21s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -21s infinite alternate}
.ball9{animation:animX1 18s cubic-bezier(.36,0,.64,1) -33s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -24s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -24s infinite alternate}
.ball10{animation:animX1 18s cubic-bezier(.36,0,.64,1) -36s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -27s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -27s infinite alternate}
.ball11{animation:animX1 18s cubic-bezier(.36,0,.64,1) -39s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -30s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -30s infinite alternate}
.ball12{animation:animX1 18s cubic-bezier(.36,0,.64,1) -42s infinite alternate,animY1 18s cubic-bezier(.36,0,.64,1) -33s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -33s infinite alternate}
/*第二波 40  40/12  3.33*/
.ball13{animation:animX2 20s cubic-bezier(.36,0,.64,1) -9s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) 0s infinite alternate}
.ball14{animation:animX2 20s cubic-bezier(.36,0,.64,1) -12.33s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -3.33s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -3.33s infinite alternate}
.ball15{animation:animX2 20s cubic-bezier(.36,0,.64,1) -15.66s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -6.66s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -6.66s infinite alternate}
.ball16{animation:animX2 20s cubic-bezier(.36,0,.64,1) -18.99s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -9.99s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -9.99s infinite alternate}
.ball17{animation:animX2 20s cubic-bezier(.36,0,.64,1) -22.32s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -13.32s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -13.32s infinite alternate}
.ball18{animation:animX2 20s cubic-bezier(.36,0,.64,1) -25.65s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -16.65s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -16.65s infinite alternate}
.ball19{animation:animX2 20s cubic-bezier(.36,0,.64,1) -28.98s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -19.98s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -19.98s infinite alternate}
.ball20{animation:animX2 20s cubic-bezier(.36,0,.64,1) -32.31s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -23.31s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -23.31s infinite alternate}
.ball21{animation:animX2 20s cubic-bezier(.36,0,.64,1) -35.64s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -26.64s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -26.64s infinite alternate}
.ball22{animation:animX2 20s cubic-bezier(.36,0,.64,1) -38.97s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -28.97s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -28.97s infinite alternate}
.ball23{animation:animX2 20s cubic-bezier(.36,0,.64,1) -42.3s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -33.3s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -33.3s infinite alternate}
.ball24{animation:animX2 20s cubic-bezier(.36,0,.64,1) -45.6s infinite alternate,animY2 20s cubic-bezier(.36,0,.64,1) -36.6s infinite alternate,scale 40s cubic-bezier(.36,0,.64,1) -36.6s infinite alternate}
/*第三波  12个 36*/
.ball25{animation:animX3 18s cubic-bezier(.36,0,.64,1) -9s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) 0s infinite alternate}
.ball26{animation:animX3 18s cubic-bezier(.36,0,.64,1) -12s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -3s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -3s infinite alternate}
.ball27{animation:animX3 18s cubic-bezier(.36,0,.64,1) -15s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -6s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -6s infinite alternate}
.ball28{animation:animX3 18s cubic-bezier(.36,0,.64,1) -18s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -9s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -9s infinite alternate}
.ball29{animation:animX3 18s cubic-bezier(.36,0,.64,1) -21s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -12s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -12s infinite alternate}
.ball30{animation:animX3 18s cubic-bezier(.36,0,.64,1) -24s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -15s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -15s infinite alternate}
.ball31{animation:animX3 18s cubic-bezier(.36,0,.64,1) -27s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -18s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -18s infinite alternate}
.ball32{animation:animX3 18s cubic-bezier(.36,0,.64,1) -30s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -21s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -21s infinite alternate}
.ball33{animation:animX3 18s cubic-bezier(.36,0,.64,1) -33s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -24s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -24s infinite alternate}
.ball34{animation:animX3 18s cubic-bezier(.36,0,.64,1) -36s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -27s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -27s infinite alternate}
.ball35{animation:animX3 18s cubic-bezier(.36,0,.64,1) -39s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -30s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -30s infinite alternate}
.ball36{animation:animX3 18s cubic-bezier(.36,0,.64,1) -42s infinite alternate,animY3 18s cubic-bezier(.36,0,.64,1) -33s infinite alternate,scale 36s cubic-bezier(.36,0,.64,1) -33s infinite alternate}
/*第四波 30s 5个 6s  15/2 */
.ball37{animation:animX4 15s cubic-bezier(.36,0,.64,1) -7.5s infinite alternate,animY3 15s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 30s cubic-bezier(.36,0,.64,1) 0s infinite alternate}
.ball38{animation:animX4 15s cubic-bezier(.36,0,.64,1) -13.5s infinite alternate,animY3 15s cubic-bezier(.36,0,.64,1) -6s infinite alternate,scale 30s cubic-bezier(.36,0,.64,1) -6s infinite alternate}
.ball39{animation:animX4 15s cubic-bezier(.36,0,.64,1) -19.5s infinite alternate,animY3 15s cubic-bezier(.36,0,.64,1) -12s infinite alternate,scale 30s cubic-bezier(.36,0,.64,1) -12s infinite alternate}
.ball40{animation:animX4 15s cubic-bezier(.36,0,.64,1) -25.5s infinite alternate,animY3 15s cubic-bezier(.36,0,.64,1) -18s infinite alternate,scale 30s cubic-bezier(.36,0,.64,1) -18s infinite alternate}
.ball41{animation:animX4 15s cubic-bezier(.36,0,.64,1) -31.5s infinite alternate,animY3 15s cubic-bezier(.36,0,.64,1) -24s infinite alternate,scale 30s cubic-bezier(.36,0,.64,1) -24s infinite alternate}

/*banner*/ 
.m_banner{position:relative;}
.m_banCon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.one ul,.twoBox1,.fiveC ul,.sixC .sixHd,.eightC .eightHd,.dcfw ul,.wtjd ul li{text-align: center;font-size: 0;}
.one ul li,.twoBox1 li,.fiveC ul li,.sixC .sixHd li,.eightC dl dt h3,.eightC dl dt .pimg,.eightC dl dt .p1,.eightC .eightHd li,.dcfw ul li,.sxjdC ul li,.wtjd ul li p,.wtjd ul li a{display: inline-block;vertical-align: top;}
/*one*/
.one{padding: 0.23rem 0 0.24rem;}
.Utit{text-align: center;}
.Utit h2{line-height: 1.2;font-size: 0.28rem;color: #333;}
.Utit h2 span{color: #0574d8;}
.Utit p{font-size: 0.09rem;color: #5e646b;margin-top: 0.08rem;}

.one ul{padding-top: 0.19rem;}
.one ul li{width: 1.8rem;margin: 0 0.03rem;}
.one .oneP{font-size: 0.09rem;color: #999999;line-height: 0.15rem;margin-top: 0.05rem;text-align: center;}
.UIanniu{display: block;margin: 0.4rem auto 0;font-size: 0.11rem;color: #fff;border-radius: 6px;width: 2.31rem;height: 0.45rem;line-height: 0.45rem;text-align: center;background: #2361ff;box-shadow:2px 3px 8px 3px rgba(66,115,255,0.3);}
.one .UIanniu{margin-top: 0.13rem;}
/*m_two*/
.m_two{padding: 0.25rem 0;background: #f6f6f6;}
.twoBox{padding-top: 0.21rem;text-align: center;}
.m_two h3{font-size: 0.15rem;line-height: 0.23rem;color: #2361ff;}
.twoBox .pimg{margin-top: 0.13rem;}
.twoBox1{padding-top: 0.15rem;text-align: center;}
.twoBox1 ul li{margin: 0.18rem 0.06rem 0;width: 1.5rem;background: #fff;border-radius: 6px;overflow: hidden;box-shadow: 0px 0px 10px 5px rgba(126,126,126,0.18);}
.twoBox1 ul li .p2{font-size: 0.1rem;color: #333333;line-height: 1.2;margin-top: 0.04rem;}
.twoBox1 ul li .p1{font-size: 0.08rem;color: #999999;}

/*three*/
.m_three{padding: 0.22rem 0;background: #fff;}
.threeCon{padding-top: 0.21rem;display: flex;justify-content: center;text-align: center}
.threeL{width: 2.5rem;position: relative;}
.threeC{width: 0.34rem;padding-top: 0.15rem;}
.threeR{width: 2.5rem;position: relative;}
.threeCon h3{line-height: 0.22rem;font-size: 0.16rem;}
.threeCon .threeL h3{color: #1553f1;}
.threeCon .threeR h3{color: #666;}
.threeCon ul{padding-top: 0.2rem;padding-bottom: 0.42rem;}
.threeCon ul li{margin: 0.1rem auto 0;width: 1.7rem;height: 0.44rem;line-height: 0.44rem;font-size: 0.12rem;border: 1px solid;border-radius: 30px;}
.threeCon ul li a{display: block;}
.threeCon .threeL li{border-color: #1553f1;}
.threeCon .threeL li a{color: #1553f1;}
.threeCon .threeR li{border-color: #666666;}
.threeCon .threeR li a{color: #666666;}
.threeCon p{border-radius: 10px;font-size: 0.1rem;color: #fff;line-height: 1.2;padding: 0 0.09rem;text-align: justify;}
.threeCon .threeL p{background: #1553f1;padding: 0.04rem;}
.threeCon .threeR p{background: #8d8d8d;padding: 0.17rem 0.04rem 0.04rem;}
.threeC h4{font-size: 0.12rem;color: #333;text-align: center;width: 0.24rem;margin: 0 auto;line-height:1.2;}
.threeC h4 strong{color: #4273ff;}
.threeC span{width: 0.01rem;height: 0.43rem;margin: 0.05rem auto;background: #9aaffb;display: block;}

.threeBot{padding-top: 0.42rem;background: url(../images/bg01.jpg) no-repeat;background-size: 100%;}
.threeBotCon{width:5rem;margin: 0 auto;height:1rem;}
.threeBotCon .x_left{padding-left: 0.82rem;padding-top:.2rem;}
.threeBotCon h3{font-size: 0.24rem;color: #fff;}
.threeBotCon p{font-size: 0.1rem;color: #fff;}
.threeBotCon a{font-size: 0.22rem;color: #fff;width: 1.6rem;height: 0.4rem;line-height: 0.4rem;text-align: center;border-radius: 4px;background: #ffa423;margin-top: 0.26rem;font-weight: bold;}
/*four*/
.m_four{padding: 0.26rem 0 0.19rem;}
.m_four .Utit{margin-top: 0.28rem;}
.fourC{width: 5.45rem;margin: 0 auto;padding-top: 0.11rem;}
.fourC dl{box-shadow: 0 0 10px 4px rgba(126,126,126,0.18);padding: 0.1rem;border-radius: 10px;margin-top: 0.15rem;}
.fourC dl dt{width: 1.8rem;margin-right: 0.11rem;}
.fourC dl dd{padding-top: 0.07rem;font-size: 0;}
.fourC dl dd h3{font-size: 0.11rem;color: #fd6a2b;line-height: 0.16rem;margin-bottom: 0.1rem;}
.fourC .dl01 h3{color: #4a2ab3;}
.fourC .dl02 h3{color: #2778ff;}
.fourC .dl03 h3{color: #efad01;}
.fourC dl dd p{padding-left: 0.11rem;position: relative;font-size: 0.09rem;color: #333;line-height:1.2;}
.fourC dl dd p span{width: 0.05rem;height: 0.05rem;background: #fd6a2b;border-radius: 100%;position: absolute;left: 0;top: 0.04rem;display: block;}
/*.fourC dl dd .p1{width: 1.04rem;}*/
/*.fourC dl dd .p2{width: 0.99rem;}*/
/*.fourC dl dd .p3{width: 1.08rem;}*/
.fourC .dl01 p span{background: #5130bd;}
.fourC .dl02 p span{background: #2778ff;}
.fourC .dl03 p span{background: #efad01;}
/*m_five*/
.m_five{padding: 0.3rem 0;background: #f6f6f6;}
.fiveC{padding-top: 0.18rem;}
.fiveC ul{display: flex;flex-flow:wrap;justify-content: center }
.fiveC ul li{margin: 0.1rem 0.05rem 0;width: 2rem;padding-top: 0.13rem;background: #fff;border-radius: 5px;box-shadow: 0 0 8px 4px rgba(199,194,194,0.28);}
.fiveC ul li h3{font-size: 0.1rem;color: #333;}
.fiveC ul li p{font-size: 0.07rem;color: #999;}
.fiveC ul li:hover{background: #2361ff;}
.fiveC ul li:hover h3,.fiveC ul li:hover p{color: #fff;}

.fiveBot{position: relative;}
.fiveBotC{position: absolute;top: 0.12rem;left: 0.15rem;}
.fiveBotC h3{font-size: 0.15rem;color: #fff;}
.fiveBotC h3 span{color: #ffc602;}
.fiveBotC p{font-size: 0.1rem;color: #fff;}
/*sixbd*/
.m_six{padding: 0.26rem 0;}
.sixC{width: 6rem;margin: 0 auto;padding-top: 0.14rem;overflow: hidden;}
#sixSlie{width: 6rem;overflow: hidden;}
.sixC .sixBd dl{margin-top: 0.15rem;position: relative;width: 6rem;overflow: hidden;}
.sixC .sixBd dl dt{width:3.6rem;}
.sixC .sixBd dl dd{width: 2.4rem;height: 1.95rem;position: absolute;top: 0.12rem;background-repeat:no-repeat;background-size: 0.06rem 1.45rem;}
.sixC .sixBd .dl01 dd{right: 0;background-image: url(../images/thbg01.png);background-position: 0 0;padding-left: 0.06rem;}
.sixC .sixBd .dl02 dd{left: 0;background-image: url(../images/thbg02.png);background-position: 0.98rem 0;padding-right: 0.06rem;}
.sixC .sixBd dl dd>div{background: #4273ff;width: 100%;height: 100%;padding: 0.07rem 0 0 0.02rem;}
.sixC .sixBd dl dd h3{line-height: 0.2rem;color: #fff;font-size: 0.13rem;}
.sixC .sixBd dl dd p{color: #fff;font-size: 0.09rem;}
.sixC .sixBd dl dd h4{color: #fff;font-size: 0.1rem;margin-top: 0.03rem;}
.sixC .sixBd dl dd span{margin: 0.1rem 0 0.08rem;width: 0.17rem;height: 0.01rem;background: #fff;display: block;}
.sixC .sixBd .dl02 dt{margin-left: 0.86rem;}
.sixC .sixBd .dl02 dd>div{padding-left: 0.06rem;}
.sixC .sixHd li{margin: 0.12rem 0.04rem 0;width: 0.46rem;height: 0.02rem;background: #cad0e0;}
.sixC .sixHd li.on{background: #2361ff;}

/*m_seven*/
.m_seven{padding: 0.25rem 0;background: #f6f6f6;}
.sevenC{padding-top: 0.25rem;font-size: 0;}
/*m_eight*/
.m_eight{padding: 0.23rem 0 0.2rem;}
.eightC{padding: 0.3rem 0 0.15rem;width: 5.85rem;margin: 0 auto;}
.eightC dl{position: relative;width: 5.85rem;}
.eightC dl dt{font-size: 0;}
.eightC dl dt .pimg{width: 1.9rem;border: 0.01rem solid #4273ff;display: inline-block;vertical-align: top;overflow: hidden;}
.eightC dl dt h3{margin-top: 0.07rem;font-size: 0.18rem;color: #333;text-align: justify;width: 0.64rem;margin-left: 0.13rem;padding-right: 0.07rem;border-right: 0.01rem solid #bdbdbd;line-height: 0.2rem;height: 0.2rem;}
.eightC dl dt h3:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.eightC dl dt .p1{font-size: 0.11rem;color: #333;line-height: 0.2rem;margin-top: 0.07rem;padding-left: 0.11rem;width: 1.12rem;overflow: hidden;text-overflow:ellipsis;white-space :nowrap;}
.eightC dl dd{width: 3.85rem;background: #4273ff;padding: 0.03rem 0.12rem 0;position: absolute;top: 0.35rem;right: 0;}
.eightC dl dd .p1{font-size: 0.12rem;color: #fff;line-height: 0.35rem;}
.eightC dl dd .p2{font-size: 0.09rem;color: #fff;margin-top: 0.05rem;text-align: justify;}
.eightC .eightHd li{width: 0.08rem;height: 0.04rem;background: #cad0e0;margin: 0.12rem 0.04rem;}
.eightC .eightHd li.on{background: #2361ff;width: 0.14rem;}

.eightBot{position: relative;}
.botTit{position: absolute;top: .9rem;left: 2.7rem;}
.botTit h2{font-size: 0.17rem;color: #fff;line-height: 0.26rem;padding-left: 0.06rem;}
.botTit h2 span{color: #f9ab24;}
.botTit h3{font-size: 0.14rem;color: #fff;line-height: 0.26rem;}

/*nineB*/
.dcfw{padding: 0.25rem 0;}
.dcfw ul{padding: 0.06rem 0;}
.dcfw ul li{margin: 0.18rem 0.07rem 0;box-shadow: 0 0 10px 5px rgba(163,168,178,0.11);width: 1.8rem;height: 1.15rem;padding-top: 0.1rem;}
.dcfw ul li img{width: 0.57rem;margin:0 auto;}
.dcfw ul li h3{margin-top: 0.03rem;line-height: 0.15rem;font-size: 0.1rem;color: #343434;}
.dcfw ul li p{margin-top: 0.02rem;font-size: 0.08rem;color: #666666;}
/*jjgl*/

.sxjd{padding: 0.25rem 0;background: #f6f6f6;}
.sxjdC{padding: 0.23rem;}
.sxjdcont{padding: 0.15rem 0;background: #2361ff;border-radius: 50px 0 50px 0;}
.sxjdC ul{
    text-align: center;
}
.sxjdC ul li{width: 1.78rem;margin: 0.06rem 0 0 0.06rem;}
.sxjdC ul li .p2{font-size: 0.16rem;color: #fff;}
.sxjdC ul li span{width: 0.15rem;height: 0.01rem;background: #fff;display: block;margin:0.2rem auto 0;}
.sxjdC ul .li01{background: #fff;border: 0.01rem solid #3c51c1;border-radius: 0 0 40px 0;padding: 0.11rem 0;text-align: center;}
.sxjdC ul .li01 .p3{font-size: 0.14rem;color: #2361ff;}
.sxjdC ul .li01 a{margin-top: 0.08rem;font-size: 0.14rem;background: #2361ff;color: #fff;border-radius: 10px;display: inline-block;}

.wtjd{padding: 0.25rem 0;}
.wtjd ul{padding: 0.09rem 0 0.01rem;}
.wtjd ul li{width: 6rem;margin: 0.15rem auto 0;font-size: 0;line-height: 0.5rem;}
.wtjd ul li p{box-sizing:border-box;background: #5e6474;font-size: 0.11rem;padding-left: 0.07rem;width: 4.2rem;color: #fff;text-align: left;}
.wtjd ul li a{width: 1.8rem;font-weight: bold;font-size: 0.1rem;background: #ffa902;color: #fff;}

/*biaoge*/
.biaoge{background: #6b44eb url(../images/bg04.png) no-repeat center bottom;padding: 0.23rem 0 0.23rem;text-align: center;background-size: 100%;}
.biaoge .Utit h2{color: #fff;}	
.biaoge .p1{font-size: 0.1rem;color: #fff;margin-top:0.19rem;}
.biaoge .biaodan1{padding-top: 0.09rem;}
.biaoge .biaodan1 p{width: 4.76rem;margin: 0.11rem auto 0;height: 0.55rem;}
.biaodan1 p input{width: 100%;height:100%;padding-left: 0.31rem;border-radius: 6px;box-sizing: border-box;border: none;font-size: 0.13rem;color: #999;}
.biaodan1 p input[name]{ background-repeat: no-repeat;background-position: 0 center;}
.biaodan1 p input[name="userName"]{
    background-image: url('../images/name.png');background-size: 0.23rem 0.13rem;}
.biaodan1 p input[name="addr"]{
    background-image: url('../images/dizhi.png');background-size: 0.23rem 0.13rem;}
.biaodan1 p input[name="phone"]{
    background-image: url('../images/phone.png');background-size: 0.23rem 0.13rem;}
.biaodan1 p input[name="QQ"]{
    background-image: url('../images/qq.png');background-size: 0.23rem 0.13rem;}
#course_but2{margin: 0.25rem auto 0;font-size: 0.18rem;color: #fff;background: linear-gradient(90deg,#ffa902,#ffa902);display: block;width: 2.1rem;line-height: 0.45rem;text-align: center;border-radius: 40px;font-weight: bold;}

