@charset "utf-8";
/* CSS Document */
/**/
.flex-direction-nav{ width:100%;}
.flex-direction-nav a{width:120px;height:150px;line-height:99em;overflow:hidden;display:block;background:url(../images/ad_ctr.png)  no-repeat; z-index:100;cursor:pointer;-webkit-transition:all .3s ease; opacity:0.5;position:absolute;top:15%;}
.flex-direction-nav .flex-next{background-position:0px -200px; right:-70px;}
.flex-direction-nav .flex-prev{left:-80px;}

.flexslider{position:relative;width:100%;}
.flex-control-nav{position:absolute; top:300px; left:40%; height: 22px;text-align:center;}
.flex-control-paging{ overflow:hidden;}
.flex-control-paging li{ float:left; margin-right:10px;}
.flex-control-paging li a{ display:block;width:40px;height:6px;overflow:hidden;border-radius:3px; color:#ddd;background:#ddd;cursor:pointer; opacity:0.3;}
.flex-control-paging li a.flex-active{background:#9a9a9a; color:#9a9a9a;}
/*-- top style --*/
.zxshop_nav{overflow:hidden;}
.zxshop_nav li{ float:left;margin: 0 40px 0 30px;}
.zxshop_nav li a{ font-size:15px; color:#666;  margin:0 34px; line-height:65px;}
.zxshop_nav li a:hover{ color:#0462cd;}
.zxshop_nav li .zxshop_cur{ color:#0462cd;}
/*-- line action --*/
nav {position: relative;align-items: center;}
nav .line {height: 2px;position: absolute;bottom: 0;margin: 10px 0 0 30px;background:#0462cd;}
nav ul{display: flex;justify-content:center;}
nav ul li{margin: 0 40px 0 0;transition: all 0.4s ease;color:#0462cd;}

/*-- banner style --*/
.banner_p h3{ font-size:36px; color:#ffffff; font-weight:normal; line-height:90px; padding-top:60px;}
.banner_p dl{ font-size:16px; line-height:28px; color:#eeeeee; width:750px;}
.banner_p dl a{ color:#ffffff; background-color:#2384f1; font-size:15px; padding:12px 25px;}
.banner_p dl a:hover{ background-color:#0f75e7;}
.banner_p dl.b_btn{ margin-top:50px;}
/*-- zx_join  style --*/
.changjing{ background:url(/content/images/solution/cj_bg.jpg) no-repeat; height:657px;}

.cj_warp{ padding-top:90px;}
.hd_title{ background-color:#f9f9f9; height:62px; line-height:62px; font-size:16px;}
.hd_title li{ text-align:center; width:50%; float:left;}
.hd_title li:hover{ cursor:pointer;}
.hd_title .l_curs{ border-bottom:2px solid #227ce3; color:#0462cd; background-color:#ffffff; height:60px;}
.cj_bg{ background-color:#fff; overflow:hidden; height:400px;}
.hd_pic{ width:493px; height:349px; margin:20px 0 0 60px;}
.hd_pic img{width:493px; height:349px;}
.hd_cont_txt{ width:472px; color:#666a75; font-size:14px; line-height:22px; height:312px; overflow:hidden; margin-top:30px; margin-right:80px;}
.hd_cont_txt h3{ font-size:16px; color:#252b3a; line-height:24px; padding-top:15px;}

.jiegou{ padding:50px 0;}
.jiegou_warp{ border:1px solid #e5e5e5; height:545px; padding:30px 0;}
.jiegou_pic img{ width:1147px; height:343px; display:block; margin:0 auto;}
.jiegou_txt{ font-size:14px; color:#818181; line-height:26px; width:300px; height:170px; overflow:hidden; float:left; margin:20px 0 0 60px;}
.jiegou_txt h3{ font-size:16px; color:#333333; padding:10px 0;}
.jg_t_txt{ width:320px; float:right; margin-right:60px; margin-top:20px;}
.jg_t_txt h3{ font-size:16px; color:#333333; padding:10px 0;}
.jg_t_boxs li{ float:left; margin:6px 9px;}
.jg_t_boxs li a{ font-size:14px; width:140px; height:30px; border:1px solid #e5e5e5; color:#666; display:block; text-align:center; overflow:hidden; line-height:30px;}
.jg_t_boxs li a:hover{border:1px solid #227ce3; color:#227ce3;} 

.lj_register{ background:#0967ff url(../images/i_register_border.png) no-repeat center; padding:12px 0;}
.lj_register h3{ font-size:16px; font-weight:normal; text-align:center; line-height:36px; color:#ffffff;}
.lj_register_btn{ text-align:center; padding:15px 0;}
.lj_register_btn a{ font-size:16px; color:#ffffff; border:1px solid #ffffff; 
-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;
padding:6px 30px 8px 30px; border-radius:20px; text-align:center;}
.lj_register_btn a:hover{ color:#0967ff; background-color:#ffffff;}


/**********************************/

.set_3_button3 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	/*background:#f2625a;*/
	overflow: hidden;
	width: auto;
	padding: 0px 25px;
	margin-right: 2.5em;
	cursor: pointer;
}
.set_3_button3 a {
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.set_3_button3 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.set_3_button3:hover {
	/*background-color:#dd483f;*/
}
.set_3_button3:hover > span {
	opacity: 0;
	-webkit-transform: translate(0px, 40px);
	transform: translate(0px, 40px);
}
.set_3_button3::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(30%, 0);
	transform: translate(30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.set_3_button3:hover::after {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
/***********************************/



.solution_tit{ font-size: 26px; color: #333; border-left: 4px solid #0462cd ; padding-left: 14px; margin-bottom: 40px; line-height: 26px; height: 28px; font-weight: normal;}
/* 方案优势 */
.solution_adv_bg{ background: url(../images/solution/solution_adv_bg.png) no-repeat center bottom #f5faff; padding: 40px 0; }
.solution_adv{ width: 1224px; padding: 10px 0 20px;}
.solution_adv li{ position: relative; top: 0; float: left; width: 196px; margin-right: 34px; padding: 48px 38px; background: #fff; transition: .3s;}
.solution_adv_icon{ width: 48px;height: 48px; margin: 0 auto; overflow: hidden;}
.solution_adv_icon img{ width: 100%; height: 100%;}
.solution_adv li h3{ font-size: 18px; color: #333; text-align: center; line-height: 22px; height: 22px; overflow: hidden; font-weight: normal; margin: 36px 0 30px;}
.solution_adv li p{ font-size: 14px; color: #666; line-height: 25px; height: 75px; overflow: hidden;}
.solution_adv li:hover{ top: -10px;}
/* 服务推荐 */
.solution_recommend_bg{ padding: 40px 0; }
.solution_recommend{ padding:10px 0 20px; overflow: hidden; }
.solution_recommend li{ float: left; width: 366px; margin: 0 14px; border: 1px solid #f2f2f2; padding-bottom: 32px; transition: .3s; position: relative; top: 0;}
.solution_recommend li h3{ font-size: 18px; color: #333; text-align: center; line-height: 86px; height: 86px; overflow: hidden; font-weight: normal;padding: 0 50px;}
.recommend_item01  h3{ background: url(../images/solution/recommend_item01.png) no-repeat center top}
.recommend_item02  h3{ background: url(../images/solution/recommend_item02.png) no-repeat center top}
.recommend_item03  h3{ background: url(../images/solution/recommend_item03.png) no-repeat center top}
.solution_recommend li p{ font-size: 14px; color: #666; line-height: 22px; height: 66px; overflow: hidden; margin: 36px 40px;}
.solution_recommend li a{ display: block; margin: 0 auto; width: 84px; height: 28px; line-height: 28px; text-align: center; color: #6193cc; border-radius: 30px; border:1px solid #6497d1; transition: .2s;}
.solution_recommend li a:hover{ background: #6497d1; color: #fff;}
.solution_recommend li:hover{ border:1px solid #eee; box-shadow: 0px 8px 16px rgba(183,183,183, 0.2) ; top: -10px;}
/* 客户案例 */
.solution_case_bg{ background:#ecf5fe; padding: 40px 0 36px;}
.solution_case{ padding:10px 0 20px; overflow: hidden; }
.solution_case li{ float: left; width: 380px; margin: 0 41px; padding: 62px 66px; background: #fff; transition: .2s;}
.solution_case_icon{ width: 196px;height: 70px; margin: 0 auto 36px; overflow: hidden;}
.solution_case_icon img{ width: 100%; height: 100%;}
.solution_case li p{ font-size: 14px; color: #666; line-height: 26px; height: 104px; overflow: hidden;}
.solution_case li:hover{ box-shadow: 0px 8px 16px rgba(183,183,183, 0.3) }


.link_logo_cont{ padding:20px 0; overflow:hidden;}
.link_logo_cont dl{ float:left; margin:15px 38px;}
.link_logo_cont dl img{ width:120px; height:60px;}