@charset "UTF-8";
@media screen and (max-width: 1818px) {
    #foot .foot-top .wrap {
        max-width: 1460px
    }

    #foot .foot-top .wrap .fnav {
        padding-left: 0
    }
}

@media screen and (max-width: 1630px) {
    .about-dr .china {
        display: none
    }

    .about-dr .map0 {
        display: block;
        margin: 0 auto
    }

    .wel-about-mains .about-dl, .wel-about-mains .about-txts, .about-dr {
        width: 100%
    }

    .wel-about-mains .about-nums-wrap {
        text-align: center
    }

    .wel-about-mains .nums-item {
        float: inherit;
        display: inline-block
    }

    .about-dr {
        margin-top: 0
    }

    .map-style-box {
        left: 0;
        bottom: 0
    }
}

@media screen and (max-width: 1600px) {
    .site-nav-intern a.site-nav-cpt {
        margin-left: 0
    }

    /*.page-content #ceo-society .word .box {*/
        /*height: 210px;*/
        /*overflow-y: scroll;*/
        /*overflow-x: hidden*/
    /*}*/
}

@media screen and (max-width: 1500px) {
    #quick .itemlist .item a::after {
        padding: 90% 2% 2%
    }

    #foot .foot-top .wrap .continfo, #foot .foot-top .wrap .fnav {
        width: 100%;
        text-align: center;
        background-size: inherit;
        -webkit-background-size: inherit
    }

    #foot .foot-top .wrap .continfo {
        background: url(/html/static/en/images/ftcinfo.png) right center no-repeat
    }

    #foot .foot-top .wrap .fnav dl {
        float: inherit;
        display: inline-block;
        width: 12.5%
    }

    #foot .foot-top .wrap .fnav dl dt {
        padding-right: 0
    }

    #iproduct .wrap .item a .cont, #iproduct .wrap .item2 a .cont {
        padding: 35px
    }
}

@media screen and (max-width: 1460px) {
    #iproduct .wrap3 .item a .cont, #iproduct .wrap3 .item2 a .cont {
        height: auto
    }
}

@media screen and (max-width: 1300px) {
    #aboutnumber .wrap .cont .number .intro .big .counter {
        font-size: 55px
    }

    #aboutnumber .wrap .cont .number .intro .big, #aboutnumber .wrap .cont .number .intro .small {
        font-size: 16px
    }

    #quick .wrap .tit .en::after, #quick .wrap .tit .en::before {
        width: 32.91%
    }

    #research .trainbox .tp .img, #research .trainbox .tp .word, .about-dr, .page-content #ceo-society .img, .page-content #ceo-society .word, .page-content .culbox .cul1 .cul1img, .page-content .culbox .cul1 .word, .page-content .culbox .cul2 .cul2img, .page-content .culbox .cul2 .cul2img img, .page-content .culbox .cul2 .word, .wel-about-mains .about-dl, .wel-about-mains .about-txts {
        width: 100%
    }

    .page-content #ceo-society {
        padding: 50px 0
    }

    .page-content #ceo-society #society .word .box, .page-content #ceo-society #society .word .tit, .page-content .culbox .cul1 .word {
        padding-left: 0
    }

    .page-content #ceo-society .img {
        margin-bottom: 30px
    }

    .page-content #ceo-society .word .box {
        width: 100%;
        height: auto;
        overflow-y: inherit
    }

    .page-content #ceo-society #society .word .tit {
        padding-top: 0;
        margin-top: 0
    }

    .about-dr .china {
        display: none
    }

    .about-dr .map0 {
        display: block
    }

    .wel-moudle-top .top-en {
        font-size: 26px;
        margin-bottom: 0
    }

    .wel-about-mains .about-nums-wrap {
        text-align: center
    }

    .wel-about-mains .nums-item {
        float: inherit;
        display: inline-block
    }

    .about-dr {
        margin-top: 0
    }

    #iproduct .wrap3 .item a .cont, #iproduct .wrap3 .item2 a .cont {
        height: auto
    }
}

@media screen and (max-width: 1200px) {
    #quick .wrap .iconlist {
        width: 85%
    }

    .honor-list li {
        width: 25%
    }

    .honor-list2 li {
        width: 33.333%
    }
}

@media screen and (max-width: 1100px) {
    .page-content .about .info .about-number .number .big .counter {
        font-size: 50px
    }
}

@media screen and (max-width: 1050px) {
    .history-wrap .cent-wrap li {
        margin-top: 50px
    }

    .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
        margin-left: 3.8%
    }

    .history-wrap .cent-wrap li .cont-box {
        width: 32%
    }

    .history-wrap .cent-wrap li:nth-child(even) .cont-box {
        margin-right: 6.7%;
        width: 29%
    }
}

@media screen and (max-width: 1024px) {
    .pro_list, .pro_menu {
        width: 100%;
        float: none
    }

    .pro_menu {
        display: none
    }

    .pro_menu dt {
        border-right: 0;
        padding: 0 4%
    }

    .pro_menu dl.on dt {
        background: #646464;
        border: 1px solid #646464;
        border-bottom: 1px solid #005ba9
    }

    .pro_menu dd {
        padding: 19px 4% 17px 8%
    }

    .pro_list {
        margin-left: 0
    }

    .pro_list ul {
        margin-bottom: 30px
    }

    .pro_list li {
        width: 50%
    }

    .pro_list li .main {
        display: block
    }

    .pro_list li .img {
        display: block;
        width: 50%;
        height: auto !important;
        margin: 0 auto 17px
    }

    .back, .pro_attr {
        display: none
    }

    .pro_link .i_link {
        margin-top: 30px;
        border-top: 1px solid #eaeaea
    }

    .proDet_top {
        margin-top: 0;
        background: #fff;
        padding: 10px 4%
    }

    .proDet_scroll .bx-wrapper {
        width: 92%;
        margin-top: 40px
    }

    .proDet_scroll .bx-controls {
        text-align: center;
        margin-top: 30px
    }

    .proDet_scroll .bx-pager-item {
        width: 16%;
        height: auto
    }

    .proDet_scroll .bx-wrapper .bx-controls-auto, .proDet_scroll .bx-wrapper .bx-pager {
        width: 100%
    }

    .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a {
        width: 100%;
        height: auto
    }

    .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a.active, .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a:hover {
        height: auto
    }

    .proDet_scroll .proDet_prev {
        left: 4%
    }

    .proDet_scroll .proDet_next {
        right: 4%
    }

    .m_proDet_pop {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        z-index: 20000
    }

    .m_proDet_pop img {
        display: block;
        width: 100%
    }

    .pro_nav {
        display: none
    }

    .pro_det_main {
        width: 100%;
        margin: 25px 0 0;
        border-top: 1px solid #eee
    }

    .pro_path {
        display: block !important;
        padding-top: 0
    }

    .pro_path .title {
        height: 55px;
        font-weight: 400;
        font-size: 17px;
        line-height: 55px;
        background: #fff;
        position: relative;
        border-bottom: 1px solid #e8e8e8
    }

    .pro_intro {
        padding: 15px 4% 20px
    }

    .pro_para {
        margin-top: 0;
        padding: 17px 4% 18px
    }

    .pro_para li {
        float: none;
        margin: 13px 0
    }

    .pro_para a {
        border-right: 0;
        padding-right: 30px
    }

    .pro_para img {
        width: 41px;
        margin-right: 20px
    }

    .pro_vedio {
        margin: 0
    }

    .pro_select {
        display: none
    }
}

@media screen and (max-width: 992px) {
    #slider-home-top .slide-content-wrapper .bannerword .en {
        font-size: 60px
    }

    #slider-home-top .slide-content-wrapper .bannerword {
        font-size: 48px
    }

    #quick .wrap .iconlist {
        width: 100%
    }

    #quick .wrap .tit .en::after, #quick .wrap .tit .en::before {
        width: 0
    }

    #quick .itemlist .item {
        width: 47.788%;
        margin-bottom: 20px
    }

    #quick {
        height: auto;
        background-attachment: inherit
    }

    #iproduct .wrap3 {
        display: none
    }

    #iproduct .mobile-scroll {
        display: block;
        overflow: hidden
    }

    #iproduct .mobile-scroll ul {
        width: 100%
    }

    #iproduct .mobile-scroll ul li a {
        display: block;
        height: auto
    }

    #iproduct .mobile-scroll ul li a .cont {
        background: #fff;
        padding: 30px;
        float: left;
        position: relative;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    #iproduct .mobile-scroll ul li a .cont:before {
        width: 0;
        height: 0;
        border-width: 0 25px 35px;
        border-style: solid;
        border-color: transparent transparent #fff;
        position: absolute;
        z-index: 2;
        content: '';
        left: 50%;
        margin-left: -25px;
        top: -35px
    }

    #iproduct .mobile-scroll ul li a .cont:after {
        display: none;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: rgba(15, 67, 140, .8);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        z-index: -1
    }

    #iproduct .mobile-scroll ul li a .cont h2 {
        font-size: 30px;
        font-weight: 400;
        color: #333;
        border-bottom: 1px solid #dbdbdb;
        padding-bottom: 10px;
        z-index: 2;
        position: relative
    }

    #iproduct .mobile-scroll ul li a .cont .short {
        margin-top: 12px;
        font-size: 16px;
        color: #4d4d4d;
        z-index: 2;
        position: relative
    }

    #iproduct .mobile-scroll ul li a:hover .cont .short, #iproduct .mobile-scroll ul li a:hover .cont h2, #iproduct .mobile-scroll ul li a:hover .cont:after {
        color: #fff;
        display: block
    }

    #iproduct .mobile-scroll ul li a .img {
        float: left;
        width: 100%;
        overflow: hidden
    }

    #iproduct .mobile-scroll ul li a .img img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    #iproduct .mobile-scroll ul li a:hover .img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    #iproduct .mobile-scroll ul li a:hover .cont:before {
        display: block;
        border-color: transparent transparent #0f438c
    }

    #iproduct .mobile-scroll ul li a:hover .cont {
        background: #0f438c
    }

    #iproduct .mobile-scroll a:hover .cont:after {
        display: block
    }

    #download .downbox .time, .rec-news {
        display: none
    }

    .page-content .about .aboutimg, .page-content .about .info {
        width: 100%
    }

    .honor-list li, .honor-list2 li, .page-content .about .info .about-number .number, .page-content .output ul li {
        width: 50%
    }

    .page-content .about .aboutimg {
        margin-top: 20px
    }

    .page-content #ceo-society, .page-content .about {
        padding: 30px 0 0
    }

    #contact, #honor {
        padding-top: 30px
    }

    .page-content #ceo-society .img {
        margin-bottom: 25px
    }

    .page-content #ceo-society .word .tit {
        font-size: 26px;
        margin-bottom: 19px
    }

    .page-content #organ {
        margin-top: 30px
    }

    .page-content .output {
        padding-top: 30px;
        padding-bottom: 10px
    }

    #contact, #download {
        padding-bottom: 50px
    }

    #honor {
        padding-bottom: 10px
    }

    #contact .contact-con {
        width: 100%;
        padding-left: 0;
        padding-top: 10px
    }

    #download, .page-content .culbox .cul1 .word {
        padding-top: 30px
    }

    #contact #map {
        width: 100%;
        margin-top: 20px
    }

    #contact .contact-con dt {
        font-size: 26px;
        margin-bottom: 10px
    }

    #download .downbox dt {
        font-size: 14px
    }

    #download .downbox .name {
        width: 50%
    }

    #download .downbox .last {
        width: 30%
    }

    .page-content .culbox .cul1 .word .wtit, .page-content .culbox .cul2 .word .part1 .ptit {
        font-size: 26px
    }

    #news, #research {
        padding: 30px 0
    }

    .page-content .culbox .cul2 {
        margin-top: 0
    }

    #news .news-list, #news .news-list2, #research .trainbox {
        margin-top: 30px
    }

    .page-content .culbox .cul2 .word .part1 .ptit {
        margin-bottom: 0
    }

    #research .trainbox .tp, .page-content .culbox .cul2 .word .part1 {
        margin-bottom: 30px
    }

    .page-content .culbox .cul2 .word .part1 .gray {
        font-size: 20px
    }

    #research .trainbox .tp .word .tptit {
        font-size: 26px
    }

    #research .trainbox .tp .img {
        margin-bottom: 20px
    }

    #area .area-list li, #news .news-list li {
        width: 50%
    }

    #news .news-list2 li a .img, #news .news_con, #pro .hotpro .container p {
        width: 100%
    }

    #news .news_con {
        float: none;
        min-height: auto;
        padding-right: 0;
        border-right: 0
    }

    #news .news-list2 li a .con {
        width: 100%;
        padding-left: 0
    }

    #news .news-list2 li {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .main .title2, .wel-moudle-top .top-en {
        font-size: 23px
    }

    #pro {
        padding: 30px 0
    }

    #pro .hotpro, #pro .hotpro:nth-child(2n) .container {
        padding-left: 0
    }

    #pro .hotpro {
        padding-right: 0
    }

    .m_proDet_top {
        display: block
    }

    .proDet_top {
        margin-top: 0;
        background: #fff;
        padding: 10px 0
    }

    .pro_intro .bigfiles_list, .pro_intro .bigfiles_list2 {
        width: 100% !important;
        margin-bottom: 20px !important
    }

    #pro_btm ul li {
        width: 100%;
        margin-bottom: 10px
    }

    #pro_btm {
        border-top: 0
    }
}

@media screen and (min-width: 992px) {
    #quick .wrap .iconlist .icon1 a:hover .con, #quick .wrap .iconlist .icon1 a:hover .iconfont {
        margin-top: -11px;
        color: #15499a
    }
}

@media screen and (max-width: 768px) {
    .history-wrap .cent-line-box, .history-wrap .cent-wrap li .point {
        left: 0
    }

    .wel-about-mains .nums-item2 {
        margin: 0 !important
    }

    #aboutnumber {
        background-attachment: inherit;
        padding-top: 30px
    }

    #aboutnumber .wrap .cont .number {
        width: 50%
    }

    #aboutnumber .wrap .tit {
        margin-bottom: 5px
    }

    #aboutnumber .wrap .cont {
        margin-top: 30px
    }

    #aboutnumber .wrap .cont .line2:after {
        content: '';
        position: absolute;
        width: 0;
        height: 58px;
        background: #3c62a9;
        right: 0;
        top: 50%;
        margin-top: -29px
    }

    #aboutnumber .wrap .cont .number .intro .big .counter {
        font-size: 35px
    }

    #aboutnumber .wrap .cont .number .intro .big, #aboutnumber .wrap .cont .number .intro .small {
        font-size: 14px
    }

    #slider-home-top .slide-content-wrapper .bannerword .en {
        font-size: 40px
    }

    #slider-home-top .slide-content-wrapper .bannerword {
        font-size: 32px
    }

    #slider-home-top .slide-content-wrapper .bannerword a.more {
        width: 252px;
        height: 56px;
        line-height: 56px;
        font-size: 18px;
        padding-left: 30px
    }

    #slider-home-top .slide-content-wrapper .bannerword a.more .ico {
        margin-right: 30px;
        margin-top: 20px
    }

    #quick .wrap .iconlist {
        margin-top: 34px
    }

    #quick .wrap .iconlist .icon1 {
        margin-bottom: 20px;
        width: 50%
    }

    #quick .wrap .iconlist .icon1 a:hover .con, #quick .wrap .iconlist .icon1 a:hover .iconfont {
        color: #15499a
    }

    #quick .wrap .iconlist .icon1 a .iconfont {
        font-size: 50px
    }

    #quick .wrap .iconlist .icon1 a .con {
        text-align: inherit;
        float: inherit;
        display: block
    }

    #quick .itemlist {
        margin-top: 31px
    }

    #video .pcvideo {
        display: none
    }

    #video .mbvideo {
        display: block;
        width: 100%;
        height: 300px;
        background: url(/html/static/en/images/video2.jpg) center center no-repeat;
        background-size: cover;
        cursor: pointer
    }

    #foot .foot-bot .copyright, #foot .foot-bot .icp {
        float: inherit;
        text-align: center
    }

    #foot .foot-top .wrap .fnav {
        display: none
    }

    #foot .foot-top .wrap .continfo {
        padding-right: 0
    }

    #foot .foot-top .wrap .continfo .flogo, #foot .foot-top .wrap .continfo .word {
        float: none
    }

    #foot .foot-top .wrap .continfo .word {
        text-align: center
    }

    #foot .foot-top .wrap .continfo .link {
        margin-top: 77px
    }

    #foot .foot-top .wrap .continfo .gotop {
        display: block
    }

    #foot .foot-top {
        padding: 30px 0
    }

    .page-content .w1520 {
        width: 100%
    }

    .history-wrap .cent-wrap li {
        width: 94%;
        padding-left: 6%;
        opacity: 1
    }

    .history-wrap .cent-wrap li .img {
        display: none
    }

    .history-wrap .cent-wrap li:nth-child(even) .cont-box, .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
        text-align: left
    }

    .history-wrap .cent-wrap li:nth-child(even) .cont-box {
        float: left;
        width: 96%;
        margin-right: 0
    }

    .history-wrap .cent-line-box .point-h {
        background: 0
    }

    .history-wrap .cent-wrap li .cont-box {
        width: 96%
    }

    .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
        margin-left: 0
    }

    .history-wrap .cent-wrap li .point i {
        display: inline-block
    }

    .site-nav-intern .blue {
        background: #1d5bbb
    }

    .history-wrap .tit-box h4 {
        font-size: 30px
    }

    .history-wrap .cent-wrap {
        margin-top: 30px
    }

    .history-wrap {
        padding-top: 30px
    }

    .page-content .output ul li {
        width: 100%;
        margin-bottom: 30px
    }

    .page-content .output ul li a::before {
        background-size: 50px 50px
    }

    .page-content .output ul li a img {
        max-height: none
    }

    .honor-list li, .honor-list2 li {
        width: 100%
    }

    #mapshow .title {
        font-size: 16px
    }

    #mapshow .bt {
        top: 70px
    }

    #area .area-list li, #news .news-list li {
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }

    #news .news_ft {
        height: auto
    }

    #videomain .pcvideo {
        display: none
    }

    #videomain .mbvideo {
        display: block;
        width: 100%;
        height: 300px;
        background: url(/html/static/en/images/video2.jpg) center center no-repeat;
        background-size: cover;
        cursor: pointer
    }

    #pro .hotpro .container, #pro .hotpro .img, #pro .hotpro .img img {
        width: 100%
    }

    #pro .hotpro {
        padding: 30px 0 15px;
        border-bottom: 0
    }

    #pro .hotpro .container .title {
        font-size: 26px;
        padding-bottom: 24px;
        text-align: center
    }

    #pro .hotpro .container .more {
        text-align: center;
        margin: 0 auto
    }

    #pro .hotpro .container p {
        margin-bottom: 30px;
        text-align: center
    }

    #pro .hotpro .container {
        text-align: center;
        width: 100%
    }

    .pro_menu dt {
        height: 50px;
        line-height: 50px;
        font-size: 15px
    }

    .pro_menu dt img {
        width: 15px;
        margin-top: 17.5px
    }

    .pro_menu dl.on img {
        margin-top: 24px
    }

    .pro_menu dd {
        padding: 14px 4% 9px 8%
    }

    .pro_menu dd a {
        font-size: 15px;
        line-height: 29px
    }

    .pro_menu dd a.on {
        font-size: 17px
    }

    .pro_list ul {
        border: 0
    }

    .pro_list li {
        width: 100%;
        margin-top: 57px;
        float: none;
        border: none !important
    }

    .pro_list li .main {
        font-size: 15px;
        padding: 0 0 7px;
        border: 0
    }

    .pro_list li .main i {
        width: 67px;
        height: 61px;
        position: absolute
    }

    .pro_list li .main .new_img {
        top: 14px;
        right: 4%;
        z-index: 10
    }

    .pro_list li .img {
        height: auto
    }

    .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -75px;
        left: 0;
        outline: 0;
        width: 22px;
        height: 43px;
        text-indent: -9999px;
        z-index: 9999;
        display: block;
        background: url(/html/static/en/images/arrow5.png) no-repeat
    }

    .placeholder, .text1 {
        text-indent: 7px
    }

    .bx-controls-direction a.disabled {
        display: none
    }

    .bx-controls-direction .bx-next {
        left: auto;
        right: 0;
        background-position: -40px 0
    }

    .bx-controls-direction .bx-prev:hover {
        background-position: 0 -46px
    }

    .bx-controls-direction .bx-next:hover {
        background-position: -40px -46px
    }

    .pro_path .title {
        font-size: 15px
    }

    .pro_intro {
        font-size: 14px;
        line-height: 24px
    }

    .placeholder, .pro_para a, .text1 {
        font-size: 14px
    }

    .pro_para img {
        width: 30px;
        margin-right: 10px
    }

    .con_select, .con_text {
        height: 39px;
        line-height: 39px;
        margin-bottom: 15px
    }

    .text1 {
        color: #999
    }

    .placeholder span {
        font-size: 12px;
        padding-right: 7px
    }

    select.text1 {
        text-indent: 4px
    }

    .con_select .placeholder {
        text-indent: 20px
    }

    .con_textarea {
        height: 147px;
        padding: 11px 0;
        float: left;
        line-height: 18px;
        margin-bottom: 20px
    }

    .con_textarea .placeholder {
        top: 11px
    }

    .textarea {
        text-indent: 7px;
        font-size: 14px
    }

    .con_btn input {
        width: 88px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-right: 15px
    }

    .con_select .arrowB {
        top: 16px;
        right: 15px
    }

    .layui-flow-more a cite {
        width: auto !important;
        height: 39px !important;
        line-height: 39px !important;
        padding-left: 50px !important;
        padding-right: 30px !important
    }

    .layui-flow-more a cite::before {
        background-size: 19px 19px !important;
        left: 15px !important;
        top: 7px !important
    }

    .pro_intro .bigfiles_list, .pro_intro .bigfiles_list2 {
        font-size: 14px !important
    }

    #slider-home-top .slide-content-wrapper .bannerword {
        /*padding-left: 20%;*/
        /*padding-right: 20%*/
    }
}

@media screen and (max-width: 450px) {
    #aboutnumber .wrap .cont .number {
        width: 100%
    }

    #aboutnumber {
        height: 600px
    }

    #aboutnumber .wrap .cont .line2::after, #aboutnumber .wrap .cont .line::after {
        width: 0
    }

    #quick .itemlist .item {
        width: 100%;
        margin: 0 0 20px
    }
}