@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (max-width: 1350px) {
.botlinks .links-wrap .link-items{    right: 0;    left: auto;}
}
/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod {width:auto;padding:0 8px;}
.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 39px;}
#header .w1200{ width:100%; margin:0 auto;}
#bottom .w1200{ width:100%; margin:0 auto;}
.index_product_cp{    width: 14.76%;margin: 10px 0.9% 0px 0.9%;}
.index_product_cp img{    height: 238px;}
.index_product_titlle_bon a{width:100%; height: auto;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_product_titlle_bon{width:100%; height: auto;}
#header .logo{     background-size: 90%;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}

#header {    height: auto;}
#header .inner{padding:10px 0px;height: auto;position:relative;background:none;}
.header .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;}
.header .sitelogo{float:none;margin-top:0px;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
#header .logo{    margin-left: 30px;  }

/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: none;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}

.index_product_cp{    width: 30%;margin: 10px 1% 0px 1%;}
.index_product_cp img { height: 400px;}

#banner{margin-top: 120px;height:auto}
.botlinks .links-wrap .link-items {
    left: 0;
    right: auto;
}

.newshow .newstitle em{    width: 90%;}

}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */

@media screen and (max-width:767px) {
    body,
    html {
        width: 100vw;
        min-height: 100vh
    }
    img {
        max-width: 100%!important
    }

    #header {
        height: auto;
        left: 0
    }
    #header .w1200 {
        width: 100vw;
        position: relative
    }
    #header .logo {
        width: 100vw;
        background-size: 90% auto;
    }
    #header .search {
           height: auto;
    width: auto;
    float: none;
    padding: 0 30px;
    margin: 0 auto;
    }
#header .search .con{    margin: 15px 0 15px 0;}
#banner{margin-top: 171px;}
    .banner {
        height: auto;
    }

    .content {
        padding-bottom: 0
    }
    .hbox {
        width: 100%
    }
    .hbox .content-top {
        padding-top: 0;
        height: auto;
        overflow: hidden
    }
    .hbox .content-left {
        float: none;
        height: auto;
        width: 100vw;
        overflow: hidden;
        display: none
    }
    .hbox .content-left #fv1_filbox {
        display: none;
        width: 100vw!important
    }
    .hbox .content-left #fv1_filbox img {
        width: 100vw!important
    }
    .hbox .content-left .fv1_adnum {
        width: 100vw;
        left: 0;
        bottom: 0;
        top: auto
    }
    .hbox .content-right {
        width: 100vw;
        margin-left: 0;
        height: auto
    }
    .hbox .content-right #wp_news_w57 {
        padding: 0 10px 5px;
        width: 100vw;
        box-sizing: border-box
    }
    .hbox .content-right .china .china-left {
        width: 20%
    }
    #wp_news_w57 .news_wz {
        margin-left: 20%
    }
    .hbox .content-right .china .china-right a {
        padding-bottom: 0;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .hbox .content-right .ji-tit {
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        padding-top: 0;
        width: 100vw;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        overflow: hidden
    }
    .hbox .content-right .ji-tit .ji {
        padding: 0
    }
    .hbox .content-right .ji-tit .more {
        margin-top: 7px
    }
    .hbox .content-right .content-fengcai {
        width: 100vw;
        margin-left: 0
    }
    .hbox .content-right .content-fengcai .ji-tit {
        margin-top: 5px
    }
    .hbox .content-right .content-fengcai .jiceng {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .hbox .content-right .content-fengcai #demo {
        width: 100vw
    }
    .hbox .content-right .content-fengcai #demo #demo1,
    .hbox .content-right .content-fengcai #demo #demo2 {
        padding: 10px 15px
    }
    .hbox .content-right .content-fengcai #demo #demo1 li,
    .hbox .content-right .content-fengcai #demo #demo2 li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center
    }
    .hbox .content-right .content-fengcai #demo #demo1 li a,
    .hbox .content-right .content-fengcai #demo #demo2 li a {
        width: 70vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .hbox .ji-tit .ji {
        margin-bottom: 0;
        padding-left: 0
    }
    .hbox .content-xitong {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100vw;
        height: auto;
        overflow: hidden
    }
    .hbox .content-xitong ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center
    }
    .hbox .content-xitong ul li {
        float: none;
        width: auto;
        width: 33vw
    }
    .hbox .content-xitong ul li a {
        font-size: 14px
    }
.index_product_cp img {
    height: 300px;
}
    .index_pro_tittle {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        overflow: hidden
    }
    .index_pro_main {
        height: auto
    }
    .index_pro_zong .index_product {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-sizing: border-box
    }
    .index_pro_zong .index_product .index_product_cp {
        width: 32%;
        margin: 0;
        float: none;
        height: auto;
        margin-bottom: 10px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        overflow: hidden
    }
    .index_pro_zong .index_product .index_product_cp .index_product_titlle_bon {
        width: 100%;
        min-height: 50px;
        height: auto;
        font-size: 10px
    }
    .index_pro_zong .index_product .index_product_cp .index_product_titlle_bon a {
        width: 100%;
        min-height: 50px;
        height: auto
    }
    #bottom {
        height: auto
    }
    #bottom .w1200 {
        width: 100vw
    }
    #bottom .flbox {
        height: auto;
        overflow: hidden;
        border-left: none;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
    #bottom .flbox .ulbox {
        float: none;
        width: 100vw;
        border-right: none
    }
    #bottom .flbox .ulbox:nth-of-type(2) {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 55px
    }
    #bottom .flbox .ulbox:nth-of-type(3) {
        display: none
    }
    #bottom .flbox .ulbox .bt {
        overflow: hidden
    }
    #bottom .btlogo {
        margin-left: auto;
        margin-right: auto;
        height: 80px;
        background-size: auto 100%
    }
    #bottom .wx {
        width: 100vw;
        float: none;
        text-align: center;
        margin: 0
    }
    #bottom .wx .wxbox {
        margin-left: auto;
        margin-right: auto
    }
    #bottom .tit.pl {
        display: none
    }
    #bottom .footer {
        position: relative;
        height: 65px;
        line-height: 1.6;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px
    }
    #bottom .footer .fl,
    #bottom .footer .fr {
        width: 100vw
    }
    #bottom .footer .fr {
        position: absolute;
        left: 3%;
        right: 0;
        bottom: 20px;
        width: 94%
    }
    .w1000 {
        width: 100vw
    }
    .pagecont .pageleft {
        float: none;
        width: 100vw
    }
    .pagecont .pageleft .parenttop {
        width: 100vw;
        height: auto;
        padding-left: 10px;
        font-size: 18px
    }
    .pagecont .pageleft .parenttop em {
        display: none
    }
    .pagecont .pageleft .parenttop::after {
        content: '>';
        margin-left: 5px
    }
    .pagecont .pageleft:hover .pagenav {
        display: block
    }
    .pagecont .pageleft .pagenav {
        display: none;
        padding-top: 0
    }
    .pagecont .pageleft .pagenav li {
        height: auto;
        line-height: 1.6
    }
    .pagecont .pageleft .pagenav li.s a {
        background-color: #eebd20;
        background-image: url(media_res/pnav.png);
        background-repeat: no-repeat;
        background-position: 10px center
    }
    .pagecont .pageleft .pagenav li a {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100vw;
        height: auto;
        background-color: rgba(13, 87, 179, .4);
        font-size: 14px;
        text-indent: 2em;
        background-image: url(media_res/pnav.png);
        background-repeat: no-repeat;
        background-position: 10px center
    }
    .pagecont .pageright {
        float: none;
        width: 100vw;
        min-height: 200px;
        padding-bottom: 10px
    }
    .pagecont .pageright .parent {
        height: auto;
        margin: 0 10px;
        padding: 10px 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .pagecont .pageright .parent dt {
        display: none;
        float: none;
        height: auto;
        line-height: 1.6;
        font-size: 18px
    }
    .pagecont .pageright .parent dd {
        float: none;
        height: auto;
        line-height: 1.6;
        font-size: 12px
    }
    .pagecont .pageright .newslist li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        line-height: 1.6;
        font-size: 14px;
        margin: 0 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px
    }

    .pagecont .pageright .changepage {
        text-align: center;
        width: 100vw;
        padding-left: 10px;
        padding-right: 10px
    }
    .pagecont .pageright .newshow {
        margin: 0 10px;
        padding-bottom: 20px
    }
    .pagecont .pageright .newshow .newstitle em {
        width: 70%;
        overflow: hidden
    }
    .pagecont .pageright .newshow .newstitle em .bdsharebuttonbox {
        display: inline-block;
        float: none;
        width: auto;
        vertical-align: middle
    }
    .pagecont .pageright .newshow ul.page .box {
        position: relative;
        top: auto;
        right: auto;
        text-align: right
    }
    .pagecont .pageright .newshow ul.page .box a {
        display: inline-block;
        float: none;
        padding-left: 0;
        padding-right: 10px
    }
    .pagecont .pageright .newshow ul.page li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
body.list #content.wrapper{margin-top: 190px;}
}
@media screen and (max-width: 600px) {
.index_product_cp img {
    height: 250px;
}
#header .logo{    background-size: 80% auto;    height: 80px;}
#banner {
    margin-top: 136px;
}
#header .search .con{    margin: 0;}
body.list #content.wrapper {
    margin-top: 160px;
}
}
@media screen and (max-width: 479px) {
.index_product_cp img {
    height: 200px;
}
}
@media screen and (max-width: 360px) {
.index_pro_zong .index_product .index_product_cp{width: 45%;}
}