body{font-size: 16px;} 

header{ width: 100%; height: 100px;  background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.w80{ width: 78%; margin: 0 auto;}

.w90{ width: 90%; margin: 0 auto;}



.banImg{ width: 100%; height:100vh; object-fit: cover;}

.banner .pagination{ position: absolute; bottom: 5%; left: 47%; z-index: 10; }

.banner .pagination .prev,.banner .pagination .next{ width:60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.banner .pagination .prev:hover,.banner .pagination .next:hover{ background-color: #e62129;}

.banner .pagination .prev:hover .iconfont,.banner .pagination .next:hover .iconfont{ color: #fff;}

.banTxt{ position: absolute; top: 0; left: 0; z-index: 15; padding-top: 170px;}

.banTxt .desc{ letter-spacing: 5px;}

 



 

nav{ width: 52.5vw;}

nav .oneNav{ font-size: 18px; line-height: 100px; display: block;}

nav .on .oneNav{ color: #e62129;}

nav li:hover   .oneNav{ color: #e62129;  }



.proNavTwo { position: absolute; top: 100px; left: 0; width: 100vw; transition: all .5s; opacity: 0; transform: scaleY(0); transform-origin: 0 0 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.proNavTwo li{ width: 20.5%; margin-right: 6%;  }

.proNavTwo li:nth-child(4n){ margin-right: 0;}





.proNavTwo li .tit a{ display: inline-block; color: #e62129;}

.proNavTwo li .tit a::after{ width: 100%; height: 1px; display: block; content: ''; background-color: #e62129; position: absolute; left: 0; bottom: 0; transition: all .36s;}

.proNavTwo li .tit:hover a::after{ width: 120%;}

.proNavTwo li a{ display: block; transition: all .36s; color: #777;}

.proNavTwo li a:hover{ font-weight: bold; color: #333;}

.proNavTwo li .tit:hover a{ color: #e62129; font-weight: bold;}

nav li:nth-child(3):hover .proNavTwo{   opacity: 1;transform: scaleY(1); }



.logo{ width: 11.2vw;}

 

.h_nav{ height: 60px; width: 60px; background-color:#e62129; padding: 18px 8px ;    align-items: flex-end; display: none;}

.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }

.h_nav .burger:first-child{ animation: long 2s linear infinite;  }

.h_nav .burger:nth-of-type(2){  width: 50%;}

.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }

.h_nav.close .burger:first-child{ display: none;}

.h_nav.close .burger:nth-of-type(3){ display: none;}

.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}

.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }

.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }





.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; overflow-y: scroll; 
     transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; 
     -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);
      -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }

      .nav{  overflow-y: scroll;  }
      .nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
      .nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #e62129; width: 2px; }
      .nav::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #f5f5f5; width: 2px; }

.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }

.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}

.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}



.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;

 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}

 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}

.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }



.wap-nav{ display: none;}

.waphebtn{ width: 60px; height: 60px;}

.waphebtn+.waphebtn::after{ width: 1px; height: 20px; background-color: #e5e5e5; position: absolute; left: 0; top: 20px; display: block; content: ''; }
.flex-between li{ position:relative}
.flex-between li dl{text-align: center;min-width: 100%; width:150px;top:100px;left:35px; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);

    box-shadow:0 13px 42px 11px rgba(0,0,0,.15);

    border-bottom-left-radius:5px;border-bottom-right-radius:5px; display:none; position:absolute

 }
.flex-between li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}

.flex-between li dl dd:last-child{border-bottom:0}

.flex-between li dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }

.flex-between li dl dd:hover{background:#e62129}

.flex-between li dl dd:hover a{color:#fff!important;}

.flex-between li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}

.flex-between li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

.flex-between li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); display:block }
.GlobalBtn{ height: 100px}

.GlobalBtn dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:115px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);

    box-shadow:0 13px 42px 11px rgba(0,0,0,.15);

    border-bottom-left-radius:5px;border-bottom-right-radius:5px;

 }

 .GlobalBtn  dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}

 .GlobalBtn  dl dd:last-child{border-bottom:0}

 .GlobalBtn  dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }

 .GlobalBtn  dl dd:hover{background:#e62129}

 .GlobalBtn  dl dd:hover a{color:#fff!important;}

 .GlobalBtn  dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}

 .GlobalBtn dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

 .GlobalBtn:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }

 



.idxAbout:hover .idxaboutbg{left: -100%;} 

.idxAbout:hover, .idxAbout:hover .color-666,.idxAbout:hover .color-888, .idxAbout:hover .color-black { color: #fff;} 

.idxAbout:hover .aboutit,.idxAbout:hover .line{filter: grayscale(100%) brightness(500%);}

.idxAbout { height: 850px;}

.idxAbout .video{width: 100%;height: 100%;position: relative;}

.videoImg{ width: 100%; height: 100%; object-fit: cover;}

.idxaboutbg{width: 100%;position: absolute;height: calc(100% + 2px);top: -1px;left: -1px;transition: all 1.56s;z-index: 6;}

.idxaboutbg img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;width: 100%;min-width: 100%;min-height: 100%}

.idxAbout  .con{position: absolute;width: 60%;height: 100%;top: 0;left: 0;z-index: 10; padding-left: 7vw;}

.aboutit{ margin-bottom: -50px;width: 38vw; opacity: .3;} 

.idxAbout .paly{

	width: 100px;

	cursor: pointer;

	background: #fff;

	border-radius: 50%;

	height: 100px;

	position: absolute;

	right: 7vw;

	top: 50%;

	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);

	animation: ripple-wave1 1s linear infinite;

	animation-play-state: running;

	opacity: 1;

	visibility: visible;

	transform:translateY(-50%) scale(1);

	-webkit-animation: ripple-wave1 1s linear infinite;

	transform: scale(0.8);

	-webkit-transform:translateY(-50%) scale(1);

	-moz-transform:translateY(-50%) scale(1);

	-ms-transform:translateY(-50%) scale(1);

	-o-transform:translateY(-50%) scale(1);

}



.numUl i{ position: absolute; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;  background-color: #e62129; color: #fff; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.color{ color: #e62129;}



.idxPro{ background:   #f5f5f5;  }

.idxproList li{ width: 31.5%; margin-right: 2.75%;  }

.idxproList li:nth-child(3n){ margin-right: 0;}

.idxproList li .img{ width: 100%;  height: 360px; }

.idxproList li .img a{ width: 100%; height: 100%;}

.idxproList li .img img{ max-width: 90%; max-height: 90%; object-fit: cover;}

.idxproList li .txt{ padding-top: 0;}

.idxproList li .btn a{ width:150px ; height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; }

.ljgd{ background-color: #e62129; color: #fff;  border-color: #e62129;}

 

.idxproList li:hover{ box-shadow: 0 0 0 10px #e62129; color: #e62129; transform: scale(0.95)  ; -webkit-transform: scale(0.95)  ; -moz-transform: scale(0.95)  ; -ms-transform: scale(0.95)  ; -o-transform: scale(0.95)  ; }

.ljgd:hover,.ljzx:hover{ background-color: #e62129; color: #fff; transform: translateY(-8px);}



.idxNewsItem .more{ width: 225px; height: 65px;}

.idxNewsItem .desc{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}

.idxNewsItem img{ width: 100%; height:270px ; object-fit: cover; position: relative; z-index: 2; transform: translateY(-100%);}

.idxNewsItem .more{ position: absolute; z-index: 3; bottom: 0; left: 0;}

.idxNewsItem .more::before{ width: 100%;  height: 0; background-color: #e62129; transition: all .36s; display: block; content: ''; top: 0; left: 0;  position: absolute;}

.idxNewsItem .more i{ z-index: 5;}

.idxNewsItem:hover img{ transform: translateY(0);}

.idxNewsItem:hover .more{ background-color: #e62129; color: #fff; border-color: #e62129;}

.idxNewsItem:hover .more::before{ height: 100%;}

.idxNewsItem:hover .time{ color: #e62129;}



.caselist  .idxNewsItem img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.caselist  .idxNewsItem .more{ background-color: #e62129; color: #fff; border-color: #e62129;}

.caselist  .idxNewsItem .more::before{ height: 100%;}

.caselist .idxNewsItem:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

 

@media screen and (min-width:750px) {

.idxNewsItem.swiper-slide-active img{ transform: translateY(0);}

.idxNewsItem.swiper-slide-active .more{ background-color: #e62129; color: #fff; border-color: #e62129;}

.idxNewsItem.swiper-slide-active .more::before{ height: 100%;}

.idxNewsItem.swiper-slide-active  .time{ color: #e62129;}

}

/* cursor: url(../images/mouse.svg) ,default; */

#kefuSwiper{ height:450px ; } 

.idxKehu{ background: /*url(../images/bg1.jpg) no-repeat center center*/ #f9f9f9; background-size: cover;}

#kefuSwiper .swiper-slide{height:450px ; }

.picList{ width: 100%; height:450px ; } 

.picList li{ width:calc((100% - 180px)/7); margin-right: 30px; height: 120px; margin-bottom: 30px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.picList li img{max-width: 95%; max-height: 95%;}

.picList li:nth-child(7n){ margin-right: 0;}

.picList li:hover{ transform:scale(0.95) ; box-shadow: 0 0 10px rgba(8, 157, 91, .5); -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }



footer{ background-color: #1e1d1d; color: rgba(255, 255, 255, 0.5);}

footer a:hover{ color: #fff;} 

footer .border-bottom,footer .border{ border-color:   rgba(255, 255, 255, 0.15);}

footer .top a{ margin-right: 15px;}

footer .center .yuan{ width: 50px; height: 50px;}

footer .center dt{ margin-bottom: 10px;}

footer .center  dd{ line-height: 2.4;}

.footpronav{ width: 280px;}

.footpronav dd{ width: 50%;}

.ewmUl img{  width: 130px;}



/* .neiBan{ margin-top: 60px;} */

.neiBan .txt{  position: absolute; left: 10%; top: 0; }

.location{ position: absolute; left: 10%; bottom: 0; height: 100px;}

.neiNav{ box-shadow: 0 0 10px rgba(0,0,0,.15);}

.neiNav a{ display: inline-block; line-height: 100px; margin-right: 70px;}

.neiNav a:hover{ color: #e62129; font-weight: bold;}

.neiNav a.on{ color: #fff; background-color: #e62129; padding: 0 25px;}

.neiNav a.on:hover{ font-weight: bold; color: #fff;}

.introduction .left{ width: 29%;}

.introduction .right{ width: 71%;}



.culture .top{ background: url(../images/cultureBg.jpg) no-repeat center center; background-size: cover;background-attachment: fixed; position: relative;}

.culture .top li{ height: 660px;   border-right: 1px solid rgba(255, 255, 255, 0.2); width: calc(100% / 3);perspective: 200px;}

.culture .top .line{ width: 30px; height: 4px;}

.culture .top li:last-child{ border-right: none;}

.culture .top li div{ position: relative; z-index: 5;}

.culture .top li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.culture .top li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }

.culture .top li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }



.culture .bot li{ height: 400px;   border-right: 1px solid rgba(0, 0, 0, 0.05); width: calc(100% / 3); }

.cultureIcon{ height: 100px;}



.Honors { background: url(../images/HonorsBg.jpg) no-repeat center center; background-size: cover;}





#honorSwiper{  }

#honorSwiper .swiper-slide{ opacity: 0.6;}

#honorSwiper .swiper-slide .img{ width: 100%; height:500px; display: flex; align-items: center; justify-content: center; cursor: pointer !important;}

#honorSwiper .swiper-slide img{ border: 6px solid #f5f5f5;}

#honorSwiper .swiper-slide.swiper-slide-active{ opacity: 1;}

#honorSwiper .swiper-slide .f20{   opacity: 0;}

#honorSwiper .swiper-slide.swiper-slide-active .f20{  opacity: 1;}



.honorBtnbox{ position: absolute; bottom: 0;  width: 40%; left:30%; z-index: 10;}

.honorBtn{ cursor: pointer; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e62129; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.honorBtn:hover{ background-color: #e62129; }

.honorBtn:hover .color-blue{color: #fff;}

.kefu .picList{ padding: 10px;}

.kefu .picList li{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.equipment{ background: url(../images/equipmentBg.jpg) no-repeat center center; background-size: cover;}



#equipmentSwiper .swiper-slide .txt{ height: 80px; line-height: 80px;}

#equipmentSwiper .swiper-slide:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.equipment .prev,.equipment .next{ width: 50px; height: 50px; border-color: #e62129;  position: absolute; top: 50%; margin-top: -25px; z-index: 10; } 

.equipment .prev{ left: -80px;}

.equipment .next{ right: -80px;}

.equipment .prev:hover,.equipment .next:hover{ background-color: #e62129; color: #fff;}

#customSwiper{ height: 400px;}

#customSwiper .swiper-slide{ height: calc((100% - 80px) / 3); transition: all .36s; padding: 5px; 

	 -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

#customSwiper .swiper-slide .img{ width: 100%; background-color: #fff; height: 100%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */

#customSwiper .swiper-slide .img img{ max-width: 90%; max-height: 90%;}



#customSwiper .swiper-slide .img:hover{ box-shadow: 0 0 15px rgba(0,0,0, .1); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }

.kefu #customSwiper .swiper-slide .img{ box-shadow: 0  0  10px rgba(0,0,0, .1);}

.kefu #customSwiper .swiper-slide:hover .img{box-shadow: 0   0 10px rgba(0,0,0, .2); transform: scale(.95);}

.proBanImg{ position: absolute; right: 10%; top: 50%; max-height: calc(100% - 70px); transform: translateY(-50%) ; margin-top: 60px; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }



.proNav{display: grid; grid-gap: 30px 20px ; grid-template-columns: repeat(7,1fr);}

.proNav a{ height: 58px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.proNav a.on,.proNav a:hover{ background-color: #e62129; color: #fff; box-shadow: 0 0 10px rgba(8, 157, 91, .5);}

.proNav a.on img,.proNav a:hover img{filter: grayscale(100%) brightness(500%);}

/* .proNav a{ width: 13.2%; margin-bottom: 25px;} */



.proTxt .desc:after{ width: 8%; height: 4px; background-color: #e62129; content: ''; display: block; content: ''; left: 0; bottom: -2px; position: absolute;}

.proTxt .info{ height:16em;}

.proTxt .btn a{ width: 25%; height: 60px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.proTxt .btn a:first-child{ width:40% ;}

.proTxt .btn a:hover{ background-color: #e62129; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.proImgBox{ height: 680px;  }

#proInfoSwiper{ width: 100%; height: 100%;}

#proInfoSwiper .swiper-slide img{ max-width: 100%; max-height: 100%; }

.proImgBox .prev,.proImgBox .next{ width: 66px; height: 66px; position: absolute; top: 50%; margin-top: -33px; z-index: 10;}

.proImgBox .prev{ left: 15px;}

.proImgBox .next{ right: 15px;}

.proImgBox .prev:hover,.proImgBox .next:hover{ background-color: #e62129; color: #fff;}



.proTWO li{ width: 25%; }

.proTWO li::after{ width: 1px; height: 30%; position: absolute; right: 0; top: 35%; background-color: #ededed; display: block; content: '';}

 

.proThere .title::after{ width:5%; left: 47%; height: 4px; position: absolute;  bottom: -2px; background-color: #e62129; display: block; content: '';}

.proFive .title::after{ width:5%; left: 47%; height: 4px; position: absolute;  bottom: -2px; background-color: #e62129; display: block; content: '';}

.yamleft{ width: 60%;}

.yamImg{  position: absolute; right: 1px; top:10%; 

    height: 80%; cursor: pointer;  z-index: 10;

    width: auto;}

.proSix .submit{ width: 35%; border-radius: 35px;  -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }



.proSix .line{ width: 5%; height: 4px;}



.caselist li{  width: 18%; margin-right:2.3% ; }

.caselist li:nth-child(5n){   margin-right:0 ; }

.caselist li  .img img{ width: 100%; height:auto;}

.caselist li .txt span{ padding: 5px 0; display: inline-block;}

.caselist li .txt span::after{ width: 100%; height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0; background-color: #e62129; transition: all .36s; transform:scale(0,0) ; -webkit-transform:scale(0,0) ; -moz-transform:scale(0,0) ; -ms-transform:scale(0,0) ; -o-transform:scale(0,0) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 

.caselist li:hover span::after{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }

.caselist li:hover .txt span{ padding: 5px 25px; color: #fff; }

.caselist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.caselist li:hover{ color: #e62129; box-shadow: 0 0 10px rgba(8, 157, 91, .15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }



.zahnwei{ padding-top: 100px; margin-top: -100px;}



.newswiper .swiper-container{ box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.newswiper .swiper-slide{ border-radius: 30px;}

 

.newswiper .swiper-slide .img img{  width: 100%; height: 570px; object-fit: cover;}

.newswiper .swiper-slide .txt .line{ width: 0; margin-right: 10px; height: 2px; background-color: #e62129; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.newswiper .swiper-slide:hover .line{ width: 50px;}

.newswiper .swiper-slide:hover { color: #e62129;}

.newswiper .swiper-slide .tit span{

     /*text-decoration: underline;

     */background-image: linear-gradient(currentColor 0, currentColor 0);

     background-image: linear-gradient(currentColor 0 0);

     background-position: 0 calc(100% - 1px);

     background-size: 0 1px;

     background-repeat: no-repeat;

     transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;

     -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;

     -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;

     -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;

     -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;

   }

    



   

.newswiper .swiper-slide:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}

.newswiper .next,.newswiper .prev{ width: 76px; height: 76px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);

z-index: 10;}

.newswiper .next{ right: -100px;}

.newswiper .prev{ left: -100px;}

.newswiper .next:hover,.newswiper .prev:hover{ color: #fff; background-color: #e62129;}



.newslist li{  width: 28.1%; margin-right: 7.85%; margin-bottom: 70px;}

.newslist li:nth-child(3n){ margin-right: 0;}







.newsLeft{ width: 68%;}

.newsLeft img{ margin: 5px auto;}

.newsRight{ width:  26%;}

.newsRight .title{ border-left: 3px solid #e62129;}

.morenuewsUl li .img img{ width: 185px; height: 115px; object-fit: cover;}

.morenuewsUl li .txt{ width: calc(100% - 210px);}

.morenuewsUl li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.morenuewsUl li:hover { color: #e62129;}



.proClassright .yuan{ width: 60px; height: 60px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.proClassright .yuan img{ max-width: 80%; max-height: 80%;}

.newsPage{  border-top: 3px solid #f1f1f1; }

.newsPage a{ width: 40%;}

.proClassright a{ width: 100%;   background-color: #fff;  }

.proClassright a:hover{ color: #e62129;}

.proClassright a:hover .yuan{ background-color: #e62129;}

.proClassright a:hover .yuan img{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }



.proFive  table tbody tr:hover {

    

    background-color: #c7c7c7;

     

}

.proFive  table tbody tr:hover td{ background-color: #c7c7c7;}



.technicalist li{ position: relative;}

.technicalist li .txt{ width: 54%;}

.technicalist li .img{ width: 42%;}

.technicalist li +li{ margin-top: 60px;}

.technicalist li .img img{ width: 100%; height: 390px; object-fit: cover;} 

.technicalist li:hover{ color: #e62129;}

.technicalist li::after{ width: 0; height: 2px; background-color: #e62129; position: absolute; bottom: 0; left: 0; transition: all .6s; display: block; content: ''; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }

.technicalist li:hover::after{ width: 100%;}

.technicalist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.technicalist li .more{ display: inline-block; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.technicalist li:hover .more{ padding: 8px 25px; background-color: #e62129; color: #fff;}



.map{ width: 100%; height: 620px;}



 

.serachTop .input {

	width: 85%;

	height: 76px;

	 

	padding-left: 70px;

	background: url(../images/searchbg.png) no-repeat left 20px center #f7f8f9;

 

}



.serachBox{ margin-top: 100px;}

.serachTop .submit {

	width: 15.6%;

	height: 76px; 

	color: #fff;

} 

.searchList li::after {

  position: absolute;

  content: '';

  left: 0;

 

  bottom: 0;

  height: 1px;

  background: #e62129;

  transition: all 0.5s;

  width: 0;

} 

.searchList li:hover{ color: #e62129; }

.searchList li:hover::after{ width: 100%;}



      



.side_bar {

  background-color: rgb(255 255 255/ 0.95);border-radius: 5px;box-shadow: 0 0  10px 0 rgba(0, 0, 0, .15);position: fixed;right: 10px;top: 50%;width: 70px;z-index: 100

}

.side_bar>ul>li {height: 70px;border-bottom: 1px solid #e5e5e5;}

.side_bar>ul>li a span {font-size: 12px;line-height: 2}

  .messageJump  { animation: messageJump .5s linear infinite; -webkit-animation: messageJump .5s linear infinite; }



.side_bar>ul>li.side_bar_phone {position: relative}



.side_bar>ul>li.side_bar_phone .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_phone .box {

        display: none !important

    }

}



.side_bar>ul>li.side_bar_phone .box:after {

    border: 10px dashed transparent;

    border-left: 10px solid #fff;

    border-right: none;

    content: "";

    cursor: pointer;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

    -webkit-transform: translateX(-1px);

    -ms-transform: translateX(-1px);

    transform: translateX(-1px);

    width: 0

}



.side_bar>ul>li.side_bar_phone .box_inner {

    background-color: rgb(255 255 255/ 1);

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    font-family: Manrope;

    font-weight: 700;

    padding: 15px

}



.side_bar>ul>li.side_bar_phone .box_inner,

.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -webkit-box-align: center;

    -ms-flex-align: center;

    --tw-bg-opacity: 1;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -ms-flex-negative: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    background-color: rgb(243 245 247/ 1);

    border-radius: 9999px;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    height:42px;

    -webkit-justify-content: center;

    justify-content: center;

    margin-right: 10px;

    width:42px

}



.side_bar>ul>li.side_bar_phone .box_inner .icon svg {

    

    color: rgb(170 169 175/ 1);

    height: 40%;

    width: 40%

}



.side_bar>ul>li.side_bar_phone .box_inner p {

    white-space: nowrap

}



.side_bar>ul>li.side_bar_phone .box_inner p span {

    

    color: rgb(255 0 0/ 1);

    display: block;

    font-size: var(--20px)

}



.side_bar>ul>li.side_bar_phone .box_inner p em {

    

    color: rgb(148 148 148/ 1);

    font-size: 14px;

    font-style: normal

}



.side_bar>ul>li.side_bar_phone:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



.side_bar>ul>li.side_bar_wechat {

    position: relative

}



.side_bar>ul>li.side_bar_wechat .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    width: 120px;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        bottom: 54px;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        justify-content: center;

        left: 50%;

        top: auto;

        -webkit-transform: translate(-50%);

        -ms-transform: translate(-50%);

        transform: translate(-50%)

    }

}



.side_bar>ul>li.side_bar_wechat .box:after {

    content: ""

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-bottom: none;

        border-top: 10px solid #fff;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateY(-1px);

        -ms-transform: translateY(-1px);

        transform: translateY(-1px);

        width: 0

    }

}



@media (min-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-left: 10px solid #fff;

        border-right: none;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateX(-1px);

        -ms-transform: translateX(-1px);

        transform: translateX(-1px);

        width: 0

    }

}



.side_bar>ul>li.side_bar_wechat .box p {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    padding: 5px

}



.side_bar>ul>li.side_bar_wechat .box p span {

    display: block;

    font-size: 12px;

    text-align: center;

    white-space: nowrap

}



.side_bar>ul>li.side_bar_wechat:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



@media (min-width:968px) {

    .side_bar>ul>li.side_bar_backtotop {

        display: none

    }

}

 



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

        .side_bar{ width: 60px; right: 0;}

		.side_bar>ul>li{ height: 60px;}

        .side_bar>ul>li a{ height: 60px; }

    }

    

	

@keyframes  messageJump {

	0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    25% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }



    50% {

        -webkit-transform: translateY(5px) scale(1.1, .9);

        transform: translateY(5px) scale(1.1, .9)

    }



    75% {

        ransform: translateY(-5px)

    }



    to {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

.container{width:1500px;margin:0 auto;}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
#px_banner{width:100%;padding-bottom:605px;position:relative;z-index:9;}
#px_banner.px_ban1{padding-bottom:450px;}
#px_banner.px_ban2{padding-bottom:700px;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
#px_banner .crumbs{position:absolute;left:0;bottom:27px;width:100%;text-align:right;}
#px_banner .crumbs .xq_crumbs{background:url(../images/pos_icon.png) no-repeat left 5px;line-height:24px;padding-left:20px;color:#FFF;display:inline-block;}
#px_banner .crumbs .xq_crumbs a{color:#FFF;}
.pb_title{text-align:center;position:relative;}
.pb_title.tl{text-align:left;}
.pb_title .h_t{margin:0;font-size:48px;color:#2b2a2a;height:58px;line-height:58px;position:relative;font-weight:bold;}
.pb_title p{font-size:16px;color:#848484;line-height:24px;height:24px;margin-top:10px;}
.yy_title{padding:34px 0 43px;}
.yingyong{position:relative;overflow:hidden;}
.yingyong .yy_img{width:100%;padding-bottom:700px;position:relative;}
.yingyong .yy_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.yingyong .yy_txt .container{position:relative;height:100%;}
.yingyong .yy_txt .yy_pp{width:720px;position:absolute;left:0;bottom:52px;}
.yingyong .yy_txt .yy_pp p{font-size:18px;line-height:30px;margin-top:10px;color:#FFF;}
.yingyong .yy_txt .yy_pp p:first-child{font-size:30px;height:40px;line-height:40px;margin-top:0;}
.yingyong .yy_txt .yy_pp a{display:block;width:172px;height:39px;line-height:39px;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);padding-left:22px;background:url(../images/yy_biocn.png) no-repeat right 52px center;font-size:15px;color:#FFF;margin-top:15px;}
.yingyong .yy_btn{position:absolute;top:0;right:calc(50% - 750px);background:rgba(0,0,0,.6);height:100%;width:398px;z-index:2;}
.yingyong .yy_btn .swiper-pagination{width:100%;}
.yingyong .yy_btn .swiper-pagination-bullet{width:100%;height:auto;display:block;border-radius:0;opacity:1;background:none;}
.yingyong .yy_btn .yy_span{width:100%;height:175px;border-bottom:1px solid rgba(255,255,255,.1);background-repeat:no-repeat;background-position:67px center;font-size:24px;color:#FFF;line-height:175px;padding-left:190px;text-align:left;}
.yingyong .yy_btn .yy_span.icon146{background-image:url(../images/yy_icon1.png);}
.yingyong .yy_btn .yy_span.icon145{background-image:url(../images/yy_icon2.png);}
.yingyong .yy_btn .yy_span.icon144{background-image:url(../images/yy_icon3.png);}
.yingyong .yy_btn .yy_span.icon143{background-image:url(../images/yy_icon4.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span{background-color:#FFF;color:#e30713;}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon146{background-image:url(../images/yy_icon1_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon145{background-image:url(../images/yy_icon2_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon144{background-image:url(../images/yy_icon3_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon143{background-image:url(../images/yy_icon4_hover.png);}

/*yy_list*/
.yy_list{padding:37px 0 57px;}
.yy_list .yyl_ul{padding-top:10px;}
.yy_list .yyl_ul a{display:block;width:48%;float:left;margin-left:4%;margin-top:30px;}
.yy_list .yyl_ul a:nth-child(odd){margin-left:0;}
.yy_list .yyl_ul a .yyl_img{width:100%;padding-bottom:45%;position:relative;}
.yy_list .yyl_ul a .yyl_img img{border:1px solid #F8F8F8;border-bottom:none;}
.yy_list .yyl_ul a .yyl_txt{padding:25px 20px 20px;background:#F5F5F5;}
.yy_list .yyl_ul a .yyl_txt p{font-size:15px;line-height:26px;color:#666;}
.yy_list .yyl_ul a .yyl_txt p:first-child{font-size:20px;height:30px;line-height:30px;font-weight:bold;color:#222;position:relative;padding-left:20px;}
.yy_list .yyl_ul a .yyl_txt p:last-child{margin-top:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.yy_list .yyl_ul a .yyl_txt p:first-child:before{content:'';width:8px;height:8px;border:2px solid #e30713;border-radius:50%;position:absolute;left:0;top:11px;}
/*yy_cow*/
.yyc_title{text-align:center;}
.yyc_title .y_p{margin:0;font-size:22px;height:32px;line-height:32px;color:#333;}
.yyc_title i{display:inline-block;width:24px;height:4px;margin-top:15px;background:#e60619;}
.yy_cow{padding:57px 80px 64px;box-shadow:0 0 20px rgba(0,0,0,.1);margin-top:-230px;background:#FFF;position:relative;z-index:12;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:50px;}
.yy_cow .yyc_p{}
.yy_cow .yyc_p p{font-size:16px;line-height:36px;color:#333;margin-top:14px;}
.yy_cow .yyc_p p:first-child{font-size:36px;height:46px;line-height:46px;color:#333;text-align:center;font-weight:bold;margin-top:0;}
.yy_cow .yyc_line{width:100%;height:1px;border-top:1px dashed #efefef;position:relative;margin:45px 0;}
.yy_cow .yyc_line:before{content:'';width:16px;height:16px;border:1px solid #eee;border-radius:50%;position:absolute;left:50%;margin-left:-8px;top:-8px;background:#FFF;}
.yy_cow .yyc_ul{padding-top:15px;}
.yy_cow .yyc_ul .yyc_li{width:calc(25% - 15px);float:left;margin-left:20px;position:relative;display:block;margin-top:20px;}
.yy_cow .yyc_ul .yyc_li:nth-child(4n+1){margin-left:0;}
.yy_cow .yyc_ul .yyc_li .yyc_img{width:100%;padding-bottom:75%;position:relative;}
.yy_cow .yyc_ul .yyc_li p{font-size:15px;line-height:40px;height:40px;background:#F5F5F5;text-align:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yy_cow .yyc_btn{width:240px;height:60px;background:#5b5b5b;margin:0 auto;margin-top:80px;}
.yy_cow .yyc_btn a{display:block;width:100%;height:100%;text-align:center;}
.yy_cow .yyc_btn a span{padding-left:42px;height:60px;line-height:60px;background:url(../images/yyc_bicon.png) no-repeat left center;font-size:18px;color:#FFF;display:inline-block;}

@media screen and (max-width:1546px){
	.container{width:1200px;}
	#px_banner{padding-bottom:465px;}
    #px_banner.px_ban1{padding-bottom:360px;}
    .px_txt .px_txt_p p:first-child{font-size:32px;height:32px;line-height:32px;}
    .px_txt .px_txt_p p:last-child{font-size:40px;height:50px;line-height:50px;margin-top:10px;}
	#px_banner.px_ban2{padding-bottom:560px;}
	.sub_nav a{height:52px;line-height:52px;font-size:14px;}
	.pb_title .h_t{font-size:40px;height:50px;line-height:50px;}
	.pb_title p{font-size:15px;height:24px;line-height:24px;margin-top:8px;}
	.yy_title{padding:30px 0 30px;}
    .yingyong .yy_img{padding-bottom:568px;}
    .yingyong .yy_txt .yy_pp{width:655px;bottom:36px;}
    .yingyong .yy_txt .yy_pp p{font-size:16px;line-height:26px;margin-top:8px;}
    .yingyong .yy_txt .yy_pp p:first-child{font-size:24px;height:36px;line-height:36px;}
    .yingyong .yy_txt .yy_pp a{height:34px;line-height:34px;margin-top:10px;}
    .yingyong .yy_btn{right: calc(50% - 600px);width:320px;}
    .yingyong .yy_btn .yy_span{height:142px;line-height:142px;font-size:20px;font-weight:bold;background-position:40px center;padding-left:120px;}
    .yingyong .yy_btn .yy_span.icon146{background-size:40px auto;}
    .yingyong .yy_btn .yy_span.icon145{background-size:40px auto;}
    .yingyong .yy_btn .yy_span.icon144{background-size:40px auto;}
    .yingyong .yy_btn .yy_span.icon143{background-size:50px auto;}
	.yy_list{padding:30px 0 36px;}
	.yy_list .yyl_ul{padding-top:0;}
	.yy_cow{padding:30px 50px 40px;margin-top:-180px;}
	.yy_cow .yyc_p p{font-size:15px;line-height:32px;margin-top:10px;}
	.yy_cow .yyc_p p:first-child{font-size:30px;height:40px;line-height:40px;margin-top:0;}
	.yy_cow .yyc_line{margin:30px 0;}
	.yy_cow .yyc_btn{margin-top:60px;}
}
@media screen and (max-width:1246px){
.container{width:994px;}
.pb_title .h_t{font-size:30px;height:40px;line-height:40px;}
.pb_title p{font-size:14px;height:22px;line-height:22px;margin-top:5px;}
.yy_title{padding:20px 0 20px;}
    .yingyong .yy_img{padding-bottom:448px;}
    .yingyong .yy_txt .yy_pp{width:570px;bottom:20px;}
    .yingyong .yy_txt .yy_pp p{font-size:14px;line-height:24px;margin-top:5px;}
    .yingyong .yy_txt .yy_pp p:first-child{font-size:20px;height:30px;line-height:30px;font-weight:bold;}
    .yingyong .yy_txt .yy_pp a{height:30px;line-height:30px;margin-top:10px;font-size:14px;width:120px;background-position:right 20px center;padding-left:15px;}
    .yingyong .yy_btn{right:calc(50% - 497px);width:240px;}
    .yingyong .yy_btn .yy_span{height:112px;line-height:112px;font-size:18px;font-weight:bold;background-position:30px center;padding-left:80px;}
    .yingyong .yy_btn .yy_span.icon146{background-size:32px auto;}
    .yingyong .yy_btn .yy_span.icon145{background-size:32px auto;}
    .yingyong .yy_btn .yy_span.icon144{background-size:32px auto;}
    .yingyong .yy_btn .yy_span.icon143{background-size:40px auto;}	
	.yy_list{padding:20px 0 20px;}
	.yy_list .yyl_ul a{margin-top:20px;}
	.yy_list .yyl_ul a .yyl_txt{padding:20px 15px 15px;}
	.yy_cow{padding:30px 40px 30px;margin-top:-150px;}
	.yy_cow .yyc_p p{font-size:14px;line-height:28px;}
	.yy_cow .yyc_p p:first-child{font-size:24px;height:32px;line-height:32px;}
	.yy_cow .yyc_line{margin:20px 0;}
	.yy_cow .yyc_ul{padding-top:0;}
	.yy_cow .yyc_ul .yyc_li{margin-top:15px;}
	.yy_cow .yyc_btn{margin-top:40px;}
	#px_banner{padding-bottom:37%;}
    #px_banner.px_ban1{padding-bottom:298px;}
    .px_txt .px_txt_p p:first-child{font-size:26px;height:26px;line-height:26px;}
    .px_txt .px_txt_p p:last-child{font-size:32px;height:40px;line-height:40px;margin-top:7px;}
	#px_banner.px_ban2{padding-bottom:44%;}
	.sub_nav a{font-size:14px;height:50px;line-height:50px;width:146px;}
	.sub_nav a:before{border-left-width:6px;border-right-width:6px;border-top-width:6px;bottom:-6px;margin-left:-6px;}
}
@media screen and (max-width:1023px){
	.container{width:738px;}
	.pb_title.tl{text-align:center;}
    .pb_title .h_t{font-size:20px;height:28px;line-height:28px;}
    .pb_title p{font-size:12px;height:auto;line-height:20px;margin-top:3px;}
	  .yy_title{padding:20px 0 10px;}
    .yingyong{padding-top:60px;}
    .yingyong .yy_img{padding-bottom:350px;}
    .yingyong .yy_txt .yy_pp{width:100%;bottom:20px;}
    .yingyong .yy_txt .yy_pp p{font-size:13px;line-height:22px;margin-top:5px;}
    .yingyong .yy_txt .yy_pp p:first-child{font-size:17px;height:25px;line-height:25px;}
    .yingyong .yy_btn{right:0;width:100%;height:60px;}
    .yingyong .yy_btn .swiper-pagination-bullet{width:25%;float:left;}
    .yingyong .yy_btn .yy_span{height:60px;line-height:60px;font-size:16px;background-position:20px center;padding-left:58px;border-right:1px solid rgba(255,255,255,.1);border-bottom:none;}
    .yingyong .yy_btn .yy_span.icon146{background-size:24px auto;}
    .yingyong .yy_btn .yy_span.icon145{background-size:24px auto;}
    .yingyong .yy_btn .yy_span.icon144{background-size:24px auto;}
    .yingyong .yy_btn .yy_span.icon143{background-size:30px auto;}
    .yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span{background-color:#e30713;color:#FFF;}
    .yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon1{background-image: url(../images/yy_icon1.png);}
    .yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon2{background-image: url(../images/yy_icon2.png);}
    .yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon3{background-image: url(../images/yy_icon3.png);}
    .yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon4{background-image: url(../images/yy_icon4.png);}
	.yyc_title i{margin-top:10px;}
	.yy_list .yyl_ul a{margin-top:15px;width:49%;margin-left:2%;}
	.yy_list .yyl_ul a .yyl_txt{padding:10px 10px 10px;}
	.yy_list .yyl_ul a .yyl_txt p:first-child{font-size:16px;height:24px;line-height:24px;}
	.yy_list .yyl_ul a .yyl_txt p:first-child:before{top:7px;width:6px;height:6px;}
	.yy_list .yyl_ul a .yyl_txt p:last-child{font-size:13px;line-height:22px;margin-top:8px;}
	.yy_cow{padding:20px 30px 20px;margin-top:-120px;}
	.yy_cow .yyc_p p:first-child{font-size:20px;height:30px;line-height:30px;}
	.yy_cow .yyc_ul .yyc_li{margin-top:10px;width:calc(25% - 9px);margin-left:12px;}
	.yy_cow .yyc_ul .yyc_li p{font-size:14px;height:32px;line-height:32px;}
	.yy_cow .yyc_btn{margin-top:20px;width:180px;height:50px;line-height:50px;}
	.yy_cow .yyc_btn a span{height:50px;line-height:50px;font-size:16px;background-size:auto 22px;padding-left:26px;}
	#floatBottom{display:block;}
	#px_banner .crumbs{bottom:8px;}
    #px_banner.px_ban1{padding-bottom:30%;}
    .px_txt .px_txt_p p:first-child{font-size:20px;height:20px;line-height:20px;}
    .px_txt .px_txt_p p:last-child{font-size:22px;height:30px;line-height:30px;margin-top:5px;}
}
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
	.yingyong .yy_img{padding-bottom:80%;}
    .yingyong .yy_img img{object-position:18% 0;}
    .yingyong .yy_txt:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;}
    .yingyong .yy_txt .yy_pp p{line-height:20px;}
	.yy_list .yyl_ul a{margin-top:10px;width:100%;margin-left:0;float:none;}
	.yy_cow{padding:20px 10px 15px;margin-top:-30px;}
	.yy_cow .yyc_p p{line-height:24px;}
	.yy_cow .yyc_p p:first-child{font-size:20px;height:30px;line-height:30px;}
	.yy_cow .yyc_ul .yyc_li{margin-top:10px;width:calc(25% - 9px);margin-left:12px;}
	.yy_cow .yyc_ul .yyc_li p{font-size:14px;height:32px;line-height:32px;}
	.yy_cow .yyc_btn{margin-top:20px;width:180px;height:50px;line-height:50px;}
	.yy_cow .yyc_btn a span{height:50px;line-height:50px;font-size:16px;background-size:auto 22px;padding-left:26px;}
	.yy_cow .yyc_ul .yyc_li{width:calc(50% - 5px);margin-left:10px;}
	.yy_cow .yyc_ul .yyc_li:nth-child(4n+1){margin-left:10px;}
	.yy_cow .yyc_ul .yyc_li:nth-child(odd){margin-left:0;}
}
@media screen and (max-width:667px){
.yingyong{padding-top:40px;}
    .yingyong .yy_btn{height:40px;}
    .yingyong .yy_btn .yy_span{height:40px;line-height:40px;font-size:14px;background-position:10px center;padding-left:40px;}
    .yingyong .yy_btn .yy_span.icon146{background-size:20px auto;}
    .yingyong .yy_btn .yy_span.icon145{background-size:20px auto;}
    .yingyong .yy_btn .yy_span.icon144{background-size:20px auto;}
    .yingyong .yy_btn .yy_span.icon143{background-size:26px auto;}	
}
@media screen and (max-width:499px){
.yingyong{padding-top:80px;}
    .yingyong .yy_btn{height:80px;}
    .yingyong .yy_btn .swiper-pagination-bullet{width:50%;}
    .yingyong .yy_btn .yy_span{border-bottom:1px solid rgba(255,255,255,.1);}	
	#px_banner.px_ban1{padding-bottom:43%;}
}
.caselist1  .idxNewsItem img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.caselist1  .idxNewsItem .more{ background-color: #089d5b; color: #fff; border-color: #089d5b;}

.caselist1  .idxNewsItem .more::before{ height: 100%;}

.caselist1 .idxNewsItem:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.caselist1 li{  width: 31.5%; margin-right:2.75% ; }

.caselist1 li:nth-child(3n){   margin-right:0 ; }

.caselist1 li  .img img{ width: 100%; height:auto; object-fit: cover;}

.caselist1 li .txt span{ padding: 5px 0; display: inline-block;}

.caselist1 li .txt span::after{ width: 100%; height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0; background-color: #089d5b; transition: all .36s; transform:scale(0,0) ; -webkit-transform:scale(0,0) ; -moz-transform:scale(0,0) ; -ms-transform:scale(0,0) ; -o-transform:scale(0,0) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 

.caselist1 li:hover span::after{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }

.caselist1 li:hover .txt span{ padding: 5px 25px; color: #fff; }

.caselist1 li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.caselist1 li:hover{ color:#F00; box-shadow: 0 0 10px rgba(8, 157, 91, .15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }