@charset 'utf-8';

@media(max-width:1199px) {

    .i-main .i-box2,

    .i-main .i-box3,

    .i-main .i-box4,

    .i-main .i-box5,

    .i-main .i-box6,

    .main .content {

        padding-left: 10px;

        padding-right: 10px

    }

    .i-main .i-tt1 span {

        font-size: 24px

    }

    .i-main .i-tt1 em {

        font-size: 12px

    }

    .i-main .i-about .box1 h3 {

        font-size: 24px

    }

    .i-main .i-pro .list .item {

        width: 23.5%;

        margin: 0 .7%

    }

}



@media(max-width:991px) {

    .i-main .i-case .list li .item .info {

        /*opacity: 1;*/

    }

    .i-main .i-case .list li .item .info .box h4 {

        padding-top: 22%

    }

    .i-main .i-case .list li .item .info .box .txt {

        padding: 1.5rem 0 .3rem 0

    }

    .i-main .i-case .list li .item .info .box .txt::after {

        top: 8%;

        height: 20%

    }

    .i-main .i-case .bx-wrapper .bx-controls-direction a{

        display: block;

    }

    .main .message form {

        width: 100%

    }

    .main .message form .mb20 {

        margin: 0

    }

    .main .message form .txt {

        width: 100%;

        height: 47px;

        line-height: 45px;

        margin-bottom: .2rem

    }

    .main .message form .btn input {

        width: 75%;

        height: 47px;

        line-height: 45px

    }

    .main .pro-list .pro-menu {

        width: 100%;

        margin: 0;

        padding: 0

    }

    .main .pro-list .pro-menu .tt1 {

        margin: 0;

        width: 100%

    }

    .main .pro-list .list {

        width: 100%;

        padding: 0;

        margin-top: .3rem

    }

    .main .pro-list .list ul {

        margin-left: -0.3rem

    }

    .main .pro-list .list ul li {

        padding-left: .3rem

    }

    .main .pro-list .list ul li .img {

        width: 100%;

        height: 4.42rem

    }

}



@media(max-width:767px) {

    .i-main .i-about .i-guide {

        text-align: center

    }

    .i-main .i-about .i-guide a {

        float: none;

        width: 2rem;

        height: 2rem;

        margin: 0 1%

    }

    .i-main .i-about .i-guide a .img {

        height: 1.3rem;

        line-height: 1.3rem

    }

    .i-main .i-about .i-guide a .img img {

        height: 55%

    }

    .i-main .i-about .i-guide a h4 {

        font-size: 12px;

        margin-top: -9%

    }

    .i-main .i-case .list li .item .img {

        height: 5.59rem;

        height: auto

    }

    .i-main .i-news .album-wrap .gallery-top .con {

        height: auto

    }

    .i-main .i-pro .list {

        padding: 0 10px

    }

    .i-main .i-pro .list .item {

        width: 50%;

        height: 3.55rem;

        padding: 0 5px;

        margin: 0 0 .25rem 0

    }

    .i-main .i-pro .list .item .info {

        display: none

    }

    .i-main .i-add ul {

        margin: .3rem 0

    }

    .i-main .i-add ul li {

        padding-left: 13%;

        line-height: 45px;

        height: 45px

    }

    .main .menu {

        position: relative

    }

    .main .menu .tt1 {

        position: relative;

        display: block;

        height: 45px;

        line-height: 45px;

        text-align: left;

        padding: 0 10px;

        font-size: 18px;

        background: #ebebeb;

        color: #fff;

        background: #e70012

    }

    .main .menu .tt1.cur::after {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg)

    }

    .main .menu .tt1::after {

        position: absolute;

        content: '';

        right: 0;

        width: 38px;

        height: 38px;

        background: url(../images/menu_icon.png) no-repeat center;

        background-size: auto auto;

        background-size: 50% 50%;

        -webkit-transition: transform 300ms ease 0s;

        transition: transform 300ms ease 0s

    }

    .main .menu ul {

        display: none;

        position: absolute;

        z-index: 1;

        width: 100%;

        top: 45px;

        left: 0;

        height: auto;

        line-height: 45px

    }

    .main .menu ul li {

        width: 100%;

        border-bottom: 1px solid #fff

    }

    .main .menu ul li a {

        display: block

    }

    .main .menu ul li a::after {

        display: none

    }

    .main .news-list li .img,

    .main .news-list li .info {

        width: 100%

    }

    .main .news-list li .img {

        height: auto

    }

    .main .news-list li .info {

        padding: 0

    }

    .main .news-list li h3 {

        padding: .2rem 0

    }

    .main .news-list li .date {

        padding-top: .2rem

    }

    .main .news-info .tt1 {

        text-align: center;

        line-height: 30px

    }

    .main .news-info .tt1 .date .fl {

        display: block;

        float: none

    }

    .main .news-info .tt1 .date .bdshare-button-style0-16 {

        display: table;

        margin: 0 auto!important

    }

    .main .join-list .join-head li {

        font-size: 12px

    }

    .main .join-list .join-body li {

        font-size: 12px;

        width: 19%

    }

    .main .join-list .join-body li:first-child {

        width: 24%

    }

    .main .pro-info .pro-l {

        width: 100%

    }

    .main .pro-info .pro-l .pro-detail-slider li img {

        height: auto

    }

    .main .pro-info .pro-l .bx-pager-wrap,

    .main .pro-info .pro-l .sl-control {

        display: none

    }

    .main .pro-info .pro-l .bx-wrapper .bx-pager.bx-default-pager a {

        background: #999

    }

    .main .pro-info .pro-l .bx-wrapper .bx-pager.bx-default-pager a.active,

    .main .pro-info .pro-l .bx-wrapper .bx-pager.bx-default-pager a:focus,

    .main .pro-info .pro-l .bx-wrapper .bx-pager.bx-default-pager a:hover {

        background: #e70012

    }

    .main .pro-info .pro-r {

        width: 100%;

        padding-left: 0

    }

    .main .pro-info .pro-r .tt1 {

        height: 50px;

        line-height: 50px;

        color: #e70012;

        border-bottom: 1px solid #ebebeb

    }

    .main .pro-info .pro-con ul li {

        width: 110px;

        height: 35px;

        line-height: 35px

    }

    .main .case-list ul {

        margin-left: -0.2rem

    }

    .main .case-list ul li {

        padding-left: .2rem

    }

    .main .case-list ul li a .img {

        height: 4.05rem

    }

  .fix_case {

    width: 90%;

    height: auto;

    padding: 15px;

  }

  .fix_case li .box-w{

      max-height: 425px;

      overflow: auto;

  }

  .fix_case li .img {

    width: auto;

    height: auto;

  }

  .fix_case li .info {

    width: 100%;

    padding-left: 0;

    height: auto;

    overflow: auto;

  }

  .fix_case li .info h3 {

    font-size: 20px;

    padding: .3rem 0 .2rem 0;

  }

  .fix_case li .info .li30 {

    font-size: 14px;

    /*min-height: 180px;

    max-height: 250px;

    overflow-y: auto;*/

  }

  .bx-wrapper .bx-controls-direction a {

    display: none;

  }

}