.aboutBg{
    width: 100%;
    height: 800px;
    background: url(../image/bg5.jpg) no-repeat center;
    margin-top: -100px;
}
.aboutCon{
    width: 100%;
    height:640px;
    background: url(../image/bg6.jpg) no-repeat center;
}
.culture li{
    width:580px;
    height: 157px;
    background: #FFFFFF;
    box-shadow: 0px 5px 16px 0px rgba(9,9,9,0.1);
    margin-bottom: 90px;
}
.culture li img{
    margin-top: -30px;
}
.culture li div p:nth-child(1){
    margin: 10px 0;
}

.productBg{
    width: 100%;
    height: 800px;
    background: url(../image/bg7.jpg) no-repeat center;
    margin-top: -100px;
}
.productCon li{
    margin: 0 10px 50px;
}
.productCon li div{
    width: 380px;
    height: 529px;
    margin-bottom: 30px;
}
.productCon li div img{
    max-width: 380px;
    max-height: 529px;
}
.productCon li:hover p{
    color: #DA2C2F !important;
}

.joinBg{
    width: 100%;
    height: 800px;
    background: url(../image/bg8.jpg) no-repeat center;
    margin-top: -100px;
}
.joinCon{
    width: 100%;
    height: 720px;
    background: url(../image/bg9.jpg) no-repeat center;
}
.joinCon ul{
    width: 600px;
    float: right;
}
.joinCon ul li{
    padding: 50px 0;
    border-bottom: 1px solid #D8D8D8;
}
.joinCon ul li p:nth-child(1){
    margin-bottom: 10px;
}
.joinCon ul li:hover p:nth-child(1){
    color: #DA2C2F !important;
}
.joinCon ul li:hover{
    border-bottom: 1px solid #DA2C2F !important;
}
.process{
    width: 100%;
    height: 910px;
    background: url(../image/bg10.jpg) no-repeat center
}
.process li{
    width: 380px;
    height: 152px;
    background: #FFFFFF;
    line-height: 152px;
    margin-bottom: 30px;
    background-size: cover !important;
}
.process li:hover{
    background: url(../image/img8.jpg) no-repeat center !important;
    color: #FFFFFF !important;
} 
.partnership{
    width: 100%;
    height: 780px;
    background: url(../image/bg11.jpg) no-repeat center;
}
.partnership ul li{
    margin-bottom: 40px;
}
.partnership ul li div:nth-child(1){
    width: 68px;
    height: 68px;
    background: url(../image/icon17.png) no-repeat center;
    line-height: 68px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.partnership ul li div:nth-child(2){
    width: 739px;
    height: 110px;
    background: #FFFFFF;
    box-shadow: 0px 0px 13px 0px rgba(2,5,7,0.09);
    margin-left: -34px;
}
.partnership ul li div:nth-child(2) p:nth-child(1){
    margin-left: 50px;
}
.partnership ul li div:nth-child(2) p:nth-child(2){
    width: 1px;
    height: 43px;
    background: #333333;
    margin: 0 20px;
}
.partnership ul li div:nth-child(2) p:nth-child(3){
    width: 430px;
}
.partnershipActive p{
    color: #FFFFFF !important;
}
.partnershipActive div:nth-child(2){
    width: 796px !important;
    margin-left: -88px !important;
    background:  #DA2C2F!important;
}
.partnershipActive div:nth-child(2) p:nth-child(1){
    margin-left: 103px !important;
}
.partnershipActive div:nth-child(2) p:nth-child(2){
    background: #FFFFFF !important;
}

.newsBg{
    width: 100%;
    height: 800px;
    background: url(../image/bg12.jpg) no-repeat center;
    margin-top: -100px;
}
.newCon{
    width: 100%;
    height:930px;
    background: url(../image/bg13.jpg) no-repeat center;
}
.mySwiper{
    width:520px;
    margin: auto;
}
.mySwiperBox{
    width: 520px;
    padding: 50px 0;
    border-bottom: 1px solid #BCBCBC;
}
.mySwiperBox div:nth-child(1){
    width: 100px;
    text-align: center;
    border-right: 1px solid #BCBCBC;
}
.mySwiperBox div:nth-child(1) p:nth-child(1){
    line-height: 50px;
}
.mySwiperBox div:nth-child(2){
    width: 400px;
}
.mySwiper .swiper-slide:hover p:nth-child(1){
    color: #DA2C2F !important;
}
.next5{
    margin-top: -820px!important;
    margin-left: 1220px!important;
    background-image: url(../image/right2.png) !important;
    width: 23px !important;
    height: 17px !important;
}
.prev5{
    margin-top: -17px!important;
    margin-left: -50px!important;
    background-image: url(../image/left2.png) !important;
    width: 23px !important;
    height: 17px !important;
}
.mySwiper5 {
    width:580px;
    margin: auto;
    height: 700px;
}
.mySwiper5 .swiper-slide div:nth-child(1){
    width: 580px;
    height: 343px;
} 
.mySwiper5 .swiper-slide div:nth-child(1) img{
    max-width: 580px;
    max-height: 343px;
} 
.mySwiper5 .swiper-slide div:nth-child(2){
    padding: 50px 0 70px 0;
} 
.mySwiper5 .swiper-slide div:nth-child(3){
    padding-bottom: 20px;
    border-bottom: 1px solid #FFFFFF;
}
.next5{
    margin-top: -370px!important;
    margin-left: 470px!important;
    background-image: url(../image/right2.png) !important;
    width: 56px !important;
    height: 8px !important;
}
.prev5{
    margin-top: -8px!important;
    margin-left: 380px!important;
    background-image: url(../image/left2.png) !important;
    width: 56px !important;
    height: 8px !important;
}
.newNav li a{
    color: #BCBCBC;
}
.newNav li a:hover{
    color: #BCBCBC !important;
}
.newNav{
    border-bottom: 1px solid #BCBCBC;
}
.newNav li {
    padding-bottom: 20px;
    margin-right: 50px;
}
.newNavActive{
    border-bottom: 5px solid #DA2C2F !important;
}
.newNavActive a{
    color: #333333 !important;
}

.contactBg{
    width: 100%;
    height: 800px;
    background: url(../image/bg14.jpg) no-repeat center;
    margin-top: -100px;
}
.contactCon li{
    width: 580px;
    border-bottom: 1px solid #BCBCBC;
}
.contactCon li p{
    padding: 50px 0;
}
.contactConActive p:nth-child(1){
    border-bottom: 4px solid #DA2C2F;
}