@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
img { vertical-align: top; }
html { overflow-x: hidden; }
i, cite, em, var, address, dfn { font-style: normal; }
 [hidefocus], summary {
 outline: 0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 13px/1 arial, \5b8b\4f53; color: #333; outline: 0; }
:focus { outline: 0; }
/*备用样式表*/
.clear { width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block; *zoom: 1;}
.icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(../images/icon.png) no-repeat; }
/*css3扩展*/
body:before { display: none; content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); }
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
/*滚动样式*/
.scroller {position: absolute; z-index: 1; width: 750px; height: 160px;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
   -o-text-size-adjust: none;
   text-size-adjust: none;
}
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal { width: 4px;  background-color: #CCCCCC;  -webkit-border-radius: 6px;}
::-webkit-scrollbar-track-piece { background-color: #fff; /*滚动条的背景颜色*/ -webkit-border-radius: 0; /*滚动条的圆角宽度*/}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #999;-webkit-border-radius: 4px;  outline: 1px solid #fff; outline-offset: -1px;border: 1px solid #fff;}

/**布局开始**/
* { box-sizing: border-box; }
/*@font-face{font-family: 'archivo'; src:url(Archivo-Regular.ttf);}*/
body { background: #f8f8f8; line-height: 1; font-size: 14px; font-family:'archivo', Bahnschrift, Helvetica Neue, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; color: #333;}
p { line-height: 1.75; }
a { color: #333; text-decoration: none; transition: all 0.4s ease-in-out; }
a:hover { color: #00a4ff; }
img{ vertical-align:top;}
.flex { display: flex; display: -webkit-flex;}
.f_between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.f_start { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; }
.f_end { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; }
.f_center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.f_middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.f_top { display: flex; display: -webkit-flex; -webkit-align-items: flex-start; align-items: flex-start; }
.f_bottom { display: flex; display: -webkit-flex; -webkit-align-items: flex-end; align-items: flex-end; }
.f_stretch { display: flex; display: -webkit-flex; -webkit-align-items: stretch; align-items: stretch; }
.middle_center{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-align-items: center; align-items: center;}
.f_col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; }
.f_row { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; }
.nowrap { -webkit-flex-wrap: nowrap; -webkit-box-lines: single; -moz-flex-wrap: nowrap; flex-wrap: nowrap; }
.wrap { -webkit-flex-wrap: wrap; -webkit-box-lines: single; -moz-flex-wrap: wrap; flex-wrap: wrap; }
.overlay{background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-line2{display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.text-line3{display: -webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;line-clamp: 3; }
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;}
.inner {width: 1400px;margin:0 auto;} /**页面全局宽度**/
.top_main { position: relative; }
.mbanner { position: relative; z-index: 1; }
.mod{ padding:0px}
/*head开始*/
.header { background:#fff; border-bottom:2px solid #c9c9c9;}
.head-top{ position: relative;}
.header .head-logo { float: left; margin-right:20px; height:110px;}
.header .head-right { float: right; height:110px; padding-left:30px; position:relative;}
.header .logo {width:548px; }
.header .logo img {display: block;  width: 100%;}
.header .head-left { float: left;}
.nav .inner { width: 100%; }
.nav .wp-menu .menu-item { display: inline-block; position: relative;text-align: center; margin:0 18px;  }
.nav .wp-menu .menu-item>a { display: inline-block; height: 120px; line-height: 120px;position: relative; }
.nav .wp-menu .menu-item a.menu-link { color: #333; font-size: 16px; -webkit-transition: all 0.3s; }
.nav .wp-menu .menu-item.hover a.menu-link { color: #00a4ff; }
.nav .wp-menu .menu-item a.menu-link:before{position:absolute; content:'';bottom:-2px;left:0;right:0; height:2px; background:#00a4ff;opacity:0;-webkit-transition:transform 0.2s ease-out,opacity 0.2s ease-out;transform-origin:50% 0%;transform:scale(0.01,1);}
.nav .wp-menu .menu-item.hover a.menu-link:before{transform:scale(1,1);opacity:1;}

.search{ width:20px; height:20px; background:url(../images/search.png) no-repeat; display:block;}
.english{ margin-left:30px; padding-left:28px;background:url(../images/en.png) left center no-repeat; line-height:24px; font-size:14px; color:#333;}
.english:hover{color:#333;}
.search_con{ position:absolute; z-index:2;bottom:5px; right:100px; display:none;}
.search_con.onshow{ display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.search_con input{ display:block; width:200px; height:30px; line-height:30px; font-size:14px; color:#333;padding:0 10px; border:1px solid #b5aeae; border-radius:12px 0 0 12px; }
.search_con .search-submit{display:block; padding:0 4px;width:46px; height:30px; background:#909090; border-radius:0 12px 12px 0;color:#fff; font-size:12px; text-align:center; line-height:30px;}

/**slide导航**/
.wp-navi .navi-slide-head { display: none; padding:0 10px; height: 40px;}
.wp-navi .navi-slide-head .navi-slide-title {display: inline-block;float: left;font-weight: normal;color: #FFFFFF;font-size: 18px;line-height: 40px;}
.wp-navi .navi-slide-head .navi-slide-arrow { display: block; width: 34px; height: 40px; float: right; background: url(../images/menu-dot-w.png) no-repeat 50%;}
/**aside导航**/
.navi-aside-page {position: fixed;}
.navi-aside-toggle {display: block;width:50px;height: 50px;background: url(../images/menu-icon-arrow.png) no-repeat 50%;cursor: pointer;position: absolute;right: 0px;top:50%; transform:translateY(-50%);display: none; z-index:2;}
.navi-aside-toggle.open-active{background: url(../images/menu-icon-arrow2.png) no-repeat 50%;}
.wp-navi-aside { display: none; position: fixed; left: 0; top:82px; bottom: 0; right: 0; z-index: 1000; }
.wp-navi-aside .navi-aside-mask { width: 100%; height: 100%; background: rgba(0,0,0,.1); }
.wp-navi-aside-active { display: block;}
.wp-navi-aside .aside-inner {position: fixed;top: 82px;bottom: 0;right: -216px;z-index: 1002;width: 100%;max-width: 100%;background:#f9f9f9; overflow-y: auto;-webkit-overflow-scrolling: touch; }
.wp-navi-aside .aside-inner:after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 0;width: 0px;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.wp-navi-aside .navi-aside-head { margin-top: 0;border-top: 0px solid rgba(0,0,0,.3);}
.wp-navi-aside .navi-aside-head .navi-aside-title { padding:7px 10px; font-weight: normal; color: #777; font-size: 14px;}
.wp-navi-aside .navi-aside-wrap { color: #aaa;box-shadow: 0 1px 0 rgba(255,255,255,.05);}
.wp-navi-aside .navi-aside-wrap li { position: relative; padding-left:24px;}
.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow { display:block; cursor: pointer; width:50px; height: 35px; position: absolute; right: 0; top:0px; color: #f6f6f6; font-size: 14px; background: url(../images/menu-switch-arrow.png) no-repeat 22px -25px;}
.wp-navi-aside .navi-aside-wrap li .menu-open-arrow { background-position: 20px 12px;}
.wp-navi-aside .navi-aside-wrap li a {display: block;text-decoration: none;color: #333;font-size: 16px;line-height: 20px;padding: 12px 30px 12px 10px;border-bottom: 1px solid #eaeaea;box-shadow: inset 0 1px 0 rgba(255,255,255,.05);}
.wp-navi-aside .navi-aside-wrap li a:hover,.wp-navi-aside .navi-aside-wrap li a:focus { color: #00a4ff; background:none; outline: 0;}
.wp-navi-aside .navi-aside-wrap li .sub-menu { display: none; background-color: #2e2e2e;}
.wp-navi-aside .navi-aside-wrap li .sub-menu li a {padding-left: 26px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu { background-color: #333}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu li a {padding-left: 40px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu { background-color: #343434;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu li a { padding-left: 54px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu .sub-menu { background-color: #373737;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu .sub-menu li a { padding-left: 68px;}

.banner-carousel .swiper-slide {background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;background-color: #333;}
.banner-control {position: absolute;left: 0; right: 0;bottom: 54px;max-width: 1200px;width: 100%;margin: 0 auto;text-align:center;}
.banner-control .swiper-pagination{top:0;left:0;right:0;}
.banner-control .swiper-pagination-bullet{position: relative;display:inline-block;vertical-align: middle;width:112px;height:12px;margin-right:14px;background:rgba(255,255,255,.6);border-radius: 10px;opacity: 1;}
.banner-control .swiper-pagination-bullet-active:before{position: absolute; z-index:2;left: 0;top: 0;width: 0;height: 100%;border-radius: 10px;background: #fff;animation: point-animate 5s linear;content: "";}
@keyframes point-animate {0%{ width: 0}100%{ width: 100%;}}


.slider_title{margin-bottom:50px;font-size: 60px; color:#00a4ff; line-height:62px;font-weight:normal;}
.slider_text{margin-bottom:90px;line-height:1.5;font-size:28px;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; color:#fff; }
.slider_more{width:200px; height:70px; border:2px solid #fff; border-radius:60px; font-size:18px; color:#fff;}
.slider_more:hover{border-color:#00a4ff; background:#00a4ff;color:#fff;}

.banner-carousel .swiper-slide [data-enter-transition='banner-icon-default-enter'] {opacity: 0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.banner-carousel .swiper-slide [data-enter-transition='banner-icon-default-out'] {opacity: 0;-webkit-transform: translateY(60px);transform: translateY(60px);}
.banner-carousel .swiper-slide [data-enter-transition='banner-icon-default-left'] {opacity: 0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
.banner-carousel .swiper-slide [data-enter-transition='banner-icon-default-appear'] {opacity: 0;-webkit-transform: translateX(0px);transform: translateX(0px);}
.banner-carousel .swiper-slide.swiper-slide-active .banner-text-default{opacity: 1;-webkit-transform: translate(0);transform: translate(0);-webkit-transition: .8s; transition: .8s;}
.banner-carousel .swiper-slide.swiper-slide-active .slider_title{transition-delay:0.1s;}
.banner-carousel .swiper-slide.swiper-slide-active .slider_text{transition-delay:0.8s;}
.banner-carousel .swiper-slide.swiper-slide-active .slider_more{transition-delay:0.6s;}


.m_one,.m_three{
    padding: 50px 0px;
}
.m_one h3,.m_three h3{
    text-align: center;
    font-size: 26px;
}
.m_one .m_one_con{
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m_one .m_one_con .item{
    width:32%;
    padding-bottom:22%;
    position: relative;
    cursor: pointer;
    transition: all .5s;
}
.m_one .m_one_con .item:hover{
    transform: translateY(-10px);
}
.m_one .m_one_con .item:hover .itemc{
    background: rgba(0,0,0,0.4);
    transform:scale(1.1);
    transition: all .5s;
}
.m_one .m_one_con .item>img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
}
.m_one .m_one_con .item .itemc{
    width: 80%;
    height:70%;
    z-index:2;
    left: 10%;
    top: 15%;
    position: absolute;
    background: rgba(0,0,0,0.5);


    color: #fff;
    font-size: 18px;
}
.m_one .m_one_con .item .itemc a,.m_one .m_one_con .item .itemc a:visited{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.m_one .m_one_con .item .itemc img{
    margin-right: 10px;
}
.m_two_con{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.m_two_l{
    width: 30%;
    background: url("../img/d.png") no-repeat top center;
    background-size: cover;
    min-height: 340px;
    box-sizing: border-box;
}
.m_two_l h3{
    padding: 20px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size:20px;
}
.m_two_l ul{
    width: 90%;
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.m_two_l ul li{
    width: 45%;
    background: #FFFFFF;;
    height: 50px;
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #00A4FF;
    transition: .3s all ease-in-out;
}
.m_two_l ul li:hover{
    transform: translateY(-6px);
    border-radius: 10px;
}
.m_two_l ul li.none{
    background: none;
}
.m_two_r{
    width: 70%;
    border: 1px solid #ddd;
    border-left:0px;
    min-height: 340px;
    box-sizing: border-box;
    overflow: hidden;
}
.m_two_r h3{
    padding: 20px 0px;
    text-align: center;

    font-weight: bold;
    font-size:20px;
}



 .m_three_con{
    padding-top: 60px;
    display: flex;
    align-items: center;
     transition: all .3s ease-in;
}
.m_three_con ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.m_three_con ul li{
    margin: 5px;
    margin-right: 20px;

}
.m_three_con ul li img{
    transform: scale(1.0);
}
.m_three_con ul li:hover img{
    transform: scale(1.1);
    transition: all 1s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}
.mySwiper{
    padding: 20px 0px;
    transition: all .3s ease-in;
}
.mySwiper .swiper-slide{
    height: 200px;
    cursor: pointer;
    transition: all .3s ease-in;
}
.mySwiper .swiper-slide:hover{
transform: translateY(-10px);
}

.customer-carousel { width: 100%; padding-bottom: 120px; }
.customer-carousel .swiper-slide { width: 452px;margin-right:34px;box-shadow: 0px 6px 15px #e6edf3;}
.customer-carousel .swiper-slide:last-child { margin-right: 0; }
.customer-carousel .swiper-slide .tu { margin: 0 auto; border-radius:20px;background:#fff; padding:0 65px; box-sizing:border-box; position:relative; }
.customer-carousel .swiper-slide .tu:before{ position:absolute; content:'';left:0;right:0;bottom:0; height:50%;border-radius:0 0 20px 20px; background:linear-gradient( to top, #00a4ff 30%, #fff 100%);}
.customer-carousel .swiper-slide .more{ padding:46px 0;}
.customer-carousel .swiper-slide .more .slider_more{ width:84px; height:36px; border:1px solid #00a4ff; font-size:20px; color:#00a4ff}
.customer-carousel .swiper-slide .more .slider_more:hover{ background:#00a4ff; color:#fff;}
.customer-carousel .swiper-slide .pic{overflow: hidden; position: relative; padding-top:160%;}
.customer-carousel .swiper-slide .pic img {position: absolute; z-index:1;left: 0; right: 0;top: 0; bottom: 0;margin: auto; max-width: 100%;width: 100%;height: 100%; object-fit: cover;transform: scale(1, 1); -webkit-transition: 1.2s all ease; -ms-transition: 1.2s all ease; transition: 1.2s all ease; }
.customer-carousel .swiper-slide:hover .pic  img { transform: scale(1.1, 1.1); -webkit-transition: 1.2s all ease; -ms-transition: 1.2s all ease; transition: 1.2s all ease; }
.customer-carousel .customer-button-prev,.customer-carousel .customer-button-next{ cursor:pointer; position:absolute;top:auto; bottom:20px;width:44px; height:44px; border-radius:50%;}
.customer-carousel .customer-button-prev{left:50%; background:url(../images/prev.png) no-repeat; margin-left: -60px;}
.customer-carousel .customer-button-next{ right:50%; background:url(../images/next.png) no-repeat;margin-right: -60px;}

.aboutbanner{
    height:388px;
    background-size: cover;
}
.alone_content{
    padding:20px;
    min-height: 500px;

}
.alone_content img{
    max-width: 100%;
}
.alone_content_title{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    line-height:50px;
}
.alone_content_con{
    padding:30px 0px;
    line-height: 2;
}
.alone_content_con p{
    line-height: 2.5;
    text-indent: 2em!important;

}
/*联系我们*/
.contact_content{
    min-height: 900px;
    background: url("../img/contactbg.jpg") no-repeat top center;
    background-size: cover;
}
.contact_content h4{
    font-size:26px;
    font-weight: bold;
    padding:40px 0px;
    color: #fff;
}
.contact_content .contact{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.contact_content .contact_l{
    width: 35%;
    min-height: 600px;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;

}
.contact_l h3{
    font-weight: bold;
    text-align: center;
    font-size:20px;
    padding:15px 0px;
}
.contact_l p{
    line-height: 5!important;
    font-size:16px;
}
.contact_content .contact_r{
    width: 60%;
    min-height: 600px;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;
}

#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
.checkcontent{
    background: url("../img/contactbg.jpg") no-repeat top center;
    background-size: cover;
    min-height: calc(100vh - 400px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkcontent .checkcon{


}

.checkcon h4,.checkcon h5{color: #fff;text-align: center;padding: 10px 0px}
.checkcon h4{
    font-size:30px;
    padding-top:30px;
}
.checkform{
    width: 60%;
    margin: 20px auto;
    color: #fff!important;
}
.checkform .layui-input-wrap{
    line-height:50px!important;
}
.checkform .layui-form-item{
    margin-bottom: 30px!important;
}
.checkform .layui-input,.checkform .layui-btn{
    height: 50px!important;
    border-radius: 5px;!important;
}
.checkbtn{
    display: flex;
    justify-content: center;
    align-items: center;

}
.checkbtn .layui-btn{width: 60%;}
.downcon{
    min-height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.downcon .layui-input-split{
    border:0px;
    font-size:20px;
    text-align: right;
}
.downcon .layui-input-suffix{
        padding: 0px!important;
}
.downcon .layui-input{
    height: 50px;
    line-height: 50px;
}
.downcon .layui-btn-primary{
    color: #fff!important;
    border: 0px;
    height: 50px;
    line-height: 50px;
    min-width: 100px;
}
.downform{
    padding: 50px 0px;
    color: #fff;
}
.downcon .layui-input-group>.layui-input-suffix{
    text-align: left;

}
/*提交表单*/
.applycontent{
    min-height: 900px;
    background: url("../img/contactbg.jpg") no-repeat top center;
    background-size: cover;
}
.applycontent h4{
    font-size:26px;
    font-weight: bold;
    padding:40px 0px;
    color: #fff;
}
.applycontent .applycon{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.applycontent .applycon-l{
    width: 65%;
    min-height: 600px;
    background: #fff;
    box-sizing: border-box;
    padding: 50px;
    border-radius: 10px;

}
.applycontent .layui-form-label span{color: #f00!important;font-weight: bold;padding: 0px 2px}

.applycontent .applycon-r{
    width:30%;
    min-height: 600px;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;
}
.applyform .layui-form-label{
    width: 165px;
}
.applyform .layui-input-block{
    margin-left:165px ;
}
.applyform .layui-form-mid img{
    height: 38px!important;
    cursor: pointer;
}
#checklists{
    display: none;
    min-height: 600px;
    padding: 20px 0px;
}
#checklists dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 15px;
    cursor: pointer;
    transition: .3s all ease-in-out;
}
#checklists dl:hover{
    transform: translateX(10px);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#checklists dl dd p{
    font-size:20px;
}
#checklists dl:hover dd p{
    color: #00A4FF!important
}
.nwsdl{
    justify-content: flex-start!important;
}
.nwsdl img{
    margin-right: 15px;
}
.checkimg img{
    height: 50px!important;
    cursor: pointer;
}
/**页脚开始**/
#footer { background:#171c22;min-height: 350px; display: flex;flex-direction: column;justify-content: space-between}

#footer .inner{
    padding: 30px 0px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    line-height: 2;
}
#footer .inner dl{}
#footer .inner dl dt{font-weight: bold;font-size:16px;padding: 20px 0px;}
#footer .inner dl dd{
    background: url("../img/31.png") no-repeat top left;
    padding-left: 25px;
}
#footer .inner dl:nth-child(2) dd{
    background: url("../img/4.png") no-repeat top left;
    padding-left: 25px;
}
#footer .inner dl:nth-child(3) dd{
    background: url("../img/5.png") no-repeat top left;
    padding-left: 30px;
}

#footer .copyright_wz {height: 50px;background: #0a0d10;color: #fff; line-height: 50px; font-size: 14px;text-align: center}
#footer .copyright_wz a,#footer .copyright_wz a:visited{color: #fff}
/**jumphandle**/
#jumphandle {width:32px;height: 70px; position: fixed; right: 6px; bottom:20px; z-index: 100000000; display: none;}
#jumphandle a { display: block; width: 32px; height: 32px; background: #777 url(../images/jump-icon.png) no-repeat 0 top; opacity: 0.7;}
#jumphandle a#gobot { background-position: 0 bottom; margin-top: 6px;}


.layui-btn{
    background-color:#00A4FF!important;
}
li.menu-item{
    position: relative;
}
.menu-item ol{
    display: none;
    transition: .3s all ease-in-out;
}
.menu-item:hover ol{
    width: 180px;
    position: absolute;
    display: block;
    background-color: rgba(0,0,0,0.4);
    padding: 15px 10px;
    left: -60px;
    z-index:999;
}
.menu-item:hover ol li{
    line-height: 3;
    color: #fff;
    cursor: pointer;
    transition: .2s all ease-in-out;
}
.menu-item:hover ol li:hover{
    background-color: rgba(0,0,0,0.6);

}
.menu-item:hover ol li a,.menu-item:hover ol li a:visited{
    display: block;
    width: 100%;
    color: #fff
}
#nav{
    float: right;
}

#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;z-index:99999}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}