/*banner*/
.ad{width:100%; height:500px; overflow:hidden; position:relative;}
.sliderbanner{ width:100%; height:500px; overflow:hidden;}
.banner{ width:100%; height:500px; background-position:50% 50%; background-repeat:no-repeat;}
#pager{height:12px; text-align:center; position:absolute; z-index:100; bottom:16px;}
#pager a{display:block; height:0; line-height:0; width:12px; height:12px; margin-left:10px; background:url(../images/dot2.png) no-repeat center center;text-indent:-20000px; float:left;}
#pager a.activeSlide{ background:url(../images/dot1.png) no-repeat;}
.show{position:absolute; left:50%; margin-left:-364px; margin-top:150px;
    animation:fadeInOut 6s 1 alternate;
	-webkit-animation:fadeInOut 6s 1 alternate;
	animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    }
	
@keyframes fadeInOut {
    0% {
        opacity:0;
		filter:alpha(opacity=0);
     }
    25% {
        opacity:0.4;
		filter:alpha(opacity=40);
    }
    50% {
        opacity: 0.8; 
		filter:alpha(opacity=80);   
    }
    75% {
        opacity:1;
		filter:alpha(opacity=100);
    }
}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:0;
		filter:alpha(opacity=0);
     }
    25% {
        opacity:0.4;
		filter:alpha(opacity=40);
    }
    50% {
        opacity: 0.8; 
		filter:alpha(opacity=80);   
    }
    75% {
        opacity:1;
		filter:alpha(opacity=100);
    }
}

/*分类*/
.fenlei{ margin-top:30px;}
.fenlei ul li{ float:left; display:block; text-align:center; width:25%;}
.fenlei li img{ display:block; margin:auto; margin-bottom:8px;}
.fenlei li a{ color:#333; font-size:18px;}
.fenlei li a:hover{ color:#009944;}
/*推荐*/
.pro{ margin-top:30px;} 
.title{ border-bottom:1px dotted #ccc; line-height:40px;}
.title .biao{ font-size:20px; background:url(../images/icon_27.png) no-repeat left center; padding-left:24px; text-transform:uppercase;}
.title .more:hover{ color:#009944;} 
.reco{ margin-top:30px;}
.reco li{ float:left; width:260px; overflow:hidden; margin-left:20px; position:relative;}
.reco li img{ width:260px; height:248px; overflow:hidden;}
.reco .ming{ text-align:center; height:52px; line-height:52px; background:#3db171; color:#fff; font-size:16px; font-weight:bold;}
.reco .info{ padding:20px; position:absolute; top:0; left:0; height:208px; overflow:hidden; background:rgba(0,0,0,0.3); display:none; color:#fff; width:220px; font-size:15px;}
.reco li:hover .info{ display:block;}
/*新闻*/
.other{ margin-top:36px;}
.news{ width:700px;}
.news .new{ margin-top:30px;}
.news .new .tu{ width:250px; height:180px; overflow:hidden; padding-right:20px; border-right:1px solid #ccc;}
.news .new .wen{ width:410px;}
.wen .stit{ font-size:16px; font-weight:bold; color:#333;}
.wen .date{ color:#666;line-height:24px; margin-bottom:4px;}
.wen .neir{ color:#666; height:100px; overflow:hidden; line-height:20px;}
.newlist{ margin-top:16px;}
.newlist li{ float:left; width:340px; line-height:24px;}
.newlist li a{ background:url(../images/icon_36.png) no-repeat left center; padding-left:12px; color:#333;}
.news a:hover{ color:#009944;}
.pian{ margin-top:10px;}
.soci{ margin-bottom:28px; width:370px; height:150px; overflow:hidden;}


/*右侧悬浮菜单*/
.slide{
width: 50px;height: 200px;position: fixed;top: 50%;margin-top: -126px;background: #009944;right: 0;border-radius: 5px 0 0 5px;z-index: 999;
}
.slide ul{list-style: none;}
.slide .icon li{width: 49px;height: 50px;background: url(../img/icon.png) no-repeat;}
.slide .icon .up{background:none;}
.slide .icon li.qq{background-position:-385px -73px ;}
.slide .icon li.whats{background: url(../img/whatsapp.png) no-repeat center center;}
.slide .icon li.tel{background-position:-385px -160px ;}
.slide .icon li.wx{background-position:-385px -120px ;}
.slide .info{top: 50%;height: 147px;position: absolute;right: 100%;background: #009944;width: 0px;overflow: hidden;margin-top: -73.5px;transition:0.5s;border-radius:4px 0 0 4px ;}
.slide .info.hover{width: 145px;}
.slide .info li{width: 145px;color: #CCCCCC;text-align: center;}
.slide .info li.tel p{ font-size: 0.9em;padding: 15px 10px;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 15px;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #00DFB9;font-size: 16px;   text-align: center;text-decoration: none;border: 1px solid #00DFB9;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #FFFFFF;border: none;background: #00E0DB;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 15px;}
.slide .info li div.img img{width: 100%;height: 100%;
}
		/*控制菜单的按钮*/
.index_cy{width: 30px;height: 30px;background: url(../img/index_cy.png);position: fixed;right: 0;top: 50%;margin-top: 140px;background-position: 62px 0;cursor: pointer;}
.index_cy2{width: 30px;height: 30px;background: url(../img/index_cy.png);position: fixed;right: 0;top: 50%;margin-top: 140px;background-position: 30px 0;cursor: pointer;}
		
/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {
.slide{display: none;}
#btn{display: none;}
}