/*
   paging.css
   <project>
   
   Created by wucj on 2018-05-16.
   https://segmentfault.com/u/shouzijiangs
   Copyright 2018 wucj. All rights reserved.
*/

/*内页our_story*/
.our_story{}
.our_story .layout1{ height: 589px;}
.our_story .layout2{ height: 909px; text-align: center;}
.our_story .layout2 h3{ font-size: 30px; color: #282e38; font-weight: normal; line-height: 88px; padding-top: 84px;}
.our_story .layout2 p{ color: #737373; line-height: 24px; padding-bottom: 80px; width: 800px; margin: 0 auto;}
.our_story .layout2 .img{}
.our_story .layout2 .img .title{ margin-top: -4px; font-size: 18px; position: absolute; left: 0; right: 0;}
.our_story .layout3{ height: 834px; text-align: center;}
.our_story .layout4{ height: 803px;}
.our_story .layout4 .img{ position: absolute; right: -96px; top: 112px;}
.our_story .layout5{ height: 824px;}
.our_story .layout6{ height: 786px;}
.our_story .layout6 .img{ position: absolute; right: -78px; top: 84px;}
.our_story .layout7{ height: 824px;}

.our_story .txt{ position: relative; z-index: 2; }
.our_story .txt h4{ font-size: 56px; color: #ffffff; position: relative; height: 148px; font-weight: normal;}
.our_story .txt h4:after{ content: ''; width: 53px; height: 6px; background: #55c916; position: absolute; left: 0; bottom: 0;}
.our_story .txt h3{ font-size: 40px; color: #a3a3a3; line-height: 88px; }
.our_story .txt ul{}
.our_story .txt ul li{ line-height: 48px;}
.our_story .txt ul li i{ background: url(../images/icon.png) -122px -104px no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 22px; margin-top: -3px;}
.our_story .txt ul li p{ display: inline-block;}

.our_story .layout3 .txt,
.our_story .layout5 .txt,
.our_story .layout7 .txt{ color: #fff; float: right;}

.our_story .layout3 .txt{ top: 182px;}
.our_story .layout4 .txt{ top: 170px;}
.our_story .layout5 .txt{ top: 230px;}
.our_story .layout6 .txt{ top: 266px;}

.our_story .layout3 .txt h3{ padding-top: 40px;}

.our_story .layout6 .txt ul li {line-height: 28px;margin-bottom: 18px;}
.our_story .layout4 .txt ul li,
.our_story .layout5 .txt ul li{width: 540px;line-height: 28px;margin-bottom: 18px;}

.our_story .layout4 .txt ul li i{ background-position: -142px -104px; vertical-align: top; margin-top: 5px; }
.our_story .layout5 .txt ul li i{ background-position: -162px -104px;}
.our_story .layout6 .txt ul li i{ background-position: -182px -104px;}

.our_story .layout4 .txt ul li p{ width: 500px;}

.our_story .foot{ height: 476px; background: url(../img/foot_bg.jpg) left top repeat;}
.our_story .foot .title{ color: #a78a53; font-weight: normal; font-size: 30px; text-align: center; line-height: 136px;}
.our_story .foot ul{ padding-top: 24px;}
.our_story .foot ul li{ float: left; width: 20%; }
.our_story .foot ul li a{}
.our_story .foot ul li dl{}
.our_story .foot ul li dl dt{ float: left;}
.our_story .foot ul li dl dt img{ width: 98px; height: 98px;}
.our_story .foot ul li dl dd{ float: left; margin-left: -24px; width: 166px;}
.our_story .foot ul li dl dd h3{color: #ffffff;font-size: 18px;font-weight: normal;line-height: 40px;padding-top: 6px;}
.our_story .foot ul li dl dd p{color: #a78a53;line-height: 18px;}
.our_story .foot .swiper-pagination{ position: absolute; left: 50%; top: 336px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.our_story .foot .swiper-pagination-bullet{ background: none; border: 1px solid #a78953; margin-right: 12px;}
.our_story .foot .swiper-pagination-bullet-active{ background: #a78953;}

/* 大事记 */
.our_story .layout3 h3 {
   font-size: 30px;
   color: #282e38;
   font-weight: normal;
   line-height: 88px;
   text-align: center;
}
.event-layout {
   width: 800px;
   margin: 0 auto;
}
.event-layout .swiper {
   width: 100%;
	height: 100%;
}
.event-layout .swiper-slide {
   text-align: center;
	font-size: 18px;
   display: flex;
   justify-content: center;
}

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

/* 轮播左右点击 */
.event-layout .swiper-button-next, .event-layout .swiper-button-prev{
   top: 96px;
   color: #a3a3a3;
   margin: 0 auto;
   box-sizing: border-box;
   width: 20px;
   height: 20px;
   border: solid #c8c8c8;
   border-width: 0 6px 6px 0;
   cursor: pointer;
}
.event-layout .swiper-button-next:after, .event-layout .swiper-button-prev:after {
   display: none;
}
.event-layout .swiper-button-next:after, .event-layout .swiper-button-prev:after {
   font-size: 20px;
   font-weight: bolder;
}
.event-layout .swiper-button-prev {
   left: -15px;
   transform: rotate(135deg);
}
.event-layout .swiper-button-next {
   right: -15px;
   transform: rotate(-45deg);
}

/* 轮播 大事记图文 */
.event-layout .mySwiper2 {
	height: 80%;
	width: 100%;
   overflow: hidden;
}
.event-layout .swiper-slide {
   width: 800px;
   height: 300px;
}
.event-layout .swiper-slide .left-img {
   width: 380px;
   min-height: 300px;
   margin-right: 20px;
}
.event-layout .swiper-slide .right-text {
   width: 400px;
   min-height: 300px;
   font-size: 14px;
   color: #666;
   text-align: left;
   line-height: 24px;
   overflow-y: auto;
}
.event-layout .swiper-slide .right-text li {
   margin-bottom: 20px;
   padding-left: 20px;
   position: relative;
}
.event-layout .swiper-slide .right-text li::before {
   content: '';
   position: absolute;
   left: 0;
   top: 8px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #7f7f7f;
}

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

::-webkit-scrollbar {
   width: 5px;
   height: 5px;
   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);
   transition: all .2s;
 }