@media (min-width:1025px){/* DESKTOPS */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:720px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:720px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#eee;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.til{text-align:center;margin:0 0 60px;}
	.til h2{font-size:30px;line-height:40px;margin-top:-30px;margin-bottom:20px;position:relative;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2 span{color:#0878f8;}
	.til p{font-size:16px;text-transform:uppercase;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.05;font-weight:bold;}

.abo{padding:60px 0;background:url(../images/bgabout.jpg) no-repeat center center;}
	.abotil{text-align:center;margin:0 0 60px;background:url(../images/bgabo.png) no-repeat center center;background-size:auto 100%;}
		.abotil div{line-height:50px;}
			.abotil div strong{color:#0878f8;font-weight:normal;}
		.abotil div:nth-of-type(1){font-size:36px;letter-spacing:0.5px;position:relative;margin:0 0 10px;}
		.abotil div:nth-of-type(1):before{content:'';display:block;position:absolute;left:50%;top:60px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
		.abotil div:nth-of-type(2){font-size:18px;color:#666;}
		.abotil:hover div:nth-of-type(1):before{width:60px;}
	.aboint{display:flex;}
		.abointinf{}
			.abointinf h2{font-size:24px;text-transform:uppercase;color:#0878f8;margin:0 0 40px;}
				.abointinf h2 span{font-weight:normal;color:#000;}
			.abointinf section{font-size:16px;line-height:30px;margin:0 0 30px;color:#666;padding:0 0 30px;}
			.abointinf section p{}
			.abointinf section a{display:inline-block;margin:30px 0 0;}
			.abointinf .abointinfnum{}
				.abointinf .abointinfnum ul{}
				.abointinf .abointinfnum li{float:left;width:25%;padding:0 0 0 40px;box-sizing:border-box;position:relative;}
				.abointinf .abointinfnum li:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#ccc;}
				.abointinf .abointinfnum li:after{content:'';display:block;position:absolute;top:0;left:0;height:30px;width:2px;background:#0878f8;}
				.abointinf .abointinfnum li strong{font-family:sysfont;font-size:55px;line-height:60px;color:#0878f8;}
				.abointinf .abointinfnum li p{margin-top:20px;}
				.abointinf .abointinfnum li i{color:#999;}
		.abointimg{position:relative;flex:0 0 400px;min-width:0;margin:0 0 0 60px;}
			.abointimg figure{position:absolute;border:8px solid #fff;box-sizing:border-box;overflow:hidden;transition:all 0.3s ease-out 0s;}
			.abointimg figure:nth-of-type(1){top:0;right:0;width:240px;}
			.abointimg figure:nth-of-type(2){bottom:0;right:80px;width:320px;}
			.abointimg figure img{width:100%;}
			.abointimg figure:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
			.abointimg figure:hover img{transform:scale3d(1.05, 1.05, 1);}

.bus,.cas,.new{padding:60px 0;}

.bus{background:url(../images/bgbusiness.jpg) no-repeat center bottom;}
	.buslis{margin:0 0 60px;}
		.buslis ul{margin:0 -1%;}
		.buslis li{float:left;width:31.33%;position:relative;margin:0 1%;background:#fff;overflow:hidden;transition:all 0.3s ease-out 0s;}
		.buslis li a{display:block;}
		.buslis li figure{overflow:hidden;}
		.buslis li img{width:100%;}
		.buslis li div{padding:30px;}
		.buslis li h3{font-size:24px;line-height:30px;margin:0 0 15px;transition:all 0.3s ease-out 0s;}
		.buslis li p{color:#999;height:75px;overflow:hidden;font-size:15px;line-height:25px;margin:0 0 40px;}
		.buslis li span{display:inline-block;background:#fff;color:#0878f8;line-height:40px;padding:0 20px;border-radius:20px;transition:all ease-out 0.3s;box-sizing:border-box;border:1px solid #0878f8;}
		.buslis li span i{float:right;font-size:20px;margin:0 0 0 10px;}
		.buslis li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.buslis li:hover img{transform:scale3d(1.05, 1.05, 1);}
		.buslis li:hover h3{color:#0878f8;}
		.buslis li:hover span{background:#0878f8;color:#fff;padding:0 30px;}
		.buslis p a{display:inline-block;background:#007e3c;color:#fff;line-height:40px;padding:0 20px;border-radius:20px;}

.pro{}
	.procla{display:flex;justify-content:space-between;background:#fff;line-height:60px;margin:0 0 40px;overflow:hidden;}
		.procla h3{font-size:24px;padding:0 20px;background:#0878f8;color:#fff;}
		.procla ul{display:flex;}
		.procla li{margin:0 40px 0 0;}
		.procla li a{font-size:16px;}
	.prolis{position:relative;}
		.prolis .swiper-container{}
		.prolis span.iconfont{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.prolis span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.prolis .swiper-button-prev{left:-20px;}
		.prolis .swiper-button-next{right:-20px;}
		.prolis a{display:block;text-align:center;overflow:hidden;border:1px solid #eee;background:#fff;}
		.prolis a figure{overflow:hidden;}
		.prolis a figure img{width:100%;}
		.prolis a h4{font-size:14px;line-height:30px;font-weight:normal;}
		.prolis a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.prolis a:hover h4{color:#0878f8;}

.adv{padding:60px 0 0;}
	.advlis{}
		.advlis ul{}
		.advlis li{float:left;width:50%;overflow:hidden;position:relative;}
		.advlis li span{position:absolute;display:block;width:40px;height:60px;background-image:linear-gradient(180deg,#0878f8 70%,#479af8 100%);color:#fff;text-align:center;line-height:60px;font-family:sysfont;margin:0 0 0 40px;font-size:30px;border-radius:0 0 5px 5px;}
		.advlis li figure{width:50%;overflow:hidden;}
		.advlis li figure img{width:100%;}
		.advlis li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.advlis li dl{width:50%;box-sizing:border-box;padding:100px 40px 0;}
		.advlis li dt{font-size:22px;line-height:30px;margin-bottom:40px;position:relative;}
		.advlis li dt:after{content:'';display:block;position:absolute;top:50px;left:0;width:20px;height:1px;background:#ccc;transition:all 0.3s ease-out 0s;}
		.advlis li:hover dt:after{width:50px;background:#0878f8;}
		.advlis li dd{line-height:25px;color:#999;}
		.advlis li:nth-of-type(1),.advlis li:nth-of-type(2){background:linear-gradient(to right,#fff 0%,#fff 50%,#f9f9f9 50%,#f9f9f9 100%);}
		.advlis li:nth-of-type(3),.advlis li:nth-of-type(4){background:linear-gradient(to right,#f9f9f9 0%,#f9f9f9 50%,#fff 50%,#fff 100%);}
		.advlis li:nth-of-type(1) span,.advlis li:nth-of-type(2) span,.advlis li:nth-of-type(5) span,.advlis li:nth-of-type(6) span{top:0;left:50%;}
		.advlis li:nth-of-type(1) figure,.advlis li:nth-of-type(2) figure,.advlis li:nth-of-type(5) figure,.advlis li:nth-of-type(6) figure{float:left;}
		.advlis li:nth-of-type(1) dl,.advlis li:nth-of-type(2) dl,.advlis li:nth-of-type(5) dl,.advlis li:nth-of-type(6) dl{float:right;}
		.advlis li:nth-of-type(3) figure,.advlis li:nth-of-type(4) figure{float:right;}
		.advlis li:nth-of-type(3) dl,.advlis li:nth-of-type(4) dl{float:left;}

.cas{background:#f9f9f9;}

	.caslis{display:flex;justify-content:space-between;margin:0 0 60px;}
		.caslistxt{flex:0 0 380px;min-width:0;}
			.caslistxt ul{}
			.caslistxt li:not(:last-child){margin-bottom:10px;}
			.caslistxt li a{display:block;line-height:40px;background:#fff;padding:0 10px;}
			.caslistxt li a span{display:inline-block;vertical-align:middle;font-size:12px;font-weight:normal;margin-left:5px;opacity:0.6;line-height:20px;background:#0878f8;color:#fff;padding:0 5px;border-radius:3px;}
			.caslistxt li a i{float:right;}
			.caslistxt li a:hover{background:#0878f8;color:#fff;padding:0 15px;}
			.caslistxt li a:hover span{background:#fff;color:#0878f8;}
		.caslisimg{flex:0 0 800px;min-width:0;position:relative;background:#fff;}
			.caslisimg .swiper-container{}
				.caslisimg span.iconfont{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:5px;transition:all 0.3s ease-out 0s;}
				.caslisimg span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
				.caslisimg .swiper-button-prev{left:-20px;bottom:30px;transform: translateY(0);}
				.caslisimg .swiper-button-prev .iconfont{text-indent:5px;}
				.caslisimg .swiper-button-next{right:-20px;bottom:30px;transform: translateY(0);}
				.caslisimg .swiper-button-next .iconfont{text-indent:-5px;}
			.caslisimg a{display:block;position:relative;}
			.caslisimg figure{width:100%;height:390px;position:relative;background:#000;overflow:hidden;}
				.caslisimg figcaption{position:absolute;top:50%;left:50%;margin-left:-130px;background:#0878f8;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;border-radius:5px;}
				.caslisimg figcaption i{font-size:30px;display:inline-block;width:30px;height:30px;line-height:30px;color:#fff;padding:10px;}
			.caslisimg img{height:390px;}
			.caslisimg section{position:absolute;z-index:1;top:0;bottom:0;right:0;background:#fff;width:280px;box-sizing:border-box;padding:30px;}
			.caslisimg section i{display:block;font-style:normal;margin-bottom:20px;color:#999;}
			.caslisimg section h3{font-size:18px;line-height:25px;margin-bottom:20px;}
			.caslisimg section p{margin-bottom:40px;color:#999;}
			.caslisimg section span{display:inline-block;line-height:30px;background:#0878f8;padding:0 10px;font-size:12px;color:#fff;}
			.caslisimg a:hover figcaption{opacity:1;}
			.caslisimg a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.8;}
	.caslog{}
		.caslog span.iconfont{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:5px;transition:all 0.3s ease-out 0s;}
		.caslog span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.caslog .swiper-button-prev{left:-20px;bottom:30px;transform: translateY(0);}
		.caslog .swiper-button-prev .iconfont{text-indent:5px;}
		.caslog .swiper-button-next{right:-20px;bottom:30px;transform: translateY(0);}
		.caslog .swiper-button-next .iconfont{text-indent:-5px;}
		.caslog figure{border:1px solid #eee;overflow:hidden;}
		.caslog figure img{width:100%;}
		.caslog figure:hover img{transform:scale3d(1.05, 1.05, 1);}

	.newlis{display:flex;justify-content:space-between;}		
			.newlis>div{flex:0 0 520px;min-width:0;}
				.newlis>div a{display:block;position:relative;}
					.newlis>div a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
					.newlis>div figure{overflow:hidden;height:390px;}
						.newlis>div img{width:100%;}
					.newlis>div div{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(0deg,#000 0,transparent 100%);padding:20px;color:#fff;transition:all 0.3s ease-out 0s;}
						.newlis>div div time{display:block;margin:10px 0;font-size:12px;opacity:0.6;}
						.newlis>div div dl{}
							.newlis>div div dt{font-size:18px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 0 10px;}
							.newlis>div div dd{margin-bottom:10px;opacity:0.6;height:40px;overflow:hidden;}
						.newlis>div div span{display:block;}
						.newlis>div div span i{float:left;margin-right:10px;font-size:20px;}
				.newlis>div a:hover img{transform:scale3d(1.05, 1.05, 1);}
				.newlis>div a:hover div{background:rgba(255,255,255,0.9);color:#000;}
			.newlis ul{flex:0 0 680px;min-width:0;}
				.newlis li{float:left;width:320px;margin:0 0 20px 20px;}
				.newlis li:nth-of-type(3),.newlis li:nth-of-type(4){margin:0 0 0 20px;}
				.newlis li a{display:block;position:relative;background:#fff;padding:20px;border:1px solid #eee;}
					.newlis li a dl{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eee;}
						.newlis li a dt{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:14px;}
						.newlis li a dd{color:#999;font-size:14px;height:40px;overflow:hidden;}
				.newlis li a div{overflow:hidden;}
					.newlis li a time{float:left;display:block;width:50%;font-size:12px;color:#999;}
						.newlis li a span{display:block;color:#666;}
						.newlis li a strong{display:block;font-weight:normal;}
					.newlis li a i{float:right;font-size:40px;line-height:40px;}
				.newlis li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
				.newlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.newlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
}
@media (max-width:1024px){/* MOBILE */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:200px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:200px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.til{text-align:center;margin:0 0 20px;}
	.til h2{font-size:22px;line-height:30px;margin-top:-15px;margin-bottom:10px;position:relative;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2 span{color:#0878f8;}
	.til p{text-transform:uppercase;opacity:0.6;font-weight:normal;}
	.til>span{font-family:'RobotoCondensed';text-transform:uppercase;font-size:30px;line-height:30px;opacity:0.05;font-weight:bold;}

.abo{padding:40px 20px;background:url(../images/bgabout.jpg) no-repeat center center;}
	.abotil{text-align:center;margin:0 0 20px;background:url(../images/bgabo.png) no-repeat center center;background-size:auto 100%;}
		.abotil div{line-height:30px;}
			.abotil div strong{color:#0878f8;font-weight:normal;}
		.abotil div:nth-of-type(1){font-size:22px;position:relative;margin:0 0 10px;}
		.abotil div:nth-of-type(1):before{content:'';display:block;position:absolute;left:50%;top:38px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
		.abotil div:nth-of-type(2){color:#666;}
		.abotil:hover div:nth-of-type(1):before{width:60px;}
	.aboint{}
		.abointinf{margin:0 0 20px;}
			.abointinf h2{font-size:18px;text-transform:uppercase;color:#0878f8;margin:0 0 20px;}
				.abointinf h2 span{font-weight:normal;color:#000;}
			.abointinf section{margin:0 0 20px;color:#666;padding:0 0 20px;}
			.abointinf section p{}
			.abointinf section a{display:inline-block;margin:20px 0 0;}
			.abointinf .abointinfnum{}
				.abointinf .abointinfnum ul{}
				.abointinf .abointinfnum li{float:left;width:25%;padding:0 0 0 10px;box-sizing:border-box;position:relative;}
				.abointinf .abointinfnum li:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#ccc;}
				.abointinf .abointinfnum li:after{content:'';display:block;position:absolute;top:0;left:0;height:30px;width:2px;background:#0878f8;}
				.abointinf .abointinfnum li strong{font-family:sysfont;font-size:40px;line-height:40px;color:#0878f8;}
				.abointinf .abointinfnum li p{}
				.abointinf .abointinfnum li i{display:block;color:#999;}
		.abointimg{display:flex;justify-content:space-between;}
			.abointimg figure{border:8px solid #fff;box-sizing:border-box;overflow:hidden;transition:all 0.3s ease-out 0s;}
			.abointimg figure{flex:0 0 48%;min-width:0;}
			.abointimg figure:nth-of-type(1){}
			.abointimg figure:nth-of-type(2){}
			.abointimg figure img{width:100%;}
			.abointimg figure:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
			.abointimg figure:hover img{transform:scale3d(1.05, 1.05, 1);}

.bus,.cas,.new{padding:40px 20px;}

.bus{background:url(../images/bgbusiness.jpg) no-repeat center bottom;}
	.buslis{margin:0 0 20px;}
		.buslis ul{}
		.buslis li{position:relative;background:#fff;overflow:hidden;transition:all 0.3s ease-out 0s;}
		.buslis li a{display:flex;}
		.buslis li:nth-of-type(2n) a{flex-direction:row-reverse;}
		.buslis li figure{overflow:hidden;flex:0 0 50%;min-width:0;}
		.buslis li img{width:100%;}
		.buslis li div{padding:15px;box-sizing:border-box;border:1px solid #eee;}
		.buslis li h3{font-size:16px;margin:0 0 5px;transition:all 0.3s ease-out 0s;}
		.buslis li p{height:60px;overflow:hidden;color:#999;}
		.buslis li span{display:none;color:#0878f8;transition:all ease-out 0.3s;}
		.buslis li span i{float:right;font-size:20px;margin:0 0 0 10px;}
		.buslis li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.buslis li:hover img{transform:scale3d(1.05, 1.05, 1);}
		.buslis li:hover h3{color:#0878f8;}
		.buslis li:hover span{}
		.buslis p a{display:inline-block;background:#007e3c;color:#fff;line-height:30px;padding:0 20px;border-radius:20px;}

.pro{}
	.procla{display:flex;justify-content:space-between;background:#fff;margin:0 0 20px;overflow:hidden;}
		.procla h3{flex:0 0 32px;min-width:0;font-size:16px;padding:20px;background:#0878f8;color:#fff;}
		.procla ul{}
		.procla li{float:left;width:50%;}
		.procla li a{font-size:14px;line-height:30px;padding:0 0 0 20px;}
	.prolis{position:relative;}
		.prolis .swiper-container{}
		.prolis span.iconfont{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.prolis span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.prolis .swiper-button-prev{left:-20px;}
		.prolis .swiper-button-next{right:-20px;}
		.prolis a{display:block;text-align:center;overflow:hidden;border:1px solid #eee;background:#fff;}
		.prolis a figure{overflow:hidden;}
		.prolis a figure img{width:100%;}
		.prolis a h4{font-size:12px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px;}
		.prolis a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.prolis a:hover h4{color:#0878f8;}

.adv{padding:40px 0 0;}
	.advlis{}
		.advlis ul{}
		.advlis li{display:flex;position:relative;}
		.advlis li span{position:absolute;display:block;width:40px;height:60px;background-image:linear-gradient(180deg,#0878f8 70%,#479af8 100%);color:#fff;text-align:center;line-height:60px;font-family:sysfont;font-size:30px;border-radius:0 0 5px 5px;}
		.advlis li figure{width:50%;overflow:hidden;}
		.advlis li figure img{width:100%;}
		.advlis li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.advlis li dl{width:50%;box-sizing:border-box;padding:15px;}
		.advlis li dt{font-size:14px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.advlis li dt:after{content:'';display:block;position:absolute;top:50px;left:0;width:20px;height:1px;background:#ccc;transition:all 0.3s ease-out 0s;}
		.advlis li:hover dt:after{width:50px;background:#0878f8;}
		.advlis li dd{color:#999;height:80px;overflow:hidden;}
		.advlis li:nth-of-type(2n){flex-direction:row-reverse;}

.cas{background:#f9f9f9;}

	.caslis{margin:0 0 20px;}
		.caslistxt{}
			.caslistxt ul{}
			.caslistxt li:not(:last-child){margin-bottom:10px;}
			.caslistxt li a{display:block;line-height:40px;background:#fff;padding:0 10px;}
			.caslistxt li a span{display:inline-block;vertical-align:middle;font-size:12px;font-weight:normal;margin-left:5px;opacity:0.6;line-height:20px;background:#0878f8;color:#fff;padding:0 5px;border-radius:3px;}
			.caslistxt li a i{float:right;}
			.caslistxt li a:hover{background:#0878f8;color:#fff;padding:0 15px;}
			.caslistxt li a:hover span{background:#fff;color:#0878f8;}
		.caslisimg{position:relative;background:#fff;margin:0 0 20px;}
			.caslisimg .swiper-container{}
				.caslisimg span.iconfont{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:5px;transition:all 0.3s ease-out 0s;}
				.caslisimg span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
				.caslisimg .swiper-button-prev{left:-20px;bottom:30px;transform: translateY(0);}
				.caslisimg .swiper-button-prev .iconfont{text-indent:5px;}
				.caslisimg .swiper-button-next{right:-20px;bottom:30px;transform: translateY(0);}
				.caslisimg .swiper-button-next .iconfont{text-indent:-5px;}
			.caslisimg a{display:block;position:relative;}
				.caslisimg figure{width:100%;position:relative;background:#000;overflow:hidden;}
					.caslisimg figcaption{position:absolute;top:50%;left:50%;margin-left:-130px;background:#0878f8;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;border-radius:5px;}
					.caslisimg figcaption i{font-size:30px;display:inline-block;width:30px;height:30px;line-height:30px;color:#fff;padding:10px;}
					.caslisimg img{width:100%;}
					.caslisimg section{background:#fff;padding:15px;}
					.caslisimg section i{display:block;font-style:normal;margin-bottom:10px;color:#999;}
					.caslisimg section h3{font-size:14px;margin-bottom:10px;}
					.caslisimg section p{margin-bottom:40px;color:#999;}
					.caslisimg section span{display:inline-block;line-height:30px;background:#0878f8;padding:0 10px;font-size:12px;color:#fff;}
					.caslisimg a:hover figcaption{opacity:1;}
					.caslisimg a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.8;}
	.caslog{}
		.caslog span.iconfont{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:5px;transition:all 0.3s ease-out 0s;}
		.caslog span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.caslog .swiper-button-prev{left:-20px;bottom:30px;transform: translateY(0);}
		.caslog .swiper-button-prev .iconfont{text-indent:5px;}
		.caslog .swiper-button-next{right:-20px;bottom:30px;transform: translateY(0);}
		.caslog .swiper-button-next .iconfont{text-indent:-5px;}
		.caslog figure{border:1px solid #eee;overflow:hidden;}
		.caslog figure img{width:100%;}
		.caslog figure:hover img{transform:scale3d(1.05, 1.05, 1);}

	.newlis{}		
			.newlis>div{margin:0 0 20px;}
				.newlis>div a{display:block;position:relative;}
					.newlis>div a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
					.newlis>div figure{overflow:hidden;}
						.newlis>div img{width:100%;}
					.newlis>div div{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(0deg,#000 0,transparent 100%);padding:20px;color:#fff;transition:all 0.3s ease-out 0s;}
						.newlis>div div time{display:block;margin:10px 0;font-size:12px;opacity:0.6;}
						.newlis>div div dl{}
							.newlis>div div dt{font-size:18px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 0 10px;}
							.newlis>div div dd{margin-bottom:10px;opacity:0.6;height:40px;overflow:hidden;}
						.newlis>div div span{display:block;}
						.newlis>div div span i{float:left;margin-right:10px;font-size:20px;}
				.newlis>div a:hover img{transform:scale3d(1.05, 1.05, 1);}
				.newlis>div a:hover div{background:rgba(255,255,255,0.9);color:#000;}
			.newlis ul{}
				.newlis li{}
				.newlis li a{display:block;position:relative;background:#fff;padding:15px;border:1px solid #eee;}
					.newlis li a dl{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eee;}
						.newlis li a dt{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:5px;}
						.newlis li a dd{color:#999;height:40px;overflow:hidden;}
				.newlis li a div{overflow:hidden;}
					.newlis li a time{float:left;display:block;width:50%;font-size:12px;color:#999;}
						.newlis li a span{color:#666;margin:0 10px 0 0;}
						.newlis li a strong{font-weight:normal;}
					.newlis li a i{float:right;font-size:20px;}
				.newlis li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
				.newlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.newlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
}