@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: "思源黑体简体";
  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;
}

label{ max-width: initial;}
body {color: #000;font-family: '思源黑体简体', Arial, Helvetica, sans-serif; margin: 0 auto; background-color: #fff;}
a {color: #000;}
a:hover {color: #000;}

label{ max-width: initial;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}

.bodymain{ width:100%; overflow: hidden; position: relative; left:0; background-color: #8863ff;}

/*浏览器升级提示*/
.browser-tips{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 14px;}
.browser-tips .alert-warning{ margin-bottom: 0; border-radius: 0;}
.browser-tips .alert-warning a{ color: #d63832;}

.edit-container{ /* width: 1760px; */ width: 92.8125vw; margin-right: auto; margin-left: auto; position: relative;}
.body-hidden{ overflow-y: hidden; }
.visible-xs{ display: none !important;}



/* 动画 */
.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;
}
.delay10 {
	-webkit-transition-delay: 2.0s !important;
	transition-delay: 2.0s !important;
}
.delay11 {
	-webkit-transition-delay: 2.2s !important;
	transition-delay: 2.2s !important;
}
.delay12 {
	-webkit-transition-delay: 2.4s !important;
	transition-delay: 2.4s !important;
}
.delay13 {
	-webkit-transition-delay: 2.6s !important;
	transition-delay: 2.6s !important;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


/* 头部 */
.adcom {position: absolute;top: 30px;right: 30px;padding: 2px 5px; border:#000 solid 1px; color: #000;font-size: 12px;background: rgba(245,245,245,1);z-index: 99;}
.head { overflow: hidden;display: block;padding: 20px 2.4% 20px;background: #fff; position: relative; z-index: 9; border-bottom: #ebebeb solid 1px;}
.head .head1a {float: left;width: 50%;}
.head .head1d {float: right;margin-top: 8px;}
.head .head1a img {height: 48px;}
.head .head1d img {width: 144px;}

/*二维码*/
.scancode{position: fixed;top: 30%;right: 20px;z-index: 99;cursor: pointer;}
.scancode .scancode-box{ position:relative; }
.scancode .scancode-box .scanicon{position:absolute; right: 0; top: 0;width: 70px; height: 423px; padding: 35px 0; background-color: #f0ca5b; border: 10px solid #fff; border-radius:70px;text-align: center; z-index: 101;}
.scancode .scancode-box .scanicon img.iconsao{ display: none;}
.scancode .scancode-box .scanicon p{writing-mode:vertical-lr; text-align: center; line-height: 50px; font-weight: bold; color: #000; letter-spacing: 4px; font-size: 28px;}
.scancode .scancode-box .scancode-hidden{position:absolute; right: 25px; top: 0;padding: 30px 80px 30px 60px; background-color:#fff; height: 423px; border-radius: 15px; z-index: 100; display: none;}
.scancode .scancode-box .scancode-hidden .pic-box{ width: 315px; margin:0 auto; }
.scancode .scancode-box .scancode-hidden .pic-box img{ width: 100%; display: block; }
.scancode .scancode-box .scancode-hidden .txt{ text-align: center; display: block;font-size:22px; color: #483b35; margin-top: 20px;  font-weight: bold;}

/* 底部 footers */
.footers{ background-color: #000; padding: 15px 0; text-align: center; overflow: hidden;}
.footers .copyright{ font-size: 14px; color: #fff;}
.footers .copyright span,.footers .copyright a{display: inline-block; color: #fff;}

/* 内容 */
.swiper-pagination{ width: 100%; font-size: 0;}
.swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; background-color: #000; opacity: 1; margin: 0 0.1rem;}
.swiper-pagination-bullet-active{ background-color: #55b97b;}

.swiper-arrow{ width: 0.52rem; height: 0.24rem; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.swiper-arrow-prev{ background-image: url(../images/icon-swiper-left.png);}
.swiper-arrow-next{ background-image: url(../images/icon-swiper-right.png);}
.swiper-arrow.swiper-button-disabled{ display: none;}

.home-banner img{ display: block; width: 100%;}

.section1{ padding: 0.2rem 0;}
.section1 .title-pic{ width: 42.1%; position: absolute; top: 0.5rem; left: 0;}
.section1 .title-pic img{ display: block; width: 100%;}
.section1-right{ float: right; width: 58%; padding: 0 0.16rem 0.16rem 0.16rem; position: relative;}
.section1-right::before{ content: ''; width: 100%; height: 4.9rem; background-color: #c9fb54; border-radius: 0.2rem; position: absolute; left: 0; bottom: 0;}
.section1-swiper{ position: relative;}
.section1-swiper .swiper-slide .pic{ border-radius: 0.2rem; background-color: #fff; padding: 0.2rem; overflow: hidden;}
.section1-swiper .swiper-slide .pic img{ display: block; width: 100%; border-radius: 0.2rem;}
.section1-swiper .swiper-slide .title{ height: 0.74rem; margin-top: 0.12rem;}
.section1-swiper .swiper-slide .title img{ display: block; height: 100%; margin: 0 auto;}
.section1-swiper .swiper-arrow{ position: absolute; bottom: 0.3rem; z-index: 9;}
.section1-swiper .swiper-arrow-prev{ left: 2.55rem;}
.section1-swiper .swiper-arrow-next{ right: 2.55rem;}

.section2{ height: 9.6rem; background: url(../images/section2-bg.png) center no-repeat; background-size: cover; margin-top: -0.4rem;}
.camera-swiper{ width: 8.78rem; position: relative; padding-top: 0.4rem; position: absolute; top: 0; left: 0;}
.camera-swiper::before{ content: ''; width: 5.96rem; height: 6.18rem; background: url(../images/camera-swiper-bg.png) center no-repeat; background-size: cover; position: absolute; top: 14%; right: -3%;}
.camera-swiper .swiper-slide{ padding: 1.2rem 0 0 0.52rem;}
.camera-swiper .swiper-slide .pic{ width: 5.6rem; margin: 0 auto; position: relative;}
.camera-swiper .swiper-slide .pic img{ display: block; width: 100%;}
.camera-swiper .swiper-slide .pic .icon-new{ width: 2.61rem; position: absolute; top: 7.5%; right: -17.5%;}
.camera-swiper .swiper-slide .camera-title{ width: 3.9rem; position: absolute; left: 0; top: 2%;}
.camera-swiper .swiper-slide .camera-title img{ display: block; width: 100%;}
.camera-swiper .swiper-arrow{ position: absolute; top: 63.5%; z-index: 9;}
.camera-swiper .swiper-arrow-prev{ left: 0.5rem;}
.camera-swiper .swiper-arrow-next{ right: 0;}
.camera-list{ float: right; width: 8.26rem; margin: 1.4rem 0.4rem 0 0;}
.camera-list ul{ margin: 0 -0.1rem;}
.camera-list li{ float: left; width: 25%; padding: 0 0.1rem; margin-top: 0.3rem;}
.camera-list li .block-box{ position: relative; cursor: pointer;}
.camera-list li .block-box::before{ content: ''; width: 0; height: 0.05rem; background-color: #000; position: absolute; left: 50%; transform:translateX(-50%); bottom: -0.15rem; transition:all 0.3s ease;}
.camera-list li .block-box .pic{ width: 1.8rem; margin: 0 auto; position: relative;}
.camera-list li .block-box .pic img{ display: block; width: 100%;}
.camera-list li .block-box .pic .icon-new{ width: 0.89rem; position: absolute; top: 12%; right: -20%;}
.camera-list li .block-box .pic .icon-new img{ width: 100%;}
.camera-list li .block-box .camera-title{ margin-top: 0.1rem;}
.camera-list li .block-box .camera-title img{ display: block; height: 0.42rem; margin: 0 auto;}
/*.camera-list li:nth-of-type(5),.camera-list li:nth-of-type(6),.camera-list li:nth-of-type(7){ width: 33.333%;}*/
.camera-list li.active .block-box::before{ width: 0.88rem;}

.base-cont-inner{ position: relative; color: #fff; line-height: 1; padding: 0.25rem 1.25rem 0.25rem 0.95rem; display: inline-block;}
.base-cont-inner::before,.base-cont-inner::after{ content: ''; width: 0.79rem; height: 0.79rem; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute;}
.base-cont-inner::before{ left: 0; top: 0; background-image: url(../images/icon-box-left.png);}
.base-cont-inner::after{ right: 0; bottom: 0; background-image: url(../images/icon-box-right.png);}
.base-cont-inner .title{ font-size: 0.8rem; font-weight: bold; position: relative; text-shadow: 0.05rem 0 0 rgba(80, 61, 167, 0.74);}
.base-cont-inner .title::before{ content: ''; width: 0.24rem; height: 0.24rem; background-color: #a31818; border-radius: 100%; position: absolute; top: 0.08rem; left: -0.28rem; animation: opacity_animation 1.5s infinite linear;}
.base-cont-inner .title span{ position: relative;}
/*.base-cont-inner .title span::before{ content: ''; width: 1.47rem; height: 1.16rem; background: url(../images/icon-lightning.png) center no-repeat; background-size: cover; position: absolute; top: -0.64rem; right: -2rem; animation: cloud_animation 2s infinite linear;}*/
.base-cont-inner .cont{ font-size: 0.36rem; font-weight: bold; margin-top: 0.1rem;}
.base-cont-inner .cont span{ font-size: 0.6rem; font-style: italic;}

@-webkit-keyframes opacity_animation{
	0%{ opacity: 1;}
	50%{ opacity: 0;}
	100%{ opacity: 1;}
}
@-webkit-keyframes cloud_animation{
	0%{ transform: translateY(0);}
	25%{ transform: translateY(0.1rem);}
	50%{ transform: translateY(0);}
	75%{ transform: translateY(-0.1rem);}
	100%{ transform: translateY(0);}
}

.section3{ margin-top: -1.2rem;}
.section3-inner{ height: 7.19rem; background: url(../images/section3-bg.png) center no-repeat; background-size: cover; overflow: hidden;}
.section3-swiper{ position: relative; margin-top: 0.35rem;}
.section3-swiper .swiper-container::before{ content: ''; width: 100%; height: 4.16rem; background-color: #000; position: absolute; left: 0; bottom: 0;}
.section3-swiper .swiper-slide .block-box{ padding: 0 0.3rem 0 0.6rem;}
.section3-swiper .swiper-slide .block-box .pic{ float: left; width: 53%;}
.section3-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.section3-swiper .swiper-slide .block-box .cont-inner{ float: right; width: 46%; font-size: 0.24rem; color: #fff; margin-top: 1.35rem;}
.section3-swiper .swiper-slide .block-box .cont-inner .name{ font-size: 0.42rem; color: #c9fb54;}
.section3-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.36rem; color: #c9fb54;}
.section3-swiper .swiper-slide .block-box .cont-inner .cont{ line-height: 1.8;}
.section3-swiper .swiper-pages{ position: absolute; bottom: -0.35rem; left: 50%; transform:translateX(-50%); font-size: 0;}
.section3-swiper .swiper-pages .swiper-pagination{ position: initial;}
.section3-swiper .swiper-pages .swiper-arrow{ position: absolute; top: 50%; transform:translateY(-80%);}
.section3-swiper .swiper-pages .swiper-arrow-prev{ left: -4vw;}
.section3-swiper .swiper-pages .swiper-arrow-next{ right: -4vw;}

.section4{ margin-top: -1.15rem;}
.section4-inner{ margin-top: 0.6rem;}
.section4-swiper{ position: relative; padding-bottom: 0.35rem;}
.section4-swiper .swiper-container{ background: url(../images/section4-swiper-bg.png) center repeat-x; background-size: auto 100%;}
.section4-swiper .swiper-slide{ padding: 0.8rem 0.2rem;}
.section4-swiper .swiper-slide .pic{ border-radius: 0.2rem; background-color: #fff; padding: 0.14rem; overflow: hidden;}
.section4-swiper .swiper-slide .pic img{ display: block; width: 100%; border-radius: 0.2rem;}
.section4-swiper .swiper-pages{ position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); font-size: 0;}
.section4-swiper .swiper-pages .swiper-pagination{ position: initial;}
.section4-swiper .swiper-pages .swiper-arrow{ position: absolute; top: 50%; transform:translateY(-80%);}
.section4-swiper .swiper-pages .swiper-arrow-prev{ left: -4vw;}
.section4-swiper .swiper-pages .swiper-arrow-next{ right: -4vw;}

.section5{ height: 3.74rem; background: url(../images/section5-bg.png) center no-repeat; background-size: cover; padding-top: 1.5rem;}
.section5 .base-cont-inner{ display: block; color: #000;}
.section5 .base-cont-inner .title{ float: left; text-shadow: 0.05rem 0 0 #fff;}
.section5 .base-cont-inner .pic{ height: 1.82rem; position: absolute; top: 50%; transform:translateY(-50%); right: 1.4rem;}
.section5 .base-cont-inner .pic img{ display: block; height: 100%;}






@media (max-width: 1680px){
	/* 缩小80% */
	.adcom{ top: 30px; }
	/* 头部 */
	.head {padding: 16px 2.4% 16px;}
	.head .head1d {margin-top: 6px;}
	.head .head1a img {height: 38px;}
	.head .head1d img {width: 115px;}

	/*二维码*/
	.scancode{right: 16px;}
	.scancode .scancode-box .scanicon{width: 56px; height: 338px; border-width: 8px; padding: 30px 0;}
	.scancode .scancode-box .scanicon p{line-height: 40px; letter-spacing: 3px; font-size: 22px;}
	.scancode .scancode-box .scancode-hidden{ right: 20px; padding: 24px 64px 24px 48px; height: 338px; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 252px;  } 
	.scancode .scancode-box .scancode-hidden .txt{ font-size:18px; margin-top: 16px; }

	/* 底部 footers */
	.footers{ padding: 12px 0;}
	.footers .copyright{ font-size: 12px;}
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.adcom{ top: 30px; }
	/* 头部 header */
	.head {padding: 14px 2.4% 14px;}
	.head .head1d {margin-top: 5px;}
	.head .head1a img {height: 34px;}
	.head .head1d img {width: 100px;}

	/*二维码*/
	.scancode{ right: 14px; }
	.scancode .scancode-box .scanicon{width: 50px; height: 300px; border-width: 7px; padding: 25px 0;}
	.scancode .scancode-box .scanicon p{ line-height: 36px; letter-spacing: 3px; font-size: 20px;}
	.scancode .scancode-box .scancode-hidden{ right: 15px; padding: 21px 56px 21px 42px; height: 300px;}
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 220px;}
	.scancode .scancode-box .scancode-hidden .txt{ font-size:15px;margin-top: 14px;}

	/* 底部 footers */
	.footers{padding: 10px 0; }
	.footers .copyright{ font-size: 12px;}
	
	
}
@media (max-width: 1280px){
	/* 缩小70% */
	.adcom{ top: 30px; }
	/* 头部 header */
	.head {padding: 14px 2.4% 14px;}
	.head .head1d {margin-top: 5px;}
	.head .head1a img {height: 34px;}
	.head .head1d img {width: 100px;}
	
	/*二维码*/
	.scancode{ right: 14px; }
	.scancode .scancode-box .scanicon{width: 50px; height: 300px; border-width: 7px; padding: 25px 0;}
	.scancode .scancode-box .scanicon p{ line-height: 36px; letter-spacing: 3px; font-size: 20px;}
	.scancode .scancode-box .scancode-hidden{ right: 15px; padding: 21px 56px 21px 42px; height: 300px;}
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 220px;}
	.scancode .scancode-box .scancode-hidden .txt{ font-size:15px;margin-top: 14px;}
	
	/* 底部 footers */
	.footers{padding: 10px 0; }
	.footers .copyright{ font-size: 12px;}
	
	
}
@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.bodymain {padding-top: 0!important;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.edit-container{ width: 100%;}
	
	.adcom{ top: 10px;right: 10px;}
	
	/*二维码*/
	.scancode{ right: 0;}
	.scancode .scancode-box .scanicon{ width: 0.8rem; height: auto; background: none; background-color: #f0ca5b; border: 0.04rem solid #f0ca5b; border-radius: 0.1rem; padding: 0;}
	.scancode .scancode-box .scanicon img.iconsao{ display: block; width: 0.56rem; margin: 0.08rem auto;}
	.scancode .scancode-box .scanicon p{ display: none;}
	.scancode .scancode-box .scancode-hidden{right: 0.9rem;padding: 0.3rem; top: 50%; margin-top:-1.32rem; height: 3.6rem; border-radius: 0.1rem; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 2rem;}
	.scancode .scancode-box .scancode-hidden .txt{font-size:0.26rem; margin-top:0.2rem;}

	/* 底部 footers */
	.footers{ padding: 10px 0;}
	.footers .copyright{ font-size: 12px; }
	.footers .copyright span, .footers .copyright a{ display: block; }
	
	.swiper-arrow{ width: 0.42rem; height: 0.19rem;}
	.swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.1rem;}
	
	.section1{ padding: 0.6rem 0.26rem;}
	.section1 .title-pic{ width: 100%; position: initial;}
	.section1-right{ float: none; width: 100%; margin-top: 0.6rem; padding: 0 0.14rem 0.25rem 0.14rem;}
	.section1-swiper .swiper-slide .pic{ padding: 0.1rem;}
	.section1-swiper .swiper-slide .title{ height: 0.48rem; margin-top: 0.25rem;}
	.section1-swiper .swiper-arrow{ bottom: 0.15rem;}
	.section1-swiper .swiper-arrow-prev{ left: 1.64rem;}
	.section1-swiper .swiper-arrow-next{ right: 1.64rem;}
	
	.section2{ height: 10.51rem; background-image: url(../images/section2-bg-mo.png); margin-top: 0; padding: 0.4rem 0.4rem;}
	.camera-swiper{ width: 100%; position: relative; padding-top: 0;}
	.camera-swiper::before{ width: 4.95rem; height: 5.14rem; top: 9%;}
	.camera-swiper .swiper-slide{ padding: 1.1rem 0 0 0;}
	.camera-swiper .swiper-slide .pic{ width: 4.9rem;}
	.camera-swiper .swiper-slide .pic .icon-new{ width: 2.4rem; top: 7%; right: -13.5%;}
	.camera-swiper .swiper-slide .camera-title{ width: 3.2rem; top: 0;}
	.camera-swiper .swiper-arrow{ top: 56%;}
	.camera-swiper .swiper-arrow-prev{ left: 0;}
	.camera-list-swiper{ margin: 0.1rem -0.2rem 0 -0.2rem;}
	.camera-list-swiper .swiper-slide{ padding: 0 0.1rem 0.15rem 0.1rem; position: relative;}
	.camera-list-swiper .swiper-slide::before{ content: ''; width: 0; height: 0.05rem; background-color: #000; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; transition:all 0.3s ease;}
	.camera-list-swiper .swiper-slide .pic{ width: 1.56rem; margin: 0 auto;}
	.camera-list-swiper .swiper-slide .pic img{ display: block; width: 100%;}
	.camera-list-swiper .swiper-slide .pic .icon-new{ width: 0.7rem; position: absolute; top: 6%; right: 0;}
	.camera-list-swiper .swiper-slide .camera-title{ height: 0.38rem;}
	.camera-list-swiper .swiper-slide .camera-title img{ display: block; height: 100%; margin: 0 auto;}
	.camera-list-swiper .swiper-slide-thumb-active::before{ width: 0.88rem;}
	
	.base-cont-box{ padding: 0 0.4rem;}
	.base-cont-inner{ padding: 0.25rem 0.55rem; display: block;}
	.base-cont-inner::before, .base-cont-inner::after{ width: 0.53rem; height: 0.53rem;}
	.base-cont-inner .title{ font-size: 0.65rem;}
	.base-cont-inner .title::before{ width: 0.2rem; height: 0.2rem; top: 0.08rem; left: -0.25rem;}
	/*.base-cont-inner .title span::before{ width: 1.2rem; height: 0.95rem; top: -0.53rem; right: -1.65rem;}*/
	.base-cont-inner .cont{ font-size: 0.34rem; line-height: 1.4;}
	.base-cont-inner .cont span{ font-size: 0.5rem; display: block;}
	
	.section3{ padding: 0.4rem 0; margin-top: -0.15rem;}
	.section3-inner{ height: 12.68rem; background-image: url(../images/section3-bg-mo.png);}
	.section3-swiper{ margin-top: 0;}
	.section3-swiper .swiper-container::before{ height: 6.5rem;}
	.section3-swiper .swiper-slide .block-box{ padding: 0 0.4rem;}
	.section3-swiper .swiper-slide .block-box .pic{ float: none; width: 95%; margin: 0 auto;}
	.section3-swiper .swiper-slide .block-box .cont-inner{ float: none; width: 100%; margin-top: 0; padding: 0.2rem 0 0.4rem 1.6rem;}
	.section3-swiper .swiper-pages{ bottom: -0.55rem;}
	.section3-swiper .swiper-pages .swiper-arrow-prev{ left: -1rem;}
	.section3-swiper .swiper-pages .swiper-arrow-next{ right: -1rem;}
	
	.section4{ margin-top: 0;}
	.section4-swiper{ padding-bottom: 0.55rem;}
	.section4-swiper .swiper-slide{ padding: 0.8rem 0.15rem;}
	.section4-swiper .swiper-pages{ bottom: 0;}
	.section4-swiper .swiper-pages .swiper-arrow-prev{ left: -1rem;}
	.section4-swiper .swiper-pages .swiper-arrow-next{ right: -1rem;}
	
	.section5{ height: 10.99rem; background-image: url(../images/section5-bg-mo.png); padding-top: 1.74rem;}
	.section5 .base-cont-inner .pic{ height: auto; position: relative; transform: translateY(0); right: 0; width: 5.28rem; margin: 0 auto; top: -1.05rem;}
	.section5 .base-cont-inner .pic img{ height: auto; width: 100%;}
	.section5 .base-cont-inner::after{ bottom: 1.3rem;}
	
	
	
	
	
}


@media (max-width: 768px){

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