.carousel-inner .item img{
	display: block;
	margin:0 auto;
}

@charset "utf-8";
/* CSS Document */
.banner{height:500px;}
.banner img{display: block;margin:0 auto;}

@media (max-width:1200px){
	.banner{ height:auto;}
	}
.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;width: 100%;}

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}
.carousel-inner .item img{width:100%}
.about{ float:left; width:100%; margin:20px 0px; background:url(../img/index_14.jpg) center no-repeat; color:#fff;}
.about img{width:100%;}
.about-c h5{ font-size:36px; line-height:40px; margin:30px 0px; text-align:center; font-weight:normal;}
.about-c{ float:right; line-height:24px; color:#fff;}
.more{ float:right; padding: 0px 15px; line-height:30px;margin-top:15px;}
.more a{ color:#fff;}
.more a:hover{ font-weight:bold;}
.about1 { background:#f6f6f6; }
.news,.member{float:left; width:100%;  margin:20px 0px;}
.content{ font-size:14px; color:#666; line-height:30px;  float:left; width:100%;}
.title{ float:left; width:100%; line-height:45px; color:#216bc0; text-align:center; font-size:24px;margin:20px 0px; font-weight:bold; background:url(../img/index_07.png) center no-repeat; }
.title1{ float:left; margin:20px 0px; font-size:24px; font-weight:bold; color:#333;}
.title1 span{ color:#216bc0; font-weight:normal; font-size:16px;}
.content{ color:#333; line-height:30px;}
.content h2{  font-size:16px; font-weight:bold;}
.news-c{ float:left; width:100%; }
.mores{ float:left;padding: 0px 15px; line-height:24px; font-size:12px;  border: solid 1px #ddd;}
.mores a{ color:#5bb800;}
.mores a:hover{ font-weight:bold;}
.news-pic{ float:left; width:30%; height:auto;}
.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:#216bc0;}
.news-list{ float:left ;width:100%; margin-top:5px;}
.news-list ul{ margin:0; padding:0;}
.news-list li { width:100%;  margin:10px 0px; float:left;}
.news-list .news-r{width:86%;}
.news-top .news-r{width:85%;}
.news-list li span{ float:left; width:60px;  border: solid #b4b4b4 1px;text-align:center; font-size:12px;}
.news-top span{float:left; width:60px;  border: solid #216bc0 1px;text-align:center; font-size:12px; color:#216bc0;}
.news-top span .day{float:left; width:100%; line-height:40px; background:#216bc0; color:#fff; font-size:30px; font-weight:bold;}
.news-top .news-title a{ color:#216bc0;}
.day{ float:left; width:100%; line-height:40px; background:#999; color:#fff; font-size:30px; font-weight:bold;}
.day:hover{ background:#216bc0;}
@media (max-width: 1200px){
.news-top .news-r{width:76%;}
	.news-top  span{width:20%;}
}
@media (max-width: 768px){
	
	.news-list .news-r{width:76%;}
	.news-list li span{width:20%;}
	
	.title{ text-align:center !important;}
	
	}
@media (max-width: 767px){
 .carousel-inner>.item>img{ height:200px; width:768px; max-width:768px !important; margin-left:-60%;}
 .banner{    height: 0;
    padding-bottom: 46%;}
}
.news-list li span:hover{ color:#216bc0;}
.news-more{ float:left;line-height:30px; padding:0px 10px; border:solid 1px #333;}
.news-more a{ color:#333; }
.news-more a:hover{font-weight:bold;}
.pro{float:left; width:100%; padding-bottom:20px; }
.pro ul{ margin:0; padding:0;}
.p-left{ float:left; width:60%;}
.p-title{ float:left;width:40%; margin-top:25%;font-size:30px; color:#fff; font-weight:bold; text-indent:20px;}
.member{ text-align:center;}
.member a{
	width:100%;
	display:flex;
	border:solid 1px #c1c0c0; 
	height:66px;
	box-sizing: border-box;
	overflow:hidden;
}
.member img{
	max-width:100%;
	max-height:65px;
	display:block;
	margin:0 auto;
}
.member >.container > .row > .col-md-2 { padding:5px ;}

.contact {float:left; width:100%;  margin:20px 0px 0px; background:#ebebeb;}
.contact-c{float:left; width:100%;  margin:30px 0px; border: solid 1px #d3d2d2; color:#333; line-height:30px; }
.add{ padding:20px 0px 20px 120px ; background:url(../img/index_33.png)  left 50px center no-repeat; border-right: solid 1px #d3d2d2;}
.tel{ padding:20px 0px 20px 120px ;  background:url(../img/index_36.png)  left 50px center no-repeat; border-right: solid 1px #d3d2d2;}
.mail{ padding:20px 0px 20px 120px ;  background:url(../img/index_39.png)  left 50px center no-repeat;}