@import "../font/iconfont.css";
@import "//at.alicdn.com/t/c/font_4190011_vc84fop164.css";

* {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;line-height: 1.5715;background: #fff;}

html{font-size: 100px;}

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;}

body::-webkit-scrollbar{
    display: none;
    width:5px;
    height:5px;
    background-color: rgba(0,0,0,.8);
}
body::-webkit-scrollbar-track{
    background-color: rgba(0,0,0,.8);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.5);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,.4);
}
body::-webkit-scrollbar-corner{
    background: rgba(0,0,0,.5);
}

.flex_start{display: flex;justify-content: flex-start;}
.flex_end{display: flex !important;justify-content: flex-end !important;}
.flex_center{display: flex;justify-content: center;}
.flex_between{display: flex;justify-content: space-between;}
.flex_space_around{display: flex;justify-content: space-around;}
.flex_align_center{align-items: center;}
.flex_align_baseline{align-items: baseline;}
.flex_align_start{align-items: flex-start;}
.flex_align_end{align-items: flex-end;}
.flex_wrap{flex-wrap: wrap;}

.text_right{text-align: right;}
.text_left{text-align: left !important;}
.text_center{text-align: center;}

.main{width: 100%;max-width: 1600px;margin:0 auto;}
@media screen and (max-width: 1664px) {
    .main{padding:0 2%;}
}

.bg_header{background: #09152a;position: fixed;top:0;right:0;left:0;z-index:7;}

.header{width:100%;position: fixed;top:0;right:0;left:0;height: 100px;padding:.2rem .7rem;z-index:9;border-bottom: 1px solid #3b4566;transition: all ease .5s;}
.header.active{background: #00295fe6;}

.logo{width: auto;height: 60px;object-fit: contain;display: block;}
.logo a{display: block;height: 100%;}
.logo img{height: 100%;display: block;object-fit: contain;}
.header_right{width: auto;color:#fff;padding-top:17px;}
.header_right ul li a{width: auto;padding:0 .48rem 0;font-size:16px;line-height: 43px;color:#fff;display: block;white-space: nowrap;transition: all ease .5s;}
.header_right ul li a:hover{color:#007aff;}
.header_tel{font-size:16px;font-weight: 600;}
.header_tel i{margin-right: 10px;}
.search{width: auto;display: block;position: relative;}
.search .search_icon{width: 43px;height: 43px;line-height: 43px;display: flex;font-size:16px;justify-content: flex-end;align-items: center;background: unset;color:#fff;}
.search form{width: auto;position: absolute;top:43px;right:0;font-size:16px;display: flex;justify-content: flex-end;align-items: center;overflow: hidden;transition: all ease .3s;height: 0;border:0;}
.search form input{width: 200px;padding:0 10px;font-size:14px;line-height: 30px;background: unset;color:#fff;}
.search form button{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background: unset;color:#fff;}
.search:hover form{height: 32px;border:1px solid rgba(255,255,255,.5);}
@media screen and (max-width: 1200px) {
    .header_right ul li a{padding:0 .24rem;}
}
.web_btn,.web_nav{display: none;}
@media screen and (max-width: 860px) {
    .header_right{display: none !important;}
    .web_btn{width: 43px;height: 43px;display: flex;justify-content: flex-end;align-items: center;font-size:30px;color:#fff;}
    .header{height: auto;padding:10px 2%;}
    .logo{height: 43px;}
    .web_nav{width:100%;height: 100vh;position: fixed;top:0;right:-100vw;bottom:0;background: rgba(0,0,0,.3);z-index:10;display: block;transition: all ease .5s;}
    .web_nav_relative{width: 100%;height: 100%;position: relative;z-index:1;}
    .web_nav_main{width:60%;max-width: 300px;background: #fff;min-width: 200px;position: absolute;top:0;bottom:0;right:0;z-index:2;}
    .web_nav_close{width: 100%;display: flex;justify-content: flex-end;font-size:16px;line-height: 36px;color:#666;padding:0 10px;}
    .web_nav_main ul,.web_nav_main li{width: 100%;display: block;}
    .web_nav_main ul{height: calc(100vh - 36px);overflow-y: auto;}
    .web_nav_main li a.li_a{width: 100%;padding:0 10px;font-size:16px;line-height: 32px;color:#333;display: block;}
    .web_nav_main dl{width: 100%;padding:10px 0;background: #f8f8f8;display: none;}
    .web_nav_main dd a.dd_a{width: 100%;padding:0 20px;font-size:14px;line-height: 24px;color:#666;display: block;}
}


.footer{width:100%;background: url("../images/footer_bg.jpg") top center no-repeat;background-size: cover;color:#fff;}
.footer .main{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;padding-top:0.4rem;}
.foot{width: 100%;display: block;text-align: center;font-size:12px;line-height: 24px;padding:15px 0;border-top:1px solid #33688b;color:#fff;margin-top:.3rem;}
.foot p{width: 100%;display: block;}
.foot p a{display: inline-block;color:#fff;}
.footer_nav{width:39.6875%;display: flex;justify-content: flex-start;align-items: flex-start;}
.footer dl{width:auto;flex-grow:1;display: block;color:#fff;white-space: nowrap;}
.footer dl dt,.footer dl dt{width: 100%;margin-bottom: 15px;display: block;}
.footer dl dt a,.footer dl dt{width: 100%;color:#fff;display: block;font-size:16px;line-height: 32px;}
.footer_nav dl dd a{width: 100%;font-size:12px;line-height: 24px;display: block;color:#fff;}
.footer_nav dl a{transition: all ease .5s;}
.footer_nav dl a:hover{color:#007aff;}

.footer_contact{flex-grow: 1;display: block;}
.footer_contact dl dd{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;font-size:14px;line-height: 32px;white-space: normal;}
.footer_contact dl dd i{font-size:14px;line-height: 32px;display: flex;justify-content: flex-start;align-items: center;width: 20px;margin-right: 5px;}

.footer_follow dl{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.footer_follow dl dt{width: 100%;display: block;}
.footer_follow dl dd{width: 102px;display: block;margin-right:60px;}
.footer_follow dl dd:last-child{margin-right:0;}
.footer_follow dl dd img{width: 102px;height: 102px;object-fit: contain;display: block;}
.footer_follow dl dd p{width: 100%;text-align: center;font-size:12px;line-height: 24px;margin-top: 10px;display: block;}
.footer_contact,.footer_follow,.footer_nav{padding-bottom: .3rem;}

@media screen and (max-width: 750px) {
    .footer_contact,.footer_nav{width: 100%;}
}


.page{width:100%;display: block;margin:40px auto 0;}
.page ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;cursor: pointer;}
.page ul li a{width:auto;padding:0 10px;font-size:14px;line-height: 24px;border:1px solid #eee;margin:0 2px;display: block;color:#333;transition: all ease .5s;}
.page ul li a:hover,.page ul li a.current{background:#007aff;border-color:#007aff;color:#fff;}
.page ul li a.disabled{background: #f8f8f8;cursor: no-drop;border-color:#eee;color:#333;}


.right{width:auto;display: block;position: fixed;top:50%;right:2.3%;z-index:11;transform: translateY(-50%);}
.right_list{width:54px;height: 54px;display: flex;justify-content: center;align-items: center;background: #28a7e1;color:#fff;margin:2px 0;position: relative;font-size:20px;transition: all ease .5s;}
.right_list:hover{background: #ec6e00;}
.right_list_img{width:24px;height: 20px;object-fit: contain;display: block;}
.right_list_tel{width:0;position: absolute;top:0;right:54px;background: #28a7e1;height: 54px;font-size:20px;line-height: 54px;display: block;white-space: nowrap;text-align: center;transition: all ease .5s;overflow: hidden;}
.right_list:hover .right_list_tel{width:210px;}
.right_list_wechat{width:0;height: 110px;position: absolute;top:50%;right:54px;transform: translateY(-50%);overflow: hidden;transition: all ease .5s;}
.right_list_wechat img{width:110px;height: 110px;object-fit: contain;display: block;}
.right_list:hover .right_list_wechat{width:110px;}

.mask{width:100%;position: fixed;top:0;right:0;bottom:0;left:0;z-index:10;height: 100vh;display: none;}
.mask_relative{width: 100%;height: 100%;position: relative;z-index:1;}
.message_form{position: absolute;top:50%;transform: translateY(-50%);right:calc(2.3% + 64px);background: #fff;padding:0 30px 20px;max-height: 80vh;overflow-y: auto;width:90%;max-width: 360px;z-index:2;box-shadow: 0 0 10px rgba(0,0,0,.1);}

.message_form.active{top:50%;right:50%;transform: translate(50%,-50%);}

.message_title{width:100%;font-size:18px;line-height: 46px;color:#686a6d;border-bottom: 1px solid #dcdcdc;text-align: center;}
.message_form_list{width:100%;display: block;margin-bottom: 5px;}
.message_form_list label{width: 100%;font-size:16px;color:#686a6d;line-height: 36px;display: flex;justify-content: flex-start;align-items: flex-start;}
.message_form_list label i{color:#f00;margin-left:3px;font-weight: 600;}
.message_form_list input{width:100%;font-size:16px;line-height: 30px;border:1px solid #dcdcdc;padding:0 10px;display: block;}
.message_form_list_check{width: 100%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}


.message_form_list_check_item{width:auto;display: flex;justify-content: flex-start;align-items: center;white-space: nowrap;margin-right: 10px;cursor: pointer;}

.message_form_list_check input{width:15px;height: 15px;display: block;}
.message_form_list_check span{font-size:16px;line-height: 30px;display: block;margin:0 5% 0 5px;}
.message_form button{width:100%;font-size:16px;color:#fff;background: #ec6e00;text-align: center;line-height: 36px;display: block;margin-top:10px;}
.message_form::-webkit-scrollbar{display: none;}
@media screen and (max-width: 750px) {
     .right{display: none;}
    .message_form{right:5%;}
}

#bottom_message.mask{width:240px;height: auto;top:unset;left:10px;bottom:10px;display: block;border-radius: 5px;overflow: hidden;}
.mask_close{width:30px;height: 36px;position: absolute;top:0;right:0;font-size:16px;text-align: center;cursor: pointer;color:#fff;line-height: 36px;}
#bottom_message .message_form{transform: unset;top:0;right:0;position: relative;padding:0 0 10px;width: 100%;}
#bottom_message .message_form_list input{border:1px solid #DCDFE6;font-size:12px;border-radius: 3px;}

#bottom_message .message_title{width:100%;background: #28a7e1;margin-bottom: 10px;text-align: left;padding:0 10px;color:#fff;height: 36px;line-height: 36px;font-size:14px;}
#bottom_message .message_form_list{padding:0 10px;}
#bottom_message .message_form button{width:calc(100% - 20px);margin-left: 10px;}
#bottom_message .message_form_list_check span{font-size:12px;line-height: 20px;}