.banner{
    background: url(../../img/pc_banner.png) no-repeat center center;
    width: auto;
    height: 340px;
    background-size: cover;
    margin:  0 auto;
    min-width: 1200px;
    max-width: 1920px;
    overflow: hidden;
    
}
.hello{
    height: 295px;
    background: #Fff;
    text-align: center;
    min-width: 1200px;
    padding-top: 55px;
}
.hello h3{
    font-size: 32px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 15px;
}
.hello p{
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.61px;
    padding-top: 10px;
}
.classify{
    height: 540px;
    background: #F9F9F9;
    padding-top: 45px;
}
.classify .title,.flow .title,.more .title,.about .title{
    font-size: 32px;
    color: #444444;
    font-weight: 500;
    letter-spacing: 3.22px;
    border-bottom: 1px solid #DCDCDC;
    display: table;
    text-align: center;
    margin:  0 auto;
    padding-bottom: 10px;
    margin-bottom: 45px;
}
.classify ul{
    width: 1422px;
    display: flex;
    justify-content:space-between ;
    margin:  0 auto;
}
.classify ul li{
    width: 270px;
    height: 354px;
    position: relative;
}
.classify ul .f1{
    background: url(../../img/pc_1_1.png) no-repeat center center;
    background-size: cover;
}
.classify ul .f2{
    background: url(../../img/pc_1_2.png) no-repeat center center;
    background-size: cover;
}
.classify ul .f3{
    background: url(../../img/pc_1_3.png) no-repeat center center;
    background-size: cover;
}
.classify ul .f4{
    background: url(../../img/pc_1_4.png) no-repeat center center;
    background-size: cover;
}
.classify ul .f5{
    background: url(../../img/pc_1_5.png) no-repeat center center;
    background-size: cover;
}
.classify ul li span{
    background: #FFFFFF;
    width: 250px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    color: #444444;
    letter-spacing: 2.22px;
    padding-left: 20px;word-wrap:break-word; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 

}
.ability{
    background: #2D333A;
    width: 100%;
    height: 624px;
    background-size: cover;
    margin:  0 auto;
    min-width: 1200px;
    position: relative;
}
.ability .map{
    background: url(../../img/pc_map.png) no-repeat center center;
    width: 900px;
    height: 537px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -370px;
    top: 50px;
}
.ability .title{
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 3.22px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 10px;
    display: table;
    margin-bottom: 35px;
}
.ability .explain{
    width: 1200px;
    margin: 0 auto;
    padding-top: 97px;
}
.ability p{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 1.61px;
    display: block;
    overflow: hidden;
    line-height: 1.5;
}
.flow{
    background: #F9F9F9;
    height: 344px;
    padding-top: 45px;
}
.flow .title{
    margin-bottom: 25px !important;
}
.flow .sm{
    font-size: 16px;
    color: #333;
    letter-spacing: 0.94px;
    text-align: center;
    min-width: 1200px;
}
.flow ul{
    width: 1200px;
    display: flex;
    justify-content:space-between ;
    margin: 0 auto;
}
.flow ul li{
    width: 15%;
    text-align: center;
}
.flow ul li>div{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 25px;
}
.flow ul li .z1{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_1.png) no-repeat center center;
    background-size: contain;
}
.flow ul li .z2{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_2.png) no-repeat center center;
    background-size: contain;
}
.flow ul li .z3{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_3.png) no-repeat center center;
    background-size: contain;
}
.flow ul li .z4{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_4.png) no-repeat center center;
    background-size: contain;
}
.flow ul li .z5{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_5.png) no-repeat center center;
    background-size: contain;
}
.flow ul li .z6{
    width: 55px;
    height: 53px;
    background: url(../../img/pc_6.png) no-repeat center center;
    background-size: contain;
}
.flow ul li p{
    font-size: 16px;
    color: #B08855;
    letter-spacing: 1.78px;
}
.more{
    height: 490px;
    background: #FFF;
    padding-top: 45px;
}
.more .swiper-container{
    width: 1186px;
    margin: 0 auto;
}
.more .swiper-slide{
    width: 225px !important;
    height: 295px;
    position: relative;
}
.more .m1{
    background: url(../../img/all_1.png) no-repeat center center;
    background-size: cover;
}
.more .m2{
    background: url(../../img/all_2.png) no-repeat center center;
    background-size: cover;
}
.more .m3{
    background: url(../../img/all_3.png) no-repeat center center;
    background-size: cover;
}
.more .m4{
    background: url(../../img/all_4.png) no-repeat center center;
    background-size: cover;
}
.more .m5{
    background: url(../../img/all_5.png) no-repeat center center;
    background-size: cover;
}
.more .m6{
    background: url(../../img/all_6.png) no-repeat center center;
    background-size: cover;
}
.more .m7{
    background: url(../../img/all_7.png) no-repeat center center;
    background-size: cover;
}
.more .m8{
    background: url(../../img/all_8.png) no-repeat center center;
    background-size: cover;
}
.more .m9{
    background: url(../../img/all_9.png) no-repeat center center;
    background-size: cover;
}
.more .m0{
    background: url(../../img/all_10.png) no-repeat center center;
    background-size: cover;
}
.more p{
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.80) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 62px;
    line-height: 73px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.94px;
    text-indent:10px;
}
#swiper2 .swiper-button-next, #swiper2 .swiper-button-prev{
	width: 18px;
	height: 36px;
	margin-top: -18px;
	background-size:18px 36px;
}
.about{
    background: url(../../img/pc_bottom-bg.png) no-repeat center center;
    background-size: cover;
    height: 366px;
    margin: 0 auto;
    padding-top: 55px;
}
.about .title{
    color: #FFF;
    margin-bottom: 25px !important;
}
.about p{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 2px;
    text-align: center;
    min-width: 1200px;
    line-height: 2;
}
@media screen and (max-width: 1400px) {
    .classify ul li{
        width: 250px;
    }
    .classify ul{
        width: 1320px;
    }
}