html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	font-family: PingFang SC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif !important;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

label {
	border: none;
	text-decoration: none;
	font-family: PingFangSC-Medium
}

body,button,input,select,textarea {
	font: 12px/1.5 Verdana,Arial,Helvetica,sans-serif;
	color: #444444;
	font-family: "PingFang SC",arial,"Microsoft YaHei",sans-serif
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

address,i {
	font-style: normal
}

div,table,form,input,button,select,textarea,fieldset,legend {
	outline: none
}

ul,ol {
	list-style: none outside none
}

a,input,button {
	outline: none
}

::-moz-focus-inner {
	border: 0px
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
}

a {
	text-decoration: none;
	color: #999999
}

a:hover {
	text-decoration: none
}

legend {
	text-indent: -9999px;
	height: 0
}

fieldset,img {
	border: 0
}

button,input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img,input,select,textarea,button {
	vertical-align: middle
}

input[type="text"],input[type="password"],div,ul,li,input,a {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	font-size: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.clearfix {
	zoom:1}

html,p {
	text-align: justify;
	text-justify: inter-ideograph
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

a:link,a:visited {
	text-decoration: none;
	/*color: #000*/
}

html,body {
	height: 100%;
	min-height: 100%
}

body {
	min-width: 1200px;
	background-color: #F8F8F8
}

.flex-row {
	display: flex;
	flex-direction: row
}

.flex-10 {
	flex: 0 0 10%
}

.flex-20 {
	flex: 0 0 20%
}

.flex-30 {
	flex: 0 0 30%
}

.flex-40 {
	flex: 0 0 40%
}

.flex-50 {
	flex: 0 0 50%
}

.flex-60 {
	flex: 0 0 60%
}

.flex-70 {
	flex: 0 0 70%
}

.flex-80 {
	flex: 0 0 80%
}

.flex-90 {
	flex: 0 0 90%
}

.flex-100 {
	flex: 0 0 100%
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.flex-col {
	display: flex;
	flex-direction: column;
	width: 100%
}

.justify-start {
	display: flex;
	justify-content: flex-start
}

.justify-center {
	display: flex;
	justify-content: center
}

.justify-end {
	display: flex;
	justify-content: flex-end
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly
}

.justify-around {
	display: flex;
	justify-content: space-around
}

.justify-between {
	display: flex;
	justify-content: space-between
}

.items-start {
	display: flex;
	align-items: flex-start
}

.items-center {
	display: flex;
	align-items: center
}

.items-end {
	display: flex;
	align-items: flex-end
}

.pt5 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pt40 {
	padding-top: 40px
}

.pt50 {
	padding-top: 50px
}

.pt60 {
	padding-top: 60px
}

.pl5 {
	padding-left: 5px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl20 {
	padding-left: 20px
}

.pl30 {
	padding-left: 30px
}

.pr5 {
	padding-right: 5px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr20 {
	padding-right: 20px
}

.pr30 {
	padding-right: 30px
}

.pb5 {
	padding-bottom: 5px
}

.pb10 {
	padding-bottom: 10px
}

.pb15 {
	padding-bottom: 15px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pb40 {
	padding-bottom: 40px
}

.pb50 {
	padding-bottom: 50px
}

.pb60 {
	padding-bottom: 60px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt60 {
	margin-top: 60px
}

.mt80 {
	margin-top: 80px
}

.mt24 {
	margin-top: 24px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.ml30 {
	margin-left: 30px
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr15 {
	margin-right: 15px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mb20 {
	margin-bottom: 20px
}

.mb24 {
	margin-bottom: 24px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.mb80 {
	margin-bottom: 80px
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f22 {
	font-size: 22px
}

.f24 {
	font-size: 24px
}

.f26 {
	font-size: 26px
}

.f28 {
	font-size: 28px
}

.f30 {
	font-size: 30px
}

.f32 {
	font-size: 32px
}

.f34 {
	font-size: 34px
}

.lh24 {
	line-height: 24px
}

.lh26 {
	line-height: 26px
}

.lh28 {
	line-height: 28px
}

.lh30 {
	line-height: 30px
}

.lh32 {
	line-height: 32px
}

.lh34 {
	line-height: 34px
}

.lh36 {
	line-height: 36px
}

.lh38 {
	line-height: 38px
}

.lh40 {
	line-height: 40px
}

.lh42 {
	line-height: 42px
}

.lh44 {
	line-height: 44px
}

.lh46 {
	line-height: 46px
}

.lh48 {
	line-height: 48px
}

.lh50 {
	line-height: 50px
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.content {
	width: 1200px;
	margin: 0 auto;
	height: auto
}

.layout {
	width: 100%;
	height: auto;
	padding: 76px 0
}

.no-margin {
	margin: 0 !important
}

.no-padding {
	padding: 0 !important
}

.no-margin-top {
	margin-top: 0 !important
}

.no-margin-left {
	margin-left: 0 !important
}

.no-margin-right {
	margin-right: 0 !important
}

.no-margin-bottom {
	margin-bottom: 0 !important
}

.no-padding-top {
	padding-top: 0 !important
}

.no-padding-bottom {
	padding-bottom: 0 !important
}

.no-padding-left {
	padding-left: 0 !important
}

.no-padding-right {
	padding-right: 0 !important
}

.color {
	color: #fdad2a !important
}

.blue-btn {
	background-color: #1183ff !important;
	color: #fff !important;
	border-color: #1183ff !important
}

.blue-btn:hover {
	background-color: #2f91fd !important
}

.blue-btn:active {
	background-color: #0060c8 !important
}

.blue-border-btn {
	border: 1px solid #1183ff !important;
	background: none !important;
	color: #1183ff !important
}

.blue-border-btn:hover {
	background-color: #1183ff !important;
	color: #fff !important
}

.green-btn {
	background-color: #fdad2a;
	color: #fff;
	border-color: #fdad2a
}

.green-btn:hover {
	background-color: #03BA9DFF !important
}

wwww .green-btn:active {
	background-color: #029d76 !important
}

.green-border-btn {
	border: 1px solid #fdad2a !important;
	color: #fdad2a !important;
	background: none !important
}

.green-border-btn:hover {
	background-color: #fdad2a !important;
	color: #fff !important
}

.header-seacth-rigth .gray-border-btn {
	font-weight: 400;
	color: #fff !important;
	height: 32px !important;
	line-height: 30px !important;
	/* background: linear-gradient(136deg,#f67070 0%,#fdad2a 100%) !important; */
	border-radius: 16px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center
}

.header-seacth-rigth .gray-border-btn:hover {
	background: #fdad2a !important
}

.header-seacth-rigth .gray-border-btn img {
	width: 16px;
	height: 16px;
	margin-left: 8px
}

.gray-border-btn:hover {
}

.bg-fafafc {
	background-color: #fafafc
}

.bg-white {
	background-color: #fff
}

.bg-grey {
	background-color: #f2f2f4
}

.bg-black {
	background-color: #555
}

.bg-black .layout-title {
	color: #fff
}

.bg-black .layout-subtitle {
	color: #fff
}

.two-lines-text,.information-tab .information-right .article-list .article-content p,.hezi-article-block .article-lists .article-content .article-introduce,.article-item-lists .article-detail-line {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.align-center {
	text-align: center !important
}

.align-left {
	text-align: left !important
}

.align-right {
	text-align: right !important
}

.button {
	display: inline-block;
	height: 34px;
	min-width: 100px;
	font-size: 14px;
	text-align: center;
	line-height: 34px
}

.blue {
	color: #1183ff
}

@-webkit-keyframes opacity {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		opacity: 0
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		opacity: 1
	}
}

@-moz-keyframes opacity {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		opacity: 0
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		opacity: 1
	}
}

@keyframes opacity {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		opacity: 0
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		opacity: 1
	}
}

@-webkit-keyframes left-to-right {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-moz-keyframes left-to-right {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes left-to-right {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

.page-top {
	width: 100%;
	height: auto;
	z-index: 500
}

.page-top .top-bar {
	width: 100%;
	height: 40px;
	background-color: #28292c;
	color: #fff;
	font-size: 12px;
	position: relative;
	z-index: 1100
}

.page-top .top-bar .content {
	height: 40px
}

.page-top .top-bar .phone-icon {
	width: 14px;
	height: 14px
}

.page-top .header {
	width: 100%;
	height: 64px;
	position: relative;
	z-index: 1000
}

.page-top .header .header-inner {
	width: 100%;
	height: 64px;
	position: relative;
	z-index: 1
}

.page-top .header .header-inner .header-content {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 64px;
	color: #fff;
	transition: 0.4s
}

.page-top .header .logo {
	width: 150px;
	margin-top: 8px
}

.page-top .header .logo img {
	width: 150px;
	height: 48px
}

.page-top .header .header-nav ul {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 64px;
	margin-left: 2px
}

.page-top .header .header-nav ul li {
	float: left;
	height: 64px
}

.page-top .header .header-nav ul li a span {
	padding-bottom: 10px;
	border-bottom: 0px solid rgba(255,255,255,0)
}

.page-top .header .header-nav ul li.cur a {
	color: #fdad2a
}

.page-top .header .header-nav ul li:hover a span {
	border-bottom: 2px solid #fdad2a
}

.page-top .header .header-nav ul li:hover a {
	color: #fdad2a
}

.page-top .header .header-nav a {
	display: block;
	height: 5px;
	line-height: 64px;
	font-size: 14px;
	color: #fff;
	margin-left: 40px
}

.page-top .header .header-nav .curline {
	background: #fdad2a;
	height: 3px;
	position: absolute;
	bottom: 0;
	width: 68px;
	left: 0px;
	top: 50px
}

.page-top .header .slide-menu {
	width: 1100px;
	height: auto !important;
	background-color: #fff;
	position: absolute;
	z-index: 2;
	top: 64px;
	background: white;
	left: -115px;
	padding: 10px 0 25px;
	display: none;
	overflow-y: auto
}

.page-top .header .slide-menu .menu-left {
	background-color: #fafafa;
	width: 208px
}

.page-top .header .slide-menu .menu-left .menu-item {
	margin-bottom: 0px;
	text-align: left
}

.page-top .header .slide-menu .menu-left .menu-item .menu-title {
	font-size: 20px;
	line-height: 50px;
	color: #333;
	padding: 0 20px;
	border-bottom: 1px solid #e5e5e5
}

.page-top .header .slide-menu .menu-left .menu-item .menu-list {
	display: block;
	padding: 0 20px;
	font-size: 14px;
	color: #666;
	height: 38px;
	line-height: 38px;
	margin-top: 10px
}

.page-top .header .slide-menu .menu-left .menu-item .menu-list.cur {
	background-color: #fdad2a;
	color: #fff
}

.page-top .header .slide-menu .menu-right {
	padding-left: 100px;
	padding-top: 76px;
	width: 992px
}

.page-top .header .slide-menu .menu-right .menu-abstract {
	display: none
}

.page-top .header .slide-menu .menu-right .menu-abstract.act {
	display: block
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left {
	width: 420px;
	height: auto
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left .abstract-label {
	font-size: 24px;
	color: #333;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 10px;
	text-align: left
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left .abstract-label:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #fdad2a;
	left: 0;
	bottom: 0
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left p {
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-right {
	width: 400px;
	margin-left: 72px
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-right img {
	width: 100%;
	height: auto
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons {
	margin-top: 30px;
	text-align: left
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons .abstract-btn {
	padding: 0;
	display: inline-block;
	width: 100px;
	height: 34px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 34px;
	margin-right: 10px
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons .abstract-btn:hover {
	color: #fdad2a;
	border-color: #fdad2a
}

.page-top .header .slide-menu .menu-new {
	padding: 50px 75px 0 75px;
	text-align: left
}

.page-top .header .slide-menu .menu-new .menu-item {
	width: 180px;
	height: 150px;
	float: left;
	margin-right: 80px;
	margin-bottom: 40px
}

.page-top .header .slide-menu .menu-new .menu-item.no_bottom {
	margin-bottom: 0;
	height: 125px
}

.page-top .header .slide-menu .menu-new .menu-item.bottom {
	border-bottom: 1px solid #e6e6e6
}

.page-top .header .slide-menu .menu-new .menu-item p {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 12px
}

.page-top .header .slide-menu .menu-new .menu-item p span {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0 4px;
	font-size: 12px
}

.page-top .header .slide-menu .menu-new .menu-item p span.blue {
	color: #1183ff;
	border: 1px solid #1183ff
}

.page-top .header .slide-menu .menu-new .menu-item p span.green {
	color: #00a7b8;
	border: 1px solid #00a7b8
}

.page-top .header .slide-menu .menu-new .menu-item p span.orangle {
	color: #ff7a52;
	border: 1px solid #ff7a52
}

.page-top .header .slide-menu .menu-new .menu-item p span.red {
	color: #f45258;
	border: 1px solid #f45258
}

.page-top .header .slide-menu .menu-new .menu-item p span.grey {
	color: #506e92;
	border: 1px solid #506e92
}

.page-top .header .slide-menu .menu-new .menu-item .menu-item-box a {
	height: 24px;
	line-height: 24px;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px;
	padding-left: 0;
	cursor: pointer;
	color: #555
}

.page-top .header .slide-menu .menu-new .menu-item .menu-item-box a img {
	display: inline-block;
	width: 16px;
	margin-right: 16px;
	margin-left: 8px;
	height: 16px;
	vertical-align: middle
}

.page-top .header .slide-menu .menu-new .menu-item .menu-item-box a:hover {
	background: #f2f4f5
}

.page-top .header.fixed {
	position: fixed;
	top: 0;
	left: 0
}

.page-top.index-page-top {
	position: absolute;
	top: 0;
	left: 0
}

.page-top.index-page-top .top-bar {
	background-color: rgba(255,255,255,0.1)
}

.page-top.index-page-top .header .header-inner .header-content {
}

.header-seacth-rigth {
	display: flex;
	align-items: center;
	height: 64px
}

.page-top .header .header-inner .header-seacth-btn,.header-seacth-cancel {
	padding-right: 0px;
	box-sizing: border-box;
	margin-right: 16px;
	line-height: 25px;
	margin-left: 42px;
	height: 32px;
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D;
	cursor: pointer;
	display: flex;
	align-items: center
}

.page-top .header .header-inner .header-seacth-btn span {
	font-size: 14px
}

.header-seacth-cancel {
	padding-top: 4px;
	display: none
}

.page-top .header .header-seacth-icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	vertical-align: text-bottom
}

.search-layout {
	background: #fff
}

.search-layout .search-layout-center {
	border: none !important;
	width: 644px;
	margin: 0 auto;
	padding: 75px 0 60px
}

.search-layout .search-form {
	margin-bottom: 45px
}

.search-layout .search-form-input {
	float: left;
	width: 524px;
	height: 40px;
	border: 1px solid #fdad2a;
	padding: 9px 10px;
	font-size: 16px;
	-webkit-box-shadow: 0 38px 0 #fff inset;
	-moz-box-shadow: 0 38px 0 #fff inset;
	box-shadow: 0 38px 0 #fff inset
}

.search-layout .search-button {
	background: #fdad2a;
	color: #fff;
	height: 40px;
	line-height: 40px;
	cursor: pointer
}

.search-layout .search-title {
	margin: 10px auto 24px;
	font-size: 16px;
	color: #333;
	position: relative;
	padding-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 16px;
	position: relative
}

.search-layout .search-title:after {
	content: "";
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(0deg,rgba(0,204,153,1),rgba(3,228,172,1));
	border-radius: 2px
}

.search-layout .search-labels {
}

.search-layout .search-labels .search-labels-item {
	float: left;
	margin: 0 32px 15px 0;
	font-size: 14px;
	color: #999999
}

.search-layout .search-labels .search-labels-item:hover {
	color: #fdad2a
}

.search-article-lists {
	display: flex
}

.search-article-lists .article-card {
	padding: 10px
}

.article-card {
	flex: 1
}

.article-card:hover .article-lists-item-title {
	color: #fdad2a
}

.search-article-lists-item {
	border: 1px solid #eeeeee;
	width: 184px
}

.article-lists-item-img {
	width: 100%;
	height: 128px
}

.article-lists-item-title {
	width: 100%;
	padding: 22px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 22px 10px;
	text-align: center
}

.search-empty {
	text-align: center
}

.search-empty-img {
	width: 120px;
	height: 75px;
	margin: 0 auto
}

.search-empty-tips {
	margin-top: 45px;
	font-size: 14px;
	color: #333;
	text-align: center
}

.index-banner {
	height: 640px;
	background-color: #fff;
	overflow: hidden
}

.index-banner .banner-inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%
}

.index-banner .banner-inner .banner-images {
	position: absolute;
	right: 0;
	top: 50%
}

.index-banner .banner-inner .banner-images .images-pag {
	position: relative;
	width: 100%;
	height: 100%
}

.index-banner .banner-inner .banner-images .images-pag .img-1,.index-banner .banner-inner .banner-images .images-pag .img-2,.index-banner .banner-inner .banner-images .images-pag .img-3,.index-banner .banner-inner .banner-images .images-pag .img-4,.index-banner .banner-inner .banner-images .images-pag .img-5,.index-banner .banner-inner .banner-images .images-pag .img-6,.index-banner .banner-inner .banner-images .images-pag .img-7,.index-banner .banner-inner .banner-images .images-pag .img-8,.index-banner .banner-inner .banner-images .images-pag .img-9,.index-banner .banner-inner .banner-images .images-pag .img-10 {
	position: absolute;
	overflow: hidden
}

.index-banner .banner-inner .banner-images .img-1 {
	z-index: 10
}

.index-banner .banner-inner .banner-images .img-2 {
	z-index: 20
}

.index-banner .banner-inner .banner-images .img-3 {
	z-index: 30
}

.index-banner .banner-inner .banner-images .img-4 {
	z-index: 40
}

.index-banner .banner-inner .banner-images .img-5 {
	z-index: 50
}

.index-banner .banner-inner .banner-images .img-6 {
	z-index: 60
}

.index-banner .banner-inner .banner-images .img-7 {
	z-index: 70
}

.index-banner .banner-inner .banner-images .img-8 {
	z-index: 80
}

.index-banner .banner-inner .banner-images .img-9 {
	z-index: 90
}

.index-banner .banner-inner .banner-images .img-10 {
	z-index: 100
}

.index-banner .banner-inner .banner-images.banner-1 {
	width: 320px;
	height: 310px;
	margin-top: -150px
}

.index-banner .banner-inner .banner-images.banner-1 .img-1 {
	top: 0;
	left: 50%;
	margin-left: -113px;
	-webkit-animation: opacity 0.5s linear;
	-moz-animation: opacity 0.5s linear;
	animation: opacity 0.5s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-2 {
	top: 38px;
	left: 50%;
	margin-left: -113px;
	-webkit-animation: opacity 0.5s linear 0.5s;
	-moz-animation: opacity 0.5s linear 0.5s;
	animation: opacity 0.5s linear 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-3 {
	bottom: 44px;
	left: 50%;
	margin-left: -160px;
	-webkit-animation: opacity 0.5s linear 1.5s;
	-moz-animation: opacity 0.5s linear 1.5s;
	animation: opacity 0.5s linear 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-4 {
	bottom: 34px;
	left: 50%;
	margin-left: -160px;
	-webkit-animation: opacity 0.5s linear 2s;
	-moz-animation: opacity 0.5s linear 2s;
	animation: opacity 0.5s linear 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-5 {
	z-index: 5;
	bottom: 0;
	left: 50%;
	margin-left: -114px;
	-webkit-animation: opacity 0.5s linear 2.5s;
	-moz-animation: opacity 0.5s linear 2.5s;
	animation: opacity 0.5s linear 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-6 {
	top: 39px;
	left: 50%;
	margin-left: -142px;
	-webkit-animation: opacity 0.5s linear 3s;
	-moz-animation: opacity 0.5s linear 3s;
	animation: opacity 0.5s linear 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-7 {
	top: 114px;
	left: 42px;
	-webkit-animation: opacity 0.5s linear 3.5s;
	-moz-animation: opacity 0.5s linear 3.5s;
	animation: opacity 0.5s linear 3.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-8 {
	top: 114px;
	left: 42px;
	width: 0;
	-webkit-animation: left-to-right 1.5s linear 4s;
	-moz-animation: left-to-right 1.5s linear 4s;
	animation: left-to-right 1.5s linear 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-9 {
	top: 94px;
	right: 38px;
	-webkit-animation: opacity 0.5s linear 4.5s;
	-moz-animation: opacity 0.5s linear 4.5s;
	animation: opacity 0.5s linear 4.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-10 {
	top: 101px;
	right: 38px;
	width: 0;
	-webkit-animation: left-to-right 1.5s linear 5s;
	-moz-animation: left-to-right 1.5s linear 5s;
	animation: left-to-right 1.5s linear 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.index-banner .banner-inner .banner-images.banner-1 .img-10 img {
	float: right
}

.index-banner .banner-inner .banner-words {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	height: auto;
	color: #fff
}

.index-banner .banner-inner .banner-words .banner-title {
	font-size: 36px
}

.index-banner .banner-inner .banner-words .banner-subtitle {
	font-size: 18px;
	margin-top: 20px;
	line-height: 40px
}

.index-banner.swiper-container .swiper-wrapper .swiper-slide:first-of-type {
	background: #000033;
	background: -moz-linear-gradient(top,#000033 0%,#000c18 100%);
	background: -webkit-linear-gradient(top,#000033 0%,#000c18 100%);
	background: linear-gradient(to bottom,#000033 0%,#000c18 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000033',endColorstr='#000c18',GradientType=0)
}

.index-banner.swiper-container .swiper-pagination {
	bottom: 80px;
	height: 5px;
	line-height: 5px
}

.index-banner.swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 5px;
	vertical-align: top;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
	background-color: #fff
}

.index-banner.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	opacity: 1
}

.index-banner.swiper-container .swiper-button-prev,.index-banner.swiper-container .swiper-button-next {
	width: 22px;
	height: 40px;
	margin-top: -20px
}

.index-banner.swiper-container .swiper-button-next {
	background-image: url("http://www.yilansheng.top/lj/image/next.png");
	right: 30px
}

.index-banner.swiper-container .swiper-button-prev {
	background-image: url("http://www.yilansheng.top/lj/image/prev.png");
	left: 30px
}

.advantage-bar {
	width: 100%;
	height: 110px;
	position: absolute;
	z-index: 5;
	top: 560px;
	background: #0d1528
}

.advantage-bar .content {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px
}

.advantage-bar .advantage-item {
	width: 241px;
	height: 110px;
	margin-left: -1px;
	padding: 15px 25px 0 25px
}

.advantage-bar .advantage-item .advantage-head {
	width: 100%;
	color: #fff;
	font-size: 16px
}

.advantage-bar .advantage-item .advantage-head span {
	display: inline-block;
	vertical-align: middle
}

.advantage-bar .advantage-item .advantage-head .advantage-icon {
	width: 26px;
	height: 26px;
	background: url(http://www.yilansheng.top/lj/image/advantage-icon.png) no-repeat
}

.advantage-bar .advantage-item .advantage-head .advantage-icon.one {
	background-position: 3px 0
}

.advantage-bar .advantage-item .advantage-head .advantage-icon.two {
	background-position: -224px 0
}

.advantage-bar .advantage-item .advantage-head .advantage-icon.three {
	background-position: -476px 1px
}

.advantage-bar .advantage-item .advantage-head .advantage-icon.four {
	background-position: -724px 1px
}

.advantage-bar .advantage-item .advantage-head .advantage-icon.five {
	background-position: -963px 1px
}

.advantage-bar .advantage-item .advantage-foot {
	padding-top: 10px;
	font-size: 12px;
	color: #9b9d9e;
	line-height: 24px;
	border-top: none
}

.layout.product-center {
	padding: 64px 0
}

.layout.product-center .layout-title::after {
	height: 0
}

.layout.product-center .layout-subtitle {
	margin-top: 0
}

.pt20 {
	padding-top: 20px
}

.pb20 {
	padding-bottom: 20px
}

.pt30 {
	padding-top: 30px
}

.pt50 {
	padding-top: 50px
}

.pt100 {
	padding-top: 100px
}

.layout.feature {
	padding-top: 64px;
	height: 862px
}

.layout.feature .layout-titles {
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 24px
}

.layout.feature .layout-subtitle {
	color: #9b9d9e;
	margin-top: 40px
}

.layout.success {
	height: 546px;
	padding-top: 64px;
	background: #f5f5f6
}

.layout.success .swiper-button-next,.layout.success .swiper-button-prev {
	margin-top: -40px
}

.layout.success .layout-titles {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px
}

.layout.success .layout-subtitles {
	text-align: center;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #555555;
	margin-top: 20px
}

.layout.success #swiper-container1 .swiper-slide {
	height: 239px
}

.layout.success #swiper-container1 .swiper-slide .case-right {
	height: 239px;
	width: 450px
}

.layout.success #swiper-container1 .swiper-slide .case-right img {
	width: 450px;
	height: 239px;
	display: inline-block
}

.layout.success #swiper-container1 .swiper-slide .case-left {
	height: 239px;
	width: 618px;
	background: #fff;
	padding: 0 40px
}

.layout.success #swiper-container1 .swiper-slide .case-left p {
	padding: 18px 0;
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: #333333
}

.layout.success #swiper-container1 .swiper-slide .case-left .details {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #555555;
	line-height: 22px
}

.layout.success #swiper-container1 .swiper-slide .case-left .button-details {
	width: 104px;
	height: 38px;
	right: 70px;
	bottom: 20px
}

.layout.success #swiper-container1 .swiper-slide .case-left .button-details a {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #fdad2a;
	border: 1px solid #fdad2a
}

.layout.success #swiper-container1 .swiper-slide .case-left .button-details a:hover {
	color: #fff;
	background: #fdad2a;
	border-color: #fdad2a
}

.layout.success .load-more {
	margin-top: 35px;
	text-align: center
}

.layout.success .load-more a {
	width: 122px;
	line-height: 38px;
	height: 38px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	color: #333333;
	border: 1px solid #333333
}

.layout.success .load-more a:hover {
	color: #fdad2a;
	border-color: #fdad2a
}

.layout-title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative
}

.layout-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 46px;
	height: 1px;
	background-color: #fdad2a;
	margin-left: -23px
}

.layout-subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.product-server {
	margin-top: 50px;
	width: 1200px;
	height: 386px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.product-server .item {
	height: 386px;
	width: 300px;
	overflow: hidden;
	position: relative
}

.product-server .item.show .item-inner .server-item .shade-layout {
	display: none
}

.product-server .item-inner {
	width: 300px
}

.product-server .item-inner.item-half {
	height: 193px
}

.product-server .item-inner.full-item {
	height: 386px
}

.product-server .item-inner.animation-top .slide-shadow.top {
	top: 0
}

.product-server .item-inner.animation-top .slide-shadow.top~.server-item img {
	-webkit-transform: scale(1.25,1.25);
	-moz-transform: scale(1.25,1.25);
	-ms-transform: scale(1.25,1.25);
	transform: scale(1.25,1.25)
}

.product-server .item-inner.animation-bottom .slide-shadow.bottom {
	bottom: 0
}

.product-server .item-inner.animation-bottom .slide-shadow.bottom~.server-item img {
	-webkit-transform: scale(1.25,1.25);
	-moz-transform: scale(1.25,1.25);
	-ms-transform: scale(1.25,1.25);
	transform: scale(1.25,1.25)
}

.product-server .server-item {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.product-server .server-item img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.product-server .shade-layout {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden
}

.product-server .init-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.product-server .server-title {
	font-size: 16px;
	color: #fff;
	margin-top: 14px
}

.product-server .server-icon {
	width: 48px;
	height: 68px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative
}

.product-server .server-icon:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background-color: #fdad2a
}

.product-server .server-icon.server-icon-1 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-01.png) center top no-repeat;
	-webkit-background-size: 46px 46px;
	-moz-background-size: 46px 46px;
	-ms-background-size: 46px 46px;
	background-size: 46px 46px
}

.product-server .server-icon.server-icon-2 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-02.png) center top no-repeat;
	-webkit-background-size: 48px 47px;
	-moz-background-size: 48px 47px;
	-ms-background-size: 48px 47px;
	background-size: 48px 47px
}

.product-server .server-icon.server-icon-3 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-03.png) center top no-repeat;
	-webkit-background-size: 48px 42px;
	-moz-background-size: 48px 42px;
	-ms-background-size: 48px 42px;
	background-size: 48px 42px
}

.product-server .server-icon.server-icon-4 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-04.png) center top no-repeat;
	-webkit-background-size: 48px 48px;
	-moz-background-size: 48px 48px;
	-ms-background-size: 48px 48px;
	background-size: 48px 48px
}

.product-server .server-icon.server-icon-5 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-05.png) center top no-repeat;
	-webkit-background-size: 46px 48px;
	-moz-background-size: 46px 48px;
	-ms-background-size: 46px 48px;
	background-size: 46px 48px
}

.product-server .server-icon.server-icon-6 {
	background: url(http://www.yilansheng.top/lj/image/server-icon-06.png) center top no-repeat;
	-webkit-background-size: 48px 48px;
	-moz-background-size: 48px 48px;
	-ms-background-size: 48px 48px;
	background-size: 48px 48px
}

.product-server .server-button {
	display: block;
	width: 140px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin: 20px auto 0;
	cursor: pointer
}

.product-server .server-button:hover {
	border-color: #fdad2a;
	color: #fdad2a
}

.product-server .server-introduce {
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: 0 60px;
	margin-top: 10px
}

.product-server .slide-shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: rgba(47,57,81,0.6);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.product-server .slide-shadow .server-icon {
	padding-bottom: 0;
	height: 48px
}

.product-server .slide-shadow .server-icon:after {
	display: none
}

.product-server .slide-shadow .server-title {
	position: relative;
	padding-bottom: 10px
}

.product-server .slide-shadow .server-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background-color: #fdad2a
}

.product-server .slide-shadow.top {
	top: -100%
}

.product-server .slide-shadow.bottom {
	bottom: -100%
}

.layout.no-padding-bottom {
	padding-top: 64px
}

.layout.no-padding-bottom .layout-title {
	padding-bottom: 0
}

.layout.no-padding-bottom .layout-title::after {
	height: 0
}

.layout.no-padding-bottom .layout-subtitle {
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #9b9d9e;
	line-height: 30px
}

.layout.open-case {
	padding-top: 64px
}

.layout.open-case .layout-title {
	padding-bottom: 0
}

.layout.open-case .layout-title::after {
	height: 0
}

.layout.study {
	padding-top: 64px
}

.layout.study .layout-title {
	padding-bottom: 0
}

.layout.study .layout-title::after {
	height: 0
}

.layout.study .tab-blocks {
	height: 456px;
	width: 1200px;
	margin: 60px auto 0
}

.layout.study .tab-blocks .tabs {
	width: 100%;
	height: 100%
}

.layout.study .tab-blocks .tabs .tab_item {
	width: 370px;
	height: 100%;
	margin-right: 25px;
	background: #fff;
	float: left
}

.layout.study .tab-blocks .tabs .tab_item:last-child {
	margin-right: 0
}

.layout.study .tab-blocks .tabs .tab_item .tab_img {
	width: 100%;
	height: 228px;
	position: relative
}

.layout.study .tab-blocks .tabs .tab_item .tab_img img {
	width: 100%;
	height: 100%;
	display: inline-block
}

.layout.study .tab-blocks .tabs .tab_item .tab_img p {
	position: absolute;
	left: 0;
	padding: 0 22px;
	bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px
}

.layout.study .tab-blocks .tabs .tab_item .tab_img p a {
	color: #fff;
	float: left;
	width: 275px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.layout.study .tab-blocks .tabs .tab_item .tab_img p a:hover {
	text-decoration: underline
}

.layout.study .tab-blocks .tabs .tab_item .tab_img p span {
	float: right;
	color: #fff
}

.layout.study .tab-blocks .tabs .tab_item .tab_link {
	padding: 23px
}

.layout.study .tab-blocks .tabs .tab_item .tab_link h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_link_to {
	overflow: hidden;
	height: 100px
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_link_to p {
	font-size: 14px;
	color: #555;
	margin-bottom: 25px;
	height: 12px;
	width: 100%;
	box-sizing: border-box
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_link_to p a {
	display: block;
	width: 255px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_link_to p a:hover {
	text-decoration: underline;
	color: #fdad2a
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_link_to p span {
	float: right
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_more {
	margin-top: 15px
}

.layout.study .tab-blocks .tabs .tab_item .tab_link .tab_more a {
	font-size: 14px;
	color: #1183ff
}

.tab-block {
	width: 1200px;
	height: 580px;
	margin: 50px auto 0;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.tab-block.information-tab {
	height: 430px
}

.tab-block.information-tab .tabs {
	height: 380px
}

.tab-block.feature-tab {
	height: 710px
}

.tab-block.feature-tab .tabs {
	height: 658px
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px
}

.tab-block .tab-buttons .tab-button {
	width: 25%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #9b9d9e;
	line-height: 50px;
	position: relative;
	font-weight: 400;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	color: rgba(0,179,122,1);
	font-weight: bold
}

.tab-block .tab-buttons .tab-button.cur:after {
	width: 100%;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 3px;
	background-color: rgba(0,179,122,1)
}

.tab-block .tabs {
	width: 100%;
	height: 528px
}

.tab-block .tabs .tab-item {
	margin-top: 16px;
	width: 100%;
	padding-top: 40px;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}

.tab-block .tabs .tab-item .feature-img {
	width: 590px
}

.tab-block .tabs .tab-item .feature-img img {
	width: 100%;
	height: 100%
}

.tab-block .tabs .tab-item .feature-content {
	width: 49%;
	float: left;
	background: #fff;
	padding: 24px 20px
}

.tab-block .tabs .tab-item .feature-content .feature-top {
	width: 100%;
	text-align: left
}

.tab-block .tabs .tab-item .feature-content .feature-top .feature-title {
	font-size: 28px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: #333333
}

.tab-block .tabs .tab-item .feature-content .feature-top .spanView {
	width: 64px;
	display: block;
	height: 2px;
	margin-top: 40px;
	background: rgba(0,179,122,1)
}

.tab-block .tabs .tab-item .feature-content .feature-top p {
	margin-top: 16px;
	font-size: 16px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	color: #606266;
	line-height: 32px
}

.tab-block .tabs .tab-item .feature-content .feature-bottom {
	position: relative;
	padding-top: 30px;
	text-align: left
}

.tab-block .tabs .tab-item .feature-content .feature-bottom .feature-title {
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: #333333
}

.tab-block .tabs .tab-item .feature-content .feature-buttons {
	bottom: 30px;
	display: flex;
	left: 0
}

.tab-block .tabs .tab-item .feature-content .feature-buttons .feature-btn {
	font-size: 16px;
	margin-right: 16px;
	width: 112px;
	height: 32px;
	background: #00ce9c;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	transition: 0.3s
}

.tab-block .tabs .tab-item .feature-content .feature-buttons .feature-btn:hover {
	background: #fdad2a
}

.tab-block .tabs .tab-item .feature-content .feature-labels {
	padding-top: 15px;
	margin-bottom: 64px
}

.tab-block .tabs .tab-item .feature-content .feature-labels .label {
	filter: grayscale(100%);
	font-weight: 600;
	display: flex;
	float: left;
	min-width: 128px;
	height: 64px;
	font-size: 14px;
	color: rgba(48,49,51,1);
	background: rgba(248,250,251,1);
	cursor: pointer;
	justify-content: center;
	align-items: center;
	margin-right: 32px;
	padding: 0px 21px 0px 15px
}

.tab-block .tabs .tab-item .feature-content .feature-labels .label img {
	width: 40px;
	margin-right: 10px;
	height: 40px
}

.tab-block .tabs .tab-item .feature-content .feature-labels .label:hover {
	filter: grayscale(0%);
	background: rgba(235,249,245,1);
	color: rgba(0,179,122,1)
}

.case-block {
	margin-top: 46px;
	height: 320px;
	width: 1200px
}

.case-block .case-item {
	width: 240px;
	height: 320px;
	position: relative;
	overflow: hidden
}

.case-block .case-item img {
	width: 100%;
	height: auto
}

.case-block .case-item:hover .case-shadow {
	background-color: rgba(0,204,153,0.8)
}

.case-block .case-item:hover .case-shadow .shadow-inner {
	height: 259px;
	overflow: visible
}

.case-block .case-item:hover .case-shadow .getcase-button {
	display: block
}

.case-block .case-item:hover .case-shadow .case-title {
	margin-top: 0
}

.case-block .case-item:hover .case-shadow .case-title:after {
	height: 0
}

.case-block .case-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	text-align: center
}

.case-block .case-shadow .shadow-inner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 125px;
	overflow: hidden;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.case-block .case-shadow .case-icon {
	width: 100%;
	height: 40px
}

.case-block .case-shadow .case-icon.case-icon-1 {
	background: url(http://www.yilansheng.top/lj/image/case4.png) center no-repeat;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;
	background-size: 40px auto
}

.case-block .case-shadow .case-icon.case-icon-2 {
	background: url(http://www.yilansheng.top/lj/image/case3.png) center no-repeat;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;
	background-size: 40px auto
}

.case-block .case-shadow .case-icon.case-icon-3 {
	background: url(http://www.yilansheng.top/lj/image/case2.png) center no-repeat;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;
	background-size: 40px auto
}

.case-block .case-shadow .case-icon.case-icon-4 {
	background: url(http://www.yilansheng.top/lj/image/case1.png) center no-repeat;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;
	background-size: 40px auto
}

.case-block .case-shadow .case-icon.case-icon-5 {
	background: url(http://www.yilansheng.top/lj/image/case5.png) center no-repeat;
	-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;
	background-size: 40px auto
}

.case-block .case-shadow .case-title {
	margin-top: 32px;
	font-size: 16px;
	line-height: 16px;
	padding-top: 27px;
	position: relative
}

.case-block .case-shadow .case-title:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	background-color: #fff;
	margin-left: -10px
}

.case-block .case-shadow .case-title a {
	color: #fff
}

.case-block .case-shadow .two-lines-text,.case-block .case-shadow .information-tab .information-right .article-list .article-content p,.information-tab .information-right .article-list .article-content .case-block .case-shadow p,.case-block .case-shadow .hezi-article-block .article-lists .article-content .article-introduce,.hezi-article-block .article-lists .article-content .case-block .case-shadow .article-introduce,.case-block .case-shadow .article-item-lists .article-detail-line,.article-item-lists .case-block .case-shadow .article-detail-line {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: white;
	line-height: 22px;
	padding: 0 20px;
	margin-top: 15px;
	margin-bottom: 30px
}

.case-block .case-shadow .check-detail {
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%
}

.case-block .case-shadow .check-detail:hover {
	text-decoration: underline
}

.case-block .case-shadow .case-subtitle {
	font-size: 14px;
	line-height: 14px;
	margin-top: 18px
}

.case-block .case-shadow .getcase-button {
	display: block;
	width: 140px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	margin: 28px auto 0;
	text-align: center;
	border: 1px solid #fff;
	overflow: hidden
}

.case-block .case-shadow .getcase-button:hover {
	border-color: #fff;
	color: #333;
	background: #fff
}

.product-buttons a {
	display: inline-block;
	width: 122px;
	height: 38px;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	border: 1px solid #fff
}

.product-buttons a:hover {
	color: #333;
	background: #fff
}

.project-block {
	width: 1200px;
	padding-top: 10px
}

.project-block .project-item {
	width: 236px;
	height: 80px;
	float: left;
	margin-right: 5px;
	margin-top: 30px
}

.project-block .project-item:nth-of-type(5n) {
	margin-right: 0
}

.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(http://www.yilansheng.top/lj/image/question-icon.png) center no-repeat;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px
}

.information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative
}

.information-tab .information-left img {
	width: 100%;
	height: auto
}

.information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}

.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px
}

.information-tab .information-left .left-bottom .article-time {
	font-size: 14px
}

.information-tab .information-right {
	width: 640px;
	height: 340px
}

.information-tab .information-right .article-list {
	padding-top: 24px
}

.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}

.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}

.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}

.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 450px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}

.information-tab .information-right .article-list .article-content p {
	height: 52px
}

.information-tab .information-right .article-list:nth-of-type(1) .article-number,.information-tab .information-right .article-list:nth-of-type(2) .article-number,.information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}

.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px
}

.information-tab .information-right .article-list.current .article-number {
	background-color: #fdad2a !important
}

.information-tab .information-right .article-list.current .article-title {
	color: #fdad2a
}

.information-tab .information-right .article-list.current .article-content {
	display: block
}

.footer-layout {
	padding-top: 65px
}

.footer-layout .footer-head {
	line-height: 63px;
	font-size: 16px;
	color: #fff
}

.footer-layout .footer-head .footer-logo {
	width: 130px;
	height: 40px
}

.footer-layout .subnav-block {
	padding: 32px 0;
	color: #999;
	position: relative;
	display: flex
}

.footer-layout .subnav-block .connent img {
	width: 113.4px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(170,177,185,0.1);
	padding-right: 75px
}

.footer-layout .subnav-block dl {
	margin-right: 60px;
	width: 120px
}

.footer-layout .subnav-block dl:last-child {
	margin-right: 0
}

.footer-layout .subnav-block dl.pull-left-new {
	width: 242px;
	margin-right: 0
}

.footer-layout .subnav-block dl.pull-left-new dd {
	margin-bottom: 0
}

.footer-layout .subnav-block dl.pull-left-new dd:first-child {
	margin-bottom: 28px
}

.footer-layout .subnav-block dl.pull-left-new dd.ercode {
	margin-top: 10px
}

.footer-layout .subnav-block dl.pull-left-new dd.ercode label {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 15px;
	position: relative
}

.footer-layout .subnav-block dl.pull-left-new dd.ercode label.weixin:hover .qr_code {
	display: inline-block !important
}

.footer-layout .subnav-block dl.pull-left-new dd.ercode label .icon_img {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.footer-layout .subnav-block dl.pull-left-new dd.ercode label .qr_code {
	width: 135px;
	height: 141px;
	position: absolute;
	top: 28px;
	left: -52px;
	display: none !important
}

.footer-layout .subnav-block dl dt {
	font-size: 14px;
	color: #9b9d9e;
	padding-bottom: 12px;
	margin-bottom: 25px
}

.footer-layout .subnav-block dl dt a {
	color: rgba(255,255,255,1)
}

.footer-layout .subnav-block dl dt a:hover {
	color: #fdad2a;
	text-decoration: underline
}

.footer-layout .subnav-block dl dd {
	line-height: 24px;
	margin-bottom: 4px
}

.footer-layout .subnav-block dl dd a {
	color: #999
}

.footer-layout .subnav-block dl dd a:hover {
	color: #fdad2a;
	text-decoration: underline
}

.subnav-block .pullRight {
	display: flex;
	flex: 1
}

.footer-layout .QR-code-block {
	width: 140px;
	position: absolute;
	right: 0;
	bottom: 32px
}

.footer-layout .QR-code-block:hover .QR-init {
	display: none
}

.footer-layout .QR-code-block:hover .QR-change {
	display: block
}

.footer-layout .QR-code-block .code-icon {
	width: 43px;
	height: 44px;
	display: block;
	margin: 0 auto 18px
}

.footer-layout .QR-code-block .QR-change {
	display: none
}

.footer-layout .QR-code-block .QR-title {
	font-size: 14px;
	color: #fff;
	text-align: center
}

.footer-layout .QR-code-block .code-img {
	display: block;
	width: 140px;
	height: 140px;
	margin: 0 auto 6px
}

.footer-layout .friendship-link {
	line-height: 54px
}

.footer-layout .friendship-link .link-list {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #999;
	margin-right: 36px
}

.footer-layout .friendship-link a:hover {
	color: #fdad2a
}

.footer-layout .copyRight {
	line-height: 40px;
	color: #999;
	text-align: center;
	font-size: 16px
}

.footer-layout .copyRight a:hover {
	color: #fdad2a
}

.service-banner {
	position: relative
}

.service-banner .new_background {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 333px;
	background: url("http://www.yilansheng.top/lj/image/product_bg.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	z-index: -1
}

.full-page-banner {
	width: 100%;
	height: 400px
}

.full-page-banner.product-banner {
	height: 249px;
	background: url(http://www.yilansheng.top/lj/image/new_back.png) no-repeat;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.product-banner .new_background {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 359px;
	background: url("http://www.yilansheng.top/lj/image/new_back.png") center no-repeat
}

.full-page-banner.product-banner .new_background.p1 {
	background: url("http://www.yilansheng.top/lj/image/new_back1.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.product-banner .new_background.p2 {
	background: url("http://www.yilansheng.top/lj/image/new_back2.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.product-banner .new_background.p3 {
	background: url("http://www.yilansheng.top/lj/image/new_back3.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.product-banner .new_background.p4 {
	background: url("http://www.yilansheng.top/lj/image/new_back4.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.product-banner .new_text {
	margin-left: 85px;
	position: relative;
	z-index: 10;
	width: 1200px;
	margin: 0 auto
}

.full-page-banner.product-banner .new_text .p1 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-top: 70px
}

.full-page-banner.product-banner .new_text .p2 {
	line-height: 30px;
	color: #9b9d9e;
	font-size: 16px
}

.full-page-banner.program-banner {
	background: url(http://www.yilansheng.top/lj/image/full-page-program.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner.about-banner {
	background: url(http://www.yilansheng.top/lj/image/full-page-about.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.full-page-banner .full-page-content {
	width: 1200px;
	margin: 0 auto;
	height: 400px;
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.full-page-banner .full-page-title {
	font-size: 36px;
	margin-bottom: 16px
}

.full-page-banner .full-page-title.underline {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 8px
}

.full-page-banner .full-page-title.underline:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	background-color: #fdad2a;
	margin-left: -10px
}

.full-page-banner .full-page-subtitle {
	font-size: 18px;
	line-height: 44px
}

.product-left {
	width: 432px;
	height: 324px;
	overflow: hidden
}

.product-left img {
	width: 100%;
	height: 100%
}

.pb128 {
	padding-bottom: 128px
}

.pb80 {
	padding-bottom: 80px
}

.item-buttons5 {
	height: 80px;
	display: flex
}

.item-buttons5 .it_item5 {
	flex: 1
}

.item-buttons5 .it_item5 .itp1 {
	font-size: 16px;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	margin-top: 20px;
	color: #333333
}

.item-buttons5 .it_item5 .itp2 {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #666666
}

.item-buttons4 .it_item4 {
	width: 232px;
	height: 232px;
	float: left;
	position: relative
}

.item-buttons4 .it_item4 img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block
}

.item-buttons4 .it_item4 p {
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 105px;
	z-index: 10;
	position: relative;
	letter-spacing: 1px
}

.item-buttons3 {
	width: 1200px;
	height: 887px;
	background: white;
	border: 1px solid #e6e6e6;
	padding-top: 34px;
	text-align: center
}

.item-buttons3 img {
	display: inline-block;
	width: 1139px;
	height: 826px
}

.item-buttons2 .it_item2 {
	width: 271px;
	height: 287px;
	background: #fefefe;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	text-align: center;
	padding: 30px 20px 0 20px;
	border: 1px solid transparent;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
	transition: all 400ms
}

.item-buttons2 .it_item2:nth-child(4n) {
	margin-right: 0
}

.item-buttons2 .it_item2:hover {
	border: 1px solid #fdad2a;
	box-shadow: 0px 0px 8px -3px #fdad2a
}

.item-buttons2 .it_item2 img {
	width: 64px;
	height: 64px;
	display: inline-block
}

.item-buttons2 .it_item2 .p_title {
	margin-top: 10px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #222222;
	line-height: 22px;
	opacity: 0.98;
	text-align: center
}

.item-buttons2 .it_item2 .p_border {
	margin-top: 10px;
	text-align: center
}

.item-buttons2 .it_item2 .p_border span {
	width: 24px;
	display: inline-block;
	height: 3px;
	background: #fdad2a
}

.item-buttons2 .it_item2 div {
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #666666;
	line-height: 26px
}

.item-buttons1 {
	display: flex;
	justify-content: space-around;
	height: 354px
}

.item-buttons1 .it_item1 {
	width: 370px;
	height: 354px;
	background: white;
	border: 1px solid #cccccc;
	transition: all 400ms
}

.item-buttons1 .it_item1:hover {
	border-color: #fdad2a;
	box-shadow: 0px 0px 8px -3px #fdad2a
}

.item-buttons1 .it_item1 p {
	height: 100px;
	background: #f5f5ff;
	padding-left: 32px;
	line-height: 100px
}

.item-buttons1 .it_item1 p img {
	display: inline-block;
	width: 34px;
	margin-right: 15px;
	vertical-align: middle
}

.item-buttons1 .it_item1 p span {
	vertical-align: middle;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #222222
}

.item-buttons1 .it_item1 .text1 {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #666666;
	line-height: 26px
}

.item-buttons1 .it_item1>div {
	height: 250px;
	padding: 30px;
	position: relative
}

.item-buttons1 .it_item1>div .text2 {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center
}

.item-buttons1 .it_item1>div .text2 a {
	margin: 0 12px
}

.product-right {
	width: 650px;
	height: 24px;
	margin: 0 40px
}

.product-right .item-title {
	font-size: 24px;
	color: #333;
	position: relative;
	line-height: 24px
}

.product-right .item-content {
	margin-top: 14px;
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.product-right .item-content p {
	color: #555;
	line-height: 22px;
	font-size: 14px
}

.product-right .item-buttons .blue-border-btn {
	min-width: 100px;
	padding: 0 10px
}

.product-right .item-buttons .it_item {
	width: 195px;
	float: left;
	position: relative
}

.product-right .item-buttons .it_item:last-child:after {
	height: 0
}

.product-right .item-buttons .it_item::after {
	content: "";
	position: absolute;
	right: 30px;
	top: 5%;
	width: 1px;
	height: 90%;
	background: #e6e6e6;
	display: inline-block
}

.product-right .item-buttons .it_item p {
	margin-bottom: 20px
}

.product-right .item-buttons .it_item p img {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

.product-right .item-buttons .it_item p span {
	font-size: 14px;
	color: #555555;
	vertical-align: middle
}

.product-right .item-buttons .it_item a {
	width: 96px;
	margin-bottom: 25px;
	min-width: 96px;
	text-align: center;
	border-color: #dedfe0 !important;
	color: #777 !important
}

.product-right .item-buttons .it_item a:hover {
	color: #fff !important;
	border-color: transparent !important
}

.product-right .item-buttons .button {
	margin-right: 20px
}

.border .content {
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16)
}

.page-product-footer {
	width: 100%;
	height: 410px;
	height: 431px;
	background: linear-gradient(90deg,#00a6bc,#00bba6);
	color: #fff
}

.page-product-footer .content {
	padding-top: 45px
}

.page-product-footer .product-buttons {
	margin-top: 36px
}

.page-product-footer .product-buttons .button {
	width: 120px;
	margin: 0 14px
}

.page-product-footer .con_left {
	width: 536px;
	float: left
}

.page-product-footer .con_left h2 {
	font-size: 40px;
	color: #fff;
	font-weight: 400;
	border-bottom: 1px solid rgba(255,255,255,0.16);
	padding-bottom: 10px
}

.page-product-footer .con_left p {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	font-weight: 400;
	margin-top: 25px
}

.page-product-footer .con_left div {
	width: 320px;
	height: 80px;
	line-height: 80px;
	background: #29b8c3;
	margin-top: 40px;
	text-align: left;
	padding-left: 20px
}

.page-product-footer .con_left div img {
	width: 18px;
	margin-right: 16px;
	height: 18px;
	display: inline-block;
	vertical-align: middle
}

.page-product-footer .con_left div span {
	font-size: 32px;
	color: #fff;
	font-weight: 400;
	vertical-align: middle;
	margin-left: 5px
}

.page-product-footer .con_right {
	width: 488px;
	float: right;
	text-align: left;
	box-sizing: border-box;
	border: none !important
}

.page-product-footer .con_right .half_input {
	margin-bottom: 15px;
	height: 38px;
	display: flex
}

.page-product-footer .con_right .half_input input {
	width: 238px;
	height: 38px;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid transparent;
	box-sizing: border-box
}

.page-product-footer .con_right .half_input input::-webkit-input-placeholder {
	color: #b3b3ba
}

.page-product-footer .con_right .half_input input:first-child {
	margin-right: 8px
}

.page-product-footer .con_right .half_input input.error {
	border: 1px solid #f2545b
}

.page-product-footer .con_right .all_input {
	margin-bottom: 15px;
	height: 38px
}

.page-product-footer .con_right .all_input input {
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0;
	border: 0
}

.page-product-footer .con_right .all_input input::-webkit-input-placeholder {
	color: #b3b3ba
}

.page-product-footer .con_right .all_input input.error {
	border: 1px solid #f2545b
}

.page-product-footer .con_right .all_label label {
	display: inline-block;
	height: 18px;
	width: 159px;
	padding-left: 28px;
	line-height: 18px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
	box-sizing: border-box
}

.page-product-footer .con_right .all_label label::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	content: "";
	display: inline-block;
	background: url("http://www.yilansheng.top/lj/image/sel_none.png") no-repeat;
	background-size: 100% 100%
}

.page-product-footer .con_right .all_label label.active::after {
	background: url("http://www.yilansheng.top/lj/image/sel_active.png") no-repeat;
	background-size: 100% 100%
}

.page-product-footer .con_right .all_textarea {
	margin-bottom: 15px;
	width: 100%;
	height: 64px
}

.page-product-footer .con_right .all_textarea textarea {
	width: 100%;
	height: 100%;
	display: inline-block;
	background: #fff;
	color: #333;
	box-sizing: border-box;
	font-size: 14px;
	padding: 10px 10px;
	border: 0;
	resize: none
}

.page-product-footer .con_right .all_textarea textarea::-webkit-input-placeholder {
	color: #b3b3ba
}

.page-product-footer .con_right .all_textarea textarea.error {
	border: 1px solid #f2545b
}

.page-product-footer .con_right .submit_btn {
	width: 96px;
	height: 30px
}

.page-product-footer .con_right .submit_btn button {
	cursor: pointer;
	background: #fff;
	width: 96px;
	height: 30px;
	border: 0;
	padding: 0;
	color: #333;
	font-size: 14px
}

.program-block {
	padding: 0 25px;
	margin-top: 46px
}

.program-block .program-item {
	float: left;
	width: 303px;
	height: 359px;
	margin: 0 40px 22px
}

.program-block .program-item .program-title {
	line-height: 56px;
	height: 56px;
	text-align: center;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px
}

.program-block .program-item .program-title a {
	color: #333
}

.program-block .program-item .program-title a:hover {
	color: #fdad2a
}

.program-block .program-item .item-inner {
	width: 303px;
	height: 303px;
	overflow: hidden;
	position: relative
}

.program-block .program-item .item-inner img {
	width: 100%;
	height: auto
}

.program-block .program-item .item-inner .program-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2
}

.program-block .program-item .item-inner .program-content .shadow {
	position: absolute;
	width: 0;
	height: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-shadow: 500px 500px 0 rgba(47,57,81,0.9) inset;
	-moz-box-shadow: 500px 500px 0 rgba(47,57,81,0.9) inset;
	-ms-box-shadow: 500px 500px 0 rgba(47,57,81,0.9) inset;
	box-shadow: 500px 500px 0 rgba(47,57,81,0.9) inset;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.program-block .program-item .item-inner .program-content .content-inner {
	display: none;
	width: 303px;
	height: 303px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	z-index: 10
}

.program-block .program-item .item-inner .program-content .program-layout-title {
	color: #fff;
	text-align: center;
	position: relative;
	padding-bottom: 10px
}

.program-block .program-item .item-inner .program-content .program-layout-title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	height: 2px;
	background-color: #fdad2a;
	margin-left: -10px
}

.program-block .program-item .item-inner .program-content .item-icon {
	height: 45px;
	width: 100%;
	position: relative
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-1 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-01.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-2 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-04.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-3 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-02.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-4 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-08.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-5 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-06.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-6 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-03.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-7 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-07.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-8 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-05.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .item-icon.program-icon-9 {
	background: url(http://www.yilansheng.top/lj/image/case-icon-09.png) center top no-repeat;
	-webkit-background-size: 45px auto;
	-moz-background-size: 45px auto;
	-ms-background-size: 45px auto;
	background-size: 45px auto
}

.program-block .program-item .item-inner .program-content .program-introduce {
	padding: 0 58px;
	color: #fff;
	text-align: center;
	margin-top: 10px
}

.program-block .program-item .item-inner .program-content .program-introduce a {
	color: #fff
}

.program-block .program-item .item-inner .program-content .program-introduce a:hover {
	color: #fdad2a
}

.program-block .program-item .item-inner .program-content .program-btn {
	display: none;
	margin: 20px auto 0;
	width: 140px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff
}

.program-block .program-item .item-inner .program-content .program-btn:hover {
	color: #fdad2a;
	border-color: #fdad2a
}

.program-block .program-item .item-inner:hover .program-content .shadow {
	width: 500px;
	height: 500px
}

.program-block .program-item .item-inner:hover .program-content .content-inner {
	display: table-cell
}

.program-block .program-item .item-inner:hover .program-content .program-btn {
	display: block
}

.operate-layout {
}

.operate-layout .operate-left {
	float: left;
	width: 894px
}

.operate-layout .operate-right {
	float: right;
	width: 282px;
	position: relative
}

.operate-layout .operate-right .operate-right-inner {
	width: 100%;
	height: auto
}

.operate-layout .operate-right .operate-right-inner.fixed {
	position: fixed;
	z-index: 10
}

.operate-layout .operate-right.absolute {
	position: absolute;
	right: 0
}

.operate-layout .operate-right .block-item {
	border-radius: 8px;
	width: 282px;
	height: auto;
	background-color: #fff
}

.operate-banner .operate-banner-left {
	width: 588px;
	height: 340px;
	float: left
}

.operate-banner .operate-banner-right {
	float: right;
	width: 282px
}

.operate-banner .operate-banner-right .banner-item {
	border-radius: 8px;
	transition: 1s;
	width: 282px;
	height: 158px;
	position: relative;
	overflow: hidden
}

.operate-banner-left .swiper-slide {
	transition: 1s
}

.operate-banner .operate-banner-right .banner-item:hover img,.operate-banner-left .swiper-slide:hover .banner-link img {
	transition: 1s;
	transform: scale(1.1,1.1)
}

.operate-banner .operate-banner-right .banner-item img {
	width: 100%;
	height: auto;
	border-radius: 8px
}

.operate-banner .operate-banner-right .banner-item .banner-shadow {
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.70) 100%);
	border-radius: 8px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	line-height: 38px;
	padding: 111px 8px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.operate-banner .operate-banner-right .banner-item.banner-bottom {
	margin-top: 24px
}

.swiper-container.operate-swiper-banner {
	width: 588px;
	height: 340px
}

.swiper-container.operate-swiper-banner .swiper-slide {
	width: 100%;
	height: 100%
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link {
	display: block
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link img {
	width: 100%;
	height: auto;
	border-radius: 8px
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 20px;
	text-align: right;
	left: 0;
	width: 96%;
	position: absolute;
	z-index: 100
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 0.4;
	background: #FFFFFF;
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	opacity: 1
}

.swiper-container.operate-swiper-banner .swiper-slide .banner-link .banner-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 48px;
	padding-top: 288px;
	padding-right: 140px;
	padding-left: 14px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.60) 100%);
	border-radius: 8px
}

.swiper-container.operate-swiper-banner .swiper-pagination {
	width: 100%;
	height: 48px;
	line-height: 48px;
	bottom: 0;
	text-align: right;
	padding: 0 13px
}

.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	vertical-align: middle;
	border: 1px solid #fff;
	background: none;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	opacity: 1
}

.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff
}

.hezi-article-block {
	width: 100%;
	border-radius: 8px;
	background: #fff
}

.hezi-article-block .label-page-title {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 14px;
	line-height: 50px;
	background-color: #fff
}

.hezi-article-block .label-page-title span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.hezi-article-block .label-page-title .label-icon {
	color: #999
}

.hezi-article-block .label-page-title .title {
	font-weight: bold;
	color: #333
}

.hezi-article-block .article-lists {
	position: relative;
	padding: 16px
}

.hezi-article-block .article-lists .article-img {
	transition: 1s;
	width: 222px;
	height: 141px;
	border-radius: 8px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin-right: 22px
}

.industry-list .industry-img img {
	transition: 1s
}

.hezi-article-block .article-lists .article-img:hover img {
	transition: 1s;
	transform: scale(1.1,1.1)
}

.hezi-article-block .article-lists .article-img~.article-content {
	width: 600px
}

.hezi-article-block .article-lists .article-img+.article-content {
	width: 600px
}

.hezi-article-block .article-lists .article-img img {
	width: 100%;
	height: auto
}

.hezi-article-block .article-lists .article-content {
	display: inline-block;
	vertical-align: top;
	height: 141px;
	width: 100%
}

.hezi-article-block .article-lists .article-content .article-title {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: none
}

.hezi-article-block .article-lists .article-content .article-title h3 {
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	color: #1F2C3D;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hezi-article-block .article-lists .article-content .article-title h3:hover {
	color: #fdad2a
}

.hezi-article-block .article-lists .article-content .article-author {
	font-size: 12px;
	color: #999;
	margin-top: 12px
}

.hezi-article-block .article-lists .article-content .article-author .article-time {
	float: right;
	padding-left: 20px;
	background: url(http://www.yilansheng.top/lj/image/time-icon.png) left center no-repeat;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	-ms-background-size: 14px 14px;
	background-size: 14px 14px
}

.hezi-article-block .article-lists .article-content .article-author .article-reading {
	padding-left: 20px;
	background: url(http://www.yilansheng.top/lj/image/read-icon.png) left center no-repeat;
	-webkit-background-size: 14px 10px;
	-moz-background-size: 14px 10px;
	-ms-background-size: 14px 10px;
	background-size: 14px 10px;
	margin-right: 24px
}

.hezi-article-block .article-lists .article-content .article-author .article-reading:nth-child(1) {
	background: url(http://www.yilansheng.top/lj/image/a1.png) left center no-repeat
}

.hezi-article-block .article-lists .article-content .article-author .article-reading:nth-child(2) {
	background: url(http://www.yilansheng.top/lj/image/a2.png) left center no-repeat
}

.hezi-article-block .article-lists .article-content .article-author .article-reading:nth-child(3) {
	background: url(http://www.yilansheng.top/lj/image/a3.png) left center no-repeat
}

.hezi-article-block .article-lists .article-content .article-introduce {
	margin-top: 20px;
	height: 38px;
	overflow: hidden;
	line-height: 21px;
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hezi-article-block .article-lists .article-content .article-other-link {
	font-size: 12px;
	margin-top: 14px;
	color: #999
}

.hezi-article-block .article-lists .article-content .article-other-link .article-label {
	font-weight: 400;
	font-size: 12px;
	color: #4787F0;
	display: inline-block;
	line-height: 21px;
	margin-right: 12px;
	height: 21px;
	background: #ECF2FE;
	border-radius: 2px;
	padding: 0 6px
}

.hezi-article-block .article-lists .article-content .article-other-link .article-label:hover {
	color: #fdad2a;
	border-color: #fdad2a
}

.hezi-article-block .article-lists .article-content .article-other-link .article-reading {
	margin-left: 20px
}

.hezi-article-block .article-lists .article-content .article-other-link .article-other {
	float: right;
	color: #2db7f5;
	font-size: 12px
}

.hezi-article-block .article-lists:hover {
	background-color: #fafafc
}

.hezi-article-block .article-lists:hover .article-content .article-title a {
	color: #fdad2a
}

.hezi-article-block .article-lists-block {
	display: none
}

.hezi-article-block .article-lists-block.active {
	display: block
}

.article-butotns-tab {
	width: 100%
}

.article-butotns-tab .tab-link {
	float: left;
	height: 40px;
	font-weight: 500;
	font-size: 20px;
	color: #303133;
	text-align: left
}

.article-butotns-tab .tab-link.active a {
	color: #333;
	font-weight: bold
}

.article-butotns-tab .tab-link.active a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.article-butotns-tab .tab-link a {
	color: #999;
	line-height: 50px;
	display: block;
	position: relative
}

.article-butotns-tab.activity-list-tab .tab-link {
	margin: 0 30px
}

.hezi-advert-block {
	position: relative;
	padding-top: 42px;
	padding-bottom: 34px;
	text-align: center;
	font-size: 12px;
	color: #999
}

.hezi-advert-block .advert-head {
	width: 84px;
	height: 84px;
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	left: 50%;
	top: -42px;
	margin-left: -42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%
}

.hezi-advert-block .advert-head .advert-head-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.hezi-advert-block .advert-head .advert-head-inner .advert-head-content {
	position: absolute;
	width: 74px;
	height: 74px;
	background-color: #fff;
	top: 5px;
	left: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden
}

.hezi-advert-block .advert-head .advert-head-inner .advert-head-content img {
	width: 100%;
	height: auto
}

.hezi-advert-block .advert-title {
	font-size: 16px;
	color: #333;
	margin-top: 10px;
	padding: 0 10px
}

.hezi-advert-block .advert-content {
	margin-top: 10px;
	line-height: 20px
}

.hezi-advert-block .advert-content p {
	text-align: center
}

.hezi-advert-block .advert-btn {
	width: 120px;
	height: 30px;
	line-height: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	margin: 34px auto 0;
	color: #fdad2a;
	border: 1px solid #fdad2a
}

.hezi-advert-block .advert-btn:hover {
	color: #fff;
	background: #f77053;
	background: -moz-linear-gradient(left,#f77053 0%,#e44b5d 100%);
	background: -webkit-linear-gradient(left,#f77053 0%,#e44b5d 100%);
	background: linear-gradient(to right,#f77053 0%,#e44b5d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053',endColorstr='#e44b5d',GradientType=1)
}

.hezi-advert-block .advert-data {
	padding: 0 31px;
	margin-top: 30px
}

.hezi-advert-block .advert-data .advert-data-item {
	width: 110px;
	float: left;
	text-align: center
}

.hezi-advert-block .advert-data .advert-data-item .item-number {
	font-weight: bold;
	font-size: 16px;
	color: #333
}

.hezi-advert-block .advert-data .advert-data-item .item-label {
	font-size: 12px;
	color: #999;
	margin-top: 12px
}

.hezi-advert-block .advert-data .advert-data-item.border-right {
	position: relative
}

.hezi-advert-block .advert-data .advert-data-item.border-right:after {
	content: "";
	position: absolute;
	right: 0;
	height: 16px;
	width: 1px;
	background-color: #e5e5e5;
	top: 20px
}

.item-title-head {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	padding: 24px 20px 0;
	position: relative
}

.item-title-head .item-title {
	font-size: 16px;
	color: #333;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 16px
}

.item-title-head .item-title::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 12px;
	background: linear-gradient( 0deg,rgba(17,131,255,1),rgba(65,156,255,1));
	border-radius: 1px;
	margin: 5px 6px 0 0;
	vertical-align: inherit
}

.hezi-item-container {
	padding: 20px 10px 25px
}

.hezi-item-container .item-label {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	padding: 0 12px;
	color: #666;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	margin: 0 10px 15px 0;
	float: left;
	background-color: #f7f7fa
}

.hezi-item-container .item-label:hover {
	color: #fdad2a;
	border-color: #fdad2a;
	background-color: #e5faf5
}

.hezi-item-container .read-more {
	font-size: 14px;
	display: block;
	color: #1183ff;
	padding-left: 24px;
	margin-top: 10px
}

.hezi-item-container.trade-nav li {
	height: 28px;
	line-height: 28px;
	color: #999;
	display: inline-block;
	width: 32%;
	text-align: left;
	text-indent: 10px;
	overflow: hidden
}

.hezi-item-container.trade-nav li a {
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.hezi-item-container.trade-nav li a:hover {
	color: #fdad2a
}

.hezi-tab-list {
	display: none
}

.hezi-tab-list.active {
	display: block
}

.article-item-lists {
	padding: 10px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.article-item-lists .article-number {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	margin-right: 16px;
	background-color: #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.article-item-lists .article-number.around {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%
}

.article-item-lists span:last-child {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.article-item-lists .article-dot {
	width: 4px;
	height: 4px;
	display: inline-block;
	background-color: #cccccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 5px
}

.article-item-lists .article-detail-line {
	font-size: 12px;
	color: #666;
	white-space: normal;
	padding-left: 40px;
	margin-top: 5px;
	height: 40px;
	overflow: hidden;
	display: none
}

.article-item-lists:hover {
	color: #fdad2a
}

.article-item-lists:hover .article-number {
	background-color: #fdad2a
}

.article-item-lists:hover .article-dot {
	background-color: #fdad2a
}

.article-item-lists.active {
	color: #fdad2a
}

.article-item-lists.active .article-detail-line {
	display: block
}

.article-item-lists.active .article-number {
	background-color: #fdad2a
}

.article-tab-bar {
	display: flex;
	flex-direction: row;
	align-items: center
}

.article-tab-bar .bar-button {
	width: 40px;
	height: 24px;
	background: #F5F6F7;
	border-radius: 8px;
	font-weight: 400;
	font-size: 12px;
	color: #5C626A;
	text-align: center;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center
}

.article-tab-bar .bar-button:nth-child(1) {
	margin-right: 4px
}

.article-tab-bar .bar-button.active {
	color: #fdad2a;
	background: #EBF9F6
}

.article-recommend-card {
	top: 0;
	position: absolute;
	width: 25px;
	height: 16px;
	background: #FF5822;
	border-radius: 8px 0 4px 0;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	display: flex;
	align-content: center;
	justify-content: center
}

.article-recommend-list {
	display: block;
	margin-bottom: 20px
}

.article-recommend-list:last-of-type {
	border: none;
	margin-bottom: 0
}

.article-recommend-list .article-recommend-img {
	float: left;
	position: relative;
	width: 80px;
	height: 56px;
	border-radius: 8px;
	overflow: hidden
}

.article-recommend-list .article-recommend-img img {
	object-fit: cover;
}

.big .article-recommend-img,.big .article-recommend-img img {
	object-fit: cover;
	width: 100%;
	height: 145px
}

.article-recommend-list .article-recommend-content {
	float: left;
	width: 130px;
	margin-left: 12px;
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.big .article-recommend-content {
	width: 100%;
	margin-left: 0;
	margin-top: 12px
}

.article-recommend-list .article-recommend-content p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.article-recommend-content .article-date {
	padding-top: 9px;
	font-weight: 400;
	font-size: 12px;
	color: #909399
}

.article-recommend-list:hover .article-recommend-content {
	color: #fdad2a
}

.hezi-solve-case {
	width: 282px;
	height: 232px;
	background: url(http://www.yilansheng.top/lj/image/solve.jpg) center no-repeat;
	text-align: center;
	padding-top: 32px
}

.hezi-solve-case .solve-case-title {
	color: #fff;
	font-size: 28px;
	line-height: 28px
}

.hezi-solve-case .solve-case-content {
	width: 242px;
	height: 68px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin: 19px auto 0;
	padding-top: 12px
}

.hezi-solve-case .solve-case-content p {
	text-align: center;
	font-size: 14px;
	color: #fff
}

.hezi-solve-case .solve-case-button {
	width: 120px;
	height: 36px;
	display: block;
	margin: 20px auto 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	background: #2e87ff;
	background: -moz-linear-gradient(left,#2e87ff 0%,#00ccff 100%);
	background: -webkit-linear-gradient(left,#2e87ff 0%,#00ccff 100%);
	background: linear-gradient(to right,#2e87ff 0%,#00ccff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e87ff',endColorstr='#00ccff',GradientType=1);
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 0 -1px 0 rgba(0,0,0,0.5) inset;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}

.article-loading-more {
	height: 46px;
	line-height: 46px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	margin-top: 16px;
	background-color: #fff;
	border-radius: 8px
}

.article-loading-more a {
	font-weight: 400;
	font-size: 14px;
	color: #fdad2a
}

.article-loading-more span {
	margin-left: 4px;
	width: 10px;
	height: 10px
}

.hezi-article-page {
	padding: 0 0 0
}

.hezi-article-page .article-layout {
	border-radius: 8px;
	padding: 30px 29px 0px
}

.hezi-article-page .article-layout .article-title {
	font-weight: 500;
	font-size: 24px;
	color: #1F2C3D;
	line-height: 36px
}

.hezi-article-page .article-layout .article-subtitle {
	margin-top: 12px;
	font-weight: 400;
	font-size: 14px;
	color: #606266;
	position: relative
}

.hezi-article-page .article-layout .article-subtitle a {
	color: #fdad2a
}

.hezi-article-page .article-layout .article-subtitle span {
	margin-right: 26px
}

.hezi-article-page .article-layout .article-subtitle .read i {
	color: #1183ff;
	font-size: 16px;
	margin: 0 2px
}

.hezi-article-page .article-layout .article-subtitle .article-classify span {
	margin-right: 8px;
	position: relative;
	padding-right: 8px
}

.hezi-article-page .article-layout .article-subtitle .activity-join-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 78px;
	height: 30px;
	border: 1px solid #fdad2a;
	color: #fdad2a;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.hezi-article-page .article-layout .advertising-words {
	margin-top: 34px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #81d4f9;
	background: #f2fbfe;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 14px;
	color: #666
}

.hezi-article-page .article-layout .advertising-words .advertising-words-icon {
	width: 12px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url(https://www.shushangyun.com/assets/images/ling-icon.png) center no-repeat;
	margin-right: 8px
}

.hezi-article-page .article-layout .advertising-words a {
	color: #2db7f5;
	text-decoration: underline
}

.hezi-article-page .article-layout .article-abstract {
	color: #999;
	font-size: 14px;
	padding: 20px 24px;
	margin-top: 30px;
	background: #F8F8F8;
	border-radius: 8px
}

.hezi-article-page .article-layout .article-abstract p {
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	line-height: 29px
}

.hezi-article-page .article-layout .article-container {
	padding: 20px 0;
	font-size: 16px;
	color: #666
}

.hezi-article-page .article-layout .article-container img {
	margin-bottom: 20px
}

.hezi-article-page .article-layout .article-container p {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	line-height: 29px
}

.hezi-article-page .article-layout .article-container h2 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding-bottom: 12px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 12px;
	margin-top: 25px
}

.hezi-article-page .article-layout .article-container h3 {
	height: 29px;
	font-weight: 500;
	font-size: 18px;
	color: #1F2C3D;
	line-height: 29px;
	position: relative;
	margin-top: 30px;
	margin-bottom: 16px
}

.hezi-article-page .article-layout .statement {
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	height: 29px;
	line-height: 29px
}

.hezi-article-page .article-layout .statement span {
	color: #1183ff
}

.hezi-article-page .article-layout .soluDemo {
	width: 100%;
	height: 184px;
	background: url(http://www.yilansheng.top/lj/image/demonstration.png) center no-repeat;
	background-size: 100% auto;
	border-radius: 8px
}

.hezi-article-page .article-layout p {
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0
}

.hezi-article-page .article-layout .test-p {
	text-align: center;
	line-height: 25px
}

.hezi-article-page .article-layout .system_price_btn {
	width: 210px;
	height: 46px;
	background: #FFFFFF;
	border-radius: 4px;
	font-weight: 400;
	font-size: 16px;
	color: #fdad2a
}

.hezi-article-page .article-layout .system_price_btn:hover {
	border: 1px solid #fdad2a
}

.hezi-article-page .article-layout a span {
	font-weight: 400;
	font-size: 16px;
	color: #fdad2a
}

.hezi-article-page .article-layout a img {
	width: 20px;
	height: 20px
}

.hezi-article-page .article-layout .share-and-label {
	margin-top: 20px
}

.hezi-article-page .article-layout .share-and-label .article-label {
	width: auto;
	height: auto;
	float: left;
	font-weight: 400;
	font-size: 12px;
	color: #252D37;
	background-color: #F5F6F7;
	padding: 6px 10px;
	border-radius: 8px;
	margin-right: 20px
}

.hezi-article-page .article-layout .share-and-label .article-label:hover {
	color: #fdad2a;
	background-color: #e5f6f3
}

.home-letter {
	border-radius: 8px;
	padding: 48px;
	background: url(http://www.yilansheng.top/lj/image/aa2.png) center no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.home-letter p {
	width: 567px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 21px
}

.home-letter-right {
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-letter-right img {
	width: 86px;
	height: 86px
}

.home-letter-right div {
	font-weight: 400;
	margin-top: 12px;
	font-size: 12px;
	color: #FFFFFF
}

.hezi-article-page .article-layout .share-and-label .article-share-btn {
	float: right
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox a {
	width: 113px;
	height: 32px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_weixin {
	background: url(http://www.yilansheng.top/lj/image/wechat.png) center no-repeat;
	margin-right: 0
}

.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_tsina {
	background: url(http://www.yilansheng.top/lj/image/sina.png) center no-repeat;
	margin-right: 0
}

.hezi-article-page .article-layout .article-pagination {
	padding: 24px 0
}

.hezi-article-page .article-layout .article-pagination .pagination-list {
	margin-bottom: 23px;
	font-weight: 400;
	font-size: 16px;
	color: #303133
}

.hezi-article-page .article-layout .article-pagination .pagination-list span {
	float: left
}

.hezi-article-page .article-layout .article-pagination .pagination-list .pagination-name {
	width: 760px
}

.hezi-article-page .article-layout .article-pagination .pagination-list a {
	color: #333
}

.hezi-article-page .article-layout .article-pagination .pagination-list a:hover {
	color: #fdad2a
}

.hezi-article-page .other-articles {
	padding: 0 20px
}

.hezi-article-page .other-articles .item-title-head {
	width: auto;
	margin-left: 9px;
	margin-right: 9px;
	padding-left: 0;
	padding-right: 0
}

.hezi-article-page .other-articles .other-articles-lists {
	padding-top: 20px;
	padding-bottom: 20px
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list {
	width: 282px
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-img {
	width: 262px
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-content {
	width: 262px
}

.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card:hover .card-content {
	color: #fdad2a
}

.disabled {
	pointer-events: none
}

.hezi-article-page .article-comment {
	padding: 0 29px 26px
}

.operate-article-card {
	float: left;
	padding: 10px 10px 0
}

.operate-article-card .article-card {
	width: 100%;
	background-color: #fff
}

.operate-article-card .article-card .card-img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden
}

.operate-article-card .article-card .card-img img {
	Object-fit: cover;
	width: 100%;
	height: 144px;
	border-radius: 8px 8px 0 0
}

.operate-article-card .article-card .card-content {
	padding-top: 12px;
	padding-bottom: 24px;
	height: 55px;
	font-weight: 400;
	font-size: 14px;
	color: #606266;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.operate-article-card .article-card .card-content .card-title {
	line-height: 26px;
	font-size: 16px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.operate-article-card .article-card .card-content .card-title a {
	color: #333
}

.operate-article-card .article-card .card-content.table-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0 16px;
	height: 66px
}

.operate-article-card:hover .article-card .card-content {
	border: none
}

.operate-article-card:hover .article-card .card-content .card-title a {
	color: #fdad2a
}

.articles-comment {
	padding-bottom: 30px
}

.articles-comment .item-title-head {
	padding: 24px 0 0 0
}

.articles-comment-form {
	border: 1px solid #eeeeee
}

.comment-form-title,.comment-form-content {
	padding: 18px 20px;
	border-bottom: 1px solid #eeeeee
}

.comment-form-content {
	min-height: 44px;
	position: relative
}

.comment-form-title-input,.comment-form-content-input {
	width: 100%;
	outline: none;
	border: none
}

.form-content-number {
	position: absolute;
	right: 35px;
	bottom: 10px;
	font-size: 12px;
	color: #999999
}

.comment-form-submit {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px 10px 10px
}

.verify-code {
	width: 120px;
	padding: 6px 10px;
	outline: none;
	border: none;
	border: 1px solid rgba(238,238,238,1);
	border-radius: 8px;
	font-size: 12px
}

.verify-code-img {
	width: 138px;
	height: 30px
}

.form-submit-btn {
	width: 112px;
	background: #fdad2a;
	height: 30px;
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	cursor: pointer
}

.form-submit-btn:hover {
	cursor: pointer
}

.articles-comment-line {
	padding: 20px 40px 30px
}

.comment-list-item {
	border-top: 1px solid #e5e5e5
}

.articles-comment-lis .comment-list-item+.articles-comment-lis .comment-list-item {
	border-bottom: none
}

.articles-comment-list .comment-list-name {
	display: flex;
	justify-content: space-between;
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.comment-list-name p {
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.comment-list-time {
	text-align: right;
	font-weight: 400;
	font-size: 12px;
	color: #606266
}

.comment-list-content {
	padding: 20px 0 20px;
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	line-height: 24px
}

.operate-crumbs .hezi-crumbs {
	padding: 40px 0 30px
}

.operate-crumbs .hezi-crumbs a {
	color: #fdad2a;
	font-weight: 400;
	font-size: 14px
}

.operate-crumbs .hezi-crumbs span {
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.hezi-crumbs {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 34px
}

.hezi-crumbs ul li {
	float: left;
	margin: 0 2px;
	line-height: 14px;
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.hezi-crumbs span {
	display: inline-block;
	vertical-align: middle
}

.hezi-crumbs a {
	display: inline-block;
	vertical-align: middle;
	color: #666
}

.hezi-crumbs a:hover {
	color: #fdad2a
}

.get-program-button {
	text-align: center;
	padding-top: 44px;
	padding-bottom: 24px
}

.get-program-button .button {
	width: 280px;
	height: 46px;
	line-height: 46px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px rgba(17,131,255,0.5);
	-moz-box-shadow: 0 0 10px rgba(17,131,255,0.5);
	-ms-box-shadow: 0 0 10px rgba(17,131,255,0.5);
	box-shadow: 0 0 10px rgba(17,131,255,0.5)
}

.hezi-pagination {
	padding: 28px
}

.hezi-pagination ul {
	width: 560px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hezi-pagination ul li {
	float: left;
	margin: 0 10px
}

.hezi-pagination ul li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #FFFFFF;
	border-radius: 8px;
	font-weight: 400;
	text-align: center;
	color: #666;
	font-size: 12px
}

.hezi-pagination ul li a:hover {
	color: #fdad2a;
	border-color: #fdad2a
}

.hezi-pagination ul li a.pagination-cur {
	color: #fff;
	background-color: #fdad2a;
	border-color: #fdad2a
}

.hezi-pagination ul li a.pagination-none:hover {
	color: #666;
	border-color: #cfcfcf
}

.about-tab-bar {
	height: 55px;
	-webkit-box-shadow: 0 5px 4px #efefef;
	-moz-box-shadow: 0 5px 4px #efefef;
	-ms-box-shadow: 0 5px 4px #efefef;
	box-shadow: 0 5px 4px #efefef
}

.about-tab-bar .tab-button {
	display: inline-block;
	vertical-align: top;
	line-height: 55px;
	font-size: 16px;
	color: #999;
	position: relative;
	margin: 0 35px;
	cursor: pointer
}

.about-tab-bar .tab-button.act {
	color: #333
}

.about-tab-bar .tab-button.act:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.shadow-layout {
	background-color: #fff;
	width: 100%;
	-webkit-box-shadow: 0 0 14px #d8d8d8;
	-moz-box-shadow: 0 0 14px #d8d8d8;
	-ms-box-shadow: 0 0 14px #d8d8d8;
	box-shadow: 0 0 14px #d8d8d8
}

.about-content {
	width: 730px;
	padding: 58px 40px 20px
}

.about-content .about-title {
	font-size: 24px;
	color: #333;
	position: relative;
	line-height: 24px;
	padding-bottom: 22px
}

.about-content .about-title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 2px;
	background-color: #fdad2a
}

.about-content .about-subtitle {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 20px
}

.about-content .about-words {
	font-size: 16px;
	color: #666;
	line-height: 34px;
	margin-top: 10px
}

.about-content .contact-words {
	font-size: 16px;
	color: #666;
	margin-top: 14px
}

.about-content .contact-words span {
	color: #333
}

.about-content .contact-words i {
	color: #1183ff
}

.about-swiper {
	width: 470px
}

.about-swiper .swiper-item {
	width: 470px;
	height: 330px
}

.about-swiper .swiper-item .swiper-container {
	width: 100%;
	height: 330px
}

.about-swiper .swiper-item .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%
}

.about-swiper .swiper-item .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: auto
}

.about-swiper .swiper-item .swiper-container .swiper-pagination {
	height: 10px;
	bottom: 10px;
	line-height: 10px
}

.about-swiper .swiper-item .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: none;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
	border: 1px solid #fff
}

.about-swiper .swiper-item .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff
}

.about-swiper .swiper-item .swiper-container .swiper-button {
	width: 40px;
	height: 80px;
	margin-top: -40px
}

.about-swiper .swiper-item .swiper-container .swiper-button.swiper-button-next {
	right: 0;
	background: rgba(0,0,0,0.5) url("http://www.yilansheng.top/lj/image/next.png") center no-repeat;
	-webkit-background-size: 9px auto;
	-moz-background-size: 9px auto;
	-ms-background-size: 9px auto;
	background-size: 9px auto
}

.about-swiper .swiper-item .swiper-container .swiper-button.swiper-button-prev {
	left: 0;
	background: rgba(0,0,0,0.5) url("http://www.yilansheng.top/lj/image/prev.png") center no-repeat;
	-webkit-background-size: 9px auto;
	-moz-background-size: 9px auto;
	-ms-background-size: 9px auto;
	background-size: 9px auto
}

.contact-us {
	width: 1200px;
	height: 413px;
	background: url(http://www.yilansheng.top/lj/image/about-bg.jpg) right center no-repeat
}

.map-bar {
	padding: 40px 0
}

.map-bar .map-title {
	font-size: 16px;
	color: #333;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #e5e5e5
}

.map-bar .map-title:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 20px;
	height: 2px;
	background-color: #fdad2a
}

.map-lists-block {
	padding-top: 10px
}

.map-lists-block .map-list {
	width: 300px;
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 36px;
	margin-top: 6px;
	position: relative;
	padding-left: 8px
}

.map-lists-block .map-list:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 2px;
	background-color: #666;
	margin-top: -1px
}

.map-lists-block .map-list:hover {
	color: #fdad2a
}

.map-lists-block .map-list:hover:after {
	background-color: #fdad2a
}

.submit-block {
	width: 100%;
	height: 1172px;
	background: url(http://www.yilansheng.top/lj/image/submit-bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding-top: 100px
}

.dcc-form {
	width: 720px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto 0;
	padding: 58px 60px
}

.dcc-form .form-list {
	margin-top: 18px
}

.dcc-form .form-list .form-label {
	font-size: 16px;
	color: #333
}

.dcc-form .form-list .form-label i {
	color: #dc2619
}

.dcc-form .form-list .form-text {
	position: relative
}

.dcc-form .form-list .error-remind {
	position: absolute;
	font-size: 14px;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	color: #dc2619
}

.dcc-form .form-list .form-textarea,.dcc-form .form-list .form-input {
	margin-top: 8px;
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	font-size: 16px;
	color: #333
}

.dcc-form .form-list .form-textarea:focus,.dcc-form .form-list .form-input:focus {
	border-color: #1183ff;
	-webkit-box-shadow: 0 4px 3px rgba(17,131,255,0.1);
	-moz-box-shadow: 0 4px 3px rgba(17,131,255,0.1);
	-ms-box-shadow: 0 4px 3px rgba(17,131,255,0.1);
	box-shadow: 0 4px 3px rgba(17,131,255,0.1)
}

.dcc-form .form-list .form-textarea.error,.dcc-form .form-list .form-input.error {
	border-color: #dc2618 !important
}

.dcc-form .form-list .form-input {
	height: 46px
}

.dcc-form .form-list .form-textarea {
	height: 96px;
	resize: none
}

.dcc-form .form-list .form-textarea~.error-remind {
	left: 0;
	right: auto;
	bottom: -30px;
	top: auto
}

.dcc-form .form-submit {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	border: none;
	margin-top: 60px;
	-webkit-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	-moz-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	-ms-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	font-size: 20px;
	cursor: pointer
}

.submit-title {
	font-size: 24px;
	line-height: 24px;
	color: #333;
	padding-bottom: 24px;
	position: relative
}

.submit-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 46px;
	height: 1px;
	background-color: #fdad2a
}

.submit-subtitle {
	font-size: 20px;
	color: #333;
	margin-top: 30px
}

.submit-prompt {
	font-size: 16px;
	color: #666;
	line-height: 32px;
	margin-top: 10px
}

.success-block {
	width: 100%;
	height: 580px;
	background: url(http://www.yilansheng.top/lj/image/success.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding-top: 80px
}

.success-block .success-inner {
	width: 720px;
	height: 420px;
	background-color: #fff;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 36px 60px
}

.success-block .success-button {
	display: block;
	width: 180px;
	height: 46px;
	line-height: 46px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-size: 20px;
	-webkit-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	-moz-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	-ms-box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	box-shadow: 0 6px 14px rgba(17,131,255,0.21);
	text-align: center;
	margin-top: 50px
}

.subnav-bar {
	display: none;
	position: fixed;
	right: 20px;
	z-index: 1000;
	width: 58px;
	height: 286px;
	bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.08);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.08);
	box-shadow: 0 0 10px rgba(0,0,0,0.08)
}

.subnav-bar .subnav-item {
	width: 100%;
	height: 57px;
	position: relative;
	cursor: pointer
}

.subnav-bar .subnav-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 26px;
	height: 1px;
	background-color: #e5e5e5;
	margin-left: -13px
}

.subnav-bar .subnav-item:last-of-type:after {
	display: none
}

.subnav-bar .subnav-item:hover .subnav-title {
	display: table-cell
}

.subnav-bar .subnav-item:hover .tool-popup {
	display: block;
	box-sizing: border-box;
	padding: 24px
}

.subnav-bar .subnav-item .subnav-title {
	background-color: #fff;
	width: 58px;
	height: 56px;
	text-align: center;
	font-size: 12px;
	color: #1183ff;
	display: none;
	vertical-align: middle;
	padding: 0 12px
}

.subnav-bar .subnav-item .tool-popup {
	position: absolute;
	right: 60px;
	background-color: #fff;
	top: 0;
	width: auto;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
	display: none
}

.subnav-bar .subnav-item .tool-popup img {
	width: 100%;
	height: auto
}

.subnav-bar .subnav-item .tool-popup.phone-popup {
	top: 4px;
	width: 220px;
	height: 50px;
	line-height: 50px;
	background: url(http://www.yilansheng.top/lj/image/tool-bar-bg-01.png) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.subnav-bar .subnav-item .tool-popup.wechat-popup {
	top: -44px;
	width: 150px;
	height: 150px;
	background: url(http://www.yilansheng.top/lj/image/tool-bar-bg-02.png) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding: 12px 18px 10px 10px
}

.subnav-bar .subnav-item.icon-phone {
	background: url(http://www.yilansheng.top/lj/image/phone-icon.png) center no-repeat;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	background-size: 18px 18px
}

.subnav-bar .subnav-item.icon-QQ {
	background: url(http://www.yilansheng.top/lj/image/QQ-icon.png) center no-repeat;
	-webkit-background-size: 16px 18px;
	-moz-background-size: 16px 18px;
	-ms-background-size: 16px 18px;
	background-size: 16px 18px
}

.subnav-bar .subnav-item.icon-wechat {
	background: url(http://www.yilansheng.top/lj/image/wechat-icon.png) center no-repeat;
	-webkit-background-size: 23px 18px;
	-moz-background-size: 23px 18px;
	-ms-background-size: 23px 18px;
	background-size: 23px 18px
}

.subnav-bar .subnav-item.icon-form {
	background: url(http://www.yilansheng.top/lj/image/form-icon.png) center no-repeat;
	-webkit-background-size: 16px 18px;
	-moz-background-size: 16px 18px;
	-ms-background-size: 16px 18px;
	background-size: 16px 18px
}

.subnav-bar .subnav-item.icon-up {
	background: url(http://www.yilansheng.top/lj/image/up-icon.png) center no-repeat;
	-webkit-background-size: 14px 8px;
	-moz-background-size: 14px 8px;
	-ms-background-size: 14px 8px;
	background-size: 14px 8px
}

.case-lists-block {
	padding: 0 25px
}

.case-lists-block .case-lists {
	float: left;
	width: 370px;
	height: 248px;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	margin-bottom: 25px
}

.case-lists-block .case-lists:hover {
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16)
}

.case-lists-block .case-lists:nth-child(3n) {
	margin-right: 0
}

.case-lists-block .case-lists .case-content {
	width: 100%;
	height: 192px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 24px 0 24px
}

.case-lists-block .case-lists .case-label {
	height: 56px;
	text-align: left;
	line-height: 56px;
	font-size: 18px;
	color: #fdad2a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 23px;
	transition: all 400ms;
	border-top: 1px solid #e6e6e6;
	cursor: pointer
}

.case-lists-block .case-lists .case-label:hover {
	color: #fff;
	background: #fdad2a
}

.case-lists-block .case-main {
	width: 100%;
	height: 68px
}

.case-lists-block .case-main img {
	float: left;
	width: 68px;
	height: 68px
}

.case-lists-block .case-main .case-name {
	float: left;
	width: 224px;
	line-height: 30px;
	margin-left: 16px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding-top: 10px
}

.case-lists-block .case-introduce {
	font-size: 16px;
	color: #999;
	margin-top: 15px;
	line-height: 22px;
	height: 72px;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.case-lists-block .case-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(47,57,81,0.9);
	color: #fff;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	opacity: 0
}

.case-lists-block .case-layer .layer-inner {
	width: 328px;
	height: 328px;
	overflow: hidden;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0 44px;
	font-size: 14px;
	line-height: 34px
}

.case-lists-block .case-layer .layer-inner .layer-btn {
	display: block;
	width: 140px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	margin: 20px auto 0;
	cursor: pointer
}

.case-lists-block .case-layer .layer-inner .layer-btn:hover {
	border-color: #fdad2a;
	color: #fdad2a
}

.full-page-banner.add_bg {
	height: 200px;
	position: relative;
	background: none
}

.full-page-banner.add_bg .new_background {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 333px;
	background: url("http://www.yilansheng.top/lj/image/case_bg.png") center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	z-index: -1
}

.full-page-banner.add_bg .content .service_case {
	height: 200px
}

.service_three {
	height: 230px;
	position: relative;
	padding-top: 60px
}

.service_three .service_tilte {
	color: #fff;
	font-size: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	margin-bottom: 20px
}

.service_three p {
	width: 788px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #9b9d9e;
	line-height: 30px
}

.service_case {
	height: 200px;
	position: relative;
	padding-top: 50px
}

.service_case .service_tilte {
	color: #fff;
	font-size: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	margin-bottom: 20px
}

.service_case p {
	width: 788px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #9b9d9e;
	line-height: 30px
}

.layout.layout-three {
	padding-top: 64px
}

.layout.layout-three .layout-title {
	padding-bottom: 0
}

.layout.layout-three .layout-title::after {
	height: 0
}

.layout.layout-three .case-lists-block {
	padding-top: 70px
}

.layout.layout-three .case-lists-block .case-list {
	width: 370px;
	height: 240px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	margin-bottom: 25px;
	position: relative
}

.layout.layout-three .case-lists-block .case-list:nth-child(3n) {
	margin-right: 0
}

.layout.layout-three .case-lists-block .case-list .case-content {
	width: 100%;
	height: 100%
}

.layout.layout-three .case-lists-block .case-list .case-content .case-main {
	width: 100%;
	height: 100%
}

.layout.layout-three .case-lists-block .case-list .case-content .case-main img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.layout.layout-three .case-lists-block .case-list .case-content .case-main .case-label {
	position: absolute;
	bottom: 0;
	width: 370px;
	height: 48px;
	padding-left: 24px;
	line-height: 48px;
	opacity: 1;
	background: rgba(0,0,0,0.4)
}

.layout.layout-three .case-lists-block .case-list .case-content .case-main .case-label h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold
}

.layout.layout-three .case-lists-block .case-list .case-content .case-layers {
	background: RGBA(0,204,153,0.7);
	padding: 35px 30px 0;
	position: absolute;
	height: 240px;
	width: 100%;
	left: 0;
	bottom: -240px;
	transition: all 400ms;
	text-align: center
}

.layout.layout-three .case-lists-block .case-list .case-content .case-layers h3 {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 10px
}

.layout.layout-three .case-lists-block .case-list .case-content .case-layers p {
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	padding-bottom: 15px;
	text-align: center
}

.layout.layout-three .case-lists-block .case-list .case-content .case-layers a {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	color: #333333;
	line-height: 30px;
	width: 104px;
	height: 30px;
	background: white;
	border: 1px solid white
}

.layout.layout-three .case-lists-block .case-list:hover .case-content .case-label {
	opacity: 0
}

.layout.layout-three .case-lists-block .case-list:hover .case-layers {
	bottom: 0
}

.layout.service_bg {
	width: 100%;
	height: 786px;
	background: url("http://www.yilansheng.top/lj/image/service_b.png") center no-repeat;
	background-size: cover;
	padding-top: 64px
}

.layout.service_bg .layout-title {
	padding-bottom: 0
}

.layout.service_bg .layout-title::after {
	height: 0
}

.layout.service_bg .layout-sub {
	width: 1200px
}

.layout.service_bg .layout-sub .layout-subtitle {
	width: 1200px;
	font-size: 16px;
	color: #777
}

.layout.service_bg.sss {
	background: url("http://www.yilansheng.top/lj/image/service_b.jpg") center no-repeat;
	background-size: cover
}

.layout.ser_bg {
	height: 484px;
	width: 100%;
	background: url("http://www.yilansheng.top/lj/image/service_bg.png") center no-repeat;
	background-size: cover
}

.layout.ser_bg .layout-title {
	color: #fff
}

.layout.ser_bg .sb_cont {
	margin-top: 90px;
	height: 172px;
	position: relative;
	text-align: center
}

.layout.ser_bg .sb_cont .line {
	position: absolute;
	top: 92px;
	width: 1159px;
	height: 1px;
	display: inline-block;
	background: url("http://www.yilansheng.top/lj/image/ser_line.png") no-repeat;
	background-size: 100% 100%;
	left: 0
}

.layout.ser_bg .sb_cont .sb_con_item {
	width: 118px;
	height: 172px;
	display: inline-block;
	margin: 0 3.5px;
	position: relative;
	cursor: pointer
}

.layout.ser_bg .sb_cont .sb_con_item:hover .sb_hide {
	opacity: 1
}

.layout.ser_bg .sb_cont .sb_con_item:hover .none {
	opacity: 0
}

.layout.ser_bg .sb_cont .sb_con_item .imgs {
	width: 68px;
	height: 68px;
	display: block;
	margin: 0 auto
}

.layout.ser_bg .sb_cont .sb_con_item .sb_hide {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 118px;
	height: 138px;
	background: rgba(250,250,250,0.3);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
	padding-top: 50px;
	opacity: 0;
	transition: all 400ms
}

.layout.ser_bg .sb_cont .sb_con_item .sb_hide p {
	margin-bottom: 10px;
	text-align: center
}

.layout.ser_bg .sb_cont .sb_con_item .sb_hide p img {
	width: 10px;
	height: 10px;
	margin-right: 10px
}

.layout.ser_bg .sb_cont .sb_con_item .sb_hide p span {
	vertical-align: middle;
	font-size: 12px;
	color: #fff
}

.layout.ser_bg .sb_cont .sb_con_item .none {
	margin-top: 16px
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(1) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_1.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(1):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_1.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(2) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_2.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(2):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_2.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(3) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_3.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(3):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_3.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(4) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_4.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(4):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_4.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(5) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_5.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(5):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_5.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(6) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_6.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(6):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_6.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(7) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_7.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(7):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_7.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(8) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_8.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(8):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_8.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(9) .imgs {
	background: url("http://www.yilansheng.top/lj/image/sb_9.png") no-repeat;
	background-size: 100% 100%
}

.layout.ser_bg .sb_cont .sb_con_item:nth-child(9):hover .imgs {
	background: url("http://www.yilansheng.top/lj/image/sba_9.png") no-repeat;
	background-size: 100% 100%
}

.submitModal_bg {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.64);
	z-index: 10000
}

.submitModal_bg .cont {
	position: absolute;
	padding: 24px;
	width: 432px;
	height: 268px;
	background: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.submitModal_bg .cont .p {
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6
}

.submitModal_bg .cont .p span {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	vertical-align: middle
}

.submitModal_bg .cont .p img {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 10px
}

.submitModal_bg .cont .tt {
	padding-top: 20px
}

.submitModal_bg .cont .tt .tt_bold {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px
}

.submitModal_bg .cont .tt .tt_normal {
	color: #555;
	font-size: 14px;
	line-height: 22px
}

.submitModal_bg .cont button {
	width: 96px;
	height: 30px;
	cursor: pointer;
	padding: 0;
	border: 0;
	background: #1183ff;
	color: #fff;
	font-size: 12px;
	text-align: center;
	float: right;
	margin-top: 20px
}

.submitModal_bg .cont .close_submitModal_bg {
	position: absolute;
	width: 30px;
	height: 30px;
	padding: 7px;
	cursor: pointer;
	right: 13px;
	top: 13px
}

.submitModal_bg .cont .close_submitModal_bg img {
	width: 100%;
	height: 100%;
	display: inline-block
}

.load_more {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #e0e0e0
}

.layerPop-title {
	font-size: 28px;
	font-family: PingFangSC-Medium,PingFang SC;
	font-weight: 500;
	color: rgba(51,51,51,1);
	text-align: center
}

.pop_close {
	text-align: right;
	padding: 10px
}

.pop_close img {
	width: 24px;
	height: 24px
}

.PopShow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 888999
}

.system {
	display: none
}

.demonstration {
	display: none
}

.demonstration .PopShow-content {
	background-color: #fff;
	left: 50% !important;
	top: 15% !important;
	margin-left: -280px;
	width: 464px
}

.PopShow-content {
	border-radius: 8px;
	position: fixed;
	z-index: 9999999999;
	width: 464px;
	background-color: #fff;
	left: 50%;
	margin-left: -280px;
	top: 2%;
	padding-bottom: 40px
}

.dcc-form1 {
	width: 360px;
	height: auto !important;
	background-color: #fff;
	border-radius: 10px;
	margin: 0 auto;
	padding: 58px 60px
}

.dcc-form1 .form-list {
	margin-top: 24px
}

.dcc-form1 .form-list .form-label {
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	width: 92px
}

.dcc-form1 .form-list .form-label i {
	color: #dc2619
}

.dcc-form1 .form-list .form-text {
	position: relative
}

.dcc-form1 .form-list .error-remind {
	position: absolute;
	font-size: 14px;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	color: #dc2619
}

.dcc-form1 .form-list .form-input,.dcc-form1 .form-list .form-textarea {
	margin-top: 8px;
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D
}

.dcc-form1 .form-list .form-input:focus,.dcc-form1 .form-list .form-textarea:focus {
	border-color: #1183ff;
	-ms-box-shadow: 0 4px 3px rgba(17,131,255,0.1);
	box-shadow: 0 4px 3px rgba(17,131,255,0.1)
}

.dcc-form1 .form-list .form-input.error,.dcc-form1 .form-list .form-textarea.error {
	border-color: #dc2618 !important
}

.dcc-form1 .form-list .form-input {
	height: 46px
}

.dcc-form1 .form-list .form-textarea {
	height: 96px;
	resize: none
}

.dcc-form1 .form-list .form-textarea~.error-remind {
	left: 0;
	right: auto;
	bottom: -30px;
	top: auto
}

.dcc-form1 .form-submit {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: none;
	margin-top: 40px;
	font-size: 16px;
	cursor: pointer;
	background: #fdad2a;
	border-radius: 8px
}

.istextarea {
	height: 80px !important;
	border: none !important;
	padding: 0 10px !important;
	margin-top: 0px !important;
	background-color: transparent !important;
	resize: none
}

.istextarea:focus {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-shadow: none !important
}

.from-box {
	display: flex;
	padding: 10px;
	border: 1px solid #E5E5E5
}

.from-item {
	display: flex;
	border: 1px solid #E5E5E5;
	font-size: 16px;
	border-radius: 8px;
	align-items: center;
	padding: 0 10px;
	position: relative;
	height: 54px
}

.from-item-input {
	margin: 0 !important;
	border: none !important
}

.form-flex {
	width: 76% !important
}

.from-item-input:focus {
	box-shadow: none !important
}

.from-icon {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.from-icon img {
	width: 24px;
	height: 24px
}

.optionshow {
	position: absolute;
	top: 48px;
	left: -101px;
	width: 399px;
	background: #fff;
	z-index: 99999999999;
	background: rgba(255,255,255,1);
	box-shadow: 0px 8px 24px 8px rgba(0,0,0,0.04),0px 6px 14px 0px rgba(0,0,0,0.06),0px 3px 6px -4px rgba(0,0,0,0.08);
	border-radius: 8px
}

.optionshow li {
	list-style-type: none;
	padding: 3px 16px;
	color: #b2b3b2;
	font-size: 12px
}

.li-afer {
	background-color: #dff7f1
}

.optionshow li:hover {
	background-color: #f5f5f5
}

.hide {
	display: none
}

.dcc-form2 {
	width: 399px !important;
	margin-top: 40px
}

.clearfix li .layui-icon {
	transition: 0.5s;
	transform: rotate(0deg);
	font-size: 14px
}

.layui-icon {
	display: inline-block
}

.clearfix li:hover .layui-icon {
	transition: 0.5s;
	transform: rotate(-180deg)
}

.serverLeft {
	width: 276px !important;
	left: 45% !important;
	background: white
}

.serverLeft .serverIndex {
	cursor: pointer;
	padding: 16px 0px;
	margin: 0px 24px;
	display: flex;
	border-bottom: 1px solid #F7F8FA
}

.serverLeft .serverIndex:hover a .serverTitle div {
	color: rgba(0,179,122,1) !important
}

.serverLeft .serverIndex a {
	padding-left: 0px !important;
	display: flex !important
}

.serverLeft .serverIndex img:nth-child(1) {
	width: 48px;
	height: 48px
}

.serverLeft .serverTitle {
	margin-left: 16px
}

.serverLeft .serverTitle div:nth-child(1) {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	color: #303133;
	line-height: 16px;
	text-shadow: 0px 2px 16px rgba(192,196,204,0.24)
}

.serverLeft .serverTitle div:nth-child(1) span {
	margin-right: 8px
}

.serverLeft .serverTitle div:nth-child(1) img {
	width: 14px
}

.serverLeft .serverTitle div:nth-child(2) {
	margin-top: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #606266;
	line-height: 25px;
	text-shadow: 0px 2px 16px rgba(192,196,204,0.24)
}

.serverLeft .serverIndex:nth-child(3) {
	border-bottom: 0px
}

.menu-list-title {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap
}

.t1 {
	padding: 0px 0px 0px 30px;
	width: 360px
}

.t2 {
	padding: 0px 20px 0px 25px;
	width: 280px
}

.t1 .mainDes a {
	width: 50% !important
}

.t2 .mainDes a {
	width: 100% !important
}

.menu-list-title .titleDes {
	width: 100%;
	display: flex;
	padding-bottom: 20px;
	align-items: center;
	border-bottom: 1px solid rgba(229,229,229,1)
}

.menu-list-title .titleDes img {
	width: 24px;
	height: 24px
}

.menu-list-title .titleDes span {
	margin-left: 16px;
	color: #fdad2a;
	font-size: 14px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 600;
	line-height: 14px;
	width: 50%
}

.menu-list-title .mainDes {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.menu-list-title .mainDes .ertBottom {
	margin-top: 13px;
	cursor: pointer;
	display: flex !important;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 122px !important;
	height: 40px !important;
	border: 1px solid #fdad2a
}

.menu-list-title .mainDes .ertBottom:hover {
	background: rgba(0,179,122,1) !important
}

.menu-list-title .mainDes .ertBottom:hover span {
	color: white !important
}

.menu-list-title .mainDes .ertBottom span {
	color: rgba(0,179,122,1)
}

.menu-list-title .mainDes .ertBottom img {
	width: 16px;
	height: 16px;
	margin-right: 10px
}

.menu-list-title .mainDes a {
	padding-left: 0px !important;
	height: 14px !important;
	margin-bottom: 24px !important;
	font-size: 14px !important;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400 !important;
	color: #303133 !important;
	line-height: 14px !important
}

.menu-list-title .mainDes a:hover {
	display: flex;
	color: rgba(0,179,122,1) !important
}

.imgSever {
	margin-left: 4px
}

.codeView {
	padding: 0px !important;
	left: 90% !important;
	box-sizing: border-box;
	margin-left: -80px !important;
	width: 232px !important
}

.codeView img {
	width: 100%;
	height: 100%
}

.page-top .header .slide-menu .menu-left {
	width: 250px
}

.page-top .header .slide-menu .menu-left .menu-item .menu-list {
	height: 80px;
	width: 250px;
	font-size: 18px;
	line-height: 35px;
	padding-top: 10px;
	background-image: url(http://www.yilansheng.top/lj/image/menu-nav-06.jpg);
	background-repeat: no-repeat;
	background-position: 95% 40px
}

.page-top .header .slide-menu .menu-left .menu-item .menu-list.cur {
	background-image: url(http://www.yilansheng.top/lj/image/menu-nav-07.jpg);
	background-repeat: no-repeat;
	background-position: 95% 40px
}

.page-top .header .slide-menu .menu-left .menu-item .menu-list .menu-lists {
	font-size: 14px
}

.page-top .header .slide-menu .menu-right {
	width: 950px
}

.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left {
	width: 375px
}

.page-top .header .l-content {
	margin-top: 32px;
	padding: 0 68px
}

.page-top .header .l-content>a.l-item {
	display: block !important;
	float: left;
	margin: 0 24px 16px 0;
	padding: 0;
	width: 248px;
	height: 150px !important;
	line-height: 20px !important;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
	background: #fff
}

.page-top .header .l-content>a.l-item:nth-child(4n) {
	margin-right: 0
}

.page-top .header .l-content>a:hover {
	background: #fdad2a
}

.page-top .header .l-content>a:hover h3,.page-top .header .l-content>a:hover p {
	color: #fff
}

.page-top .header .l-content h3 {
	text-align: left;
	font-weight: 600;
	padding: 16px 0 20px 17px;
	color: #333333
}

.page-top .header .l-content p {
	padding: 10px 17px 0 17px;
	color: #333333
}

.page-top .header .solu-item {
	margin-top: 32px;
	float: left;
	width: 219px;
	min-height: 160px;
	color: #555555 !important
}

.page-top .header .solu-item:nth-child(2) {
	margin-left: 87px;
	margin-right: 87px
}

.page-top .header .solu-item span {
	display: inline-block;
	margin-right: 14px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: 100%
}

.page-top .header .header-nav .solu-item>a {
	display: flex !important;
	align-items: center;
	margin-bottom: 12px;
	padding: 0 !important;
	font-size: 14px;
	color: #555555 !important;
	text-align: left !important;
	height: 24px;
	line-height: 24px !important
}

.page-top .header .header-nav .solu-item>a:hover {
	background: #fdad2a;
	color: #fff !important
}

.solu-icon1 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon1.png)
}

.solu-icon2 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon2.png)
}

.solu-icon3 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon3.png)
}

.solu-icon4 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon4.png)
}

.solu-icon5 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon5.png)
}

.solu-icon6 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon6.png)
}

.solu-icon7 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon7.png)
}

.solu-icon8 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon8.png)
}

.solu-icon9 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon9.png)
}

.solu-icon10 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon10.png)
}

.solu-icon11 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon11.png)
}

.solu-icon12 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon12.png)
}

.solu-icon13 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon13.png)
}

.solu-icon14 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon14.png)
}

.solu-icon15 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-icon15.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon1 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon1.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon2 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon2.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon3 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon3.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon4 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon4.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon5 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon5.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon6 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon6.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon7 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon7.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon8 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon8.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon9 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon9.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon10 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon10.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon11 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon11.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon12 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon12.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon13 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon13.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon14 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon14.png)
}

.page-top .header .header-nav .solu-item a:hover .solu-icon15 {
	background-image: url(http://www.yilansheng.top/lj/image/solu-hicon15.png)
}

.page-top .header .slide-menu {
}

.iSmenu {
	padding: 22px 0px 0px 0px;
	display: flex;
	justify-content: space-between
}

.iSmenu h3 {
	font-size: 16px;
	font-family: PingFangSC-Semibold,PingFang SC;
	font-weight: 600;
	color: rgba(51,51,51,1)
}

.menu-list h3 {
	padding-bottom: 7px
}

.menu-lable {
	border-top: 1px #CCCCCC solid;
	padding-top: 7px
}

.menu-lable p a {
	font-size: 14px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	height: 26px !important;
	line-height: 26px !important;
	padding: 0 !important;
	color: #000 !important
}

.menu-lable p a:hover {
	display: inline-block;
	width: 100%;
	background: #fdad2a !important;
	color: #fff !important
}

.more {
	font-size: 14px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	color: rgba(0,212,157,1);
	padding: 5px 10px;
	width: 128px;
	margin-top: 37px;
	border-radius: 3px;
	text-align: center;
	border: 1px solid rgba(0,212,157,1)
}

.more a {
	padding: 0 !important;
	height: auto !important;
	line-height: 20px !important;
	color: rgba(0,212,157,1)!important
}

.menu-msg {
	margin-top: 22px;
	height: 104px;
	width: 259px;
	background-size: 100% 100%;
	padding: 24px 27px;
	color: #fff
}

.bg1 {
	background-image: url(http://www.yilansheng.top/lj/image/bg1.png)
}

.bg2 {
	background-image: url(http://www.yilansheng.top/lj/image/bg2.png)
}

.bg3 {
	background-image: url(http://www.yilansheng.top/lj/image/bg3.png)
}

.menu-msg h3 {
	color: rgba(255,255,255,1);
	font-size: 16px;
	font-family: PingFangSC-Medium,PingFang SC;
	font-weight: 500;
	color: rgba(255,255,255,1)
}

.menu-msg p {
	font-size: 12px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	color: rgba(255,255,255,1)
}

.disNo {
	opacity: 0;
	display: none !important;
	transition: 0.5s
}

.classStyle .iSmenu {
	width: 200px;
	height: 240px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	background: white;
	justify-content: center;
	align-content: flex-start;
	margin: auto;
	transition: 0.5s
}

.classStyle .iSmenu .iSmenu-top {
	width: 148px;
	height: 148px
}

.classStyle .iSmenu .iSmenu-bottom {
	display: flex;
	justify-content: center;
	align-content: flex-start;
	font-weight: 400;
	font-size: 12px;
	color: #606266;
	width: 100%;
	flex-wrap: wrap
}

.classStyle .iSmenu .iSmenu-bottom div {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #606266
}

.classStyle .iSmenu .iSmenu-bottom div:nth-child(1) {
	margin-bottom: 8px;
	margin-top: 16px
}

.classStyle .slide-menu {
	background-color: transparent !important;
	border-bottom: 0px solid #f3f3f5 !important
}

.ml30 {
	margin-left: 0px !important
}

.quick-contactus-new a {
	text-decoration: none
}

.quick-contactus-new {
	z-index: 999;
	position: absolute;
	right: 5px;
	bottom: 70%;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	margin-bottom: -10px
}

.quick-contactus-new .go-top-button {
	background: #00ce9c !important;
	filter: alpha(opacity=70);
	background: #000;
	width: 64px;
	height: 64px;
	color: #FFF;
	text-align: center;
	margin-bottom: 4px;
	cursor: pointer;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	font-size: 11px!important
}

.quick-contactus-new .go-top-button:hover {
	color: #fdad2a;
}

.quick-contactus-new .new_bdkf:hover {
	background: rgba(0,0,0,.6)!important;
	filter: alpha(opacity=70);
	background: #000
}

.quick-contactus-new .zcsq p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(https://www.shushangyun.com/assets//images/zcsq.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .phone-400 p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/slide_4.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .qq-contact p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/index_3.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .bdkf p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/slide_1.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .bdkf1 p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/slide_2.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .bdkf2:hover .wx_code {
	display: block
}

.quick-contactus-new .bdkf2 a {
	cursor: inherit
}

.quick-contactus-new .bdkf2 {
	position: relative
}

.quick-contactus-new .bdkf2 .wx_code {
	position: absolute;
	left: -133px;
	top: -46px;
	width: 149px;
	height: 143px;
	display: none
}

.quick-contactus-new .bdkf2 p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/slide_3.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .saoerwm p {
	position: relative;
	font-size: 11px!important;
	text-align: center;
	background: url(http://www.yilansheng.top/lj/image/index_4.png) center 10px no-repeat;
	padding-top: 40px;
	height: 22px;
	color: #FFF
}

.quick-contactus-new .go-top-button {
	margin-top: 16px;
	background: #fff !important;
	box-shadow: 0 0 17px 0 rgb(213 213 213 / 10%)
}

.quick-contactus-new dd.go-top-button:hover {
	background: #fff!important;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s
}

.quick-contactus-new .go-top-button p {
	position: relative;
	font-size: 12px!important;
	font-weight: 400;
	text-align: center;
	background: url(../image/slide_top.png) center 20px no-repeat;
	background-size: 30%;
	padding-top: 40px;
	color: #fdad2a;
	height: 22px
}

.quick-contactus-new .phone-400 {
	position: relative
}

.quick-contactus-new .phone-400 .qc-info {
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 10px;
	right: -160px;
	background-color: #fff;
	color: #000;
	width: 150px;
	height: auto;
	padding: 8px 15px;
	border-radius: 5px;
	box-shadow: 0 0 5px #9f9f9f
}

.quick-contactus-new .qq-contact {
	position: relative
}

.quick-contactus-new .qq-contact .qqlink-box {
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 15px;
	right: -160px;
	background-color: #fff;
	color: #000;
	width: 150px;
	height: auto;
	line-height: 40px;
	padding: 8px 15px;
	border-radius: 5px;
	box-shadow: 0 0 5px #9f9f9f;
	transition: right .6s ease-out,opacity .3s ease-out .3s
}

.quick-contactus-new .qq-contact .qqlink-box-on {
	right: 94px;
	opacity: 1
}

#newBridge .icon-right-center {
	top: 80%!important
}

.subnav-bar,.subnav-bar .subnav-item:last-of-type:after {
	display: none
}

.subnav-bar {
	position: fixed;
	right: 20px;
	z-index: 1000;
	width: 58px;
	height: 286px;
	bottom: 30px;
	background-color: #FFF;
	-ms-box-shadow: 0 0 10px rgba(0,0,0,.08);
	box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.subnav-bar .subnav-item {
	width: 100%;
	height: 57px;
	position: relative;
	cursor: pointer
}

.subnav-bar .subnav-item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 26px;
	height: 1px;
	background-color: #e5e5e5;
	margin-left: -13px
}

.subnav-bar .subnav-item:hover .subnav-title {
	display: table-cell
}

.quick-contactus-new .phone-400:hover .phone-popup-box {
	display: block
}

.tool-popup {
	background-color: #FFF;
	width: auto;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
	padding: 24px
}

.tool-popup img {
	width: 100%;
	height: auto
}

.phone-popup-box {
	position: absolute;
	right: 60px;
	top: -45px;
	width: 266px;
	height: 112px;
	display: none;
	padding-right: 20px
}

.phone-popup {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0 4px 16px 0 rgba(192,196,204,0.16)
}

.phone-popup img {
	width: 24px;
	height: 24px;
	display: inline-block
}

.phone-popup li {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(119,119,119,1);
	margin-left: 35px;
	line-height: 25px
}

.phone-popup::after {
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	top: 190px;
	right: -5px
}

.phone-popup li:hover {
	color: #000;
	font-size: 14px
}

.padding100 {
	padding: 0px 100px
}

.Zhead-top {
	position: absolute;
	width: 100%;
	background: white;
	z-index: 99999
}

.Zheader-main {
	box-sizing: border-box;
	width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px
}

.Zheader-left {
	border-right: 1px solid #EEF0F3;
	box-sizing: border-box;
	width: 226px
}

.Zheader-left-top {
	margin-bottom: 24px;
	width: 196px
}

.Zheader-left-top-view {
	cursor: pointer;
	padding-left: 30px;
	width: 100%;
	height: 36px;
	align-items: center;
	display: flex;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D
}

.viewHover {
	border-radius: 8px;
	background: #fdad2a33;
	color: #fdad2a
}

.Zheader-left-bottom {
	padding-top: 6px;
	box-sizing: border-box;
	padding-left: 15px;
	width: 195px;
	height: 62px;
	background-image: url("http://www.yilansheng.top/lj/image/ZmainLeft.png");
	background-size: 100% 100%
}

.Zheader-left-bottom-title {
	width: 100%;
	font-size: 12px;
	color: #fdad2a;
	margin-bottom: 6px;
	font-weight: 600
}

.Zheader-left-bottom-des {
	cursor: pointer;
	color: white !important;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 22px;
	background-image: linear-gradient(90deg,#33D09E 0%,#fdad2a 100%);
	border-radius: 10px;
	background: rgba(51,208,158,1)
}

.Zheader-right {
	width: 974px
}

.Zmain-right {
	display: flex;
	margin-left: 52px;
	flex-wrap: wrap
}

.ZNoshow {
	display: none !important
}

.Zheader-right-view {
	cursor: pointer;
	margin-right: 66px;
	display: flex;
	margin-bottom: 32px;
	flex-direction: column
}

.Zheader-right-view .des {
	margin-top: 12px;
	width: 220px;
	height: 32px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 12px;
	color: #606266;
	line-height: 16px
}

.Zheader-right-view:hover .Zheader-right-des .title {
	color: #fdad2a
}

.Zheader-right-view:hover .Zheader-right-des .desHot {
	color: #fdad2a
}

.Zheader-right-view:hover .Zheader-right-des .desNew {
	color: #fdad2a
}

.Zheader-right-view img {
	width: 20px;
	height: 20px
}

.Zheader-right-des {
	width: 230px;
	display: flex;
	flex-wrap: wrap
}

.Zheader-right-des .title {
	margin-left: 12px;
	line-height: 20px;
	height: 20px;
	font-weight: 500;
	font-size: 14px;
	color: #1F2C3D
}

.Zheader-right-des .desNew {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	color: #fdad2a;
	margin-left: 8px
}

.Zheader-right-des .desHot {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	margin-left: 8px;
	font-weight: 400;
	color: #D32F2F;
	line-height: 10px
}

.Zheader-right-des .des {
	margin-top: 10px;
	width: 205px;
	height: 32px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 12px;
	color: #606266;
	line-height: 16px
}

.ZcolorH a {
	color: #fdad2a !important
}

.ZhoverColoH {
	transform: rotate(-180deg)!important
}

.Zheader-iconRight {
	margin-bottom: 26px;
	margin-right: 56px;
	display: inline-block
}

.Zheader-iconRight img {
	filter: grayscale(100%)!important;
	opacity: 0.5;
	transition: 0.3s;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	margin-left: 12px
}

.Zheader-iconRight:hover img {
	filter: grayscale(0%) !important;
	opacity: 1
}

.Zheader-iconRight:hover .Zheader-right-iconDes {
	color: #fdad2a
}

.Zheader-right-iconView {
	width: 144px;
	height: 36px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center
}

.Zheader-right-iconView:hover {
	background: #fdad2a1a;
	border-radius: 8px
}

.Zheader-right-iconView .imgSever {
	width: 16px !important;
	height: 16px !important;
	display: none
}

.Zheader-right-iconDes {
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D;
	align-items: center;
	display: flex
}

.Zheader-server {
	width: 1200px;
	display: flex;
	flex-wrap: wrap
}

.Zmain-server {
	display: flex;
	flex-wrap: wrap
}

.Zmain-server:hover .title {
	color: #fdad2a
}

.Zheader-server-view {
	cursor: pointer;
	display: flex;
	margin-bottom: 32px
}

.Zheader-server-view:hover .Zheader-server-des .title {
	color: #fdad2a
}

.Zheader-server-view:hover .Zheader-server-des .desHot {
	color: #fdad2a
}

.Zheader-server-view:hover .Zheader-server-des .desNew {
	color: #fdad2a
}

.Zheader-server-view img {
	width: 24px;
	height: 24px
}

.Zheader-server-des {
	margin-left: 12px;
	width: 250px;
	display: flex;
	flex-wrap: wrap
}

.Zheader-server-des .title {
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	height: 24px;
	line-height: 24px
}

.Zheader-server-des .desNew {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: rgba(236,158,58);
	margin-left: 8px
}

.Zheader-server-des .desHot {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #D32F2F;
	margin-left: 8px
}

.Zheader-server-des .des {
	margin-top: 12px;
	height: 32px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	color: #606266;
	line-height: 16px
}

.Z-title1 {
	border-radius: 8px 8px 0 0;
	position: relative;
	width: 100%;
	height: 126px;
	background-image: url("http://www.yilansheng.top/lj/image/Z_pop.png");
	background-size: 100% 100%;
	font-family: PingFangSC-Medium;
	justify-content: center;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 42px;
	background-repeat: no-repeat
}

.Z-title2 {
	position: relative;
	width: 100%;
	height: 126px;
	background-image: url("http://www.yilansheng.top/lj/image/Z_pop2.png");
	background-size: 100% 100%;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 42px;
	justify-content: center;
	display: flex;
	align-items: center;
	background-repeat: no-repeat
}

.Z-close {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	right: -54px;
	top: 0;
	padding: 0
}

.quick-contactus-new {
	right: 10px;
	width: 64px;
}

.ZmainNone {
	display: none
}

.div-animate1 {
	display: flex;
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0,20px,0);
	transition: 0.3s
}

.div-animate2 {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0,0,0)
}

.Zlist {
	cursor: pointer;
	position: absolute;
	width: 64px;
	height: 72px;
	overflow: hidden;
	transform: rotate(120deg);
	margin-right: 40px
}

.Zlist:nth-child(1) {
	top: -18px
}

.Zlist:nth-child(2) {
	top: 54px
}

.Zlist:nth-child(3) {
	top: 126px
}

.Zlist:nth-child(4) {
	top: 198px
}

.Zlist .Zlist_child {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: rotate(-60deg)
}

.Zlist .Zlist_child .Zlist_child_child {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: rotate(-60deg);
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding-top: 17px;
	box-sizing: border-box
}

@-webkit-keyframes gogogo {
	0% {
		-webkit-transform: rotate(0deg)
	}

	25% {
		-webkit-transform: rotate(15deg)
	}

	50% {
		-webkit-transform: rotate(0deg)
	}

	75% {
		-webkit-transform: rotate(-15deg)
	}

	100% {
		-webkit-transform: rotate(0deg)
	}
}

.Zlist .Zlist_child .Zlist_child_child:hover {
	background: #fdad2a;
	filter: 0
}

.Zlist .Zlist_child .Zlist_child_child:hover .iconfont {
	-webkit-animation: gogogo 0.5s infinite linear
}

.Zlist .Zlist_child .Zlist_child_child:hover a {
	color: white
}

.Zlist .Zlist_child .Zlist_child_child:hover div {
	color: white
}

.Zlist .Zlist_child .Zlist_child_child {
	filter: gray;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.Zlist .Zlist_child .Zlist_child_child a {
	filter: gray;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: #909399
}

.Zlist .Zlist_child .Zlist_child_child div {
	filter: gray;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: #909399
}

.Zlist .Zlist_child .Zlist_child_child span {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-top: -17px;
	width: 100%
}

.Zlist .Zlist_child .Zlist_child_child img {
	width: 20px;
	height: 20px
}

.rightListxs {
	right: 120px;
	width: 253px;
	height: 379px;
	z-index: 999;
	position: absolute;
	bottom: 193px;
	right: 100px;
	transform: translateY(50%);
	display: none
}

.isShowPhobe {
	display: none
}

.rightListxs-wx_code {
	box-sizing: border-box;
	padding: 24px;
	position: absolute;
	width: 253px;
	height: 280px;
	background: #FFFFFF;
	box-shadow: 0 4px 16px 0 rgba(192,196,204,0.16)
}

.rightListxs-wx_code img {
	width: 149px;
	height: 143px
}

.rightListxs-wx_code .wCTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px
}

.rightListxs-wx_code .wCTitle div:nth-child(1) {
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #252D37
}

.rightListxs-wx_code .wCTitle div:nth-child(2) {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #6B778C;
	margin-left: 10px
}

.rightListxs-wx_code .wCImga {
	display: flex;
	justify-content: center;
	margin-bottom: 8px
}

.rightListxs-wx_code .wcBottom {
	margin-top: 8px;
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #6B778C
}

.rightListxs-wx_code::after {
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	top: 110px;
	right: -5px
}

.bottom-connent .bottom-connent-View {
	margin-bottom: 15px;
	width: 100%;
	display: flex;
	align-items: center
}

.bottom-connent .bottom-connent-View img {
	width: 20px;
	height: 20px
}

.ZlistText img {
	width: 20px;
	height: 20px
}

.bottom-connent .bottom-connent-View span {
	margin-left: 10px
}

.pullRight .pullRightService .pullRightService-title {
	margin-left: 34.6px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 14px
}

.pullRight .pullRightService .pullRightService-titleSpan {
	width: 349px;
	border-left: 1px solid rgba(170,177,185,0.1);
	padding-left: 33.6px;
	padding-right: 11.6px;
	margin-top: 30px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.pullRight .pullRightService .pullRightService-titleSpan .titleSpanView:hover {
	cursor: pointer;
	color: #fdad2a
}

.pullRight .pullRightService .pullRightService-titleSpan a:nth-child(1) {
	margin-top: 0px
}

.pullRight .pullRightService .pullRightService-titleSpan a:nth-child(2) {
	margin-top: 0px
}

.pullRight .pullRightService .pullRightService-titleSpan a {
	margin-top: 15px;
	cursor: auto;
	width: 50%
}

.pullRight .pullRightCase .pullRightCase-title {
	margin-left: 47.5px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 14px
}

.pullRight .pullRightCase .pullRightCase-titleSpan {
	width: 292.5px;
	height: 171px;
	border-left: 1px solid rgba(170,177,185,0.1);
	padding-left: 47.5px;
	padding-right: 47.5px;
	margin-top: 30px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start
}

.pullRight .pullRightCase .pullRightCase-titleSpan .titleSpanView:hover {
	cursor: pointer;
	color: #fdad2a
}

.pullRight .pullRightCase .pullRightCase-titleSpan a:nth-child(1) {
	margin-top: 0px
}

.pullRight .pullRightCase .pullRightCase-titleSpan a:nth-child(2) {
	margin-top: 0px
}

.pullRight .pullRightCase .pullRightCase-titleSpan a:nth-child(even) span {
	width: 50%;
	display: block;
	padding-left: 30%
}

.pullRight .pullRightCase .pullRightCase-titleSpan a {
	height: 16px;
	margin-top: 15px;
	cursor: auto;
	width: 50%
}

.pullRight .pullRightSchool .pullRightSchool-title {
	margin-left: 48px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 14px
}

.pullRight .pullRightSchool .pullRightSchool-titleSpan {
	width: 155.5px;
	border-left: 1px solid rgba(170,177,185,0.1);
	padding-left: 47px;
	margin-top: 30px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.pullRight .pullRightSchool .pullRightSchool-titleSpan .titleSpanView:hover {
	cursor: pointer;
	color: #fdad2a
}

.pullRight .pullRightSchool .pullRightSchool-titleSpan a:nth-child(1) {
	margin-top: 0px
}

.pullRight .pullRightSchool .pullRightSchool-titleSpan a {
	margin-top: 15px;
	cursor: auto;
	width: 100%
}

.pullRight .pullRightabout .pullRightabout-title {
	margin-left: 47px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 14px
}

.pullRight .pullRightabout .pullRightabout-titleSpan {
	width: 155.5px;
	border-left: 1px solid rgba(170,177,185,0.1);
	padding-left: 47px;
	padding-right: 27px;
	margin-top: 30px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.pullRight .pullRightabout .pullRightabout-titleSpan .titleSpanView:hover {
	cursor: pointer;
	color: #fdad2a
}

.pullRight .pullRightabout .pullRightabout-titleSpan a:nth-child(1) {
	margin-top: 0px
}

.pullRight .pullRightabout .pullRightabout-titleSpan a {
	margin-top: 15px;
	width: 100%
}

.copyRightBottome {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	align-items: center
}

.desAlink {
	display: flex;
	align-items: center
}

.desAlink a {
	margin-left: 15px;
	display: flex
}

.topFix30 {
	position: fixed;
	top: 64px;
	z-index: 999
}

@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont1.ttf') format('truetype')
}

.Zlist_child_child .iconfont {
	font-family: "iconfont" !important;
	font-size: 21px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-qq:before {
	content: "\e62b"
}

.icon-weixin:before {
	content: "\e61a"
}

.icon-erji:before {
	content: "\e63f"
}

.icon-dianhua:before {
	content: "\e605"
}

.showBottom {
	display: none
}

.page-top .header .header-nav .colorblack {
	color: black
}

.ZbottomMian {
	border-top: 1px solid rgba(170,177,185,0.1);
	border-bottom: 1px dashed rgba(170,177,185,0.1);
	width: 100%
}

.ZbottomMian .friendship-link {
	width: 1200px;
	margin: auto
}

.Zobootom {
	width: 100%
}

.Zobootom .copyRight {
	width: 1200px;
	margin: auto
}

.ZlistText .iconfont {
	font-family: "iconfont" !important;
	font-size: 20px;
	height: 20px;
	width: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ZlistText:hover .iconfont,.ZlistText:hover img {
	-webkit-animation: gogogo 0.5s infinite linear
}

.icon-qq:before {
	content: "\e62b"
}

.icon-weixin:before {
	content: "\e61a"
}

.icon-erji:before {
	content: "\e63f"
}

.icon-dianhua:before {
	content: "\e605"
}

.ZlistText {
	width: 100%;
	height: 63px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.ZlistText .radio {
	z-index: -1
}

.ZlistText .radioImage {
	z-index: 1
}

.ZlistText .image {
	position: absolute;
	background-image: url("http://www.yilansheng.top/lj/image/lin1.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%
}

.ZlistText:hover .image {
	background-image: url("http://www.yilansheng.top/lj/image/lin.svg")
}

.ZlistText:hover .radio {
	animation: mymove 1s infinite
}

.ZlistText a {
	z-index: 2;
	filter: gray;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	box-sizing: border-box;
	flex-wrap: wrap;
	color: #909399;
	padding-top: 12px
}

.ZlistText:hover a {
	color: white
}

.ZlistText .spanView {
	z-index: 2;
	filter: gray;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	box-sizing: border-box;
	flex-wrap: wrap;
	color: #909399;
	padding-top: 12px
}

.ZlistText:hover .spanView {
	color: white
}

.ZlistText .text {
	text-align: center;
	width: 100%;
	margin-top: 8px
}

@keyframes mymove {
	from {
		transform: scale(1)
	}

	to {
		transform: scale(1.3);
		opacity: 0
	}
}

.sslect {
	height: 48px;
	display: flex;
	font-size: 16px;
	color: #303133;
	align-items: baseline;
	margin-bottom: 24px;
	position: relative
}

.form-item .form-select {
	width: 98%;
	align-items: center;
	display: flex
}

.form-item .label {
	width: 24%;
	text-align: left;
	line-height: 48px;
	box-sizing: border-box
}

.form-item .form-item-input {
	border: none;
	flex: 1;
	background: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
	color: #303133;
	cursor: pointer
}

.form-item .form-select > img {
	width: 24px;
	height: 24px;
	transition: 0.5s
}

.select-dropdown {
	height: 210px;
	width: 100%;
	box-shadow: 0px 2px 16px 0px rgb(192 196 204 / 12%);
	overflow-y: scroll;
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 0;
	background: #fff;
	border: 1px solid #EEF0F3;
	display: none;
	z-index: 3
}

.select-dropdown .scrollbar-view {
	overflow-y: scroll;
	height: 100%
}

.select-dropdown .scrollbar-view::-webkit-scrollbar {
	width: 10px;
	height: 1px
}

.select-dropdown .scrollbar-view::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(153,153,153,0.5)
}

.select-dropdown .scrollbar-view::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #FFFFFF
}

.select-dropdown__list {
	list-style: none;
	padding: 6px 0;
	margin: 0;
	box-sizing: border-box
}

.select-dropdown__list > li {
	line-height: 48px;
	font-weight: 400;
	font-size: 16px;
	color: #1F2C3D;
	padding-left: 24px;
	cursor: pointer
}

.select-dropdown__list > li.active {
	background: #fdad2a29;
	border-radius: 8px
}

.topTitle {
	width: 100%;
	line-height: 20px;
	display: flex
}

.tstrong {
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #252D37
}

.tsmall {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #6B778C;
	margin-left: 4px
}

.tsmall14 {
	font-size: 14px;
	margin-right: 14px
}

.centerMain {
	display: flex;
	flex-wrap: wrap;
	margin-top: 18px;
	margin-bottom: 16px
}

.centerMain .centerMain-top {
	width: 100%;
	display: flex;
	line-height: 25px
}

.centerMain .centerMain-bottom {
	width: 100%;
	display: flex;
	line-height: 25px;
	margin-top: 14px
}

.centerMain .tsmall {
	font-size: 14px
}

.phone-popup .imageMain {
	width: 158px;
	height: 158px;
	margin: auto
}

.phone-popup .imageMain img {
	width: 100%;
	height: 100%
}

.phone-popup .imageBottom {
	width: 100%;
	height: 44px;
	font-family: PingFangSC-Regular;
	word-wrap: break-word;
	font-size: 14px;
	color: #6B778C;
	text-align: center;
	line-height: 22px;
	white-space: pre-wrap;
	margin-top: 8px
}

.wxShowCode {
	position: relative;
	cursor: pointer
}

.wxShowCode .hasWxShowCode {
	display: none;
	position: absolute;
	width: 200px;
	height: 237px;
	background: white;
	left: 230px;
	bottom: -85px
}

.wxShowCode .hasWxShowCode .iSmenu {
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	box-sizing: border-box
}

.wxShowCode .hasWxShowCode .iSmenu .iSmenu-top {
	margin: auto
}

.wxShowCode .hasWxShowCode .iSmenu .iSmenu-bottom {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 12px
}

.wxShowCode .hasWxShowCode .iSmenu .iSmenu-bottom .title {
	margin-top: 16px;
	margin-bottom: 8px
}

.wxShowCode .hasWxShowCode img {
	width: 140px;
	height: 140px
}

/* .wxShowCode:hover .text{color:#fdad2a} */
.allIndex {
	z-index: 9999;
	height: 400px;
	position: fixed;
	bottom: 5%;
	right: 20px
}

.rightList_top_1231 {
	margin-bottom: 16px;
	cursor: pointer;
	position: relative
}

.rightList_top_1231_image {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid #fdad2a;
	animation: warn 1s infinite linear
}

@keyframes warn {
	0% {
		box-shadow: 0 0 0 0 rgba(0,179,122,1)
	}

	100% {
		box-shadow: 0 0 0 10px rgba(0,179,122,0)
	}
}

.rightList_top_1231_image1 {
	top: 0;
	width: 64px;
	height: 64px;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #fdad2a;
	animation: warn1 1s infinite linear
}

@keyframes warn1 {
	0% {
		box-shadow: 0 0 0 0 rgba(0,179,122,0.3)
	}

	100% {
		box-shadow: 0 0 0 30px rgba(0,179,122,0)
	}
}

.rightList_top_1231_image2 {
	position: absolute;
	border-radius: 50%;
	border: 2px solid #fdad2a;
	animation: warn2 1s infinite linear
}

@keyframes warn2 {
	0% {
		width: 64px;
		height: 64px;
		opacity: 1
	}

	100% {
		width: 104px;
		height: 104px;
		opacity: 0
	}
}

.rightList_top_1231_image img {
	width: 100%;
	height: 100%
}

.rightList_top_1231_text {
	color: white;
	font-size: 12px;
	width: 64px;
	height: 24px;
	background: #fdad2a;
	display: flex;
	justify-content: center;
	align-items: center
}

.rightList_top_1231_text a {
	color: white
}

.rightList_con_1231 {
	width: 64px;
	height: 128px;
	background: #FFFFFF;
	box-shadow: 0 0 17px 0 rgb(213 213 213 / 10%)
}

.rightList_con_1231 .ZlistText {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
	color: #909399;
	box-sizing: border-box;
	padding: 10px 0px 0px 0px;
	width: 30px;
	margin: auto;
	transition: 0.3s
}

.rightList_con_1231 .ZlistText:hover {
	color: #fdad2a
}

.rightList_con_1231 .ZlistText:nth-child(1) {
	border-bottom: 1px solid #EEF0F3
}

.modePopOver {
	display: flex;
	justify-content: center;
	align-items: center
}

.modePopOverWx {
	position: relative;
	width: 318px;
	height: 427px;
	background: #FFFFFF;
	border-radius: 8px
}

.modePopOverWx .topHead {
	top: -45px;
	left: 120px;
	position: absolute;
	width: 72px;
	height: 72px;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.disPopRight1 {
	display: none
}

.modePopOverWx .modePopOverWx-title .title {
	margin-top: 52px;
	text-align: center;
	margin-bottom: 8px;
	font-weight: 500;
	width: 100%;
	height: 25px;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #1F2C3D
}

.modePopOverWx .modePopOverWx-title .des {
	width: 100%;
	height: 22px;
	font-family: PingFangSC-Regular;
	text-align: center;
	line-height: 22px;
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 12px;
	color: #606266
}

.modePopOverWx .modePopOverWx-title .time {
	width: 100%;
	height: 22px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	color: #606266;
	text-align: center;
	line-height: 22px;
	margin-bottom: 16px
}

.modePopOverWx .modePopOverWx-title .image {
	width: 163px;
	height: 163px;
	margin: auto
}

.modePopOverWx .modePopOverWx-title .image img {
	width: 100%;
	height: 100%
}

.modePopOverWx .modePopOverWx-title .bottom {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px
}

.modePopOverWx .modePopOverWx-title .bottom div {
	width: 23%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.modePopOverWx .modePopOverWx-title .bottom div a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

.modePopOverWx .modePopOverWx-title .bottom div img {
	width: 24px;
	height: 24px;
	margin-bottom: 6px
}

.modePopOverWx .modePopOverWx-title .bottom div span {
	width: 100%;
	text-align: center;
	color: #fdad2a;
	font-weight: 400;
	font-size: 14px
}

.disPopRight2 {
	display: none
}

.modePopOverDH-title-top {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
	margin-bottom: 18px
}

.modePopOverDH-title-top .span1 {
	width: 78px;
	text-align: center;
	font-family: PingFangSC-Medium;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	color: #1F2C3D
}

.modePopOverDH-title-top .span2 {
	text-align: center;
	line-height: 22px;
	font-weight: 400;
	font-size: 12px;
	color: #606266
}

.modePopOverDH-title-center {
	margin-bottom: 11px
}

.modePopOverDH-title-image {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 17px
}

.modePopOverDH-title-image img {
	width: 163px;
	height: 163px
}

.modePopOverDH-title-center span:nth-child(1) {
	width: 110px;
	text-align: right;
	margin-right: 16px;
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.modePopOverDH-title-center span:nth-child(2) {
	height: 25px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 18px;
	color: #1F2C3D
}

.modePopOverDH-title-bottom {
	margin-top: 16px;
	text-align: center;
	height: 22px;
	font-family: PingFangSC-Regular;
	font-weight: Regular;
	font-size: 14px;
	color: #909399;
	text-align: center;
	line-height: 22px
}

.Zadvertisement {
	z-index: 100;
	bottom: 0;
	width: 100%;
	position: fixed;
	display: flex;
	height: 104px;
	background-image: url(http://www.yilansheng.top/lj/image/fixBottom.png);
	background-size: 100% 100%
}

.Zadvertisement .main {
	width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	position: relative
}

.Zadvertisement .main .des {
	line-height: 24px;
	color: #fff;
	height: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 878px
}

.Zadvertisement .main .rightDiv {
	color: white;
	width: 143px;
	height: 46px;
	opacity: 0.9;
	background-image: linear-gradient(136deg,#01C3A5 0%,#fdad2a 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 99px;
	cursor: pointer;
	transition: 0.5s
}

.Zadvertisement .main .rightDiv:hover {
	opacity: 1
}

.Zadvertisement .main .close {
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: -30px
}

.Zadvertisement .main .close img {
	width: 100%;
	height: 100%
}

.search-box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 27px;
	padding: 12px 0;
	flex-direction: column;
	background: #FFFFFF;
	border-radius: 8px
}

.search-border {
	width: 258px;
	height: 40px;
	background: #F8F8F8;
	border-radius: 21px
}

.search-border .search-button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	align-items: center;
}

.search-button img {
	width: 24px;
	height: 24px
}

.search-box input {
	border: 0;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	font-size: 16px;
	color: #909399;
	background: transparent;
	padding-left: 12px
}

.search-box .hotDiv {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: flex-start;
	width: 258px;
	margin-top: 8px
}

.search-box .hotDiv h2 {
	width: 84px;
	height: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	margin-bottom: 12px
}

.search-box .flex-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.search-box .flex-wrap .hot-text {
	height: 28px;
	line-height: 28px;
	background: #F5F6F7;
	border-radius: 8px;
	padding: 0 10px;
	margin-bottom: 12px;
	margin-right: 6px
}

.search-box .flex-wrap .hot-text a {
	font-weight: 400;
	font-size: 12px;
	color: #1F2C3D
}

.hezi-article-box {
	background: #fff;
	border-radius: 8px;
	padding: 0 16px
}

.hezi-article-block .article-header {
	margin: 0 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	height: 56px;
	border-bottom: 1px solid #EFEFEF;
	justify-content: space-between
}

.operate-left .hezi-article-block .article-header {
	margin: 0
}

.hezi-article-block .article-left {
	display: flex;
	align-items: center;
	width: 92%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hezi-article-block .article-left span:hover {
	color: #fdad2a
}

.block-item .article-left {
	width: 65%
}

.hezi-article-block .article-right {
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	width: 8%;
	text-align: right
}

.hezi-article-block .article-right:hover {
	color: #fdad2a
}

.block-item .article-right {
	width: 33%
}

.hezi-article-block .article-header img {
	width: 32px;
	height: 32px
}

.hezi-article-block .article-header h2,.hezi-article-block .article-header h1 {
	margin-left: 12px;
	font-weight: 500;
	font-size: 18px;
	color: #1F2C3D;
	text-align: left;
	line-height: 18px
}

.hezi-article-block .article-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 8px 0 16px
}

.hezi-article-block .article-list .article-list-box {
	flex: 0 0 47%;
	width: 47%;
	height: 27px;
	margin: 8px 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.flex-4 {
	flex: 0 0 4%;
	width: 4%
}

.hezi-article-block .article-list .article-circle {
	width: 6px;
	height: 6px;
	background: #fdad2a;
	margin-right: 12px;
	border-radius: 50%
}

.hezi-article-block .article-list .article-title {
	width: 332px;
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hezi-article-block .article-list .article-title:hover {
	color: #fdad2a
}

.hezi-article-block .article-list .article-date {
	width: 48px;
	text-align: right;
	font-weight: 400;
	font-size: 14px;
	color: #909399
}

.article-footer {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #EFEFEF;
	font-weight: 400;
	font-size: 14px;
	color: #606266
}

.article-footer span {
	transition: 0.5s;
	margin-left: 5px;
	transform: rotate(-270deg)
}

.hezi-article-block .article-list .article-list-hots {
	flex: 0 0 47%;
	margin: 8px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap
}

.article-list-left {
	width: 128px;
	height: 96px;
	border-radius: 8px;
	transition: 1s
}

.article-header a span {
	margin-left: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #606266;
	text-align: left
}

.article-list-right {
	width: 268px;
	margin-left: 12px
}

.article-list-right .article-hots-title {
	width: 100%;
	height: 42px;
	font-weight: 500;
	font-size: 14px;
	color: #1F2C3D;
	letter-spacing: 0;
	line-height: 21px;
	margin-bottom: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.article-list-right .article-hots-title:hover {
	color: #fdad2a
}

.flex-hots {
	width: 32px
}

.article-list-left img {
	object-fit: cover;
	width: 128px;
	height: 96px;
	border-radius: 8px
}

.article-text {
	font-weight: 400;
	font-size: 12px;
	color: #909399;
	letter-spacing: 0;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.industry-list {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between
}

.industry-list .industry-box {
	transition: 1s;
	flex: 0 0 32%;
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 18px;
	padding: 16px
}

.industry-list .industry-box:hover {
	transition: 1s;
	transform: scale(1.1,1.1)
}

.industry-list .industry-img img {
	width: 100%;
	height: auto;
	border-radius: 8px
}

.industry-list .industry-list-title {
	width: 100%;
	margin-top: 12px;
	height: 54px;
	font-weight: 500;
	font-size: 16px;
	color: #1F2C3D;
	text-align: left;
	line-height: 27px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.industry-list .industry-list-title:hover {
	color: #fdad2a
}

.industry-list .industry-introduce {
	margin-top: 12px;
	width: 100%;
	height: 42px;
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	text-align: left;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.industry-list .industry-author {
	margin: 12px 0 6px;
	height: 20px;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #606266;
	display: flex;
	justify-content: space-between
}

.industry-list .industry-reading {
	padding-left: 20px;
	background: url(http://www.yilansheng.top/lj/image/a1.png) left center no-repeat;
	background-size: 14px 14px
}

.industry-list .industry-time {
	padding-left: 20px;
	background: url(http://www.yilansheng.top/lj/image/time-icon.png) left center no-repeat;
	background-size: 14px 14px
}

.industry-list .tech-box {
	width: 439px;
	background: #FFFFFF;
	border-radius: 8px
}

.tech-header {
	background: url(http://www.yilansheng.top/lj/image/b_1.png) center no-repeat;
	width: 100%;
	height: 120px
}

.tech-header:nth-child(2) {
	background: url(http://www.yilansheng.top/lj/image/b_2.png) center no-repeat
}

.tech-padding {
	padding: 24px 24px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.tech-title {
	width: 90px;
	height: 28px;
	line-height: 28px;
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF
}

.tech-padding .tech-more {
	width: 70px;
	height: 28px;
	line-height: 28px;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF
}

.tech-text {
	padding-left: 24px;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF
}

.tech-main {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 24px;
	padding-bottom: 0px
}

.tech-main-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px
}

.tech-main-box .tech-main-title {
	margin-top: 0;
	width: 309px;
	font-weight: 400;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #303133;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.tech-main-box .tech-main-title:hover,.hezi-item-container .article-item-lists:hover h3 {
	color: #fdad2a
}

.tech-main-box .tech-main-date {
	width: 43px;
	height: 20px;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #909399
}

.baike-title {
	height: 40px;
	font-weight: 400;
	font-size: 18px;
	color: #1F2C3D;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 8px;
	border-bottom: 1px solid #EFEFEF
}

.baike-text {
	margin: 16px 0;
	height: 63px;
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	text-align: left;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.hezi-item-container .article-item-lists {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 8px
}

.hezi-left-img {
	width: 32px;
	height: 32px;
	background: #F5F5F5;
	border-radius: 15.71px;
	display: flex;
	justify-content: center;
	align-items: center
}

.hezi-left-img img {
	width: 18px;
	height: 18px
}

.hezi-right {
	width: 200px;
	display: flex;
	flex-direction: column
}

.hezi-right h3 {
	height: 16px;
	font-weight: 500;
	font-size: 16px;
	color: #1F2C3D;
	line-height: 16px;
	margin-bottom: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.hezi-right div {
	height: 12px;
	font-weight: 400;
	font-size: 12px;
	color: #909399;
	line-height: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.lingxiClass-main-left-composition-bottomThumbsUp {
	display: flex;
	justify-content: center
}

.lingxiClass-main-left-composition-bottomThumbsUp-thumbsUp {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 163px;
	height: 40px;
	border: 1px solid #fdad2a;
	border-radius: 20px;
	color: #fdad2a;
	cursor: pointer;
	box-sizing: border-box
}

.lingxiClass-main-left-composition-bottomThumbsUp-thumbsUp img {
	margin-right: 8px
}

.lingxiClass-main-left-composition-bottomThumbsUp .useThumbsUp {
	background: #fdad2a;
	color: white
}

.article-new-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 16px
}

.article-new-radius {
	width: 6px;
	height: 6px;
	background: #fdad2a;
	border-radius: 50%;
	margin-top: 11px;
	margin-left: 5px
}

.article-new-content {
	width: 192px;
	height: 54px;
	font-weight: 400;
	font-size: 14px;
	color: #1F2C3D;
	line-height: 27px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.article-new-content:hover {
	color: #fdad2a
}

.article-new-date {
	text-align: right;
	width: 38px;
	height: 27px;
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	line-height: 27px
}

.iCode {
	padding: 20px 32px
}

.iCode-top img {
	width: 100%
}

.iCode-bottom {
	font-weight: 400;
	font-size: 14px;
	color: #909399;
	text-align: center;
	padding-top: 18px
}

.iCode-bottom div:nth-child(2) {
	padding-top: 12px
}