.banner img{
    width: 100%;
}

/*二级导航*/
.e_nav{
    padding: 50px 0 0 0;
}
.e_nav li{
    width: 246px;

    background: url("../images/index/dh_bg.png")no-repeat;
    padding: 5px;
}
.e_nav li a{
    display: block;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    color: #b14938;
}
.e_nav a:hover{
    background-color: #b34d3b;
    color: #ffffff;
}

/*一级标题*/
.title{
    margin-bottom: 30px;
}
.title p{
    display: block;
    height: 31px;
}
.title .tit{
    overflow: hidden;
    line-height: 37px;
}
.title .tit h4{
    display: inline-block;
    font-size: 30px;
    position: relative;
}

.title .tit .lin{
    width: 70%;
    height: 1px;
    background: #b14938;
    margin-top: 18px;
    position: relative;
    /*margin-right: 22px;*/
    /*margin-left: 35px;*/
}
.title .tit .lin:after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #b14938;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: -3px;
}
.title .tit .lin:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #b14938;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: -3px;
}

.title .tit .more{
    text-align: right;
    font-size: 16px;
    position: relative;
}




/*第一块*/
.one{
    padding: 80px 0;
}
.one .wp{
    background: url("../images/index/one_0.png")no-repeat -48px -44px;
}

.one .focusMain{ width:555px; position:relative; }
.one .focusArea{ width:555px;height:449px; position:relative;}
.one .focusCon{ width:555px; position:absolute; top:0;}
.one .focusItem{
    width:555px; height:435px;
    display:none; position:absolute; top:0; left:0;
    margin-top: 14px;
}


.one .focusBtn{
    display:block;
    position:absolute;
    z-index: 9;
    bottom: 115px;
    right:0;
    width:54px;
    height:28px;
    line-height: 28px;
    cursor:pointer;
    color: #ffffff;
    text-align: center;
    background: #b44d3b;
}
.one .focusPrev{
    right: 54px;

}
.one .focusNext{
    background-color: #e38273;
}

.one .l_lb .img{
    height: 308px;
    position: relative;
}
.one .l_lb .img img{
    height: 100%;
    width: auto;
}

.one .l_lb .img .bq{
    position: absolute;
    left: 0;
    top: -14px;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 177px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: #ffffff;
    background: -webkit-linear-gradient(90deg,#b24a39, #e38173); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(90deg,#b24a39, #e38173); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(90deg,#b24a39, #e38173); /* Firefox 3.6 - 15 */

    background: linear-gradient(90deg,#b24a39, #e38173); /* 标准的语法（必须放在最后） */
}



.one .l_lb dd{
    margin: 0 auto;
    position: relative;
    min-height: 127px;
    padding: 15px 18px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.17);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.17);
}
.one .l_lb dd h4{
    font-size:16px;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    margin: 5px 0;
}
.one .l_lb dd h4 a{
    color: #b14938;
}

.one .l_lb dd span{
    font-size: 14px;
    line-height: 24px;
    padding-left: 25px;
    background: url("../images/index/one_1.png")no-repeat left center;
}
.one .l_lb dd p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    height: 40px;
}




.one .news{
    width: 800px;
}

/*一级标题*/
.one .news .title .tit .lin{
    width: 46%;
}

.one .news .title .tit .botton {
    width: 86px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 126px;
}


/*多图轮播*/
.picbox {
    width:800px;
    height:356px;
    overflow:hidden;
    position:relative;
}
.picbox ul {
    height:356px;
}
.piclist {
    position:absolute;
    left:0;
    top:0;
}
.piclist li.goodlist {
    width:389px;
    height: 165px;
    float:left;
    background: #ffffff;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 1px;
}

.swaplist {
    position:absolute;
    left:-3000px;
    top:0;
}
.og_prev, .og_next {
    display: block;
    height: 36px;
    line-height: 32px;
    text-align: center;
    width: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
}
.og_prev {
    background-color: #b14938;
    color: #ffffff;
}

.og_next {
    background-color: #ffd48d;
    color: #b14938;
}

.one .news .li{
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    padding: 15px;
    position: relative;
}
.one .news .li span{
    font-size: 14px;
    line-height: 24px;
    position: relative;
}
.one .news .li span:before{
    content: "";
    display: block;
    width: 3px;
    height: 10px;
    background-color: #b14938;
    position: absolute;
    left: -17px;
    top: 3px;
}
.one .news .li h4{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    margin: 15px 0 10px;
}

.one .news .li p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    height: 40px;
}



/*第二块*/
.two{
    padding: 80px 0;
    background-color: #f8f4e9;
}

.two .tu{
    margin-bottom: 45px;
}
.two .left{
    width: 717px;
}




.two .left dl{
    margin-bottom: 20px;
}
.two .left dl:last-child{
    margin-bottom: 0;
}
.two .left dl dt{
    width: 47px;
    font-weight: 100;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #b14938;
}
.two .left dl dt:before{
    content: "/";
    position: absolute;
    right: 0;
    top: 9px;
    font-style: oblique;
    color: #b14938;
}
.two .left dl dt span{
    color: #b14938;
    font-size: 24px;
    display: block;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}
.two .left dl dt em{
    font-size: 12px;
    color: #999999;
    font-style: inherit;
}
.two .left dl dd{
    width: calc(100% - 47px);
    border-bottom: 1px solid #eedcd0;
    padding-left: 25px;
    padding-bottom: 5px;
}
.two .left dl dd h4{
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
}
.two .left dl dd h4 a{
    font-weight: bold;
}
.two .left dl dd p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    height: 40px;
}


.two .right{
    width: 602px;
}

.two .right ul li{
    border-bottom: 1px solid #eedcd0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
}
.two .right ul li:last-child{
    margin-bottom: 0;
}
.two .right ul li:before{
    content: "";
    width: 9px;
    height: 9px;
    background-color: #b14938;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}
.two .right ul li a{
    display: inline-block;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
}


/*三块*/
.three{
    padding: 40px 0 50px 0;
}
.three .title .tit .lin{
    width: 85%;
}
.three ul{
    width: calc(100% - 498px);
}
.three ul li{
    margin-bottom: 7px;
}
.three ul li:last-child{
    margin-bottom: 0;
}
.three ul li a{
    padding: 10px 30px 10px 0;

}
.three ul li h4{
    display: block;
    width: calc(100% - 84px);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 54px;
    padding-left: 27px;
    position: relative;
    overflow: hidden;
}
.three ul li h4:before{
    width: 2px;
    height: 100%;
    content: "";
    display: block;
    background-color: #b44c3b;
    left: -1px;
    position: absolute;
}
.three ul li h4:after{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    content: "";
    display: block;
    background-color: #b44c3b;
    left: -8px;
    top: 50%;
    margin-top: -8px;
    position: absolute;
}


.three ul li .time{
    position: relative;
    /*width: 84px;*/
    padding: 6px 0 6px 34px;
}
.three ul li .time p{
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #b44c3b;
}
.three ul li .time:before{
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 12px);
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #c4c4c4;
}
.three ul li .time span{
    display: block;
    font-size: 12px;
    color: #999999;
}

.three ul li a:hover{
    background-color: #b44c3b;
}
.three ul li a:hover h4{
    color: #ffffff;
}
.three ul li a:hover h4:after,.three ul li a:hover h4:before{
    background-color: #ffffff;
}
.three ul li a:hover .time p,.three ul li a:hover .time span{
    color: #ffffff;
}
.three ul li a:hover .time:before{
    background-color: #ffffff;
}


@media screen and ( max-width: 1200px ){
    .banner img{

    }

    /*二级导航*/
    .e_nav{
        padding: 15px 10px;
    }
    .e_nav li{
        width: 48%;
        background-size: 100% 100%;
        margin: 5px 0;
    }
    .e_nav li a{
        line-height: 30px;
        font-size: 16px;

    }
    .e_nav a:hover{

    }

    /*一级标题*/
    .title{
        margin-bottom: 20px;
    }
    .title p{
        height: 25px;
        padding-bottom: 5px;
    }
    .title p img{
        height: 100%;
    }
    .title .tit{
        line-height: 20px;
    }
    .title .tit h4{
        font-size: 20px;
    }

    .title .tit .lin{
        width: 65%;
        margin-top: 10px;
    }
    .title .tit .lin:after{

    }
    .title .tit .lin:before{

    }

    .title .tit .more{

    }




    /*第一块*/
    .one{
        padding:0 10px 20px 10px;
    }
    .one .wp{

    }

    .one .focusMain{
        display: none;
    }
    .one .focusArea{

    }
    .one .focusCon{
    }
    .one .focusItem{

    }


    .one .focusBtn{

    }
    .one .focusPrev{

    }
    .one .focusNext{

    }

    .one .l_lb .img{

    }
    .one .l_lb .img img{

    }

    .one .l_lb .img .bq{

    }



    .one .l_lb dd{

    }
    .one .l_lb dd h4{

    }
    .one .l_lb dd h4 a{

    }

    .one .l_lb dd span{

    }
    .one .l_lb dd p{

    }




    .one .news{
        width: 100%;
    }

    /*一级标题*/
    .one .news .title .tit .lin{
        width: 60%;
    }

    .one .news .title .tit .botton {
        display: none;
    }


    /*多图轮播*/
    .picbox {

    }
    .picbox ul {

    }
    .piclist {

    }
    .piclist li.goodlist {

    }

    .swaplist {

    }
    .og_prev, .og_next {

    }
    .og_prev {

    }

    .og_next {

    }

    .one .news .li{

    }
    .one .news .li span{

    }
    .one .news .li span:before{

    }
    .one .news .li h4{

    }

    .one .news .li p{

    }



    /*第二块*/
    .two{
        padding: 20px 10px;
    }

    .two .tu{
        margin-bottom: 15px;
    }
    .two .left{
        width: 100%;
        margin-bottom: 20px;
    }




    .two .left dl{

    }
    .two .left dl:last-child{

    }
    .two .left dl dt{

    }
    .two .left dl dt:before{

    }
    .two .left dl dt span{

    }
    .two .left dl dt em{

    }
    .two .left dl dd{

    }
    .two .left dl dd h4{

    }
    .two .left dl dd h4 a{

    }
    .two .left dl dd p{

    }


    .two .right{
        width: 100%;
    }

    .two .right ul li{
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .two .right ul li:last-child{

    }
    .two .right ul li:before{

    }
    .two .right ul li a{

    }


    /*三块*/
    .three{
       padding: 20px 10px;
    }
    .three .title .tit .lin{
        width: 65%;
    }
    .three ul{
        width: 100%;
    }
    .three ul li{

    }
    .three ul li:last-child{

    }
    .three ul li a{
        padding: 10px 0;
    }
    .three ul li h4{
        width: 80%;
        padding-left: 15px;
        font-size: 16px;
    }
    .three ul li h4:before{

    }
    .three ul li h4:after{

    }


    .three ul li .time{
        padding: 6px 0 6px 15px;
    }
    .three ul li .time p{
        font-size: 20px;
    }
    .three ul li .time:before{

    }
    .three ul li .time span{

    }

    .three ul li a:hover{

    }
    .three ul li a:hover h4{

    }
    .three ul li a:hover h4:after,.three ul li a:hover h4:before{

    }
    .three ul li a:hover .time p,.three ul li a:hover .time span{

    }
    .three ul li a:hover .time:before{

    }












}






