body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0
}
html {
	-webkit-text-size-adjust: none;
	scroll-behavior: smooth
}
body {
	font: 14px/2em Microsoft Yahei, tahoma, HELVETICA;
	color: #2d313e
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
img {
	border: none;
	vertical-align: top;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-ms-transition: none;
	object-fit: cover
}
i, em {
	font-style: normal
}
input, select, option, textarea {
	font-size: 12px;
	font-family: Microsoft Yahei, tahoma, HELVETICA;
	outline: none
}
a {
	color: #2d313e;
	text-decoration: none;
	transition: color linear 0.1s
}
a:hover {
	color: #f80;
	text-decoration: none
}
a:hover em, a:hover b, a:hover i, a:hover span {
	cursor: pointer
}
a:hover img {
	opacity: 0.9
}
.clear, .clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block
}
.clearfix:after {
	visibility: hidden;
	content: "."
}
.clearfix {
 *zoom: 1
}
img[loading='lazy'][src$=".jpg"], img[loading='lazy'][src$=".gif"] {
	/*background: url("../images/placeholder.png") center no-repeat #EDEFF6;*/
	background-size: contain
}
body {
	background: #f5f6f8
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mb40 {
	margin-bottom: 40px
}
.dn {
	display: none;
}
.g-doc {
	min-width: 1200px;
	margin: 0 auto
}
.g-doc a:hover {
	color: #0f89ff
}
.title-alpha {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#131313', GradientType=0)
}
.dflex-between {
	display: flex;
	justify-content: space-between
}
.dflex-center {
	display: flex;
	justify-content: center;
	align-items: center
}
.dflex-align-center {
	display: flex;
	align-items: center
}
.float-box .col-abc, .float-box .col-bcd {
	float: left
}
.float-box .col-abc .little-mod, .float-box .col-bcd .little-mod {
	padding: 40px 40px 25px;
	box-sizing: border-box;
	width: 100%;
	position: relative
}
.float-box .col-d {
	float: right
}
.float-box .col-d .fixed {
	position: fixed;
	top: 20px
}
.col-abc~.col-abc {
	margin-bottom: 20px
}
.bg-w {
	background: #fff;
	margin-top: 10px;
}
.border {
	border: 1px solid #EAEDF0
}
.bgUrlIcons {
	background-image: url("../images/slide_btn.png");
	background-repeat: no-repeat
}
.filter {
	-webkit-filter: blur(30px); /* Chrome, Safari, Opera */
	filter: blur(30px);
}
body .g-footer {
	background-color: #fff;
	color: #2d313e;
	padding-bottom: 30px;
	margin-top: 20px;
}
body .g-footer a {
	color: #2d313e
}
.col-abc {
	width: 1045px
}
.col-a {
	width: 315px
}
.col-b, .col-c {
	width: 325px
}
.col-bc {
	width: 670px
}
.col-d {
	width: 335px
}
/* download-entrance */
.col-d .download-entrance-img {
	margin-top: 20px;
}
.col-d .download-entrance-img img {
	object-fit: contain;
	max-width: 100%;
	width: 100%;
}
.txt-hide {
	line-height: 1000px;
	overflow: hidden
}
.wrap {
	margin: 0 auto;
	width: 1400px;
}
/* focus */
.focusPic {
	position: relative;
	height: 520px;
	margin-bottom: 20px;
	overflow: hidden;
}
.focus-ctrl {
	/* position: absolute; */
	right: 0;
	top: 0;
	z-index: 2;
	width: 476px;
	height: 520px;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	-ms-backdrop-filter: blur(50px);
	-moz-backdrop-filter: blur(50px);
	padding-top: 20px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.3);
}
.focus-ctrl::after, .focus-ctrl::before {
	content: '';
	position: absolute;
}
.focus-ctrl::after {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	top: 0;
	left: 0;
}
.focus-ctrl::before {
	width: 100%;
	height: 520px;
	background-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	left: 0;
	top: 0;
}
.focus-ctrl {
	position: relative;
	z-index: 9;
	float: right;
}
.focus-ctrl li {
	display: flex;
	align-items: center;
}
.focus-ctrl li {
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	opacity: .7;
	padding: 0 30px;
	box-sizing: border-box;
}
.focus-ctrl .item {
	height: 72px;
	line-height: 72px;
	overflow: hidden;
}
.focus-ctrl .current {
	background-image: linear-gradient(270deg, #ffffff00 0%, #ffffff26 50%, #ffffff00 100%);
	height: 120px;
	font-size: 20px;
	color: #FFFFFF;
	opacity: 1;
}
.focus-ctrl .current .item {
	line-height: 36px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.focus-ctrl-wrap {
	position: relative;
	z-index: 1;
}
.focus-pic {
	position: relative;
	width: 924px;
	height: 100%;
	float: left;
}
.focus-pic .pics a {
	display: block;
	position: relative;
	overflow: hidden;
}
.focus-pic .pics a::after {
	content: '';
	position: absolute;
	width: 100px;
	height: 520px;
	background-image: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	right: 0;
	top: 0;
}
.focus-pic .pics img {
	width: 100%;
	height: 520px;
}
.focus-filter {
	/* float: right; */
	width: 476px;
	overflow: hidden;
	height: 520px;
	position: absolute;
	right: 0;
	top: 0;
}
.focus-filter .pic {
	margin-left: -224px;
	height: 100%;
}
.focus-filter .cur {
	display: block;
}
/* /focus */
/* hotvideo */
.mark, .icon, .hot-tag {
	background: url(../images/icon_index_2017.png) no-repeat;
	display: inline-block;
}
.mark {
	position: absolute;
	left: 0;
	bottom: 0;
}
.item-mark {
	cursor: pointer;
	position: relative;
}
.item-mark .full-mark {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	background: rgba(0, 0, 0, 0.4);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
}
.item-mark .full-mark .icon {
	position: absolute;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	margin-top: -18px;
	top: 50%;
	left: 50%;
	background-position: -29px -266px;
}
.v-mod-a .pic {
	width: 100%;
	height: 182px;
}
.v-mod-a .pic-box {
	font-size: 0;
}
.v-mod-a .detail {
	height: 58px;
	margin-bottom: 26px;
	overflow: hidden;
	background: #fff;
}
.v-mod-a .detail .title {
	font-size: 16px;
	line-height: 24px;
	padding-top: 10px;
	line-height: 24px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.v-mod-a .info {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	color: #fff;
	/* font-weight: bold; */
	font-size: 14px;
	line-height: 14px;
	width: 100%;
}
.v-mod-a .info .left {
	float: left;
	padding-left: 10px;
}
.v-mod-a .info .right {
	float: right;
	padding-right: 10px;
}
.v-mod-a .info .icon {
	float: left;
	width: 17px;
	height: 14px;
	margin-right: 4px;
	background: url(../images/i_video.png) no-repeat;
}
.hotVideo {
	margin-bottom: 20px;
}
.hotVideo .v-mod-a {
	float: left;
	width: 325px;
	margin-left: 20px;
}
.list-box {
	margin-bottom: 20px;
}
/* /hotvideo */
.loader {
	width: auto;
	height: 23px;
	position: relative;
	z-index: 1;
	/*transform: translateX(-50%);*/
	margin: 0 auto 0;
	padding: 0 0 25px 0;
	text-align: center;
}
.loader::before, .loader::after {
	/*content: '';*/
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	mix-blend-mode: multiply;
	animation: rotate92523 1s infinite cubic-bezier(0.77, 0, 0.175, 1)
}
.loader::before {
	background-color: rgba(15, 137, 255, 0.5)
}
.loader::after {
	background-color: #0f89ff;
	animation-delay: .5s;
	left: 35px
}
.loader .t {
/*display: none;*/
}
.loaderEnd {
	height: 40px;
}
.loaderEnd::before, .loaderEnd::after {
	display: none;
}
.loaderEnd .t {
	display: block;
	width: 100px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	top: 10px;
}
.no-more {
	color: #848792;
	height: 44px;
	line-height: 44px;
	margin-bottom: 15px;
	display: none
}
 @keyframes rotate92523 {
 0%, 100% {
 left: 35px
}
 50% {
 left: 0%
}
}
.box {
	background-color: #fff;
}
.box-hd {
	padding: 18px 20px 20px;
	margin-bottom: 25px;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #F5F6F8;
}
.box-hd-tit {
	position: relative;
	font-weight: bold;
	float: left;
	padding-left: 44px;
	line-height: 32px;
	font-size: 28px;
}
.box-hd .more {
	font-size: 14px;
	float: right;
}
.box-hd-tit .icon {
	width: 32px;
	height: 31px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url(../images/i_icon.png) no-repeat;
	background-size: 32px;
}
.box-hd-tit .vd {
	background-position: 0 -64px;
}
.box-hd-tit .tj {
	background-position: 0 -34px;
}
.box-hd-tit .key {
	background-position: 0 0;
}
.mod {
	background: #fff;
	box-sizing: border-box;
}
.mod .hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
}
.mod .hd .mark {
	font-size: 22px;
	color: #2d313e;
	line-height: 22px;
	font-weight: bold;
}
.mod .hd .hd-tabs {
	font-size: 16px;
	color: #2D313E;
	line-height: 22px;
	display: flex;
}
.mod .hd .hd-tabs .item {
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}
.mod .hd .hd-tabs .item:last-child {
	margin-right: 0;
}
.mod .hd .hd-tabs .cur {
	font-weight: bold;
	font-size: 20px;
	color: #0F89FF;
}
.mod .hd .hd-tabs .cur::after {
	content: "";
	width: 40px;
	height: 4px;
	background: #0f89ff;
	position: absolute;
	margin-left: -20px;
	left: 50%;
	bottom: -30px;
}
.mod-video {
	float: left;
	padding-left: 30px;
	margin-left: 30px;
	margin-top: 6px;
	position: relative;
}
.mod-video::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 22px;
	background: #E5E5E5;
	left: 0;
}
.list-box .hd {
	font-size: 28px;
	line-height: 22px
}
.list-box .bd {
	padding: 20px
}
.art-list {
	width: 100%
}
.art-list .art-item {
	/* width: 100%; */
	padding-bottom: 25px;
	height: 182px;
	position: relative;
	margin: 0 20px;
}
.art-list .art-item>a {
	height: 100%;
}
.art-list .art-item:not(:first-child) {
	padding-top: 25px;
	border-top: 1px solid #F5F6F8;
}
.art-list .art-item:first-child {
	margin-top: 0
}
.art-list .art-item .art-message {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	flex: 1;/* padding: 16px 0; */
}
.art-list .art-item .art-title {
	font-size: 22px;
	font-weight: 700;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	line-height: 30px;
	margin-bottom: 12px;
	word-break: break-all
}
.art-list .art-item .art-desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #848792;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	height: 90px;
}
.art-list .art-item .art-txt {
	width: 100%
}
.art-list .art-item .art-infomation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #848792;
	font-size: 14px;
	position: absolute;
	left: 345px;
	bottom: 20px;
}
.art-list .art-item .art-author {
	height: 24px;
	line-height: 24px;
	color: #848792
}
.art-list .art-item .art-author img {
	border-radius: 100%;
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.art-list .art-item .art-author .face-box {
	/* width: 24px; */
	height: 24px;
	color: #848792;
}
.art-list .art-item .art-author .face-box:hover {
	color: #0f89ff;
}
.art-list .art-item .art-author .author-name {
	margin-right: 20px
}
.art-list .art-item:hover .art-img::before {
	background-color: transparent
}
.art-list .art-item .art-tags {
	flex-wrap: wrap;
	max-width: 30%;
	height: 24px;
	overflow: hidden;
	justify-content: flex-end;
	position: absolute;
	bottom: 20px;
	right: 0;
	font-size: 14px;
	line-height: 24px
}
.art-list .art-item .art-tags .tag {
	border: 1px solid #DFE5EA;
	padding: 0 8px;
	height: 22px;
	margin-left: 8px;
	border-radius: 2px;
	line-height: 22px;
	color: #848792;
	margin-bottom: 10px;
}
.art-list .art-img {
	width: 325px;
	height: 182px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 20px;
	position: relative
}
.art-list .art-img img {
	width: 100%;
	height: 100%;
	display: block;
}
.art-list .info {
}
.art-list .art-img::before {
	transition: all .2s linear;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(1, 1, 1, 0.1);
	z-index: 3
}
.v-mod-b {
	background: #FFFFFF;
	margin-bottom: 20px;
}
.v-mod-b .t {
	font-size: 22px;
	color: #2D313E;
	font-weight: bold;
}
.v-mod-b .type {
	flex-direction: column;
	display: flex;
	justify-content: center;
}
.v-mod-b .type .t {
	font-size: 22px;
	color: #2D313E;
	line-height: 29px;
	margin-bottom: 4px;
}
.v-mod-b .type .b {
	font-size: 14px;
	color: #848792;
	line-height: 19px;
}
.v-mod-b .user {
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
.v-mod-b .pic {
	text-align: center;
}
.v-mod-b .tit {
	margin: 0 20px;
	font-size: 16px;
	/* color: #2D313E; */
	letter-spacing: 0;
	line-height: 24px;
	padding-top: 11px;
	padding-bottom: 20px;
}
.v-mod-b .hd {
	background-image: linear-gradient(180deg, #E7F3FF 0%, #FFFFFF 100%);
	padding: 16px 20px 13px;
	align-items: center;
}
.v-mod-b .logos {
	flex-wrap: wrap;
	padding: 0 20px 9px;
}
.v-mod-b .logos img {
	border: 1px #f6f7f9 solid;
	width: 140px;
	height: 60px;
}
.v-mod-b .logos a {
	margin-bottom: 11px;
}
.coop {
	clear: both;
}
.coop .v-mod-b {
	margin-bottom: 0;
}
.seo-links {
	padding-left: 20px;
	padding-bottom: 7px;
}
.seo-links a {
	float: left;
	width: 142px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	border: 1px solid #F5F6F8;
	text-align: center;
	color: #2D313E;
	margin-bottom: 11px;
	margin-right: 11px;
}
.keywords-links {
	padding: 0 0 26px 20px;
	height: 88px;
}
.keywords-links a {
	float: left;
	font-size: 16px;
	color: #2D313E;
	line-height: 44px;
	margin-right: 30px;
}
.seo-links a:hover {
	color: #0F89FF;
	border: 1px solid #0F89FF;
}
.keywords-links a:hover {
	color: #07d;
	border-color: #7fbbee;
	text-decoration: none;
}
.guide {
	width: 70px;
	z-index: 300;
	margin-left: 720px;
	position: fixed;
	left: 50%;
	bottom: 35px;
	display: none;
}
.guide .guide-wrap {
	position: relative;
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}
.guide .guide-wrap a {
	height: 37px;
	line-height: 16px;
	padding: 5px 0 2px;
	display: block;
	text-align: center;
	color: #ccc;
	position: relative;
}
.guide .guide-wrap a:hover {
	color: #0f89ff;
	text-decoration: none;
}
.guide .guide-wrap a:hover .guide-ico {
	display: none;
}
.guide .guide-wrap a:hover .hover-txt {
	display: block;
	font-size: 12px;
	width: 24px;
	margin: auto;
}
.guide .guide-ico {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
/* .download-entrance */
.guide .sewm-mini {
	background: url("../images/ew.png") no-repeat;
	background-size: contain;
}
.guide .ico-idea {
	background: url('../images/ico-suguess.png') no-repeat;
	background-size: contain;
}
.guide .ico-totop {
	background: url('../images/ico-gotop.png') no-repeat;
	background-size: contain;
}
.guide .hover-txt {
	display: none;
}
/* .download-entrance */
.guide .sewm:hover .sewm-mini {
	background: url("../images/ew.png") no-repeat;
	background-size: contain;
	display: inline-block !important;
}
.guide .sewm:hover .sewm-stxt {
	display: block;
}
.guide .sewm:hover .sewm-tc {
	display: block;
}
.guide .sewm:hover .sewm-pic {
	width: 238px;
	height: 270px;
	position: absolute;
	display: block;
	background: #fff;
	top: -123px;
	left: -205px;
	/* padding: 15px 0 0; */
	z-index: 0;
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.06));
}
.guide .sewm:hover .sewm-pic::after {
	content: "";
	z-index: -999;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background: #fff;
	z-index: 2;
	position: absolute;
	right: -10px;
	top: 136px;
}
.guide .sewm .sewm-tc {
	position: absolute;
	display: none;
	width: 50px;
	height: 45px;
	top: 0;
	left: -51px;
	background: 0;
}
.guide .sewm .sewm-stxt {
	width: 18px;
	height: 18px;
}
.guide .sewm .sewm-txt1 {
	display: block;
	width: 238px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	font-size: 15px;
	color: #0077db;
	left: -204px;
	top: 90px;
	z-index: 3;
}
.guide .sewm .sewm-txt2 {
	font-weight: 700;
	top: 111px;
	z-index: 4;
}
.guide .side-nav {
	background: #fff;
	margin-bottom: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}
.guide .side-nav a {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	position: relative;
}
.guide .side-nav a:hover, .guide .side-nav a .cur {
	color: #0f89ff;
}
@media screen and (max-width:1370px) {
#Jguide {
	position: fixed;
	left: auto;
	right: 0;
	bottom: 35px;
}
}
.footer .wrap {
	height: auto;
}
.footer .footer-wrap {
	padding: 20px;
	font-size: 12px;
}
.footer .ey-links {
	padding-top: 22px;
	border-top: 1px solid #EAEDF0;
	text-align: center;
	line-height: 22px;
}
.footer .ey-links .links {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #AFB2BE;
	margin-bottom: 12px;
}
.footer .ey-links .links a {
	margin: 0 8px;
}
.footer .ey-links .copyRight {
	color: #999999;
	margin-bottom: 24px;
}
.footer .ey-links .logobar {
	display: flex;
	justify-content: center;
}
.footer .ey-links .logobar a {
	margin: 0 5px;
}
@media screen and (max-width:1440px) {
.footer .wrap {
	height: 442px;
}
.footer .footer-wrap {
	padding: 20px;
	font-size: 12px;
}
.footer .ey-links {
	padding-top: 22px;
	line-height: 22px;
}
.footer .ey-links .links {
	margin-bottom: 12px;
}
.footer .ey-links .links a {
	margin: 0 8px;
}
.footer .ey-links .copyRight {
	margin-bottom: 24px;
}
.footer .ey-links .logobar a {
	margin: 0 5px;
}
}