* {margin: 0;padding: 0;box-sizing: border-box;}
body {width: 100%;min-width:320px;margin: 0 auto;font: 14px/1.5 '微软雅黑';color: #333;overflow-x: hidden;font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","SourceHanSansCN",Arial,sans-serif;background: #fff;}

li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #333;}
i {font-style: normal;}
button, input, textarea, hr {border: none;outline: none;}
.clear {clear: both;}
table {border-collapse: collapse;max-width: 100%;}
table td {border-collapse: collapse;}
select{outline: unset;}
input:focus ,button{outline: none;}
iframe{width:100%;height: 100%;}
img{border:none;}

/* 在Chrome浏览器下 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* 在Firefox浏览器下 */
input[type="number"]{
    -moz-appearance: textfield;
}

body::-webkit-scrollbar,.adver_industry_select::-webkit-scrollbar,.history_message .item .message::-webkit-scrollbar{
    display: none;
    width:5px;
    height:5px;
}
.adver_industry_select::-webkit-scrollbar,.history_message .item .message::-webkit-scrollbar{
    display: block;
}
body::-webkit-scrollbar-track,.adver_industry_select::-webkit-scrollbar-track,.history_message .item .message::-webkit-scrollbar-track{
    background-color: rgba(0,0,0,.1);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb,.adver_industry_select::-webkit-scrollbar-thumb,.history_message .item .message::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.5);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb:hover,.adver_industry_select::-webkit-scrollbar-thumb:hover,.history_message .item .message::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,.4);
}
body::-webkit-scrollbar-corner,.adver_industry_select::-webkit-scrollbar-corner,.history_message .item .message::-webkit-scrollbar-corner{
    background: rgba(0,0,0,.2);
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.home{
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.header{
    width: 100%;
    background: #fff;
    display: block;
    position: sticky;
    top:0;
    left:0;
    right:0;
    z-index:100;
}
.header .main{
    width: 100%;
    max-width: 1581px;/*内矩1680*/
    /*max-width: 1757px;!*内矩1680*!*/
    padding:18px 2% 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.home_main{
    width: 100%;
    flex-grow: 1;
    display: block;
    background: #eee;
}
.header .logo{
    padding-bottom: 14px;
}
.header .logo a,.header .logo a img {
    height: 51px;
    object-fit: contain;
    display: block;
}
.header .nav{
    width: auto;display: block;
}
.header .nav .nav_relative{
    position: relative;
    z-index:1;
}
.header .nav .nav_main{
    width: auto;display: flex;justify-content: center;align-items: center;
    z-index:2;
}
.header .nav .item{width: auto;display: flex;justify-content: center;align-items: center;padding:0 25px 14px;font-size: 16px;line-height: 51px;color:#363231;cursor: pointer;position: relative;white-space: nowrap;}
.header .nav .item img{width:13px;height: 7px;display: block;margin-left:5px;}
.header .nav .item img.on{display: none;}
.header .nav .item.on img.on,.header .nav .item:hover img.on{display: block;}
.header .nav .item.on img.default,.header .nav .item:hover img.default{display: none;}
.header .nav .item.on,.header .nav .item:hover{color:#308ab6;}

.header .nav .item .item_mask{position: absolute;top:100%;background: #fff;left:25px;border-radius: 7px;width: 600px;padding:36px 41px 90px;display: none;box-shadow: 0 5px 9px rgba(0,0,0,.1);}
.header .nav .item:last-child .item_mask{
    left:unset;
    right:25px;
}
.header .nav .item .item_mask .item_mask_title{width:100%;font-size:22px;line-height: 1.2;color:#308ab6;display: flex;justify-content: flex-start;align-items: center;}
.header .nav .item .item_mask .item_mask_title h2{
    width: auto;font-size:22px;
    line-height: 1.2;
    font-weight: normal;
    margin-left:5px;
}
.header .nav .item .item_mask .item_mask_title img{width:23px;height: 23px;object-fit: contain;display: block;}
.header .nav .item .item_mask .item_mask_intro{
    width: 100%;
    font-size:14px;
    line-height: 2;
    color:#555555;
    display: block;
    margin-top:20px;
    white-space: normal;
}

.header_login{
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 18px;
    font-size:16px;
    line-height: 27px;
}
.header_login .header_login_btn{
    color:#545657;
    display: block;white-space: nowrap;
    cursor: default;
}
.header_login span{
    width: 1px;
    height: 25px;
    margin:0 16px;
    display: block;
    background: #545657;
}
.header_login .login_bg{
    padding:0 20px;
    border-radius: 16px;
    background: #368db8;
    color:#fff;
}
@media screen and (max-width: 1900px) {
    .header .logo a, .header .logo a img{
        height: 41px;
    }
    .header .nav .item{
        padding:0 20px 11px;
        line-height: 41px;
    }
}
@media screen and (max-width: 1366px) {
    .header .main{
        padding:1.314vw 1.8% 0;
    }
    .header .logo{
        padding-bottom:0.9882vw;
    }
    .header .logo a,.header .logo a img{
        /*height: 4.9vw;*/
    }
    .header .nav{
        display: none;
    }
    .header .nav .item{
        /*padding:0 2.0497vw 1.098vw;
        line-height: 4.9vw;
        font-size:1.61vw;*/
    }
    .header .nav .item .item_mask{
        left:1.84473vw;border-radius: 0.585vw;width:39.53142vw;padding:2.6352vw 2.9646vw 6.588vw;
    }
    .header .nav .item .item_mask .item_mask_title,
    .header .nav .item .item_mask .item_mask_title h2{
        font-size:1.58121vw;
    }
    .header .nav .item .item_mask .item_mask_title img{
        width:1.647vw ;
        height:1.647vw ;
    }
    .header .nav .item .item_mask .item_mask_intro{
        font-size:1.05417vw;
        margin-top:1.449vw;
    }
    /*.header_login {
        padding-bottom: 2.196vw;
        font-size: 1.61vw;
        line-height: 2.6354vw;
    }*/
}
.nav_relative,.nav_main_close,.header_nav_web{
    display: none;
}
@media screen and (max-width: 750px) {
    .header .main{
        padding:2.666vw 2% 0;
    }
    .header .logo{
        padding-bottom: 2vw;
    }
    .header .logo a,.header .logo a img{
        height: 8.933vw;
    }
    .header .nav .item{
        padding:0 3.733vw 2vw;
        height: 8.933vw;
        font-size:2.933vw;
    }
    .header .nav .item .item_mask{
        display: none;
        left:3.7333vw;border-radius: 1.066vw;width:80vw;padding:2.928vw 3.294vw 7.32vw;
    }
    .header_login {
        padding-bottom: 4vw;
        font-size:2.933vw;
        line-height: 4.8vw;
    }
    .header_login span {
        height: 3.7333vw;
        margin: 0 2.4vw;
    }
    .header_login .login_bg {
        padding: 0 2.933vw;
        border-radius: 2.4vw;
    }
    .header .nav{
        width: 100%;
        height: 100vh;
        position: fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        z-index:10;
        /*display: block;*/
    }
    .header .nav .nav_relative{
        width: 100%;
        height: 100vh;
        position: relative;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background: rgba(0,0,0,.2);
        display: block;
    }
    .header .nav .nav_main{
        width: 100%;
        height: 100vh;
        display: block;
        position: absolute;
        top:0;
        right:-100%;
        max-width: 300px;
        background: #fff;
        align-items: flex-start;
        transition: 0.5s;
    }
    .header .nav .nav_main .item{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .header .nav .nav_main .item .item_mask{
        display: none !important;
    }
    .header .nav .item {
        padding: 0 15px 0;
        height: 42px;
        font-size:16px;
    }
    .nav_main_close{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding:15px ;
    }
    .nav_main_close img{
        width: 18px;
        height: 18px;
        object-fit: contain;
        display: block;
    }
    .header_nav_web{
        width: 4.8vw;
        margin-left: 2.4vw;
        display: block;
    }
    .header_nav_web img{
        width: 4.8vw;
        height: 4.8vw;
        display: block;
    }
}
@media screen and (min-width: 751px) {
    .header .nav{
        display: block !important;
    }
}
.online_message{
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    font-size:11px;
    line-height: 1.5;
    color:#888;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    right:2.9166%;
    top:55%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 3;
}
.online_message img{
    width: 32px;
    object-fit: contain;
    display: block;
}
.online_message.on {
    color:#fff;
    background: #368db8;
}
.online_message.on img.default,.online_message img.on{
    display: none;
}
.online_message.on img.on{
    display: block;
}
.online_message span{
    width: 6px;
    height: 6px;
    position: absolute;
    top:9px;
    right:9px;
    background: #f00;
    border-radius: 50%;
}

.header_right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header_login_avatar{
    margin-bottom: 14px;
    position: relative;
}
.header_login_avatar,.header_login_avatar img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}
.header_login_avatar span{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f00;
    position: absolute;
    top:5%;
    right:5%;
}
.header_login_avatar_web,.header_login_avatar_web_click{
    display: none;
}
@media screen and (max-width: 1800px) {
    .header_login_avatar,.header_login_avatar img {
        width: 36px;
        height: 36px;
    }
    .header_login_avatar{
        margin-bottom:11px;
    }
}
@media screen and (max-width: 1366px) {
    .header_login_avatar,.header_login_avatar img {
        /*width: 3.666vw;
        height: 3.666vw;*/
        width: 36px;
        height: 36px;
    }
    .header_login_avatar{
        margin-bottom:11px;
    }
}
@media screen and (max-width: 750px) {
    .header_login_avatar,.header_login_avatar img {
        width: 6.666vw;
        height: 6.666vw;
    }
    .header_login_avatar{
        margin-bottom: 3.333vw;
    }
    .header_login_avatar_pc{
        display: none;
    }
    .header_login_avatar_web{
        display: block;
    }
    .header_login_avatar_web_click{
        display: none;
    }
}
.text_red{
    color:#f00;
}
@media screen and (max-width: 600px){
    .online_message{
        top:60%;
    }
}