.banner{ width: 100%; height: 700px; position: relative; }
.banner .swiper-container{ width: 100% }
.banner .swiper-slide{ width: 100%; height:700px;display: flex; justify-content: center; align-items: center; }
.banner .swiper-slide>div{ text-align: center; }
.banner .swiper-slide h2{ font-size: 50px; color: #fff; font-weight: bold; margin-bottom: 40px; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); }
.banner .swiper-slide span{ width: 350px; height: 60px; line-height: 60px; color: #0062b2; font-size: 36px; display: block; margin: auto; background: rgba(255, 255, 255,.5);}




.banner .swiper-button-next,.banner .swiper-button-prev{ width: 27px; height: 50px; margin-top: -25px;opacity: 0.8; }
.banner .swiper-button-next{
    right: 50px; background:url(../images/ban-arrow-right.png) no-repeat; 
}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ opacity: 1; }
.banner .swiper-button-prev{
    left: 50px; background:url(../images/ban-arrow-left.png) no-repeat; 
}
.banner .swiper-pagination-bullet{ width: 22px; height: 5px; background: #fff; opacity: 1; border-radius: 5px; margin:0 10px; }
.banner .swiper-pagination-bullet-active{width: 40px;background: #00a0e9; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px; }

.search{ width: 100%; height: 65px; background:#00a0e9; }
.search .w14{ display: flex;flex-direction: row; justify-content: space-between; }
.search-key{ color: #fff; font-size: 16px; font-weight: bold; line-height: 65px; }
.search-key li{ display: inline; margin-left: 30px; }
.search-key li:first-child{ margin-left: 0; }
.search-key li a{ color: #e5e5e5; font-weight: normal;  }
.search-key li a:hover{ color: #fff; }
.index-search{ position: relative; }
.index-search input{ width: 300px; height: 40px; margin-top: 12.5px; background: none; border:1px solid #bfbfbf; color: #fff; font-size: 16px; border-radius: 50px; padding: 0 60px 0 20px;}
.index-search .submit_ajax{ width: 20px; height: 20px; background:url(../images/search.png) no-repeat; cursor: pointer; position: absolute; right: 20px; top: 21px; }
.index-search input::-webkit-input-placeholder{color: #cbcbcb;}
.index-search input::-moz-placeholder{ color: #cbcbcb;  }
.index-search input:-ms-input-placeholder{ color: #cbcbcb; }

.section1{ margin-top: 60px; overflow: hidden; }
.title{ font-size: 30px; color: #333; line-height: 1; text-align: center; }
.subTitle{ font-size: 16px; color: #b2b2b2; line-height: 30px; margin-top: 10px;text-align: center;  }
.blueLine{ width: 40px; height: 1px; background:#00a0e9; margin: 10px auto 0; }

.section1-list{ overflow: hidden; margin-top: 25px;display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.section1-list li a{ display: block; }
.section1-list li span{ width: 150px; height: 150px; position: relative; margin:auto; display: block; border:1px solid #dbdbdb; border-radius: 100%; text-align: center; transition: all .5s ease-in-out; }
.section1-list li img{ max-width: 100%; }
.section1-list li span:before{ content: "";  position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin:auto;}

.section1-list li span.section1-list1:before{
    width: 57px; height: 51px; background:url(../images/index-sec1-i1.png) no-repeat; background-size: cover;
}
.section1-list li span.section1-list2:before{
    width: 55px; height: 55px; background:url(../images/index-sec1-i2.png) no-repeat; background-size: cover;
}
.section1-list li span.section1-list3:before{
    width: 59px; height: 55px; background:url(../images/index-sec1-i3.png) no-repeat; background-size: cover;
}
.section1-list li span.section1-list4:before{
    width: 55px; height: 55px; background:url(../images/index-sec1-i4.png) no-repeat; background-size: cover;
}
.section1-list li span.section1-list5:before{
    width: 59px; height: 55px; background:url(../images/index-sec1-i5.png) no-repeat; background-size: cover;
}
.section1-list li span.section1-list6:before{
    width: 43px; height: 54px; background:url(../images/index-sec1-i6.png) no-repeat; background-size: cover;
}
.section1-list li:hover span.section1-list1:before{ background:url(../images/index-sec1-i1-on.png) no-repeat; }
.section1-list li:hover span.section1-list2:before{ background:url(../images/index-sec1-i2-on.png) no-repeat; }
.section1-list li:hover span.section1-list3:before{ background:url(../images/index-sec1-i3-on.png) no-repeat; }
.section1-list li:hover span.section1-list4:before{ background:url(../images/index-sec1-i4-on.png) no-repeat; }
.section1-list li:hover span.section1-list5:before{ background:url(../images/index-sec1-i5-on.png) no-repeat; }
.section1-list li:hover span.section1-list6:before{ background:url(../images/index-sec1-i6-on.png) no-repeat; }

.section1-list li p{ color: #333; font-size: 18px; text-align: center; margin-top: 30px; }

.section1-list li:hover span{ border-color: #00a0e9; background:#00a0e9; }
.section1-list li:hover p{ color: #00a0e9 }
.section2{ overflow: hidden; margin-top: 60px; }
.section2-list{ overflow: hidden; margin-top: 25px; }
.section2-list li{ width: calc( ( 100% - 105px ) / 4 ); width: 323.75px\0; float: left; margin-right: 35px; margin-bottom: 40px; transition: all .5s ease-in-out }
.section2-list li:nth-child(4n){ margin-right: 0; }
.section2-list li a{ display: block; }
.section2-list li.scale-img{ height: 270px; }
.section2-list-txt{ width: 100%; height: 100px; padding:25px 20px; background:#f5f5f5; position: relative;  }
.section2-list-txt p{ font-size: 16px; line-height: 1; color: #9a9a9a;  }
.section2-list-txt h5{ font-size: 18px; line-height: 1; color: #333; margin-top: 15px; }
.section2-list-txt span{ width: 45px; height: 45px; display: block; border:1px solid #ccc; position: absolute; right: 20px; top: 33px; }
.section2-list-txt span:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 18px;
    background:url(../images/greyArrow.png) no-repeat;
    left: 17.5px;
    top: 13.5px;
}
.section2-list li:hover .section2-list-txt h5{ color: #00a0e9 }
.section2-list li:hover .section2-list-txt span{ background:#00a0e9; border-color: #00a0e9;}
.section2-list li:hover .section2-list-txt span:before{
    background:url(../images/whiteArrow.png) no-repeat;
}
.section3{ width: 100%; overflow: hidden; margin-top: 20px; background:#f5f5f5; padding: 50px 0 150px; }
.section3-l{ width: 655px; height: 465px; display: flex; align-items: center;}
.section3-l h5{ font-size: 24px; color: #323232; line-height: 1; }
.section3-l .blueLine{ margin:25px 0 0; }
.section3-l p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 18px; }
.section3-l a{ width: 180px; height: 50px; line-height: 50px; display: block; border-radius: 50px; text-align: center; background:#00a0e9; font-size: 16px; color: #fff; margin-top: 40px; }
.section3-r{ width: 680px; height: 465px; padding:10px; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.section3-r a{ cursor: default; }
.section4{ height: 200px; background:url(../images/sec4-bot.png) no-repeat; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); position: relative; margin-top: -100px; }

.section4 ul{ padding:60px 30px; }
.section4 li{ width: 335px; height: 80px; float: left; position: relative; text-align: center; }
.section4 li h5{ font-size: 24px; color: #333; line-height: 1}
.section4 li h5 span{ font-size: 48px; line-height: 1}
.section4 li p{ font-size:18px; color: #666; margin-top:20px;}
.section4 li:hover h5{ color: #00a0e9 }
.section4 li:hover p{ color: #00a0e9 }
.section4 li:before{ 
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background:#e6e6e6;
    right: 0;
    top: 0;
}
.section4 li:last-child:before{ display: none; }
.section5{ margin-top: 60px; }
.section5-container{ margin-top: 25px; }
.section5-l{ width: 380px; }
.section5-l li{ width: 100%; height: 180px;cursor: pointer; background:#00a0e9; position: relative; margin-top: 25px; display: flex; justify-content: center; align-items: center; transition: margin-left .5s ease-in-out; }
.section5-l li:first-child{ margin-top: 0; }
.section5-l li a{ width: 100%;  display: block; color: #fff; font-size: 26px; line-height: 40px; font-weight: bold; text-align: center; position: relative;}
.section5-l li:before{
    font-size: 90px;
   color: rgba(255, 255, 255, 0.102);
    font-family: "Arial";
    text-align: center;
    position: absolute;

}
.section5-l li.section5-l1:before{ content: "ONE";}
.section5-l li.section5-l2:before{ content: "TWO";}
.section5-l li.section5-l3:before{ content: "THREE";}
.section5-l li.section5-l4:before{ content: "FOUR";}
.section5-l li:hover,.section5-l li.on{ margin-left: 35px; background:#0062b2; }
.section5-r{ width: 950px; }
.section5-r-show{ display: none; }
.section5-r-show.active{ display: block; }
.section5-r-show .scale-img{ height: 615px; }
.section5-r-txt{ width: 100%; height: 180px; background:#f5f5f5; padding: 40px 50px; position: relative;}
.section5-r-txt a{ display: block; }
.section5-r-txt h5{ font-size: 26px; font-weight: bold; color: #0062b2; line-height: 1;}
.section5-r-txt p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 20px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical; }
.section5-r-txt span{ color: #00a0e9; font-size: 16px; position: absolute; bottom: 40px; right: 40px; }
.section6{ width: 100%; height: 500px; margin-top: 60px; padding-top: 50px; background:url(../images/sec6-bg.jpg) no-repeat; background-size: cover;  }
.title.white{ color: #fff; }
.subTitle.grey{ color: #ccc; }
.blueLine.white{ background:#fff; }
.sec6-container{ position: relative; margin-top: 35px; }
.sec6-container .swiper-button-prev,.sec6-container .swiper-button-next{ width: 39px; height: 39px; position: absolute; margin-top: -20px; }
.sec6-container .swiper-button-prev{ background:url(../images/sec6-arrow-left.png) no-repeat; left: -85px; }
.sec6-container .swiper-button-next{ background:url(../images/sec6-arrow-right.png) no-repeat; right: -85px; }

.sec6-container .swiper-slide{ width: 450px; background: rgba(92, 71, 89,0.5);    transition: 300ms;
    transform: scale(0.9);  }
.sec6-container .swiper-slide-active, .sec6-container .swiper-slide-duplicate-active {
    transform: scale(1); background: #bf1e2e
}
.sec6-container .swiper-slide a{display: block; position: relative; z-index: 4; overflow: hidden;}
.sec6-container .swiper-slide img{ width: 100%; }
.sec6-container .swiper-slide .scale-img{ position: relative; }
.sec6-container .swiper-slide .scale-img span{ width: 100%; height: 50px; background:rgba(0,0,0,.5); padding:0 20px; line-height: 50px; text-align: center; display: block; color: #fff; font-size: 18px; position: absolute; bottom: 0; z-index: 1; }
.swiper-slide-txt{ display: none; width: 100%; height:100px; position: relative; background:#00a0e9; padding: 30px 20px; }
.swiper-slide-txt a{ display: block;  }
.swiper-slide-txt h5{ color: #fff; font-size: 18px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.swiper-slide-txt p{ font-size: 16px; color: #dbdbdb; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px;}
.swiper-slide-txt i{ width: 45px; height: 45px; border:1px solid rgba(255,255,255,.5); position: absolute; right: 20px; top: 0; }
.swiper-slide-txt i:before{
    content: "";
    position: absolute;
    width: 10px; height: 18px;
    background:url(../images/whiteArrow.png) no-repeat;
    left: 17.5px;
    top: 13.5px;
}
.sec6-container .swiper-slide-active .swiper-slide-txt{ display: block; }
.sec6-container .swiper-slide-active .scale-img span{ display: none; }

.section7{ margin-top: 160px; }
.sec7-container{ margin-top: 25px; }
.sec7-l{ width: 900px; }
.sec7-l-nav{ width: 100%; }
.sec7-l-nav li{ width: 50%; float: left; line-height: 48px; border:1px solid #00a0e9; text-align: center; position: relative; }
.sec7-l-nav li a{ display: block; color: #00876e; font-size: 20px; }
.sec7-l-nav li.on,.sec7-l-nav li:hover{ background:#00a0e9; }
.sec7-l-nav li.on a,.sec7-l-nav li:hover a{ color: #fff; }
.sec7-l-nav li.on:before,.sec7-l-nav li:hover:before{
    content: "";
    position: absolute; 
    width: 14px;
    height: 8px;
    background:url(../images/down-sanjiao.png) no-repeat;
    left: 50%;
    bottom: -8px;
    margin-left: -7px;
}
.sec7-l-tab{ width: 100%; height: auto; padding:40px 30px 28px; background:#f6f6f6; overflow: hidden;}
.sec7-l-show{ display: none; }
.sec7-l-show.active{ display: block; }
.sec7-l-show-hot{ width: 100%; overflow: hidden; }
.sec7-l-show-hot .scale-img{ width: 290px; height: 190px; float: left; }
.sec7-l-show-hot-txt{ width: 510px; height: 190px; float: right;display: flex; align-items: center;   }
.sec7-l-show-hot-txt h5{ font-size: 24px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec7-l-show-hot-txt p{ font-size: 16px; line-height: 32px; color: #808080; margin-top: 10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical; }
.sec7-l-show-hot:hover .sec7-l-show-hot-txt h5{ color: #00a0e9 }
.sec7-l-show ul{ margin-top: 35px; }
.sec7-l-show li{ width: 100%; height: 65px; background:#fff; float: left; margin-top: 10px; }
.sec7-l-show li:first-child{ margin-top: 0; }
.sec7-l-show li span{ width: 70px; height: 100%; display: flex; justify-content: center; align-items: center; background:#c0c0c0; text-align: center; font-size: 14px; color: #fff; float: left; }
.sec7-l-show-li{ width: calc( 100% - 70px ); width: 770px\0; float: right; line-height: 65px; }
.sec7-l-show-li a{ width:100%; display: block; padding: 0 25px 0 35px; }
.sec7-l-show-li h5{ width: 80%; overflow: hidden; display: block; line-height: 65px; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: 16px; float: left; }
.sec7-l-show-li em{ color: #b2b2b2; font-size: 18px; width: 20%; float: right; text-align: right; font-family: "Arial"; }
.sec7-l-show li:hover span{ background:#00a0e9; }
.sec7-l-show li:hover h5,.sec7-l-show li:hover em{ color:#00a0e9; }

.sec7-r{ width: 450px; }
.sec7-r-top{ width: 100%; height: 50px; padding:0 25px; line-height: 50px; background:#00a0e9; display: flex;flex-direction: row; justify-content: space-between; }
.sec7-r-top h5{ font-size: 20px; color: #fff; line-height: 50px;}
.sec7-r-top h5 i{ display: inline; font-size: 16px; margin-left: 5px; }
.sec7-r-top a{ color: #fff; font-size: 16px; font-family: "Arial"; }
.sec7-r-list{ width: 100%; overflow: hidden; padding: 40px 25px 0; background:#f6f6f6; }
.sec7-r-list li{ white-space: 100%; float: left; margin-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #dadada; }
.sec7-r-list li a{ display: block; }
.sec7-r-list li a:hover h5{ color: #00a0e9 }
.sec7-r-list li h5{ line-height: 35px; height: 35px; position: relative; font-size: 18px; font-weight: bold; color: #333; padding-left: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec7-r-list li h5:before{
    content:"";
    position: absolute;
    width: 35px;
    height: 35px;
    background:url(../images/wen.jpg) no-repeat;
    left: 0;

}
.sec7-r-list li p{ position: relative; padding-left: 55px; margin-top: 20px; font-size: 16px; line-height: 28px; color: #808080; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }
.sec7-r-list li p:before{
    content:"";
    position: absolute;
    width: 35px;
    height: 35px;
    background:url(../images/da.jpg) no-repeat;
    left: 0;
    
}
.sec7-r-list li:first-child{ margin-top: 0; }
.sec7-r-list li:last-child{border-bottom: 0; }

.section8{ margin-top: 60px; }
.section8-container{ margin-top: 25px; position: relative; }

.section8-container .swiper-slide{ width: 240px; height: 115px; line-height: 115px; background:#f5f5f5; }
.section8-container .swiper-slide .scale-img{ width: auto; max-width: 100%; text-align: center; }
.section8-container .swiper-slide .scale-img img{ width: auto; height: auto;  }

.section8-container .swiper-button-prev,.section8-container .swiper-button-next{ width: 35px; height: 35px; position: absolute; margin-top: -17px; }
.section8-container .swiper-button-prev{ background:url(../images/sec8-arrow-left.png) no-repeat; left: -85px; }
.section8-container .swiper-button-next{ background:url(../images/sec8-arrow-right.png) no-repeat; right: -85px; }
.section8-container .swiper-button-prev:hover{ background:url(../images/sec8-arrow-left-on.png) no-repeat; }
.section8-container .swiper-button-next:hover{ background:url(../images/sec8-arrow-right-on.png) no-repeat; }





@media screen and (max-width:1440px) {
  .banner{ height: 460px; }
  .banner .swiper-slide{ height: 460px; }
  .banner .swiper-slide h2{ font-size: 38px;    margin-bottom: 20px; }
  .banner .swiper-slide span{ width: 300px; height: 50px; line-height: 50px; font-size: 30px; }
  .search-key{ font-size: 14px; }
  .search-key li{ margin-left: 5px; }
  .index-search input{ font-size: 14px; }
  .title{ font-size: 26px; }
  .section1{ margin-top: 40px; }
  .section1-list li span{ width: 100px; height: 100px; }
  .section1-list li p{ margin-top: 15px; font-size: 16px; }
  .section2{ margin-top: 40px; }
  .section2-list li{ width: 223.75px\0;    margin-bottom: 25px; }
  .section2-list li a.scale-img{ height: 185px; }
  .section2-list-txt{ height: 70px; padding: 15px 10px; }
  .section2-list-txt p{ font-size: 14px; }
  .section2-list-txt h5{ font-size: 16px;    margin-top: 5px; }
  .section2-list-txt span{ width: 30px; height: 30px;right: 10px; top: 18px; }
  .section2-list-txt span:before{ left: 10px; top: 6px; }
  .section3-l{ width: 400px; height: 365px;}
  .section3-l h5{ font-size: 20px; }
  .section3-l .blueLine{ margin:10px 0 0; }
  .section3-l p{ margin-top:8px;    font-size: 14px; line-height: 26px;}
  .section3-l a{ line-height: 40px;    height: 40px; margin-top: 20px; }
  .section3-r{ width: 550px; height: 365px; }
  .section4{ height: 150px; background-size: cover; }
  .section4 ul {padding:45px 30px}
  .section4 li{ width: 235px;     height: 60px; }
  .section4 li:before{ height: 60px; }
  .section4 li h5{ font-size: 18px; }
  .section4 li h5 span{ font-size: 28px; }
  .section4 li p{ font-size: 16px; margin-top: 10px; }
  .section5{ margin-top: 40px; }
  .section5-l{ width: 300px; }
  .section5-l li{ height: 115px; }
  .section5-l li:before{ font-size: 70px; }
  .section5-l li a{ font-size: 20px; line-height: 30px; }
  .section5-r{ width: 650px; }
  .section5-r-show .scale-img{ height: 420px; }
  .section5-r-txt{ height: 115px;padding: 20px 30px; }
  .section5-r-txt h5{ font-size: 20px; }
  .section5-r-txt p{ font-size: 14px; line-height: 24px;    margin-top: 10px;}
  .section5-r-txt span{ bottom: 17px; right: 30px; }
  .section6{ margin-top: 40px; padding-top: 30px; height: 368px; }
  .sec6-container .swiper-button-prev{ left: -55px; }
  .sec6-container .swiper-button-next{ right: -55px; }
  .swiper-slide-txt{ padding:20px 10px;  height: 85px; }
  .swiper-slide-txt h5{ font-size: 16px; }
  .swiper-slide-txt p{ font-size: 14px; line-height: 24px; }
  .swiper-slide-txt i{ display: none; }
  .section7{ margin-top: 120px; }
  .sec7-l{ width: 600px; }
  .sec7-l-tab{ padding:30px 20px; }
  .sec7-l-show-hot .scale-img{ width: 200px; height: 130px; }
  .sec7-l-show-hot-txt{ width: 340px; height: 130px; }
  .sec7-l-show-hot-txt h5{ font-size: 20px; }
  .sec7-l-show-hot-txt p{ font-size: 14px; line-height: 24px; }
  .sec7-l-show ul{ margin-top: 25px; }
   .sec7-l-show-li{ width: 490px\0; }
  .sec7-r{ width: 370px; }
  .sec7-r-list{ padding:30px 15px 0; }

  .sec7-r-list li p{ margin-top: 9px; font-size: 14px; line-height: 24px; }
  .section8{ margin-top: 40px; }
  .section8-container .swiper-button-prev{ left: -55px; }
  .section8-container .swiper-button-next{ right: -55px; }
  .section8-container .swiper-slide .scale-img img{ width: 100%; }
  

}

@media screen and (max-width:1020px) {
    .title{ font-size: 20px; }
    .subTitle{ font-size: 14px; line-height: 26px; }
    .banner{ height: 170px; }
    .banner .swiper-slide{ height: 170px;    background-position: top center !important; }
    .banner .swiper-button-next, .banner .swiper-button-prev{ display: none; }
    .banner .swiper-slide h2{ font-size: 20px; margin-bottom: 10px; }
    .banner .swiper-slide span{ width: 150px; height: 30px; line-height: 30px; font-size: 16px; }
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
    .search-key{ display: none; }
    .index-search{ width: 100%; }
    .index-search input{ width: 100%; }
    .section1{ margin-top: 20px; }
    .section1-list{ margin-top: 20px; }
    .section1-list li{ width: 33.33%; margin-bottom: 10px; }
    .section1-list li span{ width: 80px; height: 80px; }
    .section1-list li span.section1-list1:before{width: 28.5px; height: 25.5px; }
    .section1-list li span.section1-list2:before{width: 27.5px; height: 27.5px;}
    .section1-list li span.section1-list3:before{width: 29.5px; height: 27.5px;}
    .section1-list li span.section1-list4:before{width: 27.5px; height: 27.5px;}
    .section1-list li span.section1-list5:before{width: 29.5px; height: 27.5px;}
    .section1-list li span.section1-list6:before{width: 21.5px; height: 27px;}
    .section1-list li p{ font-size: 14px; margin-top: 10px; }
    .section2{ margin-top: 20px; }
    .section2-list{ margin-top: 20px; }
    .section2-list li{ margin-bottom: 20px; margin-right: 2%; width: 49%; }
    .section2-list li:nth-child(2n){ margin-right: 0; }
    .section2-list li a.scale-img{ height: 158px; }
    .section2-list-txt span{ display: none; }
    .section3{ padding: 20px 0; }
    .section3-l{ width: 100%; height: auto; }
    .section3-r{ width: 100%; height: auto; margin-top: 20px; }
    .section4{ margin-top: 0; height: auto; padding:20px 3%; }
    .section4 ul{ padding:0; }
    .section4 li{ width: 25%; }
    .section4 li p{ font-size: 14px; margin-top: 5px; }
    .section5{ margin-top: 20px; }
    .section5-l{ width: 100%; }
    .section5-l li{ width: 49%; float: left; transition:all .5s ease-in-out; margin-top: 0; margin-bottom: 10px; }
    .section5-l li:nth-child(2n){ float: right; }
    .section5-l li:hover, .section5-l li.on{ margin-left: 0; }
    .section5-l li:before{ font-size: 50px; }
    .section5-l li a{ font-size: 16px; line-height: 26px; }
    .section5-r{ display: none; }
    .section6{ margin-top: 10px; padding-top:20px; }
    .sec6-container{ margin-top: 20px; }
    .section7{ margin-top: 140px; }
    .sec7-l{ width: 100%; }
    .sec7-l-nav li{ line-height: 38px; }
    .sec7-l-tab{ padding:20px 3%; }
    .sec7-l-show-hot .scale-img{ width: 100%; height: auto; }
    .sec7-l-show-hot-txt{ width: 100%; height: auto; padding:20px 0; border-bottom: 1px solid #ccc}
    .sec7-l-show li{ height: 45px; }
    .sec7-l-show-li{ line-height: 45px; }
    .sec7-l-show-li a{ padding: 0 3%; }
    .sec7-l-show-li em{ font-size: 16px; }
    .sec7-l-show-li h5{ line-height: 45px; font-size: 14px; }
    .sec7-r{ width: 100%; margin-top: 20px; }
    .sec7-r-top{ height: 40px; line-height: 40px;padding: 0 15px; }
    .sec7-r-top h5{ line-height: 40px; font-size: 18px; }
    .sec7-r-list{ padding:20px 3% 0; }

    .section8{ margin-top: 20px; }



    .section8-container .swiper-slide .scale-img img{ width:auto; }
    
}