@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p/* ,th,td */{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
br{font-size: 0;line-height:0;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;}
body{width: 100%;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

body {color: #000;font: 14px/1.5 '微软雅黑', Arial, Helvetica, sans-serif; margin: 0 auto; overflow-x: hidden; /* min-width: 1600px; */}
a {color: #000;}
a:hover {color: #000;}

label{ max-width: initial;}

.edit-container{ width: 78.125vw; margin-right: auto; margin-left: auto; position: relative;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.visible-xs{ display: none !important;}

.bodymain{ width:100%; overflow: hidden; position: relative; left:0;}
.swiper-container{ width: 100%; height: 100%; overflow: hidden;}
.swiper-pagination{ width: 100%;}
.swiper-pagination-bullet{ width: 0.1rem; height: 0.1rem; background-color: #a8abaf; opacity: 0.4; margin: 0 0.14rem;}
.swiper-pagination-bullet-active{ opacity: 0.4; background-color: #D7001D;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.3rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.14rem;}

.body-hidden{ overflow: hidden;}

/* 动画 */
.js-m {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.delay1 {
	-webkit-transition-delay: .2s !important;
	transition-delay: .2s !important;
}
.delay2 {
	-webkit-transition-delay: .4s !important;
	transition-delay: .4s !important;
}
.delay3 {
	-webkit-transition-delay: .6s !important;
	transition-delay: .6s !important;
}
.delay4 {
	-webkit-transition-delay: .8s !important;
	transition-delay: .8s !important;
}
.delay5 {
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
}
.delay6 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}
.delay7 {
	-webkit-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
}
.delay8 {
	-webkit-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
}
.delay9 {
	-webkit-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


select{
	/* 解决select下拉箭头在ios上不兼容的问题 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background: url('../../assets/arrow_drop_down.png') no-repeat scroll right center transparent; */
	background: transparent;
	border: 1px solid #749ccb;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 1001;}
.header-main{ height:0.96rem; background-color: #000;}
.header-main .logo{ float: left; height: 0.58rem; margin-top: 0.19rem;}
.header-main .logo img{ display: block; height: 100%;}
.header-main .header-right{ float: right;}
.header-main .header-right .nav{ float: left; /* margin-right: 0.6rem; */}
.header-main .header-right .nav li{ float: left; line-height: 0.96rem; position: relative; font-size: 0.16rem; margin-left: 0.7rem;}
.header-main .header-right .nav li a{ display: block; color: #fff;}
.header-main .header-right .nav li::before{ content: ''; width: 1.64rem; height: 0.06rem; background: url(../images/icon/nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0; left: 100%; opacity: 0; transition:all 0.5s ease;}
.header-main .header-right .nav li.active::before, .header-main .header-right .nav li:hover::before, .header-main .header-right .nav li.temporary-active::before{ left: -15%; opacity: 1;}
.header-main .header-right .nav li:first-child{ margin-left: 0;}
.header-main .header-right .search{ float: left; height: 0.38rem; margin-left: 0.55rem; margin-top: 0.29rem; position: relative;}
.header-main .header-right .search .input-search{ display: block; width: 1.78rem; height: 0.38rem; background-color: rgba(255, 255, 255, 0.1); font-size: 0.16rem; color: #fff; padding: 0 0.62rem 0 0.15rem; border: 0; border-radius: 0.38rem;}
.header-main .header-right .search .search-btn{ width: 0.46rem; height: 0.32rem; background: url(../images/icon/icon-search.png) no-repeat center rgba(255, 255, 255, 0.1); background-size: 0.22rem; position: absolute; top: 0.03rem; right: 0.03rem; border: 0; border-radius: 0.32rem; cursor: pointer;}
.header-main .header-right .language{ float: left; line-height: 0.38rem; font-size: 0.16rem; color: #8b8b8b; margin-left: 0.5rem; margin-top: 0.29rem;}
.header-main .header-right .language a{ display: inline-block; vertical-align: top; color: #8b8b8b; position: relative; margin-right: 0.24rem;}
.header-main .header-right .language a::before{ content: ''; width: 2px; height: 50%; background-color: #8b8b8b; position: absolute; top: 25%; right: -0.12rem;}
.header-main .header-right .language a:last-child{ margin-right: 0;}
.header-main .header-right .language a:last-child::before{ display: none;}
.header-main .header-right .language a.active,.header-main .header-right .language a:hover{ color: #fff;}
.header-main.header-main-active{ background-color: rgba(000,000,000,0.8);}

.header-nav-hidden-box{ position: relative; z-index: 9; background: url(../images/icon/nav-hidden-bg.png) center no-repeat #fff; background-size: 100% auto; display: none;}
.header-nav-hidden-box::before{ content: ''; width: 20.833%; height: 100%; background: -webkit-linear-gradient(to left, #94c6ff, transparent); background: linear-gradient(to left, #94c6ff, transparent); position: absolute; top: 0; left: 0;}
.header-nav-hidden-box .one-nav-side{ position: relative; padding: 0.55rem 0; display: none;}
.header-nav-hidden-box .one-nav-side .subnav-left-box{ float: left; width: 20.83%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header-nav-hidden-box .one-nav-side .subnav-left-box li{ font-size: 0.18rem; line-height: 1.2; margin-bottom: 0.25rem; padding: 0.03rem 0;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li a{ display: block; color: #636363;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active, .header-nav-hidden-box .one-nav-side .subnav-left-box li:hover{ font-size: 0.2rem; font-weight: bold;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active a, .header-nav-hidden-box .one-nav-side .subnav-left-box li:hover a{ color: #000;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li:last-child{ margin-bottom: 0;}

.header-nav-hidden-box .one-nav-side .subnav-right-box{ float: right; width: 79.17%; padding: 0 12.93% 0 8.93%;}

/* .header-nav-hidden-box .one-nav-side .subnav-right-scroll{ overflow-x: hidden; overflow-y: auto;} */

.header-nav-hidden-box .one-nav-side .subnav-right-scroll::-webkit-scrollbar {/*滚动条整体样式*/
	width: 0.04rem;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.header-nav-hidden-box .one-nav-side .subnav-right-scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	background: #0063d3;
}
.header-nav-hidden-box .one-nav-side .subnav-right-scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background: #e3e3e3;
}

.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box{ display: none;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side{ padding: 0 0.25rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side ul{ margin: -0.12rem -0.18rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li{ float: left; width: 16.66%; padding: 0 0.18rem; font-size: 0.18rem; line-height: 1.2; margin: 0.12rem 0;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .t-title{ font-weight: bold; position: relative;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .t-title::before{ content: ''; width: 0.93rem; height: 0.04rem; background: url(../images/icon/icon-nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; left: 0; bottom: -0.05rem; display: none;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .t-title a{ display: block;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dl{ margin-top: 0.25rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd{ margin-bottom: 0.25rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd a{ /* display: block; */ color: #636363;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd a span{ display: inline-block; vertical-align: top; padding-right: 0.2rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd a:hover{ color: #000; font-weight: bold;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd a:hover span{ background: url(../images/icon/icon-nav-arrow.png) right 0.05rem no-repeat; background-size: 0.12rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .three-nav-side dd a.hot span{ background: url(../images/icon/icon-hot.png) right 0.03rem no-repeat; background-size: auto 0.18rem; padding-right: 0.3rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .four-nav-side dl{ margin-top: 0.12rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .four-nav-side dd{ margin-bottom: 0.12rem; line-height: 1.5; font-size: 0.16rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .four-nav-side dd a{ position: relative; padding-left: 2em;}

.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li:hover .t-title::before{ display: block;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side li .four-nav-side dd a:hover{ text-decoration: underline;}

.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend{ /* float: right; width: 45%; */}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend ul{ margin: 0 -0.1rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li{ float: left; width: 50%; padding: 0 0.1rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box{ background-color: #000; color: #fff; border-radius: 0.15rem; overflow: hidden;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .pic img{ display: block; width: 100%;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box{ padding: 0.2rem 0.15rem; font-size: 0.16rem; position: relative;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box::before{ content: ''; width: 100%; height: 0.08rem; background: url(../images/icon/nav-recommend-line.png) left center no-repeat; background-size: auto 100%; position: absolute; top: 0; left: 0;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box .title{ font-size: 0.18rem; font-weight: bold; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box .cont{ margin-top: 0.1rem; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box .more-btn{ margin-top: 0.2rem; font-size: 0.16rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; width: 2.4rem; height: 0.45rem; line-height: 0.45rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; /* text-align: center; */ padding-left: 0.6rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-recommend li .block-box .cont-box .more-btn a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.header-nav-hidden-box .one-nav-side.cpyfw .subnav-left-box{ text-align: left; padding-left: 8.5%; position: initial; transform: translateY(0);}
.header-nav-hidden-box .one-nav-side.cpyfw .subnav-right-box{ padding: 0 10.93% 0 0;}
.header-nav-hidden-box .one-nav-side.cpyfw .subnav-right-box .two-nav-side{ float: left; width: 60%;}
.header-nav-hidden-box .one-nav-side.cpyfw .subnav-right-box .two-nav-side ul{ display: flex;}
.header-nav-hidden-box .one-nav-side.cpyfw .subnav-right-box .two-nav-side li{ width: 33.333%; flex: 1;}
.header-nav-hidden-box .one-nav-side.cpyfw .subnav-right-box .two-nav-recommend{ float: right; width: 40%;}


.footer{ background: url(../images/icon/footer-bg.jpg) center no-repeat; background-size: cover; color: #fff;}
.footer-top{ padding: 1rem 0 0.3rem 0;}
.footer-top .footer-top1 .footer-logo-box{ float: left; width: 2.32rem; color: #fff;}
.footer-top .footer-top1 .footer-logo-box .logo img{ display: block; width: 100%;}
.footer-top .footer-top1 .footer-logo-box .footer-stock{ margin-top: 0.3rem; font-size: 0.2rem; position: relative; z-index: 5;}
.footer-top .footer-top1 .footer-logo-box .footer-stock::before{ content: ''; width: 100%; height: 0.1rem; background: url(../images/icon/footer-stock-line.png) center left no-repeat; background-size: auto 100%; position: absolute; left: 0; bottom: 0; z-index: -1;}
.footer-top .footer-top1 .footer-nav{ float: left; width: 41.66vw; margin-left: 1.18rem; margin-top: 0.32rem;}
.footer-top .footer-top1 .footer-nav ul{ margin: 0 -0.25rem;}
.footer-top .footer-top1 .footer-nav li{ float: left; padding: 0 0.25rem; font-size: 0.2rem; margin-bottom: 0.2rem;}
.footer-top .footer-top1 .footer-nav li a{ color: #fff;}
.footer-top .footer-top1 .footer-contactus{ float: right; width: 1.94rem; line-height: 0.45rem; margin-top: 0.24rem; font-size: 0.18rem; text-align: center; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%;}
.footer-top .footer-top1 .footer-contactus a{ display: block; color: #fff;}
.footer-top .footer-top1 .footer-contactus:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.footer-top .footer-top2{ margin-top: 1.45rem;}
.footer-top .footer-top2 .footer-link{ float: left; line-height: 0.22rem; font-size: 0; margin-top: 0.07rem;}
.footer-top .footer-top2 .footer-link a{ display: inline-block; vertical-align: top; font-size: 0.16rem; color: #fff; padding-right: 0.3rem; margin-right: 0.3rem; border-right: 1px solid #fff;}
.footer-top .footer-top2 .footer-link a:last-child{ padding-right: 0; margin-right: 0; border-right: 0;}

.footer-top .footer-top2 .qrcode-box{ float: right;}
.footer-top .footer-top2 .qrcode-box .type{ display: none;}
.footer-top .footer-top2 .qrcode-box ul{ font-size: 0;}
.footer-top .footer-top2 .qrcode-box li{ display: inline-block; vertical-align: top; margin: 0 0.12rem; cursor: pointer; position: relative;}
.footer-top .footer-top2 .qrcode-box li .icon{ width: 0.36rem; height: 0.36rem; background-position: 0 0; background-repeat: no-repeat; background-size: cover; border-radius: 100%;}
.footer-top .footer-top2 .qrcode-box li.weixin .icon{ background-image: url(../images/icon/qrcode-icon-weixin.png);}
.footer-top .footer-top2 .qrcode-box li.shipinhao .icon{ background-image: url(../images/icon/qrcode-icon-shipinhao.png);}
.footer-top .footer-top2 .qrcode-box li.weibo .icon{ background-image: url(../images/icon/qrcode-icon-weibo.png);}
.footer-top .footer-top2 .qrcode-box li.bzhan .icon{ background-image: url(../images/icon/qrcode-icon-bzhan.png);}
.footer-top .footer-top2 .qrcode-box li.Linkedin .icon{ background-image: url(../images/icon/qrcode-icon-Linkedin.png);}
.footer-top .footer-top2 .qrcode-box li.X .icon{ background-image: url(../images/icon/qrcode-icon-X.png);}
.footer-top .footer-top2 .qrcode-box li .hidden-box{ width: 1.3rem; position: absolute; left: 50%; transform:translateX(-50%); bottom: 100%; padding-bottom: 0.12rem; display: none;}
.footer-top .footer-top2 .qrcode-box li .hidden-box .cont{ background-color: #fff; box-shadow: 0 0 0.15rem rgba(97, 104, 121, 0.35);}
.footer-top .footer-top2 .qrcode-box li .hidden-box .cont img{ display: block; width: 100%;}
/* .footer-top .footer-top2 .qrcode-box li.weixin:hover .icon{ background-image: url(../images/icon/qrcode-icon-weixin-on.png); background-color: #303030;}
.footer-top .footer-top2 .qrcode-box li.shipinhao:hover .icon{ background-image: url(../images/icon/qrcode-icon-shipinhao-on.png); background-color: #303030;}
.footer-top .footer-top2 .qrcode-box li.weibo:hover .icon{ background-image: url(../images/icon/qrcode-icon-weibo-on.png); background-color: #303030;}
.footer-top .footer-top2 .qrcode-box li.bzhan:hover .icon{ background-image: url(../images/icon/qrcode-icon-bzhan-on.png); background-color: #303030;} */
.footer-top .footer-top2 .qrcode-box li:hover .hidden-box{ display: block;}

.copyright{ font-size: 0.16rem; padding: 0.24rem 0; background: url(../images/icon/copyright-bg.png) center no-repeat; background-size: cover;}
.copyright a{ color: #fff;}


/* 手机导航 */
.menu-layer{ width: 100%; height: calc(100% - 1.25rem); position: fixed; top: 1.25rem; left: 0; z-index: 2222; background-color: #fff; display: none;}
.menu-layer .layer-container{ height: 100%;}
.menu-top-box{ padding: 0.3rem 0.4rem; position: relative; border-bottom: 1px solid #dbdbdb; background-color: #fff;}
.menu-search{ width: 3.94rem; height: 0.6rem; border-radius: 0.6rem; overflow: hidden; position: relative; margin: 0 auto;}
.menu-search form{ height: 100%; position: relative;}
.menu-search .input-text{ width: 100%; height: 100%; padding: 0 0.8rem 0 0.3rem; border: 0; background-color: #efefef; font-size: 0.28rem;}
.menu-search .search-btn{ width: 0.8rem; height: 0.6rem; background: url(../images/icon/icon-search.png) center no-repeat; background-size: 0.37rem auto; position: absolute; top: 0; right: 0; border-radius: 0.6rem; cursor: pointer;}
.menu-language{ line-height: 0.6rem; font-size: 0.24rem; font-weight: bold; position: absolute; top: 50%; transform:translate(0,-50%); right: 0.2rem;}
.menu-language .first{ cursor: pointer; position: relative;}
.menu-language .first a{ padding: 0 0.2rem; display: inline-block; position: relative;}
.menu-language .first a::before{ content: ''; width: 1px; height: 40%; background-color: #000; position: absolute; top: 30%; right: 0;}
.menu-language .first a:last-child::before{ display: none;}
.menu-layer .layer-inner{ height: calc(100% - 1.22rem);}
.menu-layer .menu-nav{ float: left; width: 2.8rem; height: 100%; background-color: #000; color: #fff; overflow-y: auto; padding: 0.4rem 0;}
.menu-layer .menu-nav li{ font-size: 0.28rem; line-height: 0.94rem; position: relative; cursor: pointer;}
.menu-layer .menu-nav li a{ display: block;}
.menu-layer .menu-nav li span{ display: block; padding-left: 0.54rem; color: #fff;}
.menu-layer .menu-nav li.active span{ font-weight: bold; position: relative;}
.menu-layer .menu-nav li.active span::before{ content: ''; width: 1.66rem; height: 0.05rem; background: url(../images/icon/nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0.1rem;}
.menu-layer .menu-subnav-right{ height: 100%; overflow-y: scroll; padding: 0.4rem 0.48rem; line-height: 1.2; font-size: 0.24rem; background: -webkit-linear-gradient(to left, rgba(148,198,255,0.45), transparent); background: linear-gradient(to left, rgba(148,198,255,0.45), transparent);}
.menu-nav-side{ display: none;}
.menu-nav-side .side-item .side-title{ font-size: 0.28rem; /* line-height: 0.94rem; */ border-bottom: 1px solid #e3e6ec; position: relative; cursor: pointer; padding: 0.2rem 0;}
.menu-nav-side .side-item .side-title a,.menu-nav-side .side-item .side-title span{ display: block;}
.menu-nav-side .side-item .side-title .icon-arrow{ width: 0.2rem; height: 0.2rem; background: url(../images/icon/icon-side-title-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.1rem; right: 0; transform: rotate(-90deg);}
.menu-nav-side .side-item .side-cont{ padding: 0 0.05rem; display: none;}
.menu-nav-side .side-item .side-cont .side-block{ margin-bottom: 0.1rem;}
.menu-nav-side .side-item .side-cont .side-block .title{ font-weight: bold; position: relative; padding: 0.2rem 0;}
.menu-nav-side .side-item .side-cont .side-block .title::before{ content: ''; width: 1.78rem; height: 0.06rem; background: url(../images/icon/icon-nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0.05rem;}
.menu-nav-side .side-item .side-cont .side-block .title a{ display: block;}
.menu-nav-side .side-item .side-title.title-hover{ padding-right: 0.3rem;}
.menu-nav-side .side-item .side-title.title-hover .icon-arrow{ transform: rotate(0deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.menu-nav-side .side-item .side-title.title-hover.active{ /* color: #e7233b; */ font-weight: bold;}
.menu-nav-side .side-item .side-title.title-hover.active .icon-arrow{ background-image: url(../images/icon/icon-side-title-arrow-on.png); transform: rotate(180deg);}
.menu-nav-side .side-item .side-cont .side-block li{ margin-top: 0.25rem;}
.menu-nav-side .side-item .side-cont .side-block li a{ display: block; color: #7d7d7d;}
.menu-nav-side .side-item .side-cont .side-block li .four-block{ line-height: 0.5rem;}
.menu-nav-side .side-item .side-cont .side-block li .four-block li a{ position: relative; padding-left: 2em;}

/* 预约专家咨询 */
.counselling-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1115; display: none;}
.counselling-layer .opacity{ width: 100%; height: 100%; background-color: rgba(000,000,000,0.5); position: absolute; top: 0; left: 0;}
.counselling-layer .layer-close{ width: 0.38rem; height: 0.38rem; background: url(../images/icon/layer-close.png) center no-repeat; background-size: cover; position: absolute; top: 0; right: -0.56rem; cursor: pointer;}
.counselling-layer .layer-container{ width: 8rem; height: 75vh; background-color: #fff; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 5;}
.counselling-layer .layer-container iframe{ display: block; width: 100%; height: 100%;}

/* 提示框 */
.tips-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2222; display: none;}
.tips-layer .opacity{ width: 100%; height: 100%; background-color: rgba(000,000,000,0.5); position: absolute; top: 0; left: 0;}
.tips-layer .layer-close{ width: 0.38rem; height: 0.38rem; background: url(../images/icon/layer-close.png) center no-repeat; background-size: cover; position: absolute; top: 0; right: -0.56rem; cursor: pointer;}
.tips-layer .layer-container{ width: 5rem; height: 2.4rem; background-color: #fff; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 5; border-radius: 0.08rem;}
.tips-layer .layer-container .layer-inner{ padding: 0.6rem;}
.tips-layer .layer-container .layer-inner .icon{ width: 0.6rem; margin: 0 auto;}
.tips-layer .layer-container .layer-inner .icon img{ display: block; width: 100%;}
.tips-layer .layer-container .layer-inner .cont{ text-align: center; font-size: 0.18rem; margin-top: 0.2rem;}


/* 在线咨询 */
.side-suspension{ width: 0.7rem; position: fixed; right: 0.4rem; bottom: 1.5rem; z-index: 1111;}
.side-suspension li{ width: 0.7rem; height: 0.7rem; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.side-suspension li .name{ font-size: 0.18rem; color: #fff; text-align: center; line-height: 1; margin-top: -0.08rem;}
.side-suspension li.consulting{ height: 1.04rem; background-image: url(../images/icon/icon-consultation.png); background-color: #000; background-size: 100% auto; background-position: top center; border-radius: 0.7rem; padding-top: 0.7rem}
.side-suspension li.consulting .hidden-box{ position: absolute; top: 50%; transform:translateY(-50%); right: calc(100% + 0.08rem); display: none;}
.side-suspension li.consulting .hidden-box-bg{ width: 2.22rem; padding: 0.2rem 0.25rem 0.25rem 0.25rem; background-color: rgba(169, 203, 255, 0.8); border: 1px solid rgba(208, 231, 255, 0.8); border-radius: 0.15rem;}
.side-suspension li.consulting .hidden-box-bg .title{ font-size: 0.2rem; font-weight: bold; text-align: center;}
.side-suspension li.consulting .hidden-box-bg .pic{ margin-top: 0.15rem;}
.side-suspension li.consulting .hidden-box-bg .pic img{ display: block; width: 100%;}
.side-suspension li.consulting .hidden-box-bg .btn-box{ margin-top: 0.2rem;}
.side-suspension li.consulting .hidden-box-bg .btn-box a{ display: block; height: 0.44rem; line-height: 0.44rem; background: url(../images/consulting-btn-bg.png) center no-repeat; background-size: cover; font-size: 0.18rem; color: #fff; text-align: center;}

.side-suspension li.return-top{ background-image: url(../images/icon/icon-return-top.png); position: absolute; left: 0; bottom: -0.9rem; display: none;}



.yuyue-code-section{ background: url(../images/best-practices-bg.jpg) center no-repeat; background-size: cover; padding-top: 0.5rem;}
.yuyue-code-inner{ padding: 0 18.334%}
.yuyue-code-inner .pic{ float: left; width: 3.81rem; position: relative;}
.yuyue-code-inner .pic .box img{ display: block; width: 100%;}
.yuyue-code-inner .pic .code-box{ width: 2.15rem; position: absolute; left: 0.62rem; top: 0.9rem; font-size: 0.18rem; text-align: center;}
.yuyue-code-inner .pic .code-box .icon{ padding: 0.28rem; background-color: #fff; border-radius: 0.12rem; box-shadow:0 0 0.35rem rgba(193,214,235,1);}
.yuyue-code-inner .pic .code-box .icon img{ display: block; width: 100%;}
.yuyue-code-inner .pic .code-box .title{ margin-top: 0.2rem;}
.yuyue-code-inner .cont-inner{ width: 5rem; font-size: 0.2rem; position: absolute; top: 50%; transform:translateY(-50%); right: 18.334%;}
.yuyue-code-inner .cont-inner .sub-title-box{ text-align: left;}
.yuyue-code-inner .cont-inner .cont{ margin-top: 0.3rem;}

.lps-layer{ width: 12.1rem; min-height: 0.85rem; background: url(../images/lps-layer-bg.jpg) center no-repeat; background-size: cover; position: fixed; left: 50%; transform:translateX(-50%); bottom: 0; z-index: 99; border-radius: 0.1rem 0.1rem 0 0; display: none;}
.lps-layer .layer-close{ width: 0.36rem; height: 0.36rem; background: url(../images/icon/layer-close2.png) center no-repeat #000; background-size: 0.13rem; border-radius: 0 0.1rem 0 0.1rem; position: absolute; top: 0; right: 0; z-index: 5; opacity: 0.7; cursor: pointer;}
.lps-layer .layer-close:hover{ opacity: 1;}
.lps-layer .pic{ width: 3.15rem; position: absolute; left: 0; top: -0.5rem;}
.lps-layer .pic img{ display: block; width: 100%;}
.lps-layer-inner{ height: 100%; padding-left: 3.25rem; position: relative;}
.lps-layer-inner .cont-inner{ height: 100%; position: relative; color: #fff;}
.lps-layer-inner .cont-inner .cont{ font-size: 0.24rem; padding-top: 0.24rem;}
.lps-layer-inner .cont-inner .btn-box{ width: 2.4rem; height: 0.55rem; line-height: 0.55rem; font-size: 0.22rem; color: #fff; text-align: center; position: absolute; top: 0.15rem; right: 0.6rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%;}
.lps-layer-inner .cont-inner .btn-box a{ display: block; color: #fff;}
.lps-layer-inner .cont-inner .btn-box:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.joinus-layer{ width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3333; display: none;}
.joinus-layer .opacity{ width: 100%; height: 100%; background-color: rgba(000,000,000,0.5); position: absolute; top: 0; left: 0;}
.joinus-layer .layer-close{ width: 0.38rem; height: 0.38rem; background: url(../images/icon/layer-close.png) center no-repeat #000; background-size: cover; border-radius: 100%; position: absolute; top: 0.2rem; right: -0.58rem; z-index: 5; cursor: pointer;}
.joinus-layer .layer-container{ height: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.joinus-layer .layer-inner{ height: 100%; overflow-y: auto; position: relative;}
.joinus-layer .layer-inner img{ display: block; height: 100%; margin: 0 auto;}
.joinus-layer .countdown-cont{ width: 100%; background-color: rgba(000,000,000,0.6); font-size: 0.18rem; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; padding: 0.15rem 0.4rem;}
.joinus-layer .countdown-cont span{ color: #CF001B;}


.section-404{ position: relative;}
.section-404 img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.section-404 .cont-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translate(0,-50%); text-align: center;}
.section-404 .cont-inner .pic{ height: 19.1vw;}
.section-404 .cont-inner .pic img{ display: block; width: auto; height: 100%; margin: 0 auto;}
.section-404 .cont-inner .btn-box{ margin-top: 0.8rem; font-size: 0.24rem; text-align: center;}
.section-404 .cont-inner .btn-box a{ display: inline-block; vertical-align: top; width: 2.8rem; height: 0.6rem; line-height: 0.6rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; text-align: center;}
.section-404 .cont-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}



@media (max-width: 1680px){
	/* 缩小80% */
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.header-main .header-right .nav li{ font-size: 0.18rem;}
	.header-main .header-right .search .input-search{ font-size: 0.18rem;}
	.header-main .header-right .language{ font-size: 0.18rem;}
	
	.footer-top .footer-top2 .footer-link a{ font-size: 0.18rem;}
	.copyright{ font-size: 0.18rem;}
	
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.edit-container{ /* width: calc(100% - 10.66vw); */ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 6.5px !important;}
	.swiper-pagination-bullet span{ width: 8px; height: 8px; border-width: 1px;}
	.swiper-pagination-bullet i{ width: 20px; height: 1px; top: 3px;}
	
	.header-main{ height: 1.25rem; padding: 0 0.4rem;}
	.header-main .edit-container{ height: 100%;}
	.header-main .logo{ height: 0.6rem; margin-top: 0.325rem; /* margin-left: 9.33vw; */}
	.header-main .header-right{ display: none;}
	.header-main .icon-menu{ width: 0.6rem; height: 0.6rem; background: url(../images/icon/icon-menu.png) center no-repeat; background-size: cover; position: absolute; top: 0.325rem; /* right: 6.66vw; */ right: 0;}
	
	.footer{ background-image: url(../images/icon/footer-bg-mobile.jpg);}
	.footer-top{ padding: 0.6rem 0.4rem;}
	.footer-top .footer-top1{ padding-bottom: 0.3rem; margin-bottom: 0.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.35);}
	.footer-top .footer-top1 .footer-logo-box{ float: none; width: 2.5rem;}
	.footer-top .footer-top1 .footer-logo-box .footer-stock{ font-size: 0.24rem;}
	.footer-top .footer-top1 .footer-nav{ float: none; width: 100%; margin-left: 0;}
	.footer-top .footer-top1 .footer-nav ul{ margin: 0;}
	.footer-top .footer-top1 .footer-nav li{ font-size: 0.24rem; width: 33.333%; padding: 0; margin: 0.2rem 0 0 0;}
	
	.footer-top .footer-top1 .footer-contactus{ display: none;}
	
	.footer-top .footer-top2{ margin-top: 0;}
	.footer-top .footer-top2 .footer-link{ float: none; line-height: 1.5; margin-top: 0; overflow: hidden;}
	.footer-top .footer-top2 .footer-link a{ display: block; font-size: 0.24rem; padding-right: 0; margin-right: 0; border-right: 0; margin-top: 0.2rem; float: left; width: 33.333%;}
	
	.footer-top .footer-top2 .qrcode-box{ float: none; margin-top: 0.4rem; text-align: center;}
	.footer-top .footer-top2 .qrcode-box .type{ display: inline-block; vertical-align: top; font-size: 0.26rem; line-height: 0.6rem; margin-right: 0.2rem;}
	.footer-top .footer-top2 .qrcode-box ul{ display: inline-block; vertical-align: top;}
	.footer-top .footer-top2 .qrcode-box li{ margin: 0 0.2rem 0 0;}
	.footer-top .footer-top2 .qrcode-box li .icon{ width: 0.6rem; height: 0.6rem;}
	.footer-top .footer-top2 .qrcode-box li .hidden-box{ width: 2rem; padding-bottom: 0.2rem;}
	
	.copyright{ padding: 0.3rem 0.4rem; font-size: 0.22rem;}
	.copyright p span{ display: block;}
	
	
	
	/* 预约专家咨询 */
	.counselling-layer .layer-container{ width: 100%;}
	.counselling-layer .layer-close{ width: 0.6rem; height: 0.6rem; top: -0.8rem; right: 0.3rem;}
	
	.expert-counselling-layer .layer-container .layer-inner{ padding: 0.6rem 0;}
	.expert-counselling-layer .layer-container .layer-inner .top-box{ font-size: 0.24rem;}
	.expert-counselling-layer .layer-container .layer-inner .top-box .title{ font-size: 0.4rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner{ width: 5.9rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-box{ line-height: 0.7rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block{ margin-top: 0.45rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .type{ width: 20%; font-size: 0.24rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .type::before{ height: 0.24rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .input-box{ width: 80%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .input-box .input-text{ font-size: 0.24rem; height: 0.7rem; line-height: 0.7rem; padding: 0 0.2rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .select-block .select{ font-size: 0.24rem; height: 0.7rem; line-height: 0.7rem; padding: 0 0.2rem;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .select-block::before{ width: 0.24rem; height: 0.24rem; background-size: 0.24rem auto;}
	
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-demand .type{ width: 36%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-demand .input-box{ width: 64%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-industry .type{ width: 28%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-industry .input-box{ width: 72%;}
	
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-yzm .form-block-box{ float: left; width: 62%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-yzm .form-block-box .type{ width: 40%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-yzm .form-block-box .input-box{ width: 60%;}
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block-yzm .yzm-img{ height: 0.72rem;}
	
	.expert-counselling-layer .layer-container .layer-inner .form-inner .form-block .error{ font-size: 0.2rem;}
	
	.expert-counselling-layer .layer-container .layer-inner .form-inner .submit-btn-box a{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem;}
	
	/* 提示框 */
	.tips-layer .layer-container{ width: 90%; height: 3.6rem;}
	.tips-layer .layer-close{ width: 0.6rem; height: 0.6rem; top: -0.8rem; right: 0.3rem;}
	.tips-layer .layer-container .layer-inner{ padding: 1rem 0.6rem;}
	.tips-layer .layer-container .layer-inner .icon{ width: 0.9rem;}
	.tips-layer .layer-container .layer-inner .cont{ font-size: 0.24rem; margin-top: 0.3rem;}
	
	/* 在线咨询 */
	.side-suspension li.consulting .hidden-box{ transform: translateY(-65%);}
	.side-suspension li.consulting .hidden-box-bg{ width: 2.8rem;}
	.side-suspension li.consulting .hidden-box-bg .title{ font-size: 0.28rem;}
	.side-suspension li.consulting .hidden-box-bg .btn-box a{ height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem;}
	
	.yuyue-code-section{ padding: 0.8rem 0.4rem 0 0.4rem;}
	.yuyue-code-inner{ padding: 0;}
	.yuyue-code-inner .pic{ float: none; margin: 0.6rem auto 0 auto;}
	.yuyue-code-inner .pic .code-box{ font-size: 0.24rem;}
	.yuyue-code-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.24rem;}
	.yuyue-code-inner .cont-inner .cont{ margin-top: 0.2rem;}
	
	.lps-layer{ width: 100%; min-height: auto; padding: 0.4rem 0;}
	.lps-layer .layer-close{ width: 0.64rem; height: 0.64rem; background-size: 0.26rem;}
	.lps-layer .pic{ width: 5.2rem; left: -1rem; top: -0.8rem;}
	.lps-layer-inner .cont-inner{ padding-right: 0.8rem;}
	.lps-layer-inner .cont-inner .cont{ font-size: 0.26rem; padding-top: 0;}
	.lps-layer-inner .cont-inner .btn-box{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem; position: initial; margin-top: 0.2rem; font-size: 0.24rem;}
	
	
	.section-404 .cont-inner .pic{ height: 2.4rem;}
	.section-404 .cont-inner .btn-box{ margin-top: 0.8rem; font-size: 0.24rem;}
	.section-404 .cont-inner .btn-box a{ width: 2.8rem; height: 0.6rem; line-height: 0.6rem;}
	
	
}

@media (max-width: 768px){
	
}

/* 超小屏 */
@media (max-width: 640px){
	
	.joinus-layer .layer-container{ width: 100%;}
	.joinus-layer .layer-close{ width: 0.6rem; height: 0.6rem; top: 0.325rem; right: 0.325rem;}
	.joinus-layer .layer-inner img{ max-height: 100%; max-width: 100%; height: auto;}
	.joinus-layer .countdown-cont{ font-size: 0.28rem; padding: 0.2rem 0.4rem;}
	
}

@media (max-width: 540px){
	
}

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	
}