body{ background: #f8f9fa}

.ind_title { padding: 0; margin: 0; font-weight: normal; line-height: 1}
.ind_title em{ color: #a78359; display: inline-block; position: relative; text-transform: uppercase}
.ind_title em:after{ content: ''; position: absolute; width: 120%; height:100%; left: 0; bottom: 0; background:linear-gradient(rgba(248, 249, 250,0.5) 10%, rgba(248, 249, 250, 1) 90%)}
.ind_title span{ display: block; color: #000; font-weight: bold}
@media(max-width:1024px){
.ind_title{ padding-top:5%; padding-bottom:3%}
.top_h{ display: none}
.index_banner .top_h{ display:block}
}
.index_banner .top_h{ display: none}
.index_banner .banner,
.index_banner .slick-list,
.index_banner .slick-track,
.index_banner .item,
.index_banner .pic{ height: 100%}

.index_banner .link{ position:absolute; width:100%; height:100%}
.index_banner .pic{ background:no-repeat center bottom; background-size: cover;}
.index_banner .pic img{  display: none;}
.index_banner .item{ position: relative}
.index_banner .fonttxt{ z-index: 5; position: absolute; top: -20%; width:53%; text-align: center; left: 0; right: 0; margin: auto; opacity: 0; transition: 0.6s;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.index_banner .slick-current .fonttxt{ top: 50%; opacity: 1}


.index_banner .slick-prev{left:3%;}
.index_banner .slick-next{ right:3%; }
.index_banner .slick-dots{ bottom:6%}
.index_banner .slick-dots li{ border:solid 1px transparent; padding:1px; margin:0px 10px;}
.index_banner .slick-dots li button{ background:#fff;border-radius:0;opacity:0.5}
.index_banner .slick-dots li.slick-active { border-color:#fff}
.index_banner .slick-dots li.slick-active button{ opacity:1}





@media(max-width:1024px){
.index_banner .pic{ background: none !important;}
.index_banner .pic img{  display: block;}
}




.index_about .article{ position: relative}
.index_about .txt{ padding: 8% 0}
.index_about .more{ display: inline-block; position: relative;}
.index_about .more a{ color: #a78359}
.index_about .more:after,
.index_about .more:before{ content: ''; position: absolute; transition: 0.5s}
.index_about .more:after{width: 180%; left: 120%; height: 1px; top: 50%; background: #a78359;}
.index_about .more:before{right: -220%; top:0; bottom: 0; margin: auto; width: 6px; height: 6px; transform: rotate(-45deg); border-right: solid 1px #a78359;border-bottom: solid 1px #a78359}
.index_about .more:hover:after{width:220%; }
.index_about .more:hover:before{right: -260%; }
@media(min-width:1025px){
.index_about .fl_fr .info{ position: absolute; right: 0; top: 50%; width: 43.75%; 
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.index_about .fl_fr .photo{width: 50%}
}
@media(max-width:1024px){
.index_about .txt{ padding:4% 0}
.index_about .info{ padding-bottom:3%}
}

.index_business .titlebox{ position:relative; z-index:100}
.index_business .ind_title{ float:left;}
.index_business .tab_title{ float:right; text-align:center; position:relative; margin-bottom:-28px;}
.index_business .tab_title li{ float:left;transition: 0.5s;}
.index_business .tab_title li:not(:first-child){ margin-left:30px;}
.index_business .tab_title li{overflow:hidden; padding-bottom:30px;}
.index_business .tab_title li a{ color:#a78359; display:block; position:relative; padding:30px 15px; cursor:pointer; min-width:140px; text-align:center;}
.index_business .tab_title li img{ width:50px; height:50px;}
.index_business .tab_title .show{    transform: translateY(12px);}
.index_business .tab_title .show a{ color:#fff; background:#a78359}
.index_business .tab_title .show a:after{ content:''; position:absolute; margin:auto; width:2px; left:0; right:0; bottom:-24px; border:solid 12px transparent; border-top-color:#a78359}
.index_business .tab_title .show img{transform: translateY(200px); filter: drop-shadow(#fff 0 -200px);}
.index_business .listbox{ position:relative}
.index_business .large_list .pic span{ padding-bottom:37.5%;}
.index_business .small_list{ position:absolute; max-width:650px; width:80%; margin:auto; left:0; right:0; bottom:5%;display: none;}
.index_business .small_list .item{ padding:0px 8.5px;}
.index_business .small_list .item a{ cursor:pointer;}
.index_business .small_list .pic span{ padding-bottom:57%}
.index_business .small_list .slick-current .pic{    border: 2px solid #a78359;}
.index_business .slick-track{ margin:auto}
.index_business .hide{ height:0; overflow:hidden}
@media(max-width:640px){
.index_business .ind_title,
.index_business .tab_title{ float:none;}
.index_business .tab_title { bottom:-22px;}
.index_business .tab_title li{ width:33.333%;}
.index_business .tab_title li:not(:first-child){ margin-left:0}
.index_business .tab_title li a{ min-width:inherit; padding:5px;}
.index_business .large_list .pic span{ padding-bottom:60%}
.index_business .small_list{ position:inherit; padding-top:3%}

}

.index_news .ind_title { text-align: center; margin-bottom:4%}
.index_news .list{ margin-left: -25px; margin-right: -25px;}
.index_news .item{ padding: 0 25px}
.index_news .item a{ display: block; color: #555}
.index_news .item .pic span{ padding-bottom: 70%; background-size: contain}
.index_news .item .txt{ padding:6% 10%; background: #fff}
.index_news .item h4{ margin-bottom:3%; color: #333}
.index_news .item p{ line-height: 30px; height: 60px;}
.index_news .item .time{ padding-top:8%; padding-bottom: 2%}
.index_news .item .time span{ float: right}
@media(max-width:1024px){
.index_news .list{ margin-left: -10px; margin-right: -10px;}
.index_news .item{ padding: 0 10px}
}
@media(max-width:640px){
.index_news .list{ margin-left:0; margin-right:0;}
.index_news .item{ padding: 0}
}

.index_link .item{ float: right; width: 65%; position: relative}
.index_link .item .pic span{ padding-bottom:31.25%;}
.index_link .item .txt{ color: #fff; position: absolute; width: 86%; height: 86px; text-align: right; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.index_link .item .box{ display: inline-block; text-align: center}
.index_link .item:nth-child(1){ float: left;width: 32.5%;}
.index_link .item:nth-child(1) .txt{ text-align: center}
.index_link .item:nth-child(1) .pic span{ padding-bottom:132.694%;}
.index_link .item:nth-child(3){ margin-top:2.5%}
@media (max-width:1024px) {
.index_link { padding:3% 0}
}

@keyframes firstPart {
	0% {bottom: 40px;}
	100% {bottom: 20px;	}
}
@-webkit-keyframes firstPart
{
	0% {bottom: 40px;}
	100% {bottom: 20px;	}
}
.mousetip { display:none;
	background: url(../images/mousetip.png) no-repeat;
	width: 62px;
	height: 63px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -31px;
	z-index: 100;
	cursor: pointer;
	animation-name: firstPart;
	animation-duration: 0.8s;
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	-moz-animation-name: firstPart;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	-webkit-animation-name: firstPart;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-o-animation-name: firstPart;
	-o-animation-duration: 0.8s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0.3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-play-state: running;
}
.mousetip.up{ background-image: url(../images/mousetip_up.png);}