/*767*/
@media (max-width: 767px) {
    .navbar-default .navbar-toggle .icon-bar {
        background: #00519F;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #e6e6e6;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #00519F;
        background: #e8e8e8;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .navbar-header .login-lang {
        margin-top: 15px;
    }

    .navbar-header .login-lang .login_link i {
        width: 14px;
        height: 19px;
        background: url(../img/login_icon.png) 0px 3px no-repeat;
        display: inline-block;
        margin-right: 10px;
    }

    .navbar-header .login-lang ul.langnav2 li {
        display: inline-block;
        padding-right: 5px;
    }

    .navbar-header .login-lang ul.langnav2 li > a {
        font-family: Arial, "Microsoft YaHei";
    }

    .navbar-box {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    }

    /*首页幻灯片*/
    .carousel {
        margin-top: 50px;
    }

    #i-three .i-three-box1, #i-three .i-three-box2, #i-three .i-three-box3 {
        width: 100%;
        height: 150px;
    }

    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a {
        height: 150px;
        border-bottom: 1px solid #e8e8e8;
    }

    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a {
        padding-left: 8%;
        padding-right: 8%;
        width: 100%;
    }

    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a {
        padding-top: 40px;
    }

    #i-three .i-three-box1 > a > div .three-info, #i-three .i-three-box2 > a > div .three-info, #i-three .i-three-box3 > a > div .three-info {
        width: 150%;
    }

    #i-about .aboutinfo .aboutinfo-tit {
        margin-top: 80px;
    }

    #i-about .aboutinfo > a.aboutmore {
        margin-top: 50px;
    }

    #i-about .aboutimg {
        height: 450px;
        width: 100%;
    }

    #i-about .aboutinfo {
        height: 300px;
        width: 100%;
    }

    #i-about .aboutinfo .aboutinfo-tit {
        margin-top: 25px;
    }

    #i-about .aboutinfo > a.aboutmore {
        margin-top: 20px;
    }

    #i-pro .i-procate ul.pros {
        padding: 20px 0px 0px;
    }

    #i-pro .i-procate {
        padding: 20px 20px 0;
    }

    /*#i-news .newspart .news{*/
    /*padding:20px 11.5625% 20px 14.6875%;*/
    /*}*/
    #i-news .newspart .news .hd ul > li.on {
        width: 12px;
        height: 12px;
        background: url(../img/mhdon.png) center center no-repeat;
    }

    #i-news .newspart .news .hd ul > li {
        width: 12px;
        height: 12px;
        background: url(../img/mhd.png) center center no-repeat;
    }

    #i-pro .i-procate {
        margin-bottom: 20px;
    }

    #i-foottop .con .conbox, #i-foottop .fnav {
        padding: 20px 1% 48px 4.5625%;
    }

    #i-foottop .fsearch .fsearchbox {
        padding: 20px 4.5625% 48px 4.5625%;
    }

    #i-footbot {
        padding-left: 4.5625%;
        padding-right: 4.5625%;;
    }

    #i-footbot .botlink, #i-footbot .icp {
        font-size: 12px;
    }

    .nyslide ul li span.cn {
        font-size: 30px;
    }

    .nyslide {
        height: 300px;
    }

    .nyslide ul {
        padding-top: 20%;
    }

    #inspage .inspagebox .insleft .insinfo .aboutinfo .img {
        width: 100%;
        margin-bottom: 5%;
    }

    #inspage .inspagebox .insleft .insinfo .aboutinfo .con1 {
        width: 100%;
    }

    #inspage .inspagebox .insleft .insinfo {
        margin-top: 20px;
    }

    #inspage .inspagebox .insleft .insinfo {
        margin-bottom: 40px;
    }

    #inspage .inspagebox .mobinsrightnav > a {
        font-size: 14px;
    }

    .data .member, .data .member2, .data .member3, .data .member4 {
        width: 50%;
        background: none;
        padding: 5% 0;
    }

    #inspage .inspagebox .insleft .title .cn {
        font-size: 20px;
    }

    #inspage .inspagebox .insleft .title .en {
        font-size: 14px;
    }

    .insinfo .contactinfo .add {
        font-size: 14px;
    }

    .insinfo .contactinfo .part2 .care {
        font-size: 14px;
    }

    .insinfo .contactinfo .add {
        width: 100%;
    }

    .insinfo .mapinfo {
        height: 400px;
    }

    .insinfo .feedbackinfo .form .text1 > span, .insinfo .feedbackinfo .form .text2 > span {
        font-size: 14px;
    }

    .insinfo .feedbackinfo .form .text1 .text, .insinfo .feedbackinfo .form .text2 .textarea {
        font-size: 14px;
    }

    .insinfo .feedbackinfo .form .text1 {
        margin-bottom: 0;
    }

    .insinfo .newsinfo ul.newslist li a span.img, .insinfo .newsinfo ul.newslist li a span.con {
        width: 100%;
    }

    .insinfo .newsinfo ul.newslist li a span.img {
        margin-bottom: 20px;
    }

    .insinfo .newsinfo ul.newslist li a span.con .newstit {
        font-size: 16px;
    }

    .insinfo .newsinfo ul.newslist li a span.con .newsbox {
        font-size: 14px;
    }

    .backlistbtn a {
        margin-top: 20px;
    }

    .insinfo .newsinfo .viewbot {
        padding: 5% 0;
    }

    .insinfo .newsinfo .viewtit h2 {
        font-size: 16px;
    }

    .insinfo .honorinfo ul.honor > li {
        width: 48%;
        height: auto;
    }

    .insinfo .honorinfo ul.honor > li > a > span.tit {
        padding-bottom: 5%;
    }

    .insinfo .honorinfo ul.honor > li:nth-child(2n+0) {
        margin-right: 0;
    }

    .insinfo .honorinfo ul.honor > li:nth-child(1n+0) {
        margin-left: 0;
    }

    .insinfo .proinfo ul.pronav > li {
        width: 33.33%;
        margin-bottom: -1px;
        font-size: 14px;
    }

    .insinfo .proinfo ul.pronav > li > a {
        font-size: 12px;
    }

    .insinfo .proinfo ul.prolist > li {
        width: 100%;
        margin-right: 0;
    }

    /*.insinfo .proinfo ul.prolist li > .box span.info .fcate{*/
    /*font-size: 14px;*/
    /*}*/
    /*.insinfo .proinfo ul.prolist li > .box span.info .scate > a{*/
    /*font-size: 12px;*/
    /*}*/
    .insinfo .proinfo ul.prolist li {
        margin-bottom: 3%;
    }

    .insinfo .proinfo ul.pro2 li {
        width: 48%;
        height: auto;
    }

    .insinfo .proinfo ul.pro2 li:nth-child(1n+0) {
        margin-left: 0;
    }

    .insinfo .proinfo ul.pro2 li:nth-child(2n+0) {
        margin-right: 0;
    }

    .proDet_title {
        font-size: 13px;
    }

    .back2 {
        display: none;
    }

    .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a {
        width: 40px;
        height: 40px;
    }

    .proDet_scroll .bx-pager-item {
        height: 40px;
    }

    .proDet_scroll .bx-wrapper {
        width: 80%;
    }

    #inspage .inspagebox .insleft .insinfo .proinfo .proview .detail .detail-tit {
        font-size: 20px;
    }

    .insinfo .cultureinfo .part1 > .p > span.third {
        display: block;
        border-left: none;
        padding-bottom: 3%;
    }

    .insinfo .cultureinfo .part1 > .p {
        height: auto;
    }

    .insinfo .cultureinfo .part1 > .p {
        line-height: 30px;
        margin-bottom: 3%;
    }

    .insinfo .cultureinfo .part1 > .p > span.secend > p {
        display: block;
        float: left;
    }
}

/*700*/
@media (max-width: 700px) {
    #i-about .aboutimg {
    }
}

/*654*/
@media (max-width: 654px) {
    #i-three .i-three-box1 > a > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three1.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-three .i-three-box1 > a:hover > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three1hov.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-three .i-three-box2 > a > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three2.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-three .i-three-box2 > a:hover > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three2hov.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-three .i-three-box3 > a > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three3.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-three .i-three-box3 > a:hover > span.threeimg {
        height: 40px;
        width: 40px;
        max-height: 40px;
        background: url(../img/three3hov.png) left center no-repeat;
        background-size: 40px 40px;
    }

    #i-about .aboutimg {
        height: 380px;
    }

    #i-pro .i-procate ul.pros > li {
        width: 48%;
        margin-bottom: 40px;
    }

    .nyslide ul li span.cn {
        font-size: 25px;
        background: none;
    }

    .nyslide ul li span.en {
        font-size: 16px;
        border-left: 1px solid #fff;
    }
}

/*585*/
@media (max-width: 585px) {
    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a {
        padding-left: 2%;
        padding-right: 2%;
    }
}

/*553*/
@media (max-width: 553px) {
    #i-three .i-three-box1 > a > div .three-tit .cn, #i-three .i-three-box2 > a > div .three-tit .cn, #i-three .i-three-box3 > a > div .three-tit .cn {
    }

    #i-three .i-three-box1 > a > div .three-info, #i-three .i-three-box2 > a > div .three-info, #i-three .i-three-box3 > a > div .three-info {
        width: 150%;
    }
}

/*512*/
@media (max-width: 512px) {
    #i-about .aboutinfo {
        height: auto;
    }
}

/*460*/
@media (max-width: 460px) {
    .navbar-header .login-lang > a {
        font-size: 12px;
    }

    .navbar-header .login-lang .lang ul.langnav2 > li > a {
        font-size: 12px;
    }

    #i-pro .i-procate ul.pros > li {
        width: 99%;
        margin-bottom: 40px;
    }

    #i-pro .i-procate ul.pros > li:first-child {
        margin-bottom: 40px;
    }

    #i-pro .i-procate ul.pros > li > a > span.more {
        bottom: -5%;
    }

    /*#i-pro .i-procate .top a.more > i{*/
    /*margin-top: 3px;*/
    /*}*/
    /*#i-about .aboutinfo > a.aboutmore i{*/
    /*margin-top: 3px;*/
    /*}*/
    #i-news .newspart .news .bd ul > li > a > span.tit {
        font-size: 12px;
    }

    #i-news .newspart .news {
        padding: 20px 4.5625% 20px 4.6875%;
    }

    #i-foottop .fnav > ul > li > a {
        font-size: 14px;
    }

    #i-foottop .fnav ul.sub > li > a {
        font-size: 12px;
    }

    #i-foottop .con .conbox .coninfo p.add, #i-foottop .con .conbox .coninfo p.email, #i-foottop .con .conbox .coninfo p.tel, #i-foottop .con .conbox .coninfo p.fax {
        font-size: 12px;
    }

    #i-foottop .con .conbox .flogo > img {
        height: 15px;
    }

    .nyslide ul li span.cn {
        display: block;
        padding-bottom: 5px;
    }

    .nyslide ul li span.en {
        display: block;
        border: 0;
        padding-left: 0;
    }

    .nyslide ul li {
        padding-bottom: 30px;
    }

    .insinfo .contactinfo .add {
        font-size: 14px;
    }

    .insinfo .contactinfo .part2 .ewm > img {
        max-height: 80px;
    }

    .insinfo .feedbackinfo .form .submit, .insinfo .downloadinfo > a.more {
        font-size: 14px;
        width: 30%;
    }

    .insinfo .feedbackinfo .form .text2 .textarea {
        margin-bottom: 10%;
    }

    .insinfo .honorinfo ul.honor > li {
        width: 100%;
        margin-bottom: 3%;
    }

    .insinfo .honorinfo ul.honor > li > a > span.year, .insinfo .honorinfo ul.honor > li > a > span.tit {
        font-size: 14px;
    }

    .insinfo .downloadinfo .tit span {
        font-size: 14px;
    }

    .insinfo .downloadinfo .list span {
        font-size: 12px;
    }

    .insinfo .downloadinfo > a.more {
        margin: 8% auto 0;
    }

    .insinfo .proinfo ul.prolist li > .box span.info .scate > a {
        font-size: 12px;
    }

    .insinfo .proinfo ul.pro2 li {
        width: 100%;
        margin-bottom: 3%;
    }

    .insinfo .proinfo ul.pro2 li a span.name {
        font-size: 14px;
    }
}

/*420*/
@media (max-width: 420px) {
    .navbar-brand > img {
        height: 10px;
    }

    .navbar-header .login-lang .login_link i {
        margin-right: 5px;
    }

    .line1 {
        margin: 3px 5px 0;
    }
}

/*400*/
@media (max-width: 400px) {
    .navbar-brand > img {
        height: 10px;
    }

    .navbar-header .login-lang .login_link i {
        margin-right: 5px;
    }

    .line1 {
        margin: 3px 5px 0;
    }

    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a {
        padding-top: 20px;
    }

    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a, #i-three .i-three-box1, #i-three .i-three-box2, #i-three .i-three-box3 {
        height: 120px;
    }
}

/*383*/
@media (max-width: 383px) {
    #i-foottop .con .conbox .coninfo p.add {
        background: url(../img/faddbg.png) left 3px no-repeat;
    }

    .data .member4 p.num span, .data .member3 p.num span, .data .member2 p.num span, .data .member p.num span {
        font-size: 12px;
    }

    .data .num {
        font-size: 12px;
    }

    #inspage .inspagebox .insleft .insinfo .aboutinfo .data {
        padding: 0;
    }

    .data .member2 p.num {
        font-size: 12px;
    }
}

/*346*/
@media (max-width: 346px) {
    #i-three .i-three-box1 > a > div, #i-three .i-three-box2 > a > div, #i-three .i-three-box3 > a > div {
        width: 50%;
    }
}

/*333*/
@media (max-width: 333px) {
    #i-three .i-three-box1 > a > div, #i-three .i-three-box2 > a > div, #i-three .i-three-box3 > a > div {
        width: 54%;
    }

    #i-about .aboutinfo {
        height: 450px;
    }
}

/*329*/
@media (max-width: 329px) {
    #i-three .i-three-box1 > a, #i-three .i-three-box2 > a, #i-three .i-three-box3 > a, #i-three .i-three-box1, #i-three .i-three-box2, #i-three .i-three-box3 {
        height: 150px;
    }

    #i-three .i-three-box1 > a > div, #i-three .i-three-box2 > a > div, #i-three .i-three-box3 > a > div {

    }

    #i-news .newspart .news {
        padding: 20px 2.5625% 20px 2.5625%;
    }
}

/*322*/
@media (max-width: 322px) {
    .navbar-toggle {
        margin-right: 5px;
    }
}

/*320*/
@media (max-width: 320px) {
    .navbar-brand > img {
        margin-right: 5px;
        margin-top: 10px;
    }

    .navbar-brand {
        padding: 10px 10px;
    }
}

/*308*/
@media (max-width: 308px) {
    #i-foottop .fnav > ul > li {
        margin-right: 5%;
    }
}

/*307*/
@media (max-width: 307px) {
    .navbar-brand {
        padding: 5px 5px;
    }

    .navbar-brand > img {
        margin-top: 15px;
    }
}

/*301*/
@media (max-width: 301px) {
    .navbar-brand {
        padding: 5px 5px;
    }

    .navbar-brand > img {
        margin-top: 15px;
    }
}