﻿

@media screen and (max-width:1700px){
    .footBox .foo_o .nav{
        display: inline-block;
        width: auto;
    }
    .footBox .foo_o .nav .li{display: inline-block;    vertical-align: top;padding-right: 54px;}
    .footBox .foo_o .nav .li a{display: block;}
}
@media screen and (max-width:1500px){
    .w {width: 1250px;}
    .in_fh1 dt {font-size: 30px;}
    .in_us .til .t {
        font-size: 30px;
    }
    .su_cases .on_ma{ width: 89%;}
    .footBox .foo_o {
        padding: 40px 100px;
    }

    .footBox .foo_o .nav .li{padding-right: 26px;}
    .footBox .foo_o .code .li{margin-left: 30px}

}



@media screen and (max-width:1290px){
    .w {width: 1000px;}
    .footBox .foo_o {
        padding: 20px 40px;
    }
    .nfHead-logo{width: 390px;}
    .nfHead .from input {width: 210px;}
    .nfHead .from .iconfont{width: 50px}
    .footBox .foo_o .nav .li{padding-right: 36px;}
    .footBox .foo_o .code .li {
        margin-left: 12px;
    }
    .footBox .foo_o .nav .li {
        padding-right: 4px;
    }
    .footBox .foo_b{padding: 5px 0 ; }
    .performance .swi .im{ width: 145px; height: 145px;}
    .in_fh1 dt {font-size: 24px;}
    .in_us .til .t {
        font-size: 24px;
    }
    .in_fh1 dd {font-size: 16px;}
    .in_o .tex{padding-left: 30px;}
    .in_o {padding: 30px 0;}
    .in_o .tex .te{ margin: 20px 0;}
    .in_news .ne_o .tex .tex_t dl dd {font-size: 22px;}
    .in_us .te{width: 80%;}
    .su_cases .lte .te{padding: 15px 0;}
    .performance .swi .im{    border: 5px solid #eeeeee;}
    .performance .swi .swiper-slide:hover .im{    border: 5px solid #c32a20;}

    .c_news .li .time .day {
        font-size: 48px;
    }
    .c_glsit .li .img{
        line-height: 228px;
        height: 228px;
    }
    .c_glsit .li .img img{max-height: 228px;}
    .in_case .swiper-slide .img{line-height: 228px;height: 228px;}
    .in_case .swiper-slide .li .img img{max-height: 228px;}
    .pnews-detaTop .t {font-size: 20px;}
    .recruit_u .text{ left: 5%;   width: 399px;padding: 0 20px;padding-bottom: 20px;}
    .recruit_u .text .text_til .h1 {font-size: 20px;}
    .recruit_u .text .text_til {padding: 15px 0;}
    .recruit_u .text .code {padding: 15px 0;}
    .recruit_u .text .text-ad {line-height: 30px;}
    .generali .li .te{max-height: 75%;overflow: auto }
    .generali .li .te::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
    }
    .generali .li .te::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }
    .generali .li .te::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 0;
        background: rgba(0,0,0,0.1);
    }
    .generali .li .te{width: 100%}
}
	


@media screen and (max-width:1024px){
    .w {width: 834px;}
    .nfHead .ph dl dd{    font-size: 20px;}
    .nfHead .from input {width: 170px;}
    .nfHead .nfHead-nav li span{ font-size: 16px; padding: 0 20px;}
    .nfHead .he_lin {line-height: 90px;}
    .nfHead-logo {width: 320px;}
    .nfHead .h-on{font-size: 14px;}
    .in_us .list .li{ width: 120px; padding: 15px 0;}
    .su_cases .lte .in_fh1 {padding: 0;}
    .in_fh1 dt {font-size: 20px;}
    .su_cases .lte .te {padding: 10px 0;line-height: 30px;}
    .su_cases {padding: 55px 0 79px 0;}
    .performance .swi .swiper-container_s {padding: 20px 30px;}
    .in_news .ne_o .tex {padding-left: 24px;padding-top: 20px;}
    .footBox .foo_o .nav .li a:first-child{ font-size: 16px; padding-bottom: 6px;}
    .footBox .foo_o .pho .t1{ font-size: 18px; }

}


@media screen and (max-width:834px){
    .menuBtn{display: block;}
    .footBox .foo_o .nav{display: none;}
    .w {width: 95%;}
    .nfHead .nfHead-nav{display: none;}
    .nfHead-logo {width: 215px;}
    .nfHead .from input {width: 140px;}
    .nfHead .ph{ padding-right: 40px;}
    .nfHead .he_lin{line-height: 70px;}
    .su_cases .lte {width: 100%;}
    .su_cases .on_ma{position: relative;}
    .su_cases {padding: 15px 0;}
    .in_news .ne_lis .li{padding: 15px;}
    .in_news .ne_lis .li .te{ margin: 10px 0;}
    .footBox .foo_o {padding: 15px 15px;}
    .performance {padding: 20px 0;}
    .performance .swi .im {
        width: 105px;
        height: 105px;
    }
}



@media screen and (max-width:640px){
    .nfHead .h-on{display: none;}
    .menuBtn{ top: 8px;}
    .nfHead .ph {
        padding-right: 0;
    }
    .nfHead .ph dl dd {
        font-size: 16px;
    }
    .nfHead .ph dl dt {
        font-size: 14px;
    }
    .nfHead .from{ line-height: 30px;}
    .nfHead .from .iconfont{line-height: 30px;width: 30px;}
    .nfHead .from input {
        width: 110px;    height: 30px;
    }
    .nfHead .he_lin {
        line-height: 50px;
    }
    .nfHead .ph img{height: 32px;}
    .nfHead .ph dl{    line-height: 17px;}
    .in_o .img {width: 100%;}
    .in_o .tex{width: 100%;padding-left: 0;}
    .in_o .tex .te {margin: 5px 0;}
    .in_o {padding: 10px 0;}
    .in_us{ padding: 20px 0;}
    .in_us .list .li:nth-child(n+2) {margin-left: 15px;}
    .in_us .list .li {width: 88px;    padding: 10px 0;}
    .in_us .list .li img{transform: scale(0.8);}
    .in_us .te {width: 90%;}
    .performance .swi .t {
        margin-top: 10px;
    }
    .performance .swi .swiper-container_s {
        padding: 0;
    }
    .su_cases .on_ma {
        width: 100%;
    }
    .in_case .swiper-slide .tex{padding: 12px;}
    .in_case .swiper-container_int{ padding: 12px 0;}
    .in_case{ padding: 12px 0;}
    .in_news .cho a:nth-child(n+2), .in_news .cho span:nth-child(n+2) {
        margin-left: 7px;
    }
    .in_news .ne_o .im {width: 100%;}
    .in_news .ne_o .tex {width: 100%;padding-left: 0;padding-top: 10px;}
    .in_news .ne_o .tex .tex_t {
        padding: 10px 0;
    }
    .in_news {
        padding: 10px 0;
    }
    .footBox .foo_o .code{width: 100%;}
    .footBox .foo_o .pho{width: 100%;}
    .c_topli .a_li .li{    margin-right: 10px;}
    .c_topli{line-height: 40px;}
    .generali_cr {padding: 10px 0;}
    .generali .li {width: 100%!important;margin-right: 0!important;margin-top: 15px;}
    .generali .li{height: auto}
    .generali .li:nth-child(11){height: auto;}

    .generali .li:nth-child(3) .bo-im,
    .generali .li:nth-child(5) .bo-im,
    .generali .li:nth-child(8) .bo-im,
    .generali .li:nth-child(11) .bo-im
    {
        position: relative;
        right: 0px;
        bottom: 0px;
    }

    .generali .li:nth-child(3) ,
    .generali .li:nth-child(5),
    .generali .li:nth-child(8) ,
    .generali .li:nth-child(11) {
       padding: 0;
    }

    .c_news .li .time {width: 75px;}
    .c_news .li .tex {
        width: 70%;
        width: calc(100% - 80px);
        padding-left: 10px;
    }
    .c_news .li .time .day {font-size: 27px;}
    .c_news .li {padding: 15px 0;}
    .pPage{padding: 15px 0;}
    .pPage a{    margin: 0 1px;    padding: 0 5px;}
    .c_news .li .tex .h1{    font-size: 16px;line-height: 30px;}
    .c_news_ts {
        padding: 20px 0;
    }
    .c_news_ts .li{width: 100%}
    .c_news_ts .li .t{line-height: 30px;}

.c_texone_lis .li {width: 100%;}
    .c_texone_lis .li .li_te{min-height: unset;}

    .c_texone_lis .li .h1{ font-size: 35px;}
    .c_texone_lis .li{padding: 15px;}
    .c_glsit .li{width: 49%;margin-right: 2%;    margin-top: 15px;}
    .c_glsit .li:nth-child(3n) {
        margin-right: 2%;
    }
    .pnews-detaTop .c span {
        padding: 0 10px;
    }
    .c_glsit .li:nth-child(2n) {
        margin-right: 0;
    }
    .c_glsit .li .tex{padding: 12px}
    .c_glsit .li .img {
        line-height: 110px;
        height: 110px;
    }
    .c_glsit .li .img img{    max-height: 110px;}
    .pnews-detaTop .c{margin-top: 10px}
    .pnews-detaWord{    padding: 10px 0;}
    .recruit_u .text {
        left: 0;
        width: 100%;
        padding: 0 20px;
        padding-bottom: 20px;
        position: relative;
        z-index: 1000;
        top: 0;
        transform: translateY(0%);
        -ms-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0%);
    }
    .recruit_u iframe{height: 320px!important;}
    #mask{height: 300px!important;}
    .contact .contact_c{padding: 0 15px}
    .contact .contact_c .int{width: 100%;    margin-top: 10px;}
    .contact .contact_c .texli{ margin-top: 10px;}
    .contact .contact_c .texli textarea {height: 98px;}
    .contact .contact_c .int_te {padding: 10px 0;}
    .contact .contact_c .int_te .btn {width: 40%;line-height: 40px;}
    .recruit .ul li .li_top span{font-size: 14px;}
    .recruit .til{font-size: 16px;}
    .recruit {padding: 20px 0;}
    .recruit .ul li .li_top {padding: 10px 0;}
    .recruit .ul li .text{    padding: 10px 15px;}
    .recruit .ul li .text .pa {
        padding: 10px 0;
    }

.c_topli .a_li .li{    border-bottom: 2px solid #fff;}
.c_texone_j .im{width:100%;}
.c_texone_j .tex{width:100%;}

.c_textw_list .li{    padding-top: 6px;    width: 80px;    line-height: 32px;    margin: 5px 0;
    height: 80px;    font-size: 14px;}
.c_textw_list .li .h1 {
    padding-top: 0;
}
.c_textw_list .bot{display:none;}

.c_textw_list .li:nth-child(n+2) {
    margin-left: 0;

}

.c_textw_list .li{margin-right: calc((100% - 240px)/2);}
.c_textw_list .li:nth-child(3n){margin-right:0;}
.c_textw_list{    border-bottom: none;padding-bottom: 0;margin-bottom: 0;}

.c_texone {
    padding: 10px 0;
}
.text_bj {
    padding-top: 0;
}
.text_bj .te {padding: 0;}
.c_textw_lis {
    padding: 10px 0;
}
.c_textw_list .li .im img{transform: scale(0.8);}

.in_news .ne_lis .li:nth-child(n+3) {
    margin-top: 18px;
}

.swiper-father .swiper-pagination {
    bottom: 10px;
}
.swiper-father .swiper-pagination-bullet {
    width: 30px;
    height: 4px;}
}


