html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body { background:#fff; font-family: "Microsoft yahei";  font-size: 14px;overflow-x:hidden; line-height: 2rem;color: #555;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {}
.h-100 { height: 100%!important;}
.w-100 {width: 100%!important;}
.vh-100 {height: 100vh!important;}
.vw-100 {width: 100vw!important;}
.pr{ overflow:visible; position:relative;}

.swiper4{ padding-bottom: 35px;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 10px 0;}
.swiper-container-vertical>.swiper-pagination-bullets { left: 20px; }
.swiper-pagination-bullet {width: 12px;height: 3px; display: inline-block; background: #d6080f; opacity: .39;}
.swiper-pagination-bullet-active{ width: 21px; height: 3px;display: inline-block; background: #d6080f;  opacity: 1;}

/*--- header ---*/
.header{padding-top: 124px;background: url(../images/bg.jpg) repeat-x; overflow:visible; position:relative;}
.top{ width: 100%; position: absolute; top:0; top:0; z-index:998;  }
.topbox{max-width: 98%; margin: 0 auto;}
.logo{width: 15%;float: left; text-align: right;}
@media (min-width: 1601px){
    .logo{ width: 20%;}
}

@media (max-width: 1300px){
    .logo{ width:18%;}
}
@media (max-width: 992px){
     .logo{ width: 18%;}
}

.nav{ float: left;  padding-right: 2rem; padding-left: 2rem; line-height: 124px; font-size: 16px; color: #bebebe; overflow: hidden;}
.nav a{ font-size: 16px; color: #373737;}
.nav a:hover{ color: #c30711; }
@media (min-width: 1601px){
    .nav { padding-left: 120px;}
}

@media (max-width: 1300px){
    .nav { padding-right: 3rem; padding-left: 3rem;}
}
@media (max-width: 992px){
    .nav {padding-right: 3rem; padding-left: 3rem;}
}


.tel{ float: left; padding-top: 40px; padding-left: 20px;}
@media (min-width: 1601px){
    .tel{padding-left: 75px;}
}

@media (max-width: 1300px){
    .tel{display: none;}
}
@media (max-width: 992px){
    .tel{padding-left: 75px;}
}


.tb{ width: 100%; overflow:hidden;  text-align: center;  position: absolute; left:0; bottom:120px; z-index:999}
.tb > span{ display: block; margin:0 auto;  line-height: 1; color: #e8090e; font-weight: 200; }
.tb small{ overflow: hidden; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 5px 0 1px; }
.tb small span{ display: block; clear: both;  height: 16px; color: #e8090e; line-height: 1; }
.tb small span + span{ position: relative; top:-7px; }
@keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}
@-webkit-keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}
.cc2{font-size: 32px;}
.ccc{ font-size: 14px; line-height: 35px;}


.tbb{ width: 100%; overflow:hidden;  text-align: center;  position: absolute; left:0; bottom:10px; z-index:999}
.tbb > span{ display: block; margin:0 auto;  line-height: 1; color: #e8090e; font-weight: 200; }
.tbb small{ overflow: hidden; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 5px 0 1px; }
.tbb small span{ display: block; clear: both;  height: 16px; color: #e8090e; line-height: 1; }
.tbb small span + span{ position: relative; top:-7px; }
@keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}
@-webkit-keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}



.maxWidth1200{ max-width: 1400px;margin: 0 auto;}
.searchBox{display: none; width: 5%; text-align: center; height: 124px; padding-top: 50px;cursor: pointer; position: absolute; right:0; top:0; background: #b90711; overflow: hidden; z-index:999;}

@media (min-width: 1601px){
    .searchBox{display: block;}
}

@media (max-width: 1300px){
    .searchBox{display: block; width: 8%;}
}
@media (max-width: 992px){
    .searchBox{display: block;}
}




.sliderSS_Box { display: none; background:#b90711; padding: 40px 0; box-shadow: 0 0 5px rgba(113, 111, 111, .8); }
.sliderSS_Box .maxWidth1200 { position: relative; }
.sliderSS_Box form { display: block; width: 475px; margin: 0 auto; border: 1px solid #fff; border-radius: 50px; }
.sliderSS_Box form input { background: transparent; width: 400px; border: none; height: 64px; line-height: 64px; float: left; text-indent: 25px; color: #eee; font-size: 16px; }
.sliderSS_Box form input::placeholder { font-size: 16px; color: #fff; }
.sliderSS_Box form button { width: 64px; height: 64px; background: transparent url(../images/gogo.png) no-repeat center center; border: none; float: right; }
.sliderSS_Box .maxWidth1200 .Close { width: 64px; height: 64px; background: url(../images/close.png) no-repeat center center; position: absolute; right: 0; top: 50%; margin-top: -32px; cursor: pointer; }
@media only screen and (max-width:1200px) {
    .sliderSS_Box form button { width: 35px; height: 35px; background-size: cover; }
    .sliderSS_Box form input { height: 35px; line-height: 35px; }
    .sliderSS_Box .maxWidth1200 .Close { width: 35px; height: 35px; margin-top: -17px; background-size: cover; }
}
@media only screen and (max-width:750px) {
    .sliderSS_Box { padding: 20px 0; }
    .sliderSS_Box form input { width: calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: -moz-calc(100% - 45px); width: -ms-calc(100% - 45px); }
    .sliderSS_Box .maxWidth1200 .Close { display: none; }
.header .Nav .oneLi .downSelect02 .Ul02 .twoLi .Ul03 ul{background:transparent;box-shadow:0 0 0 transparent;}
}
@media only screen and (max-width:680px) {
    .sliderSS_Box form { width: 100%; }
}

.d-block{ display: block!important;}
.swiper-slide{ overflow: hidden;}
@media (min-width: 1400px) { 
    .banner-swiper-pc .banner-item { 
        background-position: center !important; background-size: cover !important; 
    } 
}
@media (min-width: 991px) { 
    .banner-swiper-pc .banner-item:nth-child(2) {
        background-position: left center; 
    }
    .section .banner-swiper-pc .banner-item:nth-child(3) {
        background-position: left center;
    }
 }
.wap-top{ height: 35px; background: #000; line-height: 35px; text-indent: 15px; color: #fff; overflow: hidden;}
.w-h-box{padding-top: 124px;background: url(../images/bg.jpg) repeat-x; overflow:visible; position:relative;}
.w-ww{ width: 100%; position: absolute; top:0; top:0; z-index:998;  }
.wap-logo{ width: 43%;padding-top: 5px; float: left; padding-left: 2%;}

.h-right{width: 4rem;height:3.13rem; float: right;margin: 4rem 2rem 0 0;}
.h-right span{width: 4rem;height: 3.13rem;background: url(../images/nav-btn.png) no-repeat; background-size: 4rem 3.13rem;display: block;}
.h-right ul{display: none;}
.fancynav-mainnav{position: fixed!important;}



/*--- main ---*/
.index2{ height: 100%; background: url(../images/index2.jpg) no-repeat bottom center;}
.section2{padding-top: 150px; }
@media (max-width: 1200px){
    .section2{padding-top: 150px; } 
}
@media (max-width: 992px){
    .section2{padding-top: 120px; } 
}
@media (max-width: 768px){
    .section2{padding-top: 20px; } 
}



.index2 .img .cimg{ text-align: center;}
.index2 .img .cimg img{ max-width: 95%;}
.index2 .img .ctxt{ width: 90%; margin: 0 auto; margin-top: 19px; height: 20px;}
.ome-left{ width: 100%; overflow: hidden;}
.ome-left .hd{ width: 20px; height: 20px; overflow: hidden;}
.ome-left .hd .prev{ display: block; width: 100%; height: 100%; background: url(../images/oemright.png);}
.ome-left .hd .next{ display:block;  width: 100%; height: 100%; background: url(../images/oemleft.png);}
.ome-left .bd{width: 90%; float: left;}
.ome-left .bd ul{ padding: 0 5px;}
.ome-left .bd ul li{ width: 20%; float: left; text-align: center;}
.ome-left .bd ul li a{ font-size: 16px; color: #333;}
.cleft{ width: 20px; float: left;}
.ccenter{ float: left; width: 80%; text-indent: 35px;}
.cright{ width: 20px; float: right;}
.index2 .txt .title{ height: 37px; text-indent: 15px; background: url(../images/c-title.png) no-repeat left center; font-size: 30px; line-height: 37px; color: #d6080f;}

@media (max-width: 1200px){
    .index2 .txt .title{ font-size: 30px;text-indent: 37px;}
}
@media (max-width: 992px){
    .index2 .txt .title{ font-size: 20px;text-indent: 30px;}
}
@media (max-width: 768px){
    .index2 .txt .title{ font-size: 14px;text-indent: 15px;}
}


.index2 .txt .comtent{ padding: 15px 0; line-height: 30px; font-size: 14px;}
.index2 .txt .comtent a{ color: #f00; font-size: 14px;}


.numCount{ padding-top: 15px; width: 80%; clear: both; }
@media (max-width: 1200px){
    .numCount{ width: 80%;}
}
@media (max-width: 992px){
    .numCount{ width: 80%;  }
}
@media (max-width: 768px){
    .numCount{ width: 100%;}
}
.numCount li{ float: left; width: 33.3%; }
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:54px; font-weight: 700; color:#d6080f;}
.numCount li .numU .unitC{font-size:150%; line-height: 1.3; margin-left: 0.3em; color:#d6080f;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
@media (max-width:800px){
    .numCount li .numCX{ font-size:36px; }
}
@media (max-width:640px){
    .numCount li .numCX{ font-size:7vw; }
}
@media (max-width:480px){
    .numCount{ font-size:0.5vw;}
}



.four{ margin: 35px 0; overflow: hidden;}
.four ul{ width: 25%; float: left; text-align: center; line-height: 30px;}
.four ul img{ max-width: 80%;}
.four ul:hover img{ transform: scale(1.10); transition: all 0.3s;}


.fourlist{ padding-top: 20px; text-align: center;}
.link{ width: 220px; height: 60px; margin: 35px 0 0 15px;  line-height: 60px; text-align: center; }
.link a{display: block; width: 220px; height: 60px;border: 1px solid #d6080f; border-radius: 30px; color: #d6080f; font-size: 16px;}
.link a:hover{ background: #d6080f;border: 1px solid #d6080f; color: #fff;}


.section3{padding-top: 100px; }
@media (max-width: 1200px){
    .section3{padding-top: 100px; } 
}
@media (max-width: 992px){
    .section3{padding-top: 50px; } 
}
@media (max-width: 768px){
    .section3{padding-top: 20px; } 
}


.index3{ height: 100%; background:#eae8e4 url(../images/index3.jpg) no-repeat bottom center; overflow: hidden;}
.index3 .hd{ text-align: center; font-size: 48px; color: #333; font-weight: 700;}
@media (max-width: 1200px){
    .index3 .hd{ font-size: 40px;}
}
@media (max-width: 992px){
    .index3 .hd{ font-size: 30px;}
}
@media (max-width: 768px){
    .index3 .hd{ font-size: 20px;}
}

.index3 .md{ text-align: center; padding-top: 25px; overflow: hidden;}
.index3 .bd{padding-top: 64px;}
@media (max-width: 1200px){
    .index3 .bd{ padding-top: 64px}
}
@media (max-width: 992px){
    .index3 .bd{ padding-top: 40px}
}
@media (max-width: 768px){
    .index3 .bd{ padding-top: 15px;}
}


.s-honor-left{ background: url(../images/honor-img-bg.png); overflow: hidden;}
.s-honor-left .list{ padding: 20px; overflow: hidden;}
@media (max-width: 1200px){
    .s-honor-left .list{ padding: 20px;}
}
@media (max-width: 992px){
    .s-honor-left .list{ padding: 18px;}
}
@media (max-width: 768px){
    .s-honor-left .list{ padding:5px 20px;}
}

.picScroll-top{ width: 100%; overflow: hidden;}

@media (max-width: 768px){
    .picScroll-top{ padding-top: 15px;}
}
.picScroll-top .bdd{}
.picScroll-top .bdd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bdd ul li{ background: url(../images/icon.png) no-repeat left top; padding-left: 35px;}
.picScroll-top .bdd ul li span{ color: #f00; font-weight: 700;}
.picScroll-top .hdd{ width: 100%; padding-top: 20px; overflow: hidden;}
.picScroll-top .hdd ul{ width: 84px; margin: 0 auto; height: 9px;}
.picScroll-top .hdd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.picScroll-top .hdd ul li.on{ background-position:0 0; }

.s-honor-list li{ width: 33.3%; float: left; text-align: center; margin-bottom: 15px;}
@media (max-width: 1200px){
    .s-honor-list li{ width: 33.3%; }
}
@media (max-width: 992px){
    .s-honor-list li{ width: 33.3%; }
}
@media (max-width: 768px){
    .s-honor-left .li{ width: 50%;}
}
.s-honor-list li img{ width: 90%; transition: all 0.3s;}
.s-honor-list li:hover img{ transform: scale(1.05);}
.w-s-honor-list{ padding-top: 15px;overflow: hidden;}

.index4{height: 100%; background: url(../images/index4.jpg) no-repeat bottom center; padding-top: 24px;}
.index4 .hd{ text-align: center; font-size: 48px; color: #333; font-weight: 700;}
@media (max-width: 1200px){
    .index4 .hd{ font-size: 48px;}
}
@media (max-width: 992px){
    .index4 .hd{ font-size: 30px;}
}
@media (max-width: 768px){
    .index4 .hd{ font-size: 20px;}
}

.index4 .md{ text-align: center; padding-top: 25px;; overflow: hidden;}

.index4 .bd{padding-top: 64px;}
@media (max-width: 1200px){
    .index4 .bd{ padding-top: 64px}
}
@media (max-width: 992px){
    .index4 .bd{ padding-top: 40px}
}
@media (max-width: 768px){
    .index4 .bd{ padding-top: 15px;}
}
.index4 .bd li{ margin-bottom: 42px;}
.index4 .bd li a{ display: block; width: 95%;  margin: 0 auto;  overflow:visible; position:relative; color: #fff; }
.index4 .bd li a:hover{ color: #f00;}
.index4 .bd li .pic{ width: 100%;}
.index4 .bd li .pic img{ width: 100%; border-radius: 20px;}
.index4 .bd li a:hover{color: #ff0; font-weight: 700; transform: scale(1.05); transition: all 0.3s;}
.index4 .bd li .title{ width: 100%; text-align: center; line-height: 40px; height: 40px; background: url(../images/case-list-bg.png); position: absolute; left:0; bottom:0; z-index:999;border-radius: 0 0 20px 20px;}


.multipleColumn{width: 100%; padding-top: 10px; overflow: hidden;}
.multipleColumn .bdd{overflow:hidden;  }
.multipleColumn .bdd ul{ width: 100%; float: left;}
.ccplist{ margin-bottom: 10px;}
.ccplist a{ display: block; width: 95%;  margin: 0 auto;  overflow:visible; position:relative; color: #fff; }
.ccplist a:hover{ color: #f00;}
.ccplist .pic{ width: 100%;}
.ccplist .pic img{ width: 100%; border-radius: 20px;}
.ccplist a:hover{color: #ff0; font-weight: 700; transform: scale(1.05); transition: all 0.3s;}
.ccplist .title{ width: 100%; text-align: center; line-height: 40px; height: 40px; background: url(../images/case-list-bg.png); position: absolute; left:0; bottom:0; z-index:999;border-radius: 0 0 20px 20px;}
.multipleColumn .hdd{ width: 60px; margin: 0 auto; height: 9px;}
.multipleColumn .hdd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hdd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.multipleColumn .hdd ul li.on{ background-position:0 0; }

.w-ys{ padding-top: 20px; overflow: hidden;}
.youshi{ width: 100%; margin: 0 auto; height: 307px; overflow: hidden; text-align: center; color: #fff;}
.y1{ background: url(../images/youshi1.png);background-size: 100% 307px;}
.y2{ background: url(../images/youshi2.png);background-size: 100% 307px;}
.y3{ background: url(../images/youshi3.png);background-size: 100% 307px;}
.y4{ background: url(../images/youshi4.png);background-size: 100% 307px;}
.y5{ background: url(../images/youshi5.png);background-size: 100% 307px;}
.youshi .hdd{ font-size: 38px; padding-top: 80px; font-weight: 700;}
.youshi .bdd{ width: 70%; margin: 0 auto; padding-top: 50px; font-size: 24px; line-height: 30px;}


.index5{height: 100%; background: url(../images/index5.jpg) no-repeat bottom center; }
.index5 .hd{ text-align: center; font-size: 48px; color: #333; font-weight: 700;}
@media (max-width: 1200px){
    .index5 .hd{ font-size: 48px;}
}
@media (max-width: 992px){
    .index5 .hd{ font-size: 30px;}
}
@media (max-width: 768px){
    .index5 .hd{ font-size: 20px;}
}


.index5 .md{ text-align: center; padding-top: 25px;; overflow: hidden;}

.index5 .bd{padding-top: 24px; overflow: hidden;}
@media (max-width: 1200px){
    .index5 .bd{ padding-top: 24px}
}
@media (max-width: 992px){
    .index5 .bd{ padding-top: 20px}
}
@media (max-width: 768px){
    .index5 .bd{ padding-top: 5px;}
}

.index5 .bd li{ text-align: center; margin-bottom: 8px; overflow: hidden;}
.index5 .bd li img{ width: 100%; border: 1px solid #dedede; height: 80px;}
.index5 .bd li:hover img{ transform: scale(1.05); transition: all 0.3s;}

.index5 .ed{ padding-top: 26px; text-align: center;}
.index5 .ed img{max-width: 95%;}


.multipleColumn1{width: 100%; padding: 30px 0; overflow: hidden;}
.multipleColumn1 .bdd{overflow:hidden;  }
.multipleColumn1 .bdd ul{ width: 50%; float: left;}
.multipleColumn1 .bdd ul li{ text-align: center; margin-bottom: 8px; overflow: hidden;}
.multipleColumn1 .bdd ul li img{ width: 90%; border: 1px solid #dedede; height: 60px;}
.multipleColumn1 .bdd ul li:hover img{ transform: scale(1.05); transition: all 0.3s;}

.multipleColumn1 .hdd{ width: 85px; margin: 0 auto; height: 9px;}
.multipleColumn1 .hdd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn1 .hdd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.multipleColumn1 .hdd ul li.on{ background-position:0 0; }





.index6{ height: 100%;background: url(../images/index6.jpg) no-repeat bottom center; }
.index6 .hd{ text-align: center; font-size: 48px; color: #333; font-weight: 700;}
@media (max-width: 1200px){
    .index6 .hd{ font-size: 48px;}
}
@media (max-width: 992px){
    .index6 .hd{ font-size: 30px;}
}
@media (max-width: 768px){
    .index6 .hd{ font-size: 20px;}
}

.index6 .md{ text-align: center; padding-top: 25px;; overflow: hidden;}
.index6 .bd{padding-top: 24px; overflow: hidden;}
@media (max-width: 1200px){
    .index6 .bd{ padding-top: 24px}
}
@media (max-width: 992px){
    .index6 .bd{ padding-top: 20px}
}
@media (max-width: 768px){
    .index6 .bd{ padding-top: 5px;}
}

.hezuobox{ height: 660px; background: url(../images/ys.png) no-repeat center center;  overflow:visible; position:relative;}
.hz1{ position: absolute; left:95px; top:10px;}
.hz1 .txt{ width: 276px; margin-top: 5px; line-height: 30px; color: #000; font-size: 18px; font-weight: 700;}
.hezuobox .title{ width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; font-weight: 700; color: #fff; }

.hz2{ position: absolute; right:47px; top:0;}
.hz2 .txt{ width: 273px; margin-top: 5px; line-height: 30px; color: #000; font-size: 18px; font-weight: 700; text-align: right;clear: both;}

.hz3{ position: absolute; left:17px; top:364px;}
.hz3 .txt{ width: 276px; margin-top: 5px; line-height: 30px; color: #000; font-size: 18px; font-weight: 700;}

.hz4{ position: absolute; right:0; top:327px;}
.hz4 .txt{ width: 272px; margin-top: 5px; line-height: 30px; color: #000; font-size: 18px; font-weight: 700; text-align: right; clear: both;}

.hz5{ position: absolute; left:295px; bottom:0;}
.hz5 .txt{ width: 350px; margin-top: 5px; line-height: 30px; color: #000; font-size: 18px; font-weight: 700;}

.moshiimg{ padding: 30px 0; text-align: center; overflow: hidden;}
.moshiimg img{max-width: 90%;}

.w-hezuo{ width: 95%; margin: 0 auto;}
.w-hezuo .title{ width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; font-weight: 700; color: #fff;}
.w-hezuo .txt{ padding: 10px 0; line-height: 2.3; color: #000; font-size: 18px; font-weight: 700;}



.hh1{ background: #f7ba06}
.hh2{ background: #ec6d06}
.hh3{ background: #09a4e4}
.hh4{ background: #d82a0a}
.hh5{ background: #02bfbd}

.index7{height: 100%; background: url(../images/index7.jpg) no-repeat bottom center;}

.index7 .hd{ text-align: center; font-size: 48px; color: #333; font-weight: 700;}
@media (max-width: 1200px){
    .index7 .hd{ font-size: 48px;}
}
@media (max-width: 992px){
    .index7 .hd{ font-size: 30px;}
}
@media (max-width: 768px){
    .index7 .hd{ font-size: 20px;}
}
.index7 .md{ text-align: center; padding-top: 25px;; overflow: hidden;}
.index7 .bd{padding-top: 24px; overflow: hidden;}
@media (max-width: 1200px){
    .index7 .bd{ padding-top: 24px}
}
@media (max-width: 992px){
    .index7 .bd{ padding-top: 20px}
}
@media (max-width: 768px){
    .index7 .bd{ padding-top: 5px;}
}

.picScroll-left{ width: 100%; overflow: hidden;}
.picScroll-left .bdd{ width: 100%; height: 513px; overflow: hidden;}
.picScroll-left .bdd ul{}
.picScroll-left .bdd ul li{ width: 350px; float: left; height: 513px; margin: 0 10px; overflow: hidden;}
.picScroll-left .bdd ul li .time{ width: 100%; height: 35px; margin: 20px 0; line-height: 35px; color: #333; font-size: 22px; font-weight: 700;}
.picScroll-left .bdd ul li .img{ width: 100%; height: 181px;}
.picScroll-left .bdd ul li .img img{ width: 100%; height: 181px; object-fit:cover;}
.picScroll-left .bdd ul li .title{ background: #fff; padding:20px 20px; overflow: hidden; font-size: 18px;  font-weight: 700; color: #1c1c1c; height: 74px; line-height: 30px;}
.picScroll-left .bdd ul li .content{ background: #fff; padding: 30px 20px 0 20px;  color: #999; height: 143px;}
.picScroll-left .bdd ul li .more{ padding-bottom: 20px; background: #fff; font-size: 15px; text-indent: 20px; text-decoration: underline; color: #333;}
.picScroll-left .bdd ul li a:hover .title{ text-indent: 5px; transition: all 0.3s; color: #f00;}
.picScroll-left .bdd ul li a:hover .time{ color: #f00;}
.picScroll-left .bdd ul li a:hover .more{ color: #f00;}
.picScroll-left .bdd ul li a:hover .img img{ transform: scale(1.05); transition: all 0.3s;}
.picScroll-left .hdd{ width: 100%; height: 20px; margin-top: 35px; overflow: hidden; }
.picScroll-left .hdd ul{ width: 165px; margin: 0 auto; height: 20px;}
.picScroll-left .hdd ul li{ float:left;  width:15px; height:15px; overflow:hidden; margin:0 9px; text-indent:-999px; cursor:pointer; border-radius: 7px; background: #fff; border: 1px solid #b2aeae }
.picScroll-left .hdd ul li.on{ background: #c20711; border: 1px solid #c20711 }




/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::-webkit-scrollbar { width: 0; height: 0; }
  ::-webkit-scrollbar-track:enabled { background-color: #999999; }
  ::-webkit-scrollbar-thumb:vertical { background-color: var(--theme-color); border-radius: 30px;}
  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--theme-color); border-radius: 30px;}
}

/*--- footer ---*/
.h-auto {height: auto!important;}
.footer{ background: url(../images/footer.jpg) no-repeat top center; overflow: hidden;}
.f-logo{text-align: center;}
.f-tt{ height: 127px; padding-top: 21px; border-bottom: 1px solid #70706d; overflow: hidden;}
.f-nav{ width: 90%;  line-height: 106px; float: left; color: #fff;}
.f-nav a{ color: #fff; font-size: 16px;}
.f-nav a:hover{ color: #f00;}
.weixin{ width: 5%; float: right; text-align: center; padding-top: 40px;}
.f-tb{ padding-top: 27px;}
.f-product{ width: 25%; padding-left: 20px; float: left;}
.f-product .hd{ color: #fff; font-size: 18px;}
.f-product .bd{ padding-top: 15px;  overflow: hidden;}
.f-product .bd li{line-height: 35px;}
.f-product .bd li a{ color: #fff;}
.f-product .bd li a:hover{ color: #f00;}
.f-nav1{ width: 15%; float: left; line-height: 35px;}
.f-nav1 li{ background: url(../images/f-icon.png) no-repeat left center; text-indent: 20px;}
.f-nav1 a{ color: #fff;}
.f-nav1 a:hover{ color: #f00;}
.f-txt{ width: 25%; float: left;}
.f-txt li{  text-indent: 23px; line-height: 35px; color: #fff;}
.ft1{ background: url(../images/f-tel.png) no-repeat left center;}
.ft2{ background: url(../images/f-email.png) no-repeat left center;}
.ft3{ background: url(../images/f-add.png) no-repeat left center;}
.f-txt a{ color: #fff;}
.f-txt a:hover{ color: #f00;}
.f-ewm{ width: 28%; float: right;}
.f-ewm li{ width: 50%; float: left; text-align: center; color: #fff;}
.f-ewm li img{max-width: 85%;}
.f-end{padding-top: 30px; text-align: center; color: #fff;}
.f-end a{ color: #fff;}
.f-end a:hover{color: #ff0; text-decoration: underline;}


.cf-txt{ padding-top: 51px; overflow: hidden;}
.cf-txt li{ width: 50%; float: left; text-align: center; color: #fff;}
.cf-txt li img{ max-width: 80%;}
.ff-nav{ padding: 20px 0; text-align: center; overflow: hidden;}
.ff-nav li{ width: 33.3%; float: left; text-align: center; line-height: 35px;}
.ff-nav a{ color: #fff;}
.ff-nav a:hover{color: #ff0; text-decoration: underline;}

.ff-end{padding: 10px; text-align: center; line-height: 30px; color: #fff;}
.ff-end a{ color: #fff;}
.ff-end a:hover{color: #ff0; text-decoration: underline;}