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

html,body{width:100%;margin:0;padding:0;font-family:"Microsoft YaHei","宋体","黑体","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important;}
html,body,div,span,h1,h2,h3,h4,h5,h6,em,img,strong,sub,sup,tt,dd,dl,dt,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,p,a,section,a{margin:0;padding:0;font-weight:normal;}
a{text-decoration:none !important;}
input,select,textarea{vertical-align:middle;}
img{border:0;margin:0;padding:0;display:block;}
ul,li{list-style-type:none;}
a{blr:expression(this.onFocus=this.blur());text-decoration:none;}
*{margin:0;padding:0;border:0;}
div,a{tap-highlight-color:rgba(0,0,0,0);focus-ring-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-moz-focus-ring-color:rgba(0,0,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; }

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

.edit-container{ width: 87.5vw; 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;}

body{ background-color: #f1f1f1; font-size: 14px; line-height: 1.5;}
.bodymain{ width:100%; overflow: hidden; position: relative; left: 0;}

.header{ height: 0.68rem; background-color: #fff; box-shadow: 0 3px 25px rgba(18, 27, 53, .2); position: relative; z-index: 9; display: flex; align-items: center; justify-content: space-between;}
.header .logo{ float: left; height: 0.48rem; /* margin-left: 7%; */}
.header .logo img{ display: block; height: 100%;}

/*底部*/
.footer{width:100%;height:60px;background-color:#404043;text-align:center;font-size:12px;line-height:60px;color:#ccc;}
.footer .main{margin:0 auto;}
.footer img{width:auto;vertical-align:middle;display:inline-block;padding-left:1%;padding-right:0.5%;}

.opacity-ani{ transition: 1s; transform: translateY(15px); opacity: 0;}
.opacity-ani.animation{ transform: translateY(0); opacity: 1;}

.home-banner{ position: relative; overflow: hidden;}
.home-banner img{ display: block; width: 100%;}
.home-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #fff;}
.home-banner .banner-inner .title{ height: 1.57rem; padding-left: 1.2rem;}
.home-banner .banner-inner .title img{ display: block; width: auto; height: 100%;}

.section100{ height: 100vh; position: relative;}
.section100 .bg{ display: block; height: 100%;}
.section100 .bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.section .section-inner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.section .section-inner .edit-container{ height: 100%;}
.section .section-inner .section-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.section .section-inner .section-img img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.section1-cont{ position: absolute; font-size: 0.3rem; color: #fff; text-align: center;}
.section1-cont .title{ font-size: 0.5rem;}
.section1-cont .cont{ margin-top: 0.1rem;}
.section1-cont1{ top: 26%; left: 52%;}
.section1-cont2{ top: 74%; left: 6%;}
.section1-cont3{ top: 74%; right: 6%;}

.section2-title{ width: 100%; height: 2.23rem; position: absolute; left: 0; top: 13.5%;}
.section2-title img{ display: block; height: 100%; margin: 0 auto;}

.section3-title{ width: 100%; font-size: 0.82rem; color: #fff; text-align: center; line-height: 1.3; position: absolute; left: 0; top: 13.5%;}

.section4-title{ width: 100%; height: 0.96rem; position: absolute; left: 0; top: 12%;}
.section4-title img{ display: block; height: 100%; margin: 0 auto;}

.section5-title{ width: 100%; height: 2rem; position: absolute; left: 0; top: 9%;}
.section5-title img{ display: block; height: 100%; margin: 0 auto;}
.section5-selling-point{ width: 100%; height: 0.86rem; position: absolute; left: 0; top: 80%;}
.section5-selling-point img{ display: block; height: 100%;}

.section6-cont{ position: absolute; top: 12%; font-size: 0.3rem; color: #fff;}
.section6-cont .top-title{ font-size: 0.82rem; line-height: 1;}
.section6-cont .top-title span{ font-size: 1.5rem; /* font-weight: bold; */ margin-left: 0.1rem;}
.section6-cont .cont-box{ margin-top: 0.4rem;}
.section6-cont .cont-box .title{ font-size: 0.45rem; font-weight: bold;}
.section6-cont .cont-box .cont{ margin-top: 0.1rem;}
.section6-cont1{ right: 60%; text-align: right;}
.section6-cont2{ left: 60%; text-align: left;}

.section7-cont{ width: 70%; font-size: 0.45rem; color: #fff; text-align: center; line-height: 1.5; position: absolute; left: 0; top: 10%;}

.section8-cont{ position: absolute; font-size: 0.58rem; color: #fff;}
.section8-cont .title{ font-size: 0.75rem; font-weight: bold;}
.section8-cont .title span{ font-size: 1rem;}

.section8-cont1{ top: 12%; left: 3%;}
.section8-cont2{ font-size: 0.32rem; top: 73%; right: 62%;}

.section9-inner{ width: 100%; position: absolute; left: 0; top: 10%;}
.section9-inner .section9-title{ height: 1.05rem;}
.section9-inner .section9-title img{ display: block; height: 100%; margin: 0 auto;}
.section9-inner .section9-cont{ margin-top: 0.5rem; font-size: 0.36rem; line-height: 0.75rem;}
.section9-inner .section9-cont li{ float: left; width: 50%; text-align: center;}
.section9-inner .section9-cont li dd{ position: relative;}
.section9-inner .section9-cont li dd::before{ content: ''; width: 1.9rem; border-bottom: 1px dotted #000; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%);}
.section9-inner .section9-cont li dd:last-child::before{ display: none;}













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

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

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

@media (max-width:960px) {
	.edit-container{ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.header{ height: auto; padding: 2% 0;}
	.header .logo{ width: 18.7%; margin-left: 4%; margin-top: 0;}
	
	.footer{ height: auto; line-height: 1.5; padding: 0.2rem 0.4rem;}
	.footer .div-br{ display: block;}
	
	.home-banner .banner-inner{ padding: 0 0.4rem; top: 18%; transform: translateY(0);}
	.home-banner .banner-inner .title{ height: 1.7rem; padding-left: 0;}
	
	.section100{ height: 10rem;}
	
	.section .section-inner .section-img{ height: auto; top: 50%; transform: translateY(-50%);}
	.section .section-inner .section-img img{ height: auto;}
	
	.section1 .section-inner .section-img{ width: 120%; left: -10%;}
	
	.section1-cont{ font-size: 0.24rem;}
	.section1-cont .title{ font-size: 0.4rem;}
	
	.section1-cont1{ top: 35%; left: 41%;}
	.section1-cont2{ top: 62%; left: 0.4rem;}
	.section1-cont3{ top: 78%; right: 0.4rem;}
	
	.section2-title{ height: auto; padding: 0 0.4rem; top: 15%;}
	.section2-title img{ width: 100%;}
	
	.section3-title{ font-size: 0.52rem; padding: 0 0.4rem; top: 15%;}
	
	.section4-title{ height: auto; padding: 0 0.4rem; top: 15%;}
	.section4-title img{ width: 80%;}
	
	.section5 .section-inner .section-img{ width: 120%; left: -10%;}
	.section5-title{ height: auto; padding: 0 0.4rem; top: 15%;}
	.section5-title img{ width: 100%;}
	.section5-selling-point{ height: auto; padding: 0 0.4rem;}
	.section5-selling-point img{ width: 100%;}
	
	.section6 .section-inner .section-img{ width: 120%; left: -10%; transform: translateY(-30%);}
	.section6-cont{ top: 20%; font-size: 0.24rem;}
	.section6-cont .top-title{ font-size: 0.5rem;}
	.section6-cont .top-title span{ font-size: 0.8rem;}
	.section6-cont .cont-box .title{ font-size: 0.36rem;}
	
	.section6-cont1{ right: 55%;}
	
	.section7-cont{ width: 85%; top: 20%; padding: 0 0.4rem; font-size: 0.36rem;}
	
	.section8 .section-inner .section-img{ width: 120%; left: -10%;}
	.section8-cont{ font-size: 0.36rem;}
	.section8-cont .title{ font-size: 0.5rem;}
	.section8-cont .title span{ font-size: 0.8rem;}
	.section8-cont1{ top: 15%; left: 0.4rem;}
	.section8-cont2{ font-size: 0.28rem; right: 50%;}
	
	.section9 .section-inner .section-img{ width: 140%; left: -20%;}
	.section9-inner .section9-title{ height: auto; padding: 0 0.4rem;}
	.section9-inner .section9-title img{ width: 80%;}
	.section9-inner .section9-cont{ font-size: 0.28rem;}
	.section9-inner .section9-cont li dd::before{ width: 1.4rem;}
	
}