/* CSS Document */
/* html {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransfrom.Microsoft.BasicImage(graysale=1);
} */
.pcbanner{position: relative; min-height: 660px;}
.banner-bottom{position: absolute; bottom: 10px; left: 0;z-index: 2; width: 100%; height: 95px;}
.img-test-bottom{position: static;}
/* .pcbanner .swiper-slide-img img,.pcbanner .swiper-slide-img img{width: 100%; height: 660px;} */
.swiper-slide-img{width: 100%; height: 660px;}
.banner .swiper-pagination-bullet{width: 30px; height:5px; border-radius: 0;background:#d5d5d5; opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #e60012; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom: 120px;}
.img-text{position:absolute; left: 0; top: 13%; width: 100%;}
.pcbanner .swiper-slide{position: relative; height: 660px;}
.banner .swiper-slide{position: relative;}
.img-text-con{width: 1200px; margin: 3rem auto 0;}
.img-text-con h3{font-size: 3rem; font-weight: bold; color: #333;} 
.img-text-con-a{margin-top: 2rem;overflow: hidden;}
.Button{display: inline-block; float: left; padding: 0 25px; line-height: 45px; border-radius: 10px; margin-right: 20px;}
.player{
  /* background:url(../images/play.png) no-repeat 25px center #e60012; */
  /* padding-left: 50px; */
   color: #fff;background:#e60012;}
.open{color: #e60012;border: 1px solid #e60012; position: relative;}
/* .player:hover{
  background:url(../images/play.png) no-repeat 25px center #cc0817;
} */
.open:hover{background: #e60012;border: 1px solid #e60012;color: #fff;}
.img-bg{width: 100%; background: url(../image/img-bg.jpg) no-repeat; background-size:100% 100% ; padding: 20px; width: 245px; min-height:40px;}
.phonebanner{display: none;}
.img-test-bottom li{float: left; margin-right: 15px;position: relative; -webkit-transition: -webkit-transform .2s linear;transition: transform .2s linear;}
.img-test-bottom li a{line-height: 40px; display: inline-block; float: left;}
.img-bg span{float: left; margin-right: 5px;}
.img-test-bottom li:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .3s linear;
    box-shadow: 0 0 5px#999;
}
.img-test-bottom li:hover .img-bg{background: url(../image/img-bg1.jpg) no-repeat; background-size:100% 100% ;}
.img-test-bottom li:hover a{color:#e60012;}

.activity{padding: 50px 0; overflow: hidden;}
.activity-in{width: 100%;}
.activity-in li{float: left; display: inline-block; margin-right: 26px; width: 382px; text-align: center; padding-bottom: 10px;}
.activity-in li:last-child{margin-right: 0;}
.activity-in li a{display: block; border: 1px solid #e7e7e7; padding: 30px; height: 249px;}
.activity-in li h5{font-size: 24px; line-height: 40px; margin-bottom: 20px; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.activity-in li div{height: 106px;}
.activity-in li p{margin-top: 20px; color: #acacac; opacity: 0;text-align: center;backface-visibility: hidden;transition: transform 0.3s, opacity 0.3s;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}
.activity-in li:hover p{opacity: 1;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
.activity-in li:hover h5{color: #c00f1e;}
.activity-in li:hover a{border: 1px solid #e60012;}

.modal_1{width: 100%;
  background: url(../image/bg1.jpg) no-repeat;
   background-size: 100% 100%; text-align: center; padding: 100px 0 50px;}
.modal_1 .in{display: none;}
.index_main .modal_1 .in {width: 1200px;margin: 0 auto;display: none;}
.modal_1-btn{margin-top: 40px;}
.modal_1-btn .btn2 a{margin: 0;}
/* .modal_1-btn a{margin-left: 50px; background: url(../images/look.png) no-repeat right center; display: inline-block; padding-right: 20px;color: #e60012;} */
/* .modal_1-btn a:hover{color: #cc0817;;} */

.modal_2{width: 100%;background: url(../image/bg4.jpg) no-repeat; background-size: 100% 100%;  padding: 100px 0 50px;}
.index_main .modal_2 .in {width: 1200px;margin: 0 auto;display: none;}
.table2-title{width: 264px; position: absolute; right: 0; top: 50px;text-align: center; padding-top: 30px;}
.modal_2_table{width: 1200px; overflow: hidden; position: relative;}
.table2-cons{width: 960px; margin-top: 50px; padding-bottom: 10px; float: left; background: url(../image/bg11.jpg) no-repeat bottom center #fff; box-shadow: 0 7px 7px -7px#000;}
.table2-title span{width: 264px; height: 55px; line-height: 55px; display: inline-table;}
.table2-title li.on{background: url(/statics/bip/images/bg10.jpg) no-repeat; }
.table2-title li.on span{color: #fff;}
.table2-con-head{width: 880px; overflow: hidden; padding: 30px 40px 20px;}
.table2-con-head-left{float: left; width: 360px; margin-right: 30px;overflow: hidden;}
.table2-con-head-right{width: 490px; float: left; line-height: 30px;}
.table2-con-head-right p{text-overflow: ellipsis;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.table2-con-head-right h4{font-size: 24px; line-height: 50px;}
.table2-con-ul{width: 100%; overflow: hidden;}
.table2-con-li{float: left; width:400px; height: 140px; padding: 20px 40px;}
.table2-con-li h5{font-size: 18px; line-height: 50px; background: url(../image/Check.png) no-repeat left center; padding-left: 30px;}
.table2-con-li div{line-height: 25px; color: #6f6f6f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.table2-bottom{padding-left: 40px;margin-bottom: 20px;}
.table2-con-head-left img:hover{transform: scale(1.1); }
.table2-con-head-left img{transition: all 0.6s;display: block; width: 100%;}

.modal_3{width: 100%;background: url(../image/bg5.jpg) no-repeat; background-size: 100% 100%;  padding: 100px 0 50px;}
.index_main .modal_3 .in {width: 1200px;margin: 0 auto;display: none;}
.table3{width: 1199px; border: 1px solid #ebebeb; height: 495px; margin-top: 30px; border-bottom: 0;background: #fff;}
.modal_3 .modal_1-btn{margin-top: 30px;}
.table3 li{width: 358px; float: left; height: 125px; border-right: 1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:20px; }
.table3 li div{color: #000;line-height: 40px;-webkit-transition: -webkit-transform .2s linear;transition: transform .2s linear;}
.table3 li .title-head-list{line-height: 20px;}
.table3 li:nth-child(3n){border-right:0;width: 360px;}
.small-icon{display: block; width: 100px; height: 55px; -webkit-transition: -webkit-transform .2s linear;transition: transform .2s linear;}
.small-icon1{background: url(/statics/bip/images/smallicon1.png) no-repeat left center;}
.small-icon2{background: url(/statics/bip/images/smallicon2.png) no-repeat left center;}
.small-icon3{background: url(/statics/bip/images/smallicon3.png) no-repeat left center;}
.small-icon4{background: url(/statics/bip/images/smallicon4.png) no-repeat left center;}
.small-icon5{background: url(/statics/bip/images/smallicon5.png) no-repeat left center;}
.small-icon6{background: url(/statics/bip/images/smallicon6.png) no-repeat left center;}
.small-icon7{background: url(/statics/bip/images/smallicon7.png) no-repeat left center;}
.small-icon8{background: url(/statics/bip/images/smallicon8.png) no-repeat left center;}
.small-icon9{background: url(/statics/bip/images/smallicon9.png) no-repeat left center;}
.table3 li:hover{box-shadow: 0 0 15px#dfdede;}
.table3 li:hover div,.table3 li:hover .small-icon{color:#e60012;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .3s linear;}
.table3 li:hover .small-icon1{background: url(../image/smallicon11.png) no-repeat left center;}
.table3 li:hover .small-icon2{background: url(../image/smallicon22.png) no-repeat left center;}
.table3 li:hover .small-icon3{background: url(../image/smallicon33.png) no-repeat left center;}
.table3 li:hover .small-icon4{background: url(../image/smallicon44.png) no-repeat left center;}
.table3 li:hover .small-icon5{background: url(../image/smallicon55.png) no-repeat left center;}
.table3 li:hover .small-icon6{background: url(../image/smallicon66.png) no-repeat left center;}
.table3 li:hover .small-icon7{background: url(../image/smallicon77.png) no-repeat left center;}
.table3 li:hover .small-icon8{background: url(../image/smallicon88.png) no-repeat left center;}
.table3 li:hover .small-icon9{background: url(../image/smallicon99.png) no-repeat left center;}


.modal_4{width: 100%;background: url(../image/bg7.jpg) no-repeat; background-size: 100% 100%;  padding: 0px 0 50px; margin: 0 auto;}
.index_main .modal_4 .in {display: none;}
.modal_4_right{width: 100%;
  /* background: url(../images/bg/bg77.jpg) no-repeat; */
   height: 173px;}
.modal_4_right_con{float: right; width: 1200px;}
.modal_4 .title-head-list,.modal_4 .title-head{text-align: center;}
.modal4-box{padding: 50px 45px 10px; background: #fff; width: 1110px; border-radius: 0 0 0 20px; position: relative;}
.modal4-con{width: 1110px; overflow: hidden;} 
.modal4-con-left{width: 524px; margin-right: 40px;margin-top: 30px;}
.modal4-con-left p{color: #6f6f6f;font-size: 16px;}
.modal4-con-left span{color: #6f6f6f !important;}
.modal4-con-left .mores{margin-left: 20px;}
.modal4-con-right{width: 540px;}
.modal4-txt{background: #f8f8f8; padding: 20px; height: 36px; overflow: hidden; line-height: 25px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.modal4text-img{width: 540px; overflow: hidden;}
.modal4text-img img{display: block; border-radius: 0 20px 0 0; transition: all 0.6s;}
.modal4text-img img:hover{transform: scale(1.05); }
.modal4-bottom{width: 1110px; height: 100px; border-top: 1px solid #e4e4e4; padding: 30px 0; margin-top: 30px;}
.modal4-bottom li{display: inline-block; float: left;box-shadow: 0 2px 24px rgb(28 76 186 / 8%);position: relative;cursor: pointer;height: 80px; padding: 0 0 10px 0; width: 168px; border: 1px solid #e4e4e4; text-align: center; margin-right: 17px;}
.modal4-bottom li:last-child{margin-right: 0;}
.modal4-bottom li:before,
.modal4-bottom li:after {content: none;width: 0;height: 2px; color: #e60012; background-color: #e60012;box-shadow:0 0 25px #dfe3eb;position: absolute;top: 100%;left: 50%;transition: all 0.8s;}
.modal4-bottom li:hover:before {width: 50%;left: 0px;box-shadow:0 0 25px #dfe3eb;}
.modal4-bottom li:hover:after {width: 50%;right: 0px;box-shadow:0 0 25px #dfe3eb;}
.pageStates{position: absolute; right: 114px; top: 306px; color: #fff; font-size: 14px;}
.pageStates span{font-size: 20px;}
.prevs,.nexts{display: inline-block;top:315px;width: 6px; height: 11px; position: absolute;}
.prevs{background: url(../image/left.png) no-repeat;left: 1025px;}
.case-con .prevs{left:940px}
.nexts{background: url(../image/right.png) no-repeat; right: 80px;}
.modal4-bottom li.on{border-bottom: 3px solid #e60012;box-shadow:0 0 25px #dfe3eb}

.modal_5{width: 100%;background: url(../image/bg9.jpg) no-repeat; background-size: 100% 100%;  padding: 50px 0 50px; margin: 0 auto;}
.index_main .modal_5 .in {display: none;}
.modal5-con-top{margin-top: 50px;}
.modal5-con-top,.modal5-con-top ul{width: 100%; height: 350px;}
.modal5-con-bottom,.modal5-con-bottom ul{width: 100%; height: 340px; margin-top: 20px;}
.modal5-con-bottom li{float: left; margin-right: 13px;position: relative; overflow: hidden;}
.modal5-con-top li{float: left; margin-right: 20px;position: relative; overflow: hidden;}
.modal5-con-top li:last-child,.modal5-con-bottom li:last-child{margin-right: 0;}
.modal5-txt{position: absolute; left: 24px; top:220px; height: 120px;}
.modal5-title{font-size: 20px; color: #fff; line-height: 40px; display: inline-block;}
.modal5-txt p{color: #fff; font-size: 16px; padding-right: 30px; margin-top: 15px; opacity: 0;}
.modal5-con li:hover p{opacity: 1;}
.modal5-con li:hover .modal5-txt{
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.modal5-con li:hover .modal5-title{border-bottom: 3px solid #fff;}
.modal5-con li:hover .modal5-img img{transform: scale(1.2); }
.modal5-img img{display:block; width: 100%;transition: all 0.6s;}

.modal_6{width: 100%;background: url(../image/bg8_01.jpg) no-repeat; background-size: 100% 100%;  padding: 50px 0 50px; margin: 0 auto;position: relative;}
.index_main .modal_6 .in {display: none;}
.modal6{padding: 50px 0; position: relative; width: 100%;}
.modal6-con{width: 100%; overflow: hidden;}
.modal6-left{
  /* width: 590px; */
  /* width: 100%; */
  margin-right: 40px; float: left; position: relative;}
.modal6-left ul{display:flex;justify-content: space-around;}
.modal6-left ul li:hover{box-shadow: 5px 5px 10px 1px rgb(14 13 13 / 20%);}
.modal6-left ul li:hover img{transform: scale(1.1); }
.modal6-left ul li:hover a{color: #e60012;}
.modal6-left ul li{
  /* width: 48%; */
  width: 270px !important;
  margin-right: 30px;
  background-color: #FFFFFF;border-radius: 10px;margin-bottom: 20px;}
.modal6-left .modal6-box{margin-top:10px;padding: 10px 0 20px 10px;width: 230px;}
.modal6-left .modal6-box h6{font-size: 14px;font-weight: bold;}
.modal6-left .modal6-box div{margin-top: 35px;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lookmore{text-align: left;margin-left: 10px;cursor: pointer;margin-top: 0px;font-size: 12px;height: 30px;line-height: 30px;padding: 0 15px;background: #fff;border: 1px solid #e60012;border-radius: 3px;}
.lookmore a{color: #e60012;}
.modal6-right{float: left; width: 540px;}
.modal6-right .modal6-box{border-bottom: 1px solid #cccccc;margin-bottom: 10px;}
.modal6-right .modal6-box:last-child{border-bottom: none;}
.modal6-box{width: 100%; overflow: hidden;}
.modal6-box-left{float: left; width: 87px; margin-right:50px;}
.modal6-box-left h5{font-size: 24px; line-height: 24px; padding-bottom: 10px;}
.modal6-box-left div{text-align: right; width: 67px; font-size: 14px; color: #9f9f9f;}
.modal6-box-left img{width: 130px;height: 80px;}


.modal6-box-right{float: left; width: 390px;margin-left: 10px;}
.modal6-box-right h6{font-size: 14px; line-height: 14px; padding-bottom: 15px;font-weight: bold;}
.modal6-box-right div{ font-size: 12px;
   /* height: 30px !important; */
  }
/* .modal6-box-right div p{line-height: 16px !important;} */
.modal6-box-right .mores{margin-top: 15px;}
.modal6-left-title li{width: 10px; height: 10px; background:url(../image/dot1.png) no-repeat; float: left; margin-right: 5px;}
.modal6-left-title li.on{background:url(../image/dot2.png) no-repeat;}
.modal6-left-title{position:absolute; left: 10px; top: 220px;width: 100%; height: 10px;}
.modal6-box:hover h6 a{color: #e60012;}
.modal6-img{overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
/* .modal6-img:hover img{transform: scale(1.1); } */
.modal6-img img{display:block; width: 100%;transition: all 0.6s;height: 180px;}

.modal06{overflow: hidden;width: 1200px;margin: 0 auto;margin-top: 30px;padding-bottom: 20px;}
.modal06 .modal06-box ul{width: 100%;height: 380px;}
.modal06 .modal06-box li{width: 270px !important;margin-right: 30px;background: #FFFFFF;border-radius: 10px;}
.modal06-box .modal6-box{margin-top: 10px;padding: 10px 0 20px 10px;}
.modal06-box .modal6-box h6 a{line-height: 18px;}
.modal06-box h6{font-size: 14px; line-height: 14px; font-weight: bold;min-height: 30px;padding-right: 10px;}
.modal06 .modal06-box ul li:hover {
  box-shadow: 5px 5px 10px 1px rgb(14 13 13 / 20%);
}
.modal06 .modal06-box ul li:hover .modal6-img img {transform: scale(1.1);}
.modal06 .modal06-box ul li:hover .lookmore{background: #e60012;}
.modal06 .modal06-box ul li:hover .lookmore a{color: #fff;}


.modal06 .swiper-button-prev{left: 100px;margin-top: 30px;}
.modal06 .swiper-button-next{right: 130px;margin-top: 30px;}


.modal_7{width: 100%;background: url(../image/bg8_02.jpg) no-repeat; background-size: 100% 100%;  padding: 50px 0 50px; margin: 0 auto;}
.modal_7 .in {display: none;}
.modal7-logo{margin: 40px auto 30px; height: 90px;}
.modal7-logo a{display: inline-block; float: left; margin-right: 20px;width:180px;}
.modal7-logo a img{display: block;}
.modal7-logo a:last-child{margin-right: 0;}
.modal7-logo a:hover{box-shadow: 0 0 10px#d3d3d3;}
.modal7-con-logo{width: 100%; overflow: hidden;}
.modal7-con-logo li{float: left; width: 180px; margin: 30px auto; text-align: center; margin-right:75px;}
.modal7-con-logo li:last-child{margin-right: 0;}
.modal7-con-logo li a{display: block; width: 180px; padding: 10px 0;}
.modal7-con-logo li a img{display: inline-block;}
.modal7-con-logo-img{height: 90px; width: 180px; margin-bottom: 20px;display:table-cell;vertical-align: middle;text-align: center;}
.modal7-con-logo li a:hover{background: #fff;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.modal7-con-logo p{color:#6f6f6f; line-height: 30px;}
.agreement-top strong{display: inline-block;width:520px; border-bottom: 1px solid #ebebeb;margin-top: 12px;}
.agreement-top{position: relative;height: 30px; text-align: center;}
.agreement-top span{display: inline-block; width: 160px; text-align: center;color: #6f6f6f;}
.agreement-bottom{width: 100%; overflow: hidden; margin: 60px auto 60px;}
.agreement-bottom li{width: 400px; text-align: center; float: left;}
.agreement-bottom-top{font-size: 14px; margin-bottom: 30px;}

.agreement-bottom-top span{border-bottom: 3px solid #e60012; display: inline-block; line-height: 30px;}
.agreement-bottom-con{font-size: 15px; color: #a1a1a1; line-height: 30px;padding-top: 30px;}
.agreement-bottom-num,.agreement-bottom-con,.agreement-bottom-top{width: 149px;margin: 0 auto; text-align: left;}
.agreement-bottom-num strong{font-size:40px; color: #333;}


.form-pannel {
    width: 100%;
    min-height: 900px;
    position: relative;
    margin-bottom: 50px;
  }
  
  .form-big-tips {
    width: 100%;
    height: 220px;
    background: url('../image/huoqu.jpg') no-repeat center 0;
    padding-top: 90px;
  }
  
  .tips-p1 {
    font-size: 50px;
    color: #fff;
    text-align: center;
  }
  
  .tips-p2 {
    font-size: 16px;
    color: #bcbcbc;
    padding-top: 23px;
    text-align: center;
  }
  
  .form-inner-pannel {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    margin-top: -45px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 70px;
    box-sizing: border-box;
  }
.modal_01{
  background: url(../image/bg7.jpg) no-repeat;
}
.modal_01 .title-head-list{
  text-align: center;
}
.modal_01 .modal_01-btn{
  margin-top: 40px;
  text-align: center;
}
/* .modal_01  .modal_01-btn a {
  margin-left: 50px;
  background: url(../images/look.png) no-repeat right center;
  display: inline-block;
  padding-right: 20px;
  color: #e60012;
} */
.modal_02{
  background: url(../image/bg7.jpg) no-repeat;
  padding-bottom: 50px;
  position: relative;
}
.modal_02 .item{
  width: 330px;
  height: 350px;
  border: 1px solid #cccccc;
  padding: 30px;
  margin-top: 10px;
  margin-right: 30px;
}
.modal_02 .item p:first-child{
  text-align: center;
}
.modal_02 .item p img{
  width: 80px;
  height: 80px;
}
.modal_02 .item .p1{
  font-size: 18px;
  margin-top: 10px;
  /* font-weight: bold; */
}

.modal_02 .item .p2{
  font-size: 16px;
  color:  #6f6f6f;
  line-height: 28px;
  margin-top: 15px;
}
.modal_02 .clearfix{
  display: flex;
  /* flex-wrap: wrap; */
}
.modal_02 .swiper-button-prev{
  left: 100px;
  margin-top: 30px;
}
.modal_02 .swiper-button-next{
  right: 130px;
  margin-top: 30px;
}
.modal_jishu{
  background: url(../image/bg5.jpg) no-repeat;
}
.modal_jiagou{
  background: url(../image/bg4.jpg) no-repeat;
}
.modal_iuap{padding-bottom: 40px;}
.modal_iuap .goods2-iuap-left img{
  /* width: 55%; */
  width: 450px;
  margin: auto; display: block;margin-top: 20px;}
  .modal_iuap .goods2-iuap-right{width: 500px; margin-top: 90px;}
.modal_iuap .goods2-iuap-right p{font-size: 17px;}
.modal_iuap .goods2-iuap-right span{color:#6f6f6f;font-size: 14px;line-height: 26px;}
.modal_iuap .goods2-iuap-right p img{width: 20px;vertical-align: middle;margin-right: 10px;}


/*集团首页-解决方案*/
.g_programme{width: 100%;}
.g_programme-container{ margin: 0 auto; padding:1px 0;}
.g_module-title{font-size: 28px; font-weight: 700; color: #333; text-align: center; margin-top: 46px;}
.g_module-subtitle{font-size: 14px; color: #999; text-align: center; margin-top: 15px; text-align: center; display: block;}
.g_programme-holder{width: 100%; height: 320px;  position: relative; overflow: hidden; margin-top: 14px;}
.g_programme-anim{width: 100%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; left: 0; top: 0;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.g_programme-list{width: 100%; height: 280px; box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #ededed; border-left: 1px solid #ededed;
	display: flex; justify-content: space-between;
	margin-bottom: 20px;
}
.g_programme-col{width: 16.67%;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	position: relative;
	background-image: url(https://yonyou.com/YonBIP/images/g_66.png);
	background-repeat:no-repeat;
	background-size: auto 280px;
}
.g_programme-col:nth-child(1){background-position: 0 0;}
.g_programme-col:nth-child(2){background-position: 16.67% 0;}
.g_programme-col:nth-child(3){background-position: 33.33% 0;}
.g_programme-col:nth-child(4){background-position: 50% 0;}
.g_programme-col:nth-child(5){background-position: 66.67% 0;}
.g_programme-col:nth-child(6){background-position: 83.34% 0;}
/* .g_programme-dqys  .g_programme-col{background: url(https://yonyou.com/YonBIP/images/g_66.png) no-repeat center top; background-size: 100% 100%;
	transform: translateY(-301px);
	-webkit-transform: translateY(-301px);
} */
.g_programme-item{width: 100%; height: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; position: relative;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.g_programme-def{width: 100%; height: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 29px; display: flex; flex-direction: column; justify-content: center;}
.g_programme-def img{width: 40px; height: 40px; display: block;}
.g_programme-def span{display: block; font-size: 16px; font-weight: 500; color: #666; margin-top: 18px;}
.g_programme-hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.12);
}
.g_programme-content{width: 350px; height: 280px; background: #fff url(../image/g_68.png) no-repeat center; background-size: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 22px 18px 0 27px;}
.g_programme-content::after{content: ''; display: block; width: 100%; height: 4px; background: #E60012; position: absolute; left: 0; top: 0;}
.g_programme-content p{font-size: 16px; font-weight: 700; color: #E60012;}
.g_programme-content span{font-size: 14px; line-height: 24px; color: #666; margin-top: 8px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	text-align: justify;
}
.g_programme-content a{display: flex; width: 90px; height: 30px; justify-content: center; align-items: center; background: #E60012; border-radius: 2px; color: #fff; font-size: 12px;  position: absolute; left: 27px; bottom: 29px;}
.g_programme-content a::after{content: ''; display: inline-block; width: 4px; height: 8px; background: url(../image/g_69.png) no-repeat center; background-size: 100%; margin-left: 7px;}
.g_programme-content img{width: 45px; height: 45px; position: absolute; right: 18px; bottom: 25px;}
.g_programme-item:hover .g_programme-hover{width: 350px; height: 280px; opacity: 1; z-index: 10;}
.g_programme-item:nth-child(1) .g_programme-hover{top: 0;}
.g_programme-item:nth-child(2) .g_programme-hover{top: auto; bottom: 0;}
.g_programme-col:last-child .g_programme-hover{left: auto; right: 0;}
.g_programme-list:hover .g_programme-col{width: calc((100% - 350px) / 5);}
.g_programme-col:hover{width: 350px !important;}
.g_programme-col:nth-child(2n) .g_programme-item:nth-child(1){background: rgba(255, 255, 255, 0.6);}
.g_programme-col:nth-child(2n-1) .g_programme-item:nth-child(2){background: rgba(255, 255, 255, 0.6);}
.g_btn-programme{display: flex; width: 167px; height: 42px; border-radius: 42px; background: #F0F0F0; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #333; margin: 20px auto 0;}
.g_btn-programme img{width: 20px; height: 28px; margin-right: 14px;}
.g_hgq{display: inline-block;}
.g_hgh{display: none;}
.g_btn-programmeqh .g_hgq{display: none;}
.g_btn-programmeqh .g_hgh{display: inline-block;}