p {
    margin: 0;
}

.tong {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.c2 { padding-top:80px; padding-bottom:0px;}
@media (max-width: 1700px) {
    .tong {
        width: 96%;
    }
}

.flex {
display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;
}



.tit {
    justify-content: space-between;
    align-items: flex-end;
}

@media (max-width: 780px) {
    .tit {
        flex-wrap: wrap;
    }
}

.tit .tit1 h2 {
    font-size: 35px;
    color: #626262;
    font-weight: 100;
    padding-right: 0.98vw; font-family:Barlow-Regular;
    border-right: 1px solid #c8c8c8;
    margin-right: 0.94vw;
}

@media (max-width: 780px) {
    .tit .tit1 h2 {
        font-size: 24px;
    }
}

.tit .tit1 h3 b {
    display: block;
    font-size: 43px;
    color: #1c1c1c;
}

@media (max-width: 780px) {
    .tit .tit1 h3 b {
        font-size: 28px;
    }
}

.tit .tit1 h3 p {
    font-weight: 100;
    color: #626262;
    font-size: 20px;
    margin-top: 6px;
}

@media (max-width: 780px) {
    .tit .tit1 h3 p {
        font-size: 14px;
    }
}

.tit .list1 {
    justify-content: space-between;
    max-width: 364px;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 14px;
    width: 50%;
}

.tit .list1 li {
    cursor: pointer;
}

.tit .list1 li a {
    color: #626262;
    font-size: 19px;
}

.tit .list1 li.on a {
    color: #e7141a;
}

@media (max-width: 780px) {
    .tit .list1 {
        padding-bottom: 8px;
        width: 30%;
    }
    .tit .list1 li a {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .tit .list1 {
        width: 100%;
        margin-top: 14px;
        max-width: 100%;
    }
    .tit .list1 li a {
        font-size: 16px;
    }
}

.tit a.ck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 166px;
    font-size: 18px;
    color: #626262;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 14px;
}

@media (max-width: 780px) {
    .tit a.ck {
        font-size: 14px;
        padding-bottom: 8px;
        width: 20%;
    }
}

@media (max-width: 480px) {
    .tit a.ck {
        width: 30%;
        margin-top: 14px;
    }
}








.c2 .con {
    margin-top: 1.77vw;
    position: relative;
}

@media (max-width: 780px) {
    .c2 .con {
        margin-top: 25px;
    }
}

.c2 .con .gallery-top .swiper-slide {
    position: absolute;
    visibility: hidden;
    z-index: 1;
}


.c2 .con .gallery-top .swiper-slide.ons{
    visibility: visible;
    z-index: 2;
    position: relative;
}

.c2 .con .gallery-top .swiper-slide .img img {
    width: 100%;
}

.c2 .con .gallery-top .swiper-slide .zix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 480px) {
    .c2 .con .gallery-top .swiper-slide .zix {
        position: static;
        left: auto;
        top: auto;
    }
}

@media (max-width: 480px) {
    .c2 .con .gallery-top .swiper-slide .zix .tong {
        width: 100%;
    }
}

.c2 .con .gallery-top .swiper-slide .zix .zi1 {
    width: 516px;
    background: rgba(0, 0, 0, 0.6);
    padding: 3vw 2.92vw 2.9vw 2.14vw;
    top: 41%;
    transform: translateY(-50%);
    position: absolute;
}

@media (max-width: 780px) {
    .c2 .con .gallery-top .swiper-slide .zix .zi1 {
        width: 46%;
        padding: 20px 15px;
    }
}

@media (max-width: 480px) {
    .c2 .con .gallery-top .swiper-slide .zix .zi1 {
        top: auto;
        bottom: 0;
        width: 100%;
        left: 0;
        transform: none;
        position: static;
    }
}

.c2 .con .gallery-top .swiper-slide .zix .zi1 h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .c2 .con .gallery-top .swiper-slide .zix .zi1 h3 {
        font-size: 16px;
    }
}

.c2 .con .gallery-top .swiper-slide .zix .zi1 dd {
    font-size: 15px;
    line-height: 27px; padding:0px; margin:0px;
    color: #ffffff;
    margin-top: 1.57vw;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 780px) {
    .c2 .con .gallery-top .swiper-slide .zix .zi1 dd {
        font-size: 14px;
        line-height: 24px;
    }
}

.c2 .con .con1 {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 1.15vw 0;
}

@media (max-width: 780px) {
    .c2 .con .con1 {
        padding: 14px 0;
    }
}

@media (max-width: 480px) {
    .c2 .con .con1 {
        position: relative;
    }
}

.c2 .con .con1 .gallery-thumbs .swiper-slide {
    padding: 0 1.275vw; cursor:pointer
}

@media (max-width: 780px) {
    .c2 .con .con1 .gallery-thumbs .swiper-slide {
        padding: 0 5px;
    }
}

.c2 .con .con1 .gallery-thumbs .swiper-slide .img {
    position: relative;
}

.c2 .con .con1 .gallery-thumbs .swiper-slide .img img {
    width: 100%;
}

.c2 .con .con1 .gallery-thumbs .swiper-slide .img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 4px solid #fb151c;
    position: absolute;
    opacity: 0;
    transition-duration: .3s;
}

.c2 .con .con1 .gallery-thumbs .swiper-slide.on .img:after {
    opacity: 1;
}







.c4 {
 
    padding-top: 5.68vw;

    background-size: cover;
}

@media (max-width: 480px) {
    .c4 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.c4 h2 {
    text-align: center;
}

.c4 h2 p {
    font-size:45px;
    color: #111;
   
}

@media (max-width: 780px) {
    .c4 h2 p {
        font-size: 24px;
    }
}

.c4 h2 span {
    display: block;
    color: #555; font-weight:normal;
    font-size: 20px;
    margin-top: 13px;
}
.c4 dd { margin:0 auto;
    font-size: 17px;
    color: #888; font-weight:normal;
    margin-top: 50px;
  /*  padding: 0 9.22vw;*/
    text-align: center;
    line-height: 35px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:5 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; height:175px;
}


@media (max-width: 780px) {
    .c4 h2 span {
        font-size: 16px;
        margin-top: 8px;
    }
	.c4 dd { margin:0 auto;
    font-size: 17px;
    color: #888; font-weight:normal;
    margin-top: 30px;
    padding: 0 9.22vw;
    text-align: center;
    line-height: 35px;
}
}


@media (max-width: 1024px) {
    .c4 dd {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media (max-width: 780px) {
    .c4 dd {
        padding: 0 0%;
    }
}

.c4 dd strong {
    color: #fff;
}

.c4 dd a {
    color: #fb151c;
}

.c4 .list1 {
    margin-top: 60px;
    justify-content: space-between;
    padding: 0 7.19vw;
    margin-bottom: 3.96vw;
    flex-wrap: wrap;
}

@media (max-width: 780px) {
    .c4 .list1 {
        padding: 0 2%;
    }
}

@media (max-width: 480px) {
    .c4 .list1 li {
        width: 50%;
        margin-bottom: 10px;
    }
    .c4 .list1 li:last-child {
        margin-bottom: 0;
    }
}

.c4 .list1 li a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

@media (max-width: 480px) {
    .c4 .list1 li a {
        justify-content: space-evenly;
    }
}

.c4 .list1 li a .img {
    margin-left: 1.04vw;
}

.c4 .list1 li a .zi h3 {
    font-size: 38.86px;
    font-weight: 600;
    color: #333; font-family:Barlow-Regular
}

@media (max-width: 1025px) {
    .c4 .list1 li a .zi h3 {
        font-size: 22px;
    }
}
.c4 .enname{ }

.c4 .list1 li a .zi p {
    color: #555;
    font-size: 16px;
    margin-top: 3px;
}

.c4 .list2 {
    justify-content: space-between;
    flex-wrap: wrap;
}

.c4 .list2 li {
    position: relative;
    width: 32.8%;
}

@media (max-width: 480px) {
    .c4 .list2 li {
        width: 100%;
        margin-bottom: 14px;
    }
    .c4 .list2 li:last-child {
        margin-bottom: 0;
    }
}

.c4 .list2 li .img {
    overflow: hidden;
}

.c4 .list2 li .img img {
    max-width: 100%;
}

.c4 .list2 li .zi {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(75, 75, 75, 0.89);
    display: flex;
    align-items: center;
    width: 70%;
    max-width: 217px;
    height: 100%;
    transition-duration: .3s;
}

.c4 .list2 li .zi .zix {
    width: 100%;
    padding: 1.25vw;
}

.c4 .list2 li .zi h3 {
    font-size: 22px;
    color: #fff;
}

@media (max-width: 1025px) {
    .c4 .list2 li .zi h3 {
        font-size: 18px;
    }
}

.c4 .list2 li .zi h3 span {
    display: block;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 13px;
}

@media (max-width: 780px) {
    .c4 .list2 li .zi h3 span {
        margin-bottom: 6px;
    }
}

.c4 .list2 li .zi .ck {
    margin-top: 2.09vw;
}

@media (max-width: 480px) {
    .c4 .list2 li .zi .ck {
        margin-top: 14px;
    }
}

.c4 .list2 li:hover .zi {
    background: rgba(218, 37, 29, 0.89);
}

.c5 {
    margin-top: 5.22vw;
    justify-content: space-between;
   /* margin-bottom: 4.48vw;*/
}

.c5 .con1 {
    margin-top: 2.77vw;
}

.c5 .con {
    justify-content: space-between;
}

@media (max-width: 780px) {
    .c5 .con {
        flex-wrap: wrap;
    }
}

.c5 .con .list2 {
    width: 48.24%;
}

@media (max-width: 780px) {
    .c5 .con .list2 {
        width: 100%;
    }
}

.c5 .con .list2 li {
    margin-bottom: 19px;
    padding: 25px;
    background-color: #f5f4f4;
}

@media (max-width: 480px) {
    .c5 .con .list2 li {
        padding: 20px 15px;
    }
}

.c5 .con .list2 li:last-child {
    margin-bottom: 0;
}

.c5 .con .list2 li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c5 .con .list2 li a .img img{
    width: 100%;
 height:140px;object-fit: cover; transition: all 0.8s;
}

.c5 .con .list2 li a .img {
    width: 28.6%;
    overflow: hidden; height:140px;
}
.c5 .con .list2 li:hover img{   transform: scale(1.1);}

@media (max-width: 480px) {
    .c5 .con .list2 li a .img {
        width: 100%;
    }
}

.c5 .con .list2 li a .img img {
    max-width: 100%;
}

@media (max-width: 480px) {
    .c5 .con .list2 li a .img img {
        width: 100%;
    }
}

.c5 .con .list2 li a .zi {
    width: 66.3%;
}

@media (max-width: 480px) {
    .c5 .con .list2 li a .zi {
        width: 100%;
        margin-top: 14px;
    }
}

.c5 .con .list2 li a .zi h3 {
    font-size: 18px;
    color: #4c4c4c;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
}

@media (max-width: 780px) {
    .c5 .con .list2 li a .zi h3 {
        font-size: 16px;
    }
}

.c5 .con .list2 li a .zi dd {
    font-size: 15px; padding:0px; margin:0px;
    color: #7e7e7e;
    line-height: 25px;
    margin-top: 1.42vw;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 780px) {
    .c5 .con .list2 li a .zi dd {
        font-size: 13px;
    }
}

.c5 .con .list2 li a .zi .timex {
    color: #a7a7a7;
    font-size: 15px;
    margin-top: 1.4vw;
}

@media (max-width: 780px) {
    .c5 .con .list2 li a .zi .timex {
        font-size: 13px;
    }
}

.c5 .con .list2 li:hover a .zi h3 {
    color: #fb151c;
}

.c5 .con .list3 {
    width: 48.53%;
}

@media (max-width: 780px) {
    .c5 .con .list3 {
        width: 100%;
        margin-top: 20px;
    }
}

.c5 .con .list3 li {
    padding-bottom: 23px;
    padding-top: 23px;
    border-bottom: 1px dashed #c8c8c8;
}

@media (max-width: 480px) {
    .c5 .con .list3 li {
        padding-top: 14px;
        padding-bottom: 10px;
    }
}

.c5 .con .list3 li:nth-child(1) {
    padding-top: 0;
}

.c5 .con .list3 li h3 {
    color: #474747;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .c5 .con .list3 li h3 {
        font-size: 16px;
    }
}

.c5 .con .list3 li dd {
    line-height: 25px;
    color: #999;
    font-size: 15px; margin:0px; padding:0px;
    margin-top: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 780px) {
    .c5 .con .list3 li dd {
        font-size: 13px;
        margin-top: 8px;
    }
}

.c5 .con .list3 li:hover h3 {
    color: #e7141a;
}







.foot {
    background:#111;
    background-size: cover;
    padding-top: 3.65vw;
}

@media (max-width: 480px) {
    .foot {
        padding-top: 30px;
    }
}

.foot .con { padding-top:50px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.foot .con .foot1 {
    width: 43.42%;
    justify-content: space-between;
}

@media (max-width: 780px) {
    .foot .con .foot1 {
        display: none;
    }
}

.foot .con .foot1 li {
    width: 44.1%;
    position: relative;
    padding-right: 3vw;
}

/*.foot .con .foot1 li:after {
    content: '';
    display: block;
    background: rgba(255, 255, 255, 0.1);
    width: 1px;
    height: 159px;
    right: 0;
    top: 9px;
    position: absolute;
}*/

.foot .con .foot1 li h2 {
    font-size: 20px;
    color: #f0f0f0;
}

@media (max-width: 1025px) {
    .foot .con .foot1 li h2 {
        font-size: 16px;
    }
}

.foot .con .foot1 li h2:after {
    width: 35px;
    height: 1px;
    background-color: #fb151c;
    content: '';
    display: block;
    margin-top: 13px;
}

.foot .con .foot1 li .sec {
    margin-top: 1.78vw;
    display: flex;
    flex-wrap: wrap;
}

.foot .con .foot1 li .sec a {
    display: block;
    color: #b9b9b9;
    font-size: 15.5px;
    width: 45.54%;
    line-height: 36px;
}

.foot .con .foot1 li .sec a:hover {
    color: #fb151c;
}

@media (max-width: 1025px) {
    .foot .con .foot1 li .sec a {
        font-size: 13px;
        line-height: 2;
    }
}

.foot .con .foot2 {
    width: 28%;
    position: relative;
}

@media (max-width: 1610px) {
    .foot .con .foot2 {
        width: 28%;
    }
}

@media (max-width: 1380px) {
    .foot .con .foot2 {
        width: 30%;
    }
}

@media (max-width: 780px) {
    .foot .con .foot2 {
        width: 54%;
    }
}

@media (max-width: 480px) {
    .foot .con .foot2 {
        width: 100%;
    }
}

/*.foot .con .foot2:after {
    content: '';
    display: block;
    background: rgba(79, 79, 79, 0.47);
    width: 1px;
    height: 159px;
    right: 0;
    top: 9px;
    position: absolute;
}*/

.foot .con .foot2 h2 {
    font-size: 20px;
    color: #f0f0f0;
}
.flogo{text-align:center; margin:0 auto; padding-bottom:40px;}
@media (max-width: 1025px) {
    .foot .con .foot2 h2 {
        font-size: 16px;
    }
}

.foot .con .foot2 h2:after {
    width: 35px;
    height: 1px;
    background-color: #fb151c;
    content: '';
    display: block;
    margin-top: 13px;
}

.foot .con .foot2 .sec {
    margin-top: 1.78vw;
    font-size: 15.5px;
    line-height: 36px;
    color: #b9b9b9;
}

@media (max-width: 1025px) {
    .foot .con .foot2 .sec {
        font-size: 13px;
        line-height: 2;
    }
}

.foot .con .foot3 {
    width: 16.53%;
}

@media (max-width: 780px) {
    .foot .con .foot3 {
        width: 30%;
    }
}

@media (max-width: 480px) {
    .foot .con .foot3 {
        width: 52%;
        margin-top: 20px;
    }
}

.foot .con .foot3 h2 {
    font-size: 20px;
    color: #f0f0f0; text-align:center;
}

@media (max-width: 1025px) {
    .foot .con .foot3 h2 {
        font-size: 16px;
    }
}

.foot .con .foot3 h2:after {
    width: 35px; margin:0 auto;
    height: 1px;
    background-color: #fb151c;
    content: '';
    display: block;
    margin-top: 13px;
}

.foot .con .foot3 .list2 {
    justify-content: space-between;
    margin-top: 1.78vw;
}

@media (max-width: 480px) {
    .foot .con .foot3 .list2 {
        margin-top: 14px;
    }
}

.foot .con .foot3 .list2 li {
    text-align: center;

}

.foot .con .foot3 .list2 li .img img {
    max-width: 100%;
}

.foot .con .foot3 .list2 li dd {
    color: #b9b9b9;
    line-height: 24px; padding:0px; margin:0px; margin-top:10px;
}

.foot .bbx {
    border-top: 1px solid rgba(255,255,255,0.1);
}

.foot .bbx .link {
    padding: 24px 0;
    font-size: 14px;
    color: rgba(194, 194, 194, 0.91);
}

@media (max-width: 1025px) {
    .foot .bbx .link {
        font-size: 12px;
        padding: 12px 0;
    }
}

.foot .bbx .link b {
    font-size: 16px;
}

@media (max-width: 1025px) {
    .foot .bbx .link b {
        font-size: 14px;
    }
}

.foot .bbx .link a {
    color: rgba(194, 194, 194, 0.91);
    padding: 0 4px;
}


@media (max-width: 640px){
	}