@charset "utf-8";
/* CSS Document */
.banner{height:520px;}
.box { width: 100%;height: 100%;padding: 0 15px;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover}
.hba {height: 300px}
.slider {position: relative;width: 100%;height: auto;overflow: hidden}
.slides {
	height: 100%;overflow: hidden;
    *zoom: 1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;margin: 0;padding: 0;border: 0}
.slide {height: 100%;float: left;clear: none;margin: 0;padding: 0;border: 0;list-style-image: none;list-style-type: none}

img, .ylw-img-responsive {height: auto;max-width: 100%}

.slider-arrow {position: absolute;display: block;margin-bottom: -30px;background-color: rgba(0,0,0,0.3);text-indent: -9999px;overflow: hidden;height: 60px;width: 40px;background-repeat: no-repeat}

.slider-arrow--right {bottom: 50%;right: 0;background-image: url(../img/banner-fy.png);background-position: center bottom;}
.slider-arrow--left {bottom: 50%;left: 0;background-image: url(../img/banner-fy.png);background-position: center top;}
.slider-nav {position: absolute;bottom: 30px}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%}
.slider-nav__item:hover {background: #ccc}
.slider-nav__item--current {background: #ccc}
@media (max-width: 767px){
 .banner{    height: 0;
    padding-bottom: 40%;}
}
.pro{float:left; margin-top:35px;  width:100%; padding:20px 0px; }
.pro .col-md-3{ padding-left:5px; padding-right:5px;}
.p-img{ float:left; width:100%; text-align:center;}
.p-img img{ width:100%;}
.pro_c{ float:left; padding-bottom:15px;}
.p-title{ float:left;width:100%; padding-top:20px;font-size:18px; color:#f79d00; text-align:center; font-weight:bold;}
.about{ float:left; width:100%; margin-top:15px; padding:30px 0px; background:#45464a;}
.about-t{float:left; width:100%; margin-bottom:20px; text-align:center;font-size:30px; line-height:30px; color:#f79d00;font-weight:bold; background:url(../img/index_30.png) center  no-repeat; }
.about-c{ float:left; margin-top:15px; }
.about-c img{ width:100%;}
.about-c span{ float:left; width:100%;  padding:15px; line-height:30px; display:block;color:#fff;}
.news{float:left; margin:35px 0px;  width:100%;}
.news-t{ float:left;width:100%;margin-bottom:30px;text-align:center;font-size:30px; line-height:30px; color:#f79d00; background:url(../img/index_35.png) center no-repeat;}
.news-pic{ float:left; width:30%; height:auto;}
.news-top{ float:left; width:100%;}
.news-detail{float:left; width:100%;  color:#666; font-size:14px;line-height:24px; }
.news-detail a:hover{ color:#333;}
.news-r{ float:right; width:68%;}
.news-title{ float:left;  line-height:24px; }
.news-title a{color:#333; font-size:16px; text-decoration:none; font-weight:bold;}
.news-title a:hover{ color:#fba000;}
.news-list,.news-list1{ float:left ;width:100%; margin-top:5px;}
.news-list ul,.news-list1 ul{ margin:0; padding:0;}
.news-list li,.news-list1 li { width:100%;  margin:5px 0px; float:left;}
.news-list .news-r{width:86%;}
.news-list1 .news-r{width:86%;}
.news-list li span{ float:left; width:66px;  border: solid #b4b4b4 1px;text-align:center; font-size:12px;}
.day{ float:left; width:100%; line-height:40px; background:#666; color:#fff; font-size:30px; font-weight:bold;}
.day:hover{ background:#fba000;}
.news-list1 li span{ float:left; width:66px;  border: solid #fba000 1px; color:#fba000;text-align:center; font-size:12px;}
.news-list1 .day{ float:left; width:100%; line-height:40px; background:#fba000; color:#fff; font-size:30px; font-weight:bold;}
@media (max-width: 768px){
	
	.news-list .news-r{width:76%;}
	.news-list1 .news-r{width:76%;}
	.news-list li span,.news-list1 li span{width:20%;}
	.title{ text-align:center !important;}
	
	}


.news-list li span:hover{ color:#fba000;}