/*
* @Author: Administrator
* @Date:   2017-11-07 09:36:38
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-11 16:14:28
*/

.tab{ width: 100%; text-align: center; }
.tab li{ margin-top:150px; opacity: 1; transition: all 0.5s; cursor:pointer; margin:0px 50px; display: inline-block; font-family: 'fzqk'; color: #c8a063; font-size: 26px; text-align: center; position: relative; width: 120px;  height: 150px;}
.tab li span{  font-size: 40px; display: inline-block; padding:20px 0px 5px;}
.tab li:before{ transition: all 0.5s; content: ""; display: inline-block; width: 60px;  height: 55px; border:1px solid #c8a063; border-bottom: 0px solid #c8a063; position: absolute; top: 0px; left: 30px;}
.tab li:after{ transition: all 0.5s; content: ""; display: inline-block; width: 60px;  height: 30px; border:1px solid #c8a063; border-top: 0px solid #c8a063; position: absolute; top: 100px; left: 30px;}
.tab li:hover{ color: #6a3906; }
.tab li:hover:before{ border:1px solid #6a3906;border-bottom: 0px solid #c8a063; }
.tab li:hover:after{ border:1px solid #6a3906; border-top: 0px solid #c8a063;}

.tab li.cur{ color: #6a3906; }
.tab li.cur:before{ border:1px solid #6a3906;border-bottom: 0px solid #c8a063; }
.tab li.cur:after{ border:1px solid #6a3906; border-top: 0px solid #c8a063;}

.about{ width: 100%;}
.about .ab_left{ float:left; width: 45%; height:100%; background: url(../images/ab_bg.jpg) no-repeat left top; padding-left: 5%; padding-bottom: 10%;}
.about .ab_left .ab_tit{margin: 6% 0px 4%;}
.about .ab_left h2{ font-size: 20px; font-family: 'syst'; color: #282828; margin-bottom: 25px; width: 610px; }
.about .ab_left p{ font-size: 16px; font-family: 'syst'; color: #282828; line-height: 1.8em; width: 615px;}
.about .ab_left a{transition: all 0.5s;  display: block; width: 175px; height: 40px; border-radius: 5px; background: #c8a063; font-family: 'syst'; font-size: 16px; color: #fff; line-height: 40px; text-align: center; margin-top: 30px; }
.about .ab_left a:hover{background: #6a3906; }
.about .ab_right{ float:left; overflow: hidden; width: 50%;}
.about .ab_right img{ 
	width: 100%; 
	animation: ab_anim 10s linear 0s infinite normal;
    -moz-animation: ab_anim 10s linear 0s infinite normal;
    -o-animation: ab_anim 10s linear 0s infinite normal;
    -webkit-animation: ab_anim 10s linear 0s infinite normal;
}
.about:after{ clear:both; content: ""; display: block; height: 1px;}
@keyframes ab_anim{
    0%{ transform:scale(1,1); }
	50%{ transform:scale(1.02,1.02); }
	100%{ transform:scale(1.05,1.05); }
}



.products, .news{ width: 100%; text-align: center; background: url(../images/pro_bg.jpg) no-repeat center bottom; padding: 50px 0px; text-align: center;}
.products .more, .news .more{ transition: all 0.5s; display: inline-block; width: 175px; height: 40px; border-radius: 5px; background: #c8a063; font-family: 'syst'; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}
.products .more:hover, .news .more:hover{ background: #6a3906; }


.news{ background: url(../images/new_bg.jpg) no-repeat center bottom; }


.contact{ width: 100%; height: 100%; margin:0px auto; background: #fbfbfb; text-align: center; overflow: hidden;}
.contact .contact_con{ width: 1400px; margin:3% auto 0px; position: relative; }
.contact h1{ padding: 3% 0px 0px; opacity: 1; text-align:center;}
.contact .tact_left{ float: left; width: 50%;  text-align: left;}
.contact .tact_left p{font-family: 'syst'; color: #000; font-size: 20px; line-height: 2em; }
.contact .tact_left h2{ display: inline-block; border-top: 1px solid #c8a063; padding-top:35px; margin-top:25px;font-family: 'syst'; color: #000; font-size: 20px; }
.contact .tact_left span{ margin-top: 10px; display: inline-block; }
.contact .tact_left h5{font-family: 'syst'; color: #666; font-size: 16px; line-height: 2em; padding-top: 25px;}
.contact .tact_right{ float: right; width: 40%; padding-left: 10% ;}



.yScrollList{width:1360px;height:480px;margin:0px auto; overflow: hidden; position: relative; opacity: 1; margin-top: 50px; }
.yScrollListIn{width:100%;height:480px;position:relative;}
.yScrollListInList{display:none;width:1360px;height:480px;overflow:hidden;}
.yScrollList .yScrollListbtn{cursor:pointer;position:absolute;top:0px; right: 0px;  font-family: 'fzqk'; font-size: 30px; color: #c8a063; transition: all 0.5s;}
.yScrollList .yScrollListbtnl{right:30px;}
.yScrollList ul{width: 2388px;height:480px;position:absolute;top:50px;left:0px;overflow:hidden;}
.yScrollList ul li{width:320px;height:480px;float:left; text-align: center; margin: 10px;}
.yScrollList ul li img{width:100%;background: #d7cfc3; transition: all 0.5s}
.yScrollList ul li span{ height: 250px; overflow: hidden; display: inline-block; width: 305px; border:1px solid #e3d3bb; padding: 6px;transition: all 0.5s }
.yScrollList ul li p{ font-family: 'syst'; font-size: 20px; color: #000; line-height: 2em;transition: all 0.5s}
.yScrollList ul li:hover img{ transform: scale(1.05,1.05); }
.yScrollList ul li:hover span{ border:1px solid #6a3906; }
.yScrollList ul li:hover p{ color: #6a3906 }

.yScrollList2 ul li{ width: 430px;	}
.yScrollList2 ul li span{ border:none; width: 100%;}
.yScrollListInList ul li:hover span{ border:none; }
.yScrollListInList ul li a{ color: #000; text-align: left; font-family: 'syst';}
.yScrollListInList ul li h2{ font-size: 20px; line-height: 2em; width: 95%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yScrollListInList ul li h5{ font-size: 14px; line-height: 2em}
.yScrollListInList ul li p{ font-size: 14px; line-height: 1.8em; text-align: center; }