@font-face {
    font-family: "Muli-SemiBold";
    src: url("../font/MULI-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Light";
    src: url("../font/MULI-LIGHT.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Regular";
    src: url("../font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("../font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("../font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "AvantGarde-Md";
    src: url("../font/3957FE_1.OTF") format("truetype");
}

.about-wrap02 .about05 .cw1204 .milestone-container{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.about-clear-both{
    zoom:1;
}
.about-clear-both:before,.about-clear-both:after{
    display: table;
    content:"";
    clear:both;
}
.about-fr{
    float:right;
}
.about-fl{
    float:left;
}
.about-table-cell{
    display: table-cell;
    vertical-align: middle;
}
.about-wrap02 .not-selected{

}
/*about css*/
.about-wrap02{
    width:100%;
    background-color: #fff;
}
.about-wrap02 img{
    width:100%;
    pointer-events: none;
}
.about-wrap02 .cw1204{
    width:1204px;
    margin:0 auto;
}
.about-wrap02 .about01{
    text-align: center;
    overflow: hidden;
}
.about-wrap02 .about01 .index-swiper2{
    width:100%;
    position: relative;
    overflow: hidden;
}
.about-wrap02 .about01 .index-swiper2 .banner-tit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color:#fff;
}
.about-wrap02 .about01 .index-swiper2 .banner-tit h1{
    font: 36px Muli-SemiBold;
}
.about-wrap02 .about01 .index-swiper2 .banner-tit span{
    display: inline-block;
    width:34px;
    height:2px;
    background-color: #fff;
}
.about-wrap02 .about01 .about01-text{
    width:900px!important;
    font:16px Muli-Light;
    color:#595757;
    line-height: 25px;
    text-align: center;
    padding:80px 0px 80px;
}
/*about02*/
.about-wrap02 .about02{
    width:100%;
    padding:70px 0px;
    background-color: #f5f5f5;
}
.about-wrap02 .about02 .list{
    width:400px;
    height:360px;
    text-align: center;
    border-right:1px solid #fff;
}
.about-wrap02 .about02 .list:last-child{
    border:none;
}
.about-wrap02 .about02 .list .img{
    width:197px;
    padding-top:20px;
    margin:0 auto;
}
.about-wrap02 .about02 .list .title{
    font:18px Muli-Regular;
    line-height: 30px;
    color:#333;
    margin-top:35px;
    padding:0px 30px;
}
/*about03*/
.about-wrap02 .about03{
    width:100%;
    background-color: #fff;
    padding:60px 0px;
    overflow: hidden;
}
.about-wrap02 .about03 .img{
    width:612px;
    height:400px;
    overflow: hidden;
}
.about-wrap02 .about03 .img img{
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
}
.about-wrap02 .about03 .img img:hover{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.about-wrap02 .about03 .text{
    width:calc(100% - 612px);
    height:400px;
    padding:0px 85px;
    display: table;
    color:#333;
    box-sizing: border-box;
}
/*.about-wrap02 .about03 .text.about-fr {*/
/*    padding-left: 0;*/
/*    padding-right: 85px;*/
/*}*/
.about-wrap02 .about03 .text .title{
    font:24px Muli-Bold;
    color:#ff4d00;
}
.about-wrap02 .about03 .text .line{
    width:20px;
    height:2px;
    background-color: #333;
    margin:28px 0px;
}
.about-wrap02 .about03 .text .desc{
    font:18px Muli-Regular;
    line-height: 30px;
}
.about-wrap02 .about03 .cw1204 .list>div{
    margin-bottom:40px;
}
.about-wrap02 .about03 .cw1204 .list>div:last-child{
    margin-bottom:0px;
}
/*about04*/
.about-wrap02 .about04{
    width:100%;
    position: relative;
}
/*about04*/
.about-wrap02 .about04 .img{
    text-align: center;
}
.about-wrap02 .about04 .title{
    width:1204px;
    position: absolute;
    top:30px;
    left:50%;
    margin-left:-602px;
    text-align: center;
    z-index: 2;
}
.about-wrap02 .about04 .line{
    width:1204px;
    height:1px;
    position: absolute;
    top:50px;
    left:50%;
    opacity: 0.3;
    margin-left:-602px;
    background:url("../../../../images/about/about_04_line.png") no-repeat center center;
    z-index:1;
}
.about-wrap02 .about04 .title h2{
    height:40px;
    font:30px Muli-Regular;
    color:#fff;
}
/*section05*/
.about-wrap02 .about05{
    width:100%;
    background: #fff;
    padding-bottom:60px;
    overflow: hidden;
}
.about-wrap02 .about05 .title{
    width:1204px;
    height:120px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}
.about-wrap02 .about05 .title .line{
    width:1204px;
    height:1px;
    position: absolute;
    top:60px;
    left:50%;
    margin-left:-602px;
    background:url("../../../../images/about/titlebg.jpg") no-repeat center center;
    z-index:1;
}
.about-wrap02 .about05 .title h2{
    display: inline-block;
    position: absolute;
    top:45px;
    left:50%;
    margin-left:-115px;
    text-align: center;
    z-index: 2;
    font:30px Muli-Regular;
    color:#333;
    background-color: #fff;
    padding:0 50px;
}
/*swiper*/
.about-wrap02 .about05 .cw1204 .milestone-container{
    width:1200px;
    margin:0 auto;
    color:#333;
    position: relative;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide{
    width:200px;
    min-height:597px;
    overflow: hidden;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide[relativeIndex='5'] .line-arrow{
    display: none;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .height{
    width:200px;
    height:320px;
    position: relative;
    overflow: hidden;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .img{
    width:200px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .img img{
    width:200px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .tit02{
    /*height:25px;*/
    font:15px Muli-Bold;
    margin-top:15px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .dot{
    width:17px;
    height:1px;
    background-color: #999;
    margin:15px 0px 10px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .desc{
    height:80px;
    font:13px Muli-Light;
    line-height: 20px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .part-line{
    width:100%;
    height:20px;
    position: relative;
    background-color: #d8d8d8;
    overflow: hidden;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .part-line .line-dot{
    width:20px;
    height:20px;
    margin:0 auto;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .part-line .line-arrow{
    height:20px;
    position: absolute;
    top:-3.5px;
    right:0;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide:last-child .part-line .line-arrow{
    display: none;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .year{
    width:100%;
    height: 28px;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .top{
    top:16px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .year .tit{
    display: inline-block;
    height:28px;
    font:22px "AvantGarde-Md";
    color:#fff;
    text-align: center;
    padding:0 15px;
    border-radius: 20px;
    background-color: #ff4d00;
    line-height: 28px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .swiper-slide .year .arrow{
    width:27px;
    height:12px;
    position:absolute;
    top:-15px;
    left:43%;
}
/*two css*/
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .two .bottom{
    bottom:18px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .two .year .arrow{
    top:23px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .two .tit02{
    margin-top:30px;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .swiper-wrapper .two .desc{
    margin-bottom:10px;
}
/*errow*/
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-prev,.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-next{
    width:40px;
    height:40px;
    border-radius: 50%;
    background-color: #d8d8d8;
    background-repeat: no-repeat;
    background-position: center;
    color:transparent!important;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-prev:hover,.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-next:hover{
    background-color: #ff4d00 !important;
}
body .about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-prev{
    top:50%;
    left:-52px;
    background: url("../../../../images/about/arrow_left.png") no-repeat #d8d8d8 center !important;
    background-size: 70%;
    transform: rotate(0);
}

body .about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-next{
    top:50%;
    right:-52px;
    background: url("../../../../images/about/arrow_right.png") no-repeat #d8d8d8 center !important;
    background-size: 70%;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-disabled:hover{
     background-color: #d8d8d8;
 }
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-button-disabled{
    opacity: 0.6!important;
}
.about-wrap02 .about05 .cw1204 .milestone-container .swiper-container .mask{
    width: 42px;
    height: 20px;
    background: #d8d8d8;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 9;
    transform: translateY(-50%);
}

/*about06*/
.about-wrap02 .about06{
    width:100%;
    background: #f5f5f5;
    padding-bottom:60px;
    overflow: hidden;
}
.about-wrap02 .about06 .title{
    width:1204px;
    height:120px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}
.about-wrap02 .about06 .title .line{
    width:1204px;
    height:1px;
    position: absolute;
    top:60px;
    left:50%;
    margin-left:-602px;
    background:url("../../../../images/about/titlebg.jpg") no-repeat center center;
    z-index:1;
}
.about-wrap02 .about06 .title h2{
    display: inline-block;
    position: absolute;
    top:45px;
    left:50%;
    margin-left:-115px;
    text-align: center;
    z-index: 2;
    font:30px Muli-Regular;
    color:#333;
    background-color: #f5f5f5;
    padding:0 50px;
}
.about-wrap02 .about06 .honor-item{
    width:286px;
    background-color: #fff;
    text-align: center;
    margin-right: 20px;
    margin-bottom:18px;
}
.about-wrap02 .about06 .honor-item:nth-child(4n){
    margin-right:0px;
}
.about-wrap02 .about06 .honor-item .img{
    width:286px;
    min-height: 200px;
    overflow: hidden;
}
.about-wrap02 .about06 .honor-item .img img{
    width: 100%;
    transform: scale(1);
    transition: 0.5s;
}
.about-wrap02 .about06 .honor-item:hover .img img{
    transform: scale(1.08);
}
.about-wrap02 .about06 .honor-item .year{
    font:24px "AvantGarde";
    color:#ff4d00;
    padding-top:15px;
}
.about-wrap02 .about06 .honor-item .line{
    width:10px;
    height:2px;
    background-color: #ff4d00;
    margin:10px auto;
}
.about-wrap02 .about06 .honor-item .desc{
    height:64px;
    font:17px Muli-SemiBold;
    line-height: 22px;
    color:#333;
    height:64px;
    padding:0 10px 0;
    /*padding:0px 10px 20px;*/
}