@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family: 'Poppins-Bold';src : url('../fonts/Poppins-Bold.ttf');}
@font-face{font-family: 'Poppins-Medium';src : url('../fonts/Poppins-Medium.ttf');}
@font-face{font-family: 'Poppins-SemiBold';src : url('../fonts/Poppins-SemiBold.ttf');}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#333; font-weight:normal}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#e42601;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.gray{background: #f8f8f8}

header{width: 100%;transition: all .2s;position: fixed;z-index: 180;height: 80px;border-bottom: 1px rgba(255,255,255,.15) solid;}
header .menu{margin-top: 20px}
header .menu > a{display:inline-block;padding:10px 0;position: relative;cursor: pointer;height:40px;text-align: center;padding-left: 30px;overflow: hidden;width: 75px;z-index: 15;}
header .menu > a:not([href]):not([tabindex]) {color: #fff;font-size: 15px;text-transform:uppercase}
header .menu > a span,header .menu > a span:after,header .menu > a span:before {content:"";display:block;width:16px;height:2px;background:rgba(255,255,255,1);position:absolute;top:50%;margin-top:0;left:0; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
header .menu > a span:after {margin-top:-6px;top:0;transition-delay:0.27s;width: 24px}
header .menu > a span:before {margin-top:6px;top:0;transition-delay:0.2s;width: 20px;}
header .menu.click a span,header .menu.click a span:after,header .menu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
header .menu.click a span:after {transition-delay:0s;}
header .menu.click a span:before {transition-delay:0.07s;}
header .menu.click > a:not([href]):not([tabindex]) {color: #333;}
header .menu > a i:before,header .menu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:12px;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
header .menu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
header .menu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
header .menu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
header .menu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
header.upsroll .mobilemenu a span,header.upsroll-two .mobilemenu a span,header.upsroll .mobilemenu a span:after,header.upsroll .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before{background: rgba(0,0,0,.8);}
header .menu nav{background: #fff;width: 100%;height: 100vh;position: fixed;left: -40%;opacity: 0;visibility: hidden;transition: all .2s;top: 0;z-index: 10;}
header .menu.click nav{left: 0;opacity: 1;visibility: visible;}
header .menu nav div:first-child{text-align: right;}
header .menu nav div:first-child ul{display: inline-block;width: 90%;height: auto;padding-bottom: 12%;text-align: right;padding-top: 12%}
header .menu nav div:first-child ul li{height:60px;line-height: 60px;overflow: hidden}
header .menu nav div:first-child ul li > a{font-size: 32px;color: #333;position:relative;line-height:45px;display: inline-block;}
header .menu.en nav div:first-child ul li > a{font-family:'Poppins-Bold'};
header .menu nav div:first-child ul li.active > a,header .menu nav div:first-child ul li > a:hover{color: #e42601;}
header .menu nav div:first-child ul li > a:after{content:'';background: #e42601;width: 0;height: 1px;position:absolute;bottom: 0;left: 0;transition: all .2s}
header .menu nav div:first-child ul li.active > a:after,header .menu nav div:first-child ul li > a:hover:after{width: 100%}
header .menu nav div:first-child ul li > i{font-size: 18px;vertical-align: top;line-height:50px;display: inline-block;margin-left:5px;cursor: pointer;transition: all .2s}
header .menu nav div:first-child ul li.disp > i{transform: rotate(90deg);color: #e42601}
header .menu nav div:first-child ul li span{display: block;padding-bottom:20px;}
header .menu nav div:first-child ul li span a{display: block;line-height: 36px;font-size: 16px;color: #8b8b8b}
header .menu nav div:first-child ul li span a:hover{color: #e42601}
header .menu nav div:first-child dl{width: 90%;padding: 6% 0;border-top: 1px rgba(0,0,0,.1) solid;border-bottom: 1px rgba(0,0,0,.1) solid;display: inline-block;}
header .menu nav div:first-child dl dt{font-size:25px;display: inline-block;width: 100%;padding-bottom: 20px;}
header .menu nav div:first-child dl dd{width: 100%;display: inline-block;}
header .menu nav div:first-child dl dd p{line-height: 25px;padding: 0;margin: 0;font-size: 14px;color: #888}
header .menu nav div:first-child .share{padding-top: 6%;position: relative;}
header .menu nav div:first-child .share a{display: inline-block;width: 30px;height: 30px;background: #333;color: #fff;border-radius: 3px;margin-left:5px;text-align: center;line-height: 30px;font-size: 20px}
header .menu nav div:first-child .share a:hover{background: #e42601}
header .menu nav div:first-child .share .wechatimg{width: 100px;position: absolute;right: 38px;top: -90px;opacity: 0;visibility: hidden;transition: all 0.2s;}
header .menu nav div:first-child .share.this .wechatimg{opacity: 1;visibility: visible;top: -75px;}
header .menu nav div:first-child .share .wechatimg img{width: 100%}

@media (max-width:1199px){
    header .menu nav div:first-child ul li > a{font-size:28px}
    header .menu nav div:first-child dl dt{font-size:20px}
}
@media (max-width:767px){
    header .menu nav div:first-child{text-align: left;}
    header .menu nav div:first-child ul{width:100%;text-align: left;padding-bottom: 10%;padding-top: 20%}
    header .menu nav div:first-child ul li{border-bottom: 1px #f1f1f1 solid;position: relative;}
    header .menu nav div:first-child ul li:last-child{border-bottom:none}
    header .menu nav div:first-child ul li > a{font-size:22px}
    header .menu nav div:first-child ul li > i{line-height:55px;position: absolute;right: 0;top: 0}
    header .menu nav .row div:last-child{display: none}
    header .menu nav div:first-child dl{width:100%;}
}
header .logo{text-align: center;}
header .logo img{height: 46px;margin-top: 17px}
header .lang{text-align: right;padding-top:20px;}
header .lang > a{color: #fff;line-height: 40px;margin-right: 30px;position: relative;display: inline-block;font-size: 18px;}
header .lang > a:after{content: '';background:rgba(255,255,255,.2);height: 14px;width: 1px;right: -16px;top: 13px;position: absolute;}
header .lang span{color: #fff;font-size: 14px;line-height: 40px;cursor: pointer;position: relative;}
header .lang span >i{font-size: 18px}
header .lang span sup{font-size: 14px;margin-left:5px;top: -2px;left: 4px}
header .lang span sup i{margin-left: 5px;font-size: 12px}
header .lang span .language{position: absolute;background:#eee;top:50px;right: -62%;padding:5px 0;border-radius:3px;box-shadow: 0px 5px 20px 0px rgb(10 25 50 / 10%);width: 160%;transition: all .2s;opacity: 0;visibility: hidden;}
header .lang span .language:after {position: absolute;top: -8px;left: 25%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #eee; border-left:8px solid transparent;content: '';}
header .lang span .language a{color: #fff;display: block;margin:10px 18px;color: #333;line-height:25px;text-align: left;padding-left: 30px;background:url(../images/flag.png) no-repeat left 4px;text-transform: uppercase;position:relative;}
header .lang span .language a.cn{background-position: left 4px}
header .lang span .language a.en{background-position: left -18px}
header .lang span .language a.es{background-position: left -40px}
header .lang span .language a:after,header .lang span .language a:before{content: '';background: rgba(0,0,0,0.1);width: 100%;bottom:-5px;left: 0;height: 1px;position: absolute;z-index: 1}
header .lang span .language a:before{width: 0;opacity: 0.5;transition: all .2s;z-index: 2}
header .lang span .language a:hover{color: #e42601}
header .lang span .language a:hover:before{background:#e42601;width: 25px}
header .lang span .language a:last-child:after{display: none}
header .lang span.active .language{top:30px;opacity:1;visibility: visible;}
header.sroll,header#upsroll{background: #fff;box-shadow: 0px 5px 20px 0px rgb(10 25 50 / 10%);}
header.sroll .logo i,header#upsroll .logo i{color:#003d7a}
header.sroll .lang a,header.sroll .lang span,header#upsroll .lang a,header#upsroll .lang span{color: #333;}
header.sroll .lang a:after,header#upsroll .lang a:after{content: '';background:rgba(0,0,0,.2)}
header.sroll .menu > a:not([href]):not([tabindex]),header#upsroll .menu > a:not([href]):not([tabindex]) {color: #333;text-transform:uppercase}
header.sroll .menu > a span,header.sroll .menu > a span:after,header.sroll .menu > a span:before,header#upsroll .menu > a span,header#upsroll .menu > a span:after,header#upsroll .menu > a span:before{background:rgba(0,0,0,0.8)}
@media (max-width:1499px){
    header .lang span .language{right:-20px}
     header .lang span .language:after {left: 50%;}
}
@media (max-width:1199px){
    header .lang span .language{right:-20px;width: 130px}
    header .lang span .language:after {left: 60%;}
}
@media (max-width:767px){
    header .logo img{height: 36px;margin-top: 22px}
    header .lang span sup{display: none}
    header .lang span .language{right:-10px}
    header .lang span .language:after {left: 80%;}
}
@media (max-width:576px){
    header{height: 60px;}
    header .logo img{height: 30px;margin-top: 15px}
    header .menu{margin-top: 10px}
    header .lang{padding-top: 10px}
}

.home-footer{background: #333;overflow: hidden;}
.home-footer .containerfull{padding:50px 6% 30px}
.home-footer .containerfull .row > div{padding:0}
.home-footer .row .footer-logo a{color: #fff;font-size: 45px}
.home-footer .row .footer-menu{text-align: right;padding-top: 20px}
.home-footer .row .footer-menu a{color: #9d9d9d;font-size: 16px;display: inline-block;margin-left:35px}
.home-footer .row .footer-menu a:hover{color: #fff}
.home-footer .clear-line{background:rgba(255,255,255,.05);width:100%;height: 1px;display: block;margin-top: 30px;margin-bottom: 30px }
.home-footer .row .footer-contact,.home-footer .row .footer-contact a{color: #9d9d9d;font-size: 14px;line-height: 18px}
.home-footer .row .footer-contact a:hover{color: #fff}
.home-footer .row .copyright{text-align: right;}
.home-footer .row .copyright .share{position: relative;display: inline-block;}
.home-footer .row .copyright .share a{display: inline-block;background: #505050;color: #9d9d9d;width:30px;height:30px;border-radius:3px;line-height:30px;text-align: center;margin-left:8px;vertical-align: top;font-size: 18px;cursor: pointer;}
.home-footer .row .copyright .share a:hover{color: #fff}
.home-footer .row .copyright .share .wechatimg{width: 100px;position: absolute;left: 8px;top: -120px;opacity: 0;visibility: hidden;transition: all 0.2s;}
.home-footer .row .copyright .share.this .wechatimg{opacity: 1;visibility: visible;top: -105px;}
.home-footer .row .copyright .share .wechatimg img{width: 100%}
.home-footer .row .copyright p{color: #9d9d9d;font-size: 14px;line-height: 18px;margin-top: 30px;display: block;}
.home-footer .row .copyright p a{color: #9d9d9d}
.home-footer .row .copyright p a:hover{color: #fff}
@media (max-width:1399px){
    .home-footer .containerfull{padding:40px 3% 20px}
    .home-footer .row .footer-menu a{margin-left:25px}
}
@media (max-width:991px){
    .home-footer .containerfull{padding:30px 3%}
    .home-footer .row .copyright p{margin-top: 20px}
    .home-footer .row .footer-logo a{color: #fff;font-size: 35px}
    .home-footer .row .footer-menu{padding-top: 10px}
}
@media (max-width:767px){
    .home-footer{height:auto;}
    .home-footer .row > div{padding: 0}
    .home-footer .row .footer-menu{text-align: left;padding-top: 20px}
    .home-footer .row .footer-menu a{color: #9d9d9d;font-size: 14px;margin-left:0;margin-right:13px;}
    .home-footer .row .copyright .share{padding-top: 20px}
    .home-footer .row .copyright .share a{margin-left:0;margin-right:8px}
    .home-footer .row .copyright .share .wechatimg{left: 0;}
    .home-footer .row .copyright .share.this .wechatimg{top: -85px;}
    .home-footer .clear-line{margin-top: 15px;margin-bottom:15px }
    .home-footer .row .footer-contact p{margin-bottom: 10px}
    .home-footer .row .copyright{text-align: left;}
    .home-footer .row .copyright em{display: none}
}