.banner{
	height: auto;
	width: 100%;
}
.banner img{
	display: block;
	width: 100%;
	height: auto;
}

.bts{
	text-align: center;
	line-height: 1;
}
.bts a{
	font-size: 1.85rem;
	color: #333;
	font-weight: normal;
}
.bts span{
	display: block;
	margin-top: .6rem;
	font-size: .75rem;
	line-height:1;
	color: rgba(0,0,0,0.5);
	text-transform: uppercase;
}
.about{
	padding: 2.4rem 0;
	background: #ededed;
}
.about .about-cont{
	width: 92.18%;
	background: #fff;
	margin: 0 auto;
}
.about .about-cont dl dt{
	width: 100%;
	height: auto;
}
.about .about-cont dl dt img{
	width: 100%;
	height: auto;
}
.about .about-cont dl dd{
	padding: 2rem 1.3rem 2.5rem 1.3rem;
}
.about .about-cont dl dd h4{
	font-size: 1.85rem;
	line-height: 1;
	color: #003e95;
	margin-bottom: 1.4rem;
}
.about .about-cont dl dd h4 span{
	display: block;
	font-weight: bold;
	margin-top: 0.6rem;
	font-size: 1.1rem;
}
.about .about-cont dl dd p{
	font-size: 1rem;
	color: #333;
	line-height: 1.7rem;
	margin-bottom: 0.5rem;
}
.about .about-cont dl dd .more{
	display: block;
	width: 10.3rem;
	height: 3rem;
	margin-top: 1.8rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.1rem;
	background: #d71f1d;
	border-radius: .5rem;
	color: #fff;
}

.pro{
	padding: 3rem 0;
}
.pro .pro-cont{
	width: 92.18%;
	background: #fff;
	margin: 1.7rem auto 0;
}
.pro .pro-cont .item {
	background: #ededed;
	margin-bottom: 1.5rem;
}
.pro .pro-cont .item dt{
	width: 100%;
	height: auto;
}
.pro .pro-cont .item dt img{
	width: 100%;
	height: auto;
}
.pro .pro-cont .item dd{
	padding: 1.7rem 2.2rem;
}
.pro .pro-cont .item dd p{
	font-size: 1rem;
	line-height: 1.7rem;
	color: #003366;
}
.pro .more a{
	display: block;
    width: 12.7rem;
    height: 3rem;
    margin-top: 1.8rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.1rem;
    border: .08rem solid #dc3d3b;
    border-radius: 0.5rem;
    color: #d71f1d;
	margin: 0 auto;
}

.service{
	background: #ededed;
	padding: 2.6rem 0 2rem 0;
}
.service .pro-cont{
	width: 92.18%;
	margin: 1.8rem auto 0;
}
.service .pro-cont .pro-ul{
	display: flex;
	justify-content: space-between;
}
.service .pro-cont .pro-ul li{
	position: relative;
	width: 9rem;
	height: 5.7rem;
	padding: 1.9rem 0 0 3.4rem;
	box-sizing: border-box;
	border-top: .12rem solid #333;
}
.service .pro-cont .pro-ul li span{
	position: absolute;
	top: 1.9rem;
	left: .9rem;
	width: 2.2rem;
	height: 2.2rem;
}
.service .pro-cont .pro-ul li:nth-child(1) span{
	background: url(../Images/Index/service_icon1.png) no-repeat center center;
	background-size: 100% auto;
}
.service .pro-cont .pro-ul li:nth-child(2) span{
	background: url(../Images/Index/service_icon2.png) no-repeat center center;
	background-size: 100% auto;
}
.service .pro-cont .pro-ul li:nth-child(3) span{
	background: url(../Images/Index/service_icon3.png) no-repeat center center;
	background-size: 100% auto;
}
.service .pro-cont .pro-ul li p{
	font-size: 1.2rem;
	color: #333333;
	line-height: 1;
}
.service .pro-cont .pro-ul li p i{
	display: block;
	width: 10rem;
	margin-top: .2rem;
	margin-left: -1.4rem;
	font-size: .6rem;
	transform: scale(0.7);
	letter-spacing: -0.03rem;
	text-transform: uppercase;
}
.service .pro-cont .pro-ul li.z-on{
	border-color: #e60010;
}
.service .pro-cont .pro-ul li.z-on p{
	color: #e60010;
}
.service .pro-cont .pro-ul li:nth-child(1).z-on span{
	background: url(../Images/Index/service_icons1.png) no-repeat center center;
	background-size: 100% auto;
} 
.service .pro-cont .pro-ul li:nth-child(2).z-on span{
	background: url(../Images/Index/service_icons2.png) no-repeat center center;
	background-size: 100% auto;
} 
.service .pro-cont .pro-ul li:nth-child(3).z-on span{
	background: url(../Images/Index/service_icons3.png) no-repeat center center;
	background-size: 100% auto;
} 

.service .pro-cont .con dl{
	background: #fff;
}
.service .pro-cont .con dl dt{
	width: 100%;
	height: auto;
}
.service .pro-cont .con dl dt img{
	width: 100%;
	height: auto;
}
.service .pro-cont .con dl dd{
	padding: 1.6rem 2.3rem;
}
.service .pro-cont .con dl dd p{
	font-size: 1rem;
	color: #333;
	line-height: 1.7rem;
}


.news {
	padding: 2.5rem 0 2.2rem 0;
}
.news .swiper-slide dl dt{
	width: 100%;
	height: auto;
}
.news .swiper-wrapper{
	margin-top: 1.8rem;
}
.news .swiper-slide dl{
	background: #ededed;
}
.news .swiper-slide dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.news .swiper-slide dl dd{
	padding: 2.3rem 2rem 2.2rem 2rem;
}
.news .swiper-slide dl dd span{
	display: block;
	margin-bottom: 2rem;
	font-size: 1rem;
	color: #e8101f;
	line-height: 1;
}
.news .swiper-slide dl dd h6{
	font-size: 1.1rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	margin-bottom: .9rem;
}
.news .swiper-slide dl dd h6 a{
	color: #333;
}
.news .swiper-slide dl dd p{
	font-size: 1rem;
	color: #333;
	line-height: 1;
}
.news .swiper-slide dl dd i{
	display: block;
	margin-top: 2.5rem;
	font-size: .9rem;
	color: #666;
	line-height: 1;
}


html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}