

.aboutMain .title{ padding: 50px 0;}
.aboutMain .title h2{ text-align: center; font-size: 44px; color: #333; padding-bottom: 20px;}
.aboutMain .title p{ margin: 0 auto; line-height: 26px; text-align: center; font-size: 16px; color: #777;}

.aboutLayer1{ padding: 100px 0; background: #f5f5f5;}
.aboutLayer1 .Nr{ overflow: hidden; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.aboutLayer1 .Nr .icon{height: 540px; width: 960px; position: relative;margin: auto;margin-bottom: 40px}
.aboutLayer1 .Nr .icon video{ width: 100%; display: block;}
.aboutLayer1 .Nr .icon .playClick{ cursor: pointer; background: url(/frontEnd/static/images/playClick_03.png); width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.aboutLayer1 .Nr .icon img{ display: block; width: 100%; height: 100%;}
.aboutLayer1 .Nr .text{ width: 100%;  padding: 40px 40px 0 40px; box-sizing: border-box;}
.aboutLayer1 .Nr .text h2{ position: relative; height: 74px; line-height: 74px; border-bottom: 2px solid #eee; font-size: 35px; color: #222;}
.aboutLayer1 .Nr .text h2::after{ width: 50px; height: 3px; background: #6eb92b; content: ''; position: absolute; left: 0; bottom: -2px;}
.aboutLayer1 .Nr .text p{ padding-top: 20px; font-size: 15px; color: #777; line-height: 36px;}

.aboutLayer2{ background: url(/frontEnd/static/img/cantact_16.jpg); height: 785px; background-size:100% 100%;}
.aboutLayer2 .con{ position: relative; height: 475px; padding: 0 60px; box-sizing: border-box;}
.aboutLayer2 .con .swiper-container{ height: 100%; width: 100%;}
.aboutLayer2 .con .swiper-container img{ transition: 0.5s; opacity: 0.6; height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.8);}
.aboutLayer2 .con .swiper-container .swiper-slide{ background: none;}
.aboutLayer2 .con .swiper-container .swiper-slide.swiper-slide-active img{ opacity: 1; transform: translate(-50%,-50%) scale(1);}
.aboutLayer2 .con .swiper-container .swiper-slide.swiper-slide-active{ z-index: 99;}
.aboutLayer2 .con .swiper-button-next{ width: 40px; height: 40px; background: #fff; text-align: center; line-height: 40px; border-radius:50%; color: #2374bd; margin: 0; top: 50%; transform: translateY(-50%); right: 0!important;}
.aboutLayer2 .con .swiper-button-prev{ width: 40px; height: 40px; background: #fff; text-align: center; line-height: 40px; border-radius:50%; color: #2374bd; margin: 0; top: 50%; transform: translateY(-50%); left: 0!important;}
.aboutLayer2 .con .swiper-button-prev::after{ display: none;}
.aboutLayer2 .con .swiper-button-next::after{ display: none;}
.aboutLayer2 .con .swiper-button-next:hover{ background: #6eb92b; color: #fff;}
.aboutLayer2 .con .swiper-button-prev:hover{ background: #6eb92b; color: #fff;}

.aboutLayer3{ background: #f5f5f5; padding-bottom: 100px;}
.aboutLayer3 .con{ overflow: hidden;}
.aboutLayer3 .con .conLeft{ float: left; width: 460px; height: 650px; background: #fff; box-sizing: border-box;}
.aboutLayer3 .con img{ display: block; margin: 0 auto;}
.aboutLayer3 .con h2{ height: 80px; line-height: 80px; text-align: center; font-size: 28px; color: #333;}
.aboutLayer3 .con p{ text-align: center; font-size: 14px; color: #777; line-height: 22px;}
.aboutLayer3 .con .conRight{ width: 950px; float: right;}
.aboutLayer3 .con .conRight ul{ overflow: hidden;}
.aboutLayer3 .con .conRight ul li{ float: left; padding: 50px 60px 0 60px; box-sizing: border-box; background: #fff; width: 460px; height: 310px; margin: 0 30px 30px 0;}
.aboutLayer3 .con .conRight ul li:nth-child(2n){ margin-right: 0;}



<!--ºÄÊ±1754965282.4158Ãë-->