@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {font-family:"Microsoft Yahei";font-size:14px;color:#333;text-align:left;margin:0px auto;}
body.no-bg {background: #fff;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#ba0303;text-decoration:none;}
ul, li {list-style:none;}
img {border:none;}
.clear {clear:both;}
.en {font-family:Georgia, Arial;}
.kr {font-family:Gulim, Dotum;}
.jp {font-family:MS PGothic;}
.w1200 {width:1200px;margin:30px auto 0px;overflow:hidden;}
.k1200 {width:1200px;margin:0px auto 0px;}
.fl {float:left !important;}
.fr {float:right !important;}
.no-dis {display: none !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}

.bpic, .lan-title {display:none;}

.banner {overflow:hidden;width:100%;height:697px;background:url(img/banner.jpg) no-repeat center 0px;margin:0px auto;}

.toutiao {overflow:hidden;font-size:20px;color:#666;background:#fffafa;width:1140px;line-height:40px;margin:30px auto 0px;padding:20px 30px;border-bottom:4px solid #eee;}
.toutiao p {text-indent:2em;text-align:justify;}

.container {width: 100%;}

.maina {overflow:hidden;float:left;width:593px;}

.mainb {overflow:hidden;float:right;width:593px;}

.mainaa {overflow:hidden;width:593px;height:45px;background:url(img/bg-002.png) no-repeat 0px 0px;background-size:100% 45px;}
.mainba {overflow:hidden;width:593px;height:45px;background:url(img/bg-003.png) no-repeat 0px 0px;background-size:100% 45px;}
.mainca {overflow:hidden;width:1200px;height:45px;background:url(img/bg-001.png) no-repeat 0px 0px;background-size:100% 45px;}
.mainaa h4, .mainba h4, .mainca h4 {float:right;font-size:14px;color:#333;font-weight:normal;line-height:40px;padding-right:6px;}
.mainaa h4 a, .mainba h4 a, .mainca h4 a {color:#333;}
.mainaa h4 a:hover, .mainba h4 a:hover, .mainca h4 a:hover {color:#333;}

.mainab {overflow:hidden;width:593px;margin:10px auto 30px;}
.mainab ul li {float:left;position:relative;font-size:14px;background:url(img/bg-004.png) no-repeat 5px center;width:573px;height:50px;line-height:50px;padding-left:20px;}
.mainab ul li:after {content: ''; position:absolute;left:0;right:0;bottom:0;height:1px;background:url(img/line.png) no-repeat 20px 0;}
.mainab ul li a {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 18px;}
.mainab ul li:first-child a { color: #ba0303 }

.title3 {overflow:hidden;width:1200px;margin:40px auto 0px;border-bottom:2px solid #1b7fc3;}
.title3 h3 {float:left;font-size:21px;color:#fff;letter-spacing:2px;background:#1b7fc3;line-height:50px;padding:0px 24px;}
.title3 h4 {float:right;font-size:16px;color:#1b7fc3;line-height:50px;font-weight:normal;}
.title3 h4 a {color:#1b7fc3;}

.video-list {margin-top:30px;font-size:0;}
.video-list.special {margin-top:0;}
.video-list li {display:inline-block;margin-right:28px;position:relative;width:279px;}
.video-list li:nth-child(4n) {margin-right:0;}
.video-list li:nth-child(n+5) {margin-top:28px;}
.video-list li .pic {position:relative;width:100%;height:186px;}
.video-list li .pic a {display:block;width:100%;height:100%;position:relative;}
.video-list li .pic a:before {content: '';position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:41px;height:41px;background:url(img/play.png) no-repeat center center;}
.video-list li .pic img {width:100%;height:100%;vertical-align:top;}
.video-list li h3 {position:absolute;bottom:0;left:0;right:0;font-weight:normal;background:rgba(0, 0, 0, 0.6);}
.video-list li h3 a {padding:0 12px;height:34px;line-height:34px;font-size:18px;color:#fff;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;}
.video-list li h3 a:hover{color:#fff;}

/*详情页样式*/
.naini {overflow:hidden;width:1200px;margin:0 auto 0px;padding:0px 0px 15px;border-bottom:1px dotted #c4c4c4;}
.naini h1 {font-size:24px;text-align:center;line-height:32px;padding:0px 0px 10px;}
.naini p {font-size:14px;color:#999;text-align:center;font-weight:normal;line-height:24px;}

.nainj {overflow:hidden;font-size:16px;width:1200px;line-height:32px;margin:15px auto 0px;padding:0px 0px 40px;}
.nainj p {margin:15px 0px 0px;}
.nainj img {margin:15px 0px 0px;}

/*列表页样式*/
.nainh {overflow:hidden;width:1176px;margin:0px auto;padding:0 12px;background:#fff;}
.nainh ul li {overflow:hidden;width:100%;padding:0px 0px 25px;border-bottom:1px dotted #c4c4c4;}
.nainh ul li:nth-child(n+2) {margin-top:25px;}
.nainh ul li h2 {overflow:hidden;float:left;width:200px;height:134px;margin-right:25px;}
.nainh ul li h2 img {width:200px;height:134px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.nainh ul li h2 a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.nainh ul li h3 {overflow:hidden;font-size:21px;height:38px;line-height:38px;}
.nainh ul li h3 a {color:#333;} 
.nainh ul li h3 a:hover {color:#cd0000;}
.nainh ul li p {overflow:hidden;font-size:14px;color:#888;text-indent:2em;height:60px;line-height:30px;margin:10px 0px 0px;}
.nainh ul li p a {color:#cd0000;}
.nainh ul li p a:hover {color:#cd0000;}
.nainh ul li h4 {font-size:12px;color:#666;font-weight:normal;line-height:18px;margin:8px 0px 0px;}

/*面包屑导航样式*/
.crumbs {margin:0 auto;padding:40px 12px;width:1176px;position:relative;background:#fff;font-size:18px;color:#1b1b1b;}
.crumbs a {font-size:18px;color:#1b1b1b;}
.crumbs a:hover {color:#c90827;}

/*视频作品详情页样式*/
.work-detail {margin:0 auto 0;padding:0 12px 40px;width:1176px;background:#fff;overflow:hidden;}
.work-detail ul {overflow:hidden;}
.work-detail ul li {margin-bottom:20px;width:100%;text-align:center;}
.work-detail ul li img {max-width:100%;max-height:1000px;vertical-align:top;}
.work-detail .content {padding:0 30px;}
.work-detail .content .item {}
.work-detail .content .item .label {display:inline-block;margin-right:20px;line-height:40px;font-size:16px;color:#000;font-weight:600;}
.work-detail .content .item .detail {display:inline-block;font-size:16px;color:#333;}
.work-detail .content .item .detail.w-small {width:360px;}
.work-detail .content .item .detail.w-big {width:800px;}
.work-detail .content .item .detail-info {line-height:30px;text-indent:2em;font-size:16px;color:#333;}

/*图片作品详情页样式*/
.work-pic-detail {margin:0 auto 0;padding:0 12px 40px;width:1176px;background:#fff;overflow:hidden;}
.work-pic-detail ul {overflow:hidden;}
.work-pic-detail ul li {margin-bottom:20px;width:100%;text-align:center;}
.work-pic-detail ul li img {max-width:100%;max-height:1000px;vertical-align:top;}
.work-pic-detail .content {padding:30px;border: 1px solid #eee;}
.work-pic-detail .content .item {text-align:center;}
.work-pic-detail .content .item .label {display:inline-block;width: 100px;line-height:40px;font-size:16px;color:#000;font-weight:600;}
.work-pic-detail .content .item .detail {display:inline-block;line-height:40px;font-size:16px;color:#333;font-weight:600;}
.work-pic-detail .content .item .detail.w-small {width:360px;}
.work-pic-detail .content .item .detail.w-big {width:800px;}
.work-pic-detail .content .item .detail-info {line-height:30px;text-indent:2em;font-size:16px;color:#333;}

/*分页样式*/
.page {margin: 0 auto;width:1200px;background:#fff;}
.details {font-size:12px;text-align:center;padding:30px 0px;cursor:pointer;}
.details a {display:inline-block;background:#fff;color:#333;width:auto;padding:10px;border-radius:5px;border:1px solid #ccc;}
.details a:hover {color:#fff;background:#cd0000;color:#f8c379;border:1px solid #cd0000;text-decoration:none;}
.details span {display:inline-block;background:#fff;width:auto;padding:10px;border-radius:5px;border:1px solid #ccc;}
.details input { border:1px solid #ccc; height:36px; }
#pagenav {vertical-align:middle;}

/*底部样式*/
.footer {padding:20px 0;overflow:hidden;font-size:14px;color:#fff;text-align:center;background:#ba0303;width:100%;}
.footer p {margin-top: 15px;}
.footer p:first-child {margin-top:0;}

@media only screen and (min-width:0px) and (max-width:850px)
{
	body {background: #fff;}
    .w1200 {width:94%;margin:5% auto 0;}
	.k1200 {width:94%;margin:0 auto 0;}
    .fl {float:none !important;}
    .fr {float:none !important;}
    .banner, .mainaa, .mainba, .mainca {display:none;}
    
    .bpic {margin:0 auto;display:block;}
	.bg-hjdj-ls-wap {margin:0 auto;display:block;width: 94%;}
    .bpic img, .bg-hjdj-ls-wap img {width:100%;vertical-align:top;}
	
	.toutiao {font-size:14px;background:#fffafa;width:88%;line-height:28px;margin:4% auto 0px;padding:2% 3%;border-bottom:2px solid #eee;}
	.toutiao p {text-indent:0;}
	
	.lan-title {display:block;position:relative;margin:0 auto;width:100%;height:42px;}
    .lan-title:after {content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#ba0303;}
    .lan-title h2 {padding:0 3%;position:absolute;left:0;width:auto;line-height:42px;background:#ba0303;font-size:16px;font-weight:600;color:#fff;text-align:center;}
    .lan-title .more {position:absolute;top:0;right:0;line-height:42px;font-size:14px;color:#333;}
    
    .maina {float:none;width: 100%;}

	.mainb {margin-top:3%;margin-bottom: 3%;float:none;width: 100%;}
	
	.mainab {width:100%;margin:10px auto 3%;}
	.mainab ul li {float:none;background:url(img/bg-004.png) no-repeat 5px center;width:95%;height:40px;line-height:40px;padding-left:5%;}
	.mainab ul li:after {content: ''; position:absolute;left:0;right:0;bottom:0;height:1px;background:url(img/line.png) no-repeat 20px 0;}
	.mainab ul li a {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 16px;}

    
    .crumbs {padding:3%;width:94%;position:relative;font-size:14px;}
    .crumbs a {font-size:14px;}
	
    .nainh {width:94%;}
    .nainh ul li {width:100%;margin:3% 0px 0px;padding:0px 0px 3%;}
    .nainh ul li:nth-child(n+2) {margin-top:3%;}
    .nainh ul li h2 {width:42%;height:auto;margin-right:3%;}
    .nainh ul li h2 img {display:block;width:100%;height:auto;}
    .nainh ul li h3 {font-size:16px;height:48px;line-height:24px;display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
    .nainh ul li p {display:none;}
    .nainh ul li h4 {font-size:13px;color:#666;font-weight:normal;line-height:18px;margin:4px 0px 0px;}
    
    .naini {width:94%;margin:0 auto 0px;padding:0 3% 3%;}
    .naini h1 {font-size:21px;text-align:center;line-height:30px;padding:0px 0px 2%;}
    .naini p {font-size:12px;line-height:21px;text-indent:0 !important;}
    .naini p img {display:block;max-width:100%;height:auto !important;margin:2% auto 0px;}
    
    .nainj {width:94%;line-height:28px;margin:0 auto 0px;}
    .nainj p {margin:2% 0px 0px;text-indent:0 !important;}
    .nainj img {display:block;max-width:100% !important;height:auto !important;margin:2% auto 0px;}
    .nainj p video {width: 100% !important;height:auto !important;}
	
	.pic-list {overflow:hidden;}
	.pic-list li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
	.pic-list li:nth-child(2n) {float:right;}
	.pic-list li:nth-child(4n) {margin-right:0;}
	.pic-list li:nth-child(n+5) {margin-top:0;}
	.pic-list li .pic {height:7.9rem;}
	.pic-list li h4 {margin-top:1%;height:66px;line-height:22px;-webkit-line-clamp: 3;}
	.pic-list li h4 a {display:block;font-size:14px;color:#333;}
	.pic-list li h3 {margin-top:1%;}
    .pic-list li h3 a {height:auto;line-height:22px;font-size:14px;}
	
	.video-list {padding-bottom:0;margin-top:3%;overflow:hidden;}
	.video-list li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
	.video-list li:nth-child(2n) {float:right;}
	.video-list li:nth-child(4n) {margin-right:0;}
	.video-list li:nth-child(n+5) {margin-top:0;}
	.video-list li .pic {height:7.9rem;}
	.video-list li h3 {margin-top:1%;}
    .video-list li h3 a {height:auto;line-height:30px;font-size:14px;color:#fff;}
    
    .video-list2 {padding-bottom:5%;text-align:center;overflow:hidden;}
    .video-list2 li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
    .video-list2 li:nth-child(2n) {float:right;}
    .video-list2 li .pic {height:7.9rem;}
    .video-list2 li h4 {margin-top:1%;height:66px;line-height:22px;-webkit-line-clamp: 3;}
    .video-list2 li h4 a {display:block;font-size:14px;}
    .video-list2 li h3 {margin-top:1%;}
    .video-list2 li h3 a {height:auto;line-height:22px;font-size:14px;}
    .video-list2 li:nth-child(n+5) {margin-top:0;}
    .video-list2 li:nth-child(n+4) {margin-top:0;}
    
    /*视频作品详情页样式*/
    .work-detail {padding:0 3% 5%;width:94%;}
    .work-detail ul li {margin-bottom:3%;}
    .work-detail ul li video {width:100% !important;height:220px;}
    .work-detail ul li img {max-width:100%;vertical-align:top;}
    .work-detail .content {padding:0 3% 0;}
    .work-detail .content h2 {font-weight:600;font-size:16px;}
    .work-detail .content h3 {margin-top:8px;font-size:16px;}
    .work-detail .content h3 span {margin-left:20px;}
    .work-detail .content h4 {margin-top:12px;font-weight:normal;font-size:14px;}
    .work-detail .content .item {margin-bottom: 15px;overflow:hidden;}
    .work-detail .content .item .label {width: 70px;line-height:normal;font-size:14px;}
    .work-detail .content .item .detail {font-size:14px;}
    .work-detail .content .item .detail.w-small {width:80px;}
    .work-detail .content .item .detail.special {width: auto;}
    .work-detail .content .item .detail.w-big {float:right;width:calc(100% - 74px);}
    .work-detail .content .item .detail-info {margin-top:4px;line-height:30px;text-indent:2em;font-size:14px;}
    
    /*图片作品详情页样式*/
    .work-pic-detail {padding:0 3% 5%;width:94%;}
    .work-pic-detail ul li {margin-bottom:3%;}
    .work-pic-detail ul li img {max-width:100%;vertical-align:top;}
    .work-pic-detail .content {padding:3%;}
    .work-pic-detail .content h2 {font-weight:600;font-size:16px;}
    .work-pic-detail .content h3 {margin-top:8px;font-size:16px;}
    .work-pic-detail .content h3 span {margin-left:20px;}
    .work-pic-detail .content h4 {margin-top:12px;font-weight:normal;font-size:14px;}
    .work-pic-detail .content .item {margin-bottom: 15px;overflow:hidden;}
    .work-pic-detail .content .item .label {width: 70px;line-height:normal;font-size:14px;}
    .work-pic-detail .content .item .detail {font-size:14px;}
    .work-pic-detail .content .item .detail.w-small {width:80px;}
    .work-pic-detail .content .item .detail.special {width: auto;}
    .work-pic-detail .content .item .detail.w-big {float:right;width:calc(100% - 74px);}
    .work-pic-detail .content .item .detail-info {margin-top:4px;line-height:30px;text-indent:2em;font-size:14px;}

        .page {width:94%;}

    .footer {padding:3.5% 0;}
    .footer p {margin-top: 2.5%;}
}