/* ========== */
/* = 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; }
.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:4%; left:50%; margin-left: -17px; top:auto; right:auto; width: 34px; height: 88px; background: url(../images/home/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%);
	}
}



/* ========== */
/* = BANNER = */
/* ========== */
.banner{ position:absolute; top:0; left:0; width: 100%; height: 100%;}
.banner-text{ position: absolute; width: 100%; left:0; top:50%; color: #FFFFFF; text-align: center;}
.banner-text h2{ font-size:60px; letter-spacing: 2px; padding-bottom: 20px; position: relative;}
.banner-text h2:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -24px; width: 48px; height:4px; background: #FFFFFF;}
.banner-text .text-cn{ margin:20px auto 0; max-width: 820px; font-size: 30px; }
.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(-50%); -webkit-transform: translateY(-50%);}
.banner-text .button-bubble{ margin:40px auto 0; 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);} 

@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{ font-size:30px; 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;}

/* ========== */
/* = HOME-ABOUT = */
/* ========== */
.home-about-bg{ background-image: url(../images/home/home_about_bg.jpg);}
.home-about{ width: 100%;}
.home-about .home-tit{ opacity: 0; 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(30%); -webkit-transform: translateY(30%);}
.home-about li .item{ background: #FFFFFF; border-radius: 10px; padding:30% 0; text-align: center;}
.home-about li .item span{  display: inline-block; margin-top:20px; font-size: 70px; color: #ff7f5b;}
.home-about li .item .num{ display: inline-block; padding-right:25px; position:relative;}
.home-about li .item .num em{ position: absolute; top:0; right:0; font-size:36px;}
.home-about li .item div{ margin-top: 15px; color: #333333;}
.home-about li .item p{ margin-top:10px; font-size: 12px; text-transform: uppercase; color: #1cb19c;}
.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: 10px; font-size:40px;}
}



/* ========== */
/* = HOME-SERVICES = */
/* ========== */
.home-services{ width: 100%;}
.home-services .png{ position: absolute; bottom:0; left:0; width: 570px; height: 360px; background-image: url(../images/home/home_service_png.png);}
.home-services .bg{ position: absolute; top:0; right:0; width:57%; height:100%; background-image: url(../images/home/home_service_bg.jpg); background-position:top right;}
.home-services .inner-wrap{ position: relative; z-index:1;}
.home-services .left{ float: left; width:30%; max-width:400px; padding-top: 30px; text-align:left; opacity: 0; transform:translateX(-30%);  -webkit-transform:translateX(-30%);}
.home-services .left .home-tit{ text-align: left;}
.home-services .left .button-bubble{ margin-top: 65px;}
.home-services .right{ float: right; width: 66%; background: #FFFFFF; border-radius: 10px;  padding: 0 45px; opacity: 0; transform:translateX(30%);  -webkit-transform:translateX(30%);}
.home-services .slick-dots{ bottom:40px;}
.home-services .slick-slide{ padding: 0 35px 90px; text-align:left;}
.home-services .item{ margin-top: 55px;}
.home-services .item img{ margin: 0;}
.home-services .item span{ width: 120%; margin-top: 25px; padding-bottom: 15px; display: block; font-size:12px; color: #333333; text-transform: uppercase; position: relative;}
.home-services .item span:after{ content:""; position: absolute; bottom:0; left:0; display: block; width: 30px; height: 2px; background: #80d0b4;}
.home-services .item em{ font-size: 16px; font-style: normal;}
.home-services .item p{ margin-top: 15px; line-height: 24px; color:#999999;}
.home-services .item p i{ font-style: normal; color: #ff673d;}
.home-services .item a:hover img{ animation:bounce 1s; -webkit-animation:bounce 1s;}

.home-services.animation .left{ opacity: 1; transform:translateX(0%);  -webkit-transform:translateX(0%);}
.home-services.animation .right{ opacity: 1; transform:translateX(0%);  -webkit-transform:translateX(0%);}

@media (max-width:1480px) {
	.home-services .png{ width:400px; height: 253px;}
	.home-services .left .button-bubble{ margin-top:35px;}
	.home-services .right{ padding: 0 20px;}
	.home-services .slick-slide{ padding: 0 15px 85px;}
	.home-services .item{ margin-top:40px;}
	.home-services .item span{ margin-top:15px;}
	.home-services .item em{ font-size: 13px;}
	.home-services .item p{ font-size: 12px; line-height: 22px;}
}



/* ========== */
/* = HOME-TEAM = */
/* ========== */
.home-team-bg{ position: absolute; z-index: 0; top:0; left:0; width: 100%; height: 60%; background: #fffcee;}
.home-team{ position: relative; z-index: 1; width: 100%;}
.home-team .home-tit{ opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-team .content{ margin:0 auto; max-width: 1740px; padding:0 170px; opacity: 0; transform: translateY(30%); -webkit-transform: translateY(30%);}
.home-team .slick-slide{ padding:35px 20px;}
.home-team .item{ background:#fff; }
.home-team .item a{ display: block;}
.home-team .item .img{ width: 100%; overflow: hidden; border-radius: 10px;}
.home-team .item .img img{ width: 100%;}
.home-team .item .text{ width: 90%; max-width: 260px; margin:-140px auto 0; background: #FFFFFF; padding: 20px 20px 15px; text-align: left; position: relative; z-index:1;  border-radius: 10px; -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 .text span{ padding-bottom: 20px; display: block; font-size: 22px; 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;}
.home-team .item .text span:after{ content:""; position: absolute; bottom:0; left:0; display: block; width: 30px; height: 2px; background: #80d0b4; -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 .text div{ margin-top: 20px; line-height: 20px; height: 100px; overflow: hidden; color: #999999; 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: #44b693; }
.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:0 auto; opacity: 0; transform: translateY(60%); -webkit-transform: translateY(60%); 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 (max-width:1640px) {
	.home-team .content{ padding: 0 130px; }
	.home-team .slick-prev,
	.home-team .slick-next{ width:50px; height:50px;}
	.home-team .slick-prev{ left:-70px;  }
	.home-team .slick-next{ right:-70px;  }
}
@media (max-width:1440px) {
	.home-team .slick-slide{ padding:30px 15px;}
	.home-team .item .text span{ padding-bottom:12px; font-size: 18px;}
	.home-team .item .text div{ margin-top: 12px;}
}
@media (max-width:1440px)and (max-height:710px){
	.home-team .item{ max-width:95%; margin: 0 auto;}
	.home-team .home-tit p{ margin-top: 5px;}
	.home-team .slick-slide{ padding: 12px 10px;}
	.home-team .item .text{width: 92%; margin-top: -160px; padding: 15px; font-size: 11px;}
	.home-team .item .text p{  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}




 
/* ========== */
/* = HOME-STORY = */
/* ========== */
.home-story{ width: 100%;}
.home-story .top{ position: relative; padding-right: 300px;  opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-story .home-tit{ text-align: left; }
.home-story .home-tit p{ max-width: 100%;}
.home-story .button-bubble{ position: absolute; top:25px; right:0;}
.home-story .content{  opacity: 0; transform: translateY(30%); -webkit-transform: translateY(30%);}
.home-story .slick-next,
.home-story .slick-prev{ transform: translateY(-70px); -webkit-transform: translateY(-70px); background-color: rgba(255,255,255,.5);}
.home-story .slick-prev{ left:5%;}
.home-story .slick-next{ right:5%;}
.home-story .slick-slide{ padding:35px 0; }
.home-story .item{ border-radius:12px; overflow: hidden; -o-box-shadow:0 5px 10px rgba(0,0,0,.05); -ms-box-shadow:0 5px 10px rgba(0,0,0,.05); -moz-box-shadow:0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.home-story .item a{ display:block;}
.home-story .item .img{ overflow: hidden;}
.home-story .item .img img{ width: 100%;}
.home-story .item .text{ padding:0 50px 25px; background: #FFFFFF; text-align: left; -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-story .item .tip{ padding:17px 0; border-bottom:1px solid #efeeed; -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-story .item .tip span{ float: left; width:49%; margin-right:1%; display: block; background-repeat: no-repeat; background-position: left center; padding-left:30px; }
.home-story .item .tip span:nth-child(1){ background-image: url(../images/ico_dog_red.png);}
.home-story .item .tip span:nth-child(2){ background-image: url(../images/ico_foot_red.png);}
.home-story .item .tit{ margin-top: 15px; font-size: 18px; color:#333333; -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-story .item .des{ margin-top: 10px; color: #aaaaaa; -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-story .item a:hover .text{ background: #44b693; }
.home-story .item a:hover .tip{ border-bottom:1px solid #FFFFFF; color: #FFFFFF;}
.home-story .item a:hover .tip span:nth-child(1){ background-image: url(../images/ico_dog_white.png);}
.home-story .item a:hover .tip span:nth-child(2){ background-image: url(../images/ico_dog_white.png);}
.home-story .item a:hover .tit{ color:#FFFFFF;}
.home-story .item a:hover .des{ color: #FFFFFF;} 

.home-story.animation .top{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-story.animation .content{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

@media (max-width:1480px) {
	.home-story .item .text{ padding:0 25px 20px;}
	.home-story .item .tit{ font-size: 16px;}
}
@media (max-width:1440px)and (max-height:710px){
	.home-story .home-tit p{ margin-top: 5px;}
	.home-story .slick-slide{ padding: 15px 0 10px;}
	.home-story .item .tip{ padding: 10px 0;}
	.home-story .item .text{ padding: 0 20px 10px;}
	.home-story .item .tit{ margin-top: 8px;}
	.home-story .item .des{ margin-top: 6px;}
}



/* ========== */
/* = HOME-CUSTOMER = */
/* ========== */
.home-customer { width: 100%;}
.home-customer .png{ position: absolute; bottom:0; left:0; width: 550px; height:420px; background-image: url(../images/home/home_customer.jpg);}
.home-customer .bg{ position: absolute; top:0; right:0; width:62.5%; height:100%; background-image: url(../images/home/home_customer_bg.jpg); background-position:center right;}
.home-customer .png2{ position: absolute; top:-160px; left:2%; width: 150px; height:160px; background-image: url(../images/home/home_customer_png.png);}
.home-customer .content{ position: relative; z-index:1;}
.home-customer .left{ float: left; width:32%; padding-left: 12%;  opacity: 0; transform:translateX(-30%);  -webkit-transform:translateX(-30%);}
.home-customer .home-tit{ text-align:left;  padding-top:50px;}
.home-customer .button-bubble{ margin-top: 85px;}
.home-customer .right{ float: right; width: 68%;  opacity: 0; transform:translateX(30%);  -webkit-transform:translateX(30%);}
.home-customer .slick{ margin-right: -14%;}
.home-customer .slick-next{ right:20%; background-color: #FFFFFF;}
.home-customer .slick-prev{ display: none; opacity: 0;}
.home-customer .slick-slide{ padding:20px; border-radius: 5px;}
.home-customer .item{ background: #FFFFFF; border-radius:12px; -o-box-shadow:0 10px 30px rgba(191,42,0,.08);  -ms-box-shadow:0 10px 30pxrgba(191,42,0,.08); -moz-box-shadow:0 10px 30px rgba(191,42,0,.08); -webkit-box-shadow:0 10px 30px rgba(191,42,0,.08); box-shadow:0 10px 30px rgba(191,42,0,.08);}
.home-customer .item a{ display: block; padding: 50px; text-align: left;}
.home-customer .item .img{ float:left; border-radius: 100%; overflow:hidden; width: 50px;}
.home-customer .item .img img{ width: 100%; }
.home-customer .item .tit{ margin-left: 78px; position: relative;}
.home-customer .item .tit p{ font-size: 18px; color: #333333; line-height:34px; padding-right:80px;}
.home-customer .item .star{ font-size: 0;}
.home-customer .item .star span{ margin-right: 8px; display: inline-block; vertical-align: middle; width:16px; height: 16px; background-size: cover; background-image: url(../images/star.png);}
.home-customer .item .star .cur{ background-image: url(../images/star_2.png);}
.home-customer .item .date{ position: absolute; top:8px; right:0; color: #cccccc;}
.home-customer .item .des{ margin-top: 30px; font-size: 14px; color: #999999; line-height: 30px; height: 120px; overflow: hidden;}
.home-customer.animation .left{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-customer.animation .right{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}


@media (max-width:1480px) {
	.home-customer .png{ width:400px; height:305px; }
	.home-customer .png2{ top:-100px; width: 100px; height:107px;}
	.home-customer .left{ padding-left:100px;}
	.home-customer .slick-slide{ padding:20px 15px;}
	.home-customer .item a{ padding:40px;}
	.home-customer .item .star span{ margin-right: 5px;}
}




/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ width: 100%; text-align: left; }
.home-news .top{ position: relative; padding-right:500px; 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: #999999;}
.home-news .tab span.active{ color: #00ada2; border: 1px solid #00ada2;}
.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: #1cb19e;}
.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);}
.home-news .right{ float: right; width: 52.5%;}
.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: #999999;}
.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 #1cb19e; color: #ff7f5b; font-size: 18px;}
.home-news .right-box .des{ margin-top:30px; line-height: 30px; height: 60px; overflow: hidden; color: #999999;}
.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: 14px; color: #333333;} 
.home-news .right li span{ position: absolute; top:0; right:0; font-size: 12px; color: #999999;}
.home-news .right li a:hover{ color: #1cb19e;}
.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: 55px 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: 50px; height: 50px; 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;}
}






/* ========== */
/* = HOME-CONTACT = */
/* ========== */
.home-contact #allmap{opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-contact .inner-wrap{ opacity: 0; transform: translateY(30%); -webkit-transform: translateY(30%);}

.footer{ opacity: 0; transform: translateY(30%); -webkit-transform: translateY(30%); transition-delay: .2s; -webkit- transition-delay: .2s;}
.home-contact.animation #allmap{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-contact.animation .inner-wrap{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.footer.animation{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

@media (max-height:820px) {
	.home-contact #allmap{ height:300px;}
	.home-message{ margin-top: 30px;}
}

@media (max-height:680px) {
	.home-contact #allmap{ height:250px;}
	.home-message{ margin-top: 30px;}
	.home-message .left .img{ margin-top:40px;}
	.home-message .left .text{ margin-top:35px;}
	.home-message .right .text textarea{ height: 80px;}
}