body,
a,
h1,h2,h3,h4,h5,h6,
img,
p{ 
 margin:0;
 border:0; 
 padding:0; 
 display:block;
 outline:none; 
 text-decoration:none;
 font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
 color:white;
}
html,body{ width:100%; height:100%; position:relative;}
body{font-size:1em;}
html{font-size: 100%;}
/* .col-1,
.col-2,
.col-3{
	width:100%;
	background-image:url(../images/arrow-down.png); background-repeat:no-repeat; 

background-position:center 90%; background-size:22px 12px;
} */
.col-1{  background: -moz-linear-gradient(top,#00bfcb, #3fe7e2);
		 background: -webkit-linear-gradient(top,  #00bfcb, #3fe7e2);
	     background: -o-linear-gradient(top,  #00bfcb, #3fe7e2);
	     background: -ms-linear-gradient(top,  #00bfcb, #3fe7e2);
	     filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00bfcb', endColorstr='#3fe7e2'); /* IE6,IE7 */
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00bfcb', endColorstr='#3fe7e2')"; /* IE8 */
		 box-shadow: 0 3px 6px rgba(0,0,0,.3); z-index:6; height:33.33%;
	}
.col-2{ background-image: -moz-linear-gradient(top,#1d4c8a 0%, #0a9af2 2%, #40b3f9 100%);
	    background-image: -webkit-linear-gradient(top,#1d4c8a 0%, #0a9af2 2%, #40b3f9 100%);
	    background-image: -o-linear-gradient(top,#1d4c8a 0%, #0a9af2 2%, #40b3f9 100%);
	    background-image: -ms-linear-gradient(top,#1d4c8a 0%, #0a9af2 2%, #40b3f9 100%);
	    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0a9af2', endColorstr='#40b3f9'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0a9af2', endColorstr='#40b3f9')"; /* IE8 */
		 box-shadow: 0 3px 6px rgba(0,0,0,.3); 
		 z-index:5; height:33.33%;
}
.col-3{ background: -moz-linear-gradient(top,#1d4c8a 0%,  #2567b9 2%, #147ee1 100%);
	    background: -webkit-linear-gradient(top,#1d4c8a 0%,  #2567b9 2%, #147ee1 100%);
	    background: -o-linear-gradient(top,#1d4c8a 0%,  #2567b9 2%, #147ee1 100%);
	    background: -ms-linear-gradient(top,#1d4c8a 0%,  #2567b9 2%, #147ee1 100%);
	   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2567b9', endColorstr='#147ee1'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2567b9', endColorstr='#147ee1')"; /* IE8 */
		height:33.34%;}
.arrow-down{width:22px;height:12px;margin-top: -8%;margin-left: 47%;}
/*.col-in{ width:90%; margin-left:auto; margin-right:auto; overflow:hidden;}*/
.col-in{ width:90%; margin:0 auto;height: 100%;}
.icon-b{ width:auto;height: 34.4%; margin-top:30px; margin-left:2.78%; margin-right:2.59%; float:left;}
.text{ width: 66.53%; float:left;}
h1{ font-size:1.125em; line-height:2.375em; margin-top:1.5em;}
p{ font-size:0.625em; line-height:1.25em;}
.col-4{ background-color:#2b2b38; height:35.33%; box-shadow:inset 0 -3px 6px rgba(0,0,0,.3); position:relative; z-index:3;}
.col-4-1{ width:73.75%; overflow:hidden; position:absolute; left:12%; top:4%;} 
.n_eight{ width:99.375%; overflow:hidden; position:absolute; left:0%; top:4%;}
.n_eight1{ width:160px; overflow:hidden; position:absolute; left:42%; top:88.5%; margin-left:-50px; margin-top:-2px;}
.col-4-2{ width:236px; overflow:hidden; position:absolute; } 
.n_eight2{ width:320px; overflow:hidden; position:absolute;  left:50%; top:50%; margin-left:-160px; margin-top:10px;}
/* .box1{ float:left;} */
.box1{ float:left;width:33.33%;}
.box1 a img{margin-left:19.665%;}
.box1-1{ float:left;width:25%;}
.box1-1 a{width:100%;}
/* .box1-1 a img{margin-left:19.875%;} */
/* .icon-l{ width:46px; float:none; display:block;} */
.icon-l{ width:58.5%;display:block;border-radius: 3rem;}
.icon-2{ width:100%;display:block;}
.zs{ font-size:10px; line-height:10px; text-align:center; color:#eaeaec; margin-top:8px;}
.zs2{ font-size:10px; line-height:10px; text-align:center; color:#eaeaec; margin-top:8px;}
/* .right{ margin-right:46px;} */
/* .right_1{ margin-right:42px;} */
.bor_img{width: 57.86%;height:71.875%;margin-left: 19.875%;}
.down{ margin-bottom:8.5%;}
.down-1{ margin-bottom:7.5%;}
.tog{ height:25%;}
/* .tog-bg{ background-image:url(../images/arrow-top.png);} */
#body-layout{ display:block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; 

background-color: #FFFFFF; z-index:1001;}

.box_show{display:block;}
.box_hide{display:none;}


@media screen and (min-width: 320px) and (max-width: 375px){
	.zs{ font-size:10px; line-height:10px; text-align:center; color:#eaeaec; margin-top:8px;}
}
@media screen and (min-width: 376px) and (max-width: 414px){
	.zs{ font-size:14px; line-height:14px; text-align:center; color:#eaeaec; margin-top:8px;}
	h1{ font-size:18px; line-height:18px; margin-top:38px;}
	p{ font-size:14px; line-height:20px;}
	.col-4-1{width: 74.75%;overflow: hidden;position: absolute;left:12%;top: 4%;}
}
@media screen and (min-width: 415px) and (max-width: 600px){
	.zs{ font-size:16px; line-height:16px; text-align:center; color:#eaeaec; margin-top:8px;}
	h1{ font-size:24px; line-height:28px; margin-top:38px;}
	p{ font-size:16px; line-height:30px;}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
	.zs{ font-size:24px;height: 24px; line-height:24px; text-align:center; color:#eaeaec; 

margin-top:3.5%;}
	.down{margin-bottom: 7.5%;}
	.down-1{margin-bottom: 5.5%;}
	h1{ font-size:34px; line-height:34px; margin-top:54px;}
	p{ font-size:24px; line-height:48px;}
}
@media screen and (min-width: 1025px) and (max-width: 1400px){
	.zs{ font-size:36px;height: 36px; line-height:24px;  text-align:center; color:#eaeaec; 

margin-top:9.5%;}
	.down{margin-bottom: 7.5%;}
	.down-1{margin-bottom: 5.5%;}
	h1{ font-size:56px; line-height:66px; margin-top:72px;}
	p{ font-size:36px; line-height:58px;}
}
@media screen and (min-width: 1401px) and (max-width: 2500px) {
	.zs{ font-size:54px;height: 54px; line-height:30px; text-align:center; color:#eaeaec; 

margin-top:7.5%;}
	.down{margin-bottom: 7.5%;}
	.down-1{margin-bottom: 5.5%;}
	h1{ font-size:68px; line-height:74px; margin-top:74px;}
	p{ font-size:54px; line-height:84px;}
}
.swiper-pagination-bullet{
	background: rgb(255,255,255); 
	border-radius: 100%; 
	width: 10px; 
	height: 10px; 
	display: inline-block; 
	margin:0 5px;
	cursor: pointer;
}
.swiper-pagination{
	text-align:center;
	position:absolute; 
	top:92%;
	width:98%;
}
.arrow-left{
	width:22px;
	height:22px;
	margin-top: -22px;
	top:50%;
	position:absolute;
	z-index:10;
	background-repeat:no-repeat;
	background-position:center;
	background-size:15px 25px;
	left:0px;
	right:auto;
	cursor:auto;
	/* opacity:0.35; */
	/* pointer-events:none; */
	background-image:url("../images/arrow-left-1.png");
	}
.arrow-right{
	width:22px;
	height:22px;
	margin-top: -22px;
	top:50%;
	position:absolute;
	z-index:10;
	background-repeat:no-repeat;
	background-position:center;
	background-size:15px 25px;
	right:0px;
	left:auto;
	cursor:auto;
	/* opacity:0.35; */
	/* pointer-events:none; */
	background-image:url("../images/arrow-right-1.png");
	}
.opacity{
	opacity:0.35;
}