/*全局样式*/

*{font-family:"微软雅黑",'Arial';}
*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#222;}


.wrapper{width:1600px;}
.wrap-white{padding:80px 0 40px 0; background:#edf3ff;}
.wrap-white.p1{ padding: 60px 0;}

.empty{
    display: block;
    background: url(img/empty.png) no-repeat center;
    width: 100%;
    height: 300px;
}

/*头部样式*/

#header{ height:90px;background: #fff; }
#header.weo-pa{left: 0;right: 0;top: 0;z-index: 99;background: none;border-bottom: 1px rgba(255,255,255,0.1) solid;}
#header.fixed{position: fixed;left: 0;right: 0;top: 0;z-index: 99;background: #fff; height:90px;animation: HeaderSlideDown 0.4s; animation-fill-mode: forwards;box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#header.fixed-b{position: sticky;left: 0;right: 0;top: 0;z-index: 99;background: #fff; height:90px;animation: HeaderSlideDown 0.4s; animation-fill-mode: forwards;box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#header .wrapper{height:100%;}
#logo img{width:147px; height:27px;}
#nav > ul{display:flex;gap:0 40px;}
#nav > ul > li{position:relative; height:90px; text-align:center;}
#nav > ul > li > a{display:block; height:90px; line-height:90px; font-size:16px; overflow:hidden; padding: 0; color: #fff;}
#nav > ul > li:hover > a{color:#d8222b; }
#nav > ul > li.current > a{color:#fff; }
#nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#fff;}
#nav > ul > li ul{position:absolute; left:50%; top:90px; transform:translate(-50%,20px); display:none; width:160px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:16px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 10px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#d8222b; transition:all 0.2s linear;}
#header.fixed #nav > ul > li > a{ color: #333;}
#header.fixed #nav > ul > li.current > a{ color:#d8222b; }
#header.fixed #nav > ul > li:hover > a{ color:#d8222b;border-bottom: 3px #d8222b solid;}
#header.fixed-b #nav > ul > li > a{ color: #333;}
#header.fixed-b #nav > ul > li.current > a{ color:#d8222b; }
#header.fixed-b #nav > ul > li:hover > a{ color:#d8222b;border-bottom: 3px #d8222b solid;}


#logo-img2{ display: none;}

/*首页样式*/
#banner{width:100%; height:920px; overflow:hidden;}
#banner .swiper-wrapper{height:920px;}
#banner .swiper-slide{width:100%; height:920px;}
#banner .swiper-slide img{width:100%; height:920px;}
#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:78px; height:8px; margin:0 0 0 10px; background:rgba(255,255,255,0.5); border-radius:2px; cursor:pointer; opacity:0.5;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,1);opacity:1;}
.product{ background: #fff; padding: 70px 0;}
.title{ text-align: center; font-size: 40px; font-weight: bold; color: #222;}
.product .product-list{ margin-top: 40px;}
.product .product-list ul{ width: 100%; padding: 0;margin: 0 auto;box-sizing: border-box;display: flex;flex-wrap: wrap; justify-content: space-between; gap:20px 0;}
.product .product-list ul li{ height: auto; text-align: center; position: relative;overflow: hidden; }
.product .product-list ul li .img{width: 100%; height: auto;transform: scale(1.1); transition: 0.3s all; }
.product .product-list ul li:nth-child(1){ width: calc(50% - 10px); margin-right: 10px; box-sizing: border-box;}
.product .product-list ul li:nth-child(2){ width: calc(50% - 10px); margin-left: 10px; box-sizing: border-box;}
.product .product-list ul li:nth-child(3){ width: calc(50% - 10px); margin-right: 10px; box-sizing: border-box;}
.product .product-list ul li:nth-child(4){ width: calc(50% - 10px); margin-left: 10px; box-sizing: border-box;}
.product .product-list ul li section{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;padding-top: 80px; transition: 0.3s all;}
.product .product-list ul li h3{ color: #fff; font-size: 30px;  font-weight: bold;}
.product .product-list ul li p{ color: #fff; font-size: 16px; margin: 15px 0;}
.product .product-list ul li .more{ width: 155px; height: 45px;  text-align: center; line-height: 45px; margin: 30px auto;}
.product .product-list ul li .more a{ display: block;border:1px #fff solid; color: #fff; font-size: 16px;}
.product .product-list ul li:hover .img{transform: scale(1.0); transition: 0.3s all; }
.product .product-list ul li:hover section{ background: rgba(0,0,0,0.3);transition: 0.3s all;}
.product .product-list ul li section .more a:hover{ display: block;border:1px #d8222b solid; color: #fff; font-size: 16px; background: #d8222b;}
#fullPage{height: 800px !important; overflow: hidden; margin-top: 40px;}
.s_kind .bd .box { position: relative;height: 100%;z-index: 1;display: flex;align-items: center;}
.s_kind .bd .bg {background-size: cover !important;position: absolute;z-index: -1; left: 0;top: 0;width: 100%;height: 100%;}
.s_kind .bd .solution-js{ text-align: center; padding-top: 90px; width: 800px; margin: 0 auto;}
.s_kind .bd .solution-js h3{ color: #fff; font-size: 30px;  font-weight: bold;}
.s_kind .bd .solution-js section{ padding-top:20px; text-align: center; }
.s_kind .bd .solution-js section p{line-height: 28px; font-size: 16px; color: #fff;}
.s_kind .bd .solution-js .more{width: 155px; height: 45px;  text-align: center; line-height: 45px; margin: 30px auto;}
.s_kind .bd .solution-js .more a{ display: block;border:1px #fff solid; color: #fff; font-size: 16px;}
.s_kind .bd .solution-js .more a:hover{ display: block;border:1px #d8222b solid; color: #fff; font-size: 16px; background: #d8222b;}
.s_kind .hd { position: absolute;z-index: 3;bottom: 0;left: 50%;transform: translate(-50%, 0); width: 1600px;}
#gallery,.s_kind .bd {height: 800px;position: relative;}
.s_kind .hd .outbox { position: relative;}
.s_kind .hd .box { height: 10rem; cursor: pointer; transition: all .5s; padding: 25px; background: rgba(0,0,0,0.5);backdrop-filter: blur(10px) saturate(150%); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 1.8125rem;}
.s_kind .hd .box em{ width: 60px; display: block;}
.s_kind .hd .box em img{width: 100%;}
.s_kind .hd .box .txt{ display:flex; justify-content: space-between; width: 100%; align-items: center;}
.s_kind .hd .box h5 { color: #fff;font-size: 22px;}
.s_kind .hd .box i{ width: 29px;display: block;}
.s_kind .hd .box i img{ width: 100%;}
#thumbs .swiper-slide,#thumbs .my-slide-thumb-active .box {  background: transparent}
#thumbs .my-slide-thumb-active .box { margin-top: 0; background: #d8222b; height: calc(10rem + 1.8125rem); padding-top: 25px;}
#thumbs .my-slide-thumb-active .box h5 {font-size: 28px;}
#thumbs .my-slide-thumb-active .box i { color: #fff;}
#thumbs .my-slide-thumb-active .box p{color: #fff;font-size: 16px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 26px; opacity: 1;ransition: all .5s; }
.outbox .arr {width:56px;height: 56px;  position: absolute; top: 50%; transform: translate(0, -50%);transition: all .5s;cursor: pointer;}
.outbox .arr_left {left: -5rem;}
.outbox .arr_left i{ background: url(../images/s-jt1.png) no-repeat; display: block;width:56px;height: 56px;}
.outbox .arr_right {right: -5rem;}
.outbox .arr_right i {  background: url(../images/s-jt2.png) no-repeat; display: block;width:56px;height: 56px;}
.outbox .swiper{ overflow: hidden;}
.san-item{ background: #fff; padding: 70px 0;}
.san-item ul{ display: flex; justify-content: space-between; gap:0 20px;}
.san-item ul li{ width:33%; height: 342px; position: relative; overflow: hidden;}
.san-item ul li .san-item-img{ width: 100%; height: 100%;}
.san-item ul li .san-item-img img{ transform: scale(1.1); transition: 0.3s all;}
.san-item ul li:hover .san-item-img img{ transform: scale(1.0); transition: 0.3s all;}
.san-item ul li .txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.san-item ul li:hover .txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3);}
.san-item ul li .txt h2{ font-size: 30px; font-weight: bold; color: #fff;}
.san-item ul li .txt p{ font-size: 16px; color: #fff; margin-top: 10px;}
.san-item ul li .txt .more{ width: 130px; height: 42px; margin: 30px auto 0 auto;}
.san-item ul li .txt .more a{ display: block;width: 100%; height: 100%; border: 1px #fff solid; border-radius: 50px; color: #fff; font-size: 16px; line-height: 42px;}
.san-item ul li .txt .more a:hover{ background: #d8222b;border: 1px #d8222b solid;  } 
.about{ background: #f5f5f5; padding: 70px 0;}
.about .about-cont{ display: flex; justify-content: space-between;}
.about .about-cont .left{ width: 245px; }
.about .about-cont .left h2{ font-size: 36px; color: #333; font-weight: bold;}
.about .about-cont .left span{ font-size: 24px; color: #333; margin-top: 10px;display: block;}
.about .about-cont .left .about-more{width: 155px; height: 45px; margin-top: 30px;}
.about .about-cont .left .about-more a{display: block;width: 100%; height: 100%; border: 1px #959595 solid; color: #333; font-size: 16px; line-height: 45px; text-align: center;}
.about .about-cont .left .about-more a:hover{ background: #d8222b;border: 1px #d8222b solid;  color: #fff;}
.about .about-cont .right{ flex: 1;padding-left: 150px;}
.about .about-cont .right p{ line-height: 30px;font-size: 16px; color: #666;}
.about .about-number{ margin-top: 60px;}
.about .about-number ul{ display: flex; justify-content: space-between; }
.about .about-number ul li{ width: 20%;  position: relative; padding-left: 20px;}
.about .about-number ul li:before{ content: ''; position: absolute;top: 0; left: 0; width: 5px; height: 80px; background:linear-gradient(to bottom, #eeeeee, #d8222b); border-radius: 50px;}
.about .about-number ul li .c-sz{ font-size: 18px; color: #333; display: flex;align-items: center;}
.about .about-number ul li .c-sz .count{ font-size: 48px; font-family: arial;}
.about .about-number ul li .c-sz em{font-size: 48px; font-family: arial;}
.about .about-number ul li p{ font-size: 18px; color: #666; margin-top: 5px;}
.about .about-video{ width: 100%; height: 480px; margin-top: 40px;overflow: hidden; position: relative;}
.about .about-video .video-img{ width: 100%; height: 100%; }
.about .about-video .video-img img{ transform: scale(1.0); transition: 0.3s all;}
.about .about-video .video-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.about .about-video .video-icon img{ width:71px; height: 71px;transition: all .5s;}
.about .about-video:hover .video-icon img{  transform: rotate(90deg);transition: all .5s;}

#video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:960px; height:540px;}
#video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(../images/w-close.png) no-repeat center; cursor:pointer;}
#video-play video{display:block; width:960px; height:540px;}
#video-play video:focus{outline:none;}
.news{ background: #fff; padding: 70px 0;}
.news .news-title{ display: flex; justify-content: space-between; align-items: center;}
.news .news-title .left{ flex: 1; font-size: 36px; font-weight: bold;color: #333;}
.news .news-title .right{ display: flex; justify-content: end;gap:0 10px;}
.news .news-title .right ul{ display: flex;gap:0 10px;}
.news .news-title .right ul li{ width: 155px; height: 45px; line-height: 45px; text-align: center;}
.news .news-title .right ul li a{ border: 1px #a0a0a0 solid; display: block; font-size: 16px; color: #333;}
.news .news-title .right ul li.sel a{ background: #d8222b;border: 1px #d8222b solid; color: #fff;}
.news .news-title .right ul li a:hover{ background: #d8222b;border: 1px #d8222b solid; color: #fff;}
.news .news-title .right .news-more{width: 155px; height: 45px; line-height: 45px; text-align: center;}
.news .news-title .right .news-more a{ border: 1px #a0a0a0 solid; display: block; font-size: 16px; color: #333;}
.news .news-title .right .news-more a:hover{background: #d8222b;border: 1px #d8222b solid; color: #fff;}
.news .news-tabs{ margin-top: 40px;}
.news .news-tabs .news-item{ display: none;}
.news .news-cont{display: flex; justify-content: space-between;gap:0 20px;}
.news .news-cont .news-left{ width: 900px;}
.news .news-cont .news-left ul{ display: flex; justify-content: space-between; gap:0 20px;}
.news .news-cont .news-left ul li{ width: 440px;}
.news .news-cont .news-left ul li .news-img{ width: 100%; height: 300px; overflow: hidden;}
.news .news-cont .news-left ul li .news-img img{ width: 100%; height: 300px; transform: scale(1.0); transition: 0.5s all;}
.news .news-cont .news-left ul li:hover .news-img img{transform: scale(1.1); transition: 0.5s all;}
.news .news-cont .news-left ul li section{ background: #f5f5f5; padding: 20px;}
.news .news-cont .news-left ul li section span{ font-size: 15px; color: #666;}
.news .news-cont .news-left ul li section h3{ font-size: 20px; color: #333; line-height: 30px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 5px 0 15px 0;height: 60px;}
.news .news-cont .news-left ul li section p{ font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news .news-cont .news-left ul li section em{ display: block; margin-top: 30px;  font-size: 15px; color: #666;}
.news .news-cont .news-left ul li:hover section h3{ color: #d8222b;}
.news .news-cont .news-left ul li:hover section p{ color: #333;}
.news .news-cont .news-left ul li:hover section em{ color: #333;}
.news .news-cont .news-right{ background: #f5f5f5; padding: 30px;width: 680px;}
.news .news-cont .news-right ul li{ margin-bottom: 22px; border-bottom: 1px #dcdcdc solid; padding-bottom: 22px;}
.news .news-cont .news-right ul li span{ font-size: 15px; color: #666;}
.news .news-cont .news-right ul li h3{ font-size: 20px; color: #333; line-height: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 5px 0 12px 0;height: 60px;} 
.news .news-cont .news-right ul li em{ display: block;  font-size: 15px; color: #666;}
.news .news-cont .news-right ul li:last-child{margin-bottom: 0px;padding-bottom: 30px;}
.news .news-cont .news-right ul li:hover h3{ color: #d8222b;}
.news .news-cont .news-right ul li:hover em{ color: #333;}
#footer{ background: #333; padding-top: 70px;}
#footer .f-nav{ margin-bottom: 40px;}
#footer .f-nav ul{ display: flex; justify-content: space-between;}
#footer .f-nav ul li{ width: 20%;}
#footer .f-nav ul li h5{ font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 15px;}
#footer .f-nav ul li a{ display: block; line-height: 30px; color: #b8b8b8; font-size: 15px; }
#footer .f-nav ul li a:hover{color: #fff;}
.f-contact{ border-bottom: 1px #5c5c5c solid;border-top: 1px #5c5c5c solid; padding: 40px 0; display: flex; justify-content: space-between; align-items: center;}
.f-contact .f-left{ flex: 1; }
.f-contact .f-left span{ font-size: 18px; color: #fff; display: block;}
.f-contact .f-left h3{ font-size: 30px; color: #fff; font-weight: bold; font-family: arial; margin-top: 5px;}
.f-contact .f-right{ display: flex; justify-content: end; gap:0 20px;}
.f-contact .f-right .meiti ul{display: flex; gap:0 20px;}
.f-contact .f-right .meiti ul li{ position: relative;}
.f-contact .f-right .meiti ul li .dy-ewm{position: absolute; background: #fff; border-radius: 5px; width: 100px; height:100px; overflow: hidden; bottom: 45px; left: 50%;transform: translateX(-50%); display: none;}
.f-contact .f-right .meiti ul li:hover .dy-ewm{ display: block;}
.f_link{  border:1px #898989 solid; background:url(../images/link-icon.png) no-repeat 200px center; height:36px; line-height:36px; padding-left:10px; cursor:pointer; position:relative;width:220px;color:#999; color:rgba(255,255,255,0.7);}
.f_linkh{background:url(../images/link-icon.png) no-repeat 200px center;}
.f_link_cont{ position:absolute;left:-1px; bottom:36px; background:#fff;width:220px;border:1px #dcdcdc solid; }
.f_link_cont a{ display:block; line-height:30px; color:#666; padding:0 15px; border-bottom:1px #dcdcdc dotted;}
.f_link_cont a:hover{ color:#d8222b;}
#copyright{ display: flex; padding: 30px 0; justify-content: space-between;}
#copyright span{ color: #fff; font-size: 15px;}
#copyright span a{color: #fff; }
#copyright span a:hover{color:#b8b8b8;}

.ny-banner{ height: 650px;}
.ny-banner .ny_banner_txt{display: flex; height: 650px;justify-content: center;flex-direction: column; align-items: center; padding-top: 90px;}
.ny-banner .ny_banner_txt h2{ font-size: 36px; color: #fff; font-weight: bold;}
.ny-banner .ny_banner_txt h3{ font-size: 18px;color: #fff; margin-top: 10px;}
.mbx-wrap{ height: 60px; border-bottom: 1px #dcdcdc solid;}
.mbx-wrap .wrapper{ display: flex; justify-content: space-between; align-items: center; height: 60px;}
.mbx-wrap .wrapper .left{ flex: 1;}
.mbx-wrap .wrapper .left ul{ display: flex; gap:0 30px;}
.mbx-wrap .wrapper .left ul li{height: 56px; line-height: 56px;}
.mbx-wrap .wrapper .left ul li a{display: block;  font-size: 16px; color: #333; padding: 0;}
.mbx-wrap .wrapper .left ul li a:hover{color: #d8222b;}
.mbx-wrap .wrapper .left ul li.sel a{display: block; font-size: 16px; color: #d8222b; padding: 0; border-bottom: 3px #d8222b solid; font-weight: bold;  }
.mbx-wrap .wrapper .right{ width: 300px; display: flex; justify-content: flex-end; align-items: center;height: 60px; line-height: 60px; color: #666;}
.mbx-wrap .wrapper .right em{ display: flex; height: 60px; align-items: center; margin-right: 5px;}
.mbx-wrap .wrapper .right em img{ height: 15px;width: 15px;}
.mbx-wrap .wrapper .right a{color: #666; margin: 0 3px;}
.mbx-wrap .wrapper .right a:hover{color: #d8222b;}
.mbx-wrap .wrapper .right span{color: #d8222b;margin: 0 3px;}
.ny-about{ padding: 70px 0;}
.ny-about .ny-about-cont{ display: flex; justify-content: space-between;}
.ny-about .ny-about-cont .left{ width: 260px;}
.ny-about .ny-about-cont .left h2{ font-size: 36px; font-weight: bold; color: #333;}
.ny-about .ny-about-cont .left span{display:block;font-size: 24px; color: #333; margin-top: 10px;}
.ny-about .ny-about-cont .right{ flex: 1; padding-left: 140px;}
.ny-about .ny-about-cont .right section p{ font-size: 15px; line-height: 30px;color: #333;}
.ny-about .ny-about-cont .right .ny-about-number{ margin-top: 40px;}
.ny-about .ny-about-cont .right .ny-about-number ul{ display: flex; justify-content: space-between;}
.ny-about .ny-about-cont .right .ny-about-number ul li{ width: 25%; text-align: center;}
.ny-about .ny-about-cont .right .ny-about-number ul li .about-icon{ width: 50px;margin: 0 auto;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz{ font-size: 16px; display: flex; justify-content: center; gap:0 5px; align-items: center; margin: 10px 0 5px 0;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz .count{ font-size: 36px; font-weight: bold; font-family: arial;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz em{font-size: 36px; font-weight: bold; font-family: arial;}
.ny-about .ny-about-cont .right .ny-about-number ul li p{ font-size: 16px; color: #666;}
.ny-about .about-video{ width: 100%; height: 480px; margin-top: 60px;overflow: hidden; position: relative;}
.ny-about .about-video .video-img{ width: 100%; height: 100%; }
.ny-about .about-video .video-img img{ transform: scale(1.0); transition: 0.3s all;}
.ny-about .about-video .video-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.ny-about .about-video .video-icon img{ width:71px; height: 71px;transition: all .5s;}
.ny-about .about-video:hover .video-icon img{  transform: rotate(90deg);transition: all .5s;}
.wrap-history{padding-top:70px; background:url(../images/fzlc-bg.jpg) no-repeat top center; height: 735px;}
.wrap-history .title{ text-align: left;}
#history-item{position:relative; width:1200px; margin:60px auto 0 auto;}
#history-item .item{display:none;}
#history-item .item.current{display:block;}
#history-item .left{width:500px; height: 300px; padding:0;}
#history-item .left img{ width: 100%; height: 100%;}
#history-item .right{flex:1; margin-left:100px; }
#history-item .right em{ display: block; font-size: 170px; font-family: arial; font-weight: bold; color: rgba(216,34,43,0.1);}
#history-item .right p{ font-size: 16px; line-height: 28px; color: #333;}

#history{display:flex; align-items:center; justify-content:space-between; width:100%; margin:50px 0 0 auto; position: relative;}
#history:before{ content: ''; position: absolute; width: 100%; height: 1px;  background: #c9c9c9; left: 0; right: 0;}
#history .swiper-container{width:90%;  overflow:hidden; margin-top: 25px;}
#history .swiper-wrapper{ margin-top: 12px;}
#history .swiper-slide{ font-size:24px;color: #666666; text-align:center; overflow:hidden; background: url(../images/fzlc-jd.png) no-repeat center 10px; padding-top: 40px;}
#history .swiper-slide-active{color:#d8222b;background: url(../images/fzlc-jd-h.png) no-repeat center 0;padding-top: 40px;}
#history .swiper-button-prev,#history .swiper-button-next{position:static; width:48px; height:48px; margin:0; background-repeat:no-repeat; background-position:center;  cursor:pointer; opacity:1;}
#history .swiper-button-prev:after,#history .swiper-button-next:after{display:none;}
#history .swiper-button-prev{background-image:url(../images/fzlc-jt1.png);width:48px; height:48px; }
#history .swiper-button-next{background-image:url(../images/fzlc-jt2.png);width:48px; height:48px; }
#history .swiper-button-prev:hover{background-image:url(../images/fzlc-jt1-h.png);width:48px; height:48px; }
#history .swiper-button-next:hover{background-image:url(../images/fzlc-jt2-h.png);width:48px; height:48px; }
.wrap-honor{ padding: 70px 0;}
.wrap-honor .wrapper{ display: flex; justify-content: space-between;position: relative;}
.wrap-honor .wrapper .left{ width: 320px;}
.wrap-honor .wrapper .left h2{ font-size:36px; font-weight: bold; color: #333;}
.wrap-honor .wrapper .left em{ display: block; margin: 20px 0; background: #707070; width: 23px; height: 5px;}
.wrap-honor .wrapper .left h3{ font-size:30px; font-weight: bold; color: #d8222b; line-height: 44px;}
.wrap-honor .wrapper .left section{ margin-top: 20px;}
.wrap-honor .wrapper .left section p{ font-size: 18px; line-height: 30px; color: #666;}
.wrap-honor .wrapper .right{ width: 1200px; margin-left: 100px;}
#ny-zzry{}
#ny-zzry .swiper-container{ margin: 0;}
#ny-zzry .swiper-container .swiper-slide .honor-img{ background: #eeeeee;border-radius: 10px; width: 388px; height:450px; display: flex; align-items: center; justify-content: center;}
#ny-zzry .swiper-container .swiper-slide .honor-img img{ max-width: 390px; margin:0 auto; height: auto;}
#ny-zzry .swiper-container .swiper-slide span{ display: block; font-size: 15px; color: #666; height: 40px; line-height: 40px; overflow: hidden; margin-top: 15px;}
#ny-zzry .swiper-button-prev,#ny-zzry .swiper-button-next{top:80%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#ny-zzry .swiper-button-prev:after,#ny-zzry .swiper-button-next:after{display:none;}
#ny-zzry .swiper-button-prev{left:-10px; background-image:url(../images/honor-jt1.png);}
#ny-zzry .swiper-button-next{left:50px; background-image:url(../images/honor-jt2.png);}
#ny-zzry .swiper-button-prev:hover{left:-10px; background-image:url(../images/honor-jt1-h.png);}
#ny-zzry .swiper-button-next:hover{left:50px; background-image:url(../images/honor-jt2-h.png);}
.ny-product{ padding: 40px 0;}
.ny-product .wrapper{ display: flex; justify-content: space-between;}
.ny-product .left{ width: 300px; margin-right: 40px;}
.ny-product .left .ny-product-item{ background: #f5f5f5; padding: 30px 0 10px 0; position: relative;}
.ny-product .left .ny-product-item h3{ font-size: 24px; color: #333; background: url(../images/p-icon.png) no-repeat 0 center; padding-left: 30px;}
.ny-product .left .ny-product-item:after{content: '';  position: absolute; bottom: 0; left: 30px; right: 30px; height: 1px; background: #dcdcdc;}
.ny-product .left .ny-product-item ul{padding:10px 30px;}
.ny-product .left .ny-product-item ul li{ height: 40px; line-height: 40px;}
.ny-product .left .ny-product-item ul li a{ font-size: 16px; color: #666; background: url(../images/cp-jt.png) no-repeat right center; display: block;}
.ny-product .left .ny-product-item ul li a:hover{ color: #d8222b;background: url(../images/cp-jt-h.png) no-repeat right center; }
.ny-product .left .ny-product-item.product-sel h3{ color:#d8222b;background: url(../images/p-icon-h.png) no-repeat 0 center;}
.ny-product .left .ny-product-item.product-sel ul li.on a{ color: #d8222b;background: url(../images/cp-jt-h.png) no-repeat right center;}
.ny-product .right{width: 1260px;}
.ny-product .right ul{ display: flex; flex-wrap: wrap;}
.ny-product .right ul li{ margin-right: 40px; margin-bottom: 30px;}
.ny-product .right ul li:nth-child(3n){ margin-right: 0;}
.ny-product .right ul li .ny-product-img{ width: 393px; height: 393px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.ny-product .right ul li .ny-product-img img{max-width: 100%; height: auto; transform: scale(1.0); transition: 0.5s all;}
.ny-product .right ul li:hover .ny-product-img img{transform: scale(1.1); transition: 0.5s all;}
.ny-product .right ul li section{ padding:15px 0 0px 0;}
.ny-product .right ul li section h3{ font-size: 20px; color: #333; margin-bottom: 5px;}
.ny-product .right ul li section p{ font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#fanye{ text-align: center; margin:50px auto 30px auto;}
#fanye ul{ display: flex; justify-content: center; gap:0 10px;}
#fanye ul li{ width: 44px; height: 44px;text-align: center; line-height: 44px; margin-right: 0; margin-bottom: 0; }
#fanye ul li a{display: block; border: 1px #959595 solid;border-radius: 50px; overflow: hidden; width: 44px; height: 44px;}
#fanye ul li span.previous{ background: url(../images/fy-jt1.png) no-repeat 13px 13px; display: block; width: 44px; height: 44px;}
#fanye ul li span.next{ background: url(../images/fy-jt2.png) no-repeat center 13px; display: block;width: 44px; height: 44px;}
#fanye ul li a:hover span.previous{ background:url(../images/fy-jt1-h.png) no-repeat 13px 13px; display: block; width: 44px; height: 44px;}
#fanye ul li a:hover span.next{ background:url(../images/fy-jt2-h.png) no-repeat center 13px; display: block;width: 44px; height: 44px;}
#fanye ul li a:hover{ border: 1px #e6212a solid;background: #e6212a;color: #fff;}
#fanye ul li.active a{ background: #e6212a; border: 1px #e6212a solid; color: #fff;}


#fanye ul li a,#fanye ul li span{display: block; border: 1px #959595 solid;border-radius: 50px; overflow: hidden; width: 44px; height: 44px;}
#fanye ul li a:hover{ border: 1px #e6212a solid;background: #e6212a;color: #fff;}
#fanye ul li.active span{ background: #e6212a; border: 1px #e6212a solid; color: #fff;}


.ny-product .cpxq-right .cpxq-cont-top{display: flex; justify-content: space-between;}
.ny-product .cpxq-right .cpxq-cont-top #cpxq-banner{ width: 460px; height: 460px; overflow: hidden; margin-right: 40px;}
.ny-product .cpxq-right .cpxq-cont-top #cpxq-banner .swiper-slide{ width: 100%; height: 100%;}
.ny-product .cpxq-right .cpxq-cont-top #cpxq-banner .swiper-slide img{width: 100%; height: 100%;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js{ flex: 1;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js h2{ font-size: 30px; color: #333; font-weight: bold; margin-top: 20px;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js section{ padding-top: 20px;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js section p{ font-size: 16px; color: #666; line-height: 30px; margin-bottom: 5px;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js .cp-lxwm{ width: 160px; height: 50px; margin-top: 40px;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js .cp-lxwm a{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border: 1px #959595 solid; color: #333; font-size: 15px;}
.ny-product .cpxq-right .cpxq-cont-top .cpxq-js .cp-lxwm a:hover{ background: #e6212a; color: #fff; border: 1px #e6212a solid;}
.ny-product .cpxq-right .cpxq-cont-item{ margin: 60px 0;}
.ny-product .cpxq-right .cpxq-cont-item	 .cpxq-title{ background: #f5f5f5; height: 60px; margin-bottom: 20px;}	
.ny-product .cpxq-right .cpxq-cont-item	 .cpxq-title em{ display: block; background:url(../images/cpxq-titlebg.png) no-repeat 0 0; width: 169px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; padding-left: 30px; font-weight:bold;}		
.ny-product .cpxq-right .cpxq-cont-item p{ font-size: 16px; color: #333; line-height: 32px;}		
.ny-news{ padding: 40px 0;}		
.ny-news .ny-news-list ul li{ background: #fff; margin-bottom: 40px; padding: 25px; border-radius:20px;transition: 0.3s all; position: relative;}
.ny-news .ny-news-list ul li:hover{ box-shadow: 0 20px 30px rgba(0,0,0,0.15); transition: 0.3s all;}
.ny-news .ny-news-list ul li a{ display: flex; justify-content: space-between;}
.ny-news .ny-news-list ul li .ny-news-img{ width: 520px; height: 300px; overflow: hidden;}
.ny-news .ny-news-list ul li .ny-news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-news .ny-news-list ul li:hover .ny-news-img img{ transform: scale(1.1); transition: 0.5s all;}
.ny-news .ny-news-list ul li .ny-news-txt{width: 980px; margin-left: 50px;}
.ny-news .ny-news-list ul li .ny-news-txt h3{ font-size:24px; color: #333; margin-top: 40px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ny-news .ny-news-list ul li .ny-news-txt span{ font-size:14px; color: #999; display: block; margin: 10px 0 30px 0;}
.ny-news .ny-news-list ul li .ny-news-txt p{ font-size:16px; color: #666;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 32px;}
.ny-news .ny-news-list ul li:hover h3{ color: #d8222b;}
.ny-news .ny-news-list ul li em{ position: absolute; right: 30px; bottom:0; width: 65px; height: 60px; background:  url(../images/news-jt.png) no-repeat center; border-radius: 20px 0 20px 0; transition: 0.5s all; opacity: 0; display: block; background-size: cover;}
.ny-news .ny-news-list ul li:hover em{  right: 0px; transition: 0.5s all;opacity: 1;}
.news-xqbg{ background: #f5f5f5;}
.news-detail{ display: flex; justify-content: space-between;}
.news-detail .left{ flex: 1; margin-right: 90px;}
#article-title{ font-size: 28px; color: #333; line-height: 40px; font-weight: bold;}
#article-info{ font-size: 16px; color: #666; margin: 10px 0;}
#article{ border-top:1px #e5e5e5 solid; margin-top: 30px; padding-top: 30px;}
#article p{ font-size: 16px; line-height: 32px; color: #333; font-family:'PingFang' !important;}
#prev-next{ margin-top: 40px; border-top:1px #d2d2d2 solid; padding-top: 30px;}
#prev-next a{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color:#333; height: 40px; line-height: 40px;}
#prev-next a:hover{ color: #d8222b;}
.news-detail .right{ width: 400px;}		
.news-detail .right .tj-title{ font-size: 20px; font-weight: bold; color: #333; padding: 30px 30px 20px 30px;background: #fff;}
.news-detail .right ul{ background: #fff; padding:0 30px 20px 30px;}
.news-detail .right ul li{ margin-bottom: 20px;}
.news-detail .right ul li .tj-img{ width: 340px; height: 196px; overflow: hidden;}
.news-detail .right ul li .tj-img img{ width: 100%;height: 100%;transform: scale(1.0); transition: 0.3s all;}
.news-detail .right ul li:hover .tj-img img{transform: scale(1.1); transition: 0.3s all;}
.news-detail .right ul li section{ padding-top: 15px;}
.news-detail .right ul li section h3{ font-size: 16px; color: #333 ;line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-detail .right ul li section span{ font-size: 15px; color: #666 ;display: block; margin-top: 5px; font-family: arial;}
.news-detail .right ul li:hover section h3{ color: #d8222b;}
.ny-contact{ padding: 80px 0;}
.ny-contact	.contact-top{display: flex; justify-content: space-between; align-items: center;}					
.ny-contact	.contact-top .left{ flex: 1;}
.ny-contact	.contact-top .left h3{ font-size: 36px; font-weight: bold; color: #333;}
.ny-contact	.contact-top .left em{width: 29px; height: 3px; background: #d8222b; display: block; margin: 25px 0;}	
.ny-contact	.contact-top .left p{ font-size: 20px;color: #333;}
.ny-contact	.contact-top .right{ width: 240px;}		
.ny-contact	.contact-top .right ul{ display: flex; justify-content: space-between;}		
.ny-contact	.contact-top .right ul li{ width: 100px; text-align: center;}		
.ny-contact	.contact-top .right ul li img{ width: 100px; height: 100px;}		
.ny-contact	.contact-top .right ul li span{ display: block; font-size: 15px; color: #666; margin-top: 5px;}			
.ny-contact .contact-list{ margin: 40px 0;}
.ny-contact .contact-list ul{ display: flex; flex-wrap: wrap;}
.ny-contact .contact-list ul li{ margin-bottom: 20px; margin-right: 30px; width: 32%; background: #f5f5f5; padding: 40px; display: flex; align-items: center;}
.ny-contact .contact-list ul li:nth-child(3n){ margin-right: 0;}
.ny-contact .contact-list ul li .contaxt-icon{ width: 72px; height: 72px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content:center;align-items: center;}
.ny-contact .contact-list ul li .contaxt-txt{ margin-left: 20px;}
.ny-contact .contact-list ul li .contaxt-txt span{ font-size: 16px; color: #666; display: block;}
.ny-contact .contact-list ul li .contaxt-txt h4{font-size: 16px; color: #333; margin-top: 10px;}
.ny-contact .contact-list ul li .contaxt-txt h4 i{ display: block; font-size: 24px; font-weight: bold; color: #d8222b;}
.ny-contact .contact-list ul li:hover .contaxt-icon{ transform: rotateY(360deg); transition: 0.3s all;}
#map{ width: 100%; height: 560px;}
.ny-case{ margin: 25px 0 40px 0;}
.ny-case .ny-case-list ul{ display: flex;flex-wrap: wrap;}
.ny-case .ny-case-list ul li{ margin-top: 25px; margin-right: 25px;width: 380px;}
.ny-case .ny-case-list ul li:nth-child(4n){ margin-right: 0;}
.ny-case .ny-case-list ul li .ny-case-img{width: 380px; height: 240px; overflow: hidden;}
.ny-case .ny-case-list ul li .ny-case-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.3s all;}
.ny-case .ny-case-list ul li:hover .ny-case-img img{transform: scale(1.1); transition: 0.3s all;}
.ny-case .ny-case-list ul li section{background: #f5f5f5; padding: 20px 20px 30px 20px;}
.ny-case .ny-case-list ul li section span{ display: block; width: 84px; height: 30px; border: 1px #aaa solid; border-radius: 50px; text-align: center; line-height: 30px; font-size: 14px; color: #666;}
.ny-case .ny-case-list ul li section h3{ font-size: 18px; color: #333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case-box{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000;}
.case-box .case-box-cont{ width: 1000px; height: 650px; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff;}
.case-box .case-box-cont .close{ position: absolute; top: -40px; right:-40px; cursor: pointer;}
.case-box .case-box-cont .close img{ width: 30px; height: 30px;}
.case-box .case-box-cont .case-box-img{ width: 100%; height: 530px; overflow: hidden;}
.case-box .case-box-cont .case-box-img img{ width: 100%; height: 100%;}
.case-box .case-box-cont .case-box-txt{ padding: 20px;}
.case-box .case-box-cont .case-box-txt h3{ font-size: 20px; font-weight: bold; color: #333;}
.case-box .case-box-cont .case-box-txt .case-box-item{ margin-top: 15px; display: flex;}
.case-box .case-box-cont .case-box-txt .case-box-item span{display: block; font-size: 16px; color: #333; padding-right: 30px;}

.ny-solution{ margin: 40px 0;}
.ny-solution .ny-solution-title h3{ font-size: 36px; font-weight: bold; color: #333;}
.ny-solution .ny-solution-title p{ font-size: 16px; color: #333 ; line-height: 30px; margin-top: 15px;} 
.ny-solution .ny-solution-list{ margin-top: 30px;}
.ny-solution .ny-solution-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ny-solution .ny-solution-list ul li{ width: 785px; margin-right: 30px; margin-bottom: 20px;}
.ny-solution .ny-solution-list ul li:nth-child(2n){ margin-right: 0;}
.ny-solution .ny-solution-list ul li .ny-solution-img{ width: 100%; height: 329px; overflow: hidden;}
.ny-solution .ny-solution-list ul li .ny-solution-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-solution .ny-solution-list ul li:hover .ny-solution-img img{ transform: scale(1.1); transition: 0.5s all;}
.ny-solution .ny-solution-list ul li .ny-solution-txt{ background: #f5f5f5; padding:20px 30px;}
.ny-solution .ny-solution-list ul li .ny-solution-txt h3{ font-size: 22px; font-weight: bold; color: #333;}
.ny-solution .ny-solution-list ul li .ny-solution-txt p{ font-size: 16px; color: #666; margin-top: 10px; height:60px; line-height:28px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ny-solution .ny-solution-list ul li .ny-solution-txt .ny-solution-more{ margin-top: 30px; width: 155px; height: 50px; border: 1px #9a9a9a solid; line-height: 50px; text-align: center; color: #666;}
.ny-solution .ny-solution-list ul li:hover .ny-solution-txt .ny-solution-more{ background: #d8222b; color: #fff;border: 1px #d8222b solid; }

.solution-banner{ width: 100%; height: 600px;}
.solution-banner .solution-banner-txt{ background: rgba(0,0,0,0.5); margin-left: 50%; height: 100%; padding:0 150px 0 50px; display: flex;flex-direction: column; justify-content: center; height: 100%;}
.solution-banner .solution-banner-txt h2{ font-size: 30px;  font-weight: bold;color: #fff;}
.solution-banner .solution-banner-txt em{ display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px #fff solid; border-radius: 50px; color: #fff; margin-top: 20px;}
.solution-banner .solution-banner-txt p{ color: #fff; font-size: 16px; line-height: 30px; margin-top: 10px;}
.solution-banner .solution-banner-txt ul{ margin-top: 15px;}
.solution-banner .solution-banner-txt ul li{ line-height: 30px; position: relative; color: #fff; font-size: 16px;}
.ny-solution-xq{ padding: 70px 0;}
.ny-solution-xq .wrapper{ display: flex; justify-content: space-between; align-items: center;}
.ny-solution-xq .wrapper .left{ width: 600px; height: auto;}
.ny-solution-xq .wrapper .left img{ width: 100%;}
.ny-solution-xq .wrapper .right{ width: 900px;}
.ny-solution-xq .wrapper .right h3{font-size: 30px;  font-weight: bold; color: #333;}
.ny-solution-xq .wrapper .right section{ padding-top: 30px;}
.ny-solution-xq .wrapper .right section p{ font-size: 16px; color: #666; line-height: 30px;}
.ny-solution-ys{ background: #f5f5f5; padding: 70px 0;}
.ny-solution-ys h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-solution-ys ul{display: flex; justify-content: space-between; margin-top: 30px;}
.ny-solution-ys ul li{ margin-right: 20px; background: #fff; padding: 20px;}
.ny-solution-ys ul li:last-child{ margin-right: 0;}
.ny-solution-ys ul li em{ font-size: 80px; font-style:italic; color: #ccc; display: block; font-weight: bold;position: relative;z-index: 2;}
.ny-solution-ys ul li section{ background: #fff; margin-top: -40px; position: relative;z-index: 3;padding-top:20px; }
.ny-solution-ys ul li section p{ font-size: 16px; color: #333; line-height: 28px;}
.ny-fwzc{ padding: 50px 0 70px 0;}
.ny-fwzc .ny-fwzc-title h3{font-size: 36px;  font-weight: bold; color: #333;}
.ny-fwzc .ny-fwzc-title p{font-size: 16px;  color: #333; line-height: 30px; margin-top: 15px;}
.ny-fwzc .ny-fwzc-sqfw{ margin-top: 60px;}
.ny-fwzc .ny-fwzc-sqfw h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-fwzc .ny-fwzc-sqfw p{ text-align: center;font-size: 16px; color: #666; margin-top: 10px;}
.ny-fwzc .ny-fwzc-sqfw ul{ margin-top: 60px; display: flex;}
.ny-fwzc .ny-fwzc-sqfw ul li{ margin-right: 20px; width: 304px;}
.ny-fwzc .ny-fwzc-sqfw ul li:last-child{ margin-right: 0;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content: center;align-items: center; margin: 0 auto;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img img{width:70px; height: 70px;}
.ny-fwzc .ny-fwzc-sqfw ul li:hover .fwzc-sqfw-img{ transform: rotateY(360deg); transition: 0.3s all;}
.ny-fwzc .ny-fwzc-sqfw ul li h4{ font-size: 18px; font-weight: bold; color:#333; margin-top: 20px; text-align: center;}
.ny-fwzc .ny-fwzc-sqfw ul li p{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; text-align: left;}

.ny-fwzc-szfw{ background: #f5f5f5; padding: 70px 0;}
.ny-fwzc-szfw h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-fwzc-szfw p{ text-align: center;font-size: 16px; color: #666; margin-top: 10px;}
.ny-fwzc-szfw ul{ margin-top: 60px; display: flex;} 
.ny-fwzc-szfw ul li{ margin-right: 20px; width: 304px;}
.ny-fwzc-szfw ul li:last-child{ margin-right: 0;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content: center;align-items: center;margin: 0 auto;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img img{width:70px; height: 70px;}
.ny-fwzc-szfw ul li:hover .fwzc-sqfw-img{ transform: rotateY(360deg); transition: 0.3s all;}
.ny-fwzc-szfw ul li h4{ font-size: 18px; font-weight: bold; color:#333; margin-top: 20px;text-align: center;}
.ny-fwzc-szfw ul li p{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; text-align: left;}

.ny-fwzc-shfw{padding: 70px 0;}
.ny-fwzc-shfw h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-fwzc-shfw p{ text-align: center;font-size: 16px; color: #666; margin-top: 10px;}
.ny-fwzc-shfw ul{ margin-top: 60px; display: flex;justify-content: space-between;} 
.ny-fwzc-shfw ul li{ margin-right: 20px;  }
.ny-fwzc-shfw ul li:last-child{ margin-right: 0;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content: center;align-items: center;margin: 0 auto;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img img{width:70px; height: 70px;}
.ny-fwzc-shfw ul li:hover .fwzc-sqfw-img{ transform: rotateY(360deg); transition: 0.3s all;}
.ny-fwzc-shfw ul li h4{ font-size: 18px; font-weight: bold; color:#333; margin-top: 20px;text-align: center;}
.ny-fwzc-shfw ul li p{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; text-align: left;}

.ny-fwzc-zzfw{ background: #f5f5f5; padding: 70px 0;}
.ny-fwzc-zzfw h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-fwzc-zzfw p{ text-align: center;font-size: 16px; color: #666; margin-top: 10px;}
.ny-fwzc-zzfw ul{ margin-top: 60px; display: flex;} 
.ny-fwzc-zzfw ul li{ margin-right: 20px; width: 304px;}
.ny-fwzc-zzfw ul li:last-child{ margin-right: 0;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img{width: 120px; height: 120px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content: center;align-items: center;margin: 0 auto;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img img{width:70px; height: 70px;}
.ny-fwzc-zzfw ul li:hover .fwzc-sqfw-img{ transform: rotateY(360deg); transition: 0.3s all;}
.ny-fwzc-zzfw ul li h4{ font-size: 18px; font-weight: bold; color:#333; margin-top: 20px;text-align: center;}
.ny-fwzc-zzfw ul li p{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; text-align: left;}

.ny-fwzc-zzbz{padding: 70px 0;}
.ny-fwzc-zzbz h3{ text-align: center;font-size: 30px;  font-weight: bold; color: #333;}
.ny-fwzc-zzbz p{ text-align: center;font-size: 16px; color: #666; margin-top: 10px;}
.ny-fwzc-zzbz ul{ margin-top: 60px; display: flex;} 
.ny-fwzc-zzbz ul li{ margin-right: 20px; width: 385px;}
.ny-fwzc-zzbz ul li:last-child{ margin-right: 0;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img{ width: 120px; height: 120px; border: 1px #959595 solid; border-radius: 50%; display: flex; justify-content: center;align-items: center;margin: 0 auto;}
.ny-fwzc-zzbz ul li:hover .fwzc-sqfw-img{ transform: rotateY(360deg); transition: 0.3s all;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img img{width:70px; height: 70px;}
.ny-fwzc-zzbz ul li h4{ font-size: 18px; font-weight: bold; color:#333; margin-top: 20px;text-align: center;}
.ny-fwzc-zzbz ul li p{font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; text-align: left;}





#page{ display: none;}


/*自适应*/

@media screen and (max-width:1680px){
.wrapper{width:1400px; transition: 0.3s all;}
#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:760px;}
.product .product-list ul li section{padding-top: 60px; }
.product{ padding: 60px 0;}
.title{ font-size: 36px;}
.product .product-list ul li h3{ font-size: 28px;}
.s_kind .hd{width:1440px; transition: 0.3s all;}
#fullPage{height: 700px !important; overflow: hidden; margin-top: 40px;}
#gallery,.s_kind .bd {height: 700px;position: relative;}
.s_kind .hd .box { height: 9rem;}
#thumbs .my-slide-thumb-active .box { margin-top: 0; background: #d8222b; height: calc(9rem + 1.8125rem); padding-top: 20px;}
.outbox .arr{ width: 45px; height: 45px;}
.outbox .arr_right i{ width: 45px; height: 45px; background-size:cover ;}
.outbox .arr_left i{ width: 45px; height: 45px; background-size:cover ;}
.outbox .arr_right{ right: -4rem;}
.outbox .arr_left{ left: -4rem;}
.s_kind .bd .solution-js h3{ font-size: 24px;}
.s_kind .hd .box h5{ font-size: 18px;}
#thumbs .my-slide-thumb-active .box h5{ font-size: 22px;}
.san-item ul li{ height: 305px;}
.san-item ul li .txt h2{ font-size: 26px;}
.about .about-number ul li .c-sz .count{ font-size: 44px;}
.about .about-video{ height: 432px;}
.news .news-cont .news-left{ width: 820px;}
.news .news-cont .news-left ul li{ width: 400px;}
.news .news-cont .news-left ul li .news-img{ height: 272px;}
.news .news-cont .news-left ul li .news-img img{ height: 272px;}
.news .news-cont .news-left ul li section h3{ font-size: 18px;}
.news .news-cont .news-right{ padding: 20px 30px;}
.news .news-cont .news-right ul li{ margin-bottom: 20px; padding-bottom: 20px;}
.news .news-cont .news-right ul li h3{ font-size: 18px; margin: 5px 0 10px 0;}
.news .news-cont .news-right ul li:last-child{margin-bottom: 0px;padding-bottom: 20px;}
.ny-banner{ height: 520px;}
.ny-banner .ny_banner_txt{ height: 520px;}
.ny-banner .ny_banner_txt h2{ font-size: 32px;}
.ny-banner .ny_banner_txt h3{ font-size: 16px;}
.ny-about{ padding: 60px 0;}
.ny-about .ny-about-cont .left h2{ font-size: 34px;}
.ny-about .ny-about-cont .left span{ font-size: 22px;}
.ny-about .ny-about-cont .right{ padding-left: 100px;}
.ny-about .ny-about-cont .right .ny-about-number ul li .about-icon{ width: 45px;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz .count{ font-size: 32px;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz em{ font-size: 32px;}
.ny-about .about-video{  height: 432px;}
.wrap-honor .wrapper .right{ width: 1000px;}
.wrap-history .title{ font-size: 34px;}
.wrap-honor .wrapper .left h2{ font-size: 34px;}
.wrap-honor .wrapper .left h3{ font-size: 26px;}
.wrap-honor .wrapper .left section p{ font-size: 16px;}
#ny-zzry .swiper-container .swiper-slide .honor-img{ width: 320px; height: 400px;}
#ny-zzry .swiper-container .swiper-slide .honor-img img{max-width:260px;}
.wrap-honor .wrapper .right{ margin-left: 80px;}
.ny-product .left{ width: 280px;}
.ny-product .right{ width: 1080px;}
.ny-product .right ul li{ margin-right: 30px;}
.ny-product .right ul li .ny-product-img{ width: 340px; height: 340px;}
.ny-product .left .ny-product-item h3{ font-size: 22px;}
.ny-product .cpxq-right .cpxq-cont-top #cpxq-banner{ width: 430px; height: 430px; overflow: hidden; margin-right: 40px;}
.ny-news .ny-news-list ul li .ny-news-img{ width: 500px; height: 288px; overflow: hidden;}
.ny-news .ny-news-list ul li .ny-news-txt{ width: 810px; margin-left: 40px;}
.ny-news .ny-news-list ul li em{ width: 60px; height: 55px;}
.ny-contact .contact-list ul li{ width: 31.8%;}
#map{ width: 100%; height: 460px;}
.ny-case .ny-case-list ul li{width: 331px;}
.ny-case .ny-case-list ul li .ny-case-img{width: 331px; height: 210px; }
.ny-case .ny-case-list ul li section h3{ font-size: 16px;}

.case-box .case-box-cont{ width: 900px; height: 590px; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff;}
.case-box .case-box-cont .case-box-img{ width: 100%; height: 480px; overflow: hidden;}
.ny-solution .ny-solution-title h3{ font-size: 32px;}
.ny-solution .ny-solution-list ul li{width: 685px}
.ny-solution .ny-solution-list ul li .ny-solution-img{ height: 287px;}
.ny-solution .ny-solution-list ul li .ny-solution-txt h3{font-size: 20px;}

.solution-banner{ height: 550px;}
.solution-banner .solution-banner-txt h2{ font-size: 30px;}
.ny-solution-xq .wrapper .right{ width: 750px;}
.ny-solution-xq .wrapper .right h3{ font-size: 30px;}

.ny-fwzc .ny-fwzc-sqfw ul li{ width: 264px;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img img{width: 60px; height: 60px; }
.ny-fwzc-szfw ul li{ width: 264px;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img{width: 120px; height: 120px;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img img{width: 60px; height: 60px; }
.ny-fwzc-shfw ul li{ width: 264px;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img img{width: 60px; height: 60px; }
.ny-fwzc-zzfw ul li{ width: 264px;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img{ width: 120px; height: 120px;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img img{width: 60px; height: 60px; }
.ny-fwzc-zzbz ul li{ width: 335px;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img{ width: 120px; height: 120px;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img img{width: 60px; height: 60px; }
.ny-fwzc .ny-fwzc-title h3{ font-size: 32px;}
.ny-fwzc .ny-fwzc-sqfw h3,.ny-fwzc-szfw h3,.ny-fwzc-shfw h3,.ny-fwzc-zzfw h3,.ny-fwzc-zzbz h3{ font-size: 28px;}
.ny-fwzc .ny-fwzc-sqfw ul li h4,.ny-fwzc-szfw ul li h4,.ny-fwzc-shfw ul li h4,.ny-fwzc-zzfw ul li h4,.ny-fwzc-zzbz ul li h4{ font-size: 16px;}


}


@media screen and (max-width:1440px){
.wrapper{width:1280px;transition: 0.3s all;}
#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:680px;}
.product .product-list ul li section{padding-top: 40px; }
.product{ padding: 40px 0;}
.title{ font-size: 30px;}
.product .product-list ul li h3{ font-size: 24px;}
.product .product-list ul li .more{ width: 140px; height: 40px; line-height: 40px; margin: 25px auto;}
.product .product-list ul li .more a{ font-size: 14px;}
.product .product-list ul li p{ font-size: 14px;}
.s_kind .hd{width:1280px; transition: 0.3s all;}
.s_kind .bd .solution-js h3{ font-size: 24px;}
.s_kind .hd .box h5{ font-size: 18px;}
#thumbs .my-slide-thumb-active .box h5{ font-size: 24px;}
.s_kind .hd .box em{ width: 46px;}
#fullPage{height: 600px !important; overflow: hidden; margin-top: 40px;}
#gallery,.s_kind .bd {height: 600px;position: relative;}
.s_kind .hd .box { height: 9rem;}
#thumbs .my-slide-thumb-active .box { margin-top: 0; background: #d8222b; height: calc(9rem + 1.8125rem); padding-top: 20px;}
.outbox .arr{ width: 45px; height: 45px;}
.outbox .arr_right i{ width: 45px; height: 45px; background-size:cover ;}
.outbox .arr_left i{ width: 45px; height: 45px; background-size:cover ;}
.outbox .arr_right{ right: -4rem;}
.outbox .arr_left{ left: -4rem;}
.san-item ul li{ height: 270px;}
.san-item ul li .txt h2{ font-size: 22px;}
.about .about-cont .left h2{ font-size: 30px;}
.about .about-cont .left span{font-size: 20px;}
.about .about-cont .left .about-more{ width: 150px;}
.about .about-cont .right{ padding-left: 70px;}
.about .about-video{ height: 384px;}
.news .news-cont .news-left{ width: 760px;}
.news .news-cont .news-left ul li{ width:370px;}
.news .news-cont .news-left ul li .news-img{ height: 252px;}
.news .news-cont .news-left ul li .news-img img{ height: 252px;}
.news .news-cont .news-left ul li section h3{ font-size: 16px; line-height: 28px; height: 55px;margin: 5px 0 10px 0;}
.news .news-cont .news-right ul li h3{ font-size: 16px; line-height: 28px; height: 55px;margin: 5px 0 10px 0;}
.news .news-cont .news-right ul li{ padding-bottom: 20px; margin-bottom: 20px;}
.news .news-cont .news-right ul li:last-child{margin-bottom: 0px;padding-bottom: 20px;}
.news .news-title .left{ font-size: 30px;}
.news .news-title .right ul li{ width: 145px;}
.ny-banner{ height: 470px;}
.ny-banner .ny_banner_txt{ height: 470px;}
.ny-banner .ny_banner_txt h2{ font-size: 30px;}
.ny-banner .ny_banner_txt h3{ font-size: 16px;}
.ny-about{ padding: 50px 0;}
.ny-about .ny-about-cont .left h2{ font-size: 30px;}
.ny-about .ny-about-cont .left span{ font-size: 20px;}
.ny-about .ny-about-cont .right{ padding-left: 50px;}
.ny-about .ny-about-cont .right
.ny-about .ny-about-cont .right .ny-about-number ul li .about-icon{ width: 45px;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz .count{ font-size: 32px;}
.ny-about .ny-about-cont .right .ny-about-number ul li .c-sz em{ font-size: 32px;}
.ny-about .about-video{  height: 384px;}
.wrap-honor .wrapper .right{ width: 900px;}
.wrap-history .title{ font-size: 30px;}
.wrap-honor .wrapper .left{ width: 280px;}
.wrap-honor .wrapper .left h2{ font-size: 30px;}
.wrap-honor .wrapper .left h3{ font-size: 24px;}
.wrap-honor .wrapper .left section p{ font-size: 15px;}
#ny-zzry .swiper-container .swiper-slide .honor-img{ width: 286px; height: 350px;}
#ny-zzry .swiper-container .swiper-slide .honor-img img{max-width:216px;}
#ny-zzry .swiper-button-prev, #ny-zzry .swiper-button-next{ width: 40px; height: 40px; background-size: cover;border-radius:0;}
#history-item .left{ width: 400px; height: 260px;}
#history-item .right{ margin-left: 60px;}
#history-item .right em{ font-size: 140px;}
#history-item{ width: 1000px;}
#history .swiper-slide{ font-size: 20px;}
.wrap-history{height: 660px; background-size:cover;}
.ny-product .left{ width: 260px; margin-right: 30px;}
.ny-product .right{ width: 990px;}
.ny-product .right ul li{ margin-right: 25px;}
.ny-product .right ul li .ny-product-img{ width: 313px; height: 313px;}
.ny-product .left .ny-product-item h3{ font-size: 20px;}
.ny-product .left .ny-product-item ul li a{ font-size: 14px;}
.ny-product .right ul li section h3{ font-size: 18px;}
.ny-product .cpxq-right .cpxq-cont-top #cpxq-banner{ width: 400px; height: 400px; overflow: hidden; margin-right: 40px;}
.ny-news .ny-news-list ul li .ny-news-img{ width: 450px; height: 260px; overflow: hidden;}
.ny-news .ny-news-list ul li .ny-news-txt{ width: 750px; margin-left: 30px;}
.ny-news .ny-news-list ul li em{ width: 55px; height: 51px; }
.ny-contact .contact-list ul li{ width: 31.6%;}
#map{ width: 100%; height: 400px;}
.ny-case .ny-case-list ul li{width: 305px;margin-right: 20px;}
.ny-case .ny-case-list ul li .ny-case-img{width: 305px; height:192px; }
.ny-solution .ny-solution-title h3{ font-size: 30px;}
.ny-solution .ny-solution-list ul li{width: 625px}
.ny-solution .ny-solution-list ul li .ny-solution-img{ height: 262px;}
.ny-solution .ny-solution-list ul li .ny-solution-txt h3{font-size: 18px;}
.ny-solution .ny-solution-list ul li .ny-solution-txt p{ font-size: 15px;}
.ny-solution .ny-solution-list ul li .ny-solution-txt .ny-solution-more{ margin-top: 20px; width: 140px; line-height: 40px; height: 40px;}
.solution-banner{ height: 500px;}
.solution-banner .solution-banner-txt h2{ font-size: 26px;}
.ny-solution-xq .wrapper .right{ width: 620px;}
.ny-solution-xq .wrapper .right h3{ font-size: 26px;}

.ny-fwzc .ny-fwzc-sqfw ul li{ width: 240px;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img{ width: 110px; height: 110px;}
.ny-fwzc .ny-fwzc-sqfw ul li .fwzc-sqfw-img img{width: 50px; height: 50px; }
.ny-fwzc-szfw ul li{ width: 240px;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img{width: 110px; height: 110px;}
.ny-fwzc-szfw ul li .fwzc-sqfw-img img{width: 50px; height: 50px; }
.ny-fwzc-shfw ul li{ width: 240px;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img{ width: 110px; height: 110px;}
.ny-fwzc-shfw ul li .fwzc-sqfw-img img{width: 50px; height: 50px; }
.ny-fwzc-zzfw ul li{ width: 240px;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img{ width: 110px; height: 110px;}
.ny-fwzc-zzfw ul li .fwzc-sqfw-img img{width: 50px; height: 50px; }
.ny-fwzc-zzbz ul li{ width: 305px;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img{ width: 110px; height: 110px;}
.ny-fwzc-zzbz ul li .fwzc-sqfw-img img{width: 50px; height: 50px; }
.ny-fwzc .ny-fwzc-title h3{ font-size: 30px;}
.ny-fwzc .ny-fwzc-sqfw h3,.ny-fwzc-szfw h3,.ny-fwzc-shfw h3,.ny-fwzc-zzfw h3,.ny-fwzc-zzbz h3{ font-size: 26px;}
.ny-fwzc .ny-fwzc-sqfw ul li h4,.ny-fwzc-szfw ul li h4,.ny-fwzc-shfw ul li h4,.ny-fwzc-zzfw ul li h4,.ny-fwzc-zzbz ul li h4{ font-size: 16px;}


}




@media screen and (min-width: 751px) and (max-width: 1180px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:1rem; height:2.25rem; overflow:hidden;}
#sj-logo img{width:auto;height:1.65rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(../images/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}
#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}
#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }

#banner{ padding-top:3.75rem; height:27.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:24rem;}
#banner .swiper-slide .box{ height:24rem;}
#banner .swiper-slide .box .text{ height:24rem;}
#banner .swiper-slide .box .text h2{ font-size: 24px;}
#banner .swiper-slide .box .text em{ width: 25px; margin: 10px 0; height: 3px;}
#banner .swiper-slide .box .text p{ font-size: 16px; line-height: 30px;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}

	
}




@media (max-width:750px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc; width: 100%;}
#sj-logo{left:0.75rem; top:1.25rem; height:1.3125rem; overflow:hidden;}
#sj-logo img{width:auto;height:1.3125rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(../images/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}
#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}
#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }


#banner{ padding-top:3.75rem; height:15.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:12rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
.product{ padding:30px 0;}
.title{ font-size:24px;}
.product .product-list{ margin-top:20px;}
.product .product-list ul{gap:10px 0;}
.product .product-list ul li:nth-child(1){ width:100%;margin-right: 0;}
.product .product-list ul li:nth-child(2){ width:100%; margin-left:0;}
.product .product-list ul li:nth-child(3){ width:100%;margin-right: 0;}
.product .product-list ul li:nth-child(4){ width:100%; margin-left:0;}
.product .product-list ul li section{ padding-top:20px;}
.product .product-list ul li h3{ font-size:18px;}
.product .product-list ul li p{ padding:0 20px;}
.product .product-list ul li .more{ width:110px; height:32px; line-height:32px;}
.solution-cont{ margin-top:20px;}
.s_kind .bd .solution-js{ width:90%;padding-top: 50px;}
#gallery, .s_kind .bd{height:500px;}
.s_kind .bd .solution-js h3{ font-size:18px;}
.s_kind .bd .solution-js section p{ font-size:14px; line-height:26px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.s_kind .bd .solution-js .more{width: 140px;  height: 40px;  text-align: center; line-height: 40px;  margin: 15px auto;}
.s_kind .bd .solution-js .more a{ font-size:14px;}
.s_kind .hd{ width:100%;}
.s_kind .hd .box h5{ font-size:16px;}
.s_kind .hd .box em{ width:38px;}
#thumbs .my-slide-thumb-active .box h5{ font-size:16px;}
.s_kind .hd .box i{ width:18px;}

}