@charset "utf-8";
/* CSS Document */
body{ background-color: #faf9f9;}

/*********头部样式*********/
.homeHeader{ border-bottom: 1px solid #e5e5e5; height: 39px; }
.homeHeader h1{height: 38px;  float: left; font-size: 20px; font-weight: 300; color: #5e5656; border-bottom: 3px solid #9f0001; padding: 0 10px; line-height: 30px;}

/******轮播图样式******/
/*.banner{ width: 100%; height: 370px;}*/
.banner{ width: 1220px; margin: auto; overflow: hidden; position: relative;}
.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 45px; left: 0; width: 100%; }
.swiper-button-next, .swiper-button-prev{width:13px;height:22px;-moz-background-size:13px 22px;-webkit-background-size:13px 22px;background-size:13px 22px;}
.swiper-container { width: 100%; height: 100%; background: #000; }
.swiper-slide { font-size: 18px; color:#fff; -webkit-box-sizing: border-box; box-sizing: border-box;  background: #fff;}
/*.parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; }*/
.swiper-slide .title { bottom: 0; position: absolute; height: 40px; width: 96%; background: rgb(26, 8, 8); background-color: rgba(26, 8, 8, 0.85); z-index: 300; padding: 0 2%;}
.swiper-slide .title h1{ line-height: 40px; text-align: left; font-size:18px; font-weight: 300; color:#ffffff;}
.swiper-slide .Img{ width: 100%; min-height: 370px; overflow: hidden; background-size:cover;background-position: center center; background-repeat:no-repeat; }
.swiper-pagination-bullet{width:6px;height:6px;}

/*******院长寄语*****/
.presidentMessage{width: 360px; float: right; padding: 20px; height: 380px; background-color: #ffffff; margin-top: 20px;}
.presidentMessageDetail{width: 340px; margin: 10px 0; background-color: #fafafa; height: 300px; padding: 10px; background-image: url("../images/bj.jpg"); background-position: right top; background-repeat: no-repeat;}
.presidentMessageDetail p{ text-align: justify; color: #452d2f; line-height: 25px; max-height: 300px; position: relative; overflow: hidden; text-justify: inter-ideograph; font-size: 12px;}
.presidentMessageDetail p::after{content: "..."; position: absolute; bottom: 0; right: 55px; padding-left: 40px; background: -webkit-linear-gradient(left, transparent, #fafafa 55%); background: -o-linear-gradient(right, transparent, #fafafa 55%); background: -moz-linear-gradient(right, transparent, #fafafa 55%); background: linear-gradient(to right, transparent, #fafafa 55%);}
.presidentMessageDetail p img{ float: left; margin: 0 10px 0 0; width: 110px; height: 125px;}
.presidentMessageDetail p .ReedMore{ display: block; position: absolute; bottom: 0; right: 0; width: 55px; padding-left: 20px; line-height: 25px; text-align: right; font-size: 12px; color: #d5232a; cursor: pointer; background-color: #fafafa; transition: all .3s ease-in-out;}
.presidentMessageDetail p .ReedMore:hover{ color: red;}

/*******图文内容******/
.information{ width: 760px; height: 630px; padding: 20px; float: left; background-color: #fff; margin-top: 20px;}
/******选项卡******/
.layui-tab { margin:0; }
.layui-tab-title{ height: 39px; border-bottom: 1px solid #e5e5e5; }
.layui-tab-title li { font-size: 20px; line-height: 30px; font-weight: 300; color: #5e5656; margin-right: 20px;}
.layui-tab-brief > .layui-tab-title .layui-this { color: #9f0001;}
.layui-tab-brief > .layui-tab-title .layui-this::after{ border-bottom: 3px solid #9f0001;}
.layui-tab-content{ padding: 0;}
/******重要新闻*****/
.importantNews{}
.importantNews>li{ height: 99px; border-bottom: 1px solid #f6edee; padding-top: 10px;}
.importantNews .newsImg{ width: 90px; height: 90px; overflow: hidden; background-size:cover; background-position: center; float: left;}
.importantNews .newsHead{ width: 650px; margin-left: 10px; float: left; height: 28px; color: #452d2f; font-size: 18px; line-height: 28px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.importantNews .newsSubTitle{ width: 650px; margin-left: 10px; float: left; height: 40px; line-height: 20px; color: #8b8686; font-size: 12px; overflow: hidden; text-overflow: ellipsis; text-align: justify; text-justify: inter-ideograph; }
.importantNews .newsTime{ width: 630px; margin-left: 10px; float: left; color: #7c7575; background: url("../images/time.png") no-repeat left center; font-size: 12px; padding-left: 20px}
/****活动日历****/
.event{}
.event>li{ height: 89px; border-bottom: 1px solid #f6edee; padding-top: 20px; }
.event>li .eventOne{ background-color: #fafafa; background-image: url("../images/bj.jpg"); background-position: right top; background-repeat: no-repeat; height: 30px; width: 720px; padding: 20px; float: left;}
.event .eventTime{ height: 28px; width: 120px; border: 1px solid #8f000b; background-color: #fff; display: block; text-align: center; float: left;}
.event .eventTime .year{ width: 60px; height: 28px; background-color: #8f000b; color: #fff; display: block; float: left; line-height: 28px;}
.event .eventTime .month{ width: 60px; display: block; float: left; line-height: 28px; color: #8f000b;}
.event .eventTitle{ width: 570px; height: 30px; float: left; margin-left: 20px; line-height: 30px; font-size: 16px; color: #452d2f; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/******通知公告******/
.notice{}
.notice>li{ height: 89px; border-bottom: 1px solid #f6edee; padding-top: 20px; float: left;}
.notice>li .noticeOne{ background-color: #fafafa; background-image: url("../images/bj.jpg"); background-position: right top; background-repeat: no-repeat; height: 70px; width: 760px; border-radius: 35px 0 0 35px; float: left;}
.announcement{ display: block; float: left; width: 70px; height: 70px; background-color: #cc3839; border-radius: 100%; background-image: url("../images/announcement.png"); background-repeat: no-repeat; background-position: center;}
.noticeTitle{ width: 650px; float: left; margin-left: 20px; color: #452d2f; font-size: 16px; margin-top: 12px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noticeTime{ width: 630px; float: left; margin-left: 20px; color: #7c7575; background: url("../images/time.png") no-repeat left center; font-size: 12px; padding-left: 20px; margin-top: 5px;}
/*****更多按钮****/
.viewMore{ width: 758px; height: 23px; background-color: #fafafa; border: 1px solid #f2f2f2; transition: all .3s ease-in-out; display: block; margin-top: 10px; text-align: center; color: #c6c3c3; font-size: 12px; line-height: 23px; cursor: pointer; letter-spacing: 5px; float: left;}
.viewMore:hover{ background-color: #AE4B4E; color: #fff;}


/***********网站链接***********/
.webSetLink{width: 360px; float: right; padding: 20px; height: 190px; background-color: #ffffff; margin-top: 20px;}
.webSetLinkOne{ display: block; width: 100%; margin-top: 20px; color: #5e0004; position: relative; height: 90px; transition: all .3s ease-in-out; }
.webSetLinkOne:hover{ transition: all .3s ease-in-out; color:#ae252f; }
.webSetLinkOne img{width: 360px; height: 90px; display: block;  transition: all .3s ease-in-out;}
.webSetLinkOne .cover{visibility: hidden; width: 358px; height: 25px; position: absolute; left: 1px; bottom: 1px;  background-color: rgba(255, 255, 255, 0.8); line-height: 25px; color: #8c0000; font-size: 12px; font-weight: 300; transition: height .3s ease-in-out; }
.webSetLinkOne:hover .cover{ visibility: visible;  transition: height .3s ease-in-out;}
.temporaryLink{display: block; width: 100%; margin-top: 20px; color: #5e0004; position: relative;}
.temporaryLink img{width: 360px; height: 90px; display: block;  transition: all .3s ease-in-out;}

.LinkS{ display: block; width: 360px; margin-top: 20px; color: #5e0004; position: relative; height: 90px; transition: all .3s ease-in-out;}
.LinkS .LinkTitle{ width: 360px; position: absolute; bottom: 0; left: 0; display: block; height: 25px; background-color: rgba(255, 255, 255, 0.8); line-height: 25px; color: #8c0000; font-size: 12px; font-weight: 300; }
.LinkS .LinkIMG{  background-size: 100% 100%; background-repeat: no-repeat; height: 88px; width: 100%;}
.back_white{ background: #ffffff}


/**********轮播式选项卡***********/
.informations{background-color: #fff; color: #000; text-align: left;}
/*.infContent{ text-align: left;}*/
.information .swiper-container .tabHeader{border-bottom: 1px solid #e5e5e5; height: 39px; position: relative; bottom: auto!important; text-align: left;}
.information .swiper-container .tabHeader>span{ width: auto; background-color: #fff; font-size: 20px; line-height: 39px; font-weight: 300; color: #5e5656; margin-right: 20px; border-radius: 0; height: 39px; padding: 0 10px; opacity: 1; margin-left: 0;}
.information .swiper-container .tabHeader .swiper-pagination-bullet-active{ border-bottom: 3px solid #9f0001; height: 38px;}