@charset "utf-8";
html, body {position: relative;height: 100%;width: 100%;}
body {background: #eee;font-family:"微软雅黑";font-size: 14px;color:#000;margin: 0;padding: 0;}

.welcome {position: fixed;width: 100%;height: 100%;
	background:White url(../img/welcome.jpg) no-repeat center center/cover;transition: all .3s ease-in-out .5s;
	/* 	-webkit-transition: all .3s ease-in-out .5s;
			-moz-transition: all .3s ease-in-out .5s;
			-ms-transition: all .3s ease-in-out .5s;
			-o-transition: all .3s ease-in-out .5s; */
	z-index: 999;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.welcome .logo{width: 70%; margin: 0 auto; max-width: 350px;}
.welcome .logo img{width: 100%;}
.welcome .loading{color: #2fd0b5;text-align: center; font-size: 20px;margin-top: 20px;}
.mask{display: none;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

.header{
	position: fixed;top: 0;left: 0;width: 100%;height: 60px;padding: 0 30px;background-color: #000;z-index:99;
	display: flex;align-items: center;justify-content: space-between;
}
.header .logo{ height: 24px;width: auto;}
.header .menu-icon img{height: 20px;width: auto;}
.menuicon{display: none;margin-left: 20px;}
.menu{position: fixed;right: 60px;top: 11px;z-index:100;font-size: 16px;}
.menu .list-inline2{display: flex;}
.menu li{padding: 8px 16px;}
.menu li a{color: #fff;}
.menu li.active{color: #00C9A7;background-color: #fff;}
.menu li.active a{color: #00C9A7;}
.menu li a.navLine{color: #01afff;}


.main-swiper{width: 100%; height: 100%; margin: 0 auto; position: relative; padding-top:60px;}
.main-swiper .swiper-wrapper{ width: 100%; height: 100%;}
.main-slide{width: 100%;height: 100%;font-size: 18px;background-color: #fff;}

/* 轮播图 */
.main-slide.slid1{position: relative;}
.main-slide.slid1 .content{width: 100%; height: 100%;}
.swiper1{width: 100%; height: 100%;}
.swiper1-slide{width: 100%;height: 100%;}
.swiper1-slide.slide1{background: url(../img/bg1.jpg) no-repeat center center/cover;}
.swiper1-slide.slide2{background: url(../img/bg2.jpg) no-repeat center center/cover;}
.swiper1-slide.slide3{background: url(../img/bg3.jpg) no-repeat center center/cover;}
.swiper1-slide.slide4{background: url(../img/bg4.jpg) no-repeat center center/cover;}

.swiper1-slide .boxs{width: 100%;height: 100%;display: flex;justify-content: center;}
.swiper1-slide .boxs img{height: 255px;width: auto;margin-top: 50px;}
.swiper-pagination.swiper1-bullet{width: auto;right: 30px;left: auto;bottom: 30px;}
.swiper1-bullet span{width: 24px;background-color: #fff;border-radius: 0;height: 4px;opacity:1;}
.swiper1-bullet span.swiper-pagination-bullet-active{background-color: #00C9A7;}
/* 轮播图上新闻 */
.main-slide.slid1 .slid-news{ position: absolute;height:80px; width: 400px;left:30px;top: 85%; z-index: 98;overflow: hidden;}
.main-slide.slid1 .slid-news .newsLogo{height:15px;text-align: center;margin-bottom: 15px;}
.main-slide.slid1 .slid-news .newsLogo img{height: 100%;width: auto;margin: 0 auto;}
.main-slide.slid1 .slid-news .newsswiper{height: 50px;}
.main-slide.slid1 .slid-news .swiper-slide{height: 100%;width: 100%;}
.main-slide.slid1 .slid-news .swiper-slide p{line-height: 25px;font-size: 14px;text-align: center;}
.main-slide.slid1 .slid-news .swiper-slide p a{color: #000;}
/* 轮播图向下滚动按钮 */
.main-slide.slid1 .moveDown{ position: absolute;z-index: 98;left: 50%;bottom: 15px;display: flex;
flex-direction: column;align-items: center;margin-left: -35px;}
.main-slide.slid1 .moveDown .more{width: 70px;height: 70px;border-radius: 35px;background-color: #fff;
display: flex;align-items: center;justify-content: center;color:#000;margin-bottom: 15px;font-size: 13px;}
.main-slide.slid1 .moveDown .more:active{background-color: #00C9A7;color: #fff;}
.main-slide.slid1 .moveDown .down img{width: 30px;}


.main-slide.slid2{padding: 0 20px;display: flex;flex-direction: column;justify-content: space-between;}
.main-slide.slid3{padding: 0 20px;display: flex;flex-direction: column;justify-content: space-between;}
.main-slide.slid4{padding: 0 20px;display: flex;flex-direction: column;justify-content: space-between;}
.main-slide.slid5{padding: 0 20px;display: flex;flex-direction: column;justify-content: space-between;}
.main-slide .title{margin: 50px 0 0 0;width: 50%;}
.main-slide .title img{width: 100%;}

.main-slide{max-width: 1400px;margin: 0 auto;}
.main-slide .content{}
.main-slide .content .contNews{width: 100%;box-shadow: 0 15px 15px 0px #cbcbcb;border: 20px solid #f3f3f3;background-color: #cbcbcb;}
.swipercont img{width: 100%;display: block;}
.contNewsTitle{ display: flex;justify-content: center;} 
.contNewsTitle div{
	width: 33%;height: 42px;border-radius:26px;font-size: 13px;color: #fff;background:#00c9A7;
	padding: 0 24px; display: flex;align-items: center;justify-content: center;margin: 0 10px;
}
.contNewsTitle div a{color: #fff;width: 100%;display: block;text-align: center;}
.newsMore{margin:0 auto 20px auto;background-color: #f5f5f5;display: flex;align-items: center;justify-content: center;height: 40px;width: 350px;}
.newsMore img{width: 25%;}
.main-slide.slid4 .newsMore{background-color: #fff;color: #00C9A7;border: 1px solid #00C9A7;font-size: 14px;}

.swiper-prev{position: absolute;left:10px;width: 30px;top: 50%;z-index: 2;margin-top: -15px;}
.swiper-prev img{width: 100%;height:auto;}
.swiper-next{position: absolute;right:10px;width: 30px;top: 50%;z-index: 2;margin-top: -15px;}
.swiper-next img{width: 100%;height:auto;}



/* #quan .swipercont{padding:0 20px;background: url(../img/quanbg.jpg) no-repeat left top/100% 100%;} */

.ellipsis2{
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;line-height: 1.3;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align: center;}
.ellipsis1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1.2;}


.about-title{position: relative;z-index: 2;width: 100%;padding-top: 26px;
	height: 120px;background: url(../img/about1.png) no-repeat left bottom/cover;}
.about-content{
	width: 100%; height: 100%;margin-top: -120px;padding: 0 12.8%;padding-top: 120px;
	background:#666 url(../img/about2.jpg) no-repeat center center/auto 140%;
}
.tabwrap{
	width: 82%; height: 44px;margin: 0 auto 0 auto;font-size: 15px;color: #949494;
	border-radius: 25px; background-color: rgba(245, 245, 245, 1);
	display: flex;justify-content: space-between;
}
.tabwrap .item{border-radius:22px;width: 30%;height: 100%;display: flex;align-items: center;justify-content: center;}
.tabwrap .item img{width: 18px;display: none;margin-right: 8px;}
.tabwrap .item.active{background-color: #00C9A7;color: #fff;}
.tabwrap .item.active img{display: block;}
.about-content .tab{display: none;color: #fff;}
.about-content .tab.active{display: block;}
.tab .title{color: #00C9A7;font-size: 24px;text-align: center;font-family: PingFangSC-Semibold;line-height: 2;margin-bottom: 35px;margin-top: 46px;}
.tab2 .title,.tab3 .title{margin-bottom: 42px;}

.tab .title span{display: inline-block;position: relative;}
.tab .title span:after{content: '';display: block;height: 1px;width: 100%;background-color: #fff;
position: absolute;bottom: 0;transform:scaleY(0.5);}
.tab .content{font-size: 16px;line-height: 2;}
.rylist-item{display: flex;margin-bottom:25px;}
.rylist-item img{margin-right: 15px;width: 36px;height: 36px;}

.tab3 .rylist-item{display: block;padding: 0 10%;}
.tab3 .rylist-item span{background-color: #00C9A7;color:#fff;display: inline-block;width: 34px;height: 34px;
border-radius: 17px;text-align: center;line-height: 34px;}





.main-slide.slid7{background: url(../img/contact1.jpg) no-repeat center center/cover;}
.main-slide.slid7 .title{width: 40%;margin: 40px auto 0 auto;}
.main-slide.slid7 .content{width:25%;margin: 20px auto 0 60%;}
.main-slide.slid7 .content img{display: block;width: 100%;}
.main-slide.slid7 .foot{position: absolute;bottom: 0;left: 0;width: 100%;}
.main-slide.slid7 .foot1{font-size: 18px;color: #fff;padding: 10px 22px;
width: 50%;margin-bottom: 50px;
}
.main-slide.slid7 .foot1 .item{display: flex;margin:10px 0;align-items: center;}
.main-slide.slid7 .foot1 .item img{width: 16px;margin-right: 10px;height: 16px;}
.main-slide.slid7 .foot1 .item .left{width: 125px;}
.main-slide.slid7 .foot2{
	display: flex;align-items: center;justify-content: center;
	height: 40px;background-color: rgba(30, 30, 30, 0.76);color: #fff;text-align: center;font-size: 12px;}
.foot2 a{color: #fff;}


@media (max-width:960px) {
	.header{height: 44px;}
	.menu-icon{display: flex;align-items: center;}
	.menuicon{margin-left: 20px;display: block;}
	.menu{display:none;position: fixed;right: 0;top: 44px;z-index:120;background: #000;color: #fff;padding: 5px;font-size: 14px;}
	.menu .list-inline2{display: block;}
	.main-swiper{padding-top: 44px;}
	.swiper1-slide .boxs img{height: 130px;width: auto;max-width: 95%;}
	.swiper-pagination.swiper1-bullet{width: 100%;left: 0;bottom: 80px;}
	/* 轮播图上新闻 */
	.main-slide.slid1 .slid-news{ position: absolute;height:80px; width: 80%;left: 10%;z-index: 98;overflow: hidden;top: 50%;}
	.main-slide .content .contNews{background-color: #fff;margin: 0;}
	.main-slide .title{width: 100%;}
	.contNewsTitle div{width: 70%;}
	.newsMore{width: 100%;}
	.tab .title{font-size: 17px;margin-bottom: 25px;margin-top: 46px;}
	.tab .content{font-size: 14px;}
	.rylist-item img{margin-right: 10px;width: 26px;height: 26px;}
	.tab3 .rylist-item span{width: 22px;height: 22px;border-radius: 11px;line-height: 22px;}
	
	.main-slide.slid7 .title{width: 90%;margin: 50px auto 0 auto;}
	.main-slide.slid7 .content{width: 52%;margin: 30px auto 0 auto;}
	.main-slide.slid7 .foot1{font-size: 12px;width: 100%;background-color: rgba(30, 30, 30, 0.55);}
	.main-slide.slid7 .foot1 .item img{width: 12px;margin-right: 10px;height: 12px;}
	.main-slide.slid7 .foot1 .item .left{width: 65px;}
	.main-slide.slid7 .foot2{font-size: 9px;}
}




.newstitle a{color: #FFF;}
.shoptitle a{	color: #FFF;}
.quantitle a{	color: #FFF;}

body .layui-layer{box-shadow: none;}
.rquan-content{	padding-bottom:100px;	position: relative;}
.rquan-content:after{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	content: '';
	width: 30px;
	height: 30px;
	background: url(../img/close.png) no-repeat center center/100% 100%;
}