@charset "utf-8";
@media only screen and (max-width: 1200px) {
    .main{
        width: 1000px;
    }
    .head .contact .tel{display: none;}
    /* index */
    /* merit */
    .merit .mer-l{
        width: 50%;
    }
    .merit .mer-text h2{
        font-size: 32px;
    }
    .merit .mer-r{
        width: 48%;
    }
    .merit .mer-r ul li{
        width: 40%;
        padding: 10px;
    }
    /* index-about */
    .index-about .a-content h3{
        font-size: 48px;
    }
    .index-about .a-content h4{
        font-size: 32px;
        margin: 10px;
    }
    /* strength */
    .strength .str-text{
        width: 60%;
    }
    .strength .str-img{
        margin-top: -20px;
    }
    .strength .str-data em{
        width: 50px;
        height: 50px;
        background-size: 100%;
    }
    .strength .str-data em span{
        line-height: 60px;
        font-size: 12px;
        color: #ff6700;
    }
    .strength .str-data ul li p b:before{
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin:0;
    }
    /* index-news */
    .index-news ul li .news-cont .news-text h2{
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .index-news ul li .news-cont .news-text p.info{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .about-us .abo-l{width: 100%;}
    .about-us .abo-r{margin-top: 40px; width: 100%;}
    
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
    .main{
        width: 940px;
    }
    /* merit */
    .merit .mer-l {width: 42%;}
    .merit .mer-r {width: 56%;}
    /* index-about */
    .index-about .a-content h4{font-size: 24px;}
    .index-about .a-content h3{font-size: 42px;}
    .index-about .a-content p{line-height: 35px;}
    /* case-art */
    .blogs{width: 65%;}
    .article{width: 65%;}
    .r-box{width: 33%;}
}
@media only screen and (max-width: 959px) {
    .main{
        width: 96%;
    }
    /* head */
    .header_top{
        display: none;
    }
    .head .f-l {
        float: none;
    }
    .head .contact{
        float: none;
        position: absolute;
        top: 0;
        left: 50%;
        transform:translateX(-50%);
        justify-content: center;
    }
    .head .contact .tel{display: block;}
    #mnavh { display: block; top: 0; position: fixed; right: 0; }
    #mnavh.open:after { position: fixed; width: 40%; height: 100%; content: ""; right: 0; top: 40px; }
    nav {width: 100%; background: none; height: auto; padding-left: 0; margin-top: 0; position: absolute;left: 0;z-index: 9;}
    .logo img { height: 40px; margin-left: 10px }
    nav #starlist { width: 100%; background: rgba(0,0,0,0.7); overflow: hidden; }
    #starlist { display: none }
    #starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; font-weight: normal; }
    #starlist li svg{left: 10px;}
    #starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; font-size: 15px; }
    #starlist li:nth-child(1) { border-top: #eee 1px solid; }
    #starlist li.menu a{padding: 0;}
    #starlist ul.sub { background: #fff; width: 100%; display: block;padding: 0; opacity: 1; transition: none; }
    #starlist ul.sub:before { display: none }
    #starlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px; border-top: none; height: 40px; background: none; font-size: 14px; }
    #starlist ul.sub li:first-child { border-top: #eee 1px solid; }
    #starlist ul.sub li a { display: block; width: auto; color: #000; }
    #starlist li a:hover, #starlist ul.sub li a:hover { color: #012684 }
    .menu:after { width: 26px; height: 22px; content: ""; background: url("../images/jiantou.png") no-repeat; background-size: 16px; display: block; }
    .menu:after { top: 20px; right: 6px; border-color: transparent; }
    .menu:hover:after { transform: none; }
    .menu span { display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
    #starlist li:last-child { padding-bottom: 100%; }
    #starlist ul.sub li:last-child { padding-bottom: 0 }
    #starlist li:hover ul.sub:before { display: none }
    #starlist li:hover::before{width:100%;left:0;}
    /* footer */
    .footer .ent-info ul li{margin: 0 10px;}
    .merit .mer-r ul li{
        padding: 10px;
        margin-top: 10px;
    }
    .footer{margin-bottom: 40px;}
    .phone-d{display: block;}
    .phone {width: 100%;position: fixed;bottom: 0px;height:40px;background: #fff;z-index: 999;}
    .phone ul li {width: 23%;margin:0 1%;float: left;text-align: center;}
    .phone ul li i {width: 20px;height: 20px;color: #eb5a32;font-size: 18px;}
    .phone ul li p{font-size: 12px;line-height: 10px;}
    /* index*/
    .slider-arrow {width:25px;height:25px; line-height:25px;}
    .slider-nav__item{width:8px;height:8px;}
    /* service */
    .service ul li{width: 43%;}
    /* case */
    .case ul li{flex:auto;width: 31.333%;}
    .case ul li .a-title h3 {width:100%;padding:0 5px;font-size:12px;}
    
    /*.case ul li:last-child{display: none;}*/
    .index-about .a-title h4 i::after{
        width: 100%;
    }
    /* merit */
    .merit .mer-l{width: 100%; margin-bottom: 10px;}
    .merit .mer-text{text-align: center;}
    .merit .mer-icon{float: none; margin: 0 auto;}
    .merit .mer-r{width: 100%;}
    /* index-about */
    .index-about{margin-bottom: 0;}
    .index-about .a-content .left{width: 100%; margin-bottom: 20px;}
    .index-about .a-content .right{width: 100%;}
    /* strength */
    .strength{}
    .strength .str-text{width: 100%;}
    .strength .str-img{margin-top: 0; width: 96%;}
    .strength .str-data ul li{width: 48%; margin: 2% 0.5%;}
    .strength .str-data .str-b b{font-size:18px;}
    .strength .str-data em{width: 80px; height: 80px;}
    .strength .str-data em span{font-size: 18px;line-height: 85px;}
    /* message */
    .box-group{width: 90%;}
    .box-group .left-group{
        width: 200px;
        height: 100%;
        top: 0;
        left: 0;
        padding: 10px;
    }
    /* index-news */
    .index-news ul li{width: 98%;}
    .index-news ul li .news-cont .news-text p.info{white-space:initial;}
    .blogs_list h2{font-size: 16px;}
    .blogs_list p{font-size: 12px;}
    .cra-bg{background: rgb(0,0,0,0.4) url(../images/cra-bg.png) no-repeat right;}
    .caizhi-bg{background: rgb(0,0,0,0.2) url(../images/caizhi-bg.png) no-repeat right;}
    .cra-text{padding: 20px; color: #fff;}
    .cra-text h2{color: #fff;}
    .ridge ul li i{width: 150px; height: 150px;}
    .spine ul li{width: 32%; margin: 0.5% 0.5%;}
    /* case */
    .flowbox-title p{font-size: 14px;}
    .flowbox-title h2 {
        overflow: auto;
        white-space: normal;
    }
    .flowbox-img .c-video-but{display: block;}
    .blogs{width: 100%;}
    .pagination{width:100%; display:fixed;}
    .pagination li {line-height:35px; padding:0 5px;}
    .pagination li a{padding: 2px; border-radius:2px;}
    .article{width: 100%;}
    .r-box{display: none;}
    .greet .gre-l{width:100%}
    .greet .gre-l .tel{width: 180px;}
    .greet .gre-r{width:100%}
    .greet .gre-r p{line-height: 35px;}
    .about-us .abo-l h3{font-size: 20px;}
    .about-us .abo-r h2{font-size:18px;}
    .message .mes-l{width: 100%;}
    .message .mes-r{margin-top: 20px; width: 100%;}
}
@media only screen and (max-width: 768px) {
     /* fooert */
    .footer .ent-info{width: 100%;}
    .footer .contact-us{float: left; width: 48%; text-align: left;margin-left: 0;}
    .footer .contact-us .but{float: left; width: 100px;}
    /* index-about */
    .index-about .a-content p{line-height: 35px;}
    .ridge ul li{width: 48%; margin-bottom: 10px;}
    .spine ul li{width: 48%;}
    /* case */
    .flowbox-title p{font-size: 13px;}
    .relevant ul li{width: 48%;}
    .cover ul li{width: 19.5%;}
    .cover .clo-case li{width: 48%; margin: 10px 1%;}
    .cover .clo-case li:nth-child(2n-1){margin-left: 0;}
    .paper ul li{width: 48%; margin: 10px 1%;}
    .urge .urge-contact .urge-contact-s{height: 30px;}
    .urge .urge-contact .urge-contact-s h6{display: none;}
    .urge .urge-contact .urge-contact-s p{display: none;}
    .greet .gre-l .tel{width: 155px;}
    .greet .gre-r h3{font-size: 18px; padding:0 5px;}
    .greet .gre-r p{font-size: 16px;  padding:0 5px;}
    .mode ul li{width: 46%; margin: 1%;}
    .article article section .ca-video-but{position: relative; left: 0; top: 10px; display: block;}
}

@media only screen and (max-width: 640px) {
    .box-group .left-group{display: none;}
    .box-group .right-group{padding: 10px;}
    .index-news ul li .news-cont .news-text p.info{white-space:nowrap;}
    .head .contact{display: none;}
    .daohang{width: 100%;}
    .sear-r{width:100%; float:left; margin-top:10px;}
    .sear-r .search{float:left;}
    .blogs_list i{width: 150px; height: 100px;}
    .blogs_base{margin: 10px 0 0 0;}
}
@media only screen and (max-width: 480px) {
   /* footer */
    .footer .contact-us{margin-left: 0;}
    .footer .contact-us .tel{font-size: 16px;}
    .flowbox-title p{font-size: 12px;}
    /* service */
    .service ul li{width: 40%;}
    .merit .mer-text h2{font-size: 18px;}
    .merit .mer-text .mer-tel span{font-size: 20px;}
    .merit .mer-icon{width: 100%;}
    .merit .mer-r ul li{width: 100%;}
    .index-about .a-content h3{font-size: 20px;}
    .index-about .a-content h4{font-size: 18px;}
    .strength .str-img{padding: 0;border:0;border-radius: 0;}
    .strength .str-text h2{font-size: 20px; line-height:0;}
    .index-news ul li .news-cont i{display: none;}
    .index-news ul li .news-cont .news-text{width: 100%;}
    .cra-bg{background: rgb(0,0,0,0.7);}
    .cra-text{padding: 5px; width: 100%;}
    .cra-text h2{font-size: 16px;}
    .cra-text ul{margin: 10px;}
    .cra-text ul li{width: 100%; margin: 5px 0;}
    .ridge ul li{width: 100%;}
    .spine ul li{width: 98%;}
}
@media only screen and (max-width: 320px) {
    /* index */
    .service ul li{width: 38%;}
    .case ul li{width: 98%;}
}