@font-face {
    font-family: "Light";
    src: url("../fonts/Light.ttf") format("truetype");
}
@font-face {
    font-family: "Regular";
    src: url("../fonts/Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Bold";
    src: url("../fonts/Bold.ttf") format("truetype");
}

*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none}
html{overflow-x:hidden}
body{font-family:'Regular',microsoft yahei;font-size:14px;overflow-x:hidden;color:#333}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;display:block;color:#333}
input,textarea{font-family:'Regular';font-size:14px;}
input::placeholder,textarea::placeholder{font-family:'Regular';font-size:14px}

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

.space{height:95px;}

.font-jb{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
.font-jb-w{background-image:linear-gradient(to right,#fff,#fff);-webkit-background-clip:text;color:transparent;display:inline-block}

.b{font-family:'Bold'}
.l{font-family:'Light'}

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

.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ccc}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#F2F2F2}

.layui-layer-hmg{border-radius:50px !important}
.layui-layer-btn .layui-layer-btn0{background:#00b1ff;color:#333;border-color:#00b1ff}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#00b1ff !important;background-color:#00b1ff !important}

.page{text-align:center}
.page a,.page .a_cur{display:inline-block;border-radius:50%;width:50px;height:50px;line-height:50px;margin-right:20px;color:#333;background:#eee}
.page .a_cur{background:linear-gradient(to right,#00b1ff,#35e3d6);color:#fff}

.header{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;width:100%;}
.header .width{display:flex;align-items:center;justify-content:space-between;max-width:1400px;height:95px;}
.header .logo{width:145px;height:40px}
.header .header-r{width:calc(100% - 200px);display:flex;align-items:center;justify-content:flex-end}
.header .nav{margin-right:40px;display:flex}
.header .nav .item{padding:0 40px;font-size:16px;line-height:95px;position:relative}
.header .nav .item>a{color:#fff;position:relative;}
.header .nav .item>a.active{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
.header .nav .item>a.active::after{content:'';position:absolute;bottom:28px;width:100%;left:0;height:3px;background:linear-gradient(to right,#00b1ff,#35e3d6)}
.header .nav .child{display:none;position:fixed;top:95px;width:100%;line-height:80px;left:0;background:#27292a;text-align:center}
.header .nav .child>a{display:inline-block;font-size:16px;color:#fff;margin-right:30px;text-align:center}
.header .nav .child>a:last-child{margin-right:0}
.header .nav .child.hasIcon{padding-top:30px}
.header .nav .child.hasIcon>a{line-height:50px;margin-right:70px;font-size:14px}
.header .nav .child.hasIcon .icon{width:26px;height:25px;margin:0 auto}
.header .search{width:23px;height:23px;background:url(../images/search-w.svg) no-repeat center center/23px;cursor:pointer;position:relative}
.header .menu{display:none;width:23px;height:23px;background:url(../images/menu-w.svg) no-repeat center center/23px;cursor:pointer}
.header .close{display:none;width:23px;height:23px;background:url(../images/close-w.svg) no-repeat center center/23px;cursor:pointer}
.header.active{background:#fff;box-shadow:0 5px 16px 0 rgb(0 0 0 / 6%)}
.header.active .nav .item>a{color:#333}
.header.active .nav .item>a.active{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
.header.active .nav .child{background:#fff;border-top:1px #f2f2f2 solid;box-shadow:0 5px 16px 0 rgb(0 0 0 / 6%)}
.header.active .nav .child>a{color:#333}
.header.active .search{background-image:url(../images/search.svg)}
.header.active .menu{background-image:url(../images/menu.svg)}
.header.active .close{background-image:url(../images/close.svg)}
.header.unfixed{position:static;transform:translateX(0)}

.footer{padding:100px 0 60px;color:#fff;background:#131921}
.footer .width{max-width:1400px}
.footer .footer-t{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:50px}
.footer .footer-l{width:35%;padding-right:50px;}
.footer .f-logo{width:217px;height:60px;margin-bottom:10px}
.footer .footer-l .tit{font-size:16px;padding:50px 0 15px}
.footer .footer-l .email{font-size:30px}
.footer .footer-l .address{font-size:16px}
.footer .footer-r{width:65%;}
.footer .footer-r .name{font-size:30px;line-height:40px;margin-bottom:15px}
.footer .footer-r .note{font-size:16px;line-height:26px;opacity:.3}
.footer .f-nav{padding-top:50px;display:flex;border-top:1px solid rgba(255,255,255,.1);margin-top:30px}
.footer .f-nav .item{margin-right:150px;max-width:25%}
.footer .f-nav .item:last-child{margin-right:0}
.footer .f-nav .item>span{display:inline-block;font-size:18px;margin-bottom:35px}
.footer .f-nav .child>a{margin-bottom:15px;color:rgba(255,255,255,.5)}
.footer .footer-b{margin-top:30px;display:flex;justify-content:space-between}
.footer .copyright{color:#fff;opacity:.5;line-height:24px;width:calc(100% - 200px)}
.footer .beian{color:#fff;opacity:.5;width:160px;text-align:right}

.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:70%;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(../images/close-w.svg) no-repeat center center/40px;right:-30px;top:-30px;cursor:pointer;z-index:1002;}

.back{width:60px;height:60px;position:fixed;right:50px;bottom:50px;background:url(../images/back.png) no-repeat center center/60px;z-index:1000;cursor:pointer}

.nav-m{display:none;position:fixed;top:69px;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,#2a323c,#131921);overflow-y:auto;z-index:1000;padding-top:20px}
.nav-m li{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0 20px;margin-bottom:10px;position:relative}
.nav-m li>a{color:#fff;font-size:16px;display:inline-block}
.nav-m li:first-child>a{display:block}
.nav-m li::after{position:absolute;top:20px;right:0;transform:translateY(-50%);content:'';width:10px;height:10px;background:url(../images/arrow1-w.svg) no-repeat center center/10px;transition:.3s}
.nav-m li:first-child::after{display:none}
.nav-m li.rotate::after{transform:rotate(90deg);top:15px}
.nav-m .child{display:none;margin-left:15px;margin-bottom:20px}
.nav-m .child>a{padding:15px 0;font-size:16px;border-bottom:1px rgba(255,255,255,.1) solid;color:#fff}
.nav-m.active{background:#fff;border-top:1px #eee solid}
.nav-m.active li{border-bottom:1px solid #eee}
.nav-m.active li>a{color:#333;}
.nav-m.active li::after{background-image:url(../images/arrow1.svg)}
.nav-m.active .child>a{color:#333;border-bottom:1px solid #eee}

.inner-banner{position:relative}
.inner-banner .m{display:none}
.inner-banner .info{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff}
.inner-banner .name{font-size:60px;margin-bottom:15px}
.inner-banner .note{font-size:24px;line-height:38px}

.search-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f1112 url(../images/11.jpg) no-repeat center center/cover;z-index:1000}
.search-popup .close{width:35px;height:35px;background:url(../images/close-w.svg) no-repeat center center/35px;position:absolute;top:60px;right:90px;cursor:pointer}
.search-popup .width{max-width:960px}
.search-popup .con{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}
.search-popup .logo{width:210px;height:57px;margin:0 auto}
.search-popup .form{display:flex;margin:60px 0 40px}
.search-popup .input{font-size:18px;color:#666;width:calc(100% - 80px);height:80px;background:#fff;border-radius:10px 0 0 10px;padding:0 30px}
.search-popup .input::placeholder{font-size:18px;color:#666;font-family:'Light'}
.search-popup .btn{width:80px;height:80px;background:url(../images/search-w.svg) no-repeat center center/32px,linear-gradient(to right,#00b1ff,#35e3d6);border-radius:0 10px 10px 0;cursor:pointer}
.search-popup .info{background:url(../images/12.png) no-repeat center center/cover;border:1px rgba(255,255,255,.1) solid;border-radius:10px;padding:40px 80px}
.search-popup .goods{display:flex}
.search-popup .goods>a{margin-right:35px;color:#fff;font-size:16px}
.search-popup .goods>a:last-child{margin-right:0}
.search-popup .article{display:flex;margin-top:40px}
.search-popup .item{background:rgba(255,255,255,.05);border-radius:10px;width:calc(100% / 3 - 16px);margin-right:24px;padding:35px 30px;border:1px rgba(255,255,255,.1) solid}
.search-popup .item:last-child{margin-right:0}
.search-popup .item .time{color:#fff;font-size:12px;opacity:.5;margin-bottom:10px}
.search-popup .item .name{color:#fff;font-size:16px;line-height:26px}
.search-popup .copyright{position:absolute;bottom:50px;text-align:center;width:100%;left:50%;transform:translateX(-50%);color:#fff;opacity:.3;}

@media (max-width:1400px){
    .header .nav .child.hasIcon>a{margin-right:50px}
    .header .nav .child.hasIcon{padding:25px 0 0}
    .footer .f-nav .item{margin-right:100px}
    .inner-banner .name{font-size:55px}
    .inner-banner .note{font-size:20px;line-height:30px}
}

@media (max-width:750px){
    .width{width:calc(100% - 40px)}
    .space{height:70px}
    .page a,.page .a_cur{margin-right:10px;width:40px;height:40px;line-height:38px}
    
    .header .width{height:70px}
    .header .logo{width:109px;height:30px;background-size:109px auto !important}
    .header .header-r{width:calc(100% - 150px)}
    .header .nav{display:none}
    .header .search{margin-right:10px}
    .header .menu{display:block}
    
    .back{width:40px;height:40px;right:20px;bottom:20px;background-size:40px}
    
    .footer{padding:30px 0}
    .footer .footer-t{display:block;padding-bottom:20px}
    .footer .footer-l{width:100%;padding-right:0;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}
    .footer .f-logo{display:none}
    .footer .footer-l .tit{text-align:center;padding:15px 0 10px;font-family:'Regular'}
    .footer .footer-l .email{font-size:20px;}
    .footer .footer-l .address{font-size:14px;text-align:center}
    .footer .footer-r{width:100%;}
    .footer .footer-r .name{font-size:18px;line-height:28px;margin-bottom:10px;text-align:center}
    .footer .footer-r .note{font-size:12px;line-height:22px;text-align:center}
    .footer .f-nav{display:none}
    .footer .footer-b{margin-top:20px;display:block}
    .footer .copyright{width:100%;text-align:center;margin-bottom:5px;font-size:12px;line-height:20px}
    .footer .beian{text-align:center;width:100%;font-size:12px;}
    
    .video-popup .con{width:90%;height:auto}
    .video-popup .close{right:0;top:-50px;width:30px;height:30px;background-size:30px}
    
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .name{font-size:30px;margin-bottom:10px}
    .inner-banner .note{font-size:16px;line-height:26px}
    
    .search-popup .close{width:25px;height:25px;background-size:25px;top:20px;right:20px}
    .search-popup .con{top:52%}
    .search-popup .logo{width:120px;height:33px;background-size:120px !important}
    .search-popup .form{display:flex;margin:15px 0;align-items:center}
    .search-popup .input{font-size:14px;width:calc(100% - 40px);height:40px;padding:0 15px}
    .search-popup .input::placeholder{font-size:14px}
    .search-popup .btn{width:40px;height:40px;background:url(../images/search-w.svg) no-repeat center center/20px,linear-gradient(to right,#00b1ff,#35e3d6)}
    .search-popup .info{background:none;padding:20px}
    .search-popup .goods{flex-wrap:wrap}
    .search-popup .goods>a{margin-right:15px;margin-bottom:5px;font-size:14px}
    .search-popup .article{display:block;margin-top:10px}
    .search-popup .item{width:100%;margin-right:0;padding:20px 25px;margin-bottom:10px}
    .search-popup .item:last-child{margin-bottom:0}
    .search-popup .item .time{margin-bottom:5px}
    .search-popup .item .name{font-size:14px;line-height:22px}
    .search-popup .copyright{display:none}
}

@media (any-hover:hover){
	.img-bg .bg:hover{transform:scale(1.1)}
    .page a:hover{background:linear-gradient(to right,#00b1ff,#35e3d6);color:#fff}
    
    .header .nav .item>a:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
    .header .nav .child>a:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;}
    
    .footer .outlink .icon-bg:hover{border:0;background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .footer .outlink .icon-bg:hover .icon{opacity:1}
    .footer .f-nav .child>a:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
    .footer .beian:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
    
    .search-popup .btn:hover{background:url(../images/search-w.svg) no-repeat center center/32px,linear-gradient(to right,#35e3d6,#00b1ff)}
    .search-popup .goods>a:hover,.search-popup .item .name:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent}
}