/* CSS Document */


body{
	overflow: hidden;
}

.header .logo-img-main{
	display: none!important;
}


.index{width:100%;overflow:hidden;}
.index .swiper-container{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide img{display:block;
	transform:scale(1.15);
	-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
	vertical-align:middle;transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.index .swiper-slide-active img{
	transform: scale(1)!important;
	-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
	
}

.index .swiper-button-next{
	background: url(../images/ar-right3.png) no-repeat;
	width: 45px;
	height: 44px;
	top: 50%;
	right: 1%;
	opacity: 0;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.index:hover .swiper-button-next,.index:hover .swiper-button-prev{
	opacity: 1;
}

.index .swiper-button-prev{
	background: url(../images/ar-left3.png) no-repeat;
	width: 45px;
	height: 44px;
	top: 50%;
	left: 1%;
	opacity: 0;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.index .swiper-pagination-bullet{
	width: 6rem;
	height: 8px;
	margin: 0 8px!important;
	border-radius: 50px;
}









.about{
	position: relative;
	padding: 8% 0;
	background: url(../images/about.jpg) no-repeat left center;
	background-attachment: fixed;
}

.aboutw{
	width: 80%;
	margin: 0 auto;
	height: auto
}

.aboutl{
	float: left;
	width: 43%;
	height: 100%;
}

.aboutl h2{
	font-size: 28px;
	margin-bottom: 3rem;
	color: #1677b4;
}

.aboutl p{
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

@media (max-width:1500px){
	.aboutl{
		width: 50%;
	}
}

.aboutr{
	float: right;
	width: 45%;
	height: 100%;
}

.aboutr iframe{
	width: 100%;
	height: 400px;
	border: 2px solid #a2a1a0;
	border-radius: 5px;
	box-shadow: 20px 20px 3px #1677b4;
}

.aboutr img{
	box-shadow: 20px 20px 3px #1677b4;
}

.common_btn{display: inline-block;height: 45px;line-height: 45px;padding: 0 45px;border-radius: 40px;border: 1px solid #d5d5d5;cursor: pointer;margin-top: 3rem;font-size: 14px;color: #1677b4;z-index: 55;}
.common_hover{position: relative;overflow: hidden;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.common_hover:hover{color: #fff;border: 1px solid #1677b4;}
.common_hover:after{content: ""; position: absolute;right: 120%;top: 0;background: #1677b4;width: 140%;height: 100%;-webkit-transform: skew(-45deg);-moz-transform: skew(-45deg);-o-transform: skew(-45deg);-ms-transform: skew(-45deg);transform: skew(-45deg);z-index: -1;}
.common_hover:hover:after,.common_hover:hover:before{right: -24px; transition:right 0.3s ease-out;-webkit-transition:right 0.3s ease-out;-o-transition:right 0.3s ease-out;-moz-transition:right 0.3s ease-out;-ms-transition:right 0.3s ease-out;}


















.pro{
	background: url(../images/pro.jpg);
	background-attachment: fixed;
	height: 100vh;
	position: relative;
}

.prow{
	height: 70%;
	width: 80%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding: 3% 1% 0;
}


.pro h2{
	font-size: 28px;
	text-align: center;
	margin-bottom: 3rem;
	color: #1677b4;
}

.proimg{
	overflow: hidden;
	border: 1px solid #ccc;
}

.proimg img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.proimg:hover img{
	transform:scale(1.15);
	-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
}

.pro p{
	font-size: 14px;
	padding: 14px 0;
	color: #333;
	text-align: center;
}

.procon{
	position: relative;
	padding-bottom: 6rem;
}

.proa{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
	margin-top: 10px;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
}

.procon .swiper-button-prev{
	bottom: 0px;
	background: url(../images/left2.png) no-repeat;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	left: 42%;
	margin-left: -60px;
}


.procon .swiper-button-next{
	bottom: 0px;
	background: url(../images/right2.png) no-repeat;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	right: 42%;
	margin-right: -60px;
}

@media (max-width:1500px){
	.prow{
		height: 80%;
		padding-top: 5%;
	}
}












.fl{
	float: left;
}
.fr{
	float: right;
}
.news{
	padding:0 0 5% 0;
	background: #fff;
}

.lanren .box { width: 100%; height: 300px; border-bottom: 1px solid #e7e7e7; position: relative;overflow: hidden; background: #fff;}
.lanren .content { position: absolute; z-index: 2; background-color: #1677b4; width: 100%; height: 100%; line-height: 100px; left: -100%; top: -100%; text-align: center; color: #fff; font-size: 40px; }
.lanren .content.trans { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; backface-visibility: hidden; }

.neirong{
	z-index: 3;
	width: 100%;
	padding: 82px 9%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}

.time{
	width: 15%;
	padding-left: 5%;
	vertical-align: middle;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}

.neirong_c{
	width: 73%;
	overflow: hidden;
}

.neirong_c .nr_t{
	float: left;	
	width: 74%;
	padding: 18px 0 18px 4%;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}
.neirong_c .nr_p{
	width: 20%;
	height:160px;
	float: left;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
	overflow: hidden;
}

.neirong_c img{
	width: 100%;
}

.neirong:hover h5,.neirong:hover h4,.neirong:hover p{
	color: #fff;
}

.nr_hide{
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}

.neirong h5{
	color: #3b3b3b;
	font-size: 24px;
	margin-top: 18px;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
	margin-bottom: 20px;
}



.neirong h4{
	color: #1677b4;;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
	font-size: 18px;
}

.neirong p{
	color: #333;
	font-size: 14px;
	line-height: 28px;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}

.time p{
	font-size: 18px;color: #1677b4;
}

.neirong_c p{
	margin-top: 25px;
	transition: .5s;
	-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}


@media (max-width:1500px){
	.lanren .box{
		height: 230px;
	}
	.neirong{
		padding: 52px 9%;
	}
	.neirong_c .nr_t{
		padding-top: 0;
	}
}
















.morel{
	float: left;
	width: 50%;
	position: relative;
	padding-top: 20px;
	
}

.morer{
	float: right;
	width: 50%;
	position: relative;
	padding-bottom: 20px;
}

.mimg{
	overflow: hidden;
}

.morecon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	width: 80%;
}

.morecon h2{
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}

.morecon p{
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.morea{
	margin-top: 30px;
	text-align: center;
}

.morea a{
	border: 1px solid #1677b4;
	background: #1677b4;
	color: #fff;
padding: 10px 50px;
	text-align: center;
border-radius: 50px;
}

.more img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.morel:hover img,.morer:hover img{
	transform:scale(1.15);
	-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
}

.morea:before{ content: ""; display: block; width: 70%; height: 20px; transition:ease 1s;-moz-transition:ease 1s;
-ms-transition:ease 1s;
-webkit-transition:ease 1s;
-o-transition:ease 1s;}

.morel:before{ background: #1677b4; position: absolute; right: 0; top: 0px;}
.morer:before{ background: #1677b4; position: absolute; left: 0; bottom: 0px;}

.morel:hover:before,.morer:hover:before{ width: 100%;}