@font-face {
  font-family: "OswaldBold";
  src: url('./fonts/Oswald-Bold.otf');
}
@font-face {
  font-family: "OswaldLight";
  src: url('./fonts/Oswald-Light-TTF.sfd.ttf');
}
@font-face {
  font-family: "OswaldRegular";
  src: url('./fonts/Oswald-Regular.ttf');
}
*{margin: 0;padding: 0;box-sizing: border-box;font-family: "OswaldRegular";color: #3e3a39;}
@media (min-width: 960px){html{font-size: 50px;} }
@media (min-width: 980px){html{font-size: 51.0417px;} }
@media (min-width: 1000px){html{font-size: 52.0833px;} }
@media (min-width: 1020px){html{font-size: 53.125px;} }
@media (min-width: 1040px){html{font-size: 54.1667px;} }
@media (min-width: 1060px){html{font-size: 55.2083px;} }
@media (min-width: 1080px){html{font-size: 56.25px;} }
@media (min-width: 1100px){html{font-size: 57.2917px;} }
@media (min-width: 1120px){html{font-size: 58.3333px;} }
@media (min-width: 1140px){html{font-size: 59.375px;} }
@media (min-width: 1160px){html{font-size: 60.4167px;} }
@media (min-width: 1180px){html{font-size: 61.4583px;} }
@media (min-width: 1200px){html{font-size: 62.5px;} }
@media (min-width: 1220px){html{font-size: 63.5417px;} }
@media (min-width: 1240px){html{font-size: 64.5833px;} }
@media (min-width: 1260px){html{font-size: 65.625px;} }
@media (min-width: 1280px){html{font-size: 66.6667px;} }
@media (min-width: 1300px){html{font-size: 67.7083px;} }
@media (min-width: 1320px){html{font-size: 68.75px;} }
@media (min-width: 1340px){html{font-size: 69.7917px;} }
@media (min-width: 1360px){html{font-size: 70.8333px;} }
@media (min-width: 1380px){html{font-size: 71.875px;} }
@media (min-width: 1400px){html{font-size: 72.9167px;} }
@media (min-width: 1420px){html{font-size: 72.9167px;} }
@media (min-width: 1440px){html{font-size: 75px;} }
@media (min-width: 1460px){html{font-size: 76.0417px;} }
@media (min-width: 1480px){html{font-size: 77.0833px;} }
@media (min-width: 1500px){html{font-size: 78.125px;} }
@media (min-width: 1520px){html{font-size: 79.1667px;} }
@media (min-width: 1540px){html{font-size: 80.2083px;} }
@media (min-width: 1560px){html{font-size: 81.25px;} }
@media (min-width: 1580px){html{font-size: 82.2917px;} }
@media (min-width: 1600px){html{font-size: 83.3333px;} }
@media (min-width: 1620px){html{font-size: 84.375px;} }
@media (min-width: 1640px){html{font-size: 85.4167px;} }
@media (min-width: 1660px){html{font-size: 86.4583px;} }
@media (min-width: 1680px){html{font-size: 87.5px;} }
@media (min-width: 1700px){html{font-size: 88.5417px;} }
@media (min-width: 1720px){html{font-size: 89.5833px;} }
@media (min-width: 1740px){html{font-size: 90.625px;} }
@media (min-width: 1760px){html{font-size: 91.6667px;} }
@media (min-width: 1780px){html{font-size: 92.7083px;} }
@media (min-width: 1800px){html{font-size: 93.75px;} }
@media (min-width: 1820px){html{font-size: 94.7917px;} }
@media (min-width: 1840px){html{font-size: 95.8333px;} }
@media (min-width: 1860px){html{font-size: 96.875px;} }
@media (min-width: 1880px){html{font-size: 97.9167px;} }
@media (min-width: 1900px){html{font-size: 98.9583px;} }
@media (min-width: 1920px){html{font-size: 100px;} }
body{font-size: 13px;min-width: 1100px;}
a{color:inherit;text-decoration:none}
em,i{font-style:normal} 
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{border:0;vertical-align:middle;max-width: 100%;} 
table{border-collapse:collapse;border-spacing:0}
div{position: relative;}
.clearfix:after{content: "";display: block;clear: both;}
.mask:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
/*通用宽度*/
.mainw-max{width: 1100px;height: auto;overflow: hidden;margin: 0 auto;}
.mainw-min{width:960px;height: auto;overflow: hidden;margin: 0 auto;}
/*头部*/
.header{position: absolute;width: 100%;display: flex;justify-content: space-between;padding: .55rem 1.3rem 0 1.3rem;z-index: 99;min-width: 1100px;}
.header .logo img{width: 2.58rem;min-width: 180px;}
.header .nav ul{display: flex;}
.header .nav ul li a{display: inline-block;padding: 0 .3rem;font-size: 16px;color: #ffffff;font-family: "OswaldLight";font-weight: bold;}
.header .nav ul li a:hover{color: #e7161a;}
.header .nav ul li a.active{color: #e7161a;}
/*轮播图*/
.slider{width: 100%;overflow: hidden;}
.slider img{height: 100%;visibility: hidden;}
.slider .s-txt{position: absolute;top: 4.4rem;left: 50%;color: #ffffff;width: 1100px;transform: translateX(-50%);}
.slider .s-txt .title{font-size: 44px;font-weight: bold;padding-bottom: 30px;color: #ffffff;font-family: "OswaldBold";text-align: left;width: 700px;font-style: italic;}
.slider .s-txt .desc{font-size: 20px;color: #ffffff;font-family: "OswaldLight";font-weight: bold;text-align: left;}
/*新闻*/
.news{height: 381px;}
.news.mainw-max{overflow: visible;}
.news .news-cont{display: flex;justify-content: space-between;position: absolute;top: -120px;left: 0;z-index: 98;width: 100%;}
.news .news-cont>div{width: 50%;}
.news .news-cont .news-l .news-l-t{display: flex;justify-content: space-between;}
.news .news-cont .news-l .news-l-t>div{width: 50%;height: 240px;}
.news .news-cont .news-l .news-l-t .block1{background: url(../images/icon-logo2.png) top 20px left 40px no-repeat #595757;color: #ffffff;font-size: 36px;padding: 120px 40px 20px 40px;}
.news .news-cont .news-l .news-l-t .block1 p{font-weight: bold;color: #ffffff;}
.news .news-cont .news-l .news-l-t .block2{background: url(../images/icon-logo.png) top 40px right 35px no-repeat  #e60012;color: #ffffff;padding: 120px 19px 10px 30px;line-height: 30px;}
.news .news-cont .news-l .news-l-t .block2 p{font-size: 13px;line-height: 22px;padding-bottom: 20px;color: #ffffff;}
.news .news-cont .news-l .news-l-t .block2 a{display: inline-block;padding: 0px 40px 0 20px;border-radius: 20px;border: 1px solid #ffffff;font-size: 10px;float: right;color: #ffffff;line-height: 20px;background: url(../images/icon-right-white.svg) top -6px right -30px no-repeat;transition: all .3s ease-in;}
.news .news-cont .news-l .news-l-t .block2 a:hover{color: #e7161a;background: url(../images/icon-right-red.svg) top -6px right -32px no-repeat #ffffff;transition: all .3s ease-in;}
.news .news-cont .news-l .news-l-m{width: 100%;padding: 10px 40px;font-size: 13px;color: #ffffff;background: #231815;height: 40px;overflow: hidden;}
.news .news-cont .news-l .news-l-m.marquee-news{overflow: hidden;}
.news .news-cont .news-l .news-l-m a{color: #ffffff;display: inline-block;margin-right: 30px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news .news-cont .news-l .news-l-m a:hover{color: #e7161a;}
.news .news-cont .news-l .news-l-b{padding: 80px 0;height: 220px;}
.news .news-cont .news-l .news-l-b p{line-height: 30px;font-size: 16px;padding-left: 40px;position: relative;color: #3e3a39;font-family: "OswaldRegular";}
.news .news-cont .news-l .news-l-b p:after{content: "";display: block;width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e60012;}
.news .news-cont .news-r{padding-top: 280px;}
.news .news-cont .news-r .news-r-c{padding: 35px 50px;background: #ffffff;width: 100%;height: 220px;position: relative;}
.news .news-cont .news-r .news-r-c:after{content: "";display: block;width: 30px;height: 30px;background: #e7161a;position: absolute;right: -30px;top: -30px;}
.news .news-cont .news-r .news-r-c .title{font-size: 25px;padding-bottom: 10px;position: relative;}
.news .news-cont .news-r .news-r-c .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 0;bottom: 0;}
.news .news-cont .news-r .news-r-c ul{padding-top: 20px;}
.news .news-cont .news-r .news-r-c ul li {line-height: 30px;}
.news .news-cont .news-r .news-r-c ul li a{font-size: 14px;}
.news .news-cont .news-r .news-r-c ul li a:hover{color: #e7161a;}
/*优势*/
.advant{display: flex;justify-content: space-between;background: #ffffff;height: 250px;overflow: hidden;}
.advant>div{width: 50%;}
.advant .advant-l ul{display: flex;}
.advant .advant-l ul li{width: 25%;padding: 185px 0 0 0;text-align: center;height: 250px;transition: all .3s ease;}
.advant .advant-l ul li p{font-size: 20px;transition: all .1s ease-in;}
.advant .advant-l ul li:nth-child(1){background: url(../images/icon-zuran.png) center center no-repeat;border-right: 1px solid #f5f5f5;}
.advant .advant-l ul li:nth-child(2){background: url(../images/icon-chixu.png) center center no-repeat;border-right: 1px solid #f5f5f5;}
.advant .advant-l ul li:nth-child(3){background: url(../images/icon-huanjing.png) center center no-repeat;border-right: 1px solid #f5f5f5;}
.advant .advant-l ul li:nth-child(4){background: url(../images/icon-kuaijie.png) center center no-repeat;}
.advant .advant-l ul li:hover{background-size: 85px;}
.advant .advant-l ul li:hover p{color: #e7161a;font-size: 22px;transition: all .1s ease-in;}
.advant .advant-r img{height: 100%;width: 100%;}
/*关于*/
.about{background: #ffffff;width: 100%;display: flex;justify-content: space-between;}
.about>div{width: 50%;}
.about .about-l{}
.about .about-l img{height: 100%;width: 100%;}
.about .about-r{padding: 75px 50px 40px 50px;}
.about .about-r .title{font-size: 25px;padding-bottom: 10px;position: relative;}
.about .about-r .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 0;bottom: 0;}
.about .about-r .desc{width: 550px;padding-top: 20px;line-height: 30px;text-align: justify;}
.about .about-r .desc p{padding-bottom: 30px;font-size: 14px;}
.about .about-r .desc a{display: inline-block;padding: 0px 40px 0 20px;border-radius: 20px;border: 1px solid #e7161a;font-size: 10px;float: right;color: #e7161a;line-height: 25px;background: url(../images/icon-right-red.svg) top -4px right -30px no-repeat;transition: all .3s ease-in;}
.about .about-r .desc a:hover{color: #ffffff;background: url(../images/icon-right-white.svg) top -4px right -32px no-repeat #e7161a;transition: all .3s ease-in;}
/*通栏视差*/
.tonglan{background: url(../images/tonglan1.jpg) top center no-repeat;background-attachment: fixed;display: flex;align-items: center;}
.tonglan .info{text-align: center;}
.tonglan .info .title{font-size: 30px;font-weight: bold;color: #ffffff;padding-bottom: 30px;}
.tonglan .info .desc{font-size: 14px;line-height: 30px;color: #ffffff;padding-bottom: 50px;width: 580px;margin: 0 auto;text-align: justify;}
.tonglan .info .list ul{display: flex;justify-content: space-between;}
.tonglan .info .list ul li{width: 49.5%;background: #ffffff;padding: 15px 0;display: flex;align-items: center;justify-content: center;}
.tonglan .info .list ul li span{font-size: 24px;display: inline-block;margin-right: 20px;}
.tonglan .info .list ul li a{display: inline-block;padding: 2px 40px 2px 20px;border-radius: 20px;border: 1px solid #3e3a39;font-size: 10px;float: right;color: #3e3a39;background: url(../images/icon-right-black.svg) top -6px right -30px no-repeat;transition: all .3s ease-in;}
.tonglan .info .list ul li a:hover{color: #ffffff;background: url(../images/icon-right-white.svg) top -6px right -32px no-repeat #e7161a;border: 1px solid #e7161a;transition: all .3s ease-in;}
/*产品中心*/
.product{background: #ffffff;}
.product>.title{text-align: center;padding: .75rem 0;font-size: 25px;position: relative;}
.product>.title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: .6rem;transform: translateX(-50%);}
.product .list.proSlider{width:100%;overflow:hidden}
.product .list ul li{width: 25%;position: relative;}
.product .list ul li img{width: 100%;max-height: 5.9rem;}
.product .list ul li .info{position: absolute;opacity: 0;visibility: hidden;background: rgba(230,0,18,.8);width: 100%;height: 100%;display: block;top: 0;left: 0;text-align: center;}
.product .list ul li .info a{position: absolute;display: block;width: 100%;height: 100%;z-index:2;top: 0;left: 0;padding-top: 3.6rem;}
.product .list ul li .info p{color: #ffffff;font-size: 14px;}
.product .list ul li .info p.icon{width: 65px;height: 65px;margin: 0 auto;}
.product .list ul li .info p.title{font-size: 20px;font-weight: bold;padding-bottom: 5px;position: relative;padding-top: 20px;font-family: "OswaldBold";}
/*.product .list ul li .info p.title:after{content: "";display: block;width: 28%;height: 1px;background: #ffffff;position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);}*/
.product .list ul li .info p.ftitle{padding-top: 5px;}
.product .list ul li:hover .info{opacity: 1;visibility: visible;transition: all .3s ease-in;}

/*尾部*/
.footer{}
.footer .footer-t{width: 100%;padding: 160px 0 120px 0;background: #3e3a39;}
.footer .footer-t .mainw-min{display: flex;justify-content: space-between;align-items: center;}
.footer .footer-t .mainw-min>div{width: 50%;}
.footer .footer-t .footer-t-l ul{display: flex;flex-direction: column;}
.footer .footer-t .footer-t-l ul li{padding-bottom: 20px;padding-left: 45px;}
.footer .footer-t .footer-t-l ul li:nth-child(1){background: url(../images/icon-address.png) top left 10px no-repeat;background-size: 20px;}
.footer .footer-t .footer-t-l ul li:nth-child(2){background: url(../images/icon-tel.png) top left 10px no-repeat;background-size: 20px;}
.footer .footer-t .footer-t-l ul li:nth-child(3){background: url(../images/icon-email.png) top 3px left 10px no-repeat;background-size: 20px;}
.footer .footer-t .footer-t-l ul li p{color: #ffffff;font-size: 18px;line-height: 20px;width: 200px;}
.footer .footer-t .footer-t-l ul li p.desc{font-family: "OswaldLight";}
.footer .footer-t .footer-t-l ul li p:nth-child(1){font-size: 18px;padding-bottom: 10px;}
.footer .footer-t .footer-t-r{text-align: center;}
.footer .footer-t .footer-t-r .btn{padding-top: 40px;}
.footer .footer-t .footer-t-r .btn a{display: inline-block;padding: 12px 80px 12px 25px;font-size: 22px;color: #ffffff;background: url(../images/icon-right-white.svg) top 12px right -20px no-repeat #e7161a;transition: all .3s ease-in;}
.footer .footer-t .footer-t-r .btn a:hover{background: url(../images/icon-right-white.svg) top 12px right -22px no-repeat #e7161a;transition: all .3s ease-in;}
.footer .footer-b{background: #000000;padding: 85px 0 60px 0;width: 100%;}
.footer .footer-b .mainw-min{display: flex;justify-content: space-between;overflow: visible;}
.footer .footer-b .footer-b-l{display: flex;justify-content: space-between;width: 660px;}
.footer .footer-b .footer-b-l dl dt{color: #ffffff;font-size: 15px;padding-bottom: 15px;}
.footer .footer-b .footer-b-l dl dd{color: #ffffff;line-height: 25px;}
.footer .footer-b .footer-b-l dl dd a{font-size: 14px;color: #999999;}
.footer .footer-b .footer-b-l dl dd a:hover{color: #ffffff;}
.footer .footer-b .footer-b-r{display: flex;justify-content: space-between;align-items: center;position: absolute;right: -150px;top: 50%;transform: translateY(-50%);}
.footer .footer-b .footer-b-r img{display: inline-block;margin: 0 20px;height: 30px;}
.footer .copyright{background: #000000;font-size: 14px;}
.footer .copyright>div{border-top: 1px solid #2d2d2d;padding: 20px 0;color: #4c4c4c;}
.footer .copyright a{padding-left: 20px;color: #4c4c4c;}
.footer .copyright a:hover{color: #ffffff;}
/*企业简介*/
.pages-cat{height: 120px;}
.pages-cat.mainw-max{overflow: visible;}
.pages-cat .pages-cat-cont{display: flex;justify-content: space-between;position: absolute;top: -120px;left: 0;z-index: 98;width: 100%;}
.pages-cat .pages-cat-cont>div{width: 100%;height: 240px;}
.pages-cat .pages-cat-cont .block1{background: url(../images/icon-logo2.png) top 20px left 40px no-repeat #595757;color: #ffffff;font-size: 36px;padding: 120px 40px 20px 40px;}
.pages-cat .pages-cat-cont .block1 p{font-weight: bold;color: #ffffff;}
.pages-cat .pages-cat-cont .block2{background:#dcdddd;padding: 105px 19px 10px 30px;border-right: 1px solid #cacaca;text-align: center;position: relative;}
.pages-cat .pages-cat-cont .block2:last-child{border-right: none;}
.pages-cat .pages-cat-cont .block2.active{background: #e7161a;color: #ffffff;}
.pages-cat .pages-cat-cont .block2 p{font-size: 22px;padding-bottom: 20px;color: inherit;}
.pages-cat .pages-cat-cont .block2:after{content:"";display: block;position: absolute;background: url(../images/icon-down-black.png) center bottom 40px no-repeat;width: 100%; height: 100%;top: 0;left: 0;z-index: 2;}
.pages-cat .pages-cat-cont .block2 a{position: absolute;width: 100%;height: 100%;display: block;z-index: 3;top: 0;left: 0;}
.pages-cat .pages-cat-cont .block2.active:after{background: url(../images/icon-down-white.png) center bottom 40px no-repeat;}
.pages-cat .pages-cat-cont .block2:hover{background: #e7161a;color: #ffffff;}
.pages-cat .pages-cat-cont .block2:hover:after{background: url(../images/icon-down-white.png) center bottom 40px no-repeat;}
.pages-about.about1{padding-top: 70px;}
.pages-about .title{font-size: 25px;padding-bottom: 80px;position: relative;text-align: center;}
.pages-about .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: .6rem;transform: translateX(-50%);}
.pages-about .desc{color: #595757;line-height: 30px;text-align: justify;text-indent: 20px;}
.pages-about.about2{padding: 70px 0;}
.pages-about.about2 .desc{text-align: center;}
.pages-about.about3{background: url(../images/about-brand.jpg) top center no-repeat;background-attachment: fixed;display: flex;align-items: center;}
.pages-about.about3 .title{color: #ffffff;}
.pages-about.about3 .desc p{color: #ffffff;}
.pages-about.about4{padding-top: 70px;padding-bottom: 120px;}
.pages-about.about4 .slogan{font-size: 32px;font-weight: bold;color: #ffffff;text-align: center;width: 100%;padding: 10px 0;background: #e7161a;}
.pages-about.about4 .desc{padding: 20px;}
.pages-about.about4 .history .desc{padding: 0;cursor: pointer;}
.pages-about.about4 .history ul li{width: 100%;}
.pages-about.about4 .history ul li .year{font-size: 32px;font-weight: bold;text-align: center;padding: 10px;border-bottom: 1px solid #999999;cursor: pointer;}
.pages-about.about4 .history ul li .desc{opacity: 0;height: 0;transition: all .3s ease-in;}
.pages-about.about4 .history ul li:hover .year{color: #e7161a;}
.pages-about.about4 .history ul li:hover .desc{opacity: 1;height: auto;transition: all .3s ease-in;padding: 20px;}
.pages-about .customer{padding-bottom:50px;}
.pages-about .customer ul{display: flex;flex-wrap: wrap;}
.pages-about .customer ul li{width: 16.6666666%;margin-bottom: 5px;}
.pages-about .customer ul li img{width: 96%;}
.pages-about .honor{padding: 50px 0 100px 0;}
.pages-about .honor ul{display: flex;flex-wrap: wrap;}
.pages-about .honor ul li{width: 25%;height: 400px;overflow: hidden;}
.pages-about .honor ul li img{width: 100%;height: 100%;}
/*产品*/
.pages-pro.pro1{padding-top: 70px;}
.pages-pro .title{font-size: 25px;padding-bottom: 80px;position: relative;text-align: center;}
.pages-pro .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);}
.pages-pro .desc{color: #595757;line-height: 30px;text-align: justify;text-indent: 20px;}
.pages-pro.pro2{padding-top: 70px;}
.pages-pro .tap-cat ul{display: flex;justify-content: space-between;border: 1px solid #cacaca;border-right: none;}
.pages-pro .tap-cat ul li{width: 25%;height: 145px;text-align: center;padding-top: 100px;font-size: 20px;border-right: 1px solid #cacaca;cursor: pointer;}
.pages-pro .tap-cat ul li p{color: inherit;font-size: 14px;}
.pages-pro .tap-cat ul li.active{background-color: #e7161a;color: #ffffff;}
.pages-pro.pro2.zhuangpei .tap-cat ul li{padding-top:20px;height:66px}
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(1){background-image: url(../images/icon-yitisheji-black.png);background-repeat: no-repeat;background-position: top 20px center;background-size: 70px;}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(1).active{background-image: url(../images/icon-yitisheji-white.png);}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(2){background-image: url(../images/icon-jingdujiagong-black.png);background-repeat: no-repeat;background-position: top 20px center;background-size: 70px;}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(2).active{background-image: url(../images/icon-jingdujiagong-white.png);}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(3){background-image: url(../images/icon-chengpinzhizao-black.png);background-repeat: no-repeat;background-position: top 20px center;background-size: 70px;}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(3).active{background-image: url(../images/icon-chengpinzhizao-white.png);}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(4){background-image: url(../images/icon-mukuaianzhuang-black.png);background-repeat: no-repeat;background-position: top 20px center;background-size: 70px;}*/
/*.pages-pro.pro2.zhuangpei .tap-cat ul li:nth-child(4).active{background-image: url(../images/icon-mukuaianzhuang-white.png);}*/

.pages-pro .tap-content{display: none;}
.pages-pro .tap-content.active{display: block;}
.pages-pro .tap-content img{width: 100%;}
.pages-pro .tap-content .tags{width: 100%;padding: 80px 60px;}
.pages-pro .tap-content .tags ul{display: flex;justify-content: space-between;}
.pages-pro .tap-content .tags ul li{font-size: 22px;word-break: keep-all;white-space: nowrap;}
.pages-pro .tap-content .tags ul li:nth-child(2n){width: 100%;color: #e7161a;text-align: center;font-weight: bold;}
.pages-pro .tap-content .tags ul li:last-child{display: none;}
.pages-pro.pro1.geduan{padding-bottom: 70px;}
.pages-pro.pro1.tap-miaoshu{display: none;}
.pages-pro.pro1.tap-miaoshu.active{display: block;}
.pages-pro.pro3.geduan{padding-top: 90px;padding-bottom: 70px;}
.pages-pro.pro3.tap-gaishu{display: none;}
.pages-pro.pro3.tap-gaishu.active{display: block;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(1){background-image: url(../images/icon-pro-geduan-black1.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(1).active{background-image: url(../images/icon-pro-geduan-white1.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(2){background-image: url(../images/icon-pro-geduan-black2.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(2).active{background-image: url(../images/icon-pro-geduan-white2.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(3){background-image: url(../images/icon-pro-geduan-black3.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(3).active{background-image: url(../images/icon-pro-geduan-white3.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(4){background-image: url(../images/icon-pro-geduan-black4.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(4).active{background-image: url(../images/icon-pro-geduan-white4.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(5){background-image: url(../images/icon-pro-geduan-black5.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(5).active{background-image: url(../images/icon-pro-geduan-white5.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(6){background-image: url(../images/icon-pro-geduan-black6.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(6).active{background-image: url(../images/icon-pro-geduan-white6.png);}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(7){background-image: url(../images/icon-pro-geduan-black7.png);background-repeat: no-repeat;background-position: top 30px center;background-size: 48px;}
.pages-pro.pro2.geduan .tap-cat ul li:nth-child(7).active{background-image: url(../images/icon-pro-geduan-white7.png);}



.pages-pro.pro1.diaoding{padding-bottom: 70px;}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(1){background-image: url(../images/icon-pro-diaoding-txjs-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 99px;}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(1).active{background-image: url(../images/icon-pro-diaoding-txjs-white.png);}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(2){background-image: url(../images/icon-pro-diaoding-jxjs-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 99px;}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(2).active{background-image: url(../images/icon-pro-diaoding-jxjs-white.png);}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(3){background-image: url(../images/icon-pro-diaoding-atjs-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 99px;}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(3).active{background-image: url(../images/icon-pro-diaoding-atjs-white.png);}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(4){background-image: url(../images/icon-pro-diaoding-gsjs-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 99px;}
.pages-pro.pro2.diaoding .tap-cat ul li:nth-child(4).active{background-image: url(../images/icon-pro-diaoding-gsjs-white.png);}
.pages-pro.pro1.menxt{padding-bottom: 70px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(1){background-image: url(../images/icon-pro-menxt-stm-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 48px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(1).active{background-image: url(../images/icon-pro-menxt-stm-white.png);}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(2){background-image: url(../images/icon-pro-menxt-lkm-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 48px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(2).active{background-image: url(../images/icon-pro-menxt-lkm-white.png);}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(3){background-image: url(../images/icon-pro-menxt-blm-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 48px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(3).active{background-image: url(../images/icon-pro-menxt-blm-white.png);}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(4){background-image: url(../images/icon-pro-menxt-fhm-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 48px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(4).active{background-image: url(../images/icon-pro-menxt-fhm-white.png);}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(5){background-image: url(../images/icon-pro-menxt-ykm-black.png);background-repeat: no-repeat;background-position: top 40px center;background-size: 48px;}
.pages-pro.pro2.menxt .tap-cat ul li:nth-child(5).active{background-image: url(../images/icon-pro-menxt-ykm-white.png);}
/*新闻*/
.pages-news{padding-top: 70px;padding-bottom: 200px;}
.pages-news .title{font-size: 25px;padding-bottom: 80px;position: relative;text-align: center;}
.pages-news .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);}
.pages-news .list{padding-top: 30px;}
.pages-news .list ul li{width: 100%;line-height: 80px;height:80px;border-bottom: 1px solid #cacaca;display: flex;justify-content: space-between;}
.pages-news .list ul li a{font-size: 16px;}
.pages-news .list ul li a:hover{color: #e7161a;}
/*应用领域案例*/
.pages-case.list{padding-bottom: 100px;}
.pages-case.list ul li{display: flex;justify-content: space-between;}
/*.pages-case.list ul li.reverse{display: flex;justify-content: space-between;flex-direction: row-reverse;}*/
.pages-case.list ul li:nth-child(2n){display: flex;justify-content: space-between;flex-direction: row-reverse;}
.pages-case.list ul li>div{width: 50%;overflow: hidden;}
.pages-case.list ul li img{width: 100%;transition: all .3s ease-in;}
.pages-case.list ul li img:hover{transform: scale(1.02);transition: all .3s ease-in;}
.pages-case.list ul li .info{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 2rem;}
.pages-case.list ul li .info .title{font-size: 25px;padding-bottom: 60px;position: relative;text-align: center;position: relative;}
.pages-case.list ul li .info .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);}
.pages-case.list ul li .info .desc{text-indent: 20px;line-height: 30px;}
.pages-case.list ul li:hover .info .title a{color: #e7161a;}
.pages-case.list ul li .info .title a:hover{color: #e7161a;}
.pages-case.pages{display: flex;justify-content: center;padding: 100px 0;}
.pages-case.pages span{width: 50px;height: 50px;line-height: 44px;text-align: center;font-size: 48px;color: #ffffff;background: #e7161a;cursor: pointer;}
.pages-case.pages span.no-more{width: auto;color: #999999;font-size: 22px;}
/*案例详情*/
.show-case{padding-top: 70px;padding-bottom: 150px;}
.show-case .title{font-size: 25px;padding-bottom: 60px;position: relative;text-align: center;position: relative;}
.show-case .title:after{content: "";display: block;width: 30px;height: 2px;background: #e7161a;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);}
.show-case .desc{text-indent: 20px;line-height: 30px;text-align: justify;}
.case-gallery-thumbs{width: 70%;height: 20%;padding: 0 50px;margin: 0 auto;position: relative;}
.case-gallery-thumbs .back{position: absolute;display: inline-block;transform: translateY(-50%);top: 50%;right: -100px;font-size: 18px;}
.case-gallery-thumbs .back:hover{color: #e7161a;}
.case-slider .gallery-top {height: 80%;width: 100%;}
.case-slider .gallery-thumbs {width: 100%;height: 100%;box-sizing: border-box;padding: 30px 0;}
.case-slider .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;background-size: cover;background-repeat: no-repeat;}
.case-slider .gallery-thumbs .swiper-slide-active {opacity: 1;}
/*联系我们*/
.contact-holder,.news-holder{width: 100%;height: 150px;}
/*在线留言*/
.pages-about .desc.guestbook{width: 80%;margin: 0 auto;text-indent: 0;}
.guestbook .items{padding-bottom: 20px;width: 100%;}
.guestbook .items input{height: 40px;width: 100%;line-height: 40px;padding-left: 20px;border-radius: 5px;outline: none;border: 1px solid #aaaaaa;}
.guestbook .items input:focus{border: 1px solid #e7161a;}
.guestbook .items textarea{height: 150px;width: 100%;border-radius: 5px;outline: none;border: 1px solid #aaaaaa;padding: 20px;resize: none;}
.guestbook .items textarea:focus{border: 1px solid #e7161a;}
.guestbook .items button{float: right;background: none;border:1px solid #aaaaaa;padding: 10px 50px;cursor: pointer;}
.guestbook .items button:hover{background: #e7161a;border: 1px solid #e7161a;color: #ffffff;}
.guestbook .items button:focus{outline: none;}
/*固定导航*/
.navfixed .header{position: fixed;background: #ffffff;padding: 20px 1.3rem 20px 1.3rem;height: 100px;}
.navfixed .header .logo img{width: 190px;min-width: auto;padding-top: 10px;}
.navfixed .header .nav{display: flex;align-items: center;}
.navfixed .header .nav ul li a{color: #3e3a39;}
.navfixed .header .nav ul li a:hover{color: #e7161a;}
.navfixed .header .nav ul li a.active{color: #e7161a;}
.navfixed .slider.case-slider{padding-top: 100px;}

.mbshow{display: none;}
/*移动端*/
@media (max-width: 640px) {
.mbshow{display: block;}
body{min-width: auto;width: 100%;}
.mainw-max{width: 100%;}
.mainw-min{width:100%;}
.header{min-width: auto;padding: 20px;}
.header .logo img,.navfixed .header .logo img{width: auto;height: 35px;min-width: auto;}
.header .nav{width: 30px;height: 30px;background: url(../images/icon-nav-more.png) center center no-repeat;background-size: cover;}
.header .nav ul{display: none;position: fixed;right: 0;top: 0;width: 200px;height: 100%;background: #3e3a39;padding: 80px 20px;flex-direction: column;}
.header .nav ul li{height: 50px;line-height: 50px;text-align: center;}
.header .nav ul li a{font-size: 14px;}
.header .nav ul .close{display: block;width: 30px;height: 30px;position: absolute;top: 20px;left: 20px;background: url(../images/icon-close.png) center center no-repeat;background-size: cover;z-index: 999;}
.navfixed .header{height: 80px;padding: 20px;}
.navfixed .header .nav{background: url(../images/icon-nav-more-black.png) center center no-repeat;background-size: cover;}
.navfixed .header .nav ul li a{color: #ffffff;}
.slider{height: 500px!important;}
.slider .s-txt{top: 180px;width: 100%;padding-left: 20px;}
.slider .s-txt .title{font-size: 20px;padding-bottom:10px;width: 100%;}
.slider .s-txt .desc{font-size: 16px;}
.news{height: 29rem;}
.news .news-cont{padding: 0 10px;flex-wrap: wrap;}
.news .news-cont>div{width: 100%;}
.news .news-cont .news-l .news-l-t>div{height: auto;}
.news .news-cont .news-l .news-l-t .block1{font-size: 22px;}
.news .news-cont .news-l .news-l-t .block2 p{line-height: 20px;}
.news .news-cont .news-l .news-l-b{height: auto;padding: 40px 0;}
.news .news-cont .news-r{padding-top: 20px;}
.news .news-cont .news-r .news-r-c{height: auto;}
.news .news-cont .news-r .news-r-c .title{font-size: 20px;}
.news .news-cont .news-r .news-r-c:after{right: -10px;top: -15px;}
.advant,.about{flex-wrap: wrap;height: auto;}
.advant{margin-top: 120px;}
.advant>div,.about>div{width: 100%;}
.advant .advant-l ul li{height: auto;padding: 100px 0 20px 0px;background-position-y: 30px!important;background-size: 50%!important;}
.advant .advant-r{display: none;}
.about .about-r{padding: 35px 20px 20px 20px;}
.about .about-r .title{font-size: 20px;}
.about .about-r .desc{width: 100%;}
.tonglan .info .title{font-size: 22px;}
.tonglan .info .desc{width: 100%;padding-left: 20px;padding-right: 20px;}
.tonglan{height: 500px!important;}
.tonglan .info .list ul{padding: 0 20px;}
.tonglan .info .list ul li{flex-direction: column;}
.tonglan .info .list ul li span{margin-right: 0;margin-bottom: 5px;font-size: 20px;}
.product>.title{font-size: 22px;padding: 30px 0;}
.product .list ul{flex-wrap: wrap;}
.product .list ul li{width: 50%;}
.product .list ul li img{max-height: 11.9rem;}
.footer .footer-t{padding: 55px 0 30px 0;}
.footer .footer-t .mainw-min{}
.footer .footer-t .mainw-min>div{width: 100%;}
.footer .footer-t .footer-t-l ul li p{font-size: 13px;}
.footer .footer-t .footer-t-r{text-align: left;padding-left: 10px;padding-top: 35px;}
.footer .footer-t .footer-t-r img{width: 60%;}
.footer .footer-t .footer-t-r .btn{padding-top: 20px;}
.footer .footer-t .footer-t-r .btn a{font-size: 12px;padding: 10px 20px;word-break: keep-all;white-space: nowrap;background-image: none;}
.footer .footer-b{display: none;}
.footer .copyright{padding: 0 20px;}
.footer .copyright>div{font-size: 10px;color: #999999;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.footer .copyright a{display: none;}
.pages-cat{height: auto;}
.pages-cat .pages-cat-cont{display: flex;justify-content: flex-start;overflow-x: auto;}
.pages-cat .pages-cat-cont .block1{display: none;}
.pages-cat .pages-cat-cont>div{height: 120px;width: 150px;flex-shrink: 0;}
.pages-cat .pages-cat-cont .block2{padding-top: 35px;}
.pages-cat .pages-cat-cont .block2 p{font-size: 18px;}
.pages-cat .pages-cat-cont .block2:after{background: url(../images/icon-down-black.png) center bottom 20px no-repeat;}
.pages-cat .pages-cat-cont .block2.active:after{background: url(../images/icon-down-white.png) center bottom 20px no-repeat;}
.pages-about .title{padding-bottom: 30px;font-size: 22px;}
.pages-about .desc{padding: 20px;}
.pages-about.about2 .desc{text-indent: 0;}
.pages-about.about3{padding-top:100px;overflow-y:auto}
.pages-about.about4 .slogan{font-size: 24px;margin-top: 20px;}
.pages-about.about4 .history ul li .year{font-size: 22px;}
.pages-about.about4 .history{padding: 20px;}
.pages-about .honor ul li{width: 50%;height: 13rem;}
.pages-pro .title{padding-bottom: 50px;font-size: 22px;}
.pages-pro .title:after{bottom: 35px;}
.pages-pro .desc{padding: 0 20px;}
.pages-pro .tap-cat ul{display: flex;justify-content: flex-start;overflow-x: auto;}
.pages-pro .tap-cat ul li{font-size: 14px;background-size: 60px!important;width: 150px;flex-shrink: 0;}
.pages-pro .tap-content .tags{padding: 40px 20px;}
.pages-pro .tap-content .tags ul{display: flex;justify-content: flex-start;overflow-x: auto;}
.pages-pro .tap-content .tags ul li{font-size: 16px;padding: 0 10px;flex-shrink: 0;}
.pages-pro .tap-content .tags ul li:nth-child(2n){width: auto;}
.pages-pro.pro1.geduan{padding-bottom: 0px;}
.pages-pro.pro2.geduan .tap-cat ul {overflow-x:auto}
.pages-pro.pro2.geduan .tap-cat ul li{background-size: 40px!important;min-width:100px}
.pages-pro.pro3.geduan{padding-top: 60px;}
.pages-pro.pro3.geduan .desc{text-indent: 0;}
.pages-pro.pro1.menxt,.pages-pro.pro1.diaoding{padding-bottom: 0;}
.pages-pro.pro2.menxt .tap-cat ul li{background-size: 40px!important;}
.pages-pro.pro3.zhuangpei img{height:300px!important}
.pages-news .title{padding-bottom: 50px;font-size: 22px;}
.pages-news .title:after{bottom: 35px;}
.pages-news .list{padding-top: 0;padding-left: 20px;padding-right: 20px;}
.pages-news .list ul li{height: 50px;line-height: 50px;}
.pages-news .list ul li a{font-size: 14px;padding-right: 30px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;width: 15rem;display: inline-block;overflow: hidden;}
.pages-case.list{padding-bottom: 0;}
.pages-case.list ul li{flex-wrap: wrap;}
.pages-case.list ul li>div{width: 100%;}
.pages-case.list ul li .info {padding: 40px 20px;}
.pages-case.list ul li .info .title{font-size: 18px;padding-bottom: 40px;}
.pages-case.list ul li .info .title:after{bottom: 25px;}
.pages-about .desc.guestbook{width: 100%;}
.contact-holder, .news-holder{height: 50px;}
.show-case{padding-left:20px;padding-right: 20px;padding-bottom: 50px;}
.show-case .title{font-size: 20px;}
.case-gallery-thumbs .back{display: none;}
}