body{font-size: 16px;} 
header{ height: 50px; background-color: #8c8c91; }
.w90{ width: 94%; max-width: 1600px; margin: 0 auto;}
.w85{ width: 94%; max-width: 1440px; margin: 0 auto;}
.w80{ width: 94%; max-width: 1280px; margin: 0 auto;}
nav{ height: 90px;}
.logoImg{ height: 42px;}
.navul{ height: 90px;  }.navul  li{ }
.navul .navName{ line-height: 90px;  font-size: 18px; font-weight: bold; position: relative; height: 90px; overflow: hidden;display: block;  }
.navName::before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 0;height: 2px;background-color: var(--green);opacity: 0; transition: all .36s;}
.navName::after{ content: attr(data-title); position: absolute; top: 0; left: 0; transform: translateY(100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--green); transition: all .36s ; -webkit-transition: all .36s ; -moz-transition: all .36s ; -ms-transition: all .36s ; -o-transition: all .36s ; }
.navul li  .navName span{padding: 0 30px; display: block; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navul li:hover .navName span{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.navul li:hover  .navName::after{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
.navul li:hover .navName::before{ width: 50%; opacity: 1;}
.subnav{
    width: 100%;
    top: 90px;
    position: absolute;
    left: 0;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}
.navul li:hover .subnav{ transform: translateY(0); opacity: 1;pointer-events:auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.subnav .left{ width: 60%;}
.subnav .right{ width: 35%;}
.navSli{ width: 33.3%; padding-right: 5%;}
.navSlink::after{ width: 0px; height: 1px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background-color: var(--green); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navSlink:hover::after{ width: 100%;}
.navSlink .iconfont{ transform: rotate(-45deg); transition: all .36s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 .linka a:hover{ color: var(--green); }
 .navSlink{ padding: 8px 0;}
.navSlink:hover  .iconfont{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
.navSlink:hover  .iconfont:before{  content: "\e65f";}
.banner .swiper-pagination{ bottom: 25px;}
.banner .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: #fff; width: 40px; height: 5px ; border-radius: 3px !important; margin: 0 8px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; }
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--green);}

.searcKey{ background: url(../images/search.png) no-repeat left 10px center #fff; background-size: 16px auto; padding-left: 40px; height: 38px; line-height: 38px;}
.searcBtn{height: 38px; line-height: 38px; padding: 0 20px;}
.swiperClass a{ flex: 1;}
.swiperClass .img{ height: 137px;}

#swiperClass .img{ height: 137px;}
.maximg img{ max-width: 100%; max-height: 100%;}
.swiperClass a:hover{ color: var(--green); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.idxPro{ background: url(../images/zx2.jpg) no-repeat center center; background-size: cover;}
.idxPro .tit{ color: #565656;}

.idxProright li{ display: none;}.idxProright li.on{ display: block;}
.idxPro  .prev,.idxPro  .next{ width: 50px; height: 100px;}
#proSwiper{ width: calc(100% - 100px); height: 100px;}
#proSwiper .img{ height: 100px;}#proSwiper .img img{ opacity: .4;}#proSwiper .swiper-slide-active .img img{opacity: 1;}
.idxProright li.on{animation: ani-svg 1s linear 0s alternate infinite;}
.idxProrLeft li{
    display: none;
    animation: rightTop .5s; 
    -webkit-animation: rightTop .5s;
}
.idxProrLeft li.on{ display: block;}


.idxPro .w60 .idxProright2 { display: none;} 

.idxProright2 li.on{animation: ani-svg 1s linear 0s alternate infinite;}
.idxProright2 li{
    display: none;
    animation: rightTop .5s; 
    -webkit-animation: rightTop .5s;
}
.idxProright2 li.on{ display: block;} 
.idxMore{ width: 160px; height: 40px; font-size: 14px;}.idxMore:hover{ background-color: var(--green); border-color: var(--green); color: #fff;}
.idxNews .center .left { width: 64%;}.idxNews .center .left img{ width: 100%; height: 360px;}
.idxNews .center .right{ width: 33%;}
.idxNews .center .right img{width: 100%; height: 360px; object-fit: cover;}
.idxNews .center .right  .txt{ background: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0;}
.idxNews .center .right: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); }
.idxNews  .prev,.idxNews  .next{ width: 35px; height: 50px; background: rgba(0, 0, 0, .2);  position: absolute; z-index: 10; top: 50%; margin-top: -25px;}
.idxNews  .prev{left: 0;}.idxNews  .next{ right: 0;}
.idxNews  .prev:hover,.idxNews  .next:hover{ background-color: var(--green);}

.idxAbout{ background: url(../images/jxbg01.jpg) no-repeat center center; background-size: cover;}
.idxAbout .top{ background: url(../images/bj1.jpg) no-repeat  center center; background-size: cover;}
.idxAbout .top li::before{ width: 1px; height: 50%; background-color: var(--green); position: absolute; left: 0; top: 0;  display: block; content: '';}
.idxAbout .top li{ width: calc(100% / 6);}
.idxAbout .bottom .left .line{ width: 100px; height: 2px;}
.idxAbout .bottom .right .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);
}
#slideVideo{ width: 100%;  height: 100%;}
.p_videoback{ width: 100%; z-index: 2;
    position: absolute;
    height: auto !important;
    top: 50%;
    left: 50%;
    background-size: cover;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
    .idxYs  { background: url(../images/idxYsbg1.jpg) no-repeat center center; background-size: cover;}
.idxYs .bg{  background: rgba(0, 0, 0, .7); }
.object{ object-fit: cover;}
.idxYs .bg img{filter: grayscale(100%) brightness(500%);}
.idxYs .tit::before{ width: 15vw; height: 1px; background: rgba(255, 255, 255, 0.2); display: block; content: ''; position: absolute; top: 50%; left: 0; transform:translateX(-108%); -webkit-transform:translateX(-108%); -moz-transform:translateX(-108%); -ms-transform:translateX(-108%); -o-transform:translateX(-108%); }
.idxYs .tit::after{ width: 15vw; height: 1px; background: rgba(255, 255, 255, 0.2); display: block; content: ''; position: absolute; top: 50%; right: 0; transform:translateX(108%); -webkit-transform:translateX(108%); -moz-transform:translateX(108%); -ms-transform:translateX(108%); -o-transform:translateX(108%); }
.idxYs .swiper-slide { height: 390px; position: relative;}
.idxYs .swiper-slide::after{ width: 100%; height: 100%; position: absolute; top: 0; opacity: 0; left: 0; z-index: 2; transform: translateY(50%); display: block; content: ''; background-color: var(--green); transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); }
.idxYs .swiper-slide .line{ width: 20%; height: 1px;}.idxYs .swiper-slide:hover::after{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 
.idxline{  width: 20vw; height: 5px;}
#caseSwiper .swiper-slide .img{ width: 100%; height: 240px;}
#caseSwiper .swiper-slide::before{ width: 0; height: 1px; position: absolute; left: 0; top: 0; background-color: var(--green); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
#caseSwiper .swiper-slide:hover{ color: var(--green);}
#caseSwiper .swiper-slide:hover::before{ width: 100%;}#caseSwiper .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) ; }
/* abrandbg.jpg */
.idxGbook{ background: url(../images/abrandbg.jpg) no-repeat center center;  background-size: cover; background-attachment: fixed; position: relative; }
.idxGbook .item{ width: 16vw;}
.idxBto{ background-color: #2a2a2a;}
.idxBto a{ width: 37px; margin-right: 10px;}
footer{ background-color: #1e1e1e; color: #999;} footer a:hover{ color: #fff;}.ewmUl img{ width: 120px;}
footer .bottom{ border-top: 1px solid rgba(255, 255, 255, 0.1);} footer .bottom img{ height: 50px;}
.f12{ font-size: 12px;}
.block{ display: block;}
.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); }
.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(--green);}
.toTop.show{ display: block;}

.h_nav{ height: 60px; width: 60px; background-color:var(--green); 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%; height: calc(100vh - 90px) ; transition:all .6s ; transform: translateX(105%); background-color: #000; position: fixed; top: 90px; right: 0; flex-direction: column; -webkit-transform: translateX(105%); -moz-transform: translateX(105%); -ms-transform: translateX(105%); -o-transform: translateX(105%); -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; }

.neiBan{ width: 100%; height: 430px;} 
.neiBan .txt{ z-index: 5;}
.neiBan .txt .line{ width: 30px; height: 1px; background: rgba(255, 255, 255, .5);}
.neiBan .txt .sum{  letter-spacing: 3px;}
.locaNav{ height: 60px;}
.submenu a{ width: 150px; height: 60px; position: relative; font-weight: bold ;}
.submenu a::after{ width: 100%; height: 2px; display: block; transition: all .36s; content: ''; background-color: var(--green); position: absolute; left: 0; bottom: 0; transform: scale(0,1); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.submenu a:hover{ color: var(--green);}
.submenu a:hover::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); }
.submenu a.on{ color: var(--green);} 

.culture{ background: url(../images/qywh.jpg) no-repeat center center; background-size: cover;    background-attachment: fixed; position: relative;}
.cultureUl li{ flex: 1; padding: 20px 0;}
.cultureUl li .line{ width: 60px; height: 1px;}
.cultureUl li:hover{ background-color: var(--green);}
.historyTit span::before{ background: #87271B; width: 10vw; left: 0; transform:translateX(-110%) ; height: 2px; position: absolute; top: 50%; display: block; content: ''; -webkit-transform:translateX(-110%) ; -moz-transform:translateX(-110%) ; -ms-transform:translateX(-110%) ; -o-transform:translateX(-110%) ; }
.historyTit span::after{ background: #87271B; width: 10vw; right:0; transform:translateX(110%) ; height: 2px; position: absolute; top: 50%; display: block; content: ''; -webkit-transform:translateX(110%) ; -moz-transform:translateX(110%) ; -ms-transform:translateX(110%) ; -o-transform:translateX(110%) ; }
.historyBot{background: url(../images/ruler.png) top   left repeat-x;}
.historyBotYuan{ width: 8px; height: 8px; background-color: #ccc;}
.gallery-thumbs .swiper-slide-thumb-active .color-666{ color: var(--green);}
.gallery-thumbs .swiper-slide-thumb-active .historyBotYuan{background-color: var(--green);}
.gridbox{    background-image: url(../images/bj012.jpg);
    background-color: rgba(245, 245, 245, 1);background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    background-size: contain;}
.POTENTIALCon .txt{  width: 72%; text-align: justify;}  
.bg-f6{ background-color: #f6f6f6;}
.POTENTIALCon .img{ width: 24%;}

.hororUl li{ width: calc((100% - 120px) / 4); margin-right: 30px; margin-bottom: 30px;}
.hororUl li:nth-child(4n){ margin-right: 0;}
.hororUl li .img{ height: 230px;}
.hororUl 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); }
/* #f2f2f2 */
.newslist li { background-color: #f2f2f2;}
.newslist li .txt{ width:72% ;}.newslist li .txt .left{ width:85%;}.newslist li .txt .right{ width: 10%;}
.newslist li  .img{ width: 28%; height: 270px;}
.newslist li:hover{ color: var(--green); box-shadow: 0  0 10px rgba(0, 0, 0, .2);}
.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); }
.tjNewList li{ width: calc((100% - 70px)/3); margin-right: 35px;}
.tjNewList li:nth-child(3n){ margin-right: 0;}
.tjNewList li .img{ height: 183px;}.tjNewList li .tit::after{ width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--green); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.tjNewList li:hover .tit::after{ width: 100%;}.tjNewList 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); }
.tjNewList li .more{ width: 40px; height: 40px;}.tjNewList li:hover .more{ background-color: var(--green); color: #fff; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } 
.proLIne{ width:4vw; height: 2px; background-color: #dedede; }

.proConLeft{ width: 25%;}
.proConRight{ width: 73%;}
.proClassUl a{ background-color: #eee;  height: 60px;  border: 1px solid #dfdfdf; margin-bottom: 15px; padding-left: 30px;}
.proClassUl a::before{ width: 4px; height: 100%; background-color: var(--green); display: block; content: ''; 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; }
.proClassUl a:hover{ color: #fff;}.proClassUl a:hover::before{ width: 100%;}
 
.prolist li{ width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px;}
.prolist li:nth-child(3n){ margin-right: 0;}.prolist li .line{ width: 1px; height: 20px; margin: 8px auto;}.prolist li .txt{ height: 50px;}
.prolist li .img { height: 330px;}.prolist li:hover{ box-shadow: 0 0 10px rgba(3 ,105, 189, 0.15);}
.prolist li:hover .img img{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
.closeProclass{ width: 50px; height: 100vh;}
.proInfoTop .txt .btn{ width: 140px; height: 46px;}
.proImg-top .swiper-slide{ height: 425px;}
.proInfoTop .next,.proInfoTop .prev{ width: 20px; height: 100px;}
.proImg-thumbs{ width: calc(100% - 40px);} 
.proImg-thumbs .swiper-slide-thumb-active{ border-color: var(--green);}
.proImg-thumbs .swiper-slide{ height: 100px;}

.magnifier{ background-color: #fff;}
.tmProlist li{ width: calc((100% - 120px)/5);  }
.tmProlist 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); }
.tmProlist li .img{ max-height: 300px;}.tmProlist li .text{ line-height: 50px; }.tmProlist li:hover .text{ background-color: var(--green); color: #fff;}

.Online{ background-color: #ededed;}
.Online .left{ width: 12%;}.Online .right{ width:88% ;}.inputke{ width: 110px; text-align: right;}
.OnlineInput{ width: 50%;}.caseTj: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) ; }
.caseTj .img{   height: 285px;}
.caseTj .more{ width: 170px; height: 50px;}.caseTj .more:hover{ width: 200px;}

.caselist li{ width: calc((100% - 70px)/3); margin-right: 35px; margin-bottom: 35px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
.caselist li .img{ height: 290px;}.caselist li:hover .txt{ color: #fff;background-color: var(--green);} .caselist li:hover .color-666{ color: #fff;}
.caselist li:nth-child(3n){ margin-right: 0;}
.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{ box-shadow: 0 0 10px rgba(3 ,105, 189, 0.15); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
 
.videoList li{width: calc((100% - 50px)/3); margin-right: 25px; margin-bottom: 30px}
.videoList li:nth-child(3n){ margin-right: 0;}
.videoList li .img{ height: 240px;}.videoList li:hover{ border-color: var(--green); transform: translateY(-10px); box-shadow: 0 0 10px rgba(3 ,105, 189, 0.15); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.videoTime{    background: rgba(0, 0, 0 ,.7); color: #fff; position: absolute; right: 20px; bottom: 20px; padding: 3px 10px;}

.zuList li{width: calc((100% - 50px)/3); margin-right: 25px; margin-bottom: 30px}
.zuList li:nth-child(3n){ margin-right: 0;}
.zuList li  .tit .iconfont{ position: absolute; top: 10px; left: 10px; z-index: 10;}
.zuList li  .tit::after{content: '';
    position: absolute;
    left: -170px;
    top: -70px;
    width: 140px;
    height: 140px;
    background-color: var(--green);
    transform: rotate(45deg);
    transition: all .5s ease;}
    .zuList li .img{ height: 400px;}
.zuList li .mote .iconfont{ transform: rotate(90deg);   -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.zuList li::before{ width: 0; height: 2px; background-color: var(--green); display: block; content: ''; position: absolute; left: 0; bottom: 0; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.zuList li:hover .tit::after{ left:-100px;}
.zuList li:hover::before{ width: 100%;}
.zuList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.bg-f2{ background-color: #f2f2f2;}

.contactEwm{ width: 140px;}
.contactBox{ margin-top: -10vh;}