@charset "utf-8";
.header .m-btn{display:none;width:22px;height:15px;padding:12px;cursor:pointer;margin-top:3px;}
.header .m-btn .box{display:block;width:100%;height:100%;position:relative;}
.header .m-btn .line{display:block;width:100%;height:2px;background-color:#1d1d1d;position:absolute;left:0;transition:width 0.3s ease 0s;}
.header .m-btn .line1{width:12px;top:0;}
.header .m-btn .line2{width:20px;top:6px;}
.header .m-btn .line3{width:16px;top:13px;}


.mnav{position:fixed;right:-100%;width:66%;top:0;z-index:200;height:100%;background-color:#fff;transition: all 0.64s ease 0s;border-left:1px solid #eee;box-sizing:border-box;}
.mnav .navhd{height:44px;background:#1d1d1d;position:relative;}
.mnav .close{position:absolute;top:50%;right:0.164rem;display:block;height:30px;width:30px;margin:-15px 0 0 0;}
.mnav .close:before,.mnav .close:after{position:absolute;left:50%;top:50%;width:16px;height:2px;content:'';background:#fff;margin:-1px 0 0 -8px;}
.mnav .close:before{transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);}
.mnav .close:after{transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}

.navwrap{position:absolute;overflow-y:auto;top:44px;bottom:0;left:0;right:0;}
#mnav{}
#mnav a{position:relative;display:block;height:60px;line-height:60px;border-bottom:1px solid #eee;padding:0 7.8% 0 8.2%;font-size:18px;}
#mnav .hsub{}
#mnav .hsub:after{position:absolute;right:20px;top:50%;content:'';border-top:2px solid #555;border-right:2px solid #555;width:10px;height:10px;-webkit-transform:translate(0px,-5px) rotate(45deg);transform:translate(0px,-5px) rotate(45deg);}
#mnav .hsub:hover:after{border-top-color:#fff;border-right-color:#fff}

#mnav .hsub:hover{background:#1689eb;color:#fff;}

#mnav .sub{position:absolute;right:-100%;width:100%;height:100%;top:0;transition:all 0.44s ease 0s;background:#fff;z-index:2;}
#mnav .sub.show{right:0;}
#mnav .back{background:#1689eb;}
#mnav .back a{color:#fff;padding-left:15%;}
#mnav .back a:after{position:absolute;left:8.2%;top:50%;content:'';border-top:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;-webkit-transform:translate(0px,-5px) rotate(-135deg);transform:translate(0px,-5px) rotate(-135deg);}

.ovh{overflow:hidden;}
.ovh .header{transform: translateX(-66%);}
.ovh .header .m-btn .line{width:100%;}
.ovh .mnav{right:0;transition:all 0.44s ease 0s;}
.ovh .container{transform: translateX(-66%);}
.header,.container{transition:all 0.5s ease 0s;}
@media (max-width: 768px) {
    .w1000{width: inherit}
    #qq{
        display: none;
    }
    .header .m-btn{display: block}
    .hotline{display: none;}
    .header {
        border-bottom: 1px solid #ddd;
        height: 44px;
    }
    .logos{top:8px;left:10px;}
    .logos img{
        height: 28px;
    }
    .mininav {
        top: 15px;
        right: 50px;
    }
    .menubg{
        display: none;
    }
    .menu{
        height: auto;
        border: 0;
        width: 100%;
        padding-bottom: 20px;
    }
    .menu li {
        float: none;
        width: 100%;
        text-align: left;
        font-size: 16px;
        border:0;
        position: relative;
        z-index: 99;
    }

    .menu li a{position:relative;display:block;height:50px;line-height:50px;border-bottom:1px solid #eee;padding:0 20px;font-size:16px;color:#555;}
    .menu li .drop-nav {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        top: 0px;
        left: 0;
        padding:0;
        background: none;
        text-align: left;
        border:0;
    }
    .menu li .drop-nav a{
        padding:0 20px 0 35px;
        border:0;
        border-bottom:1px solid #eee;
        font-size:14px;
        position: relative;
        height: 40px;line-height: 40px;
    }
    .menu li .drop-nav a:after{
        position: absolute;
        content:'';
        left:20px;
        top:calc(50% - 2px);
        width: 5px;
        height: 5px;
        background: #ddd;
        border-radius: 50%;

    }


    .banner{
        margin: 0;
    }
    .nybanner{
        display: none;
    }
    .navigation{
        display: none;
    }
    .news {
        width: 100%;
        float: none;
        padding:0 12px;
        box-sizing: border-box;
    }
    .news .more{margin: 20px auto}
    .pro_mid {
        width: 100%;
        float: none;
        margin:0;
        padding:0 12px;
        box-sizing: border-box;
    }
    .product{
        margin-bottom: 20px;
    }
    .product ul{width: 100%;margin: 0 -5px}
    .product ul li {
        width: calc(33.3333% - 10px);
        height: auto;
        overflow: hidden;
        float: left;
        margin:0 5px;
        display: block;
    }
    .product ul li .photo{
        width: auto;
        overflow: hidden;
        border: 1px solid #ebebeb;
        display: block;
        position: relative;
    }
    .product ul li .photo:after {content: "";display: block;margin-top: 100%;}
    /*.product ul li .photo img{
        width: 100%!important;
        height: auto!important;
    }*/
    .product ul li .photo a{
        display: block;
        position: absolute;
        left:0;top:0;
        width: 100%;height: 100%;
    }

    .hot_pro ul{
        margin: 0;
        padding:0 10px;
    }
    .hot_pro ul li {
        float: none;
        height: 30px;
        line-height: 30px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        background-position: -69px -44px;
        margin: 0;
    }
    .hot_pro h3{
        margin-bottom: 10px;
    }
    .hot_pro .more{margin: 20px auto}

    .solution {
        width: inherit;
        float: none;
        padding:0 12px;
    }
    .solution h3{
        margin-bottom: 20px;
    }
    .solution .cont dl {
        float:left;
        width: calc(50% - 10px);
        margin: 5px;
    }
    .solution .cont .name a{
        display: block;
        white-space: nowrap;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding:0 10px;
    }
    .solution .more{margin: 20px auto 0}

    .frendlinks {
        margin-top: 30px;
        border-top: 1px solid #dadada;
        padding: 12px 12px 0;
    }
    .frendlinks .cont a {
        margin: 0 5px;
        display: block;
        float:left;
        width: calc(25% - 10px);
    }
    .frendlinks .cont a img{width: 100%;}

    .footerbar{
        margin-top: 20px;
        height: inherit;
        overflow: hidden;
    }
    .foot_logo{display: none}
    .footer {
        float: none;
        width: 100%;
        line-height: 18px;
        color: #878787;
        padding: 20px 0;
        text-align: center;
    }

    .side{display: none;}
    .main {
        width: 100%;
        float: none;
    }
    .ny_about{
        padding:20px;
    }
    .ny_news{
        padding:12px;
    }

    .news_detail{
        padding:12px;
    }
    .news_detail .tit{
        height: auto;
    }
    .news_detail .tit h3{
        height: auto;
        line-height: 30px;
        font-size: 18px;
        padding:20px 12px;
    }

    .ny_solution{
        padding:15px;
    }
    .ny_solution ul{
        margin: 0 -5px;
    }
    .ny_solution ul li {
        width: calc(50% - 10px);
        box-sizing: border-box;
        height: auto;
        border: 1px solid #ebebeb;
        padding: 10px;
        margin: 5px!important;
    }
    .ny_solution ul li h3 a{
        height: 40px;line-height: 40px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ny_solution ul li .photo a{
        width: 100%!important;
        height: 100px!important;
        margin: 5px 0;
    }
    .ny_solution ul li .info{
        height: 60px;
        overflow: hidden;
        line-height: 20px;
    }

    .case_detail{
        padding:12px;
    }
    .case_detail .title {
        height: auto;
        line-height: 30px;
        font-size: 18px;
        padding:20px 12px;
    }

    .pro_list{
        padding:12px;
    }
    .pro_list ul{
        margin: 0;
    }
    .pro_list ul li {
        width: 100%;
        height: 132px;
        margin: 12px 0;
        float: left;
        display: inline;
    }
    .pro_list ul li .cont {
        float: none;
        width: auto;
        margin-left: 145px;
    }

    .ny_download{
        padding:12px;
    }
    .ny_download ul li{
        position: relative;
    }
    .ny_download ul li .date{
        display: none;
    }
    .ny_download ul li .down{
        position: absolute;
        top:21px;
        right:0
    }
    .ny_download ul li a:last-child{
        display: block;
        margin-right: 90px;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ny_recruit{
        padding:12px;
    }
    .re_from ul li.re_dy{width: 50%}

    .ny_contact{
        padding:20px;
    }
    img{
        max-width: 100%;
    }

    .pro_detail{
        margin: 0;
    }
    .bigimg{
        float:none;
        width: 100%;
        border:0;
        border-bottom: 1px solid #ebebeb;
    }
    .img_canshu{
        float:none;
        width: 100%;
        margin:10px 0 0;
    }
    .img_text h3{font-size:18px;}
    .simg {
        margin: 10px;
        position: relative;
        width: auto;
        height: 72px;
    }
    .simg .imgul{width: 100%;margin: 0;}

    .tab_intro{margin-top: 10px;}

    .tab_intro .tab_ul li{width: 50%;box-sizing: border-box;margin: 0;}
    .tab_intro .tab_ul li.active{background: #009f35;}

    .tab_intro .tab_cont .tab_con{float: none;width: 100%;box-sizing: border-box;padding:12px;}
}