/* Slider */
.case_container .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.case_container .slick-list { position: relative; overflow: hidden; display: block; margin:0 auto; width:100%; padding: 0; }
.case_container .slick-list:focus { outline: none; }
.case_container .slick-loading .slick-list { background: white; }
.case_container .slick-list.dragging { cursor: pointer; cursor: hand; }

.case_container .slick-slider .slick-list,.case_container .slick-track,.case_container .slick-slide,.case_container .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.case_container .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.case_container .slick-track:before,.case_container .slick-track:after { content: ""; display: table; }
.case_container .slick-track:after { clear: both; }
.case_container .slick-loading .slick-track { visibility: hidden; }

.case_container .slick-slide { float: left; min-height: 1px; display: none;overflow:hidden; position:relative}
.case_container .slick-slide span{ width:96%; margin:0 auto; overflow:hidden; display:block; background:#fff; border:solid 1px #bcbfc2;
 -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}
.case_container .slick-slide img { overflow:hidden; display: block; margin:0 auto; width:100%; vertical-align: middle;}
.case_container .autoplay_liimg{ width:90%; margin:0 auto; overflow:hidden}

.case_container .autoplay_li img{width:100%}



.case_container .slick-slide:hover span { -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);}


.case_container .slick-slide.slick-loading img { display: none; }
.case_container .slick-slide.dragging img { pointer-events: none; }
.case_container .slick-initialized .slick-slide { display: block; }
.case_container .slick-loading .slick-slide { visibility: hidden; }
.case_container .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.case_container .slick-slide p{ color:#fff; font-size:1.1em; line-height:1.8em; text-align:center; width:100%; margin:4% auto; -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}
.case_container .slick-slide:hover p{ color:#11b5f0}


.case_container .slick-prev,.case_container .slick-next{position: absolute;z-index:999;top:40%;width:30px;height:80px; line-height:80px;cursor: pointer;user-select: none;transition: all .3s ease-in-out; text-indent:-99999px}
.case_container .slick-prev{left:20px;background:rgba(255, 255, 255, .5) url('../img/jt1.png') no-repeat center center;}
.case_container .slick-next{right:19px;background: rgba(255, 255, 255, .5) url('../img/jt.png') no-repeat center center;}
.case_container .slick-prev:hover,.case_container .slick-next:hover{background-color:#11b5f0;}


.case_container .slick-dots { display:none !important }

.case_container .case_con{ position:absolute; bottom:0; left:5%; margin:0 auto; width:90%; padding:5%;
background: #fff \0;
    filter: alpha(opacity=50);
    zoom: 1;
    background: rgba(255,255,255,0.6);}
.case_container .case_con h5{ color:#333; font-size:1.2em; line-height:1.6em; font-weight:bold}
.case_container a:hover h5{ color:#014258}
.case_container .riqi{background-color: #014258;
    color: #ffffff;
    position: absolute;
    width: 85px;
    height: 85px;
    font-weight: 500;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(255 255 255 / 70%);
    right:30px;
    top: -60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.page_container .autoplay_li{ position:relative; width:22%; margin:0 1.5% 3%; float:left}
.page_container .autoplay_li .autoplay_liimg{ width:100%; overflow:hidden}
.page_container .case_con{ width:100%; left:0}
.page_container .autoplay_li img{width:100%;transition: all 0.6s;}
.page_container .autoplay_li a:hover img{   
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}


@media all and (max-width:1460px) {
	.case_container .case_con h5{ font-size:1.1em}
	.case_container .case_con{ padding:8% 5%}
	}
@media all and (max-width:1380px) {

.case_container .slick-slide p{ font-size:0.9em}

}
@media all and (max-width:1025px) {
	.page_container .autoplay_li{ width:30.33%}
	
}
@media all and (max-width:768px) {
	.page_container .autoplay_li{ width:47%}

	
	
}
@media screen and (max-width:640px) {
	.case_container .case_con h5{ font-size:0.96em;}
	.case_container .riqi{ width:50px; height:50px; font-size:12px;right:10px; top: -35px;}

}

@media screen and (max-width:414px) {
.case_container .slick-slide p{ font-size:1em}
.case_container .slick-prev, .slick-next{ width:32px; height:32px; background-size:100%}
.case_container .cooperation li{ width:48%}

}