/* CSS Document */
@charset "utf-8";
.container{position: relative;}
.banner .img02{display: none;}
@media screen and (max-width: 700px){.banner .img01{display: none;} .banner .img02{display: block;}}
.section-1{padding: 118px 0 100px 0;}
.section-1 .hd{margin-bottom: 78px;}
.section-1 .hd .tit{position: relative;}
.section-1 .hd .tit h2{padding-top: 52px; font-size: 40px; font-weight: normal; color: #000e22;}
.section-1 .hd .tit h2 span{font-weight: bold; color: #bb131a;}
.section-1 .hd .tit h3{position: absolute; left: 0; top: 0; font-family: Arial; font-size: 75px; font-weight: normal; color: #f2f2f2; text-transform: uppercase; z-index: -1;}
.section-1 .hd .tip{font-size: 20px;}
.section-1 .bd{margin-bottom: 98px;}
.section-1 .bd .m-text{margin-bottom: 46px; font-size: 16px; color: #4c4c4c; line-height: 30px;}
.section-1 .bd .more a{display: block; box-sizing: border-box; width: 102px; height: 22px; padding-left: 8px; font-family: Arial; font-size: 12px; color: #ffffff; line-height: 22px; text-transform: uppercase; background: url(pic_01.png) no-repeat 80px center #bb131a;}
.section-1 .ft .viBox{cursor: pointer;}
.section-1 .ft .viBox video{width: 100%;}
.section-2{position: relative; padding: 65px 0 0 0; z-index: 4;}
.section-2 .hd{margin-bottom: 48px;}
.section-2 .hd .tit{position: relative;}
.section-2 .hd .tit h2{padding-top: 48px; font-size: 40px; font-weight: bold; color: #bb131a; text-align: center;}
.section-2 .hd .tit h3{position: absolute; left: 0; right: 0; top: 0; font-family: Arial; font-size: 75px; font-weight: normal; color: #ffffff; text-align: center; text-transform: uppercase; z-index: -1;}
.section-2 .bd .item{float: left;box-sizing: border-box;width: 24.4%;margin-right: 0.8%;padding: 66px 28px 42px 28px;background: url(pic_50.jpg) no-repeat center center;background-size: cover;transition: all 0.5s linear;}
.section-2 .bd .item:last-child{margin-right: 0;}
.section-2 .bd .item .tit{margin-bottom: 40px; font-size: 35px; color: #ffffff; text-align: center;}
.section-2 .bd .item .picBox{margin-bottom: 60px; text-align: center;}
.section-2 .bd .item .textBox{height: 112px; font-size: 14px; color: #ffffff; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.section-2 .bd .item .picBox img {transition: all 0.5s linear;max-width: 100%;}
.section-2 .bd .item:hover {background-image: url(pic_49.jpg);}
.section-2 .bd .s2-swiper{display: none; padding-bottom: 10px;}
.section-2 .bd .s2-swiper > .swiper-scrollbar{bottom: 0;}
.section-2 .bd .s2-swiper .swiper-scrollbar-drag{background: rgba(0,0,0,.5);}
/* .section-2 .bd .item:hover .picBox img {transform: rotateY(360deg);} */
.section-2 .colorBox{position: absolute; left: 0; top: 0; width: 100%; height: 400px; background: #f2f2f2; z-index: -2;}
.section-3{padding: 62px 0 70px 0;}
.section-3 .hd{position: relative; margin-bottom: 52px;}
.section-3 .hd .tit{position: relative;}
.section-3 .hd .tit h2{padding: 52px 0 44px 0; font-size: 40px; font-weight: bold; background: url(pic_08.png) no-repeat left bottom;}
.section-3 .hd .tit h3{position: absolute; left: 0; top: 0; font-family: Arial; font-size: 75px; font-weight: normal; text-transform: uppercase; color: #f2f2f2; z-index: -1;}
.section-3 .hd .more a{display: block; position: absolute; right: 0; bottom: 0; box-sizing: border-box; width: 102px; height: 22px; padding-left: 8px; font-family: Arial; font-size: 12px; color: #ffffff; line-height: 22px; text-transform: uppercase; background: url(pic_01.png) no-repeat 80px center #bb131a;}
.section-3 .newsList .item{margin-bottom: 30px;}
.section-3 .newsList .item .textBox{float: right; box-sizing: border-box; width: 844px; padding: 20px 30px 13px 26px; background: #f7f7f7;}
.section-3 .newsList .item .textBox .tit{margin-bottom: 32px; font-size: 20px; font-weight: bold; color: #000e22; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.4s;}
.section-3 .newsList .item .textBox .tip{margin-bottom: 38px;font-size: 16px;color: #4c4c4c;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.section-3 .newsList .item .textBox .date{font-size: 14px; color: #4c4c4c;}
.section-3 .newsList .item .picBox{float: left; width: 350px; overflow: hidden;}
.section-3 .newsList .item .picBox img {width: 100%; height: 244px; transition: all 0.4s;}
.section-3 .newsList .item a:hover .picBox img {transform: scale(1.1);}
.section-3 .newsList .item a:hover .textBox .tit {color: #ba131a;}

@media screen and (max-width: 1200px) {
    .section-1 .ft .viBox img {width: 100%;}
    .section-2 .bd .item{padding-top: 20px; padding-bottom: 24px;}
    .section-2 .bd .item .tit{margin-bottom: 32px; font-size: 28px;}
    .section-2 .bd .item .picBox{margin-bottom: 30px;}
    .section-3 .newsList .item .textBox{width: 70%; padding: 10px 30px 10px 26px;}
    .section-3 .newsList .item .textBox .tit{margin-bottom: 14px;}
    .section-3 .newsList .item .textBox .tip{margin-bottom: 20px;}
    .section-3 .newsList .item .picBox{width: 29%;}
    .section-3 .newsList .item .picBox img{height: 195px;}
}

@media screen and (max-width: 1000px) {
    .section-1{padding: 60px 0 60px 0;}
    .section-1 .hd .tit h2{font-size: 32px; padding-top: 38px;}
    .section-1 .hd .tit h3{font-size: 55px;}
    .section-1 .hd{margin-bottom: 46px;}
    .section-1 .bd .m-text{line-height: 28px;}
    .section-1 .bd{margin-bottom: 46px;}
    .section-2 .colorBox{height: 50%;}
    .section-2 .hd .tit h2{font-size: 32px; padding-top: 38px;}
    .section-2 .hd .tit h3{font-size: 55px;}
    .section-3 .hd .tit h2{font-size: 32px; padding: 38px 0 30px 0;}
    .section-3 .hd .tit h3{font-size: 55px;}
    .section-3 .newsList .item .textBox .tit{margin-bottom: 12px;}
    .section-3 .newsList .item .textBox .tip{margin-bottom: 12px; line-height: 26px; -webkit-line-clamp: 2; line-clamp: 2;}
    .section-3 .newsList .item .picBox img{height: 147px;}
    .section-3{padding: 60px 0 30px 0;}
}

@media screen and (max-width: 700px) {
    .section-1{padding: 48px 0 48px 0;}
    .section-1 .hd .tit h2{padding-top: 22px; font-size: 24px;}
    .section-1 .hd .tit h3{font-size: 34px;}
    .section-1 .hd .tip{font-size: 16px;}
    .section-1 .hd{margin-bottom: 32px;}
    .section-2{padding: 32px 0 0 0;}
    .section-2 .hd{margin-bottom: 32px;}
    .section-2 .hd .tit h2{padding-top: 22px; font-size: 22px;}
    .section-2 .hd .tit h3{font-size: 34px;}
    .section-2 .bd .indusBox{display: none;}
    .section-2 .bd .s2-swiper{display: block;}
    .section-2 .bd .item{width: 100%;}
    .section-2 .bd .item .tit{font-size: 22px;}
    .section-3 .hd .tit h2{padding: 22px 0 22px 0; font-size: 24px;}
    .section-3 .hd .tit h3{font-size: 34px;}
    .section-3 .newsList .item .picBox{width: 100%;}
    .section-3 .newsList .item .picBox img{height: auto;}
    .section-3 .newsList .item .textBox{width: 100%; padding: 22px;}
    .section-3 .newsList .item .textBox .tit{font-size: 18px;}
}