@media screen and (min-width:750px) {
    .mobile {display: none !important;}
.pc {display: block;}
.banner{width:100%;height:auto;overflow:hidden;position:relative;text-align:center}
.banner img{width:100%;height:auto}
.bannerText h4{font-size:48px;color:#fff;text-shadow:3px 3px 3px #454241;position:absolute;width:100%;bottom:50%;margin-bottom:115px}
.bannerText h2{font-size:80px;color:#fff;text-shadow:3px 3px 2px #454241;width:100%;position:absolute;bottom: 50%;}
.bannerText h2 span{color:#2392ca;font-size:80px}
.bannerText a{display:block;width:328px;height:60px;font-size:36px;color:#fff;background:#2392ca;border-radius:5px;position:absolute;top:50%;margin-top:40px;left:50%;margin-left:-164px;text-align:center;line-height:60px}
.bannerText p{font-size:24px;color:#fff;text-align:center;width:100%;position:absolute;top:50%;margin-top:126px}
.advantage{width:100%;height:auto;overflow:hidden;text-align:center;position:relative}
.advantage h3{width:100%;font-size:30px;color:#333;padding-top:90px;padding-bottom:60px}
.advantage ul{width:1226px;height:364px;margin:0 auto;display:flex}
.advantage ul li{width:33.33%;height:100%;position:relative}
.advantage ul li img{width:202px;margin:0 auto;margin-top:38px}
.advantage ul li p{text-align:center;color:#fff;font-size:28px;padding-top:36px;    position: absolute;width: 100%;bottom: 30px;}
.advantage ul li:hover {opacity: 0.5;box-shadow: 0 0 10px #ccc; transition:all .3s;}
.advantage ul li.active:after{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;content:'';position:absolute;bottom:-32px;left:50%;margin-left:-22px}
.advantage ul li:nth-child(1){background:#2392ca}
.advantage ul li:nth-child(1):after {border-top:32px solid #2392ca;}
.advantage ul li:nth-child(2){background:#3cbebc}
.advantage ul li:nth-child(2):after {border-top:32px solid #3cbebc;}
.advantage ul li:nth-child(3){background:#11b384}
.advantage ul li:nth-child(3):after {border-top:32px solid #11b384;}

.advantage .advText{width:1168px;height:auto;position:relative;margin:0 auto;margin-top:90px}
.advText .img{display:block}
.advText .img img:nth-child(1){width:785px;height:auto;overflow:hidden;padding-left:50px; margin:0;}
.advText .img img:nth-child(2){position:absolute;top:29px;left:74px;width:389px;height:217px}
.advText dl{width:438px;height:auto;overflow:hidden;position:absolute;top:30px;right:0;text-align:left}
.advText dl dt{font-size:30px;line-height:42px;color:#333}
.advText dl dd{font-size:16px;line-height:42px;color:#666}
.advText dl dd span{font-size:24px;color:#2392ca}
.talent{width:100%;height:auto;overflow:hidden;position:relative;background:#fafafa}
.talent h3{width:100%;text-align:center;padding-top:90px;color:#333;font-size:36px}
.talent .talText{height:458px;position:relative;padding-top:106px;padding-bottom:100px;display:flex;justify-content:center}
.talText ul{margin-right:75px;margin-top:162px}
.talText ul .img{margin-left:75px}
.talText ul li{width:260px;font-size:18px;line-height:30px;color:#333}
.talText ul li span{font-size:24px;color:#2392ca}
.talText .img{display:block;width:625px;height:auto;position:relative}
.talText img{position:absolute}
.talText .img img:nth-child(1){width:458px;top:104px;left:74px}
.talText .img img:nth-child(2){width:91px;left:23px;top:190px}
.talText .img img:nth-child(3){width:143px;top:8px;left:366px}
.talText .img img:nth-child(4){width:93px;left:518px;top:150px}
.talText .img img:nth-child(5){width:118px;left:442px;top:324px}
.talText .img img:nth-child(6){width:91px;top:305px;left:148px}
.gain{width:100%;height:auto;overflow:hidden;position:relative;text-align:center}
.gain h3{font-size:36px;color:#333;width:100%;padding-top:85px}
.gain ul{width:1226px;margin:0 auto; margin-top:85px; margin-bottom: 75px; display:flex;flex-wrap:wrap;justify-content:center}
.gain ul li{width:160px;margin:0 40px}
.gain ul li img{width:150px;height:auto;margin:0 auto;margin-bottom:20px}
.gain ul li h4{color:#666;font-size:24px;padding-bottom:20px;position:relative}
.gain ul li h4:after{content:'';width:36px;height:2px;background:#2392ca;position:absolute;bottom:0;left:50%;margin-left:-18px}
.gain ul li p{font-size:14px;line-height:24px;margin-top:15px;color:#888;width:100%;box-sizing:border-box;padding:0 12px}
.agents{width:100%;height:auto;overflow:hidden;position:relative;text-align:center;background:#fafafa}
.agents h3{font-size:36px;color:#333;width:100%;padding-top:85px}
.agents ul.ageImg{width:1226px;height:auto;padding-bottom:40px;border-bottom:1px solid #dcdcdc;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;margin-top:60px}
.agents ul.ageImg li{width:232px;overflow:hidden;background:#fff;margin-bottom:16px}
.agents ul.ageImg li img{width:100%}
.agents ul.ageImg li dl{margin:10px 0}
.agents ul.ageImg li dl dt{line-height:20px;font-size:14px;color:#333;font-weight:400}
.agents ul.ageImg li dl dd{line-height:20px;font-size:14px;color:#333}
.agents ul.jie{width:1226px;padding-top:30px;padding-bottom:70px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:left}
.agents ul.jie li{margin-right:8px;margin-bottom:8px;width:144px;height:50px;text-align:center;line-height:50px;border:1px solid #eee;background:#fff}
.agents ul.jie li a{display:block;color:#666;width:100%;height:100%}
.agents ul.jie li:hover{background:rgba(0,0,0,.8);border-color:rgba(0,0,0,.8);transition:all .2s}
.agents ul.jie li:hover a{color:#fff}
.joinUs{width:100%;height:auto;overflow:hidden;position:relative;text-align:center}
.joinUs h3{font-size:36px;color:#333;width:100%;padding-top:80px}
.joinUs p{color:#888;font-size:16px;padding-top:30px}
.joinUs form{width:445px;margin:0 auto;margin-top:35px;margin-bottom:60px}
.joinUs form label{width:100%;margin-bottom:16px}
.joinUs form label input{font-size:16px;box-sizing:border-box;height:56px}
.joinUs form button{outline:0;width:100%;height:58px;font-size:16px;margin-top:16px}
.joinUs form p.help-block{padding-top:15px}
.reg{width:100%;height:auto;overflow:hidden;background:#2f3438;text-align:center}
.reg h3{font-size:30px;color:#fff;padding-top:52px}
.reg>a{display:block;width:265px;height:60px;background:#ff8400;color:#fff;text-align:center;line-height:60px;font-size:24px;color:#fff;margin:0 auto;margin-top:52px;margin-bottom:82px;border-radius:4px}
.reg .regText{width:100%;height:225px;border-top:2px solid #454a4d;border-bottom:2px solid #454a4d;color:#fff;display:flex;justify-content:center;color:#fff;text-align:left}
.regText dl{width:425px;height:100%;margin-right:155px;color:#fff}
.regText ul{width:178px;height:100%;margin-left:92px;color:#fff}
.regText dl p{font-size:20px;line-height:36px;color:#fff}
.regText dl p:nth-child(1){padding-top:48px}
.regText .input-group{margin-top:10px}
.input-group input{box-sizing:border-box;width:325px;height:40px}
.input-group button{width:84px;height:40px}
.regText ul li{line-height:32px;color:#fff}
.regText ul li:nth-child(1){font-size:24px}
.regText ul li:nth-child(2){font-size:16px}
.regText ul li a{display:block;width:160px;height:40px;text-align:center;line-height:40px;font-size:16px;border-radius:3px;background:#40a4fc;color:#fff;margin-top:15px}
.regText ul li:nth-child(1){padding-top:52px}
}



@media screen and (min-width:751px) and (max-width:1226px){
    .banner  {height:598px;}
    .banner img {width:auto; height:100%; margin:0 auto; position: absolute; left:50%; margin-left:-960px;}
    .bannerText h2 {font-size:60px;}
    .advantage ul {width:100%;}
    .advText .img img:nth-child(1) {padding-left:10px;}
    .advText .img img:nth-child(2) {left:34px;}
    .advText dl {width:486px;right:30px;}
    .gain ul {width:100%;    justify-content: space-around;}
    .gain ul li {margin:0;}
    .agents ul.ageImg {    width: 100%; justify-content: center;}
    .agents ul.ageImg li {    margin-left: 8px; margin-right: 8px; }
    .agents ul.jie {width:96%; margin:0 auto;}


}
@media screen and (max-width:750px){
    .mbanner {background:url('../img/agenmbg.jpg') no-repeat center; background-size:cover; color:#fff;}
     .mbanner h4 {font-size:.42rem; padding-top:.58rem; text-shadow:0.04rem 0.04rem 0.04rem #555858;}
    .mbanner h3 {font-size:.7rem;padding-top: .1rem; font-weight: normal;  text-shadow: 0.04rem 0.04rem 0.04rem #555858;}
    .mbanner h3 span {font-size:.7rem; color:#2392ca; }

    .mbanner p {font-size: .24rem;padding-top:.2rem;color:#fff;}
    .mbanner a {margin-top: .25rem;color:#fff;background:#2392ca;}
    
    .advantage {width:100%; overflow: hidden; position: relative; text-align: center;}
    .advantage h3 {font-size:.34rem; padding-top:.48rem; font-weight: bold;}
    .advantage ul {width:100%; display: flex; margin-top:.46rem;}
    .advantage ul li {width:33.33%; height:2.22rem; position: relative;}
    .advantage ul li::after {
            width: 0;
            height: 0;
            border-left: .22rem solid transparent;
            sparent;
            border-right: .22rem solid transparent;
            content: '';
            position: absolute;
            bottom: -.32rem;
            left: 50%;
            margin-left: -.22rem;
            display: none;
    }
    .advantage ul li:nth-child(2):after{
        border-top: .32rem solid #3cbebc ; 
    }
     .advantage ul li:nth-child(1):after{
        border-top: .32rem solid #2392ca; 
    }
     .advantage ul li:nth-child(3):after{
        border-top: .32rem solid #11b384; 
    }
    .advantage ul li.active:after {display: block;}

    .advantage ul li img {width:1.1rem; padding:.2rem 0;}
    .advantage ul li p {font-size:.24rem; color:#fff; position: absolute; bottom:.2rem; width:100%; text-align: center;}
    .advantage ul li:nth-child(1) {background:#2392ca; }
    .advantage ul li:nth-child(2) {background:#3cbebc; }
    .advantage ul li:nth-child(3) {background:#11b384; }

    .advText {padding-top:.48rem; height:6.48rem;}
    .advText dl {text-align: left; width:100%; box-sizing: border-box; padding:0 .24rem;}
    .advText dl dt {font-size: .32rem;padding-bottom: .2rem;}
    .advText dl dd {font-size:.26rem; line-height: .42rem; color:#666666; }
    .advText dl dd span {color:#2392ca; font-size:.26rem;}
    .advText .img {width:94%; margin:0 auto; margin-top:.4rem;}
    .advText .img img {width:100%; position: relative;}
    .advText .img img.changeImg {width: 3.5rem;position: absolute;left: .22rem;top: .26rem;}
    
    .talent , .agents{background:#fafafa;}
    .talent {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; text-align: center;}
    .talent h3 {font-size:.34rem;padding-top:.48rem;font-weight: bold;}
    .talent .talText p {padding-top: .2rem; font-size:.26rem; color:#666666; line-height: .42rem;}
    .talent .talText p span {font-size:.26rem; color:#2392ca;}
    .talent img {width:100%; margin-bottom:.46rem; margin-top:.34rem;}
    
    .gain , .agents , .joinUs {width:100%; overflow: hidden; box-sizing: border-box; padding:0 .24rem; text-align: center;}
    .gain h3 , .agents h3 , .joinUs h3{font-size:.34rem;padding-top:.48rem;font-weight: bold;}
    .gain ul {padding-top:.4rem; text-align: left;}
    .gain ul li {margin-bottom:.4rem; position: relative;}
    .gain ul li img{width:1.7rem;  position: absolute; left:0;}
    .gain ul li h4 {margin-left:1.8rem; line-height: .76rem; position: relative;}
    .gain ul li h4::after {content:''; width:.5rem; height:.03rem; background:#2392ca; position: absolute; left:0; bottom:0;}
    .gain ul li p {font-size:.24rem; color:#888888; line-height: .5rem; margin-left:1.8rem;}
    .agents ul.ageImg {padding-top:.44rem; border-bottom:.01rem solid #dcdcdc; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .agents ul.ageImg li {width:3.36rem; background:#fff; margin-bottom:.3rem;}
    .agents ul.ageImg li img {width:100%;}
    .agents ul.ageImg dl {padding:.1rem 0 ; padding:.1rem 0;}
    .agents ul.ageImg dt, .agents ul dd {font-size:.24rem ; line-height: .36rem; text-align: center; font-weight: normal; }
    .agents ul.jie {width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:.28rem; margin-top:.3rem;}
    .agents ul.jie li {width:2.2rem; height:.78rem; background:#fff; box-sizing: border-box; border:.01rem solid #eeeeee; text-align: center; line-height: .78rem; margin-bottom:.2rem;}
    .agents ul.jie li a {font-size:.26rem; color:#666666; }
    .joinUs p {width:5.64rem; margin:0 auto; font-size:.24rem; line-height: .36rem; padding:.15rem 0 .4rem 0; text-align: center; }
    .joinUs form {width:100%;}
    .joinUs form label {width:100%;}
    .form-control {padding:.06rem 0; text-indent: .2rem}
    .joinUs form button {
    outline: 0;
    width: 100%;
    height: .78rem;
    font-size: .32rem;
    }
    
}