/*header*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.header>.container{
	max-width: 100%;
	height: 2.2rem;
}

.logo img{
	height: 1.32rem;
}
.nav{
	flex: 1;
	padding: 0 1rem;
	height: 100%;
	display: flex;
	align-items: center;
}
.nav>ul{
	width: 100%;
	justify-content: flex-end;
}
.nav li{
	padding: 0 0.5rem;
}
.nav li>a{
	position: relative;
	display: inline-block;
	font-size: 0.32rem;
	padding: 0.2rem 0;
}
.nav li>a::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 0;
	height: 2px;
	background-color: #DC000A;
	transition: all .35s ease-in-out;
}
.nav li>a:hover{
	color: #DC000A;
}
.mt-937{
	margin-top: 937px;
}
.nav li>a:hover::after{
	left: 0;
	width: 100%;
}
.header-search .select-box{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 15px;
}
.header-search .enter-box{
	position: relative;
}
.header-search .enter-box input{
	width: 100%;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 14px;
}
.header-search .enter-box button{
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: transparent;
	border: none;
	outline: none;
}

.swiper-fixed{
	position: fixed;
	top: 110px;
	left: 0;
	width: 100%;
	z-index: -1;
}
.navPro{
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #F5F5F5;
	z-index: 9999;
	box-shadow: 0 4px 10px rgba(0 0 6 /10%);
}
.navPro::before{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 20%;
	height: 100%;
	background-color: #d0111b;
	z-index: -1;
}
.navPro>.container{
	display: flex;
}
.navPro-left{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 5rem;
	background-color: #D0111B;
}
.navPro-left h6{
	margin-top: .6rem;
	font-weight: 900;
	letter-spacing: 1px;
	background-color: #e3222c;
	color: #fff;
	font-size: 0.4rem;
	border-top-left-radius: .4rem;
	border-bottom-left-radius: .4rem;
	line-height: 1rem;
	padding: 0 0.3rem;
}
.navPro-left img{
	padding: 0.3rem;
}
.navPro-mid{
	position: relative;
	background-color: #E3222C;
	padding:0.6rem 0;
	padding-left: .5rem;
}
.navPro-mid li>a{
	position: relative;
	min-width: 4rem;
	padding: 0 0.3rem;
	display: block;
	line-height: 1rem;
	color: #fff;
	font-size: 0.3rem;
	border-top-left-radius: .4rem;
	border-bottom-left-radius: .4rem;
}
.navPro-mid li>a i{
	font-style: normal;
	font-size: 0.32rem;
	color: #fff;
	position: absolute;
	right: 0;
	top:0;
	display: inline-block;
	line-height: 1rem;
	padding-right: 0.4rem;
}
.pro-dropmenu{
	display: none;
	position: absolute;
	background-color: transparent;
	left: 100%;
	top: .6rem;
	min-width: 4rem;
}
.pro-dropmenu p{
	padding-left: 1rem;
	font-size: 0.3rem;
	line-height: .8rem;
}
.pro-dropmenu p a:hover{
	color: #E3222C;
}
.navPro-mid li:hover .pro-dropmenu{
	display: block;
}
.navPro-mid li:hover>a,.navPro-mid li:hover .iconfont{
	color: #E3222C;
	background-color: #F5F5F5;
}

.navPro-right{
	flex: 1;
	padding: .6rem;
	padding-left: 15%;
	background-color: #F5F5F5;
}
.navPro-right .title{
	font-size: 0.64rem;
	font-weight: 900;
	margin-bottom: .5rem;
}
.navPro-right .description{
	font-size: 0.4rem;
	color: rgba(0,0,0,.6);
	line-height: 0.7rem;
}



/*index*/
.index-about{
	padding: 1rem 0;
	text-align: center;
	position: relative;
}
.index-about .title{
	position: relative;
	font-weight: 900;
	color: #000;
	font-size: 0.82rem;
	z-index: 2;
	letter-spacing: 2px;
}
.index-about .sub-title{
	position: absolute;
	display: block;
	text-align: center;
	left: 0;
	top: .35rem;
	width: 100%;
	font-family: helvetica;
	color: #ddd;
	z-index: 1;
	font-size: 1.2rem;
}
.index-about .description{
	margin-top: 0.2rem;
	font-size: 0.32rem;
	color: rgba(0,0,0,.6);
}
.index-data{
	display: flex;
	margin-bottom: 1rem;
}
.index-data .item{
	flex: 2;
	padding-bottom: .4rem;
	text-align: center;
}
.index-data .item h6{
	font-size: 1.4rem;
	color: #DC000A;
	font-weight: 900;
	margin-bottom: 0.2rem;
}
.index-data .item h6 em{
	font-style: normal;
	font-size: 0.5rem;
	color: #DC000A;
}
.index-data .item p{
	font-size: 0.32rem;
	color: rgba(0,0,0,.8);
}
.index-data .item:nth-child(2){
	flex: 3;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.index-icon .item{
	display: flex;
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
	border-bottom: 1px solid #000;
}
.index-icon .item .iconfont{
	display: inline-flex;
	flex: 0 0 auto;
	width: 2.4rem;
	height: 2.4rem;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	color: #fff;
	background-color: #DC000A;
}
.index-icon .item .text{
	padding: 0.3rem;
	flex: 1;
}
.index-icon .item .title{
	font-size: 0.48rem;
	color: #000;
	margin-bottom: 0.3rem;
}
.index-icon .item .description{
	font-size: 0.32rem;
	color: rgba(0,0,0,.6);
	margin-bottom: 0;
}
.index-icon .col-md-6:nth-child(2n+1) .item{
	justify-content: flex-end;
	text-align: right;
}
.index-icon .col-md-6:nth-child(2n+1) .item .iconfont{
	order: 2;
}


.index-title{
	padding-top: 2rem;
	text-align: center;
	position: relative;
	margin-bottom: 1.5rem;
	z-index: 11;
}
.index-title .title{
	font-size: 0.6rem;
	margin-bottom: 1rem;
}
.index-title .sub-title{
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.52rem;
	font-family: arial;
	color: #eee;
	font-weight: 900;
	bottom: 1.2rem;
	left: 0;
	letter-spacing: 2px;
	z-index: -1;
}
.index-title .description{
	font-size: 0.32rem;
	color: rgba(0,0,0,.6);
}
.pro-item{
	display: flex;
	height: 100%;
	overflow: hidden;
	position: relative;
	align-items: center;
}
.pro-item .title{
	font-size: 0.4rem;
	color: #000;
	margin-bottom: 0.3rem;
}
.pro-item .description{
	font-size: 0.28rem;
	color: rgba(0,0,0,.6);
	margin-bottom: 0.3rem;
}
.pro-item .more{
	font-size: 0.32rem;
	font-family: helvetica;
}
.pro-item .text{
	transition: outline-offset .2s ease-in-out;
}
.pro-item:hover .text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	outline: 1px solid #fff;
	outline-offset: -0.4rem;
	padding: 0.8rem;
	background-color: rgba(0,0,0,.4);
}
.pro-item:hover img{
	transform: scale(1.5) translateY(-0.4rem);
}
.pro-item:hover .text *{
	color: #fff!important;
}


.index-made{
	position: relative;
	z-index: 9;
}
.index-made .bg{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 50%;
	background-color: transparent;
	z-index: 9;
}
.index-made .bg2{
	left: 50%;
	top: 0;
}
.index-made .bg3{
	left: 0;
	top: 50%;
}
.index-made .bg4{
	left: 50%;
	top: 50%;
}
.index-made .bg:hover{
	background-color: rgba(0,0,0,.07);
}
.made-title{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	text-align: center;
}
.made-title .title{
	font-size: 0.54rem;
	margin-bottom: .4rem;
}
.made-title .description{
	font-size: 0.32rem;
	font-family: arial;
	color: #aaa;
}
.made-pic{
	position: absolute;
	left: 50%;
	top: 1.5rem;
	margin-left: -1.72rem;
	z-index: 999;
}
.made-item{
	padding: 2rem 3rem;
	display: flex;
}
.made-item .made-seq{
	font-family: arial;
	font-size: 1.2rem;
	color: #bcbcbc;
	padding-right: 0.75rem;
	position: relative;
}
.made-item .made-seq::after{
	content: '';
	position: absolute;
	display: block;
	right: 0.1rem;
	top: 0.32rem;
	width: 100%;
	height: 70%;
	background: url(../image/n-bg.png) no-repeat right top;
	background-size: 100%;
}
.made-item .made-content .title{
	margin-top: .6rem;
	font-size: 0.5rem;
	color: #000;
	margin-bottom: 0.2rem;
}
.made-item .made-content .description{
	font-size: 0.28rem;
	color: rgba(0,0,0,.6);
}
.news-bg{
	background: url(../image/news-bg.png) no-repeat top center #fff;
}
.news-hover{
	position: absolute;
	width: 100%;
	display: block;
	background-color: rgba(220, 0, 10, 0.8);
	left: 0;
	bottom: 0;
	padding:.5rem .75rem;
}
.news-hover .date{
	font-size: 0.48rem;
	color: #fff;
	font-family: arial;
	letter-spacing: 2px;
}
.news-hover .title{
	font-size: 0.4rem;
	color: #fff;
	font-weight: 900;
	margin-bottom: 0.3rem;
}
.news-hover  .description{
	font-size: 0.28rem;
	color: rgba(255,255,255,.96);
}
.news-item{
	padding: .3rem;
}
.news-item>a{
	display: block;
	position: relative;
}
.news-item>a::after{
	content: '';
	display: block;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 2px solid #DC000A;
	transition: all .35s ease-in-out;
}
.news-item:hover{
	background-color: rgba(0,0,0,.05);
}
.news-item>a:hover::after{
	width: 100%;
}
.news-item .date{
	font-size: 0.48rem;
	color: #000;
	font-family: arial;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0.2rem;
}
.news-item .title{
	font-size: .36rem;
	margin-bottom: 0.3rem;
	color: #000;
}
.news-item .description{
	color: rgba(0,0,0,.7);
	padding-bottom: 0.2rem;
}

.service-l{
	width: 68%;
	display: flex;
	padding: 1rem;
	background-color: #fff;
}
.service-msg{
	width: 70%;
	padding-right: 1rem;
}
.service-msg .title{
	font-size: 0.4rem;
	color: rgba(0,0,0,.6);
	margin-bottom: 0.2rem;
}
.service-msg .title strong{
	font-size: 0.56rem;
	color: #000;
	font-weight: normal;
}
.service-msg .line{
	display: inline-block;
	width: 0.9rem;
	height: 3px;
	background-color: #000;
	margin-bottom: 0.2rem;
}
.service-msg .sub-title{
	font-size: 0.4rem;
	font-family: helvetica;
	color: rgba(0,0,0,.3);
	margin-bottom: 1rem;
}
.service-msg form .item span{
	display: block;
	margin-top: 0.4rem;
	margin-bottom: 0.2rem;
	font-size: 0.32rem;
	color: rgba(0,0,0,.6);
}
.service-msg form .item input,.service-msg form .item textarea{
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 0.4rem;
	padding: 4px 5px;
}
.service-msg form .item input:focus, .service-msg form .item textarea:focus{
	border: 1px solid #DC000A;
	box-shadow: 0 2px 8px rgba(220, 0, 10, 0.3);
	outline: none;
}
.service-msg form button{
	padding: 6px 0.6rem;
	outline: none;
	border: none;
	background-color: #000;
	color: #fff;
	transition: all .35s ease-in-out;
}
.service-msg form button:hover{
	background-color: #DC000A;
}
.service-r{
	display: flex;
	width: 32%;
}
.service-bg1{
	background-image: url(../image/s3.png);
	background-repeat: no-repeat;
	background-position: center;
}
.service-bg2{
	background-image: url(../image/s4.png);
	background-repeat: no-repeat;
	background-position: center;
}
.service-item{
	display: flex;
	width: 50%;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.service-item>a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.service-item .iconfont{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.4rem;
	height: 1.4rem;
	font-size: 1rem;
	border-radius: 0.24rem;
	margin-bottom: 0.4rem;
	border-style: solid;
	border-width: 1px;
}
.service-item h6{
	font-size: 0.44rem;
}
.service-item .line{
	display: inline-block;
	margin: 10px 0;
	width: 1rem;
	border-style: solid;
	border-width: 1px;
}
.service-item p{
	font-family: arial;
	font-size: 0.36rem;
	opacity: .8;
}
.service-item *{
	z-index: 2;
}
.service-item::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.service-bg1 *{
	color: #fff!important;
	border-color: #fff;
}
.service-bg1::after{
	background-color: rgba(220, 0, 10, 0.8);
}
.service-bg2 *{
	color: #000;
	border-color: #000;
}
.service-bg2::after{
	background-color: rgba(255,255,255,.8);
}
.index-video{
	position: relative;
}
.index-video .index-video-hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 3rem;
}
.video-text{
	padding: 1.5rem 1rem;
	padding-right: 0rem;
	padding-bottom: 2.5rem;
}
.video-text .title{
	font-size: 0.56rem;
	color: #DC000A;
	margin-bottom: 0.4rem;
	font-weight: 900;
}
.video-text .title span{
	font-size: 0.48rem;
	font-family: helvetica;
	margin-left: 0.4rem;
	font-weight: 600;
}
.video-text .description{
	font-size: 0.28rem;
	line-height: 2;
	text-align: justify;
	color: rgba(0,0,0,.8);
}
.video-text a{
	display: inline-block;
	color: #fff;
	background-color: #DC000A;
	padding: 3px 30px;
	border-radius: 15px;
	margin-top: 0.4rem;
}
.video-mp4{
	padding-top: 1.8rem;
	overflow: hidden;
	background-color: #fff;
	height: 100%;
	position: relative;
}
.video-mp4 .video-play{
	display: flex;
	max-width: 100%;
}
.video-mp4 .video-begin{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.video-mp4 .iconfont{
	display: inline-flex;
	width: 1.2rem;
	height: 1.2rem;
	font-size: .45rem;
	border-radius: 50%;
	background-color: #fff;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

/*footer*/
.footer{
	position: relative;
	background-color: #292e32;
	color: #fff;
	padding-top: 1rem;
}
.footer::before{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.3rem;
	background-color: rgba(255,255,255,.05);
}
.footer::after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.3rem;
	background-color: rgba(255,255,255,.05);
}
.footer .container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot-contact{
	border-left: 1px solid rgba(255,255,255,.3);
	padding-left: 2rem;
}
.foot-contact img{
	margin-bottom: 0.6rem;
}
.foot-contact p{
	font-size: 0.3rem;
	margin-top: 0.3rem;
	color: rgba(255,255,255,.8);
}
.foot-contact h3{
	color: #fff;
	white-space: nowrap;
	font-family: arial;
	font-weight: 900;
	letter-spacing: 2px;
	margin-bottom: 0.5rem;
}
.foot-contact a{
	font-size: 0.28rem;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background-color: #DC000A;
	border-radius: 20px;
	float: right;
}
.foot-nav>ul{
	padding: 1rem;
}
.foot-nav>ul>li{
	padding-right: 1rem;
}
.foot-nav>ul>li h6{
	font-size: 0.4rem;
	color: #fff;
	margin-bottom: 0.3rem;
}
.foot-nav>ul>li p>a{
	display: inline-block;
	font-size: 0.28rem;
	color: rgba(255,255,255,.6);
	line-height: 2.4;
	border-bottom: 1px solid transparent;
}
.foot-nav>ul>li p>a:hover{
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.foot-ewm{
	display: flex;
	flex: 1;
	justify-content: center;
	
}
.foot-ewm>div{
	text-align: center;
	padding: 1rem .5rem;
}
.foot-ewm>div img{
	width: 2.4rem;
	height: 2.4rem;
	padding: 0.2rem;
	background-color: rgba(255,255,255,.2);
}
.foot-ewm>div p{
	font-size: 0.3rem;
	color: #fff;
	margin-top: 0.4rem;
}
/*end*/
.guestbook-form .form-item{
	width: 100%;
	margin-top: 0.5rem;
}
.guestbook-form .form-item h2{
	font-size: 0.28rem;
	margin-bottom: 0.2rem;
}
.guestbook-form .form-item input,.guestbook-form .form-item textarea{
	display: block;
	width: 100%;
	font-size: 0.28rem;
	padding: 6px 0.2rem;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 2px;
}
.guestbook-form .form-item input:focus,.guestbook-form .form-item textarea:focus{
	border: 1px solid #DC000A;
	box-shadow: 0 2px 8px rgba(34, 131, 200, 1);
	outline: none;
}
.guestbook-form .form-button{
	display: block;
	width: 100%;
	border-radius: 2px;
	font-size: 0.32rem;
	line-height: .7rem;
	background-color: #DC000A;
	color: #fff;
	outline: none;
	border: none;
}
.copyright p{
	font-size: 0.28rem;
	color: #fff;
	padding: 0.4rem;
	text-align: center;
}

/*内页*/
.page-header{
	position: relative;
	padding-top: 2.2rem;
}
.page-header-hover{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.page-header-hover .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.page-header-hover .title{
		color: #fff;
	    font-size: 1.04rem;
	    font-weight: bold;
	    text-shadow: 1px 1px .3rem #333;
}
.page-position{
	margin-top: 0.3rem;
}
.page-position a{
	font-size: 0.36rem;
	color: #fff;
}
.page-label{
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.page-label a{
	position: relative;
	display: inline-block;
	width: 3.4rem;
	max-width: 25%;
	line-height: 1.4rem;
	font-size: 0.36rem;
	text-align: center;
	color: #000;
}
.page-label a::before{
	content: '';
	width: 0;
	height: 2px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: -1px;
	background-color: #bc001d;
	transition: all .25s ease-in-out;
}
.page-label a:hover,.page-label a.active{
	color: #bc001d!important;
}
.page-label a:hover::before,.page-label .active::before{
	left: 0!important;
	width: 100%!important;
}


.about-profile{
	padding: 1.5rem 0;
}
.about-profile .text .title{
	font-size: 0.72rem;
	letter-spacing: 2px;
	color: rgba(0,0,0,.5);
	margin-bottom: 1rem;
}
.about-profile .text .sub-title{
	font-size: 0.56rem;
	margin-bottom: .4rem;
	font-weight: 900;
	color: #e90011;
}
.about-profile .text .description{
	text-indent: 2em;
	line-height: 1.8;
	font-size: 0.32rem;
	color: rgba(0,0,0,.7);
	text-align: justify;
}
.about-title{
	text-align: center;
	margin-bottom: 1rem;
}
.about-title .title{
	font-size: 0.64rem;
	font-weight: 900;
	padding-bottom: .4rem;
}
.about-title .line{
	display: inline-block;
	width: 1rem;
	height: 3px;
	background-color: #E90011;
	margin-bottom: .3rem;
}
.about-title .description{
	font-size: 0.28rem;
	color: rgba(0,0,0,.6);
}

.about-honor{
	padding: 1rem;
	background-color: #f8f8f8;
}
.swiper-honor .swiper-slide{
	padding: 1rem;
}
.swiper-honor .swiper-slide .title{
	font-size: 0.32rem;
	text-align: center;
	padding: 5px;
	font-weight: 900;
	color: rgba(0,0,0,.6);
}

.about-qywh{
	display: flex;
	border: 1px solid #C9C9C9;
}
.about-qywh .item{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #c9c9c9;
	padding: 1.5rem 0.4rem;
	cursor: pointer;
}
.about-qywh .item:hover{
	background-color: #F8F8F8;
}
.about-qywh .item:last-child{
	border-right: none;
}
.about-qywh .item .iconfont{
	font-size: 1.65rem;
	color: rgba(233, 0, 17, 0.7);
	margin-bottom: .4rem;
}
.about-qywh .item .title{
	font-size: 0.4rem;
	margin-bottom: .4rem;
}
.about-qywh .item .description{
	color: rgba(0,0,0,.6);
	text-align: center;
}
.about-qywh .item .line{
	display: inline-block;
	width: 1rem;
	border-bottom: 1px solid #999;
	margin-top: 1rem;
}
.swiper-duty .swiper-slide{
	overflow: hidden;
}
.swiper-duty .swiper-slide img{
	transition: all .35s ease-in-out;
}
.swiper-duty .swiper-slide:hover img{
	transform: scale(1.2);
}
.swiper-duty .swiper-slide:hover .duty-text .title{
	color: #E90011;
}
.duty-text{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.24rem 0.7rem;
	background-color: rgba(255,255,255,.7);
	border-top: 2px solid #E90011;
}
.duty-text::after{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 2rem;
	height: 100%;
	display: block;
	border-style: solid;
	border-width: 1.25rem;
	border-color: transparent transparent rgba(255,255,255,.7) rgba(255,255,255,.7);
}
.duty-text .title{
	font-size: 0.32rem;
	font-weight: 900;
	padding-bottom: 0.2rem;
}
.duty-text .description{
	font-size: 0.24rem;
	color: rgba(0,0,0,.6);
}
.swiper-page{
	text-align: center;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.swiper-page>span{
	width: 0.32rem;
	height: 0.32rem;
}
.swiper-page .swiper-pagination-bullet-active{
	background-color: #E90011;
}
.pro-type>a{
	display: block;
	padding: 10px;
	height: 100%;
	background-color: #fff;
	text-align: center;
}
.pro-type .pic{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 4rem;
}
.pro-type .pic img{
	max-width: 100%;
	max-height: 100%;
	transition: all .35s ease-in-out;
}
.pro-type .title{
	font-size: 0.28rem;
	color: #000;
}
.pro-type>a:hover{
	border-color: #E90011;
}
.pro-type>a:hover .pic img{
	transform: scale(1.09);
}
.pro-type>a:hover .title{
	color: #E90011;
}
.pro-left{
	padding-top: 0.26rem;
	max-height: 40rem;
	overflow: auto;
}
.page-left-title{
	background-image: linear-gradient(to bottom,#e90011,#5a0103);
	padding: 0.7rem;
}
.page-left-title .title{
	color: #fff;
	font-weight: 900;
	font-size: 0.72rem;
	padding-bottom: 0.3rem;
}
.page-left-title .sub-title{
	font-size: 0.4rem;
	font-family: helvetica;
	color: #fff;
}
.pro-left ul{
	background-color: #fff;
	padding:0.5rem;
}
.pro-left ul>li>a{
	font-family: helvetica;
	display: block;
	line-height: 0.6rem;
	font-size: 0.28rem;
	color: rgba(0,0,0,.7);
	margin-bottom: 0.2rem;
	border-bottom: 1px dashed  rgba(0,0,0,.1);
}
.pro-left ul>li>a .iconfont{
	color: #ffaa00;
	font-size: 0.32rem;
}
.pro-left a:hover{
	color: #E90011;
	border-color: #E90011;
}
.drop-list a{
	display: block;
	font-size: 0.28rem;
	line-height: 0.6rem;
	color: #666;
}

.list-header{
	padding-top: 3.2rem;
}
.list-header .title{
	font-size: 1rem;
	font-weight: 900;
	color: rgba(0,0,0,.6);
	margin-bottom: 0.3rem;
}
.list-header .line{
	display: inline-block;
	width: 1rem;
	height: 6px;
	background-color: #E90011;
}
.list-header .description{
	font-size: 0.36rem;
	color: rgba(0,0,0,.4);
	margin-top: 0.3rem;
}
.list-item{
	padding: 0.6rem;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.list-item .title{
	font-size: 0.32rem;
	color: rgba(0,0,0,.6);
	padding: 10px 0;
}
.list-item:hover .title{
	opacity: 0;
}
.list-item .hover{
	position: absolute;
	display: flex;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 0.4rem;
	font-weight: 900;
	z-index: 1;
	transform: scale(0);
	background-color: rgba(0,0,0,.7);
	transition: all .35s ease-in-out;
}
.list-item:hover .hover{
	transform: scale(1);
}

.page-title{
	padding-top: .5rem;
	text-align: center;
}
.page-title .title{
	font-size: 1.08rem;
	font-weight: 900;
	margin-bottom: 0.84rem;
}
.page-title .description{
	font-size: 0.36rem;
	line-height: 1.8;
	text-align: center;
	color: rgba(0,0,0,.6);
}
.page-title .description strong{
	color: #E90011;
	font-size: 0.4rem;
	line-height: 1.8;
	font-weight: 900;
	font-family: helvetica;
}
.job-item{
	background-color: #fff;
	margin-bottom: .4rem;
	padding: 0.3rem 0.7rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 0.32rem rgba(0,0,0,.13);
}
.job-item .title{
	font-size: 0.4rem;
}
.job-item .title span{
	display: inline-block;
	background-color: #ccc;
	color: rgba(0,0,0,.4);
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 8px;
}
.job-item .more{
	font-size: 1rem;
	line-height: 1;
	font-weight: normal;
	color: rgba(0,0,0,.4);
	cursor: pointer;
}
.job-text{
	display: none;
	overflow: hidden;
	flex: 0 0 auto;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 0.4rem;
	margin-top: 15px;
}
.job-title{
	color: #E90011;
	font-size: 0.36rem;
	font-weight: 900;
	margin-bottom: 0.3rem;
}
.job-ask{
	margin-top: 10px;
}
.job-ask span{
	display: inline-block;
	background-color: #E90011;
	color: #fff;
	border-radius: 10px;
	padding: 3px 10px;
	margin-right: 10px;
}
.contact-list{
	padding: 15px;
	border: 1px solid #ddd;
}
.contact-list h1{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: .5rem;
	color: #D0111B;
}
.contact-list p{
	font-size: 16px;
	line-height: 2;
	color: rgba(0,0,0,.6);
	letter-spacing: 1px;
}
.c-pic{
	width: 100%;
	border: 1px solid #ddd;
}
.c-pic .swiper-slide{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
}
.c-pic .swiper-slide img{
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	background-color: #fff;
}
.c-text .title{
	font-size: 0.64rem;
	color: #e90011;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.6rem;
	margin-top: 0.4rem;
}
.c-text .sub-title{
	font-size: 0.4rem;
	color: #000;
	padding-bottom: 10px;
}
.c-text .sub-title:hover{
	color: #E3222C;
}
.c-contact{
	padding: 0.9rem 0;
}
.c-contact a{
	display: inline-block;
	padding: 0 0.6rem;
	line-height: .8rem;
	background-color: #bc001d;
	color: #fff;
	font-size: 0.32rem;
	margin-right: 0.4rem;
}
.c-contact a:hover{
	background-color: #000;
}

.swiper-spic .swiper-slide{
	border: 1px solid #ddd;
	position: relative;
}
.swiper-spic .swiper-slide-active{
	border: 1px solid #BC001D;
}
.swiper-spic .swiper-slide img{
	max-width: 100%;
	background-color: #fff;
}
.flex-between{
	display: flex;
	justify-content: space-between;
}
.pro-detail{
	width: 100%;
	margin: 5px auto;
}
.red-bg{
	background-color: #BC001D;
}
.detail-label ul{
	padding-top: 0.6rem;
	display: flex;
}
.detail-label ul li{
	flex: 1;
	max-width: 50%;
	text-align: center;
}
.pro-detail .title{
	color: #fff;
	font-size: 0.52rem;
	font-weight: 900;
}
.pro-detail .phone{
	color: #fff;
	font-size: 0.52rem;
	font-family: helvetica;
}
.pro-detail .phone .iconfont{
	font-size: .6rem;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
}
.detail-label li{
	padding: .3rem 0;
	color: #fff;
	background-color: #000;
	margin-right: 0.4rem;
	cursor: pointer;
}
.detail-label li.active{
	background-color: #fff;
	color: #E90011;
}
.detail-content li{
	display: none;
}
.detail-content li.active{
	display: block;
}
.news-header{
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.4rem;
	margin-bottom: 0.4rem;
}
.news-header .title{
	font-size: 0.6rem;
	text-align: center;
	line-height: 1.6;
}
.news-header .data{
	margin-top: 0.3rem;
	text-align: center;
}
.news-header .data span{
	font-size: 0.32rem;
	color: #999;
	margin:0 0.1rem;
}
.news-header .data a{
	display: inline-block;
	font-size: 0.28rem;
	padding: 0 0.3rem;
	line-height: 1.3;
	background-color: #E90011;
	color: #fff;
	border-radius: 3px;
}



.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;
}