@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%;}


.sea{padding:15px 0;line-height:30px;font-size:12px;background:#f9f9f9;border-bottom:1px solid #eee;}
	.seakey{}
		.seakey i{font-size:20px;float:left;margin:0 10px 0 0;}
		.seakey a{margin-right:10px;}
	.seafor{}
		.seafor form{}
		.seafor input{}
		.seafor input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;border:1px solid #18316a;border-right:none;border-radius:3px 0 0 3px;}
		.seafor input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.seafor input.btn{height:30px;background:#18316a;padding:0 20px;color:#fff;border-radius:0 3px 3px 0;}

.title{text-align:center;margin-bottom:40px;}
	.title h2{display:inline-block;font-size:30px;line-height:40px;position:relative;margin-bottom:20px;}
	.title h2 span{color:#18316a;}
		.title h2:before{content:'';display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%);width:60px;height:2px;background:#eee;}
		.title h2:after{content:'';display:block;position:absolute;left:50%;top:48px;width:6px;height:6px;background:#df9e28;border-radius:6px;animation:mch2 3s infinite ease-in-out;-webkit-animation:mch2 3s infinite ease-in-out;}
		@keyframes mch2{0% {transform:translateX(-25px);}50%{transform:translateX(20px);}100%{transform:translateX(-25px);}}
	.title h4{font-size:36px;text-transform:uppercase;opacity:0.6;font-weight:normal;line-height:40px;margin-bottom:20px;}
	.title p{text-transform:uppercase;opacity:0.6;}

.pro{padding:60px 0;background:#f9f9f9;}
	.proliscov ol{overflow:hidden;margin-bottom:40px;}
		.proliscov ol li{float:left;box-sizing:border-box;}
		.proliscov ol li:nth-of-type(1){width:530px;margin:0 20px 0 0;}
		.proliscov ol li:nth-of-type(2),.proliscov ol li:nth-of-type(3),.proliscov ol li:nth-of-type(4){width:650px;margin:0 0 15px;}
		.proliscov ol li:nth-of-type(2) figure,.proliscov ol li:nth-of-type(3) figure,.proliscov ol li:nth-of-type(4) figure{margin:0 20px 0 0;}
		.proliscov ol li a{display:block;overflow:hidden;background:#fff;}
		.proliscov ol li:nth-of-type(1) a{background:linear-gradient(30deg,#18316a 30%,#d99269 70%);color:#fff;}
		.proliscov ol li figure{float:left;width:240px;position:relative;background:#000;overflow:hidden;}
		.proliscov ol li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.proliscov ol li figcaption i{font-size:30px;display:inline-block;background:#18316a;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.proliscov ol li img{width:100%;}
		.proliscov ol li section{padding:20px;}
		.proliscov ol li h3{font-size:22px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.proliscov ol li h4{font-weight:normal;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:20px;}
		.proliscov ol li p{margin-bottom:20px;height:80px;overflow:hidden;color:#999;}
		.proliscov ol li:nth-of-type(1) p{height:60px;}
		.proliscov ol li span{}
		.proliscov ol li span i{float:right;font-size:20px;}
		.proliscov ol a:hover figcaption{opacity:1;}
		.proliscov ol a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
		.proliscov ol li:first-child figure{float:none;width:100%;}
	.prolissli .swiper-container{padding:0 0 60px;}
		.prolissli .swiper-pagination{bottom:0;}
	.prolissli a{display:block;}
		.prolissli a figure{position:relative;overflow:hidden;margin-bottom:10px;border:1px solid #eee;}
		.prolissli a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.prolissli a figcaption i{font-size:30px;display:inline-block;background:#18316a;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.prolissli a img{width:100%;}
		.prolissli a h3 i{float:right;}
		.prolissli a:hover figcaption{opacity:1;}
		.prolissli a:hover img{opacity:0.8;}

.adv{padding:60px 0 0;}
	.advlis{}
		.advlis ul{}
		.advlis li{float:left;width:10%;position:relative;}
		.advlis li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.advlis li.on{width:50%;}
		.advlis li.on:before{display:none;}
			.advlis li div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.advlis li.on div{opacity:0;}
				.advlis li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.advlis li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.advlis li div p{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;white-space:nowrap;}
				.advlis li div strong{display:inline-block;margin-top:51px;color:#fff;}
			.advlis li section{position:absolute;z-index:1;top:75px;bottom:75px;left:75px;width:300px;background:rgba(219,71,7,0.7);padding:30px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.advlis li.on section{opacity:1;transform: scale(1);}
				.advlis li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.advlis li section h4{line-height: 45px;font-size: 30px;color: #fff;font-weight: bold;}
				.advlis li section p{display: block;font-size: 16px;color: #fff;padding-top: 36px;margin-bottom:20px;}
				.advlis li section strong{color:#fff;}
			.advlis li figure{overflow:hidden;}
			.advlis li figure img{width:960px;}

.app{padding:60px 0;}
	.applis{overflow:hidden;}
		.applis .bd{float:left;width:70%;position:relative;}
			.applis .bd ul{}
			.applis .bd li{}
			.applis .bd li a{display:block;}
			.applis .bd li section{position:relative;overflow:hidden;background:#fff;}
			.applis .bd li figure img{height:484px;}
			.applis .bd li dl{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(0deg,rgba(0,0,0,0.8) 0,transparent 100%);color:#fff;padding:20px;}
			.applis .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.applis .bd li dd{}
			.applis .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
			.applis .bd .pageState{position:absolute;top:20px;left:20px;color:#fff;}
			.applis .bd .pageState span{font-size:30px;}
		.applis .hd{float:right;width:30%;}
			.applis .hd ul{border-top:1px solid #eee;border-left:1px solid #eee;}
			.applis .hd li{float:left;width:50%;}
			.applis .hd li a{display:block;text-align:center;padding:40px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;}
			.applis .hd li i{width:40px;height:40px;font-size:40px;line-height:40px;}
			.applis .hd li h3{font-size:16px;line-height:40px;font-weight:normal;}
			.applis .hd li.on a,.applis .hd li a:hover{background:#18316a;color:#fff;}

.advan{padding:60px 0;background:#f9f9f9;}
	.advanlist{}
		.advanlist ul{overflow:hidden;}
		.advanlist li{float:left;width:50%;}
		.advanlist section{overflow:hidden;height:320px;}
		.advanlist figure{width:50%;overflow:hidden;height:320px;position:relative;}
		.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(2) figure{float:left;}
		.advanlist li:nth-of-type(3) figure,.advanlist li:nth-of-type(4) figure{float:right;}
		.advanlist figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:320px;}
		.advanlist dl{float:right;width:50%;text-align:center;background:#fff;padding:50px;height:320px;box-sizing:border-box;}
		.advanlist dl{}
		.advanlist dl i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto 20px;}
		.advanlist dt{position:relative;font-size:22px;line-height:30px;margin-bottom:20px;padding-bottom:10px;}
		.advanlist dt:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#333;width:30px;height:2px;}
		.advanlist dd{opacity:0.6;}

.flo{padding:60px 0;}
	.flosli{}
		.flosli section:before{content:'';display:block;position:absolute;top:74px;left:0;right:0;height:1px;background:#ddd;}
		.flosli section:after{content:'';display:block;position:absolute;top:70px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:8px;background:#18316a;}		
		.flosli section i{display:block;width:60px;height:60px;margin:0 auto 40px;font-size:60px;line-height:60px;}
		.flosli section span{display:block;text-align:center;margin-bottom:10px;}
		.flosli section dl{padding:0 20px;text-align:center;}
		.flosli section dt{font-size:18px;line-height:30px;}
		.flosli section dd{font-size:13px;line-height:25px;color:#888;}
		.flosli sectionsec:hover figure img{transform:rotate(360deg);}


.new{padding:60px 0;}
	.necoti{position:relative;margin:0 0 30px;}
		.necoti h3{font-size:24px;line-height:30px;font-weight:normal;}
		.necoti a{position:absolute;top:50%;transform:translateY(-50%);right:0;display:inline-block;font-size:12px;border:1px solid #333;text-transform:uppercase;padding:0 5px;font-family:Arial;}
	.newtab{width:640px;margin:0 auto 40px;}
		.newtab h3{text-align:center;display:inline-block;border:1px solid #18316a;border-radius:30px;width:200px;box-sizing:border-box;padding:0 50px;line-height:38px;}
		.newtab h3 a{}
		.newtab .swiper-slide-active h3{background:#18316a;}
		.newtab .swiper-slide-active h3 a{color:#fff;}
		.newtab .swiper-pagination{display:none;}
	.newlis{padding:0 0 80px;position:relative;}
		.newliscon{display:flex;justify-content:space-between;}
			.newliscon article{flex:0 0 550px;min-width:0;}
				.newliscon article a{display:block;background:#f2f2f2;height:540px;position:relative;}
					.newliscon article a figure{overflow:hidden;}
						.newliscon article a figure img{width:100%;}
					.newliscon article a div{padding:30px;position:absolute;bottom:0;left:0;right:0;background:#f2f2f2;}
						.newliscon article a div h4{line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;margin:0 0 20px;}
						.newliscon article a div p{font-size:16px;line-height:30px;opacity:0.5;height:90px;overflow:hidden;}
						.newliscon article a div time{font-size:12px;}
			.newliscon ul{flex:0 0 590px;min-width:0;}
				.newliscon li{position:relative;}
				.newliscon li:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:6px;height:2px;background:#333;}
				.newliscon li a{display:block;border-bottom:1px solid #eee;padding:19px 80px 20px 20px;position:relative;box-sizing:border-box;}
					.newliscon li a h4{font-size:16px;font-weight:normal;line-height:30px;}
					.newliscon li a p{opacity:0.5;}
				.newliscon li time{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:14px;color:#999;text-align:center;}
					.newliscon li time span{display:block;}
					.newliscon li time span:nth-of-type(2){font-size:24px;line-height:40px;}
		.newlis .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0;}
			.newlis .swiper-pagination span{margin:0 5px;width:20px;height:20px;border-radius:20px;border:2px solid #18316a;box-sizing:border-box;background:#fff;}

.abo{padding:400px 0 60px;background:url(../images/bgabout.jpg) no-repeat center 0;position:relative;}
	.aboinf{background:#fff;padding:40px;box-shadow:0 0 30px rgba(0,0,0,0.1);}
	.abo .title{position:relative;z-index:1;}
	.aboinftxt{position:relative;z-index:1;width:90%;margin:0 auto 40px;text-align:center;font-size:16px;line-height:30px;opacity:0.8;}
	.abomor{position:relative;z-index:1;text-align:center;margin-bottom:40px;}
		.abomor a{display:inline-block;line-height:40px;border-radius:40px;padding:0 30px;background:#18316a;}
		.abomor a:hover{padding:0 40px;}
	
	.aboimg{margin:0 auto 40px;}
		.aboimg figure{}
		.aboimg figure a{display:block;}
		.aboimg figure img{width:100%;}
	.aboutlist{position:relative;z-index:1;}
		.aboutlist ul{display:flex;border-right:1px solid #eee;}
		.aboutlist li{flex:1;border:1px solid #eee;border-right:none;}
		.aboutlist li a{display:block;text-align:center;padding:20px 0;}
		.aboutlist li a i{display:block;margin:0 auto 10px;width:40px;height:40px;font-size:40px;line-height:40px;transition:all 0.3s ease-out 0s;}
		.aboutlist li a h3{font-weight:normal;font-size:14px;}
		.aboutlist li a:hover{background:#18316a;color:#fff;}
}

@media (max-width:1024px){/* MOBILE */

.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:160px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:160px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.sea{padding:15px 20px;background:#f9f9f9;border-bottom:1px solid #eee;}
	.seakey{display:none;}
	.seafor{}
		.seafor form{position:relative;}
		.seafor input{}
		.seafor input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;border:1px solid #18316a;border-right:none;border-radius:3px;box-sizing:border-box;width:100%;}
		.seafor input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.seafor input.btn{position:absolute;top:0;right:0;height:30px;background:#18316a;padding:0 20px;color:#fff;border-radius:0 3px 3px 0;}

.title{text-align:center;margin-bottom:20px;}
	.title h2{display:inline-block;font-size:22px;line-height:30px;position:relative;margin-bottom:20px;}
	.title h2 span{color:#18316a;}
		.title h2:before{content:'';display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%);width:60px;height:2px;background:#eee;}
		.title h2:after{content:'';display:block;position:absolute;left:50%;top:48px;width:6px;height:6px;background:#df9e28;border-radius:6px;animation:mch2 3s infinite ease-in-out;-webkit-animation:mch2 3s infinite ease-in-out;}
		@keyframes mch2{0% {transform:translateX(-25px);}50%{transform:translateX(20px);}100%{transform:translateX(-25px);}}
	.title h4{font-size:36px;text-transform:uppercase;opacity:0.6;font-weight:normal;line-height:40px;margin-bottom:20px;}
	.title p{text-transform:uppercase;opacity:0.6;}

.pro{padding:40px 20px;}
	.proliscov ol{overflow:hidden;margin-bottom:10px;}
		.proliscov ol li{float:left;width:50%;box-sizing:border-box;}
		/*.proliscov ol li:first-child{width:100%;}*/
		.proliscov ol li a{display:block;padding:20px;background:#f9f9f9;overflow:hidden;}
		.proliscov ol li figure{position:relative;background:#000;overflow:hidden;margin-bottom:10px;}
		.proliscov ol li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.proliscov ol li figcaption i{font-size:30px;display:inline-block;background:#18316a;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.proliscov ol li img{width:100%;}
		.proliscov ol li section{}
		.proliscov ol li h3{font-size:17px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#18316a;}
		.proliscov ol li h4{font-weight:normal;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}
		.proliscov ol li p{display:none;}
		.proliscov ol li span{display:block;}
		.proliscov ol li span i{float:right;font-size:20px;}
		.proliscov ol a:hover figcaption{opacity:1;}
		.proliscov ol a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
		.proliscov ol li:first-child figure{float:none;width:100%;}
	.prolissli .swiper-container{padding:0 0 60px;}
		.prolissli .swiper-pagination{bottom:0;}
	.prolissli a{display:block;}
		.prolissli a figure{position:relative;overflow:hidden;margin-bottom:10px;border:1px solid #eee;}
		.prolissli a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.prolissli a figcaption i{font-size:30px;display:inline-block;background:#18316a;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.prolissli a img{width:100%;}
		.prolissli a h3{position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 20px 0 0;}
		.prolissli a h3 i{position:absolute;top:50%;right:0;transform:translateY(-50%);}
		.prolissli a:hover figcaption{opacity:1;}
		.prolissli a:hover img{opacity:0.8;}

.adv{padding:40px 0 0;background:#f9f9f9;}
	.advlis{}
		.advlis ul{}
		.advlis li{float:left;width:10%;position:relative;}
		.advlis li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.advlis li.on{width:50%;}
		.advlis li.on:before{display:none;}
			.advlis li div{position:absolute;z-index:1;width:20px;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.advlis li.on div{opacity:0;}
				.advlis li div i{display:none;}
				.advlis li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.advlis li div p{height: 67px;font-size:18px;color: #fff;font-weight: bold;display: block;}
				.advlis li div strong{display:inline-block;margin-top:51px;color:#fff;}
			.advlis li section{position:absolute;z-index:1;top:30px;bottom:30px;left:30px;background:rgba(219,71,7,0.7);padding:20px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.advlis li.on section{opacity:1;transform: scale(1);}
				.advlis li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.advlis li section h4{font-size:18px;color: #fff;font-weight: bold;}
				.advlis li section p{color: #fff;padding-top:36px;margin-bottom:20px;}
				.advlis li section strong{color:#fff;}
			.advlis li figure{overflow:hidden;}
			.advlis li figure img{height:300px;}

.app{padding:40px 20px;}
	.applis{overflow:hidden;}
		.applis .bd{position:relative;}
			.applis .bd ul{}
			.applis .bd li{}
			.applis .bd li a{display:block;}
			.applis .bd li section{position:relative;overflow:hidden;background:#fff;}
			.applis .bd li figure img{width:100%;}
			.applis .bd li dl{background:#f9f9f9;padding:20px;}
			.applis .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.applis .bd li dd{}
			.applis .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
			.applis .bd .pageState{position:absolute;top:20px;left:20px;color:#fff;}
			.applis .bd .pageState span{font-size:30px;}
		.applis .hd{}
			.applis .hd ul{border-top:1px solid #eee;border-left:1px solid #eee;}
			.applis .hd li{float:left;width:33.33%;}
			.applis .hd li a{display:block;text-align:center;padding:20px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;}
			.applis .hd li i{width:40px;height:40px;font-size:40px;line-height:40px;}
			.applis .hd li h3{font-size:13px;font-weight:normal;}
			.applis .hd li.on a,.applis .hd li a:hover{background:#18316a;color:#fff;}

.advan{padding:40px 20px;background:url(../images/bgadvan.jpg) no-repeat center center;background-size:auto 100%;}
.advan .title{color:#fff;}
	.advanlist{}
		.advanlist ul{overflow:hidden;}
		.advanlist li{}
		.advanlist section{overflow:hidden;height:270px;}
		.advanlist figure{width:50%;overflow:hidden;height:270px;position:relative;}
		.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(3) figure{float:left;}
		.advanlist li:nth-of-type(2) figure,.advanlist li:nth-of-type(4) figure{float:right;}
		.advanlist figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:270px;}
		.advanlist dl{float:right;width:50%;text-align:center;background:#fff;padding:20px;height:270px;box-sizing:border-box;}
		.advanlist dl{}
		.advanlist dl i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto 20px;}
		.advanlist dt{position:relative;font-size:22px;line-height:30px;padding-bottom:10px;}
		.advanlist dd{opacity:0.6;}

.flo{padding:40px 0;background:#f9f9f9;}
	.flosli{}
		.flosli section:before{content:'';display:block;position:absolute;top:74px;left:0;right:0;height:1px;background:#ddd;}
		.flosli section:after{content:'';display:block;position:absolute;top:70px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:8px;background:#18316a;}		
		.flosli section i{display:block;width:60px;height:60px;margin:0 auto 40px;font-size:60px;line-height:60px;}
		.flosli section span{display:block;text-align:center;margin-bottom:10px;}
		.flosli section dl{padding:0 20px;text-align:center;}
		.flosli section dt{font-size:14px;line-height:30px;}
		.flosli section dd{color:#888;}
		.flosli sectionsec:hover figure img{transform:rotate(360deg);}

.new{padding:40px 20px;}
	.necoti{position:relative;margin:0 0 30px;}
		.necoti h3{font-size:24px;line-height:30px;font-weight:normal;}
		.necoti a{position:absolute;top:50%;transform:translateY(-50%);right:0;display:inline-block;font-size:12px;border:1px solid #333;text-transform:uppercase;padding:0 5px;font-family:Arial;}
	.newtab{}
		.newtab h3{text-align:center;border:1px solid #18316a;border-radius:30px;box-sizing:border-box;padding:0 20px;line-height:38px;}
		.newtab h3 a{}
		.newtab .swiper-slide-active h3{background:#18316a;}
		.newtab .swiper-slide-active h3 a{color:#fff;}
		.newtab .swiper-pagination{display:none;}
	.newlis{padding:0 0 40px;position:relative;}
		.newliscon{}
			.newliscon article{}
				.newliscon article a{display:block;background:#f2f2f2;position:relative;}
					.newliscon article a figure{overflow:hidden;}
						.newliscon article a figure img{width:100%;}
					.newliscon article a div{padding:20px;background:#f2f2f2;}
						.newliscon article a div h4{line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;margin:0 0 5px;}
						.newliscon article a div p{opacity:0.5;}
						.newliscon article a div time{}
			.newliscon ul{}
				.newliscon li{position:relative;}
				.newliscon li:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:6px;height:2px;background:#333;}
				.newliscon li a{display:block;border-bottom:1px solid #eee;padding:9px 80px 10px 20px;position:relative;box-sizing:border-box;}
					.newliscon li a h4{font-size:13px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.newliscon li a p{opacity:0.5;}
				.newliscon li time{position:absolute;top:50%;right:0;transform:translateY(-50%);color:#999;text-align:center;}
					.newliscon li time span{display:block;}
					.newliscon li time span:nth-of-type(2){font-size:24px;line-height:40px;}
		.newlis .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0;}
			.newlis .swiper-pagination span{margin:0 5px;width:20px;height:20px;border-radius:20px;border:2px solid #18316a;box-sizing:border-box;background:#fff;}

.abo{padding:160px 20px 60px;background:url(../images/bgabout.jpg) no-repeat center 0;position:relative;background-size:auto 300px;}
	.aboinf{background:#fff;padding:20px;box-shadow:0 0 30px rgba(0,0,0,0.1);}
	.abo .title{position:relative;z-index:1;}
	.aboinftxt{position:relative;z-index:1;text-align:center;font-size:13px;line-height:25px;opacity:0.8;margin:0 0 20px;}
	.abomor{position:relative;z-index:1;text-align:center;margin-bottom:40px;}
		.abomor a{display:inline-block;line-height:40px;border-radius:40px;padding:0 30px;background:#18316a;}
		.abomor a:hover{padding:0 40px;}
	.aboutlist{position:relative;z-index:1;}
		.aboutlist ul{border-right:1px solid #eee;border-bottom:1px solid #eee;}
		.aboutlist li{float:left;width:33.33%;box-sizing:border-box;border:1px solid #eee;border-right:none;border-bottom:none;}
		.aboutlist li a{display:block;text-align:center;padding:10px 0;}
		.aboutlist li a i{display:block;margin:0 auto 10px;width:40px;height:40px;font-size:40px;line-height:40px;border-radius:60px;transition:all 0.3s ease-out 0s;}
		.aboutlist li a h3{font-weight:normal;font-size:14px;}
	.aboimg{margin:0 0 20px;}
		.aboimg figure{}
		.aboimg figure a{display:block;}
		.aboimg figure img{width:100%;}
}