@font-face {
    font-family: "ms-b";
    src: url("../fonts/Montserrat-Bold.otf") format("truetype");
}
@font-face {
    font-family: "ms";
    src: url("../fonts/Montserrat-Regular.otf") format("truetype");
}

/*-webkit-tap-highlight-color 清除点击高亮*/
*{margin:0;padding:0;box-sizing:border-box;outline:none;border:0;resize:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;}
body{font-family:'ms';color:#333;font-size:14px;overflow-x:hidden;}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#333;display:inline-block}
input,textarea{font-family:'ms';font-size:14px;color:#333}
input::placeholder,textarea::placeholder{font-family:'ms';font-size:14px;color:#333}

b{font-family: 'ms-b';}

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

.space{height:110px;}

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

.clear{clear:both;zoom:1;}

.empty{text-align:center;padding:30px 0}

.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{width:4px;background:#eee}

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

.page{text-align:center;margin:0 auto}
.page a,.page .a_cur{display:inline-block;background:#fff;width:50px;height:50px;line-height:50px;margin-right:20px;border-radius:50%}
.page .a_cur{background:#349811;color:#fff}

.crumb{padding:60px 0 20px;background:#f5f5f5;position: sticky;top: 80px;left: 0;z-index: 2;}
.crumb.white{background: #fff;}
.crumb .width{display:flex;justify-content:center}
.crumb a{font-size:16px;margin-right:55px;position:relative}
.crumb a:last-child{margin-right:0}
.crumb a.active{color:#349811;font-family:'ms-b'}
.crumb a.active::after{content:'';height:3px;background:#349811;position:absolute;bottom:-20px;left:0;width:100%}

@media (max-width:750px){
    .width{width:calc(100% - 40px)}
    .page a,.page .a_cur{margin-right:10px;width:40px;height:40px;line-height:38px;font-size:14px}
    .crumb{top: 80px;left: 0;padding:20px 0 10px}
    .crumb .width{display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-bottom:10px}
    .crumb a{font-size:14px;margin-right:20px}
    .crumb a.active::after{height:2px;bottom:-10px}
}

@media (any-hover:hover){
	.layui-layer-btn .layui-layer-btn0:hover{color:#fff !important}
	.img-bg .bg:hover{transform:scale(1.1)}
    .page a:hover{background:#349811;color:#fff}
    .crumb a:hover{color:#349811;font-family:'ms-b'}
    .crumb a:hover::after{content:'';height:3px;background:#349811;position:absolute;bottom:-20px;left:0;width:100%}
}

.header{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:999}
.header.active{box-shadow:0 5px 16px 0 rgb(0 0 0 / 6%)}
.header .width{max-width:1680px;height:110px;display:flex;justify-content:space-between;align-items:center}
.header .logo{width:180px;height:68px}
.header .header-r{display:flex;width:calc(100% - 344px);justify-content:flex-end}
.header .nav{display:flex;margin-right:30px}
.header .nav .item{position:relative}
.header .nav .item>a{line-height:110px;margin:0 30px;color:#000;font-size:18px;position:relative}
.header .nav .item>a.active{color:#349811}
/*.header .child{display:none;width:740px;position:absolute;top:100%;left:-20px;background:#fff;border-top:0;padding:25px 45px 40px 40px;box-shadow:0 5px 16px 0 rgb(0 0 0 / 10%)}*/
/*.header .nav .item:nth-child(n+4) .child{left:auto;right:-20px}*/
/*.header .child>div{display:flex;justify-content:space-between}*/
/*.header .child .info{width:46%;display:flex;flex-direction:column;padding-top:10px}*/
/*.header .child .info>a{line-height:32px}*/
/*.header .child .img-bg{width:54%}*/
/*.header .child .img{width:100%;padding-bottom:57.5%}*/
.header .nav .child{position:fixed;top:110px;left:0;width:100%;display:none;padding:30px 0;text-align:center;background:#f5f5f5}
.header .nav .child>a{padding-right:20px;margin-right:20px;display:inline-block;font-size:16px;border-right:1px #ddd solid;line-height:14px}
.header .nav .child>a:last-child{margin-right:20px;border-right:0}
.header .icon{width:114px;display:flex;align-items:center}
.header .lang{margin-left:40px;width:22px;height:50px;background:url(../images/lang.svg) no-repeat center center/22px;position:relative;cursor:pointer}
.header .lang .popup{display:none;top:50px;left:50%;transform:translateX(-50%);position:absolute;background:#eee;width:80px;padding:10px 0;z-index:999}
.header .lang .popup>a{display:block;padding:10px 0 5px;text-align:center;}
.header .search{width:37px;height:110px;background:url(../images/search.svg) no-repeat right center/22px;;position:relative;cursor:pointer}
.header .search .popup{display:none;top:100%;right:0;position:absolute;width:300px;z-index:998}
.header .search .popup>div{display:flex;}
.header .search .popup .input{width:250px;padding:15px;background:#eee}
.header .search .popup .btn{width:50px;height:50px;background:#000 url(../images/search-w.svg) no-repeat center center/30px;transition:.3s}
.header .menu{display:none}
.header .close{display:none}

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

.footer{background:#000;padding:100px 0;color:#fff}
.footer a{color:#fff}
.footer .width{max-width:1680px;}
.footer .footer-t{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:40px}
.footer .footer-l{width:25%}
.footer .footer-l .logo{width:203px;height:77px;margin-bottom:40px}
.footer .footer-l .name{font-size:16px;margin-bottom:10px}
.footer .footer-l .note{font-size:20px;font-family:'ms-b';margin-bottom:30px}
.footer .footer-r{display:flex;justify-content:space-between;width:calc(75% - 50px);}
.footer .footer-r .item{margin-right:50px;}
.footer .footer-r .item:last-child{margin-right:0}
.footer .footer-r .item>span{font-family:'ms-b';font-size:18px;padding:20px 0 25px;display:block}
.footer .footer-r .child>a{opacity:.6;margin-bottom:15px;display:block}
.footer .footer-b{padding-top:20px;display:flex;justify-content:space-between;align-items:center}
.footer .footer-b .copyright{opacity:.6}
.footer .footer-b .outlink{display:flex;align-items:center}
.footer .footer-b .outlink>span{opacity:.6}
.footer .footer-b .outlink a{width:50px;height:50px;margin-left:10px;transition:.3s}

.inner-banner{position:relative}
.inner-banner .img{padding-bottom:36.4%}
.inner-banner .m{display:none}
.inner-banner .info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.inner-banner .name{font-size:65px;font-family:'ms-b';margin-bottom:10px;line-height: 75px;}
.inner-banner .note{font-size:22px;line-height:34px;width:80%}
.inner-banner .pos{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:flex-end}
.inner-banner .pos>span{color:#fff;margin:0 10px}
.inner-banner .pos>a{color:#fff}
.inner-banner .pos>a:last-child{opacity:.5}

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

@media (max-width:1600px){
    .header .header-r{width:calc(100% - 250px)}
    .header .nav .item>a{margin:0 20px}
}

@media (max-width:1300px){
    .header .header-r{width:calc(100% - 200px)}
    .header .nav{margin-right:0}
    .header .nav .item>a{margin:0 15px;font-size:16px}
    /*.header .child{width:650px;}*/
}

@media (max-width:1100px){
    .header .header-r{width:calc(100% - 200px)}
    .header .nav{margin-right:0}
    .header .nav .item>a{margin:0 8px;font-size:16px}
    /*.header .child{width:550px;}*/
    .header .icon{width:64px}
    .header .lang{width:42px}
    .header .search{width:22px}
}

@media (max-width:950px){
    .space{height:80px;}
    
    .header .width{height:80px;}
    .header .logo{width:132px;height:50px;background-size:132px auto !important}
    .header .header-r{width:calc(100% - 132px)}
    .header .nav{display:none}
    .header .icon{width:auto}
    .header .icon>div{margin-left:10px}
    .header .lang{width:22px;height:80px}
    .header .lang .popup{top:100%}
    .header .search{height:80px}
    .header .search .popup{position:fixed;width:100%;top:80px}
    .header .search .popup .input{width:calc(100% - 50px)}
    .header .menu{width:22px;height:80px;display:block;background:url(../images/menu.svg) no-repeat center center/22px}
    .header .close{width:22px;height:80px;background:url(../images/close.svg) no-repeat center center/22px;}
    
    .footer{padding:50px 0}
    .footer .footer-t{display:block;padding-bottom:20px}
    .footer .footer-l{width:100%}
    .footer .footer-l .logo{display:block;margin:0 auto 20px;width:180px;height:68px;background-size:180px auto !important}
    .footer .footer-l .name{font-size:14px;margin-bottom:5px;text-align:center}
    .footer .footer-l .name>span{display:none}
    .footer .footer-l .note{font-size:18px;margin-bottom:20px;text-align:center}
    .footer .footer-r{display:block;width:100%}
    .footer .footer-r .item{margin-right:0;border-bottom:1px solid rgba(255,255,255,.2);position:relative}
    .footer .footer-r .item:last-child{border-bottom:0}
    .footer .footer-r .item::after{content:'';position:absolute;top:18px;right:0;width:12px;height:12px;background:url(../images/arrow1-w.svg) no-repeat center center/12px;transition:.3s}
    .footer .footer-r .item.rotate::after{transform:rotate(90deg)}
    .footer .footer-r .item>span{font-size:16px;padding:15px 0;display:inline-block}
    .footer .footer-r .child{display:none;margin-left:20px;margin-top:10px}
    .footer .footer-r .child>a{display:block;opacity:.6;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}
    .footer .footer-r .child>a:last-child{border-bottom:0}
    .footer .footer-b{display:block;}
    .footer .footer-b .copyright{text-align:center;line-height:24px;margin-bottom:10px}
    .footer .footer-b .outlink{display:block}
    .footer .footer-b .outlink>span{text-align:center;width:100%;display:block;margin-bottom:10px}
    .footer .footer-b .outlink>div{white-space:nowrap;overflow-x:auto;text-align:center}
    .footer .footer-b .outlink a{width:40px;height:40px;background-size:40px auto !important;margin-left:5px}
    
    .inner-banner .img{padding-bottom:93.3%}
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .info{width:100%;height:100%;padding:0 20px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center}
    .inner-banner .name{font-size:30px;text-align:center;line-height: 40px;margin-bottom: 5px;}
    .inner-banner .note{font-size:16px;line-height:26px;width:100%;text-align:center;margin-bottom: 30px;}
    .inner-banner .pos{bottom:20px;white-space:nowrap;overflow:auto;justify-content:flex-start}
    
    .video-popup .con{width:90%;}
    .video-popup .close{right:0;width:30px;height:30px;background-size:30px auto !important}
}

@media (any-hover:hover){
    .header .nav .item>a:hover{color:#349811}
    .header .nav .item>a:hover::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#349811}
    .header .child .info>a:hover{color:#349811}
    .header .lang .popup>a:hover{color:#349811}
    .header .search .popup .btn:hover{background-color:#349811}
    
    .footer .footer-r .child>a:hover{opacity:1}
    .footer .footer-b .outlink a:hover{transform:translateY(-5px)}
    
    .video-popup .close:hover{transform:rotate(180deg)}
}