@charset "utf-8";
#header .menu-con>ul>li.nav1>a>span.en::after{display: block;}

#module-01{	overflow: hidden; position: relative; z-index: 1; background: #fff; padding: .5rem 0 .5rem;}
/* #module-01 .mainBox{width: 70%; max-width: 70%;} */
#module-01 .title{text-align: left; margin-bottom: 18px;}
#module-01 .title h1{color: #e52027; display: inline-block; font-size: 28px; text-transform: uppercase;}
#module-01 .title span{ width: 6px; display: inline-block; position: relative; top: 3px; border-radius: 100%; height: 6px; background-color: #eddbe5;}
#module-01 .title h2{color: #9e9e9e; font-size: 16px; font-weight: 200; text-transform: uppercase;}
#module-01 .box{position: relative; margin: 0 auto; overflow: hidden;}
#module-01 .left-box{}
#module-01 .left-box p{margin-bottom: 10px; line-height: 1.6em;}
#module-01 .right-box{float: right; width: 620px; margin-left: .5rem; padding-top: .8rem;}
#module-01 .more{overflow: hidden; text-align: right; padding-top: 20px;}
#module-01 .more a{background-color: #e52027;  color: #fff; font-size: 14px; display: inline-block; width: 120px; height: 38px; line-height: 38px; text-align: center;}

#module-02{	overflow: hidden; position: relative; z-index: 1; background: #f4f4f4; padding: .5rem 0 .5rem;}
/* #module-02 .mainBox{width: 70%; max-width: 70%;} */
#module-02 .title{text-align:left; margin-bottom: 20px;}
#module-02 .title h1{color: #e52027; display: inline-block; font-size: 28px; text-transform: uppercase;}
#module-02 .title span{ width: .06rem; display: inline-block; position: relative; top: .03rem; border-radius: 100%; height: .06rem; background-color: #eddbe5;}
#module-02 .title h2{color: #9e9e9e; font-size: 16px; font-weight: 200; text-transform: uppercase;}
#module-02 .box{position: relative;  margin: 0 auto; overflow: hidden;}
#module-02 .left-box{float: left; }
#module-02 .right-box{}
#module-02 .hot-news{width: 610px; overflow: hidden; position: relative; margin-right: .5rem; padding-bottom: 48px;}
#module-02 .hot-news img{width: 610px;}
#module-02 .swiper-slide .con{	display: block;	position: relative;	z-index: 0;	margin: 0 auto;}
#module-02 .swiper-slide .pic{	position: relative;	transition: all 0.2s ease-in-out;}
#module-02 .swiper-slide .pic img{	display: block;	width: 100%; background-position: center; background-size: cover;}
#module-02 .swiper-slide .pic div{	position: absolute;	width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); transition: all 0.2s ease-in-out;	opacity: 0;}
#module-02 .swiper-slide .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
#module-02 .swiper-slide .t{ padding-top: 10px; position: absolute; left: 0; bottom: -35px;}
#module-02 .swiper-slide h1{ font-size: .2rem;; font-weight: normal;}
#module-02 .swiper-slide i{	display: block;	font-size: 14px; line-height: 34px;	color: #888; font-style: normal;}
/*翻页按钮*/
#module-02 .swiper-button-prev,
#module-02 .swiper-button-next{ position: absolute;  width: 48px; left: auto; top: auto; background-color: #d1d1d1; height: 48px;  z-index: 1;  right: 49px; text-indcnt:-99em; overflow: hiddcn; bottom: 0; margin-top: 0;  z-index: 8;  transition: all 0.2s ease-out; }
#module-02 .swiper-button-next{ right: 0;}
#module-02 .swiper-button-prev:hover,
#module-02 .swiper-button-next:hover{background-color: #ccc;}
#module-02 .swiper-button-next::after, #module-02 .swiper-button-prev::after{ color: #666; font-size: 22px;}
#module-02 .news-list li{position: relative;}
#module-02 .news-list li a{line-height: 38px; padding-right: 8em; height: 38px; overflow: hidden;}
#module-02 .news-list li a:hover{color: #e52027;}
#module-02 .news-list li span{position: absolute; top: 0; line-height: 38px; right: 0; color: #888;}
#module-02 .more{overflow: hidden; text-align: right; padding-top: 20px;}
#module-02 .more a{background-color: #e52027;  color: #fff; font-size: 14px; display: inline-block; width: 120px; height: 38px; line-height: 38px; text-align: center;}


#module-03 {position: relative; background: #fff ; overflow: hidden; padding: .5rem 0 .5rem;}
#module-03 .mainBox{ position: relative;}
#module-03 .title{text-align: left; }
#module-03 .title h1{color: #e52027; display: inline-block; font-size: 28px; text-transform: uppercase;}
#module-03 .title span{ width: .06rem; display: inline-block; position: relative; top: .03rem; border-radius: 100%; height: .06rem; background-color: #eddbe5;}
#module-03 .title h2{color: #9e9e9e; font-size: 16px; font-weight: 200; text-transform: uppercase;}
#module-03 .box{position: relative;  margin: 0 -10px; padding-top: 50px;}
#module-03 .nav{position: absolute; top:-50px; right: 0; border-radius: 10px; overflow: hidden;}
#module-03 .nav li{float: left; background-color: #eddbe5; font-size: 16px; padding: 10px 25px; margin-left: 1px; cursor: pointer;}
#module-03 .nav li.on{background-color: #e52027; color: #fff;}
#module-03 .swiper-slide{}
#module-03 .con{display: block;	position: relative; padding: 0px; width: 25%; float: left; z-index: 0;	}
#module-03 .con .pic{	position: relative;	transition: all 0.2s ease-in-out; margin: 0 10px;}
#module-03 .con:hover .pic{transform:scale(1.05)}
#module-03 .con .pic img{display: block;	width: 100%; background-size: cover;}
#module-03 .con .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
#module-03 .con .t{ padding-top: 10px;}
#module-03 .con h1{ font-size: 16px; font-weight: normal; text-align: center; color: #e52027; padding: .05rem 0; margin: 0 ;}
/*翻页按钮*/
#module-03 .swiper-button-prev,
#module-03 .swiper-button-next{ position: absolute;  width: 48px; left: 0; top: 15px; height: 48px;  z-index: 1;  text-indcnt:-99em; overflow: hiddcn; bottom: 0; margin-top: 0;  z-index: 8;  transition: all 0.2s ease-out; }
#module-03 .swiper-button-next{ left: 50px;}
#module-03 .swiper-button-prev:hover,
#module-03 .swiper-button-next:hover{opacity: .6;}
#module-03 .swiper-button-next::after, #module-03 .swiper-button-prev::after{ color: #666; font-size: 22px; font-weight: bold;}

#module-04{	overflow: hidden; display: none; position: relative; z-index: 1; background: #f4f4f4; padding: .5rem 0 .5rem;}
/* #module-04 .mainBox{width: 70%; max-width: 70%;} */
#module-04 .title{text-align: center; margin-bottom: 10px; }
#module-04 .title h1{color: #e52027; display: inline-block; font-size: 28px; text-transform: uppercase;}
#module-04 .title span{ width: .06rem; display: inline-block; position: relative; top: .03rem; border-radius: 100%; height: .06rem; background-color: #eddbe5;}
#module-04 .title h2{color: #9e9e9e; font-size: 16px; font-weight: 200; text-transform: uppercase;}
#module-04 .box{position: relative;  margin: 0 -10px; overflow: hidden;}
#module-04 .box .list{float: left; width: 33.3%;}
#module-04 .box .list a{display: block;	margin: 10px; position: relative;}
#module-04 .box .list a img{width: 100%; position: relative; display: block;transition: all 0.2s ease-in-out;}
#module-04 .box .list a:hover img{transform:scale(1.05)}
#module-04 .box .list div{ position: absolute;width: 100%; height: 100%; height: 40px; line-height: 40px; top: 50%; margin-top: -20px; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: center; font-size: .26rem; font-weight: bold;}

#footer .mainBox{
	/* width: 70%; max-width: 70%; */
	border-top: 1px solid #ddd;
}
#footer .box{position: relative;  margin: 0 ; overflow: hidden; width: 100%;}
@media screen and (max-width: 768px) {
	#header .menu-con>ul>li.nav1>a>span.en::after{display: none;}
	#header .menu-con>ul>li.nav1>a>span.en{color: #e52027;}
	
	#module-01,#module-02,#module-03,#module-04{
		padding-left: 10px;
		padding-right: 10px;
	}
	#module-04{
		display: none;
	}
	#footer .mainBox{
		/* width: 70%; max-width: 70%; */
		border-top: 1px solid #ddd;
	}
	#footer .box{position: relative;  margin: 0 ; overflow: hidden; width: 100%;}
	
	
	#banner.m-banner{
		display: block;
	}
	
	.page-bg {
	  position: absolute;
	  top: -60px;
	  left: 0;
	  width: 100%;
	  min-height: 260rpx;
	  z-index: 0;
	  /* background-color: #e52027; */
	}
	.page-bg img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 500rpx;
	}
	.main {
	  position: relative;
	  z-index: 1;
	}
	
	#banner{ width: 100%; min-width: 100%; height: 29vw; min-height: 29vw; margin-top: 50px; padding: 0 ; position: relative;}
	#banner .banner{ z-index: 1; position: relative; width: 100%; height: 100%; overflow: hiddcn;}
	#banner .swiper-slide{ overflow: hidden;}
	#banner .banner a{ display: block; width: 100%;  height: 100%; background: #eee; border-radius: 10px;}
	#banner .banner-bg{ width: 100%; height: 100%; position: absolute; z-index: 0; background-repeat: no-repeat; background-position: ccnter ccnter; background-size: auto 132%; opacity: 1;}
	#banner .banner-con{ width: 100%; height: 100%; position: relative; z-index: 1;}
	#banner .banner-con img{width:auto; height: 100%; display: block;}
	#banner .banner-con .mainBox{
		/* width: 80%; max-width: 80%; */
		padding-top: 150px;
		color: #fff;
		padding-left: 13px;
	}
	#banner .banner-con .mainBox h1{font-size: 1rem; opacity: .1; text-transform: uppercase;}
	#banner .banner-con .mainBox h2{font-size: .8rem; margin-top: -.35rem; margin-left: .1rem;}

	/*翻页按钮*/
	.banner .swiper-button-prev,
	.banner .swiper-button-next{ display: none;}
	
	/*当前页码*/
	.banner .swiper-pagination{ bottom: 5px !important; transition: all 0.2s ease-out;  }
	.banner .swiper-pagination-bullet{  text-indent: -999em; width: 6px; height: 6px;  opacity: 1; background: #fff; cursor: pointer;  border-radius: 10px; transition: all 0.2s ease-in-out;}
	.banner .swiper-pagination-bullet-active{ background: #e52027;}
	
	
	#module-01 .right-box{float: none; width: 100%; margin-left: 0; padding-top: 0;}
	#module-01 .right-box img{width: 100%;}
	
	#module-02 .left-box{float: none; }
	#module-02 .right-box{}
	#module-02 .hot-news{width: 100%; overflow: hidden; position: relative; margin-right: .5rem; padding-bottom: 8px;}
	#module-02 .hot-news img{width: 100%;}
	#module-02 .swiper-slide .con{	display: block;	position: relative;	z-index: 0;	margin: 0 auto;}
	#module-02 .swiper-slide .pic{	position: relative;	transition: all 0.2s ease-in-out;}
	#module-02 .swiper-slide .pic img{	display: block;	width: 100%; height: 50vw; background-size: cover;}
	#module-02 .swiper-slide .pic div{	position: absolute;	width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); transition: all 0.2s ease-in-out;	opacity: 0;}
	#module-02 .swiper-slide .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
	#module-02 .swiper-slide .t{ padding-top: 10px; position: relative; left: 0; bottom: 0;}
	#module-02 .swiper-slide h1{ font-size: 16px;; font-weight: normal;}
	#module-02 .swiper-slide i{	display: block;	font-size: 14px; line-height: 34px;	color: #888; font-style: normal;}
	/*翻页按钮*/
	#module-02 .swiper-button-prev,
	#module-02 .swiper-button-next{ position: absolute; display: none; width: 40px; left: auto; top: auto; background-color: #d1d1d1; height: 40px;  z-index: 1;  right: 41px; text-indcnt:-99em; overflow: hiddcn; bottom: 50px; margin-top: 0;  z-index: 8;  transition: all 0.2s ease-out; }
	#module-02 .swiper-button-next{ right: 0;}
	#module-02 .swiper-button-prev:hover,
	#module-02 .swiper-button-next:hover{background-color: #ccc;}
	#module-02 .swiper-button-next::after, #module-02 .swiper-button-prev::after{ color: #666; font-size: 22px;}
	#module-02 .news-list li{position: relative; display: flex;}
	#module-02 .news-list li a{line-height: 38px; padding-right: 3em; font-size: 16px; height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	#module-02 .news-list li a:hover{color: #e52027;}
	#module-02 .news-list li span{position: absolute; top: 0; line-height: 38px; right: 0; color: #888;}
	#module-02 .more{overflow: hidden; text-align: right; padding-top: 20px;}
	#module-02 .more a{background-color: #e52027;  color: #fff; font-size: 14px; display: inline-block; width: 120px; height: 38px; line-height: 38px; text-align: center;}
	
	
	#module-03 .box{position: relative;  margin: 0 -5px; padding-top: 0px;}
	#module-03 .nav{position: relative; top:0px; right: 0; border-radius: 0px; overflow: hidden; border-bottom: 0; margin: 10px 0;}
	#module-03 .nav ul{white-space:nowrap;overflow:auto;}
	#module-03 .nav li{display: inline-block; float: none; background-color: #eddbe5; font-size: 14px; padding: 5px 15px; margin-left: -3px; cursor: pointer;}
	#module-03 .nav li.on{background-color: #e52027; color: #fff;}
	#module-03 .swiper-slide{}
	#module-03 .con{display: block;	position: relative; padding: 0px; width: 50%; float: left; z-index: 0;	}
	#module-03 .con .pic{margin: 0 5px;}
	
	/*九宫格*/
	.nav {
	  padding: 0;
	  overflow: hidden;
	  margin: 0 auto;
	  background: #fff;
	  width: 100%;
	  border-bottom: 8px solid #eee;
	}
	
	.nav .navul {
	  overflow: hidden;
	  display: flex;
	  padding: 10px;
	  justify-content: space-between;
	}
	.nav .navul .navli {
	  width: 50%;
	  margin: 5rpx 0px;
	  overflow: hidden;
	  position: relative;
	}
	
	.nav .navul .navli img {
	  width: 17vw;
	  height: 17vw;
	  display: block;
	  margin: 0 auto;
	}
	
	.nav .navul .corner {
	  position: absolute;
	  top: 0;
	  left: 84rpx;
	  font-size: 18rpx;
	  display: inline-block;
	  height: 30rpx;
	  padding: 0 10rpx;
	  line-height: 30rpx;
	  color: #fff;
	  background-image: linear-gradient(to right, #e23410, #fb6b2b);
	  border-radius: 25rpx;
	  overflow: visible;
	}
	
	.nav .navul .navli .navp {
	  width: 100%;
	  overflow: hidden;
	  text-align: center;
	  color: #000;
	  line-height: 25px;
	  font-size: 12px;
	}
	
	/* 活动按钮 */
	.activity-btn{
	  display: flex;
	  justify-content: space-between;
	  padding: 12px;
	}
	.activity-btn div{
		width: 50%;
	}
	.activity-btn div:first-child{
	  padding-right: 6px;
	}
	.activity-btn div:first-child img{
	  width: 100%;
	  height: 240rpx;
	  border-radius: 8rpx;
	  display: block;
	}
	.activity-btn div:last-child{
	  padding-left: 6px;
	  display: flex;
	  flex-wrap: wrap;
	  align-content: space-between;
	}
	.activity-btn div:last-child img{
	  width: 100%;
	  border-radius: 8rpx;
	  display: block;
	}
	
	/* 推荐产品 */
	.recommend{
		margin: 12px 12px 5px;
	}
	.recommend .titleBlock {
	  margin:12px 12px 5px;
	  font-weight: bold;
	  position: relative;
	  z-index: 1;
	}
	.recommend .titleBlock span{
	  font-size: 36rpx;
	  font-weight: 600;
	  color: #e52027
	}
	.recommend img{
	  width: 100%;
	  display: block;
	}
	
	
	/* 产品列表 */
	.product {
	  padding-top: 0px;
	  position: relative;
	}
	
	.product .titleBlock {
	  margin:12px 12px 5px;
	  font-weight: bold;
	  position: relative;
	  z-index: 1;
	}
	.product .titleBlock span{
	  font-size: 36rpx;
	  font-weight: 600;
	  color: #e52027
	}
	.productBox{
	  display: flex;
	  flex-wrap: wrap;
	  padding: 0 7px;
	}
	
	.productBox .con{display: block; width: 50%; position: relative; padding: 0px;	z-index: 0; margin:5px 0 12px 0;	}
	.productBox .con .pic{	position: relative; margin: 0 5px;	transition: all 0.2s ease-in-out; border-radius: 8px; overflow: hidden;}
	.productBox .con .pic img{display: block;width: 100%; background-size: cover;}
	.productBox .con .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
	.productBox .con .t{ padding-top: 10px;}
	.productBox .con h1{ font-size: 14px; font-weight: normal; text-align: center; color: #333; padding: .05rem 0; margin: 0 ;}
	
}