@charset "utf-8";
/* CSS Document */

@media (max-width:1600px) {

    .content,
    .head,
    .product-number-info {
        width: 1400px
    }

    .kecheng .kecheng-top {
        width: 1400px;
    }

    .head .nav ul li a {
        padding: 0 20px;
    }

    .head .nav ul li ul {
        margin-left: -10px;
    }

    .new_left p {
        font-size: 16px;
        line-height: 30px;
        color: #666;
        height: 150px;
        margin-bottom: 30px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .new_left h3 {
        font-size: 20px;
    }

    .list .swiper-slide .info h4 {
        font-size: 16px;
    }

    .list .swiper-slide .info p {
        color: #666;
        font-size: 15px;
    }

    .kc_con .slide {
        width: 750px;
        height: 477px;
    }

    .kc_con .slide img {
        width: 750px;
    }

    .kc_con .handle {
        height: 477px;
    }

    .kc_con .rotate {
        font-size: 20px;
    }

    .kc_con .handle dd {
        bottom: 15px;
    }

    .kc_con .handle {
        width: 125px;
    }

    .hdyg_right ul li {
        line-height: 59px;
        font-size: 16px;
    }

    .peiyang ul li p {
        font-size: 16px;
    }

    .xrtxt {
        width: 69%;
        line-height: 32px;
        font-size: 16px;
        color: #666;
    }
}

@media (max-width:1440px) {

    .content,
    .head,
    .product-number-info {
        width: 1300px
    }

    .kecheng .kecheng-top {
        width: 1300px;
    }

    .head .nav ul li a {
        padding: 0 13px;
    }

    #video {
        height: 360px
    }

    .a_left dd {
        -webkit-line-clamp: 6
    }

    .wary_left {
        width: 290px
    }

    .wary_right {
        width: 900px
    }

    .title1 {
        overflow: hidden;
        background: #394959 url(../images/tit.png) no-repeat center left 17px;
        font-size: 24px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        padding: 30px 0 30px 79px;
        text-align: left;
        border-radius: 15px 15px 0 0
    }

    .news_box .swiper-slide .sed {
        padding: 15px 20px
    }

    .kc_con .handle {
        width: 109px;
    }

    .kc_con .handle dd {
        left: 15px;
    }

    .kc_con .handle dd {
        font-size: 16px;
        letter-spacing: 0px;
    }

    .kc_con .rotate {
        letter-spacing: 3px;
    }

    .kc_con .rotate {
        font-size: 16px;
    }

    .kc_con {
        height: auto;
        margin: 0px auto
    }

    .hdyg_right ul li {
        line-height: 54px;
        font-size: 16px;
    }

}

@media (max-width:1366px) {

    .content,
    .head,
    .product-number-info {
        width: 1250px;
        min-width: 1250px;
    }

    .kecheng .kecheng-top {
        width: 1250px;
        min-width: 1250px;
    }

    .kc_con .handle {
        width: 95px;
    }

    .banner,
    .footer,
    .hezuo,
    .jkbox {
        min-width: 1250px;
    }
}

@media (max-width:1200px) {

.page9-info-right {
width: 100%;
}

    .about_shuzi,
    .content,
    .head,
    .product-number-info {
        width: auto;
        max-width: 750px
    }

    .kecheng .kecheng-top {
       width: auto;
        max-width: 750px
    }

    .content,
    .head,
    .product-number-info {
        max-width: 750px;
        min-width: auto;
    }

    .kc_con .handle {
        width: 95px;
    }

    .banner,
    .footer,
    .hezuo,
    .jkbox {
        min-width: auto;
        max-width: 750px;
    }


    .wtop {
        max-width: 750px;
        position: relative;
        margin: 0 auto
    }

    .content,
    .main {
        max-width: 750px;
        min-width: 320px
    }

    .head .tel,
    .hot {
        display: none
    }

    .top {
        text-align: center;
        max-width: 750px;
        margin: 0 auto
    }

    .top span img {
        vertical-align: middle;
        float: inherit;
        margin-top: -8px;
        margin-right: 6px
    }

    .top em {
        display: none
    }

    .top span {
        float: inherit
    }

    .logo {
        float: inherit;
        text-align: center;
        margin: 0 auto
    }

    .head {
        height: 100px
    }

    .head .nav {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        max-width: 750px;
        top: 100px;
        overflow: hidden;
        height: 100%;
        margin: 0 auto;
        background: rgba(0, 0, 0, .8);
        z-index: 20
    }

    .head .nav ul li {
        width: 100%;
        float: inherit;
        border-right: 1px #ccc solid;
        border-top: 1px #ccc solid;
        box-sizing: border-box;
        overflow: hidden;
        line-height: 60px
    }

    .head .nav ul li a {
        color: #fff
    }

    .head .nav ul li a:after {
        content: "";
        display: none
    }

    .caidan {
        float: right;
        margin-right: 10px;
        margin-top: 25px;
        display: block
    }

    .mtel {
        float: right;
        margin-right: 5%;
        margin-top: 25px;
        display: block
    }

    .banner {
        display: none
    }

    .n_banner {
        max-width: 750px
    }

    .n_banner .ban h3 {
        font-size: 0.25rem;
    }

    .n_banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .xbanner img:first-child {
        display: none
    }

    .xbanner img:last-child {
        display: block
    }

    .mbanner {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .mb-news-swiper {
        display: block;
    }

    .fll {
        max-width: 750px;
        margin: 0 auto
    }

    .head .sp_nav {
        display: block
    }

    .wary_left {
        width: auto;
        float: none
    }

    .wary_right {
        width: auto;
        float: inherit;
        margin: 0 10px
    }

    .pic_nav {
        display: block
    }

    .title1 {
        overflow: hidden;
        background: #394959;
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        padding: 3% 0;
        text-align: center
    }

    .title1 p {
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 400;
        display: none
    }

    .about {
        overflow: hidden;
        width: auto;
        margin: 5%
    }

    .pic_lb ul li {
        width: 50%;
        border: 3px #fff solid
    }

    .zhitongche {
        width: 70%;
        overflow: hidden;
        padding: 2% 0;
        margin: 0 auto 20px;
        font-size: .25rem;
        border-radius: 30px;
        color: #fff;
        text-align: center;
        background: #394959;
        display: block
    }

    .title p {
        font-size: 16px;
        letter-spacing: 0
    }

    .pic ul li {
        width: 50%;
        position: relative
    }

    .pic ul li:nth-child(n+9) {
        display: none
    }

    .about h3 {
        font-size: .3rem;
        font-weight: 700;
        text-align: center
    }

    .a_left {
        overflow: hidden;
        width: auto;
        float: inherit;
        text-align: center
    }

    .about h3 i {
        font-size: .5rem
    }

    .about dd {
        font-size: .2rem;
        line-height: .38rem;
        text-align: left
    }

    .pic ul li a p {
        color: #666;
        font-size: .22rem
    }

    .pic ul li:hover .bg {
        opacity: 0
    }

    .side {
        display: none
    }

    .more {
        display: none
    }

    .product-number-info li b {
        font-size: 30px
    }

    .product-number-info li {
        border-bottom: 1px solid #fff;
        padding: 15px 0
    }

    .zhichi ul li div {
        width: 80px;
        height: 80px
    }

    .zhichi ul li div img {
        width: 100%
    }

    .anli {
        width: auto
    }

    .xbanner img.xban {
        display: none
    }

    .xbanner img.mxban {
        display: block
    }

    .xbanner {
        max-width: 750px;
        margin: 0 auto
    }

    .news {
        max-width: 750px;
        margin: 0 auto
    }

    .links {
        display: none
    }

    .footer {
        max-width: 750px;
        margin: 0 auto;
        width: auto;
        padding: 10px
    }

    .article-detailed {
        overflow: hidden;
        margin: 20px 10px
    }

    .lxwmmt {
        margin: 10px
    }

    .anli_lb ul li {
        width: 50%;
        border: 3px #fff solid
    }

    .ys .swiper-pagination {
        display: block;
        padding: 5% 0
    }

    .ys .swiper-container {
        padding-bottom: 140px
    }

    .tel2 {
        display: none
    }

    .about dt {
        width: 180px;
        height: 45px;
        line-height: 45px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        margin: 20px auto;
        float: none;
        margin: 30px auto
    }

    .footer .bnav {
        display: none
    }

    .zizhi .swiper-pagination {
        display: block
    }

    .a_video {
        width: auto;
        float: inherit;
        border-radius: 20px;
        overflow: hidden;
        border: 10px #ccc solid
    }

    #video {
        height: auto
    }

    .product-number-info li {
        width: 50%;
        border-bottom: 1px #ccc solid
    }

    .product-number-info li:nth-child(1) {
        border-left: none
    }

    .product-number-info li:nth-child(3) {
        border-left: none;
        border-bottom: none
    }

    .product-number-info li:nth-child(4) {
        border-right: none;
        border-bottom: none
    }

    .product-number-info li b {
        font-size: .6rem
    }

    .ys_com ul {
        float: inherit;
        width: auto;
        margin: 0 20px
    }

    .ys_com ul li {
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 0
    }

    .ys_com ul:nth-child(2) {
        margin: 30px auto 0;
        width: 100%;
        text-align: center
    }

    .ys_com ul:nth-child(2) img {
        width: 90%;
        margin: 0 auto
    }

    .cases {
        margin: 30px auto
    }

    .gengduo {
        width: 60%;
        height: inherit;
        margin: 30px auto;
        line-height: inherit;
        border-radius: 60px;
        background: #394959;
        text-align: center;
        overflow: hidden;
        padding: 3% 0;
        font-size: .25rem
    }

    .news_box .focus {
        width: auto;
        height: auto;
        overflow: hidden;
        background: #f5f5f5;
        float: inherit;
        margin-top: 30px;
        padding-bottom: 35px
    }

    .news_box .list {
        width: auto;
        height: auto;
        overflow: hidden;
        float: inherit;
        margin-top: 30px
    }

    .news_box .swiper-pagination {
        display: block
    }

    .html {
        overflow: hidden
    }

    .pic_lb {
        overflow: hidden;
        margin: 20px auto
    }

    .zhongying {
        display: none !important;
    }

    .title h4 b:after {
        content: "";
        display: none;
    }

    .title h4 b:before {
        display: none;
    }

    .title h4 span {
        display: block;
        width: 100%;
        margin: 10px auto 0
    }

    .title h4 {
        overflow: hidden;
        text-align: center;
    }

    .title h4 b {
        display: block;
        text-align: center;
    }

    .title h4 span a {
        width: 50%;
        float: left;
        background: #0074c2;
        border: 10px #fff solid;
        box-sizing: border-box;
        color: #fff;
        margin: 0px;
        line-height: 40px;
        font-size: 0.22rem;
        font-weight: 400;
    }

    .new_right {
        width: auto;
        float: inherit;
    }

    .new_left {
        float: inherit;
        width: auto;
    }

    .new_left h3 {
        font-size: 0.25rem;
    }

    .new_left p {
        font-size: 0.2rem;
        line-height: 0.4rem;
    }

    .new_left dt {
        margin: 0px auto;
    }

    .new_left p {
        height: inherit;
    }

    .title h4 span.mor {
        display: none;
    }

    .kc_con {
        display: none
    }
    .pc-hdyg {
        display: none
    }

    .m_mobile {
        display: block
    }
    .mb-hdyg {
        display: block;
        max-width: 750px;
        margin: 0 auto;
    }

    .m_mobile img {
        width: 100%
    }

    .hdyg_left {
        width: auto;
        overflow: hidden;
        float: inherit
    }

    .hdyg_right {
        width: auto;
        float: inherit
    }

    .list .swiper-slide .info h4 {
        font-size: 0.25rem;
    }

    .list .swiper-slide .info p {
        height: auto;
        line-height: 0.4rem;
        height: auto;
        font-size: 0.25rem;
    }

    .title h4 span.yugao a {
        width: 50%;
        float: left;
        line-height: 50px;
        height: auto;
        margin: 0px;
        border: 5px #fff solid;
        box-sizing: border-box;
        color: #666;
    }

    .title h4 b {
        font-size: 0.3rem;
    }

    .jkbox .jk_swi h3 {
        font-size: 0.18rem;
    }

    .jkbox img {
        width: 200%
    }

    .jkbox .swiper-slide {
        text-align: center;
    }

    .jkbox .jk_swi dd {
        font-size: 0.2rem;
    }

    .jkbox .swiper-button-next {
        width: 38px;
        height: 30px;
        top: 40%
    }

    .jkbox .swiper-button-prev {
        width: 38px;
        height: 30px;
        top: 40%
    }

.peiyang ul li {
        width: 100%;
border: none;
}

    .peiyang ul li p {
        position: relative;
        padding: 0px;
        text-align: center;
        width: auto;
        font-size: 0.2rem;
    }

    .shbox ul li {
        width: 250px;
    }

    .shbox ul li p {
        font-size: 0.2rem;
    }

    .title2 p {
        font-size: 0.3rem;
    }

    .title2 dd {
        font-size: 0.2rem;
    }

    .hezuo ul li {
        width: 33%;
        font-size: 0.2rem;
    }

    .cor {
        padding-bottom: 1.2rem;
        font-size: 0.2rem;
    }

    .footer .intro {
        width: auto;
        float: inherit
    }

    .footer .intro {
        float: inherit;
        width: auto;
        text-align: center;
    }

    .buttom {
        background: #0f9fb7;
        bottom: 0;
        margin: 0 auto;
        max-width: 100%;
        min-width: 320px;
        position: fixed;
        width: 100%;
        z-index: 9999;
        display: block
    }

    .buttom ul {
        overflow: hidden
    }

    .buttom ul li {
        color: #fff;
        float: left;
        width: 50%;
        padding: 3% 0;
        border-right: 1px #fff solid;
        box-sizing: border-box;
        text-align: center;
    }

    .buttom ul li .sy {
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto
    }

    .buttom ul li p {
        font-size: 14px;
        overflow: hidden;
        text-align: center
    }

    .buttom ul li a {
        color: #fff;
        font-size: 0.2rem;
    }

    .buttom ul li img {
        width: 30px;
        vertical-align: middle
    }

    .sp_nav {
        display: block
    }

    .m_mobile {
        display: block
    }
    .mb-hdyg {
        display: block;
height: 460px;
    }

.mb-hdyg img {
height: 460px;
object-fit: cover;
}

    .mbx span {
        width: auto;
        padding: 10px;
        overflow: hidden;
        background: #0074c2;
        height: auto;
        display: block;
        float: left;
        text-align: center;
    }

    .mbx:before {
        display: none;
        content: "";
        height: auto;
        line-height: inherit;
    }

    .mbx {
        line-height: inherit;
        height: auto;
    }

    .mbx .p1 {
        height: inherit;
        line-height: inherit;
        padding: 10px;
        margin-left: 0px;
    }

    .jieshao .js_img {
        width: auto;
        float: inherit;
        margin: 20px auto
    }

    .jieshao .js_left {
        float: inherit;
        width: auto;
    }

    .jieshao .js_left h3 {
        font-size: 0.3rem;
    }

    .titbox h3 {
        font-size: 0.3rem;
    }

    .titbox h3:after {
        height: 0.4rem
    }

    .news_lm ul li span h3 {
        font-size: 0.25rem;
        height: inherit;
        line-height: 0.4rem;
    }

    .news_lm ul li span p {
        margin: 0px auto;
        font-size: 0.2rem;
        line-height: 0.4rem;
        height: inherit
    }

    .news_lm ul li dl {
        width: 65px;
        height: 1.2rem;
        margin-right: 10px;
        padding-right: 6px;
    }

    .news_lm ul li dl dd {
        padding: 11px 0px 0px;
        font-size: 0.4rem;
        ;
        font-weight: bold;
    }

    .xueshu ul li {
        border: 5px #fff solid
    }

    .xueshu ul li p {
        font-size: 0.22rem;
    }

    .list_xw li .ltxw_sj {
        width: 100px;
    }

    .list_xw li .ltxw_tp {
        width: 280px;
        padding-left: 20px;
    }

    .list_xw li .ltxw_tp span {
        height: 158px;
    }

    .list_xw li .ltxw_nr {
        width: calc(100% - 420px);
        float: right;
        margin-right: 20px;
    }

    .list_xw li .ltxw_nr p {
        margin: 15px 0px 5px;
    }

    .list_xw li .ltxw_nr {
        width: calc(100% - 450px);
        float: right;
        margin-right: 20px;
    }

    .news_ny_left {
        width: auto;
        padding: 60px 0;
        float: inherit;
        overflow: hidden;
        position: relative;
        padding-right: 3%;
    }

    .news_ny_left:after {
        content: "";
        display: none;
    }

    .news_ny_right {
        width: auto;
        padding: 15px 0;
        float: inherit;
        position: relative;
    }

    .news_ny_left .nr_cont h3 {
        font-size: 0.3rem;
    }

    .xianren {
        float: inherit;
        margin: 0px auto
    }

    .xrtxt {
        width: auto;
        line-height: 0.4rem;
        ;
        font-size: 0.2rem;
        color: #666;
        height: inherit;
        overflow: auto;
    }

    .xingzheng ul li {
        width: auto;
        float: inherit;
    }

    .zhaopin {
        display: none;
    }

    .pc-news-swiper {
        display: none;
    }
    .news_box .swiper-outer .swiper-slide .slide-info {
        height: 140px;
        padding: 12px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
    }
    .news_box .swiper-outer .swiper-slide .slide-title {
        font-size: 16px;
        font-weight: 600;
        margin: 6px 0;
        max-height: 62px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .news_box .swiper-outer .swiper-slide .slide-content {
        line-height: 18px;
        flex: 1;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .news_box .content {
        box-sizing: border-box;
        padding: 0.2rem 0;
    }
    .jkbox .jkbox-item .item-color .color-font {
        font-size: 12px;
    }
    .jiangke .jiangke-top {
        flex-wrap: wrap;
    }
    .jiangke .jiangke-top .top-item {
        width: 47%;
        margin-bottom: 2%;
    }
    .jiangke .jiangke-top .top-item:nth-child(2) {
        margin: 0;
    }
    .peiyang .peiyang-bottom .bottom-content {
        flex-direction: column;
    }
    .peiyang .peiyang-bottom .bottom-content div {
        width: 100%;
        margin-bottom: 0.1rem;
    }
    .footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
margin-bottom: 10%;
    }
    .footer .footer-content {
        flex-direction: column;
    }
    .footer .footer-left {
       width: 60%;
       border: none;
       padding: 0;
       margin: 0 auto;
       text-align: center;
    }
    .footer .footer-right {
       margin: 0 auto;
       padding: 0;
        width: 100%;
    }
    .page-content .page-info {
        flex-direction: column;
    }
    .page-content .page-info .info-left {
        width: 100%;
        margin-bottom: 2vh;
    }
    .page-content .page-info .info-right {
        width: 100%;
    }
    .page-content .page-info .info-left .left-nav {
        width: 100%;
    }
    .page-content .page-info .info-left .left-nav {
        background: none;
        background-color: #0f9fb7;
    }
    .page-content .page-info .info-left .left-nav li:hover {
        background: none;
        background-color: #0f9fb7;
    }
    .navimg-active {
        background: none;
        background-color: #00538a;
    }
}

@media (max-width:750px) {

.anli_lb ul li {
width: 100%;
}
    .nav ul li {
        line-height: inherit;
        height: inherit;
        padding: 4% 0
    }

    .nav ul li a {
        font-size: .22rem
    }

    .title h4 {
        font-size: .3rem
    }

    .title p {
        font-size: .2rem
    }

    .title {
        margin: 15px auto;
        padding: 0
    }

    .head .nav ul li {
        line-height: inherit;
        padding: 3% 0;
        font-size: .22rem
    }

    .pic_nav ul li {
        width: 33.33%;
        float: left;
        border: 5px #f5f5f5 solid;
        box-sizing: border-box;
        font-size: 18px;
        line-height: inherit;
        text-align: center;
        position: relative
    }

    .pic_nav ul li a {
        color: #666;
        line-height: inherit;
        padding: 5% 0;
        font-size: .2rem;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px #ccc solid
    }

    .pic ul li {
        border: 5px #fff solid
    }

    .pic ul li p {
        height: auto;
        line-height: inherit;
        padding: 3% 30px 3% 0
    }

    .about h3 {
        font-size: .3rem
    }

    .about dd {
        line-height: .35rem;
        font-size: .2rem;
        text-indent: 2em;
        margin-top: 30px
    }

    .wary_right h3 {
        font-size: .3rem
    }

    .product-number-info ul {
        padding: 0 0;
        margin: 0 10px
    }

    .product-number-info li {
        width: 50%
    }

    .product-number-info li b sup {
        bottom: 0;
        vertical-align: middle;
        font-size: .2rem;
        width: .3rem;
        height: .3rem;
        line-height: .3rem
    }

    .product-number-info li p {
        font-size: .22rem
    }

    .zhichi ul li {
        width: 33.33%
    }

    .ys .swiper-container {
        padding-bottom: 80px
    }

    .zz div {
        margin: 20px 10px;
        overflow: hidden
    }

    .zhichi ul li h3 {
        font-size: .22rem
    }

    .news ul li {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        width: auto;
        float: none;
        border: 10px #fff solid;
        box-sizing: border-box
    }

    .news ul li dl {
        margin-right: 12px
    }

    .fanhui {
        overflow: hidden;
        background: #eee;
        padding: 3% 0;
        text-align: center;
        font-size: .2rem;
        color: #666;
        display: block;
        font-weight: 700
    }

    .footer .intro {
        float: inherit;
        width: auto;
    }

    .footer .ewm {
        display: none
    }

    .footer .intro h4 {
        text-align: center;
        font-size: .3rem
    }

    .footer .intro .info p {
        text-align: center;
        font-size: .2rem;
        line-height: .35rem
    }

    .footer .intro .info {
        padding-bottom: 0rem
    }

    .pro-intro h2 {
        font-size: .3rem
    }

    .pro-intro .share {
        width: 100%;
        height: inherit;
        padding: 2px 0;
        line-height: inherit;
        border-bottom: 1px #e7e7e7 solid;
        background: #f1f1f1;
        text-align: center
    }

    .pro-intro .share p span {
        display: block;
        width: 100%
    }

    .fy p {
        width: 50%;
        font-size: .2rem
    }

    .fy p:last-child {
        width: 100%;
        border-top: 1px #ccc solid
    }

    .zizhi {
        width: 100%;
        overflow: hidden;
        margin: 20px auto 0;
        background: #e5eff8;
        padding-bottom: 30px
    }

    .zizhi .swiper-pagination {
        display: block
    }

    .swiper-container-rtl .swiper-button-next,
    .zizhi .swiper-button-prev {
        display: none
    }

    .swiper-container-rtl .swiper-button-prev,
    .zizhi .swiper-button-next {
        display: none
    }

    .zizhi .swiper-container {
        margin: 0 10px;
        padding-bottom: 40px
    }

    .ddd img {
        width: 80%
    }

    .pic ul li a p {
        font-size: .2rem
    }

    .wary_right h3 b {
        font-size: .18rem
    }

    .wary_right h3 span {
        font-size: .2rem
    }

    .ys_com ul li p {
        font-size: .2rem
    }

    .ys_com ul li h3 {
        font-size: .25rem;
        margin-bottom: 10px
    }

    .news_box {
        width: auto;
        margin: 0 10px;
        height: auto;
        overflow: hidden
    }

    .news_box .focus h3 {
        height: inherit;
        line-height: inherit;
        font-size: .22rem;
        padding: 3% 0
    }

    .news_box .focus dt {
        font-size: .18rem
    }

    .news_box .focus dd {
        font-size: .2rem;
        line-height: .38rem;
        height: inherit
    }

    .news_box .swiper-slide .time b {
        font-size: .4rem
    }

    .news_box .swiper-slide .time p {
        font-size: .18rem
    }

    .news_box .swiper-slide .info h4 {
        font-size: .22rem;
        height: inherit;
        line-height: inherit;
        padding: 3% 0
    }

    .news_box .swiper-slide .info p {
        height: inherit;
        line-height: .38rem;
        font-size: .2rem;
        margin: 0 auto
    }

    .pic_lb ul li p {
        height: inherit;
        line-height: inherit;
        padding: 3% 0;
        font-size: .2rem
    }

    .nav_show {
        top: 70px;
    }

    .mbx span {
        font-size: 0.22rem;
    }

    .mbx .p1 a {
        font-size: 0.22rem;
    }

    .list_xw li {
        position: relative;
    }

    .list_xw li .ltxw_nr {
        width: calc(100% - 0px);
        float: right;
        margin-right: 0px;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .list_xw li .ltxw_tp {
        width: 100%;
        border-left-style: none;
        padding-left: 0px;
        margin-right: 0px;
    }

    .list_xw li .ltxw_tp span {
        height: 56vw;
    }

    .list_xw li .ltxw_sj {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        background: rgba(255, 255, 255, 0.9);
        line-height: 25px;
        padding: 12px 0px 8px;
        width: 80px;
    }

    .list_xw li a {
        padding: 0px 0px 18px;
    }

    .list_xw li .ltxw_nr h2 {
        font-size: 0.25rem;
    }

    .list_xw li .ltxw_nr p {
        font-size: 0.2rem;
    }

    .news_ny_left {
        width: auto;
        padding: 30px 15px 0;
        float: inherit;
        overflow: hidden;
        position: relative;

    }

    .news_ny_left .nr_cont p {
        font-size: 0.22rem;
        line-height: 0.4rem;
    }

    .shangxia {
        margin: 10px auto
    }

    .shangxia ul li {
        height: inherit;
        line-height: 0.6rem;
        ;
    }

    .newsmt dl {
        padding: 0px 15px;
    }

    .newsmt dl h3:before {
        top: 29px;
    }

    .newsmt dl h3 {
        font-size: 0.3rem;
    }

    .newsmt ul li {
        height: auto;
        line-height: 0.6rem;
    }

    .xianren .xr {
        width: 230px;
    }

    .xianren {
        width: 260px;
    }

    .xingzheng ul li .zdiv span h3 {
        font-size: 0.25rem;
    }

    .xingzheng ul li .zdiv div {
        width: 30%
    }

    .xingzheng ul li .zdiv span p {
        font-size: 0.2rem;
    }

    .xingzheng ul li .zdiv span dl dd {
        font-size: 0.2rem;
        line-height: 0.35rem;
    }

    .xingzheng ul li .zdiv span dl {
        display: inline-block;
    }

    .wzwap ul li {
        width: auto;
        float: inherit;
        height: inherit;
        line-height: 0.6rem;
        font-size: 0.22rem;
        border: 5px #fff solid
    }

    .mial_div4 ul li {
        width: 50%
    }

    .mial_div4 ul li h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.1em
    }

    .mial_div2 ul li {
        width: 50%
    }

    .mial_div2 ul li p span {
        font-size: 0.6em;
    }

    .mial_div3 ul li {
        width: auto;
        float: inherit;
    }

    .mial_div3 ul li div {
        overflow: hidden;
        width: 130px;
        float: left;
        margin-right: 15px;
    }

    .mial_div3 ul li span h3 {
        font-size: 1.1em;
    }

    .mial_div1 ul li {
        width: 50%
    }

    .fenye ul li {
        overflow: hidden;
        width: auto;
        display: inline-block;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 1px 1px;
        background: #eee;
        float: none;
        border: 1px #ccc solid
    }

    .fenye ul li.on {
        background: #0066c4;
        color: #fff;
        border: 1px #0066c4 solid
    }

    .fenye ul li .disabled {
        width: 50px
    }

    .fenye ul li:first-child {
        width: 50px
    }

    .fenye ul li:last-child {
        width: 50px
    }

    .fenye ul li:hover {
        background: #666;
        color: #fff;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transition: transform .4s;
        -moz-transition: transform .4s;
        -ms-transition: transform .4s;
        -o-transition: transform .4s;
        -webkit-transition: transform .4s
    }

    .fenye ul li:hover a {
        color: #fff
    }

    .fenye ul li a {
        display: block
    }

    .fenye ul li.on a {
        color: #fff
    }
    .jkbox .jk_swi dd {
        margin: 80px auto 0;
    }

    .page-content .page4 li {
        width: 100%;
    }
    .page5 .page-right {
        display: none;
    }
    .page5 .page-left {
        width: 100%;
    }
}

@media (max-width:450px) {
    .head .logo {
        float: left;
        width: 260px;
    }

    .caidan,
    .mtel {
        width: 24px
    }

    .caidan img {
        width: 100%
    }

    .mtel img {
        width: 100%
    }

    .logo img {
        width: 100%
    }

    .head .nav {
        top: 70px
    }

    .head {
        height: 70px
    }

    .jieshao .js_left h3:after {
        height: 0.4rem;
        ;
    }

    .jieshao .js_left h3 {
        margin-bottom: 10px;
    }
}



@media (max-width: 580px) {
    .cont .tis {
        display: inline-block;
        overflow: visible;
        white-space: nowrap;
        text-align: center;
    }

    .cont .tis a {
        /* display: inline-block; */
        display: inline-block;
        margin-right: 2em;
    }
}

@media (max-width: 1200px) {
    .cont .tis {
        overflow: visible;
        min-width: 100%;
        display: inline-block;
        white-space: nowrap;
        text-align: center;
        margin-bottom: 2em;
        padding-top: 0.2em;
    }


    .cont .tis a.hover {
        font-weight: bold;
        color: #0066c4;
    }


    .cont .tis a.hover:after {
        top: calc(100% - 0.58em);
    }

    .cont .tis {
        overflow: visible;
        min-width: 100%;
        display: inline-block;
        white-space: nowrap;
        text-align: center;
        margin-bottom: 2em;
        padding-top: 0.2em;
    }

    .cont::-webkit-scrollbar {
        display: none;
    }

    /* .cont .tis a:not(:last-of-type) {
	margin-right:21%;
}
*/
    .cont .tis a {
        white-space: nowrap;
        display: inline-block;
        /* width: 8em; */
        font-size: 0.22rem;
        padding-bottom: 1.5238em;
        line-height: 1;
        position: relative;
    }

    .cont .tis a.hover:after {
        content: "";
        position: absolute;
        width: 1em;
        height: 1em;
        border-color: #0066c4 #0066c4 #fff #fff;
        border-style: solid;
        border-width: 0.1em;
        top: calc(100% - 0.5em);
        left: calc((100% - 1em) / 2);
        background: #fff;
        transform: rotate(-45deg);
    }

    .navbox {
        height: 100px;
    }
    .navbox .logo {
        height: 100px;
    }

}



@media screen and (max-width:750px) {

    .menu_head ul li span {
        display: inline-block;
    }

    .menu_head ul li:first-child {
        width: 50%;
        text-indent: 0.5em;
    }

    .menu_head ul li {
        width: 50%;
        text-align: left;
        text-indent: 0.5em;
        font-size: 0.22rem;
        line-height: 0.4rem;
    }

    .menu_head {
        height: auto;
        line-height: 36px;
        padding: 10px 0
    }

    .menu_head ul {
        line-height: inherit
    }

    .menu_body {
        padding: 0 10px;
    }

    .jiameng div h3 {
        font-size: 0.4rem;
    }

    .jiameng div p {
        font-size: 0.3rem;
        line-height: 0.4rem;
    }

    .menu_body {
        font-size: 0.22rem;
        line-height: 0.4rem;
    }
    .page12 .page12-item {
        width: 50%;
    }
    .page12 .page12-item:nth-child(2n) {
        border-right: none;
    }
    .page16 .page16-content .page16-item {
        width: 50%;
    }
}



@media screen and (max-width:420px) {

    .menu_head ul li span {
        display: inline-block;
    }

    .menu_head ul li:first-child {
        width: auto;
        text-indent: 0.5em;
    }

    .menu_head ul li {
        width: auto;
        text-align: left;
        text-indent: 0.5em;
        float: inherit
    }

    .menu_head {
        height: auto;
        line-height: 36px;
        padding: 10px 0
    }

    .menu_head ul {
        line-height: inherit
    }

    .jiameng {
        margin: 20px auto;
    }
    .page12 .page12-item {
        width: 100%;
        border-right: none;
    }
    .page16 .page16-content .page16-item {
        width: 100%;
    }
    .page18 .page18-content .page18-item {
        width: 100%;
    }

.page19 .item-flex {
flex-direction: column;
}
.page19 .item-flex img {
width: 100%;
margin-bottom: 16px;
}

.page19 .page19-item {
height: 330px;
}
}

.info-right-bottom {
width: 100%;
}