*{word-break: break-all;margin: 0;padding: 0;outline: none;}
body{font-size: 16px;color: #333;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;line-height: 28px;background-color: #fff;width: 100%;text-align: justify;overflow-x: hidden;}
*,
:after,
:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{color: #333;text-decoration: none;}
.wap{width: 70%;margin: 0 auto;}@media (min-width: 480px){a:hover{  color: #ff0000;  text-decoration: none;}}h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
dl,
dt,
dd{margin: 0;padding: 0;}
ul,
li,
dl,
dt,
dd{list-style: none;}
i,
em{font-style: normal;}
.blank{clear: both;height: 20px;}
.c:after{display: table;content: "";clear: both;}
.c{*zoom: 1;}
img{max-width: 100%;border: 0;height: auto;}
.img{line-height: 0;overflow: hidden;}
.img img{-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
table{width: 100%;word-break: break-all;text-align: center;border-collapse: collapse;border-spacing: 0;margin: 0 auto;font-size: 14px;}
table tr:nth-child(odd){background: #f4f4f4;}
table tr{height: 33px;}
@media (min-width: 480px){table tr:hover{  background: #f43a3b;  color: #fff;}}table td,
table th{padding: 0 10px;text-align: center;border: 1px solid #ddd;}
table td:first-child{min-width: 100px;}
.w1410{width: 1410px;margin: 0 auto;}
.boxTit{width: 602px;text-align: center;padding-top: 65px;margin: 0 auto;background: url(/images/productTit.png) no-repeat top center / contain;}
.boxTit p{color: #505050;font-size: 15px;margin-top: 5px;}
.index .headBox{position: absolute;top: 0;z-index: 1;}
.headBox{width: 100%;height: 101px;background:#fff; box-shadow: 0 8px 8px 0px rgb(0 0 0 / 8%);}
.headLogo{float: left;margin-top: 18px;}
.headMenu {float: left;width: 910px; margin-right:10px; margin-left:35px; height:70px;line-height: 40px;margin-top: 30px;}
.headMenu li {float: left;width: 14.28%;text-align: center; position:relative;height:70px;}

.headMenu li:after{width:0px; height:3px; background:#ff0000; content:""; position:absolute; bottom:0; left:22px;-webkit-transition:all .5s;transition:all .5s;}
.headMenu li:hover:after{ width:80px; height:3px; background:#ff0000; content:""; position:absolute; bottom:0; left:22px; }
.headMenu li a {display: block;color: #333; font-size:16px;height:70px}
.headMenu li a:hover{ color:#ff0000; }


.headTel{float:right;height:55px;line-height:55px;color: #fff;font-size:24px;  padding-left:20px;margin-top:22px; border-radius:27px;letter-spacing: -1px;background: #ff0000}
.headTel img{ float:right; margin-right:8px; animation: scaleout 1s linear infinite; margin-top:8px; margin-left:15px}

.bannerBox{position: relative; width:100%;}
.bannerBox .bd{line-height: 0;cursor: pointer;}
.bannerBox .bd img{min-height: 170px;object-fit: cover;}
.bannerBox .hd{position: absolute;left: 0;right:0;bottom:7%;margin:auto;width:180px;height: 24px;text-align: center;line-height: 0;font-size: 0;background-color: #999999;border-radius: 14px;}
.bannerBox .hd li{display: inline-block;cursor: pointer;margin: 5px;width: 14px;height: 14px;border-radius: 50%;background-color: #fff;}
.bannerBox .hd li.on{background-color: #ff0000;}
.serviceBox{height: 741px;overflow: hidden;background: url(/images/serviceBoxBg.jpg) no-repeat center / cover;}





.serviceTop{padding-top: 70px;}
.serviceTopViceTitImg{float: left;}
.serviceTopViceTit{float: right;margin-top: 23px;text-align: right;}
.serviceTopViceTit .tit{font-size: 18px;}
.serviceTopViceTit .sub{color: #303030;font-size: 11px;line-height:28px;letter-spacing: -1px;text-transform: uppercase;}
.serviceBottom{position: relative;}
.serviceBottomL{float: left;color: #fff;}
.serviceBottomL h2{font-size: 33px;margin-top: 15px;}
.serviceBottomL p{width: 288px;margin-top: 67px;line-height: 24px; margin-bottom:50px;}
.serviceBottomL a{ width: 156px; display:block; border-radius:40px; color: #ff0000;font-size:16px;  padding:15px 30px; text-align:center;background: #fff;animation: scaleout 1s linear infinite;}
.serviceBottomR{position: absolute;top: 50px;left: 360px;}
.serviceBottomR li{position: relative;width: 329px;overflow: hidden;border-radius: 6px;margin-right: 33px;cursor: pointer;}
.serviceBottomR li:before{position: absolute;content: "";width: 100%;height: 100%;background: url(/images/serviceImgCover.png) repeat center / cover;}



@media (min-width: 480px){.serviceBottomR li:hover:before{  background-image: url(/images/serviceImgActive.png);}}.serviceBottomR li .name{position: absolute;bottom: 63px;color: #fff;width: 100%;text-align: center;}
.serviceBottomR li .name p{font-size: 24px;}
.serviceBottomR li .name p:after{display: block;content: "";width: 1px;height: 18px;margin: 5px auto;background-color: #fff;}
.serviceBottomR li .name strong{font-size: 20px;}
.serviceBottomR a{position: absolute;bottom: 0;left: -360px;width: 40px;height: 40px;background: url(/images/servicePrev.png) no-repeat center / cover;}
.serviceBottomR a.next{left: -300px;background: url(/images/serviceNext.png) no-repeat center / cover;}

.productBox{width: 100%;height:1290px;padding-top: 60px;background: url(/images/pro_back.jpg) center top no-repeat; background-size:100% 100%; position: relative;z-index: 0;}
.productBox::before {content: '';width: 100%;height:1270px;background: url(/images/pro_bk.png) center top no-repeat;position: absolute;top: -40px;left: 0;z-index: -1;-webkit-transition: all .7s;transition: all .7s;}
 
.top_p{width:1300px;height:160px;border-bottom:solid 1px #f3f3f3;margin:0 auto; }
.top_p .h_title{width:auto;height:auto;float:left;position:relative;z-index:1;}
.top_p .h_title:after{content:'';width:128px;height:128px;border-radius:50%;background:rgba(230,0,18,0.3);position:absolute;top:-40px;left:-78px;z-index:-1;}
.top_p .h_title p{width:210px;height:37px;background:url(/images/bt_pro.png);}
.top_p .h_title h3{margin-top:10px;}
.top_p .h_title h3 a{font-size:26px;color:#222;line-height:26px;letter-spacing:0px;font-weight:lighter;}
.top_p .h_title span{display:block;font-size:15px;color:#666;line-height:26px;margin-top:30px;letter-spacing:12px;}

.top_p .right{width:860px;height:179px;float:right;overflow:hidden;display:flex;justify-content: space-between;}
.top_p .right .bx{width:90px;height:179px;float:left;-webkit-transition:all .5s; transition:all .5s; text-align:center}
.top_p .right .bx:hover{ margin-top:-5px;} 
 
 
 
 

.productMain{margin-top:40px; }
.productMain li{float: left;width: 31.333%;margin-right: 2%;margin-bottom: 2%; transition: all .3s ease-out; border:1px #f5f5f5 solid}
.productMain li:hover {
  box-shadow: 4px 4px 20px 5px rgba(0,0,0,.13);
  -webkit-transform: translate(0,-3px);
  -moz-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  -o-transform: translate(0,-3px);
  transform: translate(0,-3px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;}.productMain a{display: block;background: #f8f8f8;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;border-radius:0 0 15px 15px;}
.productMain li .img{overflow: hidden;}
.productMain .name{height:85px;margin-top:20px;margin-left: 35px; position:relative;   }
.productMain .name:after {background: url(/images/jt.png) no-repeat;width: 27px;height: 15px;content: "";display: block;position: absolute;right: 30px;bottom: 35px;}

.productMain h3{font-size: 18px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productMain p{position: relative;margin-top: 12px;line-height: 16px;color: #626262;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.productMain p:after{position: absolute;content: "";width: 62px;height: 1px;top: 0;bottom: 0;margin: auto;margin-left: 9px;background-color: #333333;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
@media (min-width: 480px){.productMain li:hover a{  color: #fff;  background: #f80204;}
  .productMain li:hover img{  -webkit-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);}
  .productMain li:hover p{  color: #fff;}
  .productMain li:hover p:after{  background-color: #fff;}}.aboutBox{margin-top: 30px;padding-top: 135px;height:829px;background: url(/images/xs.jpg) no-repeat right center}
.aboutBox h3{position: relative;font-size:30px;font-weight: normal;z-index: 1;}
.aboutBox h3:before{position: absolute;content: "";top: -23px;left: -35px;width: 49px;height: 53px;background: url(/images/aboutTitIco.png) no-repeat center / cover;z-index: -1;}
.aboutBox h2{font-size:36px;margin-top: 15px;z-index: 2; color:#ff0000}
.aboutBox .wzmc{font-size: 20px;margin-top: 65px;}
.aboutBox .text{width: 50%;line-height: 2.3;font-size: 17px;text-indent: 1em;margin-top: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.aboutBox .more{display: block;width: 136px;height: 39px;line-height: 39px;text-align: center;border: 1px solid #161512;border-radius: 50px;margin-top: 65px;}
.htBox{height: 417px;background: url(/images/htBg.jpg) no-repeat center / cover;}
.htBoxL{float: left;margin-top: 80px;}
.htBoxL li{float: left;width: 235px;height: 235px;color: #fff;text-align: center;margin-left: 155px;background: url(/images/htLiBg.png) no-repeat center / contain;transition: all 0.3s ease-in-out;cursor: pointer;}
.htBoxL li:first-child{margin-left: 0;}
.htBoxL li h3{font-size: 58px;line-height: 38px;margin-top: 70px;}
.htBoxL li p{font-size: 15px;margin-top: 5px;}
.htBoxR{float: right;margin-top: 87px;}


.box_04{width:100%;height:870px;overflow:hidden;position:relative;z-index:2;}
.box_04 .pos{width:227px;height:268px;background:url(/images/ab_pos01.png);position:absolute;bottom:5px;left:0;z-index:-1; animation:pulse 1s linear infinite;}
.box_04 .center{width:1300px;height:745px;padding-top:125px;margin:0 auto;position:relative;}
.box_04 .deng{width:513px;height:807px; background:url(/images/ab_pos02.png) no-repeat;position:absolute;right:50px;bottom:50px;z-index:0;animation:flash 5s ease-in-out infinite;}


.box_04 .center .left{width:640px;height:745px;float:left;position:relative;}
.box_04 .center .left .h_title{width:auto;height:84px;position:relative;z-index:1;}
.box_04 .center .left .h_title::after{content:'';width:128px;height:128px;border-radius:50%;background:rgba(230,0,18,0.3);position:absolute;top:-40px;left:-78px;z-index:-1;}
.box_04 .center .left .h_title p{width:240px;height:37px;background:url(/images/bt_us.png);}
.box_04 .center .left .h_title h3{font-size:15px;color:#666;line-height:26px;margin-top:16px;letter-spacing:20px; animation:all 0.5s ease-out;}
.box_04 .center .left .h_title h3 span{font-size:26px;color:#222;line-height:26px;margin-right:15px;letter-spacing:0px;font-weight:lighter;}
.box_04 .center .left .txt{width:640px;height:auto;margin-top:50px;position:relative;z-index:1;}
.box_04 .center .left .txt::after{content:'';width:779px;height:120px;background:url(/images/hongda.png);position:absolute;bottom:25px;left:265px;z-index:-1;}
.box_04 .center .left .txt p{font-size:16px;color:#666;line-height:40px;height:280px;overflow:hidden; margin-bottom:20px;}
.box_04 .center .left .txt .yyzz{width:196px;height:145px;margin-top:80px;padding:10px 14px;background:url(/images/yy_bk.png);}
.box_04 .center .left .txt .yyzz img{display:block;width:196px;height:145px; vertical-align:top;object-fit:cover;}

.box_04 .center .left .txt .more{width:233px;height:32px;position:absolute;left:20px; margin-top:20px}
.box_04 .center .left .txt .more a{display:block;width:233px;height:32px;background:url(/images/more01.png);-webkit-transition:all .7s;transition:all .7s; }
.box_04 .center .left .txt .more:hover a{background:url(/images/more02.png);-webkit-transition:all .7s;transition:all .7s; animation:shake 2s linear infinite;}
.box_04 .center .left .txt .wz{font-size:15px;color:#666;line-height:15px;position:absolute;left:320px;bottom:45px; letter-spacing:17px;}
.box_04 .center .right{width:540px;height:745px;float:right;overflow:hidden;position:relative;z-index:2;}
.box_04 .center .right img{display:block;width:540px;height:745px; vertical-align:top;}
.box_04 .center .bx{width:1000px;height:80px;position:absolute;left:0;bottom:0px;z-index:9;display:flex;justify-content: space-between;}
.box_04 .center .bx a{display:block;width:330px;padding-left:150px;height:80px;font-size:18px;color:#333;line-height:80px;float:left;background:#fff;-moz-box-shadow:0px 0px 15px #e5e5e5;-webkit-box-shadow:0px 0px 15px #e5e5e5;box-shadow:0px 0px 15px #e5e5e5;}

.box_04 .center .bx a:nth-of-type(1){background:url(/images/ab_icon_01.png) 100px center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}
.box_04 .center .bx a:nth-of-type(2){background:url(/images/ab_icon_03.png) 100px center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}
.box_04 .center .bx a:nth-of-type(3){background:url(/images/ab_icon_05.png) 100px center no-repeat #fff;-webkit-transition:all .7s;transition:all .7s;}
.box_04 .center .bx a:nth-of-type(1):hover,.box_04 .center .bx a.active{background:url(/images/ab_icon_02.png) 100px center no-repeat #ff0000;color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box_04 .center .bx a:nth-of-type(2):hover{background:url(/images/ab_icon_04.png) 100px center no-repeat #ff0000;color:#fff;-webkit-transition:all .7s;transition:all .7s;}
.box_04 .center .bx a:nth-of-type(3):hover{background:url(/images/ab_icon_06.png) 100px center no-repeat #ff0000;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



@media (min-width: 480px){.htBoxL li:hover{  transform: translateY(-10px);}}.ysBox{background: url(/images/ysBg.jpg) no-repeat center bottom #fff; padding-top:90px}
.ys_tit{ text-align:center;font-size: 26px;color: #333;line-height:36px;margin-top: 8px;font-weight: lighter; position:relative}
.ys_tit::after {content: '';width: 128px;height: 128px;border-radius: 50%;background: rgba(255,0,18,0.1);position: absolute;z-index: 0; top:-50px; left:38%}
.ysBox ul{width: 100%; height: 675px; margin-top:30px}
.ysBox li{float: left;width: 25%;height: 675px;text-align: center;border-right: 1px solid #5e5d59;cursor: pointer;transition: all 0.3s ease-in-out;}
.ysBox li:first-child{border-left: 1px solid #5e5d59;}
.ysBox li .num{margin: 89px auto 0;}
.ysBox li .ico{display: block;margin: 38px auto 0;transition: all 0.3s ease-in-out;}
.ysBox li h3{color: #fff;font-size: 22px;font-weight: normal;margin-top: 33px;}
.ysBox li h3:after{display: block;content: "";width: 30px;height: 3px;margin: 35px auto 25px;background-color: #f80204;}
.ysBox li p{color: #c9c8c8;font-size: 16px;line-height:34px;}
.ysBox li .arrow{margin: 29px auto 0;}
@media (min-width: 480px){.ysBox li:hover{  background-color: rgba(0, 0, 0, 0.2);}
  .ysBox li:hover .ico{  transform: rotateY(180deg);}}.caseBox{position: relative;padding-top: 66px;overflow: hidden;}
.caseTit{width: 636px;background-image: url(/images/caseTit.png);}
.caseMain{position: relative;margin-top: 55px;}
.swiper-wrapper{left: 140px;}
.swiper-slide{position: relative;width: 892px;height: 550px;margin: 0 120px;cursor: pointer;}
.swiper-slide img{width: 892px;height: 505px;object-fit: cover;}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width: 841px;height: 3px;top: auto;left: 250px;bottom: 6px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #f80204;}
.caseMain .swiper-pagination-num{position: absolute;font-size: 15px;line-height: 15px;bottom: 0;right: 270px;}
.swiper-button-prev,
.swiper-button-next{width: 90px;height: 90px;line-height: 90px;color: #fff;text-align: center;border-radius: 50%;background-color: #18b677;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{background-image: none;z-index: 1;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{left: 100px;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{right: 100px;}
.caseMain .cover{position: absolute;top: 52px;right: -185px;width: 325px;height: 401px;padding-top: 55px;padding-left: 30px;padding-right: 35px;color: #fff;text-align: left;background-color: #18b677;z-index: 999;opacity: 0;transition: all 0.3s ease-in-out;}
.caseMain .cover h3{font-size: 26px;font-weight: normal;}
.caseMain .cover p{font-size: 15px;text-indent: 2em;line-height: 24px;margin-top: 50px;}
.caseMain .cover span{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 181px;height: 54px;color: #4c4c4c;padding-top: 13px;text-align: center;background-color: #fff;}
.caseMain .cover i img{display: inline-block;width: 25px;height: 25px;margin-left: 10px;vertical-align: middle;}
.caseMainSj{margin-top: 20px;display: none;}
.caseMainSj li{float: left;width: 31.333%;margin: 1%;}
.caseMainSj li a{display: block;color: #232323;}
.caseMainSj li p{line-height: 40px;text-align: center;padding: 0 10px;background-color: #f6f7fb;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aptitudesBox{height:710px;margin-top: 70px;padding-top: 45px;background: url(/images/aptitudesBg.png) no-repeat center / cover; }
.aptitudesTit{width: 742px;color: #fff;background-image: url(/images/aptitudesTit.png);}
.aptitudesTit h2{ font-size:33px;}
.aptitudesTit h2 img{ margin-bottom:15px;}
.aptitudesTit p{color: #fff; line-height:50px;}
.aptitudesMain{margin-top: 55px;}
.aptitudesMain li{float: left;width: 330px;margin-left: 30px;transition: all 0.3s ease-in-out;cursor: pointer;}
.aptitudesMain li:first-child{margin-left: 0;}
@media (min-width: 1140px){.aptitudesMain li:hover{  transform: translateY(-15px);}}.newBox{padding-top: 50px; padding-bottom:100px;background:url(/images/bg4.jpg) no-repeat center bottom}
.newTit{width: 666px;background: url(/images/NEW.png) no-repeat center top;}
.newTit h2{ font-size:33px; line-height:36px; margin-top:10px;}
.newMain{position: relative;margin-top: 60px;}
.newMain li{margin: 0 14px; border:3px #f5f5f5 solid; height:530px; background:#fff}
.newMain li:hover{ border:3px #ff0000 solid}
.newMain li .img img{width: 442px;height: 223px;object-fit: cover;}
.newMain a{display: block;color: #232323;}
.newMain h3{font-size: 19px;font-weight: normal;margin-top: 30px; padding:0 30px;}
.newMain p{line-height:28px; font-size:14px; color:#444;margin-top:10px; padding:0 30px; height:80px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newMain .date{color: #959595;font-size: 16px;margin-top:9px;  padding:0 30px 0 50px; background:url(/images/news-icon-time.png) no-repeat 30px 5px;}
.newMain .more{width: 160px;height: 42px;line-height:42px;text-align: center;margin-top:20px;border: 1px solid #a7a7a7; margin-left:30px; border-radius:20px;}
.newMain .prev,
.newMain .next{position: absolute;width: 45px;height: 45px;top: 0;left: -70px;bottom: 0;margin: auto;background: url(/images/newBtnL.png) no-repeat center / cover;}
.newMain .next{left: auto;right: -70px;background-image: url(/images/newBtnR.png);}
@media (min-width: 480px){.newMain li:hover .more{  color: #fff;  border: 1px solid #ff0000; background-color: #ff0000;}} 
.contactBox{background-color: rgba(51, 51, 51, 1); height: 420px; padding-top:70px; float:left; width:100%}
.contactL{float: left; width:720px;}
.contactL li{ width:175px; float:left; color:#fff;}
.contactL li a,.contactL li span{ color:#fff; display:block}
.contactL li span{ font-size:16px; margin-bottom:15px;}
.contactL li a{ color:#ccc; font-size:14px;}
.contactC{ width:340px; float:left; color:#fff;}
.contactC h4{ font-size:16px; border-bottom:#484848 1px solid; font-weight:400; line-height:28px; padding-bottom:20px; text-indent:4px; }
.contactC h3{ font-size:36px; font-family:Arial, Helvetica, sans-serif; margin:25px 0 15px}
.contactC p{ color:#999; font-size:15px; line-height:32px}
.contactR{ width:120px; float:right; height:40px; color:#fff; text-align:center}
.contactR img{ max-width:160px;}
 
.foter{ width:100%; float:left;border-top:#484848 1px solid; margin-top:50px; color:#999; font-size:15px; padding-top:20px; text-align:center}
 
 
.formInput{display: block;width: 100%;height: 48px;color: #fff;font-size: 18px;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;padding-left: 32px;background: none;border: none;border-bottom: 1px solid #73706e;background: url(/images/formIco2.png) no-repeat 3px center;}
.formInput:first-child{background-image: url(/images/formIco1.png);}
.formInput::placeholder{color: #fff;font-size: 14px;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;}
.formTextarea{width: 100%;height: 192px;color: #fff;font-size: 18px;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;padding: 5px;padding-left: 32px;margin-top: 28px;resize: none;border: none;border: 1px solid #68615a;background: none;background: rgba(0, 0, 0, 0.2) url(../images/formIco3.png) no-repeat 3px 3px;}
.formTextarea::placeholder{color: #fff;font-size: 14px;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;}
.formBtn{width: 100%;height: 51px;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif, "΢ÈíÑźÚ", "microsoft Yahei", "Courier New", Courier,
    monospace;border: 0;background-color:#ff0000;cursor: pointer;}
.footBox{padding: 58px 0;background: url(/images/footBg.jpg) no-repeat center / cover;}
.footTit{width: 461px;margin: 0 auto;}
.footTit .sj{display: none;}
.footMain{float: left;width: 100%;margin-top: -63px;padding-top: 115px;padding-bottom: 53px;padding-left: 90px;background-color: #fff;box-shadow: 1px 1px 10px 3px #0a7b4e;}
.footMain dl{float: left;width: 25%;}
.footMain dl dt{font-size: 20px;margin-bottom: 43px;}
.footMain dl dd{line-height: 1;margin-top: 25px;}
.footMain dl dd:first-of-type{margin-top: 0;}
.copyRight{margin-top: 45px;color: #fff;}
.copyRight a{color: #fff;}
.copyRightL{float: left;}
.copyRightR{float: right;}
.fdh{position: fixed;display: none;line-height: 40px;height: 40px;background-color: #222222;width: 100%;z-index: 99999;bottom: 0px;}
.fdh li{width: 33.33333333%;float: left;text-align: center;border-right: 1px #ddd solid;box-sizing: border-box;}
.fdh .li{background-color: #f08916;}
.fdh a{display: block;color: #fff;}
.nyban img{min-height: 310px;object-fit: cover;}
.dqwz{background: #f0f3fa;padding: 10px 0;border-top: 1px solid #d3dcf0;border-bottom: 1px solid #d3dcf0;font-size: 15px;margin-bottom: 50px;}
.dqwz .p1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dqwz .p2{display: none;}
.map{display: block;height: 400px;width: 100%;margin-bottom: 1px;}
.prenext{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 98%;line-height: 30px;margin-top: 20px;border-top: 1px #ddd solid;padding-top: 20px;}
.prenext .pre{float: left;width: 48%;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.prenext .next{text-align: right;float: right;width: 48%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.page{text-align: center;}
.page span{display: none;}
.page a{display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei", Arial;line-height: 26px;border: 1px solid #cbcbcb;margin: 0 5px;padding: 0 8px;}
.page a.current{color: #fff;border-color: #292e39;background: #292e39;}
@media (min-width: 480px){.page a:hover{  color: #fff;  border-color: #292e39;  background: #292e39;}}
/* product.html */
.product-main dl dt{position: relative;height: 28px;margin: 50px 0 20px;padding-left: 30px;}
.product-main dl dt:before{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 28px;height: 28px;font-size: 28px;}
.product-main dl dt a{position: relative;float: right;font-size: 15px;line-height: 28px;padding-right: 20px;}
.product-main dl dt a:before{position: absolute;right: 0;font-size: 18px;line-height: 24px;}
.product-main dl dt span{display: block;font-size: 24px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product-main dl dd{float: left;width: 23%;margin: 0 1%;}
.product-main dl dd a{display: block;color: #232323;border-radius: 20px;overflow: hidden;}
.product-main dl dd .img{position: relative;}
.product-main dl dd .img:after{position: absolute;right: 0;left: 0;bottom: 0;top: 0;margin: auto;content: "";width: 100%;height: 100%;background: url(/images/productImgBg.png) repeat;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;}
.product-main dl dd .img:before{content: "²é¿´ÏêÇé";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;width: 160px;height: 40px;line-height: 40px;color: #fff;border: 1px solid #fff;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 999;opacity: 0;}
@media (min-width: 1140px){.product-main dl dd:hover .img:before,
  .product-main dl dd:hover .img:after{  opacity: 1;}}.product-main dl dd span{display: block;line-height: 45px;text-align: center;padding: 0 10px;background-color: #f8f8f8;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media (max-width:1140px) and (min-width: 480px){.product-main dl dd:hover .img img{  -webkit-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);}
  .product-main dl dd:hover span{  color: #fff;  background-color: #f18916;}}
/* list.html */
.list-main h2{height: 44px;line-height: 44px;font-size: 32px;font-weight: normal;text-align: center;margin-bottom: 30px;}
.list-main li{float: left;width: 23%;margin: 0 1% 2%;border: 1px solid #cfcfcf;border-radius: 20px;}
.list-main li a{display: block;color: #232323;border-radius: 20px;overflow: hidden;}
.list-main li span{display: block;line-height: 45px;padding: 0 10px;text-align: center;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media (min-width: 480px){.list-main li:hover .img img{  -webkit-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);}
  .list-main li:hover span{  color: #fff;  background-color: #f18916;}}
/* new.html */
.new-main h2{text-align: center;font-size: 34px;}
.new-main ul{margin-top: 50px;}
.new-main li{border: 1px solid #eee;margin: 25px auto;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;}
@media (min-width: 480px){.new-main li:hover{  box-shadow: 8px 8px 15px #f8020457;  border: #fff 1px solid;  transform: translateX(-5px) translateY(-5px);}}.new-main li a{display: flex;color: #333;}
.new-main li .date{float: left;width: 15%;color: #fff;text-align: center;background-color: #f80204;}
.new-main li .day{display: block;font-size: 25px;font-weight: bold;padding: 20px 0;}
.new-main li .year{display: block;font-size: 18px;padding-bottom: 15px;}
.new-main li .text{float: left;width: 80%;padding-left: 5%;}
.new-main li .text h3{padding: 16px 0;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new-main li .text p{color: #7a7a7a;font-size: 15px;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-main li .more{float: right;line-height: 1;padding-top: 15px;}

/* article.html */
.article-main h1{font-size: 30px;font-weight: normal;text-align: center;line-height: 2;}
.article-main .info{text-align: center;line-height: 30px;color: #999;font-size: 14px;margin-bottom: 30px;border-bottom: 1px #dddddd solid;}
.article-main .conetnt{font-size: 16px;line-height: 33px;padding: 0 15px;}
.article-main .content p{margin-bottom: 10px;}

/* lxwm.html */
.lxwm-main h1{text-align: center;font-size: 34px;margin-bottom: 30px;}
.lxwm-main h2{font-size: 28px;font-weight: normal;margin-bottom: 40px;text-align: left;}
.lxwm-main .text{float: left;width: 65%;margin-top: 30px;}
.lxwm-main .text p{line-height: 30px;color: #676767;font-size: 18px;margin-bottom: 10px;}
.lxwm-main .way-con{float: left;color: #676767;font-size: 15px;font-weight: normal;line-height: 32px;padding-top: 30px;margin-top: 20px;border-top: 1px solid #eee;}
.lxwm-main .imgR{float: left;width: 32%;margin-left: 3%;}
.lxwm-main .imgR img{float: right;}
.lxwm-main .contactBox{position: relative;margin-top: 0;}

/* gy.html */
.gy-main .title{text-align: center;}
.gy-main .title h2{position: relative;display: inline-block;font-size: 34px;line-height: 1;}
.gy-main .title h2:before,
.gy-main .title h2:after{content: "";position: absolute;width: 18px;height: 1px;bottom: -11px;background-color: #8f8f95;}
.gy-main .title h2:before{left: 0;}
.gy-main .title h2:after{right: 0;}
.gy-main .title p{color: #8f8f95;font-size: 14px;line-height: 1;}
.gy-main h3{margin-top: 30px;margin-bottom: 10px;}
.gy-main .text{font-size: 18px;line-height: 1.8;}
.gy-main .text p{margin-bottom: 10px;}
.gy-main .list li{float: left;width: 25%;line-height: 0;text-align: center;padding: 1%;cursor: pointer;border: 1px solid #aaa;margin-right: -1px;margin-bottom: -1px;background: url(/images/background.jpg) repeat;}
@media (min-width: 480px){.gy-main .list li:hover img{  -webkit-transform: scale(1.2, 1.2);  transform: scale(1.2, 1.2);}}
/* part.html */
.part-main .nyl{float: left;width: 45%;margin-bottom: 50px;}
.part-main .nyl img{border-top-left-radius: 80px;border-bottom-right-radius: 80px;width: 100%;}
.part-main .nyr{float: left;width: 51%;margin-left: 4%;display: inline;}
.part-main .nyr h2{font-size: 26px;margin-bottom: 30px;}
.part-main .description{color: #666;line-height: 1.6;padding-top: 20px;border-top: 2px #f80204 solid;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.part-main .nytel{color: #999;font-size: 15px;margin-top: 20px;padding-top: 30px;border-top: 1px #dddddd solid;}
.part-main .nytel strong{display: inline-block;color: #f80204;font-size: 30px;vertical-align: text-bottom;font-family: Arial, Helvetica, sans-serif;}
.part-main .telBtn{display: block;width: 100%;height: 60px;line-height: 60px;color: #fff;font-size: 24px;text-align: center;margin-top: 30px;margin-bottom: 30px;border-radius: 4px;background-color: #f80204;}
.part-main .txt{line-height: 2;}
.nyname{line-height: 32px;font-size: 26px;font-weight: bold;background: url(/images/nchtit.png) no-repeat left center;margin-bottom: 20px;padding-left: 40px;background-size: contain;}
.xgcp{margin-top: 50px;}
.xgcp li{float: left;width: 25%;text-align: center;padding: 1%;border: 1px solid #aaa;margin-right: -1px;margin-bottom: -1px;background: url(/images/background.jpg) repeat;}
.xgcp li p{color: #333;line-height: 45px;background-color: #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media (min-width: 480px){.xgcp li:hover .img img{  -webkit-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);}
  .xgcp li:hover p{  color: #fff;  background-color: #f18916;}}.xwzx{margin-top: 50px;}
.xwzx ul{padding: 20px;border: 1px dashed #aaa;}
.xwzx li{width: 48%;float: left;margin: 0 1%;border-bottom: 1px #ddd dashed;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media (max-width: 1600px){.newBox .w1410{  width: 90%;}
  .newMain .prev,
  .newMain .next{  left: -55px;}
  .newMain .next{  left: auto;  right: -55px;}}
  @media (max-width: 1440px){
	  .w1410{  width: 90%;}
  .index .headBox{  position: static;}
  .headMenu{  width: 58%;  margin-left: 3%;}
  .headTel{  float: right;  font-size: 28px; background-image: url(/images/headTelIco2.png);}
  .serviceBox{  height: 540px;}
  .serviceTop{  padding-top: 50px;}
  .serviceTopViceTitImg{  width: 560px;}
  .serviceTopViceTit{  margin-top: 17px;}
  .serviceBottomL h2{  font-size: 28px;}
  .serviceBottomL p{  width: 260px;  margin-top: 57px;}
  .serviceBottomR li{  width: 240px;}
  .htBox{  height: 370px;}
  .htBoxL{  margin-top: 70px;}
  .htBoxR{  margin-top: 77px;}
  .htBoxL li{  width: 205px;  height: 205px;  margin-left: 98px;}
  .htBoxL li h3{  margin-top: 60px;}
  .ysBox{  height: 620px;}
  .ysBox li{  height: 620px;}
  .ysBox li .num{  margin-top: 69px;}
  .caseMain .cover{  display: none;}
  .aptitudesMain li{  width: 23%;  margin: 1%;}
  .aptitudesBox{  height: 760px;  margin-top: 50px;}
  .contactM{  margin-left: 150px;}
  .footMain dl dt{  margin-bottom: 33px;}
  .footMain dl dd{  margin-top: 15px;}
  .top_p .right{ padding-right:15px;}
  .wap{ width:90%;}
  }
  @media (max-width: 1330px){.headTel{ font-size:24px;}
  .contactL { width:650px;}
  .contactL li{ width:150px;}
  .contactL li:nth-child(3){ width:175px;}
  
  }
  @media (max-width: 1280px){.headMenu{  width: 50%;  margin-left: 5%;}
  .serviceBox{  height: 500px;}
  .serviceTopViceTitImg{  display: none;}
  .serviceBottomL h2{  margin-top: 0;}
  .serviceBottomL p{  width: 240px;  margin-top: 27px;}
  .serviceBottomL a{  margin-top: 36px;}
  .serviceBottomR{  left: 330px;}
  .serviceBottomR a{  left: -250px;}
  .serviceBottomR a.next{  left: -190px;}
  .serviceBottomR li{  width: 210px;  margin-right: 22px;}
  .productMain{  margin-top: 40px;}
  .productMain .name{  height: 75px;  margin-top: 13px;}
  .productMain p{  margin-top: 8px;}
  .htBox{  height: 350px;}
  .htBoxL li{  width: 190px;  height: 190px;  margin-left: 68px;}
  .htBoxL li h3{  font-size: 48px;  margin-top: 40px;}
  .htBoxR{  width: 285px;}
  .ysBox{  height: 580px;}
  .ysBox li{  height: 580px;}
  .ysBox li .num{  margin-top: 59px;}
  .ysBox li .ico{  margin-top: 28px;}
  .ysBox li h3{  margin-top: 23px;}
  .ysBox li h3:after{  margin-top: 32px;  margin-bottom: 22px;}
  .aptitudesBox{  height: 700px;}
  .aptitudesMain{  margin-top: 40px;}
  .newMain{  margin-top: 40px;}
  .newMain h3{  margin-top: 20px;}
  .newMain p{  margin-top: 10px;}
  .newMain .more{  margin-top: 30px;}
  .contactBox{  margin-top: 60px;  height: auto;  padding: 0 90px 60px;}
  .contactL{  display: none;}
  .contactM{  margin-left: 0;  margin-top: 60px;}
  .contactR{  margin-top: 60px;}
  .lxwm-main .contactBox{  margin-top: 0;}
  .pro_list li .name h3,.pro_list li .name p{ padding-bottom:5px; width:100%;}
  .contactC{ padding-top:40px;}
  .contactR img{ max-width:140px;}
  
  }
  @media (max-width: 1140px){.headMenu{  width: 72%;  margin-left: 3%;}
  .headTel{  display: none;}
  .serviceBox{  display: none;}
  .productMain .name{  height: 65px;}
  .productMain h3{  font-size: 16px;}
  .productMain p{  font-size: 14px;  margin-top: 0;}
  .htBox{  height: auto;  padding: 40px 0;}
  .htBoxR{  display: none;}
  .htBoxL{  width: 100%;  margin-top: 0;}
  .htBoxL li{  width: 33.333%;  height: 235px;  margin: 0;}
  .htBoxL li h3{  margin-top: 70px;}
  .ysBox{  height: 460px;}
  .ysBox li{  height: 460px;}
  .ysBox li .num{  display: none;}
  .ysBox li .ico{  margin-top: 60px;}
  .ysBox li h3{  font-size: 20px;}
  .caseBox{  padding-top: 40px;}
  .caseMain{  display: none;}
  .caseMainSj{  display: block;}
  .aptitudesBox{  margin-top: 40px;  padding-top: 30px;}
  .aptitudesBox{  height: auto;  background: #f80204;  padding-bottom: 40px;}
  .aptitudesMain{  margin: 40px 60px 0;}
  .aptitudesMain li{  width: 48%;  text-align: center;}
  .aptitudesMain li.img img{  display: inline-block;}
  .aptitudesMain li:first-child{  margin-left: 1%;}
  .newMain{  display: none;}
  .newMainSj{  display: block;}}
  @media (max-width: 960px){.headBox{  height: auto;}
  .headBox .w1410{  width: 100%;}
  .headLogo{  float: none;  width: 195px;  margin: 0 auto;  padding-top: 10px;}
  .headMenu{  width: 100%;  margin: 10px 0 5px; height:45px;}
  .headMenu li{  position: relative; height:42px;}
  .headMenu li:before{  position: absolute;  top: 0;  left: -1px;  bottom: 0;  margin: auto;  content: "";  width: 2px;  height: 15px;  background-color: #d8ece0;}
  .headMenu li:first-child:before{  width: 0;}
  .aboutBox{  height: auto;  text-align: center;  margin-top: 40px;  padding-top: 0;  background: none;}
  .aboutBox h3{  display: none;}
  .aboutBox h2{  display: none;}
  .aboutBox .wzmc{  margin-top: 0;  font-size: 24px;}
  .aboutBox .text{  width: 96%;  line-height: 1.8;  font-size: 16px;  margin: 20px auto 0;  text-align: justify;  overflow: visible;  display: block;  -webkit-box-orient: inline-axis;}
  .aboutBox .more{  margin: 20px auto 40px;}
  .htBoxL li{  height: 205px;}
  .htBoxL li h3{  margin-top: 60px;}
  .ysBox{  display: none;}
  .aptitudesMain{  margin: 40px 0 0;}
  .contactBox{  margin-top: 40px;  padding: 0 10px 40px;}
  .contactM{  margin-top: 40px;}
  .contactR{  margin-top: 40px;}
  .footMain{  text-align: center;  padding: 90px 40px 53px;}
  .footBox{  padding: 48px 0;}
  .product-main dl dt{  height: 24px;  margin-top: 30px;}
  .product-main dl dt:before{  width: 20px;  height: 20px;  font-size: 24px;}
  .product-main dl dt span{  font-size: 22px;}
  .new-main li .date{  width: 20%;}
  .new-main li .text{  width: 75%;}
  
  .contactC{ padding-top:30px;}
  .contactR img{ max-width:110px;}
  }
  @media (max-width: 768px){.w1410{  width: 96%;}
  .fdh{  display: block;}
  .headMenu{  height: auto;}
  .headMenu li{  width: 33.333%;}
  .headMenu li:nth-child(4):before{  width: 0;}
  .boxTit{  width: 250px;  padding-top: 30px;  color: #333;  background-image: url(/images/TitBg.png);}
  .boxTit p{  display: none;}
  .productBox{  padding-top: 30px;}
  .productMain{  margin-top: 25px;}
  .productMain li{  width: 48%;  margin: 1%;}
  .productMain .name{  margin: 0;  height: 40px;  line-height: 40px;  text-align: center;}
  .productMain h3{  padding: 0 10px;}
  .productMain p{  display: none;}
  .aboutBox .more{  margin-bottom: 30px;}
  .htBox{  padding: 30px 0;}
  .htBoxL li{  height: 190px;}
  .htBoxL li h3{  margin-top: 50px;}
  .caseBox{  padding-top: 30px;}
  .caseMainSj li{  width: 48%;}
  .aptitudesBox{  margin-top: 30px;  padding-top: 0;  padding-bottom: 0;  background-color: #fff;}
  .aptitudesMain{  margin-top: 20px;}
  .newBox{  padding-top: 30px;}
  .newMainSj{  margin-top: 30px;}
  .newMainSj li{  width: 98%;}
  .contactBox{  margin-top: 30px;  padding-bottom: 30px;}
  .contactM{  float: none;  margin-top: 0;  padding-top: 30px;  text-align: center;}
  .contactM span{  display: none;}
  .contactPhone{  margin-top: 10px;}
  .contactDz{  margin-top: 10px;}
  .contactEwm{  display: none;}
  .contactR{  float: none;  width: 100%;  margin-top: 30px;}
  .contactR #form1{  margin-top: 20px;}
  .footBox{  padding: 30px 0 10px;  margin-bottom: 40px;}
  .footTit{  width: 148px;}
  .footTit .pc{  display: none;}
  .footTit .sj{  display: block;}
  .footMain{  float: none;  width: 230px;  margin: -45px auto 0;  padding: 70px 0 35px;}
  .footMain dl{  display: none;}
  .footMain dl.fEwm{  float: none;  display: block;  width: 125px;  height: 125px;  margin: 0 auto;}
  .footMain dl dt{  display: none;}
  .copyRight{  text-align: center;  margin-top: 30px;}
  .copyRightL{  float: none;}
  .copyRightL span{  display: inline-block;}
  .copyRightR{  float: none;  display: inline-block;}
  .nyban{  display: none;}
  .dqwz{  display: block;  border-bottom-right-radius: 30px;  border-bottom-left-radius: 30px;  background-color: #16b774;  height: auto;  text-align: center;  padding: 0;  line-height: 16px;  border: 0;  margin-bottom: 20px;}
  .dqwz .w1410{  width: 100%;}
  .dqwz .p1{  font-size: 14px;  border-bottom-right-radius: 20px;  border-bottom-left-radius: 20px;  text-align: center;  background-color: #fff;  padding: 15px;}
  .dqwz .p1 b{  padding-left: 0;}
  .dqwz .p2{  display: block;  color: #fff;  padding: 10px 0;}
  .prenext{  margin-top: 10px;  padding-top: 10px;}
  .page{  margin-top: 20px;}
  .product-main dl dd{  width: 48%;  margin: 1%;}
  .product-main dl dd a{  border-radius: 0;}
  .product-main dl dd span{  line-height: 40px;}
  .list-main h2{  font-size: 24px;  margin-bottom: 10px;}
  .list-main li{  width: 48%;  margin: 1%;  border-radius: 0;}
  .list-main li a{  border-radius: 0;}
  .list-main li span{  line-height: 40px;}
  .new-main h2{  font-size: 26px;}
  .new-main ul{  margin-top: 30px;}
  .new-main li .date{  display: none;}
  .new-main li .text{  width: 100%;  padding: 10px 5%;}
  .new-main li .text p{  line-height: 1.6;  overflow: visible;  white-space: normal;  text-overflow: clip;}
  .new-main li .more{  display: none;}
  .article-main h1{  font-size: 26px;  line-height: 1.4;}
  .article-main .info{  margin-bottom: 10px;}
  .article-main .conetnt{  line-height: 28px;}
  .lxwm-main h1{  font-size: 26px;  margin-bottom: 20px;}
  .lxwm-main .text{  width: 100%;  margin-top: 0;}
  .lxwm-main h2{  display: none;}
  .lxwm-main .text p{  margin-bottom: 5px;}
  .lxwm-main .way-con{  margin-top: 15px;  padding-top: 20px;}
  .lxwm-main .imgR{  display: none;}
  .gy-main .title h2{  font-size: 26px;}
  .gy-main .title p{  font-size: 12px;  letter-spacing: -0.5px;}
  .gy-main h3{  margin-bottom: 0;}
  .gy-main .text p{  margin-bottom: 6px;  line-height: 1.4;}
  .gy-main .list li{  width: 50%;  padding: 8px;}
  .nyname{  line-height: 30px;  font-size: 24px;}
  .part-main .nyl{  width: 95%;  margin: 0 auto 20px;  box-sizing: border-box;  text-align: center;  float: none;}
  .part-main .nyl img{  border-radius: 0;}
  .part-main .nyr{  width: 98%;  margin: 0 1%;}
  .part-main .nyr h2{  text-align: center;  margin-bottom: 15px;}
  .part-main .description{  color: #fff;  padding: 20px;  border-radius: 10px;  background-color: #f80204;  text-align: justify;  overflow: visible;  display: block;  -webkit-box-orient: inline-axis;}
  .part-main .nytel{  text-align: center;  margin: 20px;  padding-top: 0;  border-top: 0;}
  .part-main .telBtn{
    display: none;}
  .part-main .txt .nyname{  margin-bottom: 5px;}
  .xgcp{  margin-top: 30px;}
  .xgcp li{  width: 50%;  padding: 8px;}
  .xgcp li p{  line-height: 40px;}
  .xwzx{  margin-top: 30px;}
  .xwzx .nyname{  margin-bottom: 0;}
  .xwzx ul{  padding: 8px;  border: 0;}
  .xwzx li{  width: 98%;}}@media (max-width: 640px){.headBox .logo{  z-index: 999;  max-width: 350px;}
  .htBoxL li{  width: 31.333%;  margin: 0 1%;  height: 160px;}
  .htBoxL li h3{  font-size: 36px;  margin-top: 40px;}
  .htBoxL li p{  line-height: 1;  font-size: 14px;}}@media (max-width: 480px){.headBox .logo{  max-width: 280px;}
  .htBox{  display: none;}
  .caseBox{  padding-top: 20px;}}


@keyframes scaleout {
  0%,
  100%{-webkit-transform: scale(1);
  }

  50%{-webkit-transform: scale(.9);
  }}@keyframes -webkit-scaleout {

  0%,
  100%{-webkit-transform: scale(1);
  }

  50%{-webkit-transform: scale(.9);
  }}
  
.list_banner{width: 100%;position: relative;  float:left}
.list_banner img{ width: 100%; float:left}
.list_banner .text{position: absolute;top: 44%;width: 100%;color: #fff;text-align: center}
.list_banner .text h1 {line-height: 52px;font-size: 44px;}
.list_banner .text p {font-size: 16px;padding-top: 20px}
.list_nav {width: 100%;background: #f1f1f1; position:relative; z-index:-2;float: left}
.list_nav ul{float:right;}
.list_nav ul li { float:left}
.list_nav ul li a {line-height: 72px;height:74px;float: left;padding-right: 35px;margin-right: 35px;font-size: 16px;position: relative}
.list_nav ul li a:before {position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height:80px;background-color: none;transition: all .3s; z-index:-1}
.list_nav ul li a:hover:before ,.list_nav ul li.active a:before{width:107%;left: -22%;background-color: #ff0000;}
.list_nav ul li a:after{width: 1px ;height: 15px;background: #ccc;float: left;content: "";position: absolute;right: 0;top: 30px}
.list_nav ul li a:hover,.list_nav ul li.active a {color: #fff}
.list_nav .wz {float:left;line-height: 72px;}
.wz img{float: left;height: 22px;margin-top: 24px;margin-right: 5px; width:22px;}
.about_n{width: 100%;float: left;padding: 40px 0; background:url(/images/efgv1.jpg) no-repeat right bottom; background-attachment:fixed;}
.about_n h2{width: 100%;line-height: 42px;margin-bottom: 30px;font-size: 30px;position: relative;padding-bottom: 20px}
.about_n h2:before{width:90px;height:5px;background: #ff0000;content: "";position: absolute;bottom: 0}
.about_n p{font-size: 16px;line-height: 32px;}

 
 
 
.zz {width: 100%;float: left;padding-bottom: 10px;}
.zz li{width: 23%;float: left;margin: 15px 1%;text-align: center;padding: 25px 1.5% 15px;background: #efefef}.zz li:hover{ background:#ff0000; color:#fff}
.zz li:hover p{ color:#fff}
.zz li img{max-width: 100%;margin-bottom: 10px}  
  
  
.newspic2 {clear: both;display: block;margin-left: -1.5625%;padding-top:40px; float:left; padding-bottom:60px;}
.newsbg{width:100%; float:left;background:url(/images/efgv1.jpg) no-repeat right bottom; background-attachment:fixed;}
.newspic2 li {float: left;width:98.46154%;margin-left: 1.53846%;padding: 1.53846%;transition: all 0.5s; margin-bottom:15px; border-bottom:1px #eee dashed}
.newspic2 li .img{float: left;width:18.98305%;border-radius: 4px;position: relative;overflow: hidden; }
.newspic2 li .img img{clear: both;display: block;transition: all 0.5s; left: 0px;width: 100%;top: 0%;height: 160px !important;object-fit: cover}
.newspic2  li .text{float: right;width:78.30508%;position: relative;height: 142px}
.newspic2  li .text a{clear: both;display: block;font-size: 18px;line-height: 1.5;font-weight: bold;margin-bottom: 2.90698%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.newspic2  li .text p{clear: both;display: block;color: #666;font-size: 16px;line-height: 26px;text-align: left;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.newspic2 li .text span{position: absolute;font-size: 16px;color: #666666;line-height: 1;left: 0px;bottom: 0px; padding-left:25px; padding-top:4px; background:url(/images/time2.png) no-repeat top left; background-size:20px;}
.newspic2 li:hover{background: #ff0000;box-shadow: 6px 6px 12px rgba(15,20,44,0.05)}  
.newspic2 li:hover a,.newspic2 li:hover p,.newspic2 li:hover .text span{ color:#fff;}
.newspic2 li:hover .text span{background:url(/images/time22.png) no-repeat top left; background-size:20px;} 

.list-page{ position: relative;overflow: hidden}
.list-page .bgt{display:block;width:100%;overflow:hidden;background: url(/images/news_article_banner.jpg) no-repeat center top;height:460px;position:relative;-webkit-background-size:cover;background-size: cover}

.list-page .abs-panel{ position: absolute;left: 0;top: 0;width:70%; margin-left:15%; height: 100%;z-index: 2}
.list-page .abs-panel .wrap{ padding: 30px 0 0;height: 100%}
.list-page .abs-panel .wrap h2{ height: 92px;font-size: 58px;letter-spacing: 64px;line-height: 72px;padding-top: 20px;margin-top: 70px;margin-bottom: 25px;width: 100%;background-image: url(/images/font_mark.png);background-position: left top;background-repeat: no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;color: #fff;font-weight: 700}
.list-page .abs-panel .wrap p{ font-size: 20px;line-height: 32px;width: 100%;overflow: hidden;color: #dfdddd}
.list-page .abs-panel .wrap .cate-panel .cate-wrapper{ margin-right: 40px}
.list-page .abs-panel .wrap .cate-panel .cate-wrapper .cate-list li{ width: 365px;padding-right: 140px}


.news-title {bottom: 210px;right: 33.33333%;position: absolute;left: 0}
.news-title h1 {font-size: 40px;line-height: 56px;max-height: 112px;padding-left: 40px;width: 100%;overflow: hidden;color: #e8e8e8;font-weight: 700;position: relative}
.news-title h1:before {top: 16px;width: 25px;height: 25px;content: '';display: block;position: absolute;left: 0;background-image: url(/images/icon_circle.png);background-position: center center;background-repeat: no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%}
.news-title p {padding-left: 40px;margin-top: 15px;width: 100%;font-size: 0;overflow: hidden}
.news-title p span {font-size: 16px;vertical-align: top;display: inline-block;height: 24px;line-height: 24px;color: #ccc}
.news-title p span+span {margin-left: 20px}





.news-article{margin-top: -180px;padding-bottom: 30px;z-index: 10;position: relative; width:100%;}
.news-article .wrap{background: #fff;border-radius: 50px 50px 0 0;width:70%; margin-left:15%; padding-top:20px; float:left;position: relative;}
.news-article .wrap .news-article-wrap{width: 66.66667%;float: left; margin-bottom:80px;}
.news-article .wrap .news-article-wrap .article{padding: 20px 7% 0;width: 100%;margin: 0 auto}
.news-article .wrap .side-panel{width: 33.33333%;padding-left: 50px;float: right}
.news-article .wrap .side-panel .swt-panel{margin-top: -156px;width: 364px;padding: 200px 16px 26px 20px;background-image: url(/images/swt_bg.png);background-position: left top;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto}
.news-article .wrap .side-panel .swt-panel p{font-size: 16px;line-height: 30px;padding: 0 30px;color: #072438;overflow: hidden}
.news-article .wrap .side-panel .swt-panel a{margin: 30px auto 0;width: 166px;height: 50px;border-radius: 50px;line-height: 50px;font-size: 20px;display: block;color: #ffe8b7;font-weight: 700;text-align: center;background: #fc6d56;background: -webkit-linear-gradient(left,#fc906c,#fd4d42);background: linear-gradient(to right,#fc906c,#fd4d42);-webkit-box-shadow: 0 10px 10px -5px rgba(187,143,66,.6);-moz-box-shadow: 0 10px 10px -5px rgba(187,143,66,.6);box-shadow: 0 10px 10px -5px rgba(187,143,66,.6);-webkit-transition: all .5s linear;transition: all .5s linear}
.news-article .wrap .side-panel .swt-panel a:hover{border-radius: 5px}
.news-article .wrap .side-panel .swt-panel strong{margin-top: 15px;height: 40px;line-height: 40px;font-size: 30px;display: block;width: 100%;text-align: center;font-weight: 700;color: #ba6920;-webkit-text-shadow: 0 1px 2px rgba(175,114,0,.66);-moz-text-shadow: 0 1px 2px rgba(175,114,0,.66);text-shadow: 0 1px 2px rgba(175,114,0,.66)}
.news-article .wrap .side-panel .hot-product{width: 364px;padding: 20px 40px 0;margin-top: 60px;border-radius: 0 50px 50px 50px;border: 1px solid #d9d9d9;background: url(/images/side_mark.jpg) left top repeat}
.news-article .wrap .side-panel .hot-product h2{font-size: 36px;height: 60px;line-height: 60px;padding: 0 20px 0 0;width: 100%;color: #000}
.news-article .wrap .side-panel .hot-product h2:before{width: 25px;height: 25px;margin-right: 16px;content: '';display: inline-block;background: url(/images/icon_circle.png) center center no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%}
.news-article .wrap .side-panel .hot-product ul{width: 100%;margin-top: 10px}
.news-article .wrap .side-panel .hot-product ul li{width: 100%;background: #fff;border-radius: 20px;padding: 10px 10px 0;margin-bottom: 40px;transition: all .5s linear;-webkit-box-shadow: 0 10px 18px rgba(33,47,56,.2);-moz-box-shadow: 0 10px 18px rgba(33,47,56,.2);box-shadow: 0 10px 18px rgba(33,47,56,.2)}
.news-article .wrap .side-panel .hot-product ul li:hover{-webkit-box-shadow: 0 6px 12px rgba(33,47,56,.1);-moz-box-shadow: 0 6px 12px rgba(33,47,56,.1);box-shadow: 0 6px 12px rgba(33,47,56,.1)}
.news-article .wrap .side-panel .hot-product ul li:hover a.item-font{color: #d22f15}
.news-article .wrap .side-panel .hot-product ul li a.item-img{border-radius: 20px;display: block;width: 100%;overflow: hidden}
.news-article .wrap .side-panel .hot-product ul li a.item-img img{display: block;width: 100%}
.news-article .wrap .side-panel .hot-product ul li a.item-font{height: 50px;line-height: 50px;padding: 0 10px;font-size: 18px;display: block;width: 100%;text-align: center;overflow: hidden;font-weight: 700;color: #42403a;transition: all .5s linear}
.prev-next{overflow: hidden;position: relative;padding: 10px 50px;margin: 50px 10% 20px}
.prev-next:after,.prev-next:before{content: '';display: block;position: absolute;border-radius: 10px}
.prev-next:before{left: 0;top: 0;z-index: 1;border: 1px dashed #dbdbdb;background: url(/images/article_bg.jpg) left top repeat;width: 100%;height: 100%}
.prev-next:after{z-index: 2;left: 10px;top: 10px;right: 10px;bottom: 10px;background: #fff;-webkit-box-shadow: 0 0 6px rgba(89,101,133,.4);-moz-box-shadow: 0 0 6px rgba(89,101,133,.4);box-shadow: 0 0 6px rgba(89,101,133,.4)}
.prev-next p{height: 56px;padding-right: 120px;font-size: 16px;line-height: 56px;position: relative;z-index: 3;width: 100%}
.prev-next p span.title{color: #333}
.prev-next p a{color: #666}
.prev-next p span.time{width: 120px;height: 56px;line-height: 56px;font-size: 16px;display: block;position: absolute;right: 0;top: 0;color: #ccc;text-align: right;z-index: 1}
.prev-next p+p{border-top: 1px dashed #cfcfcf}

.article p{font-size: 16px;line-height: 2em;margin: 15px 0;color: #333;}

.pro_list{ width:100%; float:left; margin-top:30px; margin-bottom:60px;}
.pro_list li{ width:31%; float:left; margin:10px 0; padding:15px; border:1px #f5f5f5 solid}
.pro_list li:nth-child(3n-1){ margin:10px 3.5%;}
.pro_list li img{ max-width:100%}
.pro_list li .name{ padding-top:25px; padding-bottom:5px; padding-right:10px; padding-left:10px;}
.pro_list li .name h3{ float:left; }
.pro_list li .name p{ float:right; background:url(/images/jt.png) no-repeat right center; padding-right:35px; }


.page{ width:100; padding-bottom:25px;}
.page a,.page b{ padding:4px 12px; border:1px #e5e5e5 solid;line-height: 26px; }
.page a:nth-child(1){  border:none}
.page b,.page a:hover{ background:#ff0000; color:#fff;}
.page a:nth-child(1):hover{ background:none;}

/*ÁªÏµÎÒÃÇ*/

.ncontact{margin-top:60px;margin-bottom:60px;}
.ncontact .ntit{width:100%; float:left; margin-top:50px;margin-bottom:50px;}
.ncontact .ntit h4{width: 100%;overflow: hidden;font-size: 36px;color: #ff0000;line-height: 45px;margin: 0;}
.ncontact .ntit p{width: 100%;overflow: hidden;font-size: 38px;color: #f1f1f1;line-height: 40px;font-weight: bold;margin-bottom: 10px;text-transform: uppercase;}
.ncontact .ncontactnr{width:100%;overflow:hidden;border-top:solid 1px #d1d1d1;font-size:18px;color:#333;line-height:35px;padding:60px 0 0 0;}
.ncontact .ncontactnr p{width:100%;overflow:hidden;font-size:18px;color:#333;line-height:35px;}
.ncontact .ncontactnr p a{font-size:18px;color:#333;}
.ncontact .ncontactnr .ncontactlf{width:80%; padding-top:15px;overflow:hidden; float:left; display:flex; text-align:center}
.ncontact .ncontactnr .ncontactlf li{ font-size:18px; line-height:32px; float:left; width:33.3%;}
.ncontact .ncontactnr .ncontactlf li span{ color:#666; }
.newm{width:20%; float:right;overflow:hidden;}
.newm dl{overflow:hidden;float:right;}
.newm dl dt,.newm dl dd{overflow:hidden;text-align:center;}
.newm dl dd{font-size:16px;color:#333;line-height:32px;}
.newm dl dt img{width:150px;height:auto;}
.map{height:500px; float:left; margin-top:40px; margin-bottom:30px;overflow:hidden;padding:0;}