/* 页面顶部内容区域 */
.m8-w1280{
	max-width: 1280px;
	margin: 0 auto;
}
.m8-header{
	position: relative;
}
.m8-top{
background:var(--bg-f1);
	height: 46px;
	line-height: 46px;	
}
.m8-topRithg a{
	padding-right: 10px;
	color: var(--text-8181);
	margin-left: 10px;
	position: relative;
}
.m8-topRithg a::after{
	content: "";
	width: 1px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 13px;
	background: var(--bg-c2);
}
.m8-topRithg a:last-child::after{
	display: none;
}

.m8-topRithg a i {
	padding-right: 10px;
}
.m8-cn i{
	color:var(--text-de2910);
}
.m8-en i{
	color: var(--text-de2910);
}
.m8-ab i{
	color: var(--main-color);
}
.m8-topRithg a:hover{
	color: var(--main-color);
}
.m8-logoBox{
	padding: 25px 0;
}
.m8-logo img{
	height:60px;
}
.m8-logo{
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px var(--border-e1) solid;
}
.m8-logoRigth i{
	font-size: 48px;
	color: var(--hover-color);
	margin-right: 15px;
}
.m8-logoRigthTxt h3{
	color: var(--text-8181);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
}
.m8-logoRigthTxt h4{
	font-size: 24px;
	font-family: arial;
	font-weight: bold;
	color: var(--text-333);
	line-height: 1.4;
}
.m8-navBox{
	background:var(--main-color);
	
}
.m8-nav li{
	flex: 1;
	position: relative;
	z-index: 100;
}
.m8-nav li .m8-nav01{
	text-align: center;
	color: var(--text-fff);
	font-size: 16px;
	height: 54px;
	line-height: 54px;
	display: block;
	width: 100%;
	position: relative;
}
.m8-nav li .m8-nav01::after{
	content: "";
	position: absolute;
	right: 0;
	top: 18px;
	background: rgba(255,255,255,.3);
	height: 18px;
	width: 1px;
	z-index: 10;
}
.m8-nav li:last-child .m8-nav01::after{
	display: none;
}


.m8-nav li:hover .m8-nav01,.m8-nav li.on .m8-nav01{
	background: var(--hover-color);
	color:  var(--text-fff);
}
.m8-nav li:hover .m8-nav01::after,.m8-nav li.on .m8-nav01::after{
	display: none;
}
.m8-navSub{
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	background-color:  var(--text-fff);
	text-align: center;
	padding: 20px;
	display: none;
	z-index: 200;
}
.m8-navSub a{
	display: block;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px var(--border-e1) solid;
	
}


.m8-navSub a:hover{
	color: var(--hover-color);
}
.m8-nav li:hover .m8-navSub{
	display: block;
}
/* 首页焦点图 */
.indexSwiper{
	max-width:1920px;
	margin: 0 auto;
}
.indexSwiper .swiper-button-next,.indexSwiper .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: var(--main-color);
}
.indexSwiper .swiper-button-prev{
	left: 0;
}
.indexSwiper .swiper-button-next{
	right: 0;
}
.indexSwiper .swiper-button-prev:after,.indexSwiper .swiper-button-next:after{
	font-size: 28px;
	color:  var(--text-fff);
}
.indexSwiper .swiper-button-prev:hover,.indexSwiper .swiper-button-next:hover{

	background: var(--hover-color);
}
.indexSwiperSpan{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100;
	bottom: 42px;
}
.indexSwiperSpan .swiper-pagination{
	position: relative;
	bottom: 0;
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
}
.indexSwiperSpan .swiper-pagination span{
	background:  var(--text-fff);
	opacity: .3;
	width: 14px;
	height: 14px;
	margin-right: 6px;
}
.indexSwiperSpan .swiper-pagination-bullet-active{
	background: var(--main-color) !important;
	opacity: 1 !important;
}

/* 首页搜索 */
.m8-SodBox{
	background:  var(--text-fff);
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	
}
.m8-SodBox .m8-soxBox{
	height: 70px;
}
.m8-SodBox .m8-soLeft{
	overflow: hidden;
	margin-right: 30px;
	align-items: center;
}
.m8-SodBox .m8-soLeft strong{
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.m8-SodBox .m8-soHot a{
	color: var(--text-8181);
	font-size: 16px;
	padding: 0 15px;
}
.m8-SodBox .m8-soHot a:hover{
	color: var(--main-color);
}

.m8-SodBox .m8-soForm{
	height: 40px;
	background: var(--bg-ed);
	border-radius: 6px;
	overflow:hidden;
}
.m8-SodBox .m8-soForm input{
border: none;
background: transparent;
padding-left: 10px;
width: 190px;
outline: none;
}
.m8-SodBox .m8-soForm button{
	background:var(--hover-color);
	color:var(--text-fff);
	width: 50px;
	border: none;
	cursor: pointer;
	font-size: 24px;
}
.m8-SodBox .m8-soForm button:focus{
	background:var(--main-color);
}
/* 第一个版块 */
.m8-indexBox1{
	background:var(--bg-ed);
}
.m8-titleBoxLeft p{
	color: var(--text-ccc);
	font-size: 18px;
	font-family: arial;
	letter-spacing:2px;
}
.m8-titleBoxLeft h2{
	margin-top: 5px;
	font-size: 36px;
	font-weight: bold;
	color: var(--text-000);
}
.m8-titleBoxLeft span{
	color: var(--main-color);
}
.m8-titleBoxRight p{
	font-size: 16px;
	color:var(--text-8181);
}
.m8-titleBoxRight a{
	width: 100px;
	line-height: 34px;
	margin-left: 20px;
	text-align: center;
	border-radius: 17px;
	height: 34px;
	color: var(--text-fff);
	background: var(--hover-color);
}
.m8-titleBoxRight a:hover{
	background: var(--main-color);
}
.m8-titleBox{
	margin-bottom: 30px;
}
.m8-indexBox1Left{
	background: var(--main-color);
	width: 270px;
	border-radius: 6px;
	padding: 15px;
	margin-right: 5px;
}

.m8-indexBox1LeftNav{
	border-radius: 6px;
	padding: 0 15px;
	background: var(--text-fff);
}
.m8-indexBox1LeftNav li{
	border-bottom: 1px var(--border-e1) solid;
	position: relative;
	padding: 5px 0;
}
.m8-indexBox1LeftNav li:last-child{
	border-bottom: none;
}
.m8-indexBox1LeftNav li .link span{
	font-size: 16px;
}
.m8-indexBox1LeftNav li:hover,
.m8-indexBox1LeftNav li.active{
	border-bottom-color: var(--hover-color);	
}
.m8-indexBox1LeftNav li:hover .link,.m8-indexBox1LeftNav li.open .link i,.m8-indexBox1LeftNav li.open .link,.m8-indexBox1LeftNav li:hover .link i,
.m8-indexBox1LeftNav li.active .link,
.m8-indexBox1LeftNav li.active .link i{
	color: var(--hover-color);	
}
.m8-indexBox1LeftNav li.open .link i{
	transform:rotate(90deg)
}
.m8-indexBox1LeftNav li .link{
	height: 50px;
	line-height: 50px;
}
.m8-indexBox1LeftNav li .link i{
	font-size: 14px;
	color: var(--text-abab);
}
.m8-indexBox1LeftNav .submenu{
	display: none;
}
.m8-indexBox1LeftNav .submenu a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
.m8-indexBox1LeftNav .submenu a:hover{
	color: var(--hover-color);	
}
.m8-kfBox{
	padding-top: 30px;
	padding-bottom: 37px;
	color: var(--text-fff);	
}
.m8-kfBox i{
	margin-right: 15px;
	font-size: 46px;
	color: var(--hover-color);	
}
.m8-kfTxt p{
	font-size: 16px;
}
.m8-kfTxt h3{
	margin-top: 4px;
	font-size: 24px;
	font-weight: bold;
}

.m8-indexBox1Rigth{
	overflow: hidden;
	padding-left: 25px;
}
.m8-indexBox1RigthList li{
	width: 33.3333%;
	box-sizing: border-box;
	padding-left: 25px;
	margin-bottom: 25px;
}
.m8-indexBox1RigthList li a{
	border-radius: 6px;
	display: block;
	background: var(--text-fff);
	padding: 6px;
}
.m8-indexBox1RigthList{
	margin-left: -25px;
	margin-bottom: -25px;
}
.m8-indexBox1RigthList li a:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	background: var(--hover-color);
}
.m8-indexBox1RigthList li p{
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
}
.m8-indexBox1RigthList li a:hover p{
	color: var(--text-fff);
}
.m8-indexBox1RigthList li .pic{
	background: var(--text-fff);
	border-radius: 6px;
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.m8-indexBox1RigthList li .pic img{
	max-width: 100%;
	max-height: 100%;
}
.m8-indexBox1RigthList li a:hover img{
	transform: scale(1.1);
}



/* 第二个版块 */
.m8-indexBox2{
	background: url(../img/bg2.jpg) no-repeat center top;
	background-size: cover;
}
.m8-indexBox2Right{
	background: var(--main-color);
	padding: 60px;
}
.m8-indexBox2Left h2,.m8-indexBox2Left h3{
	color: var(--text-fff);
}
.m8-indexBox2Left h3{
	color: var(--text-c7c7);
	font-family: arial;
	font-size: 16px;
}
.m8-indexBox2Left h2{
	font-size: 40px;
	font-weight: bold;
	margin: 15px 0;
}
.m8-indexBox2Left h3{
	font-size: 22px;
	font-weight: 500;
}
.m8-indexBox2Left h4{
	font-size: 16px;
	font-family: arial;
	color: var(--text-c7c7);
}
.m8-rwm img{
	width: 110px;
	height: 110px;
}
.m8-indexLxfs h3{
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	background: var(--hover-color);
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: var(--text-fff);
}
.m8-indexLxfs{
	margin-right: 50px;
	width: 275px;
	
}
.m8-indexLxfs a{
	margin-top: 19px;
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	color: var(--text-fff);
	text-align: center;
	border: 1px var(--text-fff) solid;
}
.m8-indexLxfs a:hover{
	background: var(--hover-color);
	color: var(--text-fff);
	border: 1px var(--hover-color) solid;
}

/* 第三个区域 */
.m8-indexBox3{
	background: #ededed;
}
.m8-indexBox3 .m8-indexBox1RigthList li{
	width: 25%;
	padding-left: 13px;
}
.m8-indexBox3 .m8-indexBox1RigthList{
	margin-left: -13px;
}

/* 第四个版块 */

.m8-indexBox4{
	background:var(--text-fff);
}
.m8-BoxTitle{
	margin-bottom: 30px;
}
.m8-BoxTitle h3{
	color: var(--text-ccc);
	font-size: 18px;
	font-family: arial;
	letter-spacing: 2px
}
.m8-BoxTitle h2{
	    margin-top: 5px;
	    font-size: 36px;
	    font-weight: bold;
	    color: var(--text-000);
}
.m8-BoxTitle h2 span{
	    color: var(--main-color);
}
.gallery-top{
	padding-top: 70px;
}

.gallery-top .swiper-pagination{
	display: none;
}
.gallery-thumbs {
	padding-top: 30px;
}
.gallery-thumbs .swiper-slide span{
	width: 160px;
	height: 48px;
	display: block;
	border-radius: 4px;
	border: 1px var(--main-color) solid;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active span {
	background: var(--main-color);
	color:var(--text-fff);
}
.m8-hxTabRitht{
	border-radius: 6px;
	overflow: hidden;
	width: 600px;
	height: 320px;
}
.m8-hxTabRitht img{
	width: 600px;
	height: 320px;
}
.m8-hxTabLeft{
	margin-right: 50px;
}
.m8-hxTabLeft .m8-num{
	color: #e8e8e8;
	font-size: 78px;
	font-weight: bold;
}
.m8-hxH2{
	background:var(--text-fff);
	font-size: 24px;
	position: relative;
	z-index: 100;
	padding: 6px 0;
	margin-top: -35px;
}
.m8-hxTxts{
	padding-top: 35px;
	color: var(--text-8181);
	line-height: 1.8;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.m8-hxBtn{
	background: var(--hover-color);
	display: block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: var(--text-fff);
	margin-top: 30px;
	border-radius: 6px;
}
.m8-hxBtn:hover{
	background: var(--main-color);
	color: var(--text-fff);
}
/* 5 */
.m8-indexBox5{
	background:url(../img/bg5.jpg) no-repeat center;
	background-size: cover;
}
.m8-indexBox5 .m8-BoxTitle h3{
	color: var(--text-fff);
}
.m8-indexBox5 .m8-BoxTitle h2{
	color: var(--text-fff);
}
.m8-indexBox5 .m8-BoxTitle h2 span{
	color: var(--hover-color);
}
.m8-indexBox5swiperBox{
	padding-top: 30px;
	position: relative;
	/* margin-left: -100px;
	margin-right: -100px; */
}
.m8-hzswiper{
	margin-left: 100px;
	margin-right: 100px;
	max-width: 1280px;
	overflow: hidden;
}
.m8-hzswiperItem{
	display: block;
	background: var(--bg-ed);
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 80px;
}
.m8-hzswiperItemImg{
	border-radius: 8px;
	background: var(--text-fff);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m8-hzswiperItemImg img{
	max-width: 100%;
	max-height: 100%;
}
.m8-hzswiperItem h3{
	font-size: 16px;
	margin: 10px 0 5px;
	color:var(--text-333);
}
.m8-hzswiperItem{
	color:var(--text-8181);
	line-height: 1.8;
	font-size: 14px;
}

.m8-hzswiperItem:hover h3{
	color:var(--main-color);
}
.m8-hzswiperItem:hover .txt{
	color:var(--text-8181);
}

.m8-indexBox5swiperBox .swiper-pagination span{
	width: 12px;
	height: 12px;
	background: var(--text-fff);
	opacity: .5;
	border-radius: 6px;
	margin-left: 20px;
}
.m8-indexBox5swiperBox .swiper-pagination  .swiper-pagination-bullet-active{
	background: var(--hover-color);
	width: 35px;
	opacity: 1;
}
.m8-indexBox5swiperBox .swiper-button-next,.m8-indexBox5swiperBox .swiper-button-prev{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background: rgba(255,255,255,.5);
}
.m8-indexBox5swiperBox .swiper-button-next:after,.m8-indexBox5swiperBox .swiper-button-prev:after{
	font-size: 22px;
	color: var(--text-fff) ;
}

.m8-indexBox5swiperBox .swiper-button-next:hover,.m8-indexBox5swiperBox .swiper-button-prev:hover{
	background: var(--hover-color);
}

/* 6 */
.m8-indexBox6{
	background: var(--text-fff);
}
.m8-indexBox6Ul{
	padding-top: 30px;
	margin-left: -25px;
}
.m8-indexBox6Ul li{
	box-sizing: border-box;
	padding-left: 25px;
	width: 33.33333%;
	margin-bottom: 25px;
}
.m8-indexBox6Li{
	border: 1px var(--border-e1) solid;
	border-radius: 6px;
	padding:15px 24px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.m8-indexBox6Li span{
	font-size: 72px;
	color: var(--text-e8e8);
	font-weight: bold;
	line-height: 1;
	font-family: arial;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.m8-indexBox6Li h2{
	background: var(--text-fff);
	margin-top: -35px;
	font-size: 24px;
	padding: 6px 0;
	position: relative;
	z-index: 10;
	font-weight: bold;
	margin-bottom: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.m8-indexBox6Li  .m8-txts{
	color: var(--text-8181);
	line-height: 1.8;
	min-height: 75px;
}
.m8-indexBox6Li:hover{
	background: var(--hover-color);
	border-color:var(--hover-color);
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.m8-indexBox6Li:hover h2{
	background: var(--hover-color);
	color: var(--text-fff);
}
.m8-indexBox6Li:hover span{
	color: var(--text-fff);
}
.m8-indexBox6Li:hover  .m8-txts{
	color: var(--text-fff);
}

/* 7 */
.m8-indexBox7{
	background: url(../img/bg5.jpg) no-repeat center;
	background-size: cover;
}
.m8-indexBox7 .m8-BoxTitle h3{
	color: var(--text-fff);
}
.m8-indexBox7 .m8-BoxTitle h2{
	color: var(--text-fff);
}
.m8-indexBox7 .m8-BoxTitle span{
	color: var(--hover-color);
}

.m8-indexBox7swiperBox{
	/* margin-left: -100px;
	margin-right: -100px; */
	position: relative;
	padding-top: 5px;
}
.m8-hzswiperBox7{
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 80px;
}

.m8-indexBox7swiperBox .swiper-pagination span{
	width: 12px;
	height: 12px;
	background: var(--text-fff);
	opacity: .5;
	border-radius: 6px;
	margin-left: 20px;
}
.m8-indexBox7swiperBox .swiper-pagination  .swiper-pagination-bullet-active{
	background: var(--hover-color);
	width: 35px;
	opacity: 1;
}
.m8-indexBox7swiperBox .swiper-button-next,.m8-indexBox7swiperBox .swiper-button-prev{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background: rgba(255,255,255,.5);
}
.m8-indexBox7swiperBox .swiper-button-next:after,.m8-indexBox7swiperBox .swiper-button-prev:after{
	font-size: 22px;
	color: var(--text-fff) ;
}

.m8-indexBox7swiperBox .swiper-button-next:hover,.m8-indexBox7swiperBox .swiper-button-prev:hover{
	background: var(--hover-color);
}
.m8-indexBox7swiperBox  .m8-2hzswiperItem{
	padding: 15px;
	border-radius: 6px;
	display: flex;
	background: var(--bg-ed);
	margin-top: 25px;
}

.m8-indexBox7swiperBox .m8-2hzswiperItemImg{
	width: 270px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	background: var(--text-fff);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	
}
.m8-indexBox7swiperBox .m8-2hzswiperItemImg img{
	max-width: 100%;
	max-height: 100%;
}
.m8-2hzswiperRbox{
	overflow: hidden;
}
.m8-2hzswiperRbox h3{
	font-size: 16px;
	margin-bottom: 8px;
}
.m8-2hzswiperRbox .txt{
	line-height: 1.8;
	color: var(--text-8181);
	font-size: 14px;
}
/* 8 */
.m8-indexBox8{
	background: var(--bg-ed);
}
.m8-indexBox8Ul li{
	width: 33.333%;
	box-sizing: border-box;
	padding-left: 25px;
}
.m8-indexBox8Ul{
	margin-left: -25px;
}
.m8-indexBox8Ul li a{
	display: block;
	background:  var(--text-fff);
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}
.m8-indexBox8Ul li a #hot{
	position: absolute;
	left: -40px;
	top: -10px;
	width: 100px;
	height: 50px;
	line-height: 65px;
	background: var(--main-color);
	color: var(--text-fff);
	font-size: 14px;
	text-align: center;
	transform: rotate(-49deg);
	z-index: 100;
}
.m8-indexBox8Ul li a:hover #hot{
	background: var(--hover-color);
}
.m8-indexBox8Ul li .pic{
	height: 370px;
	overflow: hidden;
	border-bottom: 1px var(--border-e1) solid;
}
.m8-indexBox8Ul li .pic img{
	max-width: 100%;
	max-height: 100%;
	
}
.m8-indexBox8Ul li .m8-indexBox8UlTxt{
	padding: 10px 25px;
}
.m8-indexBox8UlTitle span{
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
}
.m8-indexBox8UlTitle i{
	 font-size: 20px;
}
.m8-indexBox8UlTitle{
	padding-bottom: 10px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px var(--border-e1) solid;
}
.m8-indexBox8Ul li a:hover  .m8-indexBox8UlTitle{
	color: var(--hover-color);
}

.m8-indexBox8UlTxtDiv{
	padding-top: 10px;
	font-size: 14px;
	line-height: 1.8;
	color: var(--text-8181);
}
.m8-indexBox8Ul li a:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}
/* 9 */

.m8-indexBox9{
	background: #fff;
}
.m8-indexBox9Ul{
	padding-top: 20px;
}
.m8-indexBox9Ul li{
	width: 14.28%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	position: relative;
}
.m8-indexBox9Ul li i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	font-size: 40px;
	border: 1px var(--border-e1) solid;
	border-radius: 50%;
}
.m8-indexBox9Ul li p{
	margin-top: 20px;
	font-size: 16px;
}
.m8-indexBox9Ul li:hover i{
	background:var(--hover-color) ;
	color: var(--text-fff);
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.m8-indexBox9Ul li:hover p{
	color:var(--hover-color) ;
}
.m8-indexBox9UlAbs{
	position: absolute;
	right: -10px;
	top: 32%;
	color: var(--text-ccc);
	font-size: 18px;
}
.m8-indexBox9Ul li:last-child .m8-indexBox9UlAbs{
	display: none;
}
.m8-indexBox9Dh{
	margin-top: 40px;
}
.m8-indexBox9Dhhm{
	font-size: 20px;
	font-family: arial;
	color: var(--text-fff);
	background: var(--main-color);
	height: 50px;
	border-radius: 25px;
	padding: 0 25px;
	line-height: 50px;
	font-weight: bold;
}
/* 10 */
.m8-indexBox10{
	background: url(../img/box10.jpg) no-repeat center;
	background-size: cover;
}
.m8-indexBox10 .m8-BoxTitle h2{
	color: var(--text-fff);
}
.m8-indexBox10 .m8-BoxTitle h2 span{
	color: var(--hover-color);
}
.m8-indexBox10Swiper{
	background: var(--text-fff) ;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 50px;
}


.m8-indexBox10Swiper .mySwiper{
	background: var(--bg-ed) ;
	width: 220px;
	box-sizing: border-box;
	padding: 20px 30px;
}

.m8-indexBox10Swiper .mySwiper .swiper-slide{
	height: 50px !important;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 5px;
}
.m8-indexBox10Swiper .mySwiper .swiper-slide-thumb-active{
	background:var(--main-color);
	color: var(--text-fff);
	
}
.m8-indexBox10Swiper .mySwiper2{
	margin: 40px;
	overflow: hidden;
	position: relative;
}
.m8-indexBox10Swiper .mySwiper2 .swiper-pagination{
	display: none;
}
.m8-indexBox10Swiper .mySwiper2 .pic{
	border-radius: 8px;
	overflow: hidden;
	height: 330px;
	margin-right: 50px;
}
.m8-indexBox10SwiperTxtBox h2{
	font-size: 24px;
	font-weight: bold;
}
.m8-indexBox10SwiperTxtBox .txt{
	line-height: 1.8;
	margin: 25px 0;
	color: var(--text-8181);
}
.m8-indexBox10SwiperTxtBox .btnBox a{
	width: 110px;
	height: 40px;
	text-align: center;
	margin-right: 20px;
	line-height: 40px;
	border-radius: 6px;
	color: var(--text-fff);
}
.m8-indexBox10SwiperTxtBox .btnBox a.abt1,.m8-indexBox10SwiperTxtBox .btnBox a.abt2:hover{
		background:var(--main-color);
}
.m8-indexBox10SwiperTxtBox .btnBox a.abt2,.m8-indexBox10SwiperTxtBox .btnBox a.abt1:hover{
		background:var(--hover-color);
}

/* 11 */
.m8-indexBox11{
	background: #fff;
	padding-bottom: 0;
}

.m8-indexBox11 .aboutTxt01{
	padding: 0 88px;
	color: var(--text-8181);
	line-height: 1.8;
	text-align: center;
	position: relative;
}
.m8-indexBox11 .aboutTxt01 span.left{
	position: absolute;
	left: 0;
	top: -50%;
	font-size: 100px;
	color: var(--bg-ed);
	font-family: arial;
}
.m8-indexBox11 .aboutTxt01 span.rigth{
	position: absolute;
	right: 0;
	top: -50%;
	font-size: 100px;
	color: var(--bg-ed);
	font-family: arial;
}
.m8-indexBox11 .aboutVod{
	border-radius: 8px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	z-index: 50;
	
}
.m8-indexBox11 .aboutAbs{
	position: absolute;
	left:0;
	right:0 ;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.m8-indexBox11 .aboutAbs i{
	width: 68px;
	height: 68px;
	background:var(--text-fff);
	color: var(--main-color);
	font-size: 28px;
	cursor: pointer;
	text-align: center;
	line-height: 68px;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-radius: 50%;
}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ 
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.9);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
	
}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.m8-indexBox11Foot{
	background:var(--main-color);
	margin-top: -128px;
	padding-top: 180px;
	padding-bottom: 50px;
}
.m8-indexBox11FootUl li{
	flex: 1;
	color: #719cdd;
	padding-left: 60px;
	font-size: 16px;
}
.m8-indexBox11FootUl li h2{
	font-size: 48px;
	font-weight: bold;
	color: var(--hover-color);
	margin-bottom: 10px;
}
.m8-indexBox11FootUl li h2 span{
	color: #719cdd;
	font-size: 16px;
}
.m8-indexBox11FootUl li + li{
	border-left: 1px #719cdd solid;
}

.m8-slideTxtBox{
	padding-top: 80px;
	padding-bottom: 50px;
}
.m8-slideTxtBox .hd li{
	width: 158px;
	height: 46px;
	border: 1px var(--main-color) solid;
	border-radius: 4px;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	margin: 0 20px;
	cursor: pointer;
}
.m8-slideTxtBox .hd li.on{
	background: var(--main-color);
	color: var(--text-fff);
}
.m8-slideTxtBox .m8-tabList{
	margin-left: -27px;
}

.m8-slideTxtBox .m8-tabList li{
	width: 25%;
	padding-left: 27px;
	text-align: center;
}
.m8-slideTxtBox .m8-tabList li .pic{
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
}
.m8-slideTxtBox .bd{
	margin-top: 48px;
}

.m8-slideTxtBox .m8-tabList li p{
	font-size: 16px;
	margin-top: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.m8-indexBox12{
	background: url(../img/xm1.jpg) no-repeat  center;
	background-size: cover;
}
.m8-indexBox12 .m8-BoxTitle h2{
	color: var(--text-fff);
}
.m8-indexBox12 .m8-BoxTitle h2 span{
	color:  var(--hover-color);
}
.m8-indexBox12Ul{
	margin-top: 50px;
}

.m8-indexBox12Ul li{
	padding-left: 40px;
	margin-bottom: 40px;
	width: 50%;
	box-sizing: border-box;
}
.m8-indexBox12Ul{
	margin-left: -40px;
}
.m8-indexBox12Ul li a{
	display: flex;
	padding: 13px;
	border-radius: 8px;
	background: var(--text-fff);
	align-items: center;
}
.m8-indexBox12Ul li .pic{
	width: 180px;
	height: 134px;
	margin-right: 25px;
	
}
.m8-indexBox12UlRbox h2{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.m8-indexBox12UlRbox .txt{
	line-height: 1.8;
	color: var(--text-8181);
}
.m8-indexBox12Agd{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 40px;
	line-height: 40px;
	background:var(--hover-color);
	color:  var(--text-fff);
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	
}
.m8-indexBox12Agd:hover{
	background:var(--main-color);
	color:  var(--text-fff);
}
.m8-indexBox13{
	background: var(--bg-ed);
}
.m8-indexBox13 .m8-titleSytel2 p{
	color:  var(--main-color);
	font-size: 18px;
	font-family: arial;
	margin-bottom: 4px;
	
}
.m8-indexBox13 .m8-titleSytel2 h2{
	font-size: 28px;
}
.m8-indexBox13Tab{
	position: relative;
}
.m8-indexBox13Tab .hd{
	position: absolute;
	top: -80px;
	right: 0;
}
.m8-indexBox13Tab .hd li{
	margin-left: 28px;
	height: 42px;
	line-height: 42px;
	background: var(--text-fff);
	padding: 0 20px;
	border-radius: 6px;
	cursor: pointer;
}
.m8-indexBox13Tab .hd li:hover,.m8-indexBox13Tab .hd li.on{
	background: var(--main-color);
	color: var(--text-fff);
}
.m8-indexBox13Tab .hd li:hover a{
	color: var(--text-fff);
}
.m8-indexBox13Tab  .bd{
	margin-top: 30px;
}
.m8-indexBox13Tab  .bd .item{
	margin-left: -30px;
	margin-bottom: -30px;
}
.m8-indexBox13Tab  .bd .item li{
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
	margin-bottom: 30px;
}
.m8-indexBox13Tab  .bd .item li a{
	display: block;
	background: var(--text-fff);
	padding: 15px;
	border-radius: 6px;
}
.m8-indexBox13Tab  .bd .item li a:hover h2{
	color: var(--hover-color);
}
.m8-indexBox13TabTit{
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	margin-bottom: 8px;
}
.m8-indexBox13TabTit h2{
	font-size: 18px;
}
.m8-indexBox13TabTit span{
	margin-left: 15px;
	font-size: 14px;
	color:var(--text-abab);
}

.m8-indexBox13Tab .bd .txt{
	line-height: 1.8;
	color:var(--text-8181);
}
.m8-indexBox14{
	background: url(../img/box14.jpg) no-repeat center;
	background-size: cover;
	
}
.m8-indexBox14 .m8-BoxTitle h2{
	color: var(--text-fff);
}
.m8-indexBox14 .m8-BoxTitle h2 span{
	color: var(--hover-color);
}
.m8-indexBox14Tab{
	border-radius: 10px;
	overflow: hidden;
	flex-flow:row-reverse;
	height: 471px;
	margin-top: 40px;
}
.m8-indexBox14Tab .hd{
		flex: 1;
		margin-left: 4px;
		
}
.m8-indexBox14Tab .bd{
	width: 50%;
}
.m8-indexBox14Tab .bd .pic{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;	
}
.m8-indexBox14Tab .bd .pic img{
	height: 471px;
	width: auto;
	max-width: initial;
}
.m8-indexBox14Tab .indexBox14TabUl{
	margin-right: -8px;
}
.m8-indexBox14Tab .indexBox14TabUl li{
	flex: 1;
	min-width: 48%;
	text-align: center;
	background: #fff;
	margin-bottom: 4px;
	margin-right: 4px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.m8-indexBox14Tab .indexBox14TabUl li i{
	font-size: 66px;
}
.m8-indexBox14Tab .indexBox14TabUl li p{
	margin-top: 15px;
	font-size: 18px;
}
.m8-indexBox14Tab .indexBox14TabUl li:hover,.m8-indexBox14Tab .indexBox14TabUl li.on{
	background:var(--main-color);
	color: #fff;
}
.indexBox14TabBott{
	background: #fff;
	height: 103px;
	box-sizing: border-box;
	padding: 0 40px;
}
.indexBox14TabBottLeft i{
	font-size: 46px;
	color: var(--hover-color);
	margin-right: 20px;
}
.indexBox14TabBottLeft p{
	font-size: 16px;
}
.indexBox14TabBottLeft h3{
	margin-top: 5px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
}
.indexBox14TabBottAbtn{
	width: 110px;
	height: 40px;
	border-radius: 20px;
	background:var(--hover-color) ;
	color: var(--text-fff);
	line-height: 40px;
	text-align: center;
}
.indexBox14TabBottAbtn:hover{
	background:var(--main-color);
	color: var(--text-fff);
}

.m8-indexBox15{
	background: var(--text-fff);
}
.m8-indexBox15Left{
	width: 48%;
}

.m8-indexBox15Left .txt{
	margin-top: 20px;
	line-height: 1.8;
	font-size: 14px;
	color: var(--text-8181);
}
.m8-indexBox15Rigth{
	border-radius: 20px;
	overflow: hidden;
	width: 48%;
	position: relative;
}

.m8-indexBox15Rigth .aboutAbs{
	position: absolute;
	left:0;
	right:0 ;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.m8-indexBox15Rigth .aboutAbs i{
	width: 68px;
	height: 68px;
	background:var(--text-fff);
	color: var(--main-color);
	font-size: 28px;
	cursor: pointer;
	text-align: center;
	line-height: 68px;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-radius: 50%;
}
.m8-indexBox15Rigth img{
	position: absolute;
	left:0;
	right:0 ;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexBox15Ul{
	margin-top: 60px;
}
.indexBox15Ul li{
	flex: 1;
	text-align: center;
	border-right: 1px #E1E1E1 solid;
}
.indexBox15Ul li:last-child{
	border: none;
}
.indexBox15Ul li h3{
	color: var(--hover-color);
	font-weight: bold;
	font-size: 22px;
}
.indexBox15Ul li h3 span{
	color: #333;
	display: inline-block;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
}
.indexBox15Ul li p{
	margin-top: 10px;
	font-size: 16px;
}

.m8-indexBox16{
	background: var(--main-color);
}
.m8-indexBox16 .m8-slideTxtBox .hd li{
	background:var(--text-fff);
}
.m8-indexBox16 .m8-slideTxtBox{
	margin: 0;
	padding: 0;
}
.m8-indexBox16 .m8-slideTxtBox .hd li.on{
	background: var(--hover-color);
}
.m8-indexBox16 .m8-slideTxtBox .m8-tabList a{
	color:var(--text-fff);
}
.m8-indexBox16 .m8-slideTxtBox .m8-tabList a:hover{
	color: var(--hover-color);
}

.m8-indexBox17{
	background: #ededed;
}
.m8-indexBox17 .m8-titleSytel2 p{
	color:  var(--main-color);
	font-size: 18px;
	font-family: arial;
	margin-bottom: 4px;
	
}
.m8-indexBox17 .m8-titleSytel2 h2{
	font-size: 28px;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item{
	margin-left: -28px;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li{
	    width: 25%;
	    box-sizing: border-box;
	    padding-left: 28px;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li a {
    display: block;
    background: var(--text-fff);
    padding: 0;
    border-radius: 6px;
	overflow: hidden;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li a .pic{
	height: 180px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li a .pic img{
	height: 100%;
	width: auto;
	max-width: initial;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li a .txt{
	padding:10px 20px;
}
.m8-indexBox17 .m8-indexBox13Tab .bd h2{
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}
.m8-indexBox17 .m8-indexBox13Tab .bd .tims{
	color: var(--text-abab);
	font-size: 14px;
}
.m8-indexBox17 .m8-indexBox13Tab .txtBox{
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--text-8181);
}
.m8-indexBox17 .m8-indexBox13Tab .bd .item li a:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}


.m8-indexBox18{
	background:var(--main-color);
}

.m8-indexBox18LyBox{
	background: #fff;
	border-radius: 15px;
	padding: 40px;
}
.indexBox18Left{
	width: 240px;
}

.indexBox18LeftT P{
	font-size: 20px;
	font-family: arial;
} 
.indexBox18LeftT h2{
	font-size: 28px;
	color: var(--main-color);
}
.indexBox18LeftC{
	margin-top: 80px;
	line-height: 1.6;
	font-size: 18px;
	color:var(--text-8181);
}
.indexBox18LeftB{
	margin-top: 80px;
}
.indexBox18LeftB i{
	font-size: 48px;
	color:var(--hover-color) ;
	margin-right: 10px;
}
.indexBox18LeftB p{
	font-size: 16px;
	color:var(--text-8181);
}
.indexBox18LeftB h3{
	font-size: 24px;
	font-family: arial;
	margin-top: 6px;
	font-weight: bold;
}
.indexBox18RigthItem1 .formItem{
	width: 49%;
}
.indexBox18Rigth{
	max-width: 880px;
}
.indexBox18RigthItem1 .formItem{
	border: 1px var(--border-e1) solid;
	border-radius: 10px;
	margin-bottom: 22px;
	padding: 8px;
	box-sizing: border-box;
}
.indexBox18RigthItem1 .formItem input{
	border: none;
	outline: none;
}
.indexBox18RigthItem1 .formItem span{
	height: 44px;
	line-height: 44px;
	width: 70px;
	margin-left: 15px;
}
.indexBox18RigthItem1 .formItem img{
	height: 44px;
}
.indexBox18RigthItem1 .textarea{
	border: 1px var(--border-e1) solid;
	outline: none;
	padding: 25px;
	height: 80px;
	width: 100%;
	border-radius: 10px;
}
.indexBox18Btn{
	margin-top: 30px;
	border: none;
	cursor:pointer;
	background:var(--main-color);
	border-radius: 10px;
	width: 300px;
	height: 66px;
	color:var(--text-fff);
	font-size: 18px;
}
.footer{
	background: url(../img/foot.jpg) no-repeat center;
	background-size:cover;
	padding-top: 45px;
}
.footLeft{
	width: 60%;
	padding-right: 50px;
	border-right: 1px #252525 solid;
}
.footLeft li{
	flex: 1;
}
.footLeft li a{
	display: block;
	color: #818181;
	height: 30px;
	line-height: 30px;
}
.footLeft li a:hover{
	color: var(--hover-color);
}
.footLeft li h2{
	color: #ccc;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}
.footerRbox h2{
	color: #ccc;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.footerRboxLeft img{
	width: 105px;
	height: 105px;
}
.footerRboxLeft p{
	margin-top: 12px;
	color: #818181;
}
.footerRboxLeft{
	margin-right: 40px;
}

.footerRboxRgith{
	max-width: 230px;
	line-height: 1.5;
}
.footerRboxRgith .p1{
	color: #fff;
	font-size: 16px;
}
.footerRboxRgith h3{
	color:var(--main-color) ;
	font-size: 26px;
	font-weight: bold;
	font-family: arial;
}

.m8-copy{
	border-top: 1px #252525 solid;
	padding-top: 20px;
	margin-top: 30px;
	color: #4f4f4f;
	padding-bottom: 20px;
}

.m8-copy .m8-flogo {
	height: 30px;
	margin-right: 15px;
}
.m8-copyRgith a{
	color: #4f4f4f;
}

.m8-copyRgith a:hover{
	color: var(--hover-color);
}