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;}
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;}
.container{position: relative;width: 1400px;margin: 0 auto;}
.w1140{position: relative;width: 1140px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;}
.pd50{padding: 0 50px;}
.rela{position: relative;}
 



/* header */
.header_zw{display: block;height: 100px;}
.h-header{position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;border-bottom: 1px solid #f1f1f1;background: #FFFFFF;}
.h-header > div{display: flex;align-items: center;}
.h-nav{display: flex;margin-left: auto;}
.h-nav .li{margin-right: 60px;position: relative;}
.h-nav .li>a{position: relative;display: block;font-size: 16px;color: #333333;line-height: 100px;}
.h-nav .li>a:after{content: "";display: block;width: 0%;position:absolute;left:50%;bottom: 0;height: 2px;background: #000;transition: .3s;}
.h-nav .li>a:hover{color: #000;}
.h-nav .li.active>a{font-weight: bold;color: #000;}
.h-nav .li.active>a:after{width: 100%;left: 0;}

.h-subnav {width:180px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-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-subnav ol {padding:12px 0;} */
.h-subnav ol li{width: 100%;margin: 0 !important;}
.h-subnav a {transition: .2s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 14px;text-align: center;font-weight: normal;}
.h-subnav a:hover {background: linear-gradient(235deg, #0083A8, #000);color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}

.headerBox{max-width: 1660px;margin: 0 auto;}


.h-more{display: flex;}
.h-more .h-search{margin-right: 60px;}
.searchBtn{cursor: pointer;}
.langBtn{height: 35px;padding: 0 20px;display: flex;align-items: center;background: linear-gradient(235deg, #0083A8, #000);border-radius: 5px;}
.langBtn img{display: block;}
.langBtn span{font-size: 14px;color: #FFFFFF;line-height: 1;padding-left: 8px;}


.wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; 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: 24px; 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: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;}
.wap_header .nav ul li a:active  {color: #dd0518 !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: #dd0518; 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{float: left;margin-top: 10px;position: relative;height: 40px;}
.wap_header .logo img{height: 100%;}
.wap_header .toggle{float: right;margin-top: 21px;}
.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;}
.wap_header .h-more{float: right;margin: 12px 0px 0 0;}


.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 9999;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 9999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(../images/colse.png) no-repeat center;background-size: 18px auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(../images/z_img9.png) no-repeat center;background-size: 28px auto;}
.search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}





/* banner */
.bannerBox{overflow: hidden; max-width: 1600px;margin: 0 auto;position: relative;}
.bannerBox img{width: 100%;}
.bannerBtn{color: #fff;font-size: 15px; width: 155px; height: 50px; line-height: 50px;text-align: center; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 2px solid #fff;display: inline-block;position: absolute;}
.bannerBox .swiper-pagination-bullet-active{background: #000!important;}
.bigImgItem{max-width: 1600px;margin: 10px auto; position: relative;}
.bigImgItem img{width: 100%;}



/* index */
.tjProduct{margin-top: 50px;}
.tjProduct h1{font-size: 28px;text-align: center;font-weight: bolder;}
.productBox{display: flex;flex-wrap: wrap;}
.productItem{width: calc(25% - 10px);margin: 0 5px;}
.productItem img{width: 100%;}
.productItem p{height: 65px;  font-size: 12px;line-height: normal;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.hb{display: flex;margin-top: 100px;}
.hb>div{width: 50%;padding: 20px;}
.hb>div img{width: 100%;}
.indexAbout{margin-top: 100px;}
.indexAbout h1{font-size: 28px;text-align: center;font-weight: bolder;}
.indAbout{margin-top: 50px;display: flex;}
.indBtn{display: block; width: 180px;height: 50px;text-align: center;line-height: 50px; color: #fff;background-image: linear-gradient(180deg, #000 0%, #595959 100%);background-color: transparent;}
.indAboutLeft{width: 50%;}
.indAboutRight{width: 50%;}
.indAboutRight video{width: 100%;height: 50%;}
.indService{margin-top: 100px;}
.indService h1{font-size: 28px;font-weight: bolder;text-align: center;}
.indService h3{text-align: center;font-size: 18px;margin-top: 10px;}
.indSerItem{transition: 0.3s all; width: calc(33.33% - 10px);margin: 0 5px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,.1);padding: 30px;}
.indSerItem:hover{transform: scale(1.05);}
.indImg{max-width: 125px; text-align: center;display: block;margin: 0 auto;}
.indSerTit{text-align: center;font-size: 20px;margin-bottom: 20px;}
.indSerCont{font-size: 15px;color: #bfbfbf;text-align: center;}
.indServiceBox{display: flex;margin-top: 50px;}
.indHonor{margin-top: 100px;}
.indHonor h1{font-size: 28px;text-align: center;font-weight: bold;}
.indHonorBox{margin-top: 10px;overflow: hidden;}
.indHonorBox img{width: 100%;}
.indHonorBox .swiper-pagination{bottom: -25px!important;}
.indHonorBox .swiper-pagination-bullet-active{background: #000!important;}
.hotProduct{margin-top: 100px;}
.hotProduct h1{font-size: 28px;text-align: center;font-weight: bold;}
.hotProduct>a{margin-top: 10px; font-size: 15px;text-align: center;display: block;text-decoration: underline;color: #0071a9;}
.hotProductBox{margin-top: 50px;display: flex;flex-wrap: wrap;}
.hotProItem{width: calc(25% - 30px);margin: 0 15px;}
.hotProItem img{width: 100%;}
.hotIcon{text-align: center;}
.hotProItem>p{height: 63px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis; font-size: 15px;text-align: center;line-height: normal;}
.platFormsBox{margin-top: 100px;}
.platFormsBox h1{text-align: center;font-size: 28px;font-weight: bold;}
.platForms{display: flex;flex-wrap: wrap;}
.plaItem{width: 25%;padding: 10px;}
.plaItem img{width: 100%;}
.indavg{margin-top: 100px; }
.indavg h1{font-size: 28px;text-align: center;font-weight: bold;}
.indavg h3{font-size: 18px;text-align: center;}
.indavgBox{display: flex;margin-top: 50px;}
.indLineForm{margin-bottom: 50px; background: #000;margin-top: 100px;height: 90px;display: flex;justify-content: center;}
.lineForm{display: flex;align-items: center;justify-content: center;}
.lineForm input{font-size: 16px; margin: 0 5px; width: 213px; height: 47px; background: #fff;padding: 10px;}
.lineForm textarea{font-size: 16px; width: 440px;margin: 0 5px ; background: #fff; height: 47px;padding: 10px;}






/* about */
.pageion1{font-size: 18px;line-height: 40px;}
.pageion2{display: flex;align-items: center;margin-top: 50px;}
.pageionLeft{width: 50%;}
.pageionLeft img{width: 100%;}
.pageionLeft video{width: 100%;}
.pageionRight{width: 50%;font-size: 18px;line-height: 40px;padding: 10px;}
.pageion3{margin-top: 50px;}
.pageion3 h1{font-size: 18px;font-weight: bolder;margin-bottom: 25px;}
.pageion3>div{line-height: 40px;font-size: 18px;}
.Honor{overflow: hidden;position: relative;}
.honorBox{max-width: 1860px;margin: 0 auto;margin-top: 100px;display: none;}
.Honor img{width: 100%;}
.Honor .swiper-pagination{bottom: -5px!important;}
.Honor .swiper-pagination-bullet-active{background: #000!important;}
.avgBox{display: flex;margin-top: 100px; display: none;}

.avgBoxLeft{width: 55%;}
.avgBoxLeft img{width: 100%;padding-top: 135px;}
.avgBoxRight{width: 45%;padding: 10px 30px;}
.avgItem{height: 185px; padding: 20px; display: flex;box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, .29);margin-bottom: 20px;}
.avgItem img{max-width: 88px;}
.avgItem h1{font-size: 20px;}
.avgItem p{margin-top: 10px; font-size: 16px;color: #bfbfbf;line-height: 25px;}
.whyChoose{margin-top: 100px;}
.whyChoose>h1{font-size: 22px;text-align: center;margin-bottom: 50px;}
.whyChooseUl{display: flex;}
.wcItem{padding: 35px; text-align: center; width: calc(33.33% - 10px);margin: 0 5px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .29);}
.wcItem img{max-width: 104px;}
.wcItem>h1{font-size: 20px;}
.wcItem p{font-size: 15px;color: #bfbfbf;margin-top: 20px;}
.history{margin-top: 100px;margin-bottom: 100px;}
.hisTit{height: 46px;line-height: 46px; color: #fff;width: 135px;text-align: center;background-color: #000;border-top-right-radius: 29px;}
.hisContent{position: relative; width: 100%;border-left: 2px solid #000;height: 280px;display: flex;align-items: center;padding: 66px 75px 40px 50px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);}
.outSide{font-size: 15px;}
.inside{transition: all 0.5s; position: absolute;opacity: 0;background: #F4F4FF;width: 100%;height: 100%;left: 0;top: 0%;}
.inside a{position: absolute; left: 40px; transform: translateY(-50%);top: 50%; background-color: #DDDCFF;color: #635dff;text-align: center;border-radius: 30px;width: 200px;height: 50px;line-height: 50px;display: block;}
.hisContent:hover .inside{opacity: 1;}
.hisItem{margin-bottom: 30px;}


/* service */
.serviceBox{margin-top: 30px;}
.service1{display: flex;}
.serviceLeft{width: 50%;}
.serviceLeft h1{font-size: 20px;margin: 20px 0;}
.serviceRight{width: 50%;padding: 10px;}
.serviceRight img{width: 100%;}
.service2{margin-top: 100px;}
.service2 h1{font-size: 20px;text-align: center;font-weight: bolder;margin-bottom: 20px;}
.service2Df{display: flex;flex-wrap: wrap;}
.service2Df>div{width: 20%;text-align: center;font-weight: bolder;margin-bottom: 50px;}
.service3>h1{font-size: 20px;text-align: center;font-weight: bolder;}
.serviceBox3Item{padding: 10px 10px; height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 20px;}
.serviceBox3Item:nth-child(odd){background: #4B4F58;}
.serviceBox3Item:nth-child(odd) p{color: #fff;}
.serviceBox3Item>h1{text-align: center;font-size: 18px;color: #000;font-weight: 400;}
.faqBox{margin-top: 100px;margin-bottom: 100px;}
.faqBox h1{text-align: center;font-size: 20px;font-weight: bolder;}
.faqUl{margin-top: 50px; display: flex;border: 1px solid #7a7a7a;flex-direction: column;}
.faqLi{cursor: pointer; border-bottom: 1px solid #7a7a7a; padding:  15px;}
.faqLi:last-child{border: none;}
.question{align-items: center; text-decoration: underline;width: 100%;font-size: 20px;display: flex;justify-content: space-between;}
.ask{ margin: 15px 0; font-size: 16px;color: #7a7a7a;}
.faqIcon{display: block; background-image: url(../images/downArrow.png);background-size: 100%; width: 15px;height: 15px;}
.faqIcon.active{background-image: url(../images/line.png);}




/* contact */
.positionCss{text-align: center;font-size: 18px;}
.xhx{text-decoration:underline}
.positionTitle{font-size: 22px;font-weight: bolder;text-align: center;margin: 20px 0;}
.contactBoxLeft{width: 50%;background: #f2f2f2;height: 500px;}
.contactBoxLeft img{width: 100%; padding: 20px;}
.contactBoxLeft p{font-size: 18px;text-align: center;margin-top: 30px;}
.contactBoxRight{width: 50%;padding: 50px;}
.contactBoxRight h1{font-size: 22px;font-weight: bolder;margin-bottom: 10px;}
.ContactBox{display: flex;margin-top: 50px;}
.contactMsgBox{display: flex;margin-top: 100px;margin-bottom: 100px;}
.contactMsgBox>div{width: 50%;}
.msgImg{text-align: center;}
.msgTit{margin: 15px 0; font-size: 25px;font-weight: bolder;text-align: center;}
.msgContent{text-align: center;font-size: 18px;}
.contactMap{margin-bottom: 100px;}
.contactMain{margin-top: 30px;	}






/* product */
.productMain{max-width: 1440px;margin: 0 auto;margin-top: 50px;display: flex;}
.leftBar{position: fixed;}
.leftBar>ul>li{margin-bottom: 10px;list-style-type:disc;}
.leftBar>ul>li>a{color: #0071a9;}
.leftBar>ul>li>a:hover{color: #000;}
.rightList{display: flex;flex-wrap: wrap;max-width: 1220px;margin-left: auto;}
.rightItem{width: calc(25% -  30px);margin: 0 15px;}
.rightItem img{width: 100%;}
.rightItem>p{font-size: 12px;line-height: normal;text-align: center;height: 63px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.rightItem>div{text-align: center;}

.rightItem .img{position: relative;}
.rightItem .img .img1{opacity: 1;transition: .4s;}
.rightItem .img .img2{opacity: 0;transition: .4s;position: absolute;top: 0;left: 0;}
.rightItem:hover .img .img1{opacity: 0;}
.rightItem:hover .img .img2{opacity: 1;}

/* show_product */

.proImgBox{width: 50%;padding: 10px;box-shadow: 0px 0px 20px 2px #f2f2f2;}
.proImgBox img{width: 100%;}
.proDetailBox{width: 50%;padding: 20px;}
.mainBox{margin-top: 50px;}
.detailProduct{margin-top: 50px;display: flex;}
.smallImg{overflow: hidden;}
.BigImg{overflow: hidden;}
.proDetailBox>h1{font-size: 22px;font-weight: bolder;border-bottom: 1px solid #000;padding-bottom: 15px;}
.tagBox{padding: 10px;}
.tagBox>span{color: #54595f; margin-right:20px;}
.tagBox p{margin-top: 10px;}
.clor{color: #54595f;}
.desc{color: #54595f;margin-top: 10px;}
.notmargin{margin: 0;}
.proD{margin-top: 50px;border-top: 1px solid rgba(0,0,0,.05);}
.switchTab{display: flex;}
.tabItem{border-top: 2px solid #000; cursor: pointer; background: #000;color: #fff;font-weight: bolder;padding: 10px;margin-right: 10px;}
.tabItem:last-child{margin-right: 0;}
.contentBox{margin-bottom: 50px;margin-top: 20px;overflow-x: auto;}
.contentBox img{width: 100%!important;height: 100%!important;max-width: 600px;max-height: 600px;}
.contentBox h1{font-size: 22px;}
.tjProBox{margin-top: 100px;margin-bottom: 100px;}
.tjProBox h1{font-size: 22px;font-weight: 600;}
.tjUl{display: flex;flex-wrap: wrap;}
.tjItem{width:calc( 16.66% - 30px);margin: 0 15px;}
.tjItem img{width: 100%;}
.tjItem p{ display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: normal;text-align: center;}
.tjItem div{text-align: center;margin-top: 10px;}
.tabItem.active{border-color: red;}
.contentBox table {width: 100%;}
.contentBox table td{border:1px solid rgba(0, 0, 0, .1);;padding: 10px;}
.contentBox table tr{width: 100%;}
.contentBox table tr:nth-child(even){background: rgba(0, 0, 0, .025);}
.contentBox table tr td:first-child{text-align: center;font-weight: bolder;text-transform:capitalize;}







/* footer */
.footer{display: flex;justify-content: space-between;}
.contactWay>h1{font-size: 22px;margin-bottom: 20px;}
.contactWay>ul>li{ font-size: 15px;line-height: 40px;}
.contactWay form li{margin-bottom: 10px;}
.contactWay form li input{line-height: 40px;  padding:0 5px; width: 100%; border: 1px solid #69727d; color: #69727d;}
.contactWay textarea{width: 100%;border: 1px solid #69727d; color: #69727d; padding: 5px;}
.contactWay input[type=submit]{color: #fff;background-color: #000;}
.copyRIght{padding: 0 15px; background: #000;text-align: center;color: #fff;font-size: 14px;line-height: 40px;margin-top: 50px;}
.contactWay.One{max-width: 420px;}
.contactWay.Two{max-width: 410px;width: 330px;}
.contactWay.Two li a{position: relative; padding-left: 30px;}
.contactWay.Two li a::after{    position: absolute;    top: 50%;    transform: translateY(-50%); display: block;width: 20px;height: 20px; background-size: 100%; content:"";background-image: url(../images/rightArrow.png);}
.contactWay.Three{max-width: 330px;}
.webSiteIcon a img{width: 100%;max-width: 50px;}
.message{margin: 30px 0;}


.starIcon{max-width: 20px;}
.starIcon img{width: 100%;}

@media screen and (max-width:1680px) {
	.w1140{width: 1240px;}
	.h-nav .li{margin-right: 50px;}
	.headerBox{max-width: 1600px;}
}

@media screen and (max-width:1480px) {
	.w1140{width: 1140px;}
    .h-nav .li{margin-right: 30px;}
	.headerBox{max-width: 1400px;}
	.leftBar{position: unset;}
	.rightList{max-width: 1100px;}
	.productMain{max-width: 1300px}

}

@media screen and (max-width:1399px) {
	.headerBox{max-width: 1200px;}
	.rightList{max-width: 1000px;}
	.productMain{max-width: 1200px}
}


@media screen and (max-width:1199px) {
	.w1140{width: 100%;padding: 0 20px;}
    .h-header{display: none;}
	.wap_header{display: block;}
	.header_zw{height: 60px;}
	.contactBoxRight{padding: 20px;}
	.pageion2{flex-direction: column;}
	.pageionLeft{width: 100%;}
	.pageionRight{width: 100%;}
	.avgBox{flex-direction: column;}
	.avgBoxLeft{width: 100%;}
	.avgBoxRight{padding: 0; width: 100%;display: flex; flex-direction: row;}
	.avgItem{margin-bottom: 0; border-right: 1px solid #000; flex-direction: column;box-shadow: none;height: auto;}
	.avgItem:last-child{border: none;}
	.avgItem>div{text-align: center;}
	.rightItem{width: calc(33.33%  - 30px);}
	.rightList{max-width: 800px;}
	.productMain{max-width: none;padding: 0 35px;}
	.indavgBox{flex-direction: column;}
}

@media screen and (max-width:780px) {
	.hisContent{padding: 10px;}
	.w1140{padding: 0 15px;}
	.tjItem{width: calc( 33.33% - 30px);}
	.footer{flex-wrap: wrap;}
	.contactWay.One{max-width: 50%;}
	.contactWay.Three{width: 100%;max-width: none;margin-top: 50px;}
	.ContactBox{flex-direction: column;}
	.contactBoxRight{width: 100%;}
	.contactBoxLeft{width: 100%;height: auto;}
	.contactMsgBox{flex-direction: column;margin-top: 50px;margin-bottom: 50px;}
	.contactMsgBox>div{width: 100%;margin-bottom: 20px;}
	.contactMsgBox>div:last-child{margin-bottom: 0;}
	.contactBoxLeft p{margin-bottom: 30px;}
	.avgBoxRight{flex-direction: column;margin-top: 20px;}
	.avgItem{border: none;  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .29) ;margin-bottom: 30px;}
	.whyChoose{margin-top: 50px;}
	.whyChooseUl{flex-direction: column;}
	.wcItem{width: 100%;margin-bottom: 20px;}
	.history{margin: 50px 0;}
	.pageionRight{font-size: 16px;}
	.pageion1{font-size: 16px;}
	.pageion3>div{font-size: 16px;}
	.service1{flex-direction: column;}
	.serviceLeft{width: 100%;}
	.serviceRight{width: 100%;}
	.service2{margin-top: 50px;}
	.service2Df>div{font-size: 14px; line-height: normal; width: calc(33.33% - 10px);margin:0 5px ;height: 100px;}
	.serviceBox3Item{height: 150px;}
	.faqBox{margin-top: 50px;}
	.tabItem{padding: 2px;margin-right: 2px;font-size: 13px;text-align: center;display: flex;align-items: center;font-weight: 400;}
	.positionLocation a{font-size: 14px!important;}
	.pageionRight{padding: 0;}
	.serviceRight{padding: 0;}
	.productItem{width: calc(50% - 10px);}
	.indAbout{flex-direction: column-reverse;}
	.indAboutLeft{width: 100%;}
	.indAboutRight{width: 100%;}
	.indavg{margin-top: 50px;}
	.indLineForm{margin-top: 50px;}
	.plaItem{width: 33.33%;}
	.hotProItem{width: calc(33.33% - 10px);margin: 0 5px;}
	.indexAbout{margin-top: 50px;}
	.indService{margin-top: 50px;}
	.indServiceBox{flex-direction: column;margin-top: 20px;}
	.indSerItem{width: 100%;margin-bottom: 20px;}
	.hotProItem{width: calc(50% - 10px);}
	.plaItem{width: 50%;}
	.indLineForm{height: auto;}
	.lineForm{flex-direction: column;padding: 10px;}
	.lineForm input{width: 100%;margin-bottom: 10px;}
	.lineForm input:last-child{margin-bottom: 0;}
	.lineForm textarea{width: 100%;margin-bottom: 10px;};
}

@media screen and (max-width:700px) {
	.contactWay.One{width: 100%;max-width: none;}
	.contactWay.Two{width: 100%;max-width: none;margin-top: 50px;}
	.detailProduct{flex-direction: column	;}
	.proImgBox{width: 100%;}
	.proDetailBox{width: 100%;}
	.tjItem{width: calc(50% - 20px);margin: 0 10px;}
	.productMain{flex-direction: column;padding: 0 12px;  }
	.rightItem{width: calc(50% - 30px);}
	.leftBar>ul>li{list-style: none;}
	.productItem{width: calc(50% - 10px);}
	.hb{margin-top: 60px;flex-direction: column;}
	.hb>div{width: 100%;}
}







  .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
            gap: 20px;
        }
        
        .item {
            width: calc(33.33% - 20px);
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .item:hover {
            transform: translateY(-5px);
        }
        
        .item img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            display: block;
        }
        
        .item-content {
            padding: 15px;
        }
        
        .item h3 {
            margin: 0 0 10px 0;
            font-size: 18px;
        }
        
        .item p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        @media (max-width: 900px) {
            .item {
                width: calc(50% - 15px);
            }
        }
        
        @media (max-width: 600px) {
            .item {
                width: 100%;
            }
        }