@charset "UTF-8";

@import "bootstrap-grid.min.css";
@import "iconfont.css";
@import "animate.css";

:root {
  --main-bg-color:#fff;
  --bg-color:#9EC73C;
  --active-color:#2770AB;
  --font-color:#F6893B;
  --font-color2:#00B5F0;
  --font-color2-hover:#79A215;
  --tit-color:#212121;
  --tit-color-hover:#79A215;
  --btn-bg:#2770AB;
  --btn-bg-hover:#1A5A90;
  --btn-bg2:#FF6550;
  --btn-bg2-hover:#DB4331;
  --swiper-btn-color:#C9C9C9;
  --swiper-btn-color-hover:#9EC73C;
  --font-family1:'Roboto-Bold';
  --font-family2:'Roboto-Medium';
  --font-family3:'Roboto-Regular';
}

html{font-size:10px;}
@media (max-width:1680px){html{font-size: 9.5px;}}
@media (max-width:1440px){html{font-size: 9px;}}
@media (max-width:1366px){html{font-size: 8.5px;}}
@media (max-width:1280px){html{font-size: 8px;}}
@media (max-width:1024px){html{font-size:7.5px;}}
@media (max-width:991px){html{font-size:7px;}}
@media (max-width:640px){html{font-size:6px;}}


*, *:before, *:after{box-sizing:border-box;}

html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{max-width:100%;height:auto;width:auto\9;vertical-align:bottom;}
.video embed,.video object,.video iframe{width:100%;height:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;outline:0;background:transparent}
fieldset,img,input,button,hr,textarea{border:0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, em,i, b,th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
img{transition:all 0.3s ease 0s;}
:link, :visited, ins {text-decoration: none;}

input::placeholder,select::placeholder,textarea::placeholder{opacity:1;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.cl{*zoom:1}
.cl:before,.cl:after{display:table;content:" ";}
.cl:after{clear:both;}

.hide{display:none;}

.pr{position:relative;}
.fl{float:left !important;}.fr{float:right !important;}

.wp{margin:0 auto;width:80%;}

@media screen and (max-width:1281px) {
.wp{width:78%;}
}
@media screen and (max-width:768px){
.wp{width:100%;padding-right:30px;padding-left:30px;}
}

@media screen and (max-width:576px) {
.wp{padding-right:20px;padding-left:20px;}
}

@media screen and (max-width:480px) {
.wp{padding-right:15px;padding-left:15px;}
}	

/*-------------*/
.wp1400{width:140rem;margin:0 auto;}


@media screen and (max-width:1550px){
.wp1400{width:80%;}
}
@media screen and (max-width:1281px) {
.wp1400{width:78%;}
}
@media screen and (max-width:768px){
.wp1400{width:100%;padding-right:30px;padding-left:30px;}
}
@media screen and (max-width:576px) {
.wp1400{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp1400{padding-right:15px;padding-left:15px;}
}	

/*-------------*/
.wp1300{width:130rem;margin:0 auto;}
 @media screen and (max-width:1281px){
.wp1300{width:78%;}
}
@media screen and (max-width:768px){
.wp1300{width:100%;padding-right:30px;padding-left:30px;}
}
@media screen and (max-width:576px) {
.wp1300{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp1300{padding-right:15px;padding-left:15px;}
}	

/*-------------*/
.wp1200{width:120rem;margin:0 auto;}
 @media screen and (max-width:1281px){
.wp1200{width:68%;}
}
@media screen and (max-width:768px){
.wp1200{width:100%;padding-right:30px;padding-left:30px;}
}
@media screen and (max-width:576px) {
.wp1200{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp1200{padding-right:15px;padding-left:15px;}
}	


.wp1100{width:120rem;margin:0 auto;}
 @media screen and (max-width:1281px){
.wp1100{width:60%;}
}
@media screen and (max-width:768px){
.wp1100{width:100%;padding-right:30px;padding-left:30px;}
}
@media screen and (max-width:576px) {
.wp1100{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp1100{padding-right:15px;padding-left:15px;}
}




@font-face {
    font-family:'CamphorProForXiaoMi';
    src: url('fonts/CamphorProForXiaoMi-Regular.woff2') format('woff2'),url('fonts/CamphorProForXiaoMi-Regular.ttf') format('truetype');
    font-weight:400;font-style:normal;
}
@font-face {
    font-family:'CamphorProForXiaoMi';
    src: url('fonts/CamphorProForXiaoMi-Medium.woff2') format('woff2'),url('fonts/CamphorProForXiaoMi-Medium.ttf') format('truetype');
    font-weight:500;font-style:normal;
}
@font-face {
    font-family:'CamphorProForXiaoMi';
    src: url('fonts/CamphorProForXiaoMi-Bold.woff2') format('woff2'),url('fonts/CamphorProForXiaoMi-Bold.ttf') format('truetype');
    font-weight:700;font-style:normal;
}
@font-face {
    font-family:'CamphorProForXiaoMi';
    src: url('fonts/CamphorProForXiaoMi-Heavy.woff2') format('woff2'),url('fonts/CamphorProForXiaoMi-Heavy.ttf') format('truetype');
    font-weight:900;font-style:normal;
}

body{color:#666;font-size:16px;font-family:'CamphorProForXiaoMi', Helvetica, sans-serif;background:#fff;max-width:1920px;margin:0 auto !important;overflow-x:hidden;}
body.bg-white{background:#fff;}

a{color:inherit;}

/*---loader---*/

#preloader{position:fixed;width:100%;height:100vh;top:0;left:0;text-align:center;background-color:rgba(27,28,30,0.7);z-index:999999999;transition:all 500ms linear;display:flex;justify-content:center;align-items:center;display:none;}
.sk-wave{width:50px;height:40px;text-align:center;font-size:10px;}
.sk-wave .sk-rect {background-color:rgba(255,255,255,0.8);height:100%;width:6px;display:inline-block;animation:sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-wave .sk-rect1 {-webkit-animation-delay:-1.2s;animation-delay:-1.2s;}
.sk-wave .sk-rect2 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-wave .sk-rect3 {-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-wave .sk-rect4 {-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-wave .sk-rect5 {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}

@keyframes sk-waveStretchDelay {
0%,40%,100% {transform:scaleY(0.4);}
20% {transform:scaleY(1);}
}


/*---header---*/

.mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105!important;transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);transform:translateX(-100%)}
.mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:18px;font-weight:700;}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{transform:translateX(0)}

/*---header---*/

.sitetop{background:#020202;height:40px;cursor:pointer;}
.sitetop .wp{height:100%;display:flex;justify-content:center;align-items:center;}

.sitetop .news{position:relative;max-width:700px;}
.sitetop .swiper-slide{text-align:center;}
.sitetop .swiper-slide a{font-size:14px;color:#fff;}

.sitetop .swiper-button-prev,.sitetop .swiper-button-next{width:26px;height:26px;line-height:26px;overflow:hidden;border-radius:0;background:none;margin-top:-13px;text-align:center;color:#B4B4B4;}
.sitetop .swiper-button-next::after,.sitetop .swiper-button-prev::after {display:none;}
.sitetop .swiper-button-prev i,.sitetop .swiper-button-next i{color:inherit;font-size:20px;display:inline-block;margin-top:1px;}
.sitetop .swiper-button-prev,.sitetop .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.sitetop .swiper-button-next,.sitetop .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.sitetop .swiper-button-prev:hover,.sitetop .swiper-button-next:hover{color:var(--active-color);}

/*---header---*/

header{position:relative;width:100%;z-index:99;transition:all 0.5s ease 0s;}

.header-box{background:#000;position:relative;left:0;right:0;top:0;width:100%;z-index:100;transition:all 0.5s ease 0s;padding:1.2rem 0;}
.header-box.header-fix{position:fixed !important;background:#000 !important;}

.header-box.c-head-move{transform:translateY(-100%);}

.header-box > .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}


header .logo{}
header .logo img{height:26px;}

header .mo-header-menu{display:none;width:40px;height:40px;line-height:40px;text-align:center;}
header .mo-header-menu i{font-size:24px;color:#fff;}

/*------------*/

.nav{}
.nav > ul{font-size:0;display:flex;}
.nav > ul > li{display:inline-block;position:relative;display:inline-flex;align-items:center;}
.nav > ul > li+li{margin-right:80px;}
.nav > ul > li:nth-child(1){position:static;}
.nav > ul > li > a{display:block;font-size:1.6rem;font-weight:500;color:#fff;line-height:35px;text-align:center;position:relative;}
.nav > ul > li > a i{color:inherit;display:inline-block;font-size:14px;vertical-align:middle;transition:all 0.3s ease 0s;}

.nav > ul > li ul{position:absolute;width:220px;height:auto;left:-30px;text-align:left;top:100%;z-index:1000;padding:10px 7px;background:#000;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.nav > ul > li > ul li{position:relative;}
.nav > ul > li > ul li > a{display:block;padding:9px 10px 9px 15px;color:rgba(255,255,255,0.6);font-size:1.6rem;display:flex;justify-content:space-between;align-items:center;}
.nav > ul > li > ul li > a::after{font-family:"qico";content:"\e628";font-size:15px;transform:rotate(180deg);}
.nav > ul > li > ul li > a:hover{color:#fff;}

.nav > ul > li > ul li ul{left:230px;top:0;}

.nav > ul > li:hover > a,.nav > ul > li.active > a{color:rgba(255,255,255,0.7);}

.nav ul li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}


.nav > ul > li .drop-down{position:absolute;width:100%;left:0;top:100%;z-index:100;padding:3rem 0;background:#F9F9F9;border-top:1px solid #CECECE;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;}
.nav > ul > li .drop-down .wp{display:flex;align-items:flex-start;}
.nav > ul > li .drop-down .tab{width:24rem;margin-top:15px;}
.nav > ul > li .drop-down .tab h5{display:block;font-size:1.8rem;color:#141414;cursor:pointer;position:relative;font-weight:700;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;}
.nav > ul > li .drop-down .tab h5::after{font-family:"qico";content:"\e628";font-size:16px;font-weight:normal;display:none;color:#141414;transform:rotate(180deg);}
.nav > ul > li .drop-down .tab h5 span{display:inline-flex;align-items:center;}
.nav > ul > li .drop-down .tab h5 span img{margin-left:10px;}
.nav > ul > li .drop-down .tab h5+h5{margin-top:3rem;}
.nav > ul > li .drop-down .tab h5.active{background:#fff;}
.nav > ul > li .drop-down .tab h5.active::after{display:block;}

.nav > ul > li .drop-down .tab-list{flex:1;margin-right:10%;}

.nav > ul > li .drop-down dl{margin-right:-15px;margin-left:-15px;display:none;}
.nav > ul > li .drop-down dl.active{display:flex;flex-wrap:wrap;}
.nav > ul > li .drop-down dl dd{width:25%;padding:15px 15px;text-align:center;position:relative;}
.nav > ul > li .drop-down dl dd a{display:block;overflow:hidden;padding:2rem 2rem 1.5rem;}
.nav > ul > li .drop-down dl dd a > img{width:100%;transition:all 0.3s ease 0s;}
.nav > ul > li .drop-down dl dd p{margin-top:15px;font-size:1.6rem;display:block;color:#141414;font-weight:700;}
.nav > ul > li .drop-down dl dd p span{background:#D81E06;border-radius:35px 40px 40px 0;width:29px;height:13px;line-height:13px;text-align:center;font-size:8px;font-weight:400;color:#fff;display:inline-block;margin-left:5px;}
.nav > ul > li .drop-down dl dd p span.new{background:#c6ab95;}
.nav > ul > li .drop-down dl dd p img{vertical-align:middle;}
.nav > ul > li .drop-down dl dd a:hover > img{transform:scale(1.05);}

.nav > ul > li .drop-down dl dd:hover a{background:#fff;box-shadow:0 0 10px rgba(63,62,62,0.2);}

.nav > ul > li:hover .drop-down{opacity:1;transform:rotate3d(0,0,0,0);}

/*------------*/

.header-right{display:flex;align-items:center;}

.search{position:relative;margin-left:32px;}
.search span{height:36px;margin:0;cursor:pointer;display:block;text-align:center;}
.search span i{color:#fff;font-size:28px;line-height:36px;}

.search-box{display:none;position:absolute;z-index:9999;width:100%;left:0;right:0;top:130px;background:rgba(0,0,0,0.67);padding:25px 0;}
.search-box .close{position:absolute;right:30px;top:calc(50% - 11px);line-height:22px;height:22px;}
.search-box .close i{font-size:21px;color:#fff;}
.search-box .serchbox{width:700px;margin:0 auto;position:relative;}
.search-box .serchbox .submit_text{background:#fff;width:100%;height:47px;line-height:47px;float:left;color:#111;padding:0 90px 0 15px;font-size:15px;}
.search-box .serchbox .submit_btn{position:absolute;right:0;top:0;width:70px;height:47px;line-height:47px;background:#355FA0;text-align:center;display:block;cursor:pointer;}
.search-box .serchbox .submit_btn i{font-size:25px;color:#fff;}

/*------------*/
.header-lang{position:relative;z-index:20;}
.header-lang .box{display:flex;align-items:center;color:#fff;cursor:pointer;}
.header-lang .box img{border-radius: 50%;width:2.8rem;}
/*.header-lang .box i:nth-of-type(1){font-size:22px;}*/
.header-lang .box em{line-height:20px;font-size:14px;margin:0 5px;}
.header-lang .box i:nth-of-type(1){font-size:12px;display:inline-block;}

.lang-popup{display:block;position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:1000;}
.lang-popup.is-visible {opacity:1;visibility:visible;transition:opacity 0.3s 0s,visibility 0s 0s;}
.lang-popup .lang-popup-box{width:52%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;overflow:auto;padding:3.5rem 3.8rem;background:#fff;box-shadow:2px 3px 10px rgba(0,0,0,0.1);}

.lang-popup .tit{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #D9D9D9;padding-bottom:3rem;}
.lang-popup .tit h3{font-size:2.4rem;color:#141414;line-height:1;font-weight:700;}
.lang-popup .tit .lang-popup-close{display:block;width:2.7rem;}
.lang-popup .tit .lang-popup-close img{transition:all 0.4s ease-in-out;}
.lang-popup .tit .lang-popup-close:hover img{filter:brightness(0%);transform:rotate(360deg);}


.lang-popup .list{}
.lang-popup .list .scrollbar-inner{height:450px;}
.lang-popup .list h5{font-size:1.8rem;color:#141414;text-transform:uppercase;font-weight:700;}
.lang-popup .list h5~h5{margin-top:20px;}
.lang-popup .list ul{display:flex;flex-wrap:wrap;margin:15px -5px 0;}
.lang-popup .list ul li{width:33.333333%;padding:5px;}
.lang-popup .list ul li a{background:#F8F8F8;display:block;padding:1.5rem 2.7rem;display:flex;justify-content:space-between;align-items:center;}
.lang-popup .list ul li a span{display:inline-flex;align-items:center;font-size:1.6rem;color:#5e5e5e;}
.lang-popup .list ul li a span img{margin-right:12px;}
.lang-popup .list ul li a em{font-size:1.6rem;color:#c6c6c6;}
.lang-popup .list ul li a:hover{background:#E3E3E3;}

.lang-popup .link{margin:4rem 0 0;text-align:center;}
.lang-popup .link a{font-size:1.8rem;display:inline-block;color:#141414;text-decoration:underline;transition:all 0.3s ease 0s;}
.lang-popup .link a:hover{transform:scale(1.05);}


.home .header-box{background:transparent;position:absolute;}

.header-box:hover{background:#000;}

@media screen and (max-width:1680px){
.nav > ul > li+li{margin-left:70px;}
.lang-popup .list ul li a{padding:15px 20px;}
}

@media screen and (max-width:1550px){
.nav > ul > li+li{margin-left:60px;}
.lang-popup .lang-popup-box{width:56%;}
}

@media screen and (max-width:1441px){
.nav > ul > li+li{margin-left:50px;}
.lang-popup .lang-popup-box{width:60%;}
}
@media screen and (max-width:1367px){
.nav > ul > li+li{margin-left:40px;}
.lang-popup .lang-popup-box{width:64%;}

.nav > ul > li .drop-down .tab-list{margin-left:8%;}

}

@media screen and (max-width:1280px){
header .logo img{height:24px;}
.nav > ul > li+li{margin-left:30px;}
.lang-popup .lang-popup-box{width:68%;}
.lang-popup .list ul{margin:10px -5px 0;}
.lang-popup .list ul li a{padding:10px 12px;}
.lang-popup .list ul li a span img{height:22px;margin-right:8px;}

.nav > ul > li .drop-down .tab-list{margin-left:6%;}

}

@media screen and (max-width:1171px){
.nav{display:none;}
.home .header-box{background:#000;position:relative;}
header .mo-header-menu{display:block;}

.header-box{position:static;}
.lang-popup .lang-popup-box{width:72%;}
}

@media screen and (max-width:992px){
.lang-popup .lang-popup-box{width:76%;}
.lang-popup .list ul li a span img{height:20px;margin-right:6px;}
}

@media screen and (max-width:768px){
.sitetop{display:none;}
.header-box{height:auto;padding:5px 0;}
header .logo img{height:24px;}
.lang-popup .lang-popup-box{width:80%;}
/*.header-lang .box i:nth-of-type(1){font-size:24px;}*/

}

@media screen and (max-width:640px){
.lang-popup .lang-popup-box{width:84%;}
.lang-popup .list ul li{width:50%;}
.lang-popup .list ul li a{padding:8px 10px;}
.lang-popup .list ul li a span img{height:18px;margin-right:4px;}
}

@media screen and (max-width:480px){
.header-box{padding:5px 0;}
.header-box > .wp{padding-left:0;padding-right:10px;}

header .logo img{height:24px;}

.header-lang .box i:nth-of-type(1){font-size:11px;}
.header-lang .box em{font-size:12px;margin:0 4px;}
.header-lang .box i:nth-of-type(2){font-size:11px;}

.lang-popup .list ul{margin:10px 0 0;}
.lang-popup .list ul li{width:100%;padding:5px 0;}
.lang-popup .list ul li a span{font-size:13px;}
.lang-popup .list ul li a em{font-size:13px;}
.lang-popup .link a{font-size:2.4rem;}
}


/*------------*/

.home-service{padding:4rem 0;background:#F8F8F8;}
.home-service ul{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}
.home-service ul li{position:relative;display:flex;align-items:center;}
.home-service ul li:not(:last-child)::after{content:"";width:2px;height:24px;background:#C8C8C8;display:inline-block;margin:0 10rem;}
.home-service ul li a{font-size:2rem;color:#141414;font-weight:700;}
.home-service ul li a:hover{opacity:0.5;}
@media screen and (max-width:992px) {
.home-service ul li:not(:last-child)::after{margin:0 10rem;}
}
@media screen and (max-width:801px) {
.home-service ul li:not(:last-child)::after{margin:0 8rem;}
}
@media screen and (max-width:768px) {
.home-service ul li:not(:last-child)::after{margin:0 9rem;}
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:576px) {
.home-service ul li:not(:last-child)::after{margin:0 6rem;}

}



@media screen and (max-width:480px) {
.home-service ul li{width:50%;display:inline-block;text-align:center;padding:10px 0;}
.home-service ul li:nth-child(-n+2){border-bottom:1px solid #ccc;}
.home-service ul li:nth-child(2n+1){border-left:1px solid #ccc;}
.home-service ul li:not(:last-child)::after{display:none;}
.home-service ul li a{font-size:14px;}
}	


/*------------*/


footer{background:#000306 url(../images/footbg.jpg) no-repeat center bottom;padding:8rem 0 0;background-size: cover;}

.foot-form{text-align:center;}

.foot-form .wpforms-container{margin:0 !important;}

.foot-form h3{font-size:60px;line-height:1;color:#fff;font-weight:700;}
.foot-form p{font-size:1.7rem;color:#fff;margin:17px 0 0;}
.foot-form .wpforms-description{color:#fff !important;margin-top:1rem;}

.foot-form .sendemail{width:810px;margin:3.5rem auto 0;position:relative;}
.foot-form .sendemail form{width:100%;position:relative;}
.foot-form .sendemail .post-text{width:100%;height:70px;line-height:70px;overflow:hidden;color:#333;padding:0 30px 0 35px;font-size:20px;font-weight:500;background:#fff;border-radius:40px;}
.foot-form .sendemail .post-text::placeholder{color:rgba(158,158,158,0.45);}
.foot-form .sendemail .post-btn{background:#000;font-size:18px;font-weight:500;color:#fff;text-align:center;height:56px;padding:0 24px;position:absolute;left:7px;top:7px;display:inline-block;cursor:pointer;border-radius:40px;}
.foot-form .sendemail .post-btn:hover{background:#5A5A5A;}


#footer{margin:5rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer h5{font-size:2rem;color:#fff;font-weight:700;line-height:1;margin:0 0 20px;}

.foot-logo{}
.foot-logo img{height:4rem}
.foot-logo p{margin:17px 0 0;font-size:1.8rem;color:#fff;font-weight:500;}
.foot-logo h6{margin:30px 0 0;font-size:1.8rem;font-weight:700;color:#fff;}
.foot-logo .share{margin:15px 0 0;font-size:0;}
.foot-logo .share a{color:#A0A0A0;display:inline-block;}
.foot-logo .share a+a{margin-right:3rem;}
.foot-logo .share a i{font-size:2.6rem;}
.foot-logo .share a:hover{color:#fff;}

.foot-nav ul li{font-size:1.7rem;line-height:26px;color:rgba(255,255,255,0.7);}
.foot-nav ul li+li{/*margin-top:10px;*/margin-top:2px;}
.foot-nav ul li a:hover{color:#fff;}

.foot-contact{width:25%;}
.foot-contact h6{font-size:1.8rem;color:#fff;font-weight:700;}
.foot-contact h5~h5{margin-top:15px!important;}
.foot-contact p{font-size:1.7rem;line-height:26px;color:rgba(255,255,255,0.7);}
.foot-contact p~p{margin-top:2px;}
.foot-contact p a:hover{color:#fff}

.copyright{border-top:1px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;align-items:center;padding:3rem 0;}
.copyright p{font-size:16px;color:#fff;}
.copyright p a:not(:last-child)::after{content:'|';display:inline-block;margin:0 8px;}



@media screen and (max-width:1281px){
.foot-logo{width:100%;text-align:center;margin-bottom:40px;}
.foot-contact{width:30%;}
}

@media screen and (max-width:992px){
.foot-form .sendemail{width:90%;}
.copyright{text-align:center;flex-direction:column-reverse;}
.copyright p:first-child{margin-top:10px;}
.copyright p:last-child{color:rgba(255,255,255,0.7);}
}

@media screen and (max-width:768px){
footer{padding:4rem 0 0;}
#footer{margin:4rem 0;}
.foot-nav ul li+li{margin-top:2px;}
}

@media screen and (max-width:576px) {

.foot-form .sendemail{width:100%;margin:30px auto 0;}
.foot-form .sendemail .post-text{height:60px;line-height:60px;padding:0 30px 0 20px;font-size:17px;}
.foot-form .sendemail .post-btn{font-size:16px;height:50px;padding:0 18px;left:5px;top:5px;}

#footer{margin:3.5rem 0 2.5rem;}
#footer h5{margin:0;}

.foot-logo{margin-bottom:15px;}

.foot-nav{width:100%;}
.foot-nav h5{border-bottom:1px solid rgba(255,255,255,0.2);padding:10px 0;position:relative;}
.foot-nav h5::after{display:block;content:"\e699";font-family:"qico";font-weight:400;position:absolute;right:10px;cursor:pointer;font-size:14px;top:calc(50% - 7px);color:#fff;}
.foot-nav ul{display:none;padding:10px 0 0;}
.foot-nav ul li{font-size:15px;}

.foot-contact{width:100%;margin:15px 0 0;text-align:center;}
.foot-contact h5{text-align:center;margin-bottom:0 !important;}
.foot-contact h6{font-size:16px;}
.foot-contact h5~h5{margin-top:10px!important;}
.foot-contact p{font-size:14px;line-height:20px;margin:5px 0 0;}

}


@media screen and (max-width:480px) {
.foot-form .sendemail{margin:15px auto 0;}
.foot-form .sendemail .post-text{height:42px;line-height:42px;padding:0 30px 0 12px;font-size:15px;}
.foot-form .sendemail .post-btn{font-size:13px;height:36px;padding:0 15px;left:3px;top:3px;}

.foot-logo img{height:30px;}
.foot-logo p{font-size:15px;margin:5px 0 0;}
.foot-logo .share{margin:8px 0 0;}
.foot-logo .share a i{font-size:18px;}
.foot-logo h6{font-size:2rem;margin:15px 0 0;}

#footer h5{font-size:14px;}
.foot-nav ul li{font-size:14px;}

.copyright{padding:15px 0;}
.copyright p{font-size:14px;}
}	


@media screen and (max-width:420px) {
.foot-form h3{font-size:22px;}
.copyright p{font-size:12px;color: rgba(255,255,255,0.7);}
.copyright p a{color:#fff;font-size: 14px}

}

#gotop{position:fixed;bottom:100px;right:10px;height:40px;width:40px;line-height:40px;text-align:center;background:#000;transition:all 0.4s ease 0s;z-index:1000;cursor:pointer;display:none;border-radius:5px;}
#gotop i{color:#fff;font-size:18px;}
#gotop:hover {background:#353535;}


/*------------*/

.email-popup{position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%;top:0;left:0;z-index:1000;transition:opacity .15s,visibility .15s;opacity:0;visibility:hidden;}
.email-popup.active{opacity:1;visibility:visible;}
.email-popup .bg{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.47);z-index:10;}
.email-popup .popup-modal{position:relative;z-index:20;transition:transform .25s;overflow:hidden;color:#676869;width:70%;border-radius:20px;}

.email-popup .popup-modal .popup-close{position:absolute;z-index:30;right:2.7rem;top:2rem;width:2.7rem;display:block;background:transparent;padding:0;cursor:pointer;}
.email-popup .popup-modal .popup-close i{font-size:25px;color:#fff;}
.email-popup .popup-modal .popup-close img{width:2.7rem;transition:all 0.4s ease-in-out;}
.email-popup .popup-modal .popup-close:hover img{filter:brightness(0%);transform:rotate(360deg);}

.email-popup .popup-box{display:flex;flex-direction:row-reverse;}

.email-popup .pic{width:50%;}
.email-popup .pic img{width:100%;}

.email-popup .txt{padding:0 7rem;text-align:center;flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-color:#fff;}

.email-popup .txt h5{color:#141414;font-size:3.6rem;font-weight:900;line-height:1;}
.email-popup .txt h6{color:rgba(20,20,20,0.7);font-size:1.7rem;line-height:1.5;font-weight:500;margin:2.5rem 0 0;}

.email-popup .txt .sendemail{margin:4rem 0 0;position:relative;}
.email-popup .txt .sendemail form{width:100%;}
.email-popup .txt .sendemail .post-text{height:6rem;line-height:5.8rem;overflow:hidden;color:#6AB183;padding:0 3rem;width:100%;text-align:center;font-size:1.8rem;color:#141414;background:#fff;border:1px solid #C7C7C7;}
.email-popup .txt .sendemail .post-text::placeholder{color:rgba(17,18,18,0.23);}
.email-popup .txt .sendemail .post-btn{margin:9px 0 15px;background:#141414;font-size:2rem;font-weight:500;color:#fff;width:100%;text-align:center;height:6rem;display:block;cursor:pointer;}
.email-popup .txt .sendemail .post-btn:hover{opacity:0.7;}

.email-popup .txt p{display:flex;align-items:flex-start;text-align:left;font-size:1.6rem;color:#7a7a7a;}
.email-popup .txt input{padding:0;margin:2px 0 0;}
.email-popup .txt p span{flex:1;margin:0 0 0 5px;}
.email-popup .txt p+p{margin-top:10px;}
.email-popup .txt p a{/*text-decoration:underline;*/margin:0 3px;border-bottom: 1px solid #adadad;padding-bottom: 2px;}

.email-popup .txt .share{margin:4rem 0 0;font-size:0;}
.email-popup .txt .share a{color:#141414;display:inline-block;}
.email-popup .txt .share a+a{margin-right:3rem;}
.email-popup .txt .share a i{font-size:2.8rem;}
.email-popup .txt .share a:hover{color:rgba(17,18,18,0.23);}

.email-popup .txt .more{margin:2.5rem 0 0;}
.email-popup .txt .more a{display:inline-block;font-size:16px;color:#adadad;font-weight:500;/*text-decoration:underline;*/transition:all 0.3s ease 0s;border-bottom: 1px solid #999;border-bottom: 1px solid #adadad;}
.email-popup .txt .more a:hover{transform:scale(1.05);}

@media screen and (max-width:1680px){
.email-popup .txt{padding:0 6rem;}
}
@media screen and (max-width:1600px) {
.email-popup .popup-modal{width:75%;}
}
@media screen and (max-width:1441px) {
.email-popup .popup-modal{width:80%;}
}

@media screen and (max-width:1281px){
.email-popup .popup-modal .popup-close{right:15px;top:15px;}
}

@media screen and (max-width:1171px){
.email-popup .popup-box{display:block;}
.email-popup .pic{display:none;}
.email-popup .txt{padding:35px;}
}

@media screen and (max-width:576px) {
.email-popup .popup-modal{width:95%;}
.email-popup .txt{padding:25px 45px;}
.email-popup .txt .sendemail{margin:15px 0 0;}
.email-popup .txt .sendemail .post-text{height:40px;line-height:38px;font-size:15px;}
.email-popup .txt .sendemail .post-btn{height:40px;}
}

@media screen and (max-width:480px) {
.email-popup .txt h6{margin:10px 0 0;font-size:13px;}

.email-popup .txt p{font-size:12px;}
}	

/*------------*/

@keyframes scale1{ 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.4);transform:scale(1.4);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}

@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.8);transform:scale(1.8);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}

@keyframes arrow-nudge-right {
0% {-webkit-transform:translateX(0);transform:translateX(0)}
40% {-webkit-transform:translateX(15px);transform:translateX(15px)}
100% {-webkit-transform:translateX(0);transform:translateX(0)}
}

/*----scrollbar----*/
.scroll-wrapper {overflow:hidden !important;padding:0 !important;position:relative;}
.scroll-wrapper > .scroll-content {border:none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height:none;max-width:none !important;overflow:scroll !important;padding:0 20px 0 0;position:relative !important;top:0;width:auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height:0;width:0;}
.scroll-element {display:none;}
.scroll-element,.scroll-element div {box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display:block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor:default;}
.scroll-textarea {border:1px solid #cccccc;border-top-color:#999999;}
.scroll-textarea > .scroll-content {overflow:hidden !important;}
.scroll-textarea > .scroll-content > textarea {border:none !important;box-sizing:border-box;height:100% !important;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;outline:none;padding:2px;position:relative !important;top:0;width:100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height:0;width:0;}

.scrollbar-inner > .scroll-element,.scrollbar-inner > .scroll-element div {border:none;margin:0;padding:0;position:absolute;z-index:10;}
.scrollbar-inner > .scroll-element div {display:block;height:100%;left:0;top:0;width:100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom:2px;height:8px;left:0;width:100%;}
.scrollbar-inner > .scroll-element.scroll-y {height:100%;right:0;top:0;width:8px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {/*overflow:hidden;*/}
.scrollbar-inner > .scroll-element .scroll-element_outer,.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar {}
.scrollbar-inner > .scroll-element .scroll-element_track{background:#E5E5E5;}
.scrollbar-inner > .scroll-element .scroll-bar {background-color:#C1C1C1;width:8px;left:0;}
.scrollbar-inner > .scroll-element:hover .scroll-bar {background-color:#919191;}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background-color:#919191;}
/* update scrollbar offset if both scrolls are visible */                            .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top:-12px;}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top:-12px;}