@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;}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

label{ max-width: initial;}

.edit-container{ width: 79.166vw; 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; position: relative;}
.swiper-pagination{ width: 100%; font-size: 0;}
.swiper-pagination-bullet{ width: 0.1rem; height: 0.1rem; background-color: #fff; opacity: 0.36; margin: 0 0.05rem; border-radius: 0.1rem;}
.swiper-pagination-bullet-active{ opacity: 1; width: 0.2rem; background-color: #e29134;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.3rem;}


/* 动画 */
.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.9rem; background-color: #fff; position: relative; border-bottom: 0.01rem solid #d1dee5;}
.header-main .edit-container{ /* width: 85.9375vw; */}
.header-main .logo{ float: left; height: 0.53rem; margin-top: 0.185rem; position: relative; z-index: 5;}
.header-main .logo img{ display: block; height: 100%;}
.header-main .nav{ width: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 0; line-height: 0.9rem;}
.header-main .nav ul{ margin: 0 -0.25rem;}
.header-main .nav li{ display: inline-block; vertical-align: top; position: relative; margin: 0 0.25rem;}
.header-main .nav li .icon{ width: 0.24rem; height: 0.24rem; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.header-main .nav li .icon.index{ background-image: url(../images/icon/nav-icon-index.png);}
.header-main .nav li .icon.product{ background-image: url(../images/icon/nav-icon-product.png);}
.header-main .nav li .icon.industry{ background-image: url(../images/icon/nav-icon-industry.png);}
.header-main .nav li .icon.employ{ background-image: url(../images/icon/nav-icon-employ.png);}
.header-main .nav li .icon.about{ background-image: url(../images/icon/nav-icon-about.png);}
.header-main .nav li:hover .icon.index,.header-main .nav li.active .icon.index{ background-image: url(../images/icon/nav-icon-index-on.png);}
.header-main .nav li:hover .icon.product,.header-main .nav li.active .icon.product,.header-main .nav li.temporary-active .icon.product{ background-image: url(../images/icon/nav-icon-product-on.png);}
.header-main .nav li:hover .icon.industry,.header-main .nav li.active .icon.industry{ background-image: url(../images/icon/nav-icon-industry-on.png);}
.header-main .nav li:hover .icon.employ,.header-main .nav li.active .icon.employ{ background-image: url(../images/icon/nav-icon-employ-on.png);}
.header-main .nav li:hover .icon.about,.header-main .nav li.active .icon.about{ background-image: url(../images/icon/nav-icon-about-on.png);}
.header-main .nav li span{ display: block; font-size: 0.2rem; padding-left: 0.35rem;}
.header-main .header-links{ float: right; margin-top: 0.275rem; position: relative; z-index: 5;}
.header-main .header-links li{ float: left; line-height: 0.35rem; text-align: center; font-size: 0.2rem; margin-left: 0.15rem;}
.header-main .header-links li a{ display: block;}
.header-main .header-links li:first-child{ margin-left: 0;}
.header-main .header-links li.login{ width: 1rem; background-color: #e29033; border-radius: 0.35rem;}
.header-main .header-links li.login a{ color: #fff;}
.header-main .header-user{ float: right; font-size: 0.2rem; margin-top: 0.3rem; position: relative; z-index: 5;}
.header-main .header-user .logout{ color: #f18d04; text-decoration: underline; margin-left: 0.25rem;}

.header-nav-hidden-box{ position: relative; z-index: 9; background-color: #f8f8f8; border-top: 0.01rem solid #d1dee5; display: none;}
.header-nav-hidden-box::before{ content: ''; width: 22.9%; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1;}
.header-nav-hidden-box .two-nav-side-box{ display: none;}
.header-nav-hidden-box .one-nav-side .subnav-left-box{ float: left; width: 22.9%; padding: 0.45rem 0 0.8rem 0;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li{ font-size: 0.28rem; font-weight: bold; margin-top: 0.25rem;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li:first-child{ margin-top: 0;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li .title{ padding: 0 1rem;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .title a{ display: block; color: #f18c00;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li .two-ul{ display: none;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li .two-ul li{ font-size: 0.22rem; margin-top: 0; padding: 0 1rem;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li .two-ul li:first-child{ margin-top: 0;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .two-ul{ padding: 0.15rem 0; display: block;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .two-ul li{}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .two-ul li a{ display: block; color: #000; padding: 0.15rem 0;}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .two-ul li.active{ background-color: #F0F7FD; /* background: url(../images/icon/icon-nav-arrow-right.png) 90% center no-repeat; background-size: 0.15rem; */}
.header-nav-hidden-box .one-nav-side .subnav-left-box li.active .two-ul li.active a{ color: #4f85cf;}



.header-nav-hidden-box .one-nav-side .subnav-right-box{ float: right; width: 77.1%; padding: 0.45rem 1.15rem 0.8rem 0.65rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .box{ display: none;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-title{ font-size: 0.22rem; padding-bottom: 0.15rem; border-bottom: 0.01rem solid #eee;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list{ margin-top: 0.2rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list ul{ margin: 0 -0.15rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li{ float: left; width: 25%; font-size: 0.18rem; padding: 0 0.15rem; margin-bottom: 0.15rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li .block-box{ background-color: #fff;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li .block-box a{ display: block; padding: 0.2rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li p{ color: #7a7a7a; 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-side-box .two-nav-side-list li .links-btn{ font-size: 0.16rem; color: #F08C00; margin-top: 0.1rem;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li .links-btn span{ padding-right: 0.18rem; background: url(../images/icon/icon-nav-links-right.png) center right no-repeat; background-size: 0.12rem auto;}
.header-nav-hidden-box .one-nav-side .subnav-right-box .two-nav-side-box .two-nav-side-list li a:hover .title{ color: #4f85cf;}


.footer{ background-color: #fff; border-top: 0.01rem solid #f4f4f4;}
.footer-top{ padding: 0.3rem 0 0.8rem 0;}
.footer-guarantee{ padding: 0.22rem 5%; border-bottom: 1px solid #aeaeae; font-size: 0; text-align: center;}
.footer-guarantee li{ display: inline-block; vertical-align: top; width: 25%;}
.footer-guarantee li .block-box .icon,.footer-guarantee li .block-box span{ display: inline-block; vertical-align: middle;}
.footer-guarantee li .block-box .icon{ width: 0.4rem; margin-right: 0.1rem;}
.footer-guarantee li .block-box .icon img{ display: block; width: 100%;}
.footer-guarantee li .block-box span{ font-size: 0.24rem;}
.footer-main{ margin-top: 0.6rem;}
.footer-main .footer-logo{ height: 0.72rem;}
.footer-main .footer-logo img{ display: block; height: 100%;}
.footer-main-inner{ margin-top: 0.5rem; position: relative;}
.footer-quick-entry{ /* float: left; */}
.footer-quick-entry ul{ display: flex;}
.footer-quick-entry li{ /* float: left; */ /* margin-right: 0.6rem; */ font-size: 0.2rem; flex: auto;}
.footer-quick-entry li .title{ font-weight: bold;}
.footer-quick-entry li .list-ul dd{ color: #797979; margin-top: 0.15rem;}
.footer-quick-entry li .list-ul dd a{ color: #797979;}
.footer-quick-entry li .list-ul .tel{ font-size: 0.32rem; font-weight: bold; line-height: 1; font-style: italic;}
.footer-quick-entry li .list-ul .tel a{ color: #d9923d;}
.footer-quick-entry li:last-child{ margin-right: 0; /* margin-top: 0.3rem; */}
/* .footer-quick-entry li:nth-last-child(-n+2){ margin-right: 0;} */
.footer-main-inner .footer-share{ /* position: absolute; right: 0; bottom: 0; */ font-size: 0; text-align: right; margin-top: 0.4rem;}
.footer-main-inner .footer-share li{ /* float: left; */ display: inline-block; vertical-align: top; margin-left: 0.35rem; position: relative; cursor: pointer;}
.footer-main-inner .footer-share li:first-child{ margin-left: 0;}
.footer-main-inner .footer-share li .icon{ width: 0.6rem; height: 0.6rem; background-position: center; background-repeat: no-repeat; background-size: cover;}
.footer-main-inner .footer-share li .hidden-box{ width: 3.8rem; background-color: #fff; border-radius: 0.08rem; padding: 0.2rem; position: absolute; left: 50%; transform:translateX(-50%); bottom: 125%; box-shadow: 0 0.11rem 0.32rem rgba(83, 83, 83, 0.15); display: none;}
.footer-main-inner .footer-share li .hidden-box .pic{ float: left; width: 1.46rem;}
.footer-main-inner .footer-share li .hidden-box .pic img{ display: block; width: 100%;}
.footer-main-inner .footer-share li .hidden-box .title{ font-size: 0.24rem; color: #e59c49; width: 1.6rem; position: absolute; right: 0.2rem; top: 50%; transform:translateY(-50%);}
.footer-main-inner .footer-share li:hover .hidden-box{ display: block;}
.footer-main-inner .footer-share li.weixin .icon{ background-image: url(../images/icon/footer-share-icon-weixin.png);}
.footer-main-inner .footer-share li.weixin:hover .icon{ background-image: url(../images/icon/footer-share-icon-weixin-on.png);}
.footer-main-inner .footer-share li.xiaochengxu .icon{ background-image: url(../images/icon/footer-share-icon-xiaochengxu.png);}
.footer-main-inner .footer-share li.xiaochengxu:hover .icon{ background-image: url(../images/icon/footer-share-icon-xiaochengxu-on.png);}
.footer-main-inner .footer-share li.shipinhao .icon{ background-image: url(../images/icon/footer-share-icon-shipinhao.png);}
.footer-main-inner .footer-share li.shipinhao:hover .icon{ background-image: url(../images/icon/footer-share-icon-shipinhao-on.png);}
.footer-main-inner .footer-share li.app .icon{ background-image: url(../images/icon/footer-share-icon-app.png);}
.footer-main-inner .footer-share li.app:hover .icon{ background-image: url(../images/icon/footer-share-icon-app-on.png);}
.footer-main-inner .footer-share li:last-child .hidden-box{ left: auto; transform:translateX(0); right: -0.3rem;}

.copyright{ background-color: #0e172a; font-size: 0.18rem; color: #fff; text-align: center; padding: 0.2rem 0;}


/* 手机导航 */
.menu-layer{ width: 100%; height: calc(100% - 1.24rem); position: fixed; top: 1.24rem; left: 0; z-index: 2222; background-color: #e9edf2; display: none;}
.menu-layer .layer-container{ height: 100%;}
.menu-layer .menu-top-box{ padding: 0.3rem 0; margin: 0 0.5rem; position: relative; border-bottom: 0.01rem solid #fff; text-align: right; font-size: 0;}
.menu-layer .menu-top-box li{ display: inline-block; vertical-align: top; font-size: 0.28rem; line-height: 0.5rem; margin-left: 0.22rem;}
.menu-layer .menu-top-box li a{ display: block;}
.menu-layer .menu-top-box li:first-child{ margin-left: 0;}
.menu-layer .menu-top-box li.login{ width: 1.25rem; background-color: #e29033; border-radius: 0.5rem; text-align: center;}
.menu-layer .menu-top-box li.login a{ color: #fff;}
.menu-layer .menu-top-box .menu-user{ font-size: 0.28rem; line-height: 0.5rem;}
.menu-layer .menu-top-box .menu-user .logout{ color: #f18d04; text-decoration: underline; margin-left: 0.25rem;}


.menu-layer .menu-layer-inner{ height: calc(100% - 1.12rem); overflow-y: auto;}
.menu-layer .menu-layer-inner .subnav{ padding: 0.2rem 0;}
.menu-layer .menu-layer-inner .subnav li .title{ padding: 0.32rem 0.5rem; position: relative;}
.menu-layer .menu-layer-inner .subnav li .trigger::before{ content: ''; width: 0.22rem; height: 0.22rem; background: url(../images/icon/icon-quick-entry-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.11rem; right: 0.5rem; transition:all 0.3s ease;}
.menu-layer .menu-layer-inner .subnav li .title .icon,.menu-layer .menu-layer-inner .subnav li .title span{ display: inline-block; vertical-align: middle;}
.menu-layer .menu-layer-inner .subnav li .title .icon{ width: 0.42rem; height: 0.42rem; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 0.25rem;}
.menu-layer .menu-layer-inner .subnav li .title span{ font-size: 0.38rem;}
.menu-layer .menu-layer-inner .subnav li .title .icon.index{ background-image: url(../images/icon/nav-icon-index.png);}
.menu-layer .menu-layer-inner .subnav li .title .icon.product{ background-image: url(../images/icon/nav-icon-product.png);}
.menu-layer .menu-layer-inner .subnav li .title .icon.industry{ background-image: url(../images/icon/nav-icon-industry.png);}
.menu-layer .menu-layer-inner .subnav li .title .icon.employ{ background-image: url(../images/icon/nav-icon-employ.png);}
.menu-layer .menu-layer-inner .subnav li .title .icon.about{ background-image: url(../images/icon/nav-icon-about.png);}

.menu-layer .menu-layer-inner .subnav li.active .title span,.menu-layer .menu-layer-inner .subnav li.click-active .title span{ font-weight: bold;}
.menu-layer .menu-layer-inner .subnav li.active .trigger::before,.menu-layer .menu-layer-inner .subnav li.click-active .trigger::before{ transform: rotate(180deg);}
.menu-layer .menu-layer-inner .subnav li.active .title .icon.index,.menu-layer .menu-layer-inner .subnav li.click-active .title .icon.index{ background-image: url(../images/icon/nav-icon-index-on.png);}
.menu-layer .menu-layer-inner .subnav li.active .title .icon.product,.menu-layer .menu-layer-inner .subnav li.click-active .title .icon.product{ background-image: url(../images/icon/nav-icon-product-on.png);}
.menu-layer .menu-layer-inner .subnav li.active .title .icon.industry,.menu-layer .menu-layer-inner .subnav li.click-active .title .icon.industry{ background-image: url(../images/icon/nav-icon-industry-on.png);}
.menu-layer .menu-layer-inner .subnav li.active .title .icon.employ,.menu-layer .menu-layer-inner .subnav li.click-active .title .icon.employ{ background-image: url(../images/icon/nav-icon-employ-on.png);}
.menu-layer .menu-layer-inner .subnav li.active .title .icon.about,.menu-layer .menu-layer-inner .subnav li.click-active .title .icon.about{ background-image: url(../images/icon/nav-icon-about-on.png);}

.menu-layer .menu-layer-inner .subnav li .secondNav{ background-color: #fff; padding: 0.2rem 0; display: none;}
.menu-layer .menu-layer-inner .subnav li .secondNav li{ font-size: 0.32rem; /* padding: 0 0 0 1.17rem; */}
.menu-layer .menu-layer-inner .subnav li .secondNav li a{ /* display: block; */ color: #686868;}

.menu-layer .menu-layer-inner .subnav li .secondNav li .second-title{ padding: 0.2rem 0 0.2rem 1.17rem; position: relative;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .second-title::before{ content: ''; width: 0.22rem; height: 0.22rem; background: url(../images/icon/icon-quick-entry-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.11rem; right: 0.5rem; transition:all 0.3s ease;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .second-title.active::before{ transform: rotate(180deg);}

.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav{ display: none;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li{ /* padding-left: 0.32rem; */}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .third-title{ padding: 0.2rem 0 0.2rem 1.49rem; position: relative;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .third-title::before{ content: ''; width: 0.22rem; height: 0.22rem; background: url(../images/icon/icon-quick-entry-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.11rem; right: 0.5rem; transition:all 0.3s ease;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .third-title.active::before{ transform: rotate(180deg);}

.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .fourthNav{ padding-left: 1.81rem; display: none;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .fourthNav li{ /* float: left; width: 50%; */ padding: 0.16rem 0;}
.menu-layer .menu-layer-inner .subnav li .secondNav li .thirdNav li .fourthNav li a{ display: block;}


.home-banner{ position: relative; height: 100lvh;}
.home-banner-swiper{ position: relative; height: 100%;}
.home-banner-swiper .swiper-slide{ position: relative;}
.home-banner-swiper .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.home-banner-swiper .swiper-slide::before{ content: ''; width: 100%; height: 40%; background: -webkit-linear-gradient(to top, #efefef, rgba(239, 239, 239, 0.9), transparent); background: linear-gradient(to top, #efefef, rgba(239, 239, 239, 0.9), transparent); position: absolute; left: 0; bottom: 0;}
.home-banner-swiper .swiper-slide .banner-inner{ width: 100%; position: absolute; left: 0; top: 15vw; color: #fff;}
.home-banner-swiper .swiper-slide .banner-inner-box{ width: 60%; height: 16.98vw; background: url(../images/banner-inner-bg.png) center no-repeat; background-size: cover; border-radius: 0.01rem solid #fff; border-radius: 0.08rem; padding: 3.385vw 0.6rem; font-size:  0.24rem; color: #3e4854; line-height: 1.8; box-shadow:0 0 0.4rem rgba(104, 121, 143, 0.28);}
.home-banner-swiper .swiper-slide .banner-inner .title{ font-size: 0.5rem; color: #d4810e; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-banner-swiper .swiper-slide .banner-inner .cont{ margin-top: 0.2rem;}
.home-banner-swiper .swiper-pagination{ width: auto; left: 13.2vw; bottom: auto; top: 28.5vw;}

.home-banner-thumbs{ width: 100%; position: absolute; left: 0; bottom: 0.5rem;}
.home-banner-thumbs-swiper{ /* padding: 0 0.65rem; */}
.home-banner-thumbs-swiper .swiper-wrapper{ left: 2px;}
.home-banner-thumbs-swiper .swiper-slide{ float: left; width: 25%; cursor: pointer;}
.home-banner-thumbs-swiper .swiper-slide .block-box{ padding: 0 0.4rem; font-size: 0.2rem; color: rgba(0, 0, 0, 0.7); position: relative;}
.home-banner-thumbs-swiper .swiper-slide .block-box::before{ content: ''; width: 0.01rem; height: 100%; background-color: #cbcbcb; position: absolute; top: 0; right: 0;}
.home-banner-thumbs-swiper .swiper-slide .block-box .title{ font-weight: bold;}
.home-banner-thumbs-swiper .swiper-slide .block-box .title span{ display: inline-block; vertical-align: top; border-bottom: 0.04rem solid transparent;}
.home-banner-thumbs-swiper .swiper-slide .block-box .cont{ margin-top: 0.05rem; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.home-banner-thumbs-swiper .swiper-slide-thumb-active .block-box{ color: #000;}
.home-banner-thumbs-swiper .swiper-slide-thumb-active .block-box .title span{ border-color: #d4810e;}
.home-banner-thumbs .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); z-index: 5; cursor: pointer; display: none;}
.home-banner-thumbs .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.home-banner-thumbs .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.home-banner-thumbs-swiper .swiper-slide:last-child .block-box::before{ display: none;}

.home-function{ padding: 0.5rem 0;}
.home-function-inner{ background-color: #fff; border-radius: 0.15rem; padding: 0.8rem 0.65rem;}
.home-function-swiper{ margin: 0.6rem -0.15rem 0 -0.15rem;}
.home-function-swiper .swiper-slide{ padding: 0 0.15rem;}
.home-function-swiper .swiper-slide .block-box{ position: relative; border-radius: 0.15rem; overflow: hidden;}
.home-function-swiper .swiper-slide .block-box .pic{ position: relative; overflow: ;}
.home-function-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-function-swiper .swiper-slide .block-box .pic::before{ content: ''; width: 100%; height: 80%; background: -webkit-linear-gradient(to top, #000, transparent); background: linear-gradient(to top, #000, transparent); position: absolute; left: 0; bottom: 0; z-index: 5;}
.home-function-swiper .swiper-slide .block-box .title{ width: 100%; position: absolute; left: 0; bottom: 0.6rem; z-index: 9; text-align: center; font-size: 0.28rem; font-weight: bold; color: #fff;}
.home-function-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.home-function-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem;}
.home-function-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.home-function-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(33, 46, 67, 0.13); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.home-function-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.home-function-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.home-function-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.home-function-swiper .swiper-page-inner .swiper-pagination{ width: 2.4rem !important; height: 0.01rem; background-color: #000; position: initial;}
.home-function-swiper .swiper-page-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ height: 0.05rem; margin-top: -0.02rem; background-color: #f5ab63; border-radius: 0.05rem;}

.home-title-box{ font-size: 0.2rem; text-align: center;}
.home-title-box .top-title{ font-size: 0.5rem; line-height: 1;}
.home-title-box .cont{ color: #848484; margin-top: 0.3rem;}
.home-title-box .more-btn{ margin-top: 0.2rem; text-align: center;}
.home-title-box .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}

.home-product-platform{ padding: 0.5rem 0.6rem;}
.home-product-platform-list{ margin-top: 0.6rem;}
.home-product-platform-list ul{ margin: 0 -0.15rem;}
.home-product-platform-list li{ float: left; width: 50%; padding: 0 0.15rem;}
.home-product-platform-list li .block-box{ background-color: #fff; border-radius: 0.15rem; overflow: hidden; position: relative;}
.home-product-platform-list li .block-box .bg{ width: 100%; position: absolute; top: 0; left: 0;}
.home-product-platform-list li .block-box .bg img{ display: block; width: 100%;}
.home-product-platform-list li .block-box .bg::before{ content: ''; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0.5), transparent); background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0.5), transparent);}
.home-product-platform-list li .block-box .cont-inner{ position: relative; padding: 5.5rem 0.2rem 0.75rem 0.2rem;}
.home-product-platform-list li .block-box .cont-inner .type{ font-size: 0.4rem; /* color: #fff; */ line-height: 1; padding: 0 0.6rem; text-align: center;}
.home-product-platform-list li .block-box .cont-inner .pic{ width: 3rem; height: 3rem; position: absolute; right: 5%; top: 35%;}
.home-product-platform-list li .block-box .cont-inner .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.home-product-platform-list li .block-box .cont-inner .links{ text-align: center; font-size: 0.2rem; margin-top: 0.2rem;}
.home-product-platform-list li .block-box .cont-inner .links dl{ margin: 0 -0.2rem;}
.home-product-platform-list li .block-box .cont-inner .links dd{ display: inline-block; vertical-align: top; margin: 0 0.2rem;}
.home-product-platform-list li .block-box .cont-inner .links dd a{ display: inline-block; vertical-align: top; padding-right: 0.3rem; background: url(../images/icon/icon-links.png) right center no-repeat; background-size: auto 0.15rem;}
.home-product-platform-list li .block-box .cont-inner .links dd a:hover{ background-image: url(../images/icon/icon-links-on.png); color: #ec7230;}

.home-platform{ margin-top: 0.5rem; background: url(../images/home-platform-bg.jpg) center no-repeat; background-size: cover; padding: 2.6rem 0 2.1rem 0;}
.home-platform-inner{ position: relative;}
.home-platform-inner .cont-inner{ width: 32.187vw; position: absolute; top: 50%; transform:translateY(-50%); left: 7vw; font-size: 0.2rem; color: #212e43;}
.home-platform-inner .cont-inner .top-title{ font-size: 0.5rem; font-weight: bold; line-height: 1;}
.home-platform-inner .cont-inner .cont{ margin-top: 0.3rem;}
.home-platform-inner .cont-inner .more-btn{ margin-top: 0.4rem;}
.home-platform-inner .cont-inner .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}

.home-platform-swiper{ float: right; width: 56.51vw; position: relative;}
.home-platform-swiper .swiper-slide{}
.home-platform-swiper .swiper-slide .block-box{ padding: 0.35rem; overflow: hidden; /* box-shadow: 0 0.11rem 0.32rem #2660b3; */}
.home-platform-swiper .swiper-slide .block-box img{ display: block; width: 100%; border: 1px solid #a3cfff; border-radius: 0.08rem;}
.home-platform-swiper .swiper-slide-active .block-box{ background-color: rgba(255, 255, 255, 0.3); border: 0.01rem solid #5d95f0; border-radius: 0.08rem;}
.home-platform-swiper .swiper-pagination{ width: auto; left: -35.5vw; bottom: -0.15rem;}

.home-user-value{ padding: 1rem 0 1.6rem 0; overflow: hidden;}
.home-user-value-list{ margin: 1rem -0.3rem 0 -0.3rem; position: relative;}
.home-user-value-list .swiper-container{ overflow: initial;}
.home-user-value-list .swiper-slide{ float: left; width: 33.333%; padding: 0 0.3rem;}
.home-user-value-list .swiper-slide .block-box{ position: relative; -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, 0.2));}
.home-user-value-list .swiper-slide .block-box .pic{ background-color: #000; position: relative; border-radius: 0.15rem; overflow: hidden;}
.home-user-value-list .swiper-slide .block-box .pic img{ display: block; width: 100%; opacity: 0.53; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-user-value-list .swiper-slide .block-box .pic::before{ content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(to top, #000, transparent, #000); background: linear-gradient(to top, #000, transparent, #000); position: absolute; left: 0; bottom: 0;}
.home-user-value-list .swiper-slide .block-box .cont-inner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff;}
.home-user-value-list .swiper-slide .block-box .cont-inner .title{ width: 100%; position: absolute; left: 0; top: 0.5rem; padding: 0 0.5rem; font-size: 0.4rem;}
.home-user-value-list .swiper-slide .block-box .cont-inner .cont{ width: 100%; position: absolute; left: 0; bottom: 0.5rem; padding: 0 0.5rem; font-size: 0.2rem; line-height: 1.2;}
.home-user-value-list .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.home-news{ padding: 0.5rem 0;}
.home-news-swiper{ margin-top: 0.6rem; padding: 0 0.65rem; position: relative;}
.home-news-swiper .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 100%; position: absolute; top: 50%; transform:translateY(calc(-50% - 0.3rem)); z-index: 5; cursor: pointer; display: none;}
.home-news-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.home-news-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.home-news-swiper .swiper-pagination{ position: initial; margin-top: 0.5rem; display: none;}
.home-news-swiper.swiper-animate .swiper-arrow{ display: block;}
.home-news-swiper.swiper-animate .swiper-pagination{ display: block;}

.home-news-swiper-list ul{ margin: 0 -0.2rem;}
.home-news-swiper-list li{ float: left; width: 50%; padding: 0 0.2rem;}
.home-news-swiper-list li .block-box{ position: relative; background-color: #fff; border-radius: 0.15rem; overflow: hidden;}
.home-news-swiper-list li .block-box .pic{ float: left; width: 41.2%; height: 2.2rem; overflow: hidden;}
.home-news-swiper-list li .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-news-swiper-list li .block-box .cont-box{ position: absolute; top: 0; right: 0; z-index: 5; width: 58.8%; padding: 0.5rem 0.4rem 0 0.4rem; font-size: 0.2rem;}
.home-news-swiper-list li .block-box .cont-box .title{ font-size: 0.24rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.home-news-swiper-list li .block-box .cont-box .more-link{ color: #e39134; margin-top: 0.3rem;}

.home-news-swiper-list li:nth-of-type(1) .block-box .pic{ float: none; width: 100%; height: 3.7rem;}
/* .home-news-swiper-list li:nth-of-type(1) .block-box .pic::before{ content: ''; width: 100%; height: 80%; position: absolute; left: 0; bottom: 0; z-index: 3; background: -webkit-linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent); background: linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent);} */
.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box{ /* width: 100%; top: auto; bottom: 0.4rem; color: #fff; */ width: 100%; position: initial; padding: 0.2rem 0.4rem;}
.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box .state{ font-size: 0.32rem; color: #ffbc6d;}
.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box .cont{ margin-top: 0.15rem; color: rgba(255, 255, 255, 0.7); height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display: none;}
.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box .more-link{ margin-top: 0.15rem; display: none;}
.home-news-swiper-list li:nth-of-type(3){ margin-top: 0.4rem;}
.home-news-swiper-list li .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.home-network{ padding: 0.5rem 0;}
.home-network-inner{ background: url(../images/home-network-bg.jpg) center no-repeat #7dcefb; background-size: cover; height: 6.72rem; border-radius: 0.15rem; position: relative;}
.home-network-inner .cont-inner{ width: 20vw; position: absolute; top: 50%; transform:translateY(-50%); left: 0.65rem; color: #fff;}
.home-network-inner .cont-inner .home-title-box{ text-align: left;}
.home-network-inner .cont-inner .home-title-box .top-title{ font-size: 0.4rem;}
.home-network-inner .cont-inner .home-title-box .cont{ color: #fff;}

.home-service-guarantee{ background: url(../images/home-service-guarantee-bg.jpg) center no-repeat; background-size: cover; padding: 0.5rem 0;}
.home-service-guarantee .home-title-box .cont{ color: #545f6a;}
.home-service-guarantee-list{ margin-top: 0.65rem; text-align: center; font-size: 0;}
.home-service-guarantee-list ul{ margin: 0 -0.15rem;}
.home-service-guarantee-list li{ display: inline-block; vertical-align: top; width: 12.5%; padding: 0 0.15rem;}
.home-service-guarantee-list li .block-box .icon{ width: 0.76rem; margin: 0 auto;}
.home-service-guarantee-list li .block-box .icon img{ display: block; width: 100%;}
.home-service-guarantee-list li .block-box .title{ font-size: 0.2rem; color: #6b92b4; margin-top: 0.2rem;}

.side-suspension{ width: 1.16rem; height: 3.2rem; position: fixed; right: 0.22rem; bottom: 1rem; z-index: 999;}
.side-suspension-inner{ background-color: rgba(74, 140, 227, 0.77); border: 1px solid #8392b0; border-radius: 0.08rem; padding: 0.25rem 0.1rem;}
.side-suspension-inner li{ line-height: 0.48rem; background-color: #fff; border-radius: 0.08rem; text-align: center; font-size: 0.18rem; margin-top: 0.08rem; cursor: pointer;}
.side-suspension-inner li:first-child{ margin-top: 0;}
.side-suspension-inner li:hover{ color: #f18d04;}
.side-suspension-inner li a{ display: block;}
.side-suspension-inner li a:hover{ color: #f18d04;}
.side-suspension-inner .return-top{ width: 0.48rem; height: 0.48rem; background: url(../images/icon/icon-return-top.png) center no-repeat; background-size: cover; margin: 0.5rem auto 0.1rem auto; cursor: pointer; display: none;}

.side-suspension .social-media-box{ padding-right: 0.08rem; position: absolute; top: 0; right: 100%; display: none;}
.side-suspension .social-media-inner{ width: 5.32rem; height: 3.2rem; background-color: rgba(74, 140, 227, 0.77); border: 1px solid #8392b0; border-radius: 0.08rem; padding: 0.4rem 0.35rem; position: relative;}
.side-suspension .social-media-inner .social-media-close{ width: 0.2rem; height:  0.2rem; background: url(../images/icon/layer-close.png) center no-repeat; background-size: cover; position: absolute; top: 0.17rem; right: 0.17rem; cursor: pointer;}
.side-suspension .social-media-inner .social-media-cont .top-title{ font-size: 0.24rem; font-weight: bold; color: #fff;}
.side-suspension .social-media-inner .social-media-cont .list-box{ margin-top: 0.3rem; font-size: 0; text-align: center;}
.side-suspension .social-media-inner .social-media-cont .list-box ul{ margin: 0 -0.15rem;}
.side-suspension .social-media-inner .social-media-cont .list-box li{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.15rem;}
.side-suspension .social-media-inner .social-media-cont .list-box li .block-box .pic{ padding: 0.08rem; background-color: #fff; border-radius: 0.08rem;}
.side-suspension .social-media-inner .social-media-cont .list-box li .block-box .pic img{ display: block; width: 100%;}
.side-suspension .social-media-inner .social-media-cont .list-box li .block-box .title{ font-size: 0.16rem; color: #fff; margin-top: 0.15rem;}


.sub-banner{ position: relative;}
.sub-banner img{ display: block; width: 100%;}
.sub-banner .banner-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); font-size: 0.2rem; color: #fff; padding-top: 0.45rem;}
.sub-banner .banner-inner .title{ font-size: 0.5rem; line-height: 1.2;}
.sub-banner .banner-inner .cont{ margin-top: 0.2rem;}
.sub-banner .banner-inner .banner-btn{ margin-top: 0.3rem;}
.sub-banner .banner-inner .banner-btn a{ display: inline-block; vertical-align: top; font-size: 0.2rem; color: #f18d03; line-height: 0.42rem; margin-right: 0.35rem;}
.sub-banner .banner-inner .banner-btn a:last-child{ margin-right: 0;}
.sub-banner .banner-inner .banner-btn .buy-btn{ width: 1.24rem; background-color: #e39134; color: #fff; border-radius: 0.42rem; text-align: center;}
.sub-banner .swiper-pagination{ width: auto; left: 6.5vw; bottom: 12%;}

.sub-banner.product .banner-inner{ color: #000;}
.sub-banner.product .banner-inner .cont{ color: #004eaf;}
.sub-banner.product .swiper-pagination-bullet{ background-color: #000; opacity: 0.14;}
.sub-banner.product .swiper-pagination-bullet-active{ background-color: #e29134; opacity: 1;}

.sub-banner.side-banner .banner-inner{ color: #000;}
.sub-banner.side-banner::before{ content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(to top, rgba(000,000,000,0.8), transparent); background: linear-gradient(to top, rgba(000,000,000,0.8), transparent); position: absolute; left: 0; bottom: 0;}
.sub-banner.side-banner .banner-inner{ color: #fff;}

.sub-banner.contactus-banner .banner-inner{ color: #fff;}


.hytd-section{ padding: 0.5rem 0;}
.hytd-swiper{ margin: 0.6rem -0.2rem 0 -0.2rem;}
.hytd-swiper .swiper-slide{ float: left; width: 25%; padding: 0 0.2rem;}
.hytd-swiper .swiper-slide .block-box{ background-color: #fff; border-radius: 0.08rem; overflow: hidden; position: relative;}
.hytd-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.hytd-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.hytd-swiper .swiper-slide .block-box .cont-box{ height: 1.35rem; padding: 0.3rem 0.3rem 0 0.3rem;}
.hytd-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem;}
.hytd-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem; display: none;}
.hytd-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.hytd-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.hytd-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.hytd-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.hytd-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.hytd-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.hytd-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.hytd-swiper.swiper-animate .swiper-page{ display: block;}

.hytd-inner{ font-size: 0.2rem; margin-top: 0.6rem;}
.hytd-inner p{ margin-top: 0.2rem;}
.hytd-inner .img{ margin-top: 0.4rem; background-color: #fff;}
.hytd-inner img{ display: block; width: 65%; margin: 0 auto;}

.syhy-section{ padding: 0.5rem 0;}

.syhy-swiper{ margin: 0.6rem -0.2rem 0 -0.2rem;}
.syhy-swiper .swiper-slide{ float: left; width: 25%; padding: 0 0.2rem;}
.syhy-swiper .swiper-slide .block-box{ background-color: #fff; border-radius: 0.08rem; overflow: hidden; position: relative;}
.syhy-swiper .swiper-slide .block-box .pic{ position: relative; overflow: hidden;}
.syhy-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.syhy-swiper .swiper-slide .block-box .pic:before{ content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 3; background: -webkit-linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent); background: linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent);}
.syhy-swiper .swiper-slide .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0.5rem; z-index: 5; padding: 0 0.4rem; font-size: 0.2rem; color: #fff;}
.syhy-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
.syhy-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.1rem; display: none;}
.syhy-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem;}
.syhy-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.syhy-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.syhy-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.syhy-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.syhy-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.syhy-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.syhy-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.syhy-swiper .swiper-slide .block-box:hover .cont-box .cont{ display: block;}

.yybj-swiper{ margin: 0.6rem -0.2rem 0 -0.2rem;}
.yybj-swiper .swiper-slide{ float: left; width: 25%; padding: 0 0.2rem;}
.yybj-swiper .swiper-slide .block-box{ background-color: #fff; border-radius: 0.08rem; overflow: hidden; position: relative;}
.yybj-swiper .swiper-slide .block-box .pic{ position: relative; overflow: hidden;}
.yybj-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.yybj-swiper .swiper-slide .block-box .pic:before{ content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 3; background: -webkit-linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent); background: linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent);}
.yybj-swiper .swiper-slide .block-box .cont-box{ /* width: 100%; position: absolute; left: 0; bottom: 0.5rem; z-index: 5; */ padding: 0.2rem 0.4rem; font-size: 0.2rem; /* color: #fff; */}
.yybj-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.yybj-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.1rem; display: none;}
.yybj-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem;}
.yybj-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.yybj-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.yybj-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.yybj-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.yybj-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.yybj-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.yybj-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
/* .yybj-swiper .swiper-slide .block-box:hover .cont-box .cont{ display: block;} */

.yycj-section{ padding: 0.5rem 0; background: url(../images/yycj-bg.jpg) center no-repeat; background-size: cover;}
.yycj-section .home-title-box{ color: #fff;}
.yycj-section .home-title-box .cont{ color: #fff;}
.yycj-swiper{ margin-top: 0.6rem;}
.yycj-swiper .swiper-slide{ padding: 0 0.2rem;}
.yycj-swiper .swiper-slide .block-box{ border-radius: 0.08rem; overflow: hidden; position: relative; background-color: #fff;}
.yycj-swiper .swiper-slide .block-box .pic{ position: relative; overflow: hidden;}
.yycj-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.yycj-swiper .swiper-slide .block-box .pic:before{ content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 3; background: -webkit-linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent); background: linear-gradient(to top, #000, rgba(000, 000, 000, 0.3), transparent);}
.yycj-swiper .swiper-slide .block-box .cont-box{ width: 100%; padding: 0.2rem 0.4rem; font-size: 0.2rem;}
.yycj-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.yycj-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem;}
.yycj-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.yycj-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.yycj-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.yycj-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.yycj-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.yycj-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.yycj-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.xgcptj-section{ padding: 0.5rem 0;}
.xgcptj-swiper{ margin: 0.7rem -0.2rem 0 -0.2rem;}
.xgcptj-swiper .swiper-slide{ float: left; width: 25%; padding: 0 0.2rem;}
.xgcptj-swiper .swiper-slide .block-box{ background: url(../images/xgcptj-box-bg.png) top center no-repeat #fff; background-size: 100% auto; border-radius: 0.15rem; overflow: hidden; position: relative; padding: 0.6rem 0.4rem;}
.xgcptj-swiper .swiper-slide .block-box .pic{ width: 2.42rem; height: 2.42rem; margin: 0 auto;}
.xgcptj-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.xgcptj-swiper .swiper-slide .block-box .cont-box{ text-align: center; margin-top: 0.4rem;}
.xgcptj-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.xgcptj-swiper .swiper-slide .block-box .cont-box .more-btn{ margin-top: 0.4rem;}
.xgcptj-swiper .swiper-slide .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}
.xgcptj-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem; display: none;}
.xgcptj-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.xgcptj-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.xgcptj-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.xgcptj-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.xgcptj-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.xgcptj-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.xgcptj-swiper.swiper-animate .swiper-page{ display: block;}

.product-label-section{ padding: 0.5rem 0;}
.product-label-list{ margin-top: 0.6rem;}
.product-label-list ul{ display: flex; padding: 0 1rem;}
.product-label-list li{ flex: 1; padding: 0 0.55rem; text-align: center;}
.product-label-list li .block-box .pic{ width: 1.3rem; height: 1.53rem; background: url(../images/product-label-bg.png) center no-repeat; background-size: cover; margin: 0 auto; position: relative;}
.product-label-list li .block-box .pic .num{ width: 0.92rem; position: absolute; top: 0.58rem; left: 0.18rem; font-size: 0.2rem; color: #fff; text-align: center; line-height: 1;}
.product-label-list li .block-box .title{ font-size: 0.24rem; color: #5d94da; margin-top: 0.3rem;}

.product-center-list-section{ padding: 0.5rem 0; background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}
.product-center-list-section .home-title-box{ color: #fff;}
.product-center-list-section .home-title-box .cont{ color: #fff;}
.product-center-list{ margin-top: 0.6rem;}
.product-center-list-inner{ font-size: 0; text-align: center;}
.product-center-list-inner .box{ display: none;}
.product-center-list-swiper-hidden{ display: none;}
.product-center-list-swiper{ margin: 0 -0.2rem;}
.product-center-list-swiper .swiper-slide{ display: inline-block; vertical-align: top; width: 33.333%; padding: 0 0.2rem;}
.product-center-list-swiper .swiper-slide .block-box{ background-color: #fff; padding: 0.6rem 0.4rem;}
.product-center-list-swiper .swiper-slide .block-box .pic{ width: 2.6rem; margin: 0 auto;}
.product-center-list-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.product-center-list-swiper .swiper-slide .block-box .cont-box{ text-align: center; margin-top: 0.4rem;}
.product-center-list-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem; font-weight: bold;}
.product-center-list-swiper .swiper-slide .block-box .cont-box .cont{ font-size: 0.2rem; color: #4f85cf; margin-top: 0.1rem;}
.product-center-list-swiper .swiper-slide .block-box .cont-box .list-btn{ margin-top: 0.3rem;}
.product-center-list-swiper .swiper-slide .block-box .cont-box .list-btn a{ display: inline-block; vertical-align: top; font-size: 0.2rem; color: #f18d03; line-height: 0.42rem; margin-right: 0.25rem;}
.product-center-list-swiper .swiper-slide .block-box .cont-box .list-btn .buy-btn{ width: 1rem; background-color: #e39134; color: #fff; border-radius: 0.42rem; text-align: center;}

.product-center-list-tabs{ margin-top: 0.45rem; font-size: 0; text-align: center;}
.product-center-list-tabs ul{ margin: 0 -0.15rem;}
.product-center-list-tabs li{ display: inline-block; vertical-align: top; padding: 0 0.15rem; font-size: 0.24rem; cursor: pointer;}
.product-center-list-tabs li .title{ padding-left: 0.3rem; position: relative;}
.product-center-list-tabs li .title::before{ content: ''; width: 0.2rem; height: 0.1rem; border-radius: 0.1rem; background-color: #000; opacity: 0.14; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.product-center-list-tabs li.active .title::before{ background-color: #e29134; opacity: 1;}

.software-product-section{ padding: 0.5rem 0; position: relative;}
.software-product-section .home-title-box{ position: absolute; left: 0.8rem; top: 0.6rem; z-index: 5;}

.software-product-swiper .swiper-container{ background-color: #fff;;}
.software-product-swiper .swiper-slide{ position: relative;}
.software-product-swiper .swiper-slide .pic{ float: right; width: 55%;}
.software-product-swiper .swiper-slide .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.software-product-swiper .swiper-slide .cont-inner{ width: 48%; padding: 0.8rem; position: absolute; top: 50%; transform:translateY(-50%); left: 0; z-index: 5;}
.software-product-swiper .swiper-slide .cont-inner .top-title{ font-size: 0.4rem; color: #4982c3;}
.software-product-swiper .swiper-slide .cont-inner .cont{ font-size: 0.2rem; color: #848484; margin-top: 0.3rem;}
.software-product-swiper .swiper-slide .cont-inner .more-btn{ margin-top: 0.4rem;}
.software-product-swiper .swiper-slide .cont-inner .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}
.software-product-swiper .swiper-pagination{ width: auto; left: 0.8rem; bottom: auto; top: 78.947%;}
.software-product-swiper .swiper-pagination-bullet{ background-color: #000; opacity: 0.14;}
.software-product-swiper .swiper-pagination-bullet-active{ background-color: #e29134; opacity: 1;}

.product-software-section{ padding: 0.5rem 0;}
.product-software-block{ margin-top: 0.6rem; background-color: #fff; /* padding: 0.8rem 0; */ position: relative;}
.product-software-block .pic{ float: right; width: 55%;}
.product-software-block .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.product-software-block .cont-inner{ width: 48%; padding: 0.8rem; position: absolute; top: 50%; transform:translateY(-50%); left: 0; z-index: 5;}
.product-software-block .cont-inner .type{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.product-software-block .cont-inner .top-title{ font-size: 0.5rem; color: #2063d0; font-weight: bold; line-height: 1.2;}
.product-software-block .cont-inner .s-title{ font-size: 0.24rem; color: #4f85cf; margin-top: 0.1rem;}
.product-software-block .cont-inner .cont{ font-size: 0.2rem; color: #4a4a4a; margin-top: 0.3rem;}
.product-software-block .cont-inner .more-btn{ margin-top: 0.4rem;}
.product-software-block .cont-inner .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}

.product-list-section{ padding: 0.5rem 0;}
.product-list-tabs{ font-size: 0; text-align: center;}
.product-list-tabs ul{ margin: 0 -0.15rem;}
.product-list-tabs li{ display: inline-block; vertical-align: top; padding: 0 0.15rem; font-size: 0.24rem; cursor: pointer;}
.product-list-tabs li .title{ padding-left: 0.3rem; position: relative;}
.product-list-tabs li .title::before{ content: ''; width: 0.2rem; height: 0.1rem; border-radius: 0.1rem; background-color: #000; opacity: 0.14; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.product-list-tabs li.active .title::before{ background-color: #e29134; opacity: 1;}
.product-list-content .box{ display: none;}
.product-list-block{ margin-top: 0.4rem; background-color: #f6faff; position: relative;}
.product-list-block .pic{ width: 35%; height: 100%; position: absolute; left: 0; top: 0;}
.product-list-block .pic img{ display: block; width: 2.6rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.product-list-block .cont-inner{ float: right; width: 65%; padding: 0.6rem 0.8rem; background-color: #fff; min-height: 4.05rem;}
.product-list-block .cont-inner .top-title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.product-list-block .cont-inner .s-title{ font-size: 0.24rem; color: #4f85cf; margin-top: 0.1rem;}
.product-list-block .cont-inner .cont{ font-size: 0.2rem; color: #4a4a4a; margin-top: 0.3rem;}
.product-list-block .cont-inner .list-btn{ margin-top: 0.4rem;}
.product-list-block .cont-inner .list-btn a{ display: inline-block; vertical-align: top; font-size: 0.2rem; color: #f18d03; line-height: 0.42rem; margin-right: 0.25rem;}
.product-list-block .cont-inner .list-btn .buy-btn{ width: 1rem; background-color: #e39134; color: #fff; border-radius: 0.42rem; text-align: center;}

.product-jcypt-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.product-jcypt-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.4;}
.product-jcypt-layer .layer-container{ width: 100%; height: 100%; padding: 0.4rem; position: absolute; top: 0; left: 0;}
.product-jcypt-layer .layer-close{ width: 0.5rem; height: 0.5rem; background: url(../images/icon/icon-layer-close.png) center no-repeat; background-size: 0.28rem; position: absolute; top: 0.6rem; right: 0.6rem; z-index: 5; cursor: pointer;}
.product-jcypt-layer .layer-inner{ background-color: #fff; border-radius: 0.08rem; height: 100%; overflow-y: auto; padding: 0.8rem 0.6rem;}
.product-jcypt-layer .layer-inner .top-title-box{ text-align: center;}
.product-jcypt-layer .layer-inner .top-title-box .type{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.product-jcypt-layer .layer-inner .top-title-box .top-title{ font-size: 0.32rem; color: #2063d0; font-weight: bold; line-height: 1.2; margin-top: 0.2rem;}
.product-jcypt-swiper{ margin-top: 0.6rem; background-color: #f3f3f3; border-radius: 0.08rem; padding: 0.4rem; position: relative;}
.product-jcypt-swiper .swiper-slide{ padding: 0 0.65rem;}
.product-jcypt-swiper .swiper-slide .block-box{ padding-top: 0.2rem;}
.product-jcypt-swiper .swiper-slide .block-box .pic{ padding: 0.35rem; background-color: #fff; border: 1px solid #a3cfff; border-radius: 0.08rem; overflow: hidden; box-shadow: 0 0.11rem 0.32rem rgba(172, 181, 193, 0.38);}
.product-jcypt-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; border: 1px solid #a3cfff; border-radius: 0.08rem;}
.product-jcypt-swiper .swiper-slide .block-box .cont{ margin-top: 0.4rem; font-size: 0.2rem; color: #4a4a4a; text-align: center; padding: 0 0.4rem; display: none;}
.product-jcypt-swiper .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 38.5%; z-index: 9; cursor: pointer;}
.product-jcypt-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 12.8%;}
.product-jcypt-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 12.8%;}
.product-jcypt-swiper .swiper-pagination{ position: initial; margin-top: 0.3rem;}
.product-jcypt-swiper .swiper-pagination-bullet{ background-color: #000; opacity: 0.14;}
.product-jcypt-swiper .swiper-pagination-bullet-active{ background-color: #e29134; opacity: 1;}

.product-jcypt-swiper .swiper-slide-active .block-box .cont{ display: block;}

.product-jcypt-layer .layer-inner::-webkit-scrollbar{ width: 0.05rem;}
.product-jcypt-layer .layer-inner::-webkit-scrollbar-thumb{ background: #f18d01; border-radius: 0.05rem;}
.product-jcypt-layer .layer-inner::-webkit-scrollbar-track{ background: transparent;}

.product-jcypt-list{ margin-top: 0.4rem;}
.product-jcypt-list ul{ margin: 0 -0.2rem}
.product-jcypt-list li{ float: left; width: 50%; padding: 0 0.2rem;}
.product-jcypt-list li .block-box{ background: url(../images/product-jcypt-li-bg.jpg) center no-repeat; background-size: cover; border-radius: 0.15rem; padding: 0.6rem 1rem; position: relative;}
.product-jcypt-list li .block-box .pic{ float: left; width: 40%;}
.product-jcypt-list li .block-box .pic img{ display: block; width: 100%;}
.product-jcypt-list li .block-box .cont-box{ width: 62%; position: absolute; top: 50%; transform:translateY(-50%); right: 0; padding-right: 1rem; text-align: center;}
.product-jcypt-list li .block-box .cont-box .top-title{ font-size: 0.4rem;}
.product-jcypt-list li .block-box .cont-box .more-btn{ margin-top: 0.3rem;}
.product-jcypt-list li .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; width: 1.24rem; line-height: 0.42rem; background-color: #e39134; font-size: 0.2rem; color: #fff; border-radius: 0.42rem; text-align: center;}

.learn-more-hidden{ display: none;}


.product-detail-banner{ height: 100vh; background: url(../images/product-header-bg.jpg) bottom center no-repeat; background-size: cover; position: relative;}
.product-detail-banner .banner-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); font-size: 0.2rem; color: #000; text-align: center; padding-top: 0.8rem;}
.product-detail-banner .banner-inner .title{ font-size: 0.5rem; line-height: 1.2;}
.product-detail-banner .banner-inner .cont{ margin-top: 0.2rem; color: #004eaf;}
.product-detail-banner .product-detail-swiper-inner{ width: 6rem; margin: 0.4rem auto 0 auto;}
.product-detail-big-swiper{ position: relative;}
.product-detail-big-swiper .swiper-slide .block-box img{ width: 45%; margin: 0 auto;}
.product-detail-big-swiper .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); z-index: 9; cursor: pointer; box-shadow: 0 0.1rem 0.3rem rgba(33, 45, 81, 0.42);}
.product-detail-big-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: -32%;}
.product-detail-big-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: -32%;}
.product-detail-thumbs-swiper{ margin: 0.3rem -0.1rem 0 -0.1rem;}
.product-detail-thumbs-swiper .swiper-slide{ padding: 0 0.1rem;}
.product-detail-thumbs-swiper .swiper-slide .block-box{ padding: 0.1rem 0; background-color: #fff; border: 0.02rem solid #dadada; border-radius: 0.1rem;}
.product-detail-thumbs-swiper .swiper-slide .block-box img{ width: 45%; margin: 0 auto;}
.product-detail-thumbs-swiper .swiper-slide-thumb-active .block-box{ border-color: #f18d03;}
.product-detail-btn-box{ margin-top: 0.5rem; text-align: center;}
.product-detail-btn-box a{ display: inline-block; vertical-align: top; margin: 0 0.15rem; width: 1.68rem; line-height: 0.46rem; background-color: #f18d03; border-radius: 0.46rem; font-size: 0.2rem; color: #fff; text-align: center;}

.product-advantage-section{ padding: 0.5rem 0;}
.product-advantage-list{ margin-top: 0.35rem; font-size: 0; text-align: center;}
.product-advantage-list ul{ margin: 0 -0.15rem;}
.product-advantage-list li{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.15rem;}
.product-advantage-list li .block-box{ position: relative; border-radius: 0.08rem; overflow: hidden;}
.product-advantage-list li .block-box .pic img{ display: block; width: 100%;}
.product-advantage-list li .block-box .cont-box{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding: 0 0.4rem; font-size: 0.28rem; text-align: center; color: #fff;}
.product-advantage-list li .block-box .cont-box .icon{ width: 1.4rem; margin: 0 auto;}
.product-advantage-list li .block-box .cont-box .icon img{ display: block; width: 100%;}
.product-advantage-list li .block-box .cont-box p{ margin-top: 0.1rem;}

.product-advantage-swiper{ margin: 0.35rem -0.15rem 0 -0.15rem; font-size: 0; text-align: center;}
.product-advantage-swiper .swiper-wrapper{ display: block;}
.product-advantage-swiper .swiper-slide{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.15rem;}
.product-advantage-swiper .swiper-slide .block-box{ position: relative; border-radius: 0.08rem; overflow: hidden;}
.product-advantage-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.product-advantage-swiper .swiper-slide .block-box .cont-box{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding: 0 0.4rem; font-size: 0.28rem; text-align: center; color: #fff;}
.product-advantage-swiper .swiper-slide .block-box .cont-box .icon{ width: 1.4rem; margin: 0 auto;}
.product-advantage-swiper .swiper-slide .block-box .cont-box .icon img{ display: block; width: 100%;}
.product-advantage-swiper .swiper-slide .block-box .cont-box p{ margin-top: 0.1rem;}
.product-advantage-swiper.swiper-animate .swiper-wrapper{ display: flex;}
.product-advantage-swiper.swiper-animate .swiper-pagination{ position: initial; margin-top: 0.3rem;}

.product-feature-section{ padding: 0.5rem 0;}
.product-feature-swiper{ margin: 0.6rem -0.15rem 0 -0.15rem;}
.product-feature-swiper .swiper-container{ overflow: initial;}
.product-feature-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 0.15rem;}
.product-feature-swiper .swiper-slide .block-box{ background-color: #fff; border-radius: 0.08rem; overflow: hidden; position: relative;}
.product-feature-swiper .swiper-slide .block-box .pic{ position: relative; overflow: hidden;}
.product-feature-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.product-feature-swiper .swiper-slide .block-box .cont-box{ padding: 0.3rem 0.4rem; font-size: 0.2rem; color: #4a4a4a;}
.product-feature-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem; color: #000;}
.product-feature-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.1rem; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.product-feature-swiper .swiper-page{ text-align: center; margin-top: 0.6rem; height: 0.32rem; display: none;}
.product-feature-swiper .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.98rem; position: relative;}
.product-feature-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(255, 255, 255, 0.58); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.product-feature-swiper .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.product-feature-swiper .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.product-feature-swiper .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
.product-feature-swiper .swiper-page-inner .swiper-pagination{ position: initial;}
.product-feature-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.product-feature-swiper.swiper-animate .swiper-page{ display: block;}

.product-specification-section{ padding: 0.5rem 0;}
.product-specification-inner{ margin-top: 0.6rem; font-size: 0.2rem; background-color: #fff; padding: 0.9rem 1.65rem; border-radius: 0.15rem; box-shadow: 0 0.1rem 0.3rem rgba(33, 45, 81, 0.15); height: 8.6rem; overflow-y: auto;}
.product-specification-inner::before{ content: ''; width: 100%; height: 2rem; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(to bottom, transparent, #fff); background: linear-gradient(to bottom, transparent, #fff);}
.product-specification-inner .home-title-box{ margin: 0.4rem 0 0.3rem 0;}

.product-specification-inner::-webkit-scrollbar{ width: 0.05rem;}
.product-specification-inner::-webkit-scrollbar-thumb{ background: #f18d04;}
.product-specification-inner::-webkit-scrollbar-track{ background: #dadada;}

.product-specification-inner img{ display: block; width: 100%;}

table{ width: 100%; border-top: 1px solid #373737; border-left: 1px solid #373737;}
table th{ padding: 0.1rem 0.2rem; border-bottom: 0.01rem solid #373737; border-right: 1px solid #373737;}
table td{ padding: 0.1rem 0.2rem; border-bottom: 0.01rem solid #373737; border-right: 1px solid #373737;}

.product-quick-suspension{ width: 2.95rem; max-height: calc(100vh - 0.9rem); background-color: rgba(255, 255, 255, 0.75); border-radius: 0 0 0.08rem 0; position: fixed; left: 0; top: 0.9rem; z-index: 999; overflow-y: auto; padding: 0.1rem 0;}
.product-quick-suspension-item .item-title{ padding: 0 0.2rem;}
.product-quick-suspension-item .item-title .title-box{ padding: 0.15rem 0.05rem; font-size: 0.24rem; line-height: 1; border-bottom: 0.01rem solid rgba(80, 80, 80, 0.15); position: relative; cursor: pointer;}
.product-quick-suspension-item .item-title .title-box .icon{ width: 0.3rem; height: 0.3rem; background: url(../images/icon/icon-add.png) center no-repeat #f7f7f7; background-size: 0.13rem; border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); right: 0.05rem;}
.product-quick-suspension-item .item-title .title-box:hover,.product-quick-suspension-item .item-title .title-box.active{ color: #f18d03;}
.product-quick-suspension-item .item-title .title-box:hover .icon,.product-quick-suspension-item .item-title .title-box.active .icon{ background-image: url(../images/icon/icon-minus.png);}
.product-quick-suspension-item .two-list{ display: none;}
.product-quick-suspension-item .two-list li .title-box{ padding: 0.15rem 0.25rem; font-size: 0.18rem; line-height: 1; position: relative; cursor: pointer;}
.product-quick-suspension-item .two-list li .title-box .icon{ content: ''; width: 0.16rem; height: 0.16rem; background: url(../images/icon/icon-product-quick-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0.3rem;}
.product-quick-suspension-item .two-list li .title-box:hover,.product-quick-suspension-item .two-list li .title-box.active{ background-color: #f18d03; color: #fff;}
.product-quick-suspension-item .two-list li .title-box:hover .icon,.product-quick-suspension-item .two-list li .title-box.active .icon{ background-image: url(../images/icon/icon-product-quick-arrow-on.png);}
.product-quick-suspension-item .two-list li .three-list{ display: none;}
.product-quick-suspension-item .two-list li .three-list li{ font-size: 0.16rem; line-height: 1;}
.product-quick-suspension-item .two-list li .three-list li a{ display: block; padding: 0.1rem 0.3rem;}
.product-quick-suspension-item .two-list li .three-list li a:hover{ color: #f18d03;}
.product-quick-suspension-item:last-child .item-title .title-box{ border-bottom: 0;}


.solution-section{ padding: 0.5rem 0;}
.solution-list ul{ margin: 0 -0.4rem;}
.solution-list li{ float: left; width: 50%; padding: 0 0.4rem; margin-top: 0.5rem;}
.solution-list li:nth-of-type(1),.solution-list li:nth-of-type(2){ margin-top: 0;}
.solution-list li .block-box{ border-radius: 0.15rem; overflow: hidden; background-color: #fff;}
.solution-list li .block-box .pic{ overflow: hidden;}
.solution-list li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.solution-list li .block-box .cont-box{ padding: 0.55rem 0.65rem; font-size: 0.2rem;}
.solution-list li .block-box .cont-box .top-box .title{ float: left; font-size: 0.4rem; font-weight: bold; line-height: 1;}
.solution-list li .block-box .cont-box .top-box .more-btn{ float: right; min-width: 0.98rem; line-height: 0.45rem; border-radius: 0.45rem; padding: 0 0.15rem; font-size: 0.2rem; text-align: center; background-color: #f18d03; color: #fff;}
.solution-list li .block-box .cont-box .cont{ margin-top: 0.2rem; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.solution-list li .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.download-section{ padding: 0.5rem 0;}
.download-list{ background-color: #fff; padding: 0 0.5rem;}
.download-list li{ padding: 0.3rem 0; border-bottom: 1px solid #f0f0f0;}
.download-list li:last-child{ border-bottom: 0;}
.download-list li .title-cont{ float: left; width: 80%;}
.download-list li .title-cont .title{ font-size: 0.28rem; font-weight: bold; line-height: 1.2;}
.download-list li .title-cont .cont{ font-size: 0.2rem; color: #848484; margin-top: 0.1rem;}
.download-list li .download-btn{ float: right; min-width: 1.24rem; line-height: 0.4rem; background-color: #f18d03; color: #fff; font-size: 0.2rem; text-align: center; border-radius: 0.4rem;}
.download-list li .download-btn span{ background: url(../images/icon/icon-download.png) left center no-repeat; background-size: 0.15rem; padding-left: 0.22rem;}

.page-more{ margin-top: 0.4rem; text-align: center;}
.page-more .page-more-btn{ display: inline-block; vertical-align: top; font-size: 0.24rem; padding-right: 0.3rem; background: url(../images/icon/icon-more.png) right center no-repeat; background-size: 0.2rem; cursor: pointer;}

.support-section{ padding: 0.5rem 0;}
.support-top-cont{ font-size: 0.2rem; text-align: center; color: #000;}
.support-hotline{ font-size: 0.36rem; font-weight: bold; text-align: center; margin-top: 0.6rem;}
.support-list .support-item{ padding: 0.5rem 0.7rem; background-color: #fff; border-radius: 0.08rem; margin-top: 0.6rem;}
.support-list .support-item .top-title{ font-size: 0.4rem; font-weight: bold;}
.support-list .support-item .support-item-inner{ margin-top: 0.5rem;}
.support-list .support-item .support-item-inner .pic{ float: left; width: 33.5%; border-radius: 0.08rem; overflow: hidden;}
.support-list .support-item .support-item-inner .pic img{ display: block; width: 100%;}
.support-list .support-item .support-item-inner .cont-inner{ float: right; width: 66.5%; font-size: 0.2rem; padding-left: 0.8rem;}
.support-list .support-item .support-item-inner .cont-inner .block{ padding: 0.2rem 0.1rem; border-bottom: 1px solid #d3d3d3;}
.support-list .support-item .support-item-inner .cont-inner .block:last-child{ border-bottom: 0;}

.data-download-section{ background: url(../images/data-download-bg.jpg) center no-repeat; background-size: cover; padding: 1.2rem 0;}
.data-download-section .home-title-box{ float: left; color: #fff; line-height: 1;}
.data-download-section .data-download-inner{ float: right; width: 65%;}
.data-download-section .data-download-inner ul{ margin: 0 -0.15rem;}
.data-download-section .data-download-inner li{ float: left; width: 33.333%; padding: 0 0.15rem; text-align: center;}
.data-download-section .data-download-inner li .block-box{ border: 1px solid #fff; line-height: 0.64rem; border-radius: 0.68rem;}
.data-download-section .data-download-inner li .block-box a{ display: block;}
.data-download-section .data-download-inner li .block-box span{ font-size: 0.2rem; color: #fff; padding-right: 0.45rem; background: url(../images/icon/icon-download-on.png) right center no-repeat; background-size: 0.26rem;}
.data-download-section .data-download-inner li .block-box:hover{ background-color: #e29033; border-color: #e29033;}
.data-download-section .data-download-inner li .block-box:hover span{ background-image: url(../images/icon/icon-download.png);}

.latest-news-section{ height: 39vw; background: url(../images/latest-news-bg.jpg) bottom center no-repeat; background-size: cover; overflow: hidden;}
.latest-news-section .edit-container{ height: 100%;}
.latest-news-section .home-title-box{ position: absolute; left: 0.45rem; top: 0; z-index: 5;}
.latest-news-swiper{ margin-top: 2.35rem; position: relative;}
.latest-news-swiper .swiper-slide{ padding-left: 0.45rem;}
.latest-news-swiper .swiper-slide .pic{ float: right; width: 43%; position: relative; border-radius: 0.15rem; overflow: hidden;}
.latest-news-swiper .swiper-slide .pic img{ display: block; width: 100%;}
.latest-news-swiper .swiper-slide .pic::before{ content: ''; width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(to top, #000, transparent); background: linear-gradient(to top, #000, transparent);}
.latest-news-swiper .swiper-slide .cont-inner{ float: left; width: 57%; padding: 1rem 1.8rem 0 0; font-size: 0.2rem;}
.latest-news-swiper .swiper-slide .cont-inner .title-box .type{ font-size: 0.4rem;}
.latest-news-swiper .swiper-slide .cont-inner .title-box .title{ font-size: 0.24rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.latest-news-swiper .swiper-slide .cont-inner .cont{ margin-top: 0.2rem; color: #848484; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.latest-news-swiper .swiper-slide .cont-inner .more-btn{ margin-top: 0.2rem;}
.latest-news-swiper .swiper-slide .cont-inner .more-btn a{ display: inline-block; vertical-align: top; min-width: 0.98rem; line-height: 0.45rem; border-radius: 0.45rem; text-align: center; background-color: #f18d03; color: #fff; padding: 0 0.15rem;}
.latest-news-swiper .swiper-pagination{ text-align: left; padding: 0 0.45rem;}
.latest-news-swiper .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(000, 000, 000, 0.05); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.latest-news-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: -0.65rem;}
.latest-news-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: -0.65rem;}
.latest-news-swiper .swiper-arrow:hover{ background-color: rgba(255, 255, 255, 0.58);}

.news-section{ padding: 0.5rem 0;}
.news-list ul{ margin: 0 -0.2rem;}
.news-list li{ float: left; width: 33.333%; padding: 0 0.2rem; margin-top: 0.4rem;}
.news-list li .block-box{ border-radius: 0.15rem; overflow: hidden;}
.news-list li .block-box .pic{ border-radius: 0.15rem; overflow: hidden;}
.news-list li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.news-list li .block-box .cont-box{ padding: 0.3rem; font-size: 0.2rem; position: relative;}
.news-list li .block-box .cont-box::before{ content: ''; width: 0.58rem; height: 0.4rem; border-radius: 0.4rem; background: url(../images/icon/icon-news-arrow.png) center no-repeat #f18d03; background-size: 0.18rem; position: absolute; right: 0.3rem; bottom: 0.15rem; z-index: 5; display: none;}
.news-list li .block-box .cont-box .title{ font-size: 0.24rem; font-weight: bold;}
.news-list li .block-box .cont-box .cont{ height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top: 0.1rem;}
.news-list li .block-box:hover{ background-color: #fff; box-shadow: 0 0.1rem 0.3rem rgba(33, 45, 81, 0.15);}
.news-list li .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.news-list li .block-box:hover .cont-box::before{ display: block;}

.news-detail-section{ padding: 1.4rem 0 0.5rem 0;}
.news-detail .return-box a{ font-size: 0.2rem; color: #f08b01; background: url(../images/icon/icon-return-arrow.png) left center no-repeat; background-size: 0.17rem; padding-left: 0.25rem;}
.news-detail .detail-title-box{ margin-top: 0.3rem;}
.news-detail .detail-title-box .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.news-detail .detail-title-box .time{ font-size: 0.18rem; margin-top: 0.25rem;}
.news-detail .detail-content{ background-color: #fff; border-radius: 0.15rem; padding: 0.5rem 0 0.9rem 0; margin-top: 0.25rem;}
.news-detail .detail-content .content{ width: 12.4rem; margin: 0 auto; font-size: 0.2rem;}
.news-detail .detail-content .content p{ margin-top: 0.4rem;}
.news-detail .detail-content .content .img{ width: 7.4rem; margin: 0.4rem auto 0 auto;}
.news-detail .detail-content .content .img img{ display: block; width: 100%; border-radius: 0.15rem;}
.news-detail .detail-content .content img{ display: block; width: 7.4rem; border-radius: 0.15rem; margin: 0.4rem auto 0 auto;}
.page-news{ margin-top: 0.5rem;}
.page-news ul{ margin: 0 -0.3rem;}
.page-news li{ float: left; width: 50%; padding: 0 0.3rem;}
.page-news li .block-box .type-title{ font-size: 0.24rem; font-weight: bold;}
.page-news li .block-box .cont-inner{ background-color: #fff; border-radius: 0.15rem; overflow: hidden; margin-top: 0.1rem;}
.page-news li .block-box .cont-inner .pic{ float: left; width: 40%;}
.page-news li .block-box .cont-inner .pic img{ display: block; width: 100%;}
.page-news li .block-box .cont-inner .cont-box{ float: right; width: 60%; padding: 0.5rem 0.4rem;}
.page-news li .block-box .cont-inner .cont-box .title{ font-size: 0.24rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.about-section{ padding: 0.5rem 0;}
.about-top-box{ /* height: 36.875vw; */ background: url(../images/about-top-bg.jpg) left center no-repeat #fff; background-size: 100% 100%; border-radius: 0.15rem; position: relative; overflow: hidden; padding: 0.5rem 0;}
.about-top-box .cont-inner{ width: 43.6%; /* position: absolute; top: 50%; transform:translateY(-50%); right: 0.75rem; */ font-size: 0.2rem; float: right; margin-right: 0.75rem;}
.about-top-box .cont-inner .title{ font-size: 0.5rem; font-weight: bold; line-height: 1.2;}
.about-top-box .cont-inner .cont{ margin-top: 0.3rem; text-align:justify; text-justify:inter-ideograph;}
.about-top-box .cont-inner .cont p{ margin-top: 0.2rem;}

.about-list-item{ background-color: #fff; border-radius: 0.15rem; overflow: hidden; position: relative; margin-top: 0.6rem;}
.about-list-item .pic{ float: right; width: 66.75%;}
.about-list-item .pic img{ display: block; width: 100%;}
.about-list-item .cont-inner{ width: 33.25%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; padding: 0 0.85rem; font-size: 0.2rem;}
.about-list-item .cont-inner .title{ font-size: 0.5rem; font-weight: bold;}
.about-list-item .cont-inner .cont{ margin-top: 0.2rem;}
.about-list-item:nth-child(even) .pic{ float: left;}
.about-list-item:nth-child(even) .cont-inner{ left: auto; right: 0;}

.development-history-section{ padding: 0.5rem 0; background: url(../images/development-history-bg.png) top center no-repeat; background-size: 100% auto;}
.development-history-big-inner{ margin-top: 0.5rem;}
.development-history-big-inner .box{ display: none;}
.development-history-big-inner .year-title{ font-size: 2.38rem; font-weight: bold; line-height: 1; color: #92b2e1; text-align: center; display: none;}
.development-history-big-inner ul{ margin: 0 -0.15rem;}
.development-history-big-inner li{ float: left; width: 25%; padding: 0 0.15rem; margin-top: 0.3rem;}
.development-history-big-inner li .block-box{ border-radius: 0.15rem; padding: 0.3rem; background: -webkit-linear-gradient(to bottom left, #7bbcd5, #8097d1); background: linear-gradient(to bottom left,#7bbcd5, #8097d1); font-size: 0.2rem; color: #fff;}
.development-history-big-inner li .block-box .title{ position: relative; padding-left: 0.15rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.development-history-big-inner li .block-box .title::before{ content: ''; width: 0.05rem; height: 0.05rem; background-color: #fff; border-radius: 100%; position: absolute; left: 0; top: 0.12rem;}

.development-history-thumbs-swiper{ width: 8.3rem; margin: 0.6rem auto 0 auto; padding: 0 0.92rem; position: relative;}
.development-history-thumbs-swiper .swiper-container{}
.development-history-thumbs-swiper .swiper-slide{ padding-bottom: 0.02rem; cursor: pointer;}
.development-history-thumbs-swiper .swiper-slide .block-box{ font-size: 0.2rem; line-height: 0.36rem; text-align: center; padding-bottom: 0.2rem; position: relative; border-bottom: 0.01rem solid #000;}
.development-history-thumbs-swiper .swiper-slide.active .block-box{ font-size: 0.36rem;}
.development-history-thumbs-swiper .swiper-slide.active .block-box::before{ content: ''; width: 0.35rem; height: 0.04rem; background-color: #f18d03; position: absolute; left: 50%; transform:translateX(-50%); bottom: -0.02rem;}

.development-history-thumbs-swiper .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-position: center; background-repeat: no-repeat; background-size: 0.17rem; background-color: rgba(000, 000, 000, 0.05); border-radius: 100%; position: absolute; bottom: -0.26rem; cursor: pointer;}
.development-history-thumbs-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
.development-history-thumbs-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
.development-history-thumbs-swiper .swiper-arrow:hover{ background-color: rgba(255, 255, 255, 0.58);}


.contact-information-section{ padding: 0.5rem 0;}
.contact-information-list{ margin-top: 0.5rem;}
.contact-information-list ul{ margin: 0 -0.15rem;}
.contact-information-list li{ float: left; width: 33.333%; padding: 0 0.15rem; margin-top: 0.3rem;}
.contact-information-list li .block-box{ background-color: #fff; padding: 0.3rem; border-radius: 0.15rem; overflow: hidden; font-size: 0; min-height: 4rem;}
.contact-information-list li .block-box .title{ font-size: 0.28rem; font-weight: bold;}
.contact-information-list li .block-box .cont{ font-size: 0.2rem; color: #4a4a4a; margin-top: 0.1rem;}
/* .contact-information-list li:first-child{ width: 66.666%;}
.contact-information-list li:first-child .block-box .title,.contact-information-list li:first-child .block-box .cont{ display: inline-block; vertical-align: middle; width: 50%;}
.contact-information-list li:first-child .block-box .cont{ margin-top: 0;} */

.contact-information-network{ padding: 0;}

.feedback-section{ padding: 0.5rem 0;}
.feedback-inner{ background-color: #fff; border-radius: 0.15rem; overflow: hidden; margin-top: 0.6rem;}
.feedback-inner .pic{ float: left; width: 50%; height: 7.2rem;}
.feedback-inner .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.feedback-inner .feedback-right{ float: right; width: 50%; padding: 0.3rem 0.9rem 0 0.9rem;}
.feedback-inner .feedback-right .form .form-block{ margin-top: 0.4rem; font-size: 0.2rem; position: relative;}
.feedback-inner .feedback-right .form .form-block:first-child{ margin-top: 0;}
.feedback-inner .feedback-right .form .form-block .input-box{ margin-top: 0.05rem; position: relative;}
.feedback-inner .feedback-right .form .form-block .input-box .input-text{ display: block; width: 100%; font-size: 0.2rem; border: 0.01rem solid #e7e7e7; border-radius: 0.08rem; padding: 0.2rem 0.3rem;}
.feedback-inner .feedback-right .form .form-block .input-box textarea{ display: block; width: 100%; font-size: 0.2rem; border: 0.01rem solid #e7e7e7; border-radius: 0.08rem; padding: 0.2rem 0.3rem; resize: none;}
.feedback-inner .feedback-right .form .form-question .type{ display: inline-block; vertical-align: middle;}
.feedback-inner .feedback-right .form .form-question .input-box{ display: inline-block; vertical-align: middle; margin-top: 0;}
.feedback-inner .feedback-right .form .form-question .input-box label{ margin-right: 0.2rem;}
.feedback-inner .feedback-right .form .form-question .input-box label input,.feedback-inner .feedback-right .form .form-question .input-box label span{ display: inline-block; vertical-align: middle;}
.feedback-inner .feedback-right .form .form-question .input-box label span{ margin-left: 0.05rem;}

.feedback-inner .feedback-right .form .form-block .w2{ float: left; width: 50%; padding-right: 0.2rem; position: relative;}
.feedback-inner .feedback-right .form .form-block .w2:last-child{ padding-right: 0;}

.feedback-inner .feedback-right .form .form-block .input-box.yzm-box .input-text{ float: left; width: 1.82rem;}
.feedback-inner .feedback-right .form .form-block .input-box.yzm-box .yzm-img{ float: left; height: 0.6rem; margin-left: 0.2rem;}
.feedback-inner .feedback-right .form .submit-btn{ margin-top: 0.2rem; text-align: right;}
.feedback-inner .feedback-right .form .submit-btn input{ display: inline-block; vertical-align: top; width: 1.6rem; height: 0.44rem; background-color: #e39134; border: 0; border-radius: 0.44rem; font-size: 0.2rem; color: #fff;}

.default-container{ padding: 1.6rem 0 1rem 0; background-color: #fff;}
.default-title{ font-size: 0.4rem;}
.order-list{ margin-top: 0.45rem;}
.order-list-block{ margin-top: 0.6rem;}
.order-list-block:first-child{ margin-top: 0;}
.order-list-block .wh1,.order-list-block .wh2,.order-list-block .wh3,.order-list-block .wh4,.order-list-block .wh5,.order-list-block .wh6,.order-list-block .wh7{ padding: 0.2rem 0.2rem;}
.order-list-block .wh1{ width: 34%; padding: 0.2rem 0.4rem;}
.order-list-block .wh2,.order-list-block .wh3,.order-list-block .wh4,.order-list-block .wh5,.order-list-block .wh6,.order-list-block .wh7{ width: 11%; text-align: center;}
.order-list-block table{ border: 1px solid #d9d9d9; border-radius: 0.15rem; overflow: hidden;}
.order-list-block table thead{ background-color: #f18d04; font-size: 0.2rem; color: #fff;}
.order-list-block table th,.order-list-block table td{ border: 0;}
.order-list-block table td{ font-size: 0.2rem;}
.order-list-block table td .product-information .pic{ float: left; width: 30%; background-color: #efefef; border: 1px solid #e3e3e3; border-radius: 0.15rem; overflow: hidden;}
.order-list-block table td .product-information .pic img{ display: block; width: 100%;}
.order-list-block table td .product-information .cont-box{ float: right; width: 70%; padding-left: 0.4rem;}
.order-list-block table td .product-information .cont-box .cont{ font-size: 0.2rem;}
.order-list-block table td .product-information .cont-box .invoice{ font-size: 0.2rem; color: #f18d04; margin-top: 0.2rem; cursor: pointer;}
.order-list-block table td .order-type a{ color: #f18d04; text-decoration: underline;}
.order-list-block table td .order-detail-btn a{ display: inline-block; vertical-align: top; min-width: 0.92rem; line-height: 0.4rem; border-radius: 0.4rem; background-color: #f18d04; font-size: 0.2rem; color: #fff;}

.paging-page{ margin-top: 0.6rem; font-size: 0; text-align: center;}
.paging-page a{ display: inline-block; vertical-align: top; min-width: 0.32rem; line-height: 0.32rem; font-size: 0.2rem; margin: 0 0.05rem;}
.paging-page .active,.paging-page a:hover{ color: #f18d04;}
.paging-page .prev,.paging-page .next{ background-position: center; background-repeat: no-repeat; background-size: 0.16rem;}
.paging-page .prev{ background-image: url(../images/icon/icon-swiper-prev.png);}
.paging-page .prev:hover{ background-image: url(../images/icon/icon-swiper-prev-on.png);}
.paging-page .next{ background-image: url(../images/icon/icon-swiper-next.png);}
.paging-page .next:hover{ background-image: url(../images/icon/icon-swiper-next-on.png);}

.product-information-section{ background-color: #f8f8f8; border-radius: 0.15rem; padding: 1rem;}
.product-information-section .pic{ float: left; width: 40%;}
.product-information-section .pic img{ display: block; width: 65%; margin: 0 auto;}
.product-information-section .cont-inner{ float: right; width: 50%; font-size: 0.2rem;}
.product-information-section .cont-inner .title{ font-size: 0.4rem; line-height: 1.2;}
.product-information-section .cont-inner .price{ font-size: 0.32rem; color: #f54133;}
.product-information-section .cont-inner .logistic{ margin-top: 0.2rem;}
.product-information-section .cont-inner .logistic .free-shipping{ /* color: #3c7fe3; */}
.product-information-section .cont-inner .payment-method{ margin-top: 0.2rem;}
.product-information-section .cont-inner .number{ margin-top: 0.2rem;}
.product-information-section .cont-inner .number > div{ display: inline-block; vertical-align: middle;}
.product-information-section .cont-inner .number .h-btn{ cursor: pointer; width: 0.4rem; height: 0.4rem; line-height: 0.38rem; font-size: 0.26rem; color: #fff; text-align: center; background: #f18d04;}
.product-information-section .cont-inner .number .h-text{ width: 0.64rem; line-height: 0.38rem; text-align: center; border: 0.01rem solid #d9d9d9; background-color: #fff;}
.product-information-section .cont-inner .number .h-btn.noclick{ background: #c3c3c3; }
.product-information-section .cont-inner .number .h-btn.diff{ margin-left: 0.2rem;}
.product-information-section .cont-inner .min-quantity{ margin-top: 0.2rem;}
.product-information-section .cont-inner .separate{ display: inline-block; vertical-align: middle; font-size: 0.16rem; position: relative; top: -0.04rem;}

.order-form{ margin-top: 1.2rem;}
.order-form-block{ margin-top: 0.9rem;}
.order-form-block .top-title{ font-size: 0.4rem;}
.order-form-block .box-border{ margin-top: 0.3rem; border: 1px solid #d9d9d9; border-radius: 0.15rem; padding: 0.75rem 0.3rem;}
.order-form-block .form-block{ margin-top: 0.4rem; font-size: 0.2rem; position: relative;}
.order-form-block .form-block:first-child{ margin-top: 0;}

.order-form-block .form-block .type{ float: left; width: 15%; line-height: 0.65rem; text-align: right; padding-right: 0.4rem;}
.order-form-block .form-block .input-box{ float: right; width: 85%; padding-right: 0.85rem; position: relative;}
.order-form-block .form-block .input-box .input-text{ display: block; width: 50%; border: 1px solid #d9d9d9; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem 0.3rem;}
.order-form-block .form-block .input-box textarea{ display: block; width: 100%; border: 1px solid #d9d9d9; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem 0.3rem;}

.order-form-block .form-block .input-box .select-box{ float: left; width: calc(25% - 0.2rem); position: relative; margin-right: 0.2rem;}
.order-form-block .form-block .input-box select{ width: 100%; border: 1px solid #d9d9d9; border-radius: 0.08rem; font-size: 0.2rem; line-height: 0.63rem; padding: 0 0.3rem;}
.order-form-block .form-block .input-box .select-box::before{ content: ''; width: 0.12rem; height: 0.12rem; background: url(../images/icon/icon-quick-entry-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0.15rem;}


.order-form-bottom{ text-align: right; font-size: 0.2rem; margin-top: 0.7rem;}
.order-form-bottom .payable-amount{ font-size: 0.28rem; font-weight: bold;}
.order-form-bottom .payable-amount .price{ color: #cf2b1f;}
.order-form-bottom .privacy-remark{ margin-top: 0.1rem;}
.order-form-bottom .privacy-remark input,.order-form-bottom .privacy-remark span{ display: inline-block; vertical-align: middle;}
.order-form-bottom .privacy-remark input{ width: 0.18rem; height: 0.18rem;}
.order-form-bottom .order-form-submit{ margin-top: 0.4rem;}
.order-form-bottom .order-form-submit input{ width: 2.2rem; height: 0.58rem; background-color: #f18d04; border: 0; border-radius: 0.58rem; font-size: 0.2rem; color: #fff; cursor: pointer;}

.red{ color: #f18d04;}
.input-error{ position: absolute; top: 105%; left: 0; font-size: 0.16rem; color: #f18d04;}

.order-information-section{ background-color: #f8f8f8; border-radius: 0.15rem; padding: 0.5rem 1rem; margin-top: 0.3rem; font-size: 0.2rem;}
.order-information-section .item-block{ margin-top: 0.2rem;}
.order-information-section .item-block:first-child{ margin-top: 0;}

.confirm-order-section{ margin-top: 0.6rem; border: 1px solid #d9d9d9; border-radius: 0.15rem; padding: 0.6rem 0.4rem;}
.confirm-order-block .wh1,.confirm-order-block .wh2,.confirm-order-block .wh3,.confirm-order-block .wh4,.confirm-order-block .wh5{ padding: 0.2rem 0.2rem;}
.confirm-order-block .wh1{ width: 40%; padding: 0.2rem 0.4rem;}
.confirm-order-block .wh2,.confirm-order-block .wh3,.confirm-order-block .wh4,.confirm-order-block .wh5{ width: 15%; text-align: center;}
.confirm-order-block table{ border: 1px solid #d9d9d9; border-radius: 0.15rem; overflow: hidden;}
.confirm-order-block table thead{ background-color: #f18d04; font-size: 0.2rem; color: #fff;}
.confirm-order-block table th,.confirm-order-block table td{ border: 0;}
.confirm-order-block table td{ font-size: 0.2rem;}
.confirm-order-block table td .product-information .pic{ float: left; width: 30%; background-color: #efefef; border: 1px solid #e3e3e3; border-radius: 0.15rem; overflow: hidden;}
.confirm-order-block table td .product-information .pic img{ display: block; width: 100%;}
.confirm-order-block table td .product-information .cont-box{ float: right; width: 70%; padding-left: 0.4rem;}
.confirm-order-block table td .product-information .cont-box .cont{ font-size: 0.2rem;}
.confirm-order-block table td .product-information .cont-box .invoice{ font-size: 0.2rem; color: #f18d04; margin-top: 0.2rem; cursor: pointer;}
.confirm-order-block table td .order-type a{ color: #f18d04; text-decoration: underline;}
.confirm-order-block table td .order-detail-btn a{ display: inline-block; vertical-align: top; min-width: 0.92rem; line-height: 0.4rem; border-radius: 0.4rem; background-color: #f18d04; font-size: 0.2rem; color: #fff;}

.confirm-order-bottom{ margin-top: 0.6rem; font-size: 0.2rem;}
.confirm-order-bottom .payment-method .type,.confirm-order-bottom .payment-method label{ display: inline-block; vertical-align: middle;}
.confirm-order-bottom .payment-method .payment-method-cont{ display: inline-block; vertical-align: middle; margin-left: 0.2rem;}
.confirm-order-bottom .payment-method label{ border: 1px solid #d9d9d9; border-radius: 0.08rem; padding: 0.1rem 0.3rem; margin-right: 0.2rem;}
.confirm-order-bottom .payment-method label input,.confirm-order-bottom .payment-method label span{ display: inline-block; vertical-align: middle;}
.confirm-order-bottom .payment-method label input{ width: 0.18rem; height: 0.18rem;}
.confirm-order-bottom .payment-method label span{ margin-left: 0.05rem;}
.confirm-order-bottom .payment-method label span img{ display: block; height: 0.36rem;}
.confirm-order-bottom .payment-method label:last-child{ margin-right: 0;}
.confirm-order-bottom .payable-amount{ font-size: 0.28rem; font-weight: bold; margin-top: 0.2rem;}
.confirm-order-bottom .payable-amount .price{ color: #cf2b1f;}
.confirm-order-bottom .confirm-order-submit{ margin-top: 0.4rem;}
.confirm-order-bottom .confirm-order-submit input{ width: 2.2rem; height: 0.58rem; background-color: #f18d04; border: 0; border-radius: 0.58rem; font-size: 0.2rem; color: #fff; cursor: pointer;}

/* 登录弹框 */
.login-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.login-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.5;}
.login-layer .layer-container{ width: 8.2rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.login-layer .layer-close{ width: 0.42rem; height: 0.42rem; background: url(../images/icon/icon-layer-close2.png) center no-repeat; background-size: cover; position: absolute; top: 0.4rem; right: 0.4rem; z-index: 5; cursor: pointer;}
.login-layer .layer-inner{ background-color: #fff; border-radius: 0.15rem; padding: 0.6rem;}
.login-layer .layer-inner .layer-title{ font-size: 0.4rem; line-height: 1; text-align: center;}
.login-layer .layer-inner .form-inner{ margin-top: 0.6rem;}
.login-layer .layer-inner .form-inner .form-block{ margin-top: 0.4rem; font-size: 0.2rem;}
.login-layer .layer-inner .form-inner .form-block:first-child{ margin-top: 0;}
.login-layer .layer-inner .form-inner .form-block .red{ color: #f18d04;}
.login-layer .layer-inner .form-inner .form-block .type{ float: left; width: 20%; line-height: 0.65rem; text-align: right; padding-right: 0.4rem;}
.login-layer .layer-inner .form-inner .form-block .input-box{ float: right; width: 80%; padding-right: 0.85rem; position: relative;}
.login-layer .layer-inner .form-inner .form-block .input-box .input-text{ display: block; width: 100%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem 0.3rem;}
.login-layer .layer-inner .form-inner .form-block .yzm-input-box .input-text{ float: left; width: 53%;}
.login-layer .layer-inner .form-inner .form-block .yzm-input-box .yzm-btn{ float: right; width: 42%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; line-height: 1; padding: 0.21rem 0.3rem;}

.login-layer .layer-inner .form-inner .policy-box{ padding-left: 20%; margin-top: 0.4rem; font-size: 0.2rem; color: #4982c3;}
.login-layer .layer-inner .form-inner .policy-box label{ position: relative; padding-left: 0.25rem;}
.login-layer .layer-inner .form-inner .policy-box input{ width: 0.18rem; height: 0.18rem; position: absolute; left: 0; top: 0;}
.login-layer .layer-inner .form-inner .policy-box a{ color: #4982c3; text-decoration: underline;}
.login-layer .layer-inner .form-inner .form-submit{ margin-top: 0.6rem; text-align: center;}
.login-layer .layer-inner .form-inner .form-submit input{ width: 2.2rem; height: 0.58rem; background-color: #f18d04; border: 0; border-radius: 0.58rem; font-size: 0.2rem; color: #fff; cursor: pointer;}

/* 微信支付弹框 */
.wechat-pay-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.wechat-pay-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.5;}
.wechat-pay-layer .layer-container{ width: 12.6rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.wechat-pay-layer .layer-close{ width: 0.56rem; height: 0.56rem; background: url(../images/icon/icon-layer-close2.png) center no-repeat; background-size: cover; position: absolute; top: 0.4rem; right: 0.4rem; z-index: 5; cursor: pointer;}
.wechat-pay-layer .layer-inner{ background-color: #fff; border-radius: 0.15rem; padding: 0.5rem;}
.wechat-pay-layer .layer-inner .layer-title{ font-size: 0.4rem; line-height: 1;}
.wechat-pay-inner .wechat-pay-left{ float: left; width: 30%; margin-left: 1.8rem; padding-top: 0.25rem;}
.wechat-pay-inner .wechat-pay-left .effective-time{ font-size: 0.2rem; color: #464646; text-align: center;}
.wechat-pay-inner .wechat-pay-left .effective-time span{ color: #f57960;}
.wechat-pay-inner .wechat-pay-left .code{ margin-top: 0.2rem; box-shadow: 0 0 0.3rem rgba(33, 45, 81, 0.15);}
.wechat-pay-inner .wechat-pay-left .code img,.wechat-pay-inner .wechat-pay-left .code canvas{ display: block; width: 100%;}
.wechat-pay-inner .wechat-pay-left .scan-txt{ font-size: 0.2rem; color: #464646; text-align: center; margin-top: 0.2rem;}
.wechat-pay-inner .wechat-pay-left .scan-txt-inner{ display: inline-block; vertical-align: top; padding-left: 0.8rem; background: url(../images/icon-scan-code.png) left center no-repeat; background-size: 0.5rem; text-align: left;}
.wechat-pay-inner .wechat-pay-left .scan-txt-inner span{ color: #f57960;}
.wechat-pay-inner .scan-pic{ float: right; width: 40%; margin-right: 0.3rem;}
.wechat-pay-inner .scan-pic img{ display: block; width: 100%;}
.wechat-pay-layer .layer-inner .other-pay{ font-size: 0.2rem; color: #f18d04; margin-top: 0.2rem; cursor: pointer;}

/* 支付成功弹框 */
.pay-success-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.pay-success-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.5;}
.pay-success-layer .layer-container{ width: 11.4rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.pay-success-layer .layer-close{ width: 0.56rem; height: 0.56rem; background: url(../images/icon/icon-layer-close2.png) center no-repeat; background-size: cover; position: absolute; top: 0.4rem; right: 0.4rem; z-index: 5; cursor: pointer;}
.pay-success-layer .layer-inner{ background-color: #fff; border-radius: 0.15rem; padding: 1.2rem 0.5rem;}
.pay-success-layer .layer-inner .layer-title{ font-size: 0.4rem; line-height: 1; text-align: center;}
.pay-success-layer .layer-inner .cont{ margin-top: 0.6rem; font-size: 0.2rem; text-align: center;}
.pay-success-layer .layer-inner .btn-box{ margin-top: 0.6rem; font-size: 0.2rem; text-align: center;}
.pay-success-layer .layer-inner .btn-box a{ color: #f18d03; text-decoration: underline;}
.pay-success-layer .layer-inner .btn-box .personal-center-btn{ width: 2.98rem; line-height: 0.78rem; border-radius: 0.78rem; overflow: hidden; margin: 0 auto 0.2rem auto;}
.pay-success-layer .layer-inner .btn-box .personal-center-btn a{ display: block; text-decoration: none; background-color: #f18d03; font-size: 0.3rem; color: #fff;}

.invoice-information-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.invoice-information-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.5;}
.invoice-information-layer .layer-container{ width: 10rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.invoice-information-layer .layer-close{ width: 0.56rem; height: 0.56rem; background: url(../images/icon/icon-layer-close2.png) center no-repeat #fff; background-size: cover; border-radius: 100%; position: absolute; top: 0.4rem; right: 0.4rem; z-index: 5; cursor: pointer;}
.invoice-information-layer .layer-inner{ background-color: #fff; border-radius: 0.15rem; padding: 0.5rem 1.2rem; height: 80vh; overflow-y: auto;}
.invoice-information-layer .layer-inner .layer-title{ font-size: 0.4rem; line-height: 1; text-align: center;}
.invoice-information-layer .layer-inner .form-inner .form-block{ margin-top: 0.4rem; font-size: 0.2rem;}
.invoice-information-layer .layer-inner .form-inner .form-block .type{ float: left; width: 20%; line-height: 0.7rem;}
.invoice-information-layer .layer-inner .form-inner .form-block .input-box{ float: right; width: 80%; position: relative;}
.invoice-information-layer .layer-inner .form-inner .form-block .input-box .input-text{ display: block; width: 100%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem;}
.invoice-information-layer .layer-inner .form-inner .form-block .input-box textarea{ display: block; width: 100%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem;}
.invoice-information-layer .layer-inner .form-inner .form-submit{ margin-top: 0.6rem; text-align: right;}
.invoice-information-layer .layer-inner .form-inner .form-submit input{ width: 2.2rem; height: 0.58rem; background-color: #f18d04; border: 0; border-radius: 0.58rem; font-size: 0.2rem; color: #fff; cursor: pointer;}

.login-container{ padding-top: 0.9rem; background-color: #fff;}
.login-container .login-inner{ padding: 1rem 0; width: 7.2rem; margin: 0 auto;}
.login-container .login-inner .login-title{ font-size: 0.4rem; line-height: 1; text-align: center;}
.login-container .login-inner .form-inner{ margin-top: 0.6rem;}
.login-container .login-inner .form-inner .form-block{ margin-top: 0.4rem; font-size: 0.2rem;}
.login-container .login-inner .form-inner .form-block:first-child{ margin-top: 0;}
.login-container .login-inner .form-inner .form-block .red{ color: #f18d04;}
.login-container .login-inner .form-inner .form-block .type{ float: left; width: 20%; line-height: 0.65rem; text-align: right; padding-right: 0.4rem;}
.login-container .login-inner .form-inner .form-block .input-box{ float: right; width: 80%; padding-right: 0.85rem; position: relative;}
.login-container .login-inner .form-inner .form-block .input-box .input-text{ display: block; width: 100%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; padding: 0.2rem 0.3rem;}
.login-container .login-inner .form-inner .form-block .yzm-input-box .input-text{ float: left; width: 53%;}
.login-container .login-inner .form-inner .form-block .yzm-input-box .yzm-btn{ float: right; width: 42%; border: 1px solid #4a4a4a; border-radius: 0.08rem; font-size: 0.2rem; line-height: 1; padding: 0.21rem 0.3rem;}

.login-container .login-inner .form-inner .policy-box{ padding-left: 20%; margin-top: 0.4rem; font-size: 0.2rem; color: #4982c3;}
.login-container .login-inner .form-inner .policy-box label{ position: relative; padding-left: 0.25rem;}
.login-container .login-inner .form-inner .policy-box input{ width: 0.18rem; height: 0.18rem; position: absolute; left: 0; top: 0;}
.login-container .login-inner .form-inner .form-submit{ margin-top: 0.6rem; text-align: center;}
.login-container .login-inner .form-inner .form-submit input{ width: 2.2rem; height: 0.58rem; background-color: #f18d04; border: 0; border-radius: 0.58rem; font-size: 0.2rem; color: #fff; cursor: pointer;}

.selated-video-section{ padding: 0.5rem 0;}
.selated-video-inner{ margin-top: 0.6rem;}
.selated-video-inner .video-container{ margin: 0.4rem auto 0 auto;}
.selated-video-inner .video-container:first-child{ margin-top: 0;}
.selated-video-inner .video-container video{ display: block; width: 100%;}
.selated-video-inner .horizontal{ width: 60%;}
.selated-video-inner .longitudinal{ width: 26%;}









@media (max-width: 1680px){
	/* 缩小80% */
	
	
	
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	
	
	
	
	
}
@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: 0.1rem; height: 0.1rem; margin: 0 0.05rem !important;}
	.swiper-pagination-bullet-active{ width: 0.2rem;}
	
	.bodymain{ padding-top: 1.24rem;}
	
	.header-main{ height: 1.24rem; padding: 0 0.5rem;}
	.header-main .edit-container{ width: 100%; height: 100%;}
	.header-main .logo{ height: 0.65rem; margin-top: 0.295rem;}
	.header-main .nav{ display: none;}
	.header-main .header-links{ display: none;}
	.header-main .header-user{ display: none;}
	
	.header-main .icon-menu{ width: 0.52rem; height: 0.52rem; background: url(../images/icon/icon-menu.png) center no-repeat; background-size: cover; position: absolute; top: 0.36rem; right: 0;}
	.header-main .icon-menu.current{ background-image: url(../images/icon/icon-menu-on.png);}
	
	.footer-top{ padding: 0.2rem 0 0.4rem 0;}
	.footer-guarantee{ padding: 0.4rem 0;}
	.footer-guarantee li .block-box .icon, .footer-guarantee li .block-box span{ display: block;}
	.footer-guarantee li .block-box .icon{ width: 0.6rem; margin: 0 auto;}
	.footer-guarantee li .block-box span{ font-size: 0.26rem; margin-top: 0.05rem;}
	
	.footer-main{ margin-top: 0.4rem; padding: 0 0.4rem;}
	.footer-main .footer-logo{ height: 0.72rem;}
	.footer-main-inner{ margin-top: 0.4rem;}
	.footer-quick-entry{ float: none;}
	.footer-quick-entry ul{ display: block;}
	.footer-quick-entry li{ float: none; margin-right: 0; font-size: 0.26rem; border-bottom: 0.01rem solid #dadada;}
	.footer-quick-entry li .title{ padding: 0.25rem 0.2rem; position: relative;}
	.footer-quick-entry li .title::before{ content: ''; width: 0.22rem; height: 0.22rem; background: url(../images/icon/icon-quick-entry-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.11rem; right: 0.2rem; transition:all 0.3s ease;}
	.footer-quick-entry li .list-ul{ display: none; padding-bottom: 0.2rem;}
	.footer-quick-entry li .list-ul dd{ margin-top: 0; padding: 0.15rem 0.4rem;}
	.footer-quick-entry li .list-ul dd a{ display: block;}
	.footer-quick-entry li.active .title::before{ transform: rotate(180deg);}
	.footer-quick-entry li.service-time{ display: none;}
	.footer-quick-entry li.hotline{ display: none;}
	
	.footer-service-time{ margin-top: 0.3rem; padding: 0 0.2rem; font-size: 0.26rem; font-weight: bold;}
	.footer-service-time .title{ display: inline-block; vertical-align: top;}
	.footer-service-time .cont{ display: inline-block; vertical-align: top;}
	.footer-hotline{ margin-top: 0.3rem; padding: 0 0.2rem; font-size: 0.26rem; font-weight: bold;}
	.footer-hotline a{ font-size: 0.32rem; color: #e68f21; font-style: italic;}
	
	.footer-main-inner .footer-share{ position: initial; margin-top: 0.4rem; text-align: center;}
	.footer-main-inner .footer-share li.app .hidden-box{ right: auto; left: 50%; transform: translateX(-50%);}
	
	
	.home-banner{ height: calc(100lvh - 1.24rem);}
	.home-banner-swiper .swiper-slide::before{ height: 40%; display: none;}
	.home-banner-swiper .swiper-slide .banner-inner{ top: auto; bottom: 1.2rem;; padding: 0 0.4rem;}
	.home-banner-swiper .swiper-slide .banner-inner-box{ width: 100%; height: 4.2rem; padding: 0.6rem 0.4rem; font-size: 0.28rem;}
	.home-banner-swiper .swiper-slide .banner-inner .title{ font-size: 0.46rem;}
	.home-banner-swiper .swiper-pagination{ top: auto; bottom: 1.7rem; left: 0.8rem;}
	.home-banner-thumbs{ display: none;}
	
	.home-function{ padding: 0.8rem 0.4rem 0.4rem 0.4rem;}
	.home-function-inner{ padding: 0.4rem;}
	.home-function .top-box{ font-size: 0.28rem;}
	.home-function .top-box .top-title{ font-size: 0.4rem;}
	.home-function-swiper{ margin: 0.4rem -0.4rem 0 -0.2rem;}
	.home-function-swiper .swiper-slide{ padding: 0 0.2rem;}
	.home-function-swiper .swiper-slide .block-box .title{ font-size: 0.32rem;}
	.home-function-swiper .swiper-page{ margin-top: 0.6rem;}
	.home-function-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-size: 0.24rem;}
	
	.home-title-box{ font-size: 0.28rem;}
	.home-title-box .top-title{ font-size: 0.44rem;}
	.home-title-box .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}
	
	.home-product-platform{ padding: 0.4rem;}
	.home-product-platform-list{ margin-top: 0.4rem;}
	.home-product-platform-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.home-product-platform-list li .block-box .cont-inner{ padding: 5.2rem 0.4rem 0.4rem 0.4rem;}
	.home-product-platform-list li .block-box .cont-inner .type{ font-size: 0.32rem; padding: 0;}
	.home-product-platform-list li .block-box .cont-inner .pic{ width: 2.8rem; height: 2.8rem; top: 35%; right: 0;}
	.home-product-platform-list li .block-box .cont-inner .links{ font-size: 0.28rem; margin-top: 0.3rem;}
	.home-product-platform-list li .block-box .cont-inner .links dl{ margin: 0 -0.2rem;}
	.home-product-platform-list li .block-box .cont-inner .links dd{ margin: 0 0.2rem; display: block;}
	.home-product-platform-list li .block-box .cont-inner .links dd a{ padding-right: 0.3rem; background-size: auto 0.12rem;}
	
	.home-platform{ margin-top: 0.4rem; padding: 0.8rem 0.4rem;}
	.home-platform-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.28rem;}
	.home-platform-inner .cont-inner .top-title{ font-size: 0.4rem;}
	.home-platform-inner .cont-inner .cont{ margin-top: 0.3rem;}
	.home-platform-inner .cont-inner .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}
	.home-platform-swiper{ float: none; width: auto; margin: 0.6rem -0.4rem 0 0;}
	.home-platform-swiper .swiper-slide .block-box{ padding: 0.3rem;}
	.home-platform-swiper .swiper-pagination{ position: initial; width: 100%; margin-top: 0.3rem;}
	
	.home-user-value{ padding: 0.8rem 0.4rem;}
	.home-user-value-list{ margin: 0.4rem -0.2rem 0 -0.2rem;}
	.home-user-value-list .swiper-slide{ padding: 0 0.2rem;}
	.home-user-value-list .swiper-slide .block-box .cont-inner .title{ font-size: 0.32rem; top: 0.6rem; padding: 0 0.4rem;}
	.home-user-value-list .swiper-slide .block-box .cont-inner .cont{ font-size: 0.28rem; bottom: 0.4rem; padding: 0 0.4rem;}
	.home-user-value-list .swiper-page{ margin-top: 2rem; text-align: center;}
	.home-user-value-list .swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 0.75rem; position: relative;}
	.home-user-value-list .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; border-radius: 100%; background-color: rgba(255, 255, 255, 1); background-position: center; background-repeat: no-repeat; background-size: 0.18rem; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
	.home-user-value-list .swiper-page-inner .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-prev.png); left: 0;}
	.home-user-value-list .swiper-page-inner .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-next.png); right: 0;}
	.home-user-value-list .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;}
	.home-user-value-list .swiper-page-inner .swiper-pagination{ width: 2.4rem !important; height: 0.01rem; background-color: #000; position: initial;}
	.home-user-value-list .swiper-page-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ height: 0.05rem; margin-top: -0.02rem; background-color: #f5ab63; border-radius: 0.05rem;}
	
	.home-news{ padding: 0.8rem 0.4rem;}
	.home-news-swiper{ margin-top: 0.6rem; padding: 0;}
	.home-news-swiper .swiper-arrow{ display: none;}
	.home-news-swiper .swiper-pagination{ margin-top: 0.3rem;}
	
	.home-news-swiper-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.home-news-swiper-list li .block-box .cont-box{ padding: 0.4rem 0.4rem 0 0.4rem; font-size: 0.26rem;}
	.home-news-swiper-list li .block-box .cont-box .title{ font-size: 0.32rem;}
	.home-news-swiper-list li .block-box .cont-box .more-link{ margin-top: 0.15rem;}
	.home-news-swiper-list li:nth-of-type(1){ margin-top: 0;}
	.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box .state{ font-size: 0.36rem;}
	.home-news-swiper-list li:nth-of-type(1) .block-box .cont-box .cont{ display: none;}
	.home-news-swiper.swiper-animate .swiper-arrow{ display: none;}
	
	.home-network{ padding: 0.8rem 0.4rem;}
	.home-network-inner{ height: auto; padding: 0.8rem 0.4rem 3.6rem 0.4rem; background-position: 90% bottom; background-size: 150% auto; background-color: ##7dcefb;}
	.home-network-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0);}
	.home-network-inner .cont-inner .home-title-box{ text-align: center;}
	
	.home-service-guarantee{ padding: 0.8rem 0.4rem;}
	/* .home-service-guarantee .home-title-box .cont{ font-size: 0.26rem;} */
	.home-service-guarantee-list{ margin-top: 0.2rem; text-align: left;}
	.home-service-guarantee-list li{ width: 25%; text-align: center; margin-top: 0.4rem;}
	.home-service-guarantee-list li .block-box .icon{ width: 0.7rem;}
	.home-service-guarantee-list li .block-box .title{ font-size: 0.26rem; margin-top: 0.1rem;}
	
	.side-suspension{ width: auto; height: auto;}
	.side-suspension-inner{ background-color: transparent; border: 0; padding: 0;}
	.side-suspension-inner ul{ display: none;}
	.side-suspension-inner .return-top{ margin: 0 auto; width: 0.8rem; height: 0.8rem; background-size: 0.48rem; background-color: rgba(74, 140, 227, 0.77); border: 1px solid #8392b0; border-radius: 0.08rem;}
	
	.sub-banner .banner-inner{ padding: 0 0.4rem; transform: translateY(-50%); font-size: 0.28rem;}
	.sub-banner .banner-inner .title{ font-size: 0.44rem;}
	.sub-banner .banner-inner .cont{ margin-top: 0.15rem;}
	.sub-banner .banner-inner .banner-btn a{ line-height: 0.6rem; font-size: 0.26rem;}
	.sub-banner .banner-inner .banner-btn .buy-btn{ width: 1.8rem;}
	.sub-banner .swiper-pagination{ left: 0.4rem;}
	
	.sub-banner.product .banner-inner{ transform: translateY(0); top: 10%;}
	
	.hytd-section{ padding: 0.8rem 0.4rem;}
	.hytd-swiper{ margin-right: -0.4rem;}
	.hytd-swiper .swiper-slide .block-box .cont-box{ height: 1.56rem;}
	.hytd-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
	.hytd-swiper .swiper-page{ margin-top: 0.6rem;}
	.hytd-swiper .swiper-page-inner .swiper-arrow{ width: 0.52rem; height: 0.52rem; background-size: 0.24rem;}
	
	.hytd-inner{ font-size: 0.26rem;}
	.hytd-inner img{ width: 100%;}
	
	.syhy-section{ padding: 0.8rem 0.4rem;}
	
	.syhy-swiper{ margin-right: -0.4rem;}
	.syhy-swiper .swiper-slide .block-box .cont-box{ font-size: 0.28rem; bottom: 0.4rem;}
	.syhy-swiper .swiper-slide .block-box .cont-box .cont{ display: block;}
	.syhy-swiper .swiper-page{ margin-top: 0.6rem;}
	
	.yybj-swiper{ margin-right: -0.4rem;}
	.yybj-swiper .swiper-slide .block-box .cont-box{ font-size: 0.28rem; bottom: 0.4rem;}
	.yybj-swiper .swiper-slide .block-box .cont-box .cont{ display: block;}
	.yybj-swiper .swiper-page{ margin-top: 0.6rem;}
	
	.yycj-section{ padding: 0.8rem 0.4rem;}
	.yycj-swiper{ margin: 0.6rem -0.4rem 0 -0.2rem;}
	.yycj-swiper .swiper-slide{ padding: 0 0.2rem;}
	.yycj-swiper .swiper-slide .block-box .cont-box{ font-size: 0.28rem;}
	.yycj-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem;}
	.yycj-swiper .swiper-page{ margin-top: 0.6rem;}
	
	.xgcptj-section{ padding: 0.8rem 0.4rem;}
	.xgcptj-swiper{ margin-right: -0.4rem;}
	.xgcptj-swiper .swiper-slide{ float: none; width: 100%;}
	.xgcptj-swiper .swiper-slide .block-box .cont-box{ margin-top: 0.4rem;}
	.xgcptj-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
	.xgcptj-swiper .swiper-slide .block-box .cont-box .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}

	.product-label-section{ padding: 0.8rem 0.4rem;}
	.product-label-list{ margin-top: 0;}
	.product-label-list ul{ display: block; padding: 0; margin: 0 -0.15rem;}
	.product-label-list li{ float: left; width: 33.333%; padding: 0 0.15rem; margin-top: 0.6rem;}
	.product-label-list li .block-box .pic{ width: 1.8rem; height: 2.12rem;}
	.product-label-list li .block-box .pic .num{ width: 1.26rem; top: 0.8rem; left: 0.25rem; font-size: 0.28rem;}
	.product-label-list li .block-box .title{ font-size: 0.28rem;}
	
	.product-center-list-section{ padding: 0.8rem 0.4rem; background-size: 250% auto;}
	.product-center-list-swiper-hidden{ display: none;}
	.product-center-list-swiper{ margin: 0 -0.4rem 0 -0.2rem;}
	.product-center-list-swiper .swiper-slide .block-box .pic{ width: 2.5rem;}
	.product-center-list-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem; height: 3em;}
	.product-center-list-swiper .swiper-slide .block-box .cont-box .cont{ font-size: 0.28rem;}
	.product-center-list-swiper .swiper-slide .block-box .cont-box .list-btn a{ line-height: 0.6rem; font-size: 0.26rem;}
	.product-center-list-swiper .swiper-slide .block-box .cont-box .list-btn .buy-btn{ width: 1.24rem;}
	
	.product-center-list-swiper .swiper-pagination{ position: initial; margin-top: 0.3rem;}
	
	.product-center-list-tabs{ margin-top: 0.3rem;}
	.product-center-list-tabs li{ font-size: 0.28rem;}
	
	.software-product-section{ padding: 0.8rem 0.4rem;}
	.software-product-section .home-title-box{ position: initial;}
	
	
	.software-product-swiper{ margin-top: 0.4rem;}
	.software-product-swiper .swiper-slide .pic{ float: none; width: 100%;}
	.software-product-swiper .swiper-slide .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding: 0.6rem 0.4rem;}
	.software-product-swiper .swiper-slide .cont-inner .top-title{ font-size: 0.4rem;}
	.software-product-swiper .swiper-slide .cont-inner .cont{ font-size: 0.28rem;}
	.software-product-swiper .swiper-slide .cont-inner .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}
	.software-product-swiper .swiper-pagination{ width: 100%; position: initial; margin-top: 0.4rem;}
	
	.product-software-section{ padding: 0.8rem 0.4rem;}
	.product-software-block{ /* padding: 0.6rem 0.4rem; */ margin-top: 0.4rem; padding: 0;}
	.product-software-block .pic{ float: none; width: 100%;}
	.product-software-block .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding: 0.6rem 0.4rem;}
	.product-software-block .cont-inner .type{ font-size: 0.36rem;}
	.product-software-block .cont-inner .top-title{ font-size: 0.44rem;}
	.product-software-block .cont-inner .s-title{ font-size: 0.28rem;}
	.product-software-block .cont-inner .cont{ font-size: 0.28rem;}
	.product-software-block .cont-inner .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}

	.product-list-section{ padding: 0.8rem 0.4rem;}
	.product-list-tabs li{ font-size: 0.28rem;}
	.product-list-block{ margin-top: 0.4rem;}
	.product-list-block .pic{ width: 100%; height: auto; position: relative; padding: 0.6rem 0;}
	.product-list-block .pic img{ width: 2.5rem; position: initial;transform: translate(0); margin: 0 auto;}
	.product-list-block .cont-inner{ float: none; width: 100%; padding: 0.6rem 0.4rem; min-height: auto;}
	.product-list-block .cont-inner .top-title{ font-size: 0.36rem;}
	.product-list-block .cont-inner .s-title{ font-size: 0.28rem;}
	.product-list-block .cont-inner .cont{ font-size: 0.28rem;}
	.product-list-block .cont-inner .list-btn a{ line-height: 0.6rem; font-size: 0.26rem;}
	.product-list-block .cont-inner .list-btn .buy-btn{ width: 1.24rem;}
	
	.product-jcypt-layer .layer-inner{ padding: 0.8rem 0.4rem;}
	.product-jcypt-layer .layer-inner .top-title-box .type{ font-size: 0.36rem;}
	.product-jcypt-layer .layer-inner .top-title-box .top-title{ font-size: 0.28rem;}
	.product-jcypt-swiper{ padding: 0.4rem 0;}
	.product-jcypt-swiper .swiper-slide{ padding: 0 0.4rem;}
	.product-jcypt-swiper .swiper-slide .block-box .pic{ padding: 0; border: 0;}
	.product-jcypt-swiper .swiper-slide .block-box .cont{ font-size: 0.28rem; padding: 0; text-align: left;}
	.product-jcypt-swiper .swiper-arrow{ display: none;}
	
	.product-jcypt-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.product-jcypt-list li:first-child{ margin-top: 0;}
	.product-jcypt-list li .block-box{ padding: 0.4rem 0.6rem;}
	.product-jcypt-list li .block-box .cont-box{ padding-right: 0.6rem;}
	.product-jcypt-list li .block-box .cont-box .top-title{ font-size: 0.36rem;}
	.product-jcypt-list li .block-box .cont-box .more-btn a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}
	
	.product-detail-banner{ height: auto; background-position: center; background-size: cover; padding: 0.8rem 0;}
	.product-detail-banner .banner-inner{ padding: 0 0.4rem; font-size: 0.28rem; position: initial; transform: translateY(0);}
	.product-detail-banner .banner-inner .title{ font-size: 0.44rem;}
	.product-detail-banner .banner-inner .cont{ margin-top: 0.15rem;}
	.product-detail-banner .product-detail-swiper-inner{ width: 6rem;}
	.product-detail-big-swiper .swiper-slide .block-box img{ width: 42%;}
	.product-detail-btn-box a{ width: 1.8rem; line-height: 0.6rem; font-size: 0.26rem;}

	.product-advantage-section{ padding: 0.8rem 0.4rem;}
	.product-advantage-list{ margin-top: 0.1rem;}
	.product-advantage-list li{ width: 50%; margin-top: 0.3rem;}
	.product-advantage-list li .block-box .cont-box .icon{ width: 0.9rem;}
	.product-advantage-list li .block-box .cont-box p{ margin-top: 0.15rem;}
	
	.product-advantage-swiper .swiper-slide{ width: 50%;}
	.product-advantage-swiper .swiper-slide .block-box{ margin-top: 0.3rem;}
	.product-advantage-swiper .swiper-slide .block-box .cont-box .icon{ width: 0.9rem;}
	.product-advantage-swiper .swiper-slide .block-box .cont-box p{ margin-top: 0.15rem;}
	
	.product-feature-section{ padding: 0.8rem 0.4rem;}
	/* .product-feature-swiper{ margin-right: -0.4rem;} */
	.product-feature-swiper .swiper-container{ overflow: hidden;}
	/* .product-feature-swiper .swiper-wrapper{ display: block;} */
	.product-feature-swiper .swiper-slide{ float: none; width: 100%; margin-top: 0.3rem;}
	.product-feature-swiper .swiper-slide .block-box .cont-box{ font-size: 0.28rem;}
	.product-feature-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
	.product-feature-swiper .swiper-slide .block-box .cont-box .cont{ height: 4.5em; -webkit-line-clamp: 3;}
	.product-feature-swiper .swiper-slide:first-child{ margin-top: 0;}
	
	.product-specification-section{ padding: 0.8rem 0.4rem;}
	.product-specification-inner{ padding: 0.4rem; font-size: 0.28rem;}
	.product-specification-inner::before{ height: 0.8rem;}
	
	.product-quick-trigger{ width: 0.8rem; height: 0.8rem; background: url(../images/icon/icon-product-quick-trigger.png) center no-repeat #fff; background-size: 0.4rem; border: 1px solid rgba(80, 80, 80, 0.15); border-radius: 0.08rem; position: fixed; right: 0.22rem; bottom: 2rem; z-index: 999;}
	.product-quick-suspension{ width: 100%; max-height: calc(100vh - 1.24rem); top: auto; bottom: 0; border-radius: 0; background-color: #fff; padding-top: 0.8rem; display: none;}
	.product-quick-suspension .suspension-close{ width: 0.6rem; height: 0.6rem; background: url(../images/icon/icon-layer-close.png) center no-repeat; background-size: 0.32rem; position: absolute; top: 0.1rem; right: 0.2rem;}
	.product-quick-suspension-item .item-title{ padding: 0 0.4rem;}
	.product-quick-suspension-item .item-title .title-box{ font-size: 0.32rem; padding: 0.25rem 0.1rem;}
	.product-quick-suspension-item .item-title .title-box .icon{ width: 0.42rem; height: 0.42rem; background-size: 0.15rem; right: 0.1rem;}
	.product-quick-suspension-item .two-list li .title-box{ font-size: 0.28rem; padding: 0.25rem 0.6rem;}
	.product-quick-suspension-item .two-list li .title-box .icon{ width: 0.2rem; height: 0.2rem; right: 0.6rem;}
	.product-quick-suspension-item .two-list li .three-list li{ font-size: 0.26rem;}
	.product-quick-suspension-item .two-list li .three-list li a{ padding: 0.25rem 0.7rem;}
	
	.solution-section{ padding: 0.8rem 0.4rem;}
	.solution-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.solution-list li:nth-of-type(1),.solution-list li:nth-of-type(2){ margin-top: 0.4rem;}
	.solution-list li:nth-of-type(1){ margin-top: 0;}
	.solution-list li .block-box .cont-box{ padding: 0.4rem; font-size: 0.28rem;}
	.solution-list li .block-box .cont-box .top-box .title{ font-size: 0.32rem; line-height: 1.5;}
	.solution-list li .block-box .cont-box .top-box .more-btn{ min-width: 1.2rem; line-height: 0.46rem; font-size: 0.26rem;}
	.solution-list li .block-box .cont-box .cont{ height: auto; -webkit-line-clamp: initial;}
	
	.download-section{ padding: 0.8rem 0.4rem;}
	.download-list{ padding: 0.2rem 0.4rem;}
	.download-list li{ padding: 0.4rem 0;}
	.download-list li .title-cont{ float: none; width: 100%;}
	.download-list li .title-cont .title{ font-size: 0.32rem;}
	.download-list li .title-cont .cont{ font-size: 0.26rem;}
	.download-list li .download-btn{ min-width: 1.5rem; line-height: 0.46rem; font-size: 0.26rem; margin-top: 0.2rem;}
	.download-list li .download-btn span{ background-size: 0.22rem; padding-left: 0.3rem;}
	
	.page-more .page-more-btn{ font-size: 0.28rem; background-size: 0.24rem; padding-right: 0.35rem;}
	
	.support-section{ padding: 0.8rem 0.4rem;}
	.support-top-cont{ font-size: 0.28rem;}
	.support-hotline{ font-size: 0.32rem; margin-top: 0.6rem;}
	.support-list{ margin-top: 0.6rem}
	.support-list .support-item{ padding: 0.4rem; margin-top: 0.4rem;}
	.support-list .support-item .top-title{ font-size: 0.36rem;}
	.support-list .support-item .support-item-inner{ margin-top: 0.4rem;}
	.support-list .support-item .support-item-inner .pic{ float: none; width: 100%;}
	.support-list .support-item .support-item-inner .cont-inner{ float: none; width: 100%; font-size: 0.28rem; padding-left: 0; margin-top: 0.2rem;}
	
	.data-download-section{ padding: 0.8rem 0.4rem;}
	.data-download-section .home-title-box{ float: none;}
	.data-download-section .data-download-inner{ float: none; width: 60%; margin: 0.6rem auto 0 auto;}
	.data-download-section .data-download-inner li{ float: none; width: 100%; margin-top: 0.4rem;}
	.data-download-section .data-download-inner li .block-box span{ font-size: 0.28rem;}
	
	.latest-news-section{ height: auto; padding: 0.8rem 0.4rem;}
	.latest-news-section .home-title-box{ position: initial;}
	.latest-news-swiper{ margin-top: 0.6rem;}
	.latest-news-swiper .swiper-slide{ padding-left: 0;}
	.latest-news-swiper .swiper-slide .pic{ float: none; width: 100%;}
	.latest-news-swiper .swiper-slide .cont-inner{ float: none; width: 100%; padding: 0; font-size: 0.28rem; margin-top: 0.4rem;}
	.latest-news-swiper .swiper-slide .cont-inner .title-box .type{ font-size: 0.4rem;}
	.latest-news-swiper .swiper-slide .cont-inner .title-box .title{ font-size: 0.36rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.latest-news-swiper .swiper-slide .cont-inner .title-box .cont{ height: 7.5em; -webkit-line-clamp:5;}
	.latest-news-swiper .swiper-slide .cont-inner .more-btn a{ min-width: 1.5rem;}
	.latest-news-swiper .swiper-pagination{ position: initial; margin-top: 0.4rem; text-align: center;}
	.latest-news-swiper .swiper-arrow{ display: none;}
	
	.news-section{ padding: 0.8rem 0.4rem;}
	.news-list li{ float: none; width: 100%;}
	.news-list li:first-child{ margin-top: 0;}
	.news-list li .block-box{ background-color: #fff; box-shadow: 0 0.1rem 0.3rem rgba(33, 45, 81, 0.15);}
	.news-list li .block-box .cont-box{ padding: 0.4rem; font-size: 0.28rem;}
	.news-list li .block-box .cont-box .title{ font-size: 0.32rem;}
	.news-list li .block-box .cont-box::before{ width: 0.8rem; height: 0.45rem; border-radius: 0.45rem; background-size: 0.2rem; bottom: 0.4rem; right: 0.4rem;}
	.news-list li .block-box .cont-box::before{ display: none !important;}
	
	.news-detail-section{ padding: 0.8rem 0.4rem;}
	.news-detail .return-box a{ font-size: 0.28rem; background-size: 0.2rem; padding-left: 0.28rem;}
	.news-detail .detail-title-box .title{ font-size: 0.4rem;}
	.news-detail .detail-title-box .time{ font-size: 0.28rem;}
	.news-detail .detail-content{ margin-top: 0.4rem; padding: 0.2rem 0.4rem 0.6rem 0.4rem;}
	.news-detail .detail-content .content{ width: 100%; font-size: 0.28rem;}
	.news-detail .detail-content .content .img{ width: 100%;}
	.news-detail .detail-content .content img{ width: 100%;}
	.page-news{ margin-top: 0.8rem;}
	.page-news li{ float: none; width: 100%; margin-top: 0.4rem;}
	.page-news li:first-child{ margin-top: 0;}
	.page-news li .block-box .type-title{ font-size: 0.28rem;}
	.page-news li .block-box .cont-inner .cont-box{ padding: 0.4rem;}
	.page-news li .block-box .cont-inner .cont-box .title{ font-size: 0.28rem;}
	
	.about-section{ padding: 0.8rem 0.4rem;}
	.about-top-box{ /* height: auto; */ background-position: top center; background-size: 100% auto; padding: 0;}
	.about-top-box .cont-inner{ width: 100%; /* position: initial; transform: translateY(0); */ padding: 3.8rem 0.4rem 0.4rem 0.4rem; font-size: 0.28rem; float: none; margin-right: 0;}
	.about-top-box .cont-inner .title{ font-size: 0.4rem;}
	.about-top-box .cont-inner .cont{ margin-top: 0.4rem;}
	.about-list-item{ margin-top: 0.4rem;}
	.about-list-item .pic{ float: none; width: 100%;}
	.about-list-item .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding: 0.4rem; font-size: 0.28rem;}
	.about-list-item .cont-inner .title{ font-size: 0.36rem;}
	.about-list-item .cont-inner .cont{ margin-top: 0.1rem;}
	.about-list-item:nth-child(even) .pic{ float: none;}
	
	.development-history-section{ padding: 0.8rem 0.4rem;}
	.development-history-big-inner{ margin-top: 0.6rem;}
	.development-history-big-inner .year-title{ font-size: 0.8rem;}
	.development-history-big-inner li{ float: none; width: 100%; margin-top: 0.2rem;}
	.development-history-big-inner li .block-box{ font-size: 0.28rem;}
	.development-history-big-inner li .block-box .title{ height: auto; -webkit-line-clamp: initial; padding-left: 0.18rem;}
	.development-history-big-inner li .block-box .title::before{ width: 0.08rem; height: 0.08rem; top: 0.15rem;}
	
	.development-history-thumbs-swiper{ width: 100%; padding: 0 0.7rem;}
	.development-history-thumbs-swiper .swiper-slide .block-box{ font-size: 0.28rem; line-height: 0.4rem;}
	.development-history-thumbs-swiper .swiper-slide.active .block-box{ font-size: 0.4rem;}
	
	
	.contact-information-section{ padding: 0.8rem 0.4rem;}
	.contact-information-list{ margin-top: 0.6rem;}
	.contact-information-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.contact-information-list li .block-box{ min-height: auto; padding: 0.4rem;}
	.contact-information-list li .block-box .title{ font-size: 0.32rem;}
	.contact-information-list li .block-box .cont{ font-size: 0.28rem;}
	/* .contact-information-list li:first-child{ width: 100%;}
	.contact-information-list li:first-child .block-box .title, .contact-information-list li:first-child .block-box .cont{ display: block; width: 100%;} */
	
	.contact-information-network{ padding: 0 0.4rem;}
	
	.feedback-section{ padding: 0.8rem 0.4rem;}
	.feedback-inner{ margin-top: 0.6rem;}
	.feedback-inner .pic{ float: none; width: 100%; height: auto;}
	.feedback-inner .feedback-right{ float: none; width: 100%; padding: 0.6rem 0.4rem;}
	.feedback-inner .feedback-right .form .form-block{ font-size: 0.28rem; margin-top: 0.5rem;}
	.feedback-inner .feedback-right .form .form-block:first-child{ margin-top: 0;}
	.feedback-inner .feedback-right .form .form-block .input-box .input-text{ font-size: 0.28rem; padding: 0.2rem;}
	.feedback-inner .feedback-right .form .form-question .input-box{ margin-top: 0.15rem;}
	.feedback-inner .feedback-right .form .form-question .input-box label{ display: inline-block; width: 32%; margin-left: 0; padding-right: 0.2rem; margin-top: 0.15rem;}
	.feedback-inner .feedback-right .form .form-question .input-box label span{ margin-left: 0.1rem;}
	.feedback-inner .feedback-right .form .form-block .w2{ float: none; width: 100%; padding-right: 0; margin-top: 0.4rem;}
	.feedback-inner .feedback-right .form .form-block .input-box textarea{ font-size: 0.28rem; padding: 0.2rem;}
	.feedback-inner .feedback-right .form .form-block .input-box.yzm-box .yzm-img{ height: 0.76rem;}
	.feedback-inner .feedback-right .form .submit-btn{ margin-top: 0.4rem;}
	.feedback-inner .feedback-right .form .submit-btn input{ width: 2rem; height: 0.72rem; font-size: 0.28rem;}
	
	.default-container{ padding: 0.8rem 0.4rem;}
	.order-list-mobile{ margin-top: 0.4rem;}
	.order-list-mobile-block{ margin-top: 0.4rem; padding-top: 0.4rem; border-top: 1px solid #e3e3e3;}
	.order-list-mobile-block:first-child{ margin-top: 0; padding-top: 0; border-top: 0;}
	.order-list-mobile-block .pic{ float: left; width: 28%; background-color: #efefef; border: 1px solid #e3e3e3; border-radius: 0.08rem;}
	.order-list-mobile-block .pic img{ display: block; width: 100%;}
	.order-list-mobile-block .cont-right{ float: right; width: 72%; padding: 0 0.5rem 0 0.3rem; font-size: 0.26rem; position: relative;}
	.order-list-mobile-block .cont-right .title{ font-size: 0.28rem;}
	.order-list-mobile-block .cont-right .cont{ color: #79787c;}
	.order-list-mobile-block .cont-right .shipping-fee{ color: #f18d04;}
	.order-list-mobile-block .cont-right .price{ font-size: 0.35rem; color: #f18d04;}
	.order-list-mobile-block .cont-right .num{ min-width: 0.5rem; height: 0.5rem; line-height: 0.5rem; background-color: #f8f8f8; border-radius: 0.05rem; position: absolute; top: 0; right: 0; font-size: 0.26rem; text-align: center; padding: 0 0.05rem;}
	.order-list-mobile-block .cont-right .num span{ font-size: 0.18rem;}
	.order-list-mobile-block .cont-right .invoice{ width: 1.46rem; line-height: 0.52rem; border: 1px solid #d9d9d9; border-radius: 0.52rem; text-align: center; font-size: 0.26rem; position: absolute; right: 0; bottom: 0;}
	.order-list-mobile-block .cont-right .order-type{ margin-top: 0.1rem;}
	.order-list-mobile-block .cont-right .order-type a{ display: inline-block; vertical-align: top; min-width: 1.46rem; line-height: 0.52rem; border-radius: 0.52rem; background-color: #f18d04; color: #fff; text-align: center;}
	
	.paging-page a{ min-width: 0.4rem; line-height: 0.4rem; font-size: 0.28rem;}
	.paging-page .prev, .paging-page .next{ background-size: 0.24rem;}
	
	.product-information-section{ padding: 0.4rem;}
	.product-information-section .pic{ float: none; width: 100%;}
	.product-information-section .pic img{ width: 50%;}
	.product-information-section .cont-inner{ float: none; width: 100%; font-size: 0.28rem; margin-top: 0.6rem;}
	.product-information-section .cont-inner .title{ font-size: 0.46rem;}
	.product-information-section .cont-inner .price{ font-size: 0.4rem;}
	.product-information-section .cont-inner .number .h-btn{ width: 0.52rem; height: 0.52rem; line-height: 0.5rem; font-size: 0.32rem;}
	.product-information-section .cont-inner .number .h-text{ width: 1rem; line-height: 0.5rem;}
	
	.order-form{ margin-top: 0.6rem;}
	.order-form-block{ margin-top: 0.6rem;}
	.order-form-block .top-title{ font-size: 0.36rem;}
	.order-form-block .box-border{ padding: 0.4rem 0.4rem 0.6rem 0.4rem;}
	.order-form-block .form-block{ font-size: 0.28rem; margin-top: 0.5rem;}
	.order-form-block .form-block .type{ float: none; width: 100%; line-height: 1.5; padding-right: 0; text-align: left;}
	.order-form-block .form-block .input-box{ float: none; width: 100%; padding-right: 0; margin-top: 0.15rem;}
	.order-form-block .form-block .input-box .input-text{ width: 100%; font-size: 0.28rem; padding: 0.2rem;}
	.order-form-block .form-block .input-box textarea{ font-size: 0.28rem; padding: 0.2rem;}
	
	.order-form-block .form-block .input-box .select-box{ float: none; width: 100%; margin-right: 0; margin-top: 0.15rem;}
	.order-form-block .form-block .input-box select{ font-size: 0.28rem; line-height: 0.76rem; padding: 0 0.2rem;}
	.order-form-block .form-block .input-box .select-box::before{ width: 0.14rem; height: 0.14rem;}
	
	.order-form-bottom{ font-size: 0.26rem; margin-top: 0.6rem;}
	.order-form-bottom .privacy-remark input{ width: 0.24rem; height: 0.24rem;}
	.order-form-bottom .payable-amount{ font-size: 0.36rem;}
	
	.input-error{ font-size: 0.22rem;}
	
	.order-information-section{ padding: 0.4rem; font-size: 0.28rem;}
	
	.confirm-order-section{ padding: 0.4rem 0.4rem 0.6rem 0.4rem;}
	.confirm-order-block-mobile .pic{ float: left; width: 28%; background-color: #efefef; border: 1px solid #e3e3e3; border-radius: 0.08rem;}
	.confirm-order-block-mobile .pic img{ display: block; width: 100%;}
	.confirm-order-block-mobile .cont-right{ float: right; width: 72%; padding: 0 0.5rem 0 0.3rem; font-size: 0.26rem; position: relative;}
	.confirm-order-block-mobile .cont-right .title{ font-size: 0.28rem;}
	.confirm-order-block-mobile .cont-right .cont{ color: #79787c;}
	.confirm-order-block-mobile .cont-right .shipping-fee{ color: #f18d04;}
	.confirm-order-block-mobile .cont-right .price{ font-size: 0.35rem; color: #f18d04;}
	.confirm-order-block-mobile .cont-right .num{ min-width: 0.5rem; height: 0.5rem; line-height: 0.5rem; background-color: #f8f8f8; border-radius: 0.05rem; position: absolute; top: 0; right: 0; font-size: 0.26rem; text-align: center; padding: 0 0.05rem;}
	.confirm-order-block-mobile .cont-right .num span{ font-size: 0.18rem;}
	.confirm-order-block-mobile .cont-right .invoice{ width: 1.46rem; line-height: 0.52rem; border: 1px solid #d9d9d9; border-radius: 0.52rem; text-align: center; font-size: 0.26rem; position: absolute; right: 0; bottom: 0;}
	
	.confirm-order-bottom{ font-size: 0.28rem; margin-top: 0.6rem;}
	.confirm-order-bottom .payment-method .type{ display: block;}
	.confirm-order-bottom .payment-method .payment-method-cont{ margin-left: 0; margin-top: 0.1rem;}
	.confirm-order-bottom .payment-method label{ padding: 0.15rem 0.3rem;}
	.confirm-order-bottom .payment-method label:last-child{ margin-right: 0;}
	.confirm-order-bottom .payment-method label input{ width: 0.24rem; height: 0.24rem;}
	.confirm-order-bottom .payment-method label span{ margin-left: 0.1rem;}
	.confirm-order-bottom .payment-method label span img{ height: 0.46rem;}
	.confirm-order-bottom .payable-amount{ font-size: 0.36rem;}
	
	/* 登录弹框 */
	.login-layer .layer-container{ width: calc(100% - 0.8rem);}
	.login-layer .layer-close{ top: 0.2rem; right: 0.2rem;}
	.login-layer .layer-inner{ padding: 1.5rem 0.4rem;}
	.login-layer .layer-inner .layer-title{ font-size: 0.46rem;}
	.login-layer .layer-inner .form-inner .form-block{ font-size: 0.26rem;}
	.login-layer .layer-inner .form-inner .form-block .type{ width: 25%; line-height: 0.76rem;}
	.login-layer .layer-inner .form-inner .form-block .input-box{ width: 75%; padding-right: 0.2rem;}
	.login-layer .layer-inner .form-inner .form-block .input-box .input-text{ width: 100%; font-size: 0.26rem; padding: 0.2rem;}
	.login-layer .layer-inner .form-inner .form-block .yzm-input-box .input-text{ width: 40%;}
	.login-layer .layer-inner .form-inner .form-block .yzm-input-box .yzm-btn{ width: 55%; font-size: 0.26rem; padding: 0.21rem 0.2rem;}
	
	.login-layer .layer-inner .form-inner .policy-box{ padding-left: 0; font-size: 0.28rem;}
	.login-layer .layer-inner .form-inner .policy-box label{ padding-left: 0.35rem;}
	.login-layer .layer-inner .form-inner .policy-box input{ width: 0.24rem; height: 0.24rem;}
	.login-layer .layer-inner .form-inner .form-submit input{ height: 0.68rem; line-height: 0.68rem; font-size: 0.26rem;}
	
	/* 微信支付弹框 */
	.wechat-pay-layer .layer-container{ width: 100%;}
	.wechat-pay-layer .layer-close{ top: 0.2rem; right: 0.2rem;}
	.wechat-pay-layer .layer-inner{ padding: 0.6rem 0.4rem;}
	.wechat-pay-layer .layer-inner .layer-title{ font-size: 0.4rem;}
	.wechat-pay-inner .wechat-pay-left{ float: none; width: 100%; margin-left: 0; padding-top: 0.6rem;}
	.wechat-pay-inner .wechat-pay-left .effective-time{ font-size: 0.28rem;}
	.wechat-pay-inner .wechat-pay-left .code{ width: 50%; margin: 0.2rem auto 0 auto;}
	.wechat-pay-inner .wechat-pay-left .scan-txt{ font-size: 0.28rem;}
	.wechat-pay-inner .wechat-pay-left .scan-txt-inner{ padding-left: 1rem; background-size: 0.7rem;}
	.wechat-pay-inner .scan-pic{ display: none;}
	.wechat-pay-layer .layer-inner .other-pay{ font-size: 0.28rem; margin-top: 0.4rem;}
	
	/* 支付成功弹框 */
	.pay-success-layer .layer-container{ width: 100%;}
	.pay-success-layer .layer-close{ top: 0.2rem; right: 0.2rem;}
	.pay-success-layer .layer-inner{ padding: 0.6rem 0.4rem;}
	.pay-success-layer .layer-inner .layer-title{ font-size: 0.4rem;}
	.pay-success-layer .layer-inner .cont{ font-size: 0.28rem;}
	.pay-success-layer .layer-inner .btn-box{ font-size: 0.28rem;}
	
	
	.invoice-information-layer .layer-container{ width: 100%;}
	.invoice-information-layer .layer-close{ top: 0.2rem; right: 0.2rem;}
	.invoice-information-layer .layer-inner{ padding: 0.6rem 0.4rem;}
	.invoice-information-layer .layer-inner .layer-title{ font-size: 0.46rem;}
	.invoice-information-layer .layer-inner .form-inner .form-block{ font-size: 0.26rem;}
	.invoice-information-layer .layer-inner .form-inner .form-block .type{ width: 25%; line-height: 0.76rem;}
	.invoice-information-layer .layer-inner .form-inner .form-block .input-box{ width: 75%;}
	.invoice-information-layer .layer-inner .form-inner .form-block .input-box .input-text{ width: 100%; font-size: 0.26rem; padding: 0.2rem;}
	.invoice-information-layer .layer-inner .form-inner .form-block .input-box textarea{ font-size: 0.26rem;}
	.invoice-information-layer .layer-inner .form-inner .policy-box{ padding-left: 0; font-size: 0.26rem; text-align: center;}
	.invoice-information-layer .layer-inner .form-inner .policy-box input{ width: 0.24rem; height: 0.24rem; position: relative; top: -0.03rem;}
	.invoice-information-layer .login-inner .form-inner .form-submit input{ height: 0.64rem; font-size: 0.26rem;}
	
	.login-container{ padding-top: 0;}
	.login-container .login-inner{ padding: 0.6rem 0.4rem; width: 100%;}
	.login-container .login-inner .login-title{ font-size: 0.46rem;}
	.login-container .login-inner .form-inner .form-block{ font-size: 0.26rem;}
	.login-container .login-inner .form-inner .form-block .type{ width: 25%; line-height: 0.76rem;}
	.login-container .login-inner .form-inner .form-block .input-box{ width: 75%; padding-right: 0.2rem;}
	.login-container .login-inner .form-inner .form-block .input-box .input-text{ width: 100%; font-size: 0.26rem; padding: 0.2rem;}
	.login-container .login-inner .form-inner .form-block .yzm-input-box .input-text{ width: 40%;}
	.login-container .login-inner .form-inner .form-block .yzm-input-box .yzm-btn{ width: 55%; font-size: 0.26rem; padding: 0.21rem 0.2rem;}
	
	.login-container .login-inner .form-inner .policy-box{ padding-left: 0; font-size: 0.28rem;}
	.login-container .login-inner .form-inner .policy-box label{ padding-left: 0.35rem;}
	.login-container .login-inner .form-inner .policy-box input{ width: 0.24rem; height: 0.24rem;}
	.login-container .login-inner .form-inner .form-submit input{ height: 0.64rem; font-size: 0.26rem;}
	
	.selated-video-section{ padding: 0.8rem 0.4rem;}
	.selated-video-inner .video-container{ margin-top: 0.4rem;}
	.selated-video-inner .horizontal{ width: 100%;}
	.selated-video-inner .longitudinal{ width: 100%;}
	
	
	
	
	
}

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

/* 超小屏 */
@media (max-width: 640px){
	
}

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