@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}
body{font-family:'Regular';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:'Regular';font-size:14px;}
input::placeholder,textarea::placeholder{font-family:'Regular';font-size:14px}

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

.b{font-family:'Bold'}

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

.space{height:100px}

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

.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{width:2px;background:rgba(0,0,0,.9)}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,.1)}
.mCSB_inside > .mCSB_container{margin-right:15px}

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

.my-select{height:50px;background:#fff;position:relative}
.my-select:after{content:"";display:block;width:8px;height:8px;position:absolute;top:18px;right:20px;border-left:1px solid #666;border-bottom:1px solid #666;transform:rotate(-45deg)}
.my-select p{padding:0 15px;line-height:50px;cursor:pointer}
.my-select ul{display:none;background:#fff;width:100%;overflow-y:auto;position:absolute;top:100%;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:#79b863;color:#fff}
.my-select.on:after{transform:rotate(-225deg);top:25px}

.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:#fff}
.page .a_cur{background:linear-gradient(to right,#79b863,#258adc);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:80%;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(../images/close-w.svg) no-repeat center center/40px;right:-20px;top:-20px;cursor:pointer;z-index:1002;}

.font-jb{background-image:linear-gradient(to right,#79b863,#258adc);-webkit-background-clip:text;color:transparent;display:inline-block}

.header{position:fixed;top:0;left:0;width:100%;z-index:999;transition:.3s}
.header .width{max-width:1600px;height:100px;display:flex;justify-content:space-between;align-items:center}
.header .logo{width:216px;height:40px;display:flex;justify-content:center;align-items:center}
.header .logo>img{max-width:100%;max-height:100%}
.header-r{display:flex;justify-content:flex-end;width:calc(100% - 250px)}
.header .nav{display:flex;width:calc(100% - 25px);justify-content:flex-end;}
.header .nav .item{margin-right:80px}
.header .nav .item>a{font-size:16px;line-height:100px;color:#fff;position:relative}
.header .nav .item>a.active{color:#258adc}
.header .nav .item>a.active::after{content:'';position:absolute;bottom:0;height:3px;background:#258adc;width:100%;left:0}
.header .nav .child{border-top:1px #eee solid;position:fixed;top:100px;left:0;width:100%;display:none;background:#fff;}
.header .nav .child .child-con{display:flex;justify-content:center}
.header .nav .child .child-item{margin-right:100px;display:flex;align-items:center;height:100px;position:relative}
.header .nav .child .child-item:last-child{margin-right:0}
.header .nav .child .child-icon{width:34px;height:34px;display:flex;justify-content:center;align-items:center;margin-right:10px}
.header .nav .child .child-icon>img{max-width:100%;max-height:100%}
.header .nav .child .child-item>a{font-size:16px;color:#666;}
.header .nav .third{display:none;position:fixed;top:200px;line-height:140px;width:100%;left:0;background:url(../images/28.png) no-repeat center center/cover}
.header .nav .third .third-item{display:flex;justify-content:center;}
.header .nav .third .third-item>a{display:inline-block;font-size:16px;color:#666;position:relative;padding-left:15px;margin-right:100px}
.header .nav .third .third-item>a:last-child{margin-right:0}
.header .nav .third .third-item>a::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;background:#666;width:5px;height:5px;border-radius:50%}
.header .icon{display:flex;width:25px}
.header .search{background:url(../images/search-w.svg) no-repeat center center/25px;width:25px;cursor:pointer;position:relative}
.header .search .popup{display:none;position:absolute;top:100%;right:0;width:300px;z-index:999}
.header .search .popup>div{display:flex}
.header .search .popup .input{width:250px;height:50px;background:#f5f5f5;padding:0 20px}
.header .search .popup .btn{width:50px;height:50px;background:url(../images/search-w.svg) no-repeat center center/25px,linear-gradient(to right,#79b863,#258adc);transition:.3s}
.header .menu{display:none;background:url(../images/menu-w.svg) no-repeat center center/25px;width:25px;margin-left:10px}
.header.active{box-shadow:0 1px 3px 0 rgb(0 0 0 / 6%);background:#fff}
.header.black .nav .item>a{color:#333}
.header.black .nav .item>a.active{color:#258adc}
.header.black .search{background-image:url(../images/search.svg)}
.header.black .menu{background-image:url(../images/menu.svg)}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:70px}
.nav-m .logo{width:162px;height:30px;display:flex;justify-content:center;align-items:center}
.nav-m .logo>img{max-width:100%;max-height:100%}
.nav-m .close{width:23px;height:23px;background:url(../images/close.svg) no-repeat center center/23px}
.nav-m li{border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0 15px;margin-bottom:5px;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(../images/arrow.svg) 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{padding:15px 0;border-bottom:1px rgba(0,0,0,.1) solid}

.inner-banner{position:relative}
.inner-banner .m{display:none}
.inner-banner .img{padding-bottom:29.16%}
.inner-banner .inner-width{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center}
.inner-banner .info{color:#fff;width:50%}
.inner-banner .name{font-size:48px;}
.inner-banner .note{font-size:16px;line-height:26px;margin:15px 0 35px}
.inner-banner .btn{display:flex}
.inner-banner .btn>a{width:158px;line-height:48px;text-align:center;border-radius:25px;background:#258adc;border:1px solid #258adc;color:#fff;font-size:18px}
.inner-banner .btn>a:first-child{margin-right:20px}
.inner-banner .btn>a.file{border-color:#fff;background:none}

.contact{background-image:url(../images/8.jpg);padding:60px 0}
.contact .width{display:flex;justify-content:space-between;align-items:center}
.contact .tit{width:calc(100% - 250px)}
.contact .tit-name{font-size:48px;margin-bottom:10px;color:#fff !important}
.contact .tit-note{font-size:16px;line-height:30px;color:#fff !important}
.contact .btn{width:210px;display:flex;justify-content:flex-end}
.contact .btn>a{border:2px solid #fff;border-radius:30px;font-size:16px;color:#fff;padding:18px 85px 18px 50px;background:url(../images/arrow-w.png) no-repeat 75% center/18px;position:relative;overflow:hidden}
.contact .btn>a::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:68%;height:13px;background:url(../images/1.png) no-repeat center center/100%}
.contact .btn>a:hover{padding:20px 87px 20px 52px;border:0;background:url(../images/arrow-w.png) no-repeat 75% center/18px,linear-gradient(to right,#79b863,#258adc)}
.contact .btn>a:hover::after{display:none}

.footer{padding:90px 0;position:relative;background:#063043}
.footer-bg{position:absolute;width:56.71%;padding-bottom:30%;background:url(../images/7.png) no-repeat center center/auto 100%;top:10%;right:7%}
.footer .f-nav-m{display:none}
.footer .width{position:relative;z-index:2}
.footer-t{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:40px;margin-bottom:40px}
.footer-t .info{width:25%}
.footer-t .info .logo{width:216px;height:40px;display:flex;justify-content:center;align-items:center;margin-bottom:40px}
.footer-t .info .logo>img{max-width:100%;max-height:100%}
.footer-t .info .name{color:rgba(255,255,255,.8)}
.footer-t .info .note{font-size:20px;line-height:30px;color:#fff;margin:10px 0 30px}
.footer-t .info .address{font-size:18px;line-height:28px}
.footer-t .info .items{display:flex;flex-wrap:wrap}
.footer-t .info .item:nth-child(2n+1){margin-right:25px}
.footer-t .info .item .img{width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.footer-t .info .item .img>img{max-width:100%;max-height:100%}
.footer-t .info .item>p{color:rgba(255,255,255,.5);text-align:center}
.footer-t .nav{width:calc(75% - 50px);display:flex;justify-content:space-between}
.footer-t .nav .item{padding-right:50px}
.footer-t .nav .item:last-child{padding-right:0}
.footer-t .nav .item>a{font-size:18px;margin-bottom:15px;color:#fff}
.footer-t .nav .child>a{font-size:16px;line-height:36px;color:rgba(255,255,255,.8)}
.footer-b{display:flex;justify-content:space-between;align-items:center}
.footer-b .info{width:calc(50% - 100px)}
.footer-b .info p{line-height:24px;color:rgba(255,255,255,.8);margin-bottom:5px;display:flex}
.footer-b .info a{color:rgba(255,255,255,.8)}
.footer-b .qr{width:50%;display:flex;justify-content:flex-end;flex-wrap:wrap}
.footer-b .icon{width:55px;height:55px;border:1px rgba(255,255,255,.5) solid;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:20px}
.footer-b .icon:nth-child(3n){margin-right:0}
.footer-b .icon>img{max-width:70%;max-height:70%;filter:grayscale(100%)}

.comment-popup{display:none;position:fixed;background:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:999}
.comment-popup .comment{background:#fff;border-radius:10px;padding:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px}
.comment-popup .close{position:absolute;top:30px;right:30px;width:25px;height:25px;background:url(../images/close.svg);cursor:pointer}
.comment-popup .tag-name{font-size:30px;text-align:center;margin-bottom:10px}
.comment-popup .tag-note{font-size:16px;line-height:26px;text-align:center;color:#666}
.comment-popup .con{margin-top:20px}
.comment-popup .row{display:flex;margin-bottom:15px}
.comment-popup .item{width:calc(50% - 10px);display:flex}
.comment-popup .item:first-child{margin-right:20px}
.comment-popup .item.single{width:100%;margin-right:0}
.comment-popup .xh{width:15px;color:red;margin-top:13px}
.comment-popup .my-select{flex:1;background:#f5f5f5;border-radius:5px;height:40px}
.comment-popup .my-select:after{top:13px}
.comment-popup .my-select p{line-height:40px}
.comment-popup .input{flex:1;height:40px;background:#f5f5f5;padding:0 15px;border-radius:5px}
.comment-popup textarea{background:#f5f5f5;flex:1;padding:12px 15px;border-radius:5px;height:150px;}
.comment-popup .btn{text-align:center;margin-top:20px}
.comment-popup .btn>a{padding:12px 40px;background:linear-gradient(to right,#79b863,#258adc);border-radius:25px;display:inline-block;cursor:pointer;color:#fff}

@media (max-width:1440px){
    .space{height:90px}
    .header .width{height:90px}
    .header .nav .item{margin-right:60px}
    .header .nav .item>a{line-height:90px}
    .header .nav .child{top:90px;height:90px}
    .header .nav .child .child-item{margin-right:80px;height:90px}
    .header .nav .third{top:180px;line-height:100px;}
    .header .nav .third .third-item>a{margin-right:80px}
    
    .inner-banner .name{font-size:35px}
    .inner-banner .btn>a{font-size:16px;line-height:42px;width:148px}
    
    .contact .tit-name{font-size:35px;}
    .contact .btn>a{padding:15px 70px 15px 40px;font-size:14px}
    .contact .btn>a:hover{padding:17px 72px 17px 42px}
}

@media (max-width:750px){
    .space{height:70px}
    .width{width:calc(100% - 40px)}
    .inner-width{width:calc(100% - 40px)}
    .page a,.page .a_cur{margin-right:10px;width:40px;height:40px;line-height:38px}
    .my-select{height:40px}
    .my-select:after{width:5px;height:5px;top:15px;right:15px}
    .my-select p{line-height:40px;font-size:14px}
    .my-select ul li{line-height:35px}
    .my-select.on:after{top:18px}
   
    .video-popup .con{width:90%;}
    .video-popup .close{right:0;top:-50px}
    
    .comment-popup .comment{padding:25px;width:90%}
    .comment-popup .close{top:20px;right:20px}
    .comment-popup .tag-name{font-size:25px;margin-bottom:5px}
    .comment-popup .tag-note{font-size:14px;line-height:24px;}
    .comment-popup .con{margin-top:20px}
    .comment-popup .row{display:block;margin-bottom:0}
    .comment-popup .item{width:100%;display:flex}
    .comment-popup .item:first-child{margin-right:0}
    .comment-popup .xh{margin-top:10px}
    .comment-popup .my-select{margin-bottom:10px}
    .comment-popup .input{height:40px;margin-bottom:10px}
    .comment-popup textarea{height:100px;}
    .comment-popup .btn{margin-top:20px}
    .comment-popup .btn>a{padding:12px 30px;font-size:14px}
    
    .header .width{height:70px}
    .header .logo{width:162px;height:30px}
    .header-r{width:calc(100% - 200px);height:70px}
    .header .nav{display:none}
    .header .icon{width:60px}
    .header .search .popup{position:fixed;top:70px;width:100%}
    .header .search .popup .input{width:calc(100% - 40px);height:40px;padding:0 15px}
    .header .search .popup .btn{width:40px;height:40px;background:url(../images/search-w.svg) no-repeat center center/20px,linear-gradient(to right,#79b863,#258adc)}
    .header .menu{display:block}
    .header.active{box-shadow:0 1px 3px 0 rgb(0 0 0 / 6%);background:#fff}
    .header.black .nav .item>a{color:#333}
    .header.black .nav .item>a.active{color:#258adc}
    .header.black .search{background-image:url(../images/search.svg)}
    
    .contact{padding:50px 0}
    .contact .width{display:block}
    .contact .tit{width:100%;margin-bottom:20px}
    .contact .tit-name{font-size:25px;text-align:center}
    .contact .tit-note{font-size:14px;line-height:24px;text-align:center}
    .contact .btn{width:100%;justify-content:center}
    .contact .btn>a{border:1px solid #fff;font-size:14px;padding:12px 60px 12px 30px}
    .contact .btn>a::after{height:8px}
    
    .footer{padding:30px 0}
    .footer-bg{display:none}
    .footer .f-nav-m{display:block;margin-bottom:20px}
    .footer .f-nav-m li{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0 20px;margin-bottom:5px;position:relative;font-size:16px}
    .footer .f-nav-m li::after{position:absolute;top:26px;right:0;transform:translateY(-50%);content:'';width:12px;height:12px;background:url(../images/arrow-w.svg) no-repeat center center/12px;transition:.3s}
    .footer .f-nav-m li.rotate::after{transform:rotate(90deg);top:21px}
    .footer .f-nav-m li>a{display:inline-block;color:#fff; font-weight:bold; }
    .footer .f-nav-m .child{display:none; padding:0 15px;margin-bottom:20px}
    .footer .f-nav-m .child>a{padding:15px 0;border-bottom:1px rgba(255,255,255,.1) solid;color:rgba(255,255,255,.5)}
    .footer-t{display:block; padding-top:20px; }
    .footer-t .info{width:100%}
    .footer-t .info .logo{margin:0 auto 20px}
    .footer-t .info .name{text-align:center}
    .footer-t .info .note{font-size:20px;line-height:26px;margin:5px 0 15px;text-align:center}
    .footer-t .info .address{font-size:18px;line-height:26px}
    .footer-t .info .items{ justify-content:center; padding:15px 0; }
    .footer-t .info .item:nth-child(2n+1){margin-right:20px}
    .footer-t .nav{display:none}
    .footer-b{display:block}
    .footer-b .info{width:100%;margin-bottom:20px}
    .footer-b .info p{text-align:center;justify-content:center}
    .footer-b .info a{text-align:center}
    .footer-b .qr{display:none}
    
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .img{padding-bottom:80%}
    .inner-banner .inner-width{width:100%;top:0;left:0;height:100%;transform:translateX(0);padding:0 20px}
    .inner-banner .info{width:100%}
    .inner-banner .name{font-size:25px;text-align:center}
    .inner-banner .note{font-size:14px;line-height:24px;margin:10px 0 20px;text-align:center}
    .inner-banner .btn{justify-content:center}
    .inner-banner .btn>a{width:120px;line-height:40px;font-size:14px}
    .inner-banner .btn>a:first-child{margin-right:10px}
}

@media (any-hover:hover){
	.img-bg .bg:hover{transform:scale(1.1)}
    .page a:hover{background:linear-gradient(to right,#79b863,#258adc);color:#fff}
    .my-select ul li:hover{background:#79b863;color:#fff}
    
    .pos .nav a:hover{color:#1d68aa;border-bottom:3px solid #1d68aa}
    .pos .crumb>a:hover{color:#1d68aa}
    
    .header .nav .item>a:hover{color:#258adc}
    .header .nav .child .child-item:hover::after{content:'';position:absolute;width:100%;left:0;bottom:0;height:3px;background:#79b863}
    .header .nav .child a:hover{color:#79b863}
    .header .nav .third .third-item>a:hover{color:#79b863}
    .header .nav .third .third-item>a:hover::before{background:#79b863}
    .header .search .popup .btn:hover{background:url(../images/search-w.svg) no-repeat center center/25px,linear-gradient(to right,#258adc,#79b863)}
    
    .footer-t .nav .item>a:hover{background-image:linear-gradient(to right,#79b863,#258adc);-webkit-background-clip:text;color:transparent;display:inline-block}
    .footer-t .nav .child>a:hover{background-image:linear-gradient(to right,#79b863,#258adc);-webkit-background-clip:text;color:transparent;display:inline-block}
    .footer-b .info a:hover{background-image:linear-gradient(to right,#79b863,#258adc);-webkit-background-clip:text;color:transparent;display:inline-block}
    .footer-b .icon:hover{border-color:#79b863}
    .footer-b .icon:hover>img{filter:grayscale(0)}
    
    .inner-banner .btn>a:first-child:hover{background:#79b863;border-color:#79b863}
    .inner-banner .btn>a:last-child:hover{background:#258adc;border-color:#258adc}
    
    .comment-popup .btn>a:hover{background:linear-gradient(to right,#258adc,#79b863)}
}