﻿/* 鍓嶇寮犳枃鏉� */
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}


html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }


textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}


img[src=""]{opacity: 0;}


/*鍘绘帀 input 榛樿杈规*/
input{padding: 0;border: 0;font-family: 寰蒋闆呴粦;outline: none;}

input[type="submit"]{background-color: transparent;cursor: pointer;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}

select::-ms-expand { display: none; }

.w1920{position: relative;width: 1920px;margin:80px auto;height: 100%;max-width: 100%;overflow: hidden;}
.w1440{position: relative;width: 1440px;margin: 0 auto;height: 100%;max-width: 100%;}
.w1440_m{position: relative;width: 1440px;margin: 0 auto;height: 100%;max-width: 100%;}
.w1440_m{display: none;}
.w1440_1{
  padding-top: 14%;
}
.w1280{position: relative;width: 1280px;margin: 0 auto;height: 100%;max-width: 100%;}

/* solution */
.s2{
  min-height: 950px;background: no-repeat center/cover;padding: 0px 0;
  background: url(../images/s2_bj.jpg) center  center no-repeat;
}
.s2 .img{width: 100%;padding-bottom:45%;position: relative;}
/* .s2 .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} */
.s2 .txt{ text-align: justify;}
.s2 .txt .p{position: relative;top: 0; float: left;margin-right: 36px;color: #fff;font-size: 30px;line-height: 30px; margin-bottom: 28px;}
.s2 .txt .px{font-size: 36px;}
.s2 .txt .px1{font-size: 26px;color:rgba(255,255,255,.5);}
.s2 .txt .px2{font-size: 26px;color:rgba(255,255,255,.3);}
.s2 .txt .px3{font-size: 26px;color:rgba(255,255,255,.2);}
.s2 .txt .px4{font-size: 54px;color:#f6f8fc;}
.s2 .txt .px5{font-size: 36px;color:#f6f8fc;}
.s2 .txt .px6{font-size: 40px;color:#f6f8fc;}
.s2 .txt .pxr{margin-right: 0;}
.s2 .txt .p2l{margin-right: 22px;}
.s2 .txt .p3l{margin-right: 75px;}
.s2 .txt .p4l{margin-right: 140px;}
.s2 .txt .p6l{margin-right: 100px;}
.s2 .txt .p7l{margin-right: 80px;}
.s2 .txt .p8l{margin-right: 53px;}
.s2 .txt .p9l{margin-right: 54px;}
.s2 .txt .bp{font-size: 80px;line-height: 120px;font-weight: bold;}
.s2 .txt.dh1 .p{animation: move1 3s ease;}
.s4_pc {display: block;}
.s4_mobi {display: none;}
.s4_swiper{padding-bottom: 20px;}
.s2_img1{display: block;}
.s2_img2{display: none;}
/* .s2 .txt.dh1 .p1{animation: move2 3s ease;}
.s2 .txt.dh1 .p2{animation: move2 3s ease;} */
@keyframes move1 {
    /*杩欎釜灏辨槸瑕佹墽琛岀殑鍔ㄧ敾*/
    0% {  transform: scale(0.5);opacity: 0;top: 50px;}

    100% {  transform: scale(1); opacity: 1;top: 0;left: 0; }
}
@keyframes move2 {
    /*杩欎釜灏辨槸瑕佹墽琛岀殑鍔ㄧ敾*/
    0% {  transform: scale(0.5);opacity: 0;top: 50px;}

    100% {  transform: scale(1); opacity: 0.5;top: 0;left: 0; }
}

.s3{height: 950px;background:url(../images/s3_bj.jpg) no-repeat center/cover;box-sizing: border-box;}
.s3 .s3_tit .h{font-size: 30px;font-weight: bold;color: #fff;text-align: center;line-height: 52px;padding-top:30px;margin-bottom: 10px;}
.s3 .s3_tit .txt{line-height: 28px ; color: #fff;text-align: center;margin-bottom: 75px;}
.s3 .s3_tit .p{font-size: 18px;color: #555555;text-align: center;line-height: 28px;margin-bottom: 70px;}
.s3 .s3_tit .p span{font-weight: bold;}
.s3 .txt_con{position: relative;}
.s3 .txt_con .left1{float: left;text-align: right;width: 26%;position: relative;}
.s3 .txt_con .left1 .pic{margin-left: 24px;vertical-align: top;margin-top: 0;}
.s3 .txt_con .left1 .item:nth-child(2),.s3 .txt_con .left1 .item:nth-child(3){margin-right: 60px;}
.s3 .txt_con .left1 .item,.s3 .txt_con .right1 .item{margin-top: 50px;cursor: pointer;}
.s3 .txt_con .left1 .item>div{display: inline-block;}
.s3 .txt_con .left1 .item .txt1{width: calc(100% - 80px);}
.s3 .txt_con .right1{float: right;text-align: left;width: 27%;position: relative;}
.s3 .txt_con .right1 .item .txt1{width: calc(100% - 80px);}
.s3 .txt_con .right1 .pic{margin-right: 24px;vertical-align: top;margin-top: 0;}
.s3 .txt_con .right1 .item:nth-child(2),.s3 .txt_con .right1 .item:nth-child(3){margin-left: 60px;}
.s3 .txt_con .right1 .item>div{display: inline-block;}
.s3 .txt_con .item .txt1 .h{font-size: 18px;color: #000;font-weight: 600;line-height: 28px;margin:8px 0 6px 0;}

.s3 .txt_con .item .txt1 .p{font-size: 14px;line-height: 25px;color: #333;max-height: 55px;opacity: 1;overflow: hidden;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.s3 .txt_con .item:hover .txt1 .p{max-height: 150px;opacity: 1;}
.s3 .quan_box{position: absolute;top: 0;left: 0;height: 100%;width:100%;}
.s3 .quan_box .quan{position: absolute;top: 50%;left: 50%;opacity: 0; width: 575px;zoom: 1; -webkit-transform: translate(-50%,-60%);transform: translate(-50%,-60%);}
.s3 .quan_box .quan1{-webkit-animation: warn1 2s linear;-moz-animation: warn1 2s linear;animation: warn1 2s linear;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .quan_box .quan2{-webkit-animation: warn1 2s linear 0.4s;-moz-animation: warn1 2s linear 0.4s;animation: warn1 2s linear 0.4s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .quan_box .quan3{-webkit-animation: warn1 2s linear 0.8s;-moz-animation: warn1 2s linear 0.8s;animation: warn1 2s linear 0.8s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .quan_box .quan4{-webkit-animation: warn1 2s linear 1.2s;-moz-animation: warn1 2s linear 1.2s;animation: warn1 2s linear 1.2s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .quan_box .quan5{-webkit-animation: warn1 2s linear 1.6s;-moz-animation: warn1 2s linear 1.6s;animation: warn1 2s linear 1.6s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .quan_box .quan6{-webkit-animation: warn1 2s linear 2s;-moz-animation: warn1 2s linear 2s;animation: warn1 2s linear 2s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.s3 .s3_show1{display: block;}
.s3 .s3_show2{display: none;}
@keyframes warn1 {
	0% {
	  width: 575px;
	  opacity: 0.9;
	}
  
	25% {
	  width: 615px;
	  opacity: 0.7;
	}
  
	50% {
	  width: 655px;
	  opacity: 0.5;
	}
  
	75% {
	  width: 695px;
	  opacity: 0.3;
	}
  
	100% {
	  width:735px;
	  opacity: 0.1;
	}
  }
  
  @-webkit-keyframes "warn1" {
	0% {
        width: 575px;
        opacity: 0.9;
      }
    
      25% {
        width: 615px;
        opacity: 0.7;
      }
    
      50% {
        width: 655px;
        opacity: 0.5;
      }
    
      75% {
        width: 695px;
        opacity: 0.3;
      }
    
      100% {
        width:735px;
        opacity: 0.1;
      }
  }
.s4{background: #f3f3f3;padding: 137px 0 142px 0;}
.s4 .tit{font-size: 36px;color: #222222;line-height: 46px;text-align: center;margin-bottom: 45px;}
.s4 .box1{float: left;width: 32%;margin-right: 2%;}
.s4 .box1:last-child{margin-right: 0;}
.s4 .box1 .pic{width: 100%;overflow: hidden;}
.s4 .box1 .pic img{width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.s4 .box1:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.s4 .box1 .txt{background-color: #fff;padding: 25px 20px 23px 20px;}
.s4 .box1 .txt .h{font-size: 24px;color: #222222;line-height: 34px;margin-bottom: 15px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;width: 100%;height: 34px;text-overflow: ellipsis;overflow: hidden;}
.s4 .box1:hover .txt .h{color: #007ac3;}
.s4 .box1 .txt .p{font-size: 16px;color: #555555;line-height: 32px;margin-bottom: 0;height: 128px;}
.s4 .box1 .txt .bottom span{display:block;float: right;font-size: 16px;color: #07a088;line-height: 28px;padding-left: 40px;background: no-repeat;}
.s4 .box1:nth-child(1) .txt .bottom span{background-image: url(../images/s4_icon1.png);}
.s4 .box1:nth-child(2) .txt .bottom span{background-image: url(../images/s4_icon2.png);}
.s4 .box1:nth-child(3) .txt .bottom span{background-image: url(../images/s4_icon3.png);}
.s51{padding: 95px 0 0 0;}
.s51 .tit{font-size: 36px;color: #222222;line-height: 46px;text-align: center;margin-bottom: 50px;}
.s51 .tab1 .ta{float: left;width: -webkit-calc(100% / 6);width: -moz-calc(100% / 6);width: calc(100% / 6);text-align: center;padding: 42px 0 40px 0;cursor: pointer;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.s51 .tab1 .ta .pic{width: 63px;height: 48px;margin: 0 auto; margin-bottom: 6px;}
.s51 .tab1 .ta .txt{font-size: 16px;color: #555555;line-height: 26px;}
.s51 .tab1 .ta:hover,.s51 .tab1 .ta.on{background: #007ac3;}
.s51 .tab1 .ta:hover .pic,.s51 .tab1 .ta.on .pic{background-position-y: -48px;}
.s51 .tab1 .ta:hover .txt,.s51 .tab1 .ta.on .txt{color: #fff;}
.s51 .bpic{display: none;margin: 0 auto;}
.s51 .bpic.show{display: table;}
.s52{display: none;}
.s52.show{display: block;}
.s52 .tab2 .ta2{font-size: 18px;color: #888888;line-height: 30px;margin: 50px 50px 50px 0;float: left;cursor: pointer;}
.s52 .tab2 .ta2:hover,.s52 .tab2 .ta2.on{color: #007ac3;}
.s52 .boxs{display: none;}
.s52 .boxs.show{display: block;}
.s52 .box3{position: relative; float: left;width: 18.75%;margin-right: 1.5625%;margin-bottom: 20px;overflow: hidden;}
.s52 .box3 img{width: 100%;}
.s52 .box3:nth-child(5n){margin-right: 0;}
.s52 .box3 .txt{position: absolute;top: 20px;left: 20px; font-size: 18px;color: #555555;line-height: 18px;display: none;}
.s52 .box3:hover .txt{display: none;}
.s52 .box3 .bj{ position: absolute;bottom: 100%;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);text-align: center;padding-top: 45%;font-size: 18px;color: #ffffff;opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.s52 .box3:hover .bj{bottom: 0;opacity: 1;}
.s52 .box3 .bj:after{content: "";position: absolute;top: 20px;left: 20px;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:calc(100% - 40px);border:1px solid rgba(255,255,255,.5)}
.s6{padding: 60px 0 110px 0;}
.s6 .tit{font-size: 36px;color: #222222;text-align: center;line-height: 46px;margin-bottom: 45px;}
.s6 .box1{float: left;width: 23%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #06b398; padding: 2%;}
.s6 .box1:nth-child(4n){margin-right: 0;}
.s6 .box1 .p{font-size: 18px;line-height: 46px;width: 100%;height: 46px;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.s6 .box1 .pic{width: 100%;overflow: hidden;text-align: center;}
.s6 .box1 .pic img{/*width: 100%;*/ height: 320px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.s6 .box1:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);}
/* solution end*/
.case_banner_mian{
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  z-index: 6;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.case_banner_mian .case_banner_txt1{font-size: 80px;color: #fff;text-shadow: 2px 4px 7.6px rgba(84, 88, 97, 0.5);margin-bottom: 56px;white-space: nowrap;}

.case_banner_mian .case_banner_btn a{
  font-size: 18px;
  color: #fff;
  border-radius: 10px;
  padding: 16px 56px;
  background: rgba(0, 157, 133, 0.8);
  
}


.s5 .s51_show1{display: block;}
.s5 .s51_show2{display: none;}

.s6 .s6_show1{display: block;}
.s6 .s6_show2{display: none;}
.swiper-pagination-bullet-active{
  background: #007ac3;
}
@media(max-width:1920px){}
@media(max-width:1680px){
  .w1440_1{
    padding-top: 8%;
  }
}
@media(max-width:1440px){
  .w1440{padding: 0 30px;}
  .s52 .w1440{padding: 0;}
  .s2{min-height:0px;}
  .s2 .txt .p{font-size: 18px;line-height: 24px;}
  .s2 .txt .bp{font-size: 76px;line-height: 80px;}
  .s2 .txt .p2{font-size: 16px;}
  .s2 .txt .p1{font-size: 16px;}
  .s2 .txt .px{font-size: 30px;}
  .s2 .txt .px1{font-size: 20px;color:rgba(255,255,255,.5);}
  .s2 .txt .px2{font-size: 20px;color:rgba(255,255,255,.3);}
  .s2 .txt .px3{font-size: 20px;color:rgba(255,255,255,.2);}
  .s2 .txt .px4{font-size: 45px;color:#f6f8fc}
  .s2 .txt .px5{font-size: 30px;color:#f6f8fc;}
  .s2 .txt .px6{font-size: 34px;color:#f6f8fc;}
  .thress_D{
    font-size: 21px;
  }
  .z_z p img{
    width: 35px;
  }
@media(max-width:1366px){
  .s2 .txt .bp{font-size: 53px;line-height: 80px;}
  .case_banner_mian .case_banner_txt1{font-size: 60px;margin-bottom: 36px;}
  .case_banner_mian .case_banner_btn a{    padding: 12px 52px;}
  .thress_D{
    font-size: 19px;
  }
}
@media(max-width:1080px){
   .w1440_1{
     padding-top: 5%;
   }
   .w1440{
    padding: 0 30px;
   }
   .thress_D{
    font-size: 18px;
    right: 182px;
  }
  .z_z p img{
    width: 34px;
  }
}
@media(max-width:1024px){
  .contact{
    width: 500px;
    text-align: center;
  }
  .w1440_1{
    padding-top: 1%;
  }
  .w1440_1{
    /* height: 504px; */
    overflow: hidden;
  }
  .thress_D{
    font-size: 13px;
    right: 0px;
    bottom: 12px;
  }
  .z_z p img{
    width: 30px;
  }
}
@media(max-width:960px){
  .s2 .txt .bp{
    font-size: 48px;
  }
  .w1440_m{
    display: block;
    padding: 2% 2%;
  }
}
@media(max-width:768px){
    .s2{padding: 0px 0;}
    .s2 .w1440{padding: 54px 20px;}
    .thress_D{
      white-space: nowrap;
      /* width: 17%; */
    }
   
    .s2 .txt .p{font-size: 14px;line-height: 18px;margin-right: 6px;margin-bottom: 14px;}
    .s2 .txt .bp{font-size: 18px;line-height: 32px;margin-right: 0px;}
    .s2 .txt .p2{font-size: 12px;}
    .s2 .txt .p1{font-size: 12px;}
    .s3{overflow: hidden;background: none;height: auto;}
    .s3 .w1440{padding:20px 26px;}
    .s3 .s3_tit .h{font-size: 28px; line-height: 38px;margin-bottom: 30px;padding-top: 30px;}
    .s3 .s3_tit .p{font-size: 12px;line-height: 22px;margin-bottom: 30px;}
    .s3 .quan_box{height: 200px;width: 200px;display: none;}
    .s3 .txt_con .left1{float: none;width: 100%;text-align: left;}
    .s3 .txt_con .right1{float: none;width: 100%;}
    .s3 .txt_con .left1 .item .pic{float: left;margin-left: 0;margin:0 6px 0 6px;}
    .s3 .txt_con .left1 .item .txt1{float: right;width: calc(100% - 50px);height: 154px;}
    .s3 .txt_con .right1 .item .pic{float: left;margin-left: 0;margin:0 6px 0 6px;}
    .s3 .txt_con .right1 .item .txt1{float: right;width: calc(100% - 50px);height: 154px;}
    .s3 .txt_con .pic{margin-right: 14px;height: 30px;}
    .s3 .txt_con .pic img{height: 30px;}
    .s3 .txt_con .left1 .item, .s3 .txt_con .right1 .item{margin-top: 20px;width: 50%;float: left;}
    .s3 .txt_con .right1 .item:nth-child(2), .s3 .txt_con .right1 .item:nth-child(3){margin-left: 0;}
    .s3 .txt_con .left1 .item:nth-child(2), .s3 .txt_con .left1 .item:nth-child(3){margin-right: 0;}
    .s3 .txt_con .item .txt1 .h{font-size: 16px;}
    .s3 .txt_con .item .txt1 .p{font-size: 12px;}
    .s4{padding: 30px 0;}
    .s4 .tit{font-size: 28px;line-height: 38px;margin-bottom: 30px;}
    .s4 .box1{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
    .s4 .box1 .txt{padding: 14px;}
    .s4 .box1 .txt .h{font-size: 18px;line-height: 28px;margin-bottom: 8px;height: 28px;}
    .s4 .box1 .txt .p{font-size: 14px;line-height: 24px;margin-bottom: 15px;    height: 90px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;}
    .s51{padding-top: 30px;}
    .s51 .tit{font-size: 28px;line-height: 38px;margin-bottom: 30px;}
    .s51 .tab1 .ta{width: 50%;padding: 14px 0;}
    .s51 .tab1 .ta .pic{height: 26px;width: 31.5px; background-size:31.5px 52px;}
    .s51 .tab1 .ta.on .pic{background-position-y: -26px;}
    .s51 .tab1 .ta .txt{font-size: 14px;}
    .s52 .tab2 .ta2{margin: 20px 20px 20px 0;font-size: 16px;}
    /* .s52 .box3{width: 49%;margin-right: 2%;}
    .s52 .box3:nth-child(5n){margin-right: 2%;}
    .s52 .box3:nth-child(2n){margin-right: 0;} */
    .s52 .box3{width: 32%;margin-right: 1.5%;}
    .s52 .box3:nth-child(3n){margin-right:0}
    .s52 .box3 .txt{font-size: 14px;left: 0;padding: 0 6px;top: 6px;line-height: 20px;}
    .s52 .box3 .bj{font-size: 14px;}
    .s6{padding: 30px 0;}
    .s6 .tit{font-size: 28px;line-height: 38px;margin-bottom: 30px;}
    .s6 .box1{float: none;width: 100%;margin-right: 0;}
    .case_banner_mian .case_banner_txt1{font-size: 28px;margin-bottom: 20px;}
    .case_banner_mian .case_banner_btn a{        padding: 9px 21px;    font-size: 14px;}
}
}


@media(max-width:700px){
  .PC_show{
    display: none !important;
  }
  .mobile_s5{
    display: block !important;
    margin-top: 50px;
  }
  .s5 .s5_swiper .swiper-pagination{
        bottom: 58%;
  }
 
  .case_banner_mian .case_banner_btn a{
    line-height: 28px;
  }
  .contact{
    width: 78%;
    text-align: center;
    transform: translate(-50%,-50%);
  }

  .s2 .txt .bp{
    font-size: 16px;
  }


  .text_info .mimg{
    height: 100%;
  }
 .s2{
   height: 332px;
 }
  
  .s2 .w1440
  {
    /* padding: 24px 20px; */
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .w1440_1{
    /* height: auto; */
  }
  
  .s2{padding: 0px 0;  }
  .s2 .txt .p:nth-child(21){
    display: none;
  }

  .s2 .txt .p:nth-child(26),.s2 .txt .p:nth-child(7), .s2 .txt .p:nth-child(11), .s2 .txt .p:nth-child(6),.s2 .txt .p:nth-child(5){
    display: none;
  }

  .s2 .txt .p:nth-child(13), .s2 .txt .p:nth-child(15) ,.s2 .txt .p:nth-child(17) , .s2 .txt .p:nth-child(18) ,.s2 .txt .p:nth-child(26){
    display: none;
  }

  .s2 .txt .p {
    margin-bottom: 4px;
  }

  .case_banner_mian{top: 50%;}

  .s4_pc {display: none;}
  .s4_mobi {display: block;}

  .s3 .s3_show1{display: none;}
  .s3 .s3_show2{display: block;margin-bottom: 60px;}

  .s5 .s51_show1{display: none;}
  .s5 .s51_show2{display: block;margin-bottom: 10px !important;}

  .s5 .s5_swbot{
    margin-top: 17px;
    margin-bottom: 30px;
  }
  .s5 .s5_swbot .s5_swbot_txt1{
    font-size: 18px;
    color: #222;
    margin-bottom: 10px;
  }

  .s5 .s5_swiper{
    padding-bottom: 46px;
  }

  .s5 .s5_swbot .s5_swbot_txt2{
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 16px;
    height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  
  }

  .s5 .s5_swbot .s5_swli{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #444444;
  }

  .s5 .s5_swbot .s5_swli_i{
    width: 20px;
  }

  .s5 .s5_swbot .s5_swli .s5_swbot_txt3{
    font-size: 12px;
    color: #666666;
  }

  .s5 .s5_swbot .s5_swli:nth-child(4n){
    margin-right: 0;
  }

  .s6 .s6_show1{display: none;}
  .s6 .s6_show2{display: block;}

  .s6_swiper{padding-bottom: 20px;}

  .s2_img1{display: none;}
  .s2_img2{display: block;}
}


@media(max-width:320px){
  .s2{
    height: 350px;
  }
  
  .s2 .txt .bp{
    font-size: 14px;
  }
}
/* widdd */