*{
	margin: 0;
	padding: 0;
	white-space:normal !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #222;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #222;
	transition: all .5s;
-webkit-transition: all .5s;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
img.max{
	width: 100%;
}
@font-face{
	font-family: BaiJamjuree;
	src: url('../fonts/BaiJamjuree-Regular.woff2'), 
		 url('../fonts/BaiJamjuree-Regular.ttf'),
		 url('../fonts/BaiJamjuree-Regular.eot'); 
}
.fm-BAJ{
	font-family: BaiJamjuree;
}

@font-face{
	font-family: BaiJamjuree-Bold;
	src: url('../fonts/BaiJamjuree-Bold.woff2'), 
		 url('../fonts/BaiJamjuree-Bold.ttf'),
		 url('../fonts/BaiJamjuree-Bold.eot'); 
}
.fm-BAJ-B{
	font-family: BaiJamjuree-Bold;
}
@font-face{
	font-family: Source_Han_Sans_SC_Regular;
	src: url('../fonts/Source_Han_Sans_SC_Regular.otf'); 
}
body{
	width: 100%;
	font-size: 14px;
	color: #222;
    line-height: 1.7;
	font-family: Source_Han_Sans_SC_Regular;
}

.gymgtop{
	margin-top: 10vw;
}
.gycnt{
	font-size: 0;
}
.gyclt{
	width: 50%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
}
.gyclt-a{
	line-height: 1.2;
}
.gyclt-b{
	margin-top: 2vw;
	color: #999999;
	font-weight: bold;
}
.gyclt-b a{
	display: inline-block;
	color: #999;
}
.gyclt-b a:hover{
	color: #222;
}
.gyclt-b span{
	color: #222;
}
.gycrt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	
}
.gycrt-a{
	text-align: right;
	color: #242a34;
	opacity: .3;
	line-height: 1.1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 2vw;
}


.gyban{
	position: relative;
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.gyban-a{
	width: 100%;
	z-index: 2;
}

@media(max-width:1200px){
	.gymgtop{
		margin-top: 140px;
	}
}
@media(max-width:750px){
	.gymgtop{
		margin-top: 2rem;
	}
	.gyclt{
		width: 100%;
	}
	.gyclt-b{
		margin-top: 0;
		margin-bottom: .6rem;
		font-size: .24rem;
	}
	.gyclt-a{
		font-size: .8rem;
		font-weight: bold;
	}
	.gycrt{
		width: 100%;
		margin-top: .4rem;
	}
	.gycrt-a{
		text-align: left;
	}
	.gyban{
		margin-top: .6rem;
	}
}



.sustain-div{
	padding: 5.4vw 0;
	line-height: 1.8;
}
@media(max-width:750px){
	.sustain-div{
		padding: 1rem 0;
	}
}

.contact-bj{
	width: 100%;
	min-height: 10.56vw;
	position: relative;
	background: url(../img/img01.jpg) no-repeat center; 
	background-size: cover;
	padding: 4vw 0 6vw 0;

}

.contact{
	position: relative;
	padding-right: 50%;
}
.contact-a{
	line-height: 1;
	padding-bottom: 1vw;
}
.contact-b{
	margin-top: 1vw;
	line-height: 1.3;
}
.contact-b1{
	color: #999;
}
.contact-b2{
	margin-top: .3vw;
}
.contact-b2.fm-BAJ{
	line-height: 1.1;
}
.contact-c{
	font-size: 0;
	width: 9.5vw;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
}
.contact-b3{
	width: 6.5vw;
	padding: .5vw;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
	position: absolute;
	left: 140px;
	top: 0;
/* 	right: 0;
	bottom: 0; */
}
.contact-de{
	padding: 6.25vw 0 8.3vw 0;
}
.contact-d{
	text-align: center;
	line-height: 1;
}
.contact-e{
	width: calc(100% + 5px);
	margin-top: 3.75vw;
	font-size: 0;
}
.contact-eli{
	width: calc(50% - 5px);
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff;
	padding: 0 2.5vw;
	padding-top: 1.85vw;
	height: 7.8125vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.contact-e3{
	opacity: .5;
	margin-top: .3vw;
}
.contact-eli:hover{
	background: #004ea3;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}


@media(max-width:1200px){
	.contact-bj{
		padding: 80px 0;
	}
	.contact-b{
		margin-top: 40px;
	}
	.contact-b3{
		width: 100px;
		padding: 10px;
	}
	.contact-de{
		padding: 80px 0;
	}
	.contact-eli{
		height: 100px;
		padding: 15px 20px;
	}
}

@media(max-width:1000px){
	.contact{
		padding-right: 0;
	}
	.contact-b{
		padding-right: 50%;
	}
	.contact-e{
		width: 100%;
		margin-top: 40px;
	}
	.contact-eli{
		width: 100%;
		height: auto;
	}
}

@media(max-width:750px){
	.contact-bj{
		background-image: url(../img/img01_m.jpg);
	}
	.contact-bj{
		padding: 1rem 0;
	}
	.contact{
		padding: 0 4%;
	}
	.contact-b{
		margin-top: .65rem;
		padding-right: 30%;
	}
	.contact-b2{
		font-weight: bold;
		font-size: .32rem;
		margin-top: .1rem;
		line-height: 1.4;
	}
	.contact-b1{
		font-size: .28rem;
	}
	.contact-b3{
		width: 1.4rem;
		padding: .1rem;
	}
	.contact-c{
		width: 1.5rem;
		top: 36%;
    left: 72%;
	}
	.contact-de{
		padding: 1rem 4%;
	}
	.contact-eli{
		padding: .3rem .4rem;
	}
	.contact-e3{
		margin-top: .08rem;
	}
	.contact-d{
	}
	.contact-e2{
		font-size: .32rem;
	}
	.contact-e{
		margin-top: .8rem;
	}
}



.join-bj{
	width: 100%;
	overflow: hidden;
}
.join{
	padding: 0vw 0 8.333vw 0;
}
.join-ab{
	overflow: hidden;
}
.join-a{
	line-height: 1;
	float: left;
}
.join-b{
	width: 7.6vw;
	height: 3.6vw;
	float: right;
	position: relative;
}
.join-bbut{
	width: 3.54vw;
	height: 3.54vw;
	background: url(../img/ico04_1.png) no-repeat center;
	background-size: 98%;
	left: 0;
	top: 0;
	margin: 0 !important;
}
.join-bbut:hover{
	background: url(../img/ico04_2.png) no-repeat center;
	background-size: 98%;
}
.join-brt{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
	left: initial;
	right: 0;
}
.join-c{
	width: 150%;
	padding-right: 50%;
	margin-top: 3.75vw;
}
.join-csd{
	background: #fff;
	height: 26vw;
	padding: 0 1.125vw;
}
.join-c1{
	opacity: .2;
	line-height: 1;
	padding-top: 2vw;
}
.join-c2{
	font-size: 0;
	text-align: center;
	margin-top: 2vw;
}
.join-c2 img{
	height:15.25vw;
}
.join-c3{
	margin-top:1vw;
}
.join-c4{
	color: #999;
	margin-top: 1vw;
	line-height: 1.4;
}
.join-c5{
	width: 00%;
	height: .4vw;
	position: absolute;
	left: 50%;
	top: 0;
	background: #004ea3;
transition: all .5s;
-webkit-transition: all .5s; 
}
.join-csd:hover .join-c5{
	width: 100%;
	left: 0;
transition: all .5s;
-webkit-transition: all .5s; 
	
}

.join-d{
	padding: 9.375vw 0 5.2vw 0;
}
.join-dsw{
	width: 100%;
	padding-bottom: 5.2vw;
}
.join-dlt{
	width: 48.875%;
	float: left;
}
.join-d2{
	line-height: 1.2;
	min-height: 15.927vw;
	margin-bottom: 1vw;
}
.join-d3{
	width: 100%;
	height: 23.4375vw;
	overflow: hidden;
	position: relative;
}
.join-drt{
	width: 48.875%;
	float: right;
	height: 40.4vw;
	overflow: hidden;
	position: relative;
}
.join-dsp{
	bottom: 0 !important;
}
.join-dsp span{
	width: 0.9375vw;
	height: 0.9375vw;
	border-radius: 100%;
	opacity: 1;
	background: #fff;
	border: 2px solid #ececec;
}
.join-dsp span.swiper-pagination-bullet-active{
	background: #004ea3;
	border-color: #004ea3;
}
.join-ef{
	padding: 5.2vw 0;
}
.join-e{
	text-align: center;
}
.join-eli{
	display: inline-block;
	line-height: 1.1;
	margin: 0 1.05vw;
	color: #b4c9c9;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-eli:hover,
.join-eli.on{
	color: #222;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-f{
	width: 100%;
	margin-top: 3.125vw;
}
.join-ful{
	width: 100%;
}
.join-fli{
	padding:2.3vw 2.6vw;
	background: #fff;
	cursor: pointer;
	position: relative;
	margin-bottom: 3px;
}
.join-fli>div{
	padding-right: 3.125vw;
	background: url(../img/ico05_1.png)no-repeat right center; 
	background-size: 1.45vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fli:after{
	content: '';
	width: .5vw;
	height: 0%;
	position: absolute;
	left: 0;
	top: 50%;
	background: #004ea3;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fli:hover:after{
	height: 100%;
	top: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fli:hover>div{
	background-image: url(../img/ico05_2.png);
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fmr{
	display: inline-block;
	color: #222;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fmr-bj{
	text-align: center;
	margin-top: 3vw;
}
.join-fmr img{
	position: relative;
	top: -1px;
	margin-left: 5px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fmr:hover{
	font-weight: bold;
	
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-fmr:hover img{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-flist{
	display: none;
}

@media(max-width:1200px){
	.join{
		padding: 80px 0;
	}
	.join-b{
		width: 90px;
		height: 40px;
	}
	.join-bbut{
		width: 40px;
		height: 40px;
	}
	.join-csd{
		height: 320px;
		padding: 0 25px;
	}
	.join-d{
		padding: 80px 0;
	}
	.join-d2{
		font-size: 30px;
		min-height: 150px;
		margin-bottom: 15px;
	}
	.join-d3{
		height: 260px;
	}
	.join-drt{height: 425px;}
	.join-dsw{
		padding-bottom: 80px;
	}
	.join-dsp span{
		width: 12px;
		height: 12px;
	}
	.join-ef{
		padding: 80px 0;
	}
	.join-f{
		margin-top: 50px;
	}
}
@media(max-width:1000px){
	.join-d2{
		font-size: 26px;
	}
	.join-c2 img{
		height: 60px;
	}
}
@media(max-width:750px){
	.join,.join-d,.join-ef{
		padding: 1rem 4%;
	}
	.join-b{
		width: 1.3rem;
	}
	.join-bbut{
		width: .6rem;
		height: .6rem;
	}
	.join-csd{
		padding: 0 .2rem;
		height: 5.7rem;
	}
	.join-c1{
		padding-top: .4rem;
	}
	.join-c2{
		margin-top: .3rem;
	}
	.join-c2 img{
		height:3rem;
	}
	.join-c3{
		font-size: .45rem;
		margin-top: .4rem;
	}
	.join-c4{
		
	}
	.join-d3{
		display: none;
	}
	.join-dlt{
		width: 100%;
	}
	.join-drt{
		width: 100%;
		margin-top: .5rem;
		height: 5rem;
	}
	.join-d2{
		min-height: auto;
		margin-bottom: 0;
	}
	.join-dsw{
		padding-bottom: 1rem;
	}
	.join-d2{
		font-size: .48rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.join-f{
		margin-top: .6rem;
	}
	.join-fli{
		padding: .2rem .3rem;
		padding-right: .4rem;
		background-size: .2rem;
		font-size: .3rem;
		font-weight: bold;
	}
	.join-fmr-bj{
		margin-top: .5rem;
	}
	.join-fmr img{
		width: .3rem;
	}
	.join-fli>div{
		padding-right: .4rem;
		background-size: .2rem auto;
	}
}
	
	
.jointk-bj{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.1);
	z-index: 39;
	width: 100%;
	height: 100%;
	display: none;
}	
.jointk{
	background: #fff;
	padding: 3.125vw  6.25vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.jointk-ab{
	width: 100%;
	padding-right: 5vw;
	position: relative;
}
.jointk-b{
	margin-top: .4vw;
	opacity: .6;
}
.jointk-b>div{
	display: inline-block;
	margin-right: .4vw;
}
.jointk-c{
	width: 4vw;
	height: 4vw;
	padding: 1.2vw;
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.jointk-d{
	width: 100%;
	height: 2px;
	background: #e5e5e5;
	margin-top: 2.6vw;
}
.jointk-pos{
	padding-right: 5px;
	max-height:60vh;
	overflow-y: auto;
	margin-top: 2vw;
}
.jointk-e3{
	margin-top: 2.5vw;
}
.jointk-e3:first-child{
	margin: 0;
}
.jointk-f{
	margin-top: 2vw;
	border-top: .2vw solid #19b6b1;
	border-bottom: .2vw solid #19b6b1;
	padding: 1.25vw 0;
	line-height: 1.2;
}

@media(max-width:1200px){
	.jointk{
		padding: 40px;
	}
}
@media(max-width:750px){
	.jointk{
		padding: .5rem .3rem;
	}
	.jointk-a{
		font-size: .4rem;
		font-weight: bold;
	}
	.jointk-b{
		font-size: .24rem;
		margin-top: .1rem;
	}
	.jointk-ab{
		padding-right: 1rem;
	}
	.jointk-c{
		width: .7rem;
		height: .7rem;
		padding: .2rem;
	}
	.jointk-pos{
		max-height: 60vh;
		margin-top: .3rem;
	}
	.jointk-e2{
		font-size: .24rem;
	}
	.jointk-f{
		padding: .2rem 0;
		margin-top: .4rem;
	}
}



.solution{
	position: relative;
	height: 41.666vw;
	width: 100%;
	overflow: hidden;
}
.solution-c{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.solution-ab{
	color: #fff;
	padding-top: 26vw;
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.solution-a{
	width: 50%;
	float: left;
}
.solution-a3{
	margin-top: 5.2vw;
	color: #fff;
}
.solution-a3 span{
	color: #fff;
}
.solution-a3 a{
	opacity: .5;
	color: #fff;
}
.solution-a3 a:hover{
	color: #fff;
	opacity: 1;
}
.solution-b{
	width: 40%;
	float: right;
	color: #fff;
}

.solution-wid{
	padding: 5.2vw 0;
}
.solution-d{
	line-height: 1;
	border-top: 1px solid #222;
	overflow: hidden;
	padding-top:1.5vw;
}
.solution-d1{
	float: left;
	line-height: 1;
}
.solution-d2{
	float: right;
	line-height: 3.5vw;
}

.solution-e{
	width: 102.2%;
	margin-top: 5.2vw;
	font-size: 0;
}
.solution-eli{
	display: inline-block;
	width: 31.133%;
	margin-right: 2.2%;
	margin-bottom: 2.2%;
	background: #fff;
	border: 1px solid #f5f5f5;
	height: 22.135416vw;
	overflow: hidden;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-ediv{
	position: absolute;
	left: 0;
	bottom: 1.3vw;
	padding: 0 2.56vw;
	min-height: 7vw;
}
.solution-e1{
	opacity:1;
transition: all .5s;
-webkit-transition: all .5s; 
}
.solution-e3{
	color: #222;
	opacity: .5;
	margin-top: .3vw;
	line-height: 1.4;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-eli:hover{
	background: #004ea3;
	border-color: #004ea3;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-eli:hover .solution-e1{
	opacity: .3;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-eli:hover .solution-e3{
	opacity: 1;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}

.solution-f{
	margin-top: 7.8125vw;
}
.solution-g{
	display: flex;
	justify-content: space-between;
	margin-top: 4.16vw;
}
.solution-ga{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-g2{
	height: 2.56vw;
	line-height: 2.56vw;
	font-size: 0;
}
.solution-g2 img{
	max-height: 100%;
	min-height: 70%;
}
.solution-g3{
	margin-top: 1.26vw;
	opacity: .5;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-ga:hover{
	-webkit-filter: initial;
	initial;
transition: all .5s;
-webkit-transition: all .5s;  
}
.solution-ga:hover .solution-g3{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}

@media(max-width:1200px){
	.solution-wid{
		padding: 80px 0;
	}
	.solution{
		/*margin-top: 80px;*/
	}
	.solution-d{
		padding-top: 30px;
	}
	.solution{
		height: 50vw;
	}
}
@media(max-width:1000px){
	.solution-e{
		width: 103%;
		margin-top: 40px;
	}
	.solution-eli{
		width: 47%;
		margin-right: 3%;
		margin-bottom: 3%;
		height: 36vw;
	}
	.solution-ediv{
		min-height: 14vw;
		padding: 0 20px;
		bottom: 20px;
	}
	.solution-e3{
		line-height: 1.5;
		margin-top: 5px;
	}
	.solution-g{
		margin-top: 50px;
	}
	.solution-b{
		font-size: 14px;
	}
}
@media(max-width:750px){
	.solution{
		height: auto;
		margin-top: 2rem;
	}
	.solution-ab{
		padding: 0;
		color: #222;
	}
	.solution-c{
		position: relative;
	}
	.solution-a3{
		margin-top: 0;
		margin: 0;
		color: #222;
		margin-bottom: .6rem;
	}
	.solution-a1{
		display: none;
	}
	.solution-a3 a,
	.solution-a3 span{
		color: #222;
	}
	.solution-a2{
		font-size: .8rem;
		font-weight: bold;
	}
	.solution-a{
		width:90%;
	}
	.solution-b{
		width: 90%;
		float: left;
		color: #222;
		font-size: .26rem;
		color: #999;
		margin-top: .3rem;
		line-height: 1.5;
	}
	.solution-wid{
		padding: 1rem 0;
	}
	.solution-d{
		padding-top: .3rem;
	}
	.solution-d1{
		font-size: .5rem;
	}
	.solution-d2{
		line-height: .6rem;
	}
	.solution-e{
		width: 100%;
		margin-top: .6rem;
	}
	.solution-eli{
		width: 100%;
		height: 5rem;
		margin-right: 0;
		margin-bottom: .4rem;
	}
	.solution-ediv{
		min-height: auto;
		padding: 0 .4rem;
		bottom: .4rem;
	}
	.solution-e2{
		font-weight: bold;
	}
	.solution-e3{
		margin-top: .1rem;
	}
	.solution-f{
		margin-top: 1rem;
	}
	.solution-g{
		display: block;
		margin-top: .4rem;
		font-size: 0;
	}
	.solution-ga{
		width: 33.333%;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		padding: 0 .2rem;
		margin-top:  .8rem;
	}
	.solution-g2{
		height: .6rem;
		line-height: .6rem;
	}
	.solution-g3{
		margin-top: .3rem;
	}
}




.gyinfo-a{
	color: #999;
}
.gyinfo-a:hover{
	color: #004ea3;
}
.gyinfo-b{
	line-height: 1.2;
	margin-top: .6vw;
}
.gyinfo-c{
	font-family: BaiJamjuree;
	margin-top: 1.56vw;
}
.gyinfo-cli{
	padding-left:1vw;
	background: no-repeat left center;
	background-size: .75vw  auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 2.34375vw;
	color: #999;
}

.gyinfo-div{
	width: 100%;
	background: #f6f6fb;
	padding-top: 8.333vw;
	padding-bottom: 7.5vw;
	position: relative;
}
.gyinfo-d{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.gyinfo-e{
	line-height: 1.7;
}
.gyinfo-f{
	margin-top:4.166vw;
}
.gyinfo-fa{
	display: block;
	width: 100%;
	padding: 1.8vw;
	color: #222;
	background: #fff;
	margin-bottom: 5px;
	line-height: 1.4;
}
.gyinfo-fa:hover{
	background: #004ea3;
	color: #fff;
}
@media(max-width:1200px){
	.gyinfo-div{
		padding: 130px 0 80px 0;
	}
	.gyinfo-b{
		font-weight: bold;
	}
	.gyinfo-fa{
		padding: 20px;
	}
	.gyinfo-cli{
		padding-left: 20px;
		background-size: 12px auto;
	}
	.gyinfo-f{
		margin-top: 60px;
	}
}
@media(max-width:750px){
	.gyinfo-div{
		padding: 1.5rem 0 1rem 0;
		margin-top: .5rem;
	}
	.gyinfo-b{
		font-weight: bold;
	}
	.gyinfo-fa{
		padding: .3rem;
	}
	.gyinfo-b{
		margin-top: .4rem;
	}
	.gyinfo-c{
		margin-top: .3rem;
	}
	.gyinfo-f{
		margin-top: .8rem;
	}
}


/*支持与服务*/
.support{
	padding: 7.5vw 0;
	min-height: 45.4vw;
	position: relative;
	padding-right: 53vw;
}
.support-b{
	color: #999;
	margin-top: 1.56vw;
}
.support-c{
	margin-top: 11vw;
}
.support-cli{
	padding-left: .5vw;
	border-left: .4vw solid #004ea3;
	line-height: .8;
	margin-bottom: 1.2vw;
	font-weight: bold;
}
.support-d{
	width: 8.5416vw;
	position: absolute;
	top: 45%;
	left: 30%;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.support-d:hover{
	transform: rotate(360deg);
transition: all .5s;
-webkit-transition: all .5s;  
}
.support-e{
	height: 42.1875vw;
	position: absolute;
	right: 1vw;
	bottom: 0;
}
.support-div{
	padding: 7.8125vw 0;
}
.support-f{
	text-align: center;
	line-height: 1.2;
}
.support-g{
	text-align: center;
	margin-top: 1.56vw;
	font-size: 0;
}
.support-gli{
	display: inline-block;
	min-width: 8.85vw;
	padding: 0 1.5vw;
	line-height: 4.68vw;
	border-radius: 2.34vw;
	border: 2px solid #ebebeb;
	margin: 0 .5vw;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.support-gli:hover,
.support-gli.on{
	background: #164da3;
	border-color: #164da3;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.support-h{
	margin-top: 5.2vw;
}
.support-hlst{
	width: 100%;
	min-height: 30vw;
	background: #fff;
	padding: 5.2vw;
	overflow: hidden;
	display: none;
}
.support-hlt{
	width: 45%;
	float: left;
	padding-right: 5%;
}
.support-h3{
	margin-top: 1vw;
	line-height: 1.25;
}
.support-h4{
	height: 4.4vw;
	margin-top: 5.2vw;
}
.support-hrt{
	width: 55%;
	float: right;
	font-size: 0;
}
.support-hli{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 2vw;
	margin-bottom: 3vw;
	position: relative;
	padding-left: 2.16vw;
	background: url(../img/ico13.png) no-repeat left center;
	background-size: 1.35vw;
}
.support-hli:after{
	content: '';
	width: 10.4vw;
	height: 2px;
	background: #e8e8e8;
	position: absolute;
	left: 0;
	bottom: -1.2vw;
}

.message{
	padding: 5vw 0;
	font-size: 0;
}
.message-lt{
	width: 34.4%;
	padding-right: 4.4%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.3;
}
.message-rt{
	width: 65.6%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.message-li{
	position: relative;
	height: 5.2vw;
	border-bottom: 1px solid #ebebeb;
}
.message-a{
	line-height: 5.2vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.message-li.on .message-a{
	line-height: 3.5vw;
	font-size: 0.83333vw;
	opacity: .5;
transition: all .5s;
-webkit-transition: all .5s;  
}
.message-li-div{
	width: 104%;
	display: block;
	overflow: hidden;
}
.message-li-div .message-li{
	float: left;
	width: 46%;
	margin-right: 4%;
}
.message-b{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 2vw;
	line-height: 3.2vw;
	background: initial;
	border: 0;
	font-weight: bold;
}
.message-c{
	height: .2vw;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #004ea3;
	width: 0%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.message-li.on .message-c{
	width: 100%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.message-d{
	z-index: 2;
	background: url(../img/ico14.png) no-repeat right center;
	cursor: pointer;
}
.message-e{
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	padding: 1.05vw;
	width: 100%;
	margin-top: 1px;
	border-bottom: 1px solid #ebebeb;
	display: none;
}
.message-e1{
	cursor: pointer;
	margin: .5vw;
	color: #666;
}
.message-e1:hover{
	color: #004ea3;
}
.message-li2{
	z-index: 2;
}
.message-li3{
	height: 13.55vw;
}
.message-b2{
	line-height: 1.4;
	padding-top: 3vw;
	resize: none;
}
.message-k{
	text-align: left;
	margin-top: 3.5vw;
}
.message-k .support-gli{
	text-align: center;
	margin: 0;
	margin-right: 1vw;
	width: 6.25vw;
	line-height: 3.125vw;
}

@media(max-width:1200px){
	.support-g{
		margin-top: 30px;
	}
	.support-hlt{
		width: 35%;
	}
	.support-hrt{
		width: 65%;
	}
	.support-hli{
		font-size: 16px;
		margin-bottom: 40px;
		padding-left: 30px;
		background-size: 20px;
	}
	.support-hli:after{
		bottom: -15px;
	}
	.message-li{
		height: 80px;
	}
	.message-a{
		line-height: 80px;
	}
	.message-li.on .message-a{
		font-size: 13px;
		line-height: 40px;
	}
	.message-li3{
		height: 180px;
	}
	.message-b2{
		padding-top: 40px;
	}
	.message-e{
		padding: 30px;
	}
	.message-e1{
		margin: 5px 0;
	}
	.support-gli{
		width: 120px;
		line-height: 60px;
		border-radius: 30px;
	}
	.message-k .support-gli{
		width: 120px;
		line-height: 50px;
	}
}

@media(max-width:1000px){
	.support{
		padding-right: 45vw;
	}
	.support-hli{
		width: 100%;
	}
	.support-hli:after{
		width: 15vw;
	}
}

@media(max-width:750px){
	.support{
		padding: 1rem 0;
		padding-bottom: 6rem;
		overflow: hidden;
	}
	.support-b{
		margin-top: .2rem;
	}
	.support-a{
		font-weight: bold;
	}
	.support-c{
		margin-top: .6rem;
	}
	.support-cli{
		padding-left: .2rem;
		border-width: .1rem;
		margin-top: .2rem;
	}
	.support-d{
		position: relative;
		left: 0;
		top: 0;
		width: 1.2rem;
		margin-top: .6rem;
		z-index: 3;
	}
	.support-e{
		    width: 130%;
	    right: -15%;
	    height: auto;
	    bottom: -2.3rem;
	    max-width: initial;
	}
	.support-div{
		padding: 1rem 0;
	}
	.support-f{
		font-weight: bold;
		line-height: 1.3;
	}
	.support-gli{
		min-width: 1.4rem;
		width: initial;
		line-height: .7rem;
		padding: 0 .15rem;
		border-radius: .5rem;
	}
	.support-g{
		margin-top: .6rem;
	}
	.support-h{
		margin-top: .8rem;
	}
	.support-hlst{
		padding: .5rem .6rem;
	}
	.support-hlt{
		width: 100%;
		padding-right: 2rem;
		position: relative;
	}
	.support-h3{
		line-height: 1.2;
		font-weight: bold;
		margin-top: .2rem;
	}
	.support-h4{
		position: absolute;right: 0;
		top: 0;
		height: auto;
		width: 1rem;
	}
	.support-hrt{
		width: 100%;
		margin-top: .6rem;
	}
	.support-hli{
		width: 100%;
		margin-bottom: .5rem;
		font-size: .26rem;
		padding-left: .4rem;
		background-size: .25rem;
	}
	.support-hli:after{
		bottom: -.25rem;
		width: 100%;
		height: 1px;
	}
	.message{
		padding: 1rem 0;
	}
	.message-lt{
		width: 100%;
		padding: 0;
		font-weight: bold;
	}
	.message-rt{
		width: 100%;
		margin-top: .6rem;
	}
	
	.message-li{
		height: 1.2rem;
	}
	.message-a{
		line-height: 1.2rem;
	}
	.message-li.on .message-a{
		font-size: .26rem;
		line-height: .6rem;
	}
	.message-li3{
		height: 3rem;
	}
	.message-b{
		padding-top: .4rem;
	}
	.message-b2{
		padding-top: .6rem;
	}
	.message-e{
		padding: .3rem;
	}
	.message-e1{
		margin: .2rem 0;
	}
	.message-k{
		margin-top: .8rem;
	}
	.message-k .support-gli{
		width: 100%;
		line-height: 1rem;
		margin: 0;
		margin-bottom: .4rem;
	}
}



.product{
	
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #004ea3;
	z-index: 3;
	
}
/*.pro-html{
	overflow: visible !important;
}*/
.product-fd{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
.product-lt{
	color: #fff;
	width: 18vw;
	padding-top: 22vh;
}
.product-a{}
.product-b{
	margin-top: 1vw;
	line-height: 1.3;
}
.product-c{
	display: inline-block;
	margin-top: 41vh;
}
.product-c1{
	width: 100%;
	height: 2px;
	margin-top: .5vw;
	position: relative;
	background: rgba(255,255,255,.2);
	overflow: hidden;
}
.product-c1>div{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	height: 100%;
	animation:divfirst1 4s linear 0s infinite;
	-webkit-animation:divfirst1 4s linear 0s infinite;
}
@keyframes divfirst1{0%   {left: -100%;} 100%  {left: 100%;}}
@-o-keyframes divfirst1{0%   {left: -100%;} 100%  {left: 100%;}}

.product-lst{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.product-wid{
	width: 300vw;
	height: 100%;
	padding-left: 20vw;
}
.product-pos{
	display: inline-block;
	width: auto;
	height: 100%;
	background: #3c424c;
	overflow: hidden;
	cursor: none;
}
.product-li{
	width: 20vw;
	height: 100vh;
	display: inline-block;
	float: left;
	position: relative;
	cursor: none;
}
.product-li .imgBj{
	background-position: center bottom;
}
.product-e{
	width: 100%;
	position: absolute;
	left: 0;
	top: 22vh;
	color: #fff;
	padding: 0 2.6vw;
	opacity: .5;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-e2{
	min-height: 4vw;
}
.product-e3{
	margin-top: 1.56vw;
	opacity: 0;
	position: relative;
	top: 2vw;
	transition: all .5s;
-webkit-transition: all .5s;  
}

.product-li:hover .product-e{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-li:hover .product-e3{
	opacity: 1;
	top: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-f{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6;
	opacity: 0;
	    user-select: none;
    pointer-events: none;
   /* mix-blend-mode: difference;*/
  
  transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
@media(max-width:1200px){
	.product-li{
		width: 33.333vw;
	}
	.product-wid{
		padding-left: 33.333vw;
	}
	.product-lt{
		width: 30vw;
	}
	.product-e3{
		top: 0;
		opacity: .8;
		line-height: 1.6;
		margin-top: 20px;
	}
	.product-e{
		opacity: 1;
	}
	.product-e2{
		font-size: 20px;
		font-weight: bold;
	}
	.product-f{
		display: none !important;
	}
}

@media(max-width:750px){
	.product{
		height: auto;
	}
	.product-fd{
		position: relative;
		height: auto;
	}
	.product-div{
		width: 100%;
	}
	.product-lt{
		width: 100%;
		padding: 2rem 5% 1rem 5%;
	}
	.product-lst{
		width: 100%;
		position: relative;
	}
	.product-c{
		display: none;
	}
	.product-b{
		font-size: .6rem;
		line-height: 1.2;
		margin-top: .2rem;
	}
	.product-wid{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.product-li{
		width: 100%;
		height: 7.3rem;
	}
	.product-pos{
		width: 100%;
	}
	.product-e{
		padding: .7rem 5%;
		top: 0;
	}
	.product-e3{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: 1.5;
		opacity: .4;
	}
}


.prolist-abj{
	width: 100%;
	height: 41.25vw;
	position: relative;
	background: url(../img/img21.jpg) no-repeat center; 
	background-size: cover;
}
.prolist-a{
	width: 100;
	height: 100%;
	color: #fff;
	position: relative;
}
.prolist-a23{
	padding-top:16.5vw;
	width: 40.23vw;
}
.prolist-a2{
	font-size: 3.125vw;
	line-height: 1.1;
	min-height: 4vw;
	font-weight: bold;
}
.prolist-a3{
	padding-left: 14.5vw;
	margin-top: 2.08vw;
	line-height: 1.7;
}
.prolist-a4{
	height: 32.55vw;
	position: absolute;
	right: 0;
	top: 48%;
	
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.prolist-a5{
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 4.43vw;
	text-align: right;
}
.prolist-ali{
	display: inline-block;
	margin-left: 4.43vw;
	text-align: center; 100 
}
.prolist-a6{
	font-size: 2.86458vw;
	line-height: 1.1;
}


.prolist-b{
	text-align: center;
}
.prolist-ba{
	line-height: 6.25vw;
	display: inline-block;
	margin: 0 2.16vw;
	color: #999;
}
.prolist-ba:hover{
	color: #004ea3;
}
.prolist-ba.on{
	font-weight: bold;
	color: #004ea3;
}
.prolist-ul{
	font-size: 0;
	width: 100%;
}
.prolist-li-bj{
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
	background: #ebeef2;
	position: relative;
	z-index: 1;
}
.prolist-li{
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.prolist-li-bj:nth-child(2n + 0){
	background: #f6f7f9;
}
.prolist-c{
	width: 100%;
	height: 20.6vw;
	padding: 1.5vw;
	/* line-height: 20.18vw; */
	text-align: center;
}
.prolist-c img{
	max-height: 100%;
	min-height: 50%;
}
.prolist-d{
	width: 100%;
	height: 4vw;
	position: relative;
	color: #666;
transition: all .5s;
-webkit-transition: all .5s;  
}
.prolist-d1{
	width: 100%;
	padding: 0 1.5vw;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.prolist-li-bj:hover .prolist-d{
	background: #004ea3;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}

.prolist-e{
	display: block;
	width: 3.125vw;
	height: 2.56vw;
	border-radius: 1.2vw;
	position: absolute;
	top: 2.1vw;
	right: 2.1vw;
	z-index: 2;
	overflow: hidden;
	background:#fff url(../img/ico17_1.png) no-repeat center; 
	background-size: 1.25vw;
	background-position-x: calc(100% - .9vw);
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.prolist-e2{
	width: 100%;
	min-width: 6vw;
	padding: 0 1.05vw;
	color: #fff;
	line-height: 2.4vw;
	opacity: 0;
transition: all .3s;
-webkit-transition: all .3s;  
}

@media(min-width:1201px){
	.prolist-e:hover{
		width: 6vw;
		background-color: #004ea3;
		background-image: url(../img/ico17_2.png);
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.prolist-e:hover .prolist-e2{
		opacity: 1;
	transition: all .5s .3s;
	-webkit-transition: all .5s .3s;  
	}
}

.prolist-eb{
	top: 5vw;
	background-image: url(../img/ico18_1.png);
}
.prolist-eb:hover{
	background-image: url(../img/ico18_2.png);
}

.prolist-mr{
	border: 1px solid #e2e2e2;
	line-height: 3.75vw;
	width: 9.375vw;
	border-radius: 1.85vw;
}
.prolist-mr:hover{}
.prolist-mr-bj{
	margin: 4.16vw 0;
}


@media(max-width:1200px){
	.prolist-ba{
		line-height: 70px;
	}
	.prolist-c{
		height: 240px;
		padding: 30px;
		line-height: 180px;
	}
	.prolist-d{
		height: 60px;
	}
	.prolist-d1{
		padding: 0 20px;
		line-height: 1.4;
	}
	.prolist-mr{
		width: 140px;
		line-height: 60px;
		border-radius: 30px;
	}
	.prolist-a23{
		width: 53vw;
	}
}
@media(max-width:1000px){
	.prolist-a23{
		width: 48vw;
	}
	.prolist-a2{
		font-size: 7vw;
		line-height: 1.15;
	}
	.prolist-a3{
		font-size: 13px;
		padding-left: 5vw;
		margin-top: 5vw;
	}
	.prolist-abj{
		height: 63vw;
	}
}
@media(max-width:750px){
	.prolist-b{
		padding: .2rem 0;
		text-align: left;
	}
	.prolist-ba{
		display: inline-block;
		margin: 0;
		margin-right: .2rem;
		line-height: .6rem;
		font-size: .24rem;
	}
	.prolist-li-bj{
		width: 100%;
	}
	.prolist-c{
		height: 4.5rem;
		padding: .1rem;
		line-height: 3.8rem;
	}
	.prolist-d{
		height: 1rem;
		margin-top: .1rem;
	}
	.prolist-d1{
		padding: 0 .3rem;
		font-size: .26rem;
	}
	.prolist-e{
		width: .7rem;
		height: .6rem;
		background-size: .3rem auto;
		background-position-x: calc(100% - .2rem);
		border-radius: .3rem;
		top: .6rem;
	}
	.prolist-eb{
		top: 1.3rem;
	}
	.prolist-mr-bj{
		margin: .8rem 0;
	}
	.prolist-mr{
		/*border: 0;*/
		width: auto;
		line-height: .8rem;
		width: 2.4rem;
	}
	.prolist-abj{
		height: auto;
		background-image: url(../img/img21_1.jpg);
	}
	.prolist-a23{
		width: 100%;
		padding-top: 2rem;
	}
	.prolist-a2{
		font-size: 0.6rem;
		min-height: auto;
	}
	.prolist-a3{
		width: 100%;
		padding: 0;
		margin-top: .4rem;
	}
	.prolist-a4{
		position: initial;
		top: initial;
		right: 4%;
		margin-top: .3rem;
		height: auto;
		width: 100%;
		transform: initial;
		padding: 0 5%;
		
	}
	
	.prolist-a5{
		width: 100%;
		text-align: center;
		padding-bottom: .8rem;
		margin-top: .6rem;
		position: initial;
	}
	.prolist-a6{
		font-size: .4rem;
	}
	.prolist-ali{
		margin: 0 .2rem;
	}
}


.proinfo{
	padding-top: 2.16vw;
	padding-bottom: 8.333vw;
}
.proinfo-a{
	margin: 0;
	font-weight: 500;
}
.proinfo-a span{
	/*font-weight: bold;*/
}

.proinfo-div{
	width: 100%;
	margin-top: 4.85vw;
	font-size: 0;
	position: relative;
}
.proinfo-lt{
	width: 32%;
	min-height: 10px;
	display: inline-block;
	vertical-align: top;
}
.proinfo-pos{
	position: absolute;
	top: 0;
	width: 16vw;
}
@media(min-width:1200px){
	.proinfo-pos.fd{
		position: fixed;
		top: 7vw;
	}
	.proinfo-pos.fd.ab {
	    position: absolute;
	    top: initial;
	    bottom: 0;
	    z-index: 4;
	}
}
.proinfo-xt{
	width: 100%;
	height: 1px;
}
.proinfo-b{
	line-height: 1.3;
	font-weight: bold;
}
.proinfo-rt{
	width: 68%;
	min-height: 50vh;
	display: inline-block;
	vertical-align: top;
}
.proinfo-c{
	margin-top: 3.75vw;
	display: inline-block;
	border-left: 2px solid #eeeeee;
}
.proinfo-cli{
	line-height: 1.2;
	margin-top: 1.56vw;
	color: #999;
	padding-left: 1.05vw;
	position: relative;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-cli:first-child{
	margin: 0;
}
.proinfo-cli:after{
	content: '';
	width: 2px;
	height:0%;
	position: absolute;
	left: -2px;
	top: 50%;
	background: #004ea3;
transition: all .5s;
-webkit-transition: all .5s; 
	
}
.proinfo-cli:hover{
	color: #222;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-cli:hover:after{
	height: 100%;
	top: 0;
transition: all .5s;
-webkit-transition: all .5s; 
}
.proinfo-list{
	width: 100%;
	margin-top: 6.25vw;
}
.proinfo-list:first-child{
	margin: 0;
}
.proinfo-d{
	line-height: 1.2;
	padding-bottom: 1.25vw;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
}
.proinfo-d:after{
	content: '';
	width: 2.16vw;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #004ea3;
}
.proinfo-e{
	margin-top: 1.25vw;
}
.proinfo-f{
	font-size: 0;
}
.proinfo-fli{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-top: 3.125vw;
}
.proinfo-fli:nth-child(2n + 0){
	margin-left: 4%;
}
.proinfo-f2{
	height: 2.864583vw;
}
.proinfo-f3{
	margin-top: .8vw;
}
.proinfo-f4{
	color: #999;
}
.proinfo-g{
	font-size: 0;
}
.proinfo-gul{
	display: none;
}
.proinfo-gli{
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
	padding-right: 4%;
	margin-top: 3.125vw;
	padding-left: 8px;
	border-left: 6px solid #004ea3;
}
.proinfo-g3{
	color: #999;
	margin-top: 2px;
}
@media(min-width:751px){
	.proinfo-gli:nth-child(3n + 0){
		padding-right: 0;
	}
}
.proinfo-hlt{
	display: inline-block;
}
.proinfo-hrt{
	float: right;
	position: relative;
}
.proinfo-h2{
	padding-right: 2vw;
	background: url(../img/ico20_1.png) no-repeat right center;
	background-size: .8vw auto;
	cursor: pointer;
}
.proinfo-h3{
	width: 10vw;
	background: #fff;
	box-shadow: 0 .5vw .5vw #ccc;
	border-radius: .6vw;
	position: absolute;
	top: 100%;
	right: 0;
	padding: 1vw;
	display: none;
}
.proinfo-h3>div{
	color: #dddddd;
	margin: .6vw 0;
	cursor: pointer;
}
.proinfo-h3>div:hover{
	color: #00aaa5;
}
.proinfo-ck{
	width: 12.5vw;
	position: absolute;
	right: 12vw;
	bottom: 14vw;
}
.proinfo-ck-a{
	width: 6.5vw;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.proinfo-ck-b{
	display: block;
	width: 6.5vw;
	position: absolute;
	right: 0;
	top: 0;
}
.proinfo-ck-ps{
	position: relative;
}
@media(max-width:1200px){
	.proinfo-lt{
		width: 100%;
	}
	.proinfo-rt{
		width: 100%;
		margin-top:80px;
	}
	.proinfo-pos{
		position: relative;
		width: 100%;
	}
	.proinfo-c{
		width: 100%;
		border: 0;
	}
	.proinfo-cli{
		display: inline-block;
		margin: 0;
		padding: 0;
		margin-right: 30px !important;
	}
	.proinfo-cli:after{
		display: none;
	}
	.proinfo-d{
		font-weight: bold;
		padding-bottom: 15px;
	}
	.proinfo-h2{
		line-height: 1.8;
		padding-right: 18px;
		background-size: 12px auto;
	}
	.proinfo-h3{
		padding: 20px;
		width: 150px;
	}
	.proinfo-h3>div{
		margin: 10px 0;
	}
	.proinfo-d:after{
		width: 30px;
	}
	.proinfo-f2{
		height: 35px;
	}
}

@media(max-width:750px){
	.proinfo-ck{
		width: 1rem;
		bottom:60%;
		right: 5%;
	}
	.proinfo-ck-a{
		width: 100%;
		top: 0;
	}
	.proinfo-ck-b{
		width: 100%;
		top: .9rem;
	}
	.proinfo{
		padding: .8rem 0 1rem 0;
	}
	.proinfo-a{
		font-size: .24rem;
	}
	.proinfo-cli{
		font-size: .26rem;
		margin-right: .3rem !important;
	}
	.proinfo-rt{
		margin-top: .8rem;
	}
	.proinfo-list{
		margin-top: .8rem;
	}
	.proinfo-d{
		font-size: .3rem;
		padding-bottom: .15rem;
	}
	.proinfo-e{
		margin-top: .25rem;
	}
	.proinfo-f{
		margin-top: 0rem;
	}
	.proinfo-fli{
		width: 100%;
		margin-top: .6rem;
		margin-left:0 !important;
	}
	.proinfo-h2{
		font-size: .3rem;
	}
	.proinfo-h3{
		width: 2rem;
		padding:.15rem .25rem;
	}
	.proinfo-h3>div{
		font-size: .28rem;
		margin: .1rem 0;
	}
	.proinfo-gli{
		width: 50%;
		padding-right: 5%;
		margin: 0;
		margin-top: .5rem;
		padding-left: 5px;
		border-width: 3px;
	}
	.proinfo-g2{
		font-size: .26rem;
	}
	.proinfo-g3{
		font-size: .24rem;
	}
	.proinfo-gli:nth-child(2n + 0){
		padding-right: 0;
	}
}



.about-ban{
	position: relative;
	overflow: initial;
}
.about-ban-a{
	height: 45.58vw;
	position: absolute;
	left: 50%;
	top: -12vw;
	transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}

.about-ab-bj{
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../img/img08.jpg) no-repeat center; 
	background-size: cover;
}
.about-ab-vd{
	width: 110%;
	position: absolute;
	left: -5%;
	top: 50%;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.about-ab{
	padding: 8.33vw 0;
	font-size: 0;
	position: relative;
	z-index: 3;
}
.about-a{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 10%;
	line-height: 1.3;
}
.about-b{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 10%;
}
.about-c{
	position: relative;
	font-size: 0;
}
.about-cdiv{
	display: inline-block;
	padding: 1rem 0;
	padding-right: 8.6vw;
	background: url(../img/ico22.png)  no-repeat right center; 
	background-size: 7.5vw;
	line-height: 1.2;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	color: #fff;
	cursor: pointer;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

.about-de{
	padding:7.8125vw 0;
	overflow: hidden;
}
.about-d{
	width: 78%;
	float: left;
}
.about-d1{
	line-height: 1.2;
	/* padding-right: 51%; */
}
.about-d2{
	margin-top: 3.75vw;
	/* padding-left: 51%; */
}
.about-e{
	display: inline-block;
	max-width: 25%;
	min-width: 12.5vw;
	float: right;
}
.about-eli{
	margin-bottom: 2.56vw;
}
.about-e2{
	line-height: 1;
	color: #004ea3;
}
.about-e3{
	color: #999999;
}

.about-fg-bj{
	
}
.about-fg{
	color: #fff;
	padding: 8.33vw 0;
}
.about-f{
	padding-bottom: 1.56vw;
	border-bottom: 2px solid rgba(255,255,255,.4);
	overflow: hidden;
}
.about-flt{
	float: left;
	line-height: 1;
}

.about-frt{
	float: right;
	width:60vw;
	display: flex;
	justify-content: space-between;
}
.about-fli{
	display: inline-block;
	text-align: center;
}
.about-f2{
	height: 3.125vw;
}
.about-f3{
	text-transform: capitalize;
	margin-top: .5vw;
}

.about-g{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 9.375vw;
}
.about-gli{
	display: inline-block;
	width: 80.72916vw;
	overflow: hidden;
	padding-bottom: 1.25vw;
	border-bottom: 2px solid rgba(255,255,255,.4);
}
.about-g2{
	line-height: 1;
	float: left;
}
.about-g3{
	max-width: 60%;
	float: right;
	text-align: right;
	line-height: 1.3;
}

.about-h{
	padding: 0;
	padding-top: 6.25vw;
}
.about-hsw{
	width: 100%;
	padding: 0;
	margin-bottom: 1.56vw;
}
.about-hsd{
	background: no-repeat center;
	 
	background-size: cover;
	height: 27.34375vw;
	padding: ;
}
.about-h2{
	display: inline-block;
	min-width: 9.375vw;
	line-height: 4.166vw;
	text-align: center;
	padding: 0 2vw;
	border: 2px solid #e1f1f2;
	border-radius: 2.2vw;
	position: absolute;
	left: 2.6vw;
	top: 2.6vw;
	color: #222;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-h3{
	width: 100%;
	padding: 2.6vw;
	position: absolute;
	left: 0;
	bottom: 0;
	-ms-text-combine-horizontal: 3.75vw;
	line-height: 1.4;
	opacity: .5;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-h4{
	width: 0%;
	height: .4vw;
	background: #004ea3;
	position: absolute;
	left: 50%;
	bottom: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-hsd:hover .about-h2{
	color: #004ea3;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-hsd:hover .about-h3{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-hsd:hover .about-h4{
	width: 100%;
	left: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}

.about-jk{
	padding: 7.5vw 0;
}
.about-j{
	overflow: hidden;
}
.about-jlt{
	float: left;
}
.about-jrt{
	float: right;
	max-width: calc(100% - 10vw);
	padding-top: .5vw;
	font-size: 0;
}
.about-jli{
	min-width: 6.25vw;
	line-height: 2.56vw;
	margin: 0;
	margin-left: .8vw;
	text-align: center;
}
.about-k{
	margin-top: 5vw;
}
.about-kul{
	font-size: 0;
}
.about-kli{
	display: inline-block;
	vertical-align: top;
	width: 12.5%;
	padding: .5vw 1%;
	height: 5vw;
	line-height: 4vw;
	text-align: center;
	margin-bottom: 2vw;
}
.about-kli img{
	max-height: 100%;
	min-height: 50%;
	
	-webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
}
.about-kli img:hover{
	-webkit-filter: initial;
    -ms-filter: initial;
    filter: initial;
    -webkit-filter: initial;
    filter: initial;
}

@media(max-width:1200px){
	.about-b{
		padding-left: 0;
	}
	.about-d1{
		padding: 0;
	}
	.about-d2{
		padding: 0;
		margin-top: 30px;
	}
	.about-d{
		width: 65%;
	}
	.about-e{
		min-width: 155px;
	}
	.about-g{
		display: block;
		font-size: 0;
	}
	.about-gli{
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 40px;
	}
	.about-gli:nth-child(2n + 0){
		margin-left: 6%;
	}
	.about-hsd{
		height: 350px;
	}
	.about-h2{
		min-width: 120px;
		line-height: 60px;
		border-radius: 30px;
		padding: 0 15px;
		left:  8%;
		top: 8%;
	}	
	.about-h3{
		padding: 8%;
	}
	.about-jrt{
		max-width: initial;
		width: 100%;
		margin-top: 20px;
	}
	.about-jli{
		margin: 0;
		margin-right: 10px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.about-kli{
		width: 16.666%;
		padding: 15px;
		height: 80px;
		line-height: 50px;
	}
	.about-ab-vd{
		display: none;
	}
	.about-kli img{
		-webkit-filter: initial;
	    -ms-filter: initial;
	    filter: initial;
	    -webkit-filter: initial;
	    filter: initial;
	}
}

@media(max-width:1000px){
	.about-gli{
		width: 100%;
		margin-left: 0 !important;
	}
}

@media(max-width:750px){
	.about-ban{
		margin-top: .2rem;
	}
	.about-ab{
		padding: 1rem 0;
	}
	.about-a{
		width: 100%;
	}
	.about-b{
		width: 100%;
		margin-top: .5rem;
		line-height: 1.7;
	}
	.about-c{
		width: 100%;
		overflow: hidden;
	}
	.about-c>img{
		width: 140%;
		margin-left: -20%;
		max-width: initial;
	}
	.about-cdiv{
		padding: .3rem 0;
		padding-right: 1.3rem;
		background-size: 1rem auto;
		font-size: .3rem;
	}
	.about-de{
		padding: 1rem 0;
	}
	.about-d{
		width: 100%;
	}
	.about-d2{
		line-height: 1.7;
		margin-top: .5rem;
	}
	.about-e{
		width: 100%;
		max-width: initial;
		min-width: initial;
		margin-top: .8rem;
	}
	.about-eli{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
		border-bottom: 1px solid #f0f0f0;
	}
	.about-e3{
		margin-top: .15rem;
	}
	.about-fg{
		padding: 1rem 0;
	}
	.about-flt{
		width: 100%;
		font-size: .45rem;
	}
	.about-f{
		padding-bottom: .5rem;
	}
	.about-frt{
		width: 100%;
		margin-top: .5rem;
	}
	.about-f2{
		height: .5rem;
	}
	.about-g{
		margin-top: 1.5rem;
	}
	.about-gli{
		margin-bottom: .8rem;
		padding-bottom: .3rem;
	}
	.about-g2{
		font-size: .45rem;
	}
	.about-g3{
		font-size: 0.4rem;
	}
	.about-h{
		padding: 1rem 0;
	}
	.about-hsd{
		height: 6rem;
	}
	.about-h2{
		line-height: .8rem;
		font-size: .5rem;
	}
	.about-jk{
		padding: 1rem 0;
	}
	.about-jrt{
		margin-top: .6rem;
		display: none;
	}
	.about-kli{
		width: 25%;
		padding: 0 .2rem;
		height: 1.2rem;
		margin-bottom: .25rem;
		line-height: 1.2rem;
	}
	.about-k{
		margin-top: .8rem;
	}
}


footer{
	background: url(../img/img12_1.jpg) no-repeat center bottom; 
	background-size: cover;
}

.footer{
	padding: 4.25vw 0 1.16vw 0;
	color: #fff;
	font-size: 0;
}
.footer-lt{
	width: 25%;
	padding-right: 3%;
	display: inline-block;
	vertical-align: top;
}
.footer-a{
	width: 9.5vw;
	margin-bottom: 1.125vw;
}
.footer-b{
	line-height: 1.2;
	margin-top: 0.5vw;
}
.footer-c{
	margin-top: 1.75vw;
	font-size: 0;
}
.footer-ca{
	display: inline-block;
	margin-right: .6vw;
	position: relative;
	padding-top: .6vw;
	opacity: .5;
}
.footer-c1{
	width: 2.45vw;
}
.footer-c2{
	width: 6ovw;
	position: absolute;
	left: 0;
	bottom: 100%;
	max-width: initial;
	display: none;
	margin-top: 10px;
	/*background: #fff;
	padding: .6vw;
	border-radius: 7px;*/
}
/*.footer-c2{
	width: 100%;
}*/
.footer-c3{
	text-align: center;
	margin-top: 5px;
}
.footer-ca:hover{
	opacity: 1;
}
.footer-ca:hover .footer-c2{
	display: block;
}

.footer-rt{
	width: 75%;
	display: inline-block;
	vertical-align: top;
}
.footer-ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer-lst{
	display: inline-block;
	padding-left: 2vw;
}
.footer-e{
	width: 1vw;
	height: 3px;
	background: #ea5503;
	margin-top: .6vw;
}
.footer-f{
	margin-top: 1.5vw;
}
.footer-f a{
	display: inline-block;
	opacity: .6;
	margin-bottom: .5vw;
	color: #fff;
}
.footer-f a:hover{
	opacity: 1;
}
.footer-bt{
	width: 100%;
	margin-top: 2.5vw;
	padding-left: 20%;
	text-align: right;
	position: relative;
}
.footer-g{
	/* line-height: 0.5; */
	opacity: .6;
    color: #fff;
}
.footer-g a{
	display: inline-block;
    margin-bottom: 1.0vw;
    color: #fff;
}
.footer-g a:hover{
	color: #fff;
}

.footer-h{
	position: absolute;
	left: 0;
	bottom: 0;
	padding-right: 1.6vw;
	color: #fff;
	background: url(../img/ico20_4.png) no-repeat right center; 
	background-size: 1vw auto;
	cursor: pointer;
	
transition: all .5s;
-webkit-transition: all .5s;  
}
.footer-h:hover{
	color: #fff;
	opacity: .7;
	
transition: all .5s;
-webkit-transition: all .5s;  
}

@media(max-width:1200px){
	.footer-c1{
		width: 35px;
	}
	.footer-h{
		padding-right: 15px;
		background-size: 10px auto;
	}
}
@media(max-width:1000px){
	.footer{
		padding: 50px 0 40px 0;
	}
	.footer-lt{
		width: 100%;
		padding: 0;
	}
	.footer-rt{
		width: 100%;
		margin-top: 30px;
	}
	.footer-bt{
		padding-left: 15%;
	}
	.footer-lst:first-child{
		padding: 0;
	}
	.footer-e{
		width: 15px;
		height: 3px;
		margin-top: 10px;
	}
	.footer-f{
		margin-top: 25px;
	}
	.footer-a{
		width: 180px;
	}
	.footer-ca-a{
		width: 100px;
		padding: 8px;
	}
}

@media(max-width:750px){
	.footer{
		padding: 1rem 0 .5rem 0;
	}
	.footer-a{
		width: 2rem;
	}
	.footer-b{
		margin-top: .35rem;
		font-size: .35rem;
		font-weight: bold;
	}
	.footer-c{
		margin-top: .5rem;
	}
	.footer-ca{
		margin-right: .2rem;
		padding-top: .1rem;
	}
	.footer-c2{
		width: 2rem;
	}
	.footer-rt{
		margin-top: .7rem;
	}
	.footer-ul{
		display: block;
	}
	.footer-lst{
		width: 100%;
		padding: 0;
	}
	.footer-e{
		display: none;
	}
	.footer-d{
		line-height: 1rem;
		background: url(../img/ico27_1.png) no-repeat right center; 
	background-size: .25rem;
	border-bottom: 1px solid rgba(255,255,255,.1);
	opacity: .5;
	}
	.footer-f{
		padding: .3rem 0;
		margin: 0;
		border-top: 2px solid #004ea3;
		display: none;
	}
	.footer-f a{
		font-size: .26rem;
		margin: .15rem 0;
	}
	.footer-lst.on .footer-d{
		opacity: 1;
		background-image: url(../img/ico27_2.png);
	}
	.footer-bt{
		padding-bottom: 1rem;
		font-size: .26rem;
		padding-left: .5rem;
	}
	.footer-h{
		opacity: .4;
	}
}


header{
	width: 100%;
	/*background: #fff;*/
	height: 5.2vw;
	position: fixed;
	top: 1vw;
	left: 0;
	z-index: 29;
transition: all .5s;
-webkit-transition: all .5s;  
	/*border-bottom: 1px solid #f0f0f0;*/
}
.logo{
	display: inline-block;
	width: 6.73vw;
	line-height: 5.2vw;
}
.logo .img2{
	display: none;
}
.header{
	height: 5.2vw;
}
.header-a{
	width: 1.2vw;
	height: 100%;
	float: right;
	background: url(../img/ico28_1.png) no-repeat center; 
	background-size: 100% auto;
}
.header-b{
	float: right;
	margin-right: .6vw;
	line-height: 5.2vw;
	color: #999;
}
.header-b:hover{
	color: #004ea3;
}
.header-nav{
	float: right;
	margin-right: 1vw;
	font-size: 0;
}
.header-nav-li{
	display: inline-block;
	margin-right: 3.75vw;
}
.header-c{
	display: block;
	line-height: 5.2vw;
	color: #999;
	position: relative;
}
.header-c:after{
	content: '';
	width: 0%;
	height: .4vw;
	background: #ea5503;
	position: absolute;
	left: 0;
	top: 57%;
	z-index: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.header-c>span{
	position: relative;
	z-index: 2;
}
.header-nav-li:hover .header-c,
.header-nav-li.on .header-c{
	color: #222;
	font-weight: bold;
}
.header-nav-li:hover .header-c:after,
.header-nav-li.on .header-c:after{
	width: 100%;
transition: all .5s;
-webkit-transition: all .5s;  
}
.header-pos{
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	border-top: 1px solid #f0f0f0;
	display: none;
	box-shadow:5px 5px 5px #cccccc
}
.header-d{
/* 	padding: 1.56vw 0; */
	padding: 0.6vw 0;
	text-align: center;
}

.header-e{
	width: 100%;
	color: #fff;
}
.header-ediv{
	padding: 5.2vw 0;
	overflow: hidden;
}
.header-elt{
	float: left;
}
.header-e2{
	line-height: 1;
}
.header-e3{
	margin-top: 1.05vw;
}
.header-e3>div{
	display: inline-block;
	margin-right: 2.56vw;
}
.header-ert{
	width: 6.25vw;
	height: 6.25vw;
	text-align: center;
	line-height: 1.1;
	padding-top: 2vw;
	float: right;
	background: #004ea3;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.header-d .solution-g{
	margin: 0 !important;
}
.header-f a{
	display: inline-block;
	line-height: 3vw;
	margin: 0 2vw;
	color: #999;
}
.header-f a:hover{
	color: #ea5503;
	/*font-weight: bold;*/
}

header.on{
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	top: 0;
	transition: all .5s;
	-webkit-transition: all .5s;  
}

header.bj .logo .img1{
	display: none;
	
}
header.bj .logo .img2{
	display: inline-block;
	
}
@media(min-width:1201px){
	header.bj .header-c{
		color: #fff;
	}
	header.bj .header-c:hover{
		color: #fff;
	}
	
	header.bj .header-nav-li:hover .header-c,
	header.bj .header-nav-li.on .header-c{
		color: #fff;
		font-weight: bold;
	}
	
}
header.bj .header-a{
	background-image: url(../img/ico28_2.png);
}
header.bj .header-b{
	color: #fff;
}
.header-i{
	display: none;
}
.header-dx{
	width: 35px;
	margin-top: 25px;
	text-align: right;
	margin-left:40px ;
	overflow: hidden;
	display: none;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
	background:#666;
	float: right;
	
}
.header-dx div{
	transition: all .5s; 
}
.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
   transition: all .5s; 
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;
   top:1px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}

header.bj .header-dx>div{
	background: #fff;
}

.header-ss{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,.8);
	display: none;
	z-index: 39;
}
.header-ss-a{
	width: 600px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -300px;
}
.header-ss-a .int1{
	width: 540px;
	height: 50px;
	line-height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding:  0 10px;
	padding-right: 60px;
}
.header-ss-a .int2{
	width: 50px;
	height: 50px;
	border: none;
	background: no-repeat center;
	background-image: url(../img/ss03.png);
	position: absolute;
	top: 0;
	right: 60px;
	cursor: pointer;
}
.header-ss-x{
	width: 50px;
	height: 50px;
	background: url(../img/x01.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.header-tk-bj{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,.6);
	display: none;
	z-index: 39;
}
.header-tk{
	width: 92%;
	max-width:1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	padding: 70px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.header-tk-a{
	font-size: 40px;
	text-align: center;
	line-height: 1;
}
.header-tk-b{
	width: 100%;
	position: relative;
	margin-top: 50px;
}
.header-tk-b1{
	width: 100%;
	height: 100px;
	padding-left: 60px;
	padding-right: 100px;
	font-size: 20px;
	background: #f7f7f8 url(../img/ico28_1.png) no-repeat 25px center;;
	border: 0;
}
.header-tk-b2{
	font-size: 20px;
	height: 100%;
	width: 80px;
	border: 0;
	background: initial;
	color: #313b6e;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
}
.header-tk-c{
	font-size: 0;
	margin-top: 35px;
}
.header-tk-c1{
	font-size: 16px;
	color: #ea5503;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.header-tk-c a{
	display: inline-block;
	vertical-align: inherit;
	font-size: 16px;
	color: #000;
	opacity: .5;
	margin-right: 30px;
	margin-bottom: 10px;
}
.header-tk-c a:hover{
	opacity: 1;
}
.header-tk-d{
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: .3;
	width: 25px;
	cursor: pointer;
}
.header-tk-d:hover{
	opacity: 1;
}

@media(max-width:1200px){
	header{
		height: 80px;
		top: 0;
	}
	.header{
		height: 80px;
	}
	.logo{
		line-height: 80px;
		width: 100px;
	}
	.header-a{
		width: 18px;
	}
	.header-b{
		line-height: 80px;
		margin-right: 30px;
	}
	.header-nav{
		width: 100%;
		top: 80px;
		left: 0;
		position: fixed;
		height: 100vh;
		background: #fff;
		padding: 5%;
		border-top: 1px solid #f0f0f0;
		display: none;
	}
	.header-nav-li{
		width: 100%;
		margin: 0;
		position: relative;
	}
	.header-c:after{
		display: none;
	}
	.header-c{
		line-height: 80px;
		font-size: 18px;
		color: #222;
		border-bottom: 1px solid #f0f0f0;
	}
	.header-i{
		display: block;
		width: 50%;
		height: 80px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		background: url(../img/ico27_3.png) no-repeat right center; 
		background-size: 15px;
		opacity: .7;
	}
	.header-i.on{
		background-image: url(../img/ico27_4.png);
	}
	.header-pos{
		position: relative;
		width: 100%;
		top: initial;
		left: initial;
	}
	.header-e{
		display: none;
	}
	.header-d{
		width: 100%;
		padding: 15px 0;
	}
	.header-f a{
		display: block;
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 0 15px;
		line-height: 30px;
	}
	.header-d .solution-g2{
		display: none;
	}
	.header-d .solution-g3{
		margin: 0;
		line-height: 30px;
	}
	.header-d .solution-g{
		display: block;
	}
	.header-d .solution-ga{
		display: block;
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 0 15px;
	}
	.header-dx{
		display: block;
	}
	.header-tk{
		padding: 50px;
	}
}

@media(max-width:750px){
	header{
		height: 1rem;
		top: 0;
	}
	.header{
		height: 1rem;
	}
	.logo{
		line-height: 1rem;
		width: 1.4rem;
	}
	.header-b{
		line-height: 1rem;
		margin-right: .3rem;
	}
	.header-nav{
		top: 1rem;
		padding: .2rem 5%;
	}
	.header-c{
		line-height: 1rem;
		font-size: .28rem;
		font-weight: bold;
	}
	.header-i{
		height: 1rem;
		background-size: .2rem;
	}
	.header-d{
		padding: .2rem 0;
	}
	.header-f a,
	.header-d .solution-ga,
	{
		font-size: .24rem;
		padding: 0 .2rem;
		line-height: .6rem;
	}
	.header-d .solution-g3{
		font-size: .24rem;
		line-height: .6rem;
	}
	
	.header-dx{
		display: block;
		width: .45rem;
		margin-top: .1rem;
		margin-left: .35rem;
		padding-top: .23rem;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .04rem;
		margin-bottom: .11rem;
	}
	
	.header-ss-a{
		width: auto;
	}
	.header-ss-a .int1{
		width: 5rem;
		margin-right: 1rem;
		font-size: .26rem;
	}
	.header-ss-a{
		margin-left: -3rem;
	}
	
	.header-tk{
		padding:.8rem .4rem;
	}
	.header-tk-a{
		font-size: .4rem;
	}
	.header-tk-b{
		margin-top: .5rem;
		font-size: 0;
	}
	.header-tk-b1{
		height: 1rem;
		padding-left: .8rem;
		padding-right: 1.2rem;
		font-size: .28rem;
		background-size: .3rem auto;
		background-position-x: .3rem;
	}
	.header-tk-b2{
		width: 1rem;
		font-size: .28rem;
	}
	.header-tk-c{
		margin-top: .3rem;
	}
	.header-tk-c1,
	.header-tk-c a{
		font-size: .24rem;
		margin-right: .2rem;
		margin-bottom: .15rem;
	}
	.header-tk-d{
		top: .2rem;
		right: .2rem;
		width: .4rem;
	}
}


.iban-swiper{
	width: 100%;
	height: 56.25vw;
	max-height: 100vh;
}
.iban-bj{
	position: relative;
}
.ban-video{
	/*min-width: 100%;*/
	min-height: 100%;
	width: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.iban-pos{
	width: 70vw;
	position: absolute;
	right: 0;
	bottom: -2.6vw;
	z-index: 3;
}
.iban-span{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 3vw;
	text-align: left;
	padding: 0 4vw;
}
.iban-span span{
	width: 1vw;
	height: 1vw;
	border-radius: 100%;
	border: 2px solid #fff;
	margin: 0 .3vw;
    background: initial;
	opacity: .6;
}
.iban-span span.swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.iban-but{
	width: 3vw;
	height: 3vw;
	position: absolute;
	right: 5%;
	bottom: 2.4vw;
}
.iban-but>div{
	width: 1.5vw;
	height: 3vw;
	margin-top: -1.5vw;
	background-size: .6vw auto;
	opacity: .7;
}
.iban-prev{
	left: 0;
}
.iban-next{
	right: 0;
}
.iban-but>div:hover{
	opacity: 1;
}

@media(max-width:1200px){
	.iban-but{
		width: 40px;
		height: 30px;
	}
	.iban-but>div{
		width: 20px;
		height: 20px;
		margin-top: -15px;
		background-size: 10px auto;
	}
	.ban-video{
		display: none;
	}
}
@media(max-width:750px){
	.iban-swiper{
		height: 100vh;
	}
	.iban-pos{
		width: 85vw;
	}
	.iban-span{
		bottom: 1.6vw;
		padding: 0 5vw;
	}
	.iban-span span{
		width: .2rem;
		height: .2rem;
		margin: 0 .1rem;
	}
	.iban-but{
		width: .6rem;
		height: .4rem;
		bottom: .2rem;
	}
	.iban-but>div{
		width: .3rem;
		height: .4rem;
		margin-top: -.2rem;
		background-size: .2rem auto;
	}
}


.iabt{
	padding: 7.85vw 0;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
.iabt-lt{
	width: 31.25vw;
	float: left;
}
.iabt-a{
	line-height: 1.2;
}
.iabt-b{
	margin-top: 2.16vw;
}
.iabt-c{
	padding-left: 4.5vw;
	line-height: 4vw;
	display: inline-block;
	margin-top: 2.1vw;
	background: url(../img/ico30.png) no-repeat left center; 
	background-size: 3.75vw;
}
.iabt-cmd{
	display: none !important;
}
.iabt-c:hover{
	color: #004ea3;
}
.iabt-rt{
	width: 40vw;
	float: right;
/*	margin-top: 16vw;*/
}
.iabt-li{
	padding: 1.56vw 0;
	border-top: 1px solid #f0f0f0;
	overflow: hidden;
}
.iabt-e{
	float: left;
	color: #004ea3;
}
.iabt-f{
	float: right;
	min-width: 22vw;
}
.iabt-li:first-child{
	border: 0;
}

@media(max-width:1200px){
	.iabt{
		padding: 100px 0 80px 0;
	}
	.iabt-rt{
		width: 48vw;
	}
	.iabt-b{
		margin-top: 40px;
	}
	.iabt-c{
		margin-top: 40px;
		padding-left: 60px;
		line-height: 50px;
		background-size: 50px;
	}
}
@media(max-width:750px){
	.iabt{
		padding: 1.2rem 0 .8rem 0;
	}
	.iabt-lt{
		width: 100%;
	}
	.iabt-cpc{
		display: none !important;
	}
	.iabt-cmd{
		display: inline-block !important;
	}
	.iabt-b{
		margin-top: .4rem;
	}
	.iabt-rt{
		width: 100%;
		margin-top: .6rem;
	}
	.iabt-li{
		border: 0;
		margin-bottom: .3rem;
	}
	.iabt-e{
		width: 100%;
	}
	.iabt-f{
		width: 100%;
		margin-top: .15rem;
		font-size: .32rem;
		font-weight: bold;
	}
	.iabt-c{
		margin-top: .5rem;
		padding-left: .8rem;
		line-height: .6rem;
		background-size: .6rem;
	}
}


.ipro-bj{
	width: 100%;
	background: url(../img/img14.jpg) no-repeat center; 
	background-size: cover;
}

.ipro{
	padding: 6vw 0 3.75vw 0;
	font-size: 0;
}
.ipro-div{
	min-height: 31.2vw;
}
.ipro-lst{
	display: none;
}
.ipro-lt{
	width: 33%;
	display: inline-block;
	vertical-align: top;
	padding-right: 3%;
}
.ipro-a{
	opacity: .3;
	font-weight: bold;
}
.ipro-b{
	margin-top: .8vw;
}
.ipro-c{
	opacity: .4;
	margin-top: 3.125vw;
	min-height: 8.33vw;
}
.ipro-rt{
	width: 67%;
	display: inline-block;
	vertical-align: top;
	height: 31.2vw;
	line-height: 31.2vw;
	font-size: 0;
	text-align: center;
}
.ipro-rt img{
	min-height: 60%;
	max-height: 100%;
}

.ipro-ul{
	width: 100%;
	margin-top: 2.6vw;
	display: flex;
}
.ipro-li{
	width: 25%;
	margin: 0 .3vw;
	display: inline-block;
	vertical-align: top;
	height: 4.33vw;
	position: relative;
	background: #fff;
	color: #999;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s; 
}
.ipro-li:first-child{
	margin-left: 0;
}
.ipro-li:last-child{
	margin-right: 0;
}
.ipro-f{
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	padding: 0 1vw;
	text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.ipro-li:hover,
.ipro-li.on{
	background: #164da3;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s; 
}

@media(max-width:1200px){
	.ipro-ul{
		margin-top: 50px;
	}	
	.ipro-lt{
		width: 40%;
	}
	.ipro-rt{
		width: 60%;
	}
	.ipro-rt{
		line-height: 350px;
		height: 350px;
	}
	.ipro-li{
		height: 60px;
	}
}
@media(max-width:1000px){
	.ipro-ul{
		display: block;
		font-size: 0;
		width: 103%;
	}
	.ipro-li{
		width: 30.33%;
		display: inline-block;
		vertical-align: top;
		margin: 0 !important;
		margin-right: 3% !important;
		margin-bottom: 10px !important;
		
	}
}
@media(max-width:750px){
	.ipro{
		padding: 1rem 0;
	}
	.ipro-lt{
		width: 100%;
		padding: 0;
	}
	.ipro-c{
		display: none;
	}
	.ipro-b{
		margin-top: .3rem;
	}
	.ipro-rt{
		width: 100%;
		height: auto;
		line-height: initial;
		margin-top: .6rem;
	}
	.ipro-li{
		width: 47%;
		height: 1rem;
		margin-bottom: .1rem !important;
	}
	.ipro-f{
		font-size: .22rem;
	}
	.ipro-ul{
		margin-top: .5rem;
	}
	.ipro-bj{
		background: #dee4ec;
	}
}

.isol{
	padding-top: 6vw;
}
.isol-ab{
	color: #fff;
}
.isol-div{
	width: 80.73%;
	margin-left: 19.27%;
	position: relative;
	height: 30vw;
	background: #f4f6f9;
	margin-top: 4vw;
}
.isol-c{
	position: absolute;
	height: 100%;
	right: 100%;
	top: 0;
}
.isol-sw{
	width: 100%;
}
.isol-sd{
	overflow: hidden;
}
.isol-d{
	width: 43.2%;
	float: left;
	padding:5vw 4.16vw;
	padding-top: 5vw;
}
.isol-d2{
	opacity: .2;
}
.isol-d3{
	margin-top: .8vw;
	min-height: 4.5vw;
	line-height: 1.2;
}
.isol-d4{
	margin-top: 1.25vw;
	min-height: 10vw;
	opacity: .3;
	line-height: 1.4;
}
.isol-d5{
	display: inline-block;
	padding-bottom: .2vw;
	border-bottom: 1px solid #222;
	opacity: .3;
}
.isol-d5:hover{
	opacity: 1;
	color: #004ea3;
	border-color: #004ea3;
}
.isol-e{
	width: 56.8%;
	float: right;
	height: 100%;
	position: relative;
	height: 30vw;
}
.isol .join-bbut{
	background-image: url(../img/ico33_1.png);
}
.isol .join-bbut:hover{
	background-image: url(../img/ico33_2.png);
}

@media(max-width:1200px){
	.isol-d{
		padding: 40px;
	}
	.isol-d3{
		font-size: 22px;
		line-height: 30px;
		height: 90px;
		min-height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.isol-d4{
		font-size: 16px;
		line-height: 20px;
		height: 100px;
		min-height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.isol-d5{
		margin-top: 20px;
	}
	
}

@media(max-width:1000px){
	.isol-d{
		padding:15px 20px;
	}
	.isol-d3{
		font-size: 18px;
		font-weight: bold;
		line-height: 25px;
		height: 75px;
	}
	.isol-d4{
		font-size: 13px;
		line-height: 20px;
		height: 80px;
	}
	.isol-d5{
		margin-top: 5px;
		font-size: 14px;
		padding-bottom: 5px;
	}
}
@media(max-width:750px){
	.isol{
		padding-top: 1rem;
	}
	.isol-div{
		width: 90%;
		margin-left: 5%;
		height: auto;
		margin-top: .6rem;
	}
	.isol-c{
		display: none;
	}
	.isol-bj{
		padding-bottom: 1rem;
	}
	.isol-e{
		width: 100%;
		height: 4rem;
	}
	.isol-d{
		width: 100%;
		padding: .5rem .8rem;
	}
	.isol-d4{
		display: none;
	}
	.isol-d3{
		margin-top: .15rem;
	}
	.isol-d5{
		margin-top: .4rem;
		font-size: .24rem;
		padding-bottom: .05rem;
	}
}

.ixzwm{
	padding: 6vw 0;
	text-align: center;
}
.ixzwm-b{
	margin-top: .9vw;
	color: #999;
}
.ixzwm-c{
	display: flex;
	margin-top: 5.73vw;
	justify-content: space-between;
}
.ixzwm-cli{
	display: inline-block;
	vertical-align: top;
}
.ixzwm-c2{
	height: 4.33vw;
}
.ixzwm-c34{
	margin-top: 1.56vw;
}
.ixzwm-c4{
	opacity: .6;
}
@media(max-width:1200px){
	.ixzwm-c34{
		margin-top: 20px;
	}
}
@media(max-width:750px){
	.ixzwm{
		padding: 1rem 5%;
	}
	.ixzwm-b{
		margin-top: .2rem;
	}
	.ixzwm-c{
		width: 100%;
		display: block;
		margin-top: .5rem;
	}
	.ixzwm-cli{
		width: 100%;
		padding: .4rem 0;
		border-top: 1px solid #f0f0f0;
		overflow: hidden;
	}
	.ixzwm-cli:first-child{
		border: 0;
	}
	.ixzwm-c2{
		height: .8rem;
		float: left;
	}
	.ixzwm-c34{
		float: right;
		text-align: right;
		margin: 0;
	}
	.ixzwm-c3{
		font-size: .4rem;
		font-weight: bold;
	}
	.ixzwm-c4{
		font-size: .26rem;
		margin-top: .1rem;
	}
}

.inws-bj{
	position: relative;
	padding-bottom: 5.2vw;
	overflow: hidden;
	width: 100%;
}
.inws{
	position: relative;
	z-index: 2;
}
.inws-a{
	text-align: center;
}
.inws-bc{
	width: 100%;
	background: #e8ecf1;
	margin-top: 3vw;
	height: 35vw;
}
.inws-b{
	width: 66.25%;
	height: 37vw;
}
.inws-c{
	width: 33.75%;
	padding: 4.16vw;
}
.inws-c3{
	line-height: 2.6vw;
	height: 7.5vw;
	margin-top: 2.56vw;
	min-height: initial;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.inws-c4{
	line-height: 1.5vw;
	height: 4.2vw;
	margin-top: 1vw;
	min-height: initial;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.inws-c5{
	margin-top: 6.333vw;
}
.inws-c2{
	padding-top: 2.8vw;
	position: relative;
}
.inws-c2 span{
	display: inline-block;
	font-size: 3.125vw;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.inws-bc-span{
	bottom: initial;
	height: 1.5vw;
	top: 1.56vw;
	right: 0;
	text-align: right;
	padding: 0 2.16vw;
}
.inws-bc-span span{
	width: 1vw;
	height: 1vw;
	border-radius: 100%;
	border: 1px solid #fff;
	background: initial;
}
.inws-bc-span span.swiper-pagination-bullet-active{
	background: #fff;
}

.inws-img{
	width: 100%;
	height: 40.875vw;
	position: absolute;
	left: 0;
	bottom: 0;
}
.inws-d{
/* 	margin-top: 6.2vw;
	padding-bottom: 4.16vw; */
}

.inws-da{
	display: block;
	padding-left: 2.16vw;
	padding-right: 4.33vw;
	border-left: .2vw solid rgba(255,255,255,.2);
transition: all .5s;
-webkit-transition: all .5s; 
}
.inws-d2{
	opacity: .2;
	color: #fff;
}
.inws-d3{
	color: #fff;
	opacity: .4;
	margin-top: 2.16vw;
	line-height: 2vw;
	height: 6vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
transition: all .5s;
-webkit-transition: all .5s; 
}
.inws-d4{
	display: inline-block;
	padding-bottom: .2vw;
	border-bottom: 1px solid #fff;
	color: #fff;
	opacity: .2;
	margin-top: 3.125vw;
transition: all .5s;
-webkit-transition: all .5s; 
}

.inws-da:hover{
	border-color: rgba(255,255,255,1);
transition: all .5s;
-webkit-transition: all .5s; 
}
.inws-da:hover .inws-d3{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s; 
}
.inws-da:hover .inws-d4{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s; 
}

.inws-dsp{
	bottom: 0 !important;
}
.inws-dsp span{
	width: 12px;
	height: 12px;
	background: #fff;
}
.inws-dsp span.swiper-pagination-bullet-active{
	background: #004ea3;
}
.inws-e{
	color: #fff;
	margin-top: 3.125vw;
}
@media(max-width:1200px){
	.inws-c{
		padding: 30px;
	}
	.inws-c4{
		font-size: 14px;
		line-height: 20px;
		height: 60px;
		margin-top: 20px;
	}
	.inws-c5{
		margin-top: 60px;
	}
	.inws-da{
		padding: 0 20px;
	}
	.inws-d3{
		font-size: 20px;
		line-height: 25px;
		height: 75px;
	}
	.inws-d{
		padding-bottom: 10px;
	}
	.inws-img{
		height: 550px;
	}
}
@media(max-width:1000px){
	.inws-c{
		width: 40%;
	}
	.inws-b{
		width: 60%;
	}
	.inws-c4{
		font-size: 12px;
		margin-top: 10px;
	}
	.inws-c5{
		margin-top: 20px;
	}
}
@media(max-width:750px){
	.inws-img{
		height: 4rem;
	}
	.inws-bj{
		padding-top: .6rem;
	}
	.inws-bc{
		margin-top: .6rem;
		height: auto;
	}
	.inws-b{
		width: 100%;
		height: 4rem;
	}
	.inws-c{
		width: 100%;
		padding: .5rem .8rem;
	}
	.inws-c4{
		display: none;
	}
	.inws-c2{
		padding-top: .55rem;
	}
	.inws-c2 span{
		font-size: .6rem;
	}
	.inws-c3{
		font-size: .38rem;
		line-height: .5rem;
		height: 1rem;
		margin-top: .25rem;
	}
	.inws-c5{
		margin-top: .5rem;
	}
	.inws-d{
		width: calc(100% + 2rem);
/* 		padding-right: 2rem;
		margin-top: 1rem;
		padding-bottom: 1rem; */
	}
	.inws-dsp{
		padding-right: 2rem;
	}
	.inws-e{
		margin-top: .5rem;
	}
	.inws-img{
		height: 9rem;
		background: #0f2d5a;
	}
	.inws-d3{
		font-size: .3rem;
		line-height: .45rem;
		height: 1.35rem;
		font-weight: bold;
		margin-top: .25rem;
	}
	.inws-d4{
		margin-top: .4rem;
	}
	.inws-da{
		border-width: 3px;
	}
	.inws-dsp span{
		width: .2rem;
		height: .2rem;
	}
	.inws-bj{
		padding-bottom: 0.5rem;
	}
}


.ihzkh{
	position: relative;
}
.ihzkh-sw{
	height: 59vw;
}
.ihzkh-a{
	font-size: 0;
	position: absolute;
	left: 2%;
	top: 10%;
}
.ihzkh-a1{
	height: 16.66vw;
}
.ihzkh-a2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2vw;
	text-align: center;
	line-height: 12.66vw;
}
.ihzkh-a2 img{
	max-height: 100%;
}
@media(min-width:751px){
	.ihzkh-a:nth-child(2 ){
		left: 14%;
	    top: 37%;
	}
	.ihzkh-a:nth-child(2 ) .ihzkh-a1{
		height: 10.416vw;	
	}
	.ihzkh-a:nth-child(2 ) .ihzkh-a2{
		line-height: 6.416vw;
	}
	
	.ihzkh-a:nth-child(3){
		left: 0%;
	    top: 55%;
	}
	.ihzkh-a:nth-child(3) .ihzkh-a1{
		height: 16.93vw;	
	}
	.ihzkh-a:nth-child(3) .ihzkh-a2{
		padding: 3vw;
		line-height: 10.93vw;
	}
	
	.ihzkh-a:nth-child(4){
		left: initial;
		right: 12%;
	    top: 5%;
	}
	.ihzkh-a:nth-child(4) .ihzkh-a1{
		height: 16.93vw;	
	}
	.ihzkh-a:nth-child(4) .ihzkh-a2{
		padding: 3vw;
		line-height: 10.93vw;
	}
	
	.ihzkh-a:nth-child(5){
		left: initial;
		right: 0;
	    top: 26%;
	}
	.ihzkh-a:nth-child(5) .ihzkh-a1{
		height: 10.416vw;	
	}
	.ihzkh-a:nth-child(5) .ihzkh-a2{
		line-height: 6.416vw;
	}
	
	.ihzkh-a:nth-child(6){
		left: initial;
		right: 2%;
	    top: 50%;
	}
	.ihzkh-a:nth-child(6) .ihzkh-a1{
		height: 23.44vw;	
	}
	.ihzkh-a:nth-child(6) .ihzkh-a2{
		padding: 3vw 4vw;
		line-height: 15.44vw;
	}
}

.ihzkh-sp{
	bottom: 4.5vw !important;
}
.ihzkh-sp span{
	width: 12px;
	height: 12px;
	background: #222;
}
.ihzkh-sp span.swiper-pagination-bullet-active{
	background: #004ea3;
}

.ihzkh-div{
	width: 30vw;
	font-size: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.ihzkh-g{
	padding: 0 2.56vw;
	padding-top: 6.25vw;
	text-align: center;
}
.ihzkh-g1{
	opacity: .3;
}
.ihzkh-g2{
	margin-top: 1.56vw;
}
.ihzkh-g3{
	margin-top: 6.25vw;
	display: inline-block;
	padding-bottom: .3vw;
	font-weight: bold;
	border-bottom: 2px solid #004ea3;
	color: #222;
}
.ihzkh-g3:hover{
	color: #004ea3;
}
.ihzkh-a2 img{
	-webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
}
.ihzkh-a2:hover img{
	-webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: gray;
    filter: gray;
}

@media(max-width:1200px){
	.ihzkh-g2{
		font-size: 30px;
	}	
	.ihzkh-g3{
		margin-top: 3vw;
	}
}
@media(max-width:1000px){
	.ihzkh-g2{
		font-size: 20px;
		font-weight: bold;
	}	
	.ihzkh-g3{
		margin-top: 3vw;
	}
}
@media(max-width:750px){
	.ihzkh-sw{
		height: 13rem;
	}
	.ihzkh-div{
		width: 5rem;
	}
	.ihzkh-g{
		padding: 0 .5rem;
		padding-top: 1.2rem;
	}
	.ihzkh-g2{
		font-size: .45rem;
		margin-top: .4rem;
		line-height: 1.3;
	}
	.ihzkh-g3{
		margin-top: .7rem;
		font-size: .26rem;
		padding-bottom: .1rem;
	}
	
	.ihzkh-a{
		top: 6%;
		left: 0;
	}
	.ihzkh-a1{
		height: 3.3rem;
	}
	.ihzkh-a2{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: .5rem;
		text-align: center;
		line-height:2.3rem;
	}
	.ihzkh-a:nth-child(2){
		left: initial;
		right: 0;
	}
	.ihzkh-a:nth-child(3){
		left: 0;
		top: 68%;
	}
	.ihzkh-a:nth-child(4){
		left: initial;
		right: 0;
		top: 68%;
	}
	.ihzkh-a:nth-child(5),
	.ihzkh-a:nth-child(6){
		display: none;
	}
}


.news-nav{
	margin-top: 2vw;
}
.news-nav .support-gli{
	min-width: 6.25vw;
	padding: 0 1.5vw;
	line-height: 2.85vw;
	text-align: center;
	margin:0 ;
	margin-right: .6vw;
}
.news-bj{
	/* background: #01479f; */
	margin-top: 3vw;
	padding-bottom: 10vw;
}
.news-img{
	top: 0;
	bottom: initial;
	background: no-repeat center top;
	background-size: 100% auto;
}
.news-bc{
	margin-top: 0 !important;
}

.news{
	padding-bottom: 5.2vw;
	position: relative;
	margin-top: -8.33vw;
}
.news-ul{
	width: 102.2%;
	font-size: 0;
}
.news-li{
	display: inline-block;
	vertical-align: top;
	width: 31.133%;
	margin-right: 2.2%;
	margin-bottom: 2.2%;
	background: #eef2f7;
}
.news-c{
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.news-d{
	padding: 2.08vw;
	padding-bottom: 1.56vw;
}
.news-d1{
	line-height: 1.8vw;
	height: 5.4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-d2{
	font-family: BaiJamjuree;
	margin-top: 1.25vw;
	opacity: .4;
}
.news-li:hover{
	background: #ea5503;
	color: #fff;
}

@media(max-width:1200px){
	.news-nav .support-gli{
		line-height: 40px;
	}
	.news-d1{
		line-height: 20px;
		height: 60px;
	}
	.inws-bc-span span{
		width: 10px;
		height: 10px;
	}
}

@media(max-width:750px){
	.support-gli{
		border-width: 1px;
	}
	.news-nav{
		margin-top: .5rem;
	}
	.news-nav .support-gli{
		min-width: 1.6rem;
		padding: 0 .15rem;
		font-size: .24rem;
		line-height: .6rem;
		margin-right: .1rem;
	}
	.news-bj{
		margin-top: .8rem;
		padding-top: 0;
		padding-bottom: .8rem;
	}
	
	.news{
		margin-top: 0;
		padding:0.2rem 0;
	}
	.news-ul{
		width: 100%;
	}
	.news-li{
		width: 100%;
		margin-bottom: .4rem;
	}
	.news-d{
		padding: .4rem;
	}
	.news-d1{
		font-size: .3rem;
		line-height: .45rem;
		height: 1.35rem;
	}
}

.searchs{
	
}
.searchs-a{
	position: relative;
}
.searchs-a1{
	width: 100%;
	height: 4.16vw;
	border: 0;
	padding-left: 5vw;
	padding-right: 7vw;
	background:;
	background: #f1f1f1 url(../img/ico28_1.png) no-repeat 2vw center; 
}
.searchs-a2{
	width:5vw;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-size: 1.56vw;
	border: 0;
	color: #004ea3;
	background: initial;
}
.searchs-bc{
	font-size: 0;
	margin-top: 3.125vw;
}
.searchs-b{
	display: inline-block;
}
.searchs-c{
	color: #bcbcbc;
	margin-top: .6vw;
	float: right;
}
.searchs-cnt{
	padding: 6vw 0;
	margin-top: 6vw;
}
.searchs-ul{
	margin-top: 4.16vw;
}
.searchs-li{
	display: inline-block;
	width: 100%;
	padding:1.56vw 2.56vw;
	margin-bottom: 1.05vw;
	background: #fcfbfb;
	position: relative;
}
.searchs-li:after{
	content: '';
	width: 5px;
	height: 0%;
	position: absolute;
	left: 0;
	top: 50%;
	background: #004ea3;
transition: all .5s;
-webkit-transition: all .5s;  
	
}
.searchs-d{
	line-height: 1.2;
}
.searchs-e{
	opacity:.6;
	line-height: 1.5vw;
	max-height: 3vw;
	margin-top: .5vw;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.searchs-li:hover{
	color: #004ea3;
}
.searchs-li:hover:after{
	height: 100%;
	top: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
@media(max-width:1200px){
	.searchs-a1{
		height: 60px;
		padding-left: 50px;
		padding-right: 80px;
	}
	.searchs-a2{
		width: 60px;
		background-size: 20px auto;
	}
	.searchs-b{
	}
	.searchs-ul{
		margin-top: 60px;
	}
	.searchs-li{
		padding:30px;
	}
	.searchs-e{
		line-height: 22px;
		max-height: 44px;
		margin-top: 10px;
	}
}

@media(max-width:750px){
	.searchs-a1{
		height: 1rem;
		padding-left: .8rem;
		padding-right: 1.2rem;
		background-size: .3rem auto;
		background-position-x: .3rem;
	}
	.searchs-a2{
		width: 1rem;
		font-size: .28rem;
		font-weight: bold;
		background-size: .4rem auto;
	}
	.searchs-bc{
		margin: 0;
	}
	.searchs-b{
		margin-top: .4rem;
	}
	.searchs-c{
		float: initial;
		width: 100%;
		margin-top: .2rem;
	}
	.searchs-cnt{
		margin-top: .6rem;
		padding: .6rem 0;
	}
	.searchs-ul{
		margin-top: 0;
	}
	.searchs-li{
		padding:.4rem;
	}
	.searchs-e{
		font-size: .24rem;
		line-height: .4rem;
		max-height: .8rem;
		margin-top: .1rem;
	}
	.searchs-d{
		font-size: .3rem;
		font-weight: bold;
	}
	.searchs{
	}
}


.gycbl{
	width: 60px;
	position: fixed;
	right: 0;
	top: 50%;
	background: #f5f5f5;
	box-shadow: 0 0 10px #ccc;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	z-index: 18;
}
.gycbl-li{
	width: 60px;
	height: 60px;
	position: relative;
	margin-top: 5px;
	cursor: pointer;
}
.gycbl-li:first-child{
	margin: 0;
}
.gycbl-a{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 0;
}
.gycbl-a .img2{
	display: none;
}
.gycbl-li:hover .gycbl-a{
	background: #004ea3;
}
.gycbl-li:hover .gycbl-a .img1{
	display: none;
}
.gycbl-li:hover .gycbl-a .img2{
	display: inline-block;
}
.gycbl-pos{
	position: absolute;
	top: 0;
	right: 100%;
	margin-right: 5px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px #eee;
	display: none;
}
.gycbl-b{
	width: 200px;
	padding: 15px 20px;
}
.gycbl-b1{
	font-size: 15px;
}
.gycbl-b2{
	font-size: 20px;
	color: #004ea3;
	line-height: 1;
	margin-top: 5px;
}
.gycbl-c{
	width: 410px;
	padding: 15px;
	text-align: center;
}
.gycbl-cul{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.gycbl-cli{
	width: 33.33%;
	max-width: 105px;
	margin: 0 5px;
	display: inline-block;
}
.gycbl-c2{
	font-size: 15px;
	line-height: 1.2;
	margin-top: 10px;
}
.gycbl-mgtop{
	width:50px;
	height: 50px;
	background:rgba(255,255,255,.2) url(../img/ico38_1.png) no-repeat center;
	background-size: 100% 100%;
	border-radius: 100%;
	position: fixed;
	z-index: 19;
	right: 5px;
	bottom: 5%;
transition: all .5s;
-webkit-transition: all .5s; 
}
.gycbl-mgtop:hover{
	background-image:url(../img/ico38_2.png) ;
transition: all .5s;
-webkit-transition: all .5s; 
}
.gycbl-tk-bj{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 32;
	background: rgba(0,0,0,.6);
	display: none;
}
.gycbl-tk{
	width: 90%;
	max-width: 1200px;
	padding: 50px 80px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.gycbl-tk .message-rt{
	width: 100%;
	margin: 0;
}
.gycbl-tk-gb{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	opacity: .5;
	cursor: pointer;
}
.gycbl-tk-gb:hover{
	opacity: 1;
}
@media(min-width:1201px){
	.gycbl-tk .message-li{
		height: 4.2vw;
		line-height: 4.2vw;
	}
	.gycbl-tk .message-a{
		line-height: 4vw;
	}
	.gycbl-tk .message-e1{
		line-height: 1.5;
	}
	.gycbl-tk .message-li3{
		height: 8vw;
	}
	.gycbl-tk .message-b2{
		height: 8vw;
	}
	.gycbl-tk .message-k{
		margin-top: 2vw;
	}
}
.gycbl-tk-a{
	text-align: center;
	line-height: 1.2;
}
@media(max-width:1600px){
	.gycbl-tk{
		padding: 30px 40px;
	}
}

@media(max-width:750px){
	.gycbl-li{
		display: none;
		margin: 0;
	}
	.gycbl-li-gt{
		display: block;
		width: .6rem;
		height: .6rem;
	}
	.gycbl{
		width: .6rem;
		top: 95%;
	}
	.gycbl-a{
		line-height: .6rem;
	}
	.gycbl-a img{
		width: .3rem;
	}
	.gycbl-mgtop{
		width: .6rem;
		height: .6rem;
	}
}