.main-container {
	margin: 30px auto
}
.news-ul li {
	margin-bottom: 30px
}
.news-list-title a {
	color: #1a1a1a;
	font-size: 24px;
	font-weight: 700
}
.news-list-title {
	margin-bottom: 10px
}
.news-list-images {
	display: block
}
.news-list-images img {
	width: 100%;
	vertical-align: middle
}
.news-list-texts {
	margin: 20px 0;
	font-size: 15px;
	line-height: 20px
}
.class-select {
	height: 44px;
	border-radius: 5px;
	width: 100%;
	background: #f2f3f5;
	font-size: 17px;
	color: #4d4d4d;
	display: none;
	margin-bottom: 10px
}
.hot-item-title a {
	font-size: 15px;
	font-weight: 700;
	color: #333
}
@media (max-width: 767px) {
	.class-select {
	display: block
}
.news-list-texts {
	margin: 20px 0;
	font-size: 14px;
	line-height: 20px
}
.news-list-title a {
	color: #1a2a68;
	font-size: 20px;
	font-weight: 700
}
.hot-depiction {
	margin: 0
}
}.hot-depiction {
	margin: 20px 0;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	height: 60px;
	overflow: hidden;
	padding-left: 7px
}
.pages {
	padding: 30px 0
}
.content-left {
	width: 70%;
	box-sizing: border-box;
	padding-right: 15px
}
.content-right {
	width: 30%;
	padding-left: 15px;
	box-sizing: border-box
}
.hot-block-title {
	background: #f5f5f5;
	padding: 0 15px;
	line-height: 48px;
	color: #555;
	font-weight: 700;
	font-size: 17px;
	margin: 10px 0
}
.hot-classification li {
	border-bottom: 1px solid #ccc;
	line-height: 20px;
	padding: 8px 0
}
.hot-classification ul a {
	display: block;
	color: #999;
	font-size: 14px;
	font-weight: 700
}
.hot-classification {
	margin-bottom: 45px
}
.hot-classification-smail a {
	line-height: 30px;
	display: inline-block;
	border: 1px solid #d8d8d8;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #7d7d7d;
	padding: 0 7px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 12px
}
.hot-content-block-ul li {
	border-bottom: 1px solid #ccc;
	padding: 12px 0;
	position: relative
}
.new-tag-a {
	font-size: 12px;
	color: #666;
	margin-left: 20px
}
@media (max-width: 321px) {
	.new-tag-a {
	font-size: 12px;
	color: #666;
	margin-left: 2px
}
.new-hot-content-block-desc {
	color: #999;
	font-size: 12px;
	line-height: 12px
}
}@media (max-width: 450px) {
	.hot-block {
	display: none
}
}.tagicon {
	background: url(/assets/images/tag-icon.svg) no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	opacity: .4;
	background-size: 12px
}
.hot-content-block-images {
	display: block;
	width: 43%
}
.hot-content-block-images img {
	width: 100%;
	vertical-align: middle
}
.hot-content-block-text {
	width: 55%
}
.hot-content-block-desc {
	color: #999;
	font-size: 12px;
	line-height: 18px
}
.hot-content-block-titles a {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #666;
	line-height: 16px;
	height: 48px;
	overflow: hidden
}
.hot-content-block-bottom {
	width: 55%;
	right: 0;
	bottom: 12px;
	position: absolute;
	line-height: 20px
}
.hot-content-block-bottom .index-numbers {
	font-size: 12px
}
.hot-content-block-bottom .index-numbers img {
	vertical-align: middle
}
.hot-content-block-bottom {
	display: inline-block;
	border-radius: 3px;
	background: #999;
	color: #fff;
	padding: 0 8px
}
.hot-content-block ul li {
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
	line-height: 20px;
	display: inline-block
}
.hot-image img {
	width: 100%;
	vertical-align: middle
}
.hot-image {
	display: block;
	margin-bottom: 5px
}
.hot-item-title h3 a {
	display: block;
	color: #555;
	font-size: 15px;
	height: 50px;
	line-height: 20px;
	font-weight: 700
}
.article-bottom {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 0;
	color: #999;
	line-height: 20px;
	color: #666
}
.article-bottom a {
	color: #666
}
.article-bottom .index-numbers {
	font-size: 12px
}
.article-bottom .index-numbers img {
	vertical-align: middle
}
.list-tag-block {
	font-size: 12px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 0;
	color: #999;
	line-height: 20px;
	color: #999;
	line-height: 25px
}
.list-tag-block a {
	color: #999
}
.list-tag-block .index-numbers {
	font-size: 12px;
	color: #999
}
.list-tag-block .index-numbers img {
	vertical-align: middle
}
.contact-button-fix {
	display: block;
	position: fixed;
	right: 34px;
	bottom: 150px;
	color: #b58150;
	text-align: center
}
.contact-button-fix img {
	width: 50px;
	vertical-align: middle
}
@media (min-width: 1080px) {
	.content-right a: hover {
	opacity: .8
}
.hot-classification-smail a: hover {
	background: #d8d8d8!important
}
}@media (max-width: 767px) {
	.content-left {
	width: 100%;
	padding: 0
}
.content-right {
	width: 100%;
	padding: 0;
	margin-top: 30px
}
.contact-button-fix {
	display: none
}
.hot-classification {
	display: none!important
}
.footer-bottom-images p {
	display: block
}
.hot-image {
	width: 43%;
	float: left
}
.hot-blog-title .hot-item-title {
	height: 211px;
	position: relative
}
.hot-blog-title {
	width: 55%;
	position: relative
}
.hot-item-title h3 a {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #666;
	line-height: 16px;
	overflow: hidden
}
.hot-depiction,.hot-item-title {
	width: 55%;
	float: right
}
.hot-depiction {
	margin: unset;
	padding: 0
}
.width-100 {
	width: 100%
}
}.contents-bottom-title {
	padding: 45px 10px 10px 10px;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	border-top: 1px solid #ccc
}
.contents-message {
	border: none;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px
}
.contents-display-button {
	cursor: pointer;
	background: #666;
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #666;
	font-size: 13px;
	margin-left: 10px
}
.contents-display-button em {
	display: inline-block;
	background: url(/assets/images/xindenr_266.png) no-repeat;
	width: 14px;
	height: 6px;
	margin-left: 5px;
	vertical-align: 2px;
	background-size: 10px
}

}.content-banner {
	background: url(/assets/images/new_img/article.png) no-repeat center;
	background-size: cover
}
.content-main img {
	max-width: 100%
}
.content-main img {
	text-align: center;
	margin: auto;
	display: block
}
.content-img-center {
	text-align: center
}
.content-main td {
	padding: 10px 0
}
.content-main p,td {
	font-size: 16px;
	color: #888;
	line-height: 30px;
	margin: 1% 0 1% 0
}
.content-main strong {
	font-weight: 700;
	color: #333;
	font-size: 16px
}
.content-main p em {
	font-size: 30px;
	color: #888;
	font-weight: 700;
	font-style: normal
}
.content-main strong em {
	color: #888
}
.content-main h2 {
	background: #444;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	line-height: 33px;
	font-weight: 700;
	padding: 5px 10px;
	margin: 5% 0 2% 0
}
.content-main {
	padding: 20px 0
}
.content-main blockquote p {
	background: #f1f1f1;
	padding: 1%;
	border-left: 3px solid #bfa67a
}
.content-main h3 {
	font-size: 20px;
	line-height: 33px;
	margin: 5% 0 1.5% 0;
	color: #9f353a;
	font-weight: 700
}
.content-main h4 {
	font-size: 18px;
	line-height: 33px;
	margin: 5% 0 1.5% 0;
	color: #555;
	font-weight: 700
}
.content-main a {
	color: #333!important;
	font-size: 16px!important;
	text-decoration: underline!important
}
.content-main li {
	font-weight: 700;
	list-style: disc;
	margin-left: 23px;
	color: #888;
	line-height: 30px;
	font-size: 16px
}
.content-main #content-table {
	width: 100%
}
.content-main .major-item {
	background-color: #9f353a;
	height: 55px;
	text-align: center;
	font-weight: 700
}
.content-main .major-item p,.content-main .major-item td {
	color: #fff
}
.content-main .minor-item {
	background-color: #dcdcdc
}
.article-copyright-announcement p {
	line-height: normal;
	font-size: 12px;
	margin-top: 7px;
	border-radius: 5px;
	border: 1px solid #b10808;
	padding: 3px 10px;
	color: #b10808
}
.article-copyright-announcement-btn {
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
	padding: 3px 10px;
	background-color: #a94442;
	color: #fff;
	border-radius: 5px;
	font-size: 12px
}
.article-copyright-announcement-btn img {
	vertical-align: text-top;
	padding-bottom: unset;
	display: unset
}
.content-bottom-title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
	line-height: 50px
}
.content-bottom li {
	float: left;
	width: 33.3%;
	margin-top: 20px
}
.content-bottom-item {
	margin: 0 10px;
	margin-bottom: 20px;
	position: relative
}
.content-bottom {
	margin-bottom: 30px
}
@media (max-width: 767px) {
	.content-bottom-title {
	background: #f5f5f5;
	padding: 0 15px;
	line-height: 48px;
	color: #555;
	font-weight: 700;
	font-size: 17px
}
.content-bottom li {
	width: 100%;
	margin-top: 10px
}
.content-main p {
	font-size: 15px;
	line-height: 28px
}
.content-main strong {
	font-size: 15px
}
.content-main h2 {
	font-size: 20px;
	line-height: 28px
}
.content-main h3 {
	font-size: 18px;
	line-height: 26px
}
.content-main h4 {
	font-size: 17px;
	line-height: 26px
}
.content-main li {
	font-size: 15px
}
.content-bottom-item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}
.article-copyright-announcement p {
	line-height: 17px;
	font-size: 12px
}
}.blog-ul li {
	margin-bottom: 35px
}
.blog-imgaes {
	display: block;
	width: 48%
}
.blog-imgaes img {
	width: 100%;
	vertical-align: middle
}
.blog-item {
	margin-bottom: 10px
}
.blog-content {
	width: 48%
}
.blog-title a {
	color: #666;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	display: block
}
.blog-description {
	color: #999;
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px
}
.hot-blog-description {
	color: #999;
	font-size: 13px;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 18px;
	height: 36px
}
.knowledge-select {
	height: 44px;
	border-radius: 5px;
	width: 100%;
	background: #f2f3f5;
	font-size: 17px;
	color: #4d4d4d;
	display: none;
	margin-bottom: 10px
}
@media (max-width: 767px) {
	.blog-title a {
	font-size: 17px;
	line-height: 21px
}
.blog-description {
	line-height: 18px
}
.blog-content,.blog-imgaes {
	width: 100%
}
.blog-title a {
	font-size: 18px
}
.blog-content {
	margin-top: 20px
}
.knowledge-select {
	display: block
}
}#video-page .content-left {
	float: left;
	width: 64%
}
.video-list-title {
	color: #252525;
	font-size: 22px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px
}
.hot-video {
	background: #f2f2f2;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 30px
}
.video-ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px
}
.hot-video-list iframe {
	width: 100%!important;
	height: 185px!important
}
.video-title {
	font-size: 23px;
	text-align: center;
	font-weight: 700;
	margin: 10px 0
}
.video-item-title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 25px;
	height: 50px;
	overflow: hidden
}
.hot-video-phone {
	display: none
}
.hot-video-phone .swiper-pagination {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -45px
}
.hot-video-phone .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #c9caca;
	margin: 0 5px;
	opacity: 1
}
.hot-video-phone .swiper-pagination-bullet-active {
	background: #e1ca8b
}
.hot-video-phone .swiper-pagination-bullet: focus {
	outline: 0
}
.all-video li {
	margin-bottom: 15px
}
.contnet-right {
	width: 32%
}
.contnet-right-hot-ul li {
	margin-bottom: 15px;
	position: relative
}
#video-page .hot-content-block ul .hot-image {
	width: 34%;
	float: left
}
#video-page .hot-content-block ul .hot-image img {
	width: 100%;
	vertical-align: middle;
	border-radius: 2px
}
.hot-content {
	width: 64%
}
.contnet-right-hot-item-title {
	color: #444343;
	font-size: 15px;
	margin-bottom: 8px;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}
#video-page .hot-depiction {
	font-size: 13px;
	line-height: 18px;
	height: 36px;
	margin-bottom: 5px;
	color: #9e9e9e;
	overflow: hidden
}
.contnet-right-more {
	line-height: 19px;
	margin-top: 3px;
	font-size: 12px;
	padding: 0 5px;
	color: #4c4948;
	display: inline-block;
	border: 1px solid #d8d8d8;
	border-radius: 5px
}
.contnet-right-hot-ul .tags {
	position: absolute;
	width: 64%;
	box-sizing: border-box;
	right: 0;
	bottom: 0
}
.contnet-right-hot-date {
	font-size: 12px;
	color: #999
}
#video-page .news-left .hot-content-block ul .hot-image {
	width: 26%
}
#video-page .news-left .hot-content-block ul .hot-content {
	width: 72%
}
.news-left .tags {
	width: 72%
}
.contents-main img {
	max-width: 100%
}
.contents-main {
	color: #888;
	font-size: 14px;
	line-height: 30px
}
.contents-main h2 {
	color: #fff;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 28px;
	border-radius: 5px;
	padding: 5px 10px;
	background: #666
}
.contents-main h3 {
	color: #c8ac89;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 26px
}
.info-quote {
	background: #f5f5f5;
	max-width: 100%;
	margin: 3% auto;
	border-radius: 10px;
	padding: 3%
}
.contents-main .info-quote h2 {
	margin-top: 0;
	background: 0 0;
	color: #444;
	padding: 0 0
}
.contents-main ul {
	background-color: #f8f8f8;
	border-radius: 5px;
	padding: 1.5%;
	margin: 2% 0
}
.contents-main ul li {
	font-size: 14px;
	margin-left: 22px;
	list-style: disc;
	line-height: 40px;
	color: #555;
	font-weight: 700
}
.contents-main ol {
	background-color: #f8f8f8;
	border-radius: 5px;
	padding: 1.5%;
	margin: 2% 0
}
.contents-main strong {
	font-size: 16px;
	color: #e4805a;
	font-weight: 700
}
.contents-main a {
	color: #5a8ad2
}
.contents-main em {
	font-size: 18px;
	font-weight: 700;
	color: #888;
	font-style: initial
}
.contents-hot li {
	float: left;
	width: 33.33%;
	margin-bottom: 20px
}
.contents-hot-main {
	margin: 0 10px
}
.contents-hot-images a {
	display: block
}
.contents-hot-images img {
	width: 100%;
	vertical-align: middle;
	border-radius: 5px
}
.contents-hot-item-title a {
	margin-top: 10px;
	text-align: center;
	color: #434343;
	font-size: 15px;
	font-weight: 700;
	vertical-align: top;
	display: block;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}
.contents-hot-text {
	color: grey;
	font-size: 13px;
	line-height: 20px;
	display: block;
	height: 20px;
	overflow: hidden;
	text-align: center
}
.contents-hot-price {
	margin-bottom: 5px;
	color: #eb6153;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}
.contents-hot-price span {
	text-decoration: line-through;
	color: #969696;
	font-size: 12px;
	margin-left: 10px
}
.contents-other li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px
}
.contents-other-left {
	width: 49%;
	position: relative;
	border-radius: 5px;
	overflow: hidden
}
.contents-other-left a {
	display: block
}
.contents-other-left img {
	width: 100%;
	vertical-align: middle
}
.contents-other-right {
	width: 49%
}
.contents-other-title a {
	display: block;
	color: #444343;
	font-size: 17px;
	margin: 0;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 5%;
	font-weight: 700
}
.contents-other-text a {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	display: block;
	height: 60px;
	overflow: hidden
}
.go-back {
	padding: 30px 0;
	text-align: center
}
.go-back a {
	transition: all .5s ease 0s;
	display: inline-block;
	line-height: 50px;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	width: 30%;
	background: #666
}
.contents-display-button {
	cursor: pointer;
	background: #666;
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #666;
	font-size: 13px;
	margin-left: 10px
}
.contents-display-button em {
	display: inline-block;
	background: url(/assets/images/xindenr_266.png) no-repeat;
	width: 14px;
	height: 6px;
	margin-left: 5px;
	vertical-align: 2px;
	background-size: 10px
}
.content-time {
	margin-top: 10px;
	font-size: 12px;
	color: #c7c7c7
}
.sorting {
	line-height: 32px;
	margin-top: 10px
}
.sorting a {
	line-height: 30px;
	display: inline-block;
	border: 1px solid #d8d8d8;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0 7px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 13px;
	background: #ddd;
	color: #fff
}
.sorting .active {
	color: #eee;
	background: #5c95b5
}
@media (min-width: 1080px) {
	.contents-hot li a: hover,.contents-other li a: hover {
	opacity: .8
}
.go-back a: hover {
	background: #cfbb84
}
.blog-list li a: hover {
	opacity: .8
}
}@media (max-width: 767px) {
	.hot-video-pc {
	display: none
}
.hot-video-phone {
	display: block;
	position: relative
}
.hot-video-list iframe {
	height: 160px!important
}
.contnet-right {
	width: 100%;
	margin-top: 20px
}
.contnet-right-hot-ul .tags {
	position: static;
	width: 100%!important
}
#video-page .news-left .hot-content-block ul .hot-image {
	width: 37%
}
.news-left .hot-content {
	width: 61%
}
.contents-hot li {
	width: 50%
}
.contents-other li {
	width: 100%
}
.go-back a {
	line-height: 35px
}
.blog-list li {
	width: 50%
}
.video-ul li {
	width: 100%
}
#video-page .content-left {
	width: 100%
}
}.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: .7
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba(0,0,0,.6);
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube .play-button,.youtube img {
	cursor: pointer
}
.youtube .play-button,.youtube .play-button: before,.youtube iframe,.youtube img {
	position: absolute
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}