.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){

.mobile {display: flex !important;}

.pc {display: none !important;}



.bannerText h4{margin-bottom:1.12rem;font-size: .48rem;bottom: 60%;}

.bannerText h2{font-size: 0.6rem;box-sizing: border-box;padding: 0 .3rem;text-shadow: 1px 1px 2px #454241;bottom: 50%;}

.bannerText h2 span{font-size: .6rem;}

.bannerText a {

    width: 3rem;

    margin: 0 auto;

    height: 1rem;

    line-height: 1rem;

    font-size: .4rem;

    border-radius: .2rem;

    margin-top: .3rem;

    margin-left: -1.5rem;

}

.bannerText p{margin-top: 1.44rem;font-size: .34rem;}

.banner{height:6rem; margin-top:1.95rem;}

.banner img{width:auto;height:100%;position:absolute;left:50%;transform:translateX(-50%)}

.advantage h3{font-size: 0.6rem;padding-top: 1.2rem;padding-bottom: 0;box-sizing: border-box;padding: 1.2rem .2rem 0 .2rem;}

.advantage ul{width:100%;height:3.64rem;padding-top: 0.6rem;}

.advantage ul li img{width:50%}

.advantage ul li p{padding:0;position:absolute;width:100%;bottom:0.42rem;font-size: .28rem;box-sizing: border-box;padding: 0 .6rem;}

.advantage .advText{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top: .9rem;margin-bottom: 1rem;}

.advText .img img:nth-child(1){width:94%;padding:0;margin:0 auto}

.advText .img img:nth-child(2){top: 0.28rem;left: 0.42rem;width: 47%;height:auto;}

.advText dl{width:96%;position:static;margin-top: .4rem;}

.advText dl dt {

    font-size: .4rem;

}

.advText dl dd{

    font-size: .32rem;

    line-height: .6rem;

}

.advText dl dd span {

    font-size: .32rem;

}

.talent h3{font-size: 0.6rem;padding-top: 1rem;padding-bottom: 0;box-sizing: border-box;padding: 1.2rem .2rem 0 .2rem;}

.talent .talText{flex-wrap:wrap;width:96%;margin:0 auto;height:auto;padding-top: .6rem;}

.talText ul{margin:0;width:94%}

.talText ul li{width:100%;font-size: 0.36rem;line-height: 0.64rem;}

.talText ul li span{font-size: 0.48rem;}

.talText .img{width:100%;margin-top: 1rem;}

.talText .img img:nth-child(1){position:static;margin-top:13%;margin-left:10%;width:80%}

.talText .img img:nth-child(2){left:0;top:37%}

.talText .img img:nth-child(3){width:27%;top:-14%;left:58%}

.talText .img img:nth-child(4){left: 72%;top:32%;}

.talText .img img:nth-child(5){width:22%;left:73%;top:80%}

.talText .img img:nth-child(6){top:80%;left:20%}

.gain h3{font-size: 0.6rem;padding-top: 1rem;padding-bottom: 0;box-sizing: border-box;padding: 1.2rem .2rem 0 .2rem;}

.gain ul{width:96%;margin:0 auto;justify-content: left;margin-top: .8rem;}

.gain ul li{width: 50%;margin:0;margin-bottom:0.64rem;}

.gain ul li img{margin-bottom:0.32rem}

.gain ul li h4{padding-bottom: 0.2rem;font-size: .4rem;}

.gain ul li p{margin-top:0.16rem}

.agents h3{

    font-size: 0.6rem;

    padding-top: 1rem;

    padding-bottom: 0;

    box-sizing: border-box;

    padding: 1.2rem .2rem 0 .2rem;

}

.agents ul.ageImg{width:96%;margin:0 auto;margin-top: .8rem;}

.agents ul.jie{width:96%;margin:0 auto;}

.agents ul.ageImg li{width:48%}

.joinUs h3{font-size: 0.6rem;padding-top: 1rem;padding-bottom: 0;box-sizing: border-box;padding: 1.2rem .2rem 0 .2rem;}

.joinUs p{color:#888;font-size:0.32rem;padding-top: 0.6rem;box-sizing: border-box;padding: .6rem .2rem 0;}

.joinUs form{width:80%}

.reg h3{font-size:0.64rem;width:90%;margin:0 auto;line-height:0.77rem}

.reg>a{margin:0.64rem auto;font-size:0.64rem}

.reg .regText{width:94%;height:auto;flex-wrap:wrap;margin:0.64rem auto}

.regText dl{margin:0;width:100%;margin-top:0.32rem}

.regText dl p:nth-child(1){padding:0}

.regText ul{margin:0;width:100%;height:auto;margin-top:0.32rem;margin-bottom:0.32rem}

.regText ul li:nth-child(1){padding:0}

.agents ul.jie li {

    width: 30%;

}

}