html{margin: 0;padding: 0;font-size: 16px;font-family: Source Han Sans CN;}
body{margin: 0;padding: 0;}
body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track {background: #f1f1f1;}
body::-webkit-scrollbar-thumb {background: #888;}
body::-webkit-scrollbar-thumb:hover {background: #555;}
a{text-decoration: none;}
select,input{outline: none;}
.fz16{font-size: 16px}
.fz15{font-size: 15px}
.fz14{font-size: 14px}

.c99{color: #999999;}
.c10{color: #101010;}

.outer{width: 100%;}
.model{width: 1400px;margin: auto}
.seat{height: 70px}

.index-life-title{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.index-life-title .title{
    font-size: 24px;
    font-weight: bold;
    color: #5B5E66;
    margin-bottom: 7px;
}
.index-life-title .subtitle{
    font-size: 20px;
    font-weight: bold;
    color: #425383;
}
.life-hot-outer{
    width: 100%;
    display: inline-block;
}
.life-hot-outer .life-list:nth-child(1){
    margin-left: 0;
}
.life-hot-outer .life-list{
    width: 335px;
    float: left;
    margin-left: 20px;
    position: relative;
    box-shadow: 0px 0px 13px 0px rgba(127,127,127,0.14);
}
.life-hot-outer .life-list img{
    width: 335px;
    height: 300px;
    border-radius: 2px;
}
.life-hot-outer .life-list .advantage{
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
}
.life-hot-outer .advantage .txt{
    width: 80%;
    margin: 10%;
    color: #fff;
    overflow:hidden;
    height: 230px;
}
.life-hot-outer .advantage .price{
    text-align: center;
    position: absolute;
    bottom: 5%;
    width: 100%;
    color: #fff;
    font-size: 18px;
}
.life-hot-outer .advantage .price span{
    font-size: 22px;
}
.life-hot-outer .life-list .title{
    margin: 5% 10px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #09449B;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    word-break: break-all;
}



.free-model{
    display: flex;
    justify-content: space-between;
}
.free-model .left{
    width: 68%;
    border-top: 10px solid #09449B;
    box-shadow: 0px 0px 13px 0px rgba(127,127,127,0.14);
}
.free-title{
    padding:40px 4%;
    background: url("../img/free-left.png");
    background-size: 100% 100%;
}
.free-title .title{
    font-size: 24px;
    font-weight: bold;
    color: #5B5E66;
    margin-bottom: 7px;
}
.free-title .subtitle{
    font-size: 20px;
    font-weight: bold;
    color: #425383;
}
.free-left-select{
    padding:40px 4%;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.free-left-select .left-select{
    display: flex;
    justify-content: space-between;
}
.free-left-select .left-select:nth-child(1){
    margin-bottom: 40px;
}
.free-left-select .left-select .div-select{
    width: 30%;
}
.free-left-select .left-select .div-select .select{
    width: 92%;
    height: 40px;
    background: #EEEEEE;
    border: 0;
    color: #333333;
    padding: 0 4%;
}
.free-left-select .left-select .div-select select{
    width: 100% !important;
}
.free-left-select .verify{
    width: 50%;
    display: flex;
    flex: 1;
    margin-left: 5%;
    background: #eee;
    justify-content: space-between;
}
.free-left-select .verify .input{
    height: 40px;
    background: #EEEEEE;
    border: 0;
    color: #333333;
    padding: 0 4%;
}
.free-left-select .verify-canvas{
    border-left: 1px solid #DCDCDC;
}
.free-left-select .submit{
    background: #09449B;
    color: #fff;
    margin-left: 5%;
    height: 40px;
    line-height: 40px;
    width: 80px;
    text-align: center;
    border-radius: 2px;
}

.free-model .right{
    width: 30%;
    border-top: 10px solid #09449B;
    box-shadow: 0px 0px 13px 0px rgba(127,127,127,0.14);
}

.expert-outer{
    padding: 40px;
    height: 180px;
}
.expert-outer .expert{
    display: flex;
    justify-content: center;
}
.expert-outer img{
    width: 110px;
    height: 110px;
    border-radius: 80px;
}
.expert-outer .info{
    margin-left: 20px;
    font-weight: bold;
}
.expert-outer .info .tit{
    font-size: 18px;
}
.expert-outer .info .sub{
    font-size: 22px;
    color: #09449B;
}
.expert-outer .info .lay:nth-child(1){
    margin-bottom: 15px;
}
.expert-outer .btn{
    background: #09449B;
    width: 60%;
    height: 40px;
    margin: auto;
    margin-top: 20px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-size: 15px;
}

.advantage-outer{
    background: url("../img/advantage-bg.png");
    background-size: 100% 100%;
    padding-bottom: 40px;
}
.advantage-outer .index-life-title div{
    color: #fff !important;
}
.advantage-model{
    background: #fff;
    padding: 30px 0;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
}
.advantage-model .lay{
    width: 20%;
    text-align: center;
}
.advantage-model img{
    width: 40px;
    height: 40px;
}
.advantage-model .tit{
    color: #09449B;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
}
.advantage-model .desc{
    font-size: 14px;
    color: #5B5E66;
}


.help-outer .layer{
    padding: 30px 0;
    border-top: 1px solid #EEEEEE;
}
.help-outer .title{
    font-size: 22px;
    font-weight: bold;
    color: #5B5E66;
}
.help-outer .attr{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 0;
}
.help-outer .attr .lay{
    display: flex;
    align-items: center;
    color: #999999;
    margin-left: 20px;
}
.help-outer .attr img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.help-outer .author{
    color: #5B5E66;
}
.help-outer .author img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}
.help-outer .content{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.help-outer .layer:nth-last-child(1){
    border-bottom:1px solid #EEEEEE;
}



.about-outer{
    background: url("../img/advantage-bg.png");
    background-size: 100% 100%;
    padding-bottom: 50px;
}
.about-outer .index-life-title div{
    color: #fff;
}
.about-outer .top{
    margin-top: 20px;
    justify-content: space-between;
}
.about-outer .top,.about-outer .top .lay{
    display: flex;
}
.about-outer .top .lay{
    width: 20%;
}
.about-outer .top img{
    width: 60px;
    height: 60px;
    border-radius: 2px;
}
.about-outer .top .lay .info{
    margin-left: 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-outer .top .lay .desc{
    font-size: 13px;
}
.about-outer .bottom{
    margin-top: 80px;
    min-height: 200px;
    display: flex;
    justify-content: space-between;
}
.about-outer .bottom .left{
    color: #fff;
    line-height: 25px;
    margin-right: 50px;
    padding: 20px 0;
}
.about-outer .bottom img{
    width: 600px;
}


.news-outer .model{
    display: flex;
    justify-content: space-between;
}
.news-outer .news-layer{
    width: 48%;
    border-top: 10px solid #09449B;
    box-shadow: 0px 0px 13px 0px rgba(127,127,127,0.14);
}
.news-outer .news-model{
    padding: 5%;
    padding-top: 0;
    padding-bottom: 15px;
}
.news-outer .news-model img{
    width: 200px;
}
.news-outer .news-ext{
    display: flex;
    padding: 5% 0;
    cursor: pointer;
}
.news-outer .news-ext .info{
    flex: 1;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #333333;
}
.news-outer .news-ext .info .title{
    font-weight: bold;
}
.news-outer .news-ext .info .desc{
    font-size: 14px;
}
.news-outer .news-ext .info .time{
    font-size: 13px;
    color: #666;
    text-align: right;
}
.news-outer .lay{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #EEEEEE;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}
.news-outer .case{
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    align-items: center;
    border-top: 1px solid #eee;
    cursor: pointer;
}
.news-outer .case .time{
    text-align: center;
    padding-right: 10px;
}
.news-outer .case .time .date-d{
    font-size: 20px;
    font-weight: bold;
    color: #09449B;
}
.news-outer .case .time .data-y{
    font-size: 14px;
    color: #999999;
}
.news-model .case-tit{
    flex: 1;
    padding-left: 10px;
    border-left: 2px solid #09449B;
    color: #333333;
}
.gags-model{
    width: 100%;
    display: inline-block;
}
.gags-model a:nth-child(1) img{
    margin-left: 0;
}
.gags-model img{
    width: 225px;
    float: left;
    margin-left: 10px;
    border-radius: 2px;
    cursor: pointer;
}
.like-outer{
    padding: 30px 0;
}
.like-outer .title{
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    font-weight: bold;
    font-size: 20px;
}
.like-outer .link{
    padding-top: 10px;
}
.like-outer .link a{
    font-size: 15px;
    color: #09449B;
    margin-right: 10px;
}


.footer-outer,.web-footer{
    width: 100%;
    background: url("../img/footerbg.png");
    background-size: 100% 100%;
}
.footer-model{
    width: 1400px;
    margin: auto;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
.footer-outer .foot-logo{
    width: 250px;
}
.foot-lay .seek{
    margin-top: 30px;
    color: #fff;
}
.foot-lay .seek .tips{
    font-size: 14px;
    margin-bottom: 5px;
}
.foot-lay .seek .tel{
    font-size: 18px;
}
.foot-lay .label{
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}
.foot-link{
    display: flex;
    color: #fff;
}
.foot-link .link-lay:nth-child(1){
    margin-right: 40px;
}
.foot-link .link-lay{
    display: flex;
    flex-direction: column;
}
.link-lay a{
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}
.foot-type-lay{
    display: flex;
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    font-size: 15px;
}
.foot-type-lay .foot-type{
    color: #fff;
}
.footer-ewm img{
    width: 100px;
    margin-right: 10px;
}
.footer-ewm img:nth-child(2){
    margin-right: 0;
}

.column-banner,.column-banner img{
    width: 100%;
}


.crumbs-outer{
    width: 100%;
}
.crumbs-model{
    width: 1400px;
    margin: auto;
    padding: 25px 0;
    display: flex;
    font-size: 15px;
    border-bottom: 1px solid #E9E9E9;
}

.life-country{
    padding: 25px 0;
}
.life-country .country-layer{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.life-country .country-layer div{
    margin-right: 30px;
    font-size: 15px;
    color: #999999;
    float: left;
    margin-bottom: 10px;
}
.life-country .country-layer .lay-con div:hover{
    color: #094398;
    cursor: pointer;
}
.life-country .country-layer .active{
    color: #094398;
    font-weight: bold;
}
.life-country .country-layer .lay-tit{
    margin-right: 0px;
    color: #101010;
    width: 110px;
}
.life-country .lay-con{
    flex: 1;
    display: inline-block;
}


.life-list{
    width: 100%;
    padding: 25px 0;
}
.life-list .left{
    display: flex;
}
.life-list .left img{
    width: 320px;
}
.life-list .left .info{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-left: 40px;
    justify-content: space-around;
}
.life-list .left .info .cen{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.life-list .left .bottom .score img{
    width: 15px;
}
.life-list .top .title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.life-list .top .subtitle{
    font-size: 14px;
    color: #999999;
}
.life-list .cen .lab{
    font-size: 16px;
    font-weight: bold;
    color: #E52145;
    margin-bottom: 5px;
}
.life-list .cen .labtxt{
    font-size: 14px;
    color: #999999;
}
.life-list .left .info .cen .price{
    font-size: 16px;
    font-weight: bold;
}
.life-list .left .info .cen .price span{
    color: #E54C5C;
    font-size: 30px;
    font-weight: bold;
}

.score-outer,.life-list .left .info .bottom{
    display: flex;
    font-size: 14px;
    color: #999999;
    align-items: center;
}
.score-outer,.score-outer .score{
    margin-left: 10px;
}
.life-bottom-outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.life-bottom-outer .btn{
    border: 1px solid #094398;
    color: #094398;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}


.life-detail-top{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.life-detail-top .info{
    flex: 1;
    padding: 5px 0;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.life-detail-top .info .layer{
    display: flex;
    justify-content: space-between;
}
.life-detail-top .info .layer .lay .text{
    font-size: 16px;
    font-weight: bold;
    color: #E52145;
    margin-bottom: 5px;
}
.life-detail-top .info .layer .lay .labtxt{
    font-size: 14px;
    color: #999999;
}
.life-detail-top .info .cen{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.life-detail-top .info .cen .labtxt{
    font-size: 14px;
    color: #999999;
}
.life-detail-top .info .cen .price span{
    font-size: 30px;
    color: #E54C5C;
    font-weight: bold;
}
.life-detail-top .info .btn-outer{
    display: flex;
    justify-content: center;
}
.life-detail-top .info .btn-outer div{
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.life-detail-top .info .btn-outer .zixun{
    background: #094398;
    margin-right: 20px;
}
.life-detail-top .info .btn-outer .qianyue{
    background: #E54C5C;
}
.life-detail-top .info .score-outer img{
    width: 15px;
}
.life-detail-top .info .score-outer .label{
    margin: 0 20px;
}

.life-detail-point{
    margin: 40px 0;
    padding: 0 40px;
    background: #E9E9E9;
    display: flex;
    justify-content: space-between;
}
.life-detail-point div{
    width: 120px;
    text-align: center;
    font-size: 15px;
    padding: 15px 0;
    border-bottom: 2px solid #E9E9E9;
    color: #666666;
    cursor: pointer;
}
.life-detail-point .active{
    border-bottom: 2px solid #094398;
    color: #094398 !important;
    font-weight: bold;
}

.life-detail-content{
    margin-bottom: 40px;
}
.life-detail-content .img{
    margin-bottom: 20px;
}
.life-detail-content .img img{
    width: 150px;
}
.life-detail-content .text img,.life-detail-content .text video{
    width: 100%;
}

.article-outer{
    text-align: center;
}
.article-outer .top{
    padding: 40px 0;
    border-bottom: 1px solid #E9E9E9;
}
.article-outer .top .title{
    font-size: 20px;
    font-weight: bold;
}
.article-outer .top .subtitle{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
}
.article-outer .top .subtitle img{
    width: 15px;
    margin-right: 5px;
}
.article-outer .top .subtitle .lay{
    display: flex;
    align-items: center;
}
.article-outer .top .subtitle .lay:nth-child(1){
    margin-right: 20px;
}
.article-outer .content{
    padding: 40px 0;
}
.article-list{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    cursor: pointer;
}
.article-list .info{
    flex: 1;
    padding: 15px 0;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.article-list .bottom{
    display: flex;
    justify-content: flex-end;
}
.article-list .bottom .lay{
    margin-left: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999;
}
.article-list .bottom img{
    width: 15px;
    margin-right: 5px;
    border-radius: 2px;
}
.article-list .top .title{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
}
.article-list .top .desc{
    color: #999999;
    font-size: 15px;
}
.web-footer,.web-team,.web-header-set,.web-header,.web-cloumn{
    display: none;
}

.migrate-outer{
    padding: 40px 0;
}
.migrate-outer .layer{
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}
.migrate-outer .layer .label{
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
}
.migrate-outer .list-outer{
    display: flex;
    flex-wrap: wrap;
}
.migrate-outer .list-outer .class{
    border: 1px solid #333333;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    border-radius: 5px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 20px;
    cursor: pointer;
    line-height: 35px;
    min-width: 90px;
    text-align: center;
    padding: 0 10px;
}
.migrate-outer .list-outer .active{
    border: 1px solid #094398;
    color: #094398;
}
.migrate-outer .list-outer .class img{
    position: absolute;
    width: 20px;
    top: -10px;
    right: -10px;
    background: #fff;
}
.migrate-btn{
    width: 250px;
    background: #094398;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: auto;
    margin-top: 40px;
    cursor: pointer;
}
.migrate-lxfs{
    display: flex;
    flex-direction: column;
}
.migrate-lxfs input{
    margin-bottom: 20px;
    height: 40px;
    border: 1px solid #bdbdbd;
    padding: 0 20px;
    border-radius: 4px;
}

.about-column-outer{
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
}
.about-column-outer .model div{
    line-height: 40px;
    border-bottom: 2px solid #ff000000;
}
.about-column-outer .model{
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.about-column-outer .active{
    border-bottom: 2px solid #09449B !important;
    color: #09449B;
}
.about-layer-outer{
    text-align: center;
}
.about-layer-outer .about-title{
    padding-top: 100px;
    padding-bottom: 30px;
}
.about-layer-outer .about-title .title{
    font-size: 24px;
    font-weight: bold;
    color: #5B5E66;
    margin-bottom: 5px;
}
.about-layer-outer .about-title .subtitle{
    font-size: 18px;
    font-weight: bold;
    color: #425383;
}

.about-layer-outer .about{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.about-layer-outer .about .left video{
    width: 700px;
    height: 500px;
}

.about-layer-outer .about .right{
    flex: 1;
    padding: 20px 0;
    padding-left: 80px;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.about-layer-outer .about .right .title{
    text-align: left;
    padding: 15px 0;
    font-weight: bold;
}
.about-team-outer .about-team{
    display: flex;
    justify-content: space-between;
}
.about-team-outer .about-team .layer{
    width: 42%;
    padding: 2%;
    background: #fff;
    border-radius: 2px;
    text-align: left;
}
.about-team-outer .about-team .layer img{
    width: 100%;
}
.about-team-outer .about-team .layer .title{
    padding: 15px 0;
    font-weight: bold;
}
.about-team-outer .about-team .layer .desc{
    font-size: 14px;
    color: #333333;
}
.qywh-title{
    text-align: left;
}
.qywh-title div{
    padding-bottom: 15px;
    color: #094398;
    font-size: 20px;
    font-weight: bold;
}
.qywh-img{
    position: relative;
}
.qywh-img img{
    width: 100%;
}
.qywh-img-lay{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.qywh-img-lay div{
    color: #094398;
    font-size: 20px;
    font-weight: bold;
}
.qywh-img-lay .lay1,.qywh-img-lay .lay2{
    text-align: center;
    width: 100%;
}
.qywh-img-lay .lay1{
    line-height: 300px;
}
.qywh-img-lay .lay2{
    line-height: 188px;
}
.qywh-img-lay .lay3{
    height: 250px;
    display: flex;
    justify-content: center;
}
.qywh-img-lay .lay3-1{
    width: 400px;
    line-height: 250px;
    text-align: center;
}
.qywh-img-lay .lay3-2{
    width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 60px;
}
.qywh-img-lay .lay3-3{
    width: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.about-layer-outer .box{
    margin-top: 0!important;
    height: auto !important;
}
.about-layer-outer .bigbox{
    height: 295px !important;
}
.about-layer-outer .control-box ul li{
    top: 100px !important;
}

.web-qywh-img{
    display: none;
}
.rongyu-title{
    font-size: 14px;
}
.myys-outer{
    background: url("/hqym/img/myys-bg.png");
    background-size: 100% 100%;
    padding-bottom: 20px;
}
.myys-outer .about-title .title,.myys-outer .about-title .subtitle{
    color: #fff;
}
.myys-outer .layer-outer{
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 3px;
    margin-bottom: 40px;
}
.myys-outer .layer-outer .label{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.myys-outer .layer-outer .layer{
    display: flex;
    justify-content: space-between;
}
.myys-outer .layer-outer .layer img{
    width: 65px;
    height: 65px;
    border-radius: 4px;
}
.myys-outer .layer-outer .layer .lay{
    display: flex;
    text-align: left;
    width: 23%;
}
.myys-outer .layer-outer .layer .lay .info{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    color: #094397;
    flex: 1;
}
.myys-outer .layer-outer .layer .lay .info .tit{
    font-size: 16px;
    font-weight: bold;
}
.mtbd-outer{
    width: 100%;
    text-align: left;
    display: inline-block;
}
.mtbd-outer .lay{
    width: 20%;
    float: left;
    margin-left: 6%;
    cursor: pointer;
}
.mtbd-outer .lay img{
    width: 100%;
    border-radius: 2px;
}
.mtbd-outer .lay .title{
    margin: 10px 0;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mtbd-outer .lay .desc{
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mtbd-outer .lay:nth-child(1){
    margin-left: 0;
}
.mtbd-more{
    padding-top: 30px;
}
.mtbd-more img{
    width: 130px;
    cursor: pointer;
}



@media (max-width: 700px){
    .suspen-outer{
        display: none;
    }
    .header-outer{
        display: none;
    }
    .model{
        width: 96%;
    }
    .life-hot-outer .life-list{
        width: 100%;
        margin-left: 0;
    }
    .life-hot-outer .life-list img{
        width: 100%;
    }
    .life-hot-outer .life-list .advantage{
        height: 335px;
    }
    .news-outer .model{
        flex-direction: column;
    }
    .news-outer .news-layer{
        width: 100%;
    }
    .news-outer .news-model img{
        width: 125px;
    }
    .gags-model img{
        width: 48%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .gags-model img:nth-child(2n){
        margin-left: 4%;
    }
    .about-outer .top .lay{
        width: 100%;
        margin-bottom: 10px;
    }
    .about-outer .top{
        display: inline-block;
    }
    .about-outer .top .lay .info{
        justify-content: space-around;
    }
    .about-outer .bottom{
        flex-direction: column;
    }
    .about-outer .bottom .left{
        margin-right:0;
    }
    .about-outer .bottom img{
        width: 100%;
    }
    .qa-outer{
        display: none;
    }
    .control-box{
        display: none;
    }
    .web-team{
        display: block;
    }
    .web-team .info{
        position: absolute;
        bottom: 0;
        padding: 20px;
        padding-bottom: 35px;
        font-size: 14px;
        color: #fff;
        background: #000000b5;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 5px;
    }
    .advantage-model{
        display: inline-block;
    }
    .advantage-model .lay{
        width: 49%;
        float: left;
        margin-bottom: 10px;
    }
    .free-model{
        flex-direction: column;
    }
    .free-model .left{
        width: 100%;
    }
    .free-model .right{
        width: 100%;
    }
    .free-left-select .left-select .div-select .select,.free-left-select .verify .input{
        font-size: 14px;
    }
    .free-left-select .left-select{
        flex-direction: column;
    }
    .free-left-select{
        height: auto;
    }
    .free-left-select .left-select .div-select{
        width: 100%;
        margin-bottom: 15px;
    }
    .free-left-select .left-select:nth-child(1){
        margin-bottom: 0px;
    }
    .free-left-select .verify{
        margin-left: 0;
    }
    .free-left-select .submit{
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }
    .footer-outer{
        display: none;
    }
    .web-footer{
        padding: 20px 0;
        color: #fff;
        display: block;
    }
    .web-footer .logo{
        width: 40%;
    }
    .web-footer .tips{
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .web-footer .tel{
        font-size: 20px;
        font-weight: bold;
    }
    .web-footer .cen{
        width: 100%;
        display: inline-block;
        padding: 15px 0;
    }
    .web-footer .cen div{
        width: 50%;
        float: left;
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
        color: #fff;
    }
    .web-footer .bottom .label{
        margin-bottom: 10px;
    }
    .web-footer .bottom .lay{
        display: flex;
        justify-content: space-between;
    }
    .web-footer .bottom .lay img{
        width: 40%;
    }

    .web-header-set{
        display: block;
        height: 65px;
    }
    .web-header{
        display: flex;
        justify-content: space-between;
        width: 94%;
        padding: 10px 3%;
        box-shadow: 0px 0px 13px 0px rgba(127,127,127,0.14);
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 9999;
        border-bottom: 1px solid #e9e9e9;
    }
    .web-header img{
        height: 40px;
    }
    .web-cloumn{
        position: fixed;
        width: 100%;
        height: 100%;
        background: #0000007a;
        z-index: 9999999;
        top: 0;
    }
    .web-cloumn .top{
        display: flex;
        border-bottom: 1px solid #fff;
        padding: 10px 3%;
        justify-content: flex-end;
    }
    .web-cloumn .top img{
        height: 40px;
    }
    .web-cloumn .title div{
        color: #fff;
    }
    .web-column-lay{
        float: right;
        height: 100%;
        background: #000;
        color: #fff;
    }
    .web-column-lay .layer{
        width: 150px;
        padding: 0 20px;
        border-bottom: 1px solid #fff;
        font-size: 14px;
    }
    .web-column-lay .title{
        line-height: 50px;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .web-column-lay .title img{
        width: 15px;
    }
    .web-column-lay .ul .li{
        line-height: 40px;
        padding-left: 20px;
        border-bottom: 1px solid #121212;
        color: #fff;
    }
    .life-list .left .info .cen{
        display: none;
    }
    .life-list .left img{
        width: 120px;
    }
    .life-bottom-outer{
        display: none;
    }
    .life-detail-top .image{
        width: 120px;
    }
    .life-detail-top .info .layer{
        display: none;
    }
    .life-detail-top .score-outer{
        display: none;
    }
    .life-detail-point{
        flex-wrap: wrap;
    }
    .crumbs-model{
        width: 100%;
    }
    .gags-model a:nth-child(2n) img{
        margin-left: 4%;
    }
    .migrate-outer .list-outer .class{
        width: 25%;
        margin-right: 3%;
    }
    .migrate-outer .list-outer .class:nth-child(3n){
        margin-right: 0;
    }
    .about-layer-outer .about{
        flex-direction: column;
    }
    .about-layer-outer .about .left video{
        width: 100%;
    }
    .about-layer-outer .about .right{
        padding: 0;
    }
    .qywh-img{
        display: none;
    }
    .web-qywh-img{
        display: block;
    }
    .jiazhiguan{
        display: flex;
    }
    .fzlc-img img{
        width: 100%;
    }
    .mtbd-outer{
        display: flex;
        flex-direction: column;
    }
    .mtbd-outer .lay{
        width: 100%;
        margin-left: 0;
    }
    .myys-outer .layer-outer .layer{
        flex-wrap: wrap;
    }
    .myys-outer .layer-outer .layer .lay{
        width: 50%;
        margin-bottom: 10px;
    }
    .about-layer-outer .about-title{
        margin-top: 50px;
    }
    .life-detail-content .img img{
        width: 130px;
    }
}