@charset "utf-8";
.common-pc-nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding: 0 44px;
	z-index: 11;
	text-align: right;
	padding-top: 27px
}
.common-pc-nav.innermode{
	position: relative;
}
.common-pc-nav .logo-area{
	float: left;
}
.common-pc-nav .pc-nav-wrap{
	display: inline-block
}
.common-pc-nav .pc-nav-wrap .pc-nav-content{
	display: inline-block;
	position: relative
}
.common-pc-nav .pc-nav-wrap .pc-nav-content > a{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
	padding: 0 14px;
	margin: 0 15px;
	height: 34px;
	line-height: 30px;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content > a i{
	font-size: 1rem;
	margin-left: 0.5rem;
	position: relative;
	top: -1px
}
.common-pc-nav .pc-nav-wrap .pc-nav-content.active > a,.common-pc-nav .pc-nav-wrap .pc-nav-content:hover > a{
	color: #ff4838;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .nav-dropdown{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0,0,0,.6);
	color: #333;
	line-height: 40px;
	padding: 0 2.5rem;
	transition: all linear 0.2s;
	opacity: 0;
	pointer-events: none;
	text-align: center;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content:hover .nav-dropdown{
	opacity: 1;
	pointer-events: auto;
	top: 90%
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .nav-dropdown a{
	color: #fff;
	white-space: nowrap;
	display: block
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .nav-dropdown a:hover{
	color: #ff4838
}
.common-pc-nav .pc-nav-wrap > a{
	display: inline-block;
	margin-left: 0.5rem
}
.swiper-container-index1 .swiper-button-prev-index1,.swiper-container-index1 .swiper-button-next-index1{
	width: auto;
	background: none;
	height: auto;
	margin-top: -11px;
	outline: none;
	background-size: 100%
}
.swiper-container-index1 .swiper-button-prev-index1{
	left: 60px
}
.swiper-container-index1 .swiper-button-next-index1{
	right: 60px
}
.common-padding1{
	padding-top: 8rem;
	padding-bottom: 8rem
}
.common-padding2{
	padding-top: 4rem;
	padding-bottom: 4rem
}
.common-padding3{
	padding-top: 6rem;
	padding-bottom: 6rem
}
.model1-wrap .left-area{
	float: left;
	width: 55%;
}
.model1-wrap .left-area h3{
	font-size: 2.5rem;
	line-height: 2.7rem
}
.model1-wrap .left-area h3 font{
	color: #ff4838
}
.model1-wrap .left-area h4{
	font-size: 1.66rem;
	line-height: 2.33rem;
	margin-top: 1.1rem
}
.model1-wrap .left-area i{
	display: block;
	width: 4.16rem;
	height: 4px;
	background: #ff4838;
	margin-top: 1.1rem
}
.model1-wrap .left-area p{
	font-size: 1.5rem;
	line-height: 2.33rem;
	color: #666;
	margin-top: 3rem
}
.model1-wrap .left-area a{
	display: inline-block;
	margin-top: 2.4rem;
}
.model1-wrap .right-area{
	width: 500px;
	height: 330px;
	float: right;
	margin-right: 10px;
	box-shadow: 10px 10px 0 #ff4838
}
.model1-wrap .right-area .swiper-container-index2 img{
	display: block;
	width: 500px;
	height: 330px;
}
.common-pagination-style{
	text-align: left;
	bottom: 1.2rem;
	padding: 0 1.5rem;
	display: inline-block
}
.swiper-container .common-pagination-style .swiper-pagination-bullet{
	opacity: 1;
	outline: none;
	background: #2e4b94;
	width: 10px;
	height: 10px;
	margin: 0 0.4rem
}
.swiper-container .common-pagination-style .swiper-pagination-bullet-active{
	background: #ff4838
}
.common-title1{
	text-align: center;
	padding-bottom: 3rem;
}
.common-title1 h3{
	font-size: 2.5rem;
	line-height: 2.7rem;
	color: #ff4838
}
.common-title1 h4{
	font-size: 1.33rem;
	line-height: 1.5rem;
	margin: 1.7rem auto;
	color: #999
}
.common-title1 i{
	display: block;
	width: 4.16rem;
	height: 4px;
	margin: auto;
	background: #ff4838
}
.common-title2{
	text-align: center;
	padding-bottom: 3rem;
}
.common-title2 h3{
	font-size: 3rem;
	line-height: 4.2rem;
	color: #e4c58b
}
.common-title2 h4{
	font-size: 1.33rem;
	line-height: 1.5rem;
	margin: 1.7rem auto;
	color: #fff
}
.common-title2 i{
	display: block;
	width: 4.16rem;
	height: 4px;
	margin: auto;
	background: #e4c58b
}
.model2-wrap{
	font-size: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.model2-wrap .model2-content{
	width: 20%;
	text-align: center;
	height: 504px;
	background: #2e4b94;
	position: relative
}
.model2-wrap .img-area{
	height: 252px;
	width: 100%
}
.model2-wrap .img-area img{
	display: block;
	width: 100%;
	height: 100%
}
.model2-wrap .text-area{
	padding-top: 4.7rem;
	position: relative;
	transition: all linear 0.2s;
	height: 252px;
	width: 100%;
	display: inline-block;
}
.model2-wrap .text-area:first-of-type{
	display: none
}
.model2-wrap .model2-content:nth-of-type(2n) .text-area:first-of-type{
	display: inline-block;
}
.model2-wrap .model2-content:nth-of-type(2n) .text-area:last-of-type{
	display: none
}
.model2-wrap .text-area:hover{
	background: #18274e
}
.model2-wrap .text-area img{
	display: inline-block;
	max-width: 4.15rem
}
.model2-wrap .text-area h3{
	font-size: 2.2rem;
	line-height: 2.4rem;
	color: #e4c58b;
	margin: 4.5rem auto 0;
	max-width: 55%;
}
.model2-wrap .text-area .text-border{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border: 1px solid transparent;
	opacity: 0;
	transition: all linear 0.2s;
}
.model2-wrap .text-area:hover .text-border{
	width: 93%;
	height: 93%;
	opacity: 1;
	border-color: #e4c58b
}
.index-model3{
	background:#bdc7cc url(../images/img-indexbg1.jpg) no-repeat center top;
	background-attachment: fixed
}
.swiper-pagination-index3{
	text-align: center;
	position: relative;
	bottom: auto;
	margin-bottom: 1.5rem
}
.swiper-pagination-index3 .swiper-pagination-bullet{
	display: inline-block;
	white-space: nowrap;
	width: auto;
	height: auto;
	background: none;
	outline: none;
	font-size: 1.66rem;
	color: #e4c68b;
	opacity: 1;
	margin: 0 1.66rem;
	transition: all linear 0.2s
}
.swiper-pagination-index3 .swiper-pagination-bullet-active{
	color: #ff4838
}
.swiper-container-index3 a{
	display: block;
	position: relative;
	overflow: hidden;
}
.swiper-container-index3 a .bg-img{
	width: 100%;
	display: block
}
.swiper-container-index3 a .info-img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-80px,-50%);
	max-height: 100%;
	max-width: 100%;
	opacity: 0;
	transition: all linear 1s
}
.swiper-container-index3 .swiper-slide-active a .info-img{
	transform: translate(0, -50%);
	opacity: 1
}
.index-model4{
	background: #ff4838
}
.swiper-container-index4 a{
	display: block;
	background: #fff;
	height: 10rem;
	line-height: 10rem;
	text-align: center;
	border-right: 1px solid #ddd
}
.swiper-container-index4 a img{
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
	max-height: 90%
}
.model4-btn{
	text-align: center;
}
.model4-btn > div{
	position: relative;
	padding-top: 3rem;
	top: auto;
	left: auto;
	right: auto;
	display: inline-block;
	width: auto;
	height: auto;
	outline: none;
	background: none;
	margin: 0 1rem
}
.model4-btn > div.swiper-button-disabled{
	display: none
}
.model5-wrap{
	display: flex;
	justify-content: space-between;
}
.news-content-wrap{
	width: 30%;
	display: block;
}
.news-content-wrap .img-area{
	overflow: hidden;
}
.news-content-wrap .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.news-content-wrap:hover .img-area img{
	transform: scale(1.1)
}
.news-content-wrap h3{
	font-size: 1.66rem;
	line-height: 2rem;
	margin: 1.5rem auto;
	height: 4rem;
	text-align: center;
	overflow: hidden;
	color: #000;
	transition: all linear 0.2s
}
.news-content-wrap:hover h3{
	color: #ff4838
}
.news-content-wrap p{
	font-size: 1.33rem;
	line-height: 1.6rem;
	max-height: 4.8rem;
	overflow: hidden;
	color: #999
}
.btn-common-more{
	padding-top: 3rem;
	text-align: center
}
.btn-common-more a{
	display: inline-block
}
.common-footer{
	padding-top: 6.5rem;
	background: #2e4b94 url(../images/img-footerbg.jpg) repeat-x center bottom;
}
.common-footer .logo-area{
	text-align: center;
	padding-bottom: 4.8rem;
	border-bottom: 3px solid #586fa9;
}
.common-footer .logo-area a{
	display: inline-block;
	max-width: 60%;
}
.footer-nav-wrap{
	display: flex;
	justify-content: space-between;
	padding: 3rem 0 4rem;
	border-bottom: 1px solid #586fa9
}
.footer-nav-wrap .nav-content a{
	display: block;
	color: #fff;
	font-size: 1.33rem;
	line-height: 2.66rem;
}
.footer-nav-wrap .nav-content a:first-of-type{
	font-weight: bold;
	color: #e4c68b;
	margin-bottom: 0.8rem
}
.footer-copy{
	padding: 0.8rem 0 1.33rem;
}
.footer-copy a{
	color: #fff;
	font-size: 1rem;
	margin-right: 2.6rem;
}
.footer-copy a img{
	position: relative;
	top: -1px;
	height: 1.2rem;
	margin-right: 0.5rem
}
.footer-copy a:last-of-type{
	float: right;
	margin: auto
}
.inner-banner-wrap img{
	display: block;
	width: 100%
}
.inner-nav-wrap{
	display: flex;
	justify-content: space-between;
	height: 8.3rem;
	line-height: 8.3rem;
}
.inner-nav-wrap a{
	display: block;
	flex: 1;
	background: #2c4b92;
	border-right: 1px solid #18274e;
	font-size: 0;
	text-align: center;
}
.inner-nav-wrap a:last-of-type{
	border: none
}
.inner-nav-wrap a.active,.inner-nav-wrap a:hover{
	background: #18274e
}
.inner-nav-wrap a img,.inner-nav-wrap a span{
	display: inline-block;
	vertical-align: middle
}
.inner-nav-wrap a span{
	color: #e4c58b;
	font-size: 1.6rem;
	margin-left: 0.8rem
}

.inner-edit-wrap img,.inner-edit-wrap video,.inner-edit-wrap iframe{
	max-width: 100%;
	border: none;
	outline: none;
}
.inner-video-wrap{
	background: #2e3e42 url(../images/img-videobg.jpg) no-repeat center;
}
.inner-video-wrap video{
	display: block;
	width: 100%;
	border: none;
	outline: none
}
.inner-edit-wrap.mode2{
	background: #fff;
	padding: 4rem;
}
.joinus-wrap{
	background: url(../images/img-joinusbg.jpg) no-repeat center;
	background-size: 100% 100%
}
.joinus-wrap h3{
	font-size: 2.5rem;
	color: #e4c58b;
	margin-bottom: 1rem;
	position: relative;
}
.joinus-wrap h3 a{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 6rem;
	color: #fff;
}
.joinus-wrap h4 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #fff;
	margin-right: 2rem
}
.road-info{
	background: #8aacb6
}
.road-info-content{
	color: #fff;
	font-size: 1.66rem;
	line-height: 2.66rem;
}
.road-list-wrap::after{
	clear: both;
	display: block;
	content: ""
}
.road-list-wrap:nth-of-type(2n){
	background: #f4f4f4
}
.road-list-wrap .edit-area{
	float: left;
	width: 54.76%
}
.road-list-wrap:nth-of-type(2n) .edit-area{
	float: right
}
.road-list-wrap .img-area{
	float: right;
	width: 39.84%
}
.road-list-wrap:nth-of-type(2n) .img-area{
	float: left
}
.news-list-first::after{
	clear: both;
	display: block;
	content: ""
}
.news-list-first{
	display: block;
}
.news-list-first .img-area{
	float: left;
	width: 30%;
	overflow: hidden
}
.news-list-first .img-area img{
	display: block;
	width: 100%;
	transition: all linear 0.2s
}
.news-list-first:hover .img-area img{
	transform: scale(1.1)
}
.news-list-first .text-area{
	float: right;
	width: 66.2%;
}
.news-list-first .text-area i{
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1rem;
	background: #ff4838;
	font-size: 1.5rem;
	color: #fff;
}
.news-list-first .text-area h3{
	font-size: 2.5rem;
	color: #000;
	line-height: 3rem;
	max-height: 6rem;
	overflow: hidden;
	margin-top: 1.2rem;
	transition: all linear 0.2s
}
.news-list-first:hover .text-area h3{
	color: #ff4838
}
.news-list-first .text-area p{
	font-size: 1.33rem;
	color: #777;
	line-height: 2.1rem;
	max-height: 6.3rem;
	overflow: hidden;
	margin-top: 2rem
}
.news-list-wrap{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap
}
.news-list-wrap .news-content-wrap{
	margin-right: 5%;
	margin-bottom: 4rem
}
.news-list-wrap .news-content-wrap:nth-of-type(3n){
	margin-right: 0
}
.news-more-area input{
	display: block;
	width: 100%;
	height: 6.66rem;
	border: none;
	background: #fff url(../images/icon-more.png) no-repeat center;
	transition: all linear 0.2s
}
.news-more-area input:hover{
	box-shadow: 0 0 1rem rgba(0,0,0,.2)
}
.news-more-area .news-more-tip{
	text-align: center;
	color: #666;
	line-height: 3rem;
	font-size: 1.33rem;
	display: none
}
.news-detail-title{
	text-align: center;
}
.news-detail-title h1{
	font-size: 3.33rem;
	line-height: 4rem;
	color: #ff4838
}
.news-detail-title i{
	display: block;
	margin: 1.6rem auto;
	width: 4.16rem;
	height: 4px;
	background: #ff4838
}
.news-detail-title h4{
	font-size: 1.5rem;
	color: #666;
}
.news-detail-pages{
	padding-top: 3rem;
}
.news-detail-pages a{
	display: block;
	background: #fff;
	height: 6.66rem;
	line-height: 6.66rem;
	padding: 0 2.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.66rem;
	color: #000;
	margin-top: 0.8rem
}
.news-detail-pages a:hover{
	box-shadow: 0 0 1rem rgba(0,0,0,.2)
}
.contact-wrap{
	background: #f4f4f4
}
.contact-left,.contact-right{
	float: left;
	width: 50%;
}
.contact-left{
	padding: 8.3rem 0 3rem 17%
}
.contact-left h3{
	font-size: 2.5rem;
	line-height: 2.8rem
}
.contact-left h4{
	font-size: 1.5rem;
	color: #333;
	margin-top: 4.5rem
}
.contact-left img{
	display: inline-block;
	margin-top: 4.5rem
}
.contact-right{
	background: #e6e6e6;
	padding: 5rem 0 4rem 2.5%
}
.banner-num-wrap{
	position: absolute;
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 1170px;
	z-index: 12;
	pointer-events: none
}
.banner-num{
	width: 12%
}
.banner-num b{
	color: rgb(228,198,138);
	font-size: 6rem;
	line-height: 6.2rem
}
.banner-num h3{
	color: rgb(228,198,138);
	font-size: 1.33rem;
	line-height: 1.8rem;
	white-space: nowrap;
	margin-bottom: 0.8rem
}
.banner-num i{
	display: block;
	width: 100%;
	height: 3rem;
	background: rgb(228,198,138);
}
.banner-num:nth-of-type(2) i{
	height: 4rem
}
.banner-num:nth-of-type(3) i{
	height: 5rem
}
.banner-num:nth-of-type(4) i{
	height: 6rem
}
@media (max-width:1300px) {
	.swiper-container-index1 .swiper-button-prev-index1{
		left: 4vw;
		width: 6vw
	}
	.swiper-container-index1 .swiper-button-next-index1{
		right: 4vw;
		width: 6vw
	}
	.common-padding1,.common-padding2,.common-padding3{
		padding-top: 2.5rem;
		padding-bottom: 2.5rem !important
	}
	.model1-wrap .left-area{
		float: none;
		width: 100%
	}
	.model1-wrap .left-area p{
		margin-top: 1rem;
		line-height: 2rem
	}
	.model1-wrap .left-area a{
		margin:1rem auto
	}
	.model1-wrap .right-area,.model1-wrap .right-area .swiper-container-index2 img{
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		box-shadow: none
	}
	.common-title1{
		padding-bottom: 2rem
	}
	.common-title1 h3{
		font-size: 5vw;
		line-height: 6vw;
	}
	.common-title1 h4{
		margin: 0.7rem auto
	}
	.common-title1 i{
		height: 3px
	}
	.model2-wrap{
		flex-wrap: wrap;
	}
	.model2-wrap .model2-content{
		width: 100%;
		height: 43vw
	}
	.model2-wrap .img-area,.model2-wrap .text-area{
		width: 50%;
		height: 43vw;
		display: inline-block;
		vertical-align: top;
	}
	.model2-wrap .text-area{
		padding-top: 9vw
	}
	.model2-wrap .text-area h3{
		margin-top: 4vw;
		max-width: 80%;
		font-size: 4vw;
	}
	.index-model3 .common-title1 h4{
		color: #fff
	}
	.common-title2{
		padding-bottom: 2rem
	}
	.common-title2 h3{
		font-size: 3rem;
		line-height: 3.2rem
	}
	.common-title2 h4{
		margin: 0.7rem auto
	}
	.swiper-container-index4 a{
		height: 7rem;
		line-height: 7rem;
	}
	.model4-btn > div{
		width: 6vw;
		padding-top: 1rem;
		margin: 0 0.3rem
	}
	.model4-btn > div.swiper-button-disabled{
		display: inline-block;
	}
	.news-content-wrap h3{
		max-height: 2rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 1rem auto
	}
	.news-content-wrap p{
		max-height: 3.2rem
	}
	.btn-common-more{
		padding-top: 1.3rem
	}
	.footer-nav-wrap{
		display: none
	}
	.common-footer{
		padding-top: 2.5rem;
		padding-bottom: 18vw
	}
	.common-footer .logo-area{
		padding-bottom: 2rem
	}
	.footer-copy a{
		display: block;
		margin: 0 auto;
		line-height: 1.8rem;
		text-align: center;
	}
	.footer-copy a:last-of-type{
		float: none
	}
	.inner-nav-wrap{
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		height: 3.6rem;
		line-height: 3.6rem;
		font-size: 0;
		background: #2c4b92
	}
	.inner-nav-wrap a{
		display: inline-block;
		padding: 0 4vw;
	}
	.inner-nav-wrap a img{
		height: 2rem
	}
	.inner-nav-wrap a span{
		font-size: 1.33rem
	}
	.inner-edit-wrap.mode2{
		padding: 1rem;
	}
	.joinus-wrap{
		background-size: auto 100%
	}
	.joinus-wrap h4 span{
		display: block;
		margin: 0;
		font-size: 2rem
	}
	.road-info-content{
		font-size: 1.5rem;
		line-height: 2rem
	}
	.road-list-wrap .edit-area{
		float: none;
		width: 100%
	}
	.road-list-wrap .img-area{
		float: none;
		width: 100%;
		margin-top: 1rem
	}
	.news-list-first .img-area,.news-list-first .text-area{
		float: none;
		width: 100%
	}
	.news-list-first .text-area{
		margin-top: 1rem
	}
	.news-list-first .text-area h3{
		margin-top: 1rem;
		font-size: 2rem;
		line-height: 2.5rem;
		max-height: 5rem
	}
	.news-list-first .text-area p{
		margin-top: 1rem
	}
	.news-list-wrap{
		justify-content: space-between
	}
	.news-list-wrap .news-content-wrap{
		width: 47.5%;
		margin: 0 0 1rem
	}
	.news-more-area input{
		height: 3.5rem;
		background-size: 2rem
	}
	.news-detail-title h1{
		font-size: 2.33rem;
		line-height: 2.8rem
	}
	.news-detail-pages a{
		height: 3.33rem;
		line-height: 3.33rem;
		font-size: 1.33rem;
		padding: 0 1rem
	}
	.contact-left,.contact-right{
		float: none;
		width: 100%;
		padding: 1rem
	}
	.contact-left h4{
		margin-top: 1.5rem
	}
	.contact-left img{
		margin-top: 1.5rem;
		width: 35vw
	}
	.joinus-wrap h3{
		font-size: 2rem;
	}
	.joinus-wrap h3 a{
		display: block;
		position: relative;
		top: auto;
		right: auto;
		transform: translateY(0);
		font-size: 2.5rem;
		margin-top: 1rem;
	}
	.swiper-pagination-index3{
		text-align: left;
	}
	.banner-num-wrap{
		display: none
	}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.inner-nav-wrap a span{	
		font-size: 1rem;
	}
	.contact-left{
		padding: 6.3rem 0 3rem 8%;
	  }
}