.header{
	box-shadow: 0 5px 15px rgba(0 0 0 /10%);
}
.header .container{
	display: flex;
	align-items: center;
	height: 2.2rem;
}
.nav{
	flex: 1;
	display: flex;
	justify-content: flex-end;
	padding-right: 1rem;
	z-index: 999;
}
.nav li{
	position: relative;
	z-index: 999;
}
.nav li .drop-menu{
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	background-color: #C8211B;
}
.nav li .drop-menu>a{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0.2rem 0;
	color: #fff;
	font-size: 0.26rem;
	border-top: 1px solid rgba(255,255,255,.3);
}
.nav li:hover{
	background-color: #C8211B;
}
.nav li:hover .drop-menu{
	display: flex;
}
.nav li:hover a{
	color: #fff;
}
.nav li .drop-menu>a:hover{
	background-color: #9a1914;
}
.nav li>a{
	display: inline-block;
	line-height: 1rem;
	padding: 0 0.4rem;
	font-size: 0.32rem;
}
.header-search form{
	position: relative;
	padding: 0 0.4rem;
}
.header-search form input{
	font-size: 0.28rem;
	padding: 0 5px;
	border: none;
	line-height: 2;
	border-bottom: 1px solid #aaa;
}
.header-search form button{
	position: absolute;
	right: .45rem;
	top: 0;
}



.index-title{
	padding-top: 1.4rem;
	padding-bottom: 1rem;
	text-align: center;
}
.index-title .title{
	position: relative;
	font-size: 0.72rem;
}
.index-title .title::before{
	content: '';
	position: absolute;
	display: block;
	width: 2.4rem;
	height: 1px;
	left: 50%;
	bottom: -0.4rem;
	margin-left: -1.2rem;
	background-color: #c8211b;
}
.index-title .title::after{
	content: '';
	position: absolute;
	display: block;
	width: 1rem;
	height: 3px;
	left: 50%;
	bottom: -0.42rem;
	margin-left: -0.5rem;
	background-color: #c8211b;
	z-index: 9;
}
.index-title .description{
	margin-top: 0.8rem;
	font-size: 0.32rem;
	color: rgba(0,0,0,.7);
	letter-spacing: 1px;
}
.adv-item{
	flex: 1;
	margin: 0.6rem;
	background-color: #f5f5f5;
	padding: 0.5rem;
	text-align: center;
}
.adv-item .iconfont{
	display: inline-block;
	font-size: 1rem;
	color: #C8211B;
}
.adv-item .title{
	font-size: 0.42rem;
}
.adv-item .sub-title{
	position: relative;
	margin-top: 0.2rem;
	font-family: arial;
	font-size: 0.28rem;
}
.adv-item .sub-title::after{
	content: '';
	position: absolute;
	width: 1.2rem;
	margin-left: -.6rem;
	height: 1px;
	background-color: #C8211B;
	left: 50%;
	bottom: -0.2rem;
}
.adv-item .description{
	margin-top: 0.4rem;
	text-align: justify;
	color: rgba(0,0,0,.6);
}

.pro-padding{
	padding: .75rem 12%;
}
.index-pro{
	display: flex;
	width: 100%;
	height: 11rem;
	background-color: #fff;
	padding: 0.3rem;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.pro-l{
	height: 100%;
	min-width: 33%;
	max-width: 100%;
}
.pro-r{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}
.pro-item{
	min-width: 50%;
	max-width: 100%;
	padding: 0.1rem;
}
.pro-item>a{
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #f5f5f5;
	overflow: hidden;
}
.pro-item>a .title{
	margin-top: 0.3rem;
	font-size: 0.4rem;
	z-index: 99;
}
.pro-item>a img{
	z-index: 99;
	max-width: 100%;
	max-height: 100%;
	transition: all .35s ease-in-out;
}
.pro-l .pro-item{
	height: 100%;
}

.pro-item>a::before{
	content: '';
	position: absolute;
	display: block;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 100%;
	transform: rotateZ(-10deg);
	background-color: #eee;
	background-image: linear-gradient(62deg, #eee 0%, #ddd 100%);
	transition: all .35s ease-in-out;
}
.pro-item>a::after{
	content: '';
	position: absolute;
	display: block;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 100%;
	transform: rotateZ(10deg);
	background-color: #eee;
	background-image: linear-gradient(62deg, #eee 0%, #ddd 100%);
	transition: all .35s ease-in-out;
}
.pro-l .pro-item>a::after{
	content: none;
}
.pro-item>a:hover::before,.pro-item>a:hover::after{
	top: -200%;
}
.pro-item>a:hover img{
	transform: translateY(-10px);
}

.list-item img{
	background-color: #fff;
	padding: 0.3rem;
	margin-bottom: 0.3rem;
	transition: all .35s ease-in-out;
}
.list-item .title{
	font-size: 0.36rem;
	text-align: center;
}
.list-item a:hover img{
	background-color: #fff;
	transform: translateY(-10px);
	box-shadow: 0 0 10px rgba(0 0 0/11%);
}
.list-item a:hover .title{
	color: #C8211B;
}
.pro-btn{
	position: relative;
	padding: 0 1.5rem;
}
.pro-prev,.pro-next{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	width: 1rem;
	margin-top: -.75rem;
	height: 1.5rem;
	font-size: 1rem;
	background-color: #fff;
	cursor: pointer;
	transition: all .35s ease-in-out;
}
.pro-prev .iconfont,.pro-next .iconfont{
	color: #eee;
}
.pro-prev:hover,.pro-next:hover{
	background-color: #C8211B;
	color: #fff;
}
.pro-prev{
	left: 0;
}
.pro-next{
	right: 0;
	transform: rotateZ(180deg);
}

.about-bg{
	padding: 1rem 0 1.25rem;
	background: url(../image/about-bg.jpg) no-repeat center fixed;
	background-color: rgba(0,0,0,.6);
}
.index-title2 .title{
	color: #fff;
}
.index-title2 .title::before,.index-title2 .title::after{
	background-color: #fff;
}
.about-text{
	max-width: 100%;
	width: 20rem;
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	margin: .5rem auto;
	line-height: 2;
	letter-spacing: 1px;
}
.about-case{
	padding-top: 2rem;
}
.about-case ul{
	display: flex;
	justify-content: center;
}
.about-case ul li{
	color: #fff;
	font-size: 0.4rem;
	line-height: 1;
	padding: 2px 0.48rem;
	border-right: 1px solid rgba(255,255,255,3);
}
.about-case ul li:last-child{
	border: none;
}
.news-item{
	padding: 0.3rem;
}
.news-item>a{
	display: block;
	padding-bottom: 0.5rem;
	transition: all .35s ease-in-out;
}
.news-item .pic{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 55%;
	overflow: hidden;
}
.news-item .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.news-item .title{
	margin-top: 0.3rem;
	padding: 0 0.3rem;
}
.news-item .date{
	margin-top: 0.2rem;
	color: #999;
	font-size: 0.3rem;
	padding: 0 0.3rem;
}
.news-item .description{
	font-size: 0.28rem;
	margin-top: 0.2rem;
	color: rgba(0,0,0,.7);
	text-align: justify;
	padding: 0 0.3rem;
}
.news-item>a:hover{
	transform: translateY(-10px);
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
.news-item>a:hover .title{
	color: #C8211B;
}
.news-more{
	margin: 1rem auto;
	text-align: center;
}
.news-more a{
	display: inline-block;
	width: 3.6rem;
	text-align: center;
	line-height: .8rem;
	border: 1px solid #ccc;
	font-size: 0.36rem;
	color: #ccc;
	transition: all .35s ease-in-out;
}
.news-more a:hover{
	color: #C8211B;
	border-color: #C8211B;
}

.footer{
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	background: url(../image/foot-bg.png) repeat-y center;
}
.foot-logo{
	padding-top: 1rem;
	flex: 1;
	text-align: center;
}
.footer .title{
	position: relative;
	color: #a6a6a6;
	font-size: 0.4rem;
	padding-bottom: 0.2rem;
	margin-bottom: 0.3rem;
	width: 7rem;
	border-bottom: 1px solid #A6A6A6;
}
.footer .title::before{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	display: inline-block;
	width: 1rem;
	height: 3px;
	background-color: #A6A6A6;
}
.foot-contact{
	flex: 1;
	padding: 0 1rem;
}
.foot-contact h4{
	color: #A6A6A6;
	margin-top: 0.3rem;
}
.foot-contact p{
	color: #A6A6A6;
	margin-top: 0.2rem;
}
.foot-ewm{
	flex: 1;
	padding: 0 1rem;
}
.foot-ewm .item{
	padding-right: .6rem;
}
.foot-ewm img{
	width: 3rem;
	margin-bottom: 0.3rem;
}
.foot-ewm p{
	text-align: center;
	color: #A6A6A6;
	font-size: 0.36rem;
}
.copyright{
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 0.3rem 0;
	font-size: 0.28rem;
}

.page-label ul{
	width: 100%;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1rem;
}
.page-label ul>li{
	padding: 0.68rem 0.48rem;
}
.page-label ul>li>a{
	display: inline-block;
	padding: 0 0.48rem;
	line-height: 0.76rem;
	background-color: #ddd;
	color: #fff;
	border-radius: 0.5rem;
}
.page-label ul>li.active>a,.page-label ul>li>a:hover{
	background-color: #C8211B!important;
}

.hot-news{
	display: flex;
	background-color: #F5F5F5;
}
.hot-news .title{
	font-size: 0.48rem;
}
.hot-news .date{
	font-size: 0.32rem;
	color: #A6A6A6;
	margin-top: 0.4rem;
	font-family: arial;
}
.hot-news .description{
	font-size: 0.32rem;
	line-height: 2;
	margin-top: 0.3rem;
	color: rgba(0,0,0,.6);
}
.hot-news .more{
	display: inline-block;
	margin-top: 0.4rem;
	color: #000;
	font-size: 0.36rem;
}
.hot-news .pic{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50%;
	overflow: hidden;
}
.hot-news .pic img{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}


.list-news>a{
	display: flex;
	padding: 0.8rem;
	margin-top: 0.6rem;
	background-color: #F5F5F5;
	align-items: center;
}
.list-news .date{
	padding-right: 0.6rem;
	text-align: right;
	border-right: 1px solid #ccc;
}
.list-news .date h3{
	font-family: arial;
	font-size: 0.68rem;
}
.list-news .date p{
	color: #999;
	margin-top: 0.3rem;
	font-size: 0.36rem;
}
.list-news .text{
	flex: 1;
	padding:0 .6rem;
	border-right: 1px solid #ccc;
}
.list-news .text .title{
	font-size: 0.4rem;
	color: #000;
}
.list-news .text .description{
	margin-top: 0.4rem;
	color: rgba(0,0,0,.6);
}
.list-news .jiantou{
	padding-left: .6rem;
}
.list-news .jiantou .iconfont{
	font-size: 0.64rem;
	color: #ccc;
	transition: all .35s ease-in-out;
}
.list-news>a:hover{
	box-shadow: 0 8px 16px rgba(0 0 0/15%);
}
.list-news>a:hover .title{
	color: #C8211B;
}
.list-news>a:hover .jiantou .iconfont{
	color: #C8211B;
}




.content-pic{
	padding: .5rem;
}
.content-pic img{
	border: 1px solid #ddd;
}
.content-text{
	margin-top: .5rem;
}
.content-text .title{
	font-size: 0.64rem;
	color: #C8211B;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid rgba(0,0,0,.2);
	margin-bottom: 0.3rem;
}
.content-text h6{
	font-size: 0.46rem;
	color: #999;
	margin-bottom: 0.48rem;
}
.content-data{
	display: flex;
	flex-wrap: wrap;
}
.content-data li{
	min-width: 50%;
	max-width: 100%;
	font-size: 0.32rem;
	color: rgba(0,0,0,.7);
	padding: 0.24rem 0;
}
.content-data li:hover{
	color: #C8211B;
	font-weight: 900;
}
.content-pages{
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem;
}
.content-pages>a{
	display: inline-block;
	width: 400px;
	min-width: 50%;
	max-width: 100%;
	background-color: #A6A6A6;
	color: #fff;
	padding:.32rem 0.48rem;
	margin-bottom: 15px;
}
.content-pages>a:hover{
	background-color: #C8211B;
}
.contact-box{
	padding-left: 0.48rem;
}
.contact-box h4{
	font-size: 0.52rem;
	color: #C8211B;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
}
.contact-box p{
	font-size: 0.32rem;
	margin-top: 0.3rem;
	color: rgba(0,0,0,.7);
}

.news-content .title{
	font-size: 0.72rem;
	text-align: center;
}
.news-content .data{
	font-size: 0.28rem;
	text-align: center;
	margin-top: 0.5rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: .8rem;
	margin-bottom: 1rem;
}
.news-content .data span{
	color: rgba(0,0,0,.6);
	margin: 0 0.5rem;
}
.news-content .data a{
	display: inline-block;
	background-color: #C82333;
	color: #fff;
	padding: 0 0.5rem;	
	line-height: .5rem;
	border-radius: 4px;
}