/* < 700px */
@media screen and (max-width: 700px){
    /* 引导页 */
    .welcome{ height: auto; background-size: auto 100%;}
    .welcome .img{ height: auto;}
    .welcome{ width: 100%;}
    .welcome-mask{ width: 100%; height: 2000px;}
    /* */
    html,
    body{ width: 100%; /*overflow: hidden;*/}
    #nav-btn{ display: block; z-index: 100; width: 25px; height: 25px; position: absolute; right: 20px; top:27px; border: 3px solid #787878;}
    #nav-btn .b1{ padding-top: 2px;}
    #nav-btn .b1-1,
    #nav-btn .b1-2,
    #nav-btn .b1-3{ border-top: 3px solid #787878; width: 54%; margin: 3px auto 0;}
    .nav-btn-active,
    .nav-btn-active .b1-1,
    .nav-btn-active .b1-2,
    .nav-btn-active .b1-3{ border-color: #ff0000 !important;}

    /* 框架 */
    .container{ width: auto; padding: 0 20px;}
    .logo{ height: 86px; background: url('images/logo_2.png') center no-repeat; background-size: auto 60px;}
    header{ width: 100%;}
    header .container{ padding: 0;}
    header nav a{ height: 45px; line-height: 45px; width: 50%; font-size: 18px;}
    .lh0 img{ width: 100%;}
    .contact .icon{ display: none;}
    footer{ width:100%;}
    #foot-1{ display: none;}
    #foot-2{ display: block; height: 60px; line-height: 60px;}
    #foot-2 a{ width: 33.3%; text-align: center; color: rgb(170, 170, 170);}
    .copyright{ height: auto; padding: 20px 0;}
    .copyright span{ display: block; height: 20px; line-height: 20px;}
    .contact{ padding: 10px 20px; margin-top: 20px; height: auto;}
    .contact hr{ display: none;}
    .contact .box-list{ width: 100%; margin: 0;} 
    .contact .box-list .line1,
    .contact .box-list .line2{ padding: 0;}
    .contact .box-list .title{ margin-left: 0;}
    .contact .box-list .line2 .item{ word-wrap: break-word;}
    .btn-readmore,
    .btn-readmore:hover{ display: block; text-align: center; background: none repeat scroll 0 0 #000000; border: 0 none; color: #FFFFFF; font-size: 16px; height: 45px; line-height: 45px; margin: 20px 0 20px; text-indent: 0; width: 100%;}
    .page{ display: none;}

    /* 首页banner */
    .index-banner .tab-con .item img{ width: 100%; height: auto;}
    .index-banner .tab-btn{ margin-bottom: 20px;}/*margin: 0 20px 20px;*/
    .index-banner .tab-btn .item{float: left; margin: 10px 0 0 0; width: 33.3%; text-align: center;}
    .index-banner .tab-btn .item img{ max-width: 100%;}
    .index-banner .tab-btn .item .caret{ display: none;}
    /* 列表 */
    .column{ height: auto;}
    .ml-8{ margin: 0;}
    .ml8{ margin: 0;}
    .box-list{ margin-bottom: 10px;}
    .box-list,
    .box-list .img{ max-width: 100%; height: auto; line-height: 0;}
    .box-list .img img{ max-width: 100%; height: auto; border: 0;}
    .box-list .img:hover img{ margin:0 !important; border: 0 !important;}
    .box-list .title,
    .box-list .other{ overflow: hidden; word-break: normal;}
    /* 公用 */
    header .bg-black{  z-index: 100; width: 100%; overflow: hidden; display: none;} 

    /* 服务 */
    .fuwu-tixi .info-1 .active .img img{ margin-top: 0;}
    .fuwu-tixi .info-1 .active .hover-line{ background: none;}
    .fuwu-tixi .info-1 .box-list{ max-width: 50%; margin-bottom: 10px; line-height: 17px}
    .fuwu-tixi .info-1 .box-list .img{ line-height: auto; margin-top:0;}
    .fuwu-tixi .info-2{ display: none;}
    .fuwu-pinpai .box-list .img{ height: auto;}
    .fuwu-pinpai .box-list .img img{ max-width: 100%;}
    .fuwu-pinpai .box-list .intro{ line-height: 20px;}
    .fuwu-pinpai .link{ height: 40px; line-height: 40px; margin-bottom: 20px;}
    .fuwu-lianxi .lianxi .fn-right{ float: left;}
    .fuwu-lianxi .input,
    .fuwu-lianxi .textarea{ overflow: visible; width: 474px; max-width: 100%;}
    .fuwu-lianxi .input input{ margin-bottom: 20px;}
    .fuwu-lianxi .input input,
    .fuwu-lianxi .textarea textarea{ width: 100%; min-width: 0; background: #fafafa; background-image: none; padding-left: 0; word-wrap: break-word;}
    .fuwu-lianxi .textarea{ border: 1px solid #C9C9C9; background: #fafafa; border-radius: 5px;}
    .fuwu-lianxi .textarea textarea{ border:0; margin-left: 10px; width: auto; text-indent: 0; width: 90%;}
    .fuwu-lianxi .btn-submit{ width: 474px; max-width: 100%; margin-bottom: 40px;}

    /* 列表头条 两列 | 案例头条*/
    .headline .box-list{ width: 496px; height: auto;}
    .headline .box-list .img{ width: 496px; height: auto;}
    /* 列表普通 三列 */
    .list .box-list{ height: auto; margin-bottom: 20px;}

    /* 案例-领域*/
    .lingyu .box-list .info{ line-height: 20px;}
    .lingyu .company-list{ line-height: 20px; max-width: 50%;}
    .lingyu .mr20{ margin-right: 0;}
    .lingyu .title1{ margin-bottom: 16px; padding: 11px 0 11px 2px; font-size: 18px; height: 50px; line-height: 50px;}
    .lingyu .title1 .line{ border-left: 2px solid #FF0000; height: 19px; line-height: 19px; margin-right: 6px; margin-top: 1px;}

    /* 洞察 */
    .dongcha .box-list{ margin-top:0;}
    .dongcha .box-list .intro{ line-height: 20px;}
    .dongcha .box-list .info{ display: none;}
    .dongcha .box-list .img{ height: auto;}
    .dongcha .box-list .img img{ border: 0;}
    .dongcha .box-list .btn,
    .dongcha .box-list .btn:hover{ margin: 10px 0 20px; background: #000; color: #fff; border: 0; text-indent: 0; width: 100%; height: 45px; line-height: 45px; font-size: 16px;}
    .dongcha .box-list .title{ word-wrap: break-word; height: auto; font-size:16px; line-height: 25px; padding: 0 0 10px 0;}
    .dongcha .article .title{ height: auto; line-height: 25px; font-size: 16px; padding: 0;}
    .dongcha .comment{ display: none;}
    .dongcha .article{ margin-top: 0;}
    .dongcha .article .info{ line-height: 20px; margin: 5px 0 15px 0;}
    .dongcha .article .fn-left,
    .dongcha .article .fn-right{ float: none;}

    /* 加入 */
    .jiaru{ margin-bottom: 0;}
    .jiaru .box-list{ width: 100%;}
    .jiaru .box-list .info{ line-height: 20px;}
    .jiaru .box-list .img{ height: auto;}
    .jiaru .ca-item{ max-width: 100%; } /* 滚动插件 */
    .jiaru .box-list .another{ width: 100%; margin-bottom: 30px;}
    #zw .pl20{ padding-left: 0;}
    #zw .ml-20,
    #zw .ml20{ margin-left: 0;}
    .except-zhiwei .bg-lightgrey{ background: none; padding: 0 20px;}

    /* 我们 */
    .women{ margin-bottom: 0;}
    .women-banner{ height: auto; margin-top: 0;}
    .women-wenhua{ margin-bottom: 30px;}
    .women-wenhua .box-list .img{ height: auto;}
    .women-tuandui .count .box-list{ max-width: 50%;}
    .women-address{ display: none;}
    .women-address-2{ display: block;}
    .women-address-2 .company{ font-size: 14px; margin-bottom: 20px;}
    .women-address-2 .company .city{ font-weight: bold; color: #000; font-size: 16px;}
    .women-address-2 .company .address,
    .women-address-2 .company .phone{ color: #9f9f9f; height: auto; margin: 0;}

    /* 新闻 */
    .news-title{ display: block;}
    .news-list .img{ display: none;}

    /* 浮动标签 */
    #scroll-submenu{ display: none;}
    .submenu{ margin-top: 0; display: none;}
    .submenu .menus{ display: none;}
    .container .mt-1{margin-top: 0;}
}

/* < 480px */
@media screen and (max-width: 480px){
    /* 我们 */
    .women-tuandui .count .mr16{ margin-right: 0;}
    /*
    .women-tuandui .count .box-list .icon{ height: 40px; margin: 20px 0;}
    .women-tuandui .count .box-list .icon img{ height: 100%;}
    */
    .women-tuandui .count hr{ display: none;}
    .women-tuandui .count .box-list .icon{ margin-bottom: 0; margin-top: 10px;}
    .women-tuandui .count .box-list .title{ height: 60px; line-height: 60px; margin-bottom: 0;}
    .women-tuandui .box-list{ max-width: 50%; height: auto;}
    .women-tuandui .box-list .img{ height: 200px; background: none; width: auto; margin-right: 8px;}
    .women-tuandui .box-list .other{ height: 40px;}
    .women-tuandui .ml53,
    .women-tuandui .ml-53{ margin-left: 0;}
    .women-wenhua .fn-left{ float: none !important;}

    /* 其他 */
    .other-list .img{ display: none;}
}
/* < 330px */
@media screen and (max-width: 330px){
    /* 我们 */
    .women-tuandui .box-list .img{ height: 180px;}
}

/*
.column {
  height: 376px;
  margin: 0 auto !important;
  width: 328px;
  max-width: 100%;
}
*/

