@media screen and (max-width: 1250px){
    .header-content {
        width: 100%;
        max-width:1240px;}
    .hnav-c {
        width: 100%;
        max-width: 1250px;}
    .header-nav {
        background: #0456b1;}
    .header-content {
        width: 100%;
        max-width: 1240px;}
    .navs {
        width: 100%;
        max-width: 1250px;}
    .footerc {
        width: 100%;
        max-width: 1200px;}
    .new-left {
        width: 88%;
        float: none;
        margin: 0 auto;}
    .new-right {
        width: 88%;
        float: none;
        margin: 0 auto;}
    .mes-left {
        width: 88%;
        float: none;
        margin: 0 auto;}
    .mes-mid {
        width: 88%;
        float: none;
        margin: 0 auto;}
    .mes-right {
        width: 88%;
        float: none;
        margin: 0 auto;}
}
@media screen and (max-width: 1200px){
    .ewmimg {
        position: static;
        display: block;
        margin: 0 auto;
        margin-top: 5px;}
    .footercp {
        line-height: 30px;
        margin-top: 15px;
        font-size: 15px;}
    .footer {
        height: 200px;}
}
@media screen and (max-width: 1130px){
    .navss {
        float: left;
        font-size: 16px;
        position: relative;
        transition: all 0.4s ease-out;
        color: #fff;
        width: 105px;
        height: 48px;
        line-height: 48px;
        text-align: center;}
    .navs2 li {
        width: 85px;
        padding: 16px 10px;}
}
@media screen and (max-width: 1050px){
    .navs{
        display: none;}
    .dl-menuwrapper {
        display: block;}
}
@media screen and (max-width: 700px){
    .hc_img a img{
        width: 350px;
        margin-top: 8px;}
}
@media screen and (max-width: 600px){
    .hc_img a img {
        width: 300px;
        margin: 0 auto;
        display: block;}
    .hc_img a{
        display: block;
        margin: 0 auto;}
    .header-content {
        height: 120px;}
    .flex-control-nav {
        bottom: 8px;}
    .flex-control-paging li a {
        height: 5px;
        width: 30px;}
    .search {
        float: none;
        margin: 0 auto;
        height: 35px;
        width: 230px;
        margin-top: 5px;}
    .cn-en {
        height: 31.5px;
        line-height: 31.5px;
        float: none;
        margin: 0 auto;
        margin-bottom: 1px;
        display: inline-block;
        overflow: hidden;}
    .searchs {
        float: none;
        display: inline-block;
        margin: 0 auto;}
}
@media screen and (max-width: 520px){
    .new-left {
        width: 90%;
        float: none;
        margin: 0 auto;}
    .new-right {
        width: 90%;
        float: none;
        margin: 0 auto;}
    .mes-left {
        width: 90%;
        float: none;
        margin: 0 auto;}
    .mes-mid {
        width: 90%;
        float: none;
        margin: 0 auto;}
    .mes-right {
        width: 90%;
        float: none;
        margin: 0 auto;}
    .col-list li .li-title {
        max-width: 65%;}
}
@media screen and (max-width: 484px){
    .ewmimg {
        display: block;
        margin: 0 auto;
        margin-top: 5px;
        width: 60px;}
    .footer {
        height: 183px;}
    .leftNav-item {
        position: fixed;
        right: 27px;
        bottom: 170px;
        z-index: 999999;}
}
@media screen and (max-width: 416px){
    .ewmimg {
        display: block;
        margin: 0 auto;
        margin-top: 5px;
        width: 50px;}
    .footer {
        height: 170px;}
}
@media screen and (max-width: 360px){
    .col-list li {
        height: 32px;
        line-height: 32px;
        font-size: 14px;}
    .new-left {
        width: 93%;
        float: none;
        margin: 0 auto;}
    .new-right {
        width: 93%;
        float: none;
        margin: 0 auto;}
    .mes-left {
        width: 93%;
        float: none;
        margin: 0 auto;}
    .mes-mid {
        width: 93%;
        float: none;
        margin: 0 auto;}
    .mes-right {
        width: 93%;
        float: none;
        margin: 0 auto;}
    .col-list li .li-title {
        max-width: 62%;}
    .col-list li .li-title2 {
        max-width: 62%;}
}