.banner-main{width: 100%;position:relative;overflow:hidden;height:525px;}
.banner-content{width:100%;height:100%;margin: 0 auto;}

#banner .swiper-pagination .swiper-pagination-bullet{width:16px;height:4px;border-radius:0;border:0;background-color:#fff;opacity:.4;}
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
#banner .banner-box{width:1200px;margin:0 auto;position:relative;height:530px;}
#banner .banner-box .am-banner{width:1200px;margin:0 auto;height:100%;position:absolute;display:block;left:0;top:0;z-index:5;}
#banner .banner-box .bt-img{position:absolute;z-index:10;}
#banner .banner-box .am-banner img{position:absolute;}
#banner .swiper-slide .banner-box .am-banner{display:none;}
#banner .swiper-slide .banner-box .bt-img{display:none;}
#banner .swiper-slide.swiper-slide-active .banner-box .am-banner{display:block;}
#banner .swiper-slide.swiper-slide-active .banner-box .bt-img{display:block;}

#banner-1{background:url(../images/banner/wysBanner/bg.jpg) no-repeat top center;}
#banner-1 .b-1{left:11px;top:109px;-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
#banner-1 .b-2{left:11px;top:220px;-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
#banner-1 .b-3{top:167px;right:318px;-webkit-animation: b3 1s 0.2s ease both;-moz-animation: b3 1s 0.2s ease both;animation: b3 1s 0.2s ease both;}
#banner-1 .b-4{right:45px;top:103px;-webkit-animation: b3 1s 0.3s ease both;-moz-animation: b3 1s 0.3s ease both;animation: b3 1s 0.3s ease both;}
#banner-1 .bt-img{left:11px;top:308px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}

#banner-2{background:url(../images/banner/upBanner/bg.jpg) no-repeat top center;}
#banner-2 .b-1{left:0;top:110px;-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
#banner-2 .b-2{left:0;top:205px;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;animation: b2 1s 0.2s ease both;}
#banner-2 .b-3{left:0;top:235px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}
#banner-2 .b-4{left:0;top:265px;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;animation: b2 1s 0.4s ease both;}
#banner-2 .b-5{right:93px;top:118px;-webkit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;animation: b3 1s 0.5s ease both;z-index:2;}
#banner-2 .b-6{right:251px;top:94px;-webkit-animation: b3 1s 0.3s ease both;-moz-animation: b3 1s 0.1s ease both;animation: b3 1s 0.3s ease both;}
#banner-2 .bt-img{left:11px;top:322px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}

#banner-3{background:url(../images/banner/downBanner/bg.jpg) no-repeat top center;}
#banner-3 .b-1{left:1px;top:114px;-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
#banner-3 .b-2{left:1px;top:169px;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;animation: b2 1s 0.2s ease both;}
#banner-3 .b-3{left:1px;top:224px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}
#banner-3 .b-4{right:315px;bottom:63px;-webkit-animation: b3 1s 0.4s ease both;-moz-animation: b3 1s 0.4s ease both;animation: b3 1s 0.4s ease both;}
#banner-3 .b-5{right:83px;bottom:63px;-webkit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;animation: b3 1s 0.5s ease both;}
#banner-3 .b-6{right:-33px;bottom:99px;-webkit-animation: b3 1s 0.6s ease both;-moz-animation: b3 1s 0.6s ease both;animation: b3 1s 0.6s ease both;}
#banner-3 .bt-img{left:0;top:300px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}

/*#banner-4{background-color:#16a5f4;}
#banner-4 .b1{left:67px;top:200px;-webkit-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;animation: b2 1s 0.1s ease both;}
#banner-4 .b2{left:67px;top:256px;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;animation: b2 1s 0.2s ease both;}
#banner-4 .b3{left:67px;top:292px;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;animation: b2 1s 0.3s ease both;}
#banner-4 .b4{left:67px;top:329px;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;animation: b2 1s 0.4s ease both;}
#banner-4 .b5{right:270px;top:145px;-webkit-animation: b3 1s 0.1s ease both;-moz-animation: b3 1s 0.1s ease both;animation: b3 1s 0.1s ease both;}
#banner-4 .b6{right:57px;top:66px;-webkit-animation: b3 1s 0.2s ease both;-moz-animation: b3 1s 0.2s ease both;animation: b3 1s 0.2s ease both;}
#banner-4 .b7{right:144px;top:114px;-webkit-animation: b3 1s 0.3s ease both;-moz-animation: b3 1s 0.3s ease both;animation: b3 1s 0.3s ease both;}*/

/*.first-main{margin:75px auto;}
.first-content{margin:0 auto;width:1200px;}
.first-content .left-box{float:left;}
.first-content .center-box{float:left;width:440px;margin:58px 65px 0 61px;}
.first-content .right-box{float:right;margin-top:20px;}
.first-content .center-box .center-main{position:relative;width:370px;height:370px;border-radius:50%;border:dashed 1px #1ad473;margin:0 auto;}
.first-content .center-box .center-content{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);width:355px;height:355px;border-radius:50%;border-left:solid 8px #bdbdbd;border-top:solid 8px #bdbdbd;border-right:solid 8px #fff;border-bottom:solid 8px #fff;margin:7px;box-sizing:border-box;}
.first-content .center-box .tabs-phone{position:absolute;top:55px;left:50%;margin-left:-160px;width:320px;height:408px;background:url(../images/home/phone_bg.png) no-repeat 0 0;}
.first-content .center-box .tabs-phone .swiper-container{width:172px;height:306px;margin-top:50px;}
.first-content .center-box .tabs-list{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}
.first-content .center-box .tabs-list .list{position:absolute;margin-top:-36px;background-color:#fff;display:block;width:72px;height:72px;border-radius:50%;box-sizing:border-box;line-height:70px;text-align:center;border:solid 1px #1ad473;font-size:16px;color:#1ad473;}
.first-content .center-box .tabs-list .list.active{background-color:#1ad473;color:#fff;}
.first-content .center-box .tabs-list .list:hover{background-color:#1ad473;color:#fff;}

.second-main{background:url(../images/home/page-bg.jpg) no-repeat 0 center;}
.second-content{width:1140px;margin:0 auto;}
.second-content .sec-title{text-align:center;padding-top:63px;margin-bottom:40px;}
.second-content .sec-title .main{font-size:24px;color:#fff;}
.second-content .sec-title .line{display:inline-block;width:50px;height:3px;background-color:#fff;}
.second-content .tabs-list{font-size:0;text-align:center;}
.second-content .tabs-list .list{margin:0 10px;display:inline-block;font-size:16px;color:#fff;line-height:58px;box-sizing:border-box;border:solid 1px #fff;border-radius:5px;padding:0 15px;}
.second-content .tabs-list .list img{vertical-align:middle;margin:-2px 5px 0 0;}
.second-content .tabs-list .list.active{background-color:#1ad473;border-color:#1ad473;}
.second-content .tabs-list .list:hover{background-color:#1ad473;border-color:#1ad473;}
.second-content .advantage{margin-top:23px;margin-bottom:80px;}
.second-content .advantage .list{font-size:0;padding:20px 0;float:left;width:50%;box-sizing:border-box;}
.second-content .advantage .list .left{display:inline-block;vertical-align:middle;margin-right:15px;}
.second-content .advantage .list .right{display:inline-block;vertical-align:middle;}
.second-content .advantage .list .img-box{display:table-cell;width:40px;height:40px;vertical-align:middle;text-align:center;}
.second-content .advantage .list .right .name{font-size:20px;color:#fff;font-weight:bold;margin-bottom:8px;}
.second-content .advantage .list .right .small{font-size:16px;color:#fff;}

.third-main{margin-top:75px;}
.third-content{width:1200px;margin:90px auto 85px auto;}
.third-content .list{width:25%;text-align:center;float:left;box-sizing:border-box;padding:0 90px;}
.third-content .list .top-box{width:80px;height:80px;margin:0 auto 40px auto;}
.third-content .list .img-box{display:table-cell;width:80px;height:80px;vertical-align:middle;text-align:center;}
.third-content .list .name{font-size:20px;color:#6a6a6a;font-weight:bold;margin-bottom:25px;}
.third-content .list .small{font-size:14px;color:#9c9c9c;line-height:1.8;}

.case-main{background:url(../images/home/case-bg.jpg) no-repeat 0 center;}
.case-title{font-size:24px;color:#fff;text-align:center;padding:40px 0;}
.case-content{width:1200px;margin:0 auto;}
.case-content .list{float:left;width:230px;height:470px;background:url(../images/iphone.png) no-repeat 0 0;margin:0 34px;box-sizing:border-box;padding:56px 13px 54px 13px;}
.case-main .case-link{text-align:center;padding:25px 0;}
.case-main .case-link a{font-size:20px;color:#fff;display:inline-block;line-height:40px;background-color:#1ad473;padding:0 30px;border-radius:20px;}

.system-main{margin:40px auto;width:1200px;}
.system-main .tabs-list{font-size:0;text-align:center;margin-top:50px;margin-bottom:35px;}
.system-main .tabs-list .list{display:inline-block;vertical-align:top;height:60px;line-height:60px;background-color:#ebebeb;padding:0 30px;font-size:16px;color:#2b2b2b;border-radius:5px;margin:0 15px;}
.system-main .tabs-list .list.active{background-color:#1ad473;color:#fff;}
.system-main .tabs-list .list:hover{background-color:#1ad473;color:#fff;}
.system-content{font-size:0;}
.system-content .list{width:50%;float:left;padding:30px;box-sizing:border-box;}
.system-content .list .img{vertical-align:middle;display:inline-block;margin:0 28px 0 0;}
.system-content .list .details{display:inline-block;vertical-align:middle;width:430px;}
.system-content .list .details .name{font-size:18px;color:#2b2b2b;margin-bottom:10px;}
.system-content .list .details .small{font-size:14px;color:#9c9c9c;line-height:1.8;height:50px;}

.news-main{background-color:#f5f5f5;padding:48px 0 65px 0;}
.news-main .news-title{font-size:24px;text-align:center;margin-bottom:50px;}
.news-main .news-title .e{color:#1ad473;}
.news-main .news-title .c{color:#2b2b2b;}
.news-main .news-content{width:1200px;margin:0 auto;}
.news-main .news-content .news-img{width:575px;height:383px;margin-right:40px;float:left;}
.news-main .news-content .news-list{float:right;width:585px;}
.news-main .news-content .tabs-list{font-size:0;}
.news-main .news-content .tabs-list .list{display:inline-block;height:46px;line-height:46px;background-color:#fff;padding:0 20px;font-size:18px;color:#707070;margin-right:35px;}
.news-main .news-content .tabs-list .list:last-child{margin-right:0;}
.news-main .news-content .tabs-list .list.active{background-color:#1ad473;color:#fff;}
.news-main .news-content .news-details{margin-top:30px;}
.news-main .news-content .news-details .first-news{border-bottom:dashed 1px #c5c5c5;}
.news-main .news-content .news-details .first-news .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;margin-bottom:5px;}
.news-main .news-content .news-details .first-news .title a{color:#2b2b2b;}
.news-main .news-content .news-details .first-news .small{font-size:14px;color:#707070;line-height:1.8;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-main .news-content .news-details .first-news .tips{font-size:12px;color:#ababab;overflow:hidden;padding:5px 0 20px 0;}
.news-main .news-content .news-details .first-news .time{float:left;}
.news-main .news-content .news-details .first-news .view{float:right;background:url(../images/icon-eyes.png) no-repeat 0 center;padding-left:22px;}
.news-main .news-content .news-details .other-news{}
.news-main .news-content .news-details .other-news li{line-height:46px;border-bottom:dashed 1px #c5c5c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-main .news-content .news-details .other-news li a{font-size:18px;color:#2b2b2b;}*/

/*从上往下*/
@-webkit-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从左往右*/
@-webkit-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从下往上*/
@-webkit-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

@-webkit-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-moz-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-o-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}