/*
   paging.css
   <project>
   
   Created by wucj on 2018-05-23.
   https://segmentfault.com/u/shouzijiangs
   Copyright 2018 wucj. All rights reserved.
*/
.nav_top{ background: #fff;}
.nav_top .logo{ background-image: url(../images/logo2.png);}
.nav_top .menu .bar{ border-color: #979797;}

.com_title{ position: relative; height: .92rem;}
.com_title:after{ content: ''; position: absolute; left: 50%; width: .48rem; height: .04rem; background: #f12f66; bottom: -.3rem; margin-left: -.24rem;}
.com_title p{ position: absolute; left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.com_title p.p1{ z-index: 1; color: #585858; font-size: .3rem; line-height: .7rem; font-weight: normal; top: .3rem;}
.com_title p.p1 strong{ font-weight: bold;}
.com_title p.p2{font-size: .9rem;font-family: 'Microsoft YaHei';font-weight: bold;color: #f4f4f4;}
/*关于我们*/
.our_story{
   box-shadow: 0 0 25px #ccc;
   overflow: hidden;
}
.our_story .layout{ border-bottom: .2rem solid #f0f0f0;}
.our_story .layout1{}
.our_story .layout1 .com_title{ margin-bottom: .60rem; margin-top: .6rem;}
.our_story .layout1 .msg{ padding: 0 .6rem; color: #7b7b7b; line-height: .36rem;}
.our_story .layout1 .img{ text-align: center; padding: .6rem .1rem .56rem;}
.our_story .layout1 .img img{ width: 6.42rem;}
.our_story .layout1 .img .title{ margin-top: -.16rem; color: #282e38; position: absolute; left: 0; right: 0;}

.our_story .txt{margin-left: .72rem; position: relative; z-index: 2;}
.our_story .txt h4{font-size: .3rem;color: #4e4a4a;position: relative;line-height: .8rem; padding-top: .26rem;}
.our_story .txt h4:after{content: '';width: .42rem;height: .03rem;background: #f12f66;position: absolute;left: 0;bottom: 0;}
.our_story .txt h3{ color: #4e4a4a; line-height: .3rem; height: .3rem; width: .8rem; border: 1px solid #cfcfcf; margin:.2rem 0 .12rem; text-align: center; font-size: .24rem;}
.our_story .txt ul{ width: 6.26rem;}
.our_story .txt ul li{ margin-bottom: .22rem; line-height: .4rem; color: #898989;}
.our_story .layout2{}
.our_story .layout2 .cont{ position: relative; }
.our_story .layout2 .cont1{ margin-bottom: .88rem;}
.our_story .layout2 .cont1 .img{ position: absolute; right: 0; top: .88rem;}
.our_story .layout2 .cont1 img{ width: 6.78rem;}
.our_story .layout2 .cont3{ padding-top: .1rem;}
.our_story .layout2 .cont3 .txt{ color: #fff; position: absolute; left: 0; top: 4.7rem;}
.our_story .layout2 .cont3 .txt h3{ color: #fff; border: none; padding: 0; text-align: left;}
.our_story .layout2 .cont3 .txt ul li{ color: #fff; padding-bottom: .2rem;}
.our_story .layout2 .cont3 img{ width: 7.5rem;}
.our_story .layout2 .cont4 { padding-top: .46rem;}
.our_story .layout2 .cont4 .img{ padding: .26rem 0 0 .72rem;}
.our_story .layout2 .cont4 .info{ line-height: .56rem; color: #898989; padding: .5rem 0 .73rem .76rem;}
.our_story .layout2 .cont4 img{ width: 5.82rem; }

.our_story .layout2_1 .cont1 .img{ padding: .26rem 0 0 .72rem;}
.our_story .layout2_1 .cont1 p{ line-height: .56rem; color: #898989; padding: .5rem 0 .73rem .76rem;}
.our_story .layout2_1 .cont1 img{ width: 5.82rem; }


.our_story .layout3{ background: url(../img/foot_bg.jpg) left top repeat; position: relative;}
.our_story .layout3 .com_title{ padding-top: .76rem;}
.our_story .layout3 .com_title .p1{ color: #a78a53; top: 1rem;}
.our_story .layout3 .com_title .p2{ color: #081c34;}
.our_story .layout3 ul{ padding-top: 24px; padding-bottom: 1.7rem;display: flex;flex-wrap: wrap;justify-content: center;}
.our_story .layout3 ul li{ float: left; width: 50%; text-align: center; padding-top: 1rem;}
.our_story .layout3 ul li a{}
.our_story .layout3 ul li dl{}
.our_story .layout3 ul li dl dt{}
.our_story .layout3 ul li dl dt img{ width: .98rem; height: .98rem;}
.our_story .layout3 ul li dl dd{}
.our_story .layout3 ul li dl dd h3{ color: #ffffff; font-size: .28rem; font-weight: normal; line-height: .58rem;}
.our_story .layout3 ul li dl dd p{ color: #a78a53; min-height:.64rem}
.our_story .layout3 .swiper-pagination{ position: absolute; left: 50%; bottom: .64rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.our_story .layout3 .swiper-pagination-bullet{ background: none; border: 1px solid #a78953; margin-right: .12rem; }
.our_story .layout3 .swiper-pagination-bullet:last-child{ margin: 0;}
.our_story .layout3 .swiper-pagination-bullet-active{ background: #a78953;}

/* 大事记 */
.our_story .event-layout {
   width: 100%;
   margin: 0 auto;
   padding: .5rem 0 1rem;
}
.our_story .event-layout-swiper {
   padding: 0 .2rem;
}
.event-layout .swiper {
   width: 100%;
	height: 100%;
}
.event-layout .swiper-slide {
   text-align: center;
	font-size: .24rem;
   display: flex;
   justify-content: center;
}

/* 轮播 年份 */
.event-layout .mySwiper {
	height: 20%;
	box-sizing: border-box;
   width: 100%;
   overflow: hidden;
   margin-top: .8rem;
}
.event-layout .mySwiper .swiper-slide {
	width: 25%;
	height: 1rem;
   padding: .2rem 0 .5rem;
   position: relative;
}
.event-layout .mySwiper .swiper-slide:after {
   content: '';
   position: absolute;
   top: .8rem;
   width: 100%;
   height: .02rem;
   background: #e6e6e6;
}
.event-layout .mySwiper .swiper-slide p {
	color: #a3a3a3;
   cursor: pointer;
   font-size: .24rem;
   line-height: .24rem;
   position: relative;
   text-align: center;
   width: 1rem;
}
.event-layout .mySwiper .swiper-slide p:after {
   content: '';
   position: absolute;
   left: 50%;
   top: .56rem;
   width: .1rem;
   height: .1rem;
   margin-left: -.05rem;
   border-radius: 50%;
   background: #a3a3a3;
   z-index: 2;
}
.event-layout .mySwiper .swiper-slide-thumb-active p {
   font-size: .28rem;
   line-height: .2rem;
   font-weight: bolder;
   color: #2282f4;
   transition: .2s;
}
.event-layout .mySwiper .swiper-slide-thumb-active p:after {
   content: "";
   width: .2rem;
   height: .2rem;
   background: #2282f4;
   left: 50%;
   top: .5rem;
   margin-left: -.1rem;
   z-index: 2;
}
.event-layout .mySwiper .swiper-slide-thumb-active p::before {
   content: "";
   width: .32rem;
   height: .32rem;
   border: .02rem solid #2282f4;
   box-sizing: border-box;
   position: absolute;
   left: 50%;
   top: .45rem;
   margin-left: -.16rem;
   border-radius: 50%;
   z-index: 2;
}

/* 轮播 大事记图文 */
.event-layout .mySwiper2 {
	height: 80%;
	width: 100%;
   overflow: hidden;
}
.event-layout .swiper-slide {
   width: 100%;
   height: 6rem;
}
.event-layout .swiper-slide .text {
   width: 6.5rem;
   margin: 0 .3rem;
   min-height: 6rem;
   font-size: .24rem;
   color: #898989;
   text-align: left;
   line-height: .36rem;
   overflow-y: auto;
}
.event-layout .swiper-slide .text li {
   margin-bottom: .36rem;
   padding-left: .24rem;
   position: relative;
}
.event-layout .swiper-slide .text li::before {
   content: '';
   position: absolute;
   left: 0;
   top: .14rem;
   width: .1rem;
   height: .1rem;
   border-radius: 50%;
   background: #7f7f7f;
}

.event-layout .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

::-webkit-scrollbar {
   width: .06rem;
   height: .06rem;
   background: hsla(0, 0%, 100%, 0.6);
 }
 
 ::-webkit-scrollbar-track {
   border-radius: 0;
 }
 
 ::-webkit-scrollbar-thumb {
   border-radius: 0;
   background-color: rgba(95,95,95,.4);
 }