@charset "utf-8";
.header { position: relative; background-color: #7f1084; }



.fun-search .fun-search-ico { background: url(../images/fun-search2.png) no-repeat; }
.banner { width: 100%; overflow: hidden; }
.banner img { position: relative; left: 50%; width: 1920px; transform: translateX(-50%); }

.PC-lv { display: block; }
.SJ-lv { display: none; }
@media all and (max-width:1280px){
    .PC-lv { display: none; }
    .SJ-lv { display: block; }
    .c-nav-button_line::before,
    .c-nav-button_line::after { background-color:#fff; }
    .has-nav-open .c-nav-button_line::before,
    .has-nav-open .c-nav-button_line::after { background-color: #fff; }
}

.wrap { padding: 80px 0; }
@media (max-width: 768px){
    .wrap { padding: 5%; }
    .banner img { left: 0; width: 100%; transform: translateX(0); }
}

.sub-nav-box { background-color: #f5f8fb; }
.sub-nav-box li { float: left; width: 20%; border-right: 1px solid #ebedef; font-size: 20px; line-height: 100px; text-align: center; }
.sub-nav-box li:last-child { border-right: 0; }
.sub-nav-box li a { display: block; transition: all .3s ease; }
.sub-nav-box li:hover a,
.sub-nav-box li.current a {background-color: #7f1084;color: #fff;}
@media all and (max-width:1680px){
    .sub-nav-box li { line-height: 87px; }
}
@media all and (max-width:1280px){
    .sub-nav-box li { line-height: 66px; }
}
@media all and (max-width:750px){
    .sub-nav-box li { width: auto; min-width: 33.333%; border-bottom: 1px solid #ebedef; font-size: 14px; line-height: 40px; }
    .sub-nav-box li a { padding: 0 20px; }
}

.col-title { position: relative; margin-bottom: 40px; }
.col-title h2 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 75px; z-index: 1; }
.col-title h3 { position: absolute; left: 0; top: 0; width: 100%; color: #000; font-size: 44px; font-weight: bold; line-height: 50px; text-transform: uppercase; opacity: .05; }

@media (max-width: 1680px){
    .col-title { margin-bottom: calc( ( 1680/1920 ) * 40px ); }
    .col-title h2 { font-size: calc( ( 1680/1920 ) * 36px ); line-height: calc( ( 1680/1920 ) * 75px ); }
    .col-title h3 { font-size: calc( ( 1680/1920 ) * 44px ); line-height: calc( ( 1680/1920 ) * 50px ); }
}
@media (max-width: 1280px){
    .col-title { margin-bottom: calc( ( 1280/1920 ) * 40px ); }
    .col-title h2 { font-size: calc( ( 1280/1920 ) * 36px ); line-height: calc( ( 1280/1920 ) * 75px ); }
    .col-title h3 { font-size: calc( ( 1280/1920 ) * 44px ); line-height: calc( ( 1280/1920 ) * 50px ); }
}
@media (max-width: 768px){
    .col-title { margin-bottom: 20px; }
    .col-title h2 { font-size: 20px; line-height: 40px; }
    .col-title h3 { font-size: 24px; line-height: 30px; }
}

/* 二级、三级菜单 */
.menu {height:90px;background: #7f1084;text-align:center;}
.menu dl dt {display:inline-block;margin:0 100px;}
.menu dl dt a {display:block;height:86px;line-height:86px;font-size:15px;color:#fff;border-bottom: 4px solid #7f1084;}
.menu dl dt a:hover,.menu dl dt .current {border-bottom:4px solid #7f1084;font-weight:bold;}

@media all and (max-width:1200px){
	.menu {height:auto;background:none;text-align:center;width: 94%;margin:20px auto;}
	.menu dl dt {display:inline-block;margin:0;width:49%;float:left;margin-top:10px;}
	.menu dl dt:nth-child(1),.menu dl dt:nth-child(2){margin-top:0;}
	.menu dl dt:nth-child(2n){float:right;}
	.menu dl dt a { display:block; height:38px; line-height:38px; font-size:14px; color:#333; border-bottom:none; background:#eee; }
	.menu dl dt a:hover,.menu dl dt .current {border-bottom:none;font-weight:normal;background:#7f1084;color:#fff;}
}

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }

.piList { padding:0 0 3vh; }
.piList .pic-item-list { margin-left: -1.5%; margin-bottom: 0; }
.piList .pic-item { position:relative; width:31.83%; margin:0 0 1.5% 1.5%; background: #fff; padding:0; display:inline; }
.piList .pic-item::after { position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background-color: #013C8C; display: block; content: ""; opacity: 0; }
.piList .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; line-height:inherit; overflow: hidden; }
.piList .list-pic img { width:100%; height:auto; }
.piList dl { padding:2vh 3vh; line-height:26px; }
.piList dl dt { height:36px; font-size: 16px; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.piList .pic-item:hover { box-shadow: 0 15px 15px rgba(0,0,0,.1); transition: all 0.6s; }
.piList .pic-item:hover .list-pic img { transform: scale(1.06); transition: all .6s; }
.piList .pic-item:hover::after { opacity: 1; width: 100%; transition: all 0.6s }
.piList.piList-item-4 .pic-item { width:23.5%; }

.piList-2 { padding:0 0 3vh; }
.piList-2 .pic-item-list { margin-left: -1.5%; margin-bottom: 0; }
.piList-2 .pic-item { position:relative; width:23.5%; margin:0 0 1.5% 1.5%; background: #fff; padding:0; display:inline; }
.piList-2 .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; line-height:inherit; overflow: hidden; }
.piList-2 .list-pic img { width:100%; height:auto; }
.piList-2 dl { position: relative; left: 0; bottom: 0; right: 0; padding:16px 18px 12px; background: #f5f8fb; color: #fff; line-height:1.8; text-align: left; }
.piList-2 dl dt { color: #000; font-size: 18px; line-height:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.piList-2 dl dd.date { color: #7f1084; font-size: 16px; }
.piList-2 .pic-item:hover { box-shadow: 0 15px 15px rgba(0,0,0,.1); transition: all 0.6s ease; }
.piList-2 .pic-item:hover .list-pic img { transform: scale(1.06); transition: all .6s; }

@media (max-width: 768px){
    .piList-2 { padding:0; }
    .piList-2 .pic-item-list { margin-left: -1.5%; }
    .piList-2 .pic-item { width:48.5%; margin:0 0 3% 1.5%; }
    .piList-2 dl { padding:5% 4% 4%; }
    .piList-2 dl dt { font-size: 15px; line-height:1.6; }
    .piList-2 dl dd.date { font-size: 13px; }
}

/* 图文列表 */
.picnews-1 { padding:0 0 1.5%; }
.picnews-1 ul { margin-left: -2%; }
.picnews-1 .item { position: relative; float: left; width: 23%; margin:0 0 2% 2%; background:#fff; line-height:20px; }
.picnews-1 .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.picnews-1 .item a { position: relative; display: block; padding: 0; z-index: 1; }
.picnews-1 .item .pic { position: relative; overflow: hidden; }
.picnews-1 .item .pic img { width: 100%; height: auto; transform: scale(1); transition: all .6s; }
.picnews-1 .item dl { position: relative; display:block; overflow:hidden; zoom:1; padding:24px 20px; background: #f5f8fb; line-height: 1.8; }
.picnews-1 .item dl .title { color: #000; font-size: 22px; line-height: 2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.picnews-1 .item dl .descrition { height: 48px; margin-top: 10px; opacity: .6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.picnews-1 .item dl .date { color: #7f1084; font-size: 18px; font-family: Arial; }
.picnews-1 .item:hover:after { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: scale(1); }
.picnews-1 .item:hover a { color: #000; }
.picnews-1 .item:hover .pic img { transform: scale(1.1); }
.picnews-1 .item:hover dl .title { color: #7f1084; }
.picnews-1 .item:hover dl .other .more { border:1px solid #7f1084; color: #7f1084; transition: all .6s; }

.picnews-3 { padding:0; }
.picnews-3 .item { position: relative; margin:0 0 60px; background-color: #f5f8fb; }
.picnews-3 .item a { position: relative; display: block; height: 262px; padding: 0; z-index: 1; }
.picnews-3 .item .pic { position: relative; float: left; width: 426px; margin: 0; overflow: hidden; }
.picnews-3 .item .pic img { width: 100%; height: auto; transform: scale(1); transition: all .6s; }
.picnews-3 .item dl { display:block; overflow:hidden; zoom:1; position: relative; top: 50%; padding:0 40px; line-height: 1.6; transform: translateY(-50%); }
.picnews-3 .item dl .title { margin-bottom: 12px; color: #000; font-size: 22px; line-height: 1.8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.picnews-3 .item dl .date { margin-bottom: 12px; font-size: 18px; font-family: Arial; opacity: .5; }
.picnews-3 .item dl .descrition { height: 56px; opacity: .5; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.picnews-3 .item:hover a { color: #666; }
.picnews-3 .item:hover dl .title { color: #7f1084; }
.picnews-3 .item:hover .pic img { transform: scale(1.1); }

.download-1 { padding:0; }
.download-1 ul { margin-left: -3%; }
.download-1 .item { position: relative; float: left; width: 30.3333%; margin:0 0 3% 3%; border: 1px solid #caced1; background:#fff; transition: all .3s; }
.download-1 .item::after { position: absolute; right: 30px; top: 50%; width: 64px; height: 64px; margin-top: -34px; background: url(../images/download1.png) no-repeat 50% / cover; content: ''; transition: all .3s; }
.download-1 .item a { display: block; padding: 28px 60px 28px 30px; }
.download-1 .item .title { margin-bottom: 12px; color: #000; font-size: 18px; line-height: 1.8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s; }
.download-1 .item .date { font-size: 16px; font-family: Arial; line-height: 1.2; opacity: .5; transition: all .3s; }
.download-1 .item:hover { border: 1px solid #7f1084; }
.download-1 .item:hover::after { background: url(../images/download2.png) no-repeat 50% / cover; }
.download-1 .item:hover .title,
.download-1 .item:hover .date { color: #7f1084; opacity: 1; }

@media all and (max-width:1680px){
    .download-1 .item a { padding: calc( ( 1680/1920 ) * 30px ); }
    .download-1 .item::after { right: calc( ( 1680/1920 ) * 30px ); width: calc( ( 1680/1920 ) * 64px ); height: calc( ( 1680/1920 ) * 64px ); margin-top: calc( ( 1680/1920 ) * -64px / 2 ); }
}
@media all and (max-width:1280px){
    .picnews-1 .item { width: 48%; }
    .picnews-3 .item a { height: 206px; }
    .picnews-3 .item .pic { width: 336px; }
    .download-1 .item { width: 47%; }
    .download-1 .item a { padding: calc( ( 1280/1920 ) * 30px ); }
    .download-1 .item::after { right: calc( ( 1280/1920 ) * 30px ); width: calc( ( 1280/1920 ) * 64px ); height: calc( ( 1280/1920 ) * 64px ); margin-top: calc( ( 1280/1920 ) * -64px / 2 ); }
}
@media (max-width: 768px){
    .picnews-1 { padding-bottom: 0; }
    .picnews-1 .item { width: 100%; margin-left: 0; }
    .picnews-1 .item dl { padding:5% 4% 4%; }
    .picnews-1 .item dl .title { font-size: 15px; line-height:1.8; }
    .picnews-1 .item dl .date { font-size: 13px; }
    .picnews-1 .item dl .descrition { margin-top: 5px; line-height:1.6; }
    .picnews-3 .item { margin:0 0 5%; }
    .picnews-3 .item a { height: auto; }
    .picnews-3 .item .pic { float: none; width: 100%; }
    .picnews-3 .item dl { top: 0; padding:5%; transform: translateY(0); }
    .picnews-3 .item dl .title { margin-bottom: 6px; font-size: 16px; }
    .picnews-3 .item dl .date { margin-bottom: 6px; font-size: 14px; }
    .picnews-3 .item dl .descrition { height: 44px; font-size: 14px; }

    .download-1 ul { margin-left: 0; }
    .download-1 .item { position: relative; float: left; width: 100%; margin:0 0 3%; border: 1px solid #caced1; background:#fff; transition: all .3s; }
    .download-1 .item::after { right: 5%; top: 50%; width: 34px; height: 34px; margin-top: -17px; }
    .download-1 .item a { padding: calc( ( 768/1920 ) * 50px ); }
    .download-1 .item .title { margin-bottom: 6px; font-size: 16px; line-height: 1.6; }
    .download-1 .item .date { font-size: 14px; opacity: .5; }
}

/* 分页 */
.page { padding:20px 0; line-height:24px; text-align:right; }
.page a { display:inline-block; margin:0 1px; padding:3px 12px; border:1px solid #ddd; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #7f1084; background:#7f1084; color:#fff; }

@media all and (max-width:1280px){
	.page { padding:20px 0 10px; text-align: center; }
	.page a { margin-bottom: 5px; padding:1px 10px; }
}

.news-display { padding-top: 15px; }
.news-display .left { float: left; width: 70%; }
.news-display .right { float: right; width: 360px; }

/* 内容模式 */
.article { padding:0; line-height:2; word-wrap:break-word; }
.article .hd { margin-bottom: 55px; border-bottom: 1px solid #caced1; }
.article .hd h1 { padding: 8px 0; color:#000; font-weight: bold; font-size:28px; line-height: 1.6; }
.article .hd .titBar { padding: 14px 0; color: #999; line-height: 32px; }
.fx { float: left; }
.bshare-custom { float: right; }
.bshare-custom span,
.bshare-custom a { display: inline-block; line-height: 32px; vertical-align: top; }
.bshare-custom a { width: 32px!important; height: 32px!important; }
.bshare-custom a.bshare-weixin { background: url(../images/bs1.jpg) no-repeat!important; }
.bshare-custom a.bshare-sinaminiblog { background: url(../images/bs2.jpg) no-repeat!important; }
.bshare-custom a.bshare-more { background: url(../images/bs3.jpg) no-repeat!important; }
#bsPanelHolder,
#bsPanelHolder *,
#bsBox,
#bsBox *,
#bsWXBox,
#bsWXBox * { box-sizing: initial!important; }

.article .bd { padding-bottom:40px; font-size: 16px; text-align: justify; }
.article img { max-width: 100%; height: auto; }
.article video { display: block; max-width: 100%; height: auto; }
.article .ft { padding:15px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { float: left; width: 50%; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.article .ft ul li:last-child { text-align: right; }

@media (max-width:1280px) {
    .news-display .left { float: none; width: 100%; }
    .news-display .right { float: none; width: 100%; display: none; }
}

@media (max-width:750px) {
    .news-display { padding-top: 0; }
    .article .hd { margin-bottom: 5%; }
	.article .hd h1 { font-size: 20px; }
    .article .hd .titBar { padding: 7px 0 14px; font-size: 13px; line-height: 26px; }
    .fx { float: none; }
    .bshare-custom { float: none; }
    .bshare-custom a.bshare-more { display: none!important; }
    .article .bd { padding-bottom: 5%; }
    .article .ft ul li { float: none; width: 100%; font-size: 14px; }
    .article .ft ul li:last-child { text-align: left; }
}

.m-related .hd { margin-bottom:32px; padding:0; border-bottom:1px dotted #caced1; }
.m-related .hd h2 { padding: 8px 0 13px; font-weight: bold; font-size:24px; line-height: 1.6; }
.m-related .bd .item { position: relative; width: 100%; margin:0 0 40px; background:#fff; line-height:1.6; }
.m-related .bd .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.m-related .bd .item a { position: relative; display: block; padding: 0; z-index: 1; }
.m-related .bd .item .pic { position: relative; overflow: hidden; }
.m-related .bd .item .pic img { width: 100%; height: auto; transform: scale(1); transition: all .6s; }
.m-related .bd .item dl { position: relative; display:block; overflow:hidden; zoom:1; padding:24px 20px; background: #f5f8fb; line-height: 1.8; }
.m-related .bd .item dl .title { color: #000; font-size: 22px; line-height: 2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m-related .bd .item dl .descrition { height: 48px; margin-top: 10px; opacity: .6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.m-related .bd .item dl .date { color: #7f1084; font-size: 18px; font-family: Arial; }
.m-related .bd .item:hover:after { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: scale(1); }
.m-related .bd .item:hover a { color: #000; }
.m-related .bd .item:hover .pic img { transform: scale(1.1); }
.m-related .bd .item:hover dl .title { color: #7f1084; }
.m-related .bd .item:hover dl .other .more { border:1px solid #7f1084; color: #013C8C; transition: all .6s; }

@media (max-width:750px) {
    .m-related { display: none; }
}