#banner{height:500px;min-width:1200px;}
#banner .swiper-slide{background-position:top center;background-repeat:no-repeat;background-size:auto 100%;}
.swiper-pagination-bullet{width:10px;height:10px;border:solid 2px #fff;box-sizing:border-box;}

.wx-title{text-align:center;position:relative;padding:0 0 10px 0;}
.wx-title>p{font-size:28px;color:#333;}
.wx-title>span{font-size:16px;color:#999;line-height:40px;}
.wx-title:after{content:'';height:1px;width:510px;background-color:#dedbdb;bottom:5px;margin:0 0 0 -255px;}
.wx-title i{width:10px;height:10px;bottom:0;margin:0 0 0 -5px;z-index:1;}
.wx-title:after,.wx-title i{display:inline-block;position:absolute;left:50%;}

.advantage-box{padding:40px 0 55px 0;}
.advantage-list{display:-webkit-flex;display:flex;justify-content:space-between;margin:54px 0 0 0;}
.advantage-content .list{display:block;width:288px;background-color:#fff;box-sizing:border-box;padding:20px;border:solid 1px #dedbdb;}
.advantage-content .list.active{border:0;box-shadow:0 0 10px 3px #999;transform:translateY(-7px);}
.advantage-content .list.active .ad-img{background-position:auto -100px;}
.advantage-content .list.active .name{color:#fff;}
.advantage-content .list.active .small{color:#fff;}
.advantage-content .list .img{text-align:center;height:200px;}
.advantage-content .list .name{text-align:center;font-size:20px;color:#666;margin:0 0 20px 0;}
.advantage-content .list .small{font-size:14px;color:#888;line-height:20px;height:80px;}

.advantage-content .list .ad-1{background-position:0 0;}
.advantage-content .list .ad-2{background-position:-100px 0;}
.advantage-content .list .ad-3{background-position:-200px 0;}
.advantage-content .list .ad-4{background-position:-300px 0;}
.advantage-content .list.active .ad-1{background-position:0 -100px;}
.advantage-content .list.active .ad-2{background-position:-100px -100px;}
.advantage-content .list.active .ad-3{background-position:-200px -100px;}
.advantage-content .list.active .ad-4{background-position:-300px -100px;}

.bg-system{background:url(../images/sys-bg.jpg) no-repeat center center;}
.system-content{padding:40px 0 60px 0;}
.system-list{margin:50px 0 0 0;display:-webkit-flex;display:flex;justify-content:space-between;padding:0 10px;}
.system-list .list{cursor:pointer;font-size:0;position:relative;}
.system-list .list.active{animation:system .5s;-moz-animation:system .5s;-webkit-animation:system .5s;animation-fill-mode:forwards;}
.system-list .list .box-up{width:228px;position:relative;z-index:10;}
.system-list .list .box-up .img{width:228px;height:280px;overflow:hidden;}
.system-list .list .box-up .title{height:78px;width:100%;background-color:#fff;font-size:20px;color:#333;position:relative;}
.system-list .list .box-up .title img{margin:0 18px 0 0;}
.system-list .list .box-up .title:after{content:'';display:block;position:absolute;top:-10px;left:50%;margin:0 0 0 -7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid white;}
.system-list .list .box-down{position:absolute;top:0;right:0;background-color:#fff;height:358px;width:228px;}
.system-list .list .box-down>a{display:block;display:-webkit-flex;display:flex;justify-content:space-between;padding:12px 0 13px 0;border-bottom:solid 1px #dcdcdc;}
.system-list .list .box-down>a:hover{background-color:#f3f3f3;border-color:#f3f3f3;}
.system-list .list .box-down>a:last-child{border:0;}
.system-list .list .box-down img{width:44px;height:44px;margin:0 12px 0 18px;}
.system-list .list .box-down div{flex-grow:2;}
.system-list .list .box-down div p{font-size:18px;color:#777;}
.system-list .list .box-down div span{font-size:12px;color:#888;}
@keyframes system{
	from {width:228px;}
	to {width:456px;}
}

@-moz-keyframes system{
	from {width:228px;}
	to {width:456px;}
}

@-webkit-keyframes system{
	from {width:228px;}
	to {width:456px;}
}

.user-content{padding:45px 0 0 0;}
.user-list{display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap;padding:45px 45px 0 45px;}
.user-list a{display:block;margin:0 0 18px 0;position:relative;}
.user-list a .box{position:absolute;width:100%;height:100%;box-sizing:border-box;padding:6px 0;display:none;background-color:rgba(0,0,0,.7);top:0;left:0;}
.user-list a .box img{height:100%;}
.user-list a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 8px 1px #bbb;}
.user-list a:hover .box{display:flex;}

.news-content{display:-webkit-flex;display:flex;justify-content:space-between;padding:100px 0 46px 0;}
.news-content-left{width:555px;height:500px;overflow:hidden;}
.news-content-right{width:620px;}
.news-content-tab{font-size:0;text-align:right;border-bottom:solid 1px #e5e5e5;padding:0 0 20px 0;}
.news-content-tab a{display:inline-block;vertical-align:top;padding:15px 28px;font-size:18px;color:#666;margin:0 10px;}
.news-content-tab a.active{color:#fff;}
.news-content-list .list{display:none;}
.news-content-list .list.active{display:block;}
.news-content-list .list a{display:block;padding:25px 0 25px 7px;}
.news-content-list .list a:hover{box-shadow:0 0 8px 2px #ddd;}
.news-content-list .list a>div{font-size:0;}
.news-content-list .list a>div>div{display:inline-block;vertical-align:middle;}
.news-content-list .list .title{margin:0 0 10px 0;}
.news-content-list .list .name{font-size:20px;color:#666;width:508px;padding:0 0 0 30px;box-sizing:border-box;position:relative;}
.news-content-list .list .name:before{content:'';display:block;height:9px;width:9px;border-radius:50%;background-color:#666;position:absolute;left:0;top:50%;margin:-4px 0 0 0;}
/*.news-content-list .list .time{font-size:30px;color:#999;}*/
.news-content-list .list .text{font-size:14px;color:#999;width:510px;box-sizing:border-box;padding:0 110px 0 30px;word-wrap:break-word;}
.news-content-list .list .img{border-left:solid 1px #e5e5e5;padding:0 0 0 24px;font-size:14px;color:#999;}
.news-content-list .list .img img{margin:0 0 0 10px;height:14px;}