body{ color:#000; font-family: "Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"; font-size:14px; background:#fff; -webkit-text-size-adjust:none; /*这个必须加上，在苹果手机上维持正常字体大小*/ }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
img[src=""]{ display: none !important; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高度*/
/*Js幻灯片样式*/
#banner { position:relative; margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li img{ display:block; width: 100%; }
.bannerlist li{ text-align:center;overflow:hidden; display:block; position: relative;}
.bannerlist li .text { position:absolute; top:38%; width:100%; text-align:center;}
.bannerlist li .text .inner {vertical-align: middle;text-align: center;}
.bannerlist li .text h4 {font-size: 54px;color:#fff; text-shadow: 0 3px 2px #333333;margin: 0 0 30px;opacity: 0.9; font-weight:bold;}
.bannerlist li .text p {font-size: 22px;color:#fff; text-shadow: 0 3px 2px #333333;opacity: 0.9;}
.bannerlist li .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.bannerlist li .text a:hover {background-color: #e62022;border-color: #e62022;}
@media screen and (max-width: 768px) {
	.bannerlist li .text h4 {font-size: 22px;color:#fff; text-shadow: 0 3px 2px #333333;margin: 0 0 30px;opacity: 0.9; font-weight:bold;}
	.bannerlist li .text p {font-size: 14px;color:#fff; text-shadow: 0 3px 2px #333333;opacity: 0.9;}
	.bannerlist li .text a {display: none;}
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px}
}

/*新闻*/
.news{padding: 40px 0 !important;}
.new .card{ padding:0;}
.new .feature-text{padding:8px;}
.new .title{font-size: 1.0rem;}
.new .title a{color: #000;}
.feature-img-new{width: 100%;}
.feature-img-new img{width: 100%;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}

/*案例*/
.cases{padding: 40px 0 !important;}
.case .card{ padding:0;}
.case .feature-text{padding:8px;}
.case .title{font-size: 1.0rem;}
.case .title a{color: #000;}
.feature-img-case{width: 100%;}
.feature-img-case img{width: 100%;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}

/*视频*/
.videos{padding: 40px 0 !important;}
.video .card{ padding:0;}
.video .feature-text{padding:8px;}
.video .title{font-size: 1.0rem;}
.video .title a{color: #000;}
.feature-img-video{width: 100%;}
.feature-img-video img{width: 100%;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
.feature-img-video a{ display:block; position:relative;overflow: hidden;  }
.feature-img-video i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url('../images/play.png') center center no-repeat; cursor:pointer;}

/*分页器*/
.pagination .pageinfo,.pagination .pagefirst{display:none}
.pagination {margin-left:auto;margin-right:auto;display:inline-flex;justify-content:center;box-shadow:0 5px 45px 0 rgba(18,24,58,0.08);}
.pagination {display:flex;padding-left:0;list-style:none;border-radius:0.25rem;}
.pagination a,.pagination .current,.pagination .pageup,.pagination span{display:inline-block;height:50px;min-width:56px;text-align:center;line-height:20px;padding:15px 5px;background:#fff;color:rgba(65,80,118,0.7);}
.pagination .pageup {border-radius:6px 0 0 6px;}
.pagination .pageend {border-radius:0 6px 6px 0;}
.pagination .current,.pagination a:hover ,.pagination span:hover{background:#16a3fe;color:#fff;}

/*首页banner效果 开始*/		
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	
/*首页banner效果 结束*/