@charset "utf-8";
.banner { position: relative; width: 100%; height:100vh; overflow: hidden; }
.banner .swiper-container { position: relative; width: 100%; height:100vh; }
.banner .swiper-container .swiper-slide,
.banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; }
.banner .swiper-container .swiper-slide .swiper-slide-img { position: relative; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1); }
.banner .swiper-container .swiper-slide-active .swiper-slide-img { transform: scale3d(1.1, 1.1, 1.1);}
.banner .swiper-container .swiper-pagination { position:absolute;bottom: 80px;left:0;height:13px;width: 100%;text-align: center;z-index: 999;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 10px; color:#fff; border-radius: 24px; position:relative; transition:all 0.3s; display:inline-block; width:13px; height:13px; font-size:0; line-height:13px; vertical-align: top; }
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 33px; }
.banner .swiper-button-prev,
.banner .swiper-button-next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; transform: translateY(-50%); z-index: 9; }
.banner .swiper-button-prev { left: 1%; background: url(../images/pv2.png) no-repeat;}
.banner .swiper-button-next { right: 1%;background: url(../images/nv2.png) no-repeat; }

@media (max-width: 1680px){
    .banner,
    .banner .swiper-container { height:calc( ( 1680/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:8px; height:8px; line-height:8px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 18px; }
}
@media (max-width: 1280px){
    .banner,
    .banner .swiper-container { height:calc( ( 1280/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
}
@media (max-width: 768px){
    .banner,
    .banner .swiper-container { height:calc( ( 768/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 10px; }
    .banner .swiper-container .swiper-button-prev,
    .banner .swiper-container .swiper-button-next { display: none; }
}

.col-title .hd { position: relative; text-align: center; }
.col-title .hd h2 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 75px; z-index: 1; }
.col-title .hd h3 { position: absolute; left: 0; top: 0; width: 100%; color: #000; font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase; opacity: .05; }
.sim_hd { position: relative; text-align: center; }
.sim_hd h2 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 75px; z-index: 1; }
.sim_hd h3 { position: absolute; left: 0; top: 0; width: 100%; color: #000; font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase; opacity: .05; }

.more {position: absolute;right: 0;top: 50%;transform: translateY(-50%); padding-right: 0;color: #c0c0c0;font-size: 12px;line-height: 30px;z-index: 1;}
.more svg { display: inline-block; margin-left: 5px; margin-top: 7px; vertical-align: top; }

@media (max-width: 768px){
    .col-title .hd {padding: 0 13px;}
    .col-title .hd h2 {font-size: 20px;line-height: 50px;}
    .col-title .hd h3 { font-size: 24px; line-height: 30px; }
    .more {right: 13px;}
    .container .bd {padding: 0 13px;}

    .sim_hd {padding: 0 13px;}
    .sim_hd h2 {font-size: 20px;line-height: 50px;}
    .sim_hd h3 { font-size: 24px; line-height: 30px; }
}

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipsis-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

/* .col-a */
.col-a {padding-top: 20px;background-color: #f9f9f9;padding-bottom: 80px;border-top: 1px solid transparent;}
.col-a .hd {text-align: left;margin: 60px 0 18px; border-bottom: 3px solid #e9e9e9;}
.col-a .hd h2{position: relative;font-size: 20px;font-weight: bold;color: #333333;line-height: 56px;display: inline-block;vertical-align: top;}
.col-a .hd h2::before{position: absolute;left: 0;bottom: -3px;content: '\20';width: 100%;height: 3px;background: #005eac;}
.col-a .fl {width: 66.5%;}
.col-a .fl .bd .swiper-slide {background-color: #fff;}
.col-a .fl .bd .swiper-slide .pic img {width: 100%;}
.col-a .fl .bd .swiper-slide .text {position: relative; height: 188px; padding: 3.23% 8.82% 0 7.06%;}
.col-a .fl .bd h3 {line-height: 45px;font-size: 18px;}
.col-a .fl .bd .t {line-height: 28px;font-size: 14px;color: #999999;}
.col-a .fl .bd .swiper-slide .text .more {top: 83.61%;left: 7.06%;}
.col-a .fl .bd .swiper-slide .Text {display: none;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-color:#005eac ;padding: 3.23% 8.82% 0 7.06%;z-index: 11;box-sizing: border-box;}
.col-a .fl .bd .swiper-slide .Text h3 {color: white;line-height: 36px;padding-top: 14.7%;}
.col-a .fl .bd .swiper-slide .Text .t {font-size: 14px;color: rgba(255, 255, 255, .5);padding-top: 18px;}
.col-a .fl .bd .swiper-slide  .Text .more {position: relative; top: 20px;}
.col-a .fl .bd .swiper-slide:hover .Text {display: block;}
.col-a .fr {width: 31.5%;height: 100%;}
.col-a .fr .bd { padding: 14px 16px 19px;background-color: #fff;}
.col-a .fr .bd .swiper-container {height: 400px;}
.col-a .fr.fr2 .bd .swiper-container {height: auto;}
.col-a .fr .pic {width: 190px; overflow: hidden;position: relative;padding-bottom: 26%;}
.col-a .fr .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.col-a .fr .bd .text {width: 59.32%;padding-left: 13px;}
.col-a .fr .bd h3 {font-size: 18px;color: #000;line-height: 30px;margin-bottom: 5px;}
.col-a .fr .bd .t {line-height: 24px;font-size: 14px;color: #999999;margin-bottom: 6px;}
.col-a .fr .bd .d {line-height: 30px;font-size: 14px;color: #999999;}
.col-a .fr .swiper-slide a:hover .pic img{transform: scale(1.1);}
.col-a .fr .swiper-slide a:hover .ellipsis{color: #005eac;}
.col-a .fr2 {display: none;}

@media (max-width: 1680px){
    .col-a .hd {margin: 45px 0 12px;}
    .col-a .g-in>div.fl {float: none;width: 100%;}
    .col-a .g-in>div.fr {float: none; width: 100%;}
    .col-a .g-in>div.fr .bd li {float: left;width: 32%;}
    .col-a .fl {width: 66.5%;}
    .col-a .fr {width: 66.5%;}
    .col-a .fr .bd {padding: 0;background-color: #f9f9f9;}
    .col-a .fr {display: none;}
    .col-a .fr2 {display: block;}
    .col-a .fr .bd .swiper-slide {background-color: #fff;}
    .col-a .fr .bd .swiper-slide  .pic {width: 100%;position: relative;padding-bottom: 77%;}
    .col-a .fr .bd .swiper-slide  .pic img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
    .col-a .fr .bd .swiper-slide  .text {position: relative; height: 188px;width: 100%; padding: 3.23% 8.82% 0 7.06%;box-sizing: border-box;}
    .col-a .fr .bd h3 {line-height: 45px;font-size: 18px;}
    .col-a .fr .bd .t {line-height: 28px;font-size: 14px;color: #999999;}
    .col-a .fr .bd .swiper-slide  .text .d {top: 83.61%;left: 7.06%;}
}
@media (max-width:1280px) {
    .col-a {padding-bottom: 40px;}
    .col-a .hd {margin: 30px 0 9px;}
}
@media (max-width:768px) {
    .col-a {padding-bottom: 20px; padding-top: 32px;}
    .col-a .hd {margin: 3% 0 2%;}
    .col-a .fr .bd {padding: 0 13px;}
}

/* /.col-a */


/* .col-b */
.col-b {padding: 80px 0 84px 0;}
.col-b .hd {margin-bottom: 64px;}
.col-b .bd {position: relative;}
.col-b .bd .more{top: -110px; transform: none;}
.col-b .bd .text {position: absolute; width: 43.31%;background-color: #f7f7f7;padding: 3.25% 2.5% 0;height: 100%;}
.col-b .bd .text h2 {font-size: 30px; font-weight: bold; color: #333333; line-height: 112px;}
.col-b .bd .text .t {font-size: 14px; line-height: 30px;color:rgba(85, 85, 85, 0.902);width:90%;}
.col-b .bd .text .more {top: 76.38%;left: 5.77%;}
.col-b .bd .text a:hover h2 {color: #005eac;}
.col-b .bd .text a:hover .more{color: #005eac;}
.col-b .bd .box {width: 55.75%;}
.col-b .bd .box .mySwiper2,.col-b .bd .box .mySwiper4 {position: relative; width: 71.49%;margin: 0;overflow: hidden;}
.col-b .bd .box .dec {position: absolute;left: 1.7%;top: 2%; width: 96.7%;height: 96%;border: 1px solid rgba(255, 255, 255,.5); z-index: 9;}
.col-b .bd .box .swiper-button-next,.col-b .bd .box .swiper-button-prev { width: 42px;height: 42px;border-radius: 50%;}
.col-b .bd .box .swiper-button-next {background: url(../images/next.png) no-repeat center #005eac;}
.col-b .bd .box .swiper-button-prev {background: url(../images/prev.png) no-repeat center #005eac;}
.col-b .bd .box .swiper-button-next.swiper-button-disabled {opacity: 1; background: url(../images/next-disable.png) no-repeat center ;border: 1px solid #d2d2d2;}
.col-b .bd .box .swiper-button-prev.swiper-button-disabled {opacity: 1; background: url(../images/prev-disable.png) no-repeat center ; border: 1px solid #d2d2d2;}
.col-b .bd .box .mySwiper,.col-b .bd .box .mySwiper3 {width: 27.46%;overflow: hidden;}

.col-b .mySwiper .swiper-slide,.col-b .mySwiper3 .swiper-slide {opacity: 0.4;}
.col-b .mySwiper .swiper-slide-thumb-active,.col-b .mySwiper3 .swiper-slide-thumb-active {opacity: 1;}
.col-b .bd .box .mySwiper img,.col-b .bd .box .mySwiper3 img  {width: 100%;height: 100%;}
.col-b .bd .box .mySwiper2 .swiper-slide img,.col-b .bd .box .mySwiper4 .swiper-slide img {width: 100%;height: 100%;}
@media (max-width: 1400px){
    /* .col-b .hd {margin: 45px 0 20px;} */
    .col-b .bd .text h2 {line-height: 72px;}
    .col-b .bd .text .more {top: 88%;left: 5.77%;}

}
@media (max-width: 1280px){
    .col-b .hd {margin: 30px 0 18px;}
    .col-b .bd .more{top: -70px;}
    .col-b .bd .text {position: relative;width: 100%;padding-bottom: 32px;}
    .col-b .bd .box {width: 100%;float: none;}
    .col-b .bd .text .more {position: relative;left: 0; margin-top: 20px;}
    .col-b .bd .box .mySwiper img {width: 100%;}
    .col-b .bd .box .mySwiper2 .swiper-slide img {width: 100%;}
}

@media (max-width: 768px){
    .col-b {padding: 32px 0 32px 0;}
    .col-b .hd {margin: 3% 0 2%;}
    .col-b .bd .text h2 {font-size: 18px;}
    .col-b .hd h2 i{margin-right: 10%;}
    .col-b .bd .more{top: -11%;}
}

/* .col-c */
.col-c {margin-top: 83px;}
.col-c h2 {margin-bottom: 59px;}
.col-c .bd .swiper-wrapper {padding-bottom: 90px;}
.col-c .bd .swiper-slide {padding: 2.37% 1.62%;border: 1px solid #ebebeb;background-color: #f9fbfd;}
.col-c .bd .swiper-slide:hover {background-color: #bb091b;}
.col-c .bd h3 {line-height: 28px;color: #333333;font-size: 18px;margin-bottom: 14px;}
.col-c .bd .swiper-slide:hover h3 ,.col-c .bd .swiper-slide:hover .t{color: white;}
.col-c .t {font-size: 14px;line-height: 28px;color: #999999;}

.col-c .bd  .swiper-button-next,.col-c .bd  .swiper-button-prev {top: 100%;margin-top: -42px; width: 42px;height: 42px;border-radius: 50%;}
.col-c .bd  .swiper-button-next {left: calc(50% + 12px); background: url(../images/next.png) no-repeat center #b71c22;}
.col-c .bd  .swiper-button-prev {left: calc(50% - 54px);background: url(../images/prev.png) no-repeat center #b71c22;}
.col-c .bd .swiper-button-next.swiper-button-disabled {opacity: 1; background: url(../images/next-disable.png) no-repeat center ;border: 1px solid #d2d2d2;}
.col-c .bd .swiper-button-prev.swiper-button-disabled {opacity: 1; background: url(../images/prev-disable.png) no-repeat center ; border: 1px solid #d2d2d2;}
@media (max-width:1680px) {
    .col-c .hd {margin: 65px 0 50px;}
}
@media (max-width:1280px) {
    .col-c {margin-top: 40px;}
    .col-c .hd {margin: 45px 0 35px;}
}
@media (max-width:780px) {
    .col-c {margin-top: 20px;padding: 0 13px;}
    .col-c .hd {margin: 3% 0 2%;}
    .col-c .hd h2 {margin-bottom: 10px;}
    .col-c .bd .swiper-wrapper {padding-bottom: 50px;}

}

/* /.col-c */


/* .col-d */
.col-d {margin-top: 70px;}
.col-d .hd {margin-bottom: 52px;}
.col-d .bd .fl {width: 48.5%;}
.col-d .bd .mySwiper6 {overflow: hidden;}
.col-d .bd .mySwiper5 .swiper-slide img {width: 100%;}
.col-d .bd .fl .swiper-slide:nth-child(2n) {margin-right: 0;}
.col-d .bd .fl .swiper-slide .text {display: none; position: absolute;left: 0;top: 0; width: 100%;height: 100%;text-align: center;font-size: 18px;color: white;-webkit-box-pack:center;-webkit-box-align:center;background-color: rgba(185, 3, 22, .3);}
.col-d .bd .fl .swiper-slide.swiper-slide-thumb-active .text {display:-webkit-box; }
.col-d .bd .fr {width: 49.06%;}
@media (max-width:1680px) {
    .col-d {margin-top: 55px;}
    .col-d .hd {margin: 60px 0 48px;}

}
@media (max-width:1280px) {
    .col-d {margin-top: 40px;}
    .col-d .hd {margin: 45px 0 35px;}
}
@media (max-width:768px) {
    .col-d {margin-top: 20px;padding: 0 13px;}
    .col-d .hd {margin: 3% 0 2%;}
    .col-d .bd .fr {width: 100%;margin-bottom: 20px;}
    .col-d .bd .fr img {width: 100%;}
    .col-d .bd .fl {width: 100%;}
    .col-d .bd .fl img {width: 100%;}
}


.f a {display: block;width: 182px;height: 44px;margin: 0 auto; border-radius: 22px;background-color: #005eac;font-size: 14px;color: white;text-align: center;line-height: 44px;}

.col-f{padding: 80px 0 100px 0; background: #f7f7f7;}
.col-f .hd{margin-bottom: 64px;}
.col-f .bd{margin-bottom: 60px;}
.col-f .colf-swiper .tit{height: 56px; padding: 0 10px; font-size: 18px; color: #222222; text-align: center; line-height: 56px; background: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-f .colf-swiper .picBox{overflow: hidden;}
.col-f .colf-swiper .picBox img{width: 100%;}
.col-f .colf-swiper .swiper-slide a:hover img{transform: scale(1.1);}
@media screen and (max-width: 768px) {
    .col-f{padding: 32px 0 32px 0;}
    .col-f .hd{margin-bottom: 32px}
    .col-f .bd{margin-bottom: 32px;}
}

.col-e{padding: 70px 0 76px 0; background: #f9f9f9;}
.col-e .hd{margin-bottom: 40px;}
.col-e .bd{position: relative; padding-bottom: 90px;}
.col-e .cole-swiper .swiper-slide{position: relative; background: #ffffff;}
.col-e .cole-swiper .a1{position: absolute; left: 0; top: 0; width: 90%; padding: 12% 10% 0 5%; z-index: -1;}
.col-e .cole-swiper .a1 .b{margin-bottom: 22px; font-size: 20px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-e .cole-swiper .a1 .c{margin-bottom: 24px; color: rgba(85, 85, 85, .9); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-e .cole-swiper .a1 .d{color: rgba(85, 85, 85, .6); line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.col-e .cole-swiper .a2{position: relative; opacity: 0; transition: all 0.4s;}
.col-e .cole-swiper.homeFengcaiSw .a2{position: relative; opacity:1; transition: all 0.4s;}
.col-e .cole-swiper .a2 .picBox{position: relative;padding-bottom: 70%;}
.col-e .cole-swiper .a2 .picBox img{width: 100%;height: 100%;object-fit: cover;position: absolute;}
.col-e .cole-swiper .a2 .textBox{position: absolute; left: 0; bottom: 0; width: 90%; padding: 0 26px 20px 26px;}
.col-e .cole-swiper .a2 .textBox .b{margin-bottom: 22px; font-size: 20px; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-e .cole-swiper .a2 .textBox .c{color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-e .cole-swiper a:hover .a2{opacity: 1;}
.col-e .bd .cole-prev,
.col-e .bd .cole-next{top: unset; bottom: 0; right: 50%; left: unset; width: 40px; font-family: "宋体"; font-size: 30px; font-weight: bold; background: none; text-align: center;}
.col-e .bd .cole-next{left: 50%; right: unset;}
.col-e .bd .cole-prev:hover,
.col-e .bd .cole-next:hover{color: #005eac;}
@media screen and (max-width: 1200px) {
    .col-e .cole-swiper .a1{padding-top: 10%;}
}

@media screen and (max-width: 768px) {
    .col-e {padding: 32px 0 32px;}
    .col-e .cole-swiper .a1{padding-top: 8%;}
}

.col-h {padding-top: 70px;background-color: #fff;padding-bottom: 80px;border-top: 1px solid transparent;}
.col-h .sim_hd {margin: 0 0 34px; }
/* .colhl-swiper .picBox { overflow: hidden; }
.colhl-swiper .picBox img { width: 100%; }
.colhl-swiper .textBox { position: relative; padding: 0; color: #999999; line-height: 24px; }
.colhl-swiper .textBox .b { margin-top: 22px; color: #333; font-size: 18px;line-height: 32px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.colhl-swiper .textBox .c { margin-top: 20px; padding-bottom: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.colhl-swiper .swiper-slide:hover img { transform: scale(1.1); }
.colhl-swiper .swiper-slide:hover .b { color: #005eac; }
.colhl-swiper .colhl-prev,
.colhl-swiper .colhl-next { top: 35%; width: 40px; height: 40px; border-radius: 50%;border: 1px solid #fff;}
.colhl-swiper .colhl-prev { left: 1%; background: url(../images/prev.png) no-repeat center ; }
.colhl-swiper .colhl-next { right: 1%; background: url(../images/next.png) no-repeat center ;} */

.colhr-swiper .swiper-slide { padding: 2% 2%; background-color: #f7f7f7; transition: all .3s; overflow: hidden; }
.colhr-swiper .picBox { float: left; width: 256px; margin-right: 32px; overflow: hidden; }
.colhr-swiper .picBox img { width: 100%; }
.colhr-swiper .textBox { position: relative; display: block; overflow: hidden; padding: 0; color: #555; line-height: 30px; }
.colhr-swiper .textBox .b { font-size: 30px; font-weight: bold; color: #333; line-height: 55px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.colhr-swiper .textBox .c { margin-top: 12px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.colhr-swiper .textBox .c:last-child { font-size: 12px; line-height: 16px; }
.colhr-swiper .textBox .c:last-child svg { display: inline-block; vertical-align: top; }
.colhr-swiper .swiper-slide:hover { background-color: #005eac; }
.colhr-swiper .swiper-slide:hover img { transform: scale(1.1); }
.colhr-swiper .swiper-slide:hover .textBox,
.colhr-swiper .swiper-slide:hover .b { color: #fff; }
@media screen and (max-width: 1000px) {
    .col-h{padding: 32px 0;}
}
@media screen and (max-width: 768px) {
    .col-h .hd { margin-top: 30px; }
}


@media all and (min-width: 980px) {
    .index_new .colhr-swiper .picBox{position: relative;padding-bottom: 20%;}
    .index_new .colhr-swiper .picBox img{position: absolute;width: 100%;height: 100%;object-fit: cover}
}