/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-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)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider {}

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }


#banner{position: relative;overflow: hidden;}
#banner .bg{background-repeat: no-repeat;background-size: 100% 100%;width: 100%;background-position:center center;}
#banner .bg .bimg{position: absolute;left:0;top:0;bottom:0;right: 0;width: 100%;display: block;}
#banner a{cursor:default;}
#banner .slick-dots{bottom: 20px;z-index: 30;}
#banner .slick-dots li{font-size: 0;background: #fff;border-radius: 50%;width: 10px;height: 10px;border:2px solid #fff;margin: 0 7px;opacity: .7;transition: all 400ms;}
#banner .slick-dots li.slick-active{opacity: 1;background: none;}
.banner .item .text{position: absolute;left: 50%;width: 1200px;margin-left: -600px;top:30%;z-index: 30;color: #fff;}
.banner .item2 .text{font-size: 24px;text-align: center;top:40%;}
.banner .item2 .text b{font-size: 32px;display: block;padding-bottom:10px;}
.transy{ transform: translateY(60px); -webkit-transform: translateY(60px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 700ms; -webkit-transition: 700ms; opacity: 0; }
.transy-r{transition: all 700ms ease-in;transform:translateX(60px); -webkit-transform: translateX(60px);opacity: 0; }
.transy-l{transition: all 500ms ease-in;transform:translateX(-60px); -webkit-transform: translateX(-60px);opacity: 0;}
.transy1{transition: 1s; -webkit-transition: 1s;}

.mob_item{display: none;}
.banner .item .img,.mob_item{
	transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1); 
	transition: all 1s cubic-bezier(.165, .74, .44, 1);
}
.banner .slick-current .img,.banner .slick-current .mob_item{
	transform: scale(1); 
	-webkit-transform: scale(1); 
	opacity:1;
}
.banner .slick-current .transy,.casebox.articleShow .transy,.cm-transy.articleShow .transy{
	transform: translateY(0px); 
	-webkit-transform: translateY(0px);
	opacity:1;
}
.cm-transy.articleShow .transy-l,.cm-transy.articleShow .transy-r{
	transform: translateX(0px); 
	-webkit-transform: translateX(0px);
	opacity:1;
}


@media screen and (min-width:1025px){
	#banner .slick-active .bg {  
		visibility: visible !important; 
		-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
	@-webkit-keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	@keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	
}



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

	
	.banner .item .text{width: auto;left: 0;right: 0;text-align: center;margin-left: 0;}
	.banner .item .text img{width: 60%;margin: 0 auto}
	.banner .item3 .text{top:20%;}
	.caselist li .pic .infor p{
		padding: 0px;
		margin: 8px 20px 8px 20px;
		box-sizing: content-box;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 48px;
		overflow: hidden;
	}
	.anlist{margin: 0 -10px;}
	.anlist li a{margin: 0 10px;}
	.solution{background-size: auto 100%;}
	.pjul li .txt{height: auto;}
	.pjul li .txt p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		height: 69px;
	}
	
}	

@media screen and (max-width:920px){
	.fndetail{width: 60%;}
}
@media screen and (max-width:861px){
	.serlist li,.caselist li{width: 50%;margin-bottom: 15px;}
	.anlist li{width: 50%;}
	.fndetail{width: 55%;}
	.nzxun{width: 27%;}
}
@media screen and (max-width:720px){
	.fnBox{padding: 30px 0;}
	.fndetail{width:100%;}
	.npic{width: 100%;margin-top: 10px;}
	.npic .anbox .caselist li a .txt{padding: 15px 0;font-size: 14px;text-align: center;}
}

@media screen and (max-width:640px){
	.logo{width: 35%;}
	.banner .item .img{display: none;}
	.mob_item{display: block;height: 400px;background-position: center center;background-size:  auto 100%;}
	.banner .item2 .text{font-size: 15px;}
	.banner .item2 .text b{font-size: 22px;}
	.banner .item .text img{width: 80%;}
	.banner .item3 .text{top:30%;padding: 0 10px;}
	.com-tit p{padding-left: 15px;padding-right: 15px;}
	.anlist li{width: 50%;}
	.anlist li p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 48px;
		overflow: hidden;
	}

}

@media screen and (max-width:520px){
	.mob_item{height: 350px;}
}
@media screen and (max-width:480px){
	.banner .item2 .text{font-size: 14px;}
	.banner .item2 .text b{font-size: 17px;}
	.nslist li a{margin-left: 50px;}
	.pages a{margin-bottom: 5px;}
}
@media screen and (max-width:420px) {
	
	.banner .item .text img{width: 85%;}
	.serlist li,.caselist li{width: 100%;}
	.caselist li a{margin: 0 15px;margin-bottom: 10px;}
	.caselist li .txt{height: auto;}
	.anlist li a{padding-top: 30px;padding-bottom: 25px;margin-left:20px;margin-right: 20px;}
	.anlist li{width: 100%;}
	.anlist li p{height: auto;}

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

	.banner .item .text img{width: 92%;}
	.nslist li{padding-left: 0;padding-right: 0;}
	.nslist li .time{position: static;display: block;}
	.nslist li a{margin-left: 0;margin-top: 20px;}

}
@media screen and (max-width:320px) {
	.mob_item{height: 300px;}
}