/* ========== */
/* = home = */
/* ========== */
.header{ position:fixed; top:0; left:0; z-index: 999; } 
.footer{ position: absolute; bottom:0; left:0; }
html, body { position: relative; height: 100%; background: #fff !important; }
.swiper-home{  width: 100%;  height: 100%; }
.swiper-home .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  padding-top: 90px; overflow: hidden;}
.swiper-home .swiper-button-next{ bottom:3%; left:50%; margin-left: -17px; top:auto; right:auto; width: 34px; height: 88px; background: url(banner-button.png)}

.top50{
	-webkit-transform: translate(0,-50%); 
	-o-transform: translate(0,-50%);  
	-moz-transform: translate(0,-50%); 
	transform: translate(0,-50%);
}
.arrowGo{
	 animation: arrowGo 2.5s infinite; 
	 -webkit-animation: arrowGo 2.5s infinite ; 
}

@-webkit-keyframes arrowGo {
	0%{ 
		-webkit-transform: translate(0, 30%);
	}
	50%{ 
		-webkit-transform: translate(0, 0%);
	}
	100%{
		-webkit-transform:translate(0, 30%);
	}
}
@keyframes arrowGo {
	0%{ 
		transform: translate(0, 30%);
	}
	50%{
		transform: translate(0, 0%);
	}
	100%{
		transform:translate(0, 30%);
	}
}
@media (max-width:1024px) {
	
	.right{ display:none}
}
.hd{  width: 100%;  }
.hd .animation .con{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.hd .animation .button-bubble{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
/* ========== */
/* = BANNER = */
/* ========== */
.banner{ position:absolute; top:5%; left:-18%; width: 100%; height: 100%;}/* gaibili_hd position */
.banner-text{ position: absolute; width: 100%; left:0%;  top:45%; color: #FFFFFF; }
.banner-text .text-cn{ margin:0px auto 0; max-width: 1200px;}/*820px */
.banner-text .text-en{ margin:20px auto 0; max-width: 730px; font-size: 16px; line-height: 24px; text-transform: uppercase; opacity:.6;}
.banner-text .con{ opacity: 0; transform: translateY(-40%); -webkit-transform: translateY(-40%);}
.button-bubble{ margin:30px auto 0px ; opacity: 0; transform: translateY(60%); -webkit-transform: translateY(60%);}

/* ========== */
/* = BANNER ANIMATION = */
/* ========== */
.banner-text.animation .con{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.banner-text.animation .button-bubble{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.ceshi {width:28%; position:absolute;z-index:2; left:80% ;top:2%;}
.ceshi img{transform:translateX(10%) }
.ceshi:hover img{ animation:mymove 2s ; -webkit-animation:mymove 1s  }
@keyframes mymove
{
	
	0% {transform: translateX(30%);}
  
	100% {transform:translateX(10%)}
}

@-webkit-keyframes mymove 
{
	0% {-webkit-transform: translateX(10%);}
	
	100% {-webkit-transform: translateX(0%);}
}
@media (max-width:1400px){
	.banner-text h2{ font-size:50px;}
	.banner-text .text-cn{ font-size:26px;}
}

.home-tit{ text-align: center; }
.home-tit div{  color: #333333; text-transform: uppercase; }
.home-tit span{ margin-top:5px; display: block; font-size: 18px; color: #333333;}
.home-tit p{ margin:20px auto 0; max-width: 650px; line-height: 30px;}
@media ( max-width:1366px){
	.banner-text { position: absolute;  left:0%;  top:48%; color: #FFFFFF;}
	.banner-text .text-cn{ margin:0px auto 0; max-width:800px;}
}

/* ========== */
/* = BANNER = */
/* ========== */
/*.banner{ position:absolute; top:2%; left:-18%; width: 100%; height: 100%;} gaibili */
.banner-textxx{ position: absolute; width: 100%; left:0%;  top:45%; color: #FFFFFF; }
.banner-textxx .text-cn{ margin:0px auto 0; max-width: 820px;}
.banner-textxx .text-en{ margin:20px auto 0; max-width: 730px; font-size: 16px; line-height: 24px; text-transform: uppercase; opacity:.6;}
.banner-textx .con{ opacity: 0; transform: translateY(-40%); -webkit-transform: translateY(-40%);}
.button-bubble{ margin:30px auto 0px ; opacity: 0; transform: translateY(60%); -webkit-transform: translateY(60%);}

/* ========== */
/* = BANNER ANIMATION = */
/* ========== */
.banner-textxx.animation .con{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.banner-textxx.animation .button-bubble{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.ceshi {width:28%; position:absolute;z-index:2; left:80% ;top:2%;}
.ceshi img{transform:translateX(10%) }
.ceshi:hover img{ animation:mymove 2s ; -webkit-animation:mymove 1s  }
@keyframes mymove
{
	
	0% {transform: translateX(30%);}
  
	100% {transform:translateX(10%)}
}

@-webkit-keyframes mymove 
{
	0% {-webkit-transform: translateX(10%);}
	
	100% {-webkit-transform: translateX(0%);}
}
@media (max-width:1400px){
	.banner-textxx h2{ font-size:50px;}
	.banner-textxx .text-cn{ font-size:26px;}
}

.home-tit{ text-align: center; }
.home-tit div{  color: #333333; text-transform: uppercase; }
.home-tit span{ margin-top:5px; display: block; font-size: 18px; color: #333333;}
.home-tit p{ margin:20px auto 0; max-width: 650px; line-height: 30px;}
@media ( max-width:1366px){
	.banner-textxx { position: absolute;  left:0%;  top:48%; color: #FFFFFF;}
	.banner-textxx .text-cn{ margin:0px auto 0; max-width:800px;}
}

/* ========== */
/* = HOME-SERVICES = */
/* ========== */
.home-services{ width: 100%; }
.home-services .inner-wrap{width: 100%;  left:-6%; top:50%; position: relative; z-index:1}
.home-services .con{ opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.home-services .conbottom{ opacity: 0; transform: translateY(20%); -webkit-transform: translateY(20%); }
.home-services .tcdiv{width:100%;max-width:1000px; margin-left:0px;/* margin: 0px auto;*/  }
.home-services .tcdiv .div{ margin-bottom:10px;margin: 0px auto;}
.home-services .item{ float:left; width:25%; margin-top: 40px; }
.home-services .item img{ margin: 0px auto; padding:0px;}
.home-services .item span{ width:100%; margin-top: 30px; padding-bottom: 0px; display: block;font-size:16px; color:#494848; text-transform: uppercase; position: relative;padding-bottom:5px;}
/*.home-services .item span:after{ content:""; position: absolute; bottom:0; left:40%; display: block; width:50px;  height: 2px; background: #f84300; }*/
.home-services  .item a:hover img{ transform: scale(1.1);
                                *-webkit-transform: scale(1.1); 
                                  -moz-transform: scale(1.1); 
                                  -o-transform: scale(1.1);
                                  -ms-transform: scale(1.1); }
/* ========== */
/* = home-services ANIMATION = */
/* ========== */

.home-services.animation .con{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-services.animation .conbottom{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

@media (max-width:1480px) {
	
	.home-services .item{ margin-top:10px;}
	.home-services .item span{ margin-top:15px;}
}
@media (max-width:1366px) { 

   .home-services .tcdiv{ width:80%;}
   
}
@media (max-height:668px) {
	   
   .home-services .tcdiv{ width:74%;}
   
}

/* ========== */
/* = HOME-ABOUT = */
/* ========== */
.home-about-bg{ background-image: url(../banner3.jpg);background-repeat:no-repeat; background-position:100% 100%;}
.home-about{ width: 100%;}
.home-about .home-tit{/**/opacity: 1; transform: translateY(50%); -webkit-transform: translateY(50%);}
.home-about ul{ margin: 50px -15px;}
.home-about li{ float: left; width: 20%; padding:0 15px; /**/opacity: 0; transform: translateY(10%); -webkit-transform: translateY(10%);}
.home-about li .item{  background: rgba(255,255,255,0.6); border-radius: 10px; padding:30% 0; text-align: center;}

.home-about li .item span{  display: inline-block; margin-top:20px; font-size: 70px; color:#bf9d5a /*#9c9c9b*/;}
.home-about li .item .num{ display: inline-block; padding-right:0px; position:relative;}
.home-about li .item .num em{position: absolute; top:0; right:0; font-size:20px;}
.home-about li .item div{ margin-top: 15px; color: #221815;}
.home-about li .item p{ margin-top:10px; font-size: 12px; text-transform: uppercase; color: #737373;}
.home-about .button-bubble{ margin:0 auto; opacity: 0; transform: translateY(60%); -webkit-transform: translateY(60%);}

.home-about.animation .home-tit{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-about.animation li{  opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-about.animation li:nth-child(2){  transition-delay: .2s; -webkit- transition-delay: .2s;}
.home-about.animation li:nth-child(3){  transition-delay: .4s; -webkit- transition-delay: .4s;}
.home-about.animation li:nth-child(4){  transition-delay: .6s; -webkit- transition-delay: .6s;}
.home-about.animation li:nth-child(5){  transition-delay: .8s; -webkit- transition-delay:.8s;}
.home-about.animation .button-bubble{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

@media (max-width:1480px) {
	.home-about li .item{ padding:15% 0;}
	.home-about li .item span{ font-size:58px;}	
}
@media (max-height:850px) {
	.home-about li .item{ padding:15% 0;}
	.home-about li .item span{ font-size:58px;}	
}
@media (max-height:700px) {
	.home-about ul{ margin: 30px -15px;}
	.home-about li .item span{ margin-top: 40px; font-size:40px;}
}
@media (max-width:1366px) {
	.home-about .home-tit{ width:90%; margin:0px auto;}
	
}


/* ========== */
/* = HOME-TEAM anli= */
/* ========== */

.home-team{width: 100%;}
.home-team .home-tit{ opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-team .content{  margin:0 auto; width:1204px;  opacity: 0; transform: translateY(30%); -webkit-transform: translateY(30%);   }
.home-team  .item1{ width:285px; height:345px; float:left ; margin:0px 8px !important;background: url(../banner4_04.png) ;background-repeat:no-repeat; background-size:100%;}
.home-team .item{width:269px; float:left;}
.home-team .item a{ display: block;}
.home-team .item .img{ width: 100%; overflow: hidden; border-radius:22px 22px 0 0;text-align: left; height:200px }
.home-team .item .img img{ width: 100%;text-align: left;}
.text{width:269px; height:135px;background: #FFFFFF; text-align: left;position: relative; z-index:1; border-radius:0px 0px 22px 22px; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s;  transition: all ease .2s; opacity:0.9;}
.text span{padding:10px 15px; padding-bottom: 5px; display: block; font-size: 18px; color: #ff8156; position: relative; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s;  transition: all ease .2s;}
.text span:after{ content:""; position: absolute; bottom:0; left:5; display: block; width: 30px; height: 2px; background: #da9134; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s;  transition: all ease .2s;}
.text div{ padding:30px 15px;text-overflow:ellipsis; color: #221815; font-size: 12px; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s;  transition: all ease .2s;}

.home-team .item a:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-team .item a:hover .text{ background: #da9134;}
.home-team .item a:hover .text span{ color: #FFFFFF;}
.home-team .item a:hover .text span:after{ background: #FFFFFF;}
.home-team .item a:hover .text div{ color: #FFFFFF;}
.home-team .button-bubble{  margin:0px auto ; margin-top:20px; opacity: 0; transform: translateY(20%); -webkit-transform: translateY(20%); transition-delay: .2s; -webkit- transition-delay: .2s;}
.home-team.animation .home-tit{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-team.animation .content{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-team.animation .button-bubble{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%); }
@media (min-width:1640px) {
	
	.text div{ padding: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	 }
}
@media (max-width:1640px) {
	
	.text div{ padding: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	 }
}
@media (max-width:1440px) {
	.home-team .slick-slide{ padding:30px 15px;}
	.home-team .item .text span{ padding-bottom:12px; font-size: 18px;}
	
}
@media (max-width:1440px)and (max-height:710px){
	.item{ max-width:95%; margin: 0 auto;}
	.home-team .home-tit p{ margin-top: 5px;}
	.text{  padding: 15px; font-size: 11px;}
	.text div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
 
@media (max-width:1366px) {
   
  .home-team .home-tit{ width:90%; margin:0px auto}
  .home-team .content{ width:1044px; margin:0px auto}
  .home-team .item1{ width:245px; height:305px;}
  .home-team .item{ width:230px; }
  .text{ width:230px;height:95px;}
  .text div{ display:none}
  
}

/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ width: 100%; text-align: left; }
.home-news .top{ position: relative;/* padding-right:800px; */opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-news .home-tit{ text-align:  left; }

.home-news .home-tit p{ max-width: 100%;}
.home-news .tab{ position: absolute; top:15px; right:0;}
.home-news .tab span{ cursor: pointer; display: inline-block; padding:0 30px; height: 32px; line-height:30px;  border-radius:16px; border:1px solid #FFFFFF; color: #221815;}
.home-news .tab span.active{ color: #ee7800; border: 1px solid #ee7800;}
.home-news .js-tab-box{ opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%);}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display:block;}
.home-news .content{ margin:55px 0;}
.home-news .left{ float:left; width: 40%; border-radius:10px; overflow: hidden;}
.home-news .left a{ display: block;}
.home-news .left .img{ width: 100%; overflow: hidden;/**/}
home-news .left .img img{ width: 100%;}
.home-news .left .text{ padding: 30px 50px; color: #FFFFFF; background: #bf955e;}
.home-news .left .date{ float: left;}
.home-news .left .date span{ display: block; font-size: 40px;}
.home-news .left .date p{ font-size: 12px;}
.home-news .left .date i{ margin-top: 20px; display: block; width: 48px; height: 48px; background: url(../images/home/home_news_ico.png);}
.home-news .left .tit{ margin-left: 80px;}
.home-news .left .tit span{ display:block; padding-bottom: 30px; border-bottom:1px solid #FFFFFF; font-size: 18px;}
.home-news .left .tit p{ margin-top: 25px; line-height: 30px; height: 60px; overflow: hidden;}
.home-news .left a:hover .img img{ transform:scale(1.1); -webkit-transform: scale(1.1);}
/*2*/
/**/
/**/
.home-news .right{ float: right; width: 52%;}
.home-news .right-box { border-radius: 10px;}
.home-news .right-box a{ display: block; padding: 40px 130px 40px 45px; position: relative;}
.home-news .right-box .date{ position: absolute; top:40px; right:30px;}
.home-news .right-box .date span{ display: block; font-size: 40px;}
.home-news .right-box .date p{ font-size: 12px; color: #221815;}
.home-news .right-box .date i{ margin-top: 25px; display: block; width: 48px; height: 48px; background: url(../images/home/home_news_ico.png);}
.home-news .right-box .tit{ padding-bottom:25px; display: block;  border-bottom:1px solid #da9134; color: #ff7f5b; font-size: 18px;}
.home-news .right-box .des{ margin-top:30px; line-height: 30px; height: 60px; overflow: hidden; color: #221815;font-size: 16px;}
.home-news .right ul{ margin-top: 5px;}
.home-news .right li{ line-height: 66px; height: 66px; border-bottom:1px solid #eeeeee;}
.home-news .right li a{ display: block; position: relative; padding-right: 100px; font-size: 16px; color: #333333;} 
.home-news .right li span{ position: absolute; top:0; right:0; font-size: 16px; color: #221815;}
.home-news .right li a:hover{ color: #da9134;}
.home-news .button-bubble{ margin:0 auto;}

.home-news.animation .top{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-news.animation .js-tab-box{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

.home-news .xz-list{ padding: 100px 0; }
.home-news .xz-list li{ float: left; width:22%; margin-right:4% }
.home-news .xz-list li:nth-child(4n){ margin-right: 0 }
.home-news .xz-list li a{ display: block;  font-size: 14px; color: #333333; line-height: 20px; height: 20px; border-bottom:1px solid #eeeeee;}


@media (max-width:1480px) {
	.home-news .right-box a{ padding: 35px 130px 35px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:20px;}
	.home-news .right-box .des{ margin-top:20px; }
	.home-news .right li{ line-height: 62px; height: 62px;}


	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:48px; height:48px;}
}

@media (max-height:840px) {
	.home-news .content{ margin:30px 0;}
	.home-news .left .text{ padding: 20px 30px;}
	.home-news .left .date { margin-top: -8px;}
	.home-news .left .date span{ font-size:30px;}
	.home-news .left .date i{ margin-top: 15px;}
	.home-news .left .tit span{padding-bottom:15px;}
	.home-news .left .tit p{ margin-top: 15px; line-height: 26px; height: 54px;}
	
	.home-news .right-box a{ padding: 35px 130px 35px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:22px;}
	.home-news .right-box .des{ margin-top:22px; }
	.home-news .right li{ line-height:58px; height: 58px;}

	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:48px; height:48px;}
}

@media (max-width:1480px) and (max-height:840px) {
 
	
	.home-news .content{ margin:30px 0;}
	.home-news .left .text{ padding: 20px 30px;}
	.home-news .left .date { margin-top: -8px;}
	.home-news .left .date span{ font-size:30px;}
	.home-news .left .date i{ margin-top: 15px;}
	.home-news .left .tit span{padding-bottom:15px;}
	.home-news .left .tit p{ margin-top: 15px; line-height: 26px; height: 54px;}
	
	.home-news .right-box a{ padding: 30px 130px 30px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:15px;}
	.home-news .right-box .des{ margin-top:15px; }
	.home-news .right li{ line-height:54px; height: 54px;}
	
	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:44px; height:44px;}
}
@media (max-width:1440px)and (max-height:680px){
	.home-news .home-tit span{ margin-top: 0;}
	.home-news .content{ margin:15px 0;}
	.home-news .left{ width: 37%;}
	.home-news .right{ width: 56%;}
	.home-news .right-box a{ padding: 23px 130px 23px 45px;}
	.home-news .right-box .date{ top:23px;}
	.home-news .right-box .date i{ margin-top: 5px;}
}
@media (max-width:1366px) {
   
   .home-news .home-tit img{ width:78%; }
}
/*map*/

.home-map{ width: 100%;}
.home-map .map{opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.home-map .home-foot{opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%); margin-top:50px}
.footjs{ height:240px; margin:0px auto; width:100%;}
.footjs .footer1{ float:left;  color:#9fa0a0; }
.footjs .footer1 span{ display:block; line-height:24px; }
.footjs-ba{ background:#efefee; line-height:30px; height:0px; text-align:center}

.home-map.animation .map{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-map.animation .home-foot{  opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}