/* 首页-标题样式 开始 */
.index-title {
	min-width: 1200px;
	padding-top: 40px;
	padding-bottom: 55px;
	color: #333333;
}
.index-title p{
	font-size: 34px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 21px;
}
.index-title span{
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 16px;
}
.index-title span a{
	color: #2288FC;
	margin-left: 5px;
	cursor: pointer;
}
.index-title span img{
	width: 6px;
	margin-top: 3px;
	margin-left: 5px;
	height: 10px;
}
/* 首页-标题样式 结束 */
/* 基础服务&产品学习指南 开始 */
.index-guide-box {
	padding-bottom: 80px;
}
.index-guide-box .block{
	cursor: pointer;
	width: 283px;
	padding-top: 44px;
	padding-bottom: 34px;
	height: 270px;
	background: #FFFFFF;
	box-shadow: 0px 8px 32px -8px rgba(25,34,51,0.01);
	border-radius: 10px;
	border: 1px solid #DBDCE1;
}
.index-guide-box .block img{
	width: 62px;
	height: 62px;
	display: block;
	margin: auto;
}
.index-guide-box .block p{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	line-height: 20px;
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: center;
}
.index-guide-box .block span{
	display: block;
	padding: 0px 20px;
	font-size: 15px;
	text-align: center;
	font-weight: 400;
	color: #6A6C72;
	line-height: 22px;
	height: 45px;
	margin-bottom: 60px;
}
.index-guide-box .block .serviceTime{
	display: none;
	padding: 0px 20px;
	font-size: 15px;
	text-align: center;
	font-weight: 400;
	color: #6A6C72;
	line-height: 22px;
	height: 45px;
	margin-bottom: 24px;

}
.index-guide-box .servicePhone{
	display: none;
	color: #2288FC;
	text-align: center;
	font-size: 20px;
	margin-bottom:5px;
	margin-top: 20px;
}
.index-guide-box .block a{
	display: block;
	width: 188px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #2288FC;
	margin: auto;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: #2288FC;
	line-height: 40px;
}
.index-guide-box .block a:hover{
	background:#2288FC;
	color: #fff;
}
.index-guide-box .block .two-link{
	padding: 0px 10px;
}
.index-guide-box .block .two-link a{
	width: 119px;
}
.index-guide-bg{
	background: #EFF2F7;
}
.index-guide-box .block{
	transition: all 0.3s;
	-ms-transition:all 0.3s; /* IE 9 */
	-moz-transition:all 0.3s; /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s; /* Opera */
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);

}
.index-guide-box .block:hover{
	box-shadow: 0px 6px 20px 6px rgba(21,44,86,0.1);
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
/* 基础服务&产品学习指南 结束 */
/* 热门自助服务 开始 */
.index-server{
	background: url('/fw/pc/img/index/index-server-bg-55f157dd86ea9acef2c2989a853267ab.png');
	background-size: 100%;
	padding-bottom: 60px;
	min-width: 1200px;
}
.index-server .index-title{
	color: #fff;
}
.index-server .index-title span{
	color: rgba(255,255,255,0.7);
}
.index-server .index-nav{
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	font-weight: normal;
	border-bottom: 0px solid #2288FC;
	/*width: 1265px;*/
	/*margin-left: -30px;*/
}
.index-server .index-nav span{
	height: 2px;
	background: #2288FC;
	width: 0px;
	display: block;
}
.index-server .index-nav .active{
	width: 100%;
	-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	
	-moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	
	-o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	
	transition:width 300ms ease-in-out, height 300ms ease-in-out;
}
.index-server .index-server-div{
	/*margin-right: 29px;*/
	/*margin-left: 28px;*/
}
.index-server .index-nav p{
	/*padding-bottom: 16px;*/
	cursor: pointer;
	line-height: 56px;
}
.index-server .line{
	width: 1200px;
	height: 1px;
	opacity: 0.3;
	background:#FFFFFF;
}
.index-server .detail {
	padding-top: 30px;
	width: 1216px;
	margin-left: -8px;
}
.index-server .detail .box{
	width: 264px;
	height: 50px;
	margin: 0px 7px;
	background: linear-gradient(180deg, #DDEBFF 0%, #FFFFFF 100%);
	border-radius: 2px;
	padding: 18px 13px;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
	position: relative;
	margin-bottom: 17px;
	cursor: pointer;
}
.index-server .detail .box p{
	position: relative;
	max-height: 48px;
}
.index-server .detail .box .index-server-icon{
	position: absolute;
	height: 16px;
	width: 16px;
	right: 20px;
	bottom: 22px;
}
.index-server .detail .box .index-server-img{
	position: absolute;
	left: 0px;
	height: 75px;
	bottom: 0px;
	opacity: 0.7;
}
.index-server .detail .box:hover{
	color:#2288fc;
}
.index-server .detail .img-hide{
	display: none;
}

.index-server .detail .box{
   transition: all 0.3s;
   -ms-transition:all 0.3s; /* IE 9 */
   -moz-transition:all 0.3s; /* Firefox */
   -webkit-transition:all 0.3s; /* Safari 和 Chrome */
   -o-transition:all 0.3s; /* Opera */
   transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -webkit-transform: translateY(0px);
  
 }
.index-server .detail .box:hover{
     transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
}
.index-server .detail .box:hover .img-hide{
	display: block !important;
}
.index-server .detail .box:hover .img-show{
	display: none;
}
/* 热门自助服务 结束 */
/* 专题视频 开始 */
.index-video {
	margin-bottom: 45px;
}
.index-video .img-url{
	height: 170px;
	border-radius: 4px 4px 0px 0px;
	display: block;
	width: 100%;
}
.index-video .name{
	height: 60px;
	background: #F7F8FC;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 50px;
	text-align: left;
	padding: 0px 18px;   
}
.index-video .swiper {
	width: 1200px;
	height: 280px;
	padding-top: 20px;
	margin-top: -20px;
}
.index-video .swiper-pagination span{
	width: 34px;
	height: 4px;
	border-radius: 0;
	background: #cccccc;
}
.index-video .swiper-pagination .swiper-pagination-bullet-active{
	background: #2288FC;
}
.index-video .swiper-slide{
	height: 230px;
}
.index-video .box{
	width: 280px;
	height: 230px;
	display: block;
	margin: 0px 13px;
}
.index-video .swiper-pagination{
	bottom: 10px;
	left: 0;
	z-index: 20;
	width: 100%;
}
.index-video .box{
   transition: all 0.3s;
   -ms-transition:all 0.3s; /* IE 9 */
   -moz-transition:all 0.3s; /* Firefox */
   -webkit-transition:all 0.3s; /* Safari 和 Chrome */
   -o-transition:all 0.3s; /* Opera */
   transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -webkit-transform: translateY(0px);
  
 }
.index-video .box:hover{
	box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.06);
     transform: translateY(-12px);
     -moz-transform: translateY(-12px);
     -o-transform: translateY(-12px);
     -webkit-transform: translateY(-12px);
}

/* 专题视频 结束 */
/* 精选服务案例 开始 */
.index-case{
	background: url('/fw/pc/img/index/index-case-bg-3285cc7c632f98f415b48bdd43db37b1.png');
	background-size: 100%;
	padding-bottom: 60px;
	min-width: 1200px;
}
.index-case .box{
	height: 420px;
	background: #FFFFFF;
	box-shadow: 0px 10px 20px 2px rgba(0,0,0,0.05);
	border-radius: 6px;
	padding: 10px 25px;
}
.index-case .box .logo{
	max-width: 100%;
	height: 106px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
.index-case .box .name{
	font-size: 22px;
	font-weight: 500;
	color: #222222;
	line-height: 25px;
	text-align: center;
	margin-bottom: 25px;
}
.index-case .box span{
	height: 158px;
	margin-bottom: 42px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	display: block;
	text-align: left;
}
.index-case .box a{
	font-size: 16px;
	font-weight: 400;
	color: #2288FC;
	line-height: 20px;
}
.index-case .box .more-icon {
    width: 7px;
    margin-top: 5px;
    margin-left: 8px;
    height: 12px;
}
.index-case .swiper {
	width: 1200px;
	height: 440px;
}
.index-case .swiper-slide {
	transition: 300ms;
	transform: scale(0.8);
}

.index-case .swiper-slide-active,
.index-case .swiper-slide-duplicate-active {
	transform: scale(0.9);
}
.index-case .swiper-button-prev{
	width: 38px;
	left: -15px;
}
.index-case .swiper-button-prev img{
	width: 38px;
	height: 38px;
}
.index-case .swiper-button-next img{
	width: 38px;
	height: 38px;
}
.index-case .swiper-button-next{
	width: 38px;
	right: -15px;
}
.index-case .swiper-button-prev:after, .index-case .swiper-button-next:after{
	content: ''
}
.index-case .index-case-box{
	position: relative;
}
/* 精选服务案例 结束 */