@charset "utf-8";
/* 详情页、SEO频道页、SEO列表页 */

.tz-con .con a{
    color: #447ff9;
}

.detail-main {
	margin-bottom: 60px;
}

.detail-left {
	float: left;
	width: 760px;
}

.detail-right {
	float: right;
	width: 420px;
}

.detail-main > * > * {
	background: #FFFFFF;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px;
}

.detail-main > * > *:first-child {
	margin-top: 0;
}

.detail-tit {
	position: relative;
	padding-left: 22px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 24px;
}

.detail-tit::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	width: 4px;
	height: 20px;
	background: #4A87F5;
	border-radius: 2px;
}

/* 右侧 */
.detail-form {
	padding-bottom: 30px;
}

.detail-form h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	overflow: hidden;
	background: url("../images/form-bg.png") no-repeat center;
	background-size: cover;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}

.detail-form form {
	padding: 0 20px;
}

.detail-form label {
	display: block;
	padding-top: 5px;
	line-height: 40px;
}

.detail-form .item:nth-child(2) ,
.detail-form .item:nth-child(3),
.detail-form .item .input-text-yzm {
	float: left;
	width: 180px;
}

.detail-form .item:nth-child(3) {
	float: right;
}

.detail-form .input-text {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	border: 1px solid #808080;
	border-radius: 4px;
	text-indent: 10px;
	line-height: 34px;
}

.detail-form .yzm-btn {
	display: block;
	float: right;
	width: 180px;
	height: 36px;
	background: #FFA200;
	border-radius: 4px;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	line-height: 36px;
}

.detail-form .yzm-btn-disabled {
	background: #CCCCCC;
	cursor: not-allowed;
}

.detail-form .submit {
	cursor: pointer;
	display: block;
	width: 130px;
	height: 35px;
	margin: 30px auto 0;
	background: #437EF9;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	line-height: 36px;
	transition: linear .2s;
}

.detail-form .submit:hover {
	opacity: .85;
}

.right-con {
	padding: 20px 20px 10px;
}

.right-related .detail-tit {
	margin-bottom: 10px;
}

.right-related dl {
	padding: 10px 0;
	border-bottom: 1px solid #F0F0F0;
}

.right-related dl:last-child {
	border: none;
}

.right-related dt {
	float: left;
	width: 190px;
	height: 120px;
	border-radius: 4px;
	overflow: hidden;
}

.right-related dt a,
.right-related dt img {
	display: block;
	height: 100%;
	width: 100%;
	transition: linear .2s;
}

.right-related dt a:hover img {
	transform: scale(1.05);
	opacity: .85;
}

.right-related dd {
	position: relative;
	float: left;
	width: 170px;
	height: 120px;
	margin-left: 20px;
}

.right-related h5 {
	padding-top: 5px;
	max-height: 40px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
}

.right-related p span {
	font-size: 18px;
	color: #FFA200;
	font-weight: 600;
}

.right-related .more-btn {
	position: absolute;
	left: 0;
	bottom: 0;
}

.right-news .detail-tit {
	margin-bottom: 0;
}

.right-news p {
	padding: 15px 0;
	line-height: 20px;
	border-bottom: 1px solid #F0F0F0;
}

.right-news p:last-child {
	border: none;
}

.right-news p a {
	display: block;
	max-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 项目详情页 */
.xm-info dt {
	float: left;
	width: 350px;
	height: 220px;
	overflow: hidden;
}

.xm-info img {
	display: block;
	width: 100%;
	height: 100%;
	transition: ease-out 8s;
}

.xm-info:hover img {
	transform: scale(1.1);
}

.xm-info dd {
	float: left;
	width: 350px;
	margin-left: 30px;
}

.xm-info h1 {
	padding-top: 5px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	border-bottom: 1px dashed #F0F0F0;
}

.xm-info p {
	padding-top: 5px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px dashed #F0F0F0;
}

.xm-info .zx {
	padding-top: 15px;
}

.xm-info .zx a {
	color: #4480F9;
}

.xm-info .zx a:hover {
	text-decoration: underline;
}

.xm-nav {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 20px;
	height: 45px;
	background: #FFFFFF;
	border-radius: 4px;
	line-height: 45px;
}

.xm-nav li {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.xm-nav li::after {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #4A87F5;
	opacity: 0;
	transform: translateX(-50%);
	transition: width ease-in-out .5s;
}

.xm-nav li:hover,
.xm-nav li.active {
	color: #4A87F5;
}

.xm-nav li:hover::after,
.xm-nav li.active::after {
	opacity: 1;
	width: 100%;
}

.xm-con {
	padding: 30px 40px 20px;
}

.xm-con .con {
	line-height: 36px;
	text-align: justify;
}

.xm-con .lc {
	margin-top: 25px;
}

.xm-con .lc span {
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 104px;
	height: 42px;
	background: linear-gradient(0deg, #326AFF 0%, #2398F8 100%);
	background-color: #326AFF;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 42px;
	text-align: center;
	animation: animation01 5s infinite;
	-webkit-animation: animation01 5s infinite;
}

.xm-con .lc span:nth-child(3) {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.xm-con .lc span:nth-child(5) {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.xm-con .lc span:nth-child(7) {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.xm-con .lc span:nth-child(9) {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

.xm-con .lc span:nth-child(10) {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}

.xm-con .lc span:nth-child(12) {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
}

.xm-con .lc span:nth-child(14) {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
}

.xm-con .lc span:nth-child(16) {
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
}

.xm-con .lc span:nth-child(18) {
	animation-delay: 4.5s;
	-webkit-animation-delay: 4.5s;
}

@keyframes animation01 {
	0% {
		transform: scale(.75);
		opacity: .5;
	}
	10% {
		transform: scale(1.15);
		opacity: 1;
	}
	25% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes animation01 {
	0% {
		transform: scale(.75);
		opacity: .5;
	}
	10% {
		transform: scale(1.15);
		opacity: 1;
	}
	25% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

.xm-con .lc .icon-next {
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 40px;
	height: 42px;
	background: url("../images/icon-next.png") no-repeat center;
}

.xm-con .consultation-btn {
	width: 135px;
	margin: 20px auto 10px;
}

/* 通知详情页 */
.tz-con {
	padding: 25px 30px;
}

.tz-con h1 {
	font-size: 20px;
	line-height: 28px;
}

.tz-info {
	display: flex;
	margin: 25px 0;
	justify-content: space-between;
	align-items: center;
	color: #A0A0A0;
}

.tz-info a {
	color: #A0A0A0;
}

.tz-info a:hover {
	color: #4A87F5;
}

.tz-info .icon {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-left: 20px;
	cursor: pointer;
	line-height: 28px;
	vertical-align: top;
	transition: linear .2s;
}

.tz-info .icon-wx {
	background: url("../images/icon-share-wx.png") no-repeat center;
}

.tz-info .icon-wb {
	background: url("../images/icon-share-wb.png") no-repeat center;
}

.tz-info .icon:hover {
	opacity: .85;
}

.tz-con .con {
    word-wrap: break-word;
	text-align: justify;
	text-indent: 2em;
	line-height: 35px;
	letter-spacing: 0.8px;
}

.tz-con .con table td {
    border: 1px solid #2a2a2b;
    text-align: center;
}


/*收藏*/
.tz-info .tz-collect{
    display: flex;
    align-items: center;
    padding: 1px 10px 2px 10px;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    line-height: 21px;
    fill: #FFFFFF;
    cursor: pointer;
}
.tz-info .tz-collect span{
    margin-left: 5px;
}
.tz-info .tz-collect svg{
    stroke: #4B86F5;
}
.tz-info .tz-collect:not(.active):hover{
    color: #4B86F5;
    border-color: #4B86F5;
    stroke: #4B86F5;
}
.tz-collect[class*=active]{
    fill: #FFA200;
    color: #FFA200;
    border-color: #FFA200;
}
/*收藏结束*/

.tz-con .con b,
.tz-con .con strong {
	font-weight: 600;
}

.tz-con .con i,
.tz-con .con em {
	font-style: italic;
}

.con fieldset a{
    color: #1009f8;
}

.tz-editor {
	margin-top: 28px;
	text-align: right;
}

.tz-related li {
	float: left;
	width: 330px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.tz-related li:nth-child(2n) {
	margin-left: 40px;
}

.tz-link ,
.tz-link a,
.tz-state {
	color: #A0A0A0;
	word-break: break-all;
}

.tz-state h5 {
	position: relative;
	height: 28px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	overflow: hidden;
}

.tz-state h5::before,
.tz-state h5::after {
	content: " ";
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 13px;
	border-bottom: 1px dashed #A0A0A0;
}

.tz-state h5::before {
	margin-left: -15px;
	transform: translateX(-100%);
}

.tz-state h5::after {
	margin-left: 15px;
}

/* seo频道列表 */
.list {
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #EDF0F4 ;
}

.list-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}

.list-title a {
	display: block;
	max-width: 620px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-des {
	margin: 10px auto;
	color: #A3A3A3;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	height: 48px;
	max-height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.list-des a {
	color: #A3A3A3;
}

.list-des a:hover {
	color: #4A87F5;
}

.list-more {
    font-size: 14px;
}

.list-more span {
	display: inline-block;
	margin-right: 20px;
}

.list-more a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 10px;
	line-height: 26px;
	background: #FFFFFF;
	border: 1px solid #EDF0F4;
	border-radius: 4px;
}

.list-more a:hover {
	color: #4A87F5;
	border-color: #4A87F5;
}

.list-more-btn {
	width: 100%;
	height: 46px;
	margin: 20px auto 0;
	line-height: 46px;
	background: #4A87F5;
	font-size: 18px
}

.list-page {
	margin-bottom: 10px;
}

.body-bg02 .list-page a,
.body-bg02 .list-page b {
	border-color: #EDF0F4;
}

.body-bg02 .list-page b,
.body-bg02 .list-page a:hover,
.body-bg02 .list-page .prvePage,
.body-bg02 .list-page .nextPage {
	border: 1px solid #4A87F5;
}
.guide{
	text-indent: 2rem;
	line-height: 35px;
	background: #eef2fe;
	text-align: justify;
	position: relative;
	padding: 15px 10px;
}
.guide::before{
	content: " ";
	background: #668cf6;
	width: 5px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 24px;
}
.red{
	color: red;
}
.blue{
	color: #4A87F5 ;
}
.bold{
	font-weight: bold;
}

/* 小屏幕 */
@media screen and (max-width: 1366px) {
	.detail-left {
		width: 650px;
	}
	
	.detail-right {
		width: 330px;
	}
	
	.detail-tit {
		padding-left: 15px;
		font-size: 16px;
	}
	
	/* 右侧 */
	.detail-form h4 {
		font-size: 16px;
	}
	
	.detail-form form {
		padding: 0 15px;
	}
	
	.detail-form .item:nth-child(2) ,
	.detail-form .item:nth-child(3),
	.detail-form .item .input-text-yzm,
	.detail-form .yzm-btn {
		width: 140px;
	}
	
	.right-con {
		padding: 15px 15px 10px;
	}
	
	.right-related dt {
		width: 150px;
		height: 95px;
	}
	
	.right-related dd {
		width: 140px;
		height: 95px;
		margin-left: 10px;
	}
	
	.right-related h5 {
		padding-top: 0;
		margin-bottom: 0;
		font-size: 14px;
	}
	
	.right-related p span {
		font-size: 14px;
	}
	
	.right-news p {
		padding: 8px 0;
	}
	
	/* 项目详情页 */
	.xm-info dt {
		width: 300px;
		height: 188px;
	}
	
	.xm-info dd {
		width: 320px;
		margin-left: 15px;
	}
	
	.xm-info h1 {
		margin-bottom: 8px;
		border: none;
	}
	
	.xm-info p {
		height: 24px;
		line-height: 24px;
		border: none;
	}
	
	.xm-con {
		padding: 20px 25px 15px;
	}
	
	.xm-con .con {
		line-height: 32px;
	}
	
	.xm-con .lc span {
		width: 88px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
	}
	
	.xm-con .lc .icon-next {
		height: 36px;
	}
	
	/* 通知详情页 */
	.tz-con {
		padding: 20px 25px;
	}
	
	.tz-con .con {
    	line-height: 32px;
    }
	
	.tz-info {
		margin: 15px 0;
		line-height: 28px;
	}
	
	.tz-related li {
		width: 290px;
		height: 28px;
		line-height: 28px;
	}
	
	.tz-related li:nth-child(2n) {
		margin-left: 20px;
	}
	
	/* seo频道列表 */
	.list-title a {
		max-width: 520px;
	}
	
    .list-more {
        font-size: 12px;
    }
	
	.list-more-btn {
		font-size: 16px
	}
}

/* 移动端 */
@media screen and (orientation:portrait) and (max-width: 1080px) {
	.detail-main {
		margin-bottom: 8vw;
	}
	
	.detail-left,
	.detail-right {
		float: none;
		width: 100%;
	}
	
	.detail-main > * > * {
		margin-top: 5vw;
	}

	.detail-tit,
	.right-news .detail-tit {
		padding-left: 3vw;
		margin-bottom: 3vw;
		font-size: 4.2vw;
		line-height: 5vw;
	}
	
	.detail-tit::before {
		top: 0;
		width: 1vw;
		height: 5vw;
	}
	
	/* 右侧 */
	.detail-form {
		padding-bottom: 5vw;
	}
	
	.detail-main * .detail-form {
		margin-top: 5vw;
	}
	
	.detail-form h4 {
		height: 12vw;
		line-height: 6vw;
		font-size: 4.2vw;
	}
	
	.detail-form form {
		padding: 0 3vw;
	}
	
	.detail-form label {
		padding-top: 2vw;
		font-size: 3.8vw;
		line-height: 8vw;
	}
	
	.detail-form .item:nth-child(2) ,
	.detail-form .item:nth-child(3),
	.detail-form .item .input-text-yzm {
		width: 44vw;
	}
	
	.detail-form .input-text {
		height: 10vw;
		text-indent: 1em;
		font-size: 3.8vw;
		line-height: 10vw;
	}
	
	.detail-form .yzm-btn {
		width: 44vw;
		height: 10vw;
		font-size: 3.8vw;
		line-height: 10vw;
		font-weight: 400;
	}

	.detail-form .submit {
		width: 60vw;
		height: 10vw;
		margin: 5vw auto 0;
		font-size: 16px;
		line-height: 10vw;
	}
	
	.right-con {
		padding: 5vw 3vw 3vw;
	}
	
	.right-related .detail-tit {
		margin-bottom: 3vw;
	}
	
	.right-related dl {
		padding: 3vw 0;
	}
	
	
	.right-related dt {
		width: 44vw;
		height: 27.45vw;
	}

	.right-related dd {
		width: 43vw;
		height: 27.45vw;
		margin-left: 3vw;
	}
	
	.right-related h5 {
		padding-top: 0;
		max-height: 12vw;
		margin-bottom: 1.45vw;
		font-size: 3.8vw;
		line-height: 6vw;
	}
	
	.right-related p {
		font-size: 3.8vw;
	}
	
	.right-related p span {
		font-size: 5vw;
	}
	
	.right-related .more-btn {
		left: 10vw;
		font-size: 3.8vw;
		width: 23vw;
	}
	
	.right-news p {
		padding: 1.5vw 0;
		font-size: 3.8vw;
		line-height: 6vw;
	}
	
	.right-news p a {
		max-height: 12vw;
	}
	
	/* 项目详情页 */
	.xm-info dt {
		float: none;
		width: 100%;
		height: auto;
	}
	
	.xm-info dd {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		padding: 3vw;
	}
	
	.xm-info h1 {
		margin-bottom: 0;
		padding-top: 0;
		height: 8vw;
		line-height: 8vw;
		font-size: 4.2vw;
	}
	
	.xm-info p {
		padding-top: 0;
		height: 8vw;
		font-size: 3.8vw;
		line-height: 8vw;
	}
	
	.xm-info p span {
		color: #FFA200;
		font-size: 5vw;
		font-weight: 600;
	}
	
	.xm-info .zx {
		padding-top: 2vw;
		text-align: center;
		font-size: 3.8vw;
	}
	
	.xm-nav {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 101;
		width: 100%;
		height: 12vw;
		margin-top: 0;
		padding: 0;
		box-shadow: 0 0 3vw 0 rgba(0, 0, 0, .1);
		border-radius: 0;
		line-height: 12vw;
	}
	
	.xm-nav li {
		font-size: 3.8vw;
		height: 12vw;
	}
	
	.xm-nav a {
		display: block;
		padding-top: 1.5vw;
		max-width: 8.5vw;
		line-height: 4.5vw;
	}

	.xm-con {
		padding: 5vw 3vw 3vw;
	}
	
	.xm-con .con {
		font-size: 3.8vw;
		line-height: 7vw;
	}
	
	.xm-con .lc {
		margin-top: 5vw;
	}
	
	.xm-con .lc span {
		box-sizing: border-box;
		margin-bottom: 3vw;
		padding: 3vw 2vw 0;
		width: 14vw;
		height: 14vw;
		font-size: 3.8vw;
		line-height: 4vw;
		border-radius: 100%;
	}
	
	.xm-con .lc .icon-next {
		margin-bottom: 3vw;
		width: 5vw;
		height: 14vw;
		background-size: 60% auto;
	}
	
	.xm-con .consultation-btn {
		width: 30vw;
		font-size: 3.8vw;
		margin: 3vw auto 0;
	}
	
	/* 通知详情页 */
	.tz-con {
		padding: 5vw 3vw 3vw;
	}
	
	.tz-con h1 {
		font-size: 5vw;
		line-height: 7vw;
		text-align: center;
	}
	
	.tz-info {
		margin: 5vw 0;
		font-size: 3.8vw;
		flex-wrap: wrap;
	}
	
	.tz-info span:last-child {
		/*display: none;*/
	}
	
	.tz-con .con,
	.tz-con-next,
	.tz-link,
	.tz-state {
		font-size: 3.8vw;
		line-height: 7vw;
		word-wrap: break-word;
	}
	
	.tz-editor {
		margin-top: 2vw;
		font-size: 3.8vw;
	}
	
	.tz-related li {
		float: none;
		width: 100%;
		font-size: 3.8vw;
		height: auto;
		padding: 1.5vw 0;
		line-height: 6vw;
		border-bottom: 1px solid #F0F0F0;
		white-space: normal;
		display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-indent: -0.5em;
	}
	
	.tz-related li:nth-child(2n) {
		margin-left: 0;
	}
	
	.tz-related li:last-child {
        border: none;
    }
	
	.tz-related li a {
	    display: block;
	    overflow: hidden;
	    max-height: 12vw;
	}
	
	.tz-state {
		line-height: 6vw;
		margin-bottom: 5vw;
	}
	
	.tz-state h5 {
		height: 5vw;
		font-size: 4.2vw;
		line-height: 5vw;
		margin-bottom: 3vw;
	}
	
	.tz-state h5::before,
	.tz-state h5::after {
		top: 2.5vw;
	}
	
	.tz-state h5::before {
		margin-left: -2vw;
	}
	
	.tz-state h5::after {
		margin-left: 2vw;
	}
	
	/* seo频道列表 */
	.list {
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
	
	.list-title {
		height: 8vw;
		font-size: 4.2vw;
		line-height: 8vw;
		font-weight: 600;
	}
	
	.list-title a {
		max-width: 100%;
	}
	
	.list-title span {
		display: none;
	}
	
	.list-des {
		margin: 2vw auto;
		font-size: 3.8vw;
		line-height: 6vw;
		height: 18vw;
		max-height: 18vw;
		-webkit-line-clamp: 3;
		text-indent: 2em;
	}
	
	.list-more span {
		margin-right: 2vw;
		font-size: 3.8vw;
	}
	
	.list-more a {
		margin-bottom: 1vw;
		padding: 0 2vw;
		line-height: 6vw;
	}
	
	.list-more-btn {
		height: 10vw;
		width: 60%;
		margin-bottom: 2vw;
		line-height: 10vw;
		font-size: 4.2vw;
	}
	
	.list-page {
		margin-bottom: 4vw;
	}
	
}