/*.main-box{
    padding-bottom:50px;
}*/
.proTitle{
    margin-top:50px;
}
.proTitle h1{
    font-size:30px;
    font-weight: 700;
    color:#000;
}
.proTitle span{
    display:block;
    width:200px;
    height:2px;
    background:#000;
    margin:10px auto 10px;
}
.main-box>p{
    color:#af772a;
    font-size:20px;
    margin-bottom:50px;
}
/*正文样式*/
.m_content{
    width:1080px;
    margin:0 auto;
}
.m_content>div{
    width:100%;
    position:relative;
    padding:0 18px 0 25px;
    margin-bottom: 56px;
}
.m_content>div:nth-child(even){
    padding-left:18px;
}
.bg{
    background:#e7e8e9;
    width:100%;
    height:185px;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    z-index:1;
}
.visual{
    display: inline-block;
    vertical-align: middle;
    position:relative;
    z-index:2;
}

.glyphicon.glyphicon-menu-left,.glyphicon.glyphicon-menu-right{
    top:-5px;
    color:#fff;
}
.glyphicon.glyphicon-menu-left{
    left:-5px;
}
.visual ul li{
    width:100%;
}
.visual ul li>a,.visual ul li>div{
    /*display:inline-block !important;*/
    /*vertical-align: middle;*/
    /*border:1px solid green;*/
    vertical-align: top;
}
.visual ul li>div{
    max-width:229px;
}
.m_content>div:nth-child(even) .visual ul li>a,.m_content>div:nth-child(odd) .visual ul li>div{
    float:right;
}
.m_content>div:nth-child(even) .visual ul li>div,.m_content>div:nth-child(odd) .visual ul li>a{
    float:left;
}
.m_content>div:nth-child(even) .visual ul li>div,.m_content>div:nth-child(odd) .visual ul li>div{
    transform: translate(0,50%);
}
.visual ul li>div h2{
    font-size:26px;
}
.visual ul li>div div{
    font-size:14px;
    color:#fff;
    background:#000;
    padding:14px 0 10px;
}
.visual ul li>div div span{
    display:inline-block;
    width:53%;
    line-height: 20px;
    letter-spacing: 1px;
}
.slideControl,.slideControl>div{
    padding:0 !important;
}
.slideControl>div p{
    display: inline-block !important;
    width:5px !important;
    height:5px;
    border-radius: 50%;
    background:#fff;
    vertical-align: middle;
}
.pagination{
    display: inline-block;
    width:auto;
    margin:0 0 0 15px;
    vertical-align: middle;
}
.pagination > li{
    margin-right:15px;
    line-height: 5px;
    width:auto !important;
    float:left;
}
.pagination > li:first-child > a{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > li > a{
    padding:0;
    width:3px;
    height:3px;
    line-height: 0;
    border-radius: 50% !important;
    margin:0;
    float:none;
}
@media screen and (max-width: 778px){
    .proTitle span{
    display:block;
    width:200px;
    height:1px;
    background:#000;
    margin:10px auto 10px;
}
    .m_content{
        width:auto;
    }

    .m_content>div{
        text-align:center;
        padding-left: 0;
    }
    .visual ul li>a,.visual ul li>div{
        display:block !important;
        vertical-align: middle;
    }
    .m_content>div:nth-child(even) .visual ul li>a,
    .m_content>div:nth-child(even) .visual ul li>div,
    .m_content>div:nth-child(odd) .visual ul li>a,
    .m_content>div:nth-child(odd) .visual ul li>div{
        float:none;
        text-align:center;
    }
    .m_content>div .visual ul li>a img{

        margin:0 auto;
    }
    .m_content>div:nth-child(even) .visual ul li>div,
    .m_content>div:nth-child(odd) .visual ul li>div{
        transform: translate(0,0);
        margin:0 auto;
    }
}

.middle_text{
    color: #D2AC67;
}
.visual ul li>div div.mid_bg,.visual ul li>div div.mid_bg div{
    background: #D2AC67;
}


@media (min-width:780px){
    .m_content{
    width:730px;
    margin:0 auto;
}
    .m_content>div>div{
    width:100%;
    }
      .bg{
        height: 135px;
        top: 52%;
    }
    .slides_container li a img{
        width:440px;
        margin:0;
    }
    .visual ul li>div{
        width: 228px;
        max-width:228px;
        margin: 0;
        position: relative;
        right:0;
        top:0;
    }
    .visual ul li>div h2{
    font-size:25px;
}
    .visual ul li>div div{
       height: 85px;
       overflow: hidden;
       padding:0;
    }
    .visual ul li>div div.m_desc span{
        display: block;
           height: 80%;
           line-height: 15px;
           padding-top: 10px;    
         margin:0 auto ;
        text-overflow:ellipsis;
        overflow:hidden;
    }
}
@media (min-width:992px){
    .m_content{
    width:880px;
    margin:0 auto;
}
    .m_content>div>div{
    width:100%;
    }
      .bg{
        height: 155px;
        top:49%;
    }
    .slides_container li a img{
        width:540px;
    }
    .visual ul li>div{
        width: 295px;
        max-width: 295px;
        margin: 0;
 
    }
    .visual ul li>div h2{
    font-size:25px;
}
    .visual ul li>div div{
       height: 95px;
       overflow: hidden;
       padding:0;
    }
    .visual ul li>div div.m_desc span{
        display: block;
           height: 80%;
           line-height: 15px;
           padding-top: 10px;    
         margin:0 auto ;
    }
}
@media (min-width:1100px){
    .m_content{
    width:980px;
    margin:0 auto;
}
    .m_content>div>div{
    width:100%;
    }
    .slides_container li a img{
        width: 580px;
    }
    .visual ul li>div{
        width: 355px;
        height: 140px;
        margin: 0;
        max-width: 355px;

    }
     .bg{
        height: 175px;
    }
    .visual ul li>div h2{
    font-size:30px;
}
    .visual ul li>div div{
       height: 70%;
       overflow: hidden;
       padding:0;
    }
    .visual ul li>div div.m_desc span{
        display: block;
           height:80px;
           line-height: 25px;
           padding-top: 10px;    
       margin:0 auto ;
    }
}
@media (min-width: 1280px){
    .m_content{
    width:1080px;
}
    .m_content>div>div{
    width:100%;
    }
    .slides_container li a img{
        width: 680px;
    }
    .visual ul li>div{
        width: 355px;
        height: 170px;
        margin: 0;
        max-width: 355px;
      
   
    }
    .visual ul li>div h2{
    font-size:45px;
}
    .visual ul li>div div{
       height: 70%;
       overflow: hidden;
       padding:0;
    }
    .visual ul li>div div.m_desc span{
        display: block;
           height: 80px;
           line-height: 30px;
           padding-top: 10px;    
       margin:0 auto ;
    }
    .bg{
        height: 215px;
         top:54%;
    }

}
@media (min-width:1460px){
    .m_content{
    width:1280px;
    margin:0 auto;
}
    .slides_container li a img{
        width: 780px;
    }
    .bg{
        height: 215px;
        top:51%;
    }
     .visual ul li>div{
        width: 455px;
        height: 200px;
        max-width: 455px;   
   
    }

    .visual ul li>div div{
       height: 130px;
    }
    .visual ul li>div div.m_desc span{    
            height: 80%;
           line-height: 30px;       
             font-size: 20px;
    }

}
@media (min-width:1840px){
    .m_content{
    width:1440px;
    margin:0 auto;
}
    .slides_container li a img{
        width: 900px;
    }
    .bg{
        height: 255px;
    }
     .visual ul li>div{
        width: 495px;
        height: 200px;
        max-width: 495px;   
   
    }

    .visual ul li>div div{
       height: 170px;
    }
    .visual ul li>div div.m_desc span{    
           height: 80%;
           line-height: 30px;       
             font-size: 22px;
    }
   
}
.slideControl>div p{
    background: transparent;
}
@media (max-width:768px){
    .visual ul li>div div span{
        width: 70%;
    }
    .visual ul li>div div{
        height:100px;
    }
      .visual ul li>div div.slideControl{
        height: 30px;
        line-height: 30px;
       
      }
      .visual .mid_bg .m_desc{
         position: relative;
         overflow:hidden;
      }
     .visual ul li>div div.slideControl div{
        height:100%;
        position: absolute;
        bottom: -102px;
        left:50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
   
    .slide_rBt,.slide_lBt{
        position: relative;
    }
    .slide_rBt a,.slide_lBt a{
        position: absolute;
    }
    .proTitle{
        margin-top: 15px;
    }
    .proTitle span {
        margin:10px auto;
    }
    .main-box>p{
        margin-bottom: 30px;
    }
  
}
@media (max-width:480px){
    .visual ul li>div div span{
        width: 85%;
        margin:0 auto;
    }
    .visual ul li>div div{
        height:80px;
    }
    .visual ul li>div div.slideControl div{
        height:30px;
        position: absolute;
        bottom: 0px;
       
    }
}