@charset "utf-8";
@media only screen and (max-width: 1400px) {
    .main{width: 1200px;}
}
@media only screen and (max-width: 1200px) {
    .main{width: 1000px;}
    
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
    .main{width: 940px;}
    .head .contact .hbut{display: none;}
}
@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: 55%;
        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 }
    #starlist ul.sub{position: relative;}
    #starlist li:hover ul.sub{top:0;}
    .sub-list{position: relative; flex-wrap: nowrap;flex-direction: column;}
    .sub-list img{display: none;}
    .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;}
    .head .contact .search-but{display: none 
        ;}
    .head .contact .hbut{display: none;}
    /* footer */
    .f-service ul li{width: 18%;}
    .f-service ul li i{font-size: 24px;}
    .f-service ul li p{font-size: 12px;}
    .f-content{display: block; overflow: hidden;}
    .f-content .w7{width: 100%;}
    .f-content .w2{width: 50%; float: left;}
    .f-content .w1{float: right;}
    /* list */
    .list-banner img.list-bannerpc{display: none;}
    .list-banner img.list-bannerm{display: block;}
    .list-nav ul{flex-wrap: wrap;}
    .list-nav ul li{width: auto; margin-top: 10px; padding: 5px 0.5%;}
    .list-nav ul li a{font-size: 14px; padding: 5px 1%;}
    .list-nav ul li.menu{padding-right: 35px;}
    .list-nav ul li.menu:after{top:12px;right: 0;}
    .content li{width: 48%;}
    .content .text p {font-size: 14px;}
    .content .text h2{font-size: 12px;}
    .column-news{flex-wrap: wrap;}
    .news-content{width: 98%; margin-top: 20px;}
    .column-contact .column-contact-s h6{font-size: 16px;}
    .column-contact .column-contact-s p{font-size: 14px;}
    .column-contact .column-contact-s .btn{position: relative;top: auto;bottom: 0;right: 0; margin-top: 10px;}
    .pagelist li{margin-top: 10px;}
    /* news */
    .news .box{float: none; width: 100%;}
    .news .sidebar{display: none;}
    .news .container{padding: 10px;}
    .news .snav{flex-wrap: wrap; }
    .news .snav li{margin-top: 10px;}
    .blogs_list i{width: 198px; height: 132px;}
    .blogs_list h2{white-space: wrap;}
    /* about */
    .contact-info{width: 100%;}
    .contact-form{width: 100%;}
    .contact-form input{width: 80%;}
    .contact-form textarea{width: 80%;}
    /* 文章 */
    .left-menu{display: none;}
    .article-sidebar{display: none;}
    .articlebox-content{float: none;width: 100%;}
}
@media only screen and (max-width: 768px) {
    .blogs_list i{width: 186px; height: 124px;}
}

@media only screen and (max-width: 640px) {
    .blogs_list h2{font-size: 16px;line-height: 24px;}
    .blogs_base .color3{display: none;}
}
@media only screen and (max-width: 480px) {
    .blogs_list i{width: 165px; height: 110px;}
}   
@media only screen and (max-width: 320px) {
   
}