@charset "utf-8";
/*首页banner*/
.banner{height: 100vh;overflow: hidden;}
.bannerDot{text-align: center;position: absolute;left: 0;z-index: 9;width: 100%;bottom:80px;}
.bannerDot .swiper-pagination-bullet{width: 48px;height: 6px;opacity: 1;background: #fff;border-radius: 0;margin: 0 5px;transition: all .4s;}
.bannerDot .swiper-pagination-bullet-active{background: #27afc5;}
.banner-text{position: absolute;z-index: 10;left: 4%;width: 92%; top:18%;text-align: center;padding-top: 90px;}
.banner-text h2{font-size: 60px;color: #6c1481;font-family: "宋体";margin-bottom: 15px;font-weight: bold;}
.banner-text p{font-size: 30px;color: #6c1481;font-family: "宋体";margin-bottom: 5px;}
.banner-text span{font-size: 16px;color: #833c95;display: block;text-transform: uppercase;}
.banner .swiper-container{height: 100%;}
.banner .swiper-slide .img100{transform:translate(0) scale(1.08);transition:all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);height: 100%;width: 100%;overflow: hidden;text-align: center;}
.banner .swiper-slide .img100 img{width: 100%;
  height: 100%;
  object-fit: cover;     /* 关键 */
  object-position: center;}
.banner .swiper-slide.swiper-slide-active .img100{transform:translate(0) scale(1);}
.pc-show{display: block;}
.wap-show{display: none;}
.banner .banner-tit{position: absolute;width: 100%;padding: 0px 5%; top: 45%; left: 0;text-align: center;color: #fff;}
.banner .banner-tit h2{font-size: 45px;text-shadow: 1px 1px 2px #222;margin-bottom: 10px;}
.banner .banner-tit h4{font-size: 28px;text-shadow: 1px 1px 2px #222;font-weight:300;text-transform: uppercase}

/*底部*/



/*首页关于*/
.screen_com{position: relative;width: 100%;height:900px;}
.screen_com .about_con{position:absolute;width:54%;height:calc(100%);left:0;bottom:0;z-index:2;align-items:center;padding-left:8%;}
.screen_com .rightimg{position:absolute;width:45%;height:calc(100%);right:0;bottom:0;z-index:1;}
.screen_com .about_con .inner{padding-top: 30px;}
.screen_com .about_con .t1{font-weight:bold;color:#27afc5;font-size:28px;margin:3% 0}
.jbcolor{background-image:-webkit-linear-gradient(221deg,#b2967a,#d7c2a7,#b2967a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.jbcolorsec{background-image:-webkit-linear-gradient(-90deg,#153149 60%,#426583);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bgliner1{background:linear-gradient( to bottom,#16334c 0%,#2e5372 100%)}
.bgliner2{background:linear-gradient(221deg,#b2967a,#d7c2a7,#b2967a)}
.screen_com .about_con .t2{line-height:26px;color:#6e6e6e;font-size:14px;text-align:justify}
.screen_com .about_con .t2 p{margin-top: 8px;}
.screen_com .about_con .item{display:flex;flex-wrap:wrap;margin-top:2%}
.screen_com .about_con .item .list{width:24%;display:flex;align-items:center;justify-content:left;margin-bottom:5px}
.screen_com .about_con .item .list .text .fir{display:flex;justify-content:left;align-items:flex-end}
.screen_com .about_con .item .list .text .fir span{display:inline-block}
.screen_com .about_con .item .list .text .fir span.s1{font-size:48px;color:#27afc5;font-family:Barlow;margin-right:10px;height: 62px;}
.screen_com .about_con .item .list .text .fir span.s2{font-size:18px;color:#27afc5;font-weight:bold}
.screen_com .about_con .item .list .text .sec{font-size:16px;font-weight:lighter;color:#333;margin-top: 5px;}
.allabut{display:block;height:36px;position:relative;border:1px solid #ccc;border-radius:40px;width:120px;overflow:hidden;text-align: center;line-height: 36px;}
.allabut:hover{background-color: #27afc5;color: #fff;border:1px solid #27afc5;}
.screen_com .allabut{margin-top:2%}
.screen_com .rightimg img.transi{height:100%;float: right;}

/*横屏bannar*/
.hp_ad{text-align: center; padding: 120px 0; background-color:#fff ;}
.hp_ad h2{font-size: 38px;color: #222;letter-spacing: 5px;}
/*产品*/
.id_pro{width: 100%;}
.id_tit{position: relative;height: 210px;background-color: #27afc5;}
.id_tit .tit_bg{position: absolute;font-size:8.5vw;width: 100%; color:#333;text-transform:uppercase;left:0px;top:35px;z-index:0;white-space:nowrap;line-height:1em;height:1em;letter-spacing:19px;text-align: center;opacity: 0.04;overflow: hidden;}
.id_h{text-align: center;padding-top: 68px;color: rgba(255,255,255,1);}
.id_h .h_cn{font-size: 45px;letter-spacing: 2px;}
.id_h .h_en{font-size: 20px;margin-bottom: 15px;color: rgba(255,255,255,0.4);}
.id_h .h_cn02{font-size: 24px;letter-spacing: 2px;color: rgba(255,255,255,0.8);}
.relative{position: relative;}
.cpfl-img .img{height:900px;}
.cpfl-a{position: absolute;width: 1080px;left: 50%;margin-left: -540px;z-index: 9;bottom:117px;overflow: hidden;box-shadow: 0 0 7px 0 rgba(207,207,207,0.4);}
.cpfl-a a{float: left;width: 33.33%;text-align: center;padding: 10px;box-sizing: border-box;background: #fff;}
.cpfl-a a p{font-size: 20px;color: #000;}
.cpfl-a a span{font-size: 12px;color: #9d9d9d;text-transform: uppercase;}
.cpfl-a a.active{background: #27afc5;}
.cpfl-a a.active p{color: #fff;}
.cpfl-a a.active span{color: #fff;}
.cpfl-a a:hover{background: #27afc5;}
.cpfl-a a:hover p{color: #fff;}
.cpfl-a a:hover span{color: #fff;}
.cpfl-con{position: absolute;right: 0;height: 100%;width: 660px;background: rgba(0,0,0,.3);z-index: 5;}
.cpfl-warp{margin: 140px 60px;}
.title30-fff span{color: #c8c8ca;}
.title30-fff h2{color: #fff;}
.cpfl-top{margin-bottom: 25px;}
.cpfl-top h3{font-size: 30px;color: #fff;}
.cpfl-top p{font-size: 18px;color: #fff;margin: 5px 0 10px;}
.cpfl-top .i{width: 60px;border-top: 2px solid #fff;margin-top: 5px;}
.cpfl-mid{width: 420px;max-width: 100%;margin-bottom: 35px;}
.cpfl-mid p{color: #fff;line-height: 2.2em; font-size: 18px;}
.more{font-size: 12px;color: #fff;text-transform: uppercase;width: 88px;height: 26px;text-align: center;line-height: 26px;display: inline-block;color: #fff;}
.cpfl-pages{display: none;}
.cpfl-pages.active{display: block;}
/*新闻中心*/
.screen_news{box-sizing: border-box;height: 800px;}
.screen_news .item{width:100%;height:calc(100%)}
.screen_news .item .left{float:left;width:23%;height:100%;padding-left:4%;display:flex;align-items:center;box-sizing: border-box;}
.screen_news .item .left .inner{width:100%}
.screen_news .item .left .fir{font-size:32px;text-transform:uppercase;color:#27afc5;font-family:Abril Fatface;line-height:38px}
.screen_news .item .left .sec{font-weight:bold;font-size:40px;margin:5% 0 20% 0;color:#27afc5;}
.screen_news .item .left .more02{display:flex;align-items:center;justify-content:left}
.screen_news .item .left .more02 span{display:inline-block;font-size:16px;color:#282828;margin-left:10px}
.screen_news .item .right{float:left;width:77%;height:100%;box-sizing: border-box;}
.screen_news .item .right .swiper-news{width:100%;height:100%}
.screen_news .right .swiper-slide .list{width:100%;height:100%}
.allnews{width:100%;height:100%;border-left:1px solid #f0f0f0;display:flex;align-items:center}
.allnews .inner{width:100%;padding:0 10%}
.allnews .inner .allabut{margin-top: 40px;}
.allnews .time{color:#282828;font-family:Abril Fatface;font-size:24px}
.allnews .title{color:#282828;font-size:24px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-weight:bold;line-height:41px}
.allnews .con{color:#6c6c6c;font-size:16px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin-top:8%;line-height:31px}
.allnews:hover{background:linear-gradient( to bottom,#119ab0 0%,#27afc5 100%)}
.allnews .imgbox{width:100%;height:0;overflow:hidden;position:relative;border-radius:6px}
.allnews .timesec{color:rgba(255,255,255,0.6);font-family:Abril Fatface;font-size:20px;height:0;overflow:hidden}
.allnews .titlefir{color:#fff;font-size:24px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-weight:bold;height:0;line-height:32px}
.allnews:hover .title{height:0;overflow:hidden}
.allnews:hover .timefir{height:0;overflow:hidden}
.allnews:hover .imgbox{height:200px;width: 100%;overflow: hidden;}
.allnews:hover .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.allnews:hover .titlefir{height:auto}
.allnews:hover .timesec{margin:3% 0 5% 0}
.allnews:hover .con{color:#fff}
.allnews:hover .timesec{height:auto}
.allnews .inner .allabut:hover{background: none; border: 1px solid #fff;color: #fff}
.allnews .inner .allabut a{color: #fff;}
.screen_news .item .left .but{width:155px;position:relative;margin-top:26%;height:65px}
.allswiperbut{width:65px;height:65px;border:1px solid #a9a9a9;border-radius:100%;background:#fff;z-index:11!important}
.allswiperbut:after{display:none}
.screen_news .item .left .but .swiper-button-next{right:0}
.screen_news .item .left .but .swiper-button-prev{left:0}
.allswiperbut:hover{background:#27afc5}
.allswiperbut:hover img{filter:brightness(200%)}