﻿



.aboutContainer{ width: 100%; margin-top:80px; margin-bottom:90px;}



.aboutContainer .aboutLayer3{ width: 100%; padding-bottom:50px;}
.aboutContainer .aboutLayer3 .title h2{ color: #333;}
.aboutContainer .aboutLayer3 .title p{ color: #333;}
.aboutContainer .aboutLayer3 .nrBox{ width: 1200px; margin: 0 auto; overflow: hidden; padding:50px; background:#fff; margin-bottom:30px;}
.aboutContainer .aboutLayer3 .nrBox .text{ width: 650px; float: left; text-align: left; font-size:14px; line-height:36px;}

.aboutContainer .aboutLayer3 .nrBox .text h2{ font-size: 54px; color: #222; font-weight: bold; padding-bottom: 25px; box-sizing:content-box;}

.aboutContainer .aboutLayer3 .nrBox .text h3{ font-size: 22px; color: #505050; line-height: 22px; padding-bottom: 10px;}

.aboutContainer .aboutLayer3 .nrBox .text p{ font-size: 14px; line-height: 36px; color: #505050;}

.aboutContainer .aboutLayer3 .nrBox .icon{ float: right; width: 515px; text-align:center; font-size:15px;}
.aboutContainer .aboutLayer3 .nrBox .icon img{ display: block; width: 100%; height: auto; margin-bottom:8px;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top{ width: 100%; padding-top: 20px;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-next{ top: 50%; transform: translateY(-50%); right: 4%; margin: 0; background: url(../image/about_25.png); width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ top: 50%; transform: translateY(-50%); left: 4%; margin: 0; background: url(../image/about_22.png); width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../image/aboutIcon_06.png) top center no-repeat;}
.aboutContainer .aboutLayer3 .nrList .time{ height: 56px; width:120px; font-size:24px; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}
.aboutContainer .aboutLayer3 .nrList .time span{position: absolute; display: block; height: 56px; background: url(../image/about_31.png); width: 15px; background-size:100% 100%; top: 0; left:-10%; transform: translateX(-50%);  z-index: 99;}
.aboutContainer .aboutLayer3 .nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 120px;}

.swiper-slide-active .time{ font-size:32px !important; color:#0e74be; font-weight:bold;}

@media (max-width:1365px ) {

.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-next{ display: none;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ display: none;}
.aboutContainer .aboutLayer3 .nrBox{ width: 96%; margin: 0 auto;}
.aboutContainer .aboutLayer3 .nrBox .text{ width: 100%;}
.aboutContainer .aboutLayer3 .nrBox .text h2{ font-size: 55px; text-align: center;}
.aboutContainer .aboutLayer3 .nrBox .text h3{ text-align: center;}
.aboutContainer .aboutLayer3 .nrBox .text span{ margin: 0 auto;}
.aboutContainer .aboutLayer3 .nrBox .text p{ font-size: 12px; line-height: 22px;}
.aboutContainer .aboutLayer3 .nrBox .icon{ width: 100%; padding-top: 30px;}
.aboutContainer .aboutLayer5{ background-size:auto 100%;}
.aboutContainer .aboutLayer5 .text{ width: 100%;}
.aboutContainer .aboutLayer5{ height: 500px; overflow: hidden; background-size:auto 100%; background: url(http://www.jccorp.com.cn/tpl/templets/ssm/images/bgbig.jpg) center center no-repeat; background-attachment:fixed ;}
.aboutContainer .aboutLayer5 .text{ width: 100%; padding: 0 20px; box-sizing: border-box; text-align: center;}
.aboutContainer .aboutLayer5 .text h2{ font-size: 16px;}
.aboutContainer .aboutLayer5.text p{ font-size: 14px; line-height: 26px;}
.fixedIcon{ width: 70%;}
}