*{
	padding: 0;
	margin:0 ;
}
html{
	font-size: 0.0520833333333333vw;
	
}
body{
	font-family: "PingFang SC", "Microsoft YaHei", "Microsoft YaHei UI", "SimSun", "SimHei", "Arial";
	font-size: 16rem;
	
}
input:focus {
	outline: none;
}
ul,li,dd,dl{
	list-style: none;
	padding: 0;
	margin:0 ;
}
img{
	display: block;
}
a{
	color: #000;
	text-decoration: none;
}
.dix{
	display: flex;
}
.amc{
	align-items: center;
}
.fwa{
	flex-wrap: wrap;
}
.jss{
	justify-content: space-between;
}
.jsc{
	justify-content: center;
}
/* 头部 */
.head{
	background-color: rgba(255, 255, 255, 0.8);
	height: 103rem;
	position: sticky;
	z-index: 10;
	top: 0;
}
.logo img{
	height: 85rem;
}
.logo{
	margin-left: 3.5587%;
	margin-right: 8%;
}

.nav li{
	position: relative;
	width: 150rem;
	text-align: center;
	display: inline-block;
}
.nav li div{
	display: none;
}
.nav li:hover div{
	display: block;
}
.nav li>a{
	color: rgba(1, 1, 1, 0.7);
	line-height: 103rem;
	display: block;
}
.nav li div{
	position: absolute;
	top: 80rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	box-shadow: 0 1px 6px rgba(0,0,0,0.15);
	border-radius: 4rem;
	overflow: hidden;
	height: auto;
	z-index: 10;
	background: #fff;
}
.nav li div a{
	color: #333;
	display: block;
	width: 100%;
	height: 40rem;
	line-height: 40rem;
	font-size: 14rem;
	font-weight: bold;
}
.nav li div a:hover{
	color: rgb(230, 1, 24);
	background-color: rgb(246, 246, 246);
}
.tel{
	padding-right: 3%;
	width: 460rem;
}
.tel img{
	height: 30rem;
}
.tel span{
	margin-left: 6rem;
	font-size: 26rem;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
	box-sizing: border-box;
}
.banner .swiper-button-next{
	background: rgba(0, 0, 0, 0.1);
	height: 60rem;
	width: 60rem;
	color: #fff;
}
.banner .swiper-button-prev{
	background: rgba(0, 0, 0, 0.1);
	height: 60rem;
	width: 60rem;
	color: #fff;
}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{
	background: rgba(229, 229, 229, 1);
}
.banner .swiper-button-prev::after{
	font-size: 26rem;
	font-weight: bold;
	opacity: 1;
}
.banner .swiper-button-next::after{
	font-size: 26rem;
	font-weight: bold;
	opacity: 1;
}

.indexabout{
	width: 1300rem;
	margin: auto;
	
}
.indexaboutlet h3{
	font-weight: 500;
	font-size: 36rem;
	color: #333;
	margin-bottom: 30rem;
}
.indexaboutlet div{
	font-size: 20rem;
	color: #333;
	line-height: 1.5;
}
.indexright{
	width: 650rem;
}
.indexright img{
	width: 100%;
}
.indexaboutlet{
	width: 580rem;
}
.indexboxcolor{
	background-color: rgba(249,249,249,1);
	padding-top: 170rem;
	padding-bottom: 100rem;
}

.w1300{
	width: 1300rem;
	margin: auto;
}
.zhenxuan img{
	width: 100%;
}
.gongyinlian{
	width: 100%;
}
.gongyinlian img{
	width: 100%;
}
.huobaoxianchang{
	background-color: rgba(230,1,24,1);
}
.huobaoxianchang img{
	width: 100%;
}
.ar{
	width: 1500rem;
	margin: auto;
	margin-top: 100rem;
	margin-bottom: 100rem;
}
.ar iframe{
	width: 100%;
	height: 460rem;
	border: none;
}

.footer{
	background-color: rgba(226,226,226,0.35);
	padding: 55rem 0;
}

.fleft{
	width: 315rem;
}
.fleft input::placeholder{
	color: rgba(119,119,119,1);
	font-size: 16rem;
}
.fleft input{
	background: rgba(204, 204, 204, 0.15);
	width: 100%;
	padding-left: 15rem;
	border: none;
	height: 45rem;
	margin-bottom: 20rem;
	box-sizing: border-box;
}
.fleft button{
	background-color: rgb(204, 204, 204);
	height: 45rem;
	color: #fff;
	font-size: 16rem;
	width: 100%;
	border: none;
	cursor: pointer;
}
.fright{
	width: 195rem;
}
.fright img{
	width: 100%;
}
.fright p{
	color: rgba(255,255,255,1);
	background: rgba(230,1,24,1);
	border-color: rgba(230,1,24,1);
	border: solid 1px;
	height: 30rem;
	line-height: 30rem;
	border-radius: 50rem;
	transition: all 0.3s;
	text-align: center;
	cursor: pointer;
	margin-top: 60rem;
}
.fright p:hover{
	color: rgba(230,1,24,1);
  	background: rgba(255,255,255,1);
  	border-color: rgba(230,1,24,1);
	border: solid 1px;
}
.fc img{
	width: 275rem;
	margin: auto;
}
.fc span{
	font-size: 18rem;
	color: #657180;
	display: block;
	text-align: center;
	margin-top: 55rem;
}
.banquan{
	font-size: 14rem;
	height: 90rem;
	color: rgba(34, 34, 34, 0.6);
}
.nbanner img{
	width: 100%;
}
.chuangshiren{
	width: 1040rem;
	margin: auto;
}
.cleft{
	width: 430rem;
}
.cleft img{
	width: 100%;
}
.cright{
	width: 512rem;
}
.cright p{
	display: flex;
	align-items: center;
	font-size: 16rem;
  	color: #555555;
 	line-height: 28rem;
	margin-top: 46rem;
}
.cright p img{
	width: 15rem;
	height: 15rem;
}
.cright h3{
	color: #000;
	font-size: 32rem;
	margin-top: 32rem;
}
.chuangshiren{
	padding: 50rem 0;
}
.fazhan h3{
	font-size: 40rem;
	color: #333;
	text-align: center;
}
.fazhan h3 img{
	width: 84rem;
	height: 2rem;
	margin: auto;
	margin-top: 30rem;
}
.fazhan .w1300 img{
	width: 100%
}
.pt80{
	padding-top: 80rem;
}
.shiming div{
	width: 50%;
	text-align: center;
}
.shiming{
	width: 1400rem;
	margin: auto;
	padding: 100rem 0 ;
}
.shiming img{
	width: 140rem;
	height: 140rem;
	margin: auto;
}
.shiming span{
	font-size: 18px;
  	line-height: 2;
	color: #657180;
}
.shiming p{
	font-size: 16px;
  	line-height: 2;
	color: #657180;
}
.gongxu{
	width: 1210rem;
	margin: auto;
}
.gongxu img{
	width: 100%;
}
.h130{
	height: 130rem;
}

.profmbox{
	width: 1520rem;
	position: relative;
	margin: auto;
}
.proswp{
	width: 1380rem;
	padding: 50rem 0;
}
.proswp .swiper-slide{
	padding: 10rem;
	box-sizing: border-box;
}
.proswp .swiper-slide .box{
	padding: 32rem;
}
.proswp .swiper-slide div{
	width: 590rem;
	/* height: 355rem; */
	overflow: hidden;
}

.proswp .swiper-slide .box:hover{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}
.proswp .swiper-slide span{
	color: rgba(51, 51, 51,1);
	font-size:16rem;
	margin-bottom: 5px;
  	margin-top: 15px;
	text-align: center;
	display: block;
}
.proswp .swiper-slide:hover span{
	color: rgba(230,1,24,1);
	
}
.proswp .swiper-slide div img{
	transition: all 0.3s;
	width: 100%;
}
.proswp .swiper-slide:hover div img{
	transform: scale(1.1);
}

.profmbox{
	margin-top: 70rem;
	margin-bottom: 30rem;
}
.profmbox .swiper-button-next{
	height: 40rem;
	width: 40rem;
	background: #555555;
	border-radius: 50rem;
	color: #fff;
}
.profmbox .swiper-button-prev{
	height: 40rem;
	width: 40rem;
	background: #555555;
	border-radius: 50rem;
	color: #fff;
}

.profmbox .swiper-button-prev::after{
	font-size: 18rem;
	font-weight: bold;
	opacity: 1;
}
.profmbox .swiper-button-next::after{
	font-size: 18rem;
	font-weight: bold;
	opacity: 1;
}

.prolist{
	margin-top: 50rem;
}
.prolist li{
	width: 33%;
	/* height: 335rem; */
	padding: 22rem;
	box-sizing: border-box;
	background: #fff;
}
.prolist img{
	transition: all 0.3s;
	width: 100%;
}
.prolist li:hover img{
	transform: scale(1.1);
}
.prolist li div{
	overflow: hidden;
}
.prolist li:hover{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}
.prolist li span{
	margin-top: 18rem;
	display: block;
	text-align: center;
}
.proshow .left{
	width: 287rem;
}
.proshow .left h3{
	padding: 15rem 20rem;
	font-size: 24rem;
	line-height: 36rem;
	color: #fff;
	background: #e60118;
	font-weight: 500;
	border-radius: 0 40rem 0 0;
}
.proshow .left li{
	position: relative;
}
.proshow .left li::before {
	content: "";
  
	position: absolute;
  
	width: 5px;
  
	height: 5px;
  
	border-top: 1px solid #4b4b4b;
  
	border-right: 1px solid #4b4b4b;
  
	transform: rotate(45deg);
  
	left: 20px;
  
	top: 44%;
  
}
.proshow .left li.gaoliang::before {
	content: "";
  
	position: absolute;
  
	width: 5px;
  
	height: 5px;
  
	border-top: 1px solid #219AB5;
  
	border-right: 1px solid #219AB5;
  
	transform: rotate(45deg);
  
	left: 20px;
  
	top: 44%;
  
}
.proshow .left li a{
	padding-left: 40rem;
	font-size: 16rem;
	line-height: 48rem;
	color: #4b4b4b;
}
.proshow .left li.gaoliang a{
	color: #219AB5;
}
.proshow .left ul{
	border: 1px solid #e7e7e7;
}

.pic img{
	width: 422rem;
	height: 258rem;
}
.righttop{

}
.righttop a{
	width: 158rem;
	height: 42rem;
	color: #fff;
	font-size: 15rem;
	line-height: 42rem;
	background: rgba(230,1,24,1);
	border-radius: 4rem;
}
.righttop a img{
	width: 16rem;
	margin-right: 5rem;
}
.righttop h3{
	font-size: 20rem;
	color: rgb(51, 51, 51);
	font-weight: 500;
	margin-bottom: 30rem;
	margin-top: 20rem;
}
.jianjie{
	margin-left: 30rem;
	width: 505rem;
}
.fenye a{
	color:#657180;
	font-size: 14rem;
}
.fenye{
	margin-top: 20rem;
}
.xiangq{
	width: 100%;
	border: 1px solid #f0f0f0;
	height: 54rem;
	margin-top: 80rem;
}
.xiangq div{
	border-right: 1px solid #f0f0f0;
	font-size: 16rem;
	line-height: 54rem;
	text-align: center;
	width: 160rem;
	border-top: #e60118 solid 4rem;
	color: #e60118;
	
}
.content img{
	width: 100%;
}
.content{
	padding: 25rem;
	margin-bottom: 40rem;
}
.xiangguan{
	color: rgb(33, 154, 181);
	font-size: 30rem;
	line-height: 45rem;
	text-align: center;
}
.proshoulist{
	margin-top: 20rem;
}
.xgbg{
	background-color: rgba(248,248,248,1);
	padding:50rem 0;
}
.w1230{
	width: 1240rem;
	margin: auto;
}
.w1230 img{
	width: 100%;
}
.baise{
	background: #fff;
}
.mt80{
	margin-top: 80rem;
}
.mt110{
	margin-top: 110rem;
}
.lc h3 img{
	width: 310rem;
	height: 60rem;
	margin: auto;
}
.w1500{
	width: 1500rem;
	margin: auto;
}
.w1500 li{
	width: 32%;
	margin-top: 70rem;
}
.w1500 h2{
	font-size: 64rem;
	line-height: 50rem;
  	color: #e60118;
	margin-right: 20rem;
	font-weight: 500;
}
.w1500 h4{
	font-size: 22px;
	line-height: 33px;
	color: rgb(51, 51, 51);
	margin-bottom: 10rem;
}
.w1500 p{
	font-size: 18px;
	line-height: 27px;
	color: rgb(102, 102, 102);
}
.xian{
	width: 70rem;
	height: 1px;
	background: #333;
	margin-top: 24rem;
}
.w1500 li img{
	height: 120rem;
	margin-top: -30rem;
}
.lc{
	padding-bottom: 200rem;
}
.newsright{
	width: 950rem;
}
.newsshowright{
	width: 950rem;
}
.newsright a{
	border: solid 1px #ccc;
	font-size: 16rem;
	line-height: 24rem;
	color: #333;
	margin-bottom: 20rem;
}
.newsright div{
	width: 330rem;
	height: 120rem;
	overflow: hidden;
}
.newsright img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.newsright p{
	margin-left: 30rem;
	padding-top: 20rem;
	width: 580rem;
}
.newsright a:hover img{
	transform: scale(1.1);
}
.newsright a:hover{
	color: #219AB5;
}
.newsshowright .biaoti{
	font-size: 20rem;
	color: #333;
	font-weight: 500;
	margin-bottom: 15rem;
}
.shijian{
	color: #999;
	font-size: 16rem;
	display: block;
	border-bottom: solid 1px #ccc;
	padding-bottom: 15rem;
}
.zhengwen{
	color: #666;
	font-size: 16rem;
	padding: 20rem 0;
	line-height: 1.5;
}
.zhengwen img{
	max-width: 100%;
}
.lx{
	margin-top: 40rem;
}
.lx h3{
	font-size: 30rem;
	color: #404040;
	text-align: center;
}
.lx li{
	width: 31%;
	text-align: center;
	box-shadow: 0 0 15px -1px rgb(0,0,0,0.1);
	border-radius: 8rem;
	padding: 25rem;
	box-sizing: border-box;
	margin: 50rem 0;
}
.lx li img{
	width: 50rem;
	height: 50rem;
	margin: auto;
}
.lx li h4{
	color: #333;
	font-size: 23rem;
	margin: 10rem 0;
}
.lx li p{
	font-size: 16rem;
	color: #555555;
}