*{
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
}

h4{font-weight: normal;font-size:18px;}

body{
    margin: 0;
}


.advantage .fadeInLeft_qs100{margin-right:155px;}
.gray{
    color: gray;
    font-size:14px;
}
.banner img{
    width: 100%;
}

.line{
    width: 50px;
    height: 50px;
    border-bottom: 2px solid #808060;
}

.advantage{
    display: flex;
    justify-content: center;
    background: #f2f2f2;
    padding: 100px 0;
}
.advantage .left{
    margin-right: 155px;
}
.advantage h1{
    font-weight: 900;
    font-size: 60px;
    font-style: italic;
}

.advantage h2{
    font-size: 45px;
    font-weight: 200;
}

.advantage .block{
    width: 302px;
    height: 279px;
    padding: 40px;
}

.advantage .block:hover{
    background: #333;
    box-shadow: 2px 2px 5px gray;
    color: white;
}
.advantage .block h3{font-weight:bold;font-size:14px;margin-bottom:35px;margin-top:15px}
.advantage .block .tit{font-size:30px;font-weight:normal;margin-bottom:0px;}
.condition{
    display: flex;
    justify-content: center;
    padding: 100px 0;
}
.advantage .block p{line-height:30px;}

.condition .left{
    margin-right: 100px;
}

.condition img{
    box-shadow: 2px 2px 6px gray;
}

.condition h1{
    font-weight: 900;
    font-size: 60px;
    font-style: italic;
}

.condition h2{
    font-size: 45px;
    font-weight: 200;
}
.condition .fadeInRight_qs100{    margin-left: 90px;}
.support{
    text-align: center;
    background: #f2f2f2;
    padding: 100px 0;
}

.support h1{
    font-weight: 900;
    font-size: 60px;
    font-style: italic;
}

.support h2{
    font-size: 45px;
    font-weight: 200;
}

.support .bottom{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.support .bottom>div>div{
    padding: 30px;
    width: 25%;
}

.support .bottom>div>div:hover{
    background: #333;
    box-shadow: 2px 2px 5px gray;
    color: white;
}
.support .box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.support1{
    text-align: center;
    padding: 100px 0;
}

.support1 h1{
    font-weight: 900;
    font-size: 60px;
    font-style: italic;
}

.support1 h2{
    font-size: 45px;
    font-weight: 200;
}

.apply{
    min-width:390px;
    width: 499px;
    background: #333;
    color: white;
    padding: 23px;
    margin-right: 10px;
}

.whiteline{
    width: 118px;
    border-bottom: 1px solid white;
}
.support1 .tag{
    width: 457px;
    height: 166px;
    background: #f5f6f6;
    box-shadow: 1px 1px 8px #a0a0a0;
    padding: 40px;
    display: flex;
    align-items: center;
    margin:0 0 12px 12px;;
}
.support1 .tag:hover{border: 1px solid #000;box-sizing: border-box;}
.support1 .tag .xian{width: 86px;height: 2px;display: block;background: #6c6c6c;}
.support1 .tag h3{font-weight:bold!important;}
.support1 .tag p{font-size:12px;line-height:25px;color:#6c6c6c;}
.support1 .bottom{
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}
.support1 .bottom h3{font-weight:normal;font-size:16px;}

.online{
    padding: 100px 0;
    display: flex;
    justify-content: center;
}

.online h1{
    font-weight: 900;
    font-size: 60px;
    font-style: italic;
}

.online h2{
    font-size: 45px;
    font-weight: 200;
}

.online .left{
    background-image: url("../picture/join-online.jpg");
    width:897px;
    height: 637px;
    padding: 50px;
}

.online .medium{
    background:#333;
    padding: 50px;
    color: white;
    width: 751px;
    height: 639px;
}

.online input{
    background: none;
    border: 1px solid gray;
    color: white;
    height: 30px;
    width:56.735%
}
.online .buttons{
    text-align: center;
}
.online button{
    border: none;
    background: white;
    width: 74px;
    height: 31px;
    margin: 10px;
}

.service{
    display: flex;
    justify-content: center;
    padding: 100px;
}

.service>div{
    text-align: center;
    margin: 0 80px;
}



@media screen and (max-width: 1500px) {
    .w1440{min-width: 90%!important;width: 80%!important;}

    .service>div{margin:0 40px;}
    footer .wrap1260 .flogobox{padding-left: 5%;}
    footer .wrap1260 .top{padding-left: 30px!important;}
    .footlogo{width: 70%!important;}
    footer .wrap1260 .top .rt .lxbox .lx{margin-left:0px!important;}
    header .outwrap .lt .navbox{margin-right: 9%!important;}
    .advantage .fadeInLeft_qs100{margin-right:50px;}
    .condition{width: 90%;margin: 0 auto;}
    .support1 .bottom{width: 90%;margin: 3rem auto 0 auto;}
    .support1 .tag{width: 380px;height:190px;}
}
@media screen and (max-width: 1400px) {
    footer .wrap1260 .top{padding-left: 0px!important;}
    footer .wrap1260 .top .rt .lxbox .lx{margin-left:0px!important;}
    footer .wrap1260 .flogobox{padding-left: 0%;}
    .advantage .block{width: 290px;}


}