﻿@charset "utf-8"; 
.pro-cate-wrap{display:none;}
@media (min-width:1025px){
.head-main{background: #9b9c9c;}
.head-menu-box nav>ul>li{width: 14.2%;}
.head-menu-box nav>ul>li>a.inmenu_1 {background: #eee;}
.head-menu-box nav>ul>li>a{color: #fff;justify-content: center;}
.head-menu-box nav>ul>li ul{background: #9b9c9c;}
.head-menu-box nav>ul>li ul a{color: #fff;}}
#note {position: fixed;left: 5px;top: 30%;width: 222px;z-index: 9999;border-radius: 10px;padding: 10px 6px 15px;background-color: rgba(0, 129, 204, 0.8);}
#note h2 {text-align: center;font-size: 24px;color: #fff;font-weight: bold;position: relative;padding: 6px 0 10px;}
#note h2:before {content: "NEW";font-size: 13px;font-weight: normal;animation: discolor 1.5s infinite linear;position: absolute;transform: rotate(30deg);right: 30px;top: 0;}
#note .box {background: rgba(224, 224, 224, 0.8);border-radius: 10px;padding: 10px 6px;}
#note p {font-size: 13px;line-height: 18px;padding: 10px 6px 10px 6px;color: #444;}
@keyframes discolor {0% {color: var(--color);}
50% {color: #fff;}
100% {color: var(--color);}}
@media (max-width:1024px){#note{display:none}}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;}
footer{background:#525b61;padding-top:50px;}
footer .footlogo{text-align:center;padding:20px;}
footer .footColumn{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;} 
footer .footColumn>div{margin:0}
footer .footColumn dl dt{position:relative;font-size:20px;line-height:40px;color:#fff;margin-bottom:20px;padding:10px 0;}
footer .list dd{padding-bottom:10px;color:#fff;font-size:16px;line-height:24px;position:relative;}
footer .list dd>a{color:#fff;display:inline-block;}
footer .list dd i{float:left;width:6px;height:6px;background-color:#9d9d9d;border-radius:50%;margin-top:9px;margin-right:8px;}
footer .list dd>a:hover{text-decoration:underline;}
footer .context h2{font-size:18px;line-height:30px;color:#fff;margin-bottom:30px;font-family:gilroy-regular,Arial,Verdana, Tahoma, Geneva,sans-serif;text-transform:uppercase;}
footer .context p{font-size:15px;line-height:24px;color:#fff;position:relative;padding-left:20px;margin-bottom:12px;}
footer .context p>i{position:absolute;width:20px;height:24px;left:0;display:inline-block;}
footer .context p>a{font-size:15px;line-height:24px;color:#fff;display:inline-block;}
footer .context p>i.icon-tel2{color:#7396e8;}
footer .context p>i.icon-whatsapp{color:#b1edff;}
footer .context p>i.icon-wechat{color:#12b325;}
footer .context p>i.icon-email{color:#feeca4;}
footer .context p>i.icon-address{color:#eb3341;}
#fck1{margin:0;width:300px;}
#fck1 img{margin-bottom:40px;}
#fck1 h2{font-size:30px;color:#fff;margin-bottom:6px;}
#fck1 p{font-size:14px;line-height:18px;color:#fff;width:80%;margin:0 0 25px;}
#fck1 .subscribe{margin-right:0;}
#fck1 .subscribe input{width:100%;border-radius:4px;height:40px;padding:5px 5px 5px 10px;box-sizing:border-box;background-color:#fff;font-size:16px;margin-bottom:12px;}
#fck1 .subscribe input::-moz-placeholder,#fck1 dl textarea::-webkit-input-placeholder {color: #c2c2c2;/* Mozilla Firefox 19+ */}
#fck1 .subscribe input:-ms-input-placeholder,#fck1 dl textarea::-webkit-input-placeholder { color: #c2c2c2;/* Internet Explorer 10+ */}
#fck1 .subscribe #footSubmit{width:138px;background-color:#ea130e;color:#fff;text-align:center;height:40px;line-height:40px;display:inline-block;border-radius:4px;}
#fck1 .subscribe #footSubmit:hover{box-shadow:0 0 10px #999;}
#fck2{margin:0;width:350px;}
#fck3{margin:0;width:140px;}
#fck4{margin:0;width:210px;}
#fck4>div{margin:0;}
#fck4>div img{max-width: 150px;}
#fck4>.sharelist a{display:block;width:45px;height:45px;border-radius:5px;text-align:center;}
#fck4>.sharelist a:not(:last-child){margin-bottom:8px;}
#fck4>.sharelist a>i{font-size:30px;color:#fff;display:block;line-height:45px;}
#fck4>.sharelist a.youtube{background-color:#cb2814;}
#fck4>.sharelist a.facebook{background-color:#3c599b;}
#fck4>.sharelist a.linkedin{background-color:#0095bd;}
#language{padding:10px 0px; text-align:center;margin-top:20px;}
#language ul {display:flex;justify-content:space-between;}
#language ul li {margin:0;display:inline-block;}
#language ul li a{font-size:14px; line-height:2em;color:#fff;}
#language ul li a img{margin-top:5px;}
#language ul li a span{font-size:14px; line-height:2em;}
footer .footshare{position:relative;}
footer #sharelist{text-align:center;}
footer #sharelist>a{color:#fff;margin:0 10px;width:30px;height:30px;}
footer #sharelist>a>i{color:#fff;font-size:20px;}
footer #sharelist>a:hover>i{color:#fff;}
#footer #sharelist>a:hover{background-color:#000;}
.foot_logo{padding:15px 0;position:relative;}
.foot_logo:before{content:"";width:calc(100% - 300px);height:1px;background-color:#bebebe;right:0;top:31px;position:absolute;}
.foot_by{padding:13px 0 13px;background-color:#333;overflow:hidden;margin-top:50px;}
.foot_by .footmenu{text-align:center;padding:10px 0;}
.foot_by .footmenu a{color:#fff;font-size:14px;line-height:24px;padding:0 15px;position:relative;display:inline-block;}
.foot_by .footmenu a:not(:last-child):before{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:5px;right:-1px;}
.foot_by .footmenu a:hover{text-decoration:underline;}
.foot_by .footdiv{font-size:14px; line-height:24px;text-align:center;color:#fff;}
.foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:24px;color:#fff;}
.foot_by .footdiv a:hover{text-decoration:underline;}
.foot_by .footdiv.fl{float:left;}
.foot_by .footdiv.fr{color:#fff;text-align:right;padding:0;}
.foot_by .footdiv.fr{float:right;color:#fff;text-align:left;padding-left:10px;}
@media screen and (min-width:1230px ) and (max-width:1309px){
#fck1{width:380px;}
#fck2 .footcontact .item.address{width:300px;}}
@media (min-width:992px) and (max-width:1229px) {
footer .footlogo{padding-top:0;}
#fck1{width:270px;}
#fck2{width:300px;}
#language ul li {margin:0 0 0 15px;}
#language ul li a img{display:block;}
#friendlist{margin-bottom:15px;}
#friendlist a{margin-left:30px;}
.foot_tel{padding:10px 15px;}
.foot_by{padding:10px 0;}}
@media (min-width:768px) and (max-width:991px) {
footer .list dd{font-size:14px;}
footer{padding-top:30px;}
footer .foot_menu a{padding:0 20px;}
footer .footlogo{padding:0 0 20px;}
footer #fck1{width:100%;margin-bottom:20px;}
footer #fck2{width:300px;}
#language{padding:6px 0;margin-bottom:0;}
#language ul li a img{display:block;}
#language ul li a span{font-size:12px;}
#friendlist{margin-bottom:10px;}
#friendlist a{margin-left:15px;}
footer #sharelist > a{margin:0 10px;}
.foot_by{padding:6px 0;}
.foot_by .footdiv.fl{text-align:center;width:100%;float: initial;}
.foot_by .footdiv.fr{text-align:center;width:100%;padding-left:0;float: initial;}
.foot_by p{font-size:12px;}
.foot_by p a{font-size:12px;}}
@media (min-width:1px) and (max-width:767px) {
footer{padding-top:20px;padding-bottom:50px;border-bottom:0;}
footer .foot_menu{margin-bottom:10px;padding-bottom:0;}
footer .foot_menu a{padding:0 10px;margin-bottom:10px;}
footer .foot_menu a:not(:last-child){border:none;}
footer #fck1{width:100%;flex:auto;margin-bottom:20px;}
footer #fck1 img{margin-bottom:20px;}
footer #fck2{width:100%;flex:auto;margin-bottom:20px;}
footer #fck3{width:100%;flex:auto;margin-bottom:20px;}
footer #fck4{width:100%;flex:auto;justify-content:flex-start;}
footer #fck4 .sharelist{margin-right:15px;}
footer .context h2{font-size:24px;line-height:30px;margin-bottom:8px;}
footer .context p{font-size:14px;line-height:24px;}
footer .context p > a{font-size:14px;line-height:24px;}
#fck3 .subscribe{margin-top:20px;}
#language{padding:6px 0;display:none;}
#language ul{flex-wrap:wrap;}
#language ul li{width:20%;}
#language ul li a img{display:block;}
#language ul li a span{font-size:12px;}
footer #fck2 {width:100%;}
#fck2 .footcontact .item{width:100%;padding-right:15px;}
#fck2 .footcontact .item.address{width:100%;margin-top:15px;}
#fck2 .footcontact .item h3{font-size:20px;line-height:40px;}
#fck2 .footcontact .item h3 i{font-size:36px;}
#fck2 .footcontact .item p{font-size:14px;}
#fck2 .subscribe{width:100%;}
#fck2 .footshare{width:100%;flex:initial;}
footer #sharelist{position:relative;text-align:left;margin-top:0;padding-bottom:0;}
#friendlist{margin-bottom:10px;}
#friendlist a{margin-left:10px;}
footer .footColumn dl dt{margin-bottom:0;}
footer .list dd{font-size:12px;line-height:18px;}
footer dl{margin-bottom:0;}
footer dl dt{font-size:16px;margin-bottom:10px;}
footer dl dt::after{content:"\e9e2";font-family:iconfont;margin-left:10px;font-size:16px;}
footer dl dd{display:none;}
footer dl dd p{font-size:12px;}
footer dl.catelist dd>a{font-size:12px;}
.foot_by{padding:10px 0;}
.foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:1.5;width:100%;}
.foot_by .footdiv a{font-size:12px;line-height:1.5}
.foot_by .footdiv.fr{float:none;text-align:center;width:100%;}
.foot_by .footshare{float:none;text-align:center;}
footer #sharelist > a{margin:0 15px 0 0;}}