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

html{ min-height:101%;}
.details{ width:85%; margin:25px auto; overflow:hidden; position:relative; margin-bottom:90px;}
.details-left{ width:100%; float:left;}
.details-title{ width:100%; float:left;}
.details-title h3{ font-size:25px; color:#00a650; text-align:center;}
.details-info{ width:100%; float:left; padding-top:1%; line-height:24px; color:#666; font-size:15px;}
.news_view_page{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #737272;
	font-size: 15px;
}
.details-right{ width:25.5%; float:right;}
.details-bk{ width:100%; float:left; padding-bottom:2%; border:solid 1px #e0e0e0; margin-bottom:5%;}
.details-name{ float:left; width:100%;}
.details-name h2{ float:left; margin-left:5%; font-size:25px; color:#00a650; line-height:30px;}
.details-name i{ float:left; margin-left:1%; margin-top:24px; font-size:18px; color:#999;}
.details-img{ width:92%; float:left; margin-left:4%; text-align:center;}
.details-img img{ width:100%;}
.details-list{ width:90%; float:left; margin-left:5%; padding-top:2%;}
.details-list ul li{ width:100%; float:left; margin-bottom:4%;}
.details-list ul li a{ font-size:16px; color:#777; width:100%; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-height:28px; }
@media screen and (min-width:1240px) and (max-width:1600px) {
.details{ width:80%;}
.details-title h3{ font-size:18px;}
.details-name h2{ font-size:20px;}
.details-name i{ font-size:14px;}
.details-list ul li a{ font-size:14px;}
.details-left{ padding-left:0.5%;}
}
@media screen and (min-width:1025px) and (max-width:1239px) {
.details{ width:100%;}
.details-title h3{ font-size:18px;}
.details-name h2{ font-size:20px;}
.details-name i{ font-size:14px;}
.details-list ul li a{ font-size:14px;}
.details-left{ padding-left:0.5%;}
}
@media screen and (min-width:900px) and (max-width:1024px) {
.gd{ display:block; height:50px !important;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:48%; margin-left:1.5%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:16px;}
}
@media screen and (min-width:800px) and (max-width:899px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:48%; margin-left:1.5%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:16px;}
}
@media screen and (min-width:750px) and (max-width:799px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:48%; margin-left:1.5%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:16px;}
}
@media screen and (min-width:720px) and (max-width:749px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:48%; margin-left:1.5%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:16px;}
}
@media screen and (min-width:640px) and (max-width:719px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:100%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:16px;}
}
@media screen and (min-width:415px) and (max-width:639px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:100%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-img img{ width:100%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li{ margin-bottom:1%;}
.details-list ul li a{ font-size:14px;}
}
@media screen and (min-width:376px) and (max-width:414px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:100%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li a{ font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:375px) {
.gd{ display:none;}
.details{ width:98%; padding:0 1%; margin:auto;}
.details-left{ width:100%;}
.details-title{ text-align:center;}
.details-title h3{ font-size:16px; line-height:24px;}
.details-info{ width:100%; font-size:14px; padding-bottom:5%;}
.details-right{ width:100%;}
.details-bk{ width:100%;}
.details-name h2{ font-size:18px;}
.details-name i{ font-size:14px;}
.details-img{ width:98%; margin-left:1%;}
.details-list{ width:98%; margin-left:1%;}
.details-list ul li a{ font-size:14px;}
}