body{font-size: 16px;} 
.w90{ width: 90%; margin: 0 auto;}
.w76{ width: 76%; margin: 0 auto;}

.banImg{ width: 100%; height: 100vh; object-fit: cover;}
#banSwiper .txt{ height: 100%; left: 12%; position: absolute; top: 0;  display: flex; align-items: center; padding-top: 100px; }

header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #fff;}
header .logo{filter: grayscale(100%) brightness(500%);}
nav{ font-size: 18px;  }
nav>li{position: relative;}
.oneNav{ line-height: 100px; padding: 0 25px; display: inline-block;}
.rightBtn{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.rightBtn:hover{ background-color: #da8034; color: #fff; border-color: #da8034; box-shadow: 0 0 10px rgba(218, 128, 52, 0.25);}
nav  a:hover{ color: #da8034;}
nav  li 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;
}
nav  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}
nav  li dl dd:last-child{border-bottom:0}
nav  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 }
nav  li dl dd:hover{background:#da8034}
nav  li dl dd:hover a{color:#fff!important;}
nav  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}
nav  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; }
nav  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%); }
nav  li>a:hover:after{top:0}
nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}



.h_nav{ height: 60px; width: 60px; background-color:#da8034; 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); }

header.scroll{ background-color: #fff; top: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #333; height: 90px; border-color: #fff;}
header.scroll nav li a.oneNav{ line-height: 90px;}
header.scroll .logo{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
header.scroll nav .oneNav::after{   background-color: #da8034;  }
header.scroll nav  li.on .oneNav{ color: #da8034;}
.banFiex{   position: absolute; right: 0; bottom: 0; height: 110px;z-index: 50;}

.line-height1-2{ line-height: 1.2;}
.banFiex .line{ background: rgba(255, 255, 255, 0.3); width: 1px; height: 50%;}
.banFiex .border-left{ border-color: rgba(255, 255, 255, 0.2);}
.banFiex .border-left>div:hover{  color: #fff;}

.idxproUl li img{ width: 100%; height: 100%; object-fit: cover;}
.idxproUl li .txt{ text-align: center; position: absolute; bottom: 0; right: 0; height: 100%; background: rgba(0, 0, 0, 0.4); width: 100%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxproUl li .txt .desc{ letter-spacing: 5px;}
.idxproUl li .txt .tit{ font-size: 90px;}

.idxproUl{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.idxproUl li:nth-child(1){grid-column-start: 1;grid-column-end: 3; grid-row-start: 1;grid-row-end: 2;}
.idxproUl li:nth-child(2){grid-column-start: 3;grid-column-end: 4; grid-row-start: 1;grid-row-end: 3;}
.idxproUl li:nth-child(6){grid-column-start: 2;grid-column-end: 4; grid-row-start: 3;grid-row-end: 4;}
.idxproUl li:nth-child(1) .txt{ width: auto;}
.idxproUl li:nth-child(2) .txt{ width: 100%; height: auto; }
.idxproUl li:nth-child(6) .txt{ width: auto;}

.idxproUl li: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) ; }
.idxproUl li:hover .txt{ background-color: rgba(218, 128, 52, 0.5);}

.idxHot{ background: url(img/bg1.jpg) no-repeat center center; background-size: cover;}
.hotClass a{ width: 220px; height: 58px; border-radius:30px ; margin: 0 20px; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
.hotClass a span{position: relative;z-index: 5;}
.hotClass a::after{ width: 100%; height: 100%; position: absolute; left: 0; transform: translateY(100%); top: 0; transition:all .36s ; background-color: #da8034; content: ''; display: block; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
.hotClass a:hover::after,.hotClass a.active::after{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.hotClass a:hover,.hotClass a.active{ border-color: #da8034; color: #fff;}
.hotClass a.active{ color: #fff; }
 
.idxHotUl{display: grid; grid-gap: 20px; grid-template-columns: repeat(4,1fr);}
.idxHotUl li .hotTxt{ position: absolute; left: 30px; bottom: 25px; z-index: 5; max-width: 86%; max-height: 60%;}
.idxHotUl li .hotImg{ width: 100%; height: 100%;}

.idxHotUl li:nth-child(1){grid-column-start: 1;grid-column-end: 3; grid-row-start: 1;grid-row-end: 2;}
.idxHotUl li:nth-child(5){grid-column-start: 2;grid-column-end: 4; grid-row-start: 2;grid-row-end: 3;} 

.idxHotUl li:hover .hotImg{ 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{ width: 23.8%; margin-right:1.6%; margin-bottom: 25px;  }
.idxCaseUl li:nth-child(4n){ margin-right: 0;}
.idxCaseUl li .txt{ position: absolute; top: 0; left: 0; background-color: rgba(218, 128, 52, 0.85); opacity: 0; transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); }
.idxCaseUl li>img{ width: 100%;}
.idxCaseUl li:hover .txt{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; -ms-transform: scale(1); -o-transform: scale(1); }
.idxCaseUl li:hover{box-shadow: 0 0 15px rgba(218, 128, 52, 0.5);}
.idxCaseUl li: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) ; }

.idxMore:hover{ text-decoration: underline;}
.idxVideo{ background: url(img/bg2.jpg) no-repeat center center; background-size: cover;}

/* #videoSwiper .txt{  position: absolute; left: 0; top: 0; z-index: 10; background: rgba(0, 0, 0, 0.2);}
#videoSwiper  .swiper-slide{ width: 1040px; height: 625px;}
#videoSwiper  .swiper-slide>img{  width: 100%; height: 100%; object-fit: cover;} */

 

.video_lie{display:block; background:url(img/bg2.jpg) center center no-repeat;   overflow:hidden;  }
.video_lie .title_en ,.video_lie .title_cn{ color:#FFF;}
.video_lie .title_cn:after, .video_lie .title_cn:before{background:#FFF;}
.video_lie .title_txt{color:#ddd;}


.video_lie .swiper-container { padding-top:25px; padding-bottom:45px;}
.video_lie .swiper-slide {text-align: center; font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center; cursor:pointer;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(1);
}
.video_lie .swiper-slide img{ width:100%; margin-top:23%; opacity: 0.6; border:5px solid  rgba(255,255,255,0.3); 
	transition: all 0s ; -webkit-transition: all 0s ; -moz-transition: all 0s ; -ms-transition: all 0s ; -o-transition: all 0s ; }
.video_lie .swiper-slide span{display:none;}
.video_lie  .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);  position:relative; z-index:9999}

.video_lie  .swiper-slide-active{position:relative; opacity:1}
.video_lie .swiper-slide-active span{display:block; color:#ddd; width:180%; position:absolute; bottom:-40px;  font-size:18px;}
.video_lie .swiper-slide-active img{ margin-top:0px; width:180%; opacity: 1; max-width:inherit; border:8px solid  rgba(255,255,255,0.3); box-shadow:0 0px 30px rgba(0,0,0,.8);  -webkit-box-shadow:0 0px 30px rgba(0,0,0,.8); -moz-box-shadow:0 0px 30px rgba(0,0,0,.8);}
.video_lie .video_lie_icon{ display:none}
.video_lie .swiper-slide-active .video_lie_icon{ position:absolute; width:180%; height:100%; left:-40%;top:0px; display:block;
	  background: #000; background:rgba(0, 0, 0, 0.4)!important;   
	filter:Alpha(opacity=60); opacity:0;transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;}
.video_lie .swiper-slide-active .video_lie_icon img{width:10%; border:none;  box-shadow:0 0px 0px rgba(0,0,0,0);  -webkit-box-shadow:0 0px 00px rgba(0,0,0,0); -moz-box-shadow:0 0px 0px rgba(0,0,0,0);  top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); position:relative; z-index:99;}
.video_lie .swiper-slide-active:hover .video_lie_icon{opacity:1}
.video_lie .swiper-button-next, .video_lie .swiper-button-prev{height:70px; width:40px; margin-top:-5%; outline: none;}
.video_lie .swiper-button-prev, .video_lie .swiper-container-rtl .swiper-button-next{background:url(img/left_icon.png) center center no-repeat; background-size:40px auto;}
.video_lie .swiper-button-next, .video_lie .swiper-container-rtl .swiper-button-prev{background:url(img/right_icon.png) center center no-repeat; background-size:40px auto;}
.video_ct{display:inline-block; position:relative;}


.wapserveCon{ display: none;}

div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}

 .idxService{ background: url(img/bg3.jpg) no-repeat center center; background-size: cover; }
 .serveCon{ background: url(img/serveLine.png) no-repeat center left; background-size: 100% auto; height: 755px;}

 .serveConItem .radius10{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .serveKuang{ width: 70PX; height: 70px; background: url(img/serveKuang.png) no-repeat center; background-size: 100% 100%;}
 .serveConItem .tit{padding: 20px 10px;text-align: center;position: absolute;width: 50px;left: -25px;
	background: url(img/bg6.png) no-repeat center center; background-size: 100% 100%;	top: 10%; 
	}

.serveCon ul .serveConItem{ position: absolute; text-align: center;  width: 280px; }
.serveCon ul .serveConItem:nth-child(1){left: 0; top: 8%;}
.serveCon ul .serveConItem:nth-child(2){    left: 18%; top: 46%;}
.serveCon ul .serveConItem:nth-child(3){    left: 32%;top: 9%;}
.serveCon ul .serveConItem:nth-child(4){left: 50%;top: 40%;}
.serveCon ul .serveConItem:nth-child(5){left: 65%;top: -7%;}
.serveCon ul .serveConItem:nth-child(6){right: 0; top: 38%;}
.serveCon ul .serveConItem:hover .radius10{ transform: translateY(-12px) ; box-shadow: 0 10px 10px #da8034; -webkit-transform: translateY(-12px) ; -moz-transform: translateY(-12px) ; -ms-transform: translateY(-12px) ; -o-transform: translateY(-12px) ; }
#serveSwiper{ border-bottom: 5px solid #da8034;}
#serveSwiper  .swiper-slide{ padding-left: 30px;}


.idxAbout{ background: url(img/bg4.jpg) no-repeat center center; background-size: cover; color: rgba(255, 255, 255, 0.6);}
.whoweare img{ width: 45%;}
.whoweare::after,.whoweare::before{ width: 25%; height: 1px; background-color: rgba(255, 255, 255, 0.2); display: block; content: ''; position: absolute;top: 50%;}
.whoweare::after{right: 0;}
.whoweare::before{ left: 0; }
.idxAboutMore{ width: 240px; height: 60px; border-radius: 30px; border-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.idxAboutMoreline::after,.idxAboutMoreline::before{ width: calc((100% - 240px)/2); height: 1px; background-color: rgba(255, 255, 255, 0.2); display: block; content: ''; position: absolute;top: 50%;}
.idxAboutMoreline::after{right: 0;}
.idxAboutMoreline::before{ left: 0; }
.btn-inner{ position: relative; z-index: 2;}
.idxAboutMore .bgsqr1,.idxAboutMore .bgsqr2{background:#da8034;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.idxAboutMore .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.idxAboutMore .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.idxAboutMore:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.idxAboutMore:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.idxAboutMore:hover{ box-shadow: 0 0 10px rgba(218, 128, 52, 0.85);}

footer{ background: url(img/bg7.jpg) no-repeat center center; background-size: cover;}
.footleft{ width: 62%;}
.footRight{ width: 24%; background-color: rgba(218, 128, 52, 0.1);}
footer::after{ width: 5%; position: absolute; top: 0; right: 0;  height: 100%; display: block; content: '';background-color: rgba(218, 128, 52, 0.1);}
.footleft .top{ border-color: rgba(255, 255, 255, 0.2);}
footer .rightBtn{ background-color: rgba(255, 255, 255, 0.2);}
.ewmUl img{ width: 130px;}
.footnav{ width: 210px;}
.footnav a{ opacity: .6; width: 50%;}.footnav a:hover{opacity: 1;}
.footForm{ width: 320px;}
.footForm .input{padding: 15px 0 15px 20px;}
.footForm .submit{padding: 15px 20px;}
.footleft .bot{ color: rgba(255, 255, 255, 0.4);}
footer a:hover{ color: #FFF;}
.newsRight .ewmUl{ font-size: 14px}
.newsRight .ewmUl img{ width: 120px;}

.neiBan .txt{ width: 60%; height: 100%; position: absolute; left: 20%; bottom: 0;z-index: 5; padding-top: 100px;}
.prolist li{ width: 48.5%; margin-right: 3%; margin-bottom: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.prolist li:nth-child(2n){ margin-right: 0;}
.more{ display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;white-space: nowrap;}
.prolist li .img img{ width: 100%; height: 450px; object-fit: cover;}
.btn7{position:relative;color:#fff; background:#da8034; border:1px solid #da8034;-webkit-transition: background-color .3s, color .3s;transition: background-color .3s, color .3s}
.btn7:before {content: '';position: absolute;top: -15px;left: -15px;bottom: -15px;right: -15px;background: inherit;z-index: -1;opacity: 0.5;
-webkit-transform: scale3d(.6, .4, 1);transform: scale3d(.6, .4, 1); display:none\9;}
.btn7:hover {background:#E09353; border-color:#E09353;-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
.btn7:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;}
.prolist li:hover{ box-shadow: 0 0 20px rgba(218, 128, 52, 0.25);}
.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) ; }

.detailBan{ padding-top: 90px; background: url(img/detailBan.jpg) no-repeat center center; background-size: cover;}
.detailBan .scroll{ position: absolute; bottom: 0; right: 5%; writing-mode:tb-rl; -webkit-writing-mode:tb-rl; -ms-writing-mode:tb-rl; }
.detailBan .scroll i{ transform:rotate(45deg) ; }

.newsleft{ width: 72%;}
.newsRight{ width:   28%;}
.detailPage a{ width: 40%; }
.detailPage a span{ display: inline-block;white-space: nowrap; width: 90%;  overflow: hidden;text-overflow:ellipsis;}
.detailPage a.list{ width: 20%;}
.detailPage a.next{flex-direction: row-reverse;}
.detailPage a:hover{ color: #da8034;}

.rightContact{ background: url(img/bg8.jpg) no-repeat center center; background-size: cover;}
.Tjtitle{ border-left: 4px solid #da8034 ; line-height: 1;}
.tjItem .img img{ width: 100%; height: 260px; object-fit: cover;}
.tjItem{display: block;}
.tjItem:hover{ color: #da8034;}
.tjItem: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); }
 
 
.hotlist li{ width: 48.5%; margin-right: 3%; margin-bottom: 45px;}
.hotlist li:nth-child(2n){ margin-right: 0;}
.hotIcon{ position: absolute; top: 0; right: 25px; z-index: 5;}


.guangsec {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 550px; 
  }
 
  .gsecbg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .gsecbg .cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(5, 34, 69, 0.5)), to(rgba(16, 124, 201, 0)));
	background-image: linear-gradient(to right, rgba(5, 34, 69, 0.5), rgba(16, 124, 201, 0));
  }
  .gsecbg canvas {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
  }
  .disn{ display: none;}
.guangsec:hover{ box-shadow: 0 0 10px rgba(218, 128, 52, 0.25); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.caselist li{ width: 48.5%; margin-right: 3%; margin-bottom: 45px;}
.caselist li:nth-child(2n){ margin-right: 0;}
.caselist li .tit{ width: 100%; height: auto; position: absolute; bottom: 0; left: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
.caselist li .desc{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(218, 128, 52, 0.4); transform: translateY(-10%); opacity: 0; -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); }
.caselist li  .img img{ width: 100%; height: 500px; object-fit: cover;} 
.caselist li:hover{ box-shadow: 0 0 10px rgba(218, 128, 52, 0.25);}
.caselist li:hover .tit{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.caselist li:hover .desc{ transform:translateY(0) ;opacity: 1; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
.caselist li .tit:hover{ color: #da8034;}
.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); }
.contactImg{ width: 100%;  height: 100%; object-fit: cover; }
.contacneiBan   .txt{ padding-bottom: 380px;}
.contactTop{ box-shadow: 0 0 10px rgba(218, 128, 52, 0.25); border-radius: 20px; margin-top: -350px; position: relative;z-index: 10; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.contactTop .left{ width: 38%; }
.contactTop .right{ width: 62%;}
 
.contactItem{ width: 31.5%;}
.contactCenter .contactItem:nth-child(1){ background: url(img/bg9.jpg) no-repeat right top #f7f7f7;  background-size: auto 100%; }
.contactCenter .contactItem:nth-child(2){ background: url(img/bg10.jpg) no-repeat right top #f7f7f7;  background-size: auto 100%; }
.contactCenter .contactItem:nth-child(3){ background: url(img/bg11.jpg) no-repeat right top #f7f7f7;  background-size: auto 100%; }
.contactIcon{  width: 80px; height: auto;}
.contactItem .txt{ width: calc(100% - 100px);}
.f90{font-family: '??????' ;}
.map{ width: 100%; height: 600px;}
.rightWindow{ padding:20px 0; width: 78px; z-index: 100; position: fixed; border-radius: 39px; bottom: 20vh; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 39px; -moz-border-radius: 39px; -ms-border-radius: 39px; -o-border-radius: 39px; }
.rightWindow  li{ position: relative;}
.rightWindow  li + li{ margin-top: 10px; }
.rightWindow  .img{ width: 50px; margin-left: auto; margin-right: auto; height: 50px; border-radius: 50%; box-shadow: 0 0 10px rgba(218, 128, 52, 0.25);  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.rightWindow li:hover .img{ box-shadow: 0 0 10px rgba(218, 128, 52);}
.ewmBox{ width: 120px; position: absolute; top: 50%;  right: 88px; margin-top: -60px; display: none;animation: rightFloat .3s;}
.rightWindow  li:hover .ewmBox{ display: block;}
.WindowtEL{ width: auto; position: absolute; top:0;  right: 88px; display: none; animation: rightFloat .3s;  }
.rightWindow  li:hover .WindowtEL{ display: block;}
.j-gotop{ display: none;}
.j-gotop.show{ display: block;}



 
.culture ul{ border-left: 1px solid #da8034;}
.culture ul li{ position: relative;}
.culture ul li .title::before{ width: 6px; height:6px; display: block; content: ''; position: absolute; left: -3px; top: 50%; margin-top: -3px; border-radius: 50%; background-color: #da8034; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.culture ul li .title .line{ width: 40px; height: 1px;}
.culture ul li .title .num{ margin: 0 15px; width:55px; height: 55px; border-radius: 50px; border: 1px double #da8034; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.culture ul li .title .num::after{ width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; border-radius: 50%; background-color: #da8034; display: block; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.culture ul li .title .num span{ position: relative;  z-index: 5;}
.culture ul li .title .tit{ width: 280px; height: 55px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.culture ul li .con{ padding-left: 125px;}

.Picture{ background-color: #1e1d19; height: 100vh;}
.Picture ul li{ position: absolute;}
.Picture ul li:nth-child(1){ left: 0; bottom: 0; width: 18%;}
.Picture ul li:nth-child(2){ left: 26%; bottom: 10vh; width: 31%;}
.Picture ul li:nth-child(3){ left: 60%; bottom: 10vh; width: 14%;}
.Picture ul li:nth-child(4){ left: 65%; top: 5vh; width: 22%;}
.Picture ul li:nth-child(5){ right: 0; bottom: 0; width: 19%;}
.Picture ul li: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) ; }
.Picture .tit{ position: absolute; top: 5vh; left:12% ; z-index: 10;}
.Picture .tit .more{ border: 2px solid #FFF; padding: 10px 40px;}
.Picture .tit .more span{ position: relative ;  z-index: 5; color: #fff;}
.Picture .tit .more:hover{ background-color:#fff; box-shadow: 0 0 10px rgba(255, 255, 255, 0.4); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.Picture .tit .more:hover span{color: #da8034;}
.Picture .kuan{ width: 200px; height: 200px; position: absolute; z-index: 10;}
.Picture .kuan.k1{ left: 50%; top: 10vh;}
.Picture .kuan.k2{ right: 0; top: 40vh;}

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