/* COMMON CSS  公共部分样式
** 2019-08-12
** by Molly
*/
body{font-weight: 400;}

body{width: 100%;display: block;}
.main-container {width: 100%;min-height: calc(100vh - 160px);position: relative;margin-top: 110px;}
/* header */
.header-mask{display: none;z-index: 99;position: fixed;height: 100%;width: 100%;top: 0;left: 0;background: #999;background: rgba(0,0,0,.8);
	transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
}
.header{position: fixed;top: 0;left: 0;width: 100%;padding: 0 85px;height: 110px;padding-top: 10px;padding-bottom: 10px;background: #fff;z-index: 100;
}
.header.higher,
.header.open,
.header:hover{/*height: 120px;padding-top:20px;padding-bottom: 20px;*/}
.header a{color: #000;}
.header.opacity{background: transparent;color: #fff;}
.header.opacity a{color: #fff;}
.header.opacity a:hover{color: #ddd;}
.header.opacity .logo a{background-position: top center;}
.header.open + .header-mask{display: block;}
.header .logo{width: 210px;height: 34px;margin: 25px auto 0;
}
.header.higher .logo,
.header.open .logo,
.header:hover .logo{/*height: 70px;width: 62px;margin-right: 60px;margin-top: 5px*/}
.header .logo a{display: block;height: 100%;width: 100%;background-position: bottom center;background-size: 100% auto;}
.header .nav{position: absolute;
    bottom: 10px;
    right: 50px;}
.header .nav-item {font-size: 12px;height: 24px;line-height: 24px;position: relative;margin: 0 20px;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.header.higher .nav-item,
.header.open .nav-item,
.header:hover .nav-item	{/*margin: 0 60px;*/}
.header .nav-item:first-child {margin-left: 0;}
.header .nav-item:last-child {margin-right: 0;}
.header .nav-slash {line-height: 24px;font-size: 12px;}
.header .sub-nav{display: none;position: absolute;line-height: 24px;min-width: 260px;font-size: 12px;margin-top: -1px;}
.header .nav-item.active .sub-nav{display: block;}
.header .sub-nav span {font-size: 12px;margin-right: 5px;vertical-align: unset;}
.header .language {height: 80px;line-height: 80px;font-size: 18px;}
.language span {margin: 0px 10px;}
body > header > div.nav.clearfix.mobile-none > span:nth-child(1){display:none;}

/* footer */
.logo_l{width: 180px;margin-top: 40px;}
.footer {padding: 100px 0 60px;margin-top: 120px;position: relative;}
.ft-gotop {position: absolute;left: 50%;margin-left: -40px;top: -40px;background: url(../image/top.png) no-repeat;height: 40px;width: 80px;background-size: auto 100%;background-position: bottom center;}
.ft-inner {text-align: center;}
.ft-nav {display: inline-block;vertical-align: top;text-align: left;width: 30%;}
.ft-nav .in{border-left: 1px solid #000;padding-left: 25%;}
.ft-nav:first-child .in{border-left: 0;}
.ft-nav a {color: #666;font-size: 14px;line-height: 30px;}
.ft-nav a:hover{color: #333;}
.ft-nav .in>a,
.ft-nav .in>a:hover {color: #000;font-weight: 600;margin-bottom: 8px;display: block;}
.ft-nav span {display: inline-block;}
.ft-nav .ft-links {margin-top: 25px;min-height: 150px;padding-left: 25%;}
.ft-links a {display: inline-block;height: 26px;width: 26px;margin-right: 20px;background-size: auto 100%;background-position: center left;background-repeat: no-repeat;}
.ft-links a:hover{/*background-position: center right;*/}
.ft-links a.link-tmall{background-image: url(../image/icon-tmall.png);}
.ft-links a.link-weixin{background-image: url(../image/icon-wechat.png);}
.ft-links a.link-weibo{background-image: url(../image/icon-weibo.png);}
.ft-links a.link-jd{background-image: url(../image/icon-jd.png);}
.ft-links img{height: 100px;width: 100px;display: none;margin: 10px 0px;border: 1px solid #000;}
.ft-links a.link-weixin:hover ~ img{display: block;}
.ft-company {line-height: 30px;font-size: 12px;text-align: right;}
/* swiper pagination common*/
.swiper-pagination-bullet {height: 2px;width: 50px;border-radius: 1px;background: #ccc;opacity: .9;}
.swiper-pagination-bullet-active {background: #000;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 30px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 10px;}
/* swiper button common*/
.swiper-button-next,
.swiper-button-prev {background: transparent;outline: 0;width: 36px;height: 54px;margin-top: -27px;}
.swiper-button-prev {left: 15px;}
.swiper-button-next{right: 15px;}
.swiper-button-next:before,
.swiper-button-prev:before {position: absolute;content: '';height: 15px;width: 15px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);top: 19px;left: 12px;}
.swiper-button-next:before {transform: rotate(-135deg);left: 5px;}
.swiper-button-next:after,
.swiper-button-prev:after{content:'none';}

/* section */
.section{overflow: hidden;position: relative;}
.sec-box {position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;overflow-x: hidden;overflow-y: hidden;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sec-text {text-align: center;font-size: 18px;font-weight: normal;line-height: 32px;max-width: 100%;max-height: 100%;}
.sec-text h2 {font-size: 50px;line-height: 60px;min-height: 50px;font-weight: 600;}
.sec-text h3 {font-size: 36px;line-height: 60px;min-height: 28px;font-weight: 600;}
.sec-text p {min-height: 16px;}
.sec-box a{color: #fff;}
/*默认按钮白底黑字，hover透明底白边白字
.sec-btns>a {display: inline-block;text-align: center;width: 150px;height: 40px;line-height: 44px;font-size: 15px;background: #fff;color: #000;margin: 30px 10px 0;border-radius: 3px;border: 1px solid #fff;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.sec-btns>a:hover{background: transparent;color: #fff;}
.sec-btns>a>i {margin-right: 8px;font-size: 12px;border: 1px solid #000;border-radius: 50%;width: 20px;height: 20px;line-height: 18px;padding-left: 2px;position: relative;top: -2px;}
.sec-btns>a:hover>i{border-color:#fff;}*/
/*按钮1透明底白边白字，hover白底黑字
.sec-btns>a.btn-1 {background: transparent;color: #fff;}
.sec-btns>a.btn-1:hover{background: #fff;color: #000;}
.sec-btns>a.btn-1>i{border-color:#fff;}
.sec-btns>a.btn-1:hover>i{border-color:#000;}*/
/*默认透明底白边白字，hover白底黑字 20200612*/
.sec-btns>a {display: inline-block;text-align: center;width: 150px;height: 40px;line-height: 44px;font-size: 15px;background: transparent;color: #fff;margin: 30px 10px 0;border-radius: 3px;border: 1px solid #fff;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.sec-btns>a:hover{background: #fff;color: #000;}
.sec-btns>a>i {margin-right: 8px;font-size: 12px;border: 1px solid #fff;border-radius: 50%;width: 20px;height: 20px;line-height: 18px;padding-left: 2px;position: relative;top: -2px;}
.sec-btns>a:hover>i{border-color:#000;}
/*按钮2白底黑边黑字，hover黑底白字*/
.sec-btns>a.btn-2 {background: #fff;color: #000;border:1px solid #000;}
.sec-btns>a.btn-2:hover{background: #000;color: #fff;}
.sec-box .btn-play {position: absolute;height: 90px;width: 90px;top: 50%;margin-top: -45px;left: 50%;margin-left: -45px;background: url(../image/video_play2.png) no-repeat;background-size: 100% auto;background-position: center center;}
.sec-box::-webkit-scrollbar{width:4px;height:4px;}
.sec-box::-webkit-scrollbar-track{background: #f6f6f6;background: rgba(246, 246, 246, .5);border-radius:2px;}
.sec-box::-webkit-scrollbar-thumb{background: #ccc;background: rgba(170, 170, 170, .5);border-radius:2px;}
.sec-box::-webkit-scrollbar-thumb:hover{background: #aaa;}
.sec-box::-webkit-scrollbar-corner{background: #f6f6f6;background: rgba(246, 246, 246, .5);}
/*page-loading*/
.page-loading {position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 1000;background: #fff;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page-loading img {width: 300px;height: auto;}


.ib-contact-img img{width: 851px;}

.container .contact{text-align: center;margin: 0 auto 100px;line-height: 50px;font-size: 22px;}

.container .contact p img{width: 73px;margin-top: 80px;}