.banner {
    /*margin-bottom: 30px;*/
	 padding: 130px 0 0;
}
.has-side .main-content {
	padding-top: 45px;
}
.banner .container:before {

    content: '';

    display: block;

    height: 23px;

    position: absolute;

    z-index: 5;

    left: 0;

    right: 0;

    top: 0;

    pointer-events: none;

}

.banner .slick-prev,

.banner .slick-next {

    white-space: nowrap;

    text-indent: 101%;

    overflow: hidden;

    padding: 0; 

    border: 0;

    background: url('../../images/common/index/banner_arrow.png') no-repeat;

    width: 53px;

    height: 53px;

    margin-top: -30px;

    position: absolute;

    z-index: 10;

    top: 50%;

    cursor: pointer;

}

.banner .slick-prev {

    background-position: 0 0;

    left: 0;

}

.banner .slick-next {

    background-position: 100% 0;

    right: 0;

}

.banner .slick-prev:hover {

    background-position: 0 100%;

}

.banner .slick-next:hover {

    background-position: 100% 100%;

}

.banner .slick-dots {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    margin: 5px 0 0;

    padding: 0;

    list-style-type: none;

    text-align: center;

}

.banner .slick-dots li {

    display: inline-block;

    vertical-align: middle;

}

.banner .slick-dots li button {

    white-space: nowrap;

    text-indent: 101%;

    overflow: hidden;

    padding: 0; 

    border: 0;

    width: 96px;

    height: 6px;

    margin-top: 10px;

    cursor: pointer;

}

.banner .slick-dots li:nth-child(5n+1) button {

    background: #FBCFC7;

}

.banner .slick-dots li:nth-child(5n+2) button {

    background: #DAE51E;

}

.banner .slick-dots li:nth-child(5n+3) button {

    background: #E9CAFB;

}

.banner .slick-dots li:nth-child(5n+4) button {

    background: #BFEDEE;

}

.banner .slick-dots li:nth-child(5n) button {

    background: #F6C13D;

}

.banner .slick-dots li.slick-active:nth-child(n) button {

    background: #267D9A;

}



.news-intro {

    max-width: 1062px;

    margin: 0 auto 40px;

}

.video-list {

    margin: 0;

}

.video-list .item {

    width: 100%;

    padding: 0 10px;

	float: left;
}

.video-list .item:nth-child(4n+1) {

    clear: left;

}

.video-list .box {
	height: auto;
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}


.video-list .txt {

    margin-left: 192px;

    border: 0px solid #80CAA5;

    padding: 5px 36px 5px 80px;

    position: relative;

}

.video-list .name,

.video-list .box:hover{

    background-position: 50% 50%;

    opacity: 1;

    color:#3D852C;

    font-weight: bold;

}

.video-list .name {

    color: #535353;

    font-size: 15px;

    text-align: left;

    line-height: 1.5;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    min-height: 35px;

    border-bottom: 1px dashed #ebf0f8;

}
.video-list .name:before{
	content:'';
	display:inline-block;
	background:#535353;
	border-radius:100%;
	width:5px;
	height:5px;
	margin:0 15px 3px 0;
}

.video-list .name:hover:before{
	background:#3D852C;
}
.video-list a:hover .name {

    color: #3D852C;

}


.video-header {

    /*padding-bottom: 10px;*/

    margin:0 2% 0 0;

    width: 96%;

}

.video-header .title {

    margin: 0 auto 5px;

    color: #111;

    font-size: 20px;

    font-weight: bold;

    padding:8px 0 8px 0px;

    line-height: 26px;

    /*background: url('../../images/common/news/arrow1.png') no-repeat;*/

    /*background-position: 3px 7px;*/

    

}

.video-detail {

    

    position: relative;

    padding: 30px 10px 15px 10px;

}

.video-detail .editor {

    max-width: 1045px;

    margin: 0 auto;

}


.side-title:after {
	content:'';
	display:block;
	background: url('../../images/common/activity_nav.png') no-repeat;
	width:102px;
	height:42px;
	z-index:1;
	position:absolute;
	left: calc(50% - 85px);
	top: calc(50% + 20px);
}


.keyword_box {
    font-size: 14px;
     color: #47A94D;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}
.keyword li,
.keyword_box .keyword li a {
    display: inline;
}
.keyword li+li{
    margin:0 2px;
}
.keyword_box .keyword li a{
    padding:4px 0px;
    border-radius:5px;
    color:#47A94D;
}
.keyword li a:hover{
    color: #f7bf15;
}
.keyword li+li:before {
    content: ',';
}
.keyword .icon-ic-keyword{
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 1px solid transparent;
    margin: 3px 3px 0 0px;
    color: #47A94D;
}

@media screen and (max-width: 1440px) {
	.has-side .main-content {
		padding-top: 0px;
	}
}
@media screen and (max-width: 1300px) {
	.banner{
		padding: 175px 0 0 ;
	}
}
@media screen and (max-width: 1025px) {
.banner {
	 padding: 0;
	 }
}



@media screen and (max-width: 768px) {

    .video-detail {

        padding: 25px 0;

    }



    .video-header {

    /*padding-bottom: 25px;*/

    width: 98%;

    margin:0 2% 0 0;

    }

    .video-header .title { 

    background-position: top 7px left;

    }



    .video-list {

        margin: 0;

    }

    .video-list .item {

        float: left;

        width: 100%;

        padding: 0 7px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .video-list .item:nth-child(1n+1) {

        clear: none;

    }

    .video-list .item:nth-child(4n+1) {

        clear: left;

    }


    .video-list .pic {

        float: none;

        width: auto;

    }

    .video-list .txt {

        margin: 5px 0 0;

        padding: 15px 15px 20px;

    }

    

}

@media screen and (max-width: 440px) {

    .video-list .item:nth-child(n) {

        clear: none;

    }

   

    .video-list {

        margin: 0 -7px;

    }

    .video-list .item {

        float: left;

        width: 100%;

        padding: 0 7px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }


    .video-list .pic {

        float: none;

        width: auto;

    }

    .video-list .txt {

        margin: 5px 0 0;

        padding: 15px 15px 20px;

    }



    .video-header {

     /*padding-bottom: 25px;*/

      width: 98%;

      margin:0 2% 0 0;

    }

    .video-header .title { 

      background-position: top 7px left;

    }

}
@media screen and (max-width: 400px) {

}