@charset "utf-8";
:root{--color:#16C60C}
@media (min-width:1025px){.head-logo a img{max-height:50px;}}
.pagesbanner{min-height:initial;}
@media (max-width:1024px){.head-logo a img{max-height:30px;}}
header,.nobanner header,.nobanner header .head-top{background: #fff;}
@media (min-width:1025px){body,.nobanner{padding-top:120px}
.head-left,.lang-icon span{color:#000}
.lang-icon img{filter: invert(1);}
.lang-icon span:before,.lang-icon span:after{background:#000;}
header:not(.is-active) .head-nav .nav-ul>li>a{color:#000;}
header:not(.is-active) .head-nav .nav-ul>li:hover>a{color:var(--color)}}

@font-face {font-family:"iconfont2";font-display:swap;src:url('https://css02.v15cdn.com/m420/fonts/iconfont.woff2?t=1776143330118') format('woff2'),url('https://css02.v15cdn.com/m420/fonts/iconfont.woff?t=1776143330118') format('woff'),url('https://css02.v15cdn.com/m420/fonts/iconfont.ttf?t=1776143330118') format('truetype');}
.icon-mail,.icon-plane,.icon-map{font-family:"iconfont2" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-mail:before {content:"\e614";}
.icon-plane:before {content:"\e60a";}
.icon-map:before {content:"\e60f";}
#contact{padding:20px 0px;background:#222222}
#contact .l-wrap{display:flex;justify-content:space-between}
#contact .foot-contact{padding:0px 25px;height:40px;background:var(--color);line-height:40px;color:var(--headercolor);white-space:nowrap}
#contact .foot-contact:hover{background:var(--fontcolor)}
#contact .foot-title{line-height:40px;font-size:var(--fontsize20);text-transform:capitalize;color:var(--headercolor)}
.foot-main{background:#111;color:#fff}
.foot-main a{color:#fff}
.foot-main .l-wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 70px;justify-content:space-between}
.foot-main .foot-item{width:auto;max-width:24%;margin:0}
.foot-main .foot-about{width:300px;}
.foot-main .foot-intro{margin-bottom:10px}
.foot-main .foot-title{position:relative;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase;font-size:var(--fontsize20);color:#FFFFFF}
.foot-main .foot-title:after{display:block;position:absolute;left:0px;top:100%;width:40px;height:2px;background:var(--color);content:""}
.foot-main .foot-title img{max-height:70px;object-fit:contain;filter:drop-shadow(0 150px 0 #fff);transform:translateY(-150px)}
.foot-main .foot-about .foot-title{padding-bottom:0px;margin-bottom:10px;overflow:hidden}
.foot-main .foot-about .foot-title:after{display:none}
.foot-main .foot-feedback{padding-bottom:20px}
.foot-about .foot-link .title{margin:30px 0px 20px;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--fontsize20);color:#FFFFFF}
.foot-about .foot-link ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px}
.foot-about .foot-link ul li{margin:12px 12px 0px 0px}
.foot-about .foot-link ul .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.foot-about .foot-link ul .social-item>i,.foot-about .foot-link ul .social-item>em{font-size:var(--fontsize20)}
.foot-about .foot-link ul .social-item.fb{background-color:#3b5997}
.foot-about .foot-link ul .social-item.tw{background-color:#2d2d2d}
.foot-about .foot-link ul .social-item.lk{background-color:#0A66C2}
.foot-about .foot-link ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-about .foot-link ul .social-item.pi{background-color:#cc2127}
.foot-about .foot-link ul .social-item.you{background-color:#FF0000}
.foot-about .foot-link ul .social-item.vk{background:#0077FF}
.foot-about .foot-link ul .social-item.tik{background-color:var(--fontcolor)}
.foot-about .foot-link ul .social-item:hover{transform:scale(1.1)}
.foot-cate ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}
.foot-cate ul>li{overflow:hidden;position:relative;box-sizing:border-box;margin-right:16px;margin-bottom:10px;padding-left:14px;width:calc(50% - 16px);text-overflow:ellipsis;white-space:nowrap}
.foot-cate ul>li:after{position:absolute;left:0px;top:0px;content:">"}
.foot-cate a:hover,.foot-right a:hover,.foot-main a:hover{color:var(--color)}
.foot-contact .contact-item{display:flex}
.foot-contact li{margin-bottom:20px}
.foot-contact .icon{display:flex;justify-content:center;align-items:center;margin-right:10px;width:40px;height:40px;background:#FFFFFF14}
.foot-contact .icon i,.foot-contact .icon em{color:#ddd}
.foot-contact .con{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:240px;min-height:40px;line-height:1.3em}
.foot-feedback .foot-wrap{max-width:300px}
.foot-feedback .tips{line-height:1.5em}
.foot-feedback .feedback-input{position:relative;margin:10px 0px 20px;border:1px solid #FFFFFF4F;width:280px;max-width:100%}
.foot-feedback .feedback-input .iconfont{position:absolute;right:5px;top:5px;font-size:var(--fontsize20);color:#FFFFFF95}
.foot-feedback .feedback-btn{padding:10px 20px;background:var(--color);cursor:pointer;text-transform:capitalize;color:#FFFFFF;outline:none;border:none;}
.foot-feedback .feedback-btn i,.foot-feedback .feedback-btn em{display:inline-block;margin-left:10px;transform:scale(0.9)}
.foot-feedback input{box-sizing:border-box;padding:0px 14px;width:100%;height:40px;background:#000;line-height:40px;color:#fff;font-size:var(--fontsize14);outline:none;border:none;}
.foot-feedback input::placeholder{color:#DDDDDD55}
.foot-right{background:#111;font-size:var(--fontsize14);color:#ddd}
.foot-right a{margin-left:10px;color:#ddd}
.foot-right .l-wrap{padding:10px 70px;text-align:center;position:relative}
.foot-right .l-wrap:before{content:'';width:calc(100% - 140px);height:1px;background:#FFFFFF2E;position:absolute;top:0;left:70px}
footer .foot-contact ul{display:block}
footer .foot-contact ul li{display:block;margin:0 0 20px}
@media screen and (max-width:1024px){
.foot-main .foot-item{width:48%;max-width:inherit!important}
.foot-main .l-wrap{padding:40px 15px}
.foot-right .l-wrap{padding:10px 15px}
.foot-right .l-wrap:before{width:calc(100% - 30px);left:15px}}
@media screen and (max-width:768px){
#contact{display:none}
.foot-main .foot-item{width:100%;margin-bottom:20px}
.foot-main .foot-title img{max-height:45px}
.foot-main .foot-feedback{display:none}
.foot-main .foot-intro,.foot-cate ul{max-width:none;max-width:initial}
.foot-about .foot-link ul{max-width:100%}
.foot-main .foot-title{margin-bottom:20px}
.foot-feedback .feedback-btn{font-size:var(--fontsize14);padding:12px 14px}}