#pro-mian .list a {
    font-size: 14px;
    display: block;
    text-align: center;
}

#pro-mian .list .tu a img {
   height: inherit; 

}

#pro-mian .list {margin-bottom: 20px;
}

#pro-mian .list p {
    margin: 15px 0;
}

.ser-vi .show {
    margin: 0;
}

.service a {
    margin: 0;
}

/* in-mian .pic {
    float: left;
    width: 310px;
    margin-right: 36px;
    position: relative;
    } */

    .in-mian .pic {
        padding: 0 10px;
    }
    .neibanner{background: #ffffff;}

    .in-mian .pic a.hua img {
        height: inherit;
        position: relative;
        /* z-index: 1; */
        max-width: 100%;
    }

    .in-mian .pic a.hua img:hover {
        /* filter : contrast(120%) */
        /* opacity: .6; */
    }

    .in-mian .pic a.hua .gai {
        top: 0;
    }

    .in-mian .pic a.hua {
        /* display: block; */
        height: inherit;
        /* width: 100%; */
    }

    img {
        max-width: 100%;
    }

    .bd ul li {
     padding-top:32%; 
     width: 100%;
     min-width: 100%;
     margin: 0 auto;

     background-size: 100% !important;
 }

 #banner-p ul li {
    height: inherit;
}

.feedback{
    width:100%;
    max-width : 851px;
}
.feedbackfont{font-size: 14px;line-height: 150%;}

.feedback input {
    width:90%;
    max-width : 360px;
    box-sizing: border-box;
}

.feedback textarea {
    width:90%;
    max-width : 430px;
    height: 70px;
    box-sizing: border-box;
}



.news li > a {
    /* font-size: 14px; */
    /* margin-left: 15px; */
    display: inline-block;
    padding: 17px 0;
    /* display: inline-block; */
}
.news li > span {
    display: inline-block;line-height: 50px;
}

.slideBoxbanner .hd {
    width: 100%;
    left: 0 !important;
}

.slideBoxbanner .hd ul{
    text-align: center;
}

.slideBoxbanner .hd ul li{
    float: inherit;
    display: inline-block;
}

.honor{}
.honor img{width: 100%;height: 157px;}
.qq{margin:0 50px;}


@media screen and (max-width:1002px) {
    body {
        min-width: 100%;
    }

    .top-mian {
        width: 100%;
    }

    .slideBoxbanner {
        min-width: 100%;
    }

    .in-mian {
        width: 100%;
    }

    .bd ul li {
        min-width: 100%;
    }

    #banner-p ul li {
        height: inherit;
    }

    .mian {
        width: 100%;
    }

    .position {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .p14 {
        padding: 0 10px;
    }

    .mobile-nbody img {
        max-width: 100%;
    }

    .news {
        padding: 0 10px;
    }

    .news-detail {
        padding: 0 10px;
    }

    .news-detail img {
        max-width: 100%;
    }

    .ser-vi .show {
        padding: 0 10px 5px 10px;
    }

    .content {
        padding: 0 10px;
    }

}


.mainnav .show ul{
    display: block !important;
}

.mainnav .show a span{
    color: #c81a3b;
}

.mainnav .show a span{
    background-image: url(../images/jiao-x.png);
}
.child .btn{float: left;width: 25%;padding:0 0 10px;height: 16px;}



@media screen and (max-width:992px) {
    
    .mobile-nbody{
        padding: 15px
    }
    
    #pro-mian .list .tu a img {
        /* height: 182px; */
    }
}

@media screen and (max-width:768px) {
    .history{margin: 0 20px;}
     .content {
        padding: 0 20px;
    }
    .feedback input{width: 80%;}
    .feedback textarea{width: 80%;}
    .feedback th{padding:0 5px;width: 20%;}
    .child .btn{padding: 10px 10px; border: 1px solid #ccc; border-radius: 25px; display: inline-block; float: left; margin: 0 8px 8px 0; width: auto; height: 41px; /* line-height: 41px; */ box-sizing: border-box;}
    .news li{background-size: 5px;}

    #pro-mian{padding: 30px 0;}
    .news li > span.xiazai{line-height: 100%;margin-bottom: 15px;float: inherit;}
    .feedbackfont{padding: 0 10px;}

    .qq{margin:0 10px;}
    .feedback-form{
        padding: 0 10px;
    }
    
    #pro-mian .prolist{padding:20px;}

    .in-mian .pic a {
        display: block;
    }

    .in-mian .pic * {
        text-align: center;
    }

    .in-mian .pic {
        padding-bottom: 40px;
        margin-bottom: 0px;
        border-bottom: 0px solid;
    }

    .in-mian .pic span {
        border-bottom: 0;opacity: .6;
    }


    .in-mian .more {
        text-align: center;
    }

    .header {
        position: relative;
        z-index: 1000;
    }

    .header .logo {
        position: relative;
        z-index: 1000;
        padding: 10px 0;
        background-color: #161616;
    }

    .header .logo img {
        height: 30px;
        margin-left: 10px;
    }

    .header .top-more {
        position: absolute;
        top: 15px;
        right: 12px;
        z-index: 1002;
    }

    .header .top-more img {
        width: 30px;
    }

    .mainnav {
        position: absolute;
        background-color:#161616;
        width: 100%;
        z-index: 999;
        padding-top: 10px;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        top: -400px;
    }

    
    .mainnav.show {
        top: 45px;
        overflow: hidden;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
    }

    .mainnav ul {
        padding: 0 15px;
    }

    .mainnav li {
        text-align: left;
        margin: 15px 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .mainnav li a {
        color: rgba(255,255,255,.7);
        font-size: 16px;
    }

    .mainnav li.on {
        border-bottom: 2px solid #c81a3b;
    }

    .mainnav li a:hover {
    }

    .mainnav li span {
        background-image: url(../images/jiao-w.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 12px;
    }


    .mainnav .language .home {
        margin-right: 40px;
        width: 80px;
        display: inline-block;
    }

    .mainnav .column2 {
        border-top: 1px solid #333333;margin-top: 10px;
        display: none;       
        padding: 0 0;
        
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
        /* For IE 5.5 - 7 */
        filter: " progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
    }

    .mainnav .column2 li {
        text-align: center;
        border-bottom: 1px solid #333333;
        padding:15px 0px;margin: 0;
    }

    .mainnav .column2 li a {
        font-size: 15px;opacity: .7;
    }

    .mainnav>ul>li:hover .column2 {
        /* display: block; */
    }

    .mainnav .pro-column {
        width: 180px;
    }

    .position span {
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .in-banner{padding-top:50%; }
    .slideBoxbanner{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
    .slideBoxbanner .bd ul li{background-size:123% !important;height: 123%; }
    .slideBoxbanner .hd {
        bottom: 10px;
        /* left: 0 !important; */
    }
    .slideBoxbanner .hd li{}
    .slideBoxbanner #banner-p ul li{background-size: 130%!important;}
    .neibanner{padding-top:21% ;}
    .in-mian{padding: 25px 0 25px;}
    .in-mian .pic p{height: 0;}
    .in-mian .pic strong{padding: 0px 0 10px;}
    .bottom {padding: 20px 0;}
    .bottom span{padding-right: 0px;padding-bottom: 5px;}
    .mian{padding: 30px 0 50px 0;}
    .position{margin-bottom: 0px;padding: 0 20px;}
    .p14{padding: 20px 20px 0;}
    .mainbody{padding: 20px 0 0;}
    .honorbody{padding-top: 20px;}
    .honor{padding: 0 30px;}
    .honor img{height: auto;max-width:225px;}
    


}

.service-index-content {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

.service-index-content .video-banner-button{
    cursor: pointer;
    position: absolute;
    height: auto;
    transform: translateY(-50%);
    background-image : url('');
    width: 8%;
}

.service-index-content > *{
    display: inline-block;
}

.service-index-content .slide-item{
}

.service-index-content .slide-item .tu{
    display: block;
    text-align: center;
    padding: 0 10px;
}

.service-index-content .swiper-button-next , .service-index-content .swiper-button-prev{
    background-image : url('');
}

#mainnav-background-layer{
    position: fixed;
    z-index: 988;
    display: none;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
}

#mainnav-background-layer.show{
    display: block;
}

.guidepart2 .fl {
    /*width: auto;*/
    padding-top: 0;
}

.guidepart2 .fr a {
    margin-left: 60px;
}
.guidepart2 .fr a:first-child {
    margin-left: 0;
}

.guidepart2 .fr {
     /*width: auto; */
}
.guidepart2 .fr > div{
    display: inline-block;
    margin-left: 60px;
}

@media screen and (max-width: 1000px){
    .guidepart2 .fr > div {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .int-sel {
        /*text-align: center;*/
         margin-top: 5px; 
    }

    .guidepart2 {
        text-align: center;
        padding-top: 20px;
    }
}

@media screen and (max-width: 535px){
    .guidepart2 .fr > div{
        width: 48%;
        /*float: left;*/
    }
    .guidepart2 .fr a {
        width: 100%;
        padding-top: 176.4%;
        float: left;
        background-size: 100% 100% !important;
    }
}