body{font-size: 16px;} 
.w70{ width: 73%; margin: 0 auto;}
.logoImg{ width: 20.8vw;}
nav{ z-index: 100;}
nav ul li{ position: relative;}
nav ul li::after{ width: 1px; height: 40%; display: block; content: ''; background-color: #dddddd; position: absolute; top: 30%; right: 0;}
nav ul li:last-child::after,nav ul li.on::after{ display: none;}
nav ul li .oneNav{ display: block; line-height: 70px; font-size: 18px; padding: 0 50px;  white-space: nowrap;}
nav ul li.on a{ background-color: var(--red); color: #fff;}
nav ul li:hover a{ color: var(--red);}
nav ul li.on:hover a{ color: #fff;}

nav.sticky{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.h_nav{ height: 60px; width: 60px; background-color:var(--red); 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; -webkit-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%; z-index: 100; height: calc(100vh - 60px) ; transition:all .6s ; 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.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; }




.logoTxt{ border-left: 1px dashed #424242;}
.banner .swiper-pagination-bullet{ width: 14px; height: 14px; opacity: 1; margin: 0 8px !important; background-color: #fff;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--red);}
.banImg{ width: 100%; height: 700px; object-fit: cover;}
.menuContent{ background: rgba(255, 255, 255, .95); width: 250px; position: absolute; top: 0; left: 13.5vw; z-index: 10; padding-top: 40px;}
.menuContent li{ height: calc((100% - 40px)/8);  }
.menuContent li:hover{ background-color: var(--red);color: #fff; }
.menuContent li.on{ background-color: var(--red);color: #fff; }
.menuContent li:hover .iconfont{color: #fff;}
.menuContent li dl{ overflow: hidden;  height: 100%; position: absolute; left: 100%; top: 0; width: calc(73vw - 250px) ; display: none;   color: #333;  max-height: 700px;}
.menuContentUl a{ width: 15%; transition: all .36s; margin-right: 2%; display: flex; margin-top: 20px; align-items: center; justify-content: center; background-color: #f5f5f5; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.menuContentUl a:nth-child(6n){ margin-right: 0;}
.menuContentUl a:nth-child(n+13){ display: none;}
.menuContentUl a:hover{ background-color: var(--red); color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.anUl{ margin-top: 20px;}
.anUl a{ width:calc(20% - 1px); border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 108px;}
.anUl a img{ max-width: 100%; max-height: 100%;}
.menuContent li:hover>dl{ display: block;}

.idxOne{  background: url(../images/bg1.jpg) no-repeat center top 55%; background-size: 100% auto;}
.idxNav a{ width: 23.6%; height: 210px;}
.idxNav a:hover .top{  margin-top: -210px; }
.idxNav a .top::after{  width: 18px; height: 18px; background-color: #ddd; position: absolute; top: 12px; right: 12px; display: block; content: '';
    -webkit-clip-path: polygon(100% 0,100% 100%,   0 0);}
.idxNav a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.idxCaseClass a{ padding:15px 0; width: 14.3%; white-space: nowrap; text-align: center; border-radius: 60px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15);-webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.idxCaseClass a:hover,.idxCaseClass a.on{ background-color: var(--red); color: #fff;}
.idxCaseUl li{ width: calc((100% - 75px) / 4); margin-right: 25px; margin-bottom: 25px;}
.idxCaseUl li .img { width: 100%; height: 250px;}
.maximg img{ width: 100%; height: 100%; object-fit: cover;}
.idxCaseUl li:nth-child(4n){ margin-right: 0;}
.idxCaseUl li .border{ border-color: #f5f5f5;}
.idxCaseUl li .wmax a:first-child{ border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; -o-border-radius: 50px 0 0 50px; }
.idxCaseUl li .wmax a:last-child{ border-radius:   0 50px 50px 0 ; -webkit-border-radius:   0 50px 50px 0 ; -moz-border-radius:   0 50px 50px 0 ; -ms-border-radius:   0 50px 50px 0 ; -o-border-radius:   0 50px 50px 0 ; }
.idxCaseUl li .wmax a:hover{  color: #fff;}
.idxCaseUl 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) ; }
.idxCaseUl li .wmax a:last-child::after,.idxCaseUl li .wmax a:first-child::after{ width: 0; height: 100%; position: absolute;  top: 0; display: block; content: ''; background-color: var(--red); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCaseUl li .wmax a:first-child::after{right: 0;}
.idxCaseUl li .wmax a:last-child::after{left: 0;}
.idxCaseUl li .wmax a:hover:last-child::after,.idxCaseUl li .wmax a:hover:first-child::after{ width: 100%;}
.idxProLeft{ width: 25%;}
.idxProRight{ width: 75%;}
.idxProLeft .title span{ width: 18px; height: 18px;}
.idxProLeft ul::before{display: block; content: ''; background-color: #e5e5e5; position: absolute; top: 25px; left: 4px; height: 100%; width: 1px; }
.idxProLeft li::before{ display: block; content: ''; width: 9px; height: 9px; background-color: #e5e5e5; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.idxProLeft li i{ width:calc( 20% - 9px); height: 1px; background-color: #e5e5e5;}
.idxProLeft a{ border: 1px solid #e5e5e5; width: 80%; display: flex; padding-left: 20px; align-items: center; height: 50px; position: relative;}
.idxProLeft a::after{ width: 0; height: 100%; display: block; content: ''; background-color: var(--red); position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProLeft li:hover,.idxProLeft li.on{ color: #fff;}
.idxProLeft li:hover a::after,.idxProLeft li.on a::after{ width: 100%;}
.idxProLeft li:hover i,.idxProLeft li.on i{ background-color: var(--red);}
.idxProLeft li:hover::before,.idxProLeft li.on::before{ background-color: var(--red);}

.idxProRightUl{ display: none;}.idxProRightUl.on{ display: flex;}
.idxProRightUl li{width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px;}
.idxProRightUl li:nth-child(3n){ margin-right: 0;}

.idxProRightUl li .img{ width: 100%; height: 240px;}
.idxProRightUl li .wmax a:first-child{ border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; -o-border-radius: 50px 0 0 50px; }
.idxProRightUl li .wmax a:last-child{ border-radius:   0 50px 50px 0 ; -webkit-border-radius:   0 50px 50px 0 ; -moz-border-radius:   0 50px 50px 0 ; -ms-border-radius:   0 50px 50px 0 ; -o-border-radius:   0 50px 50px 0 ; }
.idxProRightUl li .wmax a:hover{  color: #fff;}
.idxProRightUl 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) ; }
.idxProRightUl li .wmax a:last-child::after,.idxProRightUl li .wmax a:first-child::after{ width: 0; height: 100%; position: absolute;  top: 0; display: block; content: ''; background-color: var(--red); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProRightUl li .wmax a:first-child::after{right: 0;}
.idxProRightUl li .wmax a:last-child::after{left: 0;}
.idxProRightUl li .wmax a:hover:last-child::after,.idxProRightUl li .wmax a:hover:first-child::after{ width: 100%;}
.idxProRightUl li:hover .line-clamp{ color: var(--red); font-weight: bold;}

.idxAbout{ background: url(../images/bg2.jpg) no-repeat center center; background-size: cover;}
.idxAbout .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	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: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation:;
}
.idxAboutRight .title span{ width: 18px; height: 18px;}
.idxAboutRight .tit::after{ position: absolute; left: 0; width: 12%;  bottom: -1px; height: 2px; background-color: var(--red); display: block; content: '';}

.idxMore{ width: 200px; height:50px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.idxMore span{ border: 1px dashed #fff; width: 24px; height: 24px; border-radius: 50%; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxMore span::after{ transition:all .36s ; content: "\ea66"; display: block; font-family: "iconfont" !important; font-size: 20px; position: absolute; left: 15px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxMore:hover span::after{ left: -10px;}
.idxMore:hover{ box-shadow: 0 0 10px rgba(169,0 ,44, 0.5);}

.idxNewsLeft{ width: 45%;}
.idxNewsLeft .more{ width: 130px; height: 40px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxNewsLeft .more:hover{ background-color: var(--red); color: #fff;}
.idxNewsLeft .img{ width: 100%; height: 390px;}
.idxNewsRight{ width: 51%;}
.idxNewsRightItem .txt{ width: calc(100% - 300px);}
.idxNewsRightItem .img{ width: 280px; height: 180px;}
.idxNewsRight .idxNewsRightItem::after{ width: 0; height: 2px; display: block; content: ''; background-color: var(--red); position: absolute; bottom: 0; left: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewsRight .idxNewsRightItem:hover:after{ width: 100%; }
.idxNewsRight .idxNewsRightItem:hover{ color: var(--red);}
.idxNewsRight .idxNewsRightItem: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) ; }
.idxNewsLeft a:hover{ color: var(--red);}
.idxNewsLeft a: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) ; }

.linea  .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;
  }
.linea:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}

footer{ background:url(../images/bg3.jpg) no-repeat center center; background-size: cover;}
footer dd{ color: rgba(255, 255, 255, .6);white-space: nowrap;}
footer dd a:hover{ color: #fff;}
.jjfaDIv{ width: 15vw;}
.jjfaDIv dd:nth-child(2n){ text-align: right;}
footer .top { border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
footer .top .left{ width: 66%;}
 
.yuantel{ width: 45px; height: 45px;}
.friendlink a{ color: rgba(255, 255, 255, .6);white-space: nowrap; margin-left: 24px;}
.friendlink a:hover{ color: #fff;}
footer .bototm{color: rgba(255, 255, 255, .6);}
footer .bototm a:hover{ color: #fff;}
.neiBan{ width: 100%; height: 350px; object-fit: cover;}
.neiBanTxt{  z-index: 5; width: 600px; height: 220px; position: absolute; background: rgba(0, 0, 0, .35); left: 50%; top: 50%; transform: translate(-50%,-50%);  display: none;
	-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.neiBanTxt::after{ width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; left: 20px; top: 20px; border: 1px solid rgba(255, 255, 255, .15); display: block; content: '';}
.neiBanTxt .text-uppercase{
	background-image:-webkit-linear-gradient(bottom,rgba(0, 0, 0, .1),rgba(255, 255, 255, .35)); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 

}
.location{  height: 60px;}
.mainLeft{ width: 21%;  }
.mainRight{ width: 77%;}
.mainLeft .title span{ width: 20px; height: 20px;}
.mainLeft .class a{ height: 60px; border-radius: 30px 0 0 30px; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; }
.mainLeft .class a::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--red); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.mainLeft .class a:hover::after,.mainLeft .class a.on::after{ width: 100%;}
.mainLeft .class a:hover,.mainLeft .class a.on{ color: #fff;}
.mainLeft .bototm .telIcon{filter: grayscale(100%) brightness(500%);}

.proList li{ width: calc((100% - 36px)/3); margin-right: 18px; margin-bottom: 18px;}
.proList li .img{ width: 100%; height: 250px; }
.proList li:nth-child(3n){ margin-right: 0;}
.proList li .wmax  a:first-child{ border-radius: 30px  0 0 30px; -webkit-border-radius: 30px  0 0 30px; -moz-border-radius: 30px  0 0 30px; -ms-border-radius: 30px  0 0 30px; -o-border-radius: 30px  0 0 30px; }
.proList li .wmax  a:last-child{ border-radius: 0 30px 30px 0; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; }
.proList li .wmax a:last-child::after,.proList li .wmax a:first-child::after{ width: 0; height: 100%; position: absolute;  top: 0; display: block; content: ''; background-color: var(--red); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proList li .wmax a:first-child::after{right: 0;}
.proList li .wmax a:last-child::after{left: 0;}
.proList li .wmax a:hover:last-child::after,.proList li .wmax a:hover:first-child::after{ width: 100%;}
.proList li .wmax a:hover{ color: #fff;}
.proList li:hover{ box-shadow: 0 0 10px rgba(169,0 ,44, 0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.proList 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); }
.infospan{   display: inline-block;}.infospan::after{ width: 100%; height: 2px; position: absolute; left: 0; bottom: -1px; background-color: var(--red); display: block; content: '';}
.gbookBox{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover;}
.gbookBox  .submit{ line-height: 56px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.screenright a{ margin-left: 20px;white-space: nowrap; }
.screenright a:hover{ text-decoration: underline;}
.screenright a.on{ color: var(--red); text-decoration: underline;}
.screenBox{  line-height: 2.8;}

.Caselist li:hover{ box-shadow: 0 0 10px rgba(169,0 ,44, 0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.newslist li .img{ width: 460px;  height: 300px;}
.newslist 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); }
.newslist li .txt{ width: calc(100% - 460px);}
.newslist li .txt .more{ width: 130px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.newslist li .txt .more:hover{ background-color: var(--red) ; color: #fff;}
.newslist li:hover{ box-shadow: 0 0 10px rgba(169,0 ,44, 0.15); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }

.newsPage .yuan{  width: 48px; height: 48px;}
.newsPage .txt{ width: calc(100% - 58px);}
.newsPage a:last-child{ flex-direction: row-reverse;}
.newsPage a:last-child .txt{ text-align: right}

.aboutBg{ background: url(../images/bg5.jpg) no-repeat center center; background-size: cover;}
.aboutRight .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	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: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation:;
}
.aboutLeft .line{ width: 50px; height: 4px;}
.aboutLeft{ background: url(../images/LOGO-h.png) no-repeat left top; background-size: 60% auto;}
.honorTit .line{ width: 50px; height: 4px;}
.honorLeft,.honorRight{ width: 50px; height: 50px; z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.honorLeft{ left: -25px;}
.honorRight{ right: -25px;}
.honorLeft:hover,.honorRight:hover{ background: var(--red); color: #fff;}
#honorSwiper .swiper-slide .img{  width: 100%; height:345px ;}
#honorSwiper .swiper-slide .img img{max-width: 100%; max-height: 100%;}
.contactStyle .title{ border-bottom: 2px solid #aaa;}

.contactStyle li .left{ width: 15%;}
.contactStyle li .center{  width: 22%;}
.contactStyle li .right{ width: 63%;}
.contactGbookinput{ width: 31%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.contactGbookisubmit{ width: 20%;}

.wyz{ position: fixed;  bottom: 25vh; right: 0;  z-index: 100;}
.blockOne{ width: 70px; height: 70px;    background-color: rgba(0, 0, 0, .4);}
.blockTWO{ width: 180px; height: 70px; z-index: 2; position: absolute; right: 0; top: 0;transform-origin : 100% 0 0; transform: scaleX(0);
	 -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); }
.wyz li{ margin-bottom: 10px;}
.navWap-show{ display: none;}

.wyz li:hover .blockOne{ opacity: 0;}.wyz li:hover .blockTWO{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
.wyz li.zaef:hover .blockOne{ opacity: 1; background-color: var(--red);}
.rightEwm{ position: absolute; right: 110%; bottom: 0;}
.toTop{ width: 70px; height: 70px;    background-color: rgba(0, 0, 0, .4); display: none;}.toTop:hover{ background-color: var(--red);}
.toTop.show{ display: block;}

.mainLeft{  position: sticky; top: 80px; left: 0; }  
@media screen and (max-width:1440px) {
  .mainLeft{   top:70px;  }  
}
@media screen and (max-width:750px) {
	.mainLeft{   top:auto; left: auto; position: relative;  }  
  }