@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {font-family:"Microsoft Yahei";font-size:14px;color:#333;text-align:left;background:#fff;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:#c50009;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:40px auto 0px;}
.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, .bg-hjdj-ls-wap, .work-box-wap, .news-list-wap, .hjdj-banner-wap, .czdz-banner-wap, .sfhm-banner-wap, .hmyc-banner-wap {display:none;}

.banner {overflow:hidden;width:100%;height:672px;background:url(img/banner.png) no-repeat center 0px;margin:0px auto;}
.banner.small {height:698px;background:url(img/banner-small.jpg) no-repeat center 0px;}
.bg-gqxc {width:100%;height:798px;background:url(img/bg-01.png) no-repeat center 0px;}
.bg-hjgn {width:100%;height:900px;background:url(img/bg-02.png) no-repeat center 0px;}
.bg-jctp {width:100%;height:587px;background:url(img/bg-03.png) no-repeat center 0px;}

.toutiao {margin: 50px auto 0; /* width: 100%; */padding: 30px 20px; /* height: 556px; */background: url(img/bg-gk.png) no-repeat center center;}
.toutiao p {padding:12px 30px 0 100px;line-height:32px;font-size:16px;color:#83460b;text-indent:2em;text-align:justify;}

.container {width: 100%;}

.wrapper {margin:30px auto 70px;position:relative;width:1200px;}
.wrapper .more {content:'';position:absolute;right:0;bottom:-30px;height:18px;font-weight:600;font-size:16px;color:#c50009;}
.wrapper .content {overflow:hidden;}
.wrapper .ph_img {width:647px;height:431px;overflow:hidden;}
.wrapper .ph_img .swiper-container{position:relative;width:100%;height:100%;overflow:hidden;}
.wrapper .ph_img .swiper-container .swiper-slide{text-align: center;font-size: 22px;line-height: 24px; height:431px; position:relative;}
.wrapper .ph_img .swiper-container .swiper-slide span{padding-left:20px;padding-right:120px;height:36px;line-height:36px;font-size:16px;background: rgba(0, 0, 0, 0.5);position: absolute;bottom:0;left:0;right:0;;font-weight: 500; text-align:left;overflow:hidden;}
.wrapper .ph_img .swiper-container .swiper-slide span a {display:block;height:36px;line-height:36px;color:#fff;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.wrapper .ph_img img{display: block;margin-bottom:10px;width:100%;height:100%;}
.wrapper .ph_img .swiper-container .pagination {position: absolute;left:auto;bottom:0;right:0;width:110px;height:36px;text-align:right;z-index:99;}
.wrapper .ph_img .swiper-container .pagination .swiper-pagination-bullet {display:inline-block !important;margin-top:13px;margin-right:10px;width:10px;height:10px;background-color:#fff;border-radius:50%;}
.wrapper .ph_img .swiper-container .pagination .swiper-pagination-bullet:last-child {margin-right:12px;}
.wrapper .ph_img .swiper-container .pagination .swiper-pagination-bullet-active {background-color:#c50009;}

.wrapper .news-list {width:523px;}
.wrapper .news-list .news-top {padding-bottom: 18px;position:relative;}
.wrapper .news-list .news-top h3 {margin-bottom:6px;font-weight:bold;text-align:center;}
.wrapper .news-list .news-top h3 a {display:block;height:40px;line-height:40px;font-size:22px;color:#c50009;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.wrapper .news-list .news-top p {height:60px;line-height:30px;font-size:16px;color:#333;text-indent:2em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.wrapper .news-list .news-top p a {color:#c50009;}
.wrapper .news-list .news-top::after {content:'';position:absolute;left:0;bottom:0;right:0;height:4px;background:url(img/line.png) no-repeat center center;}

.wrapper .news-list .news-rec {margin-top:12px;overflow:hidden;}
.wrapper .news-list .news-rec li {float:left;position:relative;padding-left: 20px;}
.wrapper .news-list .news-rec li a {display:block;height:38px;line-height:38px;font-size:18px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.wrapper .news-list .news-rec li a:hover {color:#c50009;}
.wrapper .news-list .news-rec li::after {content:'';position:absolute;top:0;bottom:0;left:0;width:9px;background:url(img/dian.png) no-repeat center center;}

.maina {overflow:hidden;position:relative;width:1200px;height:42px;margin:0 auto;}
.maina .more {position:absolute; top: 15px; bottom: 12px; left: 1150px; right:4px;}
.maina.ysjdt {margin: 50px auto 0;background:url(img/pic1.png) no-repeat center center;background-size: 1200px 42px;}
.maina.tsxc {margin: 50px auto 0;background:url(img/pic2.png) no-repeat center center;background-size: 1200px 42px;}
.maina.mtgz {margin: 50px auto 0;background:url(img/pic3.png) no-repeat center center;background-size: 1200px 42px;}
.maina-wap {display:none;}

/*ͼ˵�ֳ� css*/
.pic-list {margin:44px auto 0;width:1200px;overflow:hidden;}
.pic-list li {margin-right:12px;margin-bottom:30px;position:relative;float:left;width:291px;}
.pic-list li:nth-child(4n) {margin-right:0;}
.pic-list li .img {width:100%;height:194px;background:#e7e7e7;text-align:center;}
.pic-list li .img img {max-width:100%;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
.pic-list li .content {margin-top:2px;text-align:center;}
.pic-list li .content h2 {height:44px;line-height:44px;font-weight:bold;overflow:hidden;}
.pic-list li .content h2 a {display:block;height:44px;line-height:44px;font-size:22px;color:#484848;overflow:hidden;}
.pic-list li .content h3 {height:36px;line-height:36px;font-weight:normal;overflow:hidden;}
.pic-list li .content h3 a {display:block;height:40px;line-height:40px;font-size:16px;color:#767676;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.pic-list li:hover .content h2 a,.pic-list li:hover .content h3 a {color:#c90827;}

/*ý���ע css*/
.common-news-list {margin:40px auto 0;width:1200px;overflow:hidden;}
.common-news-list li {float:left;width:48.5%;}
.common-news-list li .pic {float:left;width:188px;height:125px;}
.common-news-list li .detail{float:right;width:374px;height:125px;}
.common-news-list li .detail h3 {}
.common-news-list li .detail h3 a {line-height:40px;font-size:18px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.common-news-list li .detail h3 a:hover {color:#c50009;}
.common-news-list.hjgn li .detail h3 a {color:#fff;}
.common-news-list.hjgn li .detail h3 a:hover {color:#fff;}
.common-news-list li .detail p {height:84px;line-height:28px;font-size:16px;color:#333;text-indent:2em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.common-news-list.hjgn li .detail p, .common-news-list.hjgn li .detail p a {color:#fff;}
.common-news-list li:nth-child(2n) {float:right;}
.common-news-list li:nth-child(n+3) {margin-top:30px;}
.common-news {margin:30px auto 50px;width:1200px;overflow:hidden;}
.common-news li {float:left;position:relative;padding-left:20px;width:562px;height:38px;line-height:38px;}
.common-news li:nth-child(2n) {float: right;}
.common-news li::before {content:'';position:absolute;top:0;bottom:0;left:0;width:20px;background:url(img/dian00.png) no-repeat center left;}
.common-news li a {display:block;height:38px;line-height:38px;font-size:16px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.common-news li a:hover {color:#c50009;}
.common-news.hjgn li a {color:#fff;}
.common-news.hjgn li a:hover {color:#fff;}

/*����ҳ��ʽ*/
.naini {overflow:hidden;width:1200px;margin:25px 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;}
.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;}

.naink {overflow:hidden;width:1200px;margin:0 auto 40px;padding:0px 0px 15px;}
.naink h1 {font-size:24px;text-align:center;line-height:32px;padding:0px 0px 10px;}
.naink .content {text-align:center;background:#f8f8f8;margin:30px auto 0px;padding:0;}
.naink .ad-image-wrapper
{
    width: 100%;
    background: #ededed;
    position: relative;
    overflow: hidden;
}
.naink .ad-image-wrapper .ad-next
{
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.naink .ad-image-wrapper .ad-prev
{
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.naink .ad-image-wrapper .ad-prev .ad-prev-image
{
    background: url(img/ad_prev.png);
    width: 102px;
    height: 95px;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
    display: none;
}
.naink .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(img/ad_next.png);
    width: 102px;
    height: 95px;
    right: 0;
    left: auto;
    position: absolute;
    top: 47%;
    z-index: 101;
    display: none;
}
.naink .video-info {margin-top:30px;}

/*���м������ʽ*/
.crumbs {margin:0 auto 0;padding:40px 12px;width:1176px;position:relative;font-size:18px;color:#1b1b1b;}
.crumbs a {font-size:18px;color:#1b1b1b;}
.crumbs a:hover {color:#c90827;}

/*��Ƶ��Ʒ�б�ҳ��ʽ 4��*/
.video-list-common {padding-bottom:40px;font-size:0;}
.video-list-common li {display:inline-block;margin-right:28px;width:279px;}
.video-list-common li:nth-child(4n) {margin-right:0;}
.video-list-common li:nth-child(n+5) {margin-top:28px;}
.video-list-common li .pic {position:relative;width:100%;height:186px;}
.video-list-common li .pic a {display:block;width:100%;height:100%;position:relative;}
.video-list-common li .pic a:before {content: '';position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:43px;height:43px;background:url(img/play.png) no-repeat center center;}
.video-list-common li .pic img {width:100%;height:100%;vertical-align:top;}
.video-list-common li h4 {margin-top:10px;height:64px;line-height:26px;font-weight:normal;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video-list-common li h4 a {font-size:18px;color:#333;}
.video-list-common li h3 {margin-top:6px;font-weight:normal;}
.video-list-common li h3 a {height:30px;line-height:30px;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-common li h3 a:hover{color:#fff;}
.video-list-common.special li h3 a {color:#333;}
.video-list-common.special li h3 a:hover{color:#333;}

/*��Ƶ��Ʒ����ҳ��ʽ*/
.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:#c50009;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:3% auto 0;}
	.k1200 {width:94%;margin:0 auto 0;}
    .fl {float:none !important;}
    .fr {float:none !important;}
    .banner, .bg-hjdj-ls {display:none;}

    .toutiao {background:none;width:94%;height:auto;margin:4% auto 0px;}
	.toutiao p {padding:0;text-indent:0;font-size:14px;line-height:28px;}
    .toutiao p:last-child {padding:0;}

    .container {margin-top:0;}

    .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;}

	.hjdj-banner-wap {margin:0 auto 3%;display:block;}
	.czdz-banner-wap {margin:4% auto 3%;display:block;}
	.sfhm-banner-wap {margin:4% auto 3%;display:block;width: 94%;}
	.hmyc-banner-wap {margin:4% auto 3%;display:block;width: 100%;}
	.hjdj-banner-wap img, .czdz-banner-wap img, .sfhm-banner-wap img, .hmyc-banner-wap img {width:100%;vertical-align:top;}

    .wrapper {margin:3% auto 0;width:100%;}
    .wrapper .more {right:3%;bottom:-3%;}
    .wrapper .ph_img {width:100%;height:260px;}
    .wrapper .ph_img .swiper-container .swiper-slide{font-size: 22px;line-height: 24px; height:100%;}
    .wrapper .ph_img .swiper-container .swiper-slide span{padding-left:2%;padding-right:2%;height:36px;line-height:36px;font-size:16px;background: rgba(0, 0, 0, 0.6);width:100%;box-sizing:border-box;text-align:center;}
    .wrapper .ph_img img{margin-bottom:10px;width:100%;height:100%;}
    .wrapper .ph_img .swiper-container .pagination {display:none;width:80px;height:23px;}
    .wrapper .ph_img .swiper-container .pagination .swiper-pagination-bullet {margin-right:6px;width:8px;height:8px;}
    .wrapper .ph_img .swiper-container .pagination .swiper-pagination-bullet:last-child {margin-right:10px;}

    .wrapper .news-list {margin:3% auto 0;width:94%;padding-top:4px;}
    .wrapper .news-list .news-top {padding-bottom: 4%;}
    .wrapper .news-list .news-top h3 a {height:auto;line-height:30px;font-size:18px;}
    .wrapper .news-list .news-top p {margin-top:5px;height:auto;line-height:24px;font-size:14px;text-indent:0;}

    .wrapper .news-list .news-rec {margin-top:2%;}
    .wrapper .news-list .news-rec li {padding-left: 16px;}
    .wrapper .news-list .news-rec li a {height:36px;line-height:36px;font-size:16px;}

    .maina {display:none;width:94%;height:auto;margin:8% auto 3%;}
    .maina h3 img {width:100%;vertical-align:middle;}

    .lan-title {position:relative;margin:50px auto 40px;width:1200px;height:59px;}
.lan-title h2 {display:none;position:absolute;left:68px;top:-3px;width:200px;line-height:42px;font-size:40px;font-weight:600;color:#c05660;text-align:left;}
.lan-title img { vertical-align:top;}
.lan-title .more {position:absolute;width:38px;height:16px;top:21px;right:0;background:url(img/more.jpg) no-repeat center 0px;}


    .maina-wap {padding:0 3%;margin:5% auto 4%;display:block;position:relative;width:94%;height:42px;}
    .maina-wap:after {content:'';position:absolute;left:3%;right:3%;bottom:0;height:2px;background:#c50009;}
    .maina-wap h2 {padding:0 3%;position:absolute;top:0;left:3%;width:auto;line-height:42px;background:#c50009;font-size:16px;font-weight:600;color:#fff;text-align:center;}
    .maina-wap .more {position:absolute;width:38px;height:16px;bottom:12px;top:auto;right:3%;line-height:42px;background: url(img/more.jpg) no-repeat center 0px;}

    .pic-list {margin:36px auto 0;width:94%;}
	.pic-list.mt-small {margin: 3% auto 0;}
	.pic-list.mt-big {margin: 66px auto 0;}
	.pic-list li {margin-right:0;margin-bottom:2%;float:left;width:49%;}
	.pic-list li:nth-child(even) {float:right;}
	.pic-list li .img {height:126px;}
	.pic-list li .content {margin-top:1%;}
	.pic-list li .content h2 {height:32px;line-height:32px;}
	.pic-list li .content h2 a {height:32px;line-height:32px;font-size:18px;}
	.pic-list li .content h3 {height:26px;line-height:26px;}
	.pic-list li .content h3 a {height:26px;line-height:26px;font-size:16px;}

    .common-news-list {margin:0 auto 3%;width:94%;}
    .common-news-list li {float:none;width:100%;}
    .common-news-list li .pic {float:none;width:100%;height:auto;}
    .common-news-list li .detail{float:none;width:100%;height:auto;}
    .common-news-list li .detail h3 a {line-height:30px;font-size:16px;-webkit-line-clamp:2;}
    .common-news-list li .detail p {height:auto;line-height:26px;font-size:14px;text-indent:0;}
    .common-news-list li:nth-child(2n) {float:none;}
    .common-news-list li:nth-child(n+2) {margin-top:2%;}
    .common-news-list.hjgn li .detail h3 a, .common-news-list.hjgn li .detail p, .common-news-list.hjgn li .detail p a {color:#333;}
    .common-news {margin:0 auto;width:94%;}
	.common-news li {float:none;padding-left: 30px;width:calc(100% - 30px);height:36px;line-height:36px;}
	.common-news li:nth-child(2n) {float: none;}
	.common-news li::before,
    .common-news.gqxc li::before,
    .common-news.hjgn li::before  {background-size: 10px auto;}
	.common-news li a {height:36px;line-height:36px;font-size:16px;color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
    .common-news.hjgn li a {color:#333;}

    .gqxc-wrap {padding-top:0;}
    .hjgn-wrap {padding-top:0;}

    .mainb {margin:5% auto 4%;width:94%;overflow: hidden;}
    .mainb li {margin-right:0;width:48.5%;height:auto;}
    .mainb li:nth-child(2n) {float:right;}
    .mainb li:nth-child(4n) {margin-right:0;}
    .mainb li:nth-child(n + 5) {margin-top:0;}
    .mainb li:nth-child(n + 3) {margin-top:3%;}

    .crumbs {padding:3%;margin-top:0;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 {padding:0;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 {margin:5% auto;padding-top:0;padding-bottom:7%;width:94%;}
    .video-list .more {top:auto;bottom:0;}
    .video-list .swiper-slide {width:100%;}
    .video-list .swiper-slide .pic {width:100%;height:5.7rem;}
    .video-list .swiper-slide .pic a:before {content: '';position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:43px;height:43px;background:url(img/play.png) no-repeat center center;}
    .video-list .swiper-slide .pic img {width:100%;height:100%;vertical-align:top;}
    .video-list .swiper-slide h4 {margin-top:10px;height:64px;line-height:26px;font-weight:normal;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .video-list .swiper-slide h4 a {font-size:18px;color:#333;}
    .video-list .swiper-slide h3 {margin-top:6px;font-weight:normal;}
    .video-list .swiper-slide h3 a {height:52px;line-height:26px;font-size:16px;-webkit-line-clamp: 2;}

    /*��Ƶ��Ʒ�б�ҳ��ʽ 4��*/
	.video-list-common {padding-bottom:0;overflow:hidden;}
	.video-list-common li {margin-bottom:3%;margin-right:0;float:left;width:48.5%;}
	.video-list-common li:nth-child(2n) {float:right;}
	.video-list-common li:nth-child(4n) {margin-right:0;}
	.video-list-common li:nth-child(n+5) {margin-top:0;}
	.video-list-common li .pic {height:7.9rem;}
	.video-list-common li h4 {margin-top:1%;height:66px;line-height:22px;-webkit-line-clamp: 3;}
	.video-list-common li h4 a {display:block;font-size:14px;color:#333;}
	.video-list-common li h3 {margin-top:1%;}
    .video-list-common li h3 a {height:22px;line-height:22px;font-size:14px;color:#333;}

    .video-list2 {padding-bottom:5%;text-align:center;}
    .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:125px;}
    .video-list2 li h4 {}
    .video-list2 li h4 a {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;}

    /*��Ƶ��Ʒ����ҳ��ʽ*/
    .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;}

    .footer {padding:3.5% 0;margin-top:5%;}
    .footer p {margin-top: 2.5%;}
}
@media only screen and (max-width: 850px) {
    .page,
    .pagination,
    .details {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        white-space: normal !important;
    }
    .details {
        text-align: center;
        padding: 15px 10px !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
    .details a,
    .details span {
        display: inline-block;
        padding: 6px 10px !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.2;
        white-space: nowrap;
    }
    .details input {
        width: 50px !important;
        height: 32px !important;
        font-size: 14px;
        margin: 0 4px;
    }
    .details button {
        padding: 6px 12px;
        font-size: 14px;
    }

    .naink,
    .naink .content,
    .naink .ad-image-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .naink .ad-image-wrapper img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    .naink .ad-image-wrapper .ad-next,
    .naink .ad-image-wrapper .ad-prev {
        width: 40px !important;
        height: 100% !important;
        background: transparent !important;
    }
    .naink .ad-image-wrapper .ad-next .ad-next-image,
    .naink .ad-image-wrapper .ad-prev .ad-prev-image {
        width: 30px !important;
        height: 30px !important;
        background-size: contain !important;
    }


    body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .naink {
        flex: 1 0 auto !important;
    }

    .footer {
        flex-shrink: 0 !important;
        margin-top: 0 !important;
        position: relative !important;
        bottom: auto !important;
    }
}