﻿.list-news {margin-bottom:30px;}
.list-news .time{margin-top:70px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:52px;line-height:54px;}
.list-news .news {margin-top:70px;margin-left:50px;margin-right:30px}
.list-news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list-news .button{margin-top:70px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.list-news:hover .button{background:#008f8e;color:#fff;border:1px solid #008f8e}
.list-news:hover h3 a{color:#008f8e}
.list-news .news p{font-size: 16px;text-align: justify;line-height: 2;}


.list-news2 
{
    display:none;
}


.news-content {
	width: 100%;
	padding: 65px 0 15px;
	overflow: hidden;
	background-color: #f5f5f5;
}
.news-title {
	width: 100%;
	margin: 0 0 70px;
	overflow: hidden;
	position: relative;
}
.news-title:before {
	content: '';
	display: block;
	width: 67px;
	height: 77px;
	overflow: hidden;
	background: url(../images/line.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 212px;
	bottom: 24px;
}
.news-title h2 {
	font-size: 62px;
	line-height: 85px;
	font-family: "wigrumweb";
	font-weight: bold;
	color: #333333;
	margin: 0 0 10px;
	letter-spacing: -4px;
}
.news-title h3 {
	font-size: 32px;
	line-height: 35px;
	font-weight: lighter;
	color: #333333;
}
@media only screen and (max-width: 991px) 
{
    .p_1 {
        width: 100% !important;
    }
    .p_2 {
        width: 100% !important;
        float: left !important;
        text-align: left !important;
    }
}
@media only screen and (max-width: 750px) {
	.news-content {
		padding: 30px 0 15px;
	}
	.news-title {
		margin: 0 0 30px;
	}
	.news-title:before {
		width: 44px;
		height: 44px;
		left: 171px;
	}
	.news-title h2 {
		font-size: 42px;
		line-height: 50px;
		margin: 0 0 5px;
		letter-spacing: -2px;
	}
	.news-title h3 {
		font-size: 24px;
		line-height: 25px;
	}
}
@media only screen and (min-width: 992px) {
	.news-content {
		padding: 55px 0 15px;
	}
	.news-title {
		margin: 0 0 40px;
	}
	.news-title:before {
		width: 55px;
		height: 55px;
		left: 152px;
	}
	.news-title h2 {
		font-size: 64px;
		line-height: 65px;
		margin: 0 0 5px;
		letter-spacing: -2px;
	}
	.news-title h3 {
		font-size: 24px;
		line-height: 25px;
	}
}
@media only screen and (min-width: 1200px) {
	.news-content {
		padding: 50px 0 15px;
	}
	.news-title {
		margin: 0 0 55px;
	}
	.news-title:before {
		width: 66px;
		height: 66px;
		left: 172px;
	}
	.news-title h2 {
		font-size: 72px;
		line-height: 75px;
		margin: 0 0 8px;
		letter-spacing: -3px;
	}
	.news-title h3 {
		font-size: 28px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 1550px) {
	.news-content {
		padding: 80px 0 15px;
	}
	.news-title {
		margin: 0 0 70px;
	}
	.news-title:before {
		width: 77px;
		height: 77px;
		left: 241px;
	}
	.news-title h2 {
		font-size: 62px;
		line-height: 66px;
		margin: 0 0 10px;
		letter-spacing: -4px;
	}
	.news-title h3 {
		font-size: 32px;
		line-height: 35px;
	}
}
/*æ–°é—»è¯¦æƒ…*/
.news-details {
	width: 100%;
	padding: 190px 0 50px;
	overflow: hidden;
}
.news-details .details-top {
	width: 100%;
	overflow: hidden;
}
.details-top h3 {
	font-size: 32px;
	line-height: 35px;
	color: #000000;
	margin: 0 0 12px;
}
.details-top p {
	width: 100%;
	color: #9d9d9d;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.news-details .details-center {
	width: 100%;
	margin: 28px 0;
	padding: 30px 0 20px;
	overflow: hidden;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
}
.details-center p {
	color: #9d9d9d;
	font-size: 14px;
	line-height: 30px;
}
.details-center img {
	display: block;
	max-width: 100%;
	margin: 15px auto;
}
.news-details .details-bottom {
	width: 100%;
	overflow: hidden;
}
.details-bottom .details-page {
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	overflow: hidden;
	float: left;
}
.details-page p {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px;
	font-size: 14px;
	overflow: hidden;
}
.details-page p a {
	color: #bdbdbd;
	transition: all 0.5s;
}
.details-page p a:hover {
	color: #008f8e;
	text-decoration: underline !important;
}
.details-return {
	width: 200px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	padding: 0 15px;
	overflow: hidden;
	position: relative;
	float: right;
}
.details-return span {
	color: #008f8e;
	position: relative;
	z-index: 1;
}
.details-return:before {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	overflow: hidden;
	border-right: 2px solid #008f8e;
	border-bottom: 2px solid #008f8e;
	position: absolute;
	left: -12px;
	bottom: 0px;
	transform: skewX(45deg);
	transition: all 0.5s linear;
}
.details-return:hover span {
	color: #FFFFFF;
}
.details-return:hover:before {
	height: 100%;
	background-color: #008f8e;
	transform: skewX(0deg);
}
@media only screen and (max-width: 991px) {
	.news-details {
		padding: 190px 0 100px;
	}
	.details-top h3 {
		font-size: 48px;
		line-height: 55px;
		margin: 0 0 20px;
	}
	.details-top p {
		line-height: 30px;
		font-size: 28px;
	}
	.news-details .details-center {
		margin: 50px 0;
		padding: 60px 0 50px;
		border-top-width: 2px;
		border-bottom-width: 2px;
	}
	.details-center p {
		font-size: 28px;
		line-height: 50px;
	}
	.details-center img {
		margin: 30px auto;
	}
	.details-bottom .details-page {
		width: 100%;
		float: none;
	}
	.details-page p {
		height: 40px;
		line-height: 40px;
		margin: 0 0 10px;
		font-size: 28px;
	}
	.details-return {
		width: 350px;
		height: 80px;
		line-height: 80px;
		font-size: 28px;
		padding: 0 30px;
		float: none;
		margin: 30px 0 0;
	}
	.details-return:before {
		border-right-width: 4px;
		border-bottom-width: 4px;
		left: -16px;
	}
}
@media only screen and (max-width: 750px) {
	.news-details {
		padding: 90px 0 50px;
	}
	.details-top h3 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 10px;
	}
	.details-top p {
		line-height: 20px;
		font-size: 14px;
	}
	.news-details .details-center {
		margin: 25px 0;
		padding: 30px 0 25px;
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.details-center p {
		font-size: 14px;
		line-height: 25px;
	}
	.details-center img {
		margin: 15px auto;
	}
	.details-page p {
		height: 20px;
		line-height: 20px;
		margin: 0 0 5px;
		font-size: 14px;
	}
	.details-return {
		width: 135px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 15px;
		margin: 35px 0 15px;
		float: right;
	}
	.details-return:before {
		border-right-width: 2px;
		border-bottom-width: 2px;
		left: -12px;
	}
	/* 新闻列表 */
    .list-news2 {
        margin-bottom: 10px;
        display:block;
    }

    .list-news2 .news {
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px
    }

    .list-news2 .news h3 a {
        display: block;
        font-size: 16px;
        color: #333;
        margin-bottom: 5px
    }

    .list-news2:hover h3 a {
        color: #008f8e;
    }
    
    
    .list-news
    {
        display:none;
    }
    
    
    .article .post h1 {
        font-size: 20px !important;
        text-align: center;
    }
    .text-default {
        font-size: 14px !important;
        text-align: center;
    }
    .padding-big-bottom {
        padding-bottom: 10px !important;
    }
    .article .padding-large {
        padding: 30px 0px !important;
        font-size: 16px !important;
    }
    .sidebar-l {
        margin-right: 0 !important;
    }
    .article .post p {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin: 10px 0px;
    }
    .list-post-text li.dot a {
        font-size: 16px;
    }
    .list-post-text li.dot a:before {
        left: 0px !important;
    }

    /* 新闻列表 */
}
@media only screen and (min-width: 992px) {
	.news-details {
		padding: 130px 0 40px;
	}
}
@media only screen and (min-width: 1200px) {
	.news-details {
		padding: 160px 0 45px;
	}
}
@media only screen and (min-width: 1550px) {
	.news-details {
		padding: 190px 0 50px;
	}
}


/* 内容 begin */
.article{overflow:hidden; background-color:#ffffff;}
.article .padding-large{padding:10px 30px}
.article .post h1{font-size:28px;font-weight:600;text-align: center;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0;text-align: center;}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0;text-align: center;}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:14px;line-height:27px; text-align: justify;}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#008f8e;border-bottom:0 solid #008f8e}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#888888}
.text-default{ text-align:center;}
/* 内容 end */


/* 标题样式-居中 */
.title-c{position:relative;}
.title-c h3{position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;font-weight:600}
.title-c h3:before {background:#FFD100;content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px;left:50%;margin-left:-15px;}

/* 标题样式-左 */
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:18px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#008f8e;left:0}


/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#008f8e;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/


/* 横向左图右字列表 begin*/
.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #ECEFF5;padding-bottom:20px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-md{position:relative;max-width:100px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media a:hover{color:#434C5A}
.list-post-x .media-body p{color:#888888;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}
/* 横向上图下字列表 end */


.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}


.bg-gray{background:#F7F7F7}
.bg-sub{background:#6e6e6e}


.mb5{margin-bottom: 5px;}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/


@media(max-width: 750px) {
    .xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12 {
        float:left
    }

    .x4 {
        width: 41.66666667%
    }
    
    
    .x9 {
        width: 100% !important;
    }
    .x10 {
        width: 100% !important;
    }
    .x3 {
        width: 100% !important;
    }
}


.article table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.article table tr {
    height: auto !important;
}

.article table td:first-child {
    width: 150px !important;
}

.article table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
}

.article table td p {
    display: block;
    margin: 0;
    text-align:center !important;
}

.article table td span {
    display: inline-block;
    margin: 0;
    font-size: 16px !important;
    text-align: center !important;
}

.article table tr {
    transition: all .2s;
}

.article table tr:hover {
    background: #e7f1fc;
}


.p_3{ border-bottom:#d9d9d9 solid 1px; width:100%; float:left; margin-bottom:50px;}
.p_1{ width:50%; float:left; text-align:left; line-height:25px; margin-bottom:20px;}
.p_2{ width:50%; float:right; text-align:right; line-height:25px; margin-bottom:20px;}