@charset "utf-8";
/* CSS Document */

body{background-color: #fef0d8;overflow-x: hidden;}

.banner {
    width: 100%;
    height: 663px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 2560px;
    height: 663px;
    position: absolute;
    left: 50%;
    margin-left: -1280px;
    overflow: hidden;
}

.banner .bd ul li {
    width: 100%;
    position: relative;
}

.banner .bd ul li a {
    width: 2560px;
    height: 100%;
    display: block;
}

.banner .bd ul li .ban {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
    display: none;
}

.banner .hd li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    border: solid 1px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 0;
    margin: 0 6px;
    cursor: pointer;
}

.banner .hd li.on {
    background-color: #faba5f
}

.banner .hd .next {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    right: 10%;
    top: -232px;
    cursor: pointer;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
}

.banner .hd .prev {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    left: 10%;
    top: -232px;
    cursor: pointer;
}

/* .banner .hd .next i {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/next.png) no-repeat center center;
}

.banner .hd .prev i {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/prev.png) no-repeat center center;
} */

.banner .hd .next:hover,
.banner .hd .prev:hover {
    background: rgba(255, 255, 255, 0.4);
}

.banner .hd .pageState {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

.banner .hd .pageState span {
    color: rgba(255, 255, 255, 1);
    padding-right: 13px;
}

.banner .hd .pageState i {
    color: rgba(255, 255, 255, 1)
}

.banner .hd .pageState em {
    padding-left: 13px;
}

.banner .hd .prev2 {
    left: 25%;
}


.mainbox{ width: 100%; min-height: 1140px; position: relative; overflow: hidden;}
.bgt{width: 2560px; position: absolute; left: 50%; margin-left: -1280px;}
.main-c{ width: 1300px; margin: 0 auto; min-height: 1000px; margin-top: 400px; background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 2; overflow: hidden;}
.nrqbox{ width: 1220px; padding: 40px 40px 0 40px; overflow: hidden;}

.hdbox{width: 100%; margin-bottom: 20px; overflow: hidden;}
.hdbox .lt{width: calc(456px - 60px); background-color: #fcf6f1; float: left;  padding: 0 30px; height: 334px; border-top: 1px solid #d78585; overflow: hidden;}
.hdbox .rt{width: calc(734px - 60px); background-color: #fcf6f1; float: right; padding: 0 30px; height: 334px; border-top: 1px solid #d78585; overflow: hidden;}
.xwlist {width: 100%;}
.xwlist ul { width: 100%; padding: 18px 0 0 0;}
.xwlist ul li { width: 100%; margin-bottom: 28px;}
.xwlist ul li a { width: 100%; height: 20px; display: block; overflow: hidden;}
.xwlist ul li a h3 { width: 100%; height: 20px; line-height: 20px; font-size: 18px; color: #333; position: relative;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xwlist ul li a h5 { float: right;height: 20px;line-height: 20px;font-size: 14px; color: #b7b7b7;position: relative;}
.xwlist ul li a h3 i{font-size: 16px; color: #db9ea0; padding: 0 6px 0 0 ;}
.xian{width: 100%; height: 1px; border-top: 1px dashed #dfdfdf;margin: 25px 0 23px 0; position: relative; }
.xwlist ul li a:hover h3{color: #b31419;} 
.xwlist ul li a:hover h3 i{color: #b31419;} 
.xwlist ul li a:hover h5{color: #b31419;} 
.xwlist ul li a:hover h3{transform: translateX(13px);transition: transform .5s ease-out;}

.titl{width: 100%; height: 45px; margin-top: 29px; border-bottom: 1px solid #dfdfdf; position: relative;}
.titl h3{ height: 45px; line-height: 28px; font-size: 28px ; color: #b31419; float: left; padding: 0 1px; margin: 0 24px 0 0; cursor: pointer; position: relative;}
.titl h3 i{width: 100%;height: 3px; background-color: #b31419; display: inline-block; position: absolute; left: 0;bottom: -2px; display: none;}
.titl a{font-size: 14px; color: #a2a2a2; position: absolute; right: 0;top: 6px;}
.titl a i{ color: #b31419;}
.titl a:hover{color: #b31419;}
.titl h3.on{color: #b31419; font-weight: bold;}
.titl h3.on i{display: block;}

.dongtbox{width: 100%; display: flex; justify-content: space-between; padding: 18px 0 0 0;}
.dongtbox .focbox{ width: 340px ; height: 210px; position: relative; overflow: hidden;}
.dongtbox .newsbox{ width: 312px ; height: 210px; position: relative; overflow: hidden; }

.dongtbox .newsbox .xwlist ul {padding: 0;}
.dongtbox .newsbox .xwlist ul li{margin-bottom: 27.5px;}


.focbox .bd{width: 100% ; height: 210px; }
.focbox .bd li{width: 680px; height: 210px; background-color: #f7f7f7; border-bottom: 1px solid #b31419; overflow: hidden;}
.focbox .bd li a{width: 100% ; height: 100%; display: block; position: relative;}
.focbox .bd li a .imgbox{width: 100% ; height:210px;overflow: hidden;}
.focbox .bd li a .imgbox img{width: 100% ; height:210px; object-fit: cover;transition: all 1s;}
.focbox .bd li a .zhe{width: calc(100% - 20px); padding: 27px 10px 10px 10px ; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; bottom: 0;}
.focbox .bd li a .zhe h5{width: 100%; height: 20px; line-height: 20px;text-align: center; font-size: 18px ; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.focbox .hd { width: 100%; text-align: center; position: absolute; left: 0; bottom: 38px;z-index: 7;}
.focbox .hd li {width: 8px;height: 8px;background-color: rgba(255, 255, 255, 0.55); border-radius: 10px; display: inline-block;font-size: 0;margin: 0 5px;cursor: pointer;}
.focbox .hd li.on {background-color: #fff;}
.focbox .bd li:hover a .imgbox img{transform: scale(1.1);}



.focuimg{width: 100%; height: 104px;margin: 0 0 20px 0; position: relative; overflow: hidden;}
.focuimg .bd{width: 100%;height: 104px; overflow: hidden;}
.focuimg .bd ul li a{width: 100%; display: block;}
.focuimg .bd ul li img{width: 100%;height: 104px;}
.focuimg .hd{width: calc(100% - 16px); text-align: right; position: absolute; left: 0;bottom: 10px;}
.focuimg .hd li{display: inline-block; font-size: 0;width: 8px;height: 8px;background-color: rgba(255, 255, 255, 255);border-radius: 8px;margin: 0 5px; cursor: pointer;}
.focuimg .hd li.on{background-color: #b31419;}


.zlbox{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px;}
.zlbox .lt{ width: calc(595px - 60px); background-color: #fcf6f1; float: left;  padding: 0 30px; height: 334px; border-top: 1px solid #d78585; overflow: hidden;}
.zlbox .lt:nth-child(1){background-color: #fffbf1;}

.dangybox{width: calc(100% - 60px); background-color: #fcf6f1; padding: 0 30px; margin-bottom: 30px; border-top: 1px solid #d78585; overflow: hidden;}

.fc{width: 100%; padding: 21px 0 30px 0; overflow: hidden;}
.fc ul{width: 1340px;}
.fc ul li{ width: 208px; float: left; margin: 0 30px 0 0;}
.fc ul li a{width: 100%; height: 322px; display: block; text-align: center; background-color: #fff; overflow: hidden;}
.fc ul li a .imgbox{width: 100%; height: 278px;  overflow: hidden;}
.fc ul li a .imgbox img{width: 100%; height: 100%;transition: all 1s;}
.fc ul li a h3{width: calc(100% - 20px) ; padding: 0 10px; line-height: 44px; font-size: 18px; color: #555; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.fc ul li a:hover{background-color: #b31419;}
.fc ul li a:hover h3{color: #fff;}
.fc ul li a:hover  .imgbox img{ transform: scale(1.1);}