/*关于我们响应式布局*/
#cd-lateral-nav {
    display: none;
}
.contact_tips{
    text-indent:2em;
    margin-top:20px;
    padding:0 15px;
    color: #bc0009;
}
.about-txt .more span{
    display:none;
}
.tousu{
    margin-left: 50%;
    float:right;
    margin-top:20px;
    margin-right: 5%;
}
.tousu a{
    color:#818181;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.form-input{
    width:410px;
}
.about-section{
    background: url(../images/about-bg_02.png) repeat-x top center;
}
.phone_banner{
    background: url('../uploads/news/5a555f4609ec3.png') #fff no-repeat;
    background-size:100% 100%;
    width:100%;
    height: 200px;
    display:none;
}
.head.clearfix{
    display:none;
}

.bottom{
    display:none;
}
header{
    display:block;
}

@media screen and (max-width: 1024px) {
    .head{
        width: 80%;
        margin: 0 auto;
        display:block;
    }
    .nav_pc ul{
        width:50%;
    }
    .nav_pc a {
        display: inline-block;
        margin: -1px 18px 0 20px;
        line-height: 55px;
        border-top: 1px solid #e7e6e3;
        color: #818181;
    }
    /*.container{*/
        /*display:none;*/
    /*}*/
    /*内容部分*/
    .about-section{
        background: #fff;
        min-height: 50px;
    }

    .footer{
        width:100%;
    }
    .links ul{
        width:12%;
    }
    .row declare p{
        width:50%;
    }
    .row declare ul{
        width:50%;
    }
    .row declare p.copy{
        width:100%;
        clear: both;
    }
    .address-phone{
        display:none;
    }
}

.prev{display:none;}
.next{display:none;}
/*切换到手机端页面显示*/
@media screen and (max-width: 720px) {
    .prev{
        display:block;
        background:red;
        float:left;
        width:24%;
        position:relative;
        left:10%;
        line-height: 32px;
        text-align: center;
        color:#fff;
        border-radius: 5px;
    }
    .next{
        border-radius: 5px;
        display:block;
        background:red;
        float:right;
        width:24%;
        position:relative;
        right: 10%;
        line-height: 32px;
        text-align: center;
        color:#fff;
    }

    .news-title li:first-child
    {
        display: block;
        color:#000;
    }
#to_top{
    position: fixed;
    bottom:90px;
    right: 10px;
    display: block;
    width: 54px;
    height: 54px;
    z-index:99;
}
    /*留言板*/
    .interaction{
        width:100%;
        box-shadow: none;
        padding-bottom: 0;
    }
    .interaction-content{
        width:100%;
        margin:0;
        padding:0;
    }

    .interaction-address{
        width:100%;
        /*text-align:center;*/
        background: none;
        height: 50px;
        font-size:16px;
        line-height:50px;
        background: url(../images/home_03.png) no-repeat 5px 20px;
    }
    .comment{
        margin:0;
        padding:0;
    }
    .contact_tips{
        text-align: justify;
    }
    .comment form{
        box-shadow: none;
    }
    .user-img{
        position:relative;
    }
    .user-img img.img{
        width: 45px;
        height: 45px;
        background-size: 100% 100%;
        margin-left: 2em;
    } 
    .form-input{
        margin:auto;
        width:100%;
    }
    .comment input, .comment textarea{
        width:100%;
    }
    /*评论*/
    .user-message{
        width:100%;
    }
    /*PC页面内容页左侧列表栏消失*/
    .head.clearfix{
        display:block;
    }
    #cd-lateral-nav {
        display: block;
        height: 200px;
        background: #000;
    }
    .header {
        display: none;
    }
    .nav {
        display: none;
    }
    .about-title{
        display:none;
    }
    .about{
        background: #fff;
    }
    .nav ul{
        width:50%;
    }
    .nav a {
        display: inline-block;
        margin: -1px 18px 0 20px;
        line-height: 55px;
        border-top: 1px solid #e7e6e3;
        color: #818181;
    }
    /*内容部分重新布局*/
    .new-title{
        width:100%;
        text-indent:1em;
        padding: 0 10px;
        line-height: 30px;
    }
    #news-row{
       width:100%;
    }
    .new-time{
        text-indent: 2em;
    }
    .news-title li{
        width:100%;
        height: 70px;
        border-bottom: 12px solid #f4f4f4;
    }
    .news-title a{
        width:100%;
        text-align:left;
        text-indent:0.5em;
    }
    .messagelist span{
        width:27%;
    }
    .about-section{
        padding-top:10px;
    }
    .new-detail{
        width:100%;
        display:none;
    }
    .new-detail p{
        width:100%;
        margin:auto;
    }
    .phone_banner{display:block;}
    .new-detail .new-txt{
        width:100%;
    }
    .address{
        display:none;
        height: 0;
    }
    .about-section{
        background: #fff;
        padding-top: 0;
    }
    .news-title a{
        font-size:16px;
        height:100%;
    }
    .news-title span.title{
        display: block;
        height: 30px;
        line-height: 30px;
         /*float: left;*/
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;

    }
    .news-title span.time{
        display: block;
        height: 30px;
        line-height: 30px;
        float: right;
        margin-right: 10px;
    }
    .about-txt{
        margin-top:0;
    }
    .about-txt embed{ width: 100%!important; height: auto!important; }

    .about-txt img{ max-width:100%!important; max-height:100%!important; height: auto!important; }

    .about-txt div{ width:100%!important; }

    .about-txt div.more{
        width: 92%;
        height: 50px;
        line-height: 50px;
        background: #bc0009 no-repeat center center;
    }
    .about-txt div.more span{
        display:block;
        color:#fff;
        width:100%;
        font-size:22px;
        text-align: center;
    }
    .about-content .address-phone{
        display:block;
        text-align:center;
        line-height: 50px;
    }
    .about{
        width:100%;
        min-height: 50px;
    }
    .about-content{
        margin-left:0;
        height: auto;
        margin-top:0;
        width:100%;
        min-height: 50px;
    }
    .about-content .address span{
        display:block;
    }
    .messagelist{
        width: 100%;
    }
    .messagelist a{
        width: 38%;
        text-indent: 10px;
        /*margin-left: 5%;*/
    }
    .messagelist span{
        text-align: center;
    }
    /*.about-txt li a{
        text-align: center;
    }*/
    /*尾部消失*/
    .footer{
        height: 0;}
    .container-fluid .line{display:none;}
    .container-fluid .row .links{display: none;}
        /*.row declare*/
    .row{
        display:none;
    }
    .bottom{display:block;width:100%; }
    .hr-group{
        width:100%;
        min-height: 980px;
    }
    .hr-group .rcln{
        width:95%;
        background-size:100% 100%;
        background: url('../images/rcln.jpg') #fff no-repeat center top;
        margin-bottom:30px;
    }
    .user-message{
        padding-left: 2em;
    }
    .hr-group .shzp{
        width:95%;
        background-size:100% 100%;
        background: url('../images/shzp.jpg')  no-repeat center top;
        margin-bottom:30px;
    }
    .hr-group .xyzp{
        width:95%;
        background-size:100% 100%;
        background: url('../images/xyzp.jpg') no-repeat center top;

    }
    .me-form-sub .sub{
        text-align: center;
    }
    .messages label{
        width:100%;
        text-indent:25px;
        text-align:left;
    }
    .me-form-row .prov1, .me-form-row .prov2{
        width:100%;
    }
    .me-form-row:last-child{
        height: 80px;
    }
    .me-form-sub .sub{
        margin-top:30px;
    }
    .messages input, .cont-row textarea,.messages input, .messages .me-type, .cont-row textarea{
        width:100%;
        float:right;
    }
    .me-form-row .yzm{
        width:72%;
        float:left;
        display:inline-block;
    }
    /*地图页*/
    .enter a{
        margin-right: 30%;
    }
    .about-txt p{
        text-indent: 0;
        width:80%;
        margin:auto;
    }

    /*投诉建议*/
    .messages-img{
        display:none;
    }
    .messages label#ts {
        height: 45px;
        line-height: 45px;
    }

    .me-form-row .yzm-i{
        width:28%;
    }
    .me-form-sub .sub span{
        margin-right: 40%;
    }

}
@media screen and (max-width: 380px){
    .touchus .t-type{
        width:98px;
    }
}
@media screen and (max-width: 360px){
    .city li{
        width:90px;
    }
}