.banner {
        width: 100%;
        height: 518px;
        background: url(../images/cisp_10.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner-content {
        position: relative;
        /* display: inline-block; */
        margin: 0 auto;
        padding: 38px 0;
        width: 1200px;
        height: 99px;
        border-radius: 20px;
        margin-top: -80px;
    }.banner-content-input {border-color: #9a9a9a;border: 1px solid #242424;
         padding: 5px 15px;
         height: 40px;
         width: 200px;
         font-size: 18px;
         border-radius: 4px;
         position: absolute;
         right: 380px;
         top: 64px;
     }.banner-content-btn {
          width: 200px;
          height: 50px;
          font-size: 20px;
          background-color: #fee054;
          outline: 0;
          border-radius: 3px;
          position: absolute;
          right: 160px;color: #333;
          top: 64px;border: none;
          cursor: pointer;
      }

    .section-topBar {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 1000;background: #2d2a3f;
        width: 100%;height: 80px;
        z-index: 111111111111111111;
        display: none;
        height: 76px;
        width: 100%;
        text-align: center;
        color: #000;
        z-index: 9999;
        overflow: hidden;
        background:  url(../images/01.png) no-repeat scroll center center;
    }
    .top-container {
        position: relative;
        margin: 0 auto;
        width: 1200px;
        /* text-align: left; */
    }
    .top-container-input {
         position: absolute;
         top: 17px;
         left: 670px;
         padding: 5px 15px;
         height: 33px;
         width: 270px;
         line-height: 20px;
         font-size: 16px;
         border: 1px solid #e4c895;
         /*background-color: #f74c4c;*/
         background: none;
         border-radius: 4px;
         color: #e4c895;
     }
    .top-container-btn {
        position: absolute;
        top: 17px;
        left: 990px;
        width: 180px;
        height: 45px;
        font-size: 20px;
        background-color: #e4c895;
        outline: 0;
        color: #3a3a3c;
        border-radius: 3px;border: none;cursor: pointer;
    }

    .cando {
        font-size: 28px;
        text-align: center;
        /*padding-top: 20px;*/
        height: 100px;
        line-height: 100px;
    }
    .candoul li{
        width: 50%;
        float: left;
        height: 234px; 
    }
    .candodiv{
        background-color: #062d52;
        width: 100%;
        height: 98%;
    }
    .candoul{
        height: 288px;
    }
    .candodiv p{
        color: #fff;
        padding-top: 50px;
        width: 80%;
        margin: 0 auto;
        font-size: 14px;
        letter-spacing: 3px;
        line-height: 25px;text-indent:2em;
    }
    .cisp {
        height: 200px;
        width: 100%;
    }
    .cisp .cispleft{
        width: 200px;
        text-align: center;
        float: left;
    }
    .cisp .cispleft img{
        width: 100px;
    }
    .cisp .cispright{
        font-size: 18px;text-indent:2em;
        line-height: 30px;
    }
    .kctable{width: 100%;margin-bottom: 50px;}
    .kctable thead th{
        background-color: #9eceff;
        height: 40px;
        line-height:40px;
        border: 1px solid #333;
        color: #fff;
        font-size: 16px;
        font-weight: normal;
    }
    .kctable tbody td{
         height: 40px;
        line-height:40px;
        border: 1px solid #333;
        color: #333;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
    }

    .whyzs{
        background: url("../images/bluebg.jpg") center center no-repeat;
        width: 100%;
        height: 386px;
    }
    .ksxgxx{
        width: 100%;
        height: 450px;
    }
    .xgxx{
        background: #eee;
        width: 420px;
        border-radius: 10px;
        position: relative;
        padding: 15px 20px;
    }
    .xgxx .himg{
         width: 90px;
        position: absolute;
        right: 5%;
        top: -28px;
    }
    .xgxx .xg-title{
        font-size: 24px;
        width: 100px;
        font-weight: 600;
        padding-bottom: 5px;
        border-bottom: 2px solid #4a4a4a;
    }
    .xgxx .hx{
        margin:5px 0 10px 20px;
        width: 310px;
        border: 1px solid #b7b7b7;
    }
    .xgxx p{
        font-size: 15px;
        line-height: 28px;
        padding-left: 20px;
        background: url("../images/yj.png") 0 50% no-repeat ;
    }
    .nr-title{
        padding-top: 30px;
         text-align: center;
        font-size: 28px;
        color: #fff;
        line-height: 45px;
    }

    .zshc{
        margin-top: 48px;
    }
    .zshc ul li{
        display: block;
        float: left;
        text-align: center;
        width: 25%;

    }
    .zshc ul li a{
        font-size: 18px;
        color: #fff;
        line-height: 55px;
    }
    .zshc ul li a:hover{
        text-shadow: 1px 2px 5px #051120;
    }
    .zshc ul li img{
        width: 110px;
    }
    .zshc ul li img:hover{
        width: 111px;
    }
    .sbylb{
        width: 385px;
        height: 245px;
        border: 2px solid #054461;
        border-radius: 20px;
    }
    .sbylb p{
        text-align: center;
        font-size: 18px;
        color: #054461;
        margin: 15px 0;
        font-weight: 666;
    }
    .sbylb ul li{
        width: 33%;
        display: block;
        float: left;
        margin: 20px 0;
        text-align: center;
    }
    .sbylb ul li a{
        padding: 8px 15px;
        font-size: 16px;
        border: 1px solid #000;
        border-radius: 20px;
        color: #000;
    }
    .sbylb ul li a:hover{
        border: 1px solid #f4e014;
        color: #f4e014;
    }
    .zx-btn{
        width: 385px;
        margin-top: 30px;
        text-align: center;
    }
    .zx-btn a{
        font-size: 18px;
        color: #fff;
        padding: 10px;
        background: #22506c;
        border-radius: 5px;
    }
    .zx-btn a:hover{
        color: #22506c;
        background:#fff;
        box-shadow: 1px 2px 3px #22506c;

    }
    .content-left {
        width: 50%;
        float: left;
    }
    .content-right{
        width: 50%;
        float: right;
        color: #fff;
    }
    .cjwt{
        font-size: 28px;
        color: #000;
        margin-bottom: 20px;
    }
    .content-right p{
        font-size: 18px;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/wh.png") 0 50% no-repeat;
    }
    .content-right p a{
        color: #000;
    }
    .content-right p a:hover{
        text-shadow: 1px 1px 2px #c3c69e;
    }
    .content-right p img{
        width: 20px;
        margin-top: 10px;
    }
    .ksxz{
        background: url("../images/cisp_22.jpg") center center no-repeat;
        width: 100%;
        height: 400px;
        position: relative;
    }

.ksxz_center{ 
    clear: both;
    width: 800px;
    height: 278px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.5);  
    padding-top: 20px;
    position: relative;
}

.footer{ 
bottom: 0px; 
left: 0px; 
z-index: 1000;background: #020d21; 
width: 100%;height: 360px;
}
.ksxz_center a{
    width: 220px;
    height: 45px;
    margin: 0 auto;
    border:1px solid #fff;
    border-radius: 20px;display: block;
    text-align: center;line-height: 45px;
    margin-top: 20px;
    color: #fff; font-size: 28px;
}
.ksxz_center table{
    width: 500px;
    margin: 0 auto;
    margin-top: 50px; 
}
.ksxz_center table td{
    text-align: center;
    border: 1px solid #fff;
    height: 60px;color: #fff;
  font-size: 18px;
}


.footer h1{
width: 800px;
text-align: center;
margin: 0 auto;
padding-top: 50px;
color: #fff;
letter-spacing: 2px;
line-height: 45px;
font-size: 30px;
}
.footer .ftsq{
    color: #ffba00;
    text-align: center;
    margin-top: 20px;font-size: 20px;
}
.contact{
    width: 800px;
    margin: 0 auto;
    padding-top: 50px;  display: flex; 
    align-items: center;

}
.contact input{
    width: 280px;
margin-right: 20px; 
background: none;
border: 1px solid #fff;
padding-left: 10px;
height: 45px;
color: #fff;
}

.contact a{width: 180px;height: 45px;line-height: 45px; display: block;text-align: center; background-color: #ffba00;border-radius: 5px;color: #333;font-size:18px}


.content_right{width:50%;float:right;}
.clear{clear:both;}
@media screen and (max-width: 767px) {
    .banner{height:180px!important;}
    .banner-content{display:none}
    .candoul{height:auto;}
    .candoul li{float:none;width:100%;height:auto;}
    .candodiv p{padding:20px 0}
    .cisp{height:auto;}
    .cisp .cispleft{float:none;width:100%;margin:15px auto;}
    .cisp .cispright{float:none}
    .zshc ul li{width:50%}
    .whyzs{background-size:cover;height:auto;margin-top:20px}
    .zshc ul li a{font-size:14px;}
    .ksxz{width:100%}
    .ksxz_center{width:100%}
    .ksxz_center table{width:90%}
    .ksxgxx{height:auto;}
    .content-left{float:none;width:100%}
    .xgxx{width:calc(100% - 40px);height:auto!important;}
    .xgxx .hx{width:100%;margin-left:0}
    .xgxx .himg{width:55px;}
    .content_right{float:none;width:100%;margin-top:15px;}
    .sbylb{width:auto;}
    .content-right{float:none;width:100%;margin:20px auto 0}
    .footer h1{width:auto;}
    .contact{width:calc(100% - 30px)}
    .contact input{margin-right:10px;padding:0;text-indent:10px;}
    .contact a{font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner{height:300px}
    .banner-content{width:750px;background-position:left!important;}
    .banner-content-input{right:100px;width:150px}
    .banner-content-btn{right:10px;width:80px;font-size:16px;}
    .xgxx{width:340px;padding:15px 10px}
    .xgxx .himg{width:60px}
    .sbylb{width:340px}
    .footer h1{width:auto;font-size:28px;}
    .contact{width:750px}
}
@media (min-width: 992px) and (max-width: 1199px){
    .banner{height:380px}
    .banner-content{width:970px;}
    .banner-content-input{right:280px;}
    .banner-content-btn{right:120px;width:150px}
}