﻿/*    @media (min-width: 1200px) {
    }*/
    .search-box {
        width:100%;
        top: 30%;
    }
    .znwd{
      position:fixed;
      top:50%;
      right:0;
      margin-top:-20px;
      width:40px;
      z-index:300;
    }
    .search-box .robot_icon{
      display:block;
      width:188px;
      margin:0 auto;
      padding:10px 15px;
    }
    .search-box .robot_icon img{
      height:40px;
    }
    .headlineCon{
      background:#fff;
      margin-bottom:20px;
      border:1px solid #ddd;
    }
    .headlineTxt {
      padding: 10px 30px;
      border: none;
      font-size: 28px;
      line-height: 40px;
    }
    .headlineTxt a {
      color: #135a9c;
      font-weight: bold;
    }
    .tab a {
      padding: 0 12px;
    }
    .jd {
      position: absolute;
      top: 0;
      left: 82%;
    }
    .openA3 li{
      padding:10px 0;
    }
    .openA3 li a {
      position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      line-height: 40px;
      padding: 10px 0;
      background-color: #f5f5f5;
    }
    .openA3 li a:hover {
      font-weight: bold;
      box-shadow: 0 3px 12px rgb(0 85 136 / 20%);
      transform: translate(0, -3px);
    }
    .openA3 li i,
    .openA6 li i,
    .openA7 li i{
      display:inline-block;
      width: 40px;
      height: 40px;
      background-image: url(../images/public/icons_02.png);
      background-image: url(../images/public/icons_02_ie8.png)\9;
      background-size: 240px auto;
      background-repeat: no-repeat;
    }
    .openA3 li i{
      display:block;
    }
    .openA3 li i.s1 {
      background-position: 0px -80px;
    }

    .openA3 li i.s2 {
      background-position: -40px -80px;
    }

    .openA3 li i.s3 {
      background-position: -80px -80px;
    }

    .openA3 li i.s4 {
      background-position: -160px -80px;
    }

    .openA3 li i.s5 {
      background-position: -120px -80px;
    }

    .openA3 li i.s6 {
      background-position: -200px -80px;
    }

    .service {
      width: 100%;
      height: 145px;
      float: left;
      margin-top:10px;
      margin-right: 2%;
      padding: 90px 30px 0px 20px;
      background: #eff6fa url(../images/zwfw_2021.png) center top no-repeat;
      background-size: cover;
    }
    .service .list-t li {
      padding-left: 30px;
      padding-right: 25px;
      background: url(../images/dot.png) 10px 45% no-repeat;
    }
    .service .list-t li:before{
     display:none;
    }
    .czfw {
      width: 100%;
      padding: 50px 20px 20px;
      font-weight: 500;
      font-size: 16px;
      text-align: center;
      line-height: 24px;
      background: url(../images/czfw2_2.png) 50% 0px no-repeat;
      background-size: cover;
      /*height: 240px;*/
    }
    .cx1 {
      padding:17px 5px;
      line-height:26px;
      width: 45%;
      float: left;
      background-color: #908d8d12;
      border: 1px solid #eee;
      margin: 10px 0px;
    }
    .cx2 {
      line-height: 25px;
      width: 45%;
      float: left;
      color: #fff;
      margin: 10px 10px;
      padding: 5px;
      background-color: #908d8d12;
      border: 1px solid #eee;
    }
    .cx3 {
      line-height: 30px;
      width: 94%;
      float: left;
      color: #fff;
      padding: 5px;
      margin: 5px 10px;
      background-color: #908d8d12;
      border: 1px solid #eee;
    }
    .data {
      display: inline-block;
      padding: 25px;
      background: url(../images/sjly_bg.jpg) 0 0 no-repeat;
      background-size: cover;
    }
    .data h3 {
      width: 80px;
      height: 90px;
      font-size: 0px;
      margin:0 10px 0 0;
      display: inline-block;
      background: url(../images/sjly.png) 0 0 no-repeat;
      border-bottom:none;
    }
    .nt {
      text-align: left;
      letter-spacing: -3em;
      overflow: hidden;
    }
    .openA6 {
      float: left;
      width: 80%;
      margin-top: 5px;
    }
    .openA6 li {
      width: 45%;
    }
    .openA6 li a {
      display: block;
      float: left;
      line-height: 40px;
      text-align: center;
      transition: all .3s;
    }
    .openA6 li i{
      margin:0px;
    }
    .openA6 li i.s1{
        background-position: 0px -160px;
    }
    .openA6 li i.s2{
        background-position: -40px -160px;
    }
    .openA6 li i.s3{
        background-position: -80px -160px;
    }
    .openA6 li i.s4{
        background-position: -120px -160px;
    }
    .openA6 li:hover i.s1{
        background-position: 0px -200px;
    }
    .openA6 li:hover i.s2{
        background-position: -40px -200px;
    }
    .openA6 li:hover i.s3{
        background-position: -80px -200px;
    }
    .openA6 li:hover i.s4{
        background-position: -120px -200px;
    }
    .openA7 li {
      width: 16.66%;
    }
    .openA7 li a {
      display: block;
      padding: 5px;
    }
    .openA7 li i{
      display:block;
    }
    .openA7 li i.s1{
        background-position: 0px -120px;
    }

    .openA7 li i.s2{
        background-position: -40px -120px;
    }

    .openA7 li i.s3{
        background-position: -200px -120px;
    }

    .openA7 li i.s4{
        background-position: -120px -120px;
    }

    .openA7 li i.s5{
        background-position: -160px -120px;
    }

    .openA7 li i.s6{
        background-position: -80px -120px;
    }

    .openA7 a:hover {
        box-shadow: 0 3px 12px rgba(0, 85, 136, .2);
        transform: translate(0, -3px);
    }
    .problem{
      line-height: 40px;
      margin-top: 10px;
      padding: 5px 20px 5px 30px;
      border-radius: 50px;
      border:1px solid #c7daf8;
      background:#f1faff  url(../images/problem_bg.jpg) 0 0px repeat-x;
    }

    .problem b{
        display: inline-block;
        padding-left: 40px;
        background: url(../images/problem.png) 0 6px no-repeat;
    }

    .problem span,
    .problem a{
        display: inline-block;
        color: #135a9c;
        padding:0px 10px;
    }

    .problem a{
        font-weight: bold;
        transition: all .3s;
    }

    .problem a:hover{
        transform: translate(0, -3px);
    }

    @media (max-width: 768px){
      .search-box {
        width:100%;
       }
      .headlineTxt {
        padding: 5px 10px;
        border: none;
        font-size:20px;
        line-height:32px;
      }
      .service{
        padding:80px 30px 0px 20px;
      }
      .service .list-t li{
        width:50%;
        line-height:28px;
      }
      .czfw p{
        width:100%;
      }
      .data{
        padding:15px 5px;
      }
      .data .openA6{
        width:100%;
        padding:0;
      }
      .data .openA6 li{
        width:50%;
        font-size:14px;
      }
      .czfw {
        background: url(../images/czfw2_2.png) 50% 0px no-repeat;
        background-size: cover;
        height: 400px;
      }
      
        .cx1,.cx2,.cx3{
          margin: 10px 0;
        }
    }
@media (min-width:992px) {
    .czfw {
      height: 240px;
    }
    
    .cx1,.cx2,.cx3{
      margin: 10px;
    }
}
@media (min-width:1200px) {
    .search-box {
       width:300px;
    }
    .czfw {
      background: url(../images/czfw2.png) 50% 0px no-repeat;
      background-size: cover;
      height: 240px;
    }

    .cx1,.cx2,.cx3{
      margin: 10px;
    }

}