/* banner */
.banner{ max-height: 750px; overflow: hidden; }
.banner img{ max-width: 100%; }
.banner .swiper-container{
  --swiper-theme-color: #265288;
  --swiper-navigation-color: #ffffff;
  --swiper-navigation-size: 42px;
}
.banner .swiper-wrapper{ transition-timing-function: ease-out; }
.banner .swiper-button-prev{ left: 40px; opacity: 0.7; outline: none; }
.banner .swiper-button-next{ right: 40px; opacity: 0.7; outline: none;}
@media screen and (max-width: 768px){
  .banner .swiper-container{
    --swiper-navigation-size: 26px;
  }
  .banner .swiper-button-prev{ left: 20px; }
  .banner .swiper-button-next{ right: 20px; }
}

/* 标题样式 */
.index_title{text-align: center;}
.index_title h4{font-size: 32px;line-height: 32px;text-transform: uppercase; color: #265288; }
.index_title h3{font-size: 36px; font-weight: normal; line-height: 36px; padding-top: 15px; color: #222222;  }
@media screen and (max-width: 1240px){
  .index_title h4{ font-size: 28px; line-height: 28px; }
  .index_title h3{ font-size: 32px;line-height: 32px; }
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
  .index_title h4{ font-size: 24px; line-height: 24px; }
  .index_title h3{ font-size: 26px;line-height: 26px; }
}
@media screen and (max-width: 480px){
  .index_title h4{ font-size: 20px; line-height: 20px; }
  .index_title h3{ font-size: 22px;line-height: 22px; padding-top: 10px;}
}


/* 样板展示 */
.index_product{padding: 100px 0; background: url(../images/probg.jpg) no-repeat bottom right / cover; }
.index_product .pTab{ text-align: center; padding: 40px 0 30px; }
.index_product .pTab a{ display: inline-block; font-size: 18px; }
.index_product .pTab a:hover,
.index_product .pTab a.cur{ font-weight: bold; color: #265288; }
.index_product .pTab span{ display: inline-block; font-size: 18px; padding: 0 15px; }
.index_product .pTab a:last-child span{ display: none; }
.index_product .pList{ margin-top: -40px; }
.index_product .pList ul{ justify-content: flex-start; margin: 0 -15px; }
.index_product .pList ul li{ width: 25%; padding: 0 15px; margin-top: 40px; }
.index_product .pList ul li a{ display: block; }
.index_product .pList ul li .pic{ padding-bottom: 58%; }
.index_product .pList ul li .pic img{ transition: 0.3s; }
.index_product .pList ul li .tit{ text-align: center; font-size: 18px; font-weight: bold; padding-top: 20px; }
.index_product .pList ul li .txt{ text-align: center; font-size: 16px; padding-top: 10px; color: #999999;  }
.index_product .pList ul li:hover .pic img{ transform: translate(-50%,-50%) scale(1.09); }
.index_product .pList ul li:hover .tit{ color: #265288; }
@media screen and (max-width: 1240px){
  .index_product{padding: 80px 0;}
}
@media screen and (max-width: 1024px){
  .index_product .pList{margin-top: -25px;}
  .index_product .pList ul{ margin: 0 -10px; }
  .index_product .pList ul li{padding: 0 10px; margin-top: 25px; }
  .index_product .pList ul li .tit{font-size: 16px;padding-top: 15px;}
}
@media screen and (max-width: 768px){
  .index_product{padding: 60px 0; background:none;}
  .index_product .pTab{padding: 30px 0 30px;}
  .index_product .pTab a{font-size: 16px;}
  
  .index_product .pList ul li{width: 50%;}
}
@media screen and (max-width: 480px){
 .index_product{padding: 30px 0 20px; }
  .index_product .pTab{padding: 20px 0;}
  .index_product .pTab a{padding: 5px 0;}
  .index_product .pTab span{padding: 0 5px;}
  .index_product .pList{margin-top: -15px;}
  .index_product .pList ul{ margin: 0 -5px; }
  .index_product .pList ul li{padding: 0 5px; margin-top: 15px; }
}



/*产品优势*/
.four_bg{ background: url(../images/probg2.jpg) no-repeat center bottom -60px;height: 805px;overflow: hidden;padding: 70px 0; }
.four_tit{ font-size: 40px;color: #333;text-align: center;font-weight: normal;height: 60px;line-height: 60px;overflow: hidden; }
.four_tit a{ color: #333; }

.four_t ul li{ float:left;width:124px;height:124px;text-align:center;font-size: 18px;position: absolute;z-index: 11; }
.four_t ul li .hover,
.four_t ul li .default{ border-radius: 50%; background: #FFFFFF; }
.four_t ul li i{ display:block;width:55px;height:50px;margin:20px auto 3px;overflow:hidden; }
.four_t ul li i img{ max-width: 100%; }
.four_t ul li .hover,
.four_t ul li .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.four_t ul li .default{background-position:0 0;color:#265288}
.four_t ul li .hover{ background-color: #265288; color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.four_t ul li:hover .hover,
.four_t ul li.on .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.four_t ul li:hover .default,
.four_t ul li.on .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.four_t ul li:hover .hover i img,
.four_t ul li.on .hover i img{ transform: translateY(-100px); filter: drop-shadow(#fff 0 100px); }

.four_m{padding: 226px 0 0 315px;}
.four_qie{position: relative;width: 650px;}
.four_qie .cls{ width: 50px; height: 50px; display: block; position: absolute; right: 30px; top: 0; z-index: 10;}

.four_main{ background: #fff;padding: 40px;width: 542px;position: relative;z-index: 10;}
.four_m01 p{ line-height: 0;overflow: hidden;}
.four_m01 p img{ width: 100%;height: auto;}
.four_txt{ padding: 25px 0 0; }
.four_txt h3{ font-size: 24px; line-height: ; text-align: center; color: #265288; padding-bottom:  20px; }
.four_txt p{ font-size: 18px; line-height: 30px; }
@media screen and (min-width: 1239px){
  .four_t ul li.d1{top: 430px;left: 0;}
  .four_t ul li.d2{top: 160px;left: 130px;}
  .four_t ul li.d3{top: 160px;right: 126px;}
  .four_t ul li.d4{top: 430px;right: 0;}
  .four_t ul li.d5{ top: 58px;left: 528px; }
}
@media screen and (max-width: 1240px){
  .four_bg{height: auto; padding: 80px 0 70px; background-size: cover;}
  .four_m{padding-top: 60px;padding-left: 0;}
  .four_qie{ width: 100%; }
  .four_qie .cls{display: none;}
  .four_main{margin: 0 auto;}
  .four_t ul{ text-align: center; padding-top: 50px; }
  .four_t ul li{position: relative; float: none; display: inline-block; margin: 0 10px; }
  .four_t ul li .hover, .four_t ul li .default{position: absolute;}
}
@media screen and (max-width: 1024px){
  .four_m{padding-top: 50px;}
  .four_txt h3{font-size: 20px;padding-bottom: 15px;}
  .four_txt p{font-size: 16px;}
  .four_t ul li{width: 100px;height:100px;font-size: 16px;}
  .four_t ul li i{width: 40px; height: 44px;margin-top: 12px;}
}
@media screen and (max-width: 768px){
  .four_bg{height: auto; padding: 60px 0 50px;}
  .four_m{padding-top: 40px;}
  .four_main{padding: 30px;}
  .four_t ul li{ margin: 0 5px; width: 80px; height: 80px; font-size: 15px;}
  .four_t ul li i{width: 25px;height: 28px;}
}
@media screen and (max-width: 540px){
  .four_main{width: 100%;padding: 20px;}
  .four_m{padding-top: 25px;}
  .four_txt{padding-top: 20px;}
  .four_txt h3{font-size: 18px;}
  .four_txt p{font-size: 15px;line-height: 26px;}
  .four_t ul{padding-top: 30px;}
}
@media screen and (max-width: 480px){
}


/*  */
.index_ys{padding: 130px 0 100px;}
.index_ys .ysbox{ margin: 0 -10px; padding-top: 60px; align-items: stretch; }
.index_ys .ysbox .c1{ width: 33.33%; }
.index_ys .ysbox .c1 li{ width: 100%; }
.index_ys .ysbox .c2{ width: 66.66%; }
.index_ys .ysbox ul{ align-items: stretch; }
.index_ys .ysbox ul li{ width: 50%; padding: 10px 10px; }
.index_ys .ysbox ul li img{ width: 100%; }
.index_ys .ysbox ul li .text{ background-color: rgb(38, 82, 136); padding: 10px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.index_ys .ysbox ul li .text .num{ color: #e70012; font-size: 52px; font-weight: bold; width: 60px; }
.index_ys .ysbox ul li .text .txt{ font-size: 16px; color: #FFFFFF; line-height: 24px; width: calc( 100% - 80px ); height: 46px; }
.index_ys .ysbox ul li .text .txt .tit{ font-size: 18px; padding-bottom: 5px; }
@media screen and (max-width: 1640px){
  
}
@media screen and (max-width: 1440px){
  
}
@media screen and (max-width: 1240px){
  .index_ys{padding: 90px 0;}
}
@media screen and (max-width: 1024px){
  .index_ys{padding: 80px 0;}
  .index_ys .ysbox{padding-top: 40px;}
  .index_ys .ysbox ul li .text .txt{height: auto;}
}
@media screen and (max-width: 768px){
 .index_ys{padding: 60px 0;}
  .index_ys .ysbox .c1{width: 100%;}
  .index_ys .ysbox .c2{width: 100%;}
}
@media screen and (max-width: 540px){
  .index_ys .ysbox .c2 li{ width: 100%; }
  .index_ys .ysbox ul li .text .num{ font-size: 30px; width: 40px; }
  .index_ys .ysbox ul li .text .txt{ width: calc( 100% - 50px ); font-size: 14px; line-height: 22px; }
}

@media screen and (max-width:480px){
 .index_ys{padding: 50px 0 20px;}
  .index_ys .ysbox{padding-top: 20px;}
}

/* 公司简介 */
.index_about{ padding: 110px 0;/* background: url(../images/about_bg.jpg) no-repeat center / cover; */ }
.index_about .i_ab{ align-items: center; justify-content: space-between;  }
.index_about .i_ab .left{ width: 440px; height: 440px; background-color: #265288; color: #FFFFFF; padding: 20px; display: flex;flex-direction: column; align-items: center; justify-content: center; }
.index_about .i_ab .left .num{ font-size: 140px; line-height: 110px; font-weight: bold; }
.index_about .i_ab .left .txt{ font-size: 24px; padding-top: 60px; }
.index_about .i_ab .right{ width: calc(100% - 440px); padding: 100px; background-color: #FFFFFF; box-shadow: 0 0 10px 4px rgba(0,0,0,0.06); }
.index_about .i_ab .right .tit{ font-size: 32px; color: #222; padding-bottom: 50px; }
.index_about .i_ab .right .txt{ color: #666; font-size: 18px; line-height: 34px; }
.index_about .i_ab .right .txt p{ text-align: justify; }
.index_about .i_ab .right .txt p{ text-align: justify; display: in block; text-indent: 2em; margin:15px 0 15px; }
.index_about .i_ab .right .txt a{ color: #e70012; font-family: '微软雅黑'; text-transform: uppercase; }
.index_about .i_ab .right ul{ align-items: stretch; justify-content: space-between; padding-top: 40px; }
.index_about .i_ab .right ul li{ width: 100px; max-width: 25%; }
.index_about .i_ab .right ul li a{display: block; text-align: center;}
.index_about .i_ab .right ul li .icon{ display: inline-block; width: 58px; height: 58px; overflow: hidden; }
.index_about .i_ab .right ul li .icon img{ max-width: 100%; }
.index_about .i_ab .right ul li p{color: #666666; font-size: 16px; padding-top: 5px;}
.index_about .i_ab .right ul li:hover p{color: #e70012;font-weight: ; }
.index_about .i_ab .right ul li:hover .icon img{ transform: translateY(-70px); filter: drop-shadow(#e70012 0 70px); }
@media screen and (max-width: 1640px){
  .index_about .i_ab .right{padding: 80px;}
  .index_about .i_ab .right ul{padding-top: 60px;}
}
@media screen and (max-width: 1440px){
  .index_about .i_ab .right{padding: 60px;}
  .index_about .i_ab .right ul{padding-top: 40px;}
  .index_about .i_ab .right .tit{padding-bottom: 40px; font-size: 30px;}
}
@media screen and (max-width: 1240px){
  .index_about{ padding: 90px 0; }
  .index_about .i_ab .left{width: 340px; height: 340px;  }
  .index_about .i_ab .left .num{font-size: 120px; line-height: 90px;}
  .index_about .i_ab .left .txt{padding-top: 40px; font-size: 22px;}
  .index_about .i_ab .right{width: calc(100% - 340px);}
  .index_about .i_ab .right .tit{padding-bottom: 30px; font-size: 26px;}
  .index_about .i_ab .right .txt{font-size: 16px; line-height: 32px;}
  .index_about .i_ab .right ul{padding-top: 30px;}
  .index_about .i_ab .right ul li .icon{ width: 48px; height: 48px;}
}
@media screen and (max-width: 1024px){
  .index_about{padding: 80px 0;}
  .index_about .i_ab .left{width: 280px; height: 280px;  }
  .index_about .i_ab .left .num{font-size: 90px; line-height: 70px;}
  .index_about .i_ab .left .txt{padding-top: 40px; font-size: 18px;}
  .index_about .i_ab .right{width: calc(100% - 280px); padding: 35px;}
  .index_about .i_ab .right .tit{padding-bottom: 20px; font-size: 24px;}
  .index_about .i_ab .right ul li .icon{width: 30px;height: 37px;}
}
@media screen and (max-width: 768px){
 
.mbh{ display:none;}
}
@media screen and (min-width: 768px){
.mbhh{ display:none;}
}
@media screen and (max-width: 768px){
  .index_about{padding: 60px 0;}
  .index_about .i_ab .right{ width: 100%; }
  .index_about .i_ab .right ul{ padding-top: 20px; }
}
@media screen and (max-width: 480px){
.index_about{padding: 50px 0 40px;}
.index_about .i_ab{  padding-top: 30px; }
  .index_about .i_ab .left{ width: 80%; height: 120px; padding: 0px; margin:0 auto; }
  .index_about .i_ab .left .num{ font-size: 60px; line-height: 50px; }
  .index_about .i_ab .left .txt{ font-size: 15px; text-align: center; padding: 0 15px; padding-top: 20px; }
  .index_about .i_ab .right{ padding: 30px 0 15px; box-shadow: none;}
  .index_about .i_ab .right .tit{font-size: 18px; line-height: 32px;padding-bottom: 0;}
  .index_about .i_ab .right .txt{ font-size: 15px; line-height: 30px;}
  .index_about .i_ab .right ul li p{font-size: 12px;}
  
}


/* 实验中心 */
.index_exper{ padding: 100px 0; background: url(../images/exper_bg.jpg) no-repeat center / cover; }
.index_exper .i_exp{ align-items: stretch; padding-top: 50px; }
.index_exper .i_exp ul{ width: 24%; display: flex; flex-direction: column; justify-content: space-between; }
.index_exper .i_exp ul.center{ width: 52%; padding: 0 15px; justify-content: center; }
.index_exper .i_exp ul.center li .pic{ padding-bottom: ; }
.index_exper .i_exp ul li{  }
.index_exper .i_exp ul li:nth-child(2){ margin-top: 15px; }
.index_exper .i_exp ul li a{  position: relative; display: block;}
.index_exper .i_exp ul li .pic{ padding-bottom: 79.9%; }
.index_exper .i_exp ul li .pic img{ max-width: 100%; transition: 0.3s; }
.index_exper .i_exp ul.center li .pic img{ transition: 0.6s; }
.index_exper .i_exp ul li .pic:hover img{ transform: translate(-50%,-50%) scale(1.1); }
.index_exper .i_exp ul li .tit{ font-size: 18px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 20px; z-index: 1; color: #FFFFFF; background-color: rgba(38, 82, 136, 0.5); text-align: center; }
@media screen and (max-width: 1240px){
  .index_exper{ padding: 90px 0; }
}
@media screen and (max-width: 1024px){
  .index_exper{ padding: 80px 0; }
  
}
@media screen and (max-width: 768px){
  .index_exper{ padding: 60px 0 40px; }
  .index_exper .i_exp ul{ width: 100%; display: flex; flex-direction: row; }
  .index_exper .i_exp ul.center{width: 100%;padding: 15px 0;}
  .index_exper .i_exp ul.center li{width: 100%;}
  .index_exper .i_exp ul li{ width: 49%;}
  .index_exper .i_exp ul li:nth-child(2){ margin-top: 0px;}
}
@media screen and (max-width: 480px){
  .index_exper .i_exp{ padding-top: 30px;}
  .index_exper .i_exp ul.center{ padding: 7px 0;}
  .index_exper .i_exp ul li .tit{font-size: 16px;padding: 10px;}
}


/* 我们的服务 */
.index_server{ padding: 100px 0; }
.index_server .server{ padding-top: 60px; align-items: stretch;  }
.index_server .server ul.pic{ width: 65%; display: flex; flex-wrap: wrap; }
.index_server .server ul.pic li{ display: none; width: 100%; height: 100%;background: no-repeat center / cover; }
.index_server .server ul.pic li.cur{ display: block; }
.index_server .server ul.pic li img{ display: none; }
.index_server .server ul.pic li a{ display: block; width: 100%; height: 100%; }
.index_server .server ul.text{width: 35%;background-color: #265288;}
.index_server .server ul.text li{ background-color: #265288; padding: 30px 35px ; }
.index_server .server ul.text li .tit{ font-size: 24px; line-height: 40px; color: #FFFFFF; }
.index_server .server ul.text li .tit .icon{ width: 40px; height: 40px; display: inline-table; margin-right: 40px; overflow:hidden; }
.index_server .server ul.text li .tit .icon img{ display: inline-block; }
.index_server .server ul.text li .txt{ font-size: 18px; opacity: 0; color: #666666; }
.index_server .server ul.text li .txt b{ font-weight: bold; color: #e70012; }
.index_server .server ul.text li.cur{ background-color: #f5f5f5; padding: 30px 35px ; }
.index_server .server ul.text li.cur .tit{ font-size: 32px; color: #265288; font-weight: bold; }
.index_server .server ul.text li.cur .tit .icon{ margin-right: 20px; }
.index_server .server ul.text li.cur .tit .icon img{ transform: translateY(-60px); filter: drop-shadow(#265288 0 60px); }
.index_server .server ul.text li.cur .txt{ opacity: 1; padding-top: 20px; }
@media screen and (max-width: 1440px){
  .index_server .server ul.text li .tit{ font-size: 22px; }
  .index_server .server ul.text li.cur .tit{ font-size: 26px; }
  .index_server .server ul.text li.cur .txt{ padding-top: 10px; }
}
@media screen and (max-width: 1240px){
  .index_server{padding: 90px 0;}
  .index_server .server ul.text li{padding: 40px 35px;}
  .index_server .server ul.text li.cur{padding: 40px 35px;}
  .index_server .server ul.text li .tit{font-size: 20px;}
  .index_server .server ul.text li.cur .tit{font-size: 22px;}
  .index_server .server ul.text li .txt{font-size: 16px;}
  .index_server .server ul.text li.cur .txt{padding-top: 10px;}
}
@media screen and (max-width: 1024px){
  .index_server{padding: 80px 0;}
  .index_server .server ul.text li .tit .icon{ margin-right: 20px;}
  .index_server .server ul.pic{width: 50%;}
  .index_server .server ul.text{width: 50%;}
}
@media screen and (max-width: 768px){
  .index_server{padding: 50px 0;}
  .index_server .server{padding-top: 50px;}
  .index_server .server ul.pic{width: 100%;}
  .index_server .server ul.pic li img{display: block; max-width: 100%; }
  .index_server .server ul.text{ width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; background-color: #265288; }
  .index_server .server ul.text li{ width: 50%; padding: 25px; }
  .index_server .server ul.text li.cur{ padding: 25px; }
  .index_server .server ul.text li .tit{font-size: 18px;line-height: 30px; position: relative; padding-left: 45px;}
  .index_server .server ul.text li.cur .tit{font-size: 18px;}
  .index_server .server ul.text li .tit .icon{width: 30px; height: 30px; position: absolute; left: 0; top: 0; }
  .index_server .server ul.text li .txt{ padding-top: 10px; color: #FFFFFF; opacity: 1; }
  .index_server .server ul.text li.cur .txt{ color: #666666; }
}
@media screen and (max-width: 680px){
  .index_server .server ul.text li{width: 100%;}
  .index_server .server ul.text li .tit{ font-size: 16px;}
  .index_server .server ul.text li .txt{ font-size: 14px;}
}
@media screen and (max-width: 480px){
  .index_server .server{padding-top: 40px;}
   .index_server .server ul.text li{  padding:18px 20px; }
    .index_server .server ul.text li.cur{ padding: 18px 20px; }
}



/* 新闻中心 */
._tabLink{text-align:center;margin:50px auto 50px}
._tabLink a{font-size:16px;color:#8e8e8e;position:relative;margin:0 20px}
._tabLink a:after{content:'';position:absolute;background:#e70012;width:8px;height:8px;border-radius:50%;right:110%;top:50%;transform:translate(-50%,-150%);opacity:0;transition:ease-out .4s}
._tabLink a.active{color:#e70012}
._tabLink a.active:after{opacity:1;transform:translate(-50%,-50%)}
.plateNews{ position:relative; background: #f5f5f5; padding: 110px 0;}
.plateNews ul{ display:flex;flex-wrap:wrap}
.plateNews ul li{ width:calc(100% / 3);transition:box-shadow ease-out .4s; }
.plateNews ul li a{ position:relative;display:block;background:#fff;transition:ease .4s; }
.plateNews ul li:nth-child(2) a{ display:flex;flex-wrap:wrap;flex-direction:column-reverse; }
.plateNews ul li .pic{ width:100%;position:relative;overflow:hidden }
.plateNews ul li .pic:before{ content:'';position:absolute;top:0;width:100%;height:100%;border:0px solid #265288;z-index:5;box-sizing:border-box;opacity:0;transition:ease-out .4s; }
.plateNews ul li .pic img{ max-width: 100%; transition:ease-out .4s; }
.plateNews ul li .pic:after{ content:'';position:absolute;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;left:50%;transform:translateX(-50%);bottom:0;transition:ease-out .4s; }
.plateNews li .summary{position:relative}
.plateNews li .summary img{ max-width: 100%; }
.plateNews ul li .text{padding:20px 55px;position:absolute;top:50%;transform:translateY(-50%);width: 100%;}
.plateNews li .timer{color:rgba(54,54,54,.4);transition:ease .4s;display:none}
.plateNews li .timer span{color:#363636;text-transform:uppercase;padding-right:5px;border-right:1px solid #363636;margin-right:5px;position:relative;transition:ease .4s}
.plateNews li .timer span:after{content:'';position:absolute;width:30px;height:1px;background:#363636;right:110%;top:50%;transition:ease .4s}
.plateNews li h4{color:#363636;font-size:18px;font-weight:initial;margin:0px 0 15px;transition:ease .4s}
.plateNews li .Introduction{color:#8d8d8d;line-height:1.8;transition:ease .4s;height:50px; font-size: 14px;}
.plateNews ul li:nth-child(2) .pic:after{top:0;bottom:auto;border-bottom:none;border-top:20px solid #fff}
.plateNews ol{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin-top:30px;margin-bottom:30px}
.plateNews ol:after{content:'';width:33%}
.plateNews ol li{width:33%;margin-top:15px}
.plateNews ol li:nth-child(1),.plateNews ol li:nth-child(2),.plateNews ol li:nth-child(3){margin-top:0}
.plateNews ol li a{padding:15px;display:block;transition:ease .4s;background:#fff}
.plateNews ol .text{position:relative}
.home.plateNews ol{display:none}
@media screen and (min-width:1200px){
  .plateNews li:hover a{background:#265288;color:#fff}
  .plateNews li:hover .pic:after{border-top-color:#265288;border-bottom-color:#265288}
  .plateNews ul li:nth-child(2):hover .pic:after{border-top:20px solid #265288}
  .plateNews li:hover .timer{color:rgba(255,255,255,.4)}
  .plateNews li:hover .timer span{color:#fff;border-right:1px solid #fff}
  .plateNews li:hover .timer span:after{background:#fff}
  .plateNews li:hover h4{color:#fff}
  .plateNews li:hover .Introduction{color:#fff}
  .plateNews ul li:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}
  .plateNews ul li:hover .pic img{transform:scale(1.05)}
  .plateNews ul li:hover .pic:before{opacity:1}
  
  ._tabLink a:hover{color:#e70012}
  ._tabLink a:hover:after{opacity:1;transform:translate(-50%,-50%)}
}
@media screen and (max-width:1200px){
  .plateNews ul li .text{padding:10% 8%}
  .plateNews li .timer span:after{opacity:0}
  .plateNews li h4{margin:0px 0 10px;font-size:16px;}
  
  ._tabLink{margin:20px auto 30px}
}
@media screen and (max-width:768px){
  .plateNews{ padding: 60px 0 35px;}
  .plateNews ol li,.plateNews ul li{width:32%}
  .plateNews ul li:nth-child(2) a{flex-direction:column}
  .plateNews ul li .pic{display:none}
  .plateNews ul{justify-content:space-between;display:none}
  .plateNews ol{margin:15px auto;width:100%;flex-wrap: wrap; }
  .home.plateNews ol{ display: flex; }
  .plateNews ul li .text{padding:15px}
}
@media screen and (max-width:767px){
  .plateNews ol li,.plateNews ul li{width:100%}
  .plateNews ol li:nth-child(1),
  .plateNews ol li:nth-child(2),
  .plateNews ol li:nth-child(3){margin-top:15px}
  .plateNews ol li:nth-child(1){margin-top:0}
  ._tabLink{margin:20px auto;display:flex;flex-wrap:wrap;justify-content:center}
  ._tabLink a{margin:5px 6px;max-width:33.33%;display:block;font-size:14px}
  ._tabLink a.active:after,._tabLink a:after{overflow:hidden;opacity:0}
  ._tabLink a:after{right:95%}

}


.index_office{ padding: 60px 0; background: url(../images/2035965_s.jpg) no-repeat center / cover;}
.index_office a{ display: block; }
.index_office .pic{ padding-bottom: 100%;}
@media screen and (max-width: 480px){
  .index_office{ padding: 40px 0; }
}


@media screen and (max-width: 1240px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 480px){}