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

a.more{float: right; font-size: 14px; font-size: 1.4rem; font-weight: normal; color: #dc2a2b;}
a.more:hover{color: #f82223;}
.fontlist li{background: url("ico_fontlist_60th.png") no-repeat 0 20px; line-height: 1.4; padding: 12px 0 12px 18px;}

/* 轮播 */
.slider-pro {box-sizing: initial !important;}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{left: 19px !important;}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail::before{left: 1px !important;}
.sp-right-thumbnails .sp-thumbnail-container {margin-left: 11px;}
#example5 .sp-thumbnail-text {width: 449px; float: right; height:92px; padding:15px 10px; background-color: #fcf6f0; color: #000; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.7; overflow: hidden; font-size: 18px; font-size: 1.8rem;}
#example5 .sp-thumbnail-text:hover{background: #d9002a; color: #fff; cursor: pointer; }
#example5 .sp-thumbnail-title {height: 62px; overflow: hidden;}
.sp-caption-container{position: absolute; left: 0; bottom: 0; font-size: 22px; color: #fff; font-weight: bold; text-align: left !important; padding:10px 15px; line-height: 1.1; 
	background: rgba(214,0,40,.7); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2d60028,endColorstr=#B2d60028); /*IE8支持*/}
.sp-caption-container span{float: right; font-size: 20px; font-weight: normal; padding-left:60px;}
.sp-right-thumbnails{right: -15px !important;}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {border-left: 5px solid #d9002a !important; height: 86px !important;}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {color: #d9002a !important; font-size: 24px !important; margin-top:-15px !important; background: transparent !important;}

@media (max-width: 768px) {
	.sp-caption-container{bottom: 85%;height: auto;}
  #example5 .sp-thumbnail-text {width: auto; text-align: left; height: auto;}
  #example5 .sp-thumbnail-title {font-size: 14px; height: auto;}
  #example5 .sp-thumbnail-description {display: none;}
}
@media screen and (min-width:300px) and (max-width: 767px) {
	.sp-caption-container{display: none;}
}

.index-main .fontlist{border: 1px solid #f7e5d1; background: #fff; padding: 14px 8px;}
.index-main .fontlist-50{float: left; width: calc(100% / 2 - 5px); width: 456px\0; margin-right: 5px;}


/*图片视频
.carousel {padding: 10px 0 20px 0;}
.carousel-inner{margin: 0 1%; width: 98%;}
.carousel-inner .flex-item img{width: 100%;}
.carousel-control {width: 12px; height: 30px; top: 37%; font-size: 30px;}
a.carousel-control.left, a.carousel-control.right {background-image: none; opacity: 1; text-align: center;}
a.carousel-control.left{left: 0;}
a.carousel-control.right{right: 0;}
.flex-item .new_video{position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; width:36px; height:36px; width: 40px !important; height: 40px !important;}
@media screen and (min-width: 476px) {
  .carousel-inner .flex-item img{width: 154px; height: 87px;}
}
@media screen and (min-width: 664px) {
  .carousel-inner .flex-item img{width: 188px; height: 106px;}
}
@media screen and (min-width: 1024px) {
  .carousel-inner .flex-item img{width: 201px; height: 113px;}
}
@media screen and (min-width: 1280px) {
  .carousel-inner .flex-item img{width: 254px; height: 142px;}
}
*/

.index-mleft{float: left; width: calc(100% * 0.69 - 25px); width: 941px\0; margin-right: 25px;}
.index-mright{float: left; margin-left: 15px; width: calc(100% * 0.31 - 25px); width: 409px\0;}

h2, h2 a{font-size: 24px; font-size: 2.4rem; color: #c61a20; font-weight: bold;}
h2 a:hover, h2 a:active{color: #dfab55;}
.index-main h2{line-height: 38px;}
.index-main h2 a, .index-main h2 hr, .index-main h2 img{float: left; line-height: 38px;}
.index-main h2 hr{margin: 20px 20px 0 20px; width: 50px; border-bottom: 4px solid #dfab55;}
.index-main h2 img{vertical-align: middle; margin-right: 12px; width: auto;}
h3{line-height: 1.3; max-height: 52px; overflow: hidden;}
h3 a{font-size: 20px; font-size: 2.0rem; font-weight: bold;}
.bgfff{background: #fff;}

/*时间轴*/
.timeline{background: url("bg_ghsy_60th.jpg") no-repeat right bottom #f1cfa9; padding: 34px 0 75px;}
.timeline h2{display: flex; width: 391px; margin: 0 auto;}
.timeline ul{margin-left: -36px;}
.timeline li{float: left; width: calc(100% / 6 - 36px); width: 203px\0; margin: 25px 0 0 36px;}
.timeline section{background: url("bg_timeline_detail_60th.jpg") no-repeat right bottom #b70403; padding: 12px; color: #fefefe; height: 193px; overflow: hidden;}
.timeline section h5{font-size: 24px; font-size: 2.4rem; text-align: center; font-weight: bold; line-height: 2}
.timeline section p{line-height: 1.7;}
@media screen and (max-width: 1024px) {
  .timeline li img{width: 100%;}
}
/*
.timeline .cont{position: relative; margin: 30px 0;padding-bottom: 30px;}
.timeline .cont::before {content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #e1e1e1;}
.timeline .item{margin-bottom: -20px; position: relative;}
.timeline .item:first-child{margin-bottom: 30px; display: block ruby;}
.item-station{position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -10px;}
.item-station img{background: #f5e8d9;}
.item-content{background: #fff; width: 46%; float: inherit; padding: 10px 20px; background-size: 50% 50%; background-repeat: no-repeat;}
.item-content time{color: #010101; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.8;}
.item-content p{font-size: 18px; font-size: 1.8rem; line-height: 1.5;}
.timeline .item:last-child{margin:40px 0 0 -9px; display: block ruby;}
.timeline .item:nth-child(2n) .item-content{background: linear-gradient(135deg,transparent 15px, #fff 0)top right;}
.timeline .item:nth-child(2n) .item-content::before {content: ''; position: absolute; left: 50%; margin-left: -30px; background: #cc0001; top: 50%; width: 25px; height: 1px; z-index: 99;}
.timeline .item:nth-child(2n-1) .item-content{float: right; background: linear-gradient(-135deg,transparent 15px, #fff 0)top left;}
.timeline .item:nth-child(2n-1) .item-content::before {content: ''; position: absolute; left: inherit; right: 50%; margin-right: -30px; background: #cc0001; top: 50%; width: 25px; height: 1px; z-index: 99;}
@media screen and (min-width:300px) and (max-width: 767px) {
  .timeline .cont::before {left: 5%;}
  .timeline .item{margin-bottom: 20px;}
  .item-station{left: 5%;}
  .timeline .item:last-child{margin-left:-4px;}
  .timeline .item:nth-child(2n) .item-content, .timeline .item:nth-child(2n-1) .item-content{float: left; width: 80%;margin-left: 15%;}
  .timeline .item:nth-child(2n) .item-content::before, .timeline .item:nth-child(2n-1) .item-content::before {left: 5%; margin-left: 6px;}
}
*/

/*标签切换*/
.tab_title{float: right; font-size: 20px; font-size: 2.0rem; color: #010101; height:38px;}
.tab_title li{float:left; padding: 12px 0 0 22px; color:#010101; font-size:20px; font-size: 2.0rem; font-weight: normal;}
.tab_title li.now a{color: #c61a20; text-decoration: none;}
.tab_more {display: none;}
.yx .tab_title{float: none; color: #fff; height: auto;}
.yx .tab_title li{padding: 10px 35px 50px 0;}
.yx .tab_title li a{padding: 10px 32px; color: #fff;
  background: -webkit-linear-gradient(left, #b68f32 , #f0c699); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #b68f32, #f0c699); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #b68f32, #f0c699); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #b68f32 , #f0c699); /* 标准的语法 */
}
.yx .tab_title li.now a{color: #fff; background: #b80302; text-decoration: none;}


/*宣传片*/
.xcp{background: #f0c699; padding: 15px;}

/*影像*/
.yx h2{display: flex; width: 391px; margin: 0 auto;}
.yx .imglist ul{margin-left: -40px;}
.yx .imglist li{float: left; width: calc(100% / 4 - 40px); width: 310px\0; margin-right: 40px;}


/*祝福寄语*/
.zfjy{background: url("bg_zfjy_60th.jpg") no-repeat center top #f00; padding: 30px 0 1px 0;}
.zfjy ul{margin-left: -60px;}
.zfjy li{float: left; width: calc(100% / 3 - 60px); width: 273px\0; margin:0 0 20px 60px; vertical-align: top; position: relative; overflow: hidden;}
.zfjy .new_video{position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; width:36px; height:36px; width: 40px !important; height: 40px !important;}
@media screen and (min-width: 300px) { 
  .zfjy{background-size: cover;}
  .zfjy img{/*! width: 154px; *//* height: 87px; */}
}
@media screen and (min-width: 768px) {
  .zfjy img{/*! width: 300px; */ /*! height: 168px; */}
}
@media screen and (min-width: 1024px) {
  .zfjy img{/* width: 300px; *//* height: 168px; */}
}
@media screen and (min-width: 1280px) {
  .zfjy img{width: 239px; height: 134px;}
}
@media screen and (min-width: 1440px) {
  .zfjy img{width: 273px;  height: 153px; }
}
.zfjy h4 a{background: #d60028; font-size: 24px; font-size: 2.4rem; color: #fff; padding: 15px 30px; display: inline-block;}
.zfjy h4 a:hover{background: #dfab55;}
.zfjy h4 img{width: auto; height: auto; margin-left: 40px;}

.dowebok ul li{float: none; width: 100%; font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin: 0; padding-bottom: 8px;}
.dowebok {height: 253px; margin-top: 15px;}
.dowebok ul {margin: 0; padding: 15px 25px;}
.dowebok a {}
.dowebok a:hover {}
/*Plugin CSS*/
.str_wrap {overflow:hidden; //zoom:1;	width:100%;	position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap;
  background: rgb(243, 181, 151); /*不支持rgba的浏览器*/
  background: rgba(243, 181, 151,.4); /*支持rgba的浏览器*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66f3b797,endColorstr=#66f3b797); /*IE8支持*/
}

.str_move {white-space:nowrap; position:absolute; top:0; left:0; cursor:move;}
.str_move_clone {display:inline-block; //display:inline;	//zoom:1;	vertical-align:top; position:absolute; left:100%; top:0;}
.str_vertical .str_move_clone {left:0; top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move, .str_down .str_move {white-space:normal;	width:100%;}
/*
.str_static .str_move, .no_drag .str_move, .noStop .str_move{cursor:inherit;}
*/

.zfjy li font{color: #dc2a2b;}
.zfjy li time{color: #c69b91; font-size: 14px; font-size: 1.4rem; margin-right: 15px;}
.zfjy li p{line-height: 1.5; margin-top: 10px; height: 51px; overflow: hidden;}
.zfjy .btn{text-align: center; margin: 35px auto 40px;display: table; background: #d60028; padding: 15px 45px; border-radius: 1px;}
.zfjy a.btn{background: #d60028; color:#fff; font-size:30px; font-size:3.0rem;}
.zfjy a.btn:hover{background: #b60e21;}


/*二级页面*/
.w100 {width: 100%;}
.main{background: #fff; padding: 10px 15px 20px;margin-top: 15px;}
ol{line-height: 2.4; color: #c52527;}
ol a{font-size: 14px; font-size: 1.4rem; color: #c52527;}
ol a:hover{color: #dd3e2b;}
.gl_header{margin-top:15px; border-bottom:3px solid #c52527;}
.gl_header_h1, .gl_navleft {width: 20%;}
.gl_header_h1 span{ float:left;width:100%; background:#c52527; padding:10px 20px; font-size:20px; color:#fff;}
.gl_header_breadcrumb a{font-size:14px; color:#575757;}
.gl_header_breadcrumb{padding-top:15px; }
.gl_header_breadcrumb i{color:#abadb1;}
.gl_header_breadcrumb a:hover{color:#bc0203;}


.content{padding: 20px;}
.index-main .fontlist time{float: right; font-family: "Times New Roman", "serif"; color: #b81e24; margin-left: 10px; font-weight: bold;}
.main .fontlist span{float: right; color: #aaa; font-size: 14px; font-size: 1.4rem; margin-right: 10px;}
.gl_cont_right {width: 80%; padding-left: 30px;}
/* left nav */
.left_nav{border: 0 none;}
.comment_left_menu .block{background: #f2f4fb;padding-bottom:15px;}
.comment_left_menu h2{background:#c52527; padding:15px 0px; color:#fff; font-size:24px; padding-left:25px;}
.contentLeft {float:left;  width: 100%; top: 0; left: 0;}
.leftNavigation {margin: 0rem 0;}
.leftNavigation, .leftNavigation li ul {list-style: none; padding: 0;}
.leftNavigation  li a.leftnav_a {display: block; padding: 12px 12px 12px 0px; text-overflow: ellipsis; overflow: hidden; position: relative; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; font-weight:400; background:#f2f4fb;}
.leftNavigation > li {border-top:1px solid #e6e9ec;}
.leftNavigation > li > a.leftnav_a {font-size: 18px; color: #444444; line-height:30px;}
.leftNavigation li ul {display: none; margin: 0; background-color: #f4f9ff;}
.leftNavigation li ul li a {float:left;width:100%; font-size:14px; color:#1956a5; margin-left:25px; padding-left:12px;}
.leftNavigation li ul li{padding-top:10px;padding-bottom:10px;float:left;width:100%;}
.leftNavigation li ul li a:hover {color: #f09236; text-decoration:none; background:#114d9f;}
.leftNavigation >li > a:hover,.leftNavigation li.active > a{color: #c52527; font-weight:bold; text-decoration:none; background:transparent;}
.leftNavigation li.active ul {display: block;}
.leftNavigation > li > a .titNavIcon{float:left;width:3px;margin-left:3px;margin-right:15px;background:#f2f4fb;height:30px;border:1px solid #f2f4fb;}
.leftNavigation > li.active > a .titNavIcon,
.leftNavigation > li > a:hover .titNavIcon{float:left;width:3px;background:#c52527;height:30px;border:1px solid #c52527;}
@media (max-width:991px){  
  .gl_header{position: relative;}
  .gl_header_h1{width:130px;}
  #left_nav_show{display:none;}
  .gl_cont_right{width:100%;padding-left:0px;}
  .gl_header_breadcrumb{display:none;}
  .left_nav{margin:0px;margin-top:5px;}
  .left_nav .fa-2x{font-size:22px; color:#fbb74a;}
  .gl_header .gl_navleft{width:100%; background:#fff; top:50px; z-index: 9999; zoom:1; -webkit-box-shadow: 0px 0px 10px #bbb; -moz-box-shadow: 0px 0px 10px #bbb;
    box-shadow: 0px 0px 10px #bbb;}
  .leftNavigation .fa-angle-right{float:right;margin-top:5px;color:#12379b;}
  .leftNavigation .fa-angle-right{float:right;margin-top:5px;color:#12379b;}
}
/*-----------*/

/*图片列表*/
#gallery-wrapper{position: relative;}
img.thumb{width: auto; max-width: 100%; height: auto; max-height: 194px;}
.white-panel{position: absolute; background: #fff; border-radius: 3px; border: 1px solid #E7E7E7; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); padding: 10px; text-align: center;}
.white-panel h1{font-size: 15px; font-size: 1.5rem; line-height: 1.4; padding: 8px 0;text-align: left;}
.white-panel a h1{color: #444;}
.white-panel a:hover h1{color: #c42427;}
.white-panel:hover{box-shadow: 1px 1px 10px rgba(0,0,0,0.5); margin-top: -5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*page*/
.pagination{text-align: center;}
.pagination .page {float: left; margin-left: -1px; padding: 8px 12px; position: relative; text-decoration: none;}
.pagination .inactive {color: #c52527;}
.pagination .active {background: #c52527; color: #fff; cursor: default; z-index: 2;}
.pagination-m button{ width:80%; color: #c52527; border:1px solid #f52527; font-size:18px; font-size: 1.8rem; border-radius:4px; padding: 15px; margin-bottom: 20px;}

/*我要祝福*/
.main .zfjy{background: none;}
.zfjy_main{padding:32px 36px}
.zfjy_div{border:1px solid #c52527; padding:40px 24px; position:relative}
.zfjy_list li h5{font-size:16px;  margin-bottom:10px}
.zfjy_list li p{font-size:14px; line-height:30px}
.zfjy_list li{border-bottom:1px solid #dedede; }
.zfjy_list {margin-bottom:30px}
.zfjy_title{position:absolute; background:#fff; color:#c52527; font-size:18px; top:-16px; left:30px; padding:0 12px; font-weight:bold}
.zfjy_title img{vertical-align:middle; margin-right:10px}
.zfjy_form p{width:120px; float:left; text-align:right; margin-right:20px}
.zfjy_form p span{color:#f00; margin-left:6px}
.zfjy_form label{display:block; overflow:hidden; margin-top:14px; line-height:44px;text-align: center;}
.zfjy_form input{width:80%; height:44px; background:#fdf4f4; border:0; line-height:44px; padding:0 20px;color: #888;}
.zfjy_form select{width:776px; height:44px; background:#fff; border:0; line-height:44px; padding:0 16px;}
.zfjy_form textarea{width:80%; height:140px; background:#fdf4f4; border:0; line-height:32px; padding:10px 20px;resize: none;}
.zfjy_form .zfjy_yzm_txt{width:472px}
.zfjy_yzm_img{vertical-align:middle; margin:0 20px}
.zfjy_sub{background:#c52527; padding:0 65px;  border:0; margin:30px 20px; color:#fff; font-size:18px;  font-weight:bold;display: inline-block;}

/*细览*/
article{}
article h1{font-size: 24px; font-size: 2.4rem; line-height: 1.6; text-align: center; font-weight: bold; padding: 0 5%; color: #ba1d26;}
article h5{color: #666; font-size: 14px; font-size: 1.4rem; line-height: 2; text-align: center; margin: 15px 0; padding-bottom: 3px; border-bottom: 1px dashed #f5bc85;}
article h5 span{padding: 0 10px;}

.detail *{font-size:16px !important; line-height:1.8 !important; margin-bottom:10px !important; /* padding: 0 0.4%;  text-align: justify; */}
.detail span{display: inline-block;}
.detail a{color:#3C61C2; padding: 0;}
.detail a:hover{text-decoration: underline;}
.detail img{margin: 5px auto !important;}
.detaildown{border-top:1px solid #f7e1c2; margin-top: 30px; padding: 15px;}
.detaildown dl dt {background:url(ico_fujian_red.png) 0 center no-repeat; padding-left:42px; height:34px; line-height:34px;}
.detaildown dl dd {margin-left:36px;}
.detaildown dl dd ul li {line-height:1.4; background:url("ico_square_red.png") no-repeat 0 14px; padding: 5px 0 5px 14px;}



/*横屏*/
@media screen and (orientation:landscape){
}
/*竖屏*/
@media screen and (orientation:portrait){}

/*手机总体*/
@media screen and (max-width:768px){
  .index-main .fontlist-50{float: none; width: calc(100% - 5px);}
  .tab_more {display: block; border: 1px solid #c61a20; border-radius: 2px; color: #c61a20; width: 200px; height: 56px;  margin: 20px auto; font-size: 20px; text-align: center; line-height: 56px;}
  .yx {display: none;}
}
@media screen and (max-width: 1023px) {
  .index-main{padding: 0 10px;}
  .index-mleft{float: none; width: calc(100%); margin-right: 0;}
  .index-mright{float: none; margin-left: 0px; width: calc(100%);}
  .index-mleft img, .index-mright img{width: 100%; margin-top: 15px;}
  
  .timeline li{width: calc(100% / 2 - 36px);}
  
  .timeline .cont {padding: 0 15px;}
  
  
  
  .zfjy_main{padding: 32px 26px;}
  .zfjy_form input, .zfjy_form textarea{width:76%; padding:0 1%;}
  
  .pagination{display: none;}
	.pagination-m{display: block;}
	.pagination-m li{text-align: center;}
}
/*pc总体*/
@media screen and (min-width: 1024px) {
  .yx .imglist li img{width: 100%; height: 174px;}
  
  .pagination{display: block;}
  .pagination-m{display: none;}
  img.thumb{width: 258px; max-width: 100%;  height: 194px;
}
@media screen and (min-width: 768px) {
  .index-main, .main{margin-top: -54px;}
}
/*5*/
@media screen and (min-width: 300px) and (max-width: 373px) {

}
/*6*/
@media screen and (min-width: 374px) and (max-width: 412px) {

}
/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
  .index-main .fontlist-50{float: none; width: 100%;}
  .timeline li{width: calc(100% / 2 - 36px)}
  .tab_title{float: left;}
  
	.flex-caption{position: inherit; width: 100%; left: 0; bottom: 0;}
	.flex-caption .banner_text, .ll .flex-caption .banner_text{width: 100%; margin: 0; padding: 5px 10px;}
	.flex-caption .banner_text a{line-height: 1.5;}
	.flex-control-nav{top: 10px; right: 9px}
  
  
  
  .zfjy ul{margin-left: 0;}
  .zfjy li{width: 100%; margin-left: 0;}
  
  .main{padding: 10px 5px;}
  .zfjy_main{padding: 32px 0;}
  .zfjy_div{padding: 40px 0;}
  .zfjy_form p{font-size: 15px; width: 90px;}
  .zfjy_form input, .zfjy_form textarea{width:58%; padding:0 1%;}
  
}

/*ipad*/
@media screen and (min-width:768px) and (max-width: 1023px) {
  .timeline li{width: calc(100% / 3 - 36px);}
	.flexslider{float: none; width: 100%;}
  .nbs-flexisel-item img{max-width: 225px; height: 128px;}
  .zfjy{background-size: cover;}
  .zfjy li{display: inline-block; margin: 25px 0 0 30px; width: calc(100% - 30px);}
  
}
/*1280 1366*/
@media screen and (min-width: 1024px) and (max-width: 1367px) {
}
/*1920*/
@media screen and (min-width: 1368px) and (max-width: 1440px) {
}
/**/
@media screen and (min-width: 1441px) {
}