@charset "utf-8";
/* CSS Document */
.BannerWrap{ height: 100vh; background: #f2ece6; overflow: hidden;}
.Banner{position: relative;height:calc(100vh - 130px); overflow: hidden; }
.Banner .gp-img-responsive{ padding: 0; height: 100vh; background-size: cover !important; background-position: center !important;}
.Banner .slick-arrow{ display:block; width: 35px; height: 60px;z-index: 1;}
.Banner .slick-prev{left:2%; background: url(../images/slickPrev.png) no-repeat center;}
.Banner .slick-next{right:2%; background: url(../images/slickNext.png) no-repeat center;}
.wraplist0 {margin-top: -65px; overflow: hidden; position: relative;z-index: 2;}
.wraplist0::before{ content: ""; display: block; width: 100%; height: 4px; background: url(../images/libg1.png) repeat-x;
position: absolute; left: 0; bottom:20px;}
.list0{ overflow: hidden;}
.list0 li{ width: 25%;}
.list0 li a{ display: block; text-align: center; overflow: hidden;}
.list0 .icon { display:block; width: 119px; height: 121px; margin: 0 auto; background: url(../images/iconbg.png) no-repeat center; position: relative;}
.list0 .icon img{ width: 34px; position: absolute;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.list0 .listText{ display: inline-block; background:#f2ece6; color: #996a6a; padding: 10px; position: relative;z-index: 1;}
.list0 li a:hover img{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}



.content{ background: url(../images/contentbg.jpg) no-repeat bottom center #faf8f7;}

/*新闻动态*/
.wrap_mode1{ padding:70px 0; overflow: hidden; }
.mode1 {}
.mode1 > .gp-fl{width: 47%; overflow: hidden;}
.mode1 > .gp-fr{width: 46.5%; overflow: hidden;}
.articleTitle1{ margin-bottom:25px; overflow: hidden;}
.articleTitle1 a{ display: block; width: 245px; padding-bottom:18px; background: url(../images/titlebg.png) no-repeat right bottom; overflow: hidden;}
.articleTitle1 .title1{ display: inline-block; float: left; margin-top: 10px;}
.articleTitle1 .title2{ display: inline-block; margin-left: 10px;}
.articleTitle1 .title2 b{ display: block; text-align: center; font-family: 'Times New Roman';}

.list1{ position: relative; overflow: hidden; }
.list1 a{ display: block; overflow: hidden;position: relative; }
.list1 .listText{ position: absolute; bottom: 0; left: 0; width: 100%; padding-top: 30px; background-color:rgba(0,0,0,0.8);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* 标准的语法 */}
.list1 a:hover .listText{}
.list1 .listTitle{ padding:20px; color: #fff; }
.list1 .slick-arrow{ display: none !important; }
.list1 .slick-dots{ position: absolute; right:4px; bottom: 4px;width: auto; }
.list1 .slick-dots li { display: inline-block; width: 8px;height: 8px;margin: 0 5px;background: #fff;
cursor: pointer; border-radius: 50%;}
.list1 .slick-dots li button {text-indent: 0;display: none;}
.list1 .slick-dots li.slick-active {background: #8b0012;}
.list1 .slick-slide{ height: auto !important; }
.list2{ margin-top: 20px; overflow: hidden;}
.list2 li{ border-bottom: #ccc 1px dashed; padding: 10px 0; overflow: hidden;}
.list2 li a{ display: block; overflow: hidden;}
.list2 .listTitle{ background: url(../images/libg.png) no-repeat left center; padding-left: 25px; transition: all 0.2s ease;}
.list2 li a:hover .listTitle{ padding-left: 35px; }


/* 通知公告 */
.list3{ overflow: hidden;}
.list3 li{ margin-bottom:23px; overflow: hidden;}
.list3 li a{ display: block; background: url(../images/libg2.png) no-repeat top 8px left; padding-left: 30px; overflow: hidden;position: relative;} 
.list3 li a::before{ content: "";display: block; width:76%; height: 1px; background: url(../images/libg3.png) repeat-x;
position: absolute; right: 0; top: 8px;}
.list3 li a::after{ content: "";display: block; width: 4px; height: 4px; background: #faf8f6; border: #ebd0bc 2px solid; border-radius: 50%;
position: absolute; top: 4px;right: 0;}
.list3 .listDate{ display: inline-block; color: #9d0909; font-family: 'Arial'; padding-left:15px;background: #f8f7f5;
    position: relative;top: -4px;}
.list3 .listTitle{ margin-top:8px; transition: all 0.2s ease;}
.list3 li a:hover .listTitle{ padding-left: 10px;}







@media screen  and (max-width:1300px) { 
    
}

@media screen and (max-width: 1200px) {
    .BannerWrap{ height: auto;} 
    .Banner{height: auto;}
    .Banner .gp-img-responsive{ height: 0; padding-bottom: 56.2%; background-size: cover !important; }
    .wraplist0{ margin:20px 0;}
    .content{ position: static; }
    .wrap_mode1{ padding: 40px 0;}
    .mode1 > .gp-fl{ width: 48.5%;}
    .mode1 > .gp-fr{ width: 48.5%;} 
}

@media screen  and (max-width:1024px) { 
    .mode1 > .gp-fl{ width: 100%; float: none;}
    .mode1 > .gp-fr{ width: 100%; float: none; margin-top:30px;}
    .articleTitle1 a{ padding-bottom: 0;}
}



@media screen and (max-width:766px) {
    .Banner .slick-arrow{ width: 25px; height: 30px;}
    .wrap_mode1{ padding: 30px 0;}
    .list0 .icon{ width: 80px; height: 83px; background-size: contain;}
    .articleTitle1 .title1{ width: 50px;}
    .articleTitle1 .title2{ width: 60px;}
    .list3 .listDate{top: 0;}
    .list3 .listTitle{ margin-top: 12px;}
}

@media screen and (max-width:480px) {
    .list0 li{width: 50%;}
    .list0:after{ content: ""; display: block; width: 100%; height: 4px;background: url(../images/libg1.png) repeat-x;
        position: absolute; left: 0; top:103px;}
}