@charset 'utf-8';
/* .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
} */
html{
	font-size: 100px;
}

/* banner */
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.swiper-slide img {
  width: 100%;
  height: auto;
}

.swiper-pagination-bullet {
  background: #D8D8D8 ;
}
.swiper-pagination-bullet-active {
  background: #932024 !important;
}
.swiper-button-next, .swiper-button-prev{
	height: 0.6rem;
	line-height: 0.6rem;
	width: 0.6rem;
	border-radius: 50%;
	text-align: center;
	background-color: #ffff;
	
}
.swiper-button-next:hover, .swiper-button-prev:hover{
	background-color: #932024;
	color: #fff !importan;
}

.swiper-button-prev:after, .swiper-button-next:after{
	color: #932024;
	font-size: 0.2rem;
}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{
	color: #fff;
}
.index{
	background-color: #fff;
}
/* index-menu */
.index-menu{
	position:fixed;
	top:200px;
	left:26px;
	z-index: 10000;
	&:before{
		content: "";
		position: absolute;
		left: 0;
		height: 100%;
		width: 1px;
		background-color: #D8D8D8;
	}
}
.index-menu li{
	position: relative;
	z-index: 5;
	opacity: 0;
	padding-left: 20px;
	height: 0.5rem;
	line-height: 0.5rem;
	background:url(../images/index-cur-bg.png) no-repeat left center ;
}

.index-menu li.active{
	opacity: 1;
}
.index-menu li a{
	font-size: 12px;
	color: #666666;
}
.index-menu li:nth-child(1) a{
	color: #FFFFFF;
}
.index-menu li:nth-child(4) a{
	color: #FFFFFF;
}
/* header */
.vgsolar-header{
	width: 100%;
	background: #FFFFFF;
	
}
.vgsolar-top{
	height: 50px;
	line-height: 50px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgba(216, 216, 216, 0.5);
	color: #333333 ;
	font-size: 16px;
}
.vgsolar-top .container-fluid{
	display: flex;
	justify-content: space-between;
}
.vgsolar-top .links{
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.vgsolar-top .links,.vgsolar-top .links a{

}
.vgsolar-top .links .bi{
	font-size: 16px;
	font-weight: bolder;
}
.vgsolar-top .douyin-box{
	width: 25px;
	height: 25px;
	border: 1px solid #CF1015;
	border-radius: 100%;
	background: url(../images/douyin-icon.png) center center no-repeat;
	margin-left: 12px;
}
.vgsolar-top .weixin-box{
	width: 25px;
	height: 25px;
	border: 1px solid #666666;
	border-radius: 100%;
	background: url(../images/weixin-icon.png) center center no-repeat;
	margin-left: 12px;
}
.vgsolar-header .vgsolar-nav{
	padding: 20px 0;
}
.vgsolar-header .logo{
	display: block;
	width: 180px;
	height: 60px;
	background-image: url(../images/logo.png);
	background-size: cover;
}
.vgsolar-nav .container-fluid{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vgsolar-header .nav{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	
}
.vgsolar-header .language{
	margin-left: 0.2rem;
}
.dropdown-menu{
	padding: 0.1rem;
	min-width: 1rem;
	border-radius:0
}
.dropdown-item{
	padding: 0.1rem;
}
.vgsolar-header .language .dropdown-toggle{
	padding-left: 0.3rem;
	background: url(../images/chinese-icon.png)  no-repeat center left;
}
.vgsolar-header .nav .dropdown-toggle{
	line-height: 0.35rem;
}
.vgsolar-header .nav ul{
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: no-wrap;
	line-height: 40px;
}
.vgsolar-header .nav ul li{
	position: relative;
	padding: 0 0.18rem;
}
.vgsolar-header .nav ul li a{
	display: block;	
	line-height: 3;
	position: relative;
	
}
.vgsolar-header .nav ul li a:hover,.vgsolar-header .nav ul li a.active{
	
}
.vgsolar-header .nav .second{
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 100000000;
	width: 180%;
	background-color: #fff;
	left: 0;
	top: 48px;	
}
.vgsolar-header .nav .second a{
	font-size: 14px;
	border-bottom: 1px solid #007B97;
}
/* section1 */
.section1{
	background: url(../images/banner.png) no-repeat center center;
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
}
.section1 .title{
	font-size: 0.72rem;
	font-weight: bold;
	color: #fff;
}
.section1 .info{
	font-size: 0.54rem;
	margin-top: 40px;
	line-height: 1.5;
}
/* section2 */
.section2{
	background: url(../images/section2-bg.png) no-repeat center center;
	background-size: cover;
}
.section2 .title{
}
.section2 .info-box{
	margin-top: 0.7rem;
	width: 670px;
}
.section2 .info{
	display: flex;
	line-height: 0.5rem;
	height: 0.5rem;
	color: #3D3D3D;
	justify-content: space-between;
	
}
.section2 .info-itme{

}
.section2 .info img{
	height: 100%;
	margin-right: 10px;
}
.section2 .content{
	line-height: 1.8;
	margin-top: 0.4rem;
	
}
.count-box{
	background: linear-gradient(91deg, #931F23 0%, rgba(147, 31, 35, 0.8) 103%);
	height: 1.8rem;
	width: 1040px;
	margin: 60px 0;
	color: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	
}
.count-num{
	display: flex;
	align-items: baseline;
}
.count-num  .num{
	font-size: 0.64rem;
	font-weight: bold;
}
.count-num  .jia{
	font-size: 0.36rem;
	position: absolute;
	top: -0.2rem;
}
.count-num .unit{
	
}
.count-info{
	margin-top: 18px;
}
.count-num p{
	padding-right: 0.3rem;
	position: relative;
}
.section  .index-more{
	color: #932024;
	display: inline-block;
	background:url(../images/index-more-bg.png) no-repeat center center ;
	background-size: 100%;
	width: 1.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	
}
.index-more i{
	transition: all 0.6s ease-in-out;
	display: inline-block;
}
.index-more:hover i{
	transform: translate(10px, 0);
}
.index-more .bi::before{
	transition: all 0.6s ease-in-out;
}
.index-more:hover .bi::before{
	transform: translate(6px, 0);
}
.section  .index-more i{
	margin-left: 0.1rem;
}
/* .section3 */
.section3{
	background: url(../images/section3-bg.png) no-repeat;
	background-position: calc(100% + 400px) calc(100% - 100px);
}
.section3 .title{
	font-size: 0.54rem;
	font-weight: bold;
	color: #111111;
}
.section3 .info{
	font-size: 0.42rem;
	margin-top: 20px;
	color: #3D3D3D;
}
.section3 .index-more{
	margin-top: 60px;
}
.section3 .product-img{
	width: 100%;
}
.section3 .case-tab-bd{
	
}
.section3 .case-tab-bd li{
	display: none;
}
.section3 .case-tab-hd ul{
	display: flex;
}
.section3 .case-tab-hd{
	
}
.section3 .case-tab-hd ul{
	display: flex;
}
.section3 .case-tab-hd ul li{
	width: 2.8rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid #D8D8D8;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.section3 .case-tab-hd ul li.tab-on{
	background: #932024;
	border: 1px solid #932024;
	color: #FFFFFF;
}
/* section4 */
.section4{
	position: relative;
	background: url(../images/section4-bg.png) no-repeat center center;
	background-size: cover;

}
/* 区域地点 */
.region {
    /* 绝对定位 */
    position: absolute;
	display: inline-block;
	line-height: 45px;
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	left: 50%;
	transform: translate(-50%,0);
	top: -60px;
}
.my-tip{
	opacity: 0
}
.energy-item:hover .my-tip {
	opacity: 1;
}
.energy-item.down .region{
	top: auto !important;
	bottom: -60px;
}
/* 小圆点 */
.region .dot {
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    background: #CF1015;
    opacity: 1;
    border-radius: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}
/* 向外扩散的圆圈 */

.region .place {
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    background: rgba(207, 16, 21, 0.7);
    border-radius: 50%;
	animation: bowen 1.5s linear infinite;
	position: absolute;
	transform: translate(-50%,-50%);
}
/* 地名 */
.region .txt {
position: relative;
}

@keyframes bowen {
	0% {opacity: 0.7;}

	100% {
		opacity: 0;
	}
}
.my-tip{
	padding: 26px;
	/* width: 356px; */
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	position: relative;	
	&:after,&:before{
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border: 8px solid transparent;
	    border-bottom-color: rgb(255 255 255 / 60%);
	    top: -16px;
		opacity: 0.8;
		left: 50%;
		transform: translate(-50%,0);
	}
	&:after{
	    border-bottom-color: rgb(255 255 255 / 60%);
	    top: -15px;
	}
}
.energy-item.down .my-tip{
	&:after,&:before{
			top: auto !important;
			bottom: -16px;
			border-color: transparent;
			border-top-color: rgb(255 255 255 / 60%);
	}
	&:after{
		top: auto !important;
	    border-color: transparent;
	    border-top-color: rgb(255 255 255 / 60%);
	    bottom: -15px;
	}
	
}
.my-tip .title-box{
	display: flex;
	align-items: center;
	height: 36px;
	line-height: 36px;
	color: #3D3D3D;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 18px;
}
.my-tip .info{
	color: #666666;
	font-size: 14px;
	line-height: 1.5;
}
.my-tip .more{
	color: #999999;
	font-size: 12px;
	display: inline-block;
	margin-top: 18px;
}
.section4 .energy-item{
	position: absolute;
	width: 100%;
}
.section4 .energy-item:nth-child(1){
	
	left: 3.75rem;
}
.section4 .energy-item:nth-child(2){
	left: 9.4rem;
	top:0.8rem
}
.section4 .energy-item:nth-child(3){
	left: 9.4rem;
	bottom: 1rem;
}
/* section5 */
.section5{
	background: url(../images/section5-bg.png) no-repeat left center;
}
.section5 .media-item{
	padding: 0.45rem 36px;
}
.media-item:hover{
	color: #fff !important;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	
	background: url(../images/media-item-bg.png) no-repeat center/cover;
}
.media-item:hover a,.section5 .media-item:hover .date{
	color: #fff !important;
}
.section5 .media-list{
	border-top: 1px solid rgba(216, 216, 216, 0.5);
	border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}
.section5 .media-list.top{
	border: 0;
	margin-bottom: 0.5rem;
}
.section5 .media-list.top .media-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.section5 .media-list .media-pic img{
	width: 100%;
}
.section5 .media-item .date{
	color: #666666;
}
.section5 .media-item .title{
	color: #333333;
	line-height: 1.5;
	margin: 0.3rem 0;
}
/* footer */
.footer{
	background: #192226;
	color: #FFFFFF;
	font-size: 14px;
	overflow: hidden;
}
.footer a{
	color: #FFFFFF;
}
.footer-logo{
	padding: 22px 0;
	border-top: 4px solid #932024;
	border-bottom: 1px solid rgba(216, 216, 216, 0.2);
}
.footer h4{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #fff;
}
.footer .contact-box{
	padding-top: 40px;
	padding-bottom: 40px;
	border-right: 1px solid rgba(216, 216, 216, 0.2);
}
.footer .contact-box li{
	line-height: 2.2;
}
.footer .menu-box{
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
	border-left: 1px solid rgba(216, 216, 216, 0.2);
	display: flex;
	justify-content: space-between;
}
.footer .menu-box .menu-item li{
	line-height: 1.8;
}
.footer .copyright{
	border-top: 1px solid rgba(216, 216, 216, 0.2);
	height: 65px;
	line-height: 65px;
}
.footer .copyright .container-fluid{
	display: flex;
	justify-content: space-between;
}
.fp-watermark{
	display: none;
}
.footer .share{
	position: absolute;
	right: 15px;
	bottom: 30px;
}
.share ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.share li {
    margin-left: .2rem;
    position: relative
}

.share li>a {
    display: block;
}

.share li .layer {
    width: 75px;
    background: #fff;
    padding: .05rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translate(-50%,0);
    top: 100%;
    opacity: 0;
    margin-top: .1rem;
	visibility: hidden;
}

.share li .layer:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -0.02rem;
    width: .2rem;
    height: .2rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -0.1rem
}
.share li .layer img {
    position: relative;
    z-index: 5
}

.share li:hover>a {
    opacity: 1
}

.share li:hover .layer {
    opacity: 1;
    visibility: visible
}
.footer .share li .layer{
	top: -100px;
}
.footer .share li .layer:after {
    top: 60px;
}
/* about */
.about{
	background-color: #fff;
}
.banner{
	height: 7rem;
	background: center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	color: #fff;
	line-height: 1.7;
}
.banner h1{
	font-size: 0.64rem;
	font-weight: bold;
	color: #fff !important;
	text-align: left !important;
	margin: 0 !important;
}
.banner p{
	font-size: 0.36rem;
	margin-top: 17px;
}
.subnav{
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
}
.subnav .container-fluid{
	display: flex;
}
.subnav .home{
	height: 1rem;
	width: 0.98rem;
	background: url(../images/home-icon.png) left bottom ;
	background-size: cover;
	
}
.subnav ul{
	display: flex;
}
.subnav a{
	display: inline-block;
	height: 1rem;
	line-height: 1rem;
	position: relative;
	display: block;
}
.subnav .weiwang-a-underline>li{
	margin-left: 0.8rem;
}
.subnav .weiwang-a-underline>li.on>a{
	font-weight: bold;
	color: #932024;
}
.weiwang-a-underline>li.on a::after{
	left: 0%;
	width: 100%;
}
.weiwang-a-underline > li > a:after{
	background-color: #932024;
	height: 2px;
}
.about-1{
	position: relative;
	background: url(../images/about-1-bg.png) left bottom no-repeat;
}
.about h1{
	margin-top: 1.1rem;
	margin-bottom: 0.5rem;
}
.about .info{
	color: #3D3D3D;
	line-height: 1.7;
	
}
.about-1 .count-box{
	background:transparent;
	color: #3D3D3D;
	width: 100%;
	/* justify-content: space-between; */
	/* margin-top: 1.2rem; */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.about-1 .count-box img{
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	margin-bottom: 0.3rem;
}
.about-1 .count-box .num{
	color: #333333;
}
.about-1 .video{
	margin-bottom: 0.3rem;
}
.about-1 .video .video-js{
	width: 100%;

}
.video-js .vjs-big-play-button{
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
}
.vjs-icon-placeholder:before{
	font-size: 0.4rem;
	/* color: #932024 */
}
/* about-2 */
.about-2{
	height: 7rem;
	background: center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	color: #fff;
	line-height: 1.7;
	background-image:url(../images/about-2-bg.png) ;
}
.about-2 .container-fluid{
	display: flex;
	align-items: center;
}
.about-2 img{
	 width: 6rem;
	 margin-right: 1rem;
 }
 .about-2 h3{
	 margin-bottom: 0.3rem;
	 position: relative;
	 color: #fff;
 }
 .about-2 h3::before {
 	 display: block;
     background: #D8D8D8;
     height: 1px;
 	 content: '';
 	 width: 2rem;
 	 position: absolute;
 	 bottom: -0.1rem;
 	 left: 0;
 	 -webkit-transition: all 0.8s;
 	 transition: all 0.8s;
 }
 .about-2 h3:after {
	 display: block;
     background-color: #932024;
     height: 2px;
	 content: '';
	 width: 1rem;
	 position: absolute;
	 bottom: -0.1rem;
	 left: 0;
	 -webkit-transition: all 0.8s;
	 transition: all 0.8s;
 }
 .about-2 p{
	 margin-bottom: 1rem;
 }
 .about-2 p:last-child{
 	 margin-bottom: 0rem;
 }
 .about-3{
	 
 }
 .about-3 h1{
	 margin-bottom: 1.8rem;
 }
 .about-3 .content-item{
	 box-shadow: 0px 4px 10px 0px rgba(118, 118, 118, 0.15);
	 padding: 1.4rem 0.42rem 1.2rem;
	 position: relative;
	 height: 4.5rem;
	 margin-bottom: 1.6rem;
 }
 .about-3 .content-item img{
	 width: 1.6rem;
	 position: absolute;
	 left: 50%;
	 top: 0rem;
	 transform: translate(-50%, -50%);
	 
 }
 .about-3 h4{
	 color: #CF1015;
	 text-align: center;
	 margin-bottom: 0.46rem;
 }
 .about-3 p{
	 line-height: 1.8;
	 text-align: justify;
 }
 /* about-4 */
 .about-4{
	 height: 8.7rem;
	 background: center right no-repeat;
	 background-size: 14.8rem;
	 line-height: 1.9;
	 background-image:url(../images/about-04-bg.png) ;
	 background-color: #F2F2F2;
	 overflow: hidden;
 }

 .about-4 .content{
	display: flex;
	padding-top: 0.5rem;	
 }
  .about-4 .Scrollbar{	  
	  width: 50%;
	  inset:  0;
	  height: 6.1rem;	  
  }
  .about-4 .content .info p:last-child{
	  
  }
  .about-4 .item{
	  display: flex;
	  align-items: center;
	  margin-bottom: 0.5rem;
  }
  .about-4 .item img{
	  width: 0.44rem;
	  margin-right: 0.5rem;
  }
  .mCSB_container{
	 transition: all 0s ease-in-out !important; 
  }
  .about-4 .mCSB_container{
	  background-image: linear-gradient( #333333 50%, transparent 100%); */
		-webkit-background-clip: text;
	  background-clip: text;
	  color: transparent;
	  position: relative;
  }
  .about-4 .mCustomScrollBox::after{
	 /* content: " ";
	  display: block;
	  position: absolute;
	  height: 3rem;
	  width: 100%;
	  bottom: 0;
	  left: 0;
	  background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); */
  }
  .about-4 h3{
	  color: #CF1015;
	  margin-bottom: 0.3rem;
  }
  .about-4 p{
	  margin-bottom: 0.2rem;
  }
  .about-4 .mCSB_scrollTools{
	  left: 0.9rem;
  }
  
  .about-4 .mCSB_inside > .mCSB_container{
	  margin-right: 0;
	  margin-left: 0.3rem;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  	width: 2px;  
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	  background-color: #CF1015 !important;
  }
  .mCSB_scrollTools .mCSB_draggerRail{
	  background-color: #D8D8D8;
  }
  .mCSB_inside > .mCSB_container{
	  padding-top: 10px;
  }
  .mCSB_draggerRail::before {
 	 display: block;
     background: #CF1015;
     width: 15px;
	 height: 15px;
 	 content: '';
 	 position: absolute;
 	 top: 0;
 	 left: 0px;
	 border-radius: 50%;
 }
 .Scrollbar{
	 overflow: hidden;
 }
  .about-5{}
  .about-5 .content-item{
	  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	  text-align: center;
	  height: 2rem;
	  padding: 0.2rem;
	  text-align: center;
	  color: #3D3D3D;
	  position: relative;
	  margin-bottom: 0.4rem;
  }
  .about-5 .content-item img{
	  width: 0.5rem;
	  height: 0.5rem;
	  margin-bottom: 0.2rem;
  }
  .about-5 p{
	  line-height: 2;
  }
  .about-5 .content-item span{
	  color: rgba(216, 216, 216, 0.3);
	  font-size: 0.8rem;
	  font-weight: 900;
	  position: absolute;
	  bottom: 0.1rem;
	  left: 50%;
	  transform: translateX(-50%);
	  opacity: 0.5;
  }

  .about-5 .content-item:hover{
	  color: #fff;
	  background-color: #932024;
  }
  .about-5 .content-item:hover img{
	  -webkit-filter: brightness(0) invert(1);
	    filter: brightness(0) invert(1);
  }
  .about-5 .content{
	  height: 4.6rem;
  }
  .about-5 .my-swiper{
	  padding-bottom: 0.3rem;
	  margin-top: 0.5rem;
  }
  .about-5 .swiper-pagination{
	  bottom: 0rem;
  }
  .about-6{
	margin-top: 1.2rem;
	overflow: hidden;
  	height: 7rem;
  	background: center no-repeat;
  	background-size: cover;
  	color: #fff;
  	line-height: 1.7;
  	background-image:url(../images/about-6-bg.png) ;
	position: relative;
  }
  .about-6 h1{
	  color: #932024;
  }
  .about-6 img{
	  width: 9rem;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%)
  }
  .about-7{
  	overflow: hidden;
  	background: center no-repeat;
  	background-size: cover;
  	color: #fff;
  	line-height: 1.7;
  	background-image:url(../images/about-7-bg.png) ;
  	position: relative;
  }
  .about-7 img{
	  width: 100%;
	  margin: 1rem 0;
  }
  .about-8 {
	  padding-bottom: 0.7rem;
  }
  .about-8 .content-item{
	  padding: 0.3rem;
  }
  .about-9{
  	overflow: hidden;
  	background: center bottom no-repeat;
  	background-size: 100% auto;
  	color: #fff;
  	line-height: 1.7;
	background-color: #F2F2F2;
  	background-image:url(../images/about-9-bg.png) ;
  	position: relative;
	
  }
  .about-9 .content{
	  margin-top: 2rem;
  }
  .about-9 .content-item{
	  display: flex;
	  margin-bottom: 0.4rem;
	  align-items: center;
  }
  .about-9 .content-item img{
	  width: 2.84rem;
	  height: 2.1rem;
  }
  .about-9 .content-item h5{
	  margin-bottom: 0.3rem;
	  color: #3D3D3D;
  }
  /* product-list*/
  .position{
	  font-size: 14px;
	  margin: 30px 0;
  }
  .position a{
	  color: #3D3D3D;
  }
  .position li.active a{
	  color: #932024;
  }
  .position ul{
	  display: flex;
  }
  .position ul li:nth-child(n+2)::before{
	  float: left;
	  padding-right: 0.05rem;
	  color: #6c757d;
	  content: ">";
  }
  .product-list .position{
	  margin: 0.6rem 0;
  }
  .product-list .content-item{
	  padding: 0.35rem;
	  background-color: #fff;
	  margin-bottom: 0.85rem;
	  position: relative;
  }
  .product-list .content-item img{
	  width: 100%;
  }
  .product-list .content-item:hover .product-more{
	  opacity: 1;
  }
  .product-list .content-item:hover{
  	  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  }
  .product-list .content-item h4{
	  line-height: 0.7rem;
	  color: #3D3D3D;
	  text-align: center;
  }
  .content-item .product-more{
	  opacity: 0;
  }
  .content-item .product-more{
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  transform: translate(-50%,50%);
  }
  .product-more{
	  color: #FFFFFF !important;
	  font-size: 0.16rem;
	  display: inline-block;
	  background:url(../images/product-more-bg.png) no-repeat center center ;
	  background-size: 100%;
	  width: 1.75rem;
	  height: 0.5rem;
	  line-height: 0.5rem;
	  text-align: center;	  
	  opacity: 1;
	  cursor: pointer;
  }
  .product-more i{
  	transition: all 0.6s ease-in-out;
  	display: inline-block;
  }
  .product-more:hover i{
  	transform: translate(10px, 0);
  }
  .g-contact{
	  text-align: center;
	  padding: 0.6rem 0;
	  background-color: #fff;
	  font-size: 0.28rem;
	  line-height: 2;
	  margin-bottom: 0.55rem;
  }
  .g-contact .product-more{
	  margin-top: 0.3rem;
  }
  .product-product{
	  overflow: hidden;
	  background: url(../images/section3-bg.png) no-repeat;
      background-position: calc(100% + 400px) calc(100% - 100px);
  }
  .product-product h1{
	  font-size: 0.42rem;
	  font-weight: bold;
	  color: #000000;
  }
  
  .product-product .product-more{
	  width: 1.3rem;
	  height: 0.4rem;
	  line-height: 0.4rem;
	  margin-top: 0.7rem;
  }
  .product-product .feature{
	  margin-bottom: 1.3rem;
  }
  .product-product .feature-item{
	  display: flex;
  }
  .product-product .feature h4{
	  font-size: 0.22rem;
	  font-weight: bold;
	  line-height: 50px;
  }
  .product-product .feature p{
	  line-height: 1.7;
	  color: #666666;
  }
  .product-product .feature-item img{
	  height: 50px;
	  margin-right: 16px;
  }
  .product-advantage{
	  overflow: hidden;
	  background-color: #fff;
  }
  .advantage-tab-hd{
	  position: relative;
  }
  .product-advantage h2{
	  position: absolute;
	  left: 0;
	  top:-1rem;
  }
  .product-advantage .content{
	  display: flex;
	  align-items: center;
  }
  
  .advantage-tab-hd{
	  
  }
  .advantage-tab-hd li{
	  cursor: pointer;
	  line-height: 1.2rem;
	  text-align: center;
	  color: #3D3D3D;
	  background-color: #F2F2F2;
	  border-bottom: 1px solid #C5C1C1;
	  position: relative;
  }
  .advantage-tab-hd li.tab-on{
	  color: #fff;
	  background-color: #932024;
		border-bottom: 1px solid #932024;
  }
  .advantage-tab-hd .weiwang-arrow-right{
	  display: none;
	  position: absolute;
	  right: 0;
	  top: 50%;
	  transform: translate(100%,-50%);
	  border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 12px solid #932024;
  }
  .advantage-tab-hd li.tab-on .weiwang-arrow-right{
	  display: block;
  }
  .advantage-tab-hd li big{
	  font-size: 0.28rem;
	  margin-right: 10px;
  }
  .advantage-tab-hd li:last-child{
	  border-bottom:0
  }
  .advantage-tab-bd{
	  
  }
  .advantage-tab-bd li{
	  height: 7.2rem;
	  display: none;
	  background: center no-repeat;
	  background-size: 9rem;
	  position: relative;
  }
  .advantage-tab-bd{
	  
  }
  .advantage-tab-bd li .info{
	  position: absolute;
	  top: 1rem;
	  right: 0rem;
	  line-height: 1.7;
  }
  .advantage-tab-bd p{
	  margin-bottom: 20px;
  }
  /* product-canshu */
  .product-canshu{
	  
  }
  .panel-hd{
	  line-height: 0.8rem;
	  border-bottom: 1px solid #D8D8D8;
	  background-color: #fff;
	  display: flex;
	  justify-content: space-between;
	  padding-left: 0.3rem;
  }
  .product-canshu .panel-hd{
  	  margin-bottom: 0.2rem;
  }
  .panel-hd .bi{
	  cursor: pointer;
	  padding: 0 0.3rem;
  }
  .panel-hd.opened{
	  background-color: #932024;
	  color: #fff;
  }
  .panel-hd.opened .bi{
  	  transition: transform 0.5s ease-in-out;
  	  transform: rotateX(180deg);
  }
  .panel-hd.opened h3{
	  color: #fff;
  }
  
  .product-canshu h2{
	  margin: 0.7rem 0 0.4rem 0;
  }
  .panel-hd h3{
	  line-height: 0.8rem;
  }
  .panel-hd .bi{
	  font-size: 0.25rem;
	  font-weight: bolder;
  }
  .product-canshu .panel-bd{
	  background-color: #fff;
	  padding-left: 1rem;
  }
  .panel-bd .canshu-table{
	  
  }
  .panel-bd{
  	  display: none;
  }
  .panel-bd .down{
  	  font-size: 0.16rem;
  	  color: #999999;
  }
  .product-canshu .panel-bd{
	  margin-bottom: 0.4rem;
  }
  .panel-bd .canshu-table li{
	  line-height: 0.75rem;
	  display: flex;
  }
  .panel-bd .canshu-table li:nth-child(odd){
	  background: #F2F2F2;
  }
  .panel-bd  .title{
	  line-height: 1.2rem;
	  display: flex;
	  justify-content: space-between;
  }
  .panel-bd  .title h4{
	  line-height: 1.2rem;
	  
  } 
  .product-canshu .canshu-table{
	  display: flex;
	  
  }
  .product-canshu .canshu-table h6{
	  line-height: 0.75rem;
  }
  .product-canshu .canshu-table span{
	  color: #3D3D3D;
	  display: block;
	  width: 50%;
  }
  .canshu-left,.canshu-right{
	  width: 50%;
  }
  .canshu-left{
	  border-right: 1px solid #D8D8D8;
  }
  .product-canshu .canshu-table li{
	  padding-left: 0.2rem;
  }
  .product-canshu .Scrollbar{
	  height: 7rem;
	  overflow: hidden;
  }
  .product-canshu .col-lg-3{
	  display: flex;
	  align-items: center;
  }
  .product-canshu .my-swiper{
	  height: 2.5rem;
  }
  .canshu-show{
	  display: block;
  }
  .product-tedian h2{
	  margin: 0.7rem 0 0.4rem 0;
  }
  .product-tedian .content{
	  
  }
  .product-tedian  .content-item{
	  border: 1px solid #D8D8D8;
	  height: 3.42rem;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
  }
  .product-tedian .content-item:hover{
	  background-color: #932024;
	  color: #fff;
  }
  .product-tedian .content-item:hover .icon{
	  background-color: #fff;
  }
  .product-tedian .icon{
	  width: 1.2rem;
	  height: 1.2rem;
	  background: center no-repeat;
	  border-radius: 50%;
	  border: 1px solid #D8D8D8;
	  margin-bottom: 0.4rem;
	  background-size: 0.6rem;
  }
   .product-tedian .panel-hd{
      margin-bottom: 0.5rem;
  }
  
  .product-tedian .panel-bd{
	  margin-bottom: 0.5rem;
  }
  .product-changjing{
	  background: center no-repeat;
	  background-size: cover;
	  background-image:url(../images/changjing-bg.png) ;
	  height: 9rem;
  }
  .product-changjing .swiper-slide{
	  background-color: transparent;
  }
  .product-changjing .info{
	  padding: 0.35rem;
	  background-color: #fff;
	  width: 100%;
	  text-align: left;
	  display: flex;
	  display: none;
	  
  }
  .product-changjing .swiper-slide-active .info{
	  display: flex;
  }
  .product-changjing .info h4{
	  color: #932024;
  }
  .product-changjing .info .fa{
	  margin-right: 0.2rem;
	  font-size: 0.35rem;
	  margin-left: -0.2rem;
	  color: #932024;
  }
  .product-changjing .info h5{
	  color: #932024;
	  margin-top: 0.1rem;
  }
  .product-changjing .swiper-slide{
	  flex-direction: column;
  }
  .product-changjing .swiper-container{
	  height: 95%;
  }
  .product-changjing .swiper-slide img{
	  display: block;
  }
  .long-line{
	  height: 1px;
	  background-color: #D8D8D8;
	  z-index: 6;
	  position: absolute;
	  width: 100%;
	  bottom: 35px;
  }
  .changjing-button-box{
	  position: absolute;
	  top: 0rem;	 
	  transform: translateY(-50%);
  }
  .long-line .swiper-pagination{
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	  display: flex;
  }
  .changjing-button-box .inner-box{
	      position: relative;
	      z-index: 100;
	      width: 100%;
	      height: 0.6rem;
  }
  .changjing-button{
	  width: 0.6rem;
	  height: 0.6rem;
	  line-height: 0.55rem;
	  text-align: center;
	  color: #932024;
	  border: 2px solid #932024;
	  position: absolute;
	  bottom: 0px;
	  z-index: 10;
	  border-radius: 50%;
	  background-color: #fff;
	  font-size: 0.4rem;
	  cursor: pointer;
  }
  .changjing-swiper-button-next{
	  right: 0;
  }
  .changjing-button:hover{
	  color: #fff;
	  background-color: #932024;
	  bottom: ;
  }
  .product-changjing .inner-box{
	  position: relative;
  }
  .product-changjing .inner-box h2{
	  position: absolute;
	  left: 0;
	  top: 0.7rem;
	  color: #fff;
  }
  .product-changjing .swiper-pagination-bullet{
	  width: 0.15rem;
	  height: 0.15rem;
	  opacity: 1;
	  background:#D8D8D8 !important;
	  position: relative;
	  z-index: 20;
	  margin: 0 0.4rem !important;
  }
  .product-changjing .swiper-pagination-bullet-active{
	  
  }
  .product-changjing .swiper-pagination-bullet-active::before{
	  content: ' ';
	  display: block;
	  width: 0.45rem;
	  height: 0.45rem;
	  border-radius: 50%;
	  background: #932024;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  z-index: 15;
  }
  .product-changjing .swiper-pagination-bullet-active::after{
  	  content: ' ';
  	  display: block;
  	  width: 0.15rem;
  	  height: 0.15rem;
	  border-radius: 50%;
  	  opacity: 1;
  	  background:#D8D8D8 !important;
  	  position: relative;
  	  z-index: 20;
  }
  .product-like h2{
	  margin-top: 1rem;
	  margin-bottom: 0.88rem;
  }
  .product-like .content-item{
	  padding: 0.1rem;
	  text-align: center;
	  position: relative;
	  background-color: rgba(255,255,255, 0.3);
	  padding-bottom: 0.8rem;
	  margin-bottom: 1.24rem;
  }
  .product-like .content-item p{
	  line-height: 0.6rem;
  }
  .product-like .content-item:hover{
	  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  }
  .product-like .content-item:hover .product-more{
  	  opacity: 1;
  }
  .advantage-tab-bd h4{
	position: absolute;
	left: 0.4rem;
	top: 1rem;
	color: #932024;
  }
	.product-linghang{
		overflow: hidden;
		color: #fff;
		background: center no-repeat;
		background-size: cover;
		background-image:url(../images/linghang-bg.png) ;
		height: 8.5rem;
		position: relative;
	}
	
	.my-swiper-info{
		margin: 0;
		width: 7rem;
		max-width: 100%;
		
	}

	.my-swiper-info .swiper-slide{
		background-color: transparent;
	}
	.product-linghang h2{
		color: #fff;
		margin-top: 1.07rem;
		margin-bottom: 0.3rem;
	}
	.product-linghang .info{
		width: 8.7rem;
		max-width: 100%;
		line-height: 1.8;
	}
	.my-swiper-info .icon img{
		margin-top: 0.86rem;
		width: 0.8rem;		
	}
	.my-swiper-info h4{
		margin-top: 0.25rem;
		margin-bottom: 0.23rem;
		color: #fff;
	}
	.my-swiper-info h4 big{
		margin-right: 0.1rem;
	}
	.my-swiper-info .content{
		text-align: left;
	}
	.my-swiper-info .content p{
		margin-left: 0.4rem;
	}
	.linghang-button{
		
	}
	.product-linghang .inner-box{
		position: relative;
		margin-top: 0.83rem;
		height: 0.6rem;
		
	}
	.linghang-button{
		  width: 0.6rem;
		  height: 0.6rem;
		  line-height: 0.55rem;
		  text-align: center;
		  color: #fff;
		  border: 2px solid #fff;
		  position: absolute;
		  bottom: 0rem;
		  z-index: 10;
		  border-radius: 50%;
		  font-size: 0.4rem;
		  cursor: pointer;
		  left: 0.6rem;
	}
	.linghang-swiper-button-next{
		  left: 1.6rem;
	}
	.linghang-button:hover{
		  color: #fff;
		  background-color: #932024;
	}
	.my-swiper-yuan{
		position: absolute;
		top: 0;
		right: 0;
		width: 7.5rem;
	}
	.my-swiper-yuan::before{
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		height: 15rem;
		width: 15rem;
		border: 2px dashed #FFFFFF;
		border-radius: 50%;
		left: 3.8rem;
		top: -3.3rem;
	}
	.my-swiper-yuan .big{
		border: 2px solid #FFFFFF;
		background: #932024;
		height: 3.5rem;
		width: 3.5rem;
		border-radius: 50%;
		display: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.my-swiper-yuan .swiper-slide-active .big{
		display: flex;
	}
	.my-swiper-yuan .swiper-slide-active .small{
		display: none;
	}
	.my-swiper-yuan .big img{
		width: 0.8rem;
		height: 0.8rem;
	}
	.my-swiper-yuan .swiper-slide{
		background-color: transparent;
		position: relative;
	}
	.my-swiper-yuan h4{
		color: #fff;
	}
	.my-swiper-yuan .small{
		display: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
		background: rgba(147, 32, 36, 0.5);		
		box-sizing: border-box;
		border: 2px solid #FFFFFF;		
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	}
	.my-swiper-yuan .swiper-slide-prev .small{
		display: flex;
		transform: translate(1rem,-0.7rem);
	}
	.my-swiper-yuan .swiper-slide-active{
		transform: translate(0rem,-0.2rem);
	}
	.my-swiper-yuan .swiper-slide-next .small{
		display: flex;
		transform: translate(1rem,0.6rem);
	}
	.product-tubiao{
		
	}
	.product-tubiao h2{
		margin: 0.8rem 0;
	}
	.yuanbiao{
		color: #fff;
	}
	.yuanbiao::before{
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		height: 150px;
		width: 150px;
		background: linear-gradient(180deg, #932024 0%, #CF1015 100%);
		border-radius: 50%;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.yuanbiao .circle-info{
		font-size: 30px;
		line-height: 260px !important;
	}
	.product-tubiao .panel-bd{
		background-color: #fff;
		padding: 0.5rem 0.3rem;
	}
	.yuanbiao .circle-text{
		line-height: 200px !important;
	}
	.product-tubiao .bili P{
		line-height: 1.8;
		text-align: center;
	}
	.product-tubiao .circliful{
		margin: 0 auto;
	}
	.product-tubiao .panel-bd .title{
		margin-bottom: 0.3rem;
		line-height: 1;
	}
	.product-tubiao .panel-bd .title h4{
		line-height: 1.7;
	}
	#mychart{
		min-height: 7rem;
		width: 100%;
	}
	.product-tubiao .time-down{
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		margin-top: 0.3rem;
	}
	.product-wenhua{
		
	}
	.product-wenhua li{
		display: flex;
	}
	.product-wenhua li div{
		width: 50%;
	}
	.product-wenhua li:nth-child(1){
		background-color: #fff;
	}
	.product-wenhua li .img-box{
		    background: center no-repeat;
		    background-size: cover;
	}
	.product-wenhua li .info{
		padding: 2.3rem 1.5rem;
		line-height: 1.8;
	}
	.product-wenhua li .fs28{
		margin-bottom: 20px;
	}
	.energy{
		
	}
	.energy-1{		
		background: center no-repeat;
		background-size: cover;
		display: flex;
		align-items: center;
		line-height: 1.7;
		background-image:url(../images/energy-1-bg.png) ;
	}
	.energy-1 .container-fluid{
		margin: 1rem 0;
	}
	
	.energy-1 .vertical-center{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.energy-1 .vertical-center .icon{
		display: block;
	}
	.energy-1 [class^="col-lg"]{
		background-color: #fff;
		border-bottom: 1px solid #CF1015;
		border-right: 1px solid #F2F2F2;
		position: relative;
	}
	.energy-1 .weiwang-underline:hover::after{
		height: 8px;
		background-color: #CF1015;
	}
	.energy-1 .weiwang-underline:last-child{
		border-right:0;
	}
	/* .energy-1 .col-lg-4:nth-child(n+2){
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.energy-1 .col-lg-4:nth-child(n+2) .icon{
		justify-content: center;
	} */
	.energy-1 .icon {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		text-align: center;
		align-items: center;		
	}
	.energy-1 .icon{
		
	}
	.energy-1 .weiwang-underline:hover .icon{
		flex-direction: row;
		text-align: left;
		justify-content: space-between;
	}
	.energy-1 .weiwang-underline:hover h4{
		font-weight:bold;
		margin-top: 0rem;
		order: 0;
		margin-right: 0.2rem;
	}
	.weiwang-underline .content-item .fs24{
		margin-top: 0.6rem;
	}
	.energy-1 .icon img{
		width: 1.2rem;
	}
	.energy-1 h4{
		line-height: 1.7;
		order: 1;
		font-weight: normal;
		margin-top: 0.8rem;
	}
	.energy-1 .weiwang-underline{
		height: 6rem;
	}
	
	.energy-1 .weiwang-underline{
		position: relative;
	}
	.energy-1 .weiwang-underline .content-item{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		height: 100%;
		padding: 0.44rem;
	}
	.energy-1 ul{
		display: none;
		margin-top: 0.6rem;
	}
	.energy-1 li{
		line-height: 2.5;
	}
	.energy-1 li::before{
		content: " ";
		display: inline-block;
		width: 0.12rem;
		height: 0.12rem;
		border-radius: 50%;
		border:3px solid #CF1015;
		margin-right: 0.1rem;
	}
	.energy-1 .weiwang-underline:hover ul{
		display: block;
	}
	.energy-2{
		padding: 0.75rem 0;
		display: flex;
		align-items: center;
		line-height: 1.7;		
		color: #fff;
		position: relative;
	}
	.energy-2 .bg li{
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
		background: center no-repeat;
		background-size: cover;
		background-image:url(../images/energy-2-01-bg.png) ;
		display: none;
	}
	.energy-2 .bg li:first-child{
		display: block;
	}
	.energy-2 a{
		color: #fff;
	}
	.energy-2 h2,.energy-2 h5{
		color: #fff;
	}
	.energy-2 h5{
		margin-top: 18px;
		margin-bottom: 37px;
		padding-bottom: 0.1rem;
	}
	.energy-2 .col-lg-3:hover .weiwang-underline::after{
		width: 30%;
	}
	.energy-2 h5.weiwang-underline::after{
		left: 0;
		background-color: #CF1015;
	}
	.energy-2 .col-lg-3{
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		padding: 2.6rem 0.44rem;
		position: relative;
	}
	.energy-2 .col-lg-3:last-child{
		border-right:0;
	}
	.energy-3{
		overflow: hidden;
		background: center bottom no-repeat;
		background-size: 100%;
		align-items: center;
		line-height: 1.7;
		background-image:url(../images/energy-3-bg.png) ;
		
	}
	.energy-3 .logo{
		margin-top: 1rem;
		text-align: center;
		padding-bottom: 1rem;
	}
	.energy-3 .logo img{
		width: 5rem;
	}
	.level-2-wrapper::before
	.jiagou-1{
		
	}
	.jiagou-1 .item{
		margin: 0 0.1rem;
		text-align: center;
		line-height: 2;
		padding: 0.5rem 0;
		background-color: #D8D8D8;
	}
	.jiagou-1 .item img{
		position: absolute;
		top: 50%;;
		left: 50%;
		transform: translate(-50%,-50%);
		max-width: 60%;
		max-height: 60%;
	}
	.jiagou-1 li{
		flex: 1;
	}
	.jiagou-1 li:hover::after{
		border-left: 2px solid #932024;
	}
	.jiagou-1 li:hover::before{
		border-top: 2px solid #932024;
	}
	.jiagou-1 .item{
		color: #3D3D3D;
	}
	.jiagou-1 li:hover .item{
		background-color: #932024;
		color: #ffff;
	}
	.jiagou-1 li:hover h5{
		color: #ffff;
	}
	.energy h1{
		color: #932024;
		margin: 0.8rem 0;
		text-align: center;
	}
	.energy-3 .swiper-slide{
		flex-direction: column;
		height: auto;
		background-color: transparent;
	}
	.energy-3 .swiper-slide .info{
		padding: 0.18rem 0.58rem;
		text-align: left;
		display: none;
		background-color: #fff;
		width: 100%;
	}
	.energy-3 .swiper-slide.swiper-slide-active .info{
		display: block;
	}
	.energy-3 .swiper-slide h5{
		position: relative;
		margin-bottom: 0.1rem;
		padding-bottom: 0.1rem;
		color: #3D3D3D;
	}
	.energy-3 .swiper-slide h5::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 3px;
		width: 1rem;
		background-color: #CF1015;
	}
	.energy-3 .swiper-container{
		margin-bottom: 1rem;
		overflow: visible;
	}
	.energy-3 .swiper-pagination{
		bottom: -0.6rem;
	}
		
	.energy-3 .swiper-pagination-bullet{
		width: 0.3rem;
		height: 2px;
		background-color: #FFFFFF;
		opacity: 1;
	}
	.energy-3 .swiper-pagination-bullet-active{
		width: 1rem;
	}
	.energy-4{
		
	}
	.energy-4 .item{
		position: relative;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.energy-4 .item img{
		width: 100%;
	}
	.energy-4 .item:hover .info{
		height: 0.8rem;
	}
	.energy-4 h6{
		position: relative;
		margin-top: 0.25rem;
		padding-bottom: 0.1rem;
		color: #3D3D3D;
	}
	.energy-4 .item:hover{
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	}
	.energy-4 .info{
		-webkit-transition: all 0.8s ease-in-out;
		 transition: all 0.8s ease-in-out;
		height: 0rem;
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: #fff;
		width: 100%;
		padding: 0 0.5rem;
	}
	.energy-4 h6::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 3px;
		width: 0.5rem;
		background-color: #CF1015;
	}
	.energy .g-contact{
		    margin-top: 0.5rem;
	}
	.jiagou-2 h1{
		margin-bottom: 0.2rem;
	}
	.jiagou-3{
		width: 10rem;
		margin: 0 auto;
		max-width: 100%;
	}
	.news-top{
		padding: 0.9rem 0;
	}
	.news-line{
		border-top: 1px solid #D8D8D8;
		width: 100%;
	}
	.news-top .pic{
		padding-right: 0;
	}
	.news-top .info-box{
		padding-left: 0;
	}
	.news-top .info{
		height: 100%;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;		
	}
	.news-top .info .title{
		margin-top: 0.6rem;
		margin-bottom: 0.8rem;
	}
	.news-top:hover a{
		color: #CF1015 !important;
	}
	.news-list{
		
	}
	.news-list .list{
		margin-top: 0.9rem;
	}
	.news-list .list .item{
		margin-bottom: 30px;
	}
	.news-list .pic img{
		width: 100%;
	}
	.news-list .list .item:hover .info{
		background: url(../images/news-item-bg.png) no-repeat center/100%;
	}
	.news-list .list .item:hover .info a,.news-list .list .item:hover .info,.news-list .list .item:hover .info .date{
		color: #fff;
	}
	.news-list .info{
		background-color: #fff;
		padding: 0.3rem;
	}
	.news-list .info .date{
		color: #666;
	}
	.news-list .info .title{
		margin-top: 0.18rem;
		margin-bottom: 0.25rem;
	}
	.news-list .info .more{
		color: #999;
	}
	.g-page{
		background-color: #fff;
		padding: 0.4rem 0;
		margin-bottom: 0.33rem;
		color: #666;
	}
	.g-page ul{
		display: flex;
		text-align: center;
		
	}
	.g-page ul li{
		margin-right: 0.2rem;
	}
	.g-page ul li a{
		display: block;
		width: 0.42rem;
		height: 0.42rem;
		line-height: 0.42rem;
		text-align: center;
		background: #D8D8D8;
		color: #999999;
	}
	.g-page ul li.thisclass a,
	.g-page ul li.on a{
		color: #fff;
		background: #932024;
	}
	.g-page ul li:hover a{
		color: #fff;
		background: #932024;
	}
	.g-page .container-fluid {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.g-page .prev,.g-page .next{
		width: 40%;
		color: #666;
	}
	.g-page .next{
		text-align: right;
	}
	.g-page .prev:hover,.g-page .next:hover{
		color: #932024;
	}
	.down-list .list{
		margin-bottom: 0.3rem;
	}
	.down-list .item{
		background-color: #fff;
		padding: 0.5rem 0.3rem;
		display: flex;
		margin-bottom: 30px;
	}
	.down-list .item img{
		width: 0.9rem;
		margin-right: 0.6rem;
	}
	.down-list .item .info{
		width: 100%;
	}
	.down-list .item .info h4{
		margin-bottom: 1rem;
	}
	.down-list .item .down-btn-list{
		display: flex;
		justify-content: space-between;
		text-align: center;
	}
	.down-list .down-btn{
		color: #666666;
		width: 0.9rem;
		line-height: 0.35rem;
		height: 0.35rem;
		background: url(../images/down-bg-01.png) no-repeat center center;
		background-size: 100%;
		font-size: 16px;
	}
	.down-list .down-btn:hover{
		background: url(../images/down-bg-02.png) no-repeat center center;
		background-size: 100%;
		color: #fff;
	}
	.search-box{
		margin: 0.9rem 0;
		display: flex;
		justify-content: space-between;
	}
	.down-list .search{
		border: 1px solid #D8D8D8;
		width: 2.4rem;
		height: 0.4rem;
		border-radius: 2px;
		display: flex;
		flex-wrap: nowrap;
	}
	.down-list .search input{
		background-color: transparent;
		height: 100%;
	}
	.down-list .search .submit{
		padding-left: 0.4rem;
		width: 13px;
		background: url(../images/search-icon.png) no-repeat center center;
	}
	.expo-list .main{
		margin-top: 0.9rem;
	}
	.expo-list .main li{
		display: flex;
		flex: 1;
		margin-bottom: 0.6rem;
	}
	.expo-list .main li:hover{
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	}
	.expo-list .main li:hover .info{
		background: url(../images/media-item-bg.png) no-repeat center/cover;
		color: #fff;
	}
	.expo-list .main li:hover a{
		color: #fff;
	}
	.expo-list li .pic{
		width: 50%;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.expo-list li .pic img{
		width: 100%;	
	}
	.expo-list li .info{
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #fff;
		width: 50%;
		padding-left: 0.8rem;
	}
	.expo-list li .info .title{
		margin-top: 0.6rem;
		margin-bottom: 0.7rem;
		line-height: 1.7;
	}
	.expo-list li .info .more{
		color: #999999;
	}
	.article {
		padding: 0.45rem;
		background-color: #fff;
		margin-bottom: 0.5rem;
	}
	.article h4{
		margin-top: 0.5rem;
	}
	.article .date{
		display: flex;
		justify-content: space-between;
		margin: 0.6rem 0;
		color: #3D3D3D;
	}
	.article .news-line{
		margin: ;
	}
	.article .body{
		margin-top: 0.9rem;
		line-height: 1.7;
		color: #3D3D3D;
	}
	.article .body p{
		margin-bottom: 30px;
	}
	.relate{
		
	}
	.relate .head{
		padding: 0.23rem;
		background-color: #fff;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
		margin-bottom: 0.2rem;
	}
	.relate .head h5{
		position: relative;
		padding-left: 0.2rem;
	}
	.relate .head h5::before{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		display: inline-block;
		width: 5px;
		height: 0.2rem;
		background: linear-gradient(180deg, #CF1015 0%, #932024 100%);
	}
	.relate .list{
		padding: 0.27rem;
		background-color: #fff;
		line-height: 1.7;
	}
	.relate .list .date{
		font-size: 14px;
		color: #666666;
		margin-bottom: 8px;
	}
	.relate .list .title{
		display: block;
		font-size: 12px;
		color: #666666;
	}
	.relate .list li{
		border-bottom: 1px solid #D8D8D8;
		padding: 20px 0;
	}
	.relate .list li:last-child{
		border-bottom:0
	}
	.jobs-1{
		height: 7.5rem;
		background: center no-repeat;
		background-size: cover;
		display: flex;
		align-items: center;
		line-height: 1.7;
		background-image:url(../images/jobs-1-bg.png) ;
	}
	.jobs-1 .container-fluid{
		display: flex;
		align-items: center;
	}
	.jobs-1 img{
		 width: 5.5rem;
		 margin-right: 1rem;
	 }
	 .jobs-1 h4{
		 margin-bottom: 0.1rem;
		 position: relative;
		 color: #932024;
	 }
	 .jobs-1 p:nth-child(2){
	  	 margin-bottom: 0.8rem;
	  }
	  .jobs-2 {
		  height: 6rem;
	  }
	  .jobs-2 ul{
		display: flex;
		justify-content: space-between;
	  }
	  .jobs-2 li{
			width: 20%;
			height: 6rem;
			padding: 0.4rem;
			background-position: center center;
			background-size: cover;
			-webkit-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			margin-right: 10px;
			cursor: pointer;
		  
	  }
	  .jobs-2 li h3{
		  color: #fff;
		  margin-top: 4.5rem;
	  }
	  .jobs-2 li.on{
		  width: 60%;
	  }
	  .jobs-3 .container-fluid{
	  	display: flex;
	  	align-items: center;
		justify-content: space-between;
	  }
	  .jobs-3{
		  height: 6rem;
		  background: center no-repeat;
		  background-size: cover;
		  display: flex;
		  align-items: center;
		  line-height: 1.7;
		  background-image:url(../images/jobs-3-bg.png) ;
	  }
	  .jobs-3 img{
	  	 width: 5rem;
	   }
	   .jobs-3 .list ul{
		   display: flex;
	   }
	   .jobs-3 .list{
		   margin-left: 0.3rem;
	   }
	   .jobs-3 .list ul li{
		   position: relative;
		   padding-left: 0.2rem;
		   margin-bottom: 0.55rem;
	   }
	   .jobs-3 .list ul li:hover h4{
		   color: #932024;
	   }
	   .jobs-3 .list ul li:last-child{
		   margin-left: 1.5rem;
	   }
	   .jobs-3 .list ul li::before{
		   position: absolute;
		   left: 0;
		   top: 0.08rem;
		   content: " ";
		   display: inline-block;
		   height: 0.12rem;
		   width: 0.12rem;
		   border-radius: 50%;
		   background: #932024;
	   }
	   .jobs-3 .list h4{
		   color: #3D3D3D;
	   }
	   .jobs-3 .list p{
		   color: #666666;
	   }
	   .jobs-3 h2{
		   margin-bottom: 0.7rem;
	   }
	   .jobs-tb-hd{
		   display: flex;
		   justify-content: space-between;
		   align-items: center;
		   margin: 0.6rem 0;
	   }
	   .jobs-tb-hd ul{
		   display: flex;
	   }
	   .jobs-tb-hd ul li{
		   margin-left: 1.5rem;
		   cursor: pointer;
	   }
	   .jobs-tb-hd ul li a{
		   padding-bottom: 0.15rem;
	   }
	   .jobs-panel-hd{
		   display: flex;
		   height: 2rem;
		   background-color: #fff;
		   align-items: center;		   
	   }
	   .jobs-panel-hd .info{
			flex:1;
			line-height: 0.45rem;
			padding: 0.3rem;
	    }    
	   .jobs-panel-hd .more{
	        width: 1.5rem;  
			cursor: pointer;
			border-left: 1px solid #F2F2F2;
			height: 100%;
			text-align: center;
			line-height: 2rem;
	    }
		.jobs-panel-bd{
			line-height: 1.8;
			padding: 0.35rem;
			background-color: #fff;
			box-shadow: 0px 2px 5px 0px rgba(149, 146, 146, 0.3);
			display: none;
		}
		.jobs-panel-bd h5{
			margin-bottom: 0.5rem;
		}
		.jobs-tb-bd .item{
			margin-bottom: 0.5rem;
		}
		.jobs-tb-bd>ul>li{
			display: none;
		}
		.jobs-panel-hd.opened h3,.jobs-panel-hd.opened .more{
			color: #932024;
		}
		.jobs-panel-bd{
			background: url(../images/jobs-bg.png) no-repeat ;
			background-position: 80% 80%;
			background-color: #fff;
		}
		.jobs-panel-bd .product-more{
			margin: 0.3rem 0;
		}
		.upload-box{
			width: 10rem;
			background-color: #fff;
			box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
			border-radius: 0.1rem;
			padding: 0.3rem;
			text-align: center;
		}
		.upload-box h4{
			text-align: left;
			color: #932024;
			position: relative;
			padding-bottom: 0.1rem;
			margin-bottom: 0.6rem;
		}
		.upload-box h4::before,.upload-box h4::after{
			position: absolute;
			bottom: 0;
			left: 0;
			content: " ";
			height: 1px;
		}
		.upload-box h4::before{
			width: 1.2rem;
			background-color: #D8D8D8;
		}
		.upload-box h4::after{
			width: 0.6rem;
			height: 2px;
			background-color: #932024;;
		}
		.upload-box .inner-box{
			height: 4.5rem;
			border-radius: 5px;
			border: 1px solid #D8D8D8;
			padding: 0.1rem;
		}
		.upload-box .inner{
			border-radius: 5px;
			border: 1px dashed #D8D8D8;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
		}
		.upload-box .icon{
			padding: 0.25rem;
			background: #F2F2F2;
			display: inline-block;
			margin-bottom: 0.22rem;
			line-height: 1.7;
			cursor: pointer;
		}
		.upload-box .icon img{
			width: 1.05rem;
		}
		.upload-box .icon
		.layui-layer{
			background-color: transparent;
		}
		.upload-box .product-more{
			margin: 0.37rem auto;
		}
		#toTop{
			line-height: 0.5rem;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.9);
			text-align: center;
			font-size: 0.3rem;
			width: 0.5rem;
			height: 0.5rem;
			bottom:20px;
			right:15px;
		}
		#toTop:hover{
			background-color: #932024;
			color: #fff;
		}
	.about-8-swiper .swiper-slide {
		text-align: center;
		height: calc((100% - 30px) / 2) !important;
  
		/* Center slide text vertically */
		display: flex;
		justify-content: center;
		align-items: center;
    }
	.about-8-swiper img{
		width: 1.5rem;
	}