@charset "UTF-8";

body{position: relative;}

.banner {
    width: 100%;
    height: 568px;
    background: url(../lyhb30thimages/banner.jpg) no-repeat top center;
}

.nav {
    width: 100%;
    height: 94px;
    background: #be0a0a;
    z-index: 9999;
}

.navCon {
    width: 1200px;
    margin: auto;
    font-size: 30px;
}

.navCon>ul>li {
    float: left;
    position: relative;
    line-height: 94px;
    padding: 0 40px;
}
.navCon>ul>li:hover{
    background-color: #930819;
}

.navCon>ul>li:hover>a {
    color: #fff;
}

.navCon>ul>li>a {
    color: #fff;
    display: block;
    font-weight: bold;
}

.navCon li:hover .subMenu {
    display: block;
}


.subMenu {
    position: absolute;
    top: 94px;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    line-height: 70px;
    padding: 0px 2px;
    box-shadow: 0 0 2px #ddd;
    display: none;
    z-index: 999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.nav li .subMenu a {
    color: #333;
    display: block;
    border-bottom: 1px dashed #e3e3e3;
    background: none;
    font-size: 20px;
}

.nav li .subMenu a:last-child {
    border: none;
}

.nav li .subMenu a:hover {
    color: #c21a22;
}

.channel {
    width: 100%;
    height: 94px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}
.channel a{display: block; width: 100%; height: 94px;}

.channel01{background: url(../lyhb30thimages/tit01.png) no-repeat top center;}
.channel02{background: url(../lyhb30thimages/tit02.png) no-repeat top center;}
.channel03{background: url(../lyhb30thimages/tit03.png) no-repeat top center;}
.channel04{background: url(../lyhb30thimages/tit04.png) no-repeat top center;}
.channel05{background: url(../lyhb30thimages/tit05.png) no-repeat top center;}


.col {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.col1{background: url(../lyhb30thimages/col1_bg.jpg) no-repeat top center; height: 748px;}
.col1 .headline h3{text-align: center; font-size: 32px; line-height: 60px; padding: 30px 0;}
.col1 .headline h3 a{color: #ffe764;}
.col1 .slideBox {
    position: relative;
    width: 660px;
    height: 440px;
    overflow: hidden;
}
.col1 .slideBox .hd{position: absolute; z-index: 2; right: 15px; bottom: 18px;}
.col1 .slideBox .hd li{float: left; margin: 0 4px; width: 14px; height: 14px; border-radius: 50%; background-color: #fff;}
.col1 .slideBox .hd li.on{ background-color: #c3232b; cursor: pointer;}
.col1 .slideBox .bd li{position: relative;}
.col1 .slideBox .bd li span{position: absolute; bottom:0; z-index: 1; left: 0; width: 100%; display: block; line-height: 57px; background: url(../lyhb30thimages/img_text_bg.jpg) no-repeat; color: #fff; font-size: 24px; padding-left: 70px;}
.col1 .slideBox .bd img{ width: 660px; height: 440px;}

.textlist01 ul li{width: 480px;line-height: 34px;font-size: 23px;background: url(../lyhb30thimages/dot01.png) no-repeat 0 28px;padding-left: 30px;}
.textlist01 ul li a{display: block;color: #fff;border-bottom: 1px dashed #e0e0e0;width: 480px;padding: 20px 0;height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


#featured-area {
    position: relative;
    height: 445px;
    width: 1200px;
    margin: 50px auto 0
}

.roundabout-holder {
    list-style: none;
    width: 724px;
    height: 430px;
    margin: 0 auto
}

.roundabout-moveable-item {
    font-size: 12px!important;
    width: 724px;
    height: 430px;
    overflow: hidden;
    cursor: pointer;
    border: 5px solid #fff;
    /* padding: 5px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 4px 0 10px #d9d9d9;
    -webkit-box-shadow: 4px 0 10px #d9d9d9;

}

.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    background-color: #fff;
    margin: 0
}

.roundabout-in-focus {
    cursor: auto
}

.roundabout-in-focus:hover {
    -webkit-box-shadow: 0 0 20px #787878;
    -moz-box-shadow: 0 0 20px #787878;
    background: #f9f9f9
}
.roundabout-holder a{display: block; overflow: hidden; width: 100%; box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */}
.roundabout-holder span {
    display: block;
    /* display: none */
    position: absolute;
    bottom:0;
    left: 0;
   height: 122px;
   width: 100%;
   text-align: center;
   font-size: 18px;
    background: url(../lyhb30thimages/img_text_bg.png) no-repeat;
    color: #fff;
    line-height: 180px;
    z-index: 999;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.roundabout-in-focus:hover span {
    display: inline;
    
}

.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
    outline: 0;
    text-decoration: none
}

.roundabout li {
    margin: 0
}
#featured-area .ban_l_btn,#featured-area .ban_r_btn{ position: absolute; top: 50%;margin-top:-27px;  display: block; width: 33px; height: 54px; z-index: 9; overflow: hidden; opacity: .6;}
#featured-area .ban_l_btn{left: -30px;background: url(../lyhb30thimages/left.png) no-repeat;}
#featured-area .ban_r_btn{right: -30px;background: url(../lyhb30thimages/right.png) no-repeat;}
#featured-area .ban_l_btn:hover,#featured-area .ban_r_btn:hover{opacity: 1;}

.col3{background: url(../lyhb30thimages/col3_bg.png) no-repeat bottom center; min-height: 486px;  padding: 0 0 100px 0;}
.dsj{margin: 40px auto 0; width: 1200px;}
.dsj ul {height: 650px;overflow-y:scroll;}
.dsj ul li .loc{width: 120px;}
.dsj ul li .loc i{display: block; font-style: normal; font-weight: bold; color: #c93d3d; font-size: 30px;}
.dsj ul li .loc span{display: block; font-size: 22px; font-weight: bold; margin-top: 10px;}
.dsj ul li .linedot img{ margin-top: 5px; position: relative; z-index: 1;}
.dsj ul li .linedot .line{}
.dsj ul li .content{width: 950px;border-left: 2px solid #b10d0d;padding: 0 50px 60px;margin-left: -11px;}
.dsj ul li:first-child .content{margin-top: 5px;}
.dsj ul li .content{line-height: 34px; font-size: 18px; text-indent: 2em;}
.dsj ul li .content p{margin-bottom: 20px;}
.dsj ul li .content img{margin-right: 30px;}

.col4 .fl{background-color: #922323; width: 360px; height: 545px; padding: 20px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */}
.col4 .fl .img{width: 320px; height: 185px; display: block; margin-bottom: 20px;}
.col4 .fl .img img{width: 320px; height: 185px; display: block;}
.col4 .fl h3{margin-bottom: 20px;}
.col4 .fl h3 a{color: #fff; font-size: 22px; line-height: 34px;}
.col4 .fl p{font-size: 16px; line-height: 28px; color: #fff;}
.col4 .fl p a{color: #fff;}

.col4 .fr{width: 810px;}
.col4 .fr li{border-bottom: 1px dashed #ccc;padding: 10px 0 18px;}
.col4 .fr li:first-child{padding-top: 0;}
.col4 .fr a.img{display: block; float: left; margin-right: 20px; width: 223px; height: 165px;}
.col4 .fr a.img img{width: 223px; height: 165px;}
.col4 .fr h3{padding-top: 10px;}
.col4 .fr h3 a{ font-size: 22px; line-height: 34px; color: #922323;}
.col4 .fr p{font-size: 16px; line-height: 28px; margin-top: 10px;}

.col5{background: url(../lyhb30thimages/col5_bg.png) no-repeat top center; padding: 60px 0; height: 815px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */}
    .box{
        margin: 50px auto 0;
        width: 1040px;
        height:540px;
        position: relative;
        /* overflow: hidden; */
    
    }
    .box .box-con{
        width: 1040px;
        height:540px;
    
    }
    .box .box-con li{
        width: 347px;
        height: 540px;
        background: #fff;
        position: absolute;
        left: 660px;
        top: 66px;
        overflow: hidden;
        cursor: pointer;
        /*z-index: 10;*/
            /* -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.4, transparent), to(rgba(0,0,0,0.2)));   */
        }
        .box .box-con li img{
            width: 100%;
                height: 100%;
        }
       .box .boxprev,.box .boxnext{
           width:31px;
           height: 59px;
           display: block;
           position: absolute;
           top: 50%;
           margin-top: -25px;
           z-index: 51;
           cursor: pointer;
       }
       .boxprev{
           left: -75px;
           background: url(../lyhb30thimages/left3.png) no-repeat;
       }
       .boxnext{
           right:-75px;
           background: url(../lyhb30thimages/right3.png) no-repeat;
       }



.layB {
    margin-top: 50px;
    width: 1200px;
}

.layB .tbC {
    margin-left: -15px;
    width: 1200px;
    height: 480px;
    overflow: hidden;
    position: relative;
}

.layB .prevnext {
    position: absolute;
    width: 300px;
    left: 50%;
    bottom: 0;
    height: 33px;
    margin: 0 auto;
    margin-left: -150px;
}

.layB .prevnext span {
    position: absolute;
    width: 160px;
    margin-left: -80px;
    top: 17px;
    left: 50%;
    height: 1px;
    background-color: #b81606;
}

.layB .prevnext .prev,
.layB .prevnext .next {
    display: block;
    width: 34px;
    height: 33px;
    position: absolute;
    bottom: 0;
}

.layB .prev {
    left: 0px;
    background: url(../lyhb30thimages/left2.png) no-repeat;
}

.layB .next {
    background: url(../lyhb30thimages/right2.png) no-repeat;
    right: 0;
}

.layB .prev:hover,
.layB .next:hover {
    opacity: .7;
}

.layB .slide {

    width: 1280px;
    
    overflow: hidden;
}

.layB ul {
    height: 440px;
    overflow: hidden;
    zoom: 1;
}

.layB li {
    position: relative;
    width: 380px;
    height: 200px;
    margin: 0 10px 20px;
    display: inline;
    float: left;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.layB li .text {
    position: absolute;
    width: 316px;
    height: 158px;
    top: 25px;
    right: 0;
    display: block;
    background-color: #922323;
    padding: 20px 10px 10px 140px;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.layB li .text a {
    display: block;
    font-size: 18px;
    color: #fff;
    
}

.layB li .text span {
    display: block;
    line-height: 18px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
}
.layB li .text p{
    display: block;
    line-height: 18px;
    margin-top: 10px;
}

.layB li a.img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 184px;
    height: 151px;
    overflow: hidden;
    border: 5px solid #fbd789;
    border-radius: 5px;
    z-index: 1;
}

.layB li a.img img {
    width: 194px;
    display: block;
    height: 161px;
}

.layB li:hover .text,
.layB li:hover .img {
    box-shadow: 6px 5px 9px rgba(83, 13, 14, 0.2);
}

.layB li:hover .text {
    font-weight: bold;
}

.layB li:hover .img {
    border: 5px solid #f7bd70;
}

.Q_A{margin-top: 50px;}
.Q_A ul{height:640px; overflow-y:scroll;}
.Q_A ul li{float: left; margin-bottom: 35px;}
.Q_A ul li img{float: left; margin-right: 10px;}
.Q_A ul li .text{float: left; background: url(../lyhb30thimages/Q_bg01.png) no-repeat top center; width: 1008px; height: 112px; padding: 20px 50px 20px 50px; background-size: 100% 100%; box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */}
    .Q_A ul li .text h3 a{color: #2f0303; font-size: 20px;}
    .Q_A ul li .text p{color: #2f0303; line-height: 22px; margin-top: 10px;}
.Q_A ul li:nth-child(2n) .text{background: url(../lyhb30thimages/Q_bg02.png) no-repeat top center; margin-left: 30px;}
.Q_A ul li:nth-child(2n) img{float: right; margin-right: 0; margin-left: 10px;}




.returntop {
    display: block;
    cursor: pointer;
    width: 66px;
    height: 62px;
    position: absolute;
    right: 30px;
    bottom: 80px;
}

.foot {
    margin-top: 60px;
    width: 100%;
    padding: 30px 0;
    background-color: #aa0707;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.foot p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}



.ULlist {
    padding-top: 15px;
}

.ULlist li {
    text-indent: 20px;
    position: relative;
    height: 63px;
    font-size: 16px;
    line-height: 63px;
    border-bottom: 1px dashed #999999;
}

.ULlist li::before {
    content: "·";
    color: #b7342d;
}

.ULlist li span {
    position: absolute;
    right: 5px;
    top: 0;
    color: #999;
}

.head {
    width: 1200px;
    height: 50px;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
}

.head h2 {
    height: 50px;
    float: left;
    margin-left: 15px;
    font-size: 30px;
    line-height: 50px;
    color: #b7342d;
}

.head a {
    height: 20px;
    float: right;
    font-weight: bold;
    margin-top: 20px;
    font-size: 12px;
    color: #666;
}

.PIClist {
    padding-top: 35px;
}

.PIClist li {
    width: 270px;
    height: 260px;
    float: left;
    margin: 0px 15px 0px 15px;
}

.PIClist li img {
    width: 270px;
    height: 210px;
}

.PIClist li .tit {
    font-size: 16px;
    text-align: center;
    line-height: 32px;
}

.contentText p {
    /* text-align: center; */
}

.contentText img {
    max-width: 1000px;
}

.contentText p {
    font-size: 16px;
    line-height: 2;
    color: #333;
    margin-bottom: 10px;
}

.container>h2 {
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    margin-top: 0px;
}

.sec {
    text-align: center;
    color: #666;
    padding-top: 15px;
    font-size: 14px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.sec span {
    padding: 0 10px;
}

.sec span a {
    padding: 0 5px;
}

.listContainer {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.container {
    min-height: 490px;
}

.container>h2 {
    margin-top: 20px;
}

.container .w1200>h2 {
    margin-top: 30px;
    text-align: center;
    font-size: 24px;
    color: #333;
}