@charset "utf-8";
/*about:成都互联网首页
 * zyr  luoxue yhw
 * 2018-3-28
 * */
/*页面公用 start*/
.icons{background: url(../images/icons_03.png);}
/*页面公用 end*/
/*banner start*/
.inside-banner>a{
	width: 38px;
	height: 70px;
	background: url(../images/prve.png) center center no-repeat #000;
	position: absolute;
	top: 50%;
	margin-top: -35px;
}
.inside-banner>a.prev{left: 60px;}
.inside-banner>a.next{
	background: url(../images/next.png) center center no-repeat #000;
	right: 60px;
}
.inside-banner>a:hover{background-color: #3e8eea;}
/*banner数据 start*/
.data-list{
	width: 1180px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	bottom:73px;
	z-index: 3;
}
.data-list li{
	width: 25%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 31px;
}
.data-list li span{
	font-size: 59px;
	line-height: 1;
}
.data-list li small{font-size: 20px;}
/*banner数据 end*/
/*banner end*/
/*服务领域 start*/
.domain-bg{
	background: url(../images/domain-bg_03.jpg) center top no-repeat #f8f8f8;
	padding: 0 0 130px;
	text-align: center;
	position: relative;
	height: 810px;
}
.move-list{position: relative;}
.show-box{
	-webkit-transition: all .45s;
	transition: all .45s;
}
.sub-list{
	padding:65px 0 50px;
}
.show-list{
	overflow: hidden;
	padding: 58px 0 25px;
}
.show-list li{
	width: 20%;
	float: left;
	text-align: center;
	padding-bottom:63px;
}
.show-list li i{
	width: 80px;
	height: 70px;
	-webkit-transition: all .95s;
	transition: all .95s;
}
.show-list li .show-icon2{background-position: -80px 0;}
.show-list li .show-icon3{background-position: -160px 0;}
.show-list li .show-icon4{background-position: -240px 0;}
.show-list li .show-icon5{background-position: -320px 0;}
.show-list li .show-icon6{background-position: -400px 0;}
.show-list li .show-icon7{background-position: -480px 0;}
.show-list li .show-icon8{background-position: -560px 0;}
.show-list li .show-icon9{background-position: -640px 0;}
.show-list li .show-icon10{background-position: -720px 0;}
.show-list li p{
	font-size: 18px;
	color: #333;
	line-height: 67px;
}
.show-list li:hover i{
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.zx-btn{
	width: 360px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: #3e8eea;
	font-size: 18px;
	color: #fff;
}
.unfold-box{
	position: absolute;
	top: 422px;
	right: 0;
	z-index: 8;
}
.unfold-btn{
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #4e90ee;
	border: 1px dashed #4e90ee;
	border-radius: 50%;
	vertical-align: middle;
	background: #fff;
	animation:nidayea 3s infinite linear;
	-webkit-animation:nidayea 3s infinite linear;
}
.unfold-box span{
	width: 207px;
	height: 1px;
	border-bottom: 1px dotted #3e94fe;
	vertical-align: middle;
	margin-left: -4px;
	-webkit-transition: all .45s;
	transition: all .45s;
}
.hand-icon{
	width: 31px;
	height: 40px;
	background-position: 0 -84px;
	position: relative;
	top: -15px;
	z-index: 3;
    -webkit-animation: click_animate 1.5s linear infinite;
     animation: click_animate 1.5s linear infinite;
}
.move-box{
	position: relative;
	height: 468px;
}
.move-box .hd{
	position: absolute;
	left:152px;
	top: 10px;
	z-index: 5;
	top: 0;
}
.move-hd{
	width: 207px;
	background: #f7f7f7;
}
.move-hd li{
	width: 100%;
	font-size: 16px;
	color: #333;
	text-align: left;
	cursor: pointer;
}
.move-hd li span{
	line-height: 50px;
	vertical-align: middle;
}
.move-hd li font{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #dcdcdc;
	vertical-align: middle;
	margin-right: 6px;
}
.move-hd li.on font{
	-webkit-animation: scale_img ease-in .85s;
	animation: scale_img ease-in .85s;
	background: #57a2fd;
}
.move-hd li.on span{color: #57a2fd;}
.move-line{
	width: 1px;
	height: 397px;
	border-left: 1px dashed #dcdcdc;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -198px;
	z-index: -1;
}
.move-bd,.move-bd>li,.sub-list{width: 100%;overflow: hidden;}
.move-box .bd{
	width: 1180px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	
}
.sub-list li{
	width: 25%;
	float: left;
	text-align: center;
	line-height: 1;
	-webkit-transition: all .45s;
	transition: all .45s;
}
.sub-list li i{
	width: 130px;
	height: 130px;
	background-position: 0 -124px;
	margin-bottom: 57px;
}
.sub-list li .brand-icon2{background-position: -130px -124px;}
.sub-list li .brand-icon3{background-position: -260px -124px;}
.sub-list li .brand-icon4{background-position: -390px -124px;}
.sub-list li p{
	font-size: 20px;
	color: #333;
}
.sub-list li span{
	display: block;
	font-size:17px;
	color: #666;
	line-height:29px;
	padding: 23px 0;
}
.sub-list li a{
	width: 160px;
	height: 44px;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 44px;
	font-size:18px;
	color: #666;
	border-radius: 22px;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.sub-list li:hover a{
	background: #3e8eea;
	border-color: #3e8eea;
	color: #fff;
}
.sub-list li:hover i{
	-webkit-animation: bounceIn ease-in .65s;
	animation: bounceIn ease-in .65s;
}
.sub-list2{
	padding: 114px 0 25px;
}
.sub-list2 li{
	width: 20%;
}
.sub-list2 li i{
	width: 60px;
	height: 50px;
	background-position: 0 -254px;
	margin: 0;
}
.sub-list2 li .icons2{background-position: -60px -254px;}
.sub-list2 li .icons3{background-position: -120px -254px;}
.sub-list2 li .icons4{background-position: -180px -254px;}
.sub-list2 li .icons5{background-position: -240px -254px;}
.sub-list2 li .icons6{background-position: -300px -254px;}
.sub-list2 li .icons7{background-position: -360px -254px;}
.sub-list2 li .icons8{background-position: -420px -254px;}
.sub-list2 li .icons9{background-position: -480px -254px;}
.sub-list2 li .icons10{background-position: -540px -254px;}
.sub-list2 li {padding-bottom: 55px;}
.sub-list2 li p{
	line-height: 55px;
}
.sub-list2 li:hover i{
	-webkit-animation: bounce ease-in infinite .85s;
	animation: bounce ease-in infinite .85s;
}
.sub-list3{
	width: 1200px;
	padding: 65px 0 45px;
	overflow: inherit;
}
.sub-list3 li i{
	width: 60px;
	height: 50px;
	background-position: 0 -308px;
	margin: 50px 0 20px;
}
.sub-list3 li .icons2{background-position: -60px -308px;}
.sub-list3 li .icons3{background-position: -120px -308px;}
.sub-list3 li .icons4{background-position: -180px -308px;}
.sub-list3 li .icons5{background-position: -240px -308px;}
.sub-list3 li .icons6{background-position: -300px -308px;}
.sub-list3 li .icons7{background-position: -360px -308px;}
.sub-list3 li .icons8{background-position: -420px -308px;}
.sub-list3 li:hover i{
	background-position: 0 -358px;
	-webkit-animation: tadaA .85s linear;
	animation: tadaA .85s linear;
}
.sub-list3 li:hover .icons2{background-position: -60px -358px;}
.sub-list3 li:hover .icons3{background-position: -120px -358px;}
.sub-list3 li:hover .icons4{background-position: -180px -358px;}
.sub-list3 li:hover .icons5{background-position: -240px -358px;}
.sub-list3 li:hover .icons6{background-position: -300px -358px;}
.sub-list3 li:hover .icons7{background-position: -360px -358px;}
.sub-list3 li:hover .icons8{background-position: -420px -358px;}
.sub-list3 li{
	width: 285px;
	height: 180px;
	background: #fff;
	box-shadow: 0 0 10px 8px #f0f0f0;
	margin: 0 15px 20px 0;
}
.sub-list3 li:hover{background: #3e8eea;}
.sub-list3 li:hover p{color: #fff;}
.tt-span{
	display: block;
	text-align:left ;
	padding-left: 15px;
	font-size: 24px;
	color: #333;
	border-left: 4px solid #3e94fe;
	line-height: 1;
	margin-bottom: 30px;
}
.tt-span1{margin-top:25px;}
.sub-list4{
	padding: 0 0 30px;
}
.sub-list4 li{margin-bottom: 15px;}
.sub-list4 li .icons2{background-position: 5px -411px;}
.sub-list4 li .icons3{background-position: -60px -411px;}
.sub-list4 li .icons4{background-position:-120px -411px;}
.sub-list4 li .icons5{background-position: -180px -411px;}
.sub-list4 li .icons6{background-position: -240px -411px;}
.sub-list4 li .icons9{background-position: -300px -411px;}
.sub-list4 li .icons8{background-position:-360px -411px;}
.sub-list4 li:hover .icons2{background-position: 5px -461px;}
.sub-list4 li:hover .icons3{background-position: -60px -461px;}
.sub-list4 li:hover .icons4{background-position: -120px -461px;}
.sub-list4 li:hover .icons5{background-position: -180px -461px;}
.sub-list4 li:hover .icons6{background-position: -240px -461px;}
.sub-list4 li:hover .icons9{background-position: -300px -461px;}
.sub-list4 li:hover .icons8{background-position: -360px -461px;}
.sub-list5{
	padding: 28px 0 50px;
	overflow: hidden;
}
.sub-list5 li{
	width: 285px;
	float: left;
	text-align: center;
	height: 425px;
	background: #fff;
	margin-left: 13px;
	position: relative;
	z-index: 3;
	line-height: 1;
}
.sub-list5 li:first-child{margin-left: 0 !important;}
.sub-img{
	width: 285px;
	height: 240px;
	overflow: hidden;
}
.sub-img img{
	-webkit-transition: all .45s;
	transition: all .45s;
}
.sub-list5 li span{
	display: block;
	padding: 29px 0 13px;
	font-size: 22px;
	color: #333;
}
.sub-list5 li p{
	display: block;
	font-size:16px;
	color: #666;
	line-height: 30px;
}
.move-bg{
	width: 100%;
	height: 185px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #3e8eea;
	z-index: -1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
   	filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
}
.sub-list5 li:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.sub-list5 li:hover p,.sub-list5 li:hover span{color: #fff;}
.sub-list5 li:hover .move-bg{
   	filter:alpha(opacity=100);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;              /* 老版Safari */
	opacity:1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.sub-list6 li{
	height: 370px;
}
.sub-list6 li .move-bg{height: 130px;}
.dj-img{
	padding: 45px 0 50px;
	text-align: center;
}
.unfold-box2{
	text-align: center;
	top: -256px;
	right: 204px;
}
.unfold-box2 span{
	width: 1px;
	height: 477px;
	border-bottom: none;
	border-left: 1px dashed #3e8eea;
	z-index: 9;
}
/*服务领域 end*/
/*顶呱呱5大服务流程保证优质产品输出 start*/
.flow-bg{
	text-align: center;
	padding-bottom: 94px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.flow-list{
	padding:33px 0 96px;
	overflow: hidden;
}
.flow-list li{
	width:220px;
	height: 355px;
	text-align: center;
	float: left;
	margin-left: 20px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	z-index:6 ;
	line-height: 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.flow-list li:first-child{margin-left: 0 !important;}
.flow-list .flow2{margin-top: 60px;}
.flow-list li:before{
	content: "";
    position: absolute;
    z-index: -3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3e8eea;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.flow-list li:first-child{margin-left: 0 !important;}
.flow-list li:hover:before{
	-webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.gnsb-icon{
	width: 96px;
	height: 96px;
	background: url(../images/flow-icon_03.png) no-repeat;
}
.flow-list li i{
	margin: 35px 0 23px;
	border-radius: 50%;
}
.gnsb-icon.gnsb-icon2{background-position: -99px 0;}
.gnsb-icon.gnsb-icon3{background-position: -198px 0;}
.gnsb-icon.gnsb-icon4{background-position: -297px 0;}
.gnsb-icon.gnsb-icon5{background-position: -396px 0;}
.flow-list li:hover i{
    -webkit-animation: tadaA 2s ease-in-out both infinite;
    animation: tadaA 2s ease-in-out both infinite;
	background-position: 0 -99px;
}
.flow-list li:hover .gnsb-icon2{background-position:-99px -99px;}
.flow-list li:hover .gnsb-icon3{background-position:-198px -99px;}
.flow-list li:hover .gnsb-icon4{background-position:-297px -99px;}
.flow-list li:hover .gnsb-icon5{background-position:-396px -99px;}
.flow-list li em,.flow-list li span{
	position: absolute;
	left: 50%;
}
.flow-list li em{
	border-radius: 50%;
	width: 130px;
	height: 130px;
	background-position: -515px 6px;
	z-index: -1;
	margin-left: -65px;
	top: 60px;
	-webkit-transition: height .6s ease-out; 
	-moz-transition: height .6s ease-out; 
	-ms-transition: height .6s ease-out; 
	-o-transition: height .6s ease-out; 
	transition: height .6s ease-out; 
}
.flow-list li:hover em{
	height: 0;
}
.flow-list li span{
	width: 120px;
	height: 40px;
	background-position:0 -198px ;
	z-index: -2;
	margin-left: -60px;
	top: 113px;
}
.gnsb-icon.gnsb-span2{background-position: -120px -198px;}
.gnsb-icon.gnsb-span3{background-position: -240px -198px;}
.gnsb-icon.gnsb-span4{background-position: -360px -198px;}
.gnsb-icon.gnsb-span5{background-position: -480px -198px;}
.flow-list li:hover span{
	background-position: 0 -237px;
    -webkit-animation: widthA 1s ease-in-out;
    animation: widthA 1s ease-in-out;
}
.flow-list li:hover .gnsb-span2{background-position: -120px -239px;}
.flow-list li:hover .gnsb-span3{background-position: -240px -239px;}
.flow-list li:hover .gnsb-span4{background-position: -360px -239px;}
.flow-list li:hover .gnsb-span5{background-position: -480px -239px;}
.flow-list li p{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.flow-list li p big{
	font-size: 22px;
	color: #333;
	line-height: 50px;
}
.flow-list li:hover p,
.flow-list li:hover p big{color: #fff;}
.flow-img{
	width: 1920px;
	background: url(../images/bg_02.jpg) center top no-repeat;
	height: 940px;
    -webkit-animation: scale_img 15s ease both;
    -moz-animation: scale_img 15s ease both;
    -ms-animation: scale_img 15s ease both;
    -o-animation: scale_img 15s ease both;
    animation: scale_img 15s ease both;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: -1;
}
/*顶呱呱5大服务流程保证优质产品输出 end*/
/*顶呱呱具有行业领先的核心竞争力 start*/
.ly-bg{
	background: url(../images/lx-bg_02.jpg) center top no-repeat;
}
.ly-list{
	overflow: hidden;
	padding:50px 0 130px;
}
.ly-list li{
	width: 25%;
	float: left;
	text-align: center;
	height: 520px;
	position: relative;
}
.ly-img{
	background: #000;
	overflow: hidden;
	width: 100%;
	height: 320px;
}
.ly-list li img{
	-webkit-transition: all .95s;
	transition: all .95s;
	width: 100%;
}
.ly-tt{
	width: 100%;
	height: 200px;
	background: #fff;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
    -webkit-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    opacity: 1;
    line-height: 1;
}
.ly-tt i{
	width: 50px;
	height: 50px;
	background-position: 0 -515px;
	margin: 40px 0 17px;
}
.ly-tt .ly-icon2{background-position: -50px -515px;}
.ly-tt .ly-icon3{background-position: -100px -515px;}
.ly-tt .ly-icon4{background-position: -150px -515px;}
.ly-tt p{
	font-size: 24px;
	color: #333;
	padding-bottom: 10px;
}
.ly-tt span{
	font-size: 30px;
	color: #c9c9c9;
	text-transform: uppercase;
}
.ly-move{
	width: 100%;
	height: 260px;
	position: absolute;
	left: 0;
    background: rgba(0, 161, 233, 0.8);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
	background: #3e8eea;
	z-index: 3;
}
.ly-move p{
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	padding: 63px 0 0;
}
.ly-move.bottom{bottom: 0;}
.ly-move.top{top: 0;}
.ly-list li:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:0.8;              /* 老版Safari */
	opacity: 0.8;
}
.ly-list li:hover .ly-tt{
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
}
.ly-list li:hover .ly-move{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    filter:alpha(opacity=100);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;              /* 老版Safari */
	opacity: 1;
}
/*顶呱呱具有行业领先的核心竞争力 end*/
/*为客户提供可靠的服务保障 start*/
.bz-bg{
	background: url(../images/bz-bg_02.jpg) repeat-x;
	padding-bottom: 50px;
	text-align: center;
}
.bz-box{padding: 60px 0 0;}
.bz-list{
	width: 220px;
}
.bz-list li{
	text-align: center;
	width: 100%;
	line-height: 1;
	padding-bottom: 45px;
}
.bz-list li i{
	width: 60px;
	height: 60px;
	background-position: 0 -566px;
}
.bz-list li .bz-icon2{background-position: -60px -566px;}
.bz-list li .bz-icon3{background-position: -120px -566px;}
.bz-list li .bz-icon4{background-position: -180px -566px;}
.bz-list li p{
	font-size: 24px;
	color:#333;
	padding: 20px 0 12px;
}
.bz-list li span{
	font-size:16px;
	color:#666;
	line-height: 28px;
}
.bz-img{
	padding: 4px 0 ;
}
/*为客户提供可靠的服务保障 end*/
/*客户案例 start*/
.swiper-container {
	width: 100%;
	padding: 20px 0 55px;
}
@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}
.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}
.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}
.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.swiper-slide a {
	background: #fff;
	padding:10px;
	display: block;
	border-radius: 14px;
}
@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 20px;
	}
}
.swiper-slide-active a:after {
	background: none;
}
@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}
.swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}
@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 7px;
	}
}
.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: #d3d3d3;
	border-radius: 50%;
	opacity: 1;
	margin :0 7px 4px;
}
@media screen and (max-width: 668px) {
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}
	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}
	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}
.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}
@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}
.btn-page:hover {
	background-color: #3e8eea;
}
.swiper-button-prev {
	width: 28px;
	height: 40px;
	background: url(../images/prve.png) no-repeat center center #717171;
	left: 30px;
}
.swiper-button-next {
	width: 28px;
	height: 40px;
	background: url(../images/next.png) no-repeat center center #717171;
	right: 30px;
}
@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}	
.swiper-container-horizontal>.swiper-pagination{
	bottom: -35px;
}
.swiper-pagination-bullet-active{
	border: none;
	background: #1980ff;
}
.case-bg{
	padding-bottom: 145px;
	text-align: center;
}
/*客户案例 end*/
.kb-bg{
	text-align: center;
	padding-bottom: 100px;
	background: #f8f8f8;
}
/*客户口碑 start*/

/*客户口碑 end*/
/*动画 start*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes scale_img {
	from {
		transform: scale(1.4, 1.4);
	}
	
	to {
		transform: scale(1, 1);
	}
}
@-moz-keyframes scale_img {
	from {
		transform: scale(1.4, 1.4);
	}
	
	to {
		transform: scale(1, 1);
	}
}
@-o-keyframes scale_img {
	from {
		transform: scale(1.4, 1.4);
	}
	
	to {
		transform: scale(1, 1);
	}
}
@-ms-keyframes scale_img {
	from {
		transform: scale(1.4, 1.4);
	}
	
	to {
		transform: scale(1, 1);
	}
}
@keyframes scale_img {
	from {
		transform: scale(1.4, 1.4);
	}
	
	to {
		transform: scale(1, 1);
	}
}
@-webkit-keyframes data6 {
	0% {
		top: 0px
	}
	
	50% {
		top: -20px
	}
	
	100% {
		top: 0px
	}
}
@keyframes data6 {
	0% {
		top: 0px
	}
	
	50% {
		top: -20px
	}
	
	100% {
		top: 0px
	}
}
@keyframes click_animate {
	0% {
		transform: scale(1.2);
	}
	
	20% {
		transform: scale(1);
	}
	
	40% {
		transform: scale(1.2);
	}
	
	60% {
		transform: scale(1);
	}
	
	80% {
		transform: scale(1.2);
	}
}
@-webkit-keyframes click_animate {
	0% {
		-webkit-transform: scale(1.2);
	}
	
	20% {
		-webkit-transform: scale(1);
	}
	
	40% {
		-webkit-transform: scale(1.2);
	}
	
	60% {
		-webkit-transform: scale(1);
	}
	
	80% {
		-webkit-transform: scale(1.2);
	}
}
@keyframes nidayea {
	0%,
	100% {
		transform: rotate(0deg);
	}
	
	5% {
		transform: rotate(-20deg);
	}
	
	10% {
		transform: rotate(0deg);
	}
	
	15% {
		transform: rotate(-20deg);
	}
	
	20% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes nidayea {
	0%,
	100% {
		transform: rotate(0deg);
	}
	
	5% {
		transform: rotate(-20deg);
	}
	
	10% {
		transform: rotate(0deg);
	}
	
	15% {
		transform: rotate(-20deg);
	}
	
	20% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(50px);
		transform: translateX(50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(50px);
		-ms-transform: translateX(50px);
		transform: translateX(50px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}
@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		-ms-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		-ms-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes tadaA {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes tadaA {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes widthA {
	0% {
		opacity: 0;
		width: 0;
	}
	
	80% {
		opacity: 1;
	}
	
	100% {
		width: 70px;
	}
}
@keyframes widthA {
	0% {
		opacity: 0;
		width: 0;
	}
	
	80% {
		opacity: 1;
	}
	
	100% {
		width: 70px;
	}
}
/*动画 end*/