@charset "utf-8";
* {
    padding: 0;
    margin: 0;
   -webkit-tap-highlight-color:rgba(255,255,255,0);
    box-sizing: border-box;
    transition: all .3s;
}
li,
ol,
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
    vertical-align: top;
}
input,
select,
button,
textarea {
    border: none;
    border-radius: 0;
    font-family: Microsoft YaHei,Helvetica, Arial;
    font-size: 1.4rem;
}
input,
textarea {
    outline: 0;
    -webkit-appearance: none;
}
.fr{float:right;}
.fl{float:left;}
.clearfix:after{content: "";display: table;clear: both;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);color:#282828;}
.xs-visible{display: none;}
.xs-hidden{}
/*@font-face {
    font-family: 'FZMWFont';
    src: url('../font/FZMWFont.ttf');
}
@font-face {
    font-family: 'sthupo';
    src: url('../font/sthupo.ttf');
}
@font-face {
    font-family: 'REGULAR';
    src: url('../font/REGULAR.ttf');
}*/
@font-face {
  font-family: 'REGULAR';
  src: url('../font/REGULAR.eot');
  src:
    url('../font/REGULAR.eot?#font-spider') format('embedded-opentype'),
    url('../font/REGULAR.woff') format('woff'),
    url('../font/REGULAR.ttf') format('truetype'),
    url('../font/REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sthupo';
  src: url('../font/sthupo.eot');
  src:
    url('../font/sthupo.eot?#font-spider') format('embedded-opentype'),
    url('../font/sthupo.woff') format('woff'),
    url('../font/sthupo.ttf') format('truetype'),
    url('../font/sthupo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SYCN';
  src: url('../font/SYCN.otf');
 
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes img {
  0% {
    clip-path:polygon(0 100%,100% 100%,100% 100% ,0 100%);
    }

  100% {
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
  }
}

@keyframes img {
  0% {
    clip-path:polygon(0 100%,100% 100%,100% 100% ,0 100%);
  }

  100% {
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
  }
}

.img {
  -webkit-animation-name: img;
  animation-name: img;
}
html {
    font-size: 62.5%;
    font-family: Microsoft YaHei,Helvetica, Arial;width: 100%;height: 100%;
}
body {
    font-size: 1.4rem;
    color: #282828;
    font-family: Microsoft YaHei,Helvetica, Arial;
    margin:0 auto;
    overflow-x: hidden;
}
.wrap{max-width: 1440px;position: relative;margin:0 auto;}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.hide{display: none!important;}
.xs-visible{display: none;}
.xs-hidden{}
::-webkit-scrollbar {
    width: 8px;
    height: 40px; 
}
::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.5);
}

header{position: absolute;left:0;top:0;width: 100%;z-index: 20;padding-top: 20px;}
header .wrap{display: flex;justify-content: space-between;align-items: center;}
header .nav{width: 58%;text-align: center;position: relative;}
header .nav li{display: inline-block;padding:15px 5px;margin:0 10px;position: relative;z-index:1;}
header .nav li:hover .drop{padding-top: 0;opacity: 1;visibility: visible;}
header .nav li a{color:#fff;font-size: 1.5rem;display: block;}
header .nav li .drop{position: absolute;top:100% ;width: 100% ;left:0px;padding-top: 3px;opacity: 0;visibility: hidden;}
header .nav li .drop a{display: block;font-size: 1.3rem;padding:10px 0;background: rgba(0,0,0,0.6);}
header .nav li .drop a:hover,header .nav li .drop .cur{color:#ea5413;}
header form{background: #ea5411;border-radius: 15px;display: flex;align-items: center;padding:5px 15px;}
header form input[type=text]{background:transparent;color:#fff;}
header form input[type=text]::-webkit-input-placeholder{color:#fff;} 
header form input[type=submit]{background:url(../images/Icon.png) no-repeat center center;width: 20px;height: 20px;cursor: pointer;}
header .lang{color:#fff;}
header .nav .line{position: absolute;bottom: 0;height: 3px;background:#ea5413;}

.banner .swiper-slide{overflow:hidden;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 6%;}
.banner .swiper-pagination-bullet{width: 40px;height: 4px;border-radius: 0;opacity: 1;background:#a0a0bb;}
.banner .swiper-pagination-bullet-active{;background:#ea5413;}

.i-product{text-align: center;}
.i-title{font-size: 3.5rem;color:#222;font-weight: normal;margin:4% 0 2%;}
.i-intro{color:#838383;font-size: 1.5rem;}

.i-product ul{display: none;justify-content: center;margin:3% 0 4%;}

.i-product ul li{width: 50%;color:#020202;font-size: 1.6rem;cursor: pointer;}
.i-product ul li img{filter: grayscale(100%);zoom:0.75;}
.i-product ul li div{height: 50px;display:flex;align-items: center;justify-content: center;}
.i-product ul li p{margin-top: 30px;border-left: 1px dashed #b5b5b5;}
.i-product ul li:last-child p{border-right:1px dashed #b5b5b5; }
.i-product ul li:hover img,.i-product ul .active img{filter: grayscale(0);}
.i-product ul li:hover p,.i-product ul .active p{color:#ea5411;}

.i-product .slide{position: relative;}
.i-product .box .swiper-slide{width: 32%;margin-right:2%;background:#f4f4f4;padding:0 0 2%; overflow: hidden;}
.i-product .box .swiper-slide:hover p{color:#ea5411;}
.i-product .box .swiper-slide:hover .pic img{transform: scale(1.3);}
.i-product .slide .pic{height: 250px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;overflow: hidden;}
.i-product .slide .pic img{width: 100%;}
.i-product .slide p{color:#acacac;font-size: 1.7rem;}
.i-product .swiper-button-next{right:-60px;width: 15px;height: 26px;background-image: url(../images/next.png);background-size: 15px 26px;}
.i-product .swiper-button-prev{left:-60px;width: 15px;height: 26px;background-image: url(../images/prev.png);background-size: 15px 26px;}

.intro{text-align: center;background:url(../images/intro.png) no-repeat ;color:#fff;height: 632px;display: flex;align-items: center;margin-top: 100px;}
.intro .i-title{color:#fff;}
.intro .wrap>p{font-size: 2rem;margin-bottom: 40px;margin-top:80px;}
.intro .text{max-width: 60%;margin:0 auto;text-align: left;text-indent: 4rem;font-size: 1.5rem;line-height:2.2;}
.intro .wrap>a{display: table;color:#282828;margin:60px auto;background: rgba(255,255,255,0.7);padding:5px 20px;border-radius: 20px;}

.i-case{text-align: center;}
.i-case ul{display: flex;justify-content: space-between;margin:3% 0;}
.i-case ul li{width: 23%;position: relative;overflow:hidden;}
.i-case ul li a{display: block;position: relative;}
.i-case ul li div{position: absolute;bottom: 5%;left: 8%;color:#fff;text-align: left;z-index: 1;}
.i-case ul li a:after{position: absolute;top: 0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);content: "";}
.i-case ul li:hover img{transform: scale(1.1);}
.i-case ul li div span{font-size: 1.6rem;position: relative;}
.i-case ul li div span:after{position: absolute;bottom: -8px;width:50px;height: 1px;background:#fff;content: "";left:0;}
.i-case ul li div p{font-size: 1.8rem;margin-top: 15px;}

.i-news{text-align: center;}

.main{margin-top:4%;display:flex;justify-content:space-between;align-items:center;}
.main>div{width: 26%;}
.main .hot{position: relative;display: block;}
.main .hot div{bottom: 0;width: 100%;display: flex;left:0;justify-content: space-between;position: absolute;color:#fff;}
.main .hot div span{width: 30%;padding:10px 0 6px ;background:#2a5a97;font-size: 2.4rem; }
.main .hot div p{width: 70%;background:rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
.main .list{text-align: left;}
.main .list .item:first-child{margin-bottom: 40px;display: block;}
.main .list .item span{display: block;margin:10px 0;}
.main .list .item p{color:#838383;}
.main .list .item h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main .list .item:hover h3{transform:translateX(20px);color: #2a5a97;}

footer{margin-top: 80px;overflow:hidden;}
footer .wrap{padding:60px 30px;display: flex;justify-content: space-between;}
footer .wrap a{color:#fff;}
footer .wrap>div{opacity: 0;}
footer .content{background: #222;color:#fff;}
footer .common2{width: 50%;}
footer .wrap dt{font-size: 1.7rem;margin-bottom: 15px;}
footer .wrap dt:first-child:after{
    content: "";
    width: 50px;
    height: 1px;
    background: #dd5114;
    display: block;
    margin-top: 12px;
}
footer .wrap dd{line-height: 2;}
footer .wrap dd img{width: 72px;}
footer .wrap dd a{display: block;}
footer .wrap .common dd{padding-left: 20px;background: url(../images/icon2.png) no-repeat left center;}
footer .wrap .common2 dd{padding-left: 20px;}
footer .wrap .common2 dd:nth-child(2){background: url(../images/icon3.png) no-repeat left center;}
footer .wrap .common2 dd:nth-child(3){background: url(../images/icon4.png) no-repeat left center;}
footer .wrap .common2 dd:nth-child(4){background: url(../images/icon5.png) no-repeat left center;}
footer .wrap .common dd:hover a,footer .wrap .common2 dd:hover a{transform: translateX(10px);color:#dd5114;}
footer .ewm img:first-child{margin-right: 15px;}
footer .copyright{background: #131313;text-align: center;color:#fff;padding:20px 0;}
footer .copyright a{color:#fff;}
.up svg {
    fill: #fff;
    background: rgb(105,198,222);
    width: 40px;
    padding: 3px;
    position: fixed;
    bottom: 15%;
    right: 5%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}
.up.show svg{animation:fadeInRight 0.6s forwards; visibility: visible;}

.about{margin-top:3%;}
.label{border-bottom: 1px solid #f4f4f4;padding-bottom: 20px;}
.label a{color:#555;font-size: 1.6rem;font-weight: 600;margin-right: 20px;}
.label a:hover,.label .active{color:#ea5411;}
.label2{margin:2% 0 1%;}
.label2 span{margin:0 5px;}

.about .ab1{display: flex;}
.about .ab1>div{width: 45%;display: flex;justify-content: center;align-items: center;background: #f4f4f4;}
.about .ab1 .content{width: 65%;line-height: 2;}
.about .ab1 .content .txt{margin-top: 20px;color:#838383;text-indent: 2em;font-size: 1.5rem;}
.about .ab1 .content h3{font-size: 2rem;font-weight: normal;}
.about .ab1 img {width: 55%;}
.about .ab3{padding:0 6%;position: relative;margin-top: 4%;}
.about .ab3 .swiper-container{padding:50px 0;}
.about .ab3 .swiper-button-next{width: 27px;height: 58px;background-image: url(../images/next2.png);background-size:27px 58px;}
.about .ab3 .swiper-button-prev{width: 27px;height: 58px;background-image: url(../images/prev2.png);background-size: 27px 58px;}
.about .ab3 .swiper-slide p{text-align: center;color:#838383;margin-top: 30px;font-size: 1.7rem;opacity: 0;}
.about .ab3 .swiper-slide img{padding:10px;box-shadow: 0 0 3px #ccc;background: #fff;filter: drop-shadow(0 15px 5px #ccc);}
.about .ab3 .swiper-slide-active{z-index: 11;}
.about .ab3 .swiper-slide-active p{transform:translateY(40px);opacity: 1;}
.about .ab3 .swiper-slide-active img{transform: scale(1.3);}
.about .ab3 .swiper-slide-prev,.about .ab3 .swiper-slide-next{z-index: 10;}
.about .ab3 .swiper-slide-prev p,.about .ab3 .swiper-slide-next p{transform:translateY(20px);}
.about .ab3 .swiper-slide-prev img{transform: scale(1.15);}
.about .ab3 .swiper-slide-next img{transform: scale(1.15);}

.product{margin-top:3%;}
.h1{font-size: 3rem;padding-bottom: 20px;border-bottom: 1px solid #f4f4f4;}
.product ul{display: flex;justify-content: space-between;margin:3% 0 4%;padding:0 5%;text-align: center;}
.product ul li{width: 50%;color:#020202;font-size: 1.6rem;cursor: pointer;}
.product ul li img{filter: grayscale(100%);zoom:0.75;}
.product ul li div{height: 50px;display:flex;align-items: center;justify-content: center;}
.product ul li p{margin-top: 30px;border-left: 1px dashed #b5b5b5;}
.product ul li:last-child p{border-right:1px dashed #b5b5b5; }
.product ul li:hover img,.product ul .active img{filter: grayscale(0);}
.product ul li:hover p,.product ul .active p{color:#ea5411;}

.product .list{display: flex;border-bottom: 1px solid #eee;flex-wrap:wrap;}
.product .list a{width: 23.5%;margin-left:2%;background:#f4f4f4;padding:0 0 2%;text-align: center;margin-bottom: 30px;overflow: hidden;}
.product .list a:hover p{color:#ea5411;}
.product .list a:nth-child(4n-3){margin-left: 0;}
.product .list  .pic{height: 220px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;overflow: hidden;}
.product .list  .pic img{width: 100%;}
.product .list a p{color:#acacac;font-size: 1.7rem;}
.product .list  a:hover .pic img{transform: scale(1.3);}

.wrap>.page{margin: 4% auto 0;text-align: center;}
.wrap>.page a{display:inline-block;width: 30px;height: 30px;border: 1px solid #ddd;line-height: 30px;color:#6f6f6f;}
.wrap>.page a.current,.page a:hover{color:#fff;background: #ea5411;}
.wrap>.page a.current span,.page a:hover span{background: #fff;}
.wrap>.page a span{height: 10px;width: 1px;background:#6f6f6f;display: inline-block;}

.display{margin-top: 3%;}
.display .content{display: flex;justify-content: space-between;align-items:flex-start;margin-top: 3%;}
.display .content .pic{width: 30%;text-align: center;}
.display .content .thumb{/*height: 300px;*/display: flex;justify-content: center;align-items: center;}
.display .content .swiper-slide{/*padding:2% 0 10%;*/}
.display .content .pic{/*background: #f4f4f4;padding:0 20px;*/}
.display .swiper-container-horizontal > .swiper-pagination-bullets{bottom:8%; }
.display .swiper-button-next{width: 11px;height: 33px;background-image: url(../images/next3.png);background-size:11px 33px;}
.display .swiper-button-prev{width: 11px;height: 33px;background-image: url(../images/prev3.png);background-size: 11px 33px;}
.display .swiper-pagination-bullet{border:1px solid #275899;background: #fff;opacity: 1;width: 10px;height: 10px;}
.display .swiper-pagination-bullet-active{background:#275899; }
.display .txt{width: 60%;text-align: center;}
.display .txt h3 p{font-size: 1.5rem;}
.display .txt .cs{border-bottom: 1px solid #98999a;text-align: left;margin:30px 0;white-space: nowrap;}
.display .txt .cs a{margin-right: 30px;font-size: 1.7rem;padding-bottom: 10px;position: relative;display: inline-block;}
.display .txt .cs a:after{content: "";bottom: -1px;width: 100%;height: 4px;background: transparent;position: absolute;left:0;}
.display .txt .cs a:hover:after,.display .txt .cs .active:after{background:#ea5413;}
.display .ct-list .item{text-align: left;color:#838383;line-height:2;font-size: 1.5rem;transition: none;}
.display .ct-list .item:nth-child(n+2){display: none;}
.display .product .list{border-bottom: 0;}
.display .product>h3{text-align: center;margin:100px 0 50px;}

.case{margin-top: 3%;}
.case .list{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #eee;}
.case .list a{width: 48%;font-size: 2rem;margin-bottom: 40px;font-weight: 600;}
.case .list a:hover{color:#275899;}
.case .list p:before{content: "";width: 0;height: 1px;background:#275899;display: inline-block;vertical-align: middle;}
.case .list a:hover p:before {width: 60px;transition: all .3s;}
.case .list a .pic{margin-bottom: 20px;overflow: hidden;}
.case .list a:hover img{transform: scale(1.12);}

.detail{max-width: 1200px;margin:50px auto 0;}
.detail>h3{font-size: 2rem;text-align: center;margin-bottom: 30px;}
.detail .wz {color:#838383;line-height: 2;font-size: 1.5rem;padding-bottom: 20px;border-bottom: 1px solid #eee; }
.detail .wz img{margin:15px auto;display: table;}
.detail .wz p{text-indent: 2em;}

.more {display: flex;justify-content: space-between;margin-top: 10px;}
.more a{color:#222;font-weight: 600;font-size: 1.5rem;}
.more span{display: inline-block;font-weight: normal;}
.more .prev span{transform: rotate(-90deg) translateX(-1px);margin-right: 5px;}
.more .next span{transform: rotate(90deg) ;margin-left: 5px;}
.more a:hover span,.more a:hover{color:#275899;}

.news{margin-top: 30px;display: flex;flex-wrap: wrap;border-bottom: 1px solid #eee; }
.news a{margin-right: 3.5%;width: 31%;padding:2%;border: 1px solid #dcdcdc;margin-bottom: 30px;}
.news a:nth-child(3n){margin-right:0;}
.news a h4{font-size: 1.6rem;margin-bottom:10px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news a span{color:#222;font-weight: 600;}
.news a p{color:#838383;line-height: 1.8;margin:10px 0 30px;}
.news a output{color:#275899;display: inline-block;}
.news a:hover h4{color:#275899;}
.news a:hover output{transform:translateX(20px);}

.detail .date{color:#222;text-align: center;margin-bottom: 50px;}

.contact{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
.contact #map{width:60%;height: 400px;}
.contact dl{width:30%;}
.contact dt{font-size: 1.8rem;font-weight: 600;padding-left: 25px;margin-bottom: 20px;}
.contact dd{line-height: 2;padding-left: 25px;font-size: 1.5rem;font-weight: 600;}
.contact .adr{background: url(../images/cicon1.png) no-repeat 3px center;}
.contact .email{background: url(../images/cicon2.png) no-repeat 0 center;}
.contact .tel{background: url(../images/cicon3.png) no-repeat 0 center;}


.p-h-menu{ float: right; }
.p-h-line{     margin-top: 10px;
    margin-right: 15px; 
    width: 35px;height: 30px;
  }
.p-h-line span{
    position: relative;
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    margin: 7px 0;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-line.curr .head-l-x {
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-line.curr .head-l-y{ display: none; }
.p-h-line.curr .head-l-z {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-m-list{ position: absolute; top:calc(100% + 5px); left: 0; z-index: 10; width: 100%; background-color:#002751; display: none; transition: none;}
.p-h-main{ display: block; padding: .5rem 5%; font-size: 14px;; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }
.p-h-main.p-h-arrow{ background-image: url(../images/arrow-b1.png); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; }
.p-h-main.p-h-arrow:hover{color:#fff;}
.p-h-main.curr{ background: #0f6eca url(../images/arrow-b1.png) no-repeat 95% center; background-size: 20px; }
.p-h-submenu{ padding: .5rem 7%; border-bottom: 1px solid rgba(255,255,255,.1); display: none; transition: none;}
.p-h-submenu a{ display: block; color: #fff; font-size: 14px; line-height: 1.8; }

@media screen and (max-width: 1500px){
  .wrap{max-width: 1300px;}
  .i-product{max-width: 1200px;}
}
@media screen and (max-width:1400px){
  .wrap{max-width: 1200px;}
  header .nav{width:60%;}
  header form input[type=text]{width: 120px;}
  .i-product{max-width: 1100px;}
}
@media screen and (max-width:768px){
  .xs-visible{display: block;}
  .xs-hidden{display: none;}
  .banner{margin-top: 50px;}
  header{background: #275899;padding-top: 7px;padding-bottom: 5px;position: fixed;width: 100%;left: 0;top:0;}
  header form{display: none;}
  header .wrap .logo img{margin-left: 10px;max-width: 120px;}
  .i-title{font-size: 2.2rem;}
  header .wrap{padding: 0;}
  .wrap{padding:0 15px;}
  .i-intro{font-size: 1.3rem;}
  .i-product ul li img{    max-width: 40px;max-height: 35px;}
  .i-product ul li p{margin-top: 10px;font-size: 1.3rem;}
  .i-product .box .swiper-slide{width: 100%;margin-right: 0;padding:5% 0 7%;}
  .i-product .slide .pic{height:165px;padding:0 25%;}
  .i-product .slide p{font-size: 1.5rem;}
  .i-intro{margin:15px 0;line-height: 1.8;}
  .intro .text{max-width: initial;}
  .intro .wrap>p{margin-top: 30px;}
  .i-case ul li{width: 100%;margin-bottom: 20px;}
  .i-case ul{flex-wrap: wrap;margin: 0 12%;}
  .main{display: block;}
  .main>div{width: 100%;}
  .main .list .item:first-child{margin-bottom: 20px;}
  .main .list .item:first-child{margin-top: 20px;}
  .main .list .item h3{font-size: 1.5rem;}
  footer{margin-top: 50px;}
  footer .common2{width:100%;text-align: center;}
  footer .ewm{width:100%;text-align: center;margin-top: 20px;}
  footer .wrap{flex-wrap: wrap;padding:30px 0;}
  footer .wrap dt:first-child:after{display: table;margin: 12px auto 0;}
  footer .wrap .common2 dd{display: table;margin:0 auto;}
  footer .copyright{font-size: 1.2rem;}
  .h1{font-size: 2.2rem;}
  .display{margin-top: 7%;}
  .contact{flex-wrap: wrap;}
  .contact #map{width:100%;height: 300px;}
  .contact dl{width: initial;margin-top: 35px;}
  .detail .date{margin-bottom: 35px;}
  .detail{margin-top: 30px;}
  .detail>h3{margin-bottom: 15px;}
  .more a{font-size: 1.3rem;}
  .detail .wz{font-size: 1.4rem;}
  .news a{width: 48%;}
  .news a:nth-child(2n){margin-right: 0;}
  .case .list a{font-size: 1.5rem;}
  .case .list a:hover p:before{width: 30px;}
  .case .list a .pic{margin-bottom: 12px;}
  .label2{margin:3% 0;}
  .case .list a{margin-bottom: 20px;}
  .case{margin-top: 5%;}
  .label a{font-size: 1.5rem;margin-right: 15px;}
  .display .content{display: block;}
  .display .content .pic{width: initial;}
  .display .content .thumb{/*padding: 0 20%;height: 220px;*/}
  .display .txt{width:100%;margin-top: 40px;}
  .product .list{flex-wrap: wrap;}
  .product .list a{width: 48%;padding-bottom: 5%;padding-top: 3%;}
  .product .list a:nth-child(2n-1){margin-left: 0;}
  .product .list .pic{padding: 0 10%;height: 120px;}
  .product .list a p{font-size: 1.3rem;}
  .display .txt .cs a{font-size: 1.5rem;margin-right: 23px;}
  .product ul li img{max-width: 40px;max-height: 35px;}
  .product ul li p{margin-top: 13px;font-size: 1.3rem;}
  .display .product>h3{margin: 60px 0 35px;}
  .product ul{margin-bottom: 10%;}
  .product .list a{margin-bottom: 20px;margin-left: 4%;}
  .product .list a:nth-child(2n){margin-right:0;}
  .about .ab3 .swiper-slide-prev img,.about .ab3 .swiper-slide-active img,.about .ab3 .swiper-slide-next img{    transform:none;}
  .about .ab3 .swiper-button-next,.about .ab3 .swiper-button-prev{zoom:0.7;}
  .about .ab1{display: block;}
  .about .ab1>div{width: initial;padding:8% 0;}
  .about .ab1 .content{width: 80%;}
  .about .ab1 img{width: initial;}
  .about .ab3 .swiper-slide p{margin-top: 15px;}
  .about .ab3 .swiper-slide{padding:0 5px;}

  .up svg{width: 32px;}

  .i-product .slide{overflow: hidden;}
}