@charset "utf-8";



.ab_lichen_wrap{width:100%; background:#f5f5f5; padding:60px 0px 80px 0px;}




.aboutContainer{ width: 100%; margin-top:0px;}



.aboutContainer .aboutLayer3{ width: 100%;}
.aboutContainer .aboutLayer3 .title h2{ color: #333;}
.aboutContainer .aboutLayer3 .title p{ color: #333;}



@media only screen and (min-width:1800px) {

.aboutContainer .aboutLayer3 .nrBox{ width:1400px; margin: 0 auto; overflow: hidden; padding:50px; background:#fff; margin-bottom:30px;}
.aboutContainer .aboutLayer3 .nrBox .text{ width: 850px; float: left; text-align: left; font-size:18px; line-height:40px;}

}



@media only screen and (min-width:1500px) and (max-width:1799px) {

.aboutContainer .aboutLayer3 .nrBox{ width:1300px; margin: 0 auto; overflow: hidden; padding:50px; background:#fff; margin-bottom:30px;}
.aboutContainer .aboutLayer3 .nrBox .text{ width: 750px; float: left; text-align: left; font-size:18px; line-height:40px;}

}



@media only screen and (min-width:1366px)  and (max-width:1499px) {

.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:18px; line-height:40px;}

}












@media(min-width:1200px){
.aboutContainer .aboutLayer3 .nrBox .text h2{ font-size: 42px; 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{  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:#3786c7; border-radius:50%; width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ top: 50%; transform: translateY(-50%); left: 4%; margin: 0;  background:#3786c7; border-radius:50%; width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../images/aboutIcon_06.png) top center no-repeat;}
.aboutContainer .aboutLayer3 .nrList .time{ height: 56px; width:120px; margin: 0 auto; font-size:24px; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}

.aboutContainer .aboutLayer3 .nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 120px;}

.swiper-slide-thumb-active{ margin: 0 auto; font-size:32px !important; color:#1d2088; font-weight:bold;  background: url(../images/about_31.png) center center no-repeat;}



}




@media(max-width:1199px){
.aboutContainer .aboutLayer3 .nrBox .text h2{ font-size: 1.2em; color: #222; font-weight: bold; padding-bottom: 25px; box-sizing:content-box;}

.aboutContainer .aboutLayer3 .nrBox .text h3{ font-size: 1.1em; color: #505050; line-height: 22px; padding-bottom: 10px;}

.aboutContainer .aboutLayer3 .nrBox .text p{  line-height: 36px; color: #505050;}
.aboutContainer .aboutLayer3 .nrBox .icon{ float: right; width: 515px; text-align:center; font-size:12px;}
.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:#3786c7; border-radius:50%; width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .swiper-container.gallery-top .swiper-button-prev{ top: 50%; transform: translateY(-50%); left: 4%; margin: 0;  background:#3786c7; border-radius:50%; width: 55px; height: 55px;}
.aboutContainer .aboutLayer3 .nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../images/aboutIcon_06.png) top center no-repeat;}
.aboutContainer .aboutLayer3 .nrList .time{ height: 56px; width:120px; margin: 0 auto; font-size:1em; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}


.aboutContainer .aboutLayer3 .nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 120px;}

.swiper-slide-thumb-active{ margin: 0 auto; font-size:1.1em !important; color:#1d2088; font-weight:bold;  background: url(../images/about_31.png) center center no-repeat;}


}























@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: 90%; margin: 0 auto;}
.aboutContainer .aboutLayer3 .nrBox .text{ width: 100%;}
.aboutContainer .aboutLayer3 .nrBox .text h2{ font-size: 1.4em; text-align: center;}
.aboutContainer .aboutLayer3 .nrBox .text h3{ text-align: center;}

.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(../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%;}
}