@import "media.css";
.main .module-cover img{min-height:500px;width:100%;height:100%;}
.main .row .col-xs-9 a:hover{text-decoration: none;}
.main .row .title{  padding:70px 0 0;font-size:27px;margin:0;color:#252729; }
.main .row .title>.more-text{ float:right;font-size:18px;color:#757575;margin-top:7px;cursor:pointer;}
.main .row .title>.more-text .more{margin-right:5px;position:relative;top:2px;}
.main .row .title>.more-text:hover{ color:#ff6600;}
.main .row .title .line{display:inline-block;min-width:50%;height:1px;border:none;background:#ddd;position:relative;top:-9px;left:6px;}
.main .row .title .glyphicon-align-left{margin:0 16px 0 0;width:25px;font-size:24px;position:relative;top:2px;left:-6px;color:#FF6600;background:#fff;  }
.main .row .content{  padding:0 40px; border-left:1px solid #ddd;}
.main .row .content .info-title{margin:30px 0 20px;font-size:19px;background:#ffd9bc;color:#fff;}
.main .row .content .info-title .title-text{display:block;width:100px;text-align:center;padding:2px 0;background:#ff7c53;}
.main .row .content .panel-1 .info-content p{border-bottom:1px dotted #ccc;min-height:30px;line-height:30px;}
.main .row .content .panel-1 .info-content .info-name{vertical-align:top;display:inline-block;width:13%;font-weight:bold;color:#868383;}
.main .row .content .panel-1 .info-content .info-text{display:inline-block;width:87%;}
.main .row .content .panel-2 .info-content p{font-size:16px;margin:0;line-height:29px;}
.main .row .content .panel-3 .info-content p{font-size:18px;}


/*.main .row .content .row .news-title{font-size:26px;height:50px;line-height:50px;border-bottom:3px solid red;margin-bottom:15px;}*/
.main .row .content .row .content-text{padding:0 0 20px;font-size:16px;text-align: left;}
.main .row .content .row .content-text p{margin:0;height:30px;line-height:30px;border-bottom:1px dashed #ccc;color:#686868}
/*.module-2 .row .content-text p .news{color:#686868}*/
.main .row .content .row .content-text p:hover{color:#ff6600;}
.main .row .content .row .content-text p .icon{font-size:14px;width:16px;height:30px;line-height:30px;float:right;}
.main .row .content .row .content-text p .label{vertical-align:top;display:inline-block;margin:7px 0 0 10px;}
.main .row .content .row .content-text p .text{display:inline-block;max-width:75%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.main .row .content .row .content-text p .time{display:inline-block;color:#5e5e5e;vertical-align:top;font-size:14px;height:30px;line-height:30px;margin-right:15px;}

.main .row .content .stepcontainer{height:250px;width:100%;text-align:center;padding:20px 0;margin:30px auto 60px;border-radius:10px;border:1px solid #ccc;background:#fbfbf8;}
.main .row .content .stepcontainer .step{display:inline-block;vertical-align: top;height:210px;width:32%;margin:0 auto;padding:0 15px;}
.main .row .content .stepcontainer .step .title{padding:10px 0 15px;color:#E65130;font-size:22px;border-bottom:2px solid #eee;}
.main .row .content .stepcontainer .step .title span{color:#c7c7c7;font-size:19px;font-style:italic;margin-right:15px;}
.main .row .content .stepcontainer .step .info{margin:0;font-size:14px;height:64px;line-height:64px;}
.main .row .content .stepcontainer .step img{margin:30px 0 0 40px;}
.main .row .content .stepcontainer .step-1{border-right:1px dashed #ccc;}
.main .row .content .stepcontainer .step-2 .info{line-height:32px;}
.main .row .content .stepcontainer .step .btn{font-size:18px;padding:8px 45px;background:#E65130;margin:10px auto 10px;}
.main .row .content .stepcontainer .step-2{border-right:1px dashed #ccc;}
.main .row .content .stepcontainer .step-3{}

#list11 .page-index{margin:30px 0 10px;}
#list11 .page-index .btn{margin:0 5px;padding:6px 15px;}
#list11 .page-index span{margin:10px;}
#list11 .page-index span .btn{border:1px solid #ccc;padding:6px 12px;}
#list11 .page-index .btn-default:hover{background:#1E90FF;color:#fff;}



.nav-float{position:absolute;right:90px;width:200px;}
.nav-float.scroll{position:fixed;top:160px;}
/*#navbarExample{width:100%;position:absolute;top:0;right:0;background:#fff;}*/
.nav-float .nav>li{border-left:2px solid #d6d6d6;position:relative;float:none;}
.nav-float .nav>li .dot{border-radius:50%;width:6px;height:6px;background:#d6d6d6;position:absolute;top:13px;left:-4px;}
.nav-float .nav>li>a{padding:5px 15px;font-size:18px;line-height:140%;}
.nav-float .navbar-default .navbar-nav>.active>a{color:#FF6600;font-weight:bold;background:transparent}
.nav-float .navbar-default .navbar-nav>.active>.dot{background:#FF6600;}
.nav-float .navbar-default .navbar-nav a:hover{color:#FF6600;background:transparent;}

@media screen and (max-width: 1200px){
    .main .module-cover img{
        min-height: 100px;
        height: auto;
    }
    .nav-bar>span,
    .breadcrumb{
        font-size: 1vw;
        padding: 0;
    }
    .container .row>.col-xs-10{
        width: 100%;
    }
    .main .row .title {
        padding: 30px 0 0;
        font-size: 5.2vw;
        margin: 0;
    }
    .main .row .title .glyphicon-align-left{
        /* position: static; */
        margin: 0 10px 0 0;
        font-size: 5.2vw;
        width: auto;
    }
    .main .row .title .line{
        display: none;
    }
    .main .row .title>.more-text {
        font-size: 4vw;
        margin-top: 0;
        display: none;
    }
    .main .row .content .info-title {
        margin: 10px 0;
        font-size: 2vw;
    }
    .main .row .content .info-title .title-text {
        width: 20%;
    }
    .main .row .content{
        padding: 0;
        border: none;
        margin-bottom: 40px;
    }
    .main .row .content,
    .main .row .content .panel-1 .info-content p,
    .main .row .content .panel-2 .info-content p{
        font-size: 1vw;
        line-height: 200%;
        min-height: auto;
    }
    .main .row .content .row .col-xs-12{
        padding: 0;
    }
    .main .row .content .panel-1 .info-content .info-name{
        width: 22%;
    }
    .main .row .content .panel-1 .info-content .info-text{
        width: 78%;
    }
    .main .row .content .panel-2 .info-content .col-xs-3{
        text-align: center;
        margin-bottom: 10px;
    }
    /* .main .row .content .panel-2 .info-content .col-xs-3 img{
        margin: 0 auto;
    } */
    .main .row .content .panel-2 .info-content .col-xs-3,
    .main .row .content .panel-2 .info-content .col-xs-9{
        width: 100%;
    }
    .main .row .content .panel-3 .info-content p{
        font-size: 4vw;
        margin: 0 0 15px;
        line-height: 160%;
    }
    /* 在线咨询和电话号码 */
    .main .row .content .right-ctn .btn{
        font-size: 4vw;
        padding: 0 20px 0 0;
        background-color: transparent;
    }
    .main .row .content .right-ctn .glyphicon{
        font-size: 4vw;
    }
    .main .row .content .right-ctn .glyphicon{
        padding-right: 10px;
        color: rgb(237, 68, 31);

    }
    .main .row .content .right-ctn .glyphicon.glyphicon-phone-alt{
        color: rgb(237, 68, 31);
    }
    .main .row .content .right-ctn .text{
        display: inline-block;
        vertical-align: top;
        margin-top: -2px;
        color: #e07318;
    }
    .main .row .content .right-ctn .text.phone{
        font-weight: bold;
    }
    .main .row .content .right-ctn .text.phone i{
        color: #000;
    }
    .main .row .content .row .content-text p ,
    .main .row .content .row .content-text p .time,
    .main .row .content .row .content-text p .icon{
        font-size: 1vw;
    }
    .main .row .content .row .content-text p .text {
        max-width: 65%;
    }
    #list11 .page-index{
        font-size: 12px;
    }
    #list11 .page-index span .btn,
    #list11 .page-index .btn{
        margin: 0 2px;
        padding: 3px 6px;
    }
    .main .row .content .stepcontainer{
        height: auto;
    }
    .main .row .content .stepcontainer .step{
        height: 140px;
    }
    .main .row .content .stepcontainer .step .btn{
        display: none;
    }
    .footer .content .col-xs-2{
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .main .row .content .stepcontainer .step{
        width: 100%;
    }
}
