﻿@charset "utf-8";
body{
	position:relative;}
@media screen and (max-width:1200px){
	html{
    width:1200px;}
	.box{
		width:100%;}
	.slide-main{
		height:90%;}}
@media screen and (min-width:1200px){
	.slide-main{
		height:90%;}}
.header{
	position:absolute;}
.index-content{
	width:100%;
	height:520px;
	padding:40px 0;}
.index-content .wrap{
	width:1200px;
	height:520px;
	margin:0 auto;
	position:relative;}
.index-content .wrap .text-box{}
.index-content .wrap .text-box p{
	text-align:center;}
.index-content .wrap .text-box .title{
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;}
.index-content .wrap .text-box .title span{
	color:#2880e4;}
.index-content .wrap .text-box .subtitle{
	font-size:30px;
	line-height:30px;
	margin-bottom:30px;}
.index-content .wrap .text-box .text{}
.index-content .wrap .text-box .text p{
	font-size:20px;
	line-height:30px;}
.index-content .wrap .imgBox{
	font-size:0;
	line-height:0;
	text-align:center;
	margin:0 auto;}
.index-content .wrap .imgBox img{
	width:100%;
	display:inline-block;}
.index-content .wrap .Business-scene{
	width:100%;
	margin:0 auto;
	height:33.33333333%;
	padding-top:50px;}
.index-content .wrap .Business-scene:after{
	display:block;
	content:" ";
	clear:both;}
.index-content .wrap .Business-scene li{
	float:left;
	width:25%;}
.index-content .wrap .Business-scene li a{
	display:block;
	width:100%;
	padding-bottom:66.666666%;
	position:relative;
	cursor:pointer;
	overflow:hidden;}
.index-content .wrap .Business-scene li a:after{
	display:block;
	content:" ";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	z-index:1;}
.index-content .wrap .Business-scene li a img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;}
.index-content .wrap .Business-scene li a p{
	width:100%;
	font-size:20px;
	line-height:50px;
	text-align:center;
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;}
.index-content .wrap .Business-scene li:hover a:after{
	background-color:rgba(0,0,0,0.3);}
.index-content .wrap .Business-scene li:hover a img{
	transform:scale(1.1) translateX(-50%);
	transition:all .30s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);}

.index-content .wrap .partner-list{
	width:1200px;
	margin:0 auto;}
.index-content .wrap .partner-list:after{
	display:block;
	content:" ";
	clear:both;}
.index-content .wrap .partner-list li{
	float:left;
	width:190px;
	padding:5px;}
.index-content .wrap .partner-list li .partner-item{
	padding:20px 10px 10px;
	border:1px solid #dedede;}
.index-content .wrap .partner-list li .logo{
	height:30px;
	position:relative;}
.index-content .wrap .partner-list li .logo img{
	height:100%;
	position:absolute;
	left:50%;
	transform:translateX(-50%);}
.index-content .wrap .partner-list li p{
	height:40px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	padding-top:10px;}
.join-banner{
	width:100%;
	padding-bottom:50.52083333%;
	background-image:url(../img/b_bg_zc.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;}

.z-box01{
	background-color:#f7f7f7;}
.z-box01 .text-box{
	padding:0 0 50px 0;}
.z-box01 .imgBox{
	width:913px;
	height:300px;}
.z-box02{
	background-color:#fff;
	background:url(../img/i-img02.jpg) no-repeat center center;}
.z-box02 .text-box{
	padding:50px 0;}
.z-box03{
	background-color:#020716;
	background:url(../img/i-img03.jpg) no-repeat center center;}
.z-box03 .text-box{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box03 .text-box p{
	color:#fff;
	text-align:left !important;}
.z-box03 .imgBox{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);}
.z-box04{
	background-color:#fff;}
.z-box04 .text-box{
	padding:50px 0 60px;}
.z-box04 .imgBox{
	width:520px;
	height:172px;}
.z-box05{
	background-color:#fff;}
.z-box05 .text-box{
	width:450px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box05 .text-box p{
	text-align:left !important;}
.z-box05 .text-box .title{
	line-height:60px !important;}
.z-box05 .imgBox{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);}
.z-box06{
	height:auto;}
.z-box06 .wrap{
	width:100%;
	height:auto;}
.z-box07{
	background-color:#fff;}
.z-box07 .text-box{
	width:360px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box07 .text-box p{
	text-align:left !important;}
.z-box07 .text-box .title{
	line-height:60px !important;}
.z-box07 .imgBox{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);}
.z-box08{
	background-color:#fff;}
.z-box08 .text-box{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);}
.z-box08 .text-box p{
	text-align:left !important;}
.z-box08 .right-box{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box08 .right-box ul{}
.z-box08 .right-box ul li{
	list-style-type:square;
	font-size:30px;
	line-height:30px;
	padding:10px 0;}
.z-box09{
	background-color:#013144;
	background:url(../img/i-img09.jpg) no-repeat center center;}
.z-box09 .text-box{
	position:absolute;
	top:50%;
	left:100px;
	transform:translateY(-50%);}
.z-box09 .text-box p{
	color:#fff;}
.z-box09 .imgBox{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box10{
	background-color:#fff;
	background:url(../img/i-img10.jpg) no-repeat center center;}
.z-box10 .text-box{
	padding:80px 0;}
.z-box13{
	padding:120px 0;}
.z-box13 .wrap .text-box .ag-p,
.z-box13 .wrap .img-content{
	font-size:0;
	line-height:0;
	text-align:center;}
.z-box13 .wrap .text-box .ag-p span{
	display:inline-block;
	width:140px;
	height:50px;
	font-size:20px;
	line-height:50px;
	text-align:center;
	margin:10px 10px 40px;}
.z-box13 .wrap .text-box .ag-p .ag-p1{
	background:url(../img/k1.png) no-repeat center;}
.z-box13 .wrap .text-box .ag-p .ag-p2{
	background:url(../img/k2.png) no-repeat center;}
.z-box13 .wrap .text-box .ag-p .ag-p3{
	background:url(../img/k3.png) no-repeat center;}
.z-box13 .wrap .img-content li{
	width:33.33333333%;
	display:inline-block;
	padding:50px 10px 0;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box13 .wrap .img-content li img{
	width:100%;
	height:100%;}
.z-box14{
	padding:80px 0;
	background-color:#1d1d1d;}
.z-box14 p{
	color:#fff;}
.z-box14 .wrap{
	width:100%;}
.z-box14 .wrap .Business-scene{
	width:1200px;
	padding:50px 0;}
.z-box14 .wrap .Business-scene li{
	padding:10px;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box14 .join-form{
	width:1200px;
	margin:50px auto 0;
	background-color:#fff;}
.z-box14 .join-form .form-wrap{
	display:table;
	width:100%;
	height:40px;
	padding:50px 20px 25px;
	border:1px solid #dedede;
	border-bottom:0;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box14 .join-form .form-wrap .form-group{
	display:table-cell;
	font-size:0;
	padding:0 20px;}
.z-box14 .join-form .form-wrap .form-group:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box14 .join-form .form-wrap .form-group .form-label{
	float:left;
	width:15%;
	font-size:18px;
	line-height:40px;
	font-weight:bold;
	color:#333;}
.z-box14 .join-form .form-wrap .form-group .right-box{
	float:left;
	width:85%;}
.z-box14 .join-form .form-wrap .form-group .right-box input{
	width:100%;
	height:40px;
	font-size:18px;
	line-height:30px;
	padding:5px;
	resize:none;
	border:none;
	outline:none;
	border-bottom:1px solid #333;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box14 .join-form .btn{
	width:100%;
	height:80px;
	font-size:30px;
	line-height:80px;
	padding:0;
	border-radius:0;
	cursor:pointer;}
.z-box15{
	padding:55px 0;
	background-color:#f7f7f7;}
.z-box15 .case-list{}
.z-box15 .case-list:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box15 .case-list li{
	float:left;
	width:25%;
	padding:20px 30px;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box15 .case-list li a{
	text-decoration:none;}
.z-box15 .case-list li a:hover{
	cursor:pointer;}
.z-box15 .case-list li a .img-box{
	width:150px;
	height:150px;
	margin:0 auto;
	border-radius:75px;
	border:1px solid #dedede;
	overflow:hidden;}
.z-box15 .case-list li a .img-box img{
	width:100%;
	height:100%;}
.z-box15 .case-list li a p{
	font-size:16px;
	line-height:20px;
	text-align:center;
	padding-top:10px;}
.z-box16{
	padding:120px 0;
	background-color:#fbfbfb;}
.z-box16 .wrap .text-box .subtitle{
	margin:0;
	padding:20px 0 80px;}
.z-box16 .wrap ul{
	width:1200px;}
.z-box16 .wrap ul:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box16 .wrap ul li{
	float:left;
	width:400px;
	height:285px;
	padding:0 10px;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box16 .wrap ul li div{
	height:283px;
	font-size:0;
	line-height:0;
	border:1px solid #dedede;}
.z-box16 .wrap ul li div:hover{
	margin-top:-5px;
	box-shadow:2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;}
.z-box16 .wrap ul li div:before{
	content:"";
	display:block;
	width:50px;
	height:5px;
	margin:0 auto;
	border-radius:2.5px;}
.z-box16 .wrap ul li div .icon{
	display:block;
	width:50px;
	height:50px;
	margin:50px auto;
	background-repeat:no-repeat;
	background-size:100% 100%;}
.z-box16 .wrap ul li div p{
	font-size:26px;
	line-height:26px;
	text-align:center;
	padding-bottom:15px;}
.z-box16 .wrap ul li div span{
	display:block;
	width:340px;
	margin:0 auto;
	font-size:14px;
	line-height:20px;
	text-align:center;}
.z-box16 .wrap ul li div.box01:before{
	background-color:#f15352;}
.z-box16 .wrap ul li div.box01 .icon{
	background-image:url(../img/j_ic01.png);}
.z-box16 .wrap ul li div.box02:before{
	background-color:#3986df;}
.z-box16 .wrap ul li div.box02 .icon{
	background-image:url(../img/j_ic02.png);}
.z-box16 .wrap ul li div.box03:before{
	background-color:#00b494;}
.z-box16 .wrap ul li div.box03 .icon{
	background-image:url(../img/j_ic03.png);}
.z-box16 .wrap ul li div.box04:before{
	background-color:#29a1f7;}
.z-box16 .wrap ul li div.box04 .icon{
	background-image:url(../img/j_ic04.png);}
.z-box16 .wrap ul li div.box05:before{
	background-color:#fdb00c;}
.z-box16 .wrap ul li div.box05 .icon{
	background-image:url(../img/j_ic05.png);}
.z-box16 .wrap ul li div.box06:before{
	background-color:#f76c6c;}
.z-box16 .wrap ul li div.box06 .icon{
	background-image:url(../img/j_ic06.png);}
.z-box16 .wrap ul li div.box07:before{
	background-color:#00b494;}
.z-box16 .wrap ul li div.box07 .icon{
	background-image:url(../img/j_ic07.png);}
.z-box16 .wrap ul li div.box08:before{
	background-color:#e72331;}
.z-box16 .wrap ul li div.box08 .icon{
	background-image:url(../img/j_ic08.png);}
.z-box16 .wrap ul li div.box09:before{
	background-color:#29a1f7;}
.z-box16 .wrap ul li div.box09 .icon{
	background-image:url(../img/j_ic09.png);}
.z-box16 .wrap ul li div.box10:before{
	background-color:#29a1f7;}
.z-box16 .wrap ul li div.box10 .icon{
	background-image:url(../img/j_ic10.png);}
.z-box16 .wrap ul li div.box11:before{
	background-color:#f78938;}
.z-box16 .wrap ul li div.box11 .icon{
	background-image:url(../img/j_ic11.png);}
.z-box16 .wrap ul li div.box12:before{
	background-color:#00b494;}
.z-box16 .wrap ul li div.box12 .icon{
	background-image:url(../img/j_ic12.png);}
.z-box17{
	height:475px;
	padding:120px 0;
	background-color:#666;
	background:url(../img/i-img17.jpg) no-repeat center center;}
.z-box17 .wrap .text-box p{
	color:#fff;}
.z-box17 .wrap .text-box .subtitle{
	margin:0;
	padding:20px 0 90px;}
.z-box17 .wrap .partner-wrap{
	width:1040px;
	padding:0 80px;
	margin:0 auto;}
.z-box17 .wrap .partner-wrap .p-left,
.z-box17 .wrap .partner-wrap .p-right{
	width:80px;
	height:150px;
	cursor:pointer;}
.z-box17 .wrap .partner-wrap .p-left{
	float:left;
	margin-left:-80px;
	background:url(../img/p_left.png) no-repeat center;}
.z-box17 .wrap .partner-wrap .p-right{
	float:right;
	margin-right:-80px;
	background:url(../img/p_right.png) no-repeat center;}
.z-box17 .wrap .partner-wrap .partner-content{
	width:100%;
	overflow:hidden;}
.z-box17 .wrap .partner-wrap .partner-content ul{
	font-size:0;
	line-height:0;
	white-space:nowrap;}
.z-box17 .wrap .partner-wrap .partner-content ul li{
	display:inline-block;
	width:260px;
	height:150px;
	text-align:center;
	padding:35px 0;
	border-right:1px solid #000;
	background-color:#fff;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box17 .wrap .partner-wrap .partner-content ul li img{
	height:80px;
	display:inline-block;}
.z-box18{
	padding:120px 0;
	background-color:#666;
	background:url(../img/i-img18.jpg) no-repeat center center;}
.z-box18 .wrap .text-box{
	text-align:center;}
.z-box18 .wrap .text-box .title{
	display:inline-block;
	color:#fff;
	padding-bottom:20px;
	margin-bottom:100px;
	border-bottom:2px solid #fff;}
.z-box18 .wrap .form-wrap{
	width:760px;
	padding:50px 120px 40px;
	margin:0 auto;
	border-radius:15px;
	background-color:rgba(0,0,0,0.5);}
.z-box18 .wrap .form-wrap form{
	width:700px;
	text-align:center;
	margin:0 auto;}
.z-box18 .wrap .form-wrap form .form-group{
	padding-bottom:20px;}
.z-box18 .wrap .form-wrap form .form-group:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box18 .wrap .form-wrap form .form-group div{
	float:left;}
.z-box18 .wrap .form-wrap form .form-group .form-label{
	width:80px;
	font-size:20px;
	line-height:20px;
	color:#fff;
	padding:10px 20px 10px 0;
	text-align:justify;}
.z-box18 .wrap .form-wrap form .form-group .form-label:after{
	content:"：";
	font-size:20px;
	line-height:20px;
	display:inline-block;
	float:right;}
.z-box18 .wrap .form-wrap form .form-group .right-box{
	border-bottom:1px solid #fff;}
.z-box18 .wrap .form-wrap form .form-group .right-box input,
.z-box18 .wrap .form-wrap form .form-group .right-box textarea{
	width:580px;
	height:20px;
	font-size:16px;
	line-height:20px;
	font-family:"微软雅黑";
	color:#fff;
	padding:10px 5px;
	border:none;
	outline:medium;
	background-color:transparent;}
.z-box18 .wrap .form-wrap form .form-group .right-box textarea{
	height:100px;}
.z-box18 .wrap .form-wrap form .btn{
	display:inline-block;
	width:150px;
	height:50px;
	font-size:20px;
	line-height:50px;
	color:#fff;
	margin:30px auto;
	border-radius:4px;
	background-color:#2489fd;
	cursor:pointer;}
.z-box18 .wrap .form-wrap form .btn:hover{
	background-color:#2880e4;}
.z-box18 .wrap .form-wrap p{
	display:inline-block;
	font-size:14px;
	line-height:14px;
	color:#fff;
	padding:10px;}
.z-box19{
	padding:120px 0;
	background-color:#666;
	background:url(../img/i-img19.jpg) no-repeat center center;}
.z-box19 .wrap .text-box{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);}
.z-box19 .wrap .text-box p{
	text-align:left !important;}
.z-box19 .wrap .text-box .text{
	padding-bottom:25px;}
.z-box19 .wrap .text-box .btn{
	width:180px;
	height:60px;
	font-size:18px;
	line-height:60px;
	text-align:center;
	color:#fff;
	background-color:#2880e4;
	cursor:pointer;}
.z-box20{
	background-color:#687077;
	background:url(../img/i-img20.jpg) no-repeat center center;}
.z-box20 .text-box{
	width:450px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);}
.z-box20 .text-box p{
	color:#fff;
	text-align:left !important;}
.z-box20 .text-box .title{
	line-height:60px !important;}
.z-box20 .imgBox{
	position:absolute;
	left:0;
	bottom:0;}
.z-box21{
	background-color:#fff;}
.z-box21 .text-box{
	width:500px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);}
.z-box21 .text-box p{
	text-align:left !important;}
.z-box21 .text-box .title{
	line-height:60px !important;}
.z-box21 .imgBox{
	position:absolute;
	right:0;
	bottom:0;}
.z-box22{
	padding:80px 0;
	background-color:#fff;}
.z-box22 .wrap{
	width:100%;}
.z-box22 .text-box{
	padding-bottom:50px;}
.z-box22 .effect-container{
	width:100%;
	position:relative;}
.z-box22 .effect-container .swiper-wrap{}
.z-box22 .effect-container .swiper-wrap .slide-item{
	display:none;
	height:522px;
	position:relative;
	transition-duration:0.3s;}
.z-box22 .effect-container .swiper-wrap .slide-item:first-child{
	display:block;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-pic{
	width:327px;
	height:522px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:50%;
	transform:translateX(-50px);
	-ms-transform:translateX(-50px);
	-moz-transform:translateX(-50px);
	-webkit-transform:translateX(-50px);
	-o-transform:translateX(-50px);}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-pic.pic1{
	background-image:url(../img/i-img22-1.png)}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-pic.pic2{
	background-image:url(../img/i-img22-2.png)}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-pic.pic3{
	background-image:url(../img/i-img22-3.png)}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-pic.pic4{
	background-image:url(../img/i-img22-4.png)}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt{
	width:450px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(50px) translateY(-50%);
	-ms-transform:translateX(50px) translateY(-50%);
	-moz-transform:translateX(50px) translateY(-50%);
	-webkit-transform:translateX(50px) translateY(-50%);
	-o-transform:translateX(50px) translateY(-50%);}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-brand{
	font-size:18px;
	line-height:18px;
	color:#808080;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-title{
	font-size:32px;
	line-height:42px;
	padding:30px 0;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-title span{
	color:#2489fd;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-description{
	padding-bottom:30px;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-description p{
	font-size:14px;
	line-height:24px;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .effect-description p:before{
	display:inline-block;
	content:"|";
	padding-right:10px;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .btn{
	background-color:#2489fd;
	cursor:pointer;}
.z-box22 .effect-container .swiper-wrap .slide-item .effect-txt .btn:hover{
	background-color:#2880e4;}
.z-box22 .pagination{
	width:100%;
	font-size:0;
	line-height:0;
	text-align:center;
	padding:30px 0 0;
	box-shadow:0px -5px 10px 0px rgba(0,0,0,0.05);
	position:relative;
	z-index:2;}
.z-box22 .pagination .pagination-switch{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 5px;
	border-radius:100%;
	border:1px solid #808080;
	background-color:#808080;
	cursor:pointer;}
.z-box22 .pagination .pagination-switch.active{
	border-color:#2489fd;
	background-color:#fff;}
.z-box23{
	padding:60px 0;
	background-color:#eaeaea;}
.z-box23 .wrap:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box23 .wrap .title{
	font-size:26px;
	line-height:26px;
	text-align:center;
	padding-bottom:20px;}
.z-box23 .wrap .prompt-txt{
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#808080;
	padding-bottom:20px;}
.z-box23 .wrap .icon-phone{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(../img/ic_phone23.png) no-repeat;}
.z-box23 .wrap .phone-number{
	font-size:42px;
	line-height:42px;
	font-weight:bold;
	color:#2880e4;
	padding:20px 0;}
.z-box23 .wrap .phone-number2{
	font-size:16px;
	line-height:26px;
	padding-bottom:20px;}
.z-box23 .wrap .time{
	font-size:14px;
	line-height:14px;}
.z-box23 .wrap form{
	width:800px;
	margin:0 auto;}
.z-box23 .wrap form:after{
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;}
.z-box23 .wrap form .form-group{
	float:left;
	width:50%;
	padding:0 20px 34px;
	position:relative;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box23 .wrap form .form-group:last-child{
	width:100%;
	text-align:center;
	padding:0;}
.z-box23 .wrap form .form-group .form-inp{
	width:100%;
	height:50px;
	line-height:20px;
	padding:14px 10px 14px 40px;
	border-radius:4px;
	border:1px solid #dedede;
	outline:medium;
	background-color:#fff;
	background-image:url(../img/ic_23.png);
	background-repeat:no-repeat;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
.z-box23 .wrap form .form-group .form-inp.company{
	background-position:0 0;}
.z-box23 .wrap form .form-group .form-inp.name{
	background-position:0 -50px;}
.z-box23 .wrap form .form-group .form-inp.tel{
	background-position:0 -100px;}
.z-box23 .wrap form .form-group .form-inp.mail{
	background-position:0 -150px;}
.z-box23 .wrap form .form-group .form-inp:focus{
	border-color:#2489fd;}
.z-box23 .wrap form .form-group .form-inp.company:focus{
	background-position:0 -200px;}
.z-box23 .wrap form .form-group .form-inp.name:focus{
	background-position:0 -250px;}
.z-box23 .wrap form .form-group .form-inp.tel:focus{
	background-position:0 -300px;}
.z-box23 .wrap form .form-group .form-inp.mail:focus{
	background-position:0 -350px;}
.z-box23 .wrap form .form-group.form-error .form-inp{
	border-color:#ed145b;}
.z-box23 .wrap form .form-group.form-error .form-inp.company{
	background-position:0 -400px;}
.z-box23 .wrap form .form-group.form-error .form-inp.name{
	background-position:0 -450px;}
.z-box23 .wrap form .form-group.form-error .form-inp.tel{
	background-position:0 -500px;}
.z-box23 .wrap form .form-group.form-error .form-inp.mail{
	background-position:0 -550px;}
.z-box23 .wrap form .form-group .error-text{
	display:none;
	font-size:14px;
	line-height:14px;
	text-align:right;
	color:#ed145b;
	position:absolute;
	right:30px;
	bottom:10px;}
.z-box23 .wrap form .form-group.form-error .error-text{
	display:block;}
.z-box23 .wrap form .form-group .checkbox{
	font-size:0;
	line-height:0;
	text-align:left;
	cursor:pointer;
	position:absolute;
	left:25px;
	bottom:10px;}
.z-box23 .wrap form .form-group .checkbox input{
	margin:1px 5px 0 0;
	cursor:pointer;}
.z-box23 .wrap form .form-group .checkbox input~label{
	font-size:14px;
	line-height:14px;
	display:inline-block;
	cursor:pointer;}
.z-box23 .wrap form .form-group .btn{
	display:inline-block;
	width:150px;
	height:50px;
	font-size:20px;
	line-height:50px;
	color:#fff;
	margin:20px auto 0;
	border-radius:4px;
	background-color:#2489fd;
	cursor:pointer;}
.z-box23 .wrap form .form-group .btn:hover{
	background-color:#2880e4;}
.z-box23 .wrap .fl-l-box{
	float:left;
	width:400px;
	text-align:center;
	padding:0 100px;}
.z-box23 .wrap .fl-l-box form{
	width:100%;}
.z-box23 .wrap .fl-l-box form .form-group{
	float:none;
	width:100%;
	padding:0 0 34px 0;}
.z-box23 .wrap .fl-l-box form .form-group:last-child{
	padding:0;}
.z-box23 .wrap .fl-l-box form .form-group .checkbox{
	left:0;}
.z-box23 .wrap .fl-l-box form .form-group .error-text{
	right:10px;}
.z-box23 .jm-link-wrap{
	width:1200px;
	padding-top:50px;
	margin:50px auto 0;
	border-top:1px solid #dedede;}
.z-box23 .jm-link-wrap .jm-link{
	width:500px;
	text-align:center;
	margin:0 auto;}
.z-box23 .jm-link-wrap .jm-link p{
	font-size:36px;
	line-height:36px;
	padding-bottom:40px;}
.z-box23 .jm-link-wrap .jm-link .btn{
	width:100%;
	height:20px;
	font-size:20px;
	line-height:20px;
	padding:20px 0;
	background-color:#2489fd;}
.z-box23 .jm-link-wrap .jm-link .btn:hover{
	background-color:#2880e4;}

.z-box01,.z-box01 .wrap,.z-box11,.z-box11 .wrap,.z-box12,.z-box12 .wrap,.z-box13,.z-box13 .wrap,.z-box14,.z-box14 .wrap,.z-box15,.z-box15 .wrap,.z-box16,.z-box16 .wrap,.z-box17 .wrap,.z-box18,.z-box18 .wrap,.z-box22,.z-box22 .wrap,.z-box23,.z-box23 .wrap{
	height:auto;}
.ta-j{
	text-align:justify !important;}

/*案例*/
.case-wrap{}
.case-wrap .top{
	padding:50px 0;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;}
.case-wrap .top p{
	font-size:14px;
	line-height:24px;
	text-align:center;
	padding:5px 0;}
.case-wrap .top .tilte{
	width:400px;
	margin:0 auto;
	font-size:30px;
	line-height:30px;
	text-align:center;
	padding:10px 0;
	border-bottom:1px solid #333;
	position:relative;}
.case-wrap .top .tilte:after{
	display:block;
	content:"";
	width:50%;
	height:1px;
	background-color:#2880e4;
	position:absolute;
	left:0;
	bottom:-1px;}
.case-wrap .top .case-time{
	color:#999;}
.case-wrap .case-box{}
.case-wrap .case-box .case-list{}
.case-wrap .case-box .case-list .case-item{
	padding:50px 150px;
	border-bottom:1px solid #dedede;}
.case-wrap .case-box .case-list .case-item .case-list-cnt{
	display:block;
	padding-right:350px;
	text-decoration:none;
	position:relative;}
.case-wrap .case-box .case-list .case-item .case-list-cnt:hover{
	color:#333;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .date-box{
	font-size:0;
	line-height:0;
	display:inline-block;
	border:1px solid #dedede;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .date-box span{
	display:inline-block;
	width:90px;
	height:50px;
	font-size:30px;
	line-height:50px;
	text-align:center;
	padding:5px 20px;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .date-box span.month{
	color:#fff;
	background-color:#2880e4;}
.case-wrap .case-box .case-list .case-item .case-list-cnt h3{
	font-size:20px;
	line-height:30px;
	padding:25px 0 15px;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .case-list-text{
	height:102px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .case-list-btn{
	display:inline-block;
	font-size:14px;
	line-height:30px;
	color:#fff;
	padding:0 10px;
	border-radius:4px;
	background-color:#ffaa00;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .image{
	width:300px;
	height:200px;
	border:1px solid #dedede;
	position:absolute;
	right:0;
	bottom:0;}
.case-wrap .case-box .case-list .case-item .case-list-cnt .image img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);}

.case-wrap .case-cnt{
	width:1000px;
	padding:20px 0 50px;
	margin:0 auto;}
.case-wrap .case-cnt p{
	font-size:14px;
	line-height:24px;
	text-align:justify;
	font-weight:bold;
	padding:5px 0;}
.case-wrap .case-cnt p span{
	font-weight:normal;}
.case-wrap .case-cnt .title{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	padding:30px 0;}
.case-wrap .case-cnt .subtitle{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	padding:10px 0;}
.case-wrap .case-cnt .image{
	width:100%;
	padding:20px 0;}
.case-wrap .case-cnt .image img{
	max-width:100%;
	margin:0 auto;
	position:relative;
	left:50%;
	transform:translateX(-50%);}



