@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;transform: translateY(70%);}

@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: 76px; 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: 4; -webkit-box-orient: vertical; }
.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-a {padding-top: 50px;background-color: #f9f9f9;padding-bottom: 80px;border-top: 1px solid transparent;}
.col-a .hd {text-align: left;margin: 0 0 18px;border-bottom: 3px solid #e9e9e9;}
.col-a .hd h2{position: relative;font-size: 36px;font-weight: bold;color: #000;}
.col-a .hd h2::before{position: absolute;left: 0;bottom: -3px;content: '\20';width: 150px;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;}
.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 .pic {width: 190px; overflow: hidden;}
.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 {font-size: 14px;color: #999999;}
.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 .hd h2{font-size: 30px;}
    .col-a .hd h2::before{width: 124px;}
    .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-container{height: 100%;}
    .col-a .fr .bd .swiper-slide {background-color: #fff;}
    .col-a .fr .bd .swiper-slide  .pic {width: 100%;}
    .col-a .fr .bd .swiper-slide  .pic img {width: 100%;}
    .col-a .fr .bd .swiper-slide  .text {position: relative; height: 188px;width: 100%; padding: 3.23% 8.82% 0 7.06%;}
    .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 .hd h2{font-size: 28px;}
    .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 .hd h2{font-size: 24px;}
    .col-a .hd h2::before{width: 100px;}
    .col-a .fr .bd {padding: 0 13px;}
}

.col-f{padding: 80px 0;}
.col-f .hd{position: relative;margin-bottom: 34px;border-bottom: 3px solid #e9e9e9;}
.col-f .hd ul li{position: relative; float: left; margin-right: 46px; font-size: 36px; color: #000000; font-weight: bold; cursor: pointer;}
.col-f .hd ul li.on{color: #005eac;}
.col-f .hd ul li.on::before{position: absolute; left: 0; bottom: -3px; content: '\20'; width: 100%; height: 3px; background: #005eac;}

.col-f .bd .item{display: none;}
.col-f .bd .item:first-child{display: block;}
.col-f .item .tit{height: 56px;padding: 0 10px;font-size: 18px;color: #222222;text-align: center;line-height: 56px;background: #f9f9f9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-f .item .picBox{overflow: hidden;}
.col-f .item .picBox img{width: 100%;}
.col-f .item .swiper-slide a:hover img{transform: scale(1.1);}
.col-f .item .swiper-slide a:hover .tit{color: #ffffff; background: #005eac}
@media (max-width: 1680px) {
    .col-f .hd ul li{font-size: 30px;}
}
@media (max-width: 1280px) {
    .col-f .hd ul li{margin-right: 30px; font-size: 28px;}
}

@media screen and (max-width: 768px) {
    .col-f .hd ul li{margin-right: 24px; font-size: 24px;}
    .col-f{padding: 32px 0 32px 0;}
    .col-f .hd{margin-bottom: 32px}
    .col-f .bd{margin-bottom: 32px;}
}