*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*::before,*::after{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;font-size:14px;color:#333}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;display:block;color:#333}
input,textarea{font-family:inherit;font-size:14px;color:#333}
input::placeholder,textarea::placeholder{font-family:inherit;font-size:14px;color:#999}

.width{max-width:1280px;margin:0 auto;width:calc(100% - 100px)}

.embed-icon{display:none}

.lazyload{opacity:0;transition:transform .8s,opacity .8s ease-in-out}
.lazyload.loaded{opacity:1}

.space{height:70px}

.b{font-weight:700}
mz{color:#f86440}

.img-bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

.mCSB_inside > .mCSB_container{margin-right:15px}
.mCSB_scrollTools{width:2px}
.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#007aff}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#ddd}

.layui-layer-hmg{border-radius:50px !important}
.layui-layer-btn .layui-layer-btn0{background:#007aff;color:#333;border-color:#007aff}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#007aff !important;background-color:#007aff !important}
.layui-layer-dialog{max-width:500px}

.my-select{height:60px;background:#fff;position:relative;border-radius:5px;border:1px solid #e5e5e5}
.my-select:after{content:"";display:block;width:8px;height:8px;position:absolute;top:23px;right:30px;border-left:1px solid #999;border-bottom:1px solid #999;transform:rotate(-45deg)}
.my-select p{padding:0 25px;line-height:60px;cursor:pointer;font-size:16px;color:#999}
.my-select ul{display:none;background:#fff;width:100%;overflow-y:auto;position:absolute;top:calc(100% + 5px);left:0;max-height:300px;z-index:990;box-shadow:0 0 10px #ccc}
.my-select ul li{padding:0 15px;line-height:40px;cursor:pointer;}
.my-select ul li.selected{background:#007aff;color:#fff}
.my-select.on:after{transform:rotate(-225deg);top:28px}

.page{text-align:center}
.page a,.page .a_cur{display:inline-block;border-radius:50%;width:48px;height:48px;line-height:48px;margin-right:15px;color:#333;background:#eee}
.page .a_cur{background:#007aff;color:#fff}

.video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;}
.video-popup .con{width:70%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.video-popup video{max-width:100%;max-height:100%;}
.video-popup .close{position:absolute;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%206%20L18%2018%20M18%206%20L6%2018%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/40px;right:-20px;top:-20px;cursor:pointer;z-index:1002;}

.header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 1px 2px 0 rgb(0 0 0 / 6%);z-index:999}
.header .width{max-width:1400px;display:flex;height:70px;align-items:center;}
.header .logo{width:165px;height:30px;margin-right:120px}
.header .logo .logo-title{font-size: 15px;font-weight: bold;color: #f86440;}
.header .logo>img{max-width:100%;max-height:100%}
.header-r{display:flex;justify-content:space-between;flex:1}
.header .nav{display:flex}
.header .nav>li>a{padding:0 20px;font-size:16px;line-height:70px}
.header .nav>li>a.active{color:#0066e0;position:relative}
.header .nav>li>a.active::after{content:'';position:absolute;bottom:0;width:100%;height:1px;background:#007aff;left:0}
.header .child{display:none;position:fixed;top:70px;background:#fff;width:100%;left:0;border-top:1px #ccc solid;z-index:998;padding:0 50px 20px}
.header .child .row{max-width:1280px;margin:0 auto;padding-top:40px;border-bottom:1px #ccc solid;display:flex}
.header .child .row:last-child{border-bottom:0}
.header .child .tag{font-size:20px;line-height:30px;padding:20px 50px 40px 0;width:18%}
.header .child .items{width:72%;display:flex;flex-wrap:wrap}
.header .child .item{width:calc(25% - 75px);margin-right:100px;margin-bottom:40px}
.header .child .item:nth-child(4n){margin-right:0}
.header .child .name{display:flex;border-bottom:1px #ccc solid;padding-bottom:10px;margin-bottom:10px}
.header .child .icon{width:28px;height:24px;display:flex;justify-content:center;align-items:center;margin-right:10px}
.header .child .icon>img{max-width:100%;max-height:100%}
.header .child .name>a{flex:1;font-size:15px;line-height:25px}
.header .child .note{line-height:24px;color:#666}
.header .info{display:flex;align-items:center}
.header .info>a{line-height:37px}
.header .tel{background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/link.c25e818d.png) no-repeat left center/17px;padding-left:24px;font-size:18px;color:#f86440;margin-right:10px}
.header .info>a:nth-child(n+2){margin-left:10px;padding:0 25px;border-radius:18px;line-height:37px;transition:.3s}
.header .info>a:nth-child(2){color:#007aff}
.header .info>a:last-child{background:#d2433f;color:#fff}
.header .mask{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:997}
.header .menu{display:none}
.nav-m{display:none}

.footer{background:#0d202f;padding:50px 0;color:#fff;}
.footer a{color:#fff}
.footer .width{max-width:1400px}
.footer-t{display:flex;justify-content:space-between}
.footer-t .qr{width:20%}
.footer-t .qr .name{font-size:18px}
.footer-t .qr .note{line-height:24px;opacity:.5;margin:10px 0 25px}
.footer-t .qr ul{display:flex;flex-wrap:wrap}
.footer-t .qr li{width:calc(50% - 20px);margin-bottom:20px}
.footer-t .qr li:nth-child(2n+1){margin-right:40px}
.footer-t .qr li>img{width:100%;height:auto;margin-bottom:10px}
.footer-t .qr li>p{text-align:center;opacity:.5}
.footer-t .nav{flex:1;padding:0 100px;display:flex;justify-content:space-between}
.footer-t .nav>li>a,.footer-t .nav>li>span{font-size:18px;margin-bottom:20px;display:block}
.footer-t .child>a,.footer-t .child>span{line-height:30px;opacity:.5;display:block}
.footer-t .info{width:20%}
.footer-t .info li{display:flex;margin-bottom:30px;align-items:center}
.footer-t .info .icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center}
.footer-t .info .icon>img{width:auto;height:auto;max-width:70%;max-height:70%}
.footer-t .info .txt{flex:1;padding-left:15px}
.footer-t .info .txt>p:first-child{font-size:18px;margin-bottom:5px}
.footer-t .info .txt>p:last-child{font-size:18px;opacity:.5}
.footer-t .info li:last-child .txt>p:first-child{margin-bottom:10px}
.footer-t .info li:last-child .txt>p:last-child{font-size:14px;line-height:20px}
.footer-b .outlink{border-bottom:1px rgba(255,255,255,.05) solid;margin:40px 0 20px;display:flex;flex-wrap:wrap}
.footer-b .outlink>a,.footer-b .outlink>span{color:rgba(255,255,255,.5);margin-right:30px;margin-bottom:20px}
.footer-b .copyright{display:flex;justify-content:space-between;}
.footer-b .copyright>p{width:50%;opacity:.5;line-height:24px}
.footer-b .other{width:50%;display:flex;justify-content:flex-end;align-items:center}
.footer-b .other>a{color:rgba(255,255,255,.5)}
.footer-b .wa{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%20L20%206%20V12%20C20%2016.5%2016.5%2020%2012%2021%20C7.5%2020%204%2016.5%204%2012%20V6%20Z%22%20fill%3D%22none%22%20stroke%3D%22%239aa7b5%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E") no-repeat left top;padding-left:25px;border-right:1px rgba(255,255,255,.5) solid;padding-right:5px;margin-right:5px;line-height:16px}

.inner-banner{position:relative}
.inner-banner .m{display:none}
.inner-banner .img{padding-bottom:33.33%}
.inner-banner .width{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;display:flex;flex-direction:column;justify-content:center;margin-top:-1%}
.inner-banner .info{width:44%}
.inner-banner .name{font-size:48px;}
.inner-banner .note{font-size:30px;line-height:40px;margin:20px 0 10px}
.inner-banner .detail{font-size:16px;line-height:26px;color:#666;margin-bottom:55px}
.inner-banner .btns{display:flex}
.inner-banner .btn{display:inline-block;padding:12px 55px 12px 30px;background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png) no-repeat 80% center;color:#fff;border-radius:23px;margin-right:20px;border:1px #007aff solid;transition:.3s}
.inner-banner .btn:last-child{border:1px rgba(0,0,0,.3) solid;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%208%20H13%20M9%204%20L13%208%20L9%2012%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");color:#333}

.inner-banner1{position:relative}
.inner-banner1 .m{display:none}
.inner-banner1 .img{padding-bottom:15.62%}
.inner-banner1 .info{width:600px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.inner-banner1 .name{font-size:42px;text-align:center}
.inner-banner1 .note{font-size:24px;color:#666;line-height:34px;text-align:center;margin-top:30px}
.inner-banner1 .search{position:relative;margin:30px 0 20px}
.inner-banner1 .search>input{width:100%;line-height:50px;border-radius:25px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%2399a%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M14.5%2014.5%20L20%2020%22%20fill%3D%22none%22%20stroke%3D%22%2399a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 25px center;padding:0 80px 0 55px}
.inner-banner1 .search>span{cursor:pointer;position:absolute;right:30px;top:0;height:100%;line-height:50px}
.inner-banner1 .hot{display:flex}
.inner-banner1 .hot>span{width:75px}
.inner-banner1 .swiper-container{flex:1}
.inner-banner1 .swiper-slide{width:auto}

.pos{line-height:60px;color:#666;display:flex}
.pos>a{color:#666}
.pos>em{font-style:normal;margin:0 5px}

.float{position:fixed;right:0;top:50%;width:85px;margin-top:-182px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:998;border-radius:8px 0 0 8px}
.float>a,.float>button{border-bottom:1px solid rgba(0,0,0,.15);height:65px;position:relative;display:block;width:100%;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;appearance:none}
.float>a:first-child,.float>button:first-child{height:105px;border-bottom:0}
.float>a:nth-child(4),.float>button:nth-child(4){border-bottom:0}
.float>a:last-child,.float>button:last-child{border-bottom:0;display:none}
.float .icon{width:28px;height:24px;margin:20px auto 8px;display:flex;justify-content:center;align-items:center;transition:.3s}
.float>a:first-child .icon,.float>button:first-child .icon{width:83px;height:84px;margin:0 auto}
.float .icon>img{width:auto;height:auto;max-width:100%;max-height:100%}
.float p{text-align:center;transition:.3s}
.float>a:first-child p,.float>button:first-child p{background:#0066e0;color:#fff;border-radius:5px;padding:2px 0}
.float .qr .tc{position:absolute;top:-100px;right:-150px;width:150px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:20px;transition:.8s;z-index:998}
.float .qr .tc>img{max-width:100%;height:auto}
.float .qr .tc>p{margin-bottom:10px}
.float .qr:hover .tc{right:0}
.float .phone .tc{position:absolute;top:-10px;right:-200px;width:200px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:20px;transition:.8s;z-index:998}
.float .phone .tc>span{display:block}
.float .phone .tc>span.b{margin-bottom:10px;padding-bottom:10px;border-bottom:1px #eee solid}
.float .phone .tc>span.b:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}

@media (max-width:1440px){
    .header .logo{margin-right:50px}
    
    .inner-banner .name{font-size:40px;}
    .inner-banner .note{font-size:22px;line-height:32px;margin:15px 0 10px}
    .inner-banner .detail{margin-bottom:30px}
    
    .inner-banner1 .name{font-size:32px}
    .inner-banner1 .search{margin:20px 0}
}

@media (max-width:1280px){
    .header .nav>li>a{padding:0 15px;font-size:14px}
    .header .tel{font-size:14px;padding-left:20px;margin-right:10px}
    .header .info>a:nth-child(n+2){padding:0 10px}
}

@media (max-width:750px){
    .space{height:60px}
    .width{width:calc(100% - 40px)}
    .page a,.page .a_cur{margin-right:10px;width:35px;height:35px;line-height:32px}
    .layui-layer-dialog{max-width:80%}
    .layui-layer-dialog .layui-layer-content{font-size:14px !important}

    .video-popup .con{width:90%;}
    .video-popup .close{right:0;top:-50px}
    .video-popup .close{width:30px;height:30px;background-size:30px;right:0;top:-5px}
    
    .my-select{height:40px}
    .my-select:after{width:5px;height:5px;top:15px;right:15px}
    .my-select p{line-height:40px;font-size:14px;padding:0 15px}
    .my-select ul li{line-height:35px}
    .my-select.on:after{top:18px}
    
    .header .width{justify-content:space-between;height:60px}
    .header-r{display:none}
    .header .menu{display:block;width:25px;height:25px;background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/menu.8f89a580.svg) no-repeat center center/25px}
    
    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
    .nav-m .info-t{display:flex;justify-content:space-between;align-items:center;height:60px}
    .nav-m .logo{width:133px;height:30px}
    .nav-m .logo .logo-title{font-size: 18px;font-weight: bold;color: #f86440;}
    .nav-m .logo>img{max-width:100%;max-height:100%}
    .nav-m .close{width:25px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%206%20L18%2018%20M18%206%20L6%2018%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/25px}
    .nav-m li{border-bottom:1px solid rgba(0,0,0,.15);padding:10px 0 20px;margin-bottom:10px;position:relative;font-size:16px}
    .nav-m li::after{position:absolute;top:20px;right:0;transform:translateY(-50%);content:'';width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M4.5%202.5%20L8.5%206%20L4.5%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/12px;transition:.3s}
    .nav-m li.rotate::after{transform:rotate(90deg);top:15px}
    .nav-m li>a{display:inline-block}
    .nav-m .child{display:none;margin-left:15px;margin-bottom:20px}
    .nav-m .child>a{font-size:16px;padding:15px 0;border-bottom:1px rgba(0,0,0,.15) solid}
    .nav-m .info-b{display:flex;flex-direction:column;align-items:center;padding:20px 0}
    .nav-m .tel{background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/1.2b176c7f.png) no-repeat left center/17px;padding-left:30px;font-size:20px;color:#007aff;margin-bottom:20px}
    .nav-m .btn{display:flex;}
    .nav-m .btn>a{padding:10px 40px;border-radius:18px;background:#007aff;color:#fff}
    .nav-m .btn>a:first-child{margin-right:20px}
    
    .footer{padding:50px 0 20px}
    .footer-t{display:block}
    .footer-t .qr{width:100%;margin-bottom:20px}
    .footer-t .qr .name{font-size:16px;text-align:center}
    .footer-t .qr .note{margin:5px 0 15px;text-align:center}
    .footer-t .qr li{width:50%;margin-bottom:15px}
    .footer-t .qr li:nth-child(2n+1){margin-right:0}
    .footer-t .qr li>img{width:80%;height:auto;margin:0 auto 10px}
    .footer-t .nav{display:none}
    .footer-t .info{width:100%}
    .footer-t .info li{margin-bottom:20px}
    .footer-t .info .icon{width:38px;height:38px}
    .footer-t .info .txt>p:first-child{font-size:16px}
    .footer-t .info .txt>p:last-child{font-size:16px}
    .footer-t .info li:last-child .txt>p:first-child{margin-bottom:5px}
    .footer-b .outlink{margin-bottom:15px;margin-top:20px}
    .footer-b .outlink>a,.footer-b .outlink>span{margin-bottom:10px;margin-right:10px}
    .footer-b .copyright{display:block}
    .footer-b .copyright>p{width:100%;text-align:center;margin-bottom:10px}
    .footer-b .other{width:100%;flex-direction:column;justify-content:center}
    .footer-b .wa{margin-bottom:5px;border-right:0;padding-right:0;margin-right:0}
    
    .float{display:none}
    .float{width:45px;margin-top:0;bottom:20px;top:auto}
    .float>a,.float>button{height:30px}
    .float>a:first-child,.float>button:first-child{height:44px}
    .float .icon{margin:15px auto;width:22px;height:18px}
    .float>a:first-child .icon,.float>button:first-child .icon{width:43px;height:44px}
    .float p{display:none}
    .float .qr .tc{top:-150px;right:-120px;width:120px;padding:10px}
    .float .qr .tc>p{display:block;font-size:12px}
    .float .phone .tc{display:none}
    
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .img{padding-bottom:133.33%}
    .inner-banner .width{height:auto;top:30px}
    .inner-banner .info{width:100%}
    .inner-banner .name{font-size:22px;text-align:center}
    .inner-banner .note{font-size:16px;line-height:26px;margin:10px 0 5px;text-align:center}
    .inner-banner .detail{font-size:14px;line-height:24px;margin-bottom:20px;text-align:center}
    .inner-banner .btns{justify-content:center}
    .inner-banner .btn{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center}
    .inner-banner .btn:first-child{margin-right:15px}
    .inner-banner .btn:last-child{margin-right:0}
    
    .inner-banner1 .pc{display:none}
    .inner-banner1 .m{display:block}
    .inner-banner1 .img{padding-bottom:40%}
    .inner-banner1 .info{width:100%;padding:0 20px}
    .inner-banner1 .name{font-size:25px !important;text-align:center}
    .inner-banner1 .note{font-size:14px;line-height:24px;margin-top:10px}
    .inner-banner1 .search{margin:10px 0}
    .inner-banner1 .search>input{line-height:40px;background-position:15px center;background-size:15px;padding:0 80px 0 40px}
    .inner-banner1 .search>span{right:20px;line-height:40px}
    
    .pos{line-height:50px;white-space:nowrap;overflow-x:auto}
}

@media (any-hover:hover){
	.img-bg .bg:hover{transform:scale(1.1)}
    .page a:hover{background:#007aff;color:#fff}
    .my-select ul li:hover{background:#007aff;color:#fff}
    
    .header .nav>li>a:hover{color:#007aff}
    .header .child .name>a:hover{color:#007aff}
    .header .info>a:nth-child(2):hover{;color:#FFFFFF}
    .header .info>a:last-child:hover{background:#d2433f;border-color:#2DA8CB}
    
    .footer-t .nav>li>a:hover{color:#007aff}
    .footer-t .child>a:hover{color:#007aff;opacity:1}
    .footer-b .outlink>a:hover{color:#007aff}
    .footer-b .other>a:hover{color:#007aff}
    
    .inner-banner .btn:hover{background-color:#2DA8CB;border-color:#2DA8CB}
    .inner-banner .btn:last-child:hover{background-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff;border-color:#007aff}
    
    .inner-banner1 .search>span:hover{color:#007aff}
    
    .pos>a:hover{color:#007aff}
    
    .float>a:first-child p:hover,.float>button:first-child p:hover{background:#2DA8CB}
    .float .move:hover .icon{transform:translateY(-3px)}
    .float .move:hover p{transform:translateY(-3px)}
    .float .phone:hover .tc{right:0}
}