/*
* @Author: yhf
* @Date:   2018-12-5 10:41:15
* @Last Modified by:   yhf
* @Last Modified time: 2019-01-09 17:37:51
*/
.banner{
    background: url(../i/aboutUs/banner.jpg) no-repeat center center;
    height: 648px;
}
.aboutUs-nav{
    border-bottom:1px solid #d5d5d5
}
.aboutUs-nav a{
    color: #000000;
    padding: 11px 20px;
    display:inline-block;
}
.aboutUs-nav a.active{
    color: #00a8ff;
    border-bottom: 2px solid #00a8ff;
}
#intro{
    display:table;
    width: 100%;
    padding-top:112px;
    padding-bottom:112px;
}
.intro-left{
    float: left;
    width: 668px;
    margin-top: 8px;
}
.intro-right{
    width: 522px;
    float: right;
    /* margin-top:52px; */
    padding-left:22px;
}
.intro-left img{
    margin-bottom: 12px;
}
.intro-right img{
    width:100%;
    display: block;
}
#culture{
    background:url(../i/aboutUs/bg.jpg) no-repeat center top;
    background-size:1920px;
    width: 100%;
    height: 1364px;
}
.culture-content{
    padding-top:95px;
    padding-bottom:148px;
}
.culture-content-title{
    margin-bottom:70px;
}
.culture-content img{
    width: 100%;
    height: 100%;
}
.culture-content-lists .culture-content-list{
    background: rgba(255,255,255,.5);
}
.culture-content-list>div{
    height: 200px;
    display:flex;
    display:-webkit-flex;
    align-items: center;
    position:relative;
}
.culture-content-list .box-shadow{
    box-shadow:0px 1px 7px rgba(0,0,0,0.42);
    -webkit-box-shadow:0px 1px 7px rgba(0,0,0,0.42);
    -moz-box-shadow:0px 1px 7px rgba(0,0,0,0.42);
    -o-box-shadow:0px 1px 7px rgba(0,0,0,0.42);
    position:relative;
    z-index:10;
}
.development-content{
    padding-top:90px;
    padding: 70px;
}
.culture-content-list:first-child>div:first-child+div:before,
.culture-content-list:first-child>div:first-child+div:after,
.culture-content-list:first-child+div+div>div:first-child+div:before,
.culture-content-list:first-child+div+div>div:first-child+div:after,
.culture-content-list:first-child+div+div+div+div>div:first-child+div:before,
.culture-content-list:first-child+div+div+div+div>div:first-child+div:after{
    content:'';
    position:absolute;
    z-index:10;
    width: 0;
    height: 0;
    border-right: 10px solid #fff;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    left: -10px;
    top:50%;
    margin-top:-5px;
}
.culture-content-list:first-child>div:first-child+div:before,
.culture-content-list:first-child+div+div>div:first-child+div:before,
.culture-content-list:first-child+div+div+div+div>div:first-child+div:before{
    border-right: 12px solid #ddd;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    left: -12px;
    top:50%;
    margin-top:-8px;
}
.culture-content-list:first-child+div>div:first-child:before,
.culture-content-list:first-child+div>div:first-child:after,
.culture-content-list:first-child+div+div+div>div:first-child:before,
.culture-content-list:first-child+div+div+div>div:first-child:after{
    content:'';
    position:absolute;
    z-index:10;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    right: -10px;
    top:50%;
    margin-top:-5px;
}
.culture-content-list:first-child+div>div:first-child:before,
.culture-content-list:first-child+div+div+div>div:first-child:before,
.culture-content-list:first-child+div+div+div+div+div>div:first-child:before{
    border-left: 12px solid #ddd;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    right: -12px;
    top:50%;
    margin-top:-8px;
}
.development-content .title{
    font-size:26px;
    color: #cbcbcb;
    width: 100px;
    line-height: 100px;
    height: 100px;
    border-radius:50%;
    border:2px solid #cbcbcb;
    margin:0 auto;
    position:relative;
    z-index:2;
    background-color:#fff;
    cursor: pointer;
}
.development-content .title.active,
.development-content .title:hover{
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0088f2',endColorStr='#42d2e4',gradientType='1');
    background:-webkit-linear-gradient(left,#0088f2,#42d2e4);
    background:-moz-linear-gradient(right,#0088f2,#42d2e4);
    background:-o-linear-gradient(right,#0088f2,#42d2e4);
    background:linear-gradient(to right,#0088f2,#42d2e4);
    border:0;
    color: #fff;
}
.development-content .swiper-container{
    position:relative;
    height: 100px;
    width: 90%;
    margin:0 auto 78px auto;
}
.development-content .swiper-wrapper:after{
    position:absolute;
    z-index:0;
    width: 95%;
    height: 2px;
    background-color:#cbcbcb;
    content:'';
    left: 2.5%;
    top: 50%;
    margin-top:-1px;
    z-index:1;
}
.development-content-list{
    position:relative;
}
.development-content-list:after{
    content:'';
    position:absolute;
    left: 12px;
    width: 2px;
    height: 100%;
    background-color: #cbcbcb;
    top: 0;
}
.development-content-list>div{
    padding-left:44px;
    padding-top:42px;
    padding-bottom:8px;
    position:relative;
    z-index:2;
    background:url(../i/aboutUs/icon.png) no-repeat 0 40px;
}
.times{
    position:relative;
}
.times .prev-btn,
.times .next-btn{
    position:absolute;
    top: 0;
    width: 38px;
    height: 99px;
    border: 1px solid #cbcbcb;
    border-radius:6px;
    cursor:pointer;
    background:url(../i/aboutUs/angle_right.png) no-repeat center;
    z-index:1000
}
.times .prev-btn{
    left: 0;
}
.times .next-btn{
    right: 0;
    -webkit-transform: rotate(180deg);;
       -moz-transform: rotate(180deg);;
        -ms-transform: rotate(180deg);;
         -o-transform: rotate(180deg);;
            transform: rotate(180deg);;
}
.swiper-wrapper{
    z-index:2
}
.development-content-lists .development-content-list{
    display:none;
}
.development-content-lists .development-content-list:first-child{
    display:block;
}