@media screen and (max-width: 1366px) {
    .wrapper .container{
        width:1175px;

    }
}
@media screen and (min-width: 1400px) and (max-width:1660px) {
    .wrapper .container{
        width:1362px;

    }
    .ctn_item .ctn_item_text{
        width:404px;
    }
     .ctn_item .ctn_item_text p{
        font-size:13px;
    }
    .ctn_item .news_list{
        width:346px;
        font-size:13px;
    }
}
@media screen and (min-width: 1670px) and (max-width:1920px) {
     .wrapper .container{
        width:1600px !important;

    }
    .ctn_item_img{
        width:330px!important;
    }
    .swiper-container_js .swiper-slide>img{
        height:250px!important;
    }
    .ctn_item_text{
        width:340px!important;
    }
    .ctn_about_text{
         width:100%;
     }
    .about {
        margin: 16px 0px;
        /*font-size: 18px;*/
    }
    .ctn_item_text p{
        font-size:16px!important;
    }
    .news_img{
        width:330px!important;
    }
    .news_img img{
        height:250px!important;
    }
    .ctn_item  .news_list{
        width:345px;
        font-size:15px;
    }
    .ctn_item .news_list li>a{
        width:300px;
    }
    .ctn_item .news_list li{
        margin-bottom: 26px;
    }
    .title_text{
        font-size:20px!important;
    }
    .nav_list .nav_item a{
        padding: 15px 0px;
        font-size:16px;
    }
    .title_yw a{
        font-size:16px;
    }
    .yw_pages .pages{
        font-size:16px;
    }
    .info_detail .cy-tittle{
        font-size:18px;
    }
   .info_detail p{
        font-size:16px!important;
    }
    .ctn_item .pro_nav li{
        font-size:16px!important;
        padding:10px 14px;
        height:50px;
    }

    .pro_info .pro_title{
        font-size:18px;
    }
    .pro_info p{
        font-size:16px!important;
    }
    .pro{
        min-height:200px!important;
    }
    .ctn_coop_js p{
        font-size:16px!important;
    }
    .honner_list li{
        font-size:16px;
    }
    .contact_info li{
        font-size:16px;
    }
    .cont_nav li{
        padding:15px 8px!important;
        font-size:16px;

    }
    .cont_nav{
        height:105px!important;
    }
}
.container{
    width:1263px;
    margin: 0px auto;
}

.ft-left{
    float: left;
}
.ft-right{
    float:right;
}
.clear{
    clear:both;
}
*{
    box-sizing: border-box;
}
p{

}
html,body{
    height: 100%;
    min-height: 100%;
}
.wrapper{
    position: relative;
    min-height: 100%;
    height: auto !important;
   background: #FFF;
}
/*.top{
    height: 20%;
}
.content{
    height: 60%;
}
.ft{
    height: 10%;
}*/
.header{
    padding:5px 0px;
    background: #fff;
}
.header .container{
    display: flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.logo_img{
    height:100%;
}
.logo_img img{
    height:100%;
    width:auto;
}
.contact_phone{
    display:flex;
    flex-direction:row;
    align-items:center;
    font-size: 16px;
    color:#888888;
}
.icon_phone {
    margin-right: 15px;
}
.banner{
    width:100%;
    height:auto;
}
.banner img{
    background-size:cover;
    width:100%;
    height: auto;
    margin:0px;
    padding:0px;
}
.swiper-container{
    height:auto;
}
.banner .swiper-pagination-bullet-active{
    background:#ffba00!important;
}
.banner .swiper-pagination-bullet{
    width:15px;
    height:15px;
    background:#fff;
    opacity: .8;
}
.nav_bar{
    width:100%;
    margin-top:-4px;
}
.nav_list{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;

}
.nav_list .nav_item{
    flex:1;
    border-right: 1px solid #fff;
    background:#1a669b;
    color:#fff;
    position:relative;
    text-align: center;
}
.item_active>a{
    color:#ffba00!important;
}
.nav_item:last-child{
    border-right: none;
}
.nav_item a{
    display:inline-block;
    width:100%;
    padding:10px 0px;
}
.nav_item:hover{
    background:#ffba00;
}
.nav_item:hover .item_nav_info{
    display:block;
}
.nav_list .nav_active{
    background:#ffba00;
}
.item_nav_info{
    display:none;
    position:absolute;
    width:100%;
    background:#fff;
    padding:0px 5px;
    box-shadow:-1px 5px 5px #333333;
    z-index: 22222;
}
.item_nav_info li{
    border-bottom: 1px solid #e2e2e2;
}
.item_nav_info li:last-child{
    border-bottom:none;
}
.item_nav_info li>a{
    color: #000;
    font-size:12px;
}
.item_nav_info li>a:hover {
    color:#ffba00;
}
.footer{
    position:absolute;
    bottom: 0px;
    width:100%;
    padding:5px 0px;
    background:#0a4772;
}
.footer p{
    text-align:center;
    color:#73b5e4;
    font-size:12px;
    margin:5px 0px;
}
.footer>p>span{
    display:inline-block;
    margin-right:10px;
}

.content{
   padding:20px 0px;
}
.info_ctn{
    display:flex;
    margin-bottom:50px;
}
.ctn{
    flex:1;
    flex-grow: 1;
}
.info_ctn .ctn_title{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.title_text{
    font-size:18px;
    color:#628cb2;
    border-bottom:1px solid #3b7baf;
    padding:5px 25px 5px 0px;
}
.link_more{
    font-size:12px;
    color:#0094de;
}
.news_info{
    padding-left: 25px;
}
.ctn_item{
    margin:20px 0px;
}
.ctn_pub{

}
.ctn_item_img{
    width:240px;
}


.swiper-container_js{
    position:relative;
    width:100%;
}
.swiper-container_js .swiper-slide>img{
    width:100%;
    height:190px;
}
.ctn_item_text{
    width:320px;
}
.ctn_item_text p{
    font-size:12px;
    text-indent: 2em;
    line-height: 2.0;
}

.news_img{
    position:relative;
    width:295px;
}
.news_img img{
    width:100%;
    height:190px;
}
.img_text{
    position:absolute;
    bottom:0px;
    width:100%;
    padding:8px 5px;
    font-size:12px;
    color:#fff;
    background:raba(0,0,0,.6);
}
.news_list{
    width:250px;
    font-size:12px;
}
.news_list li{
    display:flex;
    margin-bottom: 18px;
    justify-content:space-between;
}
.news_list li>a{
    display:inline-block;
    width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news_list li:last-child{
    margin:0px;
}

.message_list{
    font-size:16px;
}
.message_list li{
    display:flex;
    margin-bottom: 18px;
    justify-content:space-between;
}
.message_list li>a{
    display:inline-block;
    width:530px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.message_list li:last-child{
    margin:0px;
}


.jj{
    display:flex;
    align-items:center;
}
.jj .ctn_item_text{
    width:auto!important;
    margin-left: 30px;
}

.jg img{
    background-size:cover;
    width:100%;
    height: auto;
    margin:0px;
    padding:0px;
}

.yw{
    width:80%;
    margin:0px auto;
}

.yw_title{
    color:#4e80aa;
    font-size:16px;
}
.yw p{
    margin:15px 0px;
}

.zz {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.zz .zz-item{
    width:20%;
    margin:0px 20px;
}

.zz-item img{
    width:100%;
}
.zz-item p{
    text-align:center;
    margin:10px 0px;
    font-size:13px;
}

.info_yw li{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:15px 0px;
    border-bottom:1px dashed #d9d9d9;
}
.yw_tittle{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.yw_tittle img{
    height:15px;
}
.title_yw{
    margin-left:10px;
}
.info_yw li:hover{
    color:#1a669b;
}

.yw_pages{
    width:80%;
    margin:20px auto;
    margin-top:30px;
}

.pages{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
}
.page_info span{
    display:inline-block;
    margin:0px 5px;
    font-weight:600;
    color:#1a669b;
}
.tz span{
    display:inline-block;
    margin:0px 5px;
    cursor: pointer;
}
.pages>div{
    margin:0px 15px;
}
.tz>span>input{
    width:60px;
}

.btn{
    padding:2px 12px;
    font-size:12px;
    border:1px solid #1a669b;
    color:#1a669b;
    border-radius: 10px;
}

.cy-tittle{
    text-align:center;
    font-size:16px;
    margin:15px 0px;
}

.info_detail p{
    text-indent: 2em;
    line-height:2.2;
}

.pro_safe{
    display:flex;
    flex-direction:row;
}
.pro{
    flex:1;
}

.pro_nav{
    flex:0 0 25%;
}
.pro_nav li{
    display:flex;
    align-items:center;
    font-size:12px;
    padding:6px 8px;
    border-top:1px solid #e2e2e2;
    border-left:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
}
.pro li>a:hover{
    color:#1a669b!important;
}
.pro_nav li:last-child{
    border-bottom:1px solid #e2e2e2;
}
.pro_info{
    padding-right: 30px;
}

.pro_title{
    font-size:15px;
    color:#1a669b;
    margin:20px 0px;
}

.pro_info p{
    text-indent:2em;
    line-height:2.2;
}

.pro_nav_active{
    color:#1a669b!important;
}

.ctn_coop_js{
    margin-top:10px;
}
.ctn_coop_js p{
    text-indent:2em;
    line-height:2.2;
}

.honner{
    width:80%;
    margin:25px auto;
}
.honner_item{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:20px;
}

.honner_pub{
    flex:1;
    margin:0px 10px;

}
.honner_list li{
    margin-bottom:20px;
}
.honner_zs{
    display:flex;
    flex-direction:row;
    justify-content: space-around;
    align-items:center;
}
.zs_img img{
    width:80%!important;
}
.honner_pub img{
    width:100%;
}

.cont{
    display:flex;
    flex-direction:row;
}

.cont_nav{
    flex:0 0 15%;
    margin-top:40px;
}
.cont_nav li{
    padding:10px 5px;
    text-align:center;
    border-top:1px solid #e2e2e2;
    border-left:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
}
.cont_nav li:last-child{
    border-bottom:1px solid #e2e2e2;
}

.cnt_fs{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.address-map{
     flex:0 0 40%;
}
.address-map img{
    width:90%;
}

.contact_info li{
    margin-bottom:15px;
}

.zp table{
    width:100%;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    border-top:1px solid #dadada;
    border-left:1px solid #dadada;
}

table>tbody>tr{
    display:flex;
    align-items:center;
    border-bottom:1px solid #dadada;
}
table>tbody>tr>td{
    padding:10px;
    flex:1;
    border-right:1px solid #dadada;
    border-left: 1px solid #dadada;
}
table>tbody>tr>td:first-child{
    flex:0 0 20%;
    text-align:center;
    border-right:none;
    border-left:none;
}

.zp-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:15px;
}
.yq p{
   margin-bottom:15px;
}