* {
  margin: 0;
  padding: 0;
  font-family: "MicrosoftYaHei"; }

ul, li {
  list-style: none; }

img {
  border: none; }

a {
  text-decoration: none; }

.clearfix:after, .zs_cc_header .zs_top:after, .zs_nav_box .zs_nav_list:after, .zs_tab_box .zs_menu_box:after, .zs_bcol1 .zs_cc_top:after, .zs_bcol2_list ul li > p:after, .zs_wrap_base .zs_wrap_box:after, .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div .zs_ewm_box:after, .bg_col_blue .zs_inp:after, .bg_col_blue .zs_inp > div:after, .zs_z_base .z_fl:after, .zs_cc_ewm:after, .p5_img:after, .zs_cc_wrap:after, .clearfix:before, .zs_cc_header .zs_top:before, .zs_nav_box .zs_nav_list:before, .zs_tab_box .zs_menu_box:before, .zs_bcol1 .zs_cc_top:before, .zs_bcol2_list ul li > p:before, .zs_wrap_base .zs_wrap_box:before, .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div .zs_ewm_box:before, .bg_col_blue .zs_inp:before, .bg_col_blue .zs_inp > div:before, .zs_z_base .z_fl:before, .zs_cc_ewm:before, .p5_img:before, .zs_cc_wrap:before {
  display: block;
  clear: both;
  content: ""; }

.width, .zs_cc_header .zs_top {
  width: 1400px;
  margin: 0 auto; }

.zs_cc_header {
  width: 100%;
  height: 83px;
  background: #fff; }
  .zs_cc_header .zs_top .zs_logo {
    margin-right: 127px;
    float: left;
    margin-top: 10px; }
  .zs_cc_header .zs_top .zs_cc_base {
    width: 880px;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px; }
    .zs_cc_header .zs_top .zs_cc_base li {
      margin-right: 40px;
      float: left; }
      .zs_cc_header .zs_top .zs_cc_base li a {
        color: #333333;
        font-size: 20px; }
    .zs_cc_header .zs_top .zs_cc_base .zs_col {
      border-bottom: #e10000 2px solid;
      padding-bottom: 15px; }

.zs_banner {
  width: 100%;
  position: relative; }
  .zs_banner > img {
    width: 100%; }
  .zs_banner .zs_h_title {
    position: absolute;
    width: 770px;
    margin: 0 auto;
    top: 130px;
    margin-left: 585px; }
    .zs_banner .zs_h_title h3 {
      font-size: 66px;
      color: #ffffff; }
    .zs_banner .zs_h_title p {
      font-size: 30px;
      margin-top: 10px;
      color: #ffffff; }

.zs_nav_box {
  width: 100%; }
  .zs_nav_box .zs_title h3 {
    color: #333333;
    margin-top: 55px;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px; }
  .zs_nav_box .zs_title p {
    text-align: center;
    font-size: 18px;
    color: #666666; }
  .zs_nav_box .zs_nav_list {
    width:1100px;
    margin: 65px auto;
    position: relative; }
    .zs_nav_box .zs_nav_list li {
      margin-right:133px;
      margin-bottom:54px;
      float: left;
      position: relative; }
      .zs_nav_box .zs_nav_list li a {
        background: url(../images/zs_bord.png);
        background-repeat: no-repeat;
        width: 113px;
        height: 113px;
        display: block;
        position: relative;
        background-size: 100% 100%; }
        .zs_nav_box .zs_nav_list li a img {
          padding-top: 20px;
          margin: 0 auto;
          width: auto;
          display: block; }
        .zs_nav_box .zs_nav_list li a span {
          padding-top:60px;
          text-align: center;
          display: block;
          font-size: 16px;
          color: #333333; }
    .zs_nav_box .zs_nav_list .zs_col_nav > span {
      width: 105px;
      height: 105px;
      display: block;
      background: #2099ff;
      border-radius: 50%;
      -ms-border-radius: 50%;
      position: absolute;
      top: -7px;
      left: -8px;
      background: url(../images/blue_radius.png) no-repeat;
      background-size: 100% 100%;
      padding: 5px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      display: block; }
    .zs_nav_box .zs_nav_list .zs_col_nav > i {
         width: 120px;
    height: 120px;
    display: block;
    border: #0983ff 1px solid;
    border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: -16px;
    left: -16px;
    padding: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block; }

.zs_bcol {
  background: url(../images/zs_bcol.png) no-repeat;
  width: 100%;
  height: 241px;
  background-size: 100% 100%; }
  .zs_bcol .zs_box > div {
    padding-top: 35px; }
    .zs_bcol .zs_box > div h3 {
      font-size: 36px;
      color: #ffffff;
      text-align: center; }
    .zs_bcol .zs_box > div p {
      font-size: 20px;
      color: #ffffff;
      text-align: center;
      margin-top: 27px;
      margin-bottom: 27px; }

.zs_bord_box {
  width: 580px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  border: #fff 1px solid;
  border-radius: 5px; }
  .zs_bord_box span {
    width: 116px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center; }
    .zs_bord_box span a {
      text-align: center;
      color: #ffffff;
      font-size: 16px;
      display: inline-block; }
  .zs_bord_box .zs_bgcol {
    background-color: #ffa800; }

.zs_tab_box {
  width: 1275px !important;
  margin: 60px auto;
  position: relative; }
  .zs_tab_box .zs_arrow_left {
    position: absolute;
    left: 0;
    top:221px; }
  .zs_tab_box .zs_arrow_right {
    position: absolute;
    right: 0;
    top:221px; }
  .zs_tab_box .zs_cc_img img {
    width: 729px;
    margin: 0 auto;
    display: block; }
  .zs_tab_box .zs_menu_box {
        margin-left: 240px;
    margin-right: 147px;
    margin-top: -31px;}
    .zs_tab_box .zs_menu_box ul li {
      float: left;
       margin-right: 67px;
    margin-bottom:12px !important;}
      .zs_tab_box .zs_menu_box ul li a {
        width: 254px;
        height: 48px;
        line-height: 48px;
        background-color: #1b92d5;
        display: block;
        text-align: center;
        color: #fff;
        font-size: 16px;
        border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; 
        font-size:16px;
       }

.zs_bcol1 {
  background: url(../images/zs_bcol1.png) no-repeat;
  width: 100%;
  height: 176px;
  background-size: 100% 100%; }
  .zs_bcol1 .zs_cc_top {
    width: 1200px;
    margin: 0 auto; }
    .zs_bcol1 .zs_cc_top .zs_cc_left {
      float: left; }
      .zs_bcol1 .zs_cc_top .zs_cc_left h3 {
        font-size: 36px;
        color: #fff;
        margin-top: 40px;
        margin-bottom: 20px; }
      .zs_bcol1 .zs_cc_top .zs_cc_left p {
        font-size: 18px;
        color: #fff; }
        .zs_bcol1 .zs_cc_top .zs_cc_left p strong {
          font-size: 36px; }
    .zs_bcol1 .zs_cc_top .zs_cc_fr {
      float: left;
      width: 235px;
      height: 43px;
      line-height: 43px;
      border: #ffffff 1px solid !important;
      margin-top: 72px;
      margin-left: 160px; }
      .zs_bcol1 .zs_cc_top .zs_cc_fr span {
        width: 117px;
        height: 43px;
        line-height: 43px;
        float: left;
        text-align: center;
        color: #fff;
        font-size: 16px; }
        .zs_bcol1 .zs_cc_top .zs_cc_fr span a {
          color: #fff;
          font-size: 16px; }
      .zs_bcol1 .zs_cc_top .zs_cc_fr .zs_cc_bg {
        background-color: #ffa800; }

.zs_in_img2 img {
  width: 804px;
  margin: 115px auto;
  display: block; }

.zs_bcol2 {
  background: url(../images/zs_bcol2.png) no-repeat;
  width: 100%;
  height: 788px;
  background-size: 100% 100%; }
  .zs_bcol2 .zs_bcol2_top {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: #78afdd 1px solid; }
    .zs_bcol2 .zs_bcol2_top h3 {
      text-align: center;
      font-size: 36px;
      color: #fff;
      margin-bottom: 25px; }
    .zs_bcol2 .zs_bcol2_top p {
      font-size: 18px;
      text-align: center;
      color: #fff;
      line-height:30px;
       }

.zs_bcol2_list ul {
  width: 1100px;
  margin: 134px auto; }
  .zs_bcol2_list ul li {
    background: url(../images/bcol_blue.png) no-repeat;
    width: 295px;
    height: 357px;
    top:26px !important;
    float: left;
    margin-right: 100px;
    position: relative;
    background-size: 100% 100%; }
    .zs_bcol2_list ul li .zs_y_bcol {
      background: url(../images/y_bcol.png) no-repeat;
      width: 146px;
      position: absolute;
      top: -82px;
      left: 77px;
      text-align: center;
      font-size: 29px;
      color: #fff;
      font-weight: bold;
      height: 167px;
      background-size: 100% 100%; }
    .zs_bcol2_list ul li > p {
      font-size: 16px;
      color: #fff;
      margin: 95px 0 0 32px; }
      .zs_bcol2_list ul li > p > span:first-child {
        width: 9px;
        height: 9px;
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        vertical-align: middle;
        background-color: #f7c319; }
      .zs_bcol2_list ul li > p span {
        width: 217px;
        float: left;
        line-height: 30px; }

.zs_wrap_base {
  background-color: #fff; }
  .zs_wrap_base > h3 {
    text-align: center;
    color: #333333;
    font-size: 36px;
    margin-top: 60px;
    margin-bottom: 30px; }
  .zs_wrap_base > p {
    text-align: center;
    color: #666666;
    font-size: 18px; }
  .zs_wrap_base .zs_wrap_box {
    width: 1200px;
    margin: 100px auto; }
    .zs_wrap_base .zs_wrap_box > div {
      float: left;
      width: 518px;
      margin-right:40px; 
      background:#fafafa;
      padding:20px;
      height:340px;
      border:1px solid rgb(222,222,222);
    }
    .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div:first-child {
      width: 117px;
      margin-right: 18px; }
    .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div {
      float: left;
      width: 375px; }
      .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div > h3 {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 10px; }
      .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div > p {
        font-size: 14px;
        height: 70px;
        line-height:30px; }
      .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div .zs_ewm_box {
        margin-top: 53px; }
        .zs_wrap_base .zs_wrap_box .zs-cc-wrap > div .zs_ewm_box span {
          float: left;
          margin-right: 40px; }

.bg_col_blue {
  width: 100%;
  height: 804px;
  background-color: #1e79c7; }
  .bg_col_blue h3 {
    color: #fefefe;
    font-size: 36px;
    text-align: center;
    padding-top: 54px;
    margin-bottom: 30px; }
  .bg_col_blue > p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 45px; }
  .bg_col_blue .zs_inp {
    width: 1000px;
    margin: 0 auto; }
    .bg_col_blue .zs_inp > div {
      float: left;
      margin-right: 63px;
      margin-bottom: 23px; }
      .bg_col_blue .zs_inp > div > label {
        font-size: 18px;
        color: #fff;
        float: left;
        margin-right: 17px;
        width: 62px; }
      .bg_col_blue .zs_inp > div > span {
        float: left; }
        .bg_col_blue .zs_inp > div > span input {
          width: 353px;
          height: 47px;
          border:none;
          background-color: #fff; }
  .bg_col_blue .zs_btn {
    font-size: 18px;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #ffa800;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    margin: 0 auto; }

.zs_z_base {
  width: 1000px;
  margin: 90px auto; }
  .zs_z_base .z_fl {
    float: left;
    margin-right: 60px; }
    .zs_z_base .z_fl i {
      float: left;
      margin-right: 10px;
      vertical-align: middle; }
    .zs_z_base .z_fl > span {
      float: left;
      font-size: 20px;
      color: #fff; }

.zs_top_title {
  margin-top: 58px;
  font-size: 26px;
  color: #333333;
  text-align: center;
  position: relative;
  border-bottom: #dddddd 1px solid; }
  .zs_top_title > h3 {
    border-bottom: #1e79c7 3px solid;
    width: 140px;
    margin: 0 auto;
    font-weight: normal;
    padding-bottom: 24px; }

.zs_cc_con {
  width: 1200px;
  margin: 50px auto; }
  .zs_cc_con > p {
    text-indent: 40px;
    line-height: 35px;
      font-size:18px;
     }

.zs_bg_col1 {
  background: url(../images/zs_bg_col1.png) no-repeat;
  width: 100%;
  height: 545px;
  background-size: 100% 100%;
  padding-top: 30px; }
  .zs_bg_col1 > h3 {
    background: url(../images/cc_bord.png) no-repeat;
    width: 1092px;
    height: 7px;
    line-height: 7px;
    font-size: 18px;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center; }
  .zs_bg_col1 > p {
    width: 1100px;
    margin: 30px auto;
    font-size: 18px;
    color: #666666;
    line-height: 36px; }
  .zs_bg_col1 .video_img {
    width: 466px;
    margin: 0 auto; }

.zs_bgf_col {
  margin-top: 50px; }
  .zs_bgf_col > h3 {
    background: url(../images/cc_bord.png) no-repeat;
    width:1200px;
    height: 7px;
    line-height: 7px;
    font-size:36px;
    color:#666;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center; }
  .zs_bgf_col > p {
    width: 1100px;
    margin: 30px auto;
    font-size: 18px;
    color: #666666;
    line-height: 36px; }
    .zs_bgf_col > p > a {
      text-align: center;
      display: block;
      font-size: 18px;
      color: #333333; }
  .zs_bgf_col .video_img {
    width: 650px;
    margin: 0 auto; }

.zs_bgb_col {
  width: 100%;
  height: 504px;
  background-color: #1e7ac7;
  margin-top: 67px;
  padding-top: 30px; }
  .zs_bgb_col > h3 {
    background: url(../images/cc_bord.png) no-repeat;
    width: 1092px;
    height: 7px;
    line-height: 7px;
    font-size: 36px;
    background-size: 100% 100%;
    margin: 30px auto;
    text-align: center;
    color: #fff; }
  .zs_bgb_col > p {
    width: 1100px;
    margin: 30px auto;
    font-size: 18px;
    color: #fff;
    line-height: 36px; }
  .zs_bgb_col .video_img7 {
    width: 1086px;
    margin: 0 auto; }

.zs_video_box {
  width: 1074px;
  height: 290px;
  background: url(../images/bgf_col1.png) no-repeat;
  background-size: 100% 100%;
  margin: 54px auto;
  position: relative; }
  .zs_video_box > img {
    position: absolute;
    top: -25px;
    left: -25px; }
  .zs_video_box > span {
    width: 610px;
    float: right;
    margin-right:56px;
    font-size:18px;
    line-height:30px;
    margin-top: 50px; }

.zs_grey_col {
  width: 100%;
  height: 567px;
  background: #f2f2f2;
  margin-top: 35px;
  padding-top: 30px; }
  .zs_grey_col > h3 {
       background: url(../images/cc_bord.png) no-repeat;
    width: 1300px;
    height: 7px;
    line-height: 7px;
    font-size: 36px;
    background-size: 100% 100%;
    margin: 30px auto;
    text-align: center;
    color: #333333;
    padding-left: 7px; }
  .zs_grey_col > p {
    width: 1100px;
    margin: 30px auto;
    font-size: 18px;
    color: #666666;
    line-height: 36px; }
  .zs_grey_col .banner_img {
    width: 1086px;
    margin: 43px auto 10px auto; }

.zs_grey_col1 {
  width: 1030px;
  margin: 105px auto 0 auto;
  height: 330px;
  background: #f2f2f2;
  position: relative; }
  .zs_grey_col1 .c-img {
    position: absolute;
    top: -36px;
    left: -36px; }
  .zs_grey_col1 > span {
    float: right;
    width: 560px;
    margin-right: 20px;
    line-height: 36px;
    margin-top: 70px;
    font-size: 18px; }
  .zs_grey_col1 .zs_j_btn {
    width: 145px;
    height: 50px;
    line-height: 50px;
    background: #1e7ac7;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 45px;
    bottom: 47px; }
    .zs_grey_col1 .zs_j_btn i {
      margin-left: 10px; }

.zs_cc_img {
  width: 660px;
  margin: 0 auto; 
  height:352px;
}
  .zs_cc_img > span {
    margin-right: 78px; }

.zs_cc_ewm {
  width: 970px;
  margin: 0 auto; }
  .zs_cc_ewm > div {
    margin-right: 135px;
    float: left; }

.p5_img {
  width: 1000px;
  margin: 0 auto; }
  .p5_img > div:first-child {
    margin-right: 96px; }
  .p5_img > div {
    float: left; }

.zs_p {
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin-top: 46px;
  margin-bottom: 48px; }
  .zs_p strong {
    color: #0a8ad1;
    font-size: 18px;
    font-weight: normal; }

.zs_cc_wrap {
  width: 1150px;
  margin: 0 auto 65px auto; }
  .zs_cc_wrap li {
    float: left;
    margin-right:114px; }
    .zs_cc_wrap li > div {
      margin: 0 auto;
      width: 150px; }
          .zs_cc_wrap li > a > div > img{
              margin:0 auto;
              display:block;
          }
    .zs_cc_wrap li h3 {
      text-align: center;
      font-size: 22px;
      color: #333333;
      margin-bottom: 19px;
      margin-top: 10px;
      font-weight: normal; }
    .zs_cc_wrap li * > p {
      color: #666666;
      font-size: 15px; }

.zs_nav_list li i {
  width: 112px;
  height: 112px;
  display: block;
  border: #0983ff 1px solid;
  border-radius: 50%;
  -ms-border-radius: 50%;
  position: absolute;
  top: -12px;
  left: -12px;
  padding: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: none; }

.zs_menu_list > div {
  display: none; }

.zs_menu_list .block {
  display: block; }
#zs_tab_box > div{
display:none;
}
#zs_tab_box .block{
display:block;
}
#zs_img > div{
display:none;
}
#zs_img .block{
display:block;
}
.zs_bgfff_col{
width:100%;
padding-top: 66px;
margin-top:30px;
height:500px;
background:#1e7ac7;
}
.zs_bgfff_col > h3{
background:url(../images/white_bord.png) no-repeat;
width:1089px;
height:7px;
line-height:7px;
margin:0 auto;
color:#fff;
font-size:36px;
text-align:center;
}
.zs_wrap_base_box > h3{
    text-align: center;
    color: #333333;
    font-size: 36px;
    margin-top: 60px;
    margin-bottom: 30px;
}
.zs_wrap_base_box > p{       
    text-align: center;
    color: #666666;
    font-size: 18px;
}
.clear{
    clear: both;
    overflow: hidden;
    zoom: 1;
    float: none;
}
.index_cc_box{
width:1040px;
margin:0 auto;
position:relative;
}
.index_cc_box .c_fl{
float:left;
width:272px;
position:absolute;
z-index:999;
}
.index_cc_box .c_fr{
float:left;
width:728px;
}
.index_cc_box .c_top{
width:740px;
    margin-left: 274px;
}
.index_cc_box .c_top h3{
color:#333333;
font-size:34px;
margin-bottom:30px;
}
.index_cc_box .c_top p{
  font-size:17px;
  color:#666666;
  line-height:30px;
  widtH:676px;
  margin-left:22px;
}
.c_bff{
width:815px;
height:254px;
margin-top:20px;
position:absolute;
left:149px;
background:#fff;
}
.c_bff > div{
float:left;
width:280px;
    margin: 30px 0 46px 49px;
}
.c_bff > div p a{
color:#666666;
font-size:15px;
line-height:32px;
display:block;
}
.c_bff > div:first-child{
border-right:#e0e2e8 1px dashed;
width:278px;
margin:30px 17px 46px 186px;
}
.zs_top_wrap .zs_col_box{
width:328px;
height:400px;
background:#fafafa;
float:left;
}
.zs_sw_ewm{
width:1190px;
margin:60px auto;
}
.zs_sw_ewm .zs_sw_wrap{
width:357px;
height:374px;
margin-right:55px;
float:left;
background-color:#57a7ea;
}
.zs_sw_wrap h3{
font-size:24px;
color:#ffffff;
margin-top:47px;
margin-bottom:32px;
text-align:center;
}
.zs_ewm_wrap{
float:left;
margin-right:55px;
}
.zs_ewm_wrap p{text-align:center;font-size:18px;color:#333333;margin-top:30px;}
.zs_sw_wrap p{
font-size:18px;
color:#ffffff;
margin-left:30px;
margin-right:30px;
}
.p24_wrap{
  width:1090px;
  margin:30px auto;
  position:relative;
  padding-bottom:400px;

}

.p24_wrap ul li{
background:url(../images/p24col_img.png) no-repeat;
width:514px;
height:336px;
background-size:514px 336px;
float:left;
margin-right:50px;
position:relative;
margin-bottom:45px;
}
.p24_wrap ul li .p24_icon{
    position: absolute;
    left: 222px;
    top: 26px;
}
.p24_wrap ul li h3{
color:#666666;
font-size:24px;
text-align:center;
margin-top:110px;
}
.p24_wrap ul li p{
color:#666666;
font-size:18px;
width:452px;
margin:30px auto;
line-height:30px;
}
.p24_wrap ul li p strong{
  color:#1e79c7;
  font-size:18px;
  font-weight:normal;
}
.p24_wrap .p24_col{
background:url(../images/p24col_img.png) no-repeat;
width:514px;
height:336px;
background-size:514px 336px;
position:absolute;
top:788px;
left:280px;
margin-bottom:45px;
}
.p24_wrap .p24_icon{
    position: absolute;
    left:230px;
    top: 26px;
}
.p24_wrap .p24_col h3{
color:#666666;
font-size:24px;
text-align:center;
margin-top:110px;
}
.p24_wrap .p24_col p{
color:#666666;
font-size:18px;
width:452px;
margin:30px auto;
line-height:30px;
}
.p24_wrap .p24_col p strong{
  color:#1e79c7;
  font-size:18px;
  font-weight:normal;
}
/*# sourceMappingURL=workspace.css.map */