.middle{ width:76%; margin: auto;}
.wap,.lg-hidden{ display: none !important;}
/* 首页 */
.header {
 width: 100%;
 height: 1.2rem;
 z-index: 9;
 /*background: rgba(0, 0, 0, 0.3);*/
 border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.header * {
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.header .inTop {
 height: 1.2rem;
}
.header .inTop .logo {
 float: left;
 position: relative;
 /*  height: 130px; */
 width: 32%;
 padding: 0;
 margin: 0;
 line-height: 1;
 -webkit-transition: all 0.45s ease-out;
 transition: all 0.45s ease-out;
 overflow: hidden;
 padding-top: 2.5%;
 box-sizing: border-box;
}
.header .inTop .logo a img {
 display: block;
 width: 100%;
 -webkit-transition: all 0.45s ease-out;
 transition: all 0.45s ease-out;
}

.nav_bg .menu {
 height: 1.2rem;
 width: 100%;
}
.nav_bg .menu > ul {
 flex: 1;
 display: flex;
 justify-content: space-between;
 float: left;
 margin-left: 3%;

}
.nav_bg .menu > ul > li {
 vertical-align: top;
 text-align: center;
 height:0.8rem;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 width: 32%;
}
.nav_bg .menu > ul > li > a {
 display: block;
 height: 1rem;
 line-height: 1.2rem;
 font-size: 0.18rem;
 position: relative;
 -webkit-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
 color: #000;
}
.nav_bg .menu > ul > li > a:after {
 content: "";
 display: block;
 position: absolute;
 left: 50%;
 bottom: 0;
 height: 4px;
 width: 0;
 /* background: linear-gradient(to right,#132c66,#5fa4f3); */
 background-image: linear-gradient(to right, #f07209, #f07209);
 z-index: -1;
 -webkit-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
}
.nav_bg .menu > ul > li > a:hover {
 background-color: transparent;
 font-size: 0.2rem;
 color: #000;
}
.nav_bg .menu > ul > li.another a{  font-size: 0.2rem;
 color: #000;/* background: linear-gradient(to right, #b00e1b, #db1717); */ }
.nav_bg .menu > ul > li.another > a:after,
.nav_bg .menu > ul > li:hover > a:after {
 width: 60%;
 left: 20%;
}
.nav_bg .menu > ul > li:hover .sec {
 height: auto;
}
.nav_bg .menu > ul > li:hover .secs {
 height: auto;
}
.nav_bg .menu .search {
 display: block;
 float: right;
 position: relative;
 z-index: 3;
 width: 0.38rem;
 height: 0.38rem;
 border-radius: 100%;
 margin-top: 3%;
 /*margin-right: -58px;*/
 margin-left: 0.52rem;
}
.nav_bg .menu .search .searchIco {
 width: 0.38rem;
 height: 0.38rem;
 border-radius: 100%;
 /*  background-image: linear-gradient(0deg, #0054b4 0%, #12c371 100%); */
 background-image: linear-gradient(to right, #f07209, #f07209);
 /* background: #132c66; */
 overflow: hidden;
 cursor: pointer;
}
.nav_bg .menu .search .searchIco em {
 display: block;
 width: 100%;
 height: 100%;
 position: relative;
 top: 0;
 padding: 0;
 -webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchIco em.searchShow {
 background: url(../images/topsearch.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco em.searchHide {
 background: url(../images/topsehide.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco.topSearch em {
 top: -100%;
}
.nav_bg .menu .search .searchBox {
 width: 0;
 height: 45px;
 position: absolute;
 right: 120%;
 background: #fff;
 top: 50%;
 margin-top: -23px;
 overflow: hidden;
 border-radius: 25px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
 -webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchBox .searchInp {
 width: 2.4rem;
 height: 0.45rem;
 border: none;
 line-height: 0.45rem;
 background: none;
 float: left;
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 20px;
 font-size: 0.14rem;
}
.nav_bg .menu .search .searchBox .searchInp::-webkit-input-placeholder {
 color: #777;
 font-weight: normal;
 font-size: 0.14rem;
 opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp::-moz-placeholder {
 color: #777;
 font-weight: normal;
 font-size: 0.14rem;
 opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:-ms-input-placeholder {
 color: #777;
 font-weight: normal;
 font-size: 0.14rem;
 opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:focus::-webkit-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-webkit-input-placeholder {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus::-moz-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-moz-placeholder {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus:-ms-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active:-ms-input-placeholder {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .submitBtn {
 position: absolute;
 right: 0;
 top: 0;
 background: url(../images/searchico.png) center center no-repeat #fff;
 background-size: 0.22rem;
 width: 0.6rem;
 height: 0.45rem;
 cursor: pointer;
 border: none;
 float: right;
 -webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
 opacity: 0;
 filter: alpha(opacity=0);
}
.nav_bg .menu .search .searchBox.searchShow {
 width: 3rem;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
@keyframes msClock2 {
 0%,
 70%,
 100% {
  transform: rotate(0) scale(1);
 }
 10%,
 30% {
  transform: rotate(-15deg) scale(1);
 }
 20%,
 40% {
  transform: rotate(15deg) scale(1);
 }
}

.main-tan{ position: absolute; left: 0px; width: 100%; top: 100%; padding: 35px 0;background: #fff; display: inline-block; z-index: 8;opacity: 0;transform: translateY(30px) ;border-top: 1px solid rgba(0, 0, 0, 0.1);;
 transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}

.tan-con{width: 80%;float: right}
.tan-con-l{width: 20%;float: left;clear: both}
.tan-con-l img{display: block;width: 100%;}
.tan-con-r{width: 75%;float: right;}
.tan-con-r .p1{font-size: 14px;color: #999;line-height: 1.7;margin-top: 1%}
.tan-con-r .a1{display: block;width: 132px;height: 40px;border: 1px solid #ddd;transform:skew(-18deg);margin-top: 20px;
 -ms-transform:skew(-18deg);
 -moz-transform:skew(-18deg);
 -webkit-transform:skew(-18deg);
 -o-transform:skew(-18deg);}
.tan-con-r .a1 .son{text-align: center;line-height: 40px;font-size: 14px;color: #666;transform:skew(18deg);
 -ms-transform:skew(18deg);
 -moz-transform:skew(18deg);
 -webkit-transform:skew(18deg);
 -o-transform:skew(18deg);}
.tan-con-r .a1:hover{background: #f07209;border-color: #f07209;}
.tan-con-r .a1:hover .son{color: #fff;}
.tan-con-r .a2{display: block;width: 20%;float: left;text-align: center;margin-right: 5%;
 border-bottom: 1px solid #eee;padding: 2% 0;font-size: 16px;color: #666666}
.tan-con-r .a2:nth-child(4n){margin-right: 0;}
.tan-con-r .a2:nth-child(-n+4){padding-top: 0}
.tan-con-r .a2:hover{color: #f07209;border-color: #f07209}
.tan-con-r .a2[data=xz]{color: #f07209;border-color: #f07209}

.right-qie{ background: #fff;position: absolute;border-radius: 5px; height: 0.35rem; margin-top: 2.2%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  width: 4%; right:5%}
.right-qie .qie-fl{ width: 100%; float: left;}
.right-qie .qie-fl img{ width: 47%; margin-left: 5%; margin-top: 5%; margin-right: 5%}
.right-qie .qie-fl b{ font-size: 0.2rem; line-height: 0.2rem;float: right;
    margin-top: 10%;
    margin-right: 10%;}
.right-qie .qie-fl ul{ z-index: 9; width: 0.4rem; background: #fff; position: absolute; top: 84%; display: none}
.right-qie .qie-fl ul li{ width: 100%; text-align: center}
.right-qie .qie-fl ul li img{ width: 60%; padding: 5px 0px}
.right-qie .qie-fl:hover ul{ display: block}
.right-qie .qie-fl ul li:hover{ background: #f07209}



/* 轮播图 */
.lb{ position: relative; height: 100%}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 0.18rem;background: #fff;/* Center slide text vertically */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;}
.lb .swiper-slide { position: relative;overflow: hidden}
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 10% !important; left: 35% !important;}
.lb .swiper-pagination-bullet{width: 0.48rem !important; height: 2px!important; background: #fff; opacity:0.5;border-radius: initial;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 72% !important; top: 90%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 0.25rem !important;}
.lb .swiper-button-prev:after{ margin-left: -60%;}
.lb .swiper-button-next:after{ margin-left: 20px;}
.lb .swiper-button-next{ right: 2% !important;top: 90%;outline: none;color: #fff;width: 1.2rem;height: 0.4rem;border-radius: 50%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: auto;}
.lb .swiper-slide .pic3{ width: 100%;position: relative}
.lb .swiper-slide .pic1{position:absolute;z-index:2;left:10%;top:40%;width:80%;}
.lb .swiper-slide .pic2{width:50%;position:absolute; z-index:2; right:25%;bottom: 0;}

.slide-tiel1{ position: absolute; top: 40%; left: 15%;text-align: left; color: #fff}
.slide-tiel1 h5{ font-size: 0.4rem; line-height: 0.8rem; color: #fff}
.slide-tiel1 p{ font-size: 0.26rem; line-height: 0.6rem; color: #fff}
.slide-tel{ position: absolute; left: 5%; bottom: 6%;z-index: 10; height: 0.55rem; line-height: 0.55rem}
.slide-tel img{ width: 0.55rem; height: 0.55rem; float: left; margin-right: 0.2rem}
.slide-tel span{ font-size: 0.36rem; color: #fff; font-weight: bold;line-height: 0.55rem}

.lb .banner_bottom{ position: absolute; left: 49%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
 25% {
  -webkit-transform: translateY(-8px);
 }
 50%, 100% {
  -webkit-transform: translateY(0);
 }
 75% {
  -webkit-transform: translateY(8px);
 }
}

@keyframes bounce-down {
 25% {
  transform: translateY(-8px);
 }
 50%, 100% {
  transform: translateY(0);
 }
 75% {
  transform: translateY(8px);
 }
}
/**/



.guide{height: 5rem;padding-top: 0.8rem;background:url(../images/yinz_bg.jpg) no-repeat center ;overflow: hidden;}
.gui_l{width: 40%;}
.gui_l h5{font-size: 0.5rem;color: #fff;height: 1.5rem;line-height: 0.66rem;overflow: hidden; font-weight: bold}
.gui_l h5 i{display: block;}
.gui_l p{font-size: 0.14rem;color: #fff;line-height: 0.28rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden; text-overflow: ellipsis; }
.guide_btn{display: block;width: 30%;padding-top: 0.4rem;}
.guide_btn a{display: block;font-size: 0.16rem;color: #333;width: 100%; padding: 0 0.35rem; height: 0.5rem;line-height: 0.5rem;overflow: hidden;background: #fff;border-radius: 0.5rem;}
.guide_btn em{display: block;float: right;line-height: 0;width: 26px;height: 8px; padding-top: 0.2rem; -webkit-transition:transform .1s;transition:transform .1s;}
.guide_btn em img{width: 0.3rem;height: 8px;}
.guide_btn a:hover em,.product02 dl dd span a:hover b{-webkit-transform:translate(5px,0);transform:translate(5px,0);}
.gui_r{width:55%;}
.gui_r ul li{width: 46%;height: 1.5rem;background: #fff;float: left;border-radius: 0.5rem 0 0.5rem 0;margin: 0 0 0.3rem 0.3rem;padding: 0.5rem 0 0 0.75rem;}
.gui_r ul li em{width: 0.7rem;height: 0.78rem;display: block;float: left;line-height: 0;overflow: hidden;position: relative;}
.gui_r ul li em img{width: 100%;}
.gui_r ul li span{display: block;float: left;font-size: 0.24rem;color: #333;line-eight:0.36rem;padding: 0 0 0 0.35rem;}
.gui_r ul li i{display: block;}
.gui_r ul li:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.05);}
.gui_r ul li:hover em:after{display:block;position:absolute;left:0;top:0;width:100%;height:40px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;background:url(../images/code_shadow2.png) no-repeat 0 0;}
@keyframes light{
 0%{top:0;}
 50%{top:100%;}
 100%{top:-40px;}
}

/*公司简介*/

.index-group{ width: 100%; display: inline-block; padding-top: 4%;background:url(../images/yinz_bg.jpg) no-repeat center bottom; padding-bottom: 0.6rem }
.index-title {font-size: .4rem;line-height: 1;margin-bottom: 0.45rem;}
.index-title .tit-en {margin-bottom: 0.15rem;font-size: .36rem;font-family: arial;font-weight: bold;}
.index-title .tit {font-size: .40rem;line-height: 1;font-weight: bold;}
.index-group-wrap{ width: 100%;}
.about-cont-index .tit-en{ font-size: 0.2rem; line-height: 0.45rem}
 .con-wrp { width: 100%;}
.con-wrp .tit {font-size: .36rem;line-height: 1;margin-bottom: .27rem;}
 .con-wrp .tit-en {font-size: .18rem;line-height: 1;margin-bottom: .4rem;padding-left: .23rem;position: relative;}
 .con-wrp .tit-en:after {content: '';display: block;width: .12rem;height: .12rem;background-color: #26438a;position: absolute;left: 0;top: .03rem;}

.ripple, .ripple:before, .ripple:after {
 position: absolute;
 left: 51%;
 top: 52%;
 height: 65px;
 width: 65px;
 margin-top: -34px;
 margin-left: -33px;
 border-radius: 50%;
 -ms-box-shadow: 0 0 0 0 rgba(215,0,15,0.64);
 -o-box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
 box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
 animation: ripple 3s infinite;
}
@-webkit-keyframes ripple {
 70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
 100%
 {
  -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
  box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
 }
}
.con-wrp ul li{ width:2.5rem; height: 2.5rem; background: url(../images/ling.png) top center; background-size: 100%; float: left; text-align: center; margin-bottom: 0.3rem;margin-left: 8%}
.con-wrp ul li img{ width: 26%; margin-bottom: 0.1rem; margin-top: 22%}
.con-wrp ul li { font-size: 0.20rem;}
.con-wrp ul li:nth-child(1){ margin-left:0px}
.con-wrp ul li:hover a{ color: #fff}
.con-wrp ul li p{ font-size: 0.16rem; width: 77%; margin: auto}
/*.con-wrp ul li:hover img{filter: brightness(0) saturate(100%) invert(100%);}*/

/*产品*/
/*.box1-pic{ margin-bottom: 0.6rem}*/
.titleall{width:80%; margin:0 auto; clear:both; overflow:hidden;}
.titleall01a{clear:both; height:0.65rem; margin-top:6%;  color:#000; font-size:0.48rem; text-align: center; line-height:0.53rem; font-weight: bold;}
.titleall02{clear:both; text-align:center; color:#000; font-size:0.2rem; line-height:0.35rem;padding: 5px 0px}
.titleall i{ color:#f07209}
.titleall03{clear:both; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#8b8b8b; font-size:12px; }
/*.box-case-t{ width: 100%; display: inline-block;margin-top: 2%;}*/
/*.box-case-t ul{ width: 27.7%; margin-right: 1.3%; float: left}*/
.box-case-t{ width: 80%; margin: 0px auto;  margin-top: 2%; }
.box-case-t ul{ width: 100%;}
.box-case-t ul:nth-child(2){ width: 42%}
.box-case-t ul:nth-child(3){ margin-right: 0px;}

/*.box-case-t ul li{ width: 100%; height: 3.2rem; overflow: hidden; border: 1px solid #dfdfdf;  border-radius: 0.2rem; position: relative; margin-bottom: 0.2rem; float: left}*/

.box-case-t ul li{ width: 32%; height: 3.2rem; margin-right: 1%; overflow: hidden; border: 1px solid #dfdfdf;  border-radius: 0.2rem; position: relative; margin-bottom: 0.2rem; float: left}
.box-case-t ul li:nth-child(3n){ margin-right: 0px}
.box-case-t ul li dt{ width: 100%; height: 100%}
.box-case-t ul li dt img{ width: 100%; height: 100%;object-fit: cover}
.box-case-t ul li dd{ width: 100%; height: 0.6rem; line-height: 0.6rem; background: rgba(0,0,0,0.5); color: #fff;position: absolute; bottom: 0px; left: 0px;
 text-align: center; font-size: 0.18rem; font-weight: bold}
.box-case-t ul li:hover dt img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.box-case-t ul:nth-child(2) li{ height: 6.6rem}
.pic-title{ width: 100%; display: inline-block; margin-top: 0.2rem}
.pic-title dl{ display: flex;flex-direction: row;justify-content: center;}
.pic-title dl dt{ height: 0.55rem;line-height: 0.55rem;text-align: center;border: 1px solid #f2f2f2;display: block;width: 2rem;margin: 0px 5px;border-radius: 0.25rem;font-size: 0.18rem;background: #f2f2f2;}
.pic-title dl dt a{ font-size: 0.18rem; line-height: 0.55rem;}
.pic-title dl dt.on,.pic-title dl dt:hover{ background: #c6000f}
.pic-title dl dt.on a,.pic-title dl dt:hover a{ color: #fff}
/**/
.box-tianneng{ width: 100%; display:inline-block; background: url(../images/cpys_bg.jpg) no-repeat top; padding: 0.8rem 0rem  0.6rem; color: #fff; }
.box-tianneng h3{ font-size: 0.58rem; line-height: 0.72rem; font-weight: bold;}
.box-tianneng  span{ font-size: 0.2rem; line-height: 0.4rem; width: 100%; display: block; margin: 0.35rem 0rem;}
.box-tianneng ul{ margin-top: 2%}
.box-tianneng ul li{ width: 42.7%; float: left; margin-top: 2%; border-bottom: 2px solid #fff; padding-bottom: 10px;}
.box-tianneng ul li:nth-child(2n){ float: right;}
.box-tianneng ul li p{ width: 100%; height: 0.85rem; line-height: 0.85rem; font-size: 0.3rem; margin-bottom: 15px;}
.box-tianneng ul li p i{ width: 0.85rem; height: 0.85rem; display: block; border-radius: 50%; background: #ffffff; display: flex;align-items: center; float: left; margin-right: 0.2rem;}
.box-tianneng ul li p i img{ width: 55%; display: block; margin: auto;}
.box-tianneng ul li dl{ margin-top: 0.1rem; margin-bottom: 0px; height: 72px;}
.box-tianneng ul li dl dt{ font-size: 0.22rem; line-height: 0.36rem;}
.box-tianneng ul li dl dt b{ width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #fff;display: block; float: left; margin-right: 0.15rem; margin-top: 2%; }
/*案例*/
/*案例*/
.csse-box1{ width: 100%; height: 100%; display: inline-block; background: url("../images/page2.jpg") top center no-repeat; padding-bottom: 0.4rem }
.ind-box-6{ width: 100%; display: inline-block; margin-top:20px}
.case-t ul li{ width: 19%; margin-right: 1%; float: left; border: 1px solid #dfdfdf;background: #fff;  margin-bottom: 0.15rem; height: 1.4rem; overflow: hidden; display: flex;
    justify-content: center;align-items: center;}
.case-t ul{ width: 100%; display: inline-block; margin-top: 0.3rem}
.case-t ul li img{ width: 100%;height: auto;object-fit: contain;}
.case-t ul li:nth-child(5n){ margin-right: 0px;}
.case-box1-jiantou{ width: 23% !important; margin: auto;}
/*服务项目*/
.big-title{ width: 100%; display: inline-block;}
.big-title p{ text-align: left;}
.big-title .bt1{font-size: 0.48rem;color: #353535;font-weight: bold;}
.big-title .bt1 i{ font-size:0.2rem;color: #000; margin-left: 0.15rem; font-weight: 300; text-transform:uppercase;  }
.adv-box .big-title .bt1 i{ color: #fff}
.big-title .bt1 span{color: #f07209}
.big-title .bt2{font-size:0.18rem;color: #666;margin-top: 5px;}
.bt-left{ width: 70%;}
.big-title span{ float: right; width: 1.4rem; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #f07209; border-radius: 10px; margin-top: 2%;}
.big-title span a{ color: #fff; font-size:0.16rem;}
.big-title span b{ width:0.2rem; margin-left:0.1rem;}
.box-4 { width: 100%;display: inline-block; margin-top: 0.4rem }
.box-4 ul li{ width: 24.5%;height: 7rem;overflow: hidden;position: relative; float: left;margin-right: 0.1rem;}
.box-4 ul li:last-child{ margin-right: 0px}
.box-4 ul li .pro-v{  position: absolute;  z-index: 2; width: 100%;height: 100%;display: block;top: 0%;background: rgba(15,71,142,0.5);padding: 0% 10%;
 padding-top: 10%;box-sizing: border-box;}
.box-4 ul li .pro-v img{width: 100%;}
.box-4 ul li .pro-t{ width: 100%;height: 100%;}
.box-4 ul li .pro-t img{ width: 100%;height: 100%;object-fit: cover;}
.box-4 ul li .pro-v p{  font-size: 0.22rem;color: #fff; width: 60%; display: block;margin: auto;}
.box-4 ul li .pro-v span{ width: 3px;height: 30px;display: block;background: #fff;margin: 0.2rem auto;}
.box-4 ul li.on .pro-v{display: none;}
.box-4 ul li .pro-y{ display: none;position: absolute;bottom: 0px;height: 100%; width: 100%;z-index: 2;background: rgba(15,71,142,0.6);color: #fff;padding: 30px 10%; padding-top: 45%; box-sizing: border-box;}
.box-4 ul li .pro-y .p{ font-size: 0.32rem; font-weight: bold}
.box-4 ul li .pro-y .p i{width: 100%; height: 2px;background: #fff;display: block;margin-bottom: 0.1rem;}
.box-4 ul li .pro-y .p img{  width: 0.45rem; float: right}
.box-4 ul li .pro-y .p p{ font-weight: bold; margin-bottom: 0.2rem; margin-top: 0.4rem}
.box-4 ul li .pro-y .p-cont{ font-size: 0.16rem !important;line-height:0.3rem !important; color: #fff !important }
.box-4 ul li .pro-y .p-cont p,.box-4 ul li .pro-y .p-cont span{font-size: 0.16rem !important;line-height:0.3rem !important; color: #fff !important  }
/*.box-4 ul li .pro-y span{ font-size: 0.16rem;line-height:0.3rem; color: #fff}*/
.box-4 ul li .pro-y .box-more{ font-size: 0.16rem;}
.box-more a{ color: #fff;font-size: 0.16rem;line-height:0.4rem;}
.box-4 ul li.on .pro-y{display: block;}
.box-4 ul li .pro-y span {
 display: -webkit-box;
 -webkit-line-clamp: 4; /* 限制显示3行 */
 -webkit-box-orient: vertical;
 overflow: hidden; /* 隐藏溢出的内容 */
}
.text-thumn{ width: 0.5rem; height: 0.5rem; margin-bottom: 0.2rem}
.text-thumn img{ width: 100%}
.service-tit {
 padding-top: .22rem;
 line-height: 1;
 color: #fff;
 width: 100%;
 opacity: 1;
 z-index: 7;
 transition: opacity .5s;
 margin-top: 40%;
 box-sizing: border-box;
}
.service-tit .text1 {
 width:100%;
 height: 5.8rem;
 font-size: .32rem;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 0.6rem;
}
.service-tit .text2 {
 width: .16rem;
 height: 5.8rem;
 font-size: .16rem;
 font-family: Arial;
 position: absolute;
 right: 0.02rem;
 top: .22rem;
}
.box-more {
 width: 1.38rem;
 height: .48rem;
 line-height: .46rem;
 border-radius: .24rem;
 text-align: center;
 border: 1px solid #fff;
 padding-left: .2rem;
 padding-right: .1rem;
 transition: all .2s;
 margin-top: 10%;
}
/*关于我们*/
.about-box{ width: 100%; display: inline-block; background: #f1f1f1; }
.about-pro{ width: 100%; display: inline-block; margin-top: 4%; margin-bottom: 0.6rem}
.about-title{ width: 100%; display: inline-block;}
.title-left{ width: 100%; float: left; color: #333;}
.title-left h3{ color: #333; font-size: 0.52rem; font-family: Arial, Helvetica, sans-serif; font-weight: 900;}
.title-left p{ font-size: 0.36rem; font-weight: 600; color: #333;}
.title-left .tit-en{ font-size: 0.2rem;font-weight: normal; color: #333; line-height: 0.35rem}
.details-left{ width: 100%; /* padding: 0.58rem; */ color: #333; }
.about-left{ width: 50%; float: left;padding-right: 0.3rem;}
.about-cont{ width: 100%;  margin-top: 30px; display: inline-block;}
.details-left .desc{ font-size: 0.18rem; line-height: 0.42rem; margin-top: 20px; text-align: center; }
.about-img-right{ width: 45%; float: right; height: 6rem; overflow: hidden; margin-top: 4%}
.about-img-right img{ width: 100%; height: 100%; object-fit: cover}
.details-left span a{ width: 20%; height: 0.45rem; line-height: 0.45rem; border-radius: 0.25rem; text-align: center; border: 1px solid #333; display: block; margin: auto; margin-top:4%; margin-bottom: 2% }
.details-left span a{ color: #333; font-size: 0.16rem;}
.details-left span:hover a{ background: #ee9d01; border: 1px solid #ee9d01; color: #fff}
/*新闻*/
.news-1{  width: 100%; display: inline-block;;}
.news-1 .news-title{width: 100%;display: inline-block; padding-top: 0.4rem}
.index-title{ width: 100%; display: inline-block; text-align: center}
.index-title img{}
.title-list{ width: 12%}
.title-list .guide_btn{ width: 100%; }
.title-list .guide_btn a{ background: #f1f1f1 }
.index-title h4{ font-size: 0.48rem; font-weight: bold;}
.news-1 .black_news{width: 100%; overflow: hidden; padding-bottom: 0.6rem;}
.news-1 .swiper-wrappe1r{ width: 52.1%; float: left;}
.news-1 .black_news .leftnesw-slide{ width: 48%;border: 0px solid #999; margin-right: 3%; float: left;}
.news-1 .black_news .leftnesw-slide:nth-child(2){ margin-right: 0px;}
.news-1 .black_news .leftnesw-slide .img_10{ width: 100%;height: 3rem;overflow: hidden;border-radius: 0.15rem;}
.news-1 .img_10 img{ width: 100%;height: 100%;object-fit: cover;}
.news-1 .black_news .swiper-wrappe1r .leftnesw-slide p{margin: 0.2rem 0;box-sizing: border-box;font-size: 0.14rem;color: #999;line-height: 0.2rem; height: auto;
 border-bottom: 1px solid #dedede;padding-bottom:0.2rem;}

.news-1 .black_news .leftnesw-slide .moer_55{float: left;  height: 0.3rem; color: #999999;}
.news-1 .black_news .leftnesw-slide .moer_5{float: right;  width: 1.3rem; height: 0.3rem; line-height: 0.3rem; border-radius: 0.3rem;  color: #999999; text-align: center }

.news-1 .black_news{ position: relative; margin: 0px; }
.news-1 .black_news .nesw-slide{overflow: hidden;}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .moer_5{ background: #f07209; color: #ffffff}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover p{ color: #f07209}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .moer_55{ color: #f07209}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .title_news{ color: #f07209}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .img_10 img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15); -webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}

.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .title_news span{color: #f07209;}
.news-1 .black_news .swiper-wrappe1r .nesw-slide:hover .title_news .news_da1{color: #f07209;}
.news-1 .black_news .leftnesw-slide:hover{ color: #f07209;}
.news-1 .black_news .leftnesw-slide:hover p{ color: #f07209;}
.news-1 .black_news .leftnesw-slide:hover .img_10 img { -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
 -webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.news-1 .black_news .leftnesw-slide:hover .moer_5{ background: #f07209; color: #ffffff}

.news-1 .black_news .news_title .nesw-slide{ width: 100%;  border-bottom: 1px solid #999;border-radius: 0px;}
.news-1 .black_news .news_title .nesw-slide:hover{ border-bottom:1px solid #f07209;}
.black_news .news_title .nesw-slide p{padding: 13px 0;box-sizing: border-box;font-size: 14px;color: #999;line-height: 20px; height: auto}

.black_news .news_title .nesw-slide:hover .title_news div{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news p{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news span{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news{color: #f07209;background: #ffffff;}
.title_news{ font-size: 0.18rem; line-height: 0.32rem; font-weight: bold}
.news_title{width: 46%;display: inline-block; float: right;}
.news-1 .black_news .news_title .nesw-slide{ width: 100%;  border-bottom: 1px solid #999;border-radius: 0px;}
.news-1 .black_news .news_title .nesw-slide:hover{ border-bottom:1px solid #f07209;}
.news-1 .news_title span:after{content: '';  width: 1px; height: 0.8rem; background: #333333; display: block; position: absolute; right: 8px; top: 0px;}
.news-1 .news_title span{ width: 100px;float: left;font-size:0.54rem;font-weight: bold;color: #666;font-family: Arial, Helvetica, sans-serif; top: 0;bottom: 0;margin: auto 0;
 list-style:none; text-align: center; position: relative;}
.news-1 .news_title span i{font-size: 0.16rem;font-weight: 200;font-style: inherit;}
.news_title .title_news{ width: 100%  ;height:auto;float: right;font-size: 0.18rem;color: #333333; padding: 0.15rem 0rem}
.black_news .news_title .nesw-slide p{padding:0.13rem 0rem;box-sizing: border-box;font-size: 14px;color: #999;line-height: 0.2rem; height: auto}
.black_news .news_title .nesw-slide:hover .title_news div{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news p{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news span{color: #f07209;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news{color: #f07209;background: #ffffff;}
.index-title p{ font-size: 0.2rem;line-height: 0.35rem}
.news-index-title{ width: 70%; text-align: left}
/*底部*/
/* 首页底部开始 */
.index-footer {
 background-color: #393939;
 color: #fff;
}
.index-foot-nav {
 padding: .25rem 0;
 border-bottom: .02rem solid #616161;
}
.index-foot-nav a {
 font-size: .18rem;
 color: #fff;
 font-weight: bold;
 line-height: 2;
 margin-right: .6rem;
}
.index-foot-nav a:hover {
 text-decoration: underline;
}
.index-foot-con {
 padding: .4rem 0;
}
.index-foot-con > div {
 min-height: 2rem;
}
.index-foot-bottom {
 padding: .2rem 0;
 color: #aaaaaa;
 font-size: .12rem;
 border-top: .02rem solid #616161;
}
.index-foot-con .info-wrp {
 width: 26%;
 box-sizing: border-box;
 border-right: .02rem solid #616161;
}
.index-foot-con .nav-wrp {
 width: 45%;
 box-sizing: border-box;
 border-right: .02rem solid #616161;
}
.index-foot-con .ewm-wrp {
 width: 29%;
}
.index-foot-con .info-wrp .info-item {
 font-size: .14rem;
 margin-bottom: .1rem;
}
.index-foot-con .info-wrp .info-item .icon {
 width: .3rem;
 height: .3rem;
 box-sizing: border-box;
 border: 1px solid #fff;
 border-radius: 50%;
 margin-right: .1rem;
}
.index-foot-con .info-wrp .info-item .icon img {
 width: 50%;
}
.index-foot-con .nav-wrp .nav-item {
 margin-right: 1rem;
}
.index-foot-con .nav-wrp .nav-item:last-child {
 margin-right: 0;
}
.index-foot-con .nav-wrp a {
 display: block;
 color: #cccccc;
 font-size: .16rem;
 margin-bottom: .11rem;
}
.index-foot-con .nav-wrp a:hover {
 color: #fff;
}
.index-foot-con .nav-wrp .tit {
 color: #fff;
 font-size: .18rem;
 margin-bottom: .14rem;
}
.index-foot-con .ewm-wrp .ewm-item {
 margin-left: .25rem;
}
.index-foot-con .ewm-wrp .ewm-item .tit {
 font-size: .18rem;
 margin-bottom: .1rem;
}
.index-foot-con .ewm-wrp .ewm-item img {
 display: block;
 width: 1.58rem;
}
.footer {
 color: #fff;
 background: #41495d url('../images/footer-bg.jpg') no-repeat;
 background-size: cover;
}
.foot-ewm-wrp {
 height: 1.13rem;
 border-bottom: 1px solid #878b95;
}
.foot-ewm-item {
 width: .45rem;
 height: .45rem;
 margin-right: 6%;
}
.foot-ewm-item .icon {
 width: 100%;
 height: 100%;
}
.foot-ewm-item .ewm {
 width: 1rem;
 height: 1rem;
 position: absolute;
 left: -0.3rem;
 top: -1.1rem;
 display: none;
}
.foot-ewm-item:last-child {
 margin-right: 0;
}
.foot-ewm-item .foot-call {
 border-radius: 0.08rem;
 font-size: .18rem;
 padding: 0 0.12rem;
 line-height: 0.4rem;
 position: absolute;
 left: -0.61rem;
 top: -0.5rem;
 background-color: #fff;
 z-index: 99;
 cursor: pointer;
 display: none;
 width: 500%;
}
.foot-ewm-item .foot-call i {
 margin-right: .1rem;
}
.foot-ewm-item:hover .ewm {
 display: block;
}
.foot-ewm-item:hover .foot-call {
 display: flex;
}
.foot-nav-wrp {
 margin-top: 0.4rem;
}
.foot-bottom {
 height: 0.52rem;
 line-height: .52rem;
 text-align: center;
 margin-top: .15rem;
}
.foot-nav-wrp .nav-tit {
 font-size: .24rem;
 margin-bottom: .46rem;
}
.foot-nav-wrp .nav-text {
 margin-bottom: 0.1rem;
 display: block;
}
.foot-nav-wrp .nav-item {
 width: 15%;
}
.foot-nav-wrp .nav-item:nth-child(4) {
 width: 32%;
}
.foot-ewm {
 width: 1.2rem;
 margin-left: 0.3rem;
 padding-top: 0.18rem;
}
.foot-ewm img {
 width: 100%;
}
.foot-ewm .tit {
 margin-top: 0.1rem;
 text-align: center;
}
/* 首页底部结束 */

.banner_other{width:100%; height: 5.5rem; background-position: top center;background-size: cover;background-repeat: no-repeat; position: relative}
.banner_other img{ width:auto; max-width:100%}
#top-bodycontent .container {position:relative; padding:0px }
#top-bodycontent .container:before{ display: inline}
#top-bodycontent{ width: 100%; background: #fff;border-bottom:1px dashed #ddd !important;}

/*联系*/
.mianbxContent{ height:0.6rem !important; font-size:0.16rem !important; line-height:0.6rem !important; text-align:left !important; text-indent:2.5em;
 background:url(../images/dingwei.png) #fff no-repeat 0.07rem -0.22rem;  position:relative; transition:0.1s all; }
.mianbxContent:hover{ background-position:0.07rem 0.2rem;}
.mianbxContent a{ color:#333; font-size:0.15rem }
.map{width: 100%;height:6rem; margin-bottom: 0.4rem }
.contact-inside{ width: 100%; display: inline-block;position: relative;}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 0.52rem; width: 43.75%;}
.contact-left p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left span{ font-size: 0.26rem; line-height: 0.4rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block; margin-bottom: 0.3rem}
.contact-left .contact-m{ font-size: 0.18rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left ul li img { width: 0.38rem; height: 0.38rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.4rem; display: block; font-size: 0.24rem; margin-bottom: 0.5rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.38rem; color: #f07209;}
.message-right{ width: 49%; padding-top: 5%;}
.message-right .input-item{ width: 100%; line-height: 0.68rem; height: 0.68rem; border: 1px solid #cfcfcf; padding: 0 0.34rem; border-radius: 0.2rem; margin-bottom: 0.48rem;}
.message-right input,.message-right textarea{ width: 100%; display: block;font-size: 0.18rem;}
.message-right textarea{border: 1px solid #cfcfcf; padding: 0.34rem;border-radius: 0.2rem; height: 1.8rem; font-size: 0.18rem;margin-bottom: 0.48rem;}
.message-right .submit{ width: 100%; line-height: 0.68rem; height: 0.68rem; background: #f07209; padding: 0 0.34rem; border-radius: 0.2rem; color: #fff; }
.message-right .submit:hover{ background: #f07209;}
/*新闻*/
.jour-list{ width: 100%; display: inline-block;}
.jour-list ul{ width: 100%; display: inline-block; }
.jour-list ul li{ padding: 0.26rem 0.26rem 0px; box-sizing: border-box; display: inline-block; width: 100%;  }
.jour-list ul li a{border-bottom: 1px solid #d0d0d0; width: 100%; display: inline-block; padding-bottom: 0.26rem;}
.jour-list ul li .project-img{ width: 35%; height: 3.1rem; overflow: hidden;}
.jour-list ul li .project-img img{ width: 100%; height: 100%;  object-fit: cover}
.jour-list ul li .jour-cont{ width: 60%; padding:0.4rem 0px; box-sizing: border-box;}
.jour-list ul li .jour-cont p{ font-size:0.22rem; color: 3333; line-height:0.5rem;}
.jour-list ul li .jour-cont span{ font-size: 0.16rem; line-height:0.3rem; height:0.9rem; overflow: hidden;text-indent:2em;
 color: #777777; display: block; margin-top:0.1rem;}
.jour-list ul li .jour-cont .jour-time{ font-size:0.16rem; color: #777777; margin-top: 5%;}
.jour-list ul li .jour-cont .jour-time i{  width: 15%; height:0.35rem; line-height:0.35rem; display: block;  font-style: initial;
 float: right; border-radius:0.2rem; background: #f2f2f2; color: #333; text-align: center; }
.jour-list ul li:hover{ background: #f2f2f2;}
.jour-list ul li:hover a{ border-bottom: none;}
.jour-list ul li:hover .jour-cont .jour-time i{ background: #f07209; color: #fff;}
.jour-list ul li:hover p{ color: #f07209;}


.pro-fl{ width: 100%; display: inline-block; margin: 0.3rem 0rem; margin-bottom: 0px; }
.pro-fl .middle{ display: flex;justify-content: center;}
.pro-fl a{ height: 0.5rem; line-height: 0.5rem; text-align: center;  display:block; width: 18%; margin: 0px 5px; border-radius: 0.25rem;
 font-size: 0.18rem; background: #f2f2f2; float: left; margin-bottom: 0.2rem}
.pro-fl a:hover{background: #f07209;color: #fff;border:none;}
.pro-fl a.on{ background: #f07209; border:none;color: #fff;}
/*荣誉*/
.yield-list{ width: 100%; display: inline-block; margin-top: 4%;}
.yield-list ul{ width: 100%; display: inline-block;}
.yield-list ul li{ width: 32%; margin-right: 1.75%; float: left; padding: 0.14rem; background: #f2f2f2; box-sizing: border-box; margin-bottom:0.3rem;}
.yield-list ul li .yid-img{ width: 100%; height: 5.5rem; overflow: hidden;}
.yield-list ul li .yid-img img{ width: 100%; height: 100%;object-fit: contain; }
.yield-list ul li:nth-child(3n) { margin-right: 0px;}
.yield-list ul li p{ width: 100%; text-align: center; height:0.7rem; line-height:0.84rem; background: #f07209; color: #fff; overflow: hidden; font-size: 0.2rem; display: block;}
/*.yield-list ul li:hover{ background: #0f478e;}*/
.yield-list ul li:hover p{  color: #fff;}

.about-pages{background: url(../images/c14.jpg) no-repeat top center; background-size: 100%; padding-top: 3%; /* display: inline-block; */ margin-bottom: 0.5rem}
.about-pages .abour-inisd{position: relative; display: inline-block; width: 100%; height: auto;  }
.left-pages{ width: 56.7%; height: 6.27rem; display: block; position: relative;}
.left-pages span{ width: 95%; height: 95%; border: 5px solid #f07209;  display: block; float: right; border-radius: 20px;}
.left-pages img{ position: absolute; width: 95%; height: 95%; border-radius: 0.2rem; left: 0px; bottom: 0px;}
.right-pahes{ width: 100%;}
.right-pahes p{ font-size: 0.26rem;}
.right-pahes h4{ font-size: 0.34rem; font-weight: bold; color: #f07209; padding: 0.2rem 0px; padding-top: 0px; border-bottom: 1px solid #dedede;}
.right-pahes .about-pcont{ font-size: 0.16rem; line-height: 0.4rem; text-indent:2em; color: #000;}
.right-pahes .about-pcont p{ font-size: 0.18rem; line-height: 0.4rem}

.v9_pages{  text-align: center; width: 100%; margin-bottom: 0.6rem; margin-top:0.4rem;display: inline-block}
.v9_pages a,.v9_pages span{ padding: 0.1rem 0.16rem; border: 1px solid #dfdfdf; font-size: 0.18rem; margin: 0px 0.1rem; border-radius: 0.1rem; }
.v9_pages span{ background: #f07209; border: 1px solid #f07209; color: #fff;}
.v9_pages a:hover{ background: #f07209; border: 1px solid #f07209; color: #fff;}
.v9_pages ul{ text-align: center}
/*案例*/
.product-main{width: 80%;margin: 10px auto;margin-top: 10px;}
.prconts{
 width:100%;
 display: inline-block;
 margin:0.3rem auto;
 margin-top: 0.1rem;
 border-radius: 0.2rem;
}
.prconts .title{
 padding: 0.15rem;
 background: #f07209;
 border-radius:  0.2rem 0.2rem 0  0;
}
.prconts .title h3{
 color: #fff;
 padding-bottom: 2px;
}
.prconts .title h3 a{
 float: right;
 color: #fff;
 font-size: 0.14rem;
}
.prconts .pics ul li{margin: 0.1rem 0;overflow: hidden; width: 24%; margin-right: 1%; float: left}
.prconts .pics ul li:nth-child(4n){ margin-right: 0px;}
.prconts .pics ul li .photo{border:1px solid #dfdfdf;height:2rem;overflow: hidden;position: relative;}
.prconts .pics ul li .txt{background: #fafafa;  padding: 0 0.2rem; width: 100%; height: 1.4rem; }
.prconts .pics ul li .txt h4{font-size: 0.2rem;color: #333;font-weight: 700;float: left;text-overflow: ellipsis;overflow: hidden;
 white-space: nowrap;text-align: center; margin: auto;line-height: 0.5rem; width: 100%;}
 .pics ul li .txt p{ font-size: 0.12rem; line-height: 0.2rem;}
.prconts .pics ul li .photo{display: flex; justify-content: center; align-items: center;}
.prconts .pics ul li .photo img{top: 0;left: 0;width: 100%;height:100%; object-fit: contain }
.prconts .pics ul li .txt .txt-more{ width: 100%; text-align:center;color: #000; font-size: 0.14rem; line-height: 0.3rem;display: block}

.prconts .pro-pics ul li{ width: 32%; margin-right: 1%; float: left}
.prconts .pro-pics ul li:nth-child(3n){ margin-right: 0px;}
.prconts .pro-pics ul li:nth-child(4n){ margin-right: 1%;}
.prconts .pro-pics ul li .photo{border:1px solid #dfdfdf;height:3rem;overflow: hidden;position: relative;}


/* 产品 */
.inside-product-title p{ font-size: 0.2rem;}
.inside-container-product{ margin-top: 0.64rem; width:100%;display: inline-block;}
.inside-container-product ul li{width: 31.8%; margin-right: 2.2%; height: 5.5rem; float: left; position: relative; border: 1px solid #666; margin-bottom: 0.4rem; overflow: hidden;}
.inside-container-product ul li:nth-child(3n){ margin-right: 0px;}
.inside-container-product ul li .inside-img-product{ width: 100%; height: 3.8rem; overflow: hidden;-webkit-transition: all 2s;transition: all 2s; }
.inside-container-product ul li .inside-img-product img{ width: 100%; height: 100%; object-fit: cover; }
.inside-container-product ul li p{ font-size: 0.3rem; text-align: center; font-weight: bold;padding: 0.37rem 0rem; box-sizing: border-box; height: 1.6rem;}
.inside-container-product ul li p i{ font-size: 0.14rem;text-transform:uppercase; margin-top: 0.1rem; display: block; }
.inside-container-product ul li .inside-two-product{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; padding: 0.38rem; box-sizing: border-box; background: rgba(38, 67, 137, .8); color: #fff; display: none;}
.inside-two-product .two-title{ font-size: 0.24rem; margin: 0.82rem 0rem;}
.inside-two-product span{ font-size: 0.16rem; line-height: 0.3rem;}
.inside-two-product .two-moer{ text-transform:uppercase;  font-size: 0.14rem; height: 0.3rem; line-height: 0.3rem; margin-top: 40%;}
.inside-two-product .two-moer b{ font-size: 0.24rem; margin-left: 5%;}
.inside-container-product ul li:hover p{ display: none;}
.inside-container-product ul li:hover .inside-img-product{ height: 100%;}
.inside-container-product ul li:hover .inside-two-product{ display: block;}
.inside-container-product ul li .inside-two-product span{ display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* 这里的3表示最多显示3行 */
 overflow: hidden;
 text-overflow: ellipsis;}
/**/
.fazhanBox{ height:auto; overflow:hidden; padding:0.6rem 0; background:#eeeff3}
.fazhanBox .en{ font-size:0.5rem; color:#000; text-align:center;text-transform:uppercase; }
.fazhanBox .cn{ font-size:0.35rem; color:#000; text-align:center; line-height:0.5rem; font-weight: bold}
.fazhanBox .cn span{ font-size:0.2rem;}
.honorabout-list{ width: 100%; display: inline-block; overflow: hidden; position: relative; margin-top: 0.3rem;}
.honorabout-list ul li{ width: 24%; margin-right: 1.2%;height:3.8rem; float: left; overflow: hidden; flex-shrink: 0;}
.honorabout-list ul li .honor-img{ width:97%;border: 4px solid #f07209; height: 97%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honorabout-list ul li .honor-img a{ width: 100%; height: 100%; display: flex}
.honorabout-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honorabout-list ul li:nth-child(4n){ margin-right: 0px}
.honor-moer a{ display: block; margin:40px auto; width:180px; height:55px; line-height:55px; text-align: center; color: #fff; background: #f07209;
 border-radius: 10px; font-size:18px;  }
.show-cont img{ width: auto; max-width: 100%; height: auto}
.show-cont{ font-size: 0.16rem; line-height: 0.3rem}
.show-cont p{ font-size: 0.16rem; line-height: 0.3rem}
.c-i-s3 {padding: 4% 0;background: #f4f4f5;}
.ihec-sh{position: relative;}
.ihec-sh .swiper-container{ height: 8.5rem; margin-top: 0.3rem}
.ihec-sh .swiper-slide{ width: 4.95rem; height: 4rem;}
.ihec-sh .swiper-button-next:after, .ihec-sh .swiper-button-prev:after{ display: none;}
.ihec-sh .swiper-button-prev,.ihec-sh .swiper-button-next{ outline: none;}
.ihec-sh .swiper-container .swiper-wrapper{ width: 100% !important;}
.ish-lun a .i{height: 20vw;max-height: 3.3rem;}
.ish-lun a .t{padding: 4% 10px;background: #fff;text-align: center;font-size: 0.22rem;color: #666; background: #dfdfdf;}
.fitobj {object-fit: cover;height: 100% !important;width: 100% !important;}
.ihe-lun-p{width: 50px;height: 45px;background-color: #f07209;transform:skew(-12deg);
 -ms-transform:skew(-12deg);-moz-transform:skew(-12deg);-webkit-transform:skew(-12deg);-o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;transform:skew(12deg);-ms-transform:skew(12deg);-moz-transform:skew(12deg);-webkit-transform:skew(12deg);-o-transform:skew(18deg);
 background-repeat: no-repeat;background-size: auto !important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #f07209}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}
/*show*/
.inside-show{ margin-top: 54px;}
.left-show{ width:100%;}
.left-show p{ font-size: 0.16rem;line-height: 0.35rem;}
.left-show h6{ font-size: 0.26rem;text-align: center;line-height: 0.5rem;}
.left-show .xiaoboao{ font-size: 0.16rem;color: #666;text-align: center; width: 100%;display: block;line-height:0.3rem;}
.left-show .xiaoboao a{ color: #666;}
.show-cont{ line-height:0.36rem;}
.show-cont>div{ line-height: 0.36rem;}
.show-cont p{ line-height: 0.36rem;}
.show-cont span{ line-height:0.36rem;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height:0.4rem;}
.page_turn { margin-top:0.5rem;margin-bottom:0.3rem;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.xianguan{ font-size:0.24rem;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
.xianguan i{ width: 0.11rem; height:0.11rem;display: block;background: #fff;border-radius: 50%;border: 3px solid #f07209; float: left;margin-right:0.15rem;margin-top:0.1rem;}
.xianguan span{ font-weight: 200;font-size:0.16rem;float: right; text-transform:uppercase;  }
.rel-news{ margin-bottom:0.4rem;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size:0.16rem; line-height:0.5rem; margin-right: 4%; border-bottom: 1px dashed #999;}
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 80%; float: left; overflow: hidden; height: 0.5rem}
.rel-news ul li span a{ font-size: 0.16rem}
.rel-news ul li i{ float: right; font-size:0.16rem; font-style: inherit;}
.relevant { width: 100%;display: inline-block;}
.rel-pic{ position: relative; width: 100%;display: inline-block; margin-bottom: 0.5rem}
.rec{ width: 100%;overflow: hidden;margin-top: 0.3rem;}
.rec-img{ flex-shrink: 0;/* border: 2px solid #e7e7e7; */margin-right:0.3rem;}
.rec-img .rel-img{ width: 100%;height: 3.35rem;overflow: hidden;}
.rec-img .rel-img img {width: 100%;height:100%; object-fit:cover;}
.rec-img span{ width: 100%;height: 0.5rem;font-size:0.18rem;text-align: center;line-height:0.5rem;display: block;background: #e7e7e7;}
.rec .swiper-button-next, .rec .swiper-button-prev{ width:0.52rem;height:0.52rem;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size:0.3rem;color: #fff;}
.rec .swiper-button-prev{ left: -2%;}
.rec .swiper-button-next{ right: -2%;}
.show-cont h5{ font-size: 0.26rem; font-weight: bold}

.zilanmu-pic a{ font-size: 0.16rem; width: 18%;background: #f9f9f9}

@media screen and (max-width:1840px) {
    .title_news{ font-size: 0.18rem}
}

@media screen and (max-width:1680px){

 .service-tit .text1{ font-size: 0.3rem}
}