html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;color: #C62326;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 100px;}
.pd50{padding: 0 50px;}
@font-face {
font-family: DIN;
src: url(../fonts/DIN-BOLD.OTF);
}
@font-face {
font-family: Impact;
src: url(../fonts/impact-2.ttf);
}
.header-zw{display: block;height: 100px;}
.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #ffffff;display: flex;align-items: center;}
.h-header .h-logo{padding-left: calc((100vw - 1520px)/2);padding-right: 50px;flex-shrink: 0;}
.h-header .h-nav{padding-right: calc((100vw - 1520px)/2);padding-left:50px;background: #C62326;display: flex;justify-content: space-between;width: 100%;}
.h-header .h-nav .li{position: relative;}
.h-header .h-nav .li>a{display: block;font-size: 16px;color: #FFFFFF;line-height: 100px;}
.h-header .h-phone{display: flex;align-items: center;font-size: 22px;font-family: DIN;font-weight: bold;color: #FFFFFF;line-height: 1;}
.h-header .h-phone img{margin-right: 5px;}
.h-header .h-nav .li>a:hover{opacity: .7;}
.h-nav .h-subnav {width:160px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translate(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.h-nav .h-subnav ol {padding:0px 0;}
.h-nav .h-subnav ol li{width: 100%;margin: 0 !important;}
.h-nav .h-subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 16px;text-align: center;font-weight: normal;}
.h-nav .h-subnav a:hover {background:#C62326;color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.wap_header .toggle{display: block; width: 25px; height: 18px; position: relative; z-index: 6;}
.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 8px;}
.wap_header .toggle i:nth-of-type(3){top: 16px;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
.wap_header #h60{height: 60px;}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: auto!important; line-height: 30px!important;padding:15px 30px 15px 0px; display: block; font-size: 14px; color: #333;}
.wap_header .nav ul li a:active {color: #C62326 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #C62326; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;}
.wap_header .nav ul li ul li i{top: -10px;}
.wap_header .logo{position: relative;height: 40px;margin-right: auto;}
.wap_header .logo img{height: 100%;}
.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}
.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}
.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}
.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}
.open>.dropdown-menu {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.h-footer{position:relative;background-color: #222222;background-image: url(../images/footerBg1.png);background-position: center;background-repeat: no-repeat;}
.foot1{padding: 100px 0 100px;}
.foot1>div{display: flex;}
.foot1 .h-info{display: flex;flex-direction: column;width: 300px;}
.foot1 .h-logo{margin-bottom: 40px;display: block;}
.foot1 .h-logo img{max-width: 100%;}
.foot1 .lineInfo{display: flex;align-items: flex-start;}
.foot1 .lineInfo+.lineInfo{margin-top: 20px;}
.foot1 .lineInfo img{width: 16px;margin-top: 3px;}
.foot1 .lineInfo span{padding-left: 15px;width: calc(100% - 16px);display: block;font-size: 16px;color: #FFFFFF;line-height: 25px;opacity: 0.5;}
.foot1 .h-nav{display:flex;justify-content: space-between;width: calc(100% - 300px);padding-left: 160px;}
.foot1 .h-nav dl{width: 100%;max-width: 150px;}
.foot1 .h-nav dt{margin-bottom: 25px;}
.foot1 .h-nav dt a{font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 36px;}
.foot1 .h-nav dd a{font-size: 16px;color: #FFFFFF;line-height: 24px;opacity: 0.5;}
.foot1 .h-nav dd+dd{margin-top: 18px;}
.foot1 .h-nav dd img{width: 100%;display: block;padding-top: 5px;}
.foot2{border-top: 1px solid #333333;padding: 25px 0;}
.foot2>div{display: flex;}
.foot2 .f2l{margin-right: auto;}
.foot2 span,.foot2 a{display: inline-block;font-size: 16px;color: #FFFFFF;line-height: 24px;opacity: 0.5;}
.h-footer a:hover{opacity: 1!important;}
.returnTop{position: absolute;right: 0;top: 0;height: 100%;width: 100px;z-index: 9;background: linear-gradient(180deg, #F04245, #C62326);display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
.returnTop img{display: block;transition: .3s;}
.returnTop span{display: block;text-align: center;font-size: 16px;color: #FFFFFF;line-height: 18px;width: 24px;margin-top: 20px;}
.returnTop:hover img{animation: mousedown 1s infinite;}
.pcBanner{display: block;}
.wapBanner{display: none;}
.mySwiperBanner {width: 100%;height: 100%;position: relative;overflow: hidden;}
.mySwiperBanner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .movehouse{position: absolute;bottom: 70px;left: 50%;margin-left: -11px;;width:22px;animation: mouse 1.5s infinite;z-index: 999;}
.banner .movehouse img{width: 100%;}
.bannerItem {height: calc(100vh - 200px);width: 100%;}
.bannerItem img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bannerItem.mobile {height: 100%}
.indNPBox .swiper-button-next::after,.indNPBox .swiper-button-prev::after{display: none;}
.indNPBox .swiper-button-next,.indNPBox .swiper-button-prev{display: block;width: 50px;height: 50px;margin-top:-25px;border: 1px solid rgba(255,255,255,.3);border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: .3s;}
.indNPBox .swiper-button-next{right: 75px;}
.indNPBox .swiper-button-prev{transform: rotate(180deg);left: 75px;}
.indNPBox .swiper-button-next:hover,.indNPBox .swiper-button-prev:hover{background: #C62326;border-color: #C62326;}
@keyframes mouse{
0{transform: translateY(0px);}
50%{transform: translateY(20px);}
100%{transform: translateY(0px);}
}
.hotSearch{border-bottom: 1px solid #F9F9F9;padding: 20px 0;}
.hotSearch>div{display: flex;align-items: center;}
.hotSearch .searchKey{width: 100%;padding-right: 50px;}
.searchKey .atit{font-size: 18px;font-family: DIN;color: #000000;line-height: 1.3;font-weight: bold;margin-bottom: 10px;}
.searchKey .atit b{color: #C62326;}
.searchKey .btit{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.searchKey .btit a{display: block;font-size: 16px;color: #666666;line-height: 1.3;margin: 0 15px;}
.searchKey .btit a:hover{color: #C62326;}
.hotSearch .searchBox{width: 400px;flex-shrink: 0;}
.SearchForm{display: flex;border: 1px solid #C62326;height: 60px;border-radius: 30px;padding: 5px;}
.SearchForm .int{width: 100%;font-size: 16px;color: #666666;padding: 0 10px;}
.SearchForm .int::placeholder{color: #cccccc;}
.SearchForm .subBox{width: 100px;flex-shrink: 0;display: block;height: 100%;background: linear-gradient(90deg, #F04245, #C62326);border-radius: 25px;overflow: hidden;}
.SearchForm .subBox .sub{display: block;height: 100%;width: 100%;background-image: url(../images/iconSearch.png);background-repeat: no-repeat;background-position: center;cursor: pointer;}
.indTitle{text-align: center;position: relative;padding: 80px 0 35px;}
.indTitle .atit{font-size: 40px;font-weight: bold;color: #040000;line-height: 1.5;position: relative;}
.indTitle .atit p{position: relative;z-index: 999;}
.indTitle .atit b{color: #C62326;}
.indTitle .atit strong{font-size: 80px;font-family: Impact;color: #F3F1F1;line-height: 1;text-transform: uppercase;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;opacity: .7;}
.indTitle .btit{font-size: 20px;color: #666666;line-height: 1.5;position: relative;margin: 10px 0 -10px;}
.indTitle.white .atit{color: #ffffff;}
.indTitle.white .atit strong{opacity: 0.1;}
.indAbox{display: flex;flex-wrap: wrap;}
.indAbox a{display: flex;justify-content: center;align-items: center;;height: 50px;padding: 0 35px;background: linear-gradient(90deg, #F04245, #C62326);border-radius: 5px;font-size: 20px;color: #F0F0F0;}
.indAbox a:nth-of-type(2n){margin-left: 10px;background: none;border: 1px solid #C62326;color: #C62326;}
.indAbox a:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #ccc;}
.sec1{background: url(../images/sec1Bg.png) center/cover;}
.indAbout{display: flex;flex-wrap: wrap;align-items: center;}
.indAbout .desc{width: 50%;padding-right: 50px;display: flex;flex-direction: column;}
.indAbout .desc .atit{font-size: 40px;font-weight: bold;color: #000000;line-height: 1.3;}
.indAbout .desc .btit{font-size: 16px;color: #333333;line-height: 2;margin: 35px 0;}
.indAbout .desc .ctit{margin-top: auto;}
.indAbout .imgs{width: 50%;padding-left: 50px;}
.mySwiperAbout {width: 100%;position: relative;overflow: hidden;}
.mySwiperAbout .swiper-slide {display: flex;justify-content: center;align-items: center;}
.mySwiperAbout .img{width: 100%;overflow: hidden;}
.mySwiperAbout .img img{width: 100%;}
.mySwiperAbout .swiper-pagination{display: flex;justify-content: center;}
.mySwiperAbout .swiper-pagination-bullet{display: block;width: 20px;height: 4px;background: #FFFFFF;border-radius: 0;}
.indNumListBox{margin: 80px 0 -100px;}
.indNumList{display: flex;background: linear-gradient(90deg, #F04245, #C62326);padding: 50px 0;}
.indNumItem{width: 25%;height: 100px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.indNumItem p{display: block;font-size: 60px;font-family: DIN;font-weight: bold;color: #FFFFFF;line-height: 1;margin-bottom: 10px;}
.indNumItem em{display: block;font-size: 16px;color: #FFFFFF;line-height: 1.5;opacity: 0.7;}
.indNumItem+.indNumItem::after{content: "";display: block;width: 1px;height: 100%;background: #FFFFFF;opacity: 0.2;position: absolute;left: 0;top: 0;}
.sec2{background: url(../images/sec2Bg.png) center/cover;padding:100px 0 100px;}
.indProSelList{display: flex;flex-wrap:wrap;justify-content: center;margin-bottom: 25px;}
.indProSel{display: flex;align-items: center;padding: 0 25px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);border-radius: 5px;height: 50px;margin: 5px 10px;cursor: context-menu;cursor: pointer;}
.indProSel .icon{display: block;width: 30px;height: 30px;background-position: 0 -70px;margin-right: 10px;background-repeat: no-repeat;}
.indProSel span{font-size: 20px;color: #C62326;line-height: 1.2;}
.indProSel.on,.indProSel.active{background: linear-gradient(90deg, #F04245, #C62326);}
.indProSel.on .icon,.indProSel.active .icon{background-position: 0px 2px;}
.indProSel.on span,.indProSel.active span{color: #ffffff;}
.sec2 .swiper{width: 100%;height: auto;position: relative;overflow: hidden;}
.sec2 .swiper-slide {}
.ProLBItem {display: none;}
.ProLBItem.active {display: block;}
.proBig{}
.indProItem{display: flex;background: #fff;}
.indProItem .img{width: 650px;overflow: hidden;}
.indProItem .img img{width: 100%;transition: .5s;}
.indProItem .desc{width: calc(100% - 650px);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);padding: 40px 50px 50px;display: flex;flex-direction: column;}
.indProItem .desc .atit{font-size: 30px;font-weight: bold;color: #000000;line-height: 1.2;}
.indProItem .desc .btit{font-size: 16px;color: #333333;line-height: 2.2;margin: 15px 0 50px;}
.indProItem .desc .btit em{color: #666666;}
.indProItem .desc .ctit{margin-top: auto;}
.proSml{margin-top: 20px;}
.proSml .img{width: 100%;overflow: hidden;border: 1px solid #D2D2D2;transition: .3s;background: #fff;}
.proSml .img img{width: 100%;transition: .5s;}
.proSml .swiper-slide-thumb-active .img{border: 1px solid #C62326;;}
.proSml .img:hover img{transform: scale(1.08);}
.sec3{background: url(../images/processBg1.png) center/cover;padding: 38px 0 35px;}
.processBox{display: flex;}
.processTitle{width: 280px;flex-shrink: 0;}
.processTitle .atit{position: relative;margin-bottom: 15px;}
.processTitle .atit p{display: block;font-size: 20px;font-weight: bold;color: #FFFFFF;line-height: 1.6;}
.processTitle .atit span{display: block;font-size: 42px;font-family: Impact;text-transform: uppercase;color: #FFFFFF;line-height: 1;opacity: 0.1;position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.processTitle .btit{display: flex;align-items: center;font-size: 30px;font-family: DIN;font-weight: bold;color: #FFFFFF;line-height: 1;}
.processTitle .btit img{margin-right: 8px;display: block;}
.processDesc{width: 100%;display: flex;align-items: center;}
.processItem{text-align: center;width: 100%;position: relative;}
.processItem .img{position: relative;}
.processItem img{display: block;margin: 0 auto 18px;}
.processItem p{display: block;font-size: 16px;color: #FFFFFF;line-height: 1.3;}
.processItem+.processItem .img::before{content: "";display: block;width: 11px;height: 21px;background: url(../images/iconRight2.png);position: absolute;left: 0;top: 50%;margin-top: -10px;}
.sec4{background: url(../images/sec4Bg.png) center/cover;padding-bottom: 110px;}
.mySwiperYs {width: 100%;height: 100%;position: relative;overflow: hidden;}
.mySwiperYs .swiper-slide {display: flex;justify-content: center;align-items: center;}
.indYsItem{display: flex;}
.indYsItem .indYSImg{width: 50%;}
.indYsItem .indYSImg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indYsItem .indYSDesc{width: 50%;padding: 50px calc((100vw - 1520px)/2) 50px 0;}
.indYsItem .indYsInfo{background: #ffffff;margin-left: -100px;padding: 100px;}
.indYsItem .atit{font-size: 30px;font-family: DIN;font-weight: bold;color: #CCCCCC;text-transform: uppercase;line-height: 1;margin-bottom: 18px;}
.indYsItem .atit b{font-size: 100px;font-family: DIN;font-weight: bold;color: #C62326;line-height: .75;}
.indYsItem .btit{font-size: 40px;font-weight: bold;color: #000000;line-height: 1.5;margin-bottom: 5px;}
.indYsItem .ctit{font-size: 18px;color: #666666;line-height: 1.5;height:112px;margin-bottom: 30px;}
.indYsItem .dtit{display: flex;}
.YSPN{display: flex;position: absolute;bottom: 0;left: 50%;margin-left: -100px;}
.mySwiperYs .swiper-button-next::after,.mySwiperYs .swiper-button-prev::after{display: none;}
.mySwiperYs .swiper-button-next,.mySwiperYs .swiper-button-prev{width: 100px;height: 50px;position: relative;top: auto;margin: 0;left: auto;right: auto;opacity: 1;transition: .3s;}
.mySwiperYs .swiper-button-next{background-color: #ECECEC;background-image: url(../images/iconRight3.png);background-repeat: no-repeat;background-position: center;}
.mySwiperYs .swiper-button-prev{background-color: rgba(0,0,0,.5);background-image: url(../images/iconRight3.png);background-repeat: no-repeat;background-position: center;transform: rotate(180deg);}
.mySwiperYs .swiper-button-next:hover,.mySwiperYs .swiper-button-prev:hover{background-color: #C62326!important;}
.sec5{background: url(../images/sec5Bg.png) center/cover;padding-bottom: 100px;}
.indCaseBox {display: none;}
.indCaseBox.active {display: block;}
.jjfaBox{display: flex;}
.jjfaSelList{width: 390px;}
.jjfaSel{height: 133px;background: #FFFFFF;display: flex;align-items: center;padding-left: 20px;position: relative;cursor: pointer;}
.jjfaSel::before{content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;background: linear-gradient(90deg, #C9D5E1, #637591);transition: .3s;opacity: 0;}
.jjfaSel+.jjfaSel{margin-top: 6px;}
.jjfaSel .icon{display: block;width: 40px;height: 40px;margin-right: 15px;position: relative;z-index: 9;background-repeat: no-repeat;flex-shrink: 0;}
.jjfaSel p{font-size: 20px;color: #000000;line-height: 1.5;position: relative;z-index: 9;padding-right: 10px;}
.jjfaSel.active::before{opacity: 1;}
.jjfaSel.active p{color: #FFFFFF;}
.jjfaSel.active .icon{background-position: 0 -93px;}
.jjfaContent{width: calc(100% - 390px);}
.mySwiperjjfa {width: 100%;height: 100%;position: relative;overflow: hidden;}
.mySwiperjjfa .swiper-slide {font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.jjfaItem{position: relative;height: 100%;width: 100%;}
.jjfaItem .img{overflow: hidden;height: 100%;max-height: 550px;}
.jjfaItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.jjfaItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);display: flex;}
.jjfaItem .desc .atit{width: calc(100% - 130px);padding: 30px 50px 20px;}
.jjfaItem .desc .atit p{display: block;margin-bottom: 8px;font-size: 24px;font-weight: bold;color: #FFFFFF;line-height: 1.2;}
.jjfaItem .desc .atit span{display: block;font-size: 16px;color: #FFFFFF;line-height: 25px;max-height: 50px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.jjfaItem .desc .btit{width: 130px;background: #C62326;font-size: 18px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.jjfaItem:hover .img img{transform: scale(1.05);}
.hzhbBox{margin-top: 20px;position: relative;}
.mySwiperkh {width: 100%;height: 100%;position: relative;overflow: hidden;}
.mySwiperkh .swiper-slide {font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.khItem{overflow: hidden;}
.khItem img{display: block;width: 100%;transition: .5s;}
.khItem:hover img{transform: scale(1.1);}
.hzhbBox .swiper-button-next::after,.hzhbBox .swiper-button-prev::after{display: none;}
.hzhbBox .swiper-button-next,.hzhbBox .swiper-button-prev{display: block;width: 80px;height: 80px;background-color: #FFFFFF;border-radius: 50%;margin-top: -40px;background-image: url(../images/iconRight4.png);background-repeat: no-repeat;background-position: center;transition: .3s;}
.hzhbBox .swiper-button-next:hover,.hzhbBox .swiper-button-prev:hover{background-color: #C62326;background-image: url(../images/iconRight5.png);}
.hzhbBox .swiper-button-prev{transform: rotate(180deg);left: -120px;}
.hzhbBox .swiper-button-next{right: -120px;}
.sec6{background: url(../images/sec6Bg.jpg);padding-bottom: 100px;background-size: cover;background-position: top center;}
.serviceBox{text-align: center;}
.serviceBox .atit{font-size: 40px;font-weight: bold;color: #FFFFFF;line-height: 1.3;margin: 10px 0 75px;}
.serviceBox .btit{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 0px;}
.serviceBox .indAbox a:hover{box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);}
.serviceList{display: flex;padding: 260px 0 60px;}
.serviceItem{width: 25%;}
.serviceItem p{display: block;font-size: 16px;color: #FFFFFF;line-height: 1.5;margin: 20px 0 3px;}
.serviceItem span{display: block;font-size: 18px;color: #FFFFFF;line-height: 1.5;}
.indNewsBox{display: flex;}
.indNewsTit{font-size: 20px;font-weight: bold;color: #000000;margin: 5px 0 25px;}
.indNewsLeft{width: calc(50% - 25px);margin-right: auto;}
.indNewsRight{width: calc(50% - 25px);}
.indNewsItem1{display:block;background: #ffffff;padding-right: 20px;}
.indNewsItem1 .img{overflow: hidden;width: 100%;height: 370px;}
.indNewsItem1 .img img{width: 100%;height:100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewsItem1 .desc{}
.indNewsItem1 .desc .atit{font-size: 20px;font-weight: bold;color: #333333;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 22px 0 10px;transition: .3s;}
.indNewsItem1 .desc .btit{font-size: 14px;color: #666666;line-height: 24px;height: 48px;opacity: 0.7;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 24px;}
.indNewsItem1 .desc .ctit{display: flex;}
.indNewsItem1:hover .img img{transform: scale(1.04);}
.indNewsItem1:hover .desc .atit{color: #C62326;}
.indNewsItem2{display:flex;flex-direction: row-reverse;background: #ffffff;align-items: center;padding-left: 20px;}
.indNewsItem2+.indNewsItem2{margin-top: 35px;}
.indNewsItem2 .img{overflow: hidden;width: 250px;height: 138px;}
.indNewsItem2 .img img{width: 100%;height:100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewsItem2 .desc{width: calc(100% - 250px);padding-right: 25px;}
.indNewsItem2 .desc .atit{font-size: 16px;font-weight: bold;color: #333333;line-height: 30px;height: 30px;padding-left:20px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;transition: .3s;}
.indNewsItem2 .desc .atit::before{content: "";display: block;width: 8px;height: 13px;position: absolute;left: 0;top: 50%;margin-top: -7px;background-image: url(../images/iconRight6.png);transition: .3s;}
.indNewsItem2 .desc .btit{font-size: 14px;color: #666666;line-height: 24px;height: 72px;opacity: 0.7;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indNewsItem2:hover .img img{transform: scale(1.1);}
.indNewsItem2:hover .desc .atit{color: #C62326;}
.indNewsItem2:hover .desc .atit::before{background-image: url(../images/iconRight7.png);}
.mySwiperProblem {width: 100%;overflow: hidden;position: relative;z-index: 999;padding: 20px 0 0;}
.problemItem{width: 100%;display: block;text-align: center;border: 2px solid #E2E2E2;background: #FFFFFF;padding: 10px;transition: .3s;}
.problemItem .img{margin-top: 35px;}
.problemItem .atit{font-size: 18px;color: #000000;line-height: 1.5;margin: 35px 0 28px;}
.problemItem .btit{display: block;width: 100px;height: 40px;line-height: 40px;background: #F3F1F1;border-radius: 5px;font-size: 16px;color: #C62326;margin: 0px auto 35px;transition: .3s;}
.problemItem:hover{transform: translateY(-10px);box-shadow: 0px 0px 10px 0 #ccc;}
.problemItem:hover .btit{background: #C62326;color: #ffffff;}
.sec9{padding: 100px 0 0;background: url(../images/sec9Bg.jpg) center/cover;margin-top: -50px;}
.indContentBox{display: flex;position: relative;flex-direction: row-reverse;}
.indContentBox .icbLeft{width: 50%;margin-top: auto;}
.peopleImg {text-align: center;width: 100%;}
.peopleImg img{max-width: 100%;}
.indContentBox .icbRight{width: 50%;}
.indContentBox .icbRight .icbTitle{text-align: left;padding: 30px 0 40px;}
.indContentBox .icbRight .icbTitle .atit{font-size: 24px;color: #666666;line-height: 1;background: linear-gradient(90deg, #F04245 0%, #C62326 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
.indContentBox .icbRight .icbTitle .btit{font-size: 36px;font-weight: bold;color: #222222;line-height: 1.3;margin: 6px 0 0px;}
.indContentBox .icbRight .lstit{font-size: 16px;color: #666666;line-height: 1.6;}
.indContentBox .icbRight .pstit{margin-top: 100px;display: flex;flex-wrap: wrap;}
.pPhone{display: flex;align-items: center;margin-left: 20px;}
.pPhone .img{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #C62326;border-radius: 50%;}
.pPhone .desc{width: calc(100% - 50px);padding-left: 10px;}
.pPhone .desc p{font-size: 16px;color: #333333;line-height: 1;display: block;padding-bottom: 5px;}
.pPhone .desc span{display: block;font-size: 30px;font-family: DIN;font-weight: bold;color: #C62326;line-height: 1;}
.indform{display: flex;margin: 130px 0 100px;}
.indform .int{width: calc(50% - 110px);display: block;height: 50px;background: #FFFFFF;margin-right: 10px;padding: 0 10px;font-size: 16px;border: 1px solid #E5E5E5;}
.indform .btn{width: 200px;height: 50px;background: #FFFFFF;border: 1px solid #C62326;text-align: center;font-size: 16px;color: #C62326;cursor: pointer;transition: .3s;}
.indform .btn:hover{background: #C62326;color: #FFFFFF;}
.nybanner{position: relative;}
.nybanner .img img{width: 100%;min-height: 200px;object-position: center;object-fit: cover;}
.nybanner .desc{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.nybanner .desc .atit{font-size: 48px;font-weight: bold;color: #FFFFFF;line-height: 1.2;}
.nybanner .desc .btit{font-size: 20px;color: #FFFFFF;line-height: 1.4;margin-top: 24px;}
.inner-sec{padding-top:3.8%;position: relative;}
.contact-sec1 .inner-tit h4{text-align:center}
.contact-sec1 .contact-sec1-dec{font-size:16px;line-height:30px;color:#666;margin-top:2.5%;text-align: center;}
.contact-sec1 .contact-sec1-ul{margin-top:4%}
.contact-sec1 .contact-icon{width:106px;height:106px;background-color:#fff;border:solid 1px #dcdcdc;position:relative;border-radius:50%;overflow:hidden;margin:0 auto}
.contact-sec1 .contact-icon img{position:absolute;left:0;right:0;bottom:0;margin:auto}
.contact-sec1 .contact-icon .img,.contact-sec1 .contact-sec1-ul li:hover .contact-icon .himg{top:0}
.contact-sec1 .contact-icon .himg,.contact-sec1 .contact-sec1-ul li:hover .contact-icon .img{top:-150%}
.contact-sec1 .contact-sec1-ul li:hover .contact-icon{background-color:#C62326;border:1px solid #C62326}
.contact-sec1 .contact1-txt{margin-top:30px}
.contact-sec1 .contact1-txt a,.contact-sec1 .contact1-txt p{font-family:ArialMT;font-size:20px;line-height:32px;color:#333;text-align:center}
.contact-sec1 .contact1-txt p{font-size:16px}
.contact-sec2{height:550px}
.contact-sec2 .contact-sec2-left{width:50%;height:100%;position:relative}
.contact-sec2 .contact-sec2-left .contact-sec2-img,.contact-sec2 .contact-sec2-left .contact-sec2-img img,.contact-sec2 .contact-sec2-left .swiper-container,.contact-sec2 .contact-sec2-left .swiper-slide img,.contact-sec2 .contact-sec2-right .map{width:100%;height:100%}
.contact-sec2 .contact-sec2-right{width:50%;height:100%;overflow:hidden;position:relative}
.contact-sec2 .contact-sec2-right .map img{max-width:none}
.contact-sec2 .contact-sec2-left .swiper-button-next,.contact-sec2 .contact-sec2-left .swiper-button-prev{width:18px;height:34px}
.contact-sec2 .contact-sec2-left .swiper-button-next{background:url(../images/co-next.png) no-repeat center center;right:20px;background-size:100%}
.contact-sec2 .contact-sec2-left .swiper-button-prev{background:url(../images/co-prev.png) no-repeat center center;left:20px;background-size:100%}
.about-sec3 .swiper-button-next:hover,.about-sec3 .swiper-button-prev:hover,.contact-sec2 .contact-sec2-left .swiper-button-next:hover,.contact-sec2 .contact-sec2-left .swiper-button-prev:hover{opacity:.5}
.contact-sec2 .contact-sec2-font{width:100%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:2.5%;background:url(../images/co-bgm.png) no-repeat center center;background-size:cover}
.contact-sec2 .contact-sec2-font h5{font-size:20px;text-align:center;color:#fff}
.contact-sec2 .contact-sec2-img img,.join-sec1 .join-sec1-tpimg img{width:100%}
.contact-sec3{background-color:#f7f7f7;padding-bottom:3%}
.contact-sec3 .contact-sec3-ul{margin-top:3.2%;position:relative;flex-wrap:wrap}
.contact-sec3 .contact-sec3-ul li{width:48.5%;margin-right:3%;margin-bottom:1.5%;background-color:#fff;position:relative;padding:2.3% 3.5%}
.contact-sec3 .contact-sec3-dec{padding-top:4%}
.contact-sec3 .contact-sec3-ul li:nth-child(2n){margin-right:0}
.contact-sec3 .contact-sec3-tit{font-size:20px;color:#222;padding-bottom:3%;border-bottom:1px solid #dbdbdb}
.contact-sec3 .contact-sec3-item{margin-bottom:4%}
.contact-sec3 .contact-sec3-item:last-child{margin-bottom:0}
.contact-sec3 .contact-sec3-item .tit{font-size:18px;line-height:30px;color:#222;margin-bottom:2px}
.contact-sec3 .contact-sec3-item .dec,.contact-sec3 .contact-sec3-item .dec a{font-family:ArialMT;font-size:16px;color:#666;line-height:30px}
.contact-sec3 .contact-sec3-item .dec a{padding-right:5px}
.contact-sec4{background:#fff;margin-top:0}
.contact-input{margin-top:2%}
.contact-input1{flex-wrap:wrap}
.contact-input1 li{width:49.3%;margin-bottom:1.3%;margin-right:1.3%;position:relative}
.contact-input1 li:nth-child(2){margin-right:0}
.contact-input1 li:nth-child(3){margin-right:0;width:100%}
.contact-input1 li:last-child{width:100%;margin-right:0}
.contact-input input{font-size:16px;background-color:#fff;padding:2.55%;width:100%;color:#444;border:solid 1px #dcdcdc}
.contact-input1 li:nth-child(3) input{padding:1.25%}
.contact-input textarea{font-size:16px;color:#444;background-color:#fff;padding:1.2% 1.2%;width:100%;min-height:117px;border:solid 1px #dcdcdc}
.contact-input .proinfo-more{margin:0 auto;margin-top:1%;font-size:16px}
.contact-input .proinfo-more button{cursor:pointer;width:100%;color: #fff;font-size: 16px;}
.contact-input .proinfo-more em{font-size:24px;display:inline-block;vertical-align:middle;padding-left:10px}
.inner-tit{/* padding-bottom: 40px; */}
.inner-tit h4 {font-size: 40px;color: #333;text-align: center;position: relative;padding-bottom: 20px;line-height: 1.3;}
.inner-tit h4::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:50px;height:2px;background-color:#e60013}
.flexlf {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
}
.flexsb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.proinfo-more {
display: block;
width: 200px;
height: 50px;
background-color: #e60013;
border-radius: 25px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #fff;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:30px 0px 30px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages a:hover {background:#C62326;color:#FFFFFF;border:1px solid #C62326;text-decoration:none;text-align:center;padding:2px 5px;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#C62326;border:1px solid #C62326;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}
.pagination {text-align:center;}
.pagination li {display:inline-block;color:#333333;margin:0px 5px 0px 0px;vertical-align:middle;}
.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination li a:hover {background:#C62326;color:#ffffff;}
.pagination li a.thisclass {background:#C62326;color:#ffffff;border:1px solid #C62326;cursor:default;}
.pagination li a.thisclass:hover {background:#C62326;color:#ffffff;border:1px solid #C62326;cursor:default;}
.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}
.pagination li .pageinfo strong {color:#555555;font-weight:normal;}
.pagination table {text-align:center;margin:10px 0px 0px 25%;}
.pagination table td {padding:0px 2px;}
#pages {text-align:right;}
#pages a {display:inline-block;height:33px;line-height:31px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}
#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:33px;padding:0 14px;line-height:30px;background:#C62326;border:1px solid #C62326;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
/* 研发与制造 */
.rd_con1{
width: 100%;
padding-top: 100px;
padding-bottom: 110px;
position: relative;
}
.rd_con1 .top{
width: 100%;
}
.rd_con1 .top .lef{
width: 52.2%;
float: left;
position: relative;
}
.rd_con1 .top .lef .p1{
font-family: "din";
font-size: 60px;
line-height: 60px;
color: #333333;
text-transform: uppercase;
opacity: 0.1;
}
.rd_con1 .top .lef .p2{
font-size: 44px;
color: #333333;
position: absolute;
transform: translateY(-50%);
top: 80%;
}
.rd_con1 .top .rig{
width: 47.8%;
float: left;
display: flex;
justify-content: space-between;
}
.rd_con1 .top .rig .p1{
font-size: 30px;
line-height: 1.2;
color: #C62326;
font-family: "din";
}
.rd_con1 .top .rig .p1 span{
font-size: 60px;
color: #C62326;
margin-right: 5px;
}
.rd_con1 .top .rig .p2{
font-size: 18px;
color: #333333;
}
.rd_con1 .bot{
width: 100%;
margin-top: 40px;
}
.rd_con1 .bot .lef{
width: 52.2%;
float: left;
border-top: 1px solid #dddddd;
position: relative;
}
.rd_con1 .bot .lef::before{
content: '';
width: 175px;
height: 2px;
background: #C62326;
position: absolute;
top: -2px;
left: 0;
}
.rd_con1 .bot .lef .div{
width: 100%;
padding-top: 62px;
padding-right: 110px;
}
.rd_con1 .bot .lef .div p{
font-size: 16px;
color: #333333;
line-height: 30px;
margin-bottom: 28px;
}
.rd_con1 .bot .rig{
width: 47.8%;
float: left;
}
.rd_con1 .bot .rig .div{
width: 100%;
position: relative;
}
.rd_con1 .bot .rig .div img{
width: 100%;
vertical-align: middle;
}
.rd_con1 .bot .rig .div p{
font-size: 16px;
color: #ffffff;
width: 100%;
line-height: 70px;
background: rgba(10,145,59,.5);
padding: 0 28px;
position: absolute;
bottom: 0;
left: 0;
}
.rd_con1 .swiper-button-next,
.rd_con1 .swiper-button-prev{
width: 75px;
height: 75px;
background-image: url(../images/img68.png);
background-size: contain;
background-repeat: no-repeat;
right: -38px;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
opacity: 1;
transition: all .5s;
}
.rd_con1 .swiper-button-prev{
left: -38px;
transform: translateY(-50%) rotate(180deg);
}
.rd_con1 .swiper-button-next:hover,
.rd_con1 .swiper-button-prev:hover{
background-image: url(../images/img69.png);
}
.rd_con1 .swiper-pagination{
text-align: right;
padding-right: 16px;
bottom: 10px;
color: #fff;
font-family: "din";
line-height: 20px;
}
.rd_con1 .swiper-pagination span{
font-size: 18px;
color: #fff;
}
.rd_con1 .swiper-pagination .swiper-pagination-current{
font-size: 36px;
color: #fff;
position: relative;
padding-left: 20px;
display: inline-block;
}
.rd_con1 .swiper-pagination .swiper-pagination-current::before{
content: '0';
position: absolute;
left: 0;
top: 0;
display: inline-block;
}
.rd_con1 .swiper-pagination .swiper-pagination-total{
font-size: 18px;
color: #fff;
position: relative;
padding-left: 11px;
display: inline-block;
}
.rd_con1 .swiper-pagination .swiper-pagination-total::before{
content: '0';
position: absolute;
left: 0;
top: 0;
display: inline-block;
}
/* rd_con2 */
.rd_con2{
width: 100%;
padding-top: 115px;
padding-bottom: 115px;
background-image: url(../images/img77.jpg);
background-size: cover;
background-position: left;
position: relative;
}
.rd_con2 .bt::before,
.rd_con3 .bt::before,
.rd_con4 .bt::before {
content: '';
width: 40px;
height: 2px;
background: #C62326;
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
}
.rd_con2 .rq{
width: 100%;
padding-top: 90px;
display: flex;
justify-content: space-between;
}
.rd_con2 .rq .lef{
width: 49.6%;
height: 450px;
background: #fff;
position: relative;
}
.rd_con2 .rq .lef img{
max-height: 75%;
max-width: 75%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.rd_con2 .rq .rig{
width: 47.8%;
height: 450px;
}
.rd_con2 .rq .rig .div1{
width: 35.4%;
height: 100%;
float: left;
position: relative;
background: #fff;
}
.rd_con2 .rq .rig .div1 img{
max-width: 75%;
max-height: 75%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.rd_con2 .rq .rig .div2{
width: 64.6%;
height: 100%;
float: left;
}
.rd_con2 .rq .rig .div2 .div{
width: 100%;
height: 33.3333%;
border: 2px solid #fff;
border-bottom: none;
padding-left: 60px;
padding-top: 40px;
}
.rd_con2 .rq .rig .div2 .div:last-child{
border-bottom: 2px solid #fff;
}
.rd_con2 .rq .rig .div2 .div p{
font-size: 20px;
color: #333333;
}
.rd_con2 .rq .rig .div2 .div p span{
font-size: 60px;
color: #C62326;
font-family: "din";
position: relative;
margin-right: 34px;
}
.rd_con2 .rq .rig .div2 .div p span em{
font-size: 30px;
color: #C62326;
font-family: "din";
position: absolute;
right: -24px;
top: 26px;
}
/* rd_con3 */
.rd_con3{
width: 100%;
padding-top: 120px;
padding-bottom: 100px;
position: relative;
}
.rd_con3 .rq{
width: 100%;
padding-top: 50px;
}
.rd_con3 .rq .lef{
width: 45.3%;
height: 470px;
float: left;
box-shadow: 0 0 15px rgba(0,0,0,0.04);
background: #fff;
position: relative;
}
.rd_con3 .rq .lef::before{
content: '';
width: 100%;
height: 100%;
box-shadow: 0 0 15px rgba(0,0,0,0.04);
background: #fff;
position: absolute;
left: 0%;
top: 50%;
transform: translateY(-50%) scale(0.84);
z-index: -1;
}
.rd_con3 .rq .lef.on::before{
left: -12%;
}
.rd_con3 .rq .lef::after{
content: '';
width: 100%;
height: 100%;
box-shadow: 0 0 15px rgba(0,0,0,0.04);
background: #fff;
position: absolute;
left: 0%;
top: 50%;
transform: translateY(-50%) scale(0.72);
z-index: -2;
}
.rd_con3 .rq .lef.on::after{
left: -22%;
}
.rd_con3 .rq .lef .top{
width: 100%;
height: 84%;
position: relative;
}
.rd_con3 .rq .lef .top img{
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.rd_con3 .rq .lef .bot{
width: 100%;
height: 16%;
display: flex;
align-items: center;
justify-content: center;
}
.rd_con3 .rq .lef .bot p{
font-size: 24px;
color: #333333;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.rd_con3 .rq .rig{
width: 54.7%;
float: left;
padding-left: 100px;
}
.rd_con3 .rq .rig .p1{
font-size: 36px;
color: #333333;
padding-bottom: 30px;
border-bottom: 2px solid #e3e3e3;
position: relative;
}
.rd_con3 .rq .rig .p1::before{
content: '';
width: 395px;
height: 2px;
background: #C62326;
position: absolute;
left: 0;
bottom: -2px;
}
.rd_con3 .rq .rig .div{
width: 100%;
padding-top: 46px;
}
.rd_con3 .rq .rig .div1{
width: 100%;
padding-left: 94px;
position: relative;
margin-bottom: 32px;
}
.rd_con3 .rq .rig .div1 .p2{
font-family: "reg";
font-size: 55px;
color: #C62326;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.rd_con3 .rq .rig .div1 .p3{
font-size: 18px;
color: #333333;
line-height: 30px;
}
.rd_con3 .rq .rig .div1 .p4{
font-size: 16px;
color: #666666;
line-height: 30px;
}
/* rd_con4 */
.rd_con4{
width: 100%;
padding-top: 110px;
padding-bottom: 85px;
position: relative;
}
.rd_con4::before{
content: '';
width: 100%;
height: 65%;
background: #f2f3f5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.rd_con4 .top{
width: 100%;
padding-top: 86px;
padding-bottom: 80px;
display: flex;
justify-content: space-between;
}
.rd_con4 .top .div{
padding-left: 136px;
position: relative;
}
.rd_con4 .top .div em{
width: 108px;
height: 108px;
background: #fff;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
box-shadow: 0 0 15px rgba(0,0,0,0.04);
}
.rd_con4 .top .div em img{
max-width: 65%;
max-height: 65%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.rd_con4 .top .div .p1{
font-size: 18px;
color: #C62326;
font-family: "din";
}
.rd_con4 .top .div .p1 span{
font-size: 55px;
margin-right: 5px;
}
.rd_con4 .top .div .p1 i{
font-size: 24px;
}
.rd_con4 .top .div .p2{
font-size: 18px;
color: #666666;
line-height: 30px;
}
.rd_con4 .bot{
width: 100%;
position: relative;
}
.rd_con4 .bot .div{
width: 100%;
overflow: hidden;
}
.rd_con4 .bot .div img{
width: 100%;
vertical-align: middle;
transition: all .5s;
}
.rd_con4 .bot .swiper-slide:hover .div img{
transform: scale(1.05);
}
.rd_con4 .bot p{
font-size: 20px;
text-align: center;
color: #333333;
margin-top: 18px;
}
.rd_con4 .bot .swiper-slide:hover p{
color: #C62326;
}
.rd_con4 .swiper-pagination{
display: none;
}
.rd_con4 .swiper-button-next,
.rd_con4 .swiper-button-prev{
width: 19px;
height: 30px;
background-image: url(../images/img47.png);
background-size: contain;
background-repeat: no-repeat;
right: -60px;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
transition: all .5s;
}
.rd_con4 .swiper-button-prev{
left: -60px;
transform: translateY(-50%) rotate(180deg);
}
.rd_con4 .swiper-button-next:hover,
.rd_con4 .swiper-button-prev:hover{
background-image: url(../images/img46.png);
}
.rd_con5{
padding-top: 0 !important;
}
@media(max-width:1459px){
.rd_con1 {
padding-top: 75px;
padding-bottom: 80px;
}
.rd_con1 .top .lef .p1 {
font-size: 45px;
line-height: 45px;
}
.rd_con1 .top .lef .p2 {
font-size: 33px;
line-height: 0px;
}
.rd_con1 .top .rig .p1 {
font-size: 22px;
}
.rd_con1 .top .rig .p1 span {
font-size: 45px;
margin-right: 5px;
}
.rd_con1 .top .rig .p2 {
font-size: 16px;
}
.rd_con1 .bot {
margin-top: 30px;
}
.rd_con1 .bot .lef .div {
padding-top: 46px;
padding-right: 30px;
}
.rd_con1 .bot .lef .div p {
font-size: 15px;
line-height: 26px;
margin-bottom: 22px;
}
.rd_con1 .bot .rig .div p {
font-size: 15px;
line-height: 54px;
padding: 0 20px;
}
.rd_con1 .swiper-pagination span,
.rd_con1 .swiper-pagination .swiper-pagination-total {
font-size: 15px;
}
.rd_con1 .swiper-pagination .swiper-pagination-current {
font-size: 26px;
}
.rd_con1 .swiper-button-next, .rd_con1 .swiper-button-prev {
width: 56px;
height: 56px;
right: -30px;
}
.rd_con1 .swiper-button-prev {
left: -30px;
}
.rd_con2 {
padding-top: 87px;
padding-bottom: 87px;
}
.rd_con2 .bt::before, .rd_con3 .bt::before, .rd_con4 .bt::before {
width: 30px;
height: 2px;
bottom: -18px;
}
.rd_con2 .rq {
padding-top: 68px;
}
.rd_con2 .rq .rig,
.rd_con2 .rq .lef {
height: 346px;
}
.rd_con2 .rq .rig .div2 .div p span {
font-size: 44px;
margin-right: 27px;
}
.rd_con2 .rq .rig .div2 .div p span em {
font-size: 22px;
right: -20px;
top: 18px;
}
.rd_con2 .rq .rig .div2 .div p {
font-size: 16px;
}
.rd_con2 .rq .rig .div2 .div {
padding-left: 44px;
padding-top: 34px;
}
.rd_con3 {
padding-top: 90px;
padding-bottom: 76px;
}
.rd_con3 .rq {
padding-top: 68px;
}
.rd_con3 .rq .lef {
height: 360px;
}
.rd_con3 .rq .lef .bot p {
font-size: 18px;
}
.rd_con3 .rq .rig {
padding-left: 70px;
padding-top: 30px;
}
.rd_con3 .rq .rig .p1 {
font-size: 26px;
padding-bottom: 20px;
}
.rd_con3 .rq .rig .p1::before {
width: 290px;
}
.rd_con3 .rq .rig .div {
padding-top: 32px;
}
.rd_con3 .rq .rig .div1 {
padding-left: 70px;
margin-bottom: 24px;
}
.rd_con3 .rq .rig .div1 .p2 {
font-size: 40px;
}
.rd_con3 .rq .rig .div1 .p3,
.rd_con3 .rq .rig .div1 .p4 {
font-size: 16px;
line-height: 26px;
}
.rd_con4 {
padding-top: 84px;
padding-bottom: 65px;
}
.rd_con4 .top {
padding-top: 66px;
padding-bottom: 60px;
}
.rd_con4 .top .div {
padding-left: 104px;
}
.rd_con4 .top .div em {
width: 80px;
height: 80px;
}
.rd_con4 .top .div em img {
max-width: 50%;
max-height: 50%;
}
.rd_con4 .top .div .p1 {
font-size: 15px;
}
.rd_con4 .top .div .p1 span {
font-size: 40px;
}
.rd_con4 .top .div .p2 {
font-size: 15px;
line-height: 24px;
}
.rd_con4 .bot p {
font-size: 16px;
margin-top: 14px;
}
.rd_con4 .swiper-button-next, .rd_con4 .swiper-button-prev {
width: 16px;
height: 25px;
right: -40px;
}
.rd_con4 .swiper-button-prev {
left: -40px;
}
}
@media(max-width:1024px){
.rd_con1 .bot .lef .div {
padding-top: 24px;
}
.rd_con1 .bot .lef .div p {
font-size: 14px;
line-height: 24px;
margin-bottom: 16px;
}
.rd_con2 .rq .rig .div2 .div {
padding-left: 24px;
}
.rd_con4 .top .div {
padding-left: 74px;
}
.rd_con4 .top .div em {
width: 60px;
height: 60px;
}
.rd_con4 .swiper-button-next, .rd_con4 .swiper-button-prev{
display: none;
}
.rd_con4 .swiper-pagination{
display: block;
bottom: 0;
}
.rd_con4 .swiper-container{
padding-bottom: 40px;
}
}
@media(max-width:768px){
.rd_con1 .top .lef{
width: 100%;
}
.rd_con1 .top .rig{
width: 100%;
margin-top: 40px;
}
.rd_con1 .bot .lef{
width: 100%;
}
.rd_con1 .bot .rig{
width: 100%;
}
.rd_con2 .rq{
flex-wrap: wrap-reverse;
}
.rd_con2 .rq .rig, .rd_con2 .rq .lef{
width: 100%;
}
.rd_con2 .rq .rig{
margin-bottom: 20px;
}
.rd_con3 .rq .lef{
width: 100%;
}
.rd_con3 .rq .rig{
width: 100%;
padding-left: 0;
}
.rd_con4 .top {
padding-top: 30px;
padding-bottom: 20px;
}
.rd_con4 .top .div{
width: 50%;
margin: 20px 0;
}
.rd_con4 .top{
flex-wrap: wrap;
}
.rd_con4 {
padding-top: 70px;
padding-bottom: 44px;
}
}
@media(max-width:500px){
.rd_con4 .top .div em img {
max-width: 75%;
max-height: 75%;
}
.rd_con4 .top .div:nth-child(2) em img {
max-width: 70%;
max-height: 70%;
}
.rd_con4 .top .div {
width: 100%;
padding-left: 90px;
}
.rd_con1 {
padding-top: 45px;
padding-bottom: 45px;
}
.rd_con1 .top .lef .p1 {
font-size: 26px;
line-height: 30px;
}
.rd_con1 .top .lef .p2 {
font-size: 24px;
}
.rd_con1 .top .rig .p1 {
font-size: 18px;
}
.rd_con1 .top .rig .p1 span {
font-size: 30px;
margin-right: 2px;
}
.rd_con1 .top .rig .p2 {
font-size: 14px;
}
.rd_con1 .top .rig {
margin-top: 34px;
}
.rd_con1 .bot {
margin-top: 22px;
}
.rd_con1 .bot .lef::before {
width: 100px;
}
.rd_con1 .bot .lef .div {
padding-top: 16px;
padding-right: 0;
}
.rd_con1 .bot .lef .div p {
margin-bottom: 10px;
}
.rd_con1 .bot .rig{
margin-top: 15px;
}
.rd_con1 .bot .rig .div p {
font-size: 14px;
line-height: 40px;
padding: 0 15px;
}
.rd_con1 .swiper-pagination {
bottom: 5px;
}
.rd_con1 .swiper-button-next, .rd_con1 .swiper-button-prev {
width: 46px;
height: 46px;
right: -24px;
}
.rd_con1 .swiper-button-prev {
left: -24px;
}
.rd_con2 {
padding-top: 45px;
padding-bottom: 45px;
}
.rd_con2 .bt::before, .rd_con3 .bt::before, .rd_con4 .bt::before {
width: 24px;
height: 2px;
bottom: -16px;
}
.rd_con2 .rq {
padding-top: 38px;
}
.rd_con2 .rq .rig, .rd_con2 .rq .lef {
height: 220px;
}
.rd_con2 .rq .rig .div2 .div p {
font-size: 14px;
/* line-height: 33px; */
}
.rd_con2 .rq .rig .div2 .div p span {
font-size: 28px;
margin-right: 20px;
}
.rd_con2 .rq .rig .div2 .div p span em {
font-size: 16px;
right: -12px;
top: 8px;
}
.rd_con2 .rq .rig .div2 .div {
padding-left: 26px;
padding-top: 20px;
}
.rd_con3 {
padding-top: 45px;
padding-bottom: 35px;
}
.rd_con3 .rq {
padding-top: 38px;
}
.rd_con3 .rq .lef {
height: 221px;
}
.rd_con3 .rq .lef .bot p {
font-size: 14px;
}
.rd_con3 .rq .rig .p1 {
font-size: 18px;
padding-bottom: 10px;
}
.rd_con3 .rq .rig .p1::before {
width: 200px;
}
.rd_con3 .rq .rig .div {
padding-top: 20px;
}
.rd_con3 .rq .rig .div1 .p2 {
font-size: 30px;
}
.rd_con3 .rq .rig .div1 {
padding-left: 48px;
margin-bottom: 10px;
}
.rd_con3 .rq .rig .div1 .p3, .rd_con3 .rq .rig .div1 .p4 {
font-size: 14px;
line-height: 22px;
}
.rd_con4 {
padding-top: 45px;
padding-bottom: 30px;
}
.rd_con4 .top .div .p1 {
font-size: 14px;
}
.rd_con4 .top .div .p1 span {
font-size: 28px;
}
.rd_con4 .top .div .p2 {
font-size: 12px;
line-height: 18px;
}
.rd_con4 .top .div .p1 s {
font-size: 18px;
}
.rd_con4 .top .div em {
left: 6px;
}
.rd_con4 .bot p {
font-size: 14px;
margin-top: 10px;
}
.rd_con4 .swiper-container {
padding-bottom: 28px;
}
.abo_con6 .bot {
padding-bottom: 45px;
}
}
@media screen and (max-width:1760px) {
.w1520{width: 1320px;}
.indYsItem .indYSDesc{padding-right: calc((100vw - 1320px)/2);}
.indYsItem .indYsInfo{padding: 80px;}
.indYsItem .atit b{font-size: 90px;}
.indYsItem .btit{font-size: 28px;}
.indYsItem .ctit{font-size: 16px;}
.jjfaSel{height: 110px;}
.jjfaSelList{width: 350px;}
.jjfaItem .img{max-height: 458px;}
.jjfaContent{width: calc(100% - 350px);}
.jjfaItem .desc .atit span{font-size: 15px;}
.hzhbBox .swiper-button-prev{left: -100px;}
.hzhbBox .swiper-button-next{right: -100px;}
}
@media screen and (max-width:1560px) {
.w1520{width: 1120px;}
.h-header .h-logo {padding-left: calc((100vw - 1120px)/2);padding-right: 20px;}
.h-header .h-logo img{zoom: .75;}
.h-header .h-nav {padding-right: calc((100vw - 1120px)/2);padding-left: 20px;}
.h-header .h-nav .li>a{font-size: 15px;}
.indYsItem .indYSDesc{padding-right: calc((100vw - 1120px)/2);}
.indYsItem .indYsInfo{padding: 60px;}
.indYsItem .atit{font-size: 22px;}
.indYsItem .atit b{font-size: 80px;}
.indYsItem .btit{font-size: 26px;}
.indYsItem .ctit{font-size: 15px;}
.jjfaSelList{width: 300px;}
.jjfaSel{padding-left: 20px;}
.jjfaContent{width: calc(100% - 300px);}
.jjfaSel p{font-size: 18px;}
.jjfaItem .desc .atit{padding: 30px 30px 20px;}
.indNewsItem2 .img{width: 200px;}
.indNewsItem2 .desc{width: calc(100% - 200px);}
.foot1{padding: 80px 0 100px;}
.foot1 .h-nav{padding-left: 100px;}
.foot1 .h-nav dd a{font-size: 15px;}
.foot1 .lineInfo span{font-size: 15px;}
.foot2 span, .foot2 a{font-size: 15px;}
.foot1 .h-nav dd+dd{margin-top: 15px;}
.hotSearch .searchBox{width: 350px;}
.SearchForm{height: 55px;}
.SearchForm .int{font-size: 15px;}
.SearchForm .subBox{width: 80px;}
.searchKey .btit{margin: 0 -10px;}
.searchKey .btit a{font-size: 15px;margin: 0 10px;}
.indTitle .atit{font-size: 32px;}
.indTitle .atit strong{font-size: 60px;}
.indTitle .btit{font-size: 18px;}
.indAbox a{font-size: 16px;}
.indAbout .desc{padding-right: 20px;}
.indAbout .imgs{padding-left: 20px;}
.indAbout .desc .atit{font-size: 32px;}
.indAbout .desc .btit{font-size: 15px;line-height: 1.8;}
.indNumList{padding: 35px 0;}
.indNumItem p{font-size: 50px;}
.indNumItem em{font-size: 15px;}
.indNumListBox{margin: 80px 0 -85px;}
.indProSel span{font-size: 18px;}
.indProItem .img{width: 50%;}
.indProItem .desc{width: 50%;padding: 30px 40px 40px;}
.indProItem .desc .btit{font-size: 15px;line-height: 1.8;}
.processTitle{width: 230px;}
.processTitle .btit{font-size: 26px;}
.sec2{padding: 80px 0 80px;}
.sec4{padding-bottom: 100px;}
.problemItem .atit{font-size: 16px;}
.indContentBox .icbRight .icbTitle{padding: 30px 0 30px;}
.indContentBox .icbRight .pstit{margin-top: 80px;}
.indform{margin: 100px 0 80px;}
.h-footer{padding-right: 100px;}
.hzhbBox .swiper-button-next, .hzhbBox .swiper-button-prev{zoom: .7;}
}
@media screen and (max-width:1459px){
.contact-sec2{height:500px}
}
@media screen and (max-width:1320px) {
.hzhbBox{padding: 0 60px;}
.hzhbBox .swiper-button-prev,.hzhbBox .swiper-button-next{zoom: .6;}
.hzhbBox .swiper-button-prev{left: 0;}
.hzhbBox .swiper-button-next{right: 0;}
.contact-sec2{height:460px}
.contact-sec1 .contact-icon{width:90px;height:90px}
.contact-sec1 .contact-icon img{width:35px}
}
@media screen and (max-width:1199px) {
.w1520{width: 100%;padding: 0 20px;}
.header-zw{height: 60px;}
.h-header{display: none;}
.wap_header{display: flex;}
.pcBanner{display: none;}
.wapBanner{display: block;}
.indNPBox .swiper-button-prev{left: 20px;}
.indNPBox .swiper-button-next{right: 20px;}
.hotSearch{display: none;}
.indYsItem .indYSDesc{padding: 40px 20px 40px 0;}
.indYsItem .indYsInfo{padding: 35px;margin-left: -80px;}
.indYsItem .atit b{font-size: 60px;}
.indYsItem .atit{font-size: 16px;}
.indYsItem .btit{font-size: 22px;}
.indYsItem .ctit{font-size: 14px;height: 80px;}
.jjfaSel{padding-left: 15px;}
.jjfaSel p{font-size: 17px;}
.jjfaSelList{width: 240px;}
.jjfaContent{width: calc(100% - 240px);}
.jjfaItem .desc .atit{padding: 25px 30px 20px;width: calc(100% - 100px);}
.jjfaItem .desc .atit p{font-size: 20px;}
.jjfaItem .desc .atit span{font-size: 14px;line-height: 24px;height: 48px;}
.jjfaItem .desc .btit{font-size: 16px;width: 100px;}
.indNewsLeft{width: calc(50% - 10px);}
.indNewsRight{width: calc(50% - 10px);}
.indNewsItem1 .img{height: 335px;}
.indNewsItem2 .desc .atit{margin-bottom: 5px;}
.sec9{padding: 60px 0 0;}
.indContentBox .icbRight .pstit{margin-top: 40px;}
.indform{display: block;margin-top: 40px;}
.indform .int{width: 100%;margin-bottom: 10px;height: 45px;font-size: 14px;}
.indform .btn{width: 100%;height: 45px;font-size: 14px;}
.indContentBox .icbLeft{width: 40%;}
.indContentBox .icbRight{width: 60%;padding-left: 20px;padding-bottom: 40px;}
.indContentBox .icbRight .lstit{font-size: 14px;}
.h-footer{padding-right: 0;}
.foot1{padding: 50px 0 80px;}
.foot1 .lineInfo+.lineInfo{margin-top: 10px;}
.foot1 .h-nav{display: none;}
.foot1 .h-info{width: auto;}
.returnTop{position: fixed;height: 50px;width: 50px;border-radius: 100%;z-index: 999;top: 80vh;}
.returnTop span{display: none;}
.indTitle{padding: 60px 0 30px;}
.indAbout .desc{width: 100%;padding: 0;}
.indAbout .desc .atit{font-size: 24px;}
.indAbout .desc .btit{margin: 15px 0;font-size: 14px;}
.indAbout .imgs{width: 100%;padding: 20px 0 0;}
.indAbox a{height: 45px;}
.indNumListBox{margin: 50px 0 -70px;}
.indNumItem{height: 70px;}
.indNumItem p{font-size: 40px;margin-bottom: 5px;}
.indNumItem em{font-size: 12px;}
.indProSel{padding: 0 15px;}
.indProSel span{font-size: 15px;}
.indProItem .desc{padding: 30px 20px 30px;}
.indProItem .desc .atit{font-size: 24px;}
.indProItem .desc .btit{font-size: 14px;margin: 15px 0 30px;}
.processTitle{width: 200px;}
.processTitle .btit{font-size: 22px;}
.processItem{zoom: .8;}
.processItem p{font-size: 14px;}
.serviceBox .atit{font-size: 28px;}
.serviceItem p{font-size: 14px;}
.serviceItem span{font-size: 16px;}
.indNewsItem1{padding-right: 0;}
.indNewsItem2{padding-left: 0;}
.indNewsItem2+.indNewsItem2{margin-top: 22px;}
.nybanner .desc .atit{font-size: 38px;}
.nybanner .desc .btit{font-size: 16px;margin-top: 10px;}
.foot1 .h-logo{max-width: 280px;}
.indTitle .btit{font-size: 16px;}
}
@media screen and (max-width: 1024px){
.contact-sec2{height:400px}
.contact-sec1 .contact1-txt a,.contact-sec1 .contact1-txt p,.contact-sec2 .contact-sec2-font h5{font-size:18px}
.contact-sec1 .contact1-txt p{font-size:16px}
}
@media screen and (max-width:780px) {
.w1520{padding: 0 15px;}
.indYsItem{flex-wrap: wrap;}
.indYsItem .indYSImg{width: 100%;}
.indYsItem .indYSDesc{width: 100%;padding: 0 20px 0 0;}
.indYsItem .indYsInfo{margin: -40px 0 0;position: relative;z-index: 9;}
.YSPN{left: auto;right: 20px;}
.jjfaBox{display: block;}
.jjfaSelList{display: flex;flex-wrap: wrap;width: 100%;}
.jjfaSel{width: calc(50% - 3px);margin: 0 5px 5px 0 !important;padding-left: 10px;height: auto;padding:15px 10px 10px;text-align:center;flex-direction: column;justify-content: center;}
.jjfaSel:nth-of-type(2n){margin-right: 0!important;}
.jjfaSel p{font-size: 14px;line-height: 1.5;}
.jjfaSel .icon{zoom: .8;margin-right: 0;margin-bottom: 10px;}
.jjfaContent{width: 100%;}
.jjfaItem .img{height: 300px;}
.jjfaItem .desc .atit{padding: 20px 15px;width: calc(100% - 80px);}
.jjfaItem .desc .btit{font-size: 14px;width: 80px;}
.indNewsBox{flex-wrap: wrap;}
.indNewsLeft{width: 100%;margin-bottom: 10px;}
.indNewsRight{width: 100%;}
.indNewsItem1 .img{height: auto;}
.indNewsItem2 .img{width: 150px;height: 110px;}
.indNewsItem2 .desc{width: calc(100% - 150px);padding-right: 10px;}
.sec9{padding: 20px 0 0 0;}
.indContentBox{display: block;}
.indContentBox .icbRight{width: 100%;padding: 0;}
.indContentBox .icbLeft{position: relative;width: 100%;padding: 20px 0 0 50%;}
.foot1{padding: 40px 0 50px;}
.foot1 .h-logo{margin-bottom: 30px;}
.foot2{padding: 15px 0;}
.foot2>div{display: block;text-align: center;}
.foot2 span, .foot2 a{font-size: 12px;line-height: 20px;display: block;}
.f2l,.f2r{display: flex;flex-wrap: wrap;justify-content: center;}
.indNPBox .swiper-button-next, .indNPBox .swiper-button-prev{zoom: .8;}
.indNPBox .swiper-button-prev{left: 10px;}
.indNPBox .swiper-button-next{right: 10px;}
.sec3{display: none;}
.indNumList{flex-wrap: wrap;padding: 0;}
.indNumItem{width: 50%;margin: 10px 0;}
.indNumItem:nth-of-type(1)::before,.indNumItem:nth-of-type(2)::before{content: "";display: block;height: 1px;width: calc(100% - 20px);background: #FFFFFF;opacity: 0.2;position: absolute;left: 10px;bottom: -10px;}
.indProSel{padding: 0 10px;margin: 2px 4px;}
.indProSel .icon{margin-right: 5px;}
.sec2{padding: 80px 0 40px;}
.proSml{margin-top: 10px;}
.indProItem{flex-wrap: wrap;}
.indProItem .img{width: 100%;}
.indProItem .desc{width: 100%;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.sec4{padding-bottom: 60px;}
.sec5{padding-bottom: 60px;}
.serviceBox .atit{font-size: 24px;}
.serviceList{flex-wrap: wrap;padding: 260px 0 20px;}
.serviceItem{width: 50%;margin: 0px 0 40px;}
.serviceItem .img{zoom: .8;}
.serviceItem p{margin: 10px 0 3px;font-size: 12px;}
.sec6{padding-bottom: 40px;}
.sec9{padding-top: 80px;}
.indContentBox .icbRight .icbTitle .atit{font-size: 20px;}
.indContentBox .icbRight .icbTitle .btit{font-size: 28px;}
.pPhone{width: 100%;margin-left: 0;margin-top: 20px;}
.indContentBox .icbLeft{display: none;}
.indform{margin-bottom: 0;}
.sec9{padding-bottom: 50px;}
.nybanner .desc .atit{font-size: 28px;}
.nybanner .desc .btit{font-size: 12px;}
.contact-input{margin-top:20px}
.contact-input .proinfo-more{margin-top:5px}
.about-sec1 .about-sec1-top,.about-sec1 .advan-sec1-ul,.contact-sec1 .contact-sec1-ul,.join-sec1 .join-sec1-top{flex-wrap:wrap}
.about-sec1 .about-sec1-tpl,.about-sec1 .about-sec1-tpr,.join-sec1 .join-sec1-tpfont,.join-sec1 .join-sec1-tpimg{width:100%}
.contact-sec1 .contact-sec1-ul li{width:50%;text-align:center;margin-bottom:25px}
.contact-sec2{height:300px}
.contact-sec2 .contact-sec2-left .swiper-button-next,.contact-sec2 .contact-sec2-left .swiper-button-prev{width:12px;height:28px}
.contact-sec2 .contact-sec2-left .swiper-button-next{right:10px}
.contact-sec2 .contact-sec2-left .swiper-button-prev{left:10px}
.contact-sec3 .contact-sec3-tit{font-size:18px}
.contact-sec2{padding-top:20px}
.contact-sec3 .contact-sec3-item .tit{font-size:16px}
.contact-sec4{margin-top:0}
.contact-sec3{padding-bottom:50px}
.indTitle .btit{font-size: 14px;}
}
.daohang_box{background: #f8f8f8;}
.daohang_box .w1520{display: flex;}
.daohang_box .dh_left{display: flex;}
.daohang_box .dh_left a{display: block;line-height: 80px;padding: 0 20px;font-size: 18px;color: #333333;}
.daohang_box .dh_left a.active,.daohang_box .dh_left a:hover{background: #C62326;color: #FFFFFF;}
.daohang_box .dh_right{margin-left: auto;}
.daohang_box .dh_right a,.daohang_box .dh_right span{line-height: 80px;font-size: 16px;color: #333333;}
.daohang_box .dh_right a:hover{opacity: .7;}
@media screen and (max-width: 1660px){
.daohang_box .dh_left a{font-size: 16px;padding: 0 15px;}
}
@media screen and (max-width: 1199px){
.daohang_box{display: none;}
}
@media screen and (max-width: 767px){
.section1{/* margin-top:55px; */height: calc(100vh - 60px) !important;}
.mobile-nav-box{top:55px}
.headfixed .menu-list{width:45%}
#search-form{width:100%}
.in_con01 .ban-font, .in_con02 .ban-font, .in_con03 .ban-font, .in_con04 .ban-font{font-size:26px;line-height:40px}
.in_con01 .ban-dec, .in_con02 .ban-dec, .in_con03 .ban-dec, .in_con04 .ban-dec{font-size: 14px;margin-top:6px}
.in_news{padding:15px;background:rgba(0,0,0,.5);bottom:0}
.in_news .in_newsdec{font-size:15px}
.index_btn{right:0;bottom: 160px;top:auto;left:50%;transform:translateY(0);transform:translateX(-50%);width:90%}
.index_btn li{float:left;width:83px}
.index_btn li em{font-size:14px}
.index_btn li.hover em,.index_btn li:hover em{font-size:15px}
.index_btn li::after{height:1px;right:auto;left:60%;top:auto;bottom:0;width:75%}
.index_btn li em::before{width:10px;height:10px;transform:translateY(0);bottom:-5px;top:auto;left:50%;transform:translateX(-50%);right:auto}
.index_btn li em::after{width:4px;height:4px;top:auto;right:auto;left:48%;transform:translateX(-48%);bottom:-2px;transform:translateY(0)}
.index_btn li q{height:1px;width:75%;right:auto;left:-32px;top:auto;bottom:0;animation:widthA 5s infinite}
.index_btn li.hover q{display:none}
.headfixed.top{top:0}
.pub-banner .pub-banner-font p{font-size:16px;margin-bottom:3px}
.pub-banner .pub-banner-font h3{font-size:24px}
.inner-sec{padding-top:35px}
.energy-sec1 .energy-sec1-ctitem1 li{width:100%;margin-right:0}
.energy-sec1 .energy-sec1-ctitem1 li:nth-child(3n){margin-right:0}
.energy-sec1 .energy-sec1-noall{padding-left:0;font-size:14px}
.energy-sec1 .energy-sec1-ctft h5{font-size:16px}
.storage-sec1 .storage-sec1-font .tit h4{font-size:24px}
.storage-sec1 .pro-more{width:140px;height:45px;line-height:45px}
.storage-sec1 .storage-sec1-font .tit h5{font-size:18px}
.storage-sec1 .storage-sec1-font{padding-top:30px}
.storage-sec1{padding:35px 0}
.storage-sec1 .storage-sec1-img{height:400px}
.storage-sec1 .storage-sec1-img img{padding:45px}
.proinfo-sec1 .proinfo-sec1-left .tit h4{font-size:22px}
.proinfo-sec1 .proinfo-sec1-left .dec,.proinfo-sec1 .proinfo-sec1-left .tit .eng{font-size:14px;line-height:26px}
.proinfo-sec1{padding:40px 0}
.proinfo-more,.proinfo-sec4 .proinfo-more{font-size:14px;width:160px;height:40px;line-height:40px}
.proinfo-sec1 .proinfo-sec2-rotate span{font-size:16px}
.proinfo-sec2 .proinfo-sec2-left{width:100%;height:350px}
.proinfo-sec2 .proinfo-sec2-ul{flex-wrap:wrap;justify-content:flex-start}
.proinfo-sec2 .proinfo-sec2-ul li{width:33.33%}
.inner-tit h4,.proinfo-sec2 .proinfo-sec2-right .tit{font-size:20px}
.advan-sec2 .advan-sec2-dec,.advan-sec3 .advan-sec3-dec,.advan-sec4 .advan-sec4-ft .dec,.advan-sec6 .advan-sec6-font .dec,.inner-tit .dec,.proinfo-sec2 .proinfo-sec2-ul P,.proinfo-sec3 .proinfo-sec3-btn span,.proinfo-sec3 .proinfo-sec3-name .tit,.proinfo-sec4 .proinfo-sec4-font,.proinfo-sec6 .proinfo-sec6-font{font-size:14px}
.proinfo-sec3 .proinfo-sec3-name .tit{
white-space: break-spaces;
text-overflow: clip;
}
.proinfo-sec3 .proinfo-sec3-name .dec{font-size:12px;}
.proinfo-sec3 .proinfo-sec3-menu li{flex:auto;width:33.333%;font-size:14px}
.proinfo-sec4 .proinfo-sec4-ul li{width:100%;margin-right:0;padding:15px 0}
.proinfo-sec4 .proinfo-sec4-ul li:nth-child(3n){margin-right:0}
.proinfo-sec4 .proinfo-more em{font-size:20px;vertical-align:-3px}
.advan-sec3 .advan-sec3-ul,.advan-sec4 .advan-sec4-swiper,.proinfo-sec3 .proinfo-sec3-list,.proinfo-sec4 .proinfo-sec4-ul,.proinfo-sec5 .proinfo-sec5-video,.proinfo-sec6 .proinfo-sec6-swiper,.service-sec1 .service-sec1-tel,.service-sec1 .service-sec1-tel .tel,.service-sec1 .service-sec1-ul,.solution-sec1 .solution-sec1-list{margin-top:15px}
.advan-sec6 .advan-sec6-ul li,.contact-input1 li,.solution-sec1 .solution-sec1-list li{width:100%;margin-right:0}
.contact-input input,.contact-input textarea,.contact-input1 li:nth-child(3) input{padding:10px}
.contact-input .proinfo-more{margin-top:10px}
.proinfo-sec6 .swiper-container{padding-bottom:20px}
.advan-sec1 .advan-sec1-ul{flex-wrap:wrap}
.advan-sec1 .advan-sec1-ul li{width:50%;margin:5px auto}
.advan-sec2 .advan-sec2-tit,.advan-sec3 .advan-sec3-tit,.advan-sec4 .advan-sec4-ft .tit,.advan-sec4 .advan-sec4-number,.advan-sec6 .advan-sec6-font .tit{font-size:18px}
.advan-sec2 .advan-sec2-num{font-size:26px;line-height:40px}
.advan-sec3 .advan-sec3-ul li{padding:30px 20px}
.advan-sec3 .advan-sec3-icon{width:55px}
.advan-sec3 .advan-sec3-font{width:calc(100% - 55px);padding-left:20px}
.advan-sec5{padding:35px 0;margin-top:35px}
.advan-sec4 .advan-sec4-number{width:100px;height:100px;line-height:100px}
.advan-sec5-menu li{font-size:16px;padding-right:40px}
.advan-sec5 .advan-sec5-menu li::before{width:60px}
.advan-sec5-menu li::after{top:50%;left:80%;transform:translate(-80%,-50%)}
.lightbox,.lightboxOverlay{display:none!important}
.about-sec1 .about-sec1-botimg:hover img,.about-sec2 .swiper-slide:hover .about-sec2-img img,.about-sec4 .about-sec4-ul li:hover .about-sec4-img img,.advan-sec2 .advan-sec2-left:hover .advan-sec2-img img,.advan-sec4 .swiper-slide:hover .advan-sec4-img img,.advan-sec5 .swiper-slide:hover .advan-sec5-img img,.advan-sec6 .advan-sec6-ul li:hover .advan-sec6-img img,.contact-sec2 .swiper-slide:hover .contact-sec2-img img,.join-sec1 .join-sec1-tpimg:hover img,.new .new-list-left li:hover .new-list-lfimg img,.proinfo-sec6 .swiper-slide:hover img,.service-sec1 .service-sec1-ul li:hover .service-sec1-img img,.solution-ifsec2 .solution-ifsec2-img:hover img,.solution-sec1 .solution-sec1-list li:hover .solution-sec1-img img{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.advan-sec4 .swiper-container,.advan-sec5 .swiper-container{padding-right:1px}
.advan-sec7{padding-top:15px}
.service-sec1 .service-sec1-ul li{flex-wrap:wrap;padding:0 25px}
.service-sec1 .service-sec1-font,.service-sec1 .service-sec1-img{width:100%}
.service-sec1 .service-sec1-ul li:nth-child(odd){padding-right:25px}
.service-sec1 .service-sec1-ul li:nth-child(even){padding-left:25px}
.service-sec1 .service-sec1-tit{font-size:20px}
.service-sec1 .service-sec1-tit span{font-size:22px}
.service-sec1 .service-sec1-dec{font-size:16px}
.service-sec1 .service-sec1-ul li:nth-child(even) .service-sec1-font,.service-sec1 .service-sec1-ul li:nth-child(odd) .service-sec1-font{padding:60px 20px}
.service-sec1 .service-sec1-img{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}
.service-sec1 .service-sec1-font{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}
.inner-menu .inner-menu-pc li{width:32.2%}
.solution-sec1 .solution-sec1-font h5{font-size:20px}
.paging a{font-size:12px}
.inner-menu .inner-menu-pc{display:none}
.inner-menu .inner-menu-mobile{display:block}
.inner-menu .nav-name{line-height:45px;padding:0}
.inner-menu .nav-name .iconfont{right:0}
.hotline-sec1 .inner-tit .dec,.pub-banner1 .pub-banner-dec,.solution-ifsec1 .solution-ifsec1-dec,.solution-ifsec2 .solution-ifsec2-dec{font-size:14px}
.pub-banner1 .pub-banner-tit p{font-size:22px}
.solution-ifsec1 .inner-tit h4{padding-bottom:10px}
.solution-ifsec1 .solution-ifsec1-dec,.solution-ifsec2 .solution-ifsec2-dec{padding-top:10px}
.solution-ifsec2 .solution-ifsec2-dec p{margin-bottom:5px}
.solution-ifsec2 .solution-ifsec2-font{margin-bottom:15px}
.solution-ifsec2 .solution-ifsec2-dec{margin-top:0}
.solution-ifsec3{padding-top:0}
.hotline-sec1 .hotline-sec1-font h5{font-size:18px}
.hotline-sec1 .hotline-sec1-icon img{width:24px}
.hotline-sec1 .hotline-sec1-icon{width:60px;height:60px;line-height:60px}
.hotline-sec1 .hotline-sec1-font{width:calc(100% - 60px)}
.hotline-sec1 .hotline-sec1-ul{margin-top:15px}
.down-sec1 .down-sec1-tit{font-size:16px}
.down-sec1 .down-sec1-ct2 li a{font-size:14px;line-height:26px}
.down-sec1{padding-bottom:35px}
.down-sec1 .proinfo-sec3-item ul{padding-bottom:20px}
.down-sec1-ipt{padding:20px 0;width:100%}
.problem-sec1 .problem-sec1-menu li{font-size:16px}
.problem-sec1 .problem-sec1-menu li{padding:10px}
.problem-sec1 .problem-sec1-menu li em{font-size:12px}
.problem-sec1 .down-sec1-sub{top:18%;transform:translateY(18%)}
.problem-sec1 .problem-sec1-font{font-size:16px}
.problem-sec1 .down-sec1-ipt{padding-bottom:25px}
.problem-sec1 .problem-sec1-decf{font-size:14px}
.problem-sec1 .problem-sec1-btn{width:15px;height:15px}
.problem-sec1 .problem-sec1-icon{width:25px}
.inner-menu .problem-sec1-monav a{padding:0}
.problem-sec1 .nav-name{padding:0 15px}
.problem-sec1 .nav-name .iconfont{right:15px}
.inner-menu .nav-name{font-size:16px}
.problem-sec1 .problem-sec1-menu li{padding:10px 10px 10px 15px}
.about-sec1 .about-sec1-tprft{margin-top:5px}
.about-sec1 .about-sec1-tprft{font-size:14px;line-height:26px}
.about-sec1 .about-sec1-icon,.contact-sec1 .contact-sec1-ul{margin-top:20px}
.about-sec1 .about-sec1-bot,.about-sec1 .about-sec1-tpr,.about-sec2 .swiper-container{padding-top:20px}
.about-sec1 .advan-sec1-ul{margin-top:-20px}
.about-sec1 .advan-sec1-ul{justify-content:flex-start}
.about-sec1 .advan-sec1-ul{padding:20px 0 15px 0}
.about-sec1 .advan-sec1-ul li{margin:5px 0}
.about-sec3 .about-develop-swbot .time{font-size:22px;line-height:30px;margin-top:20px}
.about-sec3 .about-sec3-dec{font-size:16px}
.about-sec3 .swiper-button-next,.about-sec3 .swiper-button-prev{bottom:12%}
.about-sec3 .swiper-button-next{right:-8px}
.about-sec3 .swiper-button-prev{left:-8px}
.about-sec3{margin-top:35px;padding:35px 0}
.about-sec3 .about-develop-tpft .tit{font-size:28px}
.about-sec4 .inner-tit{width:100%}
.about-sec4 .about-sec4-ul{margin-top:15px;flex-wrap:wrap}
.about-sec4 .about-sec4-ul li{width:100%;margin-right:0;margin-bottom:20px}
.about-sec4 .inner-tit .dec,.about-sec4 .inner-tit h4{text-align:center}
.about-sec4 .about-sec4-ul li:last-child{transform:translateY(0)}
.about-sec4 .about-sec4-font{font-size:14px;line-height:26px;margin-top:15px}
.about-sec6 li .sef-pic{width: 165px;height:100px;}
.about-sec6 li .sef-pic img{padding:20px}
.new .new-list-left li a{flex-wrap:wrap;margin-bottom:20px}
.new .new-list-font,.new .new-list-lfimg{width:100%}
.new .new-list-font{padding:20px 0}
.contact-sec2 .contact-sec2-left,.contact-sec2 .contact-sec2-right,.new .new-list-left li a::before,.new .new-list-left li:hover a::after{width:100%}
.new{margin-bottom:40px}
.new .new-list{margin:25px 0}
.new .new-list-font .tit{font-size:18px}
.newinfo-sec1 .newinfo-sec1-tit .tit{font-size:20px}
.newinfo-sec1{margin:40px auto;padding:30px 25px}
.newinfo-sec1 .newinfo-sec1-tit{padding-bottom:15px}
.newinfo-sec1 .newinfo-sec1-cont{padding-top:15px}
.newinfo-sec1 .newinfo-sec1-cont{font-size:14px;line-height:26px}
.contact-sec2,.newinfo-sec1 .newinfo-sec1-page{flex-wrap:wrap}
.newinfo-sec1 .newinfo-sec1-next,.newinfo-sec1 .newinfo-sec1-prev{width:40%}
.newinfo-sec1 .newinfo-sec1-next em,.newinfo-sec1 .newinfo-sec1-prev em{padding-left:0;width:20px;padding:0}
.newinfo-sec1 .newinfo-sec1-next span,.newinfo-sec1 .newinfo-sec1-prev span{width:calc(100% - 20px)}
.newinfo-sec1 .newinfo-sec1-prev span{padding-left:5px}
.newinfo-sec1 .newinfo-sec1-next span{padding-right:5px}
.contact-sec1 .contact-icon{width:65px;height:65px}
.contact-sec1 .contact-icon img{width:25px}
.contact-sec1 .contact-sec1-ul li{width:100%;display:flex;flex-direction:row;justify-content:flex-start;text-align:left}
.contact-sec1 .contact1-txt p{font-size:16px}
.contact-sec1 .contact1-txt{margin-top:0;width:calc(100% - 65px);padding-left:20px}
.contact-sec1 .contact-sec1-dec,.contact-sec1 .contact1-txt p{text-align:left;font-size:14px;line-height:26px}
.contact-sec2{padding-top:10px}
.contact-sec2{height:auto}
.contact-sec2 .contact-sec2-left{height: auto;}
.contact-sec2 .contact-sec2-right{height:40vh}
.contact-sec3 .contact-sec3-ul li{width:100%;margin-right:0;margin-bottom:15px;padding:30px 20px 20px 20px}
.contact-sec3 .contact-sec3-ul{margin-top:20px}
.contact-sec3{padding-bottom:35px}
.join-sec1 .join-sec1-tit{font-size:20px}
.join-sec1 .join-sec1-tit::before{width:50px}
.join-sec1 .join-sec1-dec{padding:10px 0 20px 0}
.insrecruit-list .rectue-top{height:60px}
.insrecruit-list .rectue-min-top dd{width:100%;font-size:14px}
.insrecruit-list .rectue-min .desc{font-size:14px;line-height:26px}
.insrecruit-list .rectue-min-top{padding-bottom:10px}
.insrecruit-list .desc .dec-h3{margin-top:10px}
.insrecruit-list .rectue-min{padding:20px}
.insrecruit-list{margin-top:40px;margin-bottom:15px}
.ny-bread,.proinfo-sec2 .proinfo-sec2-left::before{display:none}
.magnifier:hover img{transform:scale(1) translateY(0)}
.headfixed .mobile-nav-box .head-subnav>a{padding:8px 10px}
.solution-ifsec1 .solution-ifsec1-dec{text-align:left}
.advan-sec6 .advan-sec6-font{padding:20px 10px}
.about-sec3>div{width:95%;margin:0 auto}
}
@media screen and (max-width:360px){.footer .foot-top-cen .foot-btn{width:36.8%}
.footer .foot-bot-left a,.footer .foot-bot-left span{line-height:25px}
}
@media screen and (max-width:320px){.in_con01 .ban-dec,.in_con02 .ban-dec,.in_con03 .ban-dec{font-size:13px}
.in_con01 .ban-font, .in_con02 .ban-font, .in_con03 .ban-font, .in_con04 .ban-font{font-size:24px;line-height:40px}
.in_news .in_newsdec{font-size:15px;margin-bottom:0}
}
.article table{min-width: auto!important;}
.article_cont table td{white-space: unset!important;padding: 2px;word-break: break-all;}
.delll{overflow-y: auto;}
.tysBox{display: flex;flex-wrap: wrap;margin-top: auto;}
.tysItem{width: 25%;/* text-align: center; */}
.tysItem .img img{max-width: 100%;}
.tysItem p{font-size: 20px!important;color: #000000!important;line-height: 1.5!important;margin: 14px 0 0!important;}
.rd_con1 .bot{display: flex;flex-wrap: wrap;}
.rd_con1 .bot .lef .div{display: flex;flex-direction: column;height: 100%;}
.yfzz1{padding: 100px 0 100px;}
.gpzBox{display: flex;flex-wrap: wrap;margin: 50px -22px 0;}
.gpzItem{display: block;width: calc(33.333% - 44px);margin: 0 22px;}
.gpzItem .img{overflow: hidden;}
.gpzItem .img img{width: 100%;transition: .3s;}
.gpzItem p{display: block;height: 65px;line-height: 65px;text-align: center;font-size: 18px;color: #333333;}
.yfzz2{background: #F5F5F5;padding: 100px 0;overflow: hidden;}
.pdBox{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 50px 0 40px;}
.pzItem{display: flex;align-items: center;}
.pzItem+.pzItem{margin-left: 50px;}
.pzItem img{display: block;margin-right: 8px;}
.pzItem span{font-size: 24px;color: #333333;}
.bdtit{text-align: center;height: 80px;background: #ffffff;display: flex;align-items: center;justify-content: center;line-height: 1.5;font-size: 30px;color: #000000;}
.zlglBox{display: flex;margin: 50px -40px 50px;}
.zlglItem{width: calc(33.333% - 80px);margin: 0 40px;position: relative;}
.zlglItem .img{position: relative;}
.zlglItem .img img{width: 100%;}
.zlglItem .img p{display: block;position: absolute;bottom: 0;left: 0;width: 100%;font-size: 24px;color: #FFFFFF;height: 80px;display: flex;align-items: center;justify-content: center;line-height: 1.5;padding: 0 10px;text-align: center;background: rgba(0,0,0,.5);}
.zlglItem .desc{font-size: 18px;color: #333333;line-height: 28px;margin-top: 22px;}
.zlglItem+.zlglItem .img::after{content: "";display: block;width: 35px;height: 40px;background: url(../images/sjt1.png);position: absolute;top: 50%;transform: translateY(-50%);left: -55px;}
.cxgs{margin-top: 35px;}
.cxgs .pzItem+.pzItem{margin: 15px 0 0;}
.hzkhBList4{display: flex;flex-wrap: wrap;margin: 20px -10px;}
.hzkhBList4 .img{margin: 10px;width: calc(25% - 20px);text-align: center;}
.hzkhBList4 .img img{max-width: 100%;}
.hzkhBList6{display: flex;flex-wrap: nowrap;margin: 20px -10px;}
.hzkhBList6 .img{margin: 10px;width: calc(16.666% - 20px);text-align: center;}
.hzkhBList6 .img img{max-width: 100%;}
@media screen and (max-width:1560px) {
.tysItem .img img{width: 50px;}
.rd_con1 .bot .lef .div p{font-size: 16px!important;margin-top: 5px!important;}
.pzItem span{font-size: 20px;}
.pzItem+.pzItem{margin-left: 40px;}
.zlglItem .img p{height: 60px;font-size: 20px;}
}
@media screen and (max-width:780px) {
.rd_con1 .bot{margin-top: 0!important;}
.tysBox{margin-top: 20px;}
.yfzz1{padding: 60px 0 40px;}
.gpzBox{margin: 30px -10px 0;}
.gpzItem{width: calc(50% - 10px);margin: 0 5px 0;}
.pdBox{margin: 30px 0 30px;}
.pzItem{width: 100%;justify-content: center;}
.pzItem+.pzItem{margin: 2px 0 2px;}
.pzItem span{font-size: 18px;}
.yfzz2{padding: 60px 0 40px;}
.bdtit{height: 60px;font-size: 22px;}
.zlglBox{flex-wrap: wrap;}
.zlglItem{width: 100%;}
.zlglItem+.zlglItem{margin-top: 60px;}
.zlglItem+.zlglItem .img::after{left: 50%;transform: translateX(-50%) rotate(90deg);top: -50px;}
.zlglItem .img p{height: 50px;font-size: 18px;}
.zlglItem .desc{font-size: 16px;margin-top: 15px;}
.hzkhBList4{display: flex;flex-wrap: wrap;margin: 10px -5px;}
.hzkhBList4 .img{margin: 5px;width: calc(50% - 10px);}
.hzkhBList6{display: flex;flex-wrap: wrap;margin: 10px -10px;}
.hzkhBList6 .img{margin: 10px;width: calc(33.33% - 20px);}
}