body{
    min-width: 1200px;
}
.header{
    position: relative;
}
.header .top-warp{
    position: absolute;
    width: 100%;
    top: 0 ;
    left:  0;
    background: linear-gradient( to bottom , rgba(0,0,0,0.5) , rgba(0,0,0,0));
    z-index: 1;
}
.header .top{
    width: 1200px;
    margin: 0 auto;
    padding: 12px 0;
    overflow: hidden;
}
.header .top .logo{
    display: block;
    float: left;
    height: 25px;
    margin: 0 20px;
}
.header .return {
    float: right;
    color: #FFF;
    line-height: 30px;
    font-size: 14px;
    margin-right: 30px;
}
.banners{
    background: #0B2536;
}
.banners .part{
    position: relative;
    height: 520px;
}
.banners .part img{
    position: absolute;
    left: 50%;
    margin-left: -720px;
    width: 1440px;
}
.banners .btn{
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -76px;
    display: block;
    width: 150px;
    padding: 8px 0 9px;
    border: 1px solid #FFF;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    outline: none;
}
.banners_m{
    display: none;
}
.mark{
    position: absolute;
    left: 50%;
    margin-left: -720px;
    width: 1440px;
    height: 520px;
    background:
            linear-gradient(to right, rgba(11,37,54,1)0,rgba(11,37,54,0) 15%, rgba(11,37,54,0) 85%,rgba(11,37,54,1) 100%);
}
.slick-dots{
    bottom: 50px;
}
.slick-dots li button:before{
    color: #FFF;
    opacity: 1;
    font-size: 10px;
}
.slick-dots li.slick-active button:before{
    color: #E97017;
    opacity: 1;
}
.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.title-all{
    text-align: center;
    font-size: 24px;
    padding-top: 50px;
    margin-bottom: 50px;
}
.stage-warp{
    background: #F6F6F6;
    padding-bottom: 60px;
}
.stage-warp .stage{
    width: 1150px;
    margin: 0 auto;
}
.stage-warp .stage .list{
    overflow: hidden;
    margin-bottom: 25px;
}
.stage-warp .stage .part{
    float: left;
}
.stage-warp .stage .part .nmb{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    font-size: 32px;
    margin: 0 20px 20px;
}
.stage-warp .stage .part .msg{
    font-size: 14px;
    width: 100px;
    color: #333;
}
.stage-warp .stage .part1 .msg{
    text-align: center;
}
.stage-warp .stage .part1 .nmb{
    background: #E5197C;
}
.stage-warp .stage .part2 .nmb{
    background: #6183C2;
}
.stage-warp .stage .part3 .nmb{
    background: #55BDF4;
}
.stage-warp .stage .part4 .nmb{
    background: #C4E302;
}
.stage-warp .stage .part5 .nmb{
    background: #F5BE00;
}
.stage-warp .stage .part6 .nmb{
    background: #E97017;
}
.stage-warp .stage .part7 .nmb{
    background: #DF0E23;
}
.stage-warp .stage .icon-jiantou{
    font-family: iconfont;
    font-style: normal;
    float: left;
    font-size: 50px;
    line-height: 60px;
    color: #E9E9E9;
    margin: 0 10px;
}
.stage-warp .stage .strip1{
    width: 440px;
    padding: 3px 0 4px;
    border-radius: 30px;
    background: linear-gradient(to right, #E5197C , #6183C2 ,#55BDF4);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
}
.stage-warp .stage .strip2{
    width: 440px;
    padding: 3px 0 4px;
    border-radius: 30px;
    background: linear-gradient(to right, #6183C2 ,#55BDF4 ,#C4E302);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px 0 10px 170px;
}
.stage-warp .stage .strip3{
    width: 610px;
    padding: 3px 0 4px;
    border-radius: 30px;
    background: linear-gradient(to right, #6183C2 ,#55BDF4 ,#C4E302 ,#F5BE00);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px 0 10px 170px;
}
.stage-warp .stage .strip4{
    width: 780px;
    padding: 3px 0 4px;
    border-radius: 30px;
    background: linear-gradient(to right ,#55BDF4 ,#C4E302 ,#F5BE00 ,#E97017 ,#DF0E23);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px 0 10px 340px;
}
.stage-warp .stage .stripm{
    display: none;
}
.stage-warp .stage .strip5{
    width: 1110px;
    padding: 12px 20px;
    border-radius: 20px;
    background: #E8E8E8;
    font-size: 14px;
    margin-top: 40px;
    line-height: 25px;
    letter-spacing: 2px;
}
.grow{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.grow .grow-part{
    overflow: hidden;
    margin-bottom: 50px;
}
.grow .grow-part .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    width: 300px;
    height: 100%;
    font-size: 20px;
    text-align: center;
}
.grow .grow-part .left span{
    display: inline-block;
    padding: 1px 5px;
    margin-left: 10px;
    font-size: 16px;
}
.grow .grow-part .left a{
    display: block;
    color: #FFF;
    width: 120px;
    padding: 5px 0 6px;
    border-radius: 28px;
    margin: 28px auto 0;
    font-size: 18px;
    letter-spacing: 1.5px;
}
.grow .grow-part1 .left{
    height: 223px;
}
.grow .grow-part2 .left{
    height: 210px;
}
.grow .grow-part3 .left{
    height: 363px;
}
.grow .grow-part4 .left{
    height: 323px;
}
.grow .grow-part1 .left span{
    color: #55BDF4;
    border: 1px solid #55BDF4;
}
.grow .grow-part1 .left a{
    background: #55BDF4;
}
.grow .grow-part2 .left span{
    color: #C4E302;
    border: 1px solid #C4E302;
}
.grow .grow-part2 .left a{
    background: #C4E302;
}
.grow .grow-part3 .left span{
    color: #F5BE00;
    border: 1px solid #F5BE00;
}
.grow .grow-part3 .left a{
    background: #F5BE00;
}
.grow .grow-part4 .left span{
    color: #E97017;
    border: 1px solid #E97017;
}
.grow .grow-part4 .left a{
    background: #E97017;
}
.grow .grow-part .right{
    float: right;
    width: 895px;
    overflow: hidden;
    line-height: 150%;
    color: #4A4A4A;
}
.grow .grow-part .right .part{
    display: inline-block;
    float: left;
    width: 223px;
}
.grow .grow-part .right .part:last-child{
    border: none;
}
.grow .grow-part .right .part .th{
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    color: #FFF;
    border-right: 1px solid #DDD;
}
.grow .grow-part1 .right .part .th{
    background: #9B9B9B;
}
.grow .grow-part2 .right .part .th{
    background: #737373;
}
.grow .grow-part3 .right .part .th{
    background: #4D4D4D;
}
.grow .grow-part4 .right .part .th{
    background: #333;
}
.grow .grow-part .right .part:first-child .th{
    border-top-left-radius: 20px;
}
.grow .grow-part .right .part:last-child .th{
    border-top-right-radius: 20px;
}
.grow .grow-part1 .right .part:first-child .th{
    border-left: 1px solid #9B9B9B;
}
.grow .grow-part1 .right .part:last-child .th{
    border-right: 1px solid #9B9B9B;
}
.grow .grow-part2 .right .part:first-child .th{
    border-left: 1px solid #737373;
}
.grow .grow-part2 .right .part:last-child .th{
    border-right: 1px solid #737373;
}
.grow .grow-part3 .right .part:first-child .th{
    border-left: 1px solid #4D4D4D;
}
.grow .grow-part3 .right .part:last-child .th{
    border-right: 1px solid #4D4D4D;
}
.grow .grow-part4 .right .part:first-child .th{
    border-left: 1px solid #333;
}
.grow .grow-part4 .right .part:last-child .th{
    border-right: 1px solid #333;
}
.grow .grow-part .right .part .td{
    padding: 20px;
    font-size: 14px;
    background: #FAFAFA;
    line-height: 25px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    color: #666;
}
.grow .grow-part .right .part:first-child .td{
    border-left: 1px solid #DDD;
    border-bottom-left-radius: 20px;
}
.grow .grow-part .right .part:last-child .td{
    border-bottom-right-radius: 20px;
}
.grow .grow-part .right .part:first-child .td{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.grow .grow-part .right .part ul{
    padding-left: 20px;
    list-style-type: disc !important;


}
.grow .grow-part .right .part li{
    display: list-item;


}
.grow .grow-part .right .part .td span{
    font-size: 13px;
    color: #E97017;
}
.grow .grow-part1 .right .part .td{
    height: 150px;
}
.grow .grow-part2 .right .part .td{
    height: 130px;
}
.grow .grow-part3 .right .part .td{
    height: 290px;
}
.grow .grow-part4 .right .part .td{
    height: 250px;
}
.grow .icon-star01{
    font-family: iconfont;
    font-style: normal;
    color: #E97017;
}
.suit-warp{
    background: #0B2536 url(https://107cine.cdn.m.nflsystem.com/ppxy/homeboy/part4_bg.jpg) no-repeat center;
    background-size: contain;
}
.suit-warp .suit{
    position: relative;
    width: 1200px;
    height: 434px;
    margin: 0 auto;
    background: linear-gradient(to top, rgba(11,37,54,1)0,rgba(11,37,54,0) 100%),
    linear-gradient(to right, rgba(11,37,54,1)0,rgba(11,37,54,.2) 15%, rgba(11,37,54,.2) 85%,rgba(11,37,54,1) 100%);
    color: #FFF;
}
.suit-warp .suit img{
    display: none;
}
.suit-warp .suit .title1{
    width: 470px;
    margin: 0 auto 10px;
    padding-top: 150px;
    font-size: 30px;
    letter-spacing: 3.5px;
}
.suit-warp .suit .title2{
    width: 470px;
    margin: 0 auto 3px;
    font-size: 14px;
}
.suit-warp .suit .title3{
    width: 470px;
    margin: 0 auto;
    font-size: 14px;
}
.suit-warp .suit .title3 span{
    color: #E97017;
    margin: 0 3px;
}
.suit-warp .suit .btn{
    display: block;
    width: 150px;
    padding: 8px 0 9px;
    margin: 50px auto 0;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    background: #E97017;
    border-radius: 50px;
}
.suit-warp .suit .title4 {
    text-align: center;
    margin-bottom: 25px;
    padding-top: 160px;
    font-size: 30px;
    letter-spacing: 3.5px;
}
.suit-warp .suit .title5{
    text-align: center;
    margin-bottom: 100px;
    font-size: 18px;
    letter-spacing: 1px;
}
.works-warp{
    background: #F6F6F6;
    padding-bottom: 30px;
}
.works-warp .works{
    width: 1200px;
    margin: 0 auto;
}
.works-warp .works-list{
    overflow: hidden;
    padding-bottom: 40px;
}
.works-warp .works-list li{
    float: left;
    width: 260px;
    margin: 0 20px;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.works-warp .works-list li .work{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.works-warp .works-list .title{
    width: 240px;
    font-size: 16px;
    margin:0 auto 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.works-warp .works-list .msg{
    width: 240px;
    font-size: 14px;
    margin:0 auto 10px;
    line-height: 25px;
    color: #9B9B9B;
}
.works-warp .works-list .msg .name{
    color: #333;
    margin-right: 4px;
}
.works-warp .more{
    display: block;
    width: 120px;
    padding: 6px 0 7px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #4b4b4b;
    border-radius: 45px;
    font-size: 16px;
}
.resources .learn{
    width: 1200px;
    margin: 0 auto ;
    overflow: hidden;
}
.resources .learn .part{
    position: relative;
    float: left;
    width: 360px;
    height: 184px;
    margin: 0 20px;
    text-align: center;
    padding-top: 70px;
    color: #FFF;
    font-size: 12px;
    line-height: 150%;
}
.resources .learn .part:nth-child(1){
    background: url(https://107cine.cdn.m.nflsystem.com/ppxy/homeboy/pic1.jpg) no-repeat;
    background-size: cover;
}
.resources .learn .part:nth-child(2){
    background: url(https://107cine.cdn.m.nflsystem.com/ppxy/homeboy/pic2.jpg) no-repeat;
    background-size: cover;
}
.resources .learn .part:nth-child(3){
    background: url(https://107cine.cdn.m.nflsystem.com/ppxy/homeboy/pic3.jpg) no-repeat;
    background-size: cover;
}
.resources .learn .part .title{
    font-size: 18px;
    margin: 10px 0 5px;
}
.resources .learn .part a{
    display: block;
    width: 110px;
    padding: 5px 0 6px;
    border-radius: 35px;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    bottom: 35px;
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 14px;
}
.resources .learn .part .icon-ai-video,
.resources .learn .part .icon-wenzhang,
.resources .learn .part .icon-xiazai{
    font-family: iconfont;
    font-style: normal;
    color: #FFF;
    font-size: 30px;
}
.resources .about{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}
.resources .about .part{
    position: relative;
    width: 560px;
    margin: 0 20px;
    float: left;
}
.resources .about .part .bg{
    display: block;
    width: 100%;
}
.resources .about .part video{
    width: 100%;
    height: 308px;
    background: #000;
}
.resources .about .part .play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -49px;
    margin-top: -74px;
}
.resources .about .part .title{
    padding: 15px 20px;
    color: #4A4A4A;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    font-size: 16px;
}
.resources .sign{
    display: block;
    width: 340px;
    padding: 6px 0 7px;
    margin: 20px auto 50px;
    border: 1px solid #4A4A4A;
    text-align: center;
    border-radius: 40px;
    letter-spacing: 1px;
    font-size: 16px;
}
.footer-warp{
    background: #000;
    padding: 30px 0;
    overflow: hidden;
}
.footer-warp .footer{
    width: 1140px;
    margin: 0 auto;
    padding: 0;
}
.footer-warp .footer .code{
    display: block;
    width: 70px;
    float: left;
    margin-right: 12px;
}
.footer-warp .footer .msg{
    float: left;
    color: #999;
    font-size: 14px;
}
.footer-warp .footer .msg .msg1{
    font-size: 18px;
    color: #FFF;
    margin-bottom: 7px;
}
#alert{
    display: none;
    width: 300px;
    height: 300px;
    padding-top: 40px;
    text-align: center;
    border-radius: 14px;
    font-size: 14px;
    color: #666;
    line-height: 150%;
}
#alert .title1{
    font-size: 24px;
    margin-bottom: 12px;
}
#alert .title2{
    margin-bottom: 25px;
    font-size: 16px;
    color: #999;
}
#alert img{
    width: 190px;
    position: relative;
    top: 8px;
}
.combination{
    width: 1200px;
    margin: 0 auto;
}
.combination .list{
    overflow: hidden;
}
.combination .list li{
    position: relative;
    float: left;
    width: 370px;
    margin: 0 15px;
    text-align: center;
}
.combination .list li img{
    display: block;
    width: 370px;
}
.combination .list li .msg1{
    position: absolute;
    top: 70px;
    display: block;
    width: 380px;
    color: #FFF;
    font-size: 20px;
}
.combination .list li .msg2{
    position: absolute;
    top: 102px;
    display: block;
    width: 380px;
    color: #FDFDFD;
    font-size: 14px;
}
.combination .list li .msg2 span{
    color: #E87017;
}
.combination .list li .btn{
    color: #FFF;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    border: 1px solid #FFF;
    padding: 5px 0 6px;
    border-radius: 50px;
    font-size: 16px;
}
.single{
    width: 1200px;
    margin: 0 auto -45px;
}
.single .list{
    overflow: hidden;
}
.single .list li{
    position: relative;
    float: left;
    width: 560px;
    margin: 0 20px 45px;
}
.single .list li img{
    display: block;
    width: 560px;
}
.single .list li .msg{
    position: absolute;
    top: 100px;
    display: block;
    width: 580px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
}
.single .list li .msg span{
    color: #E87017;
}
.single .list li .btn{
    position: absolute;
    left: 50%;
    margin-left: -55px;
    bottom: 70px;
    display: block;
    width: 110px;
    padding: 5px 0 6px;
    border: 1px solid #FFF;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}
.question{
    width: 1200px;
    margin: 0 auto;
}
.question .list{
    padding: 40px 50px;
    background: #FAFAFA;
}
.question .list .part{
    position: relative;
    padding-left: 35px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 30px;
}
.question .list .part span{
    position: absolute;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
}
.question .list .q{
    margin-bottom: 15px;
    font-size: 20px;
    color: #333;
}
.question .list .q span{
    background: #E87017;
}
.question .list .a{
    color: #666;
    font-size: 16px;
    letter-spacing: 1px;
}
.question .list .a span{
    background: #6183c2;
}
.school_btn{
    display: block;
    width: 310px;
    padding: 6px 0 7px;
    margin: 20px auto 25px;
    border: 1px solid #4A4A4A;
    text-align: center;
    border-radius: 40px;
    letter-spacing: 1px;
    font-size: 16px;
}
.resources .sign:hover,
.resources .learn .part a:hover,
.works-warp .more:hover,
.suit-warp .suit .btn:hover,
.grow .grow-part .left a:hover,
.banners .btn:hover,
.combination .list li .btn:hover,
.single .list li .btn:hover,
.school_btn:hover,
.suit_list .part .btn:hover,
.suit_part .btn:hover{
    transition: all 0.5s;
    opacity: 0.8;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.pv-cover:before{
    background: none !important;
}
.pv-icon-btn-play:before{
    content: none !important;
}
.pv-cover>span{
    width: 100px !important;
    margin-left: -50px !important;
    margin-top: -50px !important;
    height: 100px;
    background: url("https://107cine.cdn.m.nflsystem.com/ppxy2/index/play_icon.png") no-repeat;
    background-size: contain;
}
.suit_part{
    position: relative;
    width: 1200px;
    margin: 0 auto 30px;
}
.suit_part img{
    display: block;
    width: 100%;
}
.suit_part .btn{
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -65px;
    display: block;
    width: 130px;
    text-align: center;
    padding: 6px 0 7px;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 40px;
}
.more_suit{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.more_suit a{
    display: block;
    margin: 0 50px;
    color: rgba(170,170,170,1);
}
.more_suit .icon-youjiantou2{
    font-family: iconfont;
    font-style: normal;
    margin-left: 10px;
    color: rgba(170,170,170,1);
}
.suit_list_warp{
    padding: 60px 0;
    background: #FFF;
}
.suit_list{
    width: 1230px;
    margin: 0 auto;
    overflow: hidden;
}
.suit_list .part{
    position: relative;
    float: left;
    width: 380px;
    margin: 0 15px;
    color: #FFF;
    font-size: 18px;
}
.suit_list .part img{
    display: block;
    width: 100%;
    background: rgba(0,0,0,.4);
}
.suit_list .part .msg1{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 58px;
}
.suit_list .part .msg2{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 85px;
}
.suit_list .part .btn{
    position: absolute;
    top: 135px;
    left: 50%;
    margin-left: -45px;
    width: 90px;
    text-align: center;
    padding: 5px 0 6px;
    border-radius: 50px;
    font-size: 14px;
    background: rgba(255,255,255,0.7);
}
@media screen and ( max-width: 700px ) {
    body{
        min-width: 100%;
    }
    .header .top{
        left: 0;
        margin-left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .header .top .logo{
        height: 20px;
    }
    .header .return {
        display: none;
    }
    .banners{
        display: none;
    }
    .banners_m{
        display: block;
        background: #0B2536;
    }
    .banners_m .part{
        position: relative;
        overflow: hidden;
    }
    .banners_m .part img{
        left: 50%;
        width: 100%;
        margin: 0 auto;
    }
    .banners_m .btn{
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -66px;
        display: block;
        width: 130px;
        padding: 5px 0 6px;
        border: 1px solid #FFF;
        border-radius: 50px;
        text-align: center;
        color: #FFF;
        font-size: 16px;
    }
    .mark{
        width: 100%;
        height: 100%;
        left: 0;
        margin-left: 0;
        background: none;
    }
    .slick-dots{
        bottom: 10px;
    }
    .title-all{
        font-size: 20px;
        padding-top: 20px;
        margin-bottom: 15px;
    }
    .stage-warp{
        padding-bottom: 30px;
    }
    .stage-warp .stage{
        width: 100%;
        overflow: hidden;
    }
    .stage-warp .stage .list,
    .stage-warp .stage .strip1,
    .stage-warp .stage .strip2,
    .stage-warp .stage .strip3,
    .stage-warp .stage .strip4{
        display: none;
    }
    .stage-warp .stage .stripm{
        display: block;
    }
    .stage-warp .stage .stripm img{
        display: block;
        width: 100%;
    }
    .stage-warp .stage .strip5{
        width: 80%;
        padding: 12px 5%;
        margin: 20px auto 0;
    }
    .grow{
        width: 100%;
    }
    .grow .grow-part{
        padding-top: 2px;
        margin-bottom: 30px;
    }
    .grow .grow-part .left{
        display: flex;
        flex-direction: column;
        justify-content: center;
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
        margin-bottom: 30px;
    }
    .grow .grow-part .left span{
        position: relative;
        top: -1px;
        font-size: 14px;
    }
    .grow .grow-part1 .left,
    .grow .grow-part2 .left,
    .grow .grow-part3 .left,
    .grow .grow-part4 .left{
        height: auto;
    }
    .grow .grow-part .left a{
        width: 130px;
        padding: 5px 0 6px;
        margin: 20px auto 0;
        font-size: 18px;

    }
    .grow .grow-part .right{
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .grow .grow-part .right .part{
        display: block;
        overflow: hidden;
        width: auto;
        float: none;
    }
    .grow .grow-part .right .part .th{
        float: left;
        width: 7%;
        padding:0 3%;
        font-size: 14px;
        border-right: none;
        border-bottom: 1px solid #DDD;
        border-radius: 0;
    }
    .grow .grow-part .right .part .th{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .grow .grow-part .right .part .td{
        display: flex;
        flex-direction: column;
        justify-content: center;
        float: left;
        width: 76%;
        padding: 0 5%;
        border-radius: 0;
    }
    .grow .grow-part .right .part .td span{
        font-size: 13px;
        color: #E97017;
    }
    .grow .grow-part .right .part:first-child .td{
        border-radius: 0;
        border-left: none;
        border-top: 1px solid #DDD;
        font-size: 16px;
        border-top-right-radius: 8px;
    }
    .grow .grow-part .right .part:last-child .td{
        border-radius: 0;
        border-bottom-right-radius: 8px;
    }
    .grow .grow-part1 .right .part .th,
    .grow .grow-part1 .right .part .td{
        height: 120px;
    }
    .grow .grow-part1 .right .part:first-child .th{
        border-left: none;
        border-top: 1px solid #9B9B9B;
        border-top-left-radius: 8px;
    }
    .grow .grow-part1 .right .part:last-child .th{
        border-bottom: 1px solid #9B9B9B;
        border-right: none;
        border-radius: 0;
        border-bottom-left-radius: 8px;
    }
    .grow .grow-part2 .right .part .th,
    .grow .grow-part2 .right .part .td{
        height: 130px;
    }
    .grow .grow-part2 .right .part:first-child .th{
        border-top: 1px solid #737373;
        border-left: none;
        border-radius: 0;
        border-top-left-radius: 8px;
    }
    .grow .grow-part2 .right .part:last-child .th{
        border-bottom: 1px solid #737373;
        border-right: none;
        border-radius: 0;
        border-bottom-left-radius: 8px;
    }
    .grow .grow-part3 .right .part .th,
    .grow .grow-part3 .right .part .td{
        height: 230px;
    }
    .grow .grow-part3 .right .part:first-child .th{
        border-top: 1px solid #4D4D4D;
        border-left: none;
        border-radius: 0;
        height: 130px;
        border-top-left-radius: 8px;
    }
    .grow .grow-part3 .right .part:first-child .td{
        height: 130px;
    }
    .grow .grow-part3 .right .part:last-child .th{
        border-bottom: 1px solid #4D4D4D;
        border-right: none;
        border-radius: 0;
        border-bottom-left-radius: 8px;
    }
    .grow .grow-part4 .right .part .th,
    .grow .grow-part4 .right .part .td{
        height: 220px;
    }
    .grow .grow-part4 .right .part:first-child .th{
        border-top: 1px solid #333;
        border-left: none;
        border-radius: 0;
        height: 130px;
        border-top-left-radius: 8px;
    }
    .grow .grow-part4 .right .part:first-child .td{
        height: 130px;
    }
    .grow .grow-part4 .right .part:last-child .th{
        border-bottom: 1px solid #333;
        border-right: none;
        border-radius: 0;
        border-bottom-left-radius: 8px;
    }
    .grow .icon-star01{
        width: 20px;
    }

    .suit-warp{
        background-size: 150%;
    }
    .suit-warp .suit{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .suit-warp .suit .title1{
        position: absolute;
        top: 130px;
        line-height: 140%;
        width: 90%;
        padding: 0 5%;
    }
    .suit-warp .suit .title2{
        position: absolute;
        top: 250px;
        width: 90%;
        padding: 0 5%;
    }
    .suit-warp .suit .title3{
        position: absolute;
        top: 300px;
        width: 90%;
        padding: 0 5%;
    }
    .suit-warp .suit img{
        display: block;
        width: 100%;
    }
    .suit-warp .suit .btn{
        position: absolute;
        left: 50%;
        margin-left: -65px;
        margin-top: 0;
        bottom: 100px;
        width: 130px;
        padding: 8px 0 9px;
    }
    .works-warp .works{
        width: 100%;
        height: 240px;
        padding-bottom: 0;
        overflow: scroll;
    }
    .works-warp .works-list{
        width: 1140px;
        padding-bottom: 20px;
    }
    .works-warp .works-list li{
        margin: 0 0 0 20px;
    }
    .works-warp .works-list li:last-child{
        margin-right: 20px;
    }
    .works-warp .works-list .title{
        padding: 0 10px;
        font-size: 14px;
    }
    .works-warp .works-list .msg{
        padding: 0 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .works-warp .works-list .msg img{
        width: 20px;
        height: 20px;
    }
    .resources .learn{
        width: 100%;
    }
    .resources .learn .part{
        width: 90%;
        height: 170px;
        margin: 0 5% 20px;
        padding-top: 30px;
    }
    .resources .learn .part a{
        bottom: 30px;
    }
    .resources .learn .part:nth-child(3){
        margin-bottom: 0;
    }
    .resources .about{
        width: 100%;
        padding-bottom: 0;
    }
    .resources .about .part{
        width: 90%;
        margin: 0 5% 20px;
    }
    .resources .about .part .title{
        padding: 7px 13px 8px;
        font-size: 14px;
    }
    .resources .sign{
        width: 90%;
        margin: 0 auto 30px;
        font-size: 14px;
    }

    .footer-warp{
        padding: 30px 20px;
        margin-bottom: 30px;
    }


    .combination{
        width: 100%;
    }
    .combination .list li{
        width: 90%;
        margin-bottom: 25px;
    }
    .combination .list li:last-child{
        margin-bottom: 0;
    }
    .combination .list li img{
        width: 100%;
    }
    .combination .list li .msg1{
        top: 25%;
        font-size: 18px;
        width: 100%;
    }
    .combination .list li .msg2{
        top: 38%;
        width: 100%;
    }
    .combination .list li .btn{
        bottom: 22%;
        font-size: 12px;
    }
    .single{
        width: 100%;
        margin-bottom: 0;
    }
    .single .list li{
        width: 90%;
        margin: 0 5% 20px;
    }
    .single .list li:last-child{
        margin-bottom: 0;
    }
    .single .list li img{
        width: 100%;
    }
    .single .list li .msg{
        top: 27%;
        font-size: 18px;
        width: 100%;
    }
    .single .list li .btn{
        bottom: 24%;
        font-size: 12px;
    }
    .question{
        width: 100%;
    }
    .question .list .part{
        line-height: 20px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    .question .list .part span{
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }
    .question .list{
        padding: 20px;
    }
    .question .list .q{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .question .list .a{
        font-size: 14px;
    }
    .suit-warp .suit{
        position: relative;
    }
    .suit-warp .suit_2{
        width: 100%;
    }
    .suit-warp .suit .title4 {
        position: absolute;
        padding: 60px 5% 0;
        top: 150px;
        line-height: normal;
    }
    .suit-warp .suit .title5{
        position: absolute;
        width: 100%;
        padding-top: 60px;
        top: 250px;
    }
    .school_btn{
        width: 80%;
        font-size: 14px;
    }
    .suit_part{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suit_part img{
        margin-left: -12%;
        width: 124%;
    }
    .suit_part .btn{
        bottom: 10%;
        margin-left: -35px;
        width: 70px;
        padding: 2px 0 3px;
        font-size: 10px;
    }
    .more_suit{
        display: block;
        margin-bottom: 10px;
    }
    .more_suit a{
        width: 100%;
        margin: 10px 0;
        text-align: center;
        font-size: 12px;
    }
    .suit_list{
        width: 100%;
        margin: 30px auto;
        overflow: hidden;
    }
    .suit_list .part{
        width: 90%;
        height: auto;
        margin-bottom: 20px;
    }
    .suit_list .part .msg1{
        top: 45px;
        font-size: 16px;
    }
    .suit_list .part .msg2{
        top: 68px;
        font-size: 16px;
    }
    .suit_list .part .btn{
        top: 100px;
        font-size: 12px;
    }
}