﻿*{
	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: #333;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #004ea2;
	transition: all .5s;
-webkit-transition: all .5s;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
img.max{
	width: 100%;
}

body{
	width: 100%;
	font-size: 14px;
	color: #333;
    line-height: 1.5;
	font-family: "微软雅黑", "Microsoft Yahei",Microsoft YaHei,Segoe UI,Hiragino Sans GB,Arial,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-family: "微软雅黑", "Microsoft Yahei";
	font-family: PingFang SC;
}




.gyban{
	width: 100%;
	height: 360px;
	position: relative;
	margin-top: 90px;
}
.posXY{
	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%);
}
.gyban-pos{
	z-index: 2;
	text-align: center;
	color: #fff;
}
.gyban-a{
	font-size: 36px;
	line-height: 1.1;
}
.gyban-b{
	font-size: 24px;
	line-height: 1.1;
	margin-top: 10px;
}
.gyban-bj{
	z-index: 2;
}

.gynav-bj{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.gynav{
	overflow: hidden;
}
.gynav-lt{
	float: left;
}
.gynav-a{
	display: inline-block;
	vertical-align: top;
	margin-left: 65px;
	color: #666;
	line-height: 85px;
	position: relative;
	font-size: 0;
}
.gynav-a:first-child{
	margin-left: 0;
}
.gynav-a2{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.gynav-a2 img{
	max-height: 30px;
}
.gynav-a2 .img2{
	display: none;
}
.gynav-a3{
	display: inline-block;
	vertical-align: top;
}
.gynav-a:after{
	content: '';
	width: 0%;
	height: 2px;
	background: #004ea2;
	position: absolute;
	left: 50%;
	bottom: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gynav-a:hover,
.gynav-a.on{
	color: #004ea2;
}
.gynav-a:hover:after,
.gynav-a.on:after{
	width: 100%;
	left: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gynav-a:hover .gynav-a2 .img1,
.gynav-a.on .gynav-a2 .img1{
	display: none;
}
.gynav-a:hover .gynav-a2 .img2,
.gynav-a.on .gynav-a2 .img2{
	display: inline-block;
}
.gynav-rt{
	float: right;
	line-height: 85px;
	padding-left: 30px;
	background: url(../img/ico02.png) no-repeat left 32px;
}
.gynav-rt{
	color: #333;
}
.gynav-rt a{
	display: inline-block;
	vertical-align: top;
	color: #666;
}
.gynav-rt a:hover{
	color: #004EA2;
}

.gycnt{
	padding: 70px 0 100px 0;
}

@media(max-width:1600px){
	.gyban{
		height: 300px;
	}
	.gyban-pos{
		width: 360px;
	}
	.gyban-a{
		font-size: 30px;
	}
	.gyban-b{
		font-size: 20px;
	}
	.gynav-a{
		line-height: 60px;
		margin-left: 40px;
	}
	.gynav-rt{
		line-height: 60px;
		background-position-y: 20px;
	}
	.gynav-a2 img{
		max-height: 25px;
	}
	.product-ul{
		width: 101.5%;
	}
	.product-li{
		width: 23.5%;
		margin-right: 1.5%;
		margin-bottom: 2.5%;
	}
}
@media(max-width:1200px){
	header{
		height: 70px;
	}
	.gyban{
		margin-top: 70px;
		height: 260px;
	}
	.gyban-pos{
		width: 320px;
	}
	.gyban-a{
		font-size: 26px;
	}
	.gyban-b{
		font-size: 16px;
	}
}
@media(max-width:1000px){
	.gynav-rt{
		display: none;
	}
}
@media(max-width:750px){
	header{
		height: 1rem;
	}
	.gyban{
		margin-top: 1rem;
		height: 4rem;
	}
	.gyban-pos{
		width: 4rem;
	}
	.gyban-a{
		font-size: .36rem;
		font-weight: bold;
	}
	.gyban-b{
		font-size: .26rem;
		margin-top: .1rem;
	}
	.gynav{
		padding: .25rem 0;
	}
	.gynav-a{
		line-height: .5rem;
		margin-left: 0;
		margin-right: .2rem;
	}
	.gynav-a2 img{
		max-height: .4rem;
	}
	.gynav-a2{
		margin-right: .1rem;
	}
	.gynav-a3{
		font-size: .26rem;
	}
	.gynav-a:after{
		display: none;
	}
}




/*产品中心*/
.product-ul{
	width: 102.5%;
	font-size: 0;
	margin-bottom: 20px;
}
.product-li{
	display: inline-block;
	vertical-align: top;
	width: 22.5%;
	margin-right: 2.5%;
	margin-bottom: 3.5%;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 10px;
}
.product-a{
	position: relative;
	overflow: hidden;
}
.product-asf{
	height: 270px;
	padding: 20px;
	line-height: 230px;
	text-align: center;
}
.product-asf img{
	max-height: 100%;
}
.product-b{
	padding: 35px 20px;
	text-align: center;
}
.product-b1{
	font-size: 24px;
	color: #2769b0;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-b2{
	font-size: 18px;
	color: #666;
	line-height: 25px;
	height: 25px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-b3{
	display: inline-block;
	width: 125px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #004ea2;
	border-radius: 10px;
	color: #004ea2;
	font-size: 14px;
	margin-top: 25px;
}
.product-b3 img{
	margin-left: 5px;
	position: relative;
	top: -1px;
}
.product-li:hover{
	box-shadow: 3px 5px 8px #999;
}
@media(max-width:1600px){
	.product-ul{
		width: 102%;
	}
	.product-li{
		width: 23%;
		margin-right: 2%;
		margin-bottom: 2.5%;
	}
	.product-b{
		padding: 20px 15px;
	}
	.product-b1{
		font-size: 20px;
		line-height: 25px;
		height: 25px;
	}
	.product-b2{
		font-size: 16px;
		line-height: 20px;
		height: 20px;
	}
	.product-b3{
		margin-top: 15px;
	}
	
	.product-asf{
		height: 240px;
		line-height: 200px;
	}
}
@media(max-width:1200px){
	.product-li{
		width: 31.333%;
		margin-bottom: 30px;
	}
}
@media(max-width:1000px){
	.product-li{
		width: 48%;
	}
}
@media(max-width:750px){
	.gycnt{
		padding: .8rem 0;
	}
	.product-li{
		width: 98%;
		margin-bottom: .5rem;
	}
	.product-asf{
		height: 4.6rem;
		padding: .3rem;
		line-height: 4rem;
	}
	.product-b{
		padding: .3rem;
	}
	.product-b1{
		font-size: .32rem;
		line-height: .45rem;
		height: .45rem;
		font-weight: bold;
	}
	.product-b2{
		font-size: .28rem;
		line-height: .4rem;
		height: .35rem;
	}
	.product-b3{
		width: 2rem;
		font-size: .24rem;
		line-height: .6rem;
		margin-top: .25rem;
	}
}



.gypage{
	width: 100%;
	text-align: center;
}
.page{
	display: inline-block;
	text-align: center;
	font-size: 0;
}
.page a{
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #e4e1e0;
	background: #fff;
	font-size: 16px;
	color: #666;
	line-height: 38px;
	margin: 0 3px;
	text-align: center;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.page a:hover,.page a.active{
	background-color: #004896;
	border-color: #004896;
	color: #fff;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.page a.prev{
	background:#fff url(../img/ico11_1.png) no-repeat center;
}
.page a.prev:hover{
	background:#004896 url(../img/ico11_3.png) no-repeat center;
}
.page a.next{
	background:#fff url(../img/ico11_2.png) no-repeat center;
}
.page a.next:hover{
	background:#004896 url(../img/ico11_4.png) no-repeat center;
}
.gypage form{
	display: inline-block;
}
.gypage-div{
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	color: #333;
	margin-left: 10px;
}
.gypage-a{
	display: inline-block;
}
.gypage-b{
	display: inline-block;
	margin-left:20px;
	margin-right: 15px;
}
.gypage-b input{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border: 1px solid #e4e1e0;
	text-align: center;
}
.gypage-c{
	display: inline-block;
	vertical-align: top;
	width: 75px;
	line-height: 40px;
	background: #004896;
	font-size: 16px;
	text-align: center;
	border: 0;
	color: #fff;
}

@media(max-width:1000px){
	.page{
		width: 100%;
	}
	.gypage-div{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 25px;
		margin-left: 0;
	}
	.gypage-b{
		margin: 0 15px;
	}
}
@media(max-width:750px){
	.page a{
		width: auto;
		padding: 0 2px;
		min-width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 23px;
		margin: 0 1px;
		
	}
	.page a.prev,.page a.next{
		background-size: 10px auto;
	}
	
	.gypage-div{
		font-size: 12px;
		line-height: 25px;
		margin-top: .25rem;
	}
	.gypage-b{
		margin: 0 .2rem;
	}
	.gypage-b input{
		width: 30px;
		height: 25px;
	}
	.gypage-c{
		width: 50px;
		font-size: 12px;
		line-height: 25px;
	}
}


/*产品详情*/
.proinfo-xt{
	width: 100%;
	height: 1px;
	box-shadow: 0 0 20px #000;
	margin-top: 88px;
}
.proinfo{
	padding: 100px 0;
	font-size: 0;
	width: 100%;
	overflow: hidden;
}
.proinfo-lt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
}
.proinfo-rt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 5%;
	padding-right: 2.5%;
}
.proinfo-a{
	font-size: 30px;
	line-height: 40px;
	color: #333;
}
.proinfo-a span{
	font-size: 36px;
	color: #1e5189;
}
.proinfo-b{
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	margin: 30px 0;
}
.proinfo-c{
	font-size: 24px;
}
.proinfo-d{
	margin-top: 30px;
	color: #666;
}
.proinfo-d li{
	padding-left: 32px;
	line-height: 25px;
	margin-bottom: 10px;
	background: url(../img/ico05.png) no-repeat left center;
}
.proinfo-e{
	width: 225px;
	line-height: 65px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	border-radius: 5px;
	background: #1e5189;
	cursor: pointer;
	margin-top:45px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-e:hover{
	opacity: .8;
transition: all .5s;
-webkit-transition: all .5s;  
}
.proinfo-cnt{
	padding: 75px 0;
}
.proinfo-f{
	font-size: 0;
}
.proinfo-fli{
	width: 48.75%;
	display: inline-block;
	vertical-align: top;
}
.proinfo-f2{
	font-size: 30px;
	line-height: 1;
	padding-left: 20px;
	border-left: 3px solid #1e5189;
	color: #1e5189;
	margin-bottom: 35px;
}
.proinfo-f3{
	width: 100%;
	height: 915px;
	padding: 30px;
	line-height: 855px;
	background: #fff;
	text-align: center;
	border: 1px solid #cadcec;
	border-radius: 5px;
}
.proinfo-f3 img{
	max-height: 100%;
}
.proinfo-fli:nth-child(2){
	margin-left: 2.5%;
}
.proinfo-fli.on{
	width: 100% !important;
}
.proinfo-fli.on .proinfo-f3{
	height: auto !important;
	line-height: initial !important;
}

.proinfo-g{
	margin-top: 75px;
}
.proinfo-gdiv{
	border: 1px solid #cadcec;
	background: #fff;
	padding: 40px 50px;
}
.proinfo-gnav{
	font-size: 0;
	border-bottom: 1px solid #e1e1e1;
}
.proinfo-gnav-li{
	font-size: 18px;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
	padding: 0 45px;
	position: relative;
	color: #666;
	cursor: pointer;
	border-bottom: 2px solid #fff;
	margin-right: 5px;
}
.proinfo-gnav-li:hover{
	color: #1e5189;
}
.proinfo-gnav-li.on,
.proinfo-gnav-li.on{
	color: #1e5189;
	border-color: #1e5189;
}
.proinfo-gul{
	margin-top: 50px;
}
.proinfo-gsw{
	width: 100%;
	padding-bottom: 60px;
}
.proinfo-gsp span{
	width: 12px;
	height: 12px;
	background: #dfdfdf;
	opacity: 1;
}
.proinfo-gsp span.swiper-pagination-bullet-active{
	background: #004EA2;
}
.proinfo-g2{
	border-radius: 7px;
}
.proinfo-g3{
	text-align: center;
	color: #666;
	margin-top: 15PX;
}

.proinfo-h{
	margin-top: 85px;
}
.proinfo-hul{
	margin: 0;
	margin-top: 40px;
}
.proinfo-hul .product-b{
	padding: 20px;
}
.proinfo-hul .product-b1{
	font-size: 18px;
}
@media(max-width:1200px){
	.proinfo-xt{
		margin-top: 68px;
	}
	.proinfo{
		padding: 60px 0;
	}
	.proinfo-a{
		font-size: 24px;
		line-height: 32px;
	}
	.proinfo-a span{
		font-size: 28px;
	}
	.proinfo-b{
		margin: 20px 0;
	}
	.proinfo-e{
		width: 180px;
		font-size: 18px;
		line-height: 55px;
		margin-top: 30px;
	}
	.proinfo-f3{
		height: 700px;
		padding: 30px;
		line-height: 640px;
	}
	.proinfo-gdiv{
		padding: 30px;
	}
	.proinfo-f2{
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 30px;
	}
}
@media(max-width:1000px){
	.proinfo-f3{
		height: 500px;
		padding: 30px;
		line-height: 440px;
	}
	.proinfo-rt{
		padding: 0;
	}
	.proinfo-a{
		font-size: 20px;
		line-height: 30px;
	}
	.proinfo-a span{
		font-size: 24px;
	}
}
@media(max-width:750px){
	.proinfo-xt{
		margin-top: 1rem;
	}
	.proinfo{
		padding: 1rem 0;
	}
	.proinfo-lt{
		width: 100%;
		padding: 0;
		margin-bottom: .6rem;
	}
	.proinfo-rt{
		width: 100%;
		
	}
	.proinfo-a{
		font-size: .28rem;
		line-height: .45rem;
	}
	.proinfo-a span{
		font-size: .36rem;
		font-weight: bold;
	}
	.proinfo-b{
		margin: .3rem 0;
	}
	.proinfo-c{
		font-size: .3rem;
	}
	.proinfo-d{
		margin-top: .2rem;
	}
	.proinfo-d li{
		padding-left: .4rem;
		margin-bottom: .15rem;
		background-size: .2rem auto;
	}
	.proinfo-e{
		width: 2.4rem;
		font-size: .28rem;
		line-height: .8rem;
		margin-top: .4rem;
	}
	.proinfo-cnt{
		padding: 1rem 0;
	}
	.proinfo-fli{
		width: 100%;
		margin-bottom: .8rem;
	}
	.proinfo-f2{
		font-size: .38rem;
		padding-left: .2rem;
		margin-bottom: .4rem;
	}
	.proinfo-f3{
		height: auto;
		line-height: initial;
		padding: .3rem;
	}
	.proinfo-fli:nth-child(2){
		margin: 0;
	}
	.proinfo-g{
		margin-top: .8rem;
	}
	.proinfo-gdiv{
		padding: .4rem .3rem;
	}
	.proinfo-gnav-li{
		font-size: .28rem;
		line-height: .6rem;
		padding: 0 .2rem;
		margin-right: .2rem;
	}
	.proinfo-gul{
		margin-top: .5rem;
	}
	.proinfo-gsw{
		padding-bottom: .8rem;
	}
	.proinfo-gsp span{
		width: 8px;
		height: 8px;
	}
	.proinfo-g3{
		font-size: .24rem;
		margin-top: .15rem;
	}
	.proinfo-h{
		margin-top: .8rem;
	}
	.proinfo-hul{
		margin-top: 0;
	}
}






/*解决方案*/
.solution-nav{
	font-size: 0;
}
.solution-nav a{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #8f8f8f;
	color: #fff;
	border-radius: 5px;
	padding: 0 20px;
	line-height: 55px;
	text-align: center;
	min-width: 155px;
	font-size: 18px;
}
.solution-nav a:hover,
.solution-nav a.on{
	background: #1e5189;
}
.solution-ul{
	margin-top: 50px;
	width: 103.125%;
	font-size: 0;
	margin-bottom: 10px;
}
.solution-li{
	display: inline-block;
	vertical-align: top;
	width: 30.208%;
	margin-right: 3.125%;
	margin-bottom: 3.125%;
	background: #f5f5f5;
	padding: 35px 30px;
	border-radius: 10px;
}
.solution-a{
	border-radius: 5px;
}
.solution-b{
	padding-bottom: 15px;
	padding-top: 25px;
	text-align: center;
}
.solution-b1{
	font-size: 24px;
	font-weight: bold;
}
.solution-b2{
	margin-top: 10px;
	font-size: 16px;
	color: #5b5b5b;
	line-height: 25px;
	height: 75px;
	-webkit-line-clamp: 3;
}
.solution-li:hover{
	box-shadow: 5px 5px 10px #999;
}
@media(max-width:1600px){
	.solution-nav a{
		font-size: 16px;
		line-height: 45px;
		padding: 0 15px;
		min-width: 120px;
	}
	.solution-ul{
		width: 102.3%;
		margin-top: 40px;
	}
	.solution-li{
		width: 31.033%;
		margin-right: 2.3%;
		margin-bottom: 2.3%;
		padding: 30px 25px;
	}
	.solution-b{
		padding: 0;
		padding-top: 15px;
	}
	.solution-b1{
		font-size: 20px;
	}
	.solution-b2{
		font-size: 14px;
	}
}
@media(max-width:1200px){
	.solution-li{
		padding: 20px;
	}
	.solution-b1{
		font-size: 18px;
	}
}
@media(max-width:1000px){
	.solution-ul{
		width: 103%;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.solution-li{
		width: 47%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
}
@media(max-width:750px){
	.solution-nav a{
		font-size: .24rem;
		line-height: .6rem;
		min-width: 1.5rem;
		margin-right: .15rem;
		margin-bottom: .15rem;
	}
	.solution-ul{
		width: 100%;
		margin-top: .4rem;
		margin-top: .6rem;
	}
	.solution-li{
		width: 100%;
		margin-bottom: .5rem;
		padding: .4rem .3rem;
	}
	.solution-b1{
		font-size: .34rem;
		line-height: .45rem;
		height: .45rem;
	}
	.solution-b2{
		font-size: .24rem;
		line-height: .4rem;
		height: auto;
		max-height: 1.2rem;
	}
}


.solinfo{
	padding: 80px 0;
	font-size: 0;
}
.solinfo-a{
	width: 670px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 0 5px #ccc;
}
.solinfo-b{
	width: calc(100% - 670px);
	display: inline-block;
	vertical-align: top;
	padding-left: 100px;
}
.solinfo.on .solinfo-a{
	display: none !important;
}
.solinfo.on .solinfo-b{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.solinfo-b1{
	font-size: 36px;
	color: #1e5189;
}
.solinfo-b2{
	line-height: 2;
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #E1E1E1;
}

.solinfo-div{
	padding: 70px 0;
}
.solinfo-c{
	margin-top: 75px;
}
.solinfo-c:first-child{
	margin-top: 0;
}
.solinfo-d{
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.solinfo-dvd{
	display: none;
	width: 100%;
	height: auto;
}
.solinfo-dbf{
	background: url(../img/ico07.png) no-repeat center;
	cursor: pointer;
}

@media(max-width:1600px){
	.solinfo-b{
		padding-left: 40px;
	}	
	.solinfo-b1{
		font-size: 30px;
	}
	.solinfo-b2{
		margin-top: 20px;
		padding-top: 20px;
	}
}
@media(max-width:1200px){
	.solinfo-a{
		width: 460px;
	}
	.solinfo-b{
		width: calc(100% - 460px);
		padding-left: 40px;
	}	
	.solinfo-b1{
		font-size: 28px;
	}
	.solinfo{
		padding: 60px 0;
	}
}
@media(max-width:1000px){
	.solinfo-a{
		width: 320px;
	}
	.solinfo-b{
		width: calc(100% - 320px);
		padding-left: 30px;
	}	
	.solinfo-b1{
		font-size: 22px;
		font-weight: bold;
	}
}
@media(max-width:750px){
	.solinfo{
		padding: .8rem 0;
	}
	.solinfo-a{
		width: 100%;
	}
	.solinfo-b{
		width: 100%;
		margin-top: .5rem;
		padding: 0;
	}
	.solinfo-b1{
		font-size: .34rem;
	}
	.solinfo-b2{
		margin-top: .2rem;
		padding-top: .2rem;
	}
	.solinfo-div{
		padding: .8rem 0;
	}
	.solinfo-c{
		margin-top: .8rem;
	}
	.solinfo-dbf{
		background-size: .8rem auto;
	}
}


/*新闻中心*/
.news-top{
	text-align: center;
	position: relative;
	font-size: 0;
	z-index: 2;
}
.news-a{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.news-a{
	width: 48%;
	margin: 1%;
	max-width: 375px;
}
.news-a1{
	width: 100%;
	height: 60px;
	padding: 0 15px;
	padding-right: 80px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	text-align: left;
}
.news-a2{
	height: 100%;
	width: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/ico09.png) no-repeat center;
	border: 0;
}
.news-b1{
	color: #666;
	line-height: 60px;
	background: url(../img/ico10.png) no-repeat 93% center;
	cursor: pointer;
}
.news-b2{
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background: #fff;
	display: none;
}
.news-b2 a{
	display: block;
	text-align: left;
	line-height: 25px;
	margin: 5px 0;
	padding: 0 15px;
	color: #999;
}
.news-b2 a:hover{
	color: #004ea2;
}
.news-ul{
	margin-top: 70px;
	margin-bottom: 90px;
}
.news-li{
	display: block;
	width: 100%;
	margin-bottom: 65px;
	overflow: hidden;
}
.news-c{
	width: 355px;
	float: left;
}
.news-d{
	width: calc(100% - 400px);
	float: left;
	margin-left: 45px;
}
.news-d1{
	line-height: 25px;
	height: 25px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-d2{
	color: #666;
	line-height: 1;
	margin-top: 15px;
}
.news-d3{
	color: #666;
	line-height: 30px;
	height: 60px;
	margin-top: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-d4{
	line-height: 1;
	margin-top: 25px;
	color: #666;
}
.news-li:hover .news-d1{
	color: #004ea2;
}


@media(max-width:1200px){
	.news-c{
		width: 300px;
	}
	.news-d{
		width: calc(100% - 330px);
		float: right;
		margin-left: 0;
	}
	.news-d2{
		margin-top: 10px;
	}
	.news-d3{
		margin-top: 25px;
		line-height: 25px;
		height: 50px;
	}
	.news-d4{
		margin-top: 25px;
	}
	.news-ul{
		margin: 50px 0;
	}
	.news-li{
		margin-bottom: 35x;
	}
}
@media(max-width:750px){
	.news-a{
		width: 100%;
		margin: 0;
		margin-bottom: .2rem;
	}
	.news-a1{
		height: .8rem;
		padding: 0 .3rem;
		padding-right: 1rem;
	}
	.news-a2{
		height: .8rem;
		width: .8rem;
		right: .1rem;
		background-size: .3rem auto;
	}
	.news-b1{
		line-height: .8rem;
		background-position-x: 95%;
	}
	.news-ul{
		margin: .6rem 0;
	}
	.news-li{
		margin-bottom: .4rem;
	}
	.news-c{
		width: 2.2rem;
	}
	.news-d{
		width: calc(100% - 2.4rem);
	}
	.news-d1{
		font-size: .3rem;
		line-height: .4rem;
		height: .4rem;
		font-weight: bold;
	}
	.news-d3{
		font-size: .26rem;
		line-height: .4rem;
		height: .4rem;
		-webkit-line-clamp: 1;
		margin-top: .15rem;
	}
	.news-d2{
		/*display: none;*/
		font-size: .22rem;
		margin-top: .1rem;
	}
	.news-d4{
		font-size: .22rem;
		margin-top: .1rem;
		display: none;
	}
}


.gyinfo{
	padding: 80px 0;
}
.gyinfo-a{
	text-align: center;
	line-height: 1.8;
}
.gyinfo-b{
	text-align: center;
	color: #666;
	margin-top: 10px;
}
.gyinfo-c{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #E8E8E8;
	line-height: 2;
}
@media(max-width:750px){
	.gyinfo{
		padding: .8rem 0;
	}
	.gyinfo-c{
		margin-top: .5rem;
		padding-top: .5rem;
	}
}


/*加入我们*/
.join-a{
	font-size: 48px;
	line-height: 1;
	text-align: center;
	/*font-weight: bold;*/
}
.join-b{
	margin-top: 35px;
	line-height: 2;
	color: #666;
}
.join-c{
	width: 102%;
	margin-top: 45px;
	font-size: 0;
}
.join-c img{
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 2%;
	display: inline-block;
	vertical-align: top;
}
.join-d{
	position: relative;
	width: 100%;
}
.join-dct{
	padding: 80px 0 95px 0;
	position: relative;
	z-index: 2;
}
.join-d1{
	font-size: 48px;
	text-align: center;
	/*font-weight: bold;*/
	line-height: 1;
}
.join-d2{
	font-size: 30px;
	text-align: center;
	color: #1e5189;
	margin-top: 20px;
}
.join-d3{
	margin-top: 50px;
	color: #1e5189;
}
.join-d4{
	color: #666;
	line-height: 2;
}
.join-d4 a{
	display: inline-block;
	color: #2576ce;
}
.join-d5{
	display: inline-block;
	margin-top: 30px;
	text-align: center;
}
.join-d5 img{
	box-shadow: 0 0 10px #999;
}
.join-d5 p{
	margin-top: 15px;
	color: #666;
}

@media(max-width:1600px){
	.join-a,.join-d1{
		font-size: 40px;
	}
	.join-d2{
		font-size: 26px;
	}
}
@media(max-width:1200px){
	.join-a,.join-d1{
		font-size: 34px;
	}
	.join-d2{
		font-size: 22px;
	}
}
@media(max-width:750px){
	.join-a,.join-d1{
		font-size: .42rem;
		font-weight: bold;
	}
	.join-b{
		margin-top: .5rem;
		font-size: .24rem;
		line-height: 2;
	}
	.join-c{
		margin-top: .5rem;
	}
	.join-c img{
		width: 48%;
	}
	.join-d2{
		font-size: .32rem;
		margin-top: .3rem;
	}
	.join-dct{
		padding: .8rem 0;
	}
	.join-d3{
		font-size: .28rem;
		margin-top: .5rem;
	}
	.join-d4{
		font-size: .24rem;
	}
	.join-d5{
		width: 2.6rem;
		margin-top: .5rem;
	}
}


/*联系我们*/
.gytit48{
	font-size: 48px;
	text-align: center;
	line-height: 1;
}
.contact-map-bj{
	width: 100%;
	margin-top: 60px;
	height: 670px;
	position: relative;
	overflow: hidden;
}
.contact-map{
	width: 130%;
	height: 100%;
	margin-left: -30%;
	z-index: 2;
}
.contact-pos{
	width: 510px;
	background: #fff;
	position: absolute;
	top: 40px;
	right: 40px;
	padding: 40px;
	z-index: 3;
}
.contact-scl{
	width: calc(100% + 5px);
	padding-right: 5px;
	height: 515px;
	overflow-y: auto;
}
.contact-a{
	font-size: 26px;
	margin-top: 30px;
	line-height: 1;
	padding-top: 35px;
	border-top: 1px solid #E1E1E1;
	margin-bottom: 20px;
}
.contact-a:first-child{
	margin-top: 0;
	padding-top: 0;
	border: 0;
}
.contact-b{
	background: no-repeat left center;
	padding: 5px 0;
	padding-left: 45px;
	margin-bottom: 10px;
	color: #666;
}

.contact-cnt{
	padding: 80px 0 110px 0;
}
.contact-fm{
	margin-top: 45px;
	overflow: hidden;
}
.contact-e{
	width: 49%;
	float: left;
	position: relative;
	margin-bottom: 25px;
}
.contact-ert{
	float: right;
}
.contact-e1{
	width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding: 0 25px;
	height: 60px;
	box-shadow: 0 0 10px #eee;
}
.contact-e2{
	line-height: 50px;
	font-size: 20px;
	color: #ff1414;
	position: absolute;
	top: 0;
	right: 20px;
	padding-top: 10px;
}
.contact-f{
	padding: 10px 20px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.contact-f1{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
.contact-f2{
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}
.contact-g{
	width: 100%;
	margin-bottom: 25px;
}
.contact-g1{
	height: 195px;
	line-height: 40px;
	padding: 20px 25px;
	resize: none;
}
.contact-h{
	width: 100%;
	float: left;
}
.contact-h1{
	width:400px ;
}
.contact-h2{
	height: 58px;
	margin-left: 20px;
	vertical-align: top;
}
.contact-i{
	width: 220px;
	color: #fff;
	height: 60px;
	background: #28598e;
	border-radius: 5px;
	border: 0;
	font-size: 22px;
	margin-left: calc(50% - 110px);
	margin-top: 55px;
}
.contact-jk{
	padding: 100px 0;
}
.contact-k{
	text-align: center;
	margin-top: 70px;
}

.contact-map label{
	white-space: nowrap !important;
}
@media(max-width:1600px){
	.gytit48{
		font-size: 40px;
	}
	.contact-a{
		font-size: 22px;
		padding-top: 20px;
		margin-top: 15px;
	}
	.contact-map-bj{
		height: 580px;
	}
	.contact-e1{
		height: 50px;
	}
	.contact-e2{
		height: 50px;
		padding-top: 5px;
	}
	.contact-g1{
		height: 140px;
		line-height: 35px;
	}
	.contact-h2{
		height: 48px;
	}
	.contact-i{
		font-size: 18px;
		height: 50px;
	}
	.contact-scl{
		height: 430px;
	}
}
@media(max-width:1200px){
	.gytit48{
		font-size: 34px;
	}
}
@media(max-width:1000px){
	.gytit48{
		font-size: 30px;
	}
	.contact-map-bj{
		height: auto;
	}
	.contact-map{
		width: 100%;
		margin: 0;
		height: 400px;
	}
	.contact-pos{
		position: relative;
		top: 0;
		width: 100%;
		right: 0;
		margin-top: 40px;
		padding: 0;
	}
	.contact-scl{
		height: 8rem;
	}
	.gycnt{
		padding: 70px 0;
	}
	.contact-h1{
		width: 300px;
	}
	.contact-cnt,.contact-jk{
		padding: 70px 0;
	}
}
@media(max-width:750px){
	.gycnt,.contact-cnt,.contact-jk{
		padding: .8rem 0;
	}
	.gytit48{
		font-size: .42rem;
		font-weight: bold;
	}
	.contact-map-bj{
		margin-top: .6rem;
	}
	.contact-map{
		height: 6rem;
	}
	.contact-a{
		font-size: .32rem;
		font-weight: bold;
		
	}
	.contact-fm{
		margin-top: .6rem;
	}
	.contact-e{
		width: 100%;
		margin: 0;
		margin-bottom: .2rem;
	}
	.contact-e1{
		height: .8rem;
		padding: 0 .3rem;
		font-size: .26rem;
	}
	.contact-e2{
		padding: 0;
		font-size: .28rem;
		line-height: .8rem;
	}
	.contact-f{
		padding: .25rem;
		margin-bottom: .2rem;
	}
	.contact-f2{
		margin-left: .3rem;
	}
	.contact-g{
		margin-bottom: .2rem;
	}
	.contact-g1{
		height: 2rem;
	}
	.contact-h1{
		width: 3rem;
	}
	.contact-h2{
		height: .76rem;
		margin-left: .2rem;
	}
	.contact-i{
		font-size: .28rem;
		height: .8rem;
		width: 2.4rem;
		margin-left: calc(50% - 1.2rem);
		margin-top: .4rem;
	}
	.contact-k{
		margin-top: .6rem;
	}
}



/*关于贝林*/
.about{
	padding: 85px 0 50px 0;
}
.about-a{
	text-align: left;
}
.about-cnt{
	margin-top: 30px;
	font-size: 0;
}
.about-lt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 50px;
}
.about-b{
	font-size: 30px;
	color: #666;
}
.about-c{
	margin-top: 20px;
	color: #666;
	line-height: 1.8;
}
.about-d{
	margin-top: 50px;
	font-size: 0;
}
.about-dli{
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding:0 20px;
	border-left: 1px solid #e1e1e1;
	margin-bottom: 22px;
}
.about-d2{
	line-height: 1.3;
}
.about-d3{
	font-size: 24px;
	margin-top: 5px;
}
.about-d3 span{
	color: #1c4f98;
	font-weight: bold;
}
.about-rt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 0;
}
.about-rt-i{
	background: url(../img/ico07.png)  no-repeat center;
	background-size: 65px;
	opacity: .8;
	cursor: pointer;
}


.history{
	padding: 90px 0;
}
/*发展里程*/
.fzlc-a{
	width: 90%;
	margin: 0 auto;
	margin-top: 90px;
	max-width: 1110px;
}
.fzlc-asd{
	background: #fff;
}
.fzlc-b{
	
	overflow: hidden;
}
.fzlc-b1{
	width: 49%;
	float: left;
	height: 340px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	display: none;
}
.fzlc-b23{
	/*width: 46%;*/
	width: 100%;
	min-height: 200px;
	/*max-width: 490px;*/
	float: right;
	overflow: hidden;
}
.fzlc-b2{
	width: 47%;
	float: left;
	font-size: 80px;
	line-height: 1.1;
	color: #1e5189;
	font-weight: bold;
	/*padding-top: 20px;*/
	text-align: right;
}
.fzlc-b3{
	width: 47%;
	float: right;
	font-size: 18px;
	line-height: 2;
	/*margin-top: 20px;*/
	color: #333;
}
.fzlc-cps{
	padding: 0 2%;
	position: relative;
}
.fzlc-c{
	margin-top: 35px;
	/*padding-left: 37.5%;
	padding-right: 50%;*/
	background: url(../img/ico05_9.png) no-repeat center 40px;
	background-size: 87.5%;
}
.fzlc-csd{
	text-align: center;
	font-size: 24px;
	color: #555555;
	line-height: 40px;
	padding-top: 65px;
	cursor: pointer;
}
.fzlc-csd.on{
	font-weight: bold;
	font-size: 30px;
}
@media(max-width:1600px){
	.fzlc-a{
		width: 80%;
		margin-top: 40px;
	}
	.fzlc-b1{
		height: 300px;
	}
	.fzlc-b1{
		height: 150px;
	}
	.fzlc-b2{
		font-size: 50px;
		/*padding-top: 10px;*/
	}
	.fzlc-b3{
		font-size: 16px;
		/*margin-top: 10px;*/
	}
	.fzlc-csd{
		font-size: 20px;
	}
	.fzlc-csd.swiper-slide-active{
		font-size: 24px;
	}
}
@media(max-width:1000px){
	.fzlc-csd{
		font-size: 16px;
		padding-top: 50px;
	}
	.fzlc-csd.swiper-slide-active{
		font-size: 20px;
	}
	.fzlc-b1{
		height: 200px;
	}
	.fzlc-b23{
		min-height: 100px;
	}
	.fzlc-b2{
		font-size: 40px;
		padding-top: 0px;
	}
	.fzlc-b3{
		font-size: 14px;
		/*margin-top: 10px;*/
	}
}
@media(max-width:750px){
	.fzlc-c{
		/*padding-left: 40%;
		padding-right: 40%;*/
	}
	.fzlc-csd{
		font-size: 14px;
		padding-top: 50px;
	}
	.fzlc-csd.on{
		font-size: 16px;
	}
	.fzlc-a{
		margin-top: .5rem;
		width: 100%;
	}
	.fzlc-c{
		margin-top: .2rem;
		background-image: url(../img/ico06_9.png);
		background-size: 80% auto;
	}
	.fzlc-b1{
		height: 3rem;
	}
	.fzlc-b23{
		/*width: 48%;*/
		min-height: auto;
		padding: 0 12%;
	}
	.fzlc-b2{
		width: 100%;
		font-size: .4rem;
		text-align: left;
	}
	.fzlc-b3{
		width: 100%;
		font-size: .24rem;
		line-height: 1.8;
		margin-top: .2rem;
	}
}


.founder{
	padding: 80px 0 110px 0;
}
.founder-div{
	margin-top: 60px;
	overflow: hidden;
	background: #fff;
	min-height: 635px;
	position: relative;
}
.founder-lt{
	width: calc(100% - 490px);
	float: left;
	padding: 50px;
}
.founder-a{
	font-size: 26px;
    font-weight: bold;
    color: #333333;
}
.founder-a span{
	font-size: 20px;
	color: #666;
}
.founder-b{
	margin: 15px 0;
	overflow-y: auto;
	height: 455px;
}
.founder-c{
	margin-top: 20px;
	color: #666;
	text-align: right;
	line-height: 40px;
}
.founder-c img{
	height: 40px;
}
.founder-rt{
	width: 455px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	
}




.culture{
	padding: 80px 0 50px 0;
}

.culture-div{
	background: #fff;
	box-shadow: 0 0 15px #ccc;
	margin-top: 80px;
	overflow: hidden;
	padding: 45px;
}
.culture-lt{
	width: 45%;
	padding: 0 25px;
	float: left;
}
.culture-rt{
	width: 55%;
	float: right;
}
.culture-li{
	overflow: hidden;
	position: relative;
	padding-bottom: 42px;
}
.culture-li:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 35px;
	top: 10px;
	background: #e1e1e1;
	z-index: 1;
}
.culture-li:last-child{
	padding-bottom: 0;
}
.culture-li:last-child:after{
	display: none;
}
.culture-a{
	width: 70px;
	float: left;
	position: relative;
	z-index: 2;
}
.culture-b{
	width: calc(100% - 100px);
	float: right;
}
.culture-b1{
	font-size: 24px;
	color: #333;
}
.culture-b2{
	font-size: 16px;
	color: #666;
}



.honor{
	padding: 70px 0;
}
.honor-nav{
	text-align: center;
	margin-top: 40px;
	font-size: 0;
}
.honor-a{
	display: inline-block;
	padding: 0 10px;
	min-width: 180px;
	line-height: 50px;
	background: #fff;
	font-size: 18px;
	color: #666;
	box-shadow: 0 0 5px #ccc;
	border-radius: 5px;
	margin: 0 15px;
	cursor: pointer;
}
.honor-a:hover,
.honor-a.on{
	background: #1e5189;
	color: #fff;
}
.honor-swiper{
	width: 102%;
	margin-left: -1%;
	padding: 75px 1%;
}
.honor-sd{
	background: #fff;
	padding: 15px;
	overflow: hidden;
}
.honor-c{
	width: 34%;
	padding-right: 10px;
	float: left;
}
.honor-d{
	width: 66%;
	float: right;
}
.honor-c1{
	font-size: 36px;
	line-height: 1.6;
	display: inline-block;
	color: #000;
	border-bottom: 2px solid #000;
	padding-top: 20px;
}
.honor-c2{
	font-size: 24px;
	margin-top: 10px;
}
.honor-sp span{
	width: 12px;
	height: 12px;
	background: #666;
	opacity: 1;
}
.honor-sp span.swiper-pagination-bullet-active{
	background: #1e5189;
}

@media(max-width:1600px){
	.about-b,.honor-c1{
		font-size: 26px;
	}
	.culture-b1{
		font-size: 20px;
	}
	.culture-a{
		width: 60px;
	}
	.culture-b2{
		font-size: 14px;
	}
	.culture-b{
		width: calc(100% - 80px);
	}
	.culture-li{
		padding-bottom: 30px;
	}
	.culture-li:after{
		left: 30px;
	}
	.honor-c2{
		font-size: 20px;
	}
	.culture-lt{
		padding-left: 0;
	}
}
@media(max-width:1200px){
	.founder-rt{
		width: 380px;
	}
	.founder-lt{
		width: calc(100% - 380px);
		padding: 30px;
	}
	.founder-div{
		min-height: 480px;
	}
	.founder-b{
		height:355px;
	}
}
@media(max-width:1000px){
	.about-lt{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.about-rt{
		width: 100%;
		
	}
	.founder{
		padding: 80px 0;
	}
	.founder-lt{
		padding: 30px;
	}
	.about-b, .honor-c1{
		font-size: 22px;
		font-weight: bold;
	}
	.founder-a{
		/*font-size: 16px;*/
	}
	.culture-lt{
		width: 100%;
		padding: 0;
		
	}
	.culture-rt{
		width: 100%;
		margin-top: 40px;
	}
}
@media(max-width:750px){
	.swiper-button-next, .swiper-button-prev{
		background-size: .2rem auto;
	}
	.swiper-button-next{
		right: -.2rem;
	}
	.swiper-button-prev{
		left: -.2rem;
	}
	
	.about{
		padding: 1rem 0;
	}
	.about-b, .honor-c1{
		font-size: .32rem;
	}
	.founder-a{
		font-size: .34rem;
	}
	.founder-a span{
		font-size: .28rem;
	}
	.about-cnt{
		margin-top: .4rem;
	}
	.about-c{
		margin-top: .2rem;
	}
	.about-dli{
		padding: 0 .25rem;
	}
	.about-lt{
		margin-bottom: .4rem;
	}
	.about-rt-i{
		background-size: .6rem;
	}
	.history{
		padding: 1rem 0;
	}
	.founder{
		padding: 1rem 0;
	}
	.founder-div{
		margin-top: .6rem;
		height: auto;
	}
	.founder-lt{
		width: 100%;
	}
	.founder-rt{
		width: 100%;
		position: relative;
		height: 6rem;
		float: left;
	}
	.founder-lt{
		padding: .4rem ;
	}
	.founder-b{
		height: auto;
		min-height: 2rem;
	}
	.culture{
		padding: 1rem 0;
	}
	.culture-div{
		margin-top: .7rem;
		padding: .4rem;
	}
	.culture-b1{
		font-size: .32rem;
		font-weight: bold;
	}
	.culture-b2{
		font-size: .26rem;
	}
	.culture-a{
		width: 1rem;
	}
	.culture-b{
		width: calc(100% - 1.4rem);
	}
	.culture-li:after{
		top: 0;
		left: .5rem;
	}
	.honor{
		padding: 1rem 0;
	}
	.honor-nav{
		margin-top: .4rem;
	}
	.honor-a{
		font-size: .26rem;
		line-height: .8rem;
		min-width: 2rem;
		margin: 0 .1rem;
		padding: 0 .15rem;
	}
	.honor-swiper{
		padding-top: .8rem;
		padding-bottom: 1.2rem;
	}
	.honor-c1{
		font-size: .46rem;
	}
	.honor-c2{
		font-size: .28rem;
		margin-top: .2rem;
	}
}




footer{
	background: url(../img/img01.jpg) no-repeat center; 
	background-size: cover;
}
.footer{
	padding: 70px 0 35px 0;
	color: #fff;
	overflow: hidden;
}
.footer-lt{
	width: calc(100% - 200px);
	max-width: 1275px;
	font-size: 0;
	float: left;
	overflow: hidden;
	border-right: 1px solid rgba(255,255,255,.1);
}
.footer-li{
	width: 16.666%;
	float: left;
	padding-right: 15px;
}
.footer-a{
	color: #fff;
	margin-bottom: 5px;
}
.footer-b a{
	display: inline-block;
	color: #fff;
	opacity: .5;
	margin-top: 5px;
}
.footer-b a:hover{
	color: #fff;
	opacity: 1;
}
.footer-rt{
	float: right;
	text-align: center;
}
.footer-c{
	margin-top: 5px;
	color: #a9aab3;
	font-size: 14px;
}
.footer-c span{
	font-weight: bold;
	color: #fff;
}
.footer-xt{
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.1);
	margin-top: 60px;
	float: left;
}
.footer-ef{
	width: 100%;
	float: left;
	margin-top: 25px;
	min-height: 45px;
	padding-right: 300px;
	line-height: 35px;
	position: relative;
}
.footer-e{
	color: #a9aab3;
}
.footer-e span{
	color: #fff;
	font-weight: bold;
}
.footer-e a{
	display: inline-block;
	color: #a9aab3;
}
.footer-e a:hover{
	color: #fff;
}
.footer-f{
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	color: #fff;
	border: 1px solid rgba(255,255,255,.1);
}
.footer-f1{
	height: 45px;
	line-height: 43px;
	width: 100%;
	padding: 0 12px;
	color: #999999;
	border: 1px solid rgba(255,255,255,.1);
	background: url(../img/ico23.png) no-repeat 96% center;
}
.footer-f2{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 100%;
	border: 1px solid rgba(255,255,255,.1);
	background: #000;
	padding: 5px 0;
	display: none;
}
.footer-f2 a{
	display: block;
	color: #999999;
	margin: 2px 0;
	padding:0 12px;
}
.footer-f2 a:hover{
	color: #fff;
}
@media(max-width:750px){
	.footer-lt{
		display: none;
	}
	.footer-rt{
		width: 100%;
	}
	.footer{
		padding: .8rem 0 .4rem 0;
	}
	.footer-xt{
		margin-top: .4rem;
	}
	.footer-ef{
		padding: 0;
		margin-top: .3rem;
		
	}
	.footer-e{
		width: 100%;
		line-height: 1.6;
		text-align: center;
		
	}
	.footer-f{
		width: 100%;
		position: relative;
		margin-top: .4rem;
	}
}



header{
	height: 90px;
	width: 100%;
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: 0 0 3px #ccc;
	z-index: 29;
transition: all .5s;
-webkit-transition: all .5s;  
}
.header{}
.logo{
	line-height: 90px;
	float: left;
}
.logo .img2{
	display: none;
}
.header-a{
	font-size: 12px;
	line-height: 90px;
	float: right;
	color: #666;
	padding-right: 25px;
	background: url(../img/ico24.png) no-repeat right center;
	cursor: pointer;
	position: relative;
	margin-left:25px ;
	z-index: 5;
}
.header-a1{
	width: 120px;
	max-width: initial;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -60px;
	display: none;
}
.header-a:hover{
	color: #1e5189;
}
.header-a:hover .header-a1{
	display: block;
}
.header-b{
	padding: 0;
	background: initial !important;
	font-weight: bold;
	opacity: .7;
	font-size: 14px;
}
.header-c{
	width: 18px;
	height: 90px;
	float: right;
	background: url(../img/ico25_1.png) no-repeat center;
	background-size: 100% auto;
}

.header-nav{
	float: right;
	font-size: 0;
}
.header-nav a{
	display: inline-block;
	vertical-align: top;
	margin-right: 70px;
	color: #333;
	font-size: 18px;
	line-height: 90px;
}
.header-nav a:hover,
.header-nav a.on{
	color: #1e5189;
	font-weight: bold;
}
@media(min-width:1201px){
	header.on{
		background: initial;
		background: rgba(255,255,255,.1);
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	header.on .logo .img1{
		display: none;
	}
	header.on .logo .img2{
		display: inline-block;
	}
	header.on  .header-a{
		color: #fff;
		background-image: url(../img/ico24_1.png);
	}
	header.on  .header-c{
		background-image: url(../img/ico25_2.png);
	}
	header.on .header-nav a{
		color: #fff;
	}
}


.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:#000;
	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-ss{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,.8);
	display: none;
	z-index: 9;
}
.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;
}

@media(max-width:1600px){
	.header-a{
		margin-left: 20px;
	}
	.header-nav a{
		font-size: 16px;
		margin-right: 45px;
	}
}
@media(max-width:1200px){
	.header-nav{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 70px;
		left: 0;
		background: #fff;
		padding: 15px 4%;
		z-index: 3;
		border-top: 1px solid #e1e1e1;
		display: none;
	}
	header{
		height: 70px;
	}
	.logo{
		line-height: 70px;
		width: 60px;
	}
	.header-a{
		line-height: 70px;
	}
	.header-c{
		height: 70px;
	}
	.header-nav a{
		display: block;
		width: 100%;
		margin: 0;
		line-height: 80px;
		border-bottom: 1px solid #e1e1e1;
		font-size: 18px;
		font-weight: bold;
	}
	.header-dx{
		display: block;
	}
}

@media(max-width:750px){
	header{
		height: 1rem;
	}
	.logo{
		line-height: 1rem;
		width: 1rem;
	}
	.header-a{
		line-height: 1rem;
		margin-left: .2rem;
	}
	.header-c{
		height: 1rem;
	}
	.header-nav{
		top: 1rem;
	}
	.header-nav a{
		line-height: 1rem;
		font-size: .28rem;
	}
	
	.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;
	}
}



.iban-swiper{
	width: 100%;
	height:50vw;
	max-height: 100vh;
}
/*.iban-img{
	transform: scale(1.02);
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
}*/
.iban-sd{
	overflow: hidden;
}
/*.iban-sd.swiper-slide-active .iban-img{
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: 5s .5s;
  -webkit-transition:  5s .5s;
}*/
.iban-div{
	position: absolute;
	top: 52%;
	left: 50%;
	color: #fff;
	z-index: 3;
	transform:translate(-50%,-50%);
	-ms-transform:translateY(-50%,-50%);
	-moz-transform:translateY(-50%,-50%);
	-webkit-transform:translateY(-50%,-50%);
	margin-top: 50px;
	opacity: 0;
}
.ban-video{
	/*min-width: 100%;*/
	min-height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}
.iban-a{
	height: 40px;
	margin-bottom: 10px;
}
.iban-b{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 1px 2px 3px #333;
}
.iban-c{
	font-size: 40px;
	line-height: 1.1;
	opacity: .8;
	text-shadow: 1px 2px 3px #333;
}
.iban-d{
	font-size: 36px;
	font-family: arial;
	opacity: .8;
	line-height: 1.1;
	text-shadow: 1px 2px 3px #333;
}
.iban-f{
	font-size: 28px;
	font-family: arial;
	opacity: .8;
	line-height: 1.1;
	text-shadow: 1px 2px 3px #333;
}
.iban-sd.swiper-slide-active .iban-div{
	margin-top: 0;
	opacity: 1;
	
	transition: all .65s .5s;
	-webkit-transition: all .65s .5s;
}
.iban-span{
	bottom: 40px !important;
}
.iban-span span{
	background: #fff;
	opacity: 1;
}
.iban-span span.swiper-pagination-bullet-active{
	width: 33px;
	height: 33px;
	background: url(../img/ico26.png) no-repeat center;
	position: relative;
	top: 12px;
}


@media(max-width:1600px){
	
	.iban-b{
		font-size: 26px;
	}
	.iban-c{
		font-size: 35px;
	}
	.iban-d{
		font-size: 20px;
	}
	.iban-f{
		font-size: 16px;
	}
	.iban-div{
		top: 50%;
	}
}
@media(max-width:1200px){
	.iban-swiper{
		margin-top: 40px;
		height: 600px;
	}
	.iban-b{
		font-size: 22px;
	}
	.iban-c{
		font-size: 30px;
	}
	.iban-d{
		font-size: 20px;
	}
	.iban-f{
		font-size: 14px;
	}
	.ban-video{
		display: none;
	}
}
@media(max-width:750px){
	.iban-swiper{
		margin-top: 1rem;
		height: 8rem;
	}
	.iban-b{
		font-size: .36rem;
	}
	.iban-c{
		font-size: .35rem;
	}
	.iban-d{
		font-size: .3rem;
	}
	.iban-f{
		font-size: .24rem;
	}
	.iban-span{
		bottom: .3rem !important;
	}
	
	.iban-span span.swiper-pagination-bullet-active{
		width: 20px;
		height: 20px;
		top: 6px;
		background-size: cover;
	}
}


.ipro{
	padding: 100px 0;
}
.ipro-div{
	overflow: hidden;
	margin-top: 60px;
	/*display: none;*/
}
.ipro-sd{
	overflow: hidden;
	padding-bottom: 30px;
}
.ipro-sp span.swiper-pagination-bullet-active{
	background: #053e7c;
}
.ipro-lt{
	width: 49%;
	float: left;
}
.ipro-a{
	font-size: 30px;
}
.ipro-a span{
	display: inline-block;
	font-size: 48px;
}
.ipro-aa span{
	display: inline-block;
	font-size: 24px;
	color: #1e5189;
	display: block;
}
.ipro-b li{
	background-image: url(../img/ico28.png);
	padding-left: 15px;
}
.ipro-c{
	display: inline-block;
	margin-top: 50px;
	width: 155px;
	line-height: 45px;
	padding: 0 15px;
	border:1px solid #053e7c;
	color: #053e7c;
	background: url(../img/ico29_1.png) no-repeat 90% center;
}
.ipro-c:hover{
	background-color: #053e7c;
	color: #fff;
	background-image: url(../img/ico29_2.png);
}
.ipro-rt{
	width: 49%;
	float: right;
	height: 460px;
	line-height: 460px;
	max-height: 100%;
	text-align: center;
}
.ipro-nav{
	display: flex;
	margin-top: 90px;
	text-align: center;
}
.ipro-nav-li{
	width: 50%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-left: 1px solid #e1e1e1;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    cursor: pointer;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .5s;
    -webkit-transition: all .5s;  
}
.ipro-nav-li .img2{
	display: none;
}
.ipro-nav-li img{
	margin-right: 10px;
	position: relative;
	top: -3px;
}
.ipro-nav-li:hover,
.ipro-nav-li.on{
	background: #053e7c;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.ipro-nav-li:hover .img1,
.ipro-nav-li.on .img1{
	display: none;
}
.ipro-nav-li:hover .img2,
.ipro-nav-li.on .img2{
	display: inline-block;
}

@media(max-width:1600px){
	.ipro{
		padding: 80px 0;
	}
	.ipro-a{
		font-size: 24px;
	}
	.ipro-a span{
		font-size: 30px;
	}
	.ipro-aa span{
		/*display: inline-block;*/
		font-size: 20px;
	}
	.ipro-c{
		width: 160px;
		margin-top: 40px;
	}
	.pro-rt{
		height: 400px;
		line-height: 400px;
	}
	.ipro-nav{
		margin-top: 50px;
	}
	.ipro-nav-li{
		line-height: 25px;
	    font-size: 20px;
	    height: 80px;
	}
	.ipro-nav-li img{
		height: 30px;
	}
}
@media(max-width:1200px){
	.ipro-nav-li{
		line-height: 22px;
	}
}
@media(max-width:750px){
	.ipro{
		padding: .8rem 0;
	}
	.ipro-div{
		margin-top: .5rem;
	}
	.ipro-lt{
		width: 100%;
	}
	.ipro-a{
		font-size: .32rem;
	}
	.ipro-a span{
		font-size: .45rem;
	}
	.ipro-aa span{
		/*display: inline-block;*/
		font-size: .36rem;
	}
	.ipro-c{
		width: 2.5rem;
		line-height: .8rem;
		margin-top: .4rem;
	}
	.ipro-rt{
		width: 100%;
		height: auto;
		line-height: initial;
		margin-top: .6rem;
	}
	.ipro-nav{
		width: 100%;
		display: block;
		margin-top: .6rem;
		font-size: 0;
		text-align: left;
		overflow: hidden;
	}
	.ipro-nav-li{
		    width: 48%;
	    margin: 1%;
	    float: left;
	    /* display: inline-block; */
	    vertical-align: top;
	    font-size: .26rem;
	    line-height: .35rem;
	    height: 1.2rem;
	}
	.ipro-nav-li img{
		height: .4rem;
		margin-right: .1rem;
	}
}

.isol{
	padding-top: 80px;
}
.isol-nav{
	text-align: center;
	margin-top: 40px;
	position: relative;
}
.isol-nav:after{
	content: '';
	width: 100%;
	height: 1px;
	border-top: 1px dotted #e1e1e1;
	position: absolute;
	left: 0;
	top: 66px;
	z-index: 1;
}
.isol-nav-li{
	display: inline-block;
	text-align: center;
	margin: 0 50px;
	color: #000;
	position: relative;
	z-index: 2;
}
.isol-a{
	height: 50px;
	line-height: 50px;
}
.isol-a img{
	max-height: 100%;
}
.isol-a .img2{
	display: none;
}
.isol-b{
	font-size: 24px;
}
.isol-c{
	width: 12px;
	height: 12px;
	background: #666;
	border-radius: 100%;
	margin-top: 10px;
	display: inline-block;
}
.isol-nav-li:hover,
.isol-nav-li.on{
	color: #004ea2;
}
.isol-nav-li:hover .isol-c,
.isol-nav-li.on .isol-c{
	background: #004ea2;
}
.isol-nav-li:hover .img1,
.isol-nav-li.on .img1{
	display: none;
}
.isol-nav-li:hover .img2,
.isol-nav-li.on .img2{
	display: inline-block;
}

.isol-ul{
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
	display: none;
}
.isol-li{
	width: 11.5%;
	float: left;
	height: 35.416666vw;
	position: relative;
	background: #4c73ae;
	cursor: pointer;
	overflow: hidden;
transition: all .5s;
-webkit-transition: all .5s;  
}
.isol-ul.on .isol-li{
	width: 22.98%;
}
.isol-li:after{
	width: 45px;
	height: 45px;
	border-radius: 100%;
	content: '';
	border: 1px solid #ffff;
	background: url(../img/ico29_2.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -22.5px;
	bottom: 10%;
}
.isol-e{
	opacity: .3;
	transition: all .5s;
	-webkit-transition: all .5s;  
}
.isol-f{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	padding: 0 10px;
	text-align: center;
	color: #fff;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.isol-f2{
	margin-top: 10px;
}
.isol-g{
	width: 100%;
	height: 100px;
	text-align: left;
	padding: 0 100px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	color: #fff;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.isol-g>div{
	
}
.isol-g1{
	font-size: 30px;
}
.isol-g2{
	margin-top: 20px;
	line-height: 1.8;
}
.isol-g4{
	color: #fff;
	border-color: #fff;
	background-image: url(../img/ico29_2.png);
	margin-top: 20px;
}
.isol-g4:hover{
	background-color: #053e7c;
}

@media(min-width:1001px){
	.isol-li.on{
		width: 54% !important;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.isol-li.on:after{
		display: none;
	}
	.isol-li.on .isol-e{
		opacity: 1;
		transition: all .5s;
		-webkit-transition: all .5s;  
	}
	.isol-li.on .isol-f{
		display: none;
	}
	.isol-li.on .isol-g{
		opacity: 1;
	transition: all .5s 1.5s;
	-webkit-transition: all .5s 1.5s;  
	}
	.isol-li.on .isol-g{
		height: auto;
	transition: all .5s .5s;
	-webkit-transition: all .5s .5s;  
	}
	.isol-li.on .isol-g2{
	}
}

@media(max-width:1600px){
	.isol-a{
		height: 40px;
		line-height: 40px;
	}
	.isol-b{
		font-size: 20px;
	}
	.isol-nav:after{
		top: 56px;
	}
	.isol-g1{
		font-size: 26px;
	}
	.isol-g{
		padding: 0 50px;
	}
}
@media(max-width:1000px){
	.isol-li{
		width: 100%;
	}
	.isol-f{
		top: 40%;
	}
	.isol-e{
		opacity: .6;
	}
}
@media(max-width:750px){
	.isol-li{
		height: 3rem;
	}
	.isol-f1{
		height: .6rem;
	}
	.isol-f2{
		font-size: .26rem;
		margin-top: .15rem;
	}
	.isol-li:after{
		width: .5rem;
		height: .5rem;
		margin-left: -.25rem;
	}
	.isol{
		padding-top: .8rem;
	}
	.isol-a{
		height: .6rem;
		line-height: .6rem;
	}
	.isol-c{
		width: .16rem;
		height: .16rem;
	}
	.isol-b{
		font-size: .26rem;
	}
	.isol-nav-li{
		margin: 0 .3rem;
	}
	.isol-nav:after{
		top: .9rem;
	}
	.isol-ul{
		margin-top: .5rem;
	}
}


.iabt{
	padding: 100px 0 125px 0;
}
.iabt-txt{
	color: #666;
	margin-top: 45px;
	padding: 0 15%;
	text-align: center;
}
.iabt-ul{
	width: 102%;
	font-size: 0;
	margin-top: 110px;
	overflow: hidden;
}
.iabt-li{
	display: block;
	width:17%;
	float: left;
	margin-right: 2%;
	height: 360px;
	position: relative;
	background: #000;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.iabt-li .imgBj{
	opacity: .8;
}
.iabt-b{
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 10%;
	z-index: 2;
	color: #fff;
}
.iabt-c{
	color: #fff;
	padding: 45px 50px;
	z-index: 3;
	opacity: 0;
}
.iabt-c2{
	margin-top: 5px;
	margin-bottom: 15px;
	opacity: .5;
}
.iabt-c4{
	position: absolute;
	right: 40px;
	bottom: 10%;
}
@media(min-width:751px){
	.iabt-li.on{
		width: 41%;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.iabt-li.on .iabt-b{
		opacity: 0;
	}
	.iabt-li.on .iabt-c{
		opacity: 1;
	transition: all .5s .5s;
	-webkit-transition: all .5s .5s;  
	}
}

@media(max-width:1600px){
	.iabt{
		padding: 80px 0;
	}
	.iabt-txt{
		padding: 0 5%;
	}
	.iabt-ul{
		margin-top: 40px;
	}
}
@media(max-width:1200px){
	.iabt-c{
		padding: 30px;
	}
	.iabt-li{
		height: 300px;
	}
}
@media(max-width:750px){
	.iabt{
		padding: .8rem 0;
	}
	.iabt-txt{
		padding: 0;
		margin-top: .4rem;
	}
	.iabt-ul{
		width: 100%;
		margin-top: .6rem;
	}
	.iabt-li{
		width: 100%;
		margin: 0;
		margin-bottom: .3rem;
		height: auto;
	}
	.iabt-b{
		display: none;
	}
	.iabt-c{
		display: block;
		opacity: 1;
		position: relative;
		padding: .4rem;
		padding-bottom: 1.2rem;
	}
	.iabt-c3{
		min-height: 2rem;
	}
	.iabt-c4{
		right: .4rem;
		border-bottom: .4rem;
	}
	.iabt-c4 img{
		height: .6rem;
	}
}

.inws{
	padding: 100px 0;
}
.inws-ul{
	width: 103.8%;
	font-size: 0;
	margin-top: 80px;
}
.inws-li{
	display: inline-block;
	vertical-align: top;
	width: 29.533%;
	margin-right: 3.8%;
	margin-bottom: 3.8%;
}
.inws-b{
	color: #666;
	margin-top: 20px;
}
.inws-c{
	color: #333;
	font-size: 24px;
	line-height: 30px;
	height: 60px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inws-d {
	margin-top: 40px;
	color: #004ea2;
}
.inws-d img{
	position: relative;
	top: -2px;
}

@media(max-width:1600px){
	.inws-c{
		font-size: 20px;
		line-height: 26px;
		height: 52px;
	}
	.inws{
		padding: 80px 0;
	}
	.inws-ul{
		margin-top: 40px;
	}
	.inws-d{
		margin-top: 20px;
	}
}
@media(max-width:1200px){
	.inws-ul{
		width: 102%;
	}
	.inws-li{
		width: 31.333%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.inws-c{
		font-size: 18px;
		line-height: 25px;
		height: 50px;
	}
}
@media(max-width:750px){
	.inws{
		padding: .8rem 0;
	}
	.inws-ul{
		width: 100%;
		margin-top: .6rem;
	}
	.inws-li{
		width: 100%;
		margin-right:0;
		margin-bottom: .4rem;
	}
	.inws-c{
		font-size: .28rem;
		font-weight: bold;
		line-height: .45rem;
		height: auto;
		max-height: .9rem;
		margin-top: .1rem;
	}
	
	.inws-b{
		margin-top: .15rem;
	}
	
	.inws-d{
		margin-top: .25rem;
	}
}


.sf-img{
	width: 100%;
	font-size: 0;
	overflow: hidden;
}
.sf-img img{
	width: 100%;
}
.sf-div{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
.sf-div.fixed .sf-pos{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
}
.sf-pos div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: no-repeat center;
	background-size: cover;
}
.sf-pos .img2{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}


.protk-bj{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 29;
	background: rgba(0,0,0,.6);
	display: none;
}
.protk{
	width: 92%;
	max-width: 1020px;
	background: #f8f8f8;
	padding: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.protk-a{
	font-size: 30px;
	color: #222;
}
.protk-fm{
	margin-top: 40px;
}
.protk-fm .contact-i{
	margin-top: 20px;
}
.protk-b{
	position: absolute;
	top: 50px;
	right: 60px;
	z-index: 2;
	cursor: pointer;
}
.protk-fm .contact-g1{
	padding-top: 5px;
}

@media(max-width:1600px){
	.protk{
		padding: 40px;
	}
	.protk-a{
		font-size: 24px;
	}
	.protk-fm{
		margin-top: 25px;
	}
	.protk-fm .contact-i{
		margin-top: 0;
	}
	.protk-b{
		top: 40px;
		right: 40px;
	}
}

@media(max-width:750px){
	.protk{
		padding: .6rem .4rem;
	}
	.protk-a{
		font-size: .4rem;
		font-weight: bold;
	}
	.protk-b{
		top: .6rem;
		right: .4rem;
		width: .6rem;
	}
}



.searchs{
	padding-top: 100px;
	padding-bottom: 100px;
}
.searchs-a{
	margin-top: 0;
	overflow: hidden;
}
.searchs-a form{
	width: 600px;
	float: left;
	position: relative;
}
.searchs-a form .int1 {
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 70px;
    border: 0px;
    background: #fff;
    border-radius: 10px;
}
.searchs-a form .sub1 {
    width: 50px;
    height: 60px;
    background: url(../img/ss02.png) no-repeat center;
    border: 0px;
    position: absolute;
    top: 0;
    right: 10px;
}
.searchs-b{
	font-size: 24px;
	line-height: 1.2;
	margin-top: 20px;
	color: #666;
}

.searchs-nav{
	font-size: 0;
	margin-top: 50px;
}
.searchs-nav a{
	display: inline-block;
	font-size:24px;
	margin-right: 40px;
}
.searchs-nav a:hover,
.searchs-nav a.on{
	color: #1e5189;
}

.searchs-c1{
	margin-top: 20px;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
.searchs-c1 a{
	background: #fff;
	padding: 0 40px;
	display: block;
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	border-radius: 10px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.searchs-c1 a:after{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #ddd;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -4px;
}
.searchs-c1 a:hover{
	box-shadow:3px 3px 8px #999;
}
.searchs-c1 a>div{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 5px;
	color: #666;
}
.searchs-c1 a>p{
	
	font-size: 24px;
	line-height: 30px;
	color: #333;
}
.searchs-mr{
	margin-top: 30px;
	text-align: center;
}

@media(max-width:750px){
	.searchs{
		padding-top: 1rem;
		padding-bottom: .7rem;
	}
	.searchs-a form .int1{
		height: 1rem;
		line-height: 1rem;
		font-size: .28rem;
		padding-left: .3rem;
		padding-right: 1.5rem;
	}
	.searchs-a form .sub1{
		height: 1rem;
		right: 0;
	}
	.searchs-a form{
		width: 100%;
	}
	.searchs-b{
		font-size: .32rem;
		margin-top: .3rem;
	}
	.searchs-nav{
		margin-top: .6rem;
	}
	.searchs-nav a{
		font-size: .3rem;
		margin-right: .3rem;
		font-weight: bold;
		margin-bottom: .2rem;
	}
	.searchs-c1{
		margin-top:.1rem;
		padding: .5rem 0;
		margin-bottom: 0;
	}
	.searchs-c1 a{
		padding:0 .3rem;
		padding-left: .5rem;
		font-size: .26rem;
		line-height: .9rem;
		border-radius: .1rem;
		height: .9rem;
		margin-bottom: .15rem;
	}
	.searchs-c1 a:after{
		width: .1rem;
		height: .1rem;
		left: .2rem;
		margin-top: -.05rem;
	}
	.searchs-c1 a>div{
		
	}
	
	.searchs-mr{
		margin-top: .1rem;
	}
}