﻿@charset "utf-8";
/*  banner  */
.zszx_banner{position:relative; width: 100%; height: 550px; overflow: hidden; }
.zszx_banner img{ position: relative; left: 50%; margin-left: -960px; }

.zszx_title{ text-align: center; margin-bottom: 54px;}
.zszx_title h2{ display: inline-block; font-size: 32px; color: #333; font-weight: normal; line-height: 35px; margin-bottom: 12px; padding: 0 60px 0; background: url(../images/gx_zszx/zszx_dou.png) no-repeat left top;}
.zszx_title p{ font-size: 16px; color: #999; font-weight: normal;}
/*  */
.zszx_coop_bg{ background: #F7FAFC; padding: 60px 0;}
.zszx_coop{ padding-top: 60px;}
.zszx_coop li{ float: left; width: 368px; height: 256px; background: #fff; position: relative; margin: 0 14px;}
.zszx_coop_img{ width: 120px; height: 120px; border-radius: 50%; overflow: hidden; position: absolute; top: -60px; left: 124px; background: #fff; box-shadow: 0 0 0 2px #FFF, 0 2px 0px 2px rgba(0,0,0,.03), 0 5px 30px 2px rgba(0,0,0,.04);}
.zszx_coop li h3{ font-size: 22px; color: #2b2b2b; text-align: center; font-weight: normal; margin-top: 80px;}
.zszx_coop li span{ display: block; margin: 10px auto 16px; width: 48px; height: 3px; background: #2485f3;}
.zszx_coop li p{ font-size: 16px; color: #666; padding: 0 50px; line-height: 28px;}

.zszx_title1{ text-align: center; margin-bottom: 42px;}
.zszx_title1 h2{ display: inline-block; padding: 0 64px; font-size: 32px;color: #333;/* font-weight: normal;*/
    background-image: url(../images/zszx/zszx_l.png),url(../images/zszx/zszx_r.png);
    background-position: left center,right center;
    background-repeat: no-repeat;}

.zszx_entry_title{ margin-bottom: 24px;}
.zszx_entry_title *{ text-align: center;}
.zszx_entry_title h4 { font-size: 20px; color: #ccc; font-weight: normal;}
.zszx_entry_title p { font-size: 22px!important; color: #2485f3;; margin-top: -5px;}

.zszx_entry_bg{ padding: 60px 0;}

/* .zszx_entry_box{ margin: 0 0 70px;} */
.zszx_entry { padding: 20px 0 60px;}
.zszx_entry li{ float: left; width: 16%;margin: 0 2%; padding: 10px 0 30px; text-align: center; box-shadow: 0 0 0 2px #FFF, 0 2px 6px 2px rgba(0,0,0,.03), 0 0px 30px 2px rgba(0,0,0,.04);}
.zszx_entry_icon{ width: 100px; height: 100px; margin: 0 auto 18px;}
.zszx_entry_icon img{ width: 100%;}
.zszx_entry p{ font-size: 16px; color: #666; line-height: 24px; height: 48px; margin-top: 10px;}


.zszx_process {margin-top:64px;}
.zszx_process li { float: left;width: 297px; /*margin-bottom:40px;*/}
.zszx_process_icon{ width: 132px; height: 123px; margin: 0 auto;}
.zszx_process li p {margin-top:10px;font-size:16px;color:#333;line-height:24px; text-align: center;}

.zszx_tactic_bg { background: #F7FAFC; padding: 50px 0 60px;}
/*.zszx_tactic_bg h4{ color:#333; font-size:18px; line-height:18px; text-align:center; font-weight:normal; padding-bottom:50px; }*/
.zszx_tactic li{ float:left; width:33.2%; border-left:1px dashed #bdbdbd; border-bottom:1px dashed #bdbdbd; padding:12px 0 30px 0}
.zszx_tactic li.li-f,.zszx_tactic li.li-w,.zszx_tactic li.li-l{ border-bottom:0; padding:30px 0 12px 0}
.zszx_tactic li.li-o,.zszx_tactic li.li-f{ border-left:0}
.zszx_tactic li .li-img{ width:53px; height:50px; float:left; margin:10px 20px 0 0}
.zszx_tactic li .li-img img{ width: 100%;}
.zszx_tactic li.li-t .li-img,.zszx_tactic li.li-w .li-img{ margin-left:48px;}
.zszx_tactic li.li-s .li-img,.zszx_tactic li.li-l .li-img{ margin-left:72px;}
.zszx_tactic li dl{ float:left; max-width: 250px;}
.zszx_tactic li dl dt{ color:#333; font-size:18px; line-height:18px; padding-bottom:8px; margin-top: 14px;}
.zszx_tactic li dl dd{ font-size:14px; color:#6a6a6a; line-height:22px; max-height: 66px; overflow: hidden;}
.zszx_tactic_coop{ margin: 40px 0 20px;}
.zszx_tactic_coop ul li{ float: left;width: 28%;margin: 0 2.5%;font-size: 16px;line-height: 36px;color: #333;height: 36px;overflow: hidden;}

.zszx_common_bg {padding: 50px 0 60px;}
.zszx_common{	padding: 40px 0;	background: url(../images/zszx/PC_62.png) no-repeat;	background-size: 100% 100%;}
.zszx_common-cen{	width: 88%;	margin: 0 auto;}
.zszx_common-head {	text-align: center;	font-size: 0;	padding: 0 0 20px;	border-bottom: 1px solid #ddd;}
.zszx_common-head img{	vertical-align: middle;}
.zszx_common-head span{	font-size: 24px; vertical-align: middle;	color: #2485f3;	margin-left: 5px;	font-weight: bold;}
.zszx_common-main{	padding-top: 20px; overflow: hidden;}
.zszx_common-main-fl{float: left;width: 60%;font-size: 0;}
.zszx_common-main-fr{ float: left; font-size: 0;}
.zszx_common-main img{ vertical-align: middle;}
.zszx_common-main span{	vertical-align: middle;	font-size: 16px;	margin-left: 5px;}
.zszx_common-main span a{	color: #2485f3;	font-weight: bold;}
/*end*/


.bg_line_gradient {
    background: #0a64ff;
    background: -moz-linear-gradient(left, #00a2ff 0%, #0a64ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2ff), color-stop(100%,#0a64ff));
    background: -webkit-linear-gradient(top, #00a2ff 0%,#0a64ff 100%);
    background: -o-linear-gradient(left, #00a2ff 0%,#0a64ff 100%);
    background: -ms-linear-gradient(left, #00a2ff 0%,#0a64ff 100%);
    background: linear-gradient(to right, #00a2ff 0%,#0a64ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2ff', endColorstr='#0a64ff',GradientType=0 );
}
.zszx_enter_btn a.bg_line_gradient {
    display: block;
    width: 156px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 48px auto 0;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}

/* 弹窗 */
/** modal window styles **/
#lean_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
.tanchuang{width:800px;padding:0 0 15px 0px;background:#f3f6fa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);}
.tanchuang h3{ height:60px; line-height:60px; background-color:#0e61bf; color:#fff; text-align:center; border-bottom:solid 1px #ddd; padding-bottom:10px; font-weight:normal; font-size:26px;}
.loginform{ /*width:360px;*/ margin:0 auto; margin-top:30px; padding-bottom:20px;}
.loginform label{ float:left;display:block; width:100px; height:38px; line-height:38px; font-size:16px; font-weight:bold; color:#7c8291; margin-bottom:3px; text-align:right; font-weight:normal; margin-right:15px;}
.loginform input{ float:left; width:220px; height:38px; line-height:38px; padding-left:10px; padding-right:10px; color:#ccc; font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-size:15px; border:solid 1px #eee;}
.ok_btm{ display:block; width:90px; margin:30px auto 15px auto; height:32px; line-height:32px; background-color:#0e61bf; color:#fff; font-size:16px; cursor:pointer; }