/*header start*/
.pc-lang-switcher {
    position: relative;
    float: left;
    z-index: 999;
    transform: translate(10px, 12px);
}
#menuWap{display:none;}
.wap-ss{
    display: none;
}
.header-top{
	background:#1B1B1B;
}
.header-top .h-t-fixed{position: relative;}
.header-top .h-t-fixed .logo{float:left;padding-left:55px;}
.header-top .h-t-fixed .logo .logo-item{
	display:block;
	padding:10px 0;
}
.header-top .h-t-fixed .logo .logo-item img{
	max-width:142px;
	height:auto;
}
.header-top .h-t-fixed .h-t-tips{
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	padding:19px 0;
	line-height:1;
	text-transform: uppercase;
	position: absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	letter-spacing:0.2em;
}
.header-top .h-t-fixed .tel-mail-sahre{justify-self: right;padding-right:27px;padding-top: 13px;}
.header-top .h-t-fixed .tel-mail-sahre .tel-mail{float: left;padding:16px 0;margin-right:55px;}
.header-top .h-t-fixed .tel-mail-sahre a.tel{
	display: inline-block;
	float:left;
	background:url(../images/h-icon-01.png) no-repeat left center;
	padding-left:23px;
	font-size: 15px;
	font-weight: 400;
	transition: all 0.6s;
	color: #FFFFFF;
}
.header-top .h-t-fixed .tel-mail-sahre a.tel:hover{
	text-decoration: underline;
}
.header-top .h-t-fixed .tel-mail-sahre a.mail{
	display: inline-block;
	float:left;
	background:url(../images/h-icon-02.png) no-repeat left center;
	padding-left:25px;
	font-size: 15px;
	font-weight: 400;
	transition: all 0.6s;
	color: #FFFFFF;
	margin-left:30px;
}
.header-top .h-t-fixed .tel-mail-sahre a.mail:hover{
	text-decoration: underline;
}
.header-top .h-t-fixed .tel-mail-sahre .share{
	float:right;
	padding:14.5px 0;
	display: flex;
}
.tel-mail-sahre .share a{
	width:21px;
	height:21px;
	margin-left:10px;
	transition: all 0.6s;
}
.tel-mail-sahre .share a:first-child{margin-left:0;}
.tel-mail-sahre .share a.fc{background:url(../images/h-s-01-s.png) no-repeat center;}
.tel-mail-sahre .share a.ins{background:url(../images/h-s-02-s.png) no-repeat center;}
.tel-mail-sahre .share a.tw{background:url(../images/h-s-03-s.png) no-repeat center;}
.tel-mail-sahre .share a.pin{background:url(../images/h-s-04-s.png) no-repeat center;}
.tel-mail-sahre .share a.ind{background:url(../images/h-s-05-s.png) no-repeat center;}
.tel-mail-sahre .share a.ytb{background:url(../images/h-s-06-s.png) no-repeat center;}
.tel-mail-sahre .share a.tik{background:url(../images/h-s-07-s.png) no-repeat center;}
.tel-mail-sahre .share a:hover.fc{background:url(../images/h-s-01-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.ins{background:url(../images/h-s-02-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.tw{background:url(../images/h-s-03-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.pin{background:url(../images/h-s-04-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.ind{background:url(../images/h-s-05-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.ytb{background:url(../images/h-s-06-h.png) no-repeat center;}
.tel-mail-sahre .share a:hover.tik{background:url(../images/h-s-07-h.png) no-repeat center;}

.header-nav{
	position: sticky;
	position: -webkit-sticky;
	left:0;
	top:0;
	width:100%;
	z-index:5;
	margin-bottom:-75px;
	/*border-bottom:1px solid rgba(255, 255, 255, 0.25);*/
	box-shadow: 0 -1px rgb(255 255 255 / 25%) inset;
}
.header-nav.fbg ,.header-nav:hover{
	transition: all 0.6s;
	background:#FFFFFF;
}
.header-nav #menuPc > ul{
	display: flex;
	justify-content: center;
}
.header-nav #menuPc > ul > li{
	margin:0 15px;
	padding:0 15px;
	position:relative;
}
.header-nav #menuPc > ul > li .second{
	position:absolute;
	left:0;
	top:100%;
	background:#FFFFFF;
	z-index:90;
	width:200px;
	opacity:0;
	visibility: hidden;
	transition:all 0.1s;
}
.header-nav #menuPc > ul > li:hover .second{opacity:1;visibility:visible;}
.header-nav #menuPc > ul > li .second > li{
	position: relative;
}
.header-nav #menuPc > ul > li .second > li > a{
	display: block;
	padding:10px;
	color:#1C1B1B;
}
.header-nav #menuPc > ul > li .second > li > a:after{
	content: '';
	width:2px;
	height:0;
	background:#1c1b1b;
	position:absolute;
	right:0;
	top:0;
	transition:all 0.6s;
}
.header-nav #menuPc > ul > li .second > li:hover > a:after{
	height:100%;
}
.header-nav #menuPc > ul > li .second > li .tertiary{
	position:absolute;
	left:100%;
	top:0;
	background:#FFFFFF;
	z-index:91;
	width:180px;
	opacity:0;
	visibility: hidden;
	transition:all 0.1s;
}
.header-nav #menuPc > ul > li .second > li:hover .tertiary{opacity:1;visibility:visible;}
.header-nav #menuPc > ul > li .second > li .tertiary > li > a{
	display: block;
	padding:10px;
	color:#1C1B1B;
}
.header-nav #menuPc > ul > li .second > li .tertiary > li > a:hover{text-decoration:underline;}
.header-nav #menuPc > ul > li > a{
	display: block;
	padding:30px 0;
	font-size: 12px;
	font-weight: 500;
	color:#FFFFFF;
	line-height: 1;
	position: relative;
	letter-spacing:0.2em;
}
.header-nav #menuPc > ul > li > a::after{
	content: '';
	width:0;
	height:2px;
	position: absolute;
	left:0;
	bottom:-4px;
	z-index:94;
	background:#1c1b1b;
	transition: all 0.6s;
}
.header-nav #menuPc > ul > li:hover > a::after{
	width:100%;
}
.header-nav #menuPc > ul > li.search > a{
	width:15px;
	height:15px;
	background:url(../images/h-icon-03.png) no-repeat center;
	display: block;
}
.header-nav.fbg #menuPc > ul > li > a{color:#1c1b1b;}
.header-nav.fbg #menuPc > ul > li.search > a{
	background:url(../images/h-icon-03-h.png) no-repeat center;
}
.header-nav.fbg #menuPc > ul > li.search > a::after{display:none;}
.header-nav:hover #menuPc > ul > li > a ,.header-nav.detail #menuPc > ul > li > a{color:#1c1b1b;}
.header-nav:hover #menuPc > ul > li.search > a ,.header-nav.detail #menuPc > ul > li.search > a{
	background:url(../images/h-icon-03-h.png) no-repeat center;
}
/*header end*/

/*footer start*/
.footer-box .m-w-1628{max-width:1668px;margin:0 auto;}
.footer-top{
	padding:110px 0;
}
.footer-top .logo-share{width:33%;float:left;text-align: center;}
.footer-top .logo-share .logo a{display: inline-block;}
.footer-top .logo-share .logo a img{max-width:113px;height:auto;}
.footer-top .logo-share .share{
	display: flex;
	margin-top:35px;
	justify-content: center;
}
.footer-top .logo-share .share a{
	width:21px;
	height:21px;
	margin-left:10px;
	transition: all 0.6s;
}
.logo-share .share a.fc{background:url(../images/h-s-01-s.png) no-repeat center;}
.logo-share .share a.ins{background:url(../images/h-s-02-s.png) no-repeat center;}
.logo-share .share a.tw{background:url(../images/h-s-03-s.png) no-repeat center;}
.logo-share .share a.pin{background:url(../images/h-s-04-s.png) no-repeat center;}
.logo-share .share a.ind{background:url(../images/h-s-05-s.png) no-repeat center;}
.logo-share .share a.ytb{background:url(../images/h-s-06-s.png) no-repeat center;}
.logo-share .share a.tik{background:url(../images/h-s-07-s.png) no-repeat center;}
.logo-share .share a:hover.fc{background:url(../images/h-s-01-h.png) no-repeat center;}
.logo-share .share a:hover.ins{background:url(../images/h-s-02-h.png) no-repeat center;}
.logo-share .share a:hover.tw{background:url(../images/h-s-03-h.png) no-repeat center;}
.logo-share .share a:hover.pin{background:url(../images/h-s-04-h.png) no-repeat center;}
.logo-share .share a:hover.ind{background:url(../images/h-s-05-h.png) no-repeat center;}
.logo-share .share a:hover.ytb{background:url(../images/h-s-06-h.png) no-repeat center;}
.logo-share .share a:hover.tik{background:url(../images/h-s-07-h.png) no-repeat center;}

.footer-top .f-nav-list{width:67%;float:right;    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.footer-top .f-nav-list dl{width:48%;float:left;box-sizing:border-box;}
.footer-top .f-nav-list dl.f-nav-dl{width:24%;}
.footer-top .f-nav-list dl dt a{
	font-size: 12px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.footer-top .f-nav-list dl dd{
	margin-top:40px;
}
.footer-top .f-nav-list dl dd p{
	margin-bottom:10px;
}

.footer-top .f-nav-list dl dd p svg{
    position: relative;
    top: 3px;
    margin-right: 2px;
}

.footer-top .f-nav-list dl dd a{
	font-size: 14px;
	font-weight: 400;
	color: #6A6A6A;
}
.footer-top .f-nav-list dl dd a:hover{
	text-decoration: underline;
}
.footer-top .f-nav-list dl dd .newsletter-tips{
	font-size: 14px;
	font-weight: 400;
	color: #6A6A6A;
	line-height: 32px;
	margin-bottom:20px;
}
.footer-top .f-nav-list .usedComp label{display:none;}
.footer-top .f-nav-list .usedComp{width:100%;}
.footer-top .f-nav-list .usedComp input{
	height: 40px;
	background: #EFEFEF;
	border: 1px solid #8B847C;
	line-height:40px;
}
.footer-top .f-nav-list #xhlFormSubmit{
	width: 154px;
	height: 38px;
	background: transparent;
	border: 1px solid #8B847C;
	margin:0;
	border-radius:0;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 38px;
	position: relative;
	letter-spacing:0.2em;
	z-index:3;
}
.footer-top .f-nav-list #xhlFormSubmit::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	transform-origin: left center;
	transform:scale(1, 1);
	transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index:-1;
}
.footer-top .f-nav-list #xhlFormSubmit:hover::after{
	transform-origin: right center;
	transform:scale(0, 1);
}
.footer-top .f-nav-list #xhlFormSubmit:hover{color:#000;}


.msg-box #xhlFormSubmit{
	width: 154px;
	height: 38px;
	background: transparent;
	border: 1px solid #8B847C;
	margin:0 auto;
	border-radius:0;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 38px;
	position: relative;
	letter-spacing:0.2em;
	z-index:3;
}
.msg-box #xhlFormSubmit::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	transform-origin: left center;
	transform:scale(1, 1);
	transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index:-1;
}
.msg-box #xhlFormSubmit:hover::after{
	transform-origin: right center;
	transform:scale(0, 1);
}
.msg-box #xhlFormSubmit:hover{color:#000;}



.footer-copy{border-top:1px solid #B5BDD2;padding:25px 60px;}
.footer-copy .copy{
	padding:8px 0;
	float:left;
	font-size: 12px;
	font-weight: 400;
	color: #1C1B1B;
}
.footer-copy .pay-icon{float:right;}
.footer-copy .pay-icon a{display: inline-block;margin-left:3px;}
.footer-copy .pay-icon a img{max-width:57px;height:auto;}
/*footer end*/

/*轮播图start*/
.banner {
	max-width:100%;
	margin: 0 auto 0;
	width: 100%;
	background: #FFFFFF;
}

.banner .swiper-slide {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.banner .swiper-slide .video-box {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide .video-box video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.banner .bg-box {
	position: relative;
	z-index: 1;
}

.banner .bg-box img{
	width: 100%;
	height: auto;
	transition: all ease-in 2.6s;
	transform: scale(1.1);
}
.banner .swiper-slide-active .bg-box img{transform: scale(1);}
.banner .wap-box {
	display: none;
}

.banner .wap-box img {
	width: 100%;
	height: auto;
}

.banner .swiper-pagination{text-align: right;padding-right:79px;box-sizing:border-box;bottom:45px;}

.banner .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background: transparent;
	opacity: 1;
	border-radius: inherit;
	border: 2px solid #eeeeee;
	border-radius: 50%;
	transition: all 0.6s;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	background:#FFFFFF;
}
.banner .banner-content{
	position: absolute;
	left: 0;
	bottom:79px;
	box-sizing:border-box;
	padding:0 79px;
	width: 100%;
	z-index: 9;
	letter-spacing:0.2em;
}

.swiper-slide .banner-content div ,.banner .banner-content a{
	transform: translateY(200px);
	opacity: 0;
	transition: all 1s;
}
.swiper-slide .banner-content .small-tit{
	font-size: 14px;
	font-weight: 500;
	line-height:1;
	color: #FFFFFF;
	transition: all 0.5s;
}
.swiper-slide .banner-content .big-tit{
	margin:35px 0 39px;
	line-height:1;
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	transition: all 0.7s;
}
.swiper-slide .banner-content .bt{
	width: 191px;
	height: 47px;
	display: block;
	text-align: center;
	line-height:47px;
	border:1px solid #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	color: #1c1b1b;
}
.swiper-slide .banner-content .bt:hover{
	color:#FFFFFF;
}
.ani-slide .banner-content div ,.ani-slide .banner-content a{
	transform: translateY(0);
	opacity: 1;
}

/*轮播图end*/
.inner-banner{min-height:75px;background:#FFFFFF;margin-top: 70px;}
.inner-banner .img-box img{width:100%;height:auto;}

.crumbs-box {
	padding: 12px 4.5%;
}

.crumbs-box a {
	color: #1B1B1B;
	display: inline-block;
	transition: all 0.4s;
}
.crumbs-box i {
	display: inline-block;
	padding: 0 5px;
	color: #1B1B1B;
}

.crumbs-box span {
	color: #1B1B1B;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
	padding: 0 20px;
}

/* 内容区域宽度+40px */
.m-width-content {
	max-width: 1320px;
	margin: 0 auto;
}

/*置顶按钮 start*/
#toTop{
	width: 50px;
	height: 50px;
	left: 20px;
	bottom: 20px;
	position: fixed;
	z-index: 999;
	background: #8B847C;
	border-radius:50%;
	justify-content: center;
	align-items: center;
	display: flex;
}
#toTop i{font-size:22px;color:#FFFFFF;font-weight:500;}
/*置顶按钮 end*/
/* 按钮样式 start */
.button{
	position: relative;
	z-index:3;
	letter-spacing:0.2em;
}
.button::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	transform-origin: left center;
	transform:scale(1, 1);
	transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index:-1;
}
.button:hover::after{
	transform-origin: right center;
	transform:scale(0, 1);
}
/* 按钮样式 end */

/*分页 start*/
.page-box {
	padding: 50px 0;
	text-align: center;
}

.page-box .page-inner {
	display: flex;
	justify-content: center;
}
.page-box .page-inner .wp-pagenavi{display: flex;}
.page-box .page-inner a,
.page-box .page-inner span {
	display: inline-flex;
	font-size:16px;
	color: #7E7E7E;
	margin: 0 1px;
	width: 27px;
	height: 27px;
	line-height: 27px;
	justify-content: center;
	background-color:transparent;
}
.page-box .page-inner .current {
	color: #FFFFFF;
	background-color: #8B847C;
}
.prevpostslink-l{background:url(../images/page-l-l.png) no-repeat center;}
.previouspostslink{background:url(../images/page-l.png) no-repeat center;}
.nextpostslink-r{background:url(../images/page-r-r.png) no-repeat center;}
.nextpostslink{background:url(../images/page-r.png) no-repeat center;}
.page-box .no-drop{opacity:0.8;cursor:no-drop;}
/*分页 end*/

/*公共样式定义 end*/
.main{background:#efefef;}
.business-box{padding-bottom:101px;}
.business-tit{
	padding:140px 0 120px;
	text-align: center;
}
.business-tit h6{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	line-height:1;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.business-tit p{
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	margin-top:35px;
	line-height:1;
	text-transform: uppercase;
	display: inline-block;
	padding:0 5px 14px;
	border-bottom:1px solid #BEB8B3;
	letter-spacing:0.2em;
}
.business-list ul{display: flex;flex-wrap: wrap;}
.business-list ul li{width:32.5%;margin-left:1.25%;position: relative;margin-bottom:29px;}
.business-list ul li:nth-child(3n+1){margin-left:0;}
.business-list ul:nth-child(2){flex-direction:row-reverse;}
.business-list ul:nth-child(2) li:nth-child(3n+1){margin-left:1.25%;}
.business-list ul:nth-child(2) li:nth-child(3){margin-left:0;}
.business-list ul li .img-box img{width:100%;height:auto;}
.business-list ul li .pop-box{
	box-sizing:border-box;
	padding:0 10% 10%;
	display: flex;
	align-items: flex-end;
	width:50%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	z-index:3;
/* 	background: rgba(0,0,0,0.6); */
}
.business-list ul:nth-child(2) li .pop-box{right:0;left:auto;}
.business-list ul li .pop-box .number{
	font-weight:400;
	font-size:72px;
	color:#FFFFFF;
	line-height:1;
}
.business-list ul li .pop-box .tips{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top:20px;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.business-list ul li.icon-list{
	display: flex;
	padding:20px;
	box-sizing:border-box;
	align-items: center;
}
.business-list ul li.icon-list .il-item{
	width:40%;
	text-align: center;
}
.business-list ul li.icon-list .il-item:first-child{margin-right:10%;}
.business-list ul li.icon-list .icon-box{
	width:72px;
	height:72px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 auto;
}
.business-list ul li.icon-list .num{
	font-size: 40px;
	font-weight: 600;
	color: #1C1B1B;
	line-height:1;
	margin:40px 0 30px;
	padding-bottom:30px;
	position: relative;
	width:100%;
}
.business-list ul li.icon-list .num::after{
	content: '';
	width:78%;
	height:1px;
	border-bottom:1px solid #BEB8B3;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:0;
}
.business-list ul li.icon-list .tip{
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 35px;
	height:70px;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: 0.2em;
}
.never-box{
	position: relative;
	height:430px;
	width:100%;
	overflow: hidden;
}
.never-box .never-bg{
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	z-index:1 ;
	transition:all 4s cubic-bezier(.25,.46,.45,.94);
	transform: scale(1);
}
.never-box:hover .never-bg{transform: scale(1.1);}
.never-box .nb-inner{
	width:100%;
	display: flex;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	z-index:2;
}
.never-box .nb-mw{
	width:1640px;
	margin:0 auto;
	height:100%;
	box-sizing:border-box;
	padding-left:41.7%;
}
.never-box .nb-mw .ipd-20{height:100%;}
.never-box .nb-mw .never-content{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:100%;
}
.never-box .nb-mw .never-content .tit{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.never-box .nb-mw .never-content .tips{
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin:50px 0;
	display: flex;
	width:100%;
	letter-spacing:0.2em;
}
.never-box .nb-mw .never-content .tips span{
	width:50%;
	text-align: center;
}
.never-box .nb-mw .never-content .more{
	width: 210px;
	height: 43px;
	background: transparent;
	border:1px solid #FFFFFF;
	text-align: center;
	line-height:43px;
	font-size: 12px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform:uppercase;
	
}
.never-box .nb-mw .never-content .more:hover{
	color:#FFFFFF;
	transition: all 0.6s;
}

.index-product{
	padding:140px 0;
	max-width:1450px;
	margin:0 auto;
}
.index-pro-tit{
	text-align: center;
}
.index-pro-tit h6{
	font-size: 12px;
	font-weight: 500;
	letter-spacing:0.2em;
	color: #1C1B1B;
	text-transform: uppercase;
	padding-left: 5%;
}
.index-pro-tit .tag-box{
	margin:30px 0 70px;
}
.index-pro-tit .tag-box a{
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	margin:0 60px;
	text-transform: uppercase;
	position: relative;
	padding:10px 0;
	line-height:1;
	letter-spacing:0.2em;
}
.index-pro-tit .tag-box a::after{
	content: '';
	width:0;
	height:1px;
	border-bottom: 1px solid #BEB8B3;
	position: absolute;
	left:0;
	bottom:0;
	opacity:0;
	transition: all 0.6s ease-in-out;
}
.index-pro-tit .tag-box a.active::after ,.index-pro-tit .tag-box a:hover::after{width:100%;opacity:1;}
.index-pro-list .con{display: none;}
.index-pro-list .con.active{display: block;}
.index-pro-list .con ul{display: flex;flex-wrap: wrap;}
.index-pro-list .con ul li{
	width:24%;
	margin-left:1.33333%;
	margin-bottom:25px;
}
.index-pro-list .con ul li:nth-child(4n+1){margin-left:0;}
.index-pro-list .con ul li a.img-box{
	display: block;
	padding-bottom:100%;
	overflow: hidden;
	position: relative;
}
.index-pro-list .con ul li a.img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.index-pro-list .con ul li a.img-box img.h{
	opacity:0;
	z-index:3;
	transition: all 0.6s;
}
.index-pro-list .con ul li:hover a.img-box img.h{
	opacity:1;
}
.index-pro-list .con ul li .tit{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	height:50px;
	overflow: hidden;
	margin:25px 0;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 23px;
	letter-spacing:0.2em;
}
.index-product .more{
	width: 266px;
	height: 43px;
	line-height:43px;
	text-align: center;
	color:#FFFFFF;
	font-weight:500;
	font-size:12px;
	text-transform: uppercase;
	display: block;
	margin:0 auto;
	border: 1px solid #000000;
	transition: all 0.6s;
}
.index-product .more:hover{color:#000000;}
.index-product .button::after{
	background-color:#000000;
}
.index-never-worry{
	height:412px;
	width:100%;
	background-size:cover;
	background-repeat:repeat;
/* 	background-attachment: fixed; */
	background-position: center;
}
.index-never-worry .inw-inner{
	display: flex;
	height:100%;
	max-width:1640px;
	margin:0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.index-never-worry .inw-inner .inw-tit h6{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.index-never-worry .inw-inner .tag-list{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.index-never-worry .inw-inner .tag-list a{
	letter-spacing:0.2em;
	display: flex;
	width:33%;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin:90px 0;
	justify-content: center;
}
.index-choose{
	padding:140px 0;
	max-width:1510px;
	margin:0 auto;
}
.index-choose-tit{text-align: center;padding-bottom:32px;position: relative;margin-bottom:40px;}
.index-choose-tit h6{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.index-choose-tit::after{
	content: '';
	width: 42px;
	height: 1px;
	border-bottom: 5px solid #C9673B;
	position: absolute;
	left:50%;
	bottom:0;
	margin-left:-21px;
}
.index-choose-list ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.index-choose-list ul li{
	width:18%;
	margin-left:2.5%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.index-choose-list ul li .img-pop{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
}
.index-choose-list ul li .img-pop img{width:100%;height:auto;
/* 	-webkit-filter: brightness(50%);
    filter: brightness(50%); */
    transition:all 0.6s;
}
.index-choose-list ul li:hover .img-pop img{
	-webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.index-choose-list ul li .img-box img{width:100%;height:auto;}
.index-choose-list ul li:nth-child(5n+1){margin-left:0;}
.index-choose-list ul li .pop-box{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-sizing:border-box;
	padding:17px;
}
.index-choose-list ul li .pop-box h6{
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.index-choose-list ul li .pop-box p{
	padding:0 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	height:40px;
	margin-top:15px;
	text-align: center;
	color:#FFFFFF;
	text-transform: capitalize;
}
.index-leoo{
	position: relative;
	padding:70px 0;
	background: linear-gradient(77deg, #030000 0%, #1c1b1b 100%);
	z-index:3;
	overflow: hidden;
}
.index-leoo::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	height:100%;
	background:url(../images/customize-icon.png) no-repeat left top;
	width:40%;
	z-index:-1;
}
.index-leoo-inner{
	max-width:1680px;
	margin:0 auto;
}
.index-leoo-inner .text-box{width:50%;float:left;text-align: center;padding-top:5%;}
.index-leoo-inner .text-box .t{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.index-leoo-inner .text-box .tips{
	max-width:540px;
	margin:60px auto 75px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
}
.index-leoo-inner .text-box .bt-tips{
	text-align: center;
}
.index-leoo-inner .text-box .bt-tips p{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height:1;
	margin-bottom:20px;
	letter-spacing:0.2em;
}
.index-leoo-inner .text-box .bt{
	width: 163px;
	height: 43px;
	border:1px solid #FFFFFF;
	background: #FFFFFF;
	text-align: center;
	line-height:43px;
	font-size: 12px;
	font-weight: 400;
	color: #1C1B1B;
	display: block;
	margin:17px auto 0;
	text-transform: uppercase;
	background:transparent;
	transition: all 0.6s;
}
.index-leoo-inner .text-box .bt:hover{color:#FFFFFF;}
.index-leoo-inner .text-box .bt-tips 
.index-leoo-inner .pic-list{width:50%;float:right;}
.index-leoo-inner .pic-list ul{display: flex;flex-wrap:wrap;}
.index-leoo-inner .pic-list ul li{
	width:50%;
	padding:8px;
	box-sizing:border-box;
}
.index-leoo-inner .pic-list ul li .img-box{overflow: hidden;}
.index-leoo-inner .pic-list ul li .img-box img{width:100%;height:auto;transition: all 0.6s;transform: scale(1);}
.index-leoo-inner .pic-list ul li .img-box:hover img{transform: scale(1.1);}
.index-what-to-do{
	padding:140px 0;
}
.index-what-to-do .tit{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
	margin-bottom:70px;
}
.index-what-to-do .iwtd-m{
	max-width:1800px;
	margin:0 auto;
	border-bottom:1px solid #BEB8B3;
	padding-bottom:120px;
}
.iwtd-swiper{
	padding:0 13%;
	position: relative;
}
.iwtd-swiper .swiper-slide{text-align: center;}
.iwtd-swiper .swiper-slide .img-box{
	max-width:150px;
	margin:0 auto;
}
.iwtd-swiper .swiper-slide .img-box img{width:100%;height:auto;border-radius:50%;}
.iwtd-swiper .swiper-slide .tips{
	margin-top:25px;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 24px;
	height:72px;
	overflow: hidden;
}
.iwtd-swiper .swiper-button-next:after, .iwtd-swiper .swiper-button-prev:after{display:none;}
.iwtd-swiper .swiper-button-next{right:50px;}
.iwtd-swiper .swiper-button-prev{left:50px;}
.iwtd-swiper .swiper-button-next, .iwtd-swiper .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: #FFFFFF;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	margin-top:-25px;
	transition: all 0.6s;
}
.iwtd-swiper .swiper-button-next i, .iwtd-swiper .swiper-button-prev i{
	color:#1c1b1b;
	font-size:18px;
	font-weight:700;
}
.iwtd-swiper .swiper-button-next:hover, .iwtd-swiper .swiper-button-prev:hover{background:#1c1b1b;}
.iwtd-swiper .swiper-button-next:hover i, .iwtd-swiper .swiper-button-prev:hover i{color:#FFFFFF;}
.index-blog{padding-bottom:140px;}
.index-blog .ib-tit{
	text-align: center;
	margin-bottom:80px;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.index-blog .ib-m{
	max-width:1544px;
	margin:0 auto;
}
.index-blog .ib-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.index-blog .ib-list ul li{
	width:30%;
	float:left;
	margin-left:5%;
}
.index-blog .ib-list ul li:nth-child(3n+1){margin-left:0;}
.index-blog .ib-list ul li .img-box{
	display: block;
	padding-bottom:62.22222%;
	overflow: hidden;
	position: relative;
}
.index-blog .ib-list ul li .img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	transition: all 0.6s;
	transform: scale(1);
}
.index-blog .ib-list ul li .img-box:hover img{
	transform: scale(1.1);
}
.index-blog .ib-list ul li .text{
	padding:25px 0 0;
}
.index-blog .ib-list ul li .text .tag{
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	line-height:1;
	letter-spacing:0.2em;
}
.index-blog .ib-list ul li .text .tit{
	display: block;
	height: 60px;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing:0.2em;
	margin:20px 0;
}
.index-blog .ib-list ul li .text .tips{
	height: 48px;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 24px;
	overflow: hidden;
	margin-bottom:20px;
}
.index-blog .ib-list ul li .text .more{
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	transition: all 0.6s;
	display:inline-block;
	padding-bottom:3px;
	position:relative;
}
.index-blog .ib-list ul li .text .more:after{
	content: '';
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	transition:all 0.6s;
	background: #BEB8B3;
	position: absolute;
}
.index-blog .ib-list ul li .text .more:hover:after{width:0;}
.m-w-1640{max-width:1680px;margin:0 auto;}
.ms-w-1640{max-width:1680px;margin:0 auto;}
.content-box .product-box{padding:70px 0 70px;}
.content-box .product-box .pro-menu{width:16%;float:left;}
.product-box .pro-menu ul li{margin-bottom: 20px;}
.product-box .pro-menu ul li dt{
	padding-right:30px;
	position: relative;
	display: inline-block;
}
.product-box .pro-menu ul li dt a{
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	letter-spacing:0.2em;
	color: #1C1B1B;
	text-transform: uppercase;
}
.product-box .pro-menu ul li dt i{
	position: absolute;
	right:0;
	top:50%;
	height:20px;
	margin-top:-10px;
	width:20px;
	font-size:20px;
	color:#1C1B1B;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
	transform: rotate(-180deg);
	cursor: pointer;
}
.product-box .pro-menu ul li dd a{
	position: relative;
	display: block;
	margin-top:20px;
	padding-left:21px;
	font-size: 12px;
	font-weight: 400;
	color: #1C1B1B;
	cursor:pointer;
}
.product-box .pro-menu ul li dd a i{
	width: 14px;
	height: 14px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-8px;
	transition: all 0.6s;
}
.product-box .pro-menu ul li dd a.act i{
	background:#8B847C;
}
.product-box .pro-menu ul li dd{display:none;}
.product-box .pro-menu ul li.act dd{display: block;}
.product-box .pro-menu ul li.act dt i ,.product-box .pro-menu ul li.ait dt i{transform: rotate(0);}
.content-box .product-box .pro-list{width:83%;float:right;}
.content-box .product-box .pro-list ul{display: flex;flex-wrap: wrap;}
.content-box .product-box .pro-list ul li{
	width:24%;
	margin-left:1.33333%;
	margin-bottom:25px;
}
.content-box .product-box .pro-list ul li:nth-child(4n+1){margin-left:0;}
.content-box .product-box .pro-list ul li a.img-box{
	display: block;
	padding-bottom:100%;
	overflow: hidden;
	position: relative;
}
.content-box .product-box .pro-list ul li a.img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.content-box .product-box .pro-list ul li a.img-box img.h{
	opacity:0;
	z-index:3;
	transition: all 0.6s;
}
.content-box .product-box .pro-list ul li:hover a.img-box img.h{
	opacity:1;
}
.content-box .product-box .pro-list ul li .tit{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	height:50px;
	overflow: hidden;
	margin:25px 0;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 23px;
	letter-spacing:0.2em;
}
.hot-sales{
	padding:100px 0 140px;
	border-top:1px solid #BEB8B3;
}
.hot-tit{
	text-align: center;
	margin-bottom:40px;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	letter-spacing:0.2em;
	text-transform: uppercase;
}
.hot-list{
	max-width:1450px;
	margin:0 auto;
}
.hot-list ul{display: flex;flex-wrap: wrap;}
.hot-list ul li{
	width:24%;
	margin-left:1.33333%;
}
.hot-list ul li:nth-child(4n+1){margin-left:0;}
.hot-list ul li a.img-box{
	display: block;
	padding-bottom:100%;
	overflow: hidden;
	position: relative;
}
.hot-list ul li a.img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.hot-list ul li a.img-box img.h{
	opacity:0;
	z-index:3;
	transition: all 0.6s;
}
.hot-list ul li:hover a.img-box img.h{
	opacity:1;
}
.hot-list ul li .tit{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	height:46px;
	overflow: hidden;
	margin:25px 0;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 23px;
	letter-spacing:0.2em;
}
.photo-text{
	padding:50px 0 140px;
}
.photo-text .photo{
	width:54%;
	float:left;
	position: relative;
	padding-left:180px;
	box-sizing:border-box;
}
.photo-text .photo .mySwiper1{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:132px;
	box-sizing:border-box;
	padding-bottom:25px;
}
.photo-text .photo .mySwiper1 .swiper-slide-thumb-active img{border:1px solid #1c1b1b;box-sizing:border-box;}
.photo-text .photo .swiper-slide img{width:100%;height:auto;}
.photo-text .photo .mySwiper1 .swiper-button-next{width:100%;bottom:0;height:25px;background:rgba(59, 56, 53, 0.7);top:auto;margin-top:0;right:0;}
.photo-text .photo .mySwiper1 .swiper-button-next i{color:#FFFFFF;font-size:20px;transform: rotate(-180deg);}
.photo-text .photo .mySwiper1 .swiper-button-next::after{display:none;}
.mySwiper1 .swiper-button-next.swiper-button-disabled, .mySwiper1 .swiper-button-prev.swiper-button-disabled{pointer-events: auto;cursor: no-drop;}
.photo-text .text-box{
	width:43%;
	float:right;
}
.photo-text .text-box .tit{
	font-size: 20px;
	font-weight: 500;
	color: #1c1b1b;
	line-height: 36px;
	letter-spacing:0.2em;
	text-transform: uppercase;
	position: relative;
	padding-bottom:25px;
}
.photo-text .text-box .tit::after{
	content: '';
	width: 34px;
	height: 0px;
	position: absolute;
	left:0;
	bottom:0;
	border-bottom: 5px solid #8B847C;
}
.photo-text .text-box .tips{
	margin:25px 0 50px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
}
.photo-text .text-box .list label{
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #1c1b1b;
	margin-bottom:20px;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.photo-text .text-box .list ul li{
	position: relative;
	padding-left:18px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
	margin-bottom:5px;
}
.photo-text .text-box .list ul li a{
    	color: #1C1B1B;
}
.photo-text .text-box .list ul li a:hover{
    	color: #0064B6;
}
.photo-text .text-box .list ul li::after{
	content:"";
	width: 7px;
	height: 7px;
	background: #8B847C;
	border-radius: 50%;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3.5px;
}
.photo-text .text-box .share{
	display: flex;
	margin:40px 0 20px;
}
.photo-text .text-box .share span{letter-spacing:0.2em;}
.photo-text .text-box .share a{
	width:21px;
	height:21px;
	margin-left:10px;
	transition: all 0.6s;
}
.photo-text .text-box .share a:first-child{margin-left:0;}
.photo-text .text-box .share a.fc{background:url(../images/h-s-01-s.png) no-repeat center;}
.photo-text .text-box .share a.ins{background:url(../images/h-s-02-s.png) no-repeat center;}
.photo-text .text-box .share a.tw{background:url(../images/h-s-03-s.png) no-repeat center;}
.photo-text .text-box .share a.pin{background:url(../images/h-s-04-s.png) no-repeat center;}
.photo-text .text-box.share a.ind{background:url(../images/h-s-05-s.png) no-repeat center;}
.photo-text .text-box .share a.ytb{background:url(../images/h-s-06-s.png) no-repeat center;}
.photo-text .text-box .share a.tik{background:url(../images/h-s-07-s.png) no-repeat center;}
.photo-text .text-box .share a:hover.fc{background:url(../images/h-s-01-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.ins{background:url(../images/h-s-02-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.tw{background:url(../images/h-s-03-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.pin{background:url(../images/h-s-04-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.ind{background:url(../images/h-s-05-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.ytb{background:url(../images/h-s-06-h.png) no-repeat center;}
.photo-text .text-box .share a:hover.tik{background:url(../images/h-s-07-h.png) no-repeat center;}
.photo-text .text-box .bt-box a{
	width: 100%;
	height: 51px;
	background: #000;
	border: 1px solid #000000;
	line-height:51px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	display: block;
	margin-bottom:14px;
	transition: all 0.6s;
}
.photo-text .text-box .bt-box a:hover{
	color:#FFFFFF;
}
.photo-text .text-box .bt-box a.button::after{
	background:#FFFFFF;
}
.detail-box .dit-tit{
	font-size: 20px;
	font-weight: 500;
	color: #1c1b1b;
	text-transform: uppercase;
	padding:0 5% 35px;
	border-bottom:1px solid #BEB8B3;
	letter-spacing:0.2em;
}
.detail-box .advantage{
	padding:0 5%;
	margin:50px 0 140px;
}
.detail-box .advantage .img-box{
	width:48%;
	float:left;
	overflow: hidden;
}
.advantage .img-box img{width:100%;height:auto;transition: all 0.6s;transform: scale(1);}
.advantage .img-box img:hover{transform: scale(1.1);}
.advantage .text-box{width:48%;float:right;}
.advantage .text-box .hcadv-tit{
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	letter-spacing:0.2em;
	text-transform: uppercase;
}
.advantage .text-box .hcadv-list ul li{
	margin-top:25px;
	border:1px dotted #8B847C;
	border-radius: 28px;
	position: relative;
	height:56px;
	line-height:56px;
	padding:0 20px 0 76px;
}
.advantage .text-box .hcadv-list ul li span{
	display: block;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
}
.advantage .text-box .hcadv-list ul li i{
	position: absolute;
	left:-1px;
	top:0;
	width: 56px;
	height: 56px;
	background: #8B847C;
	border-radius: 50%;
	text-align: center;
	line-height:56px;
	font-size: 30px;
	font-weight: 700;
	color: #FFFFFF;
}
.product-big-pic{
	padding:0 5%;
	margin-bottom:140px;
}
.product-big-pic .bigswiper{
	float:left;
	width:40%;
	float:left;
}
.product-big-pic .small-box{
	float:right;
	width:100%;
}
.product-big-pic .swiper-slide{border-radius:50%;overflow: hidden;}
.product-big-pic .swiper-slide img{width:100%;height:auto;border-radius:50%;}
.product-big-pic .small-box .tit{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 24px;
	padding-left:55px;
	letter-spacing:0.2em;
}
.product-big-pic .small-box .tips{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
	margin:30px 0 100px;
	padding-left:55px;
}
.product-big-pic .small-box .bt{
	position: relative;
	width:132px;
	height:56px;
	margin-bottom:50px;
	margin-left:55px;
	z-index:0;
}
.small-box .bt .swiper-button-next:after, .small-box .bt .swiper-button-prev:after{display:none;}
.small-box .bt .swiper-button-next ,.small-box .bt .swiper-button-prev{
	width: 56px;
	height: 56px;
	background: #8B847C;
	border-radius: 50%;
	margin-top:-28px;
	transition: all 0.6s;
}
.small-box .bt .swiper-button-next:hover ,.small-box .bt .swiper-button-prev:hover{
	background:#1c1b1b;
}
.small-box .bt .swiper-button-prev{left:0;}
.small-box .bt .swiper-button-next{right:0;}
.small-box .bt .swiper-button-next i,.small-box .bt .swiper-button-prev i{
	font-size:20px;
	color:#FFFFFF;
}
.appliction .tit{
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	margin-bottom:45px;
	letter-spacing:0.2em;
}
.appswiper{
	padding:0 5%;
	text-align: center;
	margin-bottom:140px;
}
.appswiper .swiper-slide img{width:100%;height:auto;}
.appswiper .swiper-slide{transform: scale(1);transition: all 0.6s;}
.appswiper .swiper-slide.swiper-slide-active{transform: scale(1.3);transform-origin: bottom center;}
.appswiper .swiper-slide.swiper-slide-active::after{
	content:'';
	background:url(../images/big-pic-icon.png) no-repeat center;
	width:38px;
	height:38px;
	right:17px;
	top:17px;
	position: absolute;
	z-index:3;
	transform: scale(0.7);
}
.appswiper .swiper{padding-top:120px;}
.appswiper .arrow-box{position: relative;z-index:2;text-align: center;padding:0 30px;margin:30px auto 0;display: inline-block;}
.appswiper .arrow-box .swiper-pagination{position: relative;bottom:0;}
.appswiper .arrow-box .swiper-button-next, .appswiper .arrow-box .swiper-button-prev{width:8px;height:14px;margin-top:-7px;}
.appswiper .arrow-box .swiper-button-prev{background:url(../images/honor-left.png) no-repeat center;}
.appswiper .arrow-box .swiper-button-next{background:url(../images/honor-right.png) no-repeat center;}
.appswiper .arrow-box .swiper-pagination-bullet{margin:0 8px;display: inline-block;background:#A6937C;border:1px solid transparent;opacity:1;transition: all 0.4s;width:7px;height:7px;}
.appswiper .arrow-box .swiper-pagination-bullet-active{transform: scale(1.3);background:#FFFFFF;border: 1px solid #6A6A6A;}
.appswiper .arrow-box .swiper-button-next:after, .appswiper .arrow-box .swiper-button-prev:after{display:none;}
.msg-box{
	padding:0 0 140px;
}
.msg-box .msg-tit{
	padding:0 5% 35px;
	border-bottom:1px solid #BEB8B3;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	line-height:1;
	letter-spacing:0.2em;
}
.msg-box .msg-form{
	padding:40px 5% 0;
}
.m-w-1428{
	max-width:1468px;
	margin:0 auto;
}
.service-box{
	padding:70px 0 118px;
}
.service-box .service-tit{text-align: center;margin-bottom:45px;}
.service-box .service-tit h1{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	padding-bottom:18px;
	text-transform:uppercase;
	position: relative;
	letter-spacing:0.2em;
}
.service-box .service-tit h1::after{
	content: '';
	width: 22px;
	height: 1px;
	position: absolute;
	left:50%;
	bottom:0;
	margin-left:-11px;
	border-bottom: 3px solid #8B847C;
}
.service-box .service-tit p{
	max-width: 987px;
	margin:0 auto;
	font-size: 12px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 20px;
	margin-top:16px;
	text-transform:uppercase;
	letter-spacing: 0.2em;
}
.service-box .service-list ul{display: flex;flex-wrap: wrap;}
.service-box .service-list ul li{
	width:32%;
	float:left;
	margin-left:2%;
	margin-bottom:22px;
	background: #FFFFFF;
	border: 1px solid #EBE6DF;
	box-sizing:border-box;
	text-align: center;
	padding:40px;
	transition:all 0.6s;
	transform: translateY(0);
}
.service-box .service-list ul li:hover{
	transform: translateY(-5px);
	box-shadow: 0px 4px 20px 0px rgba(19, 19, 19, 0.15);
}
.service-box .service-list ul li:nth-child(3n+1){margin-left:0;}
.service-list ul li a{display: block;}
.service-list ul li .i-box{
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:85px;
	margin:0 auto;
}
.service-list ul li .i-box img{max-width:100%;height:auto;}
.service-list ul li .t{
	margin:20px 0;
	font-size: 16px;
	font-weight: 500;
	color: #1C1B1B;
	letter-spacing:0.2em;
	text-transform: uppercase;
}
.service-list ul li .tips{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 18px;
}
.service-faq .page-box{padding:28px 0 0;}
.service-faq ul li{
	width:49%;
	float:left;
	padding:40px;
	background: #FFFFFF;
	border: 1px solid #EBE6DF;
	box-sizing:border-box;
	margin-bottom:22px;
	transform: translateY(0);
	transition:all 0.6s;
}
.service-faq ul li:hover{
	transform: translateY(-5px);
	box-shadow: 0px 4px 20px 0px rgba(19, 19, 19, 0.15);
}
.service-faq ul li:nth-child(even){float:right;}
.service-faq ul li a{display: block;}
.service-faq ul li a .t{
	letter-spacing:0.2em;
	height: 36px;
	overflow:hidden;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 18px;
	text-transform: uppercase;
}
.service-faq ul li a .d{
	height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 20px;
	margin-top:20px;
	overflow: hidden;
}
.m-w-1280{
	max-width:1320px;
	margin:0 auto;
}
.service-detail{
	padding:0 0 140px;
}
.service-detail .ser-tit{
	padding:70px 0;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.service-detail .ser-content img ,.service-detail .ser-content iframe{
	max-width:100%;
	height:auto;
}
.how-to-box{padding-bottom:140px;}
.how-to-box .wt-tit{
	padding:70px 0;
	text-align: center;
}
.how-to-box .wt-tit h6{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.how-to-box .wt-tit p{
	max-width:1280px;
	margin:30px auto 0;
	text-transform: uppercase;
	line-height:2;
	letter-spacing:0.2em;
	color:#1C1B1B;
}
.how-to-box .wt-list ul li{
	padding-left:41%;
	display: flex;
	align-items: center;
	background:url(../images/who-to-line-01.png) no-repeat 48% center;
}
.how-to-box .wt-list ul li:nth-child(even){
	padding-right:41%;
	padding-left:0;
	flex-direction:row-reverse;
	background:url(../images/who-to-line-02.png) no-repeat 48% center;
}
.how-to-box .wt-list ul li .num{
	width: 106px;
	height: 106px;
	background: #8B847C;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 60px;
	font-weight:700;
	color: #FFFFFF;
	margin-right:15%;
}
.how-to-box .wt-list ul li:nth-child(even) .num{margin-right:0;margin-left:15%;}
.how-to-box .wt-list ul li .tit{
	background:url(../images/how-to-left.png) no-repeat center;
	padding:5px 13px 27px 13px;
	width:322px;
	height:313px;
	box-sizing:border-box;
	position: relative;
}
.how-to-box .wt-list ul li .tit::after{
	content: '';
	width:40%;
	height:1px;
	background:#BEB8B3;
	position: absolute;
	left:-40%;
	top:50%;
}
.how-to-box .wt-list ul li:nth-child(even) .tit::after{
	content: '';
	width:40%;
	height:1px;
	background:#BEB8B3;
	position: absolute;
	left:auto;
	right:-40%;
	top:50%;
}
.how-to-box .wt-list ul li .tit .img-box{
	width:100%;
	border-radius:50%;
	overflow:hidden;
}
.how-to-box .wt-list ul li .tit .img-box img{width:100%;height:auto;
/* 	-webkit-filter: brightness(50%);
    filter: brightness(50%); */
    transition: all 0.6s;
}
.how-to-box .wt-list ul li .tit:hover .img-box img{
	-webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.how-to-box .wt-list ul li .tit .text-box{
	position: absolute;
	top:5px;
	right:14px;
	bottom:12px;
	left:13px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:3;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	letter-spacing:0.2em;
}
.how-to-box .wt-list ul li.act .dis{opacity:1;visibility: visible;}
.how-to-box .wt-list ul li .dis{
	width: 330px;
	height: 330px;
	background: #F8F8F8;
	border-radius: 50%;
	box-sizing:border-box;
	padding:0 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity:0;
	visibility: hidden;
}
.how-to-box .wt-list ul li .dis a{
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 30px;
	text-transform: uppercase;
}
.how-to-box .wt-list ul li .dis a:hover{
	text-decoration: underline;
}
.m-w-1506{
	max-width:1546px;
	margin:0 auto;
}
.blog-list{
	padding:0 0 70px;
}
.blog-tit{
	text-align: center;
	padding:70px 0 40px;
	font-size: 20px;
	font-weight: 500;
	color: #1c1b1b;
	line-height: 14px;
	text-transform: uppercase;
}
.hot-blog{
	position: relative;
}
.hot-blog .img-box{position: relative;display: block;}
.hot-blog .img-box img{width:100%;height:auto;}
.hot-blog .text-box{
	position: absolute;
	left:60px;
	bottom:54px;
	max-width:570px;
}
.hot-blog .text-box .t{
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
}
.hot-blog .text-box .d{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	margin:15px 0 25px;
}
.hot-blog .text-box .more{
	width: 153px;
	height: 43px;
	background: transparent;
	display: block;
	text-align: center;
	line-height:43px;
	border:1px solid #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	transition: all 0.6s;
}
.hot-blog .text-box .more:hover{color:#FFFFFF;}

.blog-list .ib-list ul li{
	width:30%;
	float:left;
	margin-left:5%;
	margin-top:70px;
}
.blog-list .ib-list ul li:nth-child(3n+1){margin-left:0;}
.blog-list .ib-list ul li .img-box{
	display: block;
	padding-bottom:62.22222%;
	overflow: hidden;
	position: relative;
}
.blog-list .ib-list ul li .img-box img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	transition: all 0.6s;
	transform: scale(1);
}
.blog-list .ib-list ul li .img-box:hover img{
	transform: scale(1.1);
}
.blog-list .ib-list ul li .text{
	padding:25px 0 0;
}
.blog-list .ib-list ul li .text .tag{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	text-transform: uppercase;
	line-height:1;
}
.blog-list .ib-list ul li .text .tit{
	display: block;
	height: 60px;
	font-size: 20px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing:0.2em;
	margin:20px 0;
}
.blog-list .ib-list ul li .text .tips{
	height: 48px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
	overflow: hidden;
	margin-bottom:20px;
}
.blog-list .ib-list ul li .text .more{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	transition: all 0.6s;
}
.blog-list .ib-list ul li .text .more:hover{text-decoration: underline;}
.rp-product .hot-list ul li:nth-child(3n+1){margin-left:0;}
.rp-product .hot-list ul li{width:32%;margin-left:2%;}
.blog-dis{
	padding-left:174px;
	position: relative;
	margin-top:60px;
}
.blog-dis .time-share{
	position: absolute;
	left:0;
	top:0;
	width:100px;
}
.blog-dis .time-share .time{
	width: 100px;
	height: 100px;
	background: #FFFFFF;
	border: 1px solid #EBE6DF;
	opacity: 0.98;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.blog-dis .time-share .time b{
	font-size: 56px;
	font-weight: 700;
	line-height:1;
	color: #1C1B1B;
}
.blog-dis .time-share .time span{
	font-size: 18px;
	font-weight: 500;
	color: #1C1B1B;
}
.blog-dis .time-share .share{
	padding-top:22px;
}
.blog-dis .time-share .share a{
	width: 58px;
	height: 58px;
	border: 1px solid #EBE6DF;
	border-radius: 50%;
	display: block;
	margin:0 auto 14px;
}
.blog-dis .time-share .share a.fc{background:#FFFFFF url(../images/h-s-01-s.png) no-repeat center;}
.blog-dis .time-share .share a.ins{background:#FFFFFF url(../images/h-s-02-s.png) no-repeat center;}
.blog-dis .time-share .share a.tw{background:#FFFFFF url(../images/h-s-03-s.png) no-repeat center;}
.blog-dis .time-share .share a.pin{background:#FFFFFF url(../images/h-s-04-s.png) no-repeat center;}
.blog-dis .time-share .share a.ind{background:#FFFFFF url(../images/h-s-05-s.png) no-repeat center;}
.blog-dis .time-share .share a.ytb{background:#FFFFFF url(../images/h-s-06-s.png) no-repeat center;}
.blog-dis .time-share .share a.tik{background:#FFFFFF url(../images/h-s-07-s.png) no-repeat center;}
.blog-dis .time-share .share a:hover.fc{background:#FFFFFF url(../images/h-s-01-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.ins{background:#FFFFFF url(../images/h-s-02-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.tw{background:#FFFFFF url(../images/h-s-03-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.pin{background:#FFFFFF url(../images/h-s-04-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.ind{background:#FFFFFF url(../images/h-s-05-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.ytb{background:#FFFFFF url(../images/h-s-06-h.png) no-repeat center;}
.blog-dis .time-share .share a:hover.tik{background:#FFFFFF url(../images/h-s-07-h.png) no-repeat center;}
.blog-dis .dis-edit .title{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	margin-bottom:40px;
}
.blog-dis .dis-edit .edit-box img ,.blog-dis .dis-edit .edit-box iframe{max-width:100%;height:auto;}
.blog-dis .dis-edit .blog-page{
	margin-top:90px;
	padding:35px 0;
	border-top:1px solid #BEB8B3;
}
.blog-dis .dis-edit .blog-page p{
	font-size: 14px;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
}
.blog-dis .dis-edit .blog-page p a{
	color: #1C1B1B;
	text-transform: uppercase;
}
.blog-dis .dis-edit .blog-page p a:hover{text-decoration: underline;}

.testimonial-padding{
	padding:70px 4.5% 90px;
}
.testimonial-box{
	position: relative;
	padding-right:173px;
	min-height:970px;
}
.testimonial-box .date{
	position: absolute;
	right:0;
	top:0;
	width:124px;
}
.testimonial-box .date ul li{
	margin-bottom:45px;
}
.testimonial-box .date ul li .num{display:flex;}
.testimonial-box .date ul li .num i{
	width: 26px;
	height: 26px;
	position:relative;
	border:1px solid #BEB8B3;
	border-radius:50%;
	display: inline-block;
	transition: all 0.6s;
}
.testimonial-box .date ul li.act .num{transform: scale(1.2);transform-origin: left;}
.testimonial-box .date ul li.act .num i{border:1px solid #1C1B1B;}
.testimonial-box .date ul li.act .num i::after{background:#1C1B1B;}
.testimonial-box .date ul li .num i::after{
	content: '';
	width:16px;
	height:16px;
	background:#BEB8B3;
	position: absolute;
	left:50%;
	top:50%;
	margin:-8px 0 0 -8px;
	border-radius:50%;
}
.testimonial-box .date ul li .num span{
	font-size: 18px;
	font-weight: 400;
	color: #BEB8B3;
	display: inline-block;
	margin-left:10px;
}
.testimonial-box .date ul li.act .num span{color:#1C1B1B;}
.testimonial-box .date ul li .icon{margin-top:45px;opacity:0.3;}
.testimonial-box .date ul li:last-child .icon{display:none;}
.testimonial-list ul li{
	background: #FFFFFF;
	border: 1px solid #EBE6DF;
	width:100%;
	float:none;
	margin-bottom:27px;
	transition: all 0.6s;
	overflow: hidden;
}
.testimonial-list ul li:hover{
	box-shadow: 0px 2px 10px 0px rgba(19, 19, 19, 0.15);
}
.testimonial-list ul li:nth-child(even){float:right;}
.testimonial-list ul li .img-box{display: block;width:30%;float:left;position: relative;}
.testimonial-list ul li .img-box.video-play::after{
	content: '';
	background:url(../images/play-icon-01s.png) no-repeat center;
	width:119px;
	height:119px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-59.5px;
	margin-left:-59.5px;
	z-index:3;
}
.testimonial-list ul li .img-box img{width:100%;height:auto;}
.testimonial-list ul li .text-box{width:70%;float:right;box-sizing:border-box;padding:40px 40px 20px;position: relative;height:100%;}
.testimonial-list ul li .text-box .gj-icon{
	position: absolute;
	max-width:44px;
	right:20px;
	top:20px;
	z-index:3;
}
.testimonial-list ul li .text-box .name{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	line-height: 28px;
	letter-spacing:0.2em;
}
.testimonial-list ul li .text-box .d{
	height: 140px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 20px;
	overflow: hidden;
	margin:10px 0 50px;
}
.testimonial-list ul li .text-box .time{text-align: right;}
.testimonial-list .page-box{padding-top:23px;}
.about-company{
	padding:50px 0 140px;
}
.about-company .text-box{width:48%;float:left;}
.about-company .text-box .t{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.about-company .text-box .d{
	margin:20px 0 50px;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
}
.about-company .text-box .more{
	width:212px;
	height:42px;
	text-align: center;
	line-height:42px;
	border:1px solid #1b1b1b;
	display: block;
	color:#FFFFFF;
	font-weight:400;
	text-transform: uppercase;
	transition: all 0.6s;
}
.about-company .text-box .more:hover{color:#1B1B1B;}
.about-company .text-box .more.button::after{
	background-color:#1B1B1B;
}
.about-company .pic-box{width:47%;float:right;box-sizing:border-box;padding-bottom:30px;padding-right:30px;position: relative;z-index:3;}
.about-company .pic-box::after{
	content:'';
	width:90%;
	height:90%;
	bottom:0;
	right:0;
	border:1px solid #e59a34;
	position: absolute;
	z-index:-1;
}
.about-company .pic-box a{display: block;position: relative;}
.about-company .pic-box a img{width:100%;height:auto;}
.about-company .pic-box a::after{
	content: '';
	background:url(../images/paly-icon.png) no-repeat center;
	width:154px;
	height:154px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-77px 0 0 -77px;
}
.about-map{
	padding:70px 0 50px;
	background:#fafafa;
}
.about-map .am-tit{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	margin-bottom:40px;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.about-map .am-fixed .img-box{
	width:65%;
	float:left;
}
.about-map .am-fixed .img-box img{width:100%;height:auto;}
.about-map .am-fixed .text-box{
	width:32%;
	float:right;
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
}
.m-w-1580{
	max-width:1620px;
	margin:0 auto;
}
.about-advantage{
	padding:140px 0;
}
.about-advantage .aa-tit{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.about-advantage .aa-list ul li{margin-top:80px;display: flex;flex-direction: row;}
.about-advantage .aa-list ul li:nth-child(even){flex-direction: row-reverse;}
.about-advantage .aa-list ul li .img-box{width:26%;}
.about-advantage .aa-list ul li .img-box img{width:100%;height:auto;}
.about-advantage .aa-list ul li .text-box{width:70%;margin-left:4%;}
.about-advantage .aa-list ul li:nth-child(even) .text-box{margin-left:0;margin-right:4%;text-align: right;}
.about-advantage .aa-list ul li .text-box dd{
	position:relative;
	padding-left:70px;
	margin-top:40px;
}
.about-advantage .aa-list ul li:nth-child(even) .text-box dd{
	padding-right:70px;
	padding-left:0;
}
.about-advantage .aa-list ul li .text-box dd:first-child{
	margin-top:0;
}
.about-advantage .aa-list ul li .text-box dd p{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
}
.about-advantage .aa-list ul li .text-box dd b{
	position: absolute;
	left:0;
	top:0;
	width:70px;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	color: #BEB8B3;
	line-height:1;
}
.about-advantage .aa-list ul li:nth-child(even) .text-box dd b{
	left:auto;
	right:0;
}
.about-our{
	padding:75px 0 95px;
	text-align: center;
	background-repeat:no-repeat;
	background-size:cover;
}
.about-our .ao-tit{
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	margin-bottom:50px;
	letter-spacing:0.2em;
}
.about-our .ao-text{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 36px;
}
.about-team{
	padding:100px 0 140px;
}
.about-team .at-tit{
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	margin-bottom:80px;
	letter-spacing:0.2em;
}
.about-team .at-list{background:url(../images/team-line.png) no-repeat center 75%;}
.about-team .at-list ul{display: flex;flex-wrap: wrap;justify-content: center;}
.about-team .at-list ul li{text-align: center;margin:0 72px;}
.about-team .at-list ul li .face-pic{
	max-width:200px;
	margin:0 auto 100px;
	position: relative;
}
.about-team .at-list ul li .face-pic::after{
	content: '';
	width: 7px;
	height: 7px;
	background: #9A5632;
	border-radius: 50%;
	position: absolute;
	left:50%;
	margin-left:-3.5px;
	bottom:-70px;
}
.about-team .at-list ul li .face-pic img{width:100%;height:auto;border-radius:50%;overflow: hidden;}
.about-team .at-list ul li .name b{
	font-size: 18px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 28px;
}
.about-team .at-list ul li .name p{
	font-size: 14px;
	font-weight: 400;
	color: #1C1B1B;
	line-height: 24px;
}
.about-cert{
	padding:0 0 140px;
	text-align: center;
}
.about-cert .cert-tit{
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	margin-bottom:50px;
	letter-spacing:0.2em;
}

.about-cert .cert-pic img{max-width:100%;height:auto;}
.contact-pic-box{position: relative;}
.contact-pic-box .img-box{position: relative}
.contact-pic-box .img-box img{width:100%;height:auto;}
.contact-pic-box .text-pop{
	position: absolute;
	left:9.7%;
	bottom:5%;
	max-width:790px;
}
.contact-pic-box .text-pop .t{
	margin-bottom:10%;
	padding-left:30px;
}
.contact-pic-box .text-pop .t h1{
	font-size: 20px;
	font-weight: 500;
	color: #FDFDFD;
	text-transform: uppercase;
	margin-bottom:20px;
	letter-spacing:0.2em;
}
.contact-pic-box .text-pop .t p{
	font-size: 12px;
	font-weight: 400;
	color: #FDFDFD;
	line-height: 18px;
	text-transform: uppercase;
}
.contact-pic-box .text-pop .tel-add{
	display: flex;
	flex-wrap: wrap;
}
.contact-pic-box a ,.contact-pic-box span{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.contact-pic-box .tel{
	padding-left:30px;
	background:url(../images/contact-icon-01.png) no-repeat left center;
	margin-right:80px;
	
}
.contact-pic-box a:hover{text-decoration: underline;}
.contact-pic-box .add{
	padding-left:30px;
	background:url(../images/contact-icon-02.png) no-repeat left center;
}
.contact-pic-box .mail{
	margin-top:30px;
	margin-bottom:10%;
	padding-left:30px;
	background:url(../images/contact-icon-03.png) no-repeat left 5px;
}
.contact-pic-box .mail a{
	display: block;
	margin-bottom:10px;
}
.contact-pic-box .down-tips{opacity:0.6;}
.contact-box{background:url(../images/contact-pic-02.jpg) no-repeat center;padding:150px 0 200px;}
.contact-box .t{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #1C1B1B;
	text-transform: uppercase;
	margin-bottom:30px;
	letter-spacing:0.2em;
}
.photo .swiper-pagination{display:none;}

.index-blog .mores{
	width: 266px;
	height: 43px;
	line-height:43px;
	text-align: center;
	color:#FFFFFF;
	font-weight:500;
	font-size:12px;
	text-transform: uppercase;
	display: block;
	margin:45px auto 0;
	border: 1px solid #000000;
	transition: all 0.6s;
}
.index-blog .mores:hover{color:#000000;}
.index-blog .button::after{
	background-color:#000000;
}
.contact-form{max-width:796px;margin:0 auto;}
.contact-form .xhl-input-xlarge{border: 1px solid #1C1B1B;}
.contact-form .xhl-controls .xhl-textarea{border: 1px solid #1C1B1B;}
.contact-form #xhlFormSubmit{
	width: 100%;
	height: 38px;
	background: transparent;
	border: 1px solid #8B847C;
	margin:0;
	border-radius:0;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 38px;
	position: relative;
	z-index:3;
}
.contact-form #xhlFormSubmit::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	transform-origin: left center;
	transform:scale(1, 1);
	transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index:-1;
}
.contact-form #xhlFormSubmit:hover::after{
	transform-origin: right center;
	transform:scale(0, 1);
}
.contact-form #xhlFormSubmit:hover{color:#000;}

@media screen and (max-width: 1919px) {
	.testimonial-box{max-width:1280px;margin:0 auto;box-sizing:border-box;}
	.testimonial-list ul li .text-box .d{height:60px;margin-bottom:20px;}
}
@media screen and (max-width: 1700px) {
	.ms-w-1640{max-width:1280px;}
}
@media screen and (max-width: 1600px) {
	.how-to-box .wt-list ul li .num{width:50px;height:50px;font-size:20px;margin-right:5%;}
	.how-to-box .wt-list ul li:nth-child(even) .num{margin-left:5%;}
	.how-to-box .wt-list ul li .tit::after{width:10%;left:-10%;}
	.how-to-box .wt-list ul li:nth-child(even) .tit::after{width:10%;right:-10%;}
	.testimonial-list ul li .img-box.video-play::after{transform:scale(0.6);}
}


@media screen and (max-width: 1500px) {
	.header-nav #menuPc > ul > li{margin:0 10px;padding:0 10px;}
	.header-top .h-t-fixed .tel-mail-sahre .tel-mail{margin-right:20px;}
	.business-list ul li.icon-list .num{font-size:30px;margin:20px 0 15px;padding-bottom:15px;}
	.business-list ul li .pop-box .number{font-size:40px;}
	.business-tit{padding:70px 0 60px;}
	.business-box{padding-bottom:50px;}
	.index-product{padding:70px 0;}
	.index-choose{padding:70px 0;}
	.index-what-to-do{padding:70px 0;}
	.index-blog{padding-bottom:70px;}
	.footer-top{padding:55px 0;}
	.index-what-to-do .iwtd-m{padding-bottom:60px;}
	.about-team .at-list ul li{margin:0 35px;}
	.about-company{padding:50px 0 70px;}
	.about-advantage{padding:70px 0;}
	.about-cert{padding:0 0 70px;}
	.about-team{padding:50px 0 70px;}
	.hot-sales{padding:50px 0 70px;}
	.contact-pic-box .text-pop .t{margin-bottom:40px;}
	.contact-pic-box .mail{margin-bottom:40px;}
	.service-box{padding:70px 0 50px;}
	.how-to-box{padding:0 0 70px;}
	.m-w-1640{max-width:1280px;}
	.product-big-pic{margin-bottom:70px;}
	.service-detail{padding:0 0 70px;}
	
}

@media screen and (max-width: 1359px) {
	.header-nav #menuPc > ul > li{padding:0 10px;margin:0;}
	.header-top .h-t-fixed .h-t-tips{display:none;}
	.business-list ul li{width:49%;margin-left:0;}
	.business-list ul li:nth-child(even){float:right;margin-left:2%;}
	.business-list ul li.icon-list{width:100%;justify-content: center;}
	.business-list ul:nth-child(2){flex-direction:row;}
	.business-list ul:nth-child(2) li:nth-child(3n+1){margin-left:0;}
	.index-never-worry .inw-inner .tag-list{padding:0 20px;box-sizing:border-box;justify-content: center;}
	.index-never-worry .inw-inner .tag-list a{width:30%;margin:25px 0;justify-content: center;}
	.index-choose-list ul li .pop-box p{font-size:12px;line-height:22px;margin-top:5px;height:66px;}
	.index-choose-list ul li .pop-box{padding:5px;}
	.index-leoo-inner .text-box{padding-top:0;}
	.index-leoo-inner .text-box .tips{margin:30px auto 35px;}
	.about-company .text-box{width:100%;float:none;}
	.about-company .pic-box{width:100%;float:none;margin-top:40px;}
	.crumbs-box{padding:12px 20px;}
	.about-map .am-fixed .img-box{width:100%;float:none;}
	.about-map .am-fixed .text-box{width:100%;float:none;margin-top:20px;}
	.about-team .at-list ul li{margin:0 15px;}
	.about-advantage .aa-list ul li{margin-top:40px;}
	.contact-pic-box .img-box{height:600px;}
	.contact-pic-box .img-box img{height:100%;object-fit:cover;}
	.how-to-box .wt-list ul li{padding-left:0;display:block;margin-bottom:40px;background:none;}
	.how-to-box .wt-list{background:url(../images/s-line.png) repeat-y center top;}
	.how-to-box .wt-list ul li:nth-child(even){padding-right:0;background:none;}
	.how-to-box .wt-list ul li .num{margin:0 auto 20px;}
	.how-to-box .wt-list ul li .dis{display:none;margin:0 auto;}
	.how-to-box .wt-list ul li.act .dis{display: flex;}
	.how-to-box .wt-list ul li:nth-child(even) .num{margin:0 auto 20px;}
	.how-to-box .wt-list ul li:nth-child(even) .tit::after{display:none;}
	.how-to-box .wt-list ul li .tit::after{display:none;}
	.how-to-box .wt-list ul li .tit{margin:0 auto 20px;}
	.m-w-1640{max-width:1000px;}
	.ms-w-1640{max-width:1000px;}
	.photo-text .photo{width:100%;float:none;}
	.photo-text .text-box{width:100%;float:none;margin-top:40px;}
	.detail-box .advantage .img-box{width:100%;float:none;}
	.advantage .text-box{width:100%;float:none;margin-top:40px;}
	.testimonial-box{max-width:900px;margin:0 auto;box-sizing:border-box;}
	.testimonial-list ul li .img-box{width:100%;float:none;}
	.testimonial-list ul li .text-box{width:100%;float:none;}
	.product-box .pro-menu ul li dt a{font-size:12px;}
	.never-box{
	    height: 280px;
	}
}
@media screen and (max-width: 1100px) {
	.header-nav #menuPc > ul > li{padding:0 5px;}
}











@media screen and (max-width: 1023px) {
    .service-faq ul li a .d,.service-faq ul li a .t{
        height: auto;
    }
    .wap-ss{
        display: block;
        position: absolute;
        right:65px;
        top: 50%;
        transform: translateY(-50%);
    }
    .wap-ss img{
        height: 26px;
    }
	#menuPc {
		display: none;
	}
	
	#menuWap {
		display: block;
		opacity:0;
	}
	#menuWap.mm-menu{opacity:1;}
	#page {
		background: #FFFFFF;
	}
	html.mm-blocking body{overflow:initial;}
	#mm-blocker{background:rgba(0,0,0,0.2);transition:all 0.4s;}
	.header{position:sticky;top:0;width:100%;z-index:99999;}
	.btn-nav {
		position: absolute;
		right:20px;
		top:50%;
		transform:translatey(-50%);
		background: transparent;
		border: none;
/* 		padding: 9px 0; */
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 99999;
		display: block;
		width: 30px;
		float: right;
	}

	.icon-bar {
		display: block;
		margin: 6px 0;
		width: 30px;
		height: 3px;
		background-color: #FFFFFF;
		box-shadow: 0 1px 1px #000000;
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;
		z-index: 999999;
	}

	.mm-opening .top {
		-webkit-transform: translateY(8px) rotateZ(45deg);
		-moz-transform: translateY(8px) rotateZ(45deg);
		-ms-transform: translateY(8px) rotateZ(45deg);
		-o-transform: translateY(8px) rotateZ(45deg);
		transform: translateY(8px) rotateZ(45deg);
	}

	.mm-opening .bottom {
		-webkit-transform: translateY(-10px) rotateZ(-45deg);
		-moz-transform: translateY(-10px) rotateZ(-45deg);
		-ms-transform: translateY(-10px) rotateZ(-45deg);
		-o-transform: translateY(-10px) rotateZ(-45deg);
		transform: translateY(-10px) rotateZ(-45deg);
	}

	.mm-opening .middle {
		width: 0;
	}

	.banner .bg-box {
		display: none;
	}

	.banner .banner-content {
		padding:0 20px;
		bottom:40px;
		
	}
	.swiper-slide .banner-content .big-tit{margin:10px 0 20px;}
	.swiper-slide .banner-content .bt{width:120px;height:30px;line-height:30px;font-size:12px;}
	.banner .wap-box {
		display: block;
	}
	
	.banner .swiper-slide .video-box{
		display:none;
	}
	.header-top .h-t-fixed .tel-mail-sahre .tel-mail{display:none;}
	.header-nav{position: absolute;margin-bottom:0;border-bottom:none;}
	.header-top .h-t-fixed .tel-mail-sahre .share{display:none;}
	.header-top .h-t-fixed .logo{padding-left:20px;}
	.banner .swiper-pagination{padding-right:20px;bottom:10px;}
	.business-list ul li{width:100%;float:none;}
	.business-list ul li:nth-child(even){margin-left:0;}
	.never-box .nb-mw{padding:0 20px;}
	.index-pro-tit .tag-box a{font-size:12px;margin:0 10px;}
	.index-pro-tit .tag-box{margin:30px 0;}
	.index-pro-list .con ul li{width:48%;float:left;margin-left:0;}
	.index-pro-list .con ul li:nth-child(even){float:right;}
	.index-never-worry .inw-inner .tag-list{margin-top:20px;}
	.index-never-worry .inw-inner .tag-list a{width:50%;margin:15px 0;text-align:center;}
	.index-choose-list ul li{width:48%;margin-left:0;}
	.index-choose-list ul li:nth-child(even){margin-left:4%;}
	.index-choose-list ul li:last-child{margin:0 auto;}
	.index-leoo-inner .text-box{width:100%;float:none;margin-bottom:20px;}
	.iwtd-swiper{padding:0 20px;}
	.index-blog .ib-list ul li{width:100%;float:none;margin-left:0;margin-bottom:20px;}
	.footer-top .f-nav-list{width:100%;float:none;}
	.footer-top .f-nav-list dl{width:100%;float:none;margin-top:40px;}
	.footer-top .f-nav-list dl.f-nav-dl{width:48%;}
	.footer-top .f-nav-list dl dd{margin-top:20px;}
	.footer-top .logo-share{float:none;width:100%;}
	.footer-copy{padding:20px;}
	.footer-copy .copy{float:none;}
	.footer-copy .pay-icon{float:none;width:100%;}
	.footer-copy .pay-icon a{margin-bottom:5px;}
	.about-advantage .aa-list ul{display: block;}
	.about-advantage .aa-list ul li{display:block;}
	.about-advantage .aa-list ul li .img-box{width:100%;margin-bottom:40px;}
	.about-advantage .aa-list ul li .text-box{width:100%;float:none;margin-left:0;}
	.about-advantage .aa-list ul li:nth-child(even) .text-box dd{padding-right:0;text-align: left;padding-left:70px;}
	.about-advantage .aa-list ul li:nth-child(even) .text-box dd b{left:0;right:auto;}
	.about-our .ao-text{padding:0 20px;}
	.about-team .at-list{background:none;}
	.about-team .at-list ul li{margin-top:40px;}
	.about-team .at-list ul li:first-child{margin-top:0;}
	.inner-banner{min-height:0;}
	.hot-blog .text-box{position:relative;left:0;bottom:0;max-width:100%;margin-top:20px;}
	.hot-blog .text-box .t{color:#1B1B1B;}
	.hot-blog .text-box .d{color:#1B1B1B;}
	.hot-blog .text-box .more{border-color:#1B1B1B;background:#FFFFFF;}
	.hot-blog .text-box .more:hover{color:#1B1B1B;}
	.blog-list .ib-list ul li{width:100%;float:none;margin-left:0;}
	.blog-list{padding:0 0 0;}
	.blog-dis{padding-left:0;}
	.blog-dis .time-share{position: relative;width:100%;display: flex;margin-bottom:40px;}
	.blog-dis .time-share .share{display:none;}
	.rp-product .hot-list ul li{width:100%;float:none;margin-left:0;}
	.contact-pic-box .text-pop{max-width:100%;box-sizing:border-box;padding-right:20px;}
	.contact-pic-box .tel{display: block;margin-bottom:20px;}
	.service-faq ul li{width:100%;}
	.content-box .product-box .pro-menu{float:none;width:100%;}
	.product-box .pro-menu ul li dd a{display:inline-block;margin-right:15px;}
	.content-box .product-box .pro-list{width:100%;float:none;padding-top:35px;border-top:1px solid #beb8b3;}
	.content-box .product-box .pro-list ul li{width:49%;margin-left:0;}
	.content-box .product-box .pro-list ul li:nth-child(even){margin-left:2%;}
	.hot-list ul li{width:49%;margin-left:0;}
	.hot-list ul li:nth-child(even){margin-left:2%;}
	.photo-text .photo{padding-left:0;}
	.photo-text .photo .mySwiper1{display:none;}
	.photo .swiper-pagination{display: block;}
	.photo .swiper-pagination-bullet-active{background:#1B1B1B;}
	.product-big-pic .bigswiper{float:none;width:100%;}
	.product-big-pic .small-box{float:none;width:100%;margin-top:20px;}
	.product-big-pic .small-box .tips{margin:20px 0;padding-left:0;}
	.product-big-pic .small-box .tit{padding-left:0;text-align: center;}
	.product-big-pic .small-box .bt{margin:0 auto 20px;}
	.smallswiper{display:none;}
	.appswiper .swiper-slide.swiper-slide-active{transform: scale(1);}
	.appswiper .swiper{padding-top:0;}
	.appswiper{margin-bottom:40px;}
	.search-list ul li .li-inner .img-box{width:100%;float:none;}
	.search-list ul li .li-inner .img-text{width:100%;float:none;margin-top:20px;}
	.search-list .img-text .t a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}
	.service-box .service-list ul li{width:100%;float:none;margin-left:0;}
	.testimonial-box{padding-right:0;}
	.testimonial-list ul li{width:100%;float:none;margin-left:0;}
	.testimonial-list ul li:nth-child(even){float:none;}
	.content-box .product-box{padding:35px 0 35px;}
	.business-list ul li .pop-box .tips{font-size:14px;}
	.business-list ul li.icon-list .num{font-size:22px;}
	
	
	.testimonial-box{
		display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	}
	.testimonial-box .date{
		transform: scale(0.7);
    transform-origin: top;
		position:relative;
	}
	.testimonial-list{
		width:80%;
	}
}


.company-name{
    margin-top: 15px;
    font-size: 16px;
    color: #6A6A6A;
}

@media screen and (max-width: 768px){
    .footer-top .f-nav-list dl.f-nav-dl{width:100%;}

}



.search-list .img-text .m{
	margin-top:25px;
}

.product-columns {
    display: flex;
    gap: 30px; 
    flex-wrap: wrap; 
    margin: 0;
    padding: 0;
}

.product-column {
    flex: 1; 
    min-width: 200px; 
}
.product-column p {
    margin: 8px 0; 
}
.banner .swiper-slide-active .bg-box img {
    transform: scale(1) !important;
}
.banner .bg-box img {
    transform: scale(1) !important;
}
.never-box .never-bg {
    transform: scale(1) !important;
}
.index-leoo-inner .pic-list ul li .img-box img {
    transform: scale(1) !important;
}
.blog-list .ib-list ul li .img-box img {
    transform: scale(1) !important;
}
@media (max-width:768px){
	.sidebar-icons{
		display:none;
		opacity:0;
	}
}
@media (max-width:1440px) and (min-width:1360px){
	.about-company .pic-box{
		transform:translatey(50%);
	}
}
.blog-tit h1 {
    text-align: center;
    padding: 70px 0 40px;
    font-size: 20px;
    font-weight: 500;
    color: #1c1b1b;
    line-height: 14px;
    text-transform: uppercase;
}
.blog-dis .dis-edit .title h1{
    font-size: 20px;
    font-weight: 500;
    color: #1C1B1B;
    text-transform: uppercase;
    margin-bottom: 40px;
}