/*about*/
.leftnav {
	position: fixed;
	right: 4%;
	top: 30%;
	z-index: 899;
}

.about-nav {
	height: auto;
	box-sizing: border-box;
	width: 120px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.about-nav li {
	cursor: pointer;
	position: relative;
	text-align: right;
	padding: 8px 0 8px 0px;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.about-nav span {
	display: block;
	cursor: pointer;
	position: relative;
	text-align: right;
	padding: 8px 0 8px 0px;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.about-nav li a {
	color: #fff !important;
	font-size: 12px;
}

.about-nav span a {
	color: #fff;
	font-size: 12px;
}

.about-nav li:before {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	background: #fff;
	width: 22px;
	height: 1px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.about-nav span:before {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	background: #fff;
	width: 22px;
	height: 1px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.about-nav li.current {
	text-align: left;
}

.about-nav li.current a {
	font-size: 15px;
}

.about-nav li.current:before {
	left: 52px;
	width: 70px;
}

.about-nav li.current {
	color: #fff;
}

.list-paddingleft-2 li a {
	color: #333333;
}

.list-paddingleft-2 span a {
	color: #333333;
}

.list-paddingleft-2 li:before {
	background: #333333;
}

.rlist-paddingleft-2 span:before {
	background: #333333;
}

.list-paddingleft-2 li.current {
	color: #333333fff;
}

@media screen and (max-width:1440px) {
	.leftnav {
		right: 20px;
	}

	.about-nav {
		width: 70px;
	}

	.about-nav li.act:before {
		left: 52px;
		width: 30px;
	}

}

@media screen and (max-width:1100px) {
	.about-nav li.act:before {
		left: 36px;
		width: 30px;
	}

	.about-nav li:before {
		right: 36px;
	}

	.about-nav span:before {
		right: 36px;
	}

}

.ab_header_boxlei {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0, 0, 0, 0.6);
/*	background-color: white;
	box-shadow: 0px 1px 5px black;
	transition: background-color 0.5s;
	-webkite-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;*/
}

/*.ab_header_boxlei .ab_nav a{  color: black;}
*/
/*.ab_header_boxlei .ab_logotwo,
.ab_header_boxlei .ab_top_con02 {
	display: block;
}

.ab_header_boxlei .ab_logoone,
.ab_header_boxlei .ab_top_con01 {
	display: none;
}

.ab_header_boxlei .btn-search svg path {
	fill: #B7B7B7;
}

.ab_header_boxlei .btn-close svg path {
	fill: #B7B7B7;
}*/

.pabout {
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.js-page-global-curtain,
.js-window-curtain,
.js-white-preload-curtain {
	visibility: hidden
}

.curtain {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 55;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.curtain__section {
	width: calc(1200px/6);
	height: 100%;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
}

.curtain__section_visible {
	visibility: visible
}

.curtain__section_left {
	width: calc((100% - 1200px)/2)
}

.curtain__section_right {
	width: calc((100% - 1200px)/2)
}

.curtain__tile {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 5
}

.curtain__progress-line {
	height: 100%;
	width: 1px;
	background: white;
	position: absolute;
	left: 0;
	top: -100%;
	z-index: 1
}

.curtain__preloader-line {
	height: 100%;
	width: 1px;
	position: absolute;
	background: white;
	z-index: 50;
	top: -100%;
	left: 0
}

.curtain__preloader-line_right {
	left: initial;
	left: auto;
	right: 0
}

.curtain__logo {
	position: absolute;
	z-index: 100;
	left: 0;
	top: calc(50% - 100px);
	overflow: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.curtain__logo_left {
	width: 168px
}

.curtain__logo_right {
	width: 157px;
	height: 100px
}

.curtain__logo_right .curtain__logo-svg {
	right: 0;
	position: absolute;
	top: 0
}

.curtain__logo-svg {
	fill: white
}

.curtain_close .curtain__tile {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.section-curtain {
	z-index: 20
}

.section-curtain .curtain__tile {
}

.page__scroll-hint {
	position: absolute;
	right: calc((100% - 1200px)/2);
	bottom: 40px;
	z-index: 8999;
}

.scroll-hint {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.scroll-hint__text p {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px
}

.scroll-hint__icon-wrap {
	width: 10px;
	height: 11px;
	position: relative;
	margin-left: 20px
}

.scroll-hint__round {
	height: 12px;
	width: 11px;
	background-color: white;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	right: -5px
}

.scroll-hint__line {
	position: absolute;
	height: 100%;
	right: 0
}

.scroll-hint__line:after {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: white;
	content: '';
	position: absolute;
	right: -1px;
	top: -5px
}

.scroll-hint__line:before {
	width: 1px;
	height: 34px;
	background: white;
	content: '';
	top: 26px;
	position: absolute;
	right: 0
}

.ab_header_box {
	z-index: 899 !important;
}

.mdw {
	z-index: 89;
}

.mw1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.mabout {
	top: 50%;
	transform: translateY(-50%);
	width: 79%;
	position: absolute;
	left: 30px;
}

.mabout::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.mabout::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../images/mhuang.jpg) repeat;
}

.mabout::-webkit-scrollbar-track {
	background: #282020;
}

.mabout h3 {
	font-weight: 500;
	color: #f2a312;
	padding-bottom: 25px;
	padding-top: 45px;
	float: left;
	width: 100%;
}

.mabout h3 strong {
	color: #f2a312;
	font-size: 30px;
	font-weight: 500;
	padding-right: 15px;
}

.mabout p {
	width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	float: left;
	text-align: justify;
}

.mabout p.mabout01 {
	width: 100%;
	float: left;
}

.mabout p.mabout02 {
	width: 100%;
	float: left;
}

.mvideobut {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 30%;
	z-index: 8999;
	color: #fff;
}

.mvideobut span {
	margin-right: -10px;
	color: #fff;
	background: url(../images/mvideobg.png) no-repeat right;
	padding-right: 30px;
	height: 57px;
	padding-top: 26px;
	display: block;
	transition: all .6s;
}

.mvideobut:hover span {
	font-size: 15px;
	padding-right: 34px;
	background: url(../images/mvideobgs.png) no-repeat right;
}

.search-alert {
	position: fixed;
	z-index: 89999;
	background-color: #333;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	opacity: 1;
}

.search-alert .close {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/ico_37.png) no-repeat center;
	position: absolute;
	top: 38px;
	right: 2.6%;
	cursor: pointer;
	transition: transform 0.3s ease 0s;
}

.aboutvideo {
	width: 90%;
	max-width: 960px;
	max-height: 800px;
	margin: 0 auto;
	display: block;
	padding-top: 10%;
}

.cent-form {
	padding: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.abouthonor {
	min-height: 960px;
	position: relative;
}

@media (min-width:768px) {
	.mw1200 {
		width: 650px;
	}

}

@media (min-width:1024px) {
	.mw1200 {
		width: 740px;
	}

}

@media (min-width:1066px) {
	.mw1200 {
		width: 860px;
	}

}

@media (min-width:1200px) {
	.mw1200 {
		width: 940px;
	}

}

@media (min-width:1320px) {
	.mw1200 {
		width: 1200px;
	}

}

@media screen and (max-width:1319px) {
	.curtain__section {
		width: calc(770px/2)
	}

	.curtain__section:nth-child(2),
	.curtain__section:nth-child(3) {
		display: none
	}

	.curtain__section_left {
		width: calc((100% - 730px)/2);
	}

	.curtain__section_right {
		width: calc((100% - 730px)/2);
	}

	.page__scroll-hint {
		right: calc((100% - 770px)/3);
	}

}

@media screen and (max-width:1024px) {
	.contenta {
		margin-top: -68px;
	}

	.curtain__section {
		width: calc(770px/4);
	}

	.curtain__section:nth-child(2),
	.curtain__section:nth-child(3) {
		display: none
	}

	.curtain__section_left {
		width: calc((100% - 730px)/2);
	}

	.curtain__section_right {
		width: calc((100% - 730px)/2);
	}

}

@media screen and (max-width:875px) {
	.leftnav {
		display: none !important;
	}

}

@media screen and (max-width:767px) {
	.mw1200 {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mvideobut {
		position: relative;
		float: left;
		left: 0;
		top: 0;
		right: inherit;
	}

	.mabout p.mabout01 {
		width: 100%;
	}

	.mabout p.mabout02 {
		width: 100%;
	}

	.mabout h3 {
		font-size: 16px;
	}

	.mabout h3 strong {
		font-size: 26px;
		display: block;
		padding-bottom: 5px;
	}

	.mabout p {
		line-height: 30px;
	}

	.aboutvideo {
		width: 100%;
	}

}

.brandz {
	width: 100%;
	height: calc(100% - 180px);
	padding-top: 100px;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
}

.brand__cell {
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 16.666667%;
	height: 33.333333%;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.brand__cell img {
	max-width: 190px;
	width: 98%;
	display: inline-block;
	position: relative;
}

.brand__cell-start,
.brand__cell-last {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px
}

.brand__cell-start {
	background-color: #F2A312;
	color: #fff;
}

.brand__cell-last {
	background: #333333;
	color: #fff;
	font-size: 20px;
}

.brand__cell-last a {
	color: #fff;
	font-size: 20px;
	transition: all 0.5s;
	transform: translateX(16px)
}

.brand__cell-last a span {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	transition: all 0.5s;
	opacity: 0;
	transform: translateX(-10px);
}

.ab_nav_smbox {
	cursor: pointer;
}

.brand__cell-last:hover  a span {
	opacity: 1;
	transform: translateX(0px);
}

.brand__cell-last:hover  a {
	transform: translateX(0px)
}

@media screen and (max-width:1024px) {
	.brand__main {
		width: 100%;
		height: auto;
		display: inherit;
		overflow: hidden;
		margin-top: 30px;
	}

	.brand__cell {
		width: 33.33%;
		height: 90px;
		float: left;
	}

	.abouttwo {
		z-index: 899;
		transform: none;
	}

	.brandz {
		padding-top: 30px;
	}

}

@media screen and (max-width:767px) {
	.brand__cell {
		width: 50%;
	}

	.brand__cell-start,
	.brand__cell-last {
		font-size: 18px;
	}

	.brand__cell-last a {
		font-size: 18px;
	}

}

.ce_box {
	z-index: 899;
}

.maboutbg {
	background: url(../images/maboubg01.jpg) no-repeat center fixed;
	height: 960px;
	position: relative;
	z-index: 99;
	overflow: hidden;
}

.abouttwo {
	height: 960px;
	position: relative;
	overflow: hidden;
	z-index: 99;
}

.mcur .about-nav li,
.mcur .about-nav li a,
.mcur .about-nav span a {
	color: #999999 !important;
}

.mcur .about-nav li:before,
.mcur .about-nav span:before {
	background-color: #999999;
}

.abouttwo .scroll-hint__line:after,
.abouttwo .scroll-hint__round,
.abouttwo .scroll-hint__line:after,
.abouttwo .scroll-hint__line:before {
	background: #333333;
}

.abouthonor {
	min-height: 600px;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.abouthonor .about-nav li,
.abouthonor .about-nav li a,
.abouthonor .about-nav span a {
	color: #999999;
}

.abouthonor .about-nav li:before,
.abouthonor .about-nav span:before {
	background-color: #333;
}

.abouthonor .curtain__section {
	border-right: 1px solid #EEEEEE;
}

.honorbg {
	background: url(../images/honorbg.jpg) repeat-x;
	height: 38px;
	width: 100%;
	position: relative;
	z-index: 99;
}

.honorsub {
	font-size: 30px;
	color: #f2a312;
	padding-top: 70px;
	padding-bottom: 70px;
}

.honorlist {
}

.honorlist ul {
	margin-left: -20px;
	margin-right: -20px;
}

.honorlist ul li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.honorlist ul li a {
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.honorlist ul li img {
	width: 100%;
	transition: all 0.5s;
}

.honorlist ul li:hover img {
	transform: scale(1.05);
}

.honorlist ul li p {
	color: #333333;
	height: 40px;
	line-height: 20px;
	margin-top: 5px;
	overflow: hidden;
}

.honornav {
	float: right;
	text-align: right;
}

.honornav a {
	font-size: 16px;
	color: #333333;
	margin: 0 50px;
	padding-left: 24px;
	display: inline-block;
}

.honornav a:last-child {
	margin-right: 0;
}

.honorbg01 {
	background: url(../images/honorico01.png) no-repeat left;
}

.honorbg02 {
	background: url(../images/honorico02.png) no-repeat left;
}

.honorbg03 {
	background: url(../images/honorico03.png) no-repeat left;
}

.honor {
	width: 100%;
	position: relative;
}

.honor .tab_menu {
	width: 100%;
	max-width: 624px;
	position: absolute;
	right: 0;
	top: -94px;
	text-align: right;
}

.honor .tab_menu li {
	display: inline-block;
	cursor: pointer;
	padding: 0 40px;
	font-size: 16px;
	color: #333333;
}

.honor .tab_menu li:last-child {
	padding-right: 0;
}

.honor .tab_menu li a {
	font-size: 16px;
	color: #333333;
	padding-left: 24px;
	display: inline-block;
}

.honor .tab_menu li.current a {
	color: #F2A312;
}

.honor .tab_menu li.current a.honorbg01 {
	background: url(../images/honoricoh01.png) no-repeat left;
}

.honor .tab_menu li.current a.honorbg02 {
	background: url(../images/honoricoh02.png) no-repeat left;
}

.honor .tab_menu li.current a.honorbg03 {
	background: url(../images/honoricoh03.png) no-repeat left;
}

.honor .tab_menu li:hover a {
	color: #F2A312;
}

.honor .tab_menu li:hover a.honorbg01 {
	background: url(../images/honoricoh01.png) no-repeat left;
}

.honor .tab_menu li:hover a.honorbg02 {
	background: url(../images/honoricoh02.png) no-repeat left;
}

.honor .tab_menu li:hover a.honorbg03 {
	background: url(../images/honoricoh03.png) no-repeat left;
}

.honor .tab_box {
	width: 100%;
}

.honor .tab_box .hide {
	display: none;
}

.brand__cell img.bradimg {
}

.brand__cell img.bradimg2 {
	display: none;
}

.brand__cell a:hover img.bradimg {
	display: none;
}

.brand__cell a:hover img.bradimg2 {
	display: block;
}

@media (max-width:1440px) {
	.abouttwo {
		height: 900px;
	}

}

@media (max-width:1366px) {
	.abouttwo {
		height: 768px;
	}

}

@media (max-width:1024px) {
	.abouttwo {
		max-height: 600px;
		height: auto;
		padding-bottom: 30px;
	}

	.honor .tab_menu li {
		padding: 0 20px;
	}

	.honorsub {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.honor .tab_menu {
		top: -54px;
	}

}

@media (max-width:1023px) {
	.mabout {
		left: 0;
	}

}

@media (max-width:991px) {
	.mabout {
		width: 100%;
		float: left;
		position: inherit;
		padding-top: 90px;
		top: inherit;
		transform: none;
	}

	.mvideobut {
		position: inherit;
		padding-top: 20px;
		float: left;
		right: inherit;
		top: inherit;
	}

	.honorlist ul li {
		width: 33.33%;
	}

}

@media (max-width:875px) {
	.leftnav {
		display: none;
	}

}

@media (max-width:767px) {
	.mabout {
		padding-top: 60px;
	}

	.maboutbg {
		height: auto;
		padding-bottom: 30px;
		background: url(../images/maboubg02.jpg) no-repeat center;
		background-size: cover;
	}

	.mabout p {
		font-size: 14px;
		line-height: 25px;
	}

	.abouthonor {
		padding-bottom: 30px;
		min-height: inherit;
	}

	.honorsub {
		font-size: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.abouttwo {
		max-height: inherit;
	}

	.honor .tab_menu {
		top: 0;
		position: relative;
		max-width: 100%;
		padding-bottom: 20px;
		width: 100%;
	}

	.honorlist ul li {
		width: 50%;
	}

	.honornav {
		width: 100%;
		float: right;
		text-align: right;
		padding: 20px 0;
	}

	.honor .tab_menu li {
		margin: 0;
		width: 33.33%;
		padding: 0;
		text-align: left;
		font-size: 14px;
		float: left;
		box-sizing: border-box;
	}

	.honor .tab_menu li a {
		text-align: left;
		font-size: 14px;
		box-sizing: border-box;
	}

}

/*招聘列表*/
.jo_ltou {
	margin-left: 0;
	width: 120px;
}

.jo_touliang,
.jo_touan {
	margin: 0 auto;
}

.jo_rightbox {
	box-shadow: none;
}

.mjoblist {
	width: 100%;
	position: relative;
	height: 698px;
}

.mjoblist .tab_menu {
	width: 120px;
	float: left;
}

.mjoblist .tab_menu li {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	display: inline-block;
	cursor: pointer;
	float: none;
}

.mjoblist .tab_menu li span {
	display: block;
	text-align: center;
	padding-top: 45px;
	background: url(../images/jo_tou04b.jpg) no-repeat top;
}

.mjoblist .tab_menu li.current span {
	color: #FE980F;
	background: url(../images/jo_tou04a.jpg) no-repeat top;
}

.mjoblist .tab_box {
	float: right;
	width: 70%;
	overflow: hidden;
	box-shadow: 0px 0px 5px #dddddd;
}

.mjoblist .tab_box .hide {
	display: none;
}

.mjoblist .tab_menu li span.mjobico01 {
	background: url(../images/jo_tou01b.jpg) no-repeat top;
}

.mjoblist .tab_menu li span.mjobico02 {
	background: url(../images/jo_tou02b.jpg) no-repeat top;
}

.mjoblist .tab_menu li span.mjobico03 {
	background: url(../images/jo_tou03b.jpg) no-repeat top;
}

.mjoblist .tab_menu li span.mjobico04 {
	background: url(../images/jo_tou04b.jpg) no-repeat top;
}

.mjoblist .tab_menu li.current span.mjobico01 {
	background: url(../images/jo_tou01a.jpg) no-repeat top;
}

.mjoblist .tab_menu li.current span.mjobico02 {
	background: url(../images/jo_tou02a.jpg) no-repeat top;
}

.mjoblist .tab_menu li.current span.mjobico03 {
	background: url(../images/jo_tou03a.jpg) no-repeat top;
}

.mjoblist .tab_menu li.current span.mjobico04 {
	background: url(../images/jo_tou04a.jpg) no-repeat top;
}

.mjob {
	width: 100%;
	position: relative;
	height: 698px;
}

.mjob .tab_menu {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 5%;
	text-align: center;
	z-index: 999;
}

.mjob .tab_menu li {
	display: inline-block;
	cursor: pointer;
	padding: 0 20px;
	float: none;
}

.mjob .tab_menu li span {
	width: 80px;
	height: 80px;
	display: inline-block;
	text-align: center;
	line-height: 75px;
	border-radius: 50%;
	background: #666666;
}

.mjob .tab_menu li.current span {
	background: #BF1724;
}

.mjob .tab_box {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 99;
}

.mjob .tab_box .hide {
	display: none;
}

.mjobmeng {
	background-color: rgba(6, 6, 6, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mjobpo {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30%;
}

.jo_neibox {
	max-height: 638px;
	overflow-y: auto;
}

.jo_neibox::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.jo_neibox::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../images/mhuang.jpg) repeat;
}

.jo_neibox::-webkit-scrollbar-track {
	background: #282020;
}

a:hover.jo_join {
	background: #FE980F;
	color: #fff;
	border: 2px solid #FE980F;
}

@media (max-width:1199px) {
	.mjoblist .tab_menu {
		width: 100px;
	}

}

@media (max-width:767px) {
	.jo_leftbox {
		width: 100%;
	}

	.jo_tit {
		font-size: 18px;
		line-height: 32px;
	}

	.jo_neibox h3 {
		font-size: 16px;
	}

	.mjoblist .tab_menu {
		width: 75px;
	}

	.jo_neibox {
		max-height: inherit;
		overflow-y: auto;
	}

	.cul_sotit01,
	.cul_sotit02 {
		float: left !important;
	}

	.mmoile {
		float: left;
		text-align: left;
		width: 100%;
	}

	.cul_one {
		height: 800px;
	}

	.mjoblist {
		height: auto;
	}

	.mjoblist .tab_menu {
		width: 100%;
	}

	.mjoblist .tab_box {
		width: 100%;
	}

	.mjoblist .tab_menu li {
		width: 50%;
		float: left;
	}

	.section-curtain {
		display: none !important;
	}

	.jo_two {
		padding-top: 30px;
	}

}

.ab_foot_end {
	background-color: #1b1b1d;
	position: relative;
	width: 100%;
}

.beian {
	float: left;
	text-decoration: none;
	color: #a8a8a8;
	font-size: 12px;
	margin-right: 20px;
}

@keyframes map {
	to {
		border-color: black;
		background-color: black;
		color: white;
	}

}

@keyframes font_color {
	to {
		color: white
	}

}

@keyframes share_bg {
	to {
		background-color: black;
	}

}

@keyframes ce_bg {
	to {
		background-color: #e43a3d;
	}

}

.cul_con {
	position: relative;
	overflow: hidden;
}

@keyframes lian_change {
	to {
		background-color: white;
		color: black;
	}

}

.cul_one {
	position: relative;
	overflow: hidden;
	height: 900px;
}

.cul_onebg {
	min-width: 100%;
	min-height: 100%;
}

.cul_imgbox {
	position: absolute;
	width: 732px;
	left: 50%;
	top: 50%;
	height: 466px;
	margin-left: -366px;
	margin-top: -233px;
}

.cul_dongimg01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.cul_dongimg02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.cul_dongimg03 {
	position: absolute;
	top: 0;
	left: 0;
	animation: playpic 30s infinite;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-webkite-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform-origin: 40% 40%;
	-ms-transform-origin: 40% 40%;
	-webkite-transform-origin: 40% 40%;
	-moz-transform-origin: 40% 40%;
	width: 100%
}

@keyframes playpic {
	0% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		-webkite-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform-origin: 30% 30%;
		-ms-transform-origin: 30% 30%;
		-webkite-transform-origin: 30% 30%;
		-moz-transform-origin: 30% 30%;
		width: 100%;
		height: 100%
	}

	50% {
		transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-webkite-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform-origin: 30% 30%;
		-ms-transform-origin: 30% 30%;
		-webkite-transform-origin: 30% 30%;
		-moz-transform-origin: 30% 30%;
		width: 95%;
		height: 103%
	}

	100% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		-webkite-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform-origin: 30% 30%;
		-ms-transform-origin: 30% 30%;
		-webkite-transform-origin: 30% 30%;
		-moz-transform-origin: 30% 30%;
		width: 100%;
		height: 100%
	}

}

.cul_sol01 {
	color: white;
	position: absolute;
	top: 0;
	left: -100px;
}

.cul_sol02 {
	color: white;
	position: absolute;
	top: -30px;
	right: -50px;
}

.cul_sol03 {
	color: white;
	position: absolute;
	bottom: 0;
	left: -100px;
}

.cul_sol04 {
	color: white;
	position: absolute;
	bottom: -30px;
	right: -100px;
}

.cul_sotit01 {
	background-color: #eb891a;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0px;
	width: 60px;
	text-align: center;
	margin-bottom: 5px;
}

.cul_sotit02 {
	background-color: #c92327;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0px;
	width: 60px;
	text-align: center;
	margin-bottom: 5px;
}

/*
响应式
*/
@media (max-width:1170px) {
	.ab_foot_end {
		background-color: #1b1b1d;
		position: relative;
		width: 100%;
	}

}

@media (max-width:1020px) {
	.cul_imgbox {
		position: absolute;
		width: 550px;
		height: 350px;
		top: 60%;
		left: 50%;
		margin-left: -275px;
	}

	.cul_sol01 {
		color: white;
		position: absolute;
		top: -200px;
		left: 20px;
	}

	.cul_sol02 {
		color: white;
		position: absolute;
		top: -100px;
		left: 20px;
	}

	.cul_sol03 {
		color: white;
		position: absolute;
		bottom: -100px;
		left: 20px;
	}

	.cul_sol04 {
		color: white;
		position: absolute;
		bottom: -200px;
		left: 20px;
	}

}

@media (max-width:620px) {
	.cul_friend {
		display: block
	}

	.cul_onebg {
		height: 100%;
	}

	.cul_imgbox {
		position: absolute;
		width: 290px;
		height: 203px;
		top: 68%;
		left: 50%;
		margin-left: -145px;
	}

	.cul_sol01 {
		color: white;
		position: absolute;
		top: -200px;
		right: 20px;
		text-align: right
	}

	.cul_sol02 {
		color: white;
		position: absolute;
		top: -100px;
		left: 20px;
		right: 0;
	}

	.cul_sol03 {
		color: white;
		position: absolute;
		bottom: -100px;
		right: 20px;
		text-align: right
	}

	.cul_sol04 {
		color: white;
		position: absolute;
		bottom: -200px;
		left: 20px;
		right: 0;
	}

	.cul_sotit01 {
		background-color: #eb891a;
		font-size: 15px;
		font-weight: bold;
		padding: 3px 0px;
		width: 50px;
		text-align: center;
		margin-bottom: 5px;
	}

	.cul_sotit02 {
		background-color: #c92327;
		font-size: 15px;
		font-weight: bold;
		padding: 3px 0px;
		width: 50px;
		text-align: center;
		margin-bottom: 5px;
	}

}

/*join的样式*/
.jo_one {
	position: relative;
	overflow: hidden
}

.jo_onebg {
	width: 100%
}

.jo_sotopbox {
	position: absolute;
	width: 100%;
	left: 50px;
	bottom: 10%;
}

.jo_soone {
	font-size: 45px;
	color: white;
	font-weight: bold
}

.jo_leftbox {
	float: left;
	width: 45%;
}

.jo_leftright {
	float: right;
	width: 40%;
}

.jo_ltou {
	float: left;
	width: 100px;
	text-align: center;
	margin-left: 10%
}

.jo_lnei {
	float: right;
	width: 70%;
	overflow: hidden;
	box-shadow: 0px 0px 5px #dddddd;
}

.jo_name {
	margin-top: 10px;
	margin-bottom: 30px;
}

.jo_two {
	padding-top: 80px;
	padding-bottom: 30px;
}

.jo_lconbox {
}

.jo_lcon {
	padding: 30px 0px;
	float: left;
}

.jo_tit {
	font-size: 20px;
	line-height: 48px
}

.jo_neibox h3 {
	font-size: 1.5em;
	margin: 5px 0;
}

.jo_neibox p {
	font-size: 13px;
}

.jo_fu {
	font-size: 16px;
	line-height: 30px
}

.jo_con {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.jo_join {
	border: 2px solid #767676;
	margin-top: 40px;
	display: block;
	line-height: 36px;
	width: 130px;
	text-align: center;
}

.jo_joinlei {
	animation: join 0.5s forwards
}

@keyframes join {
	to {
		color: white;
		background-color: #951e23;
		border-color: #951e23;
	}

}

.jo_rightbox {
	float: right;
	width: 49%;
	position: relative;
	overflow: hidden;
}

.jo_ban {
	float: left
}

.jo_upceng {
	position: absolute;
	height: 100%;
	background-color: rgba(6, 6, 6, 0.5);
	top: 0;
	left: 0;
}

.jo_so {
	float: left;
	color: white;
}

.jo_sobox {
	position: absolute;
	left: 0;
	bottom: 30%;
	z-index: 2
}

.jo_sotit {
	font-size: 32px;
	margin-bottom: 30px;
}

.jo_socon {
	font-size: 16px;
	line-height: 30px;
}

.jo_sonei {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.jo_upceng {
	position: absolute
}

.jo_conbox {
	float: left;
	background-color: #666666;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	margin-left: 20px;
	margin-right: 20px;
	cursor: pointer
}

.jo_conboxlei {
	background-color: #bf1724;
}

.jo_bannercon {
	position: absolute;
	bottom: 50px;
	left: 100px;
}

.jo_touan {
	display: block;
	margin-left: 30px;
}

.jo_touliang {
	display: none;
	margin-left: 30px;
}

.jo_toubox {
	text-align: center;
	cursor: pointer
}

.jo_toushow {
	display: block
}

.jo_touhide {
	display: none
}

.jo_neibox {
	width: 90%;
	margin-left: auto;
	margin-right: auto
}

/*响应式*/
@media (max-width:1140px) {
	.jo_rightbox {
		display: none
	}

	.jo_leftbox {
		float: left;
		width: 90%;
	}

}

@media (max-width:720px) {
	.jo_soone {
		font-size: 25px;
		color: white;
		font-weight: bold
	}

}

@media (max-width:620px) {
	.jo_rightbox {
		display: none
	}

	.jo_leftbox {
		float: left;
		width: 90%;
	}

	.jo_ltou {
		float: left;
		width: 100px;
		text-align: center;
		margin-left: 5%
	}

	.cul_one {
		height: 700px;
	}

}

@media (max-width:470px) {
	.jo_rightbox {
		display: none
	}

	.jo_leftbox {
		float: left;
		width: 95%;
	}

	.jo_ltou {
		float: left;
		width: 60px;
		text-align: center;
		margin-left: 10px
	}

	.jo_touan {
		display: block;
		margin-left: 15px;
	}

	.jo_touliang {
		display: none;
		margin-left: 15px;
	}

	.jo_toushow {
		display: block
	}

	.jo_touhide {
		display: none
	}

	.jo_soone {
		font-size: 18px;
		color: white;
		font-weight: bold
	}

	.jo_onebg {
		width: 130%
	}

}

/*join_form样式*/
.jobyp {
	padding-top: 40px;
}

.recuit label {
	width: 28%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
}

.recuit input[type=text] {
	width: 72%;
	float: left;
	background: #F0F0F0;
	border: none;
	outline: 0;
	box-shadow: none;
	font-size: 16px;
	color: #1d1d1d;
}

.recuit input[type=radio] {
	height: 34px;
	margin-top: 0px;
	vertical-align: -12px;
	margin-right: 6px;
	-webkit-appearance: radio;
}

.recuit select {
	width: 72%;
	float: left;
}

.recuit .form-group {
	line-height: 34px;
	margin-bottom: 25px;
}

.recuit button {
	margin-bottom: 30px;
	font-size: 18px;
	color: #fff;
	background: #F9A94B;
	border: 1px solid #F9A94B;
	font-weight: bold;
	padding: 6px 60px;
	outline: 0;
}

.recuit button.red:hover {
	background: #fff;
	color: #333;
	border: 1px solid #F9A94B;
}

.recuit textarea {
	border-radius: 0px;
	width: 100%;
	float: left;
	background: #F0F0F0;
	border: none;
	outline: 0;
	box-shadow: none;
	font-size: 16px;
	color: #1d1d1d;
}

.message_code span {
	margin-left: 5px;
}

.message_code span img {
	max-height: 50px;
}

.jobyp .form-group span {
	padding-left: 10px;
}

.jobyp .form-group span img {
	max-height: 36px;
}

@media screen and (max-width:1199px) {
	.recuit label {
		width: 32%;
	}

	.recuit input[type=text] {
		width: 68%;
	}

	.recuit select {
		width: 68%;
	}

}

@media screen and (max-width:991px) {
	.recuit .form-group:after {
		content: '';
		display: block;
		visibility: hidden;
		clear: both;
	}

	.recuit .form-group {
		margin-bottom: 10px;
	}

	.recuit label {
		width: 25%;
	}

	.recuit input[type=text] {
		width: 75%;
	}

	.recuit select {
		width: 75%;
	}

	.recuit textarea {
		width: 100%;
	}

}

@media screen and (max-width:767px) {
	.recuit label {
		width: 28%;
	}

	.recuit input[type=text] {
		width: 72%;
	}

	.recuit select {
		width: 72%;
	}

}

@media screen and (max-width:374px) {
	.recuit label {
		width: 100%;
	}

	.recuit input[type=text] {
		width: 100%;
	}

	.recuit select {
		width: 100%;
	}

}

/*case*/
.ca_map {
	border: 1px solid #797979;
	color: #797979;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	margin-top: 20px;
	width: 80%;
}

.ca_map a {
	text-decoration: none;
	color: inherit;
}

@keyframes map {
	to {
		border-color: black;
		background-color: black;
		color: white;
	}

}

@keyframes font_color {
	to {
		color: white
	}

}

@keyframes share_bg {
	to {
		background-color: black;
	}

}

@keyframes ce_bg {
	to {
		background-color: #e43a3d;
	}

}

.ca_slogan_one {
	text-align: center;
	color: white;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.2;
}

.ca_slogan_two {
	text-align: center;
	color: white;
	margin-top: 30px;
}

.ca_top_box {
	position: relative;
}

.ca_slogan_box {
	position: absolute;
	width: 100%;
	top: 45%;
}

.ca_top_img {
	width: 100%;
	display: block
}

.ca_search {
	width: 100%;
	padding: 30px 3%;
}

.ca_board {
	float: left;
	font-size: 14px;
	color: #666666;
	min-width: 212px;
	text-align: left;
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

a:hover.ca_board,
a.ca_boardlei {
	color: white;
	background-color: #e23f41;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ca_seartit {
	font-size: 22px;
	margin-bottom: 14px;
	color: black;
}

.ca_seartit02 {
	font-size: 22px;
	margin-bottom: 14px;
	color: black;
	display: none
}

.ca_three {
	width: 90%;
	margin-left: 5%;
}

.ca_con_box {
	float: left;
	width: 33%;
	margin-bottom: 30px;
}

.ca_contit {
	font-size: 18px;
	padding-top: 15px;
	padding-left: 10px
}

.ca_concon {
	font-size: 14px;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 50%;
	padding-left: 10px
}

.ca_conimg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.ca_conlei {
	color: #f9ba41;
}

.ca_con {
	position: relative;
	overflow: hidden;
}

.ca_conxiang {
	z-index: 3;
	background-color: rgba(228, 58, 61, 0.9);
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ca_conxiang img {
	width: 10%;
	left: 45%;
	top: 45%;
	position: absolute
}

.ca_anli {
	border-top: 2px solid #f2f2f2;
	border-bottom: 2px solid #f2f2f2;
	overflow: hidden;
}

.ca_look01 {
	display: none
}

.ca_look02 {
	display: none
}

.ab_foot_end {
	background-color: #1b1b1d;
	position: relative;
	width: 100%;
}

@media (max-width:1009px) {
	.ca_board {
		min-width: 200px;
	}

}

/*案例开始*/
.mlr50 {
	margin: 0 60px;
	position: relative;
}

.anlt {
	padding-top: 40px;
	margin-bottom: 50px;
}

.anlt h2 {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	padding-bottom: 14px;
}

.anlt .jop {
	border: 2px solid #f2f2f2;
	border-left: 0;
	border-right: 0;
	padding: 15px 0;
}

.anlt .jop a {
	font-size: 14px;
	color: #666;
	width: 219px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-bottom: 15px;
}

.anlt .jop .nawo {
	width: 500px;
}

.anlt .jop a:hover {
	background: #E23F41;
	color: #fff;
}

.anlt .jop .on {
	background: #E23F41;
	color: #fff;
}

.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #E23F41;
	height: 100%;
	opacity: 0;
	width: 100%;
	padding: 20px;
}

.full-length {
	width: 100%;
	float: left;
	padding-bottom: 80px;
}

.port-1 {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.port-1 .text-desc {
	opacity: 0.9;
	top: -100%;
	color: #000;
	padding: 45px 20px 20px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

.port-1 img {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	width: 100%;
}

.port-1:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.port-1.effect-1:hover .text-desc {
	top: 0;
}

.port-1.effect-2 .text-desc {
	top: auto;
	bottom: -100%;
}

.port-1.effect-2:hover .text-desc {
	bottom: 0;
}

.port-1.effect-3 .text-desc {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
}

.port-1.effect-3:hover .text-desc {
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full-length ul li {
	width: 33.3%;
	float: left;
}

.full-length ul li .img-box {
	overflow: hidden;
}

.full-length ul li .kpo {
	width: 100%;
	height: 93px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.full-length ul li .kpo h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding-top: 15px;
}

.full-length ul li .kpo h2 a {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding-top: 15px;
}

.full-length ul li .kpo p {
	font-size: 14px;
	color: #333;
	margin-top: 5px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}

.full-length ul li .text-desc b {
	width: 100%;
	height: 100%;
	background: url(../images/he.png) no-repeat center center;
	display: block;
	margin: 0 auto;
}

.full-length ul li:hover h2 {
	color: #f9ba41;
}

.full-length ul li:hover p {
	color: #f9ba41;
}

input.more:hover {
	background: #951E23;
	color: #fff
}

@media screen and (max-width:767px) {
	.port-1 .text-desc {
		transition: none !important;
		-webkit-transition: none !important;
		-moz-transition: none !important;
	}

}

@media (max-width:1170px) {
	.ca_big_screen {
		display: none
	}

	.ab_foot_end {
		background-color: #1b1b1d;
		position: relative;
		width: 100%;
	}

}

@media (max-width:1024px) {

	/*.ca_top_box {margin-top:75px;}*/
}

@media (max-width:1020px) {
	.ca_slogan_two {
		display: none
	}

}

@media (max-width:767px) {
	.ca_friend {
		display: block
	}

	.ca_slogan_one {
		text-align: center;
		color: white;
		font-size: 6vw;
		font-weight: bold;
	}

	.ca_top_img {
		width: 800px;
		display: block;
		max-width: inherit;
	}

	.ca_top_box {
		position: relative;
		overflow: hidden
	}

	.ca_board {
		float: left;
		font-size: 14px;
		color: #666666;
		min-width: 40%;
		text-align: center;
		line-height: 36px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.ca_boardlei {
		color: white;
		background-color: #e23f41;
	}

	.ca_con_box {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}

	.full-length ul li {
		width: 33.3%;
	}

}

@media (max-width:560px) {
	.full-length ul li {
		height: auto;
		width: 100%;
	}

	.ca_con_box {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	.ca_board {
		float: left;
		font-size: 14px;
		color: #666666;
		width: 88%;
		text-align: center;
		line-height: 30px;
		margin-top: 5px;
		margin-bottom: 0;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 5px;
		margin-right: 5px;
	}

	.ca_boardlei {
		color: white;
		background-color: #e23f41;
	}

	.ca_anli {
		display: block;
		padding: 10px 0;
	}

	.ca_anli a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		font-size: 12px;
		overflow: hidden;
		height: 40px;
		line-height: 18px;
		float: left;
		margin: 0;
		padding: 0 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ca_anli a:last-child {
		display: none;
	}

	.ca_look01 {
		font-size: 14px;
		color: #666666;
		width: 90%;
		text-align: center;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 5px;
		margin-right: 5px;
		display: block;
		color: white;
		background-color: #e23f41;
		display: none
	}

	.ca_look02 {
		font-size: 14px;
		color: #666666;
		width: 90%;
		text-align: center;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 5px;
		margin-right: 5px;
		display: block;
		color: white;
		background-color: #e23f41;
		display: none
	}

	.ca_seartit02 {
		font-size: 22px;
		margin-bottom: 14px;
		color: black;
		display: block
	}

	.ca_seartit {
		display: none
	}

}

/*case show1*/
.w1320 {
	margin: 0 auto;
	padding: 0 15px;
}

@media (min-width:768px) {
	.w1320,
	.l_last .w_20 {
		width: 700px;
	}

}

@media (min-width:1024px) {
	.w1320,
	.l_last .w_20 {
		width: 991px;
	}

}

@media (min-width:1280px) {
	.w1320 {
		width: 1230px;
	}

	.l_last .w_20 {
		width: 1200px;
	}

}

@media (min-width:1366px) {
	.w1320 {
		width: 1350px;
	}

	.l_last .w_20 {
		width: auto;
	}

}

.pt104 {

	overflow: hidden;
}

.index1 {
	background: url(../images/index.png) no-repeat;
	background-size: 100% 100%;
	padding: 95px 0;
}

.index1 h2 {
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #404040;
	text-align: center;
}

.index1 h2 img {
	max-width: 310px;
}

.index1 .l_c {
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}

.index1 .l_c .tit {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
	margin-top: 10px;
	line-height: 1.2;
	position: relative;
	padding-bottom: 15px;
}

.l_pic {
	padding-right: 50px;
	width: 60%;
}

.index1 .l_c .l_text {
	margin-top: 15px;
	flex: 1;
	display: flex;
	justify-content: center;
	align---self: center;
	width: 40%;
	padding-bottom: 30px;
}

.index1 .l_c .l_text ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.index1 .l_c .l_text li {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	position: relative;
	padding-left: 18px;
	margin-top: 15px;
	width: 50%;
}

.index1 .l_c .l_text li::after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background-color: #666666;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}

.index1 .l_c .l_text li:nth-child(2n) {
}

.index1 .l_c .l_btn {
	margin-top: 45px;
	display: flex;
	flex-wrap: wrap;
}

.index1 .l_c .l_btn a {
	display: block;
	width: 164px;
	height: 38px;
	background-color: #ce0009;
	border-radius: 18px;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
	margin-right: 40px;
	transition: all 0.3s;
}

.index1 .l_c .l_btn a:hover {
	-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ce0009;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ce0009;
}

.index1 .l_c .l_btn a:nth-child(2) {
	background-color: #e16a12;
	margin-right: 0;
}

.index1 .l_c .l_btn a:nth-child(2):hover {
	-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e16a12;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e16a12;
}

@media screen and (max-width:1279px) {
	.index1 .l_c .tit {
		font-size: 34px;
		padding-bottom: 0;
	}

	.index1 .l_c .l_btn a {
		width: 150px;
		height: 38px;
		font-size: 16px;
		line-height: 38px;
		margin-right: 20px;
	}

}

@media screen and (max-width:1170px) {
	.pt104 {
		padding-top: 84px;
	}

	.index1 h2 {
		font-size: 28px;
	}

}

@media screen and (max-width:1024px) {
	.pt104 {
		padding-top: 75px;
	}

}

@media screen and (max-width:767px) {
	.pt104 {
		padding-top: 68px;
	}

}

/*two*/
.index2 .l_text {
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index2 .l_text .t_left {
	background: url(../images/alxian.jpg) no-repeat right;
	padding-right: 30px;
	width: 25%;
}

.index2 .l_text .t_left h5 {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #404040;
	margin-bottom: 5px;
}

.index2 .l_text .t_left span {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}

.index2 .l_text .t_right {
	width: 70%;
	float: right;
	padding-left: 30px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #666666;
}

.index2 .pic1 img {
	display: block;
	max-width: 100%;
	margin: 0 auto 30px;
}

.index2 .big_pic {
	margin: auto;
}

.index2 .big_pic .img {
	flex: 1;
}

.index2 .big_pic .img img {
	max-width: 100%;
}

.index2 .big_img {
	position: relative;
}

.index2 .big_img .before {
	width: 15.2%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.index2 .big_img .after {
	width: 15.2%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.l_logoup {
	width: 100%;
}

.l_logo_color {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #f7f7f7;
	padding: 100px 40px 110px 75px;
	margin-top: 30px;
}

.l_logo_color .l_color {
	float: right;
	width: 48%;
}

.l_logo_color .l_color li {
	width: 33.33%;
	float: left;
}

.l_logo_color .l_color li div {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #333333;
	margin: 0 auto;
}

.l_logo_color .l_color li:nth-child(2) div {
	background-color: #999999;
}

.l_logo_color .l_color li:nth-child(3) div {
	background-color: #aa1f24;
}

.l_logo_color .l_color li span {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.l_logo_color .l_logo {
	width: 52%;
	float: left;
}

.l_logo_color .l_logo .text {
	padding-left: 28px;
	border-left: 1px #b2b2b2 solid;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8c8c8c;
	margin-top: 50px;
}

.l_logo_color .l_logo .text p {
	margin-top: 5px;
	font-size: 16px;
}

.l_logo_color .l_logo .text p:first-child {
	margin-top: 0;
}

.l_logodown {
	width: 100%;
}

.l_logodown h4 {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #404040;
	padding-left: 28px;
	margin-top: 50px;
}

.l_logodown h3 {
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #404040;
	padding-left: 28px;
	margin-top: 5px;
}

.l_logodown .text {
	padding-left: 28px;
	border-left: 1px #b2b2b2 solid;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8c8c8c;
	margin-top: 50px;
}

.l_logodown .text p {
	font-size: 16px;
	margin-top: 5px;
}

.l_last {
	background: url(../images/bg.png) no-repeat;
	background-size: cover;
	background-position: 0 -130px;
}

.l_last .l_1 {
	margin-top: 70px;
}

.l_last img {
	max-width: 100%;
}

.l_last .w_20 {
	display: flex;
	margin: 0 auto;
	flex-direction: row-reverse;
	margin-top: 130px;
	margin-bottom: 80px;
}

.l_last .w_20 .l_1 {
	position: relative;
}

.l_last .w_20 .l_1 .text {
	position: absolute;
	left: 0;
	top: 335px;
	max-width: 495px;
}

.l_last .w_20 .l_1 .text .tit {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.l_last .w_20 .l_1 .text .t {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 20px;
	line-height: 24px;
}

.l_last .w_20 .l_1 .text .t p {
	margin-top: 25px;
	color: #fff;
	font-size: 16px;
}

.l_last .w_20 .l_1 .text .t p:first-child {
	margin-top: 0;
}

.l_last .w_20 img {
	max-width: 100%;
}

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

.l_last .l_btn a {
	display: block;
	width: 31.5%;
	text-align: center;
	font-weight: normal;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 0px;
	background-color: #f2f2f2;
	transition: all 0.5s;
}

.l_last .l_btn a span {
	font-size: 16px;
	color: #8c8c8c;
}

.l_last .l_btn a:hover {
	background-color: #d90000;
}

.l_last .l_btn a:hover span {
	color: #fff;
}

.l_last .l_btn a:nth-child(1) span {
	display: inline-block;
	padding-left: 46px;
	background: url(../images/left.png) no-repeat left center;
}

.l_last .l_btn a:nth-child(2) span {
	display: inline-block;
	padding-left: 30px;
	background: url(../images/center.png) no-repeat left center;
}

.l_last .l_btn a:nth-child(3) span {
	display: inline-block;
	padding-right: 46px;
	background: url(../images/right.png) no-repeat right center;
}

.l_last .l_btn a:nth-child(1):hover span {
	padding-left: 46px;
	background: url(../images/left_active.png) no-repeat left center;
}

.l_last .l_btn a:nth-child(2):hover span {
	padding-left: 30px;
	background: url(../images/center_active.png) no-repeat left center;
}

.l_last .l_btn a:nth-child(3):hover span {
	padding-right: 46px;
	background: url(../images/right_active.png) no-repeat right center;
}

.l_last .last {
	padding: 50px 0 70px 0;
	text-align: center;
}

.l_last .last h1 {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #d90000;
}

.l_last .last h2 {
	font-family: '宋体';
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 20px;
}

@media(max-width:1023px) {
	.index2 .l_text .t_right {
		padding-left: 0px;
	}

}

/*three*/
.index3 {
	height: 96px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #d90000;
	display: flex;
	justify-content: space-between;
	z-index: 1;
}

.index3 .l {
	width: 10%;
}

.index3 .r {
	width: 16%;
}

.index3 .c {
	flex: 1;
	display: flex;
	align-self: center;
}

.index3 .c .tit {
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.index3 .c form {
	padding-left: 30px;
	margin-left: 30px;
	border-left: 1px #fb6565 solid;
	flex: 1;
	display: flex;
}

.index3 .c form input {
	width: 170px;
	line-height: 35px;
	height: 35px;
	outline: 0;
	border: none;
	cursor: pointer;
	background-color: #ffffff;
	box-shadow: inset 2px 2px 7px 0px 
	rgba(0, 0, 0, 0.35);
	padding: 0 20px;
	margin-left: 15px;
}

.index3 .c form .casebutn {
	width: 160px;
	height: 35px;
	font-size: 16px;
	background-color: #c60000;
	box-shadow: 4px 4px 0px 0px 
	rgba(0, 0, 0, 0.3);
	border: solid 1px #ffffff;
	color: #fff;
	cursor: pointer;
	outline: 0;
	transition: all 0.5s;
	margin-left: 15px;
}

.x_yz {
	max-width: 24%;
	margin-right: 10px;
	float: left;
	padding-left: 10px;
}

.x_yz #code {
	background-color: #ffffff;
	box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	padding: 5px;
	height: 35px;
	line-height: 35px;
	margin-top: 0;
	width: 40%;
}

.x_yz #code_img {
	height: 35px;
	width: 55%;
}

.index3 .c form input:first-child {
	margin-left: 0;
}

.index3 .c form .casebutn:hover {
	box-shadow: none;
	background-color: #b50303;
}

@media (max-width:1900px) {
	.index3 .c form input {
		width:
	}

	.index3 .r {
		width: 15%;
	}

	.index3 .c form input {
		width: 26%;
	}

}

@media (min-width:1320px) and (max-width:1600px) {
	.l_last .w_20 {
		padding: 0 15px;
	}

	.l_last .w_20 .l_1 .text {
		top: 280px;
	}

	.index3 .r {
		width: 10%;
	}

}

@media (min-width:1200px) and (max-width:1320px) {
	.l_last .w_20 {
		padding: 0 15px;
	}

	.index1,
	.index2,
	.index3 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.l_last .w_20 .l_1 .text {
		top: 260px;
	}

	.index3 .c .tit {
		font-size: 20px;
		display: flex;
		align-self: center;
	}

	.index3 .r,
	.index3 .l {
		width: 15px;
	}

}

@media (min-width:1024px) and (max-width:1279px) {
	.l_last .w_20 {
		padding: 0 15px;
	}

	.index1,
	.index2,
	.index3 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.index1 {
		padding: 4vw 15px;
	}

	.index1 .l_c .l_pic {
		width: 60%;
	}

	.index1 .l_c .l_pic img {
		max-width: 100%;
	}

	.index1 .l_c .l_text {
		padding-left: 50px;
	}

	.index1 .l_c .l_text ul {
		margin-top: 20px;
	}

	.l_last .w_20 {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 70px;
	}

	.l_last .w_20 .l_1 .text {
		top: 200px;
	}

	.l_last .w_20 .l_1 .text .t p {
		margin-top: 15px;
	}

	.index2 .l_text .t_left {
		width: 30%;
	}

	.index3 .c .tit {
		font-size: 20px;
		display: flex;
		align-self: center;
	}

	.index3 .r,
	.index3 .l {
		width: 15px;
	}

	.l_logo_color .l_color {
		padding-left: 30px;
	}

	.l_logo_color {
		padding: 30px 30px;
	}

	.l_logo_color .l_color li div {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background-color: #333333;
		margin: 0 auto;
	}

	.l_logo_color .l_logo h4 {
		font-size: 20px;
	}

	.l_logo_color .l_logo h3 {
		font-size: 24px;
	}

}

@media (max-width:1023px) {
	.index1 {
		padding: 30px 0;
	}

	.index1 .l_c .l_pic {
		width: 65%;
		padding-right: 0;
	}

	.index1 .l_c {
		margin-top: 50px;
	}

	.index1 .l_c .l_text {
		width: 35%;
		padding-left: 30px;
	}

	.index1 .l_c .tit {
		font-size: 28px;
		padding-bottom: 10px;
	}

	.index1 .l_c .l_text ul {
		margin-top: 10px;
	}

	.index1 .l_c .l_text li {
	}

	.index1 .l_c .l_btn {
		justify-content: center;
		margin-top: 15px;
	}

	.index1 .l_c .l_btn a {
		margin-right: 0;
		margin: 0 5px;
		width: 94px;
		line-height: 30px;
		height: 30px;
	}

	.index2 .l_text {
		padding: 4vw 0;
	}

	.index2 .pic1 img {
		margin-bottom: 4vw;
	}

	.l_logo_color {
		padding: 4vw 15px;
	}

	.l_logo_color .l_logo {
		width: 100%;
	}

	.l_logo_color .l_logo .text {
		margin-top: 4vw;
	}

	.l_logo_color .l_logo h4 {
		margin-top: 4vw;
	}

	.l_logo_color .l_color {
		margin-top: 4vw;
		width: 100%;
	}

	.l_last .w_20 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.l_last .w_20 .l_1 {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 0;
		padding: 0 15px;
	}

	.l_last .w_20 .l_1 .text .tit {
		font-size: 26px;
	}

	.l_last .w_20 .l_1 .text {
		position: unset;
		left: 0;
		top: 50%;
		max-width: none;
		text-align: center;
		width: 100%;
		margin-bottom: 4vw;
	}

	.l_last .w_20 .l_1 .text .t {
		margin-top: 2vw;
	}

	.l_last .w_20 .l_1 .text .t p {
		margin-top: 2vw;
	}

	.index3 .l,
	.index3 .r {
		width: 15px;
	}

	.index3 .c {
		flex-wrap: wrap;
	}

	.index3 .c .tit {
		width: 100%;
		text-align: center;
	}

	.index3 .c form {
		padding: 0;
		margin-left: 0;
		margin-top: 2vw;
	}

	.index3 {
		height: 130px;
		padding: 15px 0;
	}

}

@media(max-width:767px) {
	.index1 h2 {
		font-size: 22px;
	}

	.index1 .l_c .l_pic {
		width: 100%;
	}

	.index1 .l_c .l_text {
		width: 100%;
		padding-left: 0;
		padding-top: 30px;
	}

	.index1 .l_c .tit {
		font-size: 20px;
	}

	.index1 .l_c .l_text li {
		width: 50%;
		float: left;
	}

	.index2 .l_text .t_left {
		width: 100%;
		background: none;
		padding-right: 0;
	}

	.index2 .l_text .t_right {
		width: 100%;
		margin-top: 3vw;
	}

	.l_logo_color {
		margin-top: 4vw;
	}

	.l_logo_color .l_logo .text {
		font-size: 14px;
		padding-left: 3vw;
	}

	.l_logodown .text {
		padding-left: 15px;
		margin-top: 30px;
	}

	.l_logodown h4,
	.l_logodown h3 {
		padding-left: 15px;
	}

	.l_logo_color .l_logo .text p,
	.l_logodown .text p {
		font-size: 14px;
		line-height: 25px;
	}

	.l_logodown h4 {
		font-size: 16px;
	}

	.l_logodown h3 {
		font-size: 18px;
		line-height: 28px;
	}

	.l_logo_color .l_logo h4 {
		font-size: 4vw;
	}

	.l_logo_color .l_logo h3 {
		font-size: 4.5vw;
	}

	.l_logo_color .l_color li {
		width: 33.33%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-top: 4vw;
	}

	.l_logo_color .l_color li div {
		width: 76px;
		height: 76px;
	}

	.l_last .l_1 {
		margin-top: 4vw;
	}

	.l_last .w_20 {
		padding: 4vw 0;
	}

	.l_last .w_20 .l_1 .text .tit {
		font-size: 5vw;
	}

	.l_last {
		background: none;
	}

	.l_last .w_20 .l_1 .text .t {
		font-size: 14px;
		line-height: normal;
	}

	.l_last .last {
		padding: 4vw 15px;
	}

	.l_last .last h1 {
		font-size: 20px;
	}

	.l_last .last h2 {
		font-size: 18px;
		margin-top: 3vw;
	}

	.l_last .w_20 .l_1 .text .t p {
		font-size: 14px;
	}

	.index3 {
		position: inherit;
	}

	.index3 .c .tit {
		font-size: 5vw;
	}

	.index1 {
		background-size: cover !important;
	}

	.index3 .c {
		flex-wrap: wrap;
	}

	.index3 .c .tit {
		font-size: 20px;
		width: 100%;
		text-align: center;
	}

	.index3 .c form {
		display: block;
		margin-left: 0;
		margin-top: 4vw;
		padding-left: 0;
		margin-top: 0;
		border: none;
	}

	.index3 {
		height: auto;
		padding: 4vw 0;
	}

	.index3 .c form input {
		width: 100%;
		margin-left: 0;
		margin-top: 4vw;
	}

	.x_yz {
		max-width: 100%;
		margin-right: 0;
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.x_yz #code {
		background-color: #ffffff;
		box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
		padding: 5px;
		height: 35px;
		line-height: 35px;
		margin-top: 0;
		width: 40%;
	}

	.x_yz #code_img {
		height: 35px;
		width: 55%;
	}

	.index3 .c form input:last-child {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.l_last .l_btn a:nth-child(1) span {
		display: none;
	}

	.l_last .l_btn a:nth-child(2) span {
		display: none;
	}

	.l_last .l_btn a:nth-child(3) span {
		display: none;
	}

	.l_last .l_btn a {
		height: 36px;
	}

	.l_last .l_btn a:nth-child(1) {
		background: #f2f2f2 url(../images/left.png) no-repeat center center;
	}

	.l_last .l_btn a:nth-child(2) {
		background: #f2f2f2 url(../images/center.png) no-repeat center center;
	}

	.l_last .l_btn a:nth-child(3) {
		background: #f2f2f2 url(../images/right.png) no-repeat center center;
	}

	.index1 .l_c .l_btn a {
		margin: 0 15px;
	}

}

.antitle {
	font-size: 18px;
	color: #595959;
}

@media screen and (max-width:1279px) {
	.antitle {
		font-size: 16px;
	}

}

@media screen and (max-width:1023px) {
	.antitle {
		font-size: 14px;
	}

}

/*case show2*/
.maltak {
	width: 90%;
	margin: 0 auto;
}

.pt150 {
	padding-top: 150px;
}

.maltak {
	padding-right: 60px;
	padding-left: 60px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:768px) {
	.maltak {
		width: 700px;
	}

}

@media (min-width:992px) {
	.maltak {
		width: 900px;
	}

}

@media (min-width:1200px) {
	.maltak {
		width: 1170px;
	}

}

@media (min-width:1366px) {
	.maltak {
		width: 1280px;
	}

}

@media (min-width:1440px) {
	.maltak {
		width: 90%;
	}

}

/*案例详情*/
.case_con_body {
	background: #f4f4f4;
}

.pageWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	z-index: 101;
}

.maltak * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCS_img_loaded {
	margin: 0 auto;
	max-width: 100%;
}

.case_contn {
	padding: 50px 0;
}

.case_fixed_wrap {
	z-index: 99;
	background: #fff;
}

.case_img {
	text-align: center;
	position: relative;
	z-index: 10;
}

.case_img .before {
	position: absolute;
	left: 0;
	top: 0px;
	height: 100%;
	width: 15%;
	background: #0F0F0F;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.case_img .after {
	position: absolute;
	right: 0;
	top: 0px;
	height: 100%;
	width: 15%;
	background: #0F0F0F;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.xgalist {
	padding-top: 50px;
	padding-bottom: 50px;
}

.xglabel {
	padding-bottom: 42px;
}

.xglabel a {
	display: inline-block;
	background: #F0F0F0;
	margin-right: 4px;
	line-height: 27px;
	padding: 0 20px;
	border-radius: 5px;
}

.xgalist h3 {
	color: #ffffff;
	font-weight: 500;
	font-size: 24px;
	font-family: 思源黑体 CN Regular;
	padding: 0 0 55px 0;
}

.xgalist ul {
	margin-left: -12px;
	margin-right: -12px;
}

.xgalist ul li {
	width: 33.33%;
	float: left;
	padding: 0 12px;
}

.xgalist ul li p {
	color: #ffffff;
	font-size: 18px;
	font-family: 思源黑体 CN Regular;
	text-align: center;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xgimg {
	margin-bottom: 27px;
	overflow: hidden;
}

.xgimg img {
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.xgimg:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.case_sub {
	text-align: center;
	padding-top: 70px;
}

.case_sub h4 {
	display: inline-block;
	font-size: 36px;
	color: #fff;
	padding-bottom: 7px;
	background: url(../images/casexian.jpg) no-repeat bottom left;
}

.case_back {
}

.case_back .caseleft,
.case_back .caseright {
	height: 100px;
	background-color: #FFFFFF;
	float: left;
	width: 40%;
	line-height: 100px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case_back .caseleft span,
.case_back .caseright span {
	font-size: 20px;
	color: #333333;
}

.case_back .caseleft span {
	background-image: url(../images/jleft.png);
	background-repeat: no-repeat;
	background-position: 75px;
	padding-left: 173px;
}

.case_back .caseright {
	text-align: right;
	padding-right: 73px;
	padding-left: 10px;
}

.case_back .caseright span {
	background-image: url(../images/jright.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 123px;
}

.caseban {
	width: 20%;
	display: inline-block;
	float: left;
	padding-top: 24px;
	text-align: center;
}

.caseban span {
	background: url(../images/backtwo.png) no-repeat center center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #4D4D4D;
	display: inline-block;
}

.caseban span:hover {
	background-color: #951E23;
}

.caseleft:hover,
.caseright:hover {
	background: #951E23;
	color: #fff;
}

.caseleft:hover span,
.caseright:hover span {
	color: #fff;
}

.case_back .caseleft:hover span {
	background-image: url(../images/llefth.png);
	background-repeat: no-repeat;
	background-position: 75px;
	padding-left: 173px;
}

.case_back .caseright:hover span {
	background-image: url(../images/rrighth.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 123px;
}

.pt110 {
	padding-top: 110px;
}

.alone01 {
	background: #171717;
}

.alone01 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.alxm_left {
	float: left;
	width: 55%;
	padding: 80px 105px 40px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.alxm_right {
	float: left;
	width: 45%;
	padding: 125px 0 0 115px;
}

.alxmsub strong {
	font-size: 42px;
	font-weight: 500;
	color: #fff;
	display: block;
	padding-bottom: 30px;
	line-height: 1.2;
}

.alxm_left p {
	max-width: 630px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.alxmdetail {
	padding-top: 30px;
}

.alxmdetail a {
	display: inline-block;
	float: left;
	border: 1px solid #333333;
	width: 125px;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	padding-left: 18px;
}

.alxmdetail a:first-child {
	margin-right: 32px;
}

.alxmdetail a span {
	padding-left: 30px;
	font-size: 16px;
	color: #fff;
}

.alan01 {
	background: url(../images/malico01.png) no-repeat left;
}

.alan02 {
	background: url(../images/malico02.png) no-repeat left;
}

.alxmdetail a:hover {
	border: 1px solid #951E23;
	background: #951E23;
}

.alxmysub {
}

.alxmysub strong {
	font-size: 36px;
	color: #fff;
	display: block;
	background: url(../images/casexian.jpg) no-repeat bottom left;
	padding-bottom: 6px;
	margin-bottom: 25px;
	font-weight: 500;
	line-height: 1.4;
}

.alxmynei {
}

.alxmynei p strong {
	font-size: 16px;
	padding-right: 20px;
}

.alxmynei p {
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 10px;
	width: 50%;
	float: left;
}

@media (max-width:1440px) {
	.alxmsub strong {
		font-size: 32px;
	}

}

@media (max-width:1199px) {
	.alxm_left {
		width: 55%;
		padding: 80px 50px 40px 50px;
	}

	.alxm_right {
		padding: 125px 0 0 50px;
	}

	.ab_logoone {
		width: 80%;
		height: auto;
	}

}

@media (max-width:991px) {
	.alxm_left {
		padding: 40px 50px 40px 50px;
	}

	.alxm_right {
		padding: 90px 0 0 50px;
	}

	.alxmynei p {
		width: 100%;
	}

	.alxmsub strong {
		font-size: 40px;
		padding-bottom: 30px;
	}

	.alxmysub strong {
		font-size: 30px;
	}

	.alxmynei p {
		margin-bottom: 5px;
	}

}

@media (max-width:991px) {
	.case_back .caseleft span,
	.case_back .caseright span {
		font-size: 18px;
	}

	.case_back .caseright {
		padding-right: 35px;
	}

	.case_back .caseleft span {
		background-position: 35px;
		padding-left: 100px;
	}

	.case_back .caseleft:hover span {
		background-position: 35px;
		padding-left: 100px;
	}

	.case_back .caseright span {
		padding-right: 60px;
	}

	.case_back .caseright:hover span {
		padding-right: 60px;
	}

	.case_sub {
		padding-top: 50px;
	}

	.case_sub h4 {
		font-size: 30px;
	}

	.case_cont {
		padding: 30px 0;
	}

}

@media (max-width:991px) {
	.maltak {
		padding-left: 30px;
		padding-right: 30px;
	}

}

@media (max-width:767px) {
	.ce_box {
		display: none;
	}

	.maltak {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.alxm_left {
		width: 100%;
		padding: 30px 20px 40px 20px;
	}

	.alxm_right {
		width: 100%;
		padding: 0px 20px 40px 20px;
	}

	.case_back .caseleft,
	.case_back .caseright {
		height: 60px;
		line-height: 60px;
	}

	.caseban {
		padding-top: 0px;
	}

	.case_back .caseleft span {
		background-size: 5%;
		padding-left: 45px;
		background-position: 15px;
	}

	.case_back .caseright span {
		background-size: 15%;
		padding-right: 30px;
	}

	.case_back .caseright {
		padding-right: 15px;
	}

	.case_back .caseleft span,
	.case_back .caseright span {
		font-size: 16px;
	}

	.xgalist {
		padding: 30px 0;
	}

	.xgalist ul li {
		width: 100%;
		padding-bottom: 15px;
	}

	.alxmynei p {
		font-size: 16px;
		margin-bottom: 0;
	}

	.case_sub {
		padding-top: 30px;
	}

	.alxmsub strong {
		font-size: 30px;
		padding-bottom: 20px;
	}

	.alxmysub strong {
		font-size: 26px;
	}

	.case_sub h4 {
		font-size: 26px;
	}

}

/*new*/
.inf_header_boxlei {
	background-color: white;
	box-shadow: 0px 1px 5px black;
	transition: background-color 0.5s;
	-webkite-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
}

.ab_foot_end {
	background-color: #1b1b1d;
	position: relative;
	width: 100%;
}

.weitext {
	color: white;
	font-size: 12px;
	margin-top: 10px;
}

@keyframes map {
	to {
		border-color: black;
		background-color: black;
		color: white;
	}

}

@keyframes font_color {
	to {
		color: white
	}

}

@keyframes share_bg {
	to {
		background-color: black;
	}

}

@keyframes ce_bg {
	to {
		background-color: #e43a3d;
	}

}

.inf_con {
	position: relative;
	overflow: hidden;
}

@keyframes lian_change {
	to {
		background-color: white;
		color: black;
	}

}

.inf_one {
	position: relative;
	overflow: hidden;
	font-weight: bold
}

.inf_sotwo {
	font-size: 16px;
	color: #a5a6ac;
	padding-top: 28px;
}

.inf_sobox {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 40%;
	left: 0;
	font-size: 40px;
	color: #fff;
}

.inf_conbox {
	float: left;
	width: 50%;
	border: 1px solid #ededed;
	border-right: none;
	border-top: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.inf_date {
	font-size: 16px;
font-family: Lato;
font-weight: 400;
line-height: 20px;
color: #CCCCCC;
	margin-top: 50px;
	color: black;
}

.inf_tit {
	font-size: 22px;
	color: #333;
	line-height: 34px;
	height: 68px;
	margin-top: 30px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.inf_xiang {
	line-height: 26px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 30px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.inf_add {
	font-size: 20px;
	color: #CCCCCC;
	margin-bottom: 30px;
}

.inf_txt {
	text-align: center;
	width: 100%;
	padding: 0 40px;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
}

.inf_conbox:hover {
	background: url(../images/inf_conbg_1.jpg) repeat;
}

.inf_twoin {
	float: left;
	width: 50%;
}

.inf_onebg {
	width: 100%;
}

.inf_conbox:hover .inf_date,
.inf_conbox:hover .inf_tit,
.inf_conbox:hover .inf_xiang,
.inf_conbox:hover .inf_add {
	color: #fff;
}
.inf_conbox:hover .inf_date,
.inf_conbox:hover .inf_xiang {
	opacity: 0.5
}
@media (max-width:1170px) {
	.ab_foot_end {
		background-color: #1b1b1d;
		position: relative;
		width: 100%;
	}

}

@media (max-width:1020px) {
	.inf_twoin {
		float: left;
		width: 100%;
	}

	.inf_soone {
		font-size: 5vw;
		color: white;
		font-weight: bold
	}

}

@media (max-width:620px) {
	.inf_friend {
		display: block
	}
.mlr50 {
	margin: 0 30px;
}
	.inf_sotwo {
		font-size: 16px;
		color: #a5a6ac;
		padding-top: 28px;
		display: none
	}

	.inf_sobox {
		text-align: center;
		position: absolute;
		width: 100%;
		top: 45%;
		left: 0;
	}

	.inf_conbox {
		float: left;
		width: 48%;
		background-color: #EEEEEE;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 8px;
	}

	.inf_one {
		height: 200px;
	}

	.inf_onebg {
		height: 100%;
	}

	.inf_soone {
		font-size: 8vw;
		color: white;
		font-weight: bold
	}

	.inf_date {
		margin-top: 20px;
	}

	.inf_tit {
		font-size: 16px;
		margin-top: 15px;
		color: black;
		height: 44px;
		line-height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.inf_xiang {
		line-height: 25px;
		height: 50px;
		margin-top: 15px;
		margin-bottom: 5px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.inf_txt {
		height: 235px;
		padding: 15px; 
	}

	.inf_add {
		margin-bottom: 10px;
	}

}

/*page*/
.paged {
	padding: 30px 0 50px 0;
	text-align: center;
	overflow: hidden;
}

.paged .pagination {
	display: block;
}

.paged .pagination li {
	display: inline-block;
}

.paged:after {
	clear: both;
	content: '';
	width: 0px;
	display: block;
	height: 0px;
	visibility: hidden;
}

.paged a {
	border: 1px solid #EDEDED;
	background: #EDEDED;
	display: inline-block;
	line-height: 40px;
	color: #333;
	margin: 0 2px;
	padding: 0 14px;
	height: 40px;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
}

.paged a:hover,
.paged .active span {
	border: 1px solid #D70C19;
	text-decoration: none;
	color: #fff;
	padding: 0 14px;
	height: 40px;
	line-height: 40px;
	background-color: #D70C19;
	font-size: 14px;
}

.paged span {
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #EDEDED;
	background-color: #EDEDED;
	color: #333;
	line-height: 40px;
	padding: 0 14px;
	height: 40px;
	font-size: 14px;
	margin: 0 2px;
}

.paged a:first-child,
.paged a:last-child {
	border: none;
}

/*new show*/
.contents {
	background-color: #fff;
	z-index: 10;
	padding-top: 40px;
}

.par_two {
	max-width: 1200px;
}

.article p {
	margin-bottom: 23px;
}

.article a,
.article span,
.article strong,
.article span strong {
	font-size: 15px;
	line-height: 25px;
}

.article img {
	max-width: 100% !important;
	height: auto !important;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

/*文章详情*/
.sec_nav {
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
}

.article {
	margin-bottom: 60px;
}

.article p {
	font-size: 15px;
	color: #666;
	line-height: 1.4;
}

.article img {
	display: block;
	margin: 20px auto;
	max-width: 100% !important;
	height: auto !important;
}

.bdsharebuttonbox span {
	float: left;
	line-height: 32px;
	color: #a2a2a2;
	font-size: 13px;
	line-height: 40px;
}

.bdsharebuttonbox a {
	display: inline-block;
	width: 36px;
	height: 36px;
}

#fenxiang1 {
	background: url(https://www.w-e.cc/images/fx3.png) no-repeat;
	background-size: 100%;
}

#fenxiang2 {
	background: url(https://www.w-e.cc/images/fx1.jpg) no-repeat;
	background-size: 100%;
}

#fenxiang3 {
	background: url(https://www.w-e.cc/images/fx2.jpg) no-repeat;
	background-size: 100%;
}

.article_title {
	font-size: 30px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
	margin: 10px 0;
}

.article_time {
	font-size: 13px;
	color: #a2a2a2;
	line-height: 40px;
	margin-right: 40px;
}

.bottom_link {
	text-align: center;
	margin-bottom: 60px;
}

.bottom_link a {
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border-radius: 2px;
	background-color: #9c9c9c;
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin: 0 5px;
	transition: all 0.5s;
}

.bottom_link a:hover {
	background-color: #E23F41;
}

.recommend {
	background-color: #f6f6f6;
	padding: 20px 20px 5px;
	margin-bottom: 50px;
}

.recommend h2 {
	font-size: 20px;
	color: #333;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 15px;
}

.recommend ul li a {
	display: block;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.recommend ul li a h3 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.recommend ul li a span {
	font-size: 13px;
	color: #a2a2a2;
	line-height: 30px;
}

.recommend ul li a p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.recommend ul li:last-child a {
	border-bottom: none;
}

.recommend ul li a:hover h3 {
	color: #E23F41;
}

.mvideo {
	text-align: right;
	padding-bottom: 10px;
}

.mvideo span {
	font-size: 16px;
}

.mvideo img {
	cursor: pointer;
	max-width: 40px;
}

@media (max-width:767px) {
	.article_title {
		font-size: 20px;
		line-height: 30px;
		margin-top: 0px;
	}

	.bottom_link a {
		width: 40%;
		margin: 0 5px;
		height: 40px;
		line-height: 40px;
	}

	.article,
	.bottom_link {
		margin-bottom: 30px;
	}

	.recommend {
		margin-bottom: 30px;
	}

	.article p {
		margin-bottom: 15px;
	}

}

.par_weitext {
	color: white;
	font-size: 12px;
	margin-top: 10px;
}

.beian {
	float: left;
	text-decoration: none;
	color: #a8a8a8;
	font-size: 12px;
	margin-right: 20px;
}

@keyframes map {
	to {
		border-color: black;
		background-color: black;
		color: white;
	}

}

@keyframes font_color {
	to {
		color: white
	}

}

@keyframes share_bg {
	to {
		background-color: black;
	}

}

@keyframes ce_bg {
	to {
		background-color: #e43a3d;
	}

}

.par_con {
	position: relative;
	overflow: hidden;
}

@keyframes lian_change {
	to {
		background-color: white;
		color: black;
	}

}

.par_one {
	overflow: hidden;
	height: 398px;
	background-color: #f8a811;
	text-align: center;
	padding-bottom: 30px;
}

.par_soone {
	font-size: 40px;
	color: white;
	margin-top: 10%;
}

.par_soone2 {
	font-size: 46px;
	line-height: 1.5;
	color: white;
	font-weight: bold;
	margin-top: 2%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.par_two {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	padding-bottom: 0px;
}

.par_two a:hover {
	color: black;
}

.par_p {
	margin-bottom: 50px;
}

.par_artimg {
	width: 90%;
	margin-bottom: 30px;
	margin-left: 5%;
}

.ab_foot_end {
	background-color: #1b1b1d;
	position: relative;
	width: 100%;
}

.det_onebtn01 {
	float: left;
	border-radius: 50%;
	margin-right: 20px;
	width: 46px;
	line-height: 46px;
	text-align: center
}

.det_one {
	border-bottom: 1px solid #dddddd;
	padding-top: 150px;
	padding-bottom: 50px;
}

@media (max-width:1170px) {
	.ab_foot_end {
		background-color: #1b1b1d;
		position: relative;
		width: 100%;
	}

	.par_soone2 {
		font-size: 40px;
		color: white;
		font-weight: bold;
		margin-top: 4%
	}

	.par_soone {
		margin-top: 14%;
	}

}

@media (max-width:1024px) {
	.par_one {
		padding-top: 75px;
	}

	.par_soone2 {
		font-size: 30px;
		color: white;
		font-weight: bold;
		margin-top: 2%
	}

	.par_soone {
		font-size: 30px;
		color: white;
		margin-top: 12%
	}

}

@media (max-width:991px) {
	.par_one {
		height: 400px;
	}

}

@media (max-width:720px) {
	.par_soone2 {
		font-size: 20px;
		color: white;
		font-weight: bold;
		margin-top: 2%
	}

	.par_soone {
		font-size: 20px;
		color: white;
		margin-top: 12%
	}

	.par_one {
		height: 300px;
	}

}

@media (max-width:620px) {
	.par_friend {
		display: block
	}

	.par_soone2 {
		font-size: 20px;
		color: white;
		font-weight: bold;
		margin-top: 4%;
		width: 80%;
		margin-left: 10%;
	}

	.par_soone {
		font-size: 20px;
		color: white;
		margin-top: 20%
	}

}

/*service*/
.mfooter {
	position: fixed;
	width: 225px;
	right: 30px;
	bottom: 10px;
	text-align: right;
	z-index: 999;
	color: rgba(255, 255, 255, 0.6);
}

.mshare {
	padding-bottom: 10px;
}

.mshare a {
	display: inline-block;
	margin-left: 15px;
}

.ser_banner {
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.ser_banner .slick-list,
.ser_banner .slick-slide,
.ser_banner .slick-slider,
.ser_banner .slick-track {
	height: 100%;
}

.fwbg {
	overflow: hidden;
	height: 100%;
	width: 20%;
	position: relative;
	float: left;
	transition: transform 0.5s ease-in 0.2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fwbg:after {
	content: "";
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0.25) 4%, #FFFFFF 100%);
	opacity: 0.2;
}
.fwbg:before {
	content: "";
	position:absolute;
	left: 45px;
	top: 70%;
	width:26px;
	height: 26px;
	background-image: url(../images/more.svg);
	background-size: cover;
	background-repeat: no-repeat;
}
.mfooter {
	position: fixed;
	width: 225px;
	right: 30px;
	bottom: 10px;
	text-align: right;
	z-index: 999;
	color: rgba(255, 255, 255, 0.6);
}

.mshare {
	padding-bottom: 10px;
}

.mshare a {
	display: inline-block;
	margin-left: 15px;
}

.ser_banner .item {
	height: 100%;
	transition: height 0.5s ease-in 0.5s, width 0.5s ease-in;
}

.ser_banner .item .fwbg:nth-child(1) {
	transition: transform 0.5s ease-in 0.3s;
}

.ser_banner .item .fwbg:nth-child(2) {
	transition: transform 0.5s ease-in 0.4s;
}

.ser_banner .item .fwbg:nth-child(3) {
	transition: transform 0.5s ease-in 0.7s;
}

.ser_banner .item .fwbg:nth-child(4) {
	transition: transform 0.5s ease-in 0.8s;
}

.ser_banner .item .fwbg:nth-child(5) {
	transition: transform 0.5s ease-in 0.9s;
}

.init .item .fwbg {
	transform: translateY(100%);
}

.fwbg:first-child {
	border: none;
}

.fwbg img {
	width: 100%;
	height: 100%;
}

.i_g {
	animation: gt 5s infinite linear;
}

@keyframes gt {
	0% {
		margin-top: 5px;
	}

	25% {
		margin-top: 20px;
	}

	50% {
		margin-top: 25px;
	}

	75% {
		margin-top: 20px;
	}

	100% {
		margin-top: 5px;
	}

}

.fwsub {
	position: absolute;
	left: 45px;
	top: 36%;
	transform: translateY(-36%);
}

.fwsub h3 {
	line-height: 30px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background: url(../images/cx.svg) no-repeat bottom left;
	padding-bottom: 16px;
	margin-bottom: 10px;
}

.fwsub em {
	font-style: normal;
	display: block;
	font-size: 20px;
	opacity: 0.5;
	line-height: 1.2;
	color: #fff;
	font-family: Lato;
}

.fwsubtwo {
	width: 80%;
	position: absolute;
	height: 78px;
	left: 45px;
	top: 36%;
	transform: translateY(-36%);
	background: url(../images/fw02.png) no-repeat 0 49px;
	padding-bottom: 16px;
	margin-bottom: 10px;
}

.fwsubtwo h2 {
	line-height: 30px;
	font-weight: 500;
	display: inline-block;
	float: left;
	font-size: 24px;
	color: #fff;
}

.fwsubtwo em {
	font-style: normal;
	padding-left: 5px;
	height: 30px;
	line-height: 34px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}

.ser_banner .slick-list,
.ser_banner .slick-slide,
.ser_banner .slick-slider,
.ser_banner .slick-track {
	height: 100%;
}

.ser_banner a {
	position: relative;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover
}

.ser_banner .slick-next,
.ser_banner .slick-prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	overflow: hidden;
	width: 45px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	line-height: 999;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: auto 50px;
	-ms-background-size: auto 50px;
	-moz-background-size: auto 50px;
	-webkit-background-size: auto 50px;
	background-size: auto 50px
}

.ser_banner .slick-prev {
	left: 50%;
	margin-left: -645px
}

.ser_banner .slick-next {
	right: 50%;
	margin-right: -645px
}

.ser_banner .slick-dots {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
	z-index: 99
}

.ser_banner .slick-dots li {
	display: inline-block;
	margin: 0 4px
}

.ser_banner .slick-dots li button {
	display: block;
	width: 40px;
	height: 5px;
	border: none;
	cursor: pointer;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: 999px;
	background-color: #fff
}

.ser_banner .slick-dots li.slick-active button {
	background-color: #333
}

#da-thumbs {
	height: 100%;
}

.da-thumbs {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.da-thumbs div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	position: absolute;
	background: #DE3232;
	width: 100%;
	height: 100%;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 130px;
	overflow-y: auto;
}

.da-thumbs div strong {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	display: block;
	margin-bottom: 13px;
}

.da-thumbs div strong a {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.da-thumbs div p {
	font-size: 16px;
	color: #333333;
	padding-bottom: 30px;
}

.da-thumbs div b {
	line-height: 36px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
}

.da-thumbs div b a {
	display: block;
	line-height: 36px;
	font-size: 16px;
	color: #333333;
	display: inline;
}

.da-thumbs div p a {
	font-size: 16px;
	display: block;
	line-height: 20px;
	color: #fff;
	opacity: 0.5;
	margin-bottom: 10px;
	padding-left: 10px;
}
.da-thumbs div p a:not([href]):not([tabindex]) {
	color: #fff;
}
.da-thumbs div p a:after {
	content: "-";
	width: 5px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0px;
}
.da-thumbs div p a:not([href]):not([tabindex]):hover:before {
	display: none;
}

.da-thumbs div p a:hover:before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	background-image: url(../images/jt.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
}
.da-thumbs div p a:hover {
	opacity: 1;
}


.da-thumbs div.da-animate {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.da-slideFromTop {
	left: 0;
	top: -100%
}

.da-slideFromBottom {
	left: 0;
	top: 100%
}

.da-slideFromLeft {
	top: 0;
	left: -100%
}

.da-slideFromRight {
	top: 0;
	left: 100%
}

.da-slideTop {
	top: 0
}

.da-slideLeft {
	left: 0
}

.da-thumbs li a div span {
	display: block;
	position: relative
}

.da-thumbs div {
	overflow-x: hidden;
}

.da-thumbs div::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.da-thumbs div::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../images/mhuang.jpg) repeat;
}

.da-thumbs div::-webkit-scrollbar-track {
	background: #282020;
}
.item .fwbg:nth-child(6) {
		display: none;
	}

@media (max-width:1440px) {
	

	.da-thumbs div p {
		line-height: 26px;
		padding-bottom: 20px;
	}

	.da-thumbs div p a {
		font-size: 14px;
	}


}

@media (max-width:1366px) {
	.da-thumbs div {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
	}

}

@media (max-width:1279px) {
	.da-thumbs div {
		padding-left: 15px;
		padding-right: 15px;
	}

	.fwsub em {
		font-size: 14px;
	}

	.fwsubtwo em {
		height: 30px;
		line-height: 36px;
		font-size: 20px;
	}

}

@media (max-width:991px) {

	.item .fwbg:nth-child(6) {
		display: none;
	}

	.fwsub {
		left: 30px;
	}
	.fwbg:before {
	left: 30px;
	top: 80%;
	background-size: 20px 20px;
	}
	.da-thumbs div p a:hover:before {
		display: none;
	}
}

.mnpcvode {
	display: block;
}

.mnmobile {
	display: none;
}

@media (max-width:767px) {
	.ser_banner {
		height: auto;
		margin-top: 95px;
		background: url(../images/fw001.jpg) no-repeat top center;
		background-size: cover;
	}

	.ser_banner .item {
		height: auto;
	}

	#da-thumbs {
		height: auto;
	}

	.fwbg {
		overflow: hidden;
		height: 300px;
		width: 100%;
		border-left: none;
	}

	.fwbg img {
		display: none;
	}

	.da-thumbs div {
		padding-top: 30px;
	}
.fwbg:after {
	width: 100%;
	right: 0;
	bottom: 0;
	height: 1px;
}
	/*.ser_banner .item .fwbg:nth-child(2) .da-thumbs div {
		padding-top: 30px;
	}

	.ser_banner .item .fwbg:nth-child(3) .da-thumbs div {
		padding-top: 30px;
	}

	.ser_banner .item .fwbg:nth-child(4) .da-thumbs div {
		padding-top: 30px;
	}*/

	.mfooter {
		position: relative;
		width: 100%;
		padding-top: 10px;
		right: 0;
		bottom: 0;
		text-align: left;
		color: rgba(255, 255, 255, 0.6);
		padding-bottom: 10px;
		padding-left: 15px;
	}

	.mshare a {
		margin-left: 0;
		margin-right: 15px;
	}

	.mnmobile {
		display: block;
	}

	.mnpcvode {
		display: none;
	}

	.da-thumbs div p a {
		font-size: 16px;
	}

}

/*contact*/
.lxsubt {
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	padding-top: 40px;
}

.lxeng {
	font-size: 14px;
	color: #969696;
	text-align: center;
	padding-top: 10px;
}

.newlxcont {
	border-bottom: 1px solid #5C5C5C;
	padding-bottom: 55px;
	margin-bottom: 35px;
	padding-top: 70px;
}

.newlxk {
	width: 33.33%;
	float: left;
}

.newlxk p strong {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	display: block;
	padding-bottom: 15px;
}

.newlxk p {
	font-size: 14px;
	color: #969696;
}

.newlxdown {
	font-size: 16px;
	color: #c8c8c8;
}

.newlx02 {
	margin: 0 auto;
	max-width: 140px;
}

.newlx03 {
	float: right;
}

.lxmap {
	width: 100%;
	padding: 30px 0;
}
.lxmap .BMap_Marker img {
	max-width: inherit;
}
.newlxr01 {
	float: left;
	width: 60%;
	line-height: 35px;
}

.newlxr02 {
	float: left;
	width: 20%;
}

.newlxr03 {
	float: left;
	width: 40%;
}

.newlxr04 {
	float: right;
	padding-top: 25px;
}

.newlxr04 span {
	font-size: 16px;
	color: #c8c8c8;
}

.newlxr04 ul {
	float: right;
}

.newlxr04 ul li {
	position: relative;
	float: left;
	margin-left: 25px;
}

.newlxr04 ul li span.mfico {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.lximg {
	background: #FFFFFF;
	position: absolute;
	width: 110px;
	height: 110px;
	right: -32px;
	bottom: 30px;
	display: none;
}

.lximg span {
	padding: 5px;
	display: block;
}

.lximg img {
	max-width: 100%;
}

.lximg:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #fff;
	bottom: -18px;
	left: 55px;
}

.lximgmo {
	display: none;
}

.newlxr04 ul li:nth-child(3) .lximg {
	width: 140px;
	height: 140px;
}

.newlxr04 ul li:nth-child(3) .lximg:after {
	left: 90px;
}

.message {
	padding: 30px 0;
}

.message .w100 {
	width: 100%;
}

.message .w100::-webkit-input-placeholder {

	/* WebKit browsers */
	color: #aaa;
	font-size: 14px;
	font-family: "微软雅黑";
}

.message .w100::-moz-placeholder {

	color: #aaa;
	font-size: 14px;
	font-family: "微软雅黑";
}

.message .w100:-ms-input-placeholder {

	color: #aaa;
	font-size: 14px;
	font-family: "微软雅黑";
}

.message .w100 ul {
	margin-left: -50px;
	margin-right: -50px;
}

.lxinput {
	width: 33.33%;
	float: left;
	padding: 0 50px;
}

.lxinput input {
	border: 1px solid #737373;
	color: #fff;
	background: none;
	line-height: 35px;
	padding: 5px;
	width: 100%;
}

.message .w100 textarea {
	border: 1px solid #737373;
	background: none;
	color: #fff;
	width: 100%;
	margin-top: 28px;
	padding: 10px;
	margin-bottom: 25px;
}

.message .w100 .button {
	background: none;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	width: 162px;
	height: 40px;
	margin: 0 30px;
	font-size: 16px;
	color: #969696;
}

.message .w100 .button:hover {
	background: #AAAAAA;
	color: #333333;
}

.message .mn35 img {
	max-height: 35px;
	vertical-align: top;
}

@media (max-width:1023px) {
	.lximg {
		right: -35px;
	}

	.message .w100 ul {
		margin-left: -30px;
		margin-right: -30px;
	}

	.lxinput {
		padding: 0 30px;
	}

}

@media (max-width:767px) {
	.newlxcont {
		padding-bottom: 25px;
		margin-bottom: 25px;
		padding-top: 30px;
	}

	.newlxk {
		width: 100%;
	}

	.newlx02 {
		float: left;
		max-width: 100%;
		padding-top: 15px;
	}

	.newlx03 {
		float: left;
		padding-top: 15px;
	}

	.newlxr01 {
		width: 100%;
	}

	.newlxr04 {
		float: left;
		padding-top: 15px;
	}

	.newlxr04 span {
		display: block;
		float: left;
		width: 100%;
	}

	.newlxr04 ul li {
		margin-right: 25px;
		margin-left: 0;
	}

	.lximg {
		display: none !important;
	}

	.newlxr04 ul li span.mfico {
		display: none;
	}

	.newlxr04 ul li {
		width: 50%;
		float: left;
		margin: 0;
		padding-top: 15px;
	}

	.lximgmo {
		display: block;
	}

	.lxinput {
		width: 100%;
		margin-bottom: 15px;
	}

	.message .w100 .button {
		background: none;
		border: 1px solid #AAAAAA;
		cursor: pointer;
		width: 122px;
		height: 40px;
		margin: 0 10px;
		font-size: 16px;
		color: #969696;
	}

	.mfootpiao ul li:nth-child(3) .mfootimg {
		width: 100%;
		height: auto;
	}

	.newlxr04 span {
		width: 110px;
	}

}

/*1.2 app*/
.mappban {
	height: 720px;
	text-align: center;
	padding-top: 180px;
	box-sizing: border-box;
}

.mappban img {
	max-width: 90%;
}

.contentn {
	width: 100%;
}

.pt200 {
	padding-top: 280px;
}

.map1200 {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

@media (min-width:768px) {
	.map1200 {
		width: 700px;
	}

}

@media (min-width:1024px) {
	.map1200 {
		width: 991px;
		padding-left: 0;
		padding-right: 0;
	}

}

@media (min-width:1200px) {
	.map1200 {
		width: 1100px;
	}

}

@media (min-width:1320px) {
	.map1200 {
		width: 1280px;
	}

}

.appsub {
	padding-top: 50px;
	text-align: center;
	color: #333;
	margin-bottom: 40px;
}

.appsub strong {
	font-size: 40px;
	font-weight: 700;
	background: url(../images/appkuai.png) no-repeat left;
	padding-left: 42px;
	display: inline-block;
}

.appsub span {
	font-size: 18px;
	display: block;
	color: #333;
	padding-top: 15px;
}

.mappone01 {
	background: #F4F4F4;
	height: 100%;
	overflow: hidden;
}

.mappleft {
	padding-left: 60px;
	padding-top: 48px;
	padding-right: 60px;
	width: 50%;
	height: 253px;
	overflow-y: auto;
	background: #fff;
}

.mappleft h4 {
	color: #404040;
	font-size: 28px;
	font-weight: 500;
}

.mappleft span {
	font-size: 18px;
	color: #999999;
	display: block;
}

.mappleft p {
	font-size: 16px;
	line-height: 32px;
	margin-top: 20px;
}

.mappleft::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.mappleft::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../image/mhuang.jpg) repeat;
}

.mappleft::-webkit-scrollbar-track {
	background: #282020;
}

.mappright {
	width: 50%;
	padding: 10px;
}

.mappright {
	text-align: center;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mappright img {
	display: inline-block;
}

.appsubt {
	padding-top: 50px;
	text-align: center;
	margin-bottom: 40px;
}

.appsubt strong {
	font-size: 28px;
	color: #404040;
	font-weight: 500;
	background: url(../images/appkuai.png) no-repeat left;
	padding-left: 42px;
	display: inline-block;
}

.appsubt span {
	font-size: 18px;
	font-weight: normal;
	display: block;
	color: #808080;
	padding-top: 15px;
}

@media (max-width:1319px) {
	.mappleft,
	.mappright {
		height: 353px;
	}

}

@media (max-width:1024px) {
	.appsub {
		padding-top: 50px;
	}

	.appsub strong {
		font-size: 30px;
	}

	.appsub span {
		font-size: 16px;
	}

	.appsubt {
		padding-top: 50px;
	}

	.appsubt strong {
		font-size: 30px;
	}

	.appsubt span {
		font-size: 16px;
	}

	.mappban {
		margin-top: 75px;
	}

}

@media (max-width:768px) {
	.mappban {
		height: 520px;
	}

	.pt200 {
		padding-top: 200px;
	}

}

@media (max-width:767px) {
	.appsub {
		padding-top: 30px;
	}

	.appsub strong {
		height: 39px;
		font-size: 20px;
		background: url(../images/appkuai.png) no-repeat 0 0px;
		padding-top: 5px;
	}

	.appsub span {
		font-size: 16px;
		line-height: 26px;
		padding-top: 10px;
	}

	.appsubt {
		padding-top: 30px;
	}

	.appsubt strong {
		height: 39px;
		line-height: 26px;
		font-size: 20px;
		background: url(../images/appkuai.png) no-repeat 0 0px;
		padding-top: 5px;
	}

	.appsubt span {
		font-size: 16px;
		line-height: 26px;
		padding-top: 10px;
	}

	.mappban {
		height: 250px;
		padding-top: 80px;
	}

	.mappleft {
		width: 100%;
		height: auto;
		padding: 30px 15px 15px 15px;
	}

	.mappleft p {
		font-size: 16px;
		line-height: 28px;
	}

	.mappright {
		width: 100%;
		height: auto;
	}

	.mappone01 {
		margin-bottom: 15px;
	}

	.mappleft h4 {
		font-size: 20px;
	}

	.mappleft span {
		font-size: 16px;
	}

}

.applist {
	padding-top: 20px;
}

.applist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.applist ul li {
	float: left;
	width: 33.33%;
	padding: 0 15px;
	text-align: center;
}

.applist ul li span {
	display: block;
	text-align: center;
	height: 56px;
}

.applist ul li strong {
	font-size: 16px;
	height: 50px;
	line-height: 24px;
	color: #404040;
	display: block;
	margin: 28px 0 5px 0;
}

.applist ul li p {
	max-width: 272px;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
	height: 125px;
	overflow: hidden;
}

.mselet {
	background: url(../images/mappbg.jpg) no-repeat center fixed;
	height: 576px;
	width: 100%;
	margin: 0 auto;
}

.mseletbg {
	background: url(../images/mxzbg.png) repeat;
	width: 100%;
	height: 100%;
}

.mseletsub {
	font-size: 36px;
	color: #fff;
	text-align: center;
	padding-top: 52px;
}

.bgpn strong {
	background: none;
	padding-left: 0;
	color: #333;
}

.bgpn span {
	font-weight: 500;
}

.mselist {
	padding-top: 50px;
	overflow: hidden;
}

.mselist ul {
	margin-left: -28px;
	margin-right: -28px;
}

.mselist ul li {
	width: 50%;
	float: left;
	padding: 38px 28px;
}

.msel_l {
	float: left;
	padding-right: 30px;
	width: 22%;
}

.msel_l img {
	max-width: 100%;
}

.msel_r {
	float: left;
	width: 78%;
}

.msel_r span {
	color: #e5e5e5;
	font-size: 20px;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	padding-top: 15px;
}

.msel_r p {
	color: #cccccc;
	height: 50px;
	font-size: 16px;
	overflow: hidden;
	margin-top: 5px;
}

.appding {
	padding-bottom: 50px;
	padding-top: 20px;
}

.appding ul li {
	float: left;
	padding: 0 15px;
	text-align: center;
	width: 25%;
}

.appding ul li span {
	display: block;
	padding-bottom: 30px;
}

.appding ul li span img {
	max-width: 100%;
}

.appding ul li strong {
	font-size: 22px;
	font-weight: 600;
	display: block;
	padding-bottom: 25px;
}

.appding ul li p {
	font-size: 18px;
	color: #404040;
	padding: 0 10px;
	overflow: hidden;
}

.maplcbg {
	background: #F1F2F5;
	padding: 75px 0;
}

.maplcimg {
}

.maplcimg img {
	max-width: 100%;
}

.mappvis {
	display: none;
}

.maplclist {
	margin-top: 70px;
}

.maplclist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.maplclist ul li {
	float: left;
	width: 16.66%;
	padding: 0 15px;
	text-align: center;
}

.maplclist ul li p {
	font-size: 16px;
	color: #404040;
	text-align: center;
	padding-top: 5px;
}

.maplclist ul li img {
	max-width: 100%;
}

@media (max-width:1199px) {
	.msel_l {
		width: 25%;
	}

	.msel_r {
		width: 75%;
	}

}

@media (max-width:1023px) {
	.msel_l {
		width: 30%;
	}

	.msel_r {
		width: 70%;
	}

	.appding ul li strong {
		font-size: 28px;
		padding-bottom: 25px;
	}

	.appding ul li p:nth-child(2) {
		font-size: 16px;
		padding: 0;
		height: 75px;
		overflow: hidden;
	}

}

@media (max-width:767px) {
	.mapphiden {
		display: none;
	}

	.mappvis {
		display: block;
	}

	.applist ul li {
		width: 50%;
	}

	.applist ul li p {
		max-width: 100%;
		height: 150px;
		line-height: 24px;
	}

	.applist ul li span {
		text-align: left;
	}

	.mselet {
		height: auto;
		background-size: cover;
	}

	.mselist ul li {
		width: 100%;
		padding: 15px 28px;
	}

	.msel_l {
		max-width: 99px;
	}

	.msel_r span {
		padding-top: 0;
		font-size: 18px;
		color: #fff;
	}

	.msel_r p {
		color: #fff;
	}

	.mseletsub {
		font-size: 24px;
	}

	.appding ul li {
		width: 50%;
		padding-bottom: 15px;
	}

	.appding ul li strong {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.maplclist ul li {
		width: 33.33%;
		padding-bottom: 15px;
	}

	.maplclist ul li p {
		font-size: 16px;
	}

}

/*微商城*/
.wspn {
	padding-top: 50px;
	background: url(../images/mwsbgd.png) no-repeat bottom center;
	padding-bottom: 40px;
}

.wspn strong {
	font-size: 36px;
	color: #404040;
	background: none;
	padding-left: 0;
}

.wspn strong em {
	color: #475bf0;
	font-style: normal;
}

.wspn span {
	color: #999999;
	font-weight: 500;
	padding-top: 20px;
}

.mscklist {
	padding-bottom: 30px;
}

.mscklist ul {
	margin-left: -44px;
	margin-right: -44px;
}

.mscklist ul li {
	width: 33.33%;
	float: left;
	padding: 28px 44px;
}

.msckb {
	border: 2px solid #7A9AF4;
	height: 380px;
	padding: 25px;
	text-align: center;
}

.msckb span {
	height: 34px;
	display: block;
	text-align: center;
	margin-top: 38px;
}

.msckb strong {
	font-size: 20px;
	color: #404040;
	display: block;
	font-weight: 500;
	text-align: center;
	padding-top: 60px;
}

.msckb p {
	font-size: 16px;
	color: #999999;
	margin-top: 35px;
	height: 126px;
	overflow: hidden;
	overflow-y: auto;
}

.msckb p::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.msckb p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../images/mhuang.jpg) repeat;
}

.msckb p::-webkit-scrollbar-track {
	background: #282020;
}

.mscmore {
	display: inline-block;
	font-size: 16px;
	max-width: 90%;
	width: 200px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #3C9DF1;
	border: 1px solid #3C9DF1;
	color: #FFF;
	margin-top: 10px;
}

a:hover.mscmore {
	color: #3C9DF1;
	background: #fff;
}

.mwsptbg {
	background: #F9F8FC;
	padding-top: 30px;
}

.mdszkuang {
	padding-top: 45px;
	overflow: hidden;
}

.mds01 {
	background: url(../images/wsc01.png) no-repeat right center;
}

.mds01 span {
	background: #8997FF;
}

.mds02 {
	background: url(../images/wsc02.png) no-repeat right center;
}

.mds02 span {
	background: #8FC3F0;
}

.mds03 {
	background: url(../images/wsc03.png) no-repeat right center;
}

.mds03 span {
	background: #FFBB4E;
}

.mds04 {
	background: url(../images/wsc04.png) no-repeat right center;
}

.mds04 span {
	background: #50DDB6;
}

.mdszkuang span {
	width: 73%;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 15px 20px;
	line-height: 28px;
	border-radius: 10px;
	text-align: justify;
}

.mdszwen {
	font-size: 26px;
	color: #fff;
	margin-bottom: 60px;
}

.mdsleft {
	float: left;
	width: 46%;
	margin-top: 50px;
}

.mdsright {
	float: left;
	width: 54%;
	text-align: right;
	padding-left: 30px;
}

.mfxbg {
	background: #7993F9;
}

.xzwmnj {
	background: #f9f8fc;
}

.mfxsubt {
	padding-top: 50px;
	background: url(../images/mwsbgd2.png) no-repeat bottom center;
	padding-bottom: 40px;
	text-align: center;
}

.mfxsubt strong {
	display: block;
	font-size: 36px;
	color: #fff;
}

.mfxsubt span {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	padding-top: 20px;
	display: block;
	line-height: 26px;
}

.mfxlist {
	padding-top: 45px;
}

.mfxlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.mfxlist ul li {
	width: 25%;
	padding: 30px 15px;
	text-align: center;
	float: left;
}

.mfxlist ul li span {
	display: block;
	height: 46px;
}

.mfxlist ul li span img {
	max-width: 100%;
}

.mfxlist ul li p {
	font-size: 18px;
	color: #fff;
	height: 50px;
	overflow: hidden;
	font-weight: bold;
	margin-top: 15px;
}

.mtxlist {
	padding-bottom: 50px;
}

.mtxlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.mtxlist ul li {
	float: left;
	width: 16.66%;
	padding: 0 15px;
	text-align: center;
}

.mtxlist ul li p {
	font-size: 20px;
	color: #404040;
	text-align: center;
	margin-top: 30px;
}

.mtxlist ul li img {
	max-width: 100%;
}

.myxzbg {
	background: url(../images/myxzbg.jpg) no-repeat center top;
	height: 650px;
	padding-top: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.myxlist {
	padding-top: 130px;
}

.myxlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.myxlist ul li {
	width: 25%;
	float: left;
	text-align: center;
	padding: 0 15px;
}

.myxlist ul li span {
	display: block;
	padding-bottom: 26px;
}

.myxlist ul li span img {
	max-width: 100%;
}

.myxlist ul li p {
	color: #fff;
	font-size: 26px;
}

.mhztbg {
	background: #F9F8FC;
}

.mhzlist {
	padding: 50px 0;
}

.mhzlist ul {
	margin-left: -13px;
	margin-right: -13px;
}

.mhzlist ul li {
	width: 16.66%;
	float: left;
	padding: 0 13px;
	padding-bottom: 20px;
}

.mhzlist ul li p {
	font-size: 16px;
	margin-top: 50px;
	text-align: justify;
	line-height: 26px;
	height: 130px;
	overflow-y: auto;
}

.mhzlist ul li p::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.mhzlist ul li p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../images/mhuang.jpg) repeat;
}

.mhzlist ul li p::-webkit-scrollbar-track {
	background: #282020;
}

.mhzlist ul li span {
	display: block;
	text-align: center;
	height: 45px;
	overflow: hidden;
}

.mhzlist ul li span img {
	max-width: 100%;
}

.mhzbg {
	position: relative;
	background: #fff;
	-moz-box-shadow: 0px 0px 5px #EDECF0;
	-webkit-box-shadow: 0px 0px 5px #EDECF0;
	box-shadow: 0px 0px 5px #EDECF0;
	height: 432px;
	padding: 154px 12px 0 12px;
}

.mhzbg em {
	background: url(../images/mhzxbg.png) no-repeat;
	position: absolute;
	width: 104px;
	height: 54px;
	font-style: normal;
	color: #fff;
	font-size: 30px;
	padding-left: 25px;
	line-height: 54px;
	top: 32px;
	left: -4px;
}

@media (max-width:1023px) {
	.mscklist ul {
		margin-left: -15px;
		margin-right: -15px;
	}

	.mscklist ul li {
		width: 33.33%;
		float: left;
		padding: 28px 15px;
	}

	.msckb strong {
		padding-top: 30px;
	}

	.msckb p {
		height: 175px;
		font-size: 16px;
	}

	.mdsleft {
		width: 50%;
	}

	.mdsright {
		width: 50%;
	}

	.mdszkuang span {
		font-size: 18px;
	}

	.mhzlist ul li {
		width: 33.33%;
	}

	.mtxlist ul li p {
		font-size: 18px;
	}

	.mhzlist ul li p {
		font-size: 18px;
		margin-top: 30px;
		height: 156px;
	}

}

@media (max-width:767px) {
	.mfxsubt {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 10px;
	}

	.mfxsubt strong {
		font-size: 22px;
	}

	.mfxsubt span {
		font-size: 16px;
	}

	.msckb {
		padding-left: 15px;
		padding-right: 15px;
		height: auto;
	}

	.msckb span {
		margin-top: 0;
	}

	.wspn {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}

	.wspn strong {
		font-size: 22px;
	}

	.wspn span {
		padding-top: 0px;
	}

	.mtxlist {
		padding-bottom: 30px;
	}

	.mtxlist ul li img {
		max-width: 50%;
	}

	.mscklist ul li {
		width: 100%;
		padding: 15px;
	}

	.mwsptbg {
		padding-top: 0;
	}

	.mdszkuang {
		padding-top: 0;
	}

	.mdsleft {
		width: 100%;
		margin-top: 0px;
	}

	.mdszkuang span {
		width: 78%;
		font-size: 16px;
		line-height: 25px;
	}

	.mdsright {
		width: 100%;
		padding-left: 0px;
	}

	.mdsright img {
		max-width: 100%;
	}

	.mdszwen {
		margin-bottom: 15px;
	}

	.msckb strong {
		padding-top: 15px;
	}

	.msckb p {
		margin-top: 15px;
		height: auto;
	}

	.mfxlist ul {
		margin-left: -5px;
		margin-right: -5px;
	}

	.mfxlist ul li {
		width: 33.33%;
		padding: 10px 5px;
	}

	.mfxlist ul li p {
		font-size: 16px;
	}

	.mtxlist ul {
		margin-left: -5px;
		margin-right: -5px;
	}

	.mtxlist ul li {
		width: 33.33%;
		padding: 0 5px;
	}

	.mtxlist ul li p {
		font-size: 16px;
		margin-top: 10px;
		line-height: 22px;
	}

	.mhzbg {
		height: 360px;
		padding-top: 120px;
	}

	.myxzbg {
		height: auto;
		padding-bottom: 35px;
		padding-top: 30px;
	}

	.myxlist {
		padding-top: 40px;
	}

	.myxlist ul li span {
		max-width: 80%;
		margin: 0 auto;
		padding-bottom: 15px;
	}

	.myxlist ul li p {
		font-size: 16px;
	}

	.mhzlist ul li {
		width: 50%;
	}

	.mhzlist ul li p {
		font-size: 16px;
		height: 150px;
		line-height: 25px;
	}

}

/*cdn*/
.cdnwen {
	font-size: 16px;
	text-align: center;
	width: 79%;
	line-height: 26px;
	font-weight: 500;
	margin: 0 auto;
	margin-top: 12px;
	color: #999999;
}

.mcdnimg {
	margin-left: -10px;
	margin-right: -10px;
}

.mcdnimg_l {
	float: left;
	padding: 0 10px;
	width: 46%;
}

.mcdnimg_r {
	float: left;
	padding: 0 10px;
	width: 54%;
}

.mcdnimg img {
	max-width: 100%;
}

.pt100 {
	padding-top: 130px;
}

.mcdnsolist {
	padding-bottom: 30px;
}

.mcdnsolist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.mcdnsolist ul li {
	float: left;
	width: 33.33%;
	padding: 0 15px;
	text-align: center;
}

.mcdnsolist ul li.col-sm-3 {
	width: 25%;
}

.mcdnsolist ul li span {
	height: 69px;
	display: block;
}

.mcdnsolist {
}

.mcdnsolist ul li strong {
	display: block;
	font-size: 18px;
	color: #333333;
	padding-top: 20px;
}

.mcdnsolist ul li p:nth-child(2) {
	font-size: 14px;
	color: #999999;
	margin: 0 auto;
	max-width: 270px;
	height: 84px;
	overflow: hidden;
	line-height: 22px;
	margin-top: 15px;
}

.cdnjsbg {
	background: #F3F3F3;
	padding: 30px 0 70px 0;
}

.partlist {
	padding-bottom: 50px;
}

.partlist ul li {
	width: 16.66%;
	float: left;
	border: 1px solid #F5F5F5;
}

.partlist ul li a {
	display: block;
	text-align: center;
}

.partlist ul li a img {
	max-width: 100%;
}

.cdnjs {
	border: 1px solid #FFFFFF;
	background: #fff;
}

.cdnjs .tab_menu {
	overflow: hidden;
}

.cdnjs .tab_menu li {
	float: left;
	width: 25%;
	height: 74px;
	line-height: 74px;
	border-right: 1px solid #F3F3F3;
	text-align: center;
	cursor: pointer;
	background: #EBECEC;
}

.cdnjs .tab_menu li:last-child {
	border-right: none;
}

.cdnjs .tab_menu li a {
	display: inline-block;
	color: #333333;
	font-size: 20px;
	transition: none;
}

.cdnjs .tab_menu li p {
	line-height: 74px;
}

.cdnjs .tab_menu li.current {
	background: #373D41;
}

.cdnjs .tab_menu li.current  a {
	color: #fff;
}

.cdnjs .tab_box {
	padding-top: 30px;
}

.tab_box .hide {
	display: none;
}

.jslist ul {
}

.jslist ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0 15px;
	height: 302px;
	border-right: 1px solid #F3F3F3;
}

.jslist ul li:last-child {
	border-right: none;
}

.jslist ul li strong {
	margin-top: 40px;
	display: block;
	height: 50px;
	font-size: 16px;
	color: #333333;
	margin-bottom: 5px;
}

.jslist ul li p {
	color: #999999;
	line-height: 22px;
	min-height: 66px;
	max-height: 110px;
	overflow-y: auto;
	font-size: 14px;
}

.jslist ul li p::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.jslist ul li p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../image/mhuang.jpg) repeat;
}

.jslist ul li p::-webkit-scrollbar-track {
	background: #282020;
}

.jsmore {
	background: #FED000;
	border: 1px solid #FED000;
	color: #fff;
	width: 120px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 8px;
	margin-top: 5px;
}

a:hover.jsmore {
	color: #FED000;
	background: #fff;
}

@media (max-width:1170px) {
	.pt100 {
		padding-top: 100px;
	}

}

@media (max-width:1024px) {
	.pt100 {
		padding-top: 80px;
	}

}

@media (max-width:767px) {
	.cdnjsbg {
		padding-bottom: 30px;
	}

	.mcdnimg_l {
		width: 100%;
		padding-bottom: 15px;
	}

	.mcdnimg_r {
		width: 100%;
	}

	.cdnwen {
		width: 100%;
	}

	.mcdnsolist ul li.col-sm-3 {
		width: 100%;
		padding-bottom: 15px;
	}

	.mcdnsolist ul li span {
		height: auto;
	}

	.mcdnsolist ul li span img {
		max-width: 45px;
	}

	.mcdnsolist ul li strong {
		font-size: 16px;
		font-weight: 500;
	}

	.mcdnsolist ul li p:nth-child(2) {
		height: auto;
		margin-top: 5px;
	}

	.cdnjs .tab_menu li {
		width: 25%;
		height: 50px;
		line-height: 50px;
	}

	.cdnjs .tab_menu li p {
		line-height: 50px;
	}

	.cdnjs .tab_menu li a {
		font-size: 16px;
	}

	.jslist ul li {
		width: 100%;
		text-align: center;
		padding: 0 15px;
		height: inherit;
	}

	.jslist ul li p:first-child {
		min-height: inherit;
	}

	.jslist ul li strong {
		margin-top: 20px;
		height: auto;
		margin-bottom: 10px;
	}

	.partlist ul li {
		width: 33.33%;
	}

}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:768px) {
	.col-sm-6 {
		width: 50%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

}

.leftnav {
	position: fixed;
	right: 5%;
	top: 30%;
	z-index: 8;
}

.row-controls {
	height: auto;
	box-sizing: border-box;
	width: 120px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.row-controls li {
	cursor: pointer;
	position: relative;
	text-align: right;
	padding: 8px 0 8px 0px;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.row-controls span {
	display: block;
	cursor: pointer;
	position: relative;
	text-align: right;
	padding: 8px 0 8px 0px;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.row-controls li a {
	color: #333333;
	font-size: 12px;
}

.row-controls span a {
	color: #333333;
	font-size: 12px;
}

.row-controls li:before {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	background: #333333;
	width: 22px;
	height: 1px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.row-controls span:before {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	background: #333333;
	width: 22px;
	height: 1px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}

.row-controls li.current {
	text-align: left;
}

.row-controls li.current a {
	font-size: 15px;
}

.row-controls li.current:before {
	left: 52px;
	width: 70px;
}

.row-controls li.current {
	color: #333333fff;
}

@media (max-width:767px) {
	.leftnav {
		display: none !important;
	}

}

/*1.15*/

/*新闻营销*/
.yxbaner {
}

.yxbaner img {
	width: 100%;
}

.common-title {
	color: #333333;
	font-size: 28px;
	font-weight: 500;
	padding-top: 55px;
	text-align: center;
	margin-bottom: 12px;
}

.common-tit {
	color: #666;
	font-size: 14px;
	line-height: 22px;
}

.common-tit1 {
	color: #666;
	font-size: 20px;
	line-height: 22px;
	margin: 20px;
}

.why-mtyy {
	overflow: hidden;
	padding: 0 0 40px;
	background: #f6f6f6;
	text-align: center;
}

.why-mtyy .mtyy-content {
	padding-top: 70px;
	padding-bottom: 40px;
	position: relative;
}

.why-mtyy .pic {
	position: absolute;
	right: 84px;
	max-width: 50%;
	top: -68px;
}

.why-mtyy .pic img {
	max-width: 100%;
}

.why-mtyy .text {
	overflow: hidden;
	float: left;
	font-size: 16px;
	width: 44%;
	text-align: left;
	line-height: 45px;
}

.myxrcont {
	padding-top: 14px;
	padding-bottom: 60px;
}

.rwtg-list {
	overflow: hidden;
	margin-left: -20px;
	margin-right: -20px;
}

.rwtg-list li {
	float: left;
	padding: 12px 20px;
	width: 50%;
}

.rwtg-list li .box {
	position: relative;
	margin-left: 52px;
	padding: 20px 55px 0 68px;
	height: 140px;
	border-radius: 6px;
	background: #f8f9fb;
}

.rwtg-list li:first-child .box {
	background: #333333;
}

.rwtg-list li .box .title {
	color: #333333;
	font-size: 16px;
}

.rwtg-list li .box .des {
	overflow: hidden;
	margin-top: 10px;
	height: 66px;
	color: #333333;
	font-size: 14px;
	line-height: 22px;
	overflow-y: auto;
}

.rwtg-list li .box .des::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.rwtg-list li .box .des::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../image/mhuang.jpg) repeat;
}

.rwtg-list li .box .des::-webkit-scrollbar-track {
	background: #282020;
}

.rwtg-list li:first-child .box .title,
.rwtg-list li:first-child .box .des {
	color: #fff;
}

.rwtg-list li .box .icon {
	position: absolute;
	top: 50%;
	left: -52px;
	margin-top: -52px;
	width: 103px;
	height: 103px;
}

.rwtg-list li .box .icon01 {
	background: url(../images/rwtgicon01.png) no-repeat left center;
}

.rwtg-list li .box .icon02 {
	background: url(../images/rwtg-icon02.png) no-repeat left center;
}

.rwtg-list li .box .icon03 {
	background: url(../images/rwtg-icon03.png) no-repeat left center;
}

.rwtg-list li .box .icon04 {
	background: url(../images/rwtg-icon04.png) no-repeat left center;
}

.rwtg-list li .box .icon05 {
	background: url(../images/rwtg-icon05.png) no-repeat left center;
}

.rwtg-list li .box .icon06 {
	background: url(../images/rwtg-icon06.png) no-repeat left center;
}

.rwtg-list li:hover .box {
	background: #333333;
}

.rwtg-list li:hover .box .des,
.rwtg-list li:hover .box .title {
	color: #fff;
}

.rwtg-list li:hover .box .icon01 {
	background: url(../images/rwtgicon01.png) no-repeat left center;
}

.rwtg-list li:hover .box .icon02 {
	background: url(../images/rwtgicon02.png) no-repeat left center;
}

.rwtg-list li:hover .box .icon03 {
	background: url(../images/rwtgicon03.png) no-repeat left center;
}

.rwtg-list li:hover .box .icon04 {
	background: url(../images/rwtgicon04.png) no-repeat left center;
}

.rwtg-list li:hover .box .icon05 {
	background: url(../images/rwtgicon05.png) no-repeat left center;
}

.rwtg-list li:hover .box .icon06 {
	background: url(../images/rwtgicon06.png) no-repeat left center;
}

.rwyxjz-main {
	padding: 0px 0 55px 0;
	background: #f6f6f6;
}

.rwyxjz-main ul {
	margin-left: -19px;
	margin-right: -19px;
}

.rwyxjz-main ul li {
	float: left;
	padding: 30px 19px;
	width: 50%;
}

.mrwbg {
	background: #b3bbd0;
	line-height: 22px;
	height: 140px;
}

.rwyxjz-main ul li .list01 {
	border-radius: 100px 76px 0 100px;
	text-align: right;
}

.rwyxjz-main ul li .list03 {
	border-radius: 100px 0 76px 100px;
	text-align: right;
}

.rwyxjz-main ul li .list02 {
	border-radius: 76px 100px 100px 0;
}

.rwyxjz-main ul li .list04 {
	border-radius: 0 100px 100px 76px;
}

.rwyxjz-main ul li .title {
	padding: 30px 135px 10px 35px;
	font-size: 16px;
}

.rwyxjz-main ul li .des {
	padding-right: 135px;
	padding-left: 35px;
}

.rwyxjz-main ul li .list01 .des,
.rwyxjz-main ul li .list01 .title,
.rwyxjz-main ul li .list03 .des,
.rwyxjz-main ul li .list03 .title {
	padding-right: 65px;
	padding-left: 115px;
}

.rwyxjz-main ul li .list01 {
	background: #333333 url(../images/yxjzicon01.png) no-repeat 15px center;
	color: #fff;
}

.rwyxjz-main ul li .list03 {
	background: #E9EAEE url(../images/yxjzicon03.png) no-repeat 15px center;
}

.rwyxjz-main ul li .list02 {
	background: #E9EAEE url(../images/yxjzicon02.png) no-repeat 95% center;
}

.rwyxjz-main ul li .list04 {
	background: #E9EAEE url(../images/yxjzicon04.png) no-repeat 95% center;
}

.rwyxjz-main ul li .list01:hover {
	background: #333333 url(../images/yxjzicon01.png) no-repeat 15px center;
}

.rwyxjz-main ul li .list03:hover {
	background: #333333 url(../images/yxjzicon03.png) no-repeat 15px center;
}

.rwyxjz-main ul li .list02:hover {
	background: #333333 url(../images/yxjzicon02.png) no-repeat 95% center;
}

.rwyxjz-main ul li .list04:hover {
	background: #333333 url(../images/yxjzicon04.png) no-repeat 95% center;
}

.rwyxjz-main ul li .mrwbg:hover {
	color: #fff;
}

/*我们能做什么*/
.yxzcont {
	background: url(../images/wmnwnzsm.png) no-repeat center 60px;
	margin-top: 60px;
	margin-bottom: 75px;
}

.yxzcont ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 0 5px;
}

.yxzcont ul li .title {
	color: #333333;
	font-size: 16px;
}

.yxzcont ul li span {
	display: block;
}

.yxzcont ul li .icon01 {
	margin-bottom: 18px;
	height: 131px;
	background: url(../images/wmnwnzsmicon01.png) no-repeat center center;
}

.yxzcont ul li .icon02 {
	margin-bottom: 18px;
	height: 131px;
	background: url(../images/wmnwnzsmicon02-current.png) no-repeat center center;
}

.yxzcont ul li .icon03 {
	margin-bottom: 18px;
	height: 131px;
	background: url(../images/wmnwnzsmicon03.png) no-repeat center center;
}

.yxzcont ul li:hover .icon01 {
	background: url(../images/wmnwnzsmicon01-current.png) no-repeat center center;
}

.yxzcont ul li:hover .icon02 {
	background: url(../images/wmnwnzsmicon02-current.png) no-repeat center center;
}

.yxzcont ul li:hover .icon03 {
	background: url(../images/wmnwnzsmicon03-current.png) no-repeat center center;
}

/*软文营销推广*/
.common_des {
	text-align: center;
}

.rwtglist {
	padding-top: 88px;
}

.rwtglist ul {
	margin-left: -40px;
	margin-right: -40px;
}

.rwtglist ul li {
	width: 25%;
	float: left;
	padding: 0 40px;
}

.rwtglist .box {
	max-width: 240px;
	height: 271px;
	margin: 0 auto;
	background: url(../images/rhzrwtg.png) no-repeat left center;
	color: #fff;
	text-align: center;
}

.rwtglist ul li.enve {
	margin-top: 100px;
}

.rwtglist .box .icon {
	padding-top: 38px;
	height: 95px;
}

.rwtglist .box .title {
	font-size: 18px;
	padding: 0;
}

.rwtglist .box .line {
	margin: 10px auto;
	width: 15px;
	height: 2px;
	background: #fff;
}

.rwtglist .box .des {
	padding: 0 32px;
	line-height: 20px;
	max-height: 80px;
	overflow-y: auto;
}

.rwtglist li .box .des::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.rwtglist li .box .des::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
	background: url(../image/mhuang.jpg) repeat;
}

.rwtglist li .box .des::-webkit-scrollbar-track {
	background: #282020;
}

/*软文营销应用*/
.rwyxyy-content {
	margin-top: 50px;
	min-height: 200px;
	background: url(../images/rwyxyy-content.png) no-repeat center top;
	margin-bottom: 20px;
}

.rwyxyy-content .rwyxyy-tit,
.rwyxyy-content .rwyxyy-title {
	color: #fff;
	text-align: center;
	font-size: 24px;
}

.rwyxyy-content .rwyxyy-tit {
	padding-top: 45px;
}

.rwyxyy-content .rwyxyy-title {
	font-weight: 500;
}

.rwyxyy-content ul {
	margin-left: -12px;
	margin-right: -12px;
	padding-top: 76px;
}

.rwyxyy-content ul li {
	float: left;
	overflow: hidden;
	width: 20%;
	padding: 0 12px;
}

.rwcolk {
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 100%;
}

.rwyxyy-content ul li .icon {
	margin-top: 19px;
	height: 80px;
}

.rwyxyy-content ul li .icon01 {
	background: url(../images/yxyyicon01.png) no-repeat center center;
}

.rwyxyy-content ul li .icon02 {
	background: url(../images/yxyyicon2.png) no-repeat center center;
}

.rwyxyy-content ul li .icon03 {
	background: url(../images/yxyyicon3.png) no-repeat center center;
}

.rwyxyy-content ul li .icon04 {
	background: url(../images/yxyyicon4.png) no-repeat center center;
}

.rwyxyy-content ul li .icon05 {
	background: url(../images/yxyyicon5.png) no-repeat center center;
}

.rwyxyy-content ul li .title {
	height: 38px;
	color: #444;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
}

.rwyxyy-content ul li .des {
	height: 61px;
	color: #666;
	text-align: center;
	font-size: 14px;
	padding-bottom: 5px;
}

.rwyxyy-content ul li .des p {
	margin-top: 5px;
	line-height: 20px;
}

.rwyxyy-content ul li .des p span {
	display: inline-block;
	width: 50%;
	text-align: center;
}

.rwyxyy-content ul li .bottom {
display: flex;
    width: 100%;
    height: 70px;
    background: #333333;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
}

.rwyxyy-content ul li:first-child .rwcolk {
	border: 1px solid #FED000;
}

.rwyxyy-content ul li:first-child .bottom {
	background: #FED000;
	color: #fff;
}

.rwyxyy-content ul li:hover .rwcolk {
	border: 1px solid #FED000;
}

.rwyxyy-content ul li:hover .icon01 {
	background: url(../images/yxyyicon01.png) no-repeat center center;
}

.rwyxyy-content ul li:hover .icon02 {
	background: url(../images/yxyyicon02.png) no-repeat center center;
}

.rwyxyy-content ul li:hover .icon03 {
	background: url(../images/yxyyicon03.png) no-repeat center center;
}

.rwyxyy-content ul li:hover .icon04 {
	background: url(../images/yxyyicon04.png) no-repeat center center;
}

.rwyxyy-content ul li:hover .icon05 {
	background: url(../images/yxyyicon05.png) no-repeat center center;
}

.rwyxyy-content ul li:hover .bottom {
	background: #FED000;
	color: #fff;
}

.zzfgpt-main {
	padding-bottom: 55px;
	background: #f6f6f6;
}

.zzfgpt-main .zzfgpt {
	position: relative;
	margin-top: 75px;
	height: 367px;
	background: url(../images/zzfgpt.png) no-repeat center top;
}

.zzfgpt-main .zzfgpt .text {
	position: absolute;
	width: 328px;
	left: 50%;
	margin-left: -163px;
}

.zzfgpt-main .zzfgpt .text p {
	width: 40px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	position: absolute;
}

.zzfgpt-main .zzfgpt .text .box01 {
	top: 38px;
	left: 146px;
}

.zzfgpt-main .zzfgpt .text .box02 {
	top: 68px;
	left: 224px;
}

.zzfgpt-main .zzfgpt .text .box03 {
	top: 130px;
	left: 266px;
}

.zzfgpt-main .zzfgpt .text .box04 {
	top: 195px;
	left: 266px;
}

.zzfgpt-main .zzfgpt .text .box05 {
	top: 255px;
	left: 225px;
}

.zzfgpt-main .zzfgpt .text .box06 {
	top: 290px;
	left: 146px;
}

.zzfgpt-main .zzfgpt .text .box07 {
	top: 255px;
	left: 72px;
}

.zzfgpt-main .zzfgpt .text .box08 {
	top: 195px;
	left: 30px;
}

.zzfgpt-main .zzfgpt .text .box09 {
	top: 130px;
	left: 30px;
}

.zzfgpt-main .zzfgpt .text .box10 {
	top: 68px;
	left: 72px;
}

.zzfgpt-main .zzfgpt .text h3 {
	position: absolute;
	top: 143px;
	left: 135px;
	width: 60px;
	color: #333333;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	line-height: 40px;
}

.zzfgpt-main .zzfgpt .list dl {
	position: absolute;
	padding-left: 80px;
	height: 66px;
	font-size: 14px;
	margin: 0;
}

.zzfgpt-main .zzfgpt .list dl dt {
	padding: 6px 0;
	color: #333333;
	font-size: 16px;
}

.zzfgpt-main .zzfgpt .list dl dd {
	margin-left: 0;
}

.zzfgpt-main .zzfgpt .list .dl01 {
	top: 14px;
	left: 800px;
	background: url(../images/fgpticon01.png) no-repeat left center;
	text-align: left;
}

.zzfgpt-main .zzfgpt .list .dl02 {
	top: 145px;
	left: 830px;
	background: url(../images/fgpticon02.png) no-repeat left center;
	text-align: left;
}

.zzfgpt-main .zzfgpt .list .dl03 {
	top: 285px;
	left: 800px;
	background: url(../images/fgpticon03.png) no-repeat left center;
	text-align: left;
}

.zzfgpt-main .zzfgpt .list .dl04 {
	top: 285px;
	left: 88px;
	padding: 0 80px 0 0;
	background: url(../images/fgpticon04.png) no-repeat right center;
	text-align: left;
	text-align: right;
}

.zzfgpt-main .zzfgpt .list .dl05 {
	top: 145px;
	left: 0;
	padding: 0 80px 0 0;
	background: url(../images/fgpticon05.png) no-repeat right center;
	text-align: left;
	text-align: right;
}

.zzfgpt-main .zzfgpt .list .dl06 {
	top: 14px;
	left: 10px;
	padding: 0 80px 0 0;
	background: url(../images/fgpticon06.png) no-repeat right center;
	text-align: left;
	text-align: right;
}

@media (max-width:1319px) {
	.rwtglist ul li {
		padding: 0 20px;
	}

	.rwtglist ul {
		margin-left: -20px;
		margin-right: -20px;
	}

}

@media (max-width:1199px) {
	.rwtglist .box {
		background-size: 100%;
	}

	.rwyxyy-content ul li .bottom {
		font-size: 15px;
	}

	.zzfgpt-main .zzfgpt .list .dl01 {
		top: 14px;
		left: 698px;
	}

	.zzfgpt-main .zzfgpt .list .dl02 {
		top: 145px;
		left: 728px;
	}

	.zzfgpt-main .zzfgpt .list .dl03 {
		top: 285px;
		left: 698px;
	}

	.zzfgpt-main .zzfgpt .list .dl04 {
		top: 285px;
		left: 0;
		padding: 0 80px 0 0;
		max-width: 290px;
	}

	.zzfgpt-main .zzfgpt .list .dl05 {
		top: 145px;
		left: 0;
		padding: 0 80px 0 0;
		max-width: 270px;
	}

	.zzfgpt-main .zzfgpt .list .dl06 {
		top: 14px;
		left: 0;
		padding: 0 80px 0 0;
		max-width: 290px;
	}

}

@media (max-width:1023px) {
	.why-mtyy .pic {
		right: 0px;
		top: 25px;
	}

	.rwtg-list li {
		width: 100%;
	}

	.rwyxjz-main ul li {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.rwtg-list li .box {
		height: auto;
		padding: 15px 15px 15px 68px;
	}

	.rwtg-list li .box .des {
		height: auto;
	}

	.rwpt {
		padding-top: 20px;
	}

	.mrwbg {
		height: auto;
		padding-bottom: 20px;
	}

	.rwyxjz-main ul li .des {
		padding-right: 110px;
	}

	.rwyxjz-main ul li .list01 .des,
	.rwyxjz-main ul li .list01 .title,
	.rwyxjz-main ul li .list03 .des,
	.rwyxjz-main ul li .list03 .title {
		padding-right: 35px;
		padding-left: 115px;
	}

	.rwtglist {
		padding-top: 30px;
	}

	.rwtglist ul li {
		width: 50%;
	}

	.rwtglist ul li.enve {
		margin-top: 0;
	}

	.rwyxyy-content ul li {
		width: 33.33%;
		padding: 0 12px;
		padding-bottom: 15px;
	}

	.zzfgpt-main .zzfgpt {
		background: url(../images/zzfgpt2.png) no-repeat center top;
		height: inherit;
	}

	.zzfgpt-main .zzfgpt .text {
		position: relative;
		height: 365px;
	}

	.zzfgpt-main .zzfgpt .list {
		overflow: hidden;
	}

	.zzfgpt-main .zzfgpt .list dl {
		position: inherit;
		height: 70px;
		margin-top: 10px;
		top: inherit !important;
		left: inherit !important;
		width: 50%;
		max-width: 100% !important;
		float: left;
		text-align: left !important;
		padding: 0 0 0 80px !important;
	}

	.zzfgpt-main .zzfgpt .list .dl04 {
		background: url(../images/fgpticon04.png) no-repeat left center;
	}

	.zzfgpt-main .zzfgpt .list .dl05 {
		background: url(../images/fgpticon05.png) no-repeat left center;
	}

	.zzfgpt-main .zzfgpt .list .dl06 {
		background: url(../images/fgpticon06.png) no-repeat left center;
	}

}

@media (max-width:767px) {
	.why-mtyy .mtyy-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.common-title {
		font-size: 24px;
		padding-top: 30px;
	}

	.why-mtyy .text {
		line-height: 26px;
	}

	.why-mtyy .text {
		width: 100%;
	}

	.why-mtyy .pic {
		position: inherit;
		margin: 0 auto;
		top: inherit;
	}

	.myxrcont {
		padding-bottom: 30px;
	}

	.yxzcont {
		background: none;
		margin-top: 30px;
		margin-bottom: 35px;
	}

	.yxzcont ul li span {
		background-size: 75% !important;
		height: 95px !important;
	}

	.rwyxyy-content {
		background: url(../images/rwyxmbg.png) no-repeat center top;
	}

	.zzfgpt-main .zzfgpt .list dl {
		height: 70px;
		width: 100%;
		max-width: 100% !important;
	}

	.zzfgpt-main .zzfgpt {
		background: none;
	}

	.zzfgpt-main .zzfgpt .text {
		width: 300px;
		height: 310px;
		left: 50%;
		margin-left: -150px;
		background: url(../images/zzfgpt2.png) no-repeat center top;
		background-size: 115%;
	}

	.zzfgpt-main .zzfgpt .text .box01 {
		top: 24px;
		left: 130px;
	}

	.zzfgpt-main .zzfgpt .text .box02 {
		top: 60px;
		left: 213px;
	}

	.zzfgpt-main .zzfgpt .text .box03 {
		top: 112px;
		left: 230px;
	}

	.zzfgpt-main .zzfgpt .text .box04 {
		top: 168px;
		left: 231px;
	}

	.zzfgpt-main .zzfgpt .text .box05 {
		top: 216px;
		left: 189px;
	}

	.zzfgpt-main .zzfgpt .text .box06 {
		top: 244px;
		left: 134px;
	}

	.zzfgpt-main .zzfgpt .text .box07 {
		top: 217px;
		left: 72px;
	}

	.zzfgpt-main .zzfgpt .text .box08 {
		top: 172px;
		left: 30px;
	}

	.zzfgpt-main .zzfgpt .text .box09 {
		top: 113px;
		left: 30px;
	}

	.zzfgpt-main .zzfgpt .text .box10 {
		top: 61px;
		left: 55px;
	}

	.zzfgpt-main .zzfgpt .text h3 {
		top: 121px;
		left: 121px;
		width: 60px;
		color: #333333;
		font-size: 22px;
		line-height: 40px;
	}

}

@media (max-width:640px) {
	.rwtglist ul li {
		width: 100%;
	}

	.rwyxyy-content ul li {
		width: 100%;
		padding: 0 12px;
		padding-bottom: 15px;
	}

	.rwyxyy-content ul li .bottom {
		width: 547px;
	}

	.rwyxyy-content .rwyxyy-tit,
	.rwyxyy-content .rwyxyy-title {
		font-size: 20px;
	}

}

.lcbgz {
	background: url(../images/lcbgz.jpg) no-repeat center;
	height: 603px;
	padding-top: 134px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lcfour .tab_menu {
	overflow: hidden;
	text-align: center;
}

.lcfour .tab_menu li {
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 162px;
}

.lcfour .tab_menu li p {
	font-size: 16px;
	display: block;
	line-height: 44px;
	background: #fff;
	color: #333333;
	border: 1px solid #DDDDDD;
}

.lcfour .tab_menu li.current p {
	background: #333333;
	color: #fff;
}

.lcfour .tab_box {
	padding-top: 100px;
}

/*流程*/
.lclist {
	position: relative;
	height: 250px;
	background: url(../images/lc-line.png) no-repeat center center;
	background-size: 100%;
}

.lclist .box.box01 {
	width: 20%;
}

.lclist .box.box02 {
	padding-top: 80px;
	width: 15%;
}

.lclist .box.box03 {
}

.lclist .box.box04 {
	padding-top: 80px;
}

.lclist .box.box05 {
	width: 15%;
}

.lclist .box.box06 {
	width: 16%;
	padding-top: 80px;
}

.lclist .box {
	float: left;
	width: 16.66%;
	text-align: center;
	padding-top: 25px;
}

.lclist .box p {
	font-size: 16px;
	color: #333333;
	padding-top: 5px;
	height: 44px;
	line-height: 22px;
}

.lclist .box .number img {
	max-width: 100%;
}

@media (max-width:1023px) {
	.lclist {
		padding: 0 20px;
	}

	.lclist .box {
		width: 16.66% !important;
	}

	.lclist .box p {
		font-size: 14px;
		padding-top: 5px;
	}

}

@media (max-width:767px) {
	.lcbgz {
		padding-top: 50px;
		height: auto;
		padding-bottom: 30px;
	}

	.lclist {
		background: none;
		padding: 0;
		overflow: hidden;
		height: auto;
	}

	.lcfour .tab_menu li {
		width: 50%;
		float: left;
		padding: 5px 5px;
	}

	.lcfour .tab_box {
		padding-top: 30px;
	}

	.lclist .box {
		width: 33.33% !important;
		padding-top: 0 !important;
		float: left;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px;
	}

}

.caseimg {
	padding-top: 50px;
}

.caseimg ul {
	margin-left: -10px;
	margin-right: -10px;
}

.caseimg ul li {
	padding: 10px 10px;
	width: 20%;
	text-align: center;
	float: left;
	overflow: hidden;
}

.caseimg ul li img {
	max-width: 100%;
	margin: 0 auto;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.caseimg ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.castlist {
	padding: 0 50px;
	position: relative;
}

.castlist .owl-theme .owl-dots {
	display: none;
}

.castlist .owl-theme .owl-nav {
	margin: 0;
}

.castlist .owl-theme .owl-nav button {
	position: absolute;
	top: 45%;
	margin: 0;
	background: none;
	border: 0;
	outline: 0;
}

.castlist .owl-theme .owl-nav button.owl-prev {
	left: -50px;
}

.castlist .owl-theme .owl-nav button.owl-next {
	right: -50px;
}

.castlist .owl-theme .owl-nav button span {
	font-size: 70px;
}

.castlist .owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
}

.myxhid {
	display: block;
}

.myxmid {
	display: none;
}

.mtlist {
	margin-bottom: 50px;
	border: 1px solid #CDCDCD;
	border-right: 2px solid #CDCDCD;
	border-bottom: 2px solid #CDCDCD;
	background: #FAFAFA;
	border-radius: 8px;
}

.mtlist ul li {
	border: 1px solid #CDCDCD;
	height: 114px;
	text-align: center;
	line-height: 114px;
	border-right: none;
	border-bottom: none;
	width: 16.66%;
	float: left;
	overflow: hidden;
}

.mtlist ul li p {
	line-height: 114px;
}

.mtlist ul li img {
	max-width: 95%;
	vertical-align: middle;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.mtlist ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.mtlist ul li.mtcont {
	width: 66.68%;
	height: 228px;
	border-bottom: none;
	font-size: 28px;
	color: #333333;
	line-height: 40px;
	padding-top: 70px;
}

.mtlist ul li.mtcont p {
	font-size: 28px;
	color: #333333;
	line-height: 40px;
}

.mtlist ul li span {
	display: block;
	overflow: hidden;
}

.mtlist ul li span.mtborder {
	border-top: 1px solid #CDCDCD;
}

.mtlist ul li.mtmod {
	height: 228px;
}

.mthuang {
	color: #fed000;
	font-style: normal;
}

@media (max-width:1023px) {
	.caseimg ul li {
		width: 25%;
	}

	.mtlist ul li {
		height: 100px;
		line-height: 100px;
	}

	.mtlist ul li p {
		line-height: 100px;
	}

	.mtlist ul li.mtmod {
		height: 200px;
	}

	.mtlist ul li.mtcont {
		height: 200px;
		padding-top: 60px;
	}

}

@media (max-width:767px) {
	.myxhid {
		display: none;
	}

	.myxmid {
		display: block;
	}

	.zzfgpt-main .zzfgpt {
		margin-top: 30px;
	}

	.mtlist ul li.mtcont {
		font-size: 20px;
		line-height: 30px;
		padding-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.mtlist ul li.mtcont p {
		font-size: 20px;
		line-height: 30px;
	}

	.caseimg ul li {
		width: 50%;
	}

	.castlist {
		padding: 0
	}

	.zzfgpt-main {
		padding-bottom: 30px;
	}

	.castlist .owl-theme .owl-dots {
		display: block
	}

	.castlist .owl-theme .owl-dots button {
		border: none;
	}

	.castlist .owl-theme .owl-dots button span {
		background: #999;
	}

	.castlist .owl-theme .owl-nav {
		margin: 0;
		display: none;
	}

	.mtlist ul li {
		height: 80px;
		line-height: 80px;
	}

	.mtlist ul li p {
		line-height: 80px;
	}

	.mtlist ul li.mtmod {
		height: 160px;
	}

	.mtlist ul li.mtcont {
		height: 160px;
		padding-top: 30px;
	}

}

/*SEO*/
.seo770 {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.seo770 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width:768px) {
	.seo770 {
		width: 700px;
	}

}

@media (min-width:830px) {
	.seo770 {
		width: 800px;
	}

}

.seosub {
	line-height: 28px;
}

.seosub em {
	display: inline-block;
	background: url(../image/seobxian.jpg) repeat-x center;
	height: 28px;
	max-width: 100px;
	width: 98px;
}

.seosub strong {
	padding-left: 10px;
	padding-right: 10px;
}

.seoenglish {
	color: #848484;
	font-size: 14px;
	font-weight: 500;
	padding-top: 5px;
}

.seoenglish p {
	font-size: 16px;
	color: #2A2A2A;
	padding-top: 5px;
}

.msel_r .seowen01 {
	color: #414141;
	margin-top: 0;
}

.seoolist {
	padding-top: 0;
	padding-left: 50px;
	padding-right: 50px;
}

.seoolist ul li {
	padding: 15px 28px;
}

.seoolist .msel_l {
	padding-right: 5px;
	max-width: 45px;
}

.seocont {
	font-size: 16px;
	color: #333;
	min-height: 39px;
}

.seocont p {
	font-size: 16px;
	padding-left: 50px;
	min-height: 39px;
}

.seobg01 {
	background: url(../image/seobxian.jpg) no-repeat left center;
}

.seobg02 {
	background: url(../image/seobxian.jpg) no-repeat left center;
}

.seobg03 {
	background: url(../image/seobxian.jpg) no-repeat left center;
}

.seobg03 p {
	line-height: 39px;
}

.seobg04 {
	background: url(../image/seobxian.jpg) no-repeat left center;
}

.seobg04 p {
	line-height: 39px;
}

.seoyhlist {
}

.seoyhlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.seoyhlist ul li {
	float: left;
	width: 33.33%;
	padding: 0 15px;
	text-align: center;
}

.seoyhlist ul li.col-sm-3 {
	width: 25%;
}

.seoyhlist ul li span {
	height: 92px;
}

.seoyhlist ul li .p {
	font-size: 16px;
	color: #404040;
	margin: 0 auto;
	max-width: 270px;
	height: 52px;
	overflow: hidden;
	line-height: 26px;
	margin-top: 15px;
}

.seolan {
	background: #0162FF;
	color: #fff;
	font-size: 36px;
	padding: 20px 146px;
	text-align: center;
	margin-top: 20px;
}

.caselan {
	background: #0162FF;
	color: #fff;
	font-size: 36px;
	padding: 20px 15px;
	text-align: center;
	margin-top: 20px;
}

.seokey {
	padding: 0 15px;
}

.seokey ul {
	margin-left: -15px;
	margin-right: -15px;
}

.seokey ul li {
	width: 50%;
	float: left;
	padding: 15px 15px;
}

.seokey ul li h3 {
	color: #404040;
	font-size: 24px;
	margin-bottom: 20px;
}

.seokey ul li p {
	font-size: 16px;
	height: 75px;
}

.seokey ul li p strong {
	color: #0162FF;
	font-size: 24px;
}

.technolist {
	padding: 0 30px;
}

.technolist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.technolist ul li {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #404040;
	padding: 0 15px;
	margin-bottom: 15px;
}

.technolist ul li p {
	font-size: 18px;
	color: #404040;
	background: url(../image/seobxian.jpg) no-repeat left;
	padding-left: 45px;
}

.seophone {
	text-align: center;
	margin: 30px 0;
}

.seophone span {
	display: inline-block;
	background: url(../image/seobxian.jpg) no-repeat left;
	padding-left: 35px;
	font-size: 26px;
	color: #404040;
	line-height: 35px;
}

.seoselbg {
	background: #EEEEEE;
	padding: 0 28px;
	padding-bottom: 20px;
}

.contrastbd {
	background: #FFFFFF;
	height: 436px;
	-moz-box-shadow: 0px 0px 8px #DADADA;
	-webkit-box-shadow: 0px 0px 8px #DADADA;
	box-shadow: 0px 0px 8px #DADADA;
	border: 1px solid #F4F4F4;
	border-radius: 8px;
	padding: 30px 12px;
}

.seocontrast {
	text-align: center;
	background: url(../image/seobxian.jpg) no-repeat center 172px;
}

.seocontrast ul {
}

.seocontrast ul li {
	width: 40%;
	float: left;
}

.seocontrast ul li:last-child {
	float: right;
}

.contracont {
	text-align: left;
}

.contrastbd h3 {
	color: #333;
	font-size: 24px;
	padding-bottom: 20px;
}

.contracont strong {
	font-size: 16px;
	color: #404040;
}

.contracont strong em {
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	width: 15px;
	font-style: normal;
	color: #F95707;
}

.contracont p {
	padding-left: 15px;
	font-size: 16px;
	padding-bottom: 10px;
}

.advantage ul li {
	background: #fff;
	-moz-box-shadow: 0px 0px 8px #DADADA;
	-webkit-box-shadow: 0px 0px 8px #DADADA;
	box-shadow: 0px 0px 8px #DADADA;
	margin: 15px 0;
	padding: 20px 35px 20px 20px;
	border-radius: 8px;
}

.advantsub {
	background: url(../image/seobxian.jpg) no-repeat left;
	padding-left: 40px;
	font-size: 26px;
}

.advantsub strong {
	color: red;
}

.advantage ul li p {
	padding-left: 40px;
	font-size: 16px;
	padding-top: 10px;
}

.teambg {
	background: #F7F7F7;
}

.teamlist {
	background: #F3F3F3;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.teamlist ul li {
	width: 33.33%;
	float: left;
}

.teampic {
	text-align: center;
}

.teampic img {
	max-width: 100%;
}

.teamlist ul li strong {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.teamlist ul li p {
	font-size: 14px;
	min-height: 125px;
	padding: 0 15px;
}

.teamlist ul li:first-child p {
	border-right: 1px solid #DCDCDC;
}

.teamlist ul li:nth-child(2) p {
	border-right: 1px solid #DCDCDC;
}

.teamdown {
	padding: 20px 30px;
	max-width: 690px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.teamdown ul li {
	float: left;
	width: 20%;
}

.teamdown ul li img {
	max-width: 100%;
}

.hintwen {
	text-align: center;
	font-size: 24px;
	color: #333333;
}

.techbg {
	background: #F7F7F7;
	margin-top: 30px;
	padding-bottom: 30px;
}

.techlist {
	padding: 0 24px;
}

.techlist ul li {
	background: #fff;
	-moz-box-shadow: 0px 0px 8px #DADADA;
	-webkit-box-shadow: 0px 0px 8px #DADADA;
	box-shadow: 0px 0px 8px #DADADA;
	margin: 15px 0;
	padding: 20px 35px 20px 20px;
	border-radius: 8px;
}

.techlist ul li strong {
	font-size: 20px;
	color: #333;
	display: block;
	padding-bottom: 15px;
}

.techlist ul li p {
	background: url(../images/techdui.jpg) no-repeat left 5px;
	padding-left: 28px;
	margin-bottom: 5px;
	font-size: 16px;
}

.hintlist {
}

.hintlist ul li {
	float: left;
	width: 50%;
	padding: 0 15px;
	padding-bottom: 30px;
}

.hintnei {
	padding: 20px;
	background: #fff;
	height: 180px;
	border: 1px solid #F6F6F6;
	-moz-box-shadow: 0px 2px 10px #E1E1E1;
	-webkit-box-shadow: 0px 2px 10px #E1E1E1;
	box-shadow: 0px 2px 10px #E1E1E1;
	border-radius: 5px;
}

.hintnei strong {
	color: #333;
	font-size: 22px;
	padding-left: 66px;
	line-height: 40px;
	display: block;
}

.hintnei p {
	font-size: 16px;
	margin-top: 10px;
}

.hintico01 {
	background: url(../image/seobxian.jpg) no-repeat left;
}

.hintico02 {
	background: url(../image/seobxian.jpg) no-repeat left;
}

.hintico03 {
	background: url(../image/seobxian.jpg) no-repeat left;
}

.hintico04 {
	background: url(../image/seobxian.jpg) no-repeat left;
}

.serlist {
}

.serlist ul li {
	float: left;
	width: 50%;
	padding: 0 15px;
	text-align: center;
	padding-bottom: 30px;
}

.serlist ul li .hintnei {
	padding: 30px;
	background: #fff;
	height: 150px;
	border: 1px solid #F6F6F6;
	-moz-box-shadow: 0px 2px 10px #E1E1E1;
	-webkit-box-shadow: 0px 2px 10px #E1E1E1;
	box-shadow: 0px 2px 10px #E1E1E1;
	border-radius: 5px;
}

.serlist ul li .hintnei p {
	color: #333;
	font-size: 22px;
}

.serlist ul li .hintnei span {
	display: block;
	height: 50px;
	text-align: center;
}

@media (max-width:829px) {
	.seolan {
		font-size: 36px;
		padding: 20px 110px;
	}

	.seoolist {
		padding-left: 30px;
		padding-right: 30px;
	}

	.contracont p {
		font-size: 14px;
	}

}

@media (max-width:767px) {
	.seoyhlist ul li.col-sm-3 {
		width: 50%;
	}

	.seosub em {
		display: none;
	}

	.seolan {
		font-size: 26px;
		padding: 20px 20px;
	}

	.seokey ul li {
		width: 100%;
		padding: 15px 15px;
	}

	.seokey ul li h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.seokey ul li p {
		height: auto;
	}

	.seokey ul li p strong {
		font-size: 20px;
	}

	.technolist {
		padding: 0;
	}

	.technolist ul li {
		width: 100%;
	}

	.seophone span {
		font-size: 20px;
	}

	.seocontrast ul li {
		width: 100%;
		padding-bottom: 80px;
		background: url(../image/seobxian.jpg) no-repeat center bottom;
	}

	.seocontrast ul li:last-child {
		background: none;
		padding-bottom: 0;
		padding-top: 15px;
	}

	.contrastbd {
		height: auto;
	}

	.contrastbd h3 {
		font-size: 20px;
		padding-bottom: 20px;
	}

	.caselan {
		font-size: 26px;
	}

	.teamlist ul li {
		width: 100%;
		padding-bottom: 15px;
	}

	.teamlist ul li p {
		min-height: inherit !important;
		padding: 0 15px;
	}

	.hintwen {
		font-size: 17px;
	}

	.techlist ul li strong {
		font-size: 18px;
		padding-bottom: 15px;
	}

	.hintlist ul li {
		width: 100%;
		padding-bottom: 30px;
	}

	.hintnei {
		height: auto;
	}

	.hintnei strong {
		font-size: 20px;
		padding-left: 55px;
	}

	.techlist ul li {
		padding: 20px;
	}

	.serlist ul li .hintnei {
		padding: 30px 10px;
	}

	.serlist ul li .hintnei p {
		font-size: 18px;
	}

}

/*微课堂*/
.wktbanner {
	padding-top: 106px;
}

.wktbanner img {
	width: 100%;
}

.wktsub {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 42px;
}

.wktsub h2 {
	font-size: 36px;
	color: #e16a12;
	font-weight: 500;
}

.wktsub h2 em {
	font-size: 36px;
	color: #e16a12;
	font-style: normal;
	display: inline-block;
}

.wktsub h2 span {
	background: url(../images/wktsubbg.png) no-repeat;
	width: 124px;
	height: 116px;
	text-align: left;
	line-height: 116px;
	padding-left: 62px;
	font-size: 30px;
	color: #e16a12;
	display: inline-block;
	margin-right: 18px;
}

.wyxbglist {
}

.wyxbglist ul li {
	width: 25%;
	height: 270px;
	float: left;
}

.wyxbglist ul li:first-child {
	background: url(../images/wyx01.png) no-repeat;
	background-size: 100%;
}

.wyxbglist ul li:nth-child(2) {
	background: url(../images/wyx02.png) no-repeat;
	background-size: 100%;
}

.wyxbglist ul li:nth-child(3) {
	background: url(../images/wyx03.png) no-repeat;
	background-size: 100%;
}

.wyxbglist ul li:nth-child(4) {
	background: url(../images/wyx04.png) no-repeat;
	background-size: 100%;
}

.yxtkfnei {
	padding-left: 125px;
	padding-top: 90px;
	width: 82%;
}

.wyxbglist ul li:first-child .yxtkfnei {
	padding-left: 115px;
}

.yxtkfnei strong {
	font-size: 18px;
	color: #fff;
	display: block;
	padding-bottom: 10px;
}

.yxtkfnei p {
	color: #fff;
	text-align: justify;
	line-height: 20px;
}

.wktwen {
	padding-top: 20px;
}

.wktwen ul li {
	float: left;
	padding: 0 15px;
	text-align: center;
	width: 33.33%;
}

.wktwen ul li span {
	display: inline-block;
	width: 122px;
	height: 122px;
	border: 1px solid #A5A5A5;
	border-radius: 50%;
	margin-bottom: 30px;
}

.wktwen ul li span img {
	max-width: 100%;
}

.wktwen ul li strong {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	display: block;
	padding-bottom: 16px;
}

.wktwen ul li p {
	font-size: 14px;
	height: 75px;
	overflow: hidden;
	width: 75%;
	margin: 0 auto;
}

.wktwen ul li:hover span {
	border: 1px solid #56B9BA;
	background: #56B9BA;
}

.wktwen ul li span.wktico01 {
	background-image: url(../images/wenico01.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.wktwen ul li span.wktico02 {
	background-image: url(../images/wenico02.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.wktwen ul li span.wktico03 {
	background-image: url(../images/wenico03.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.wktwen ul li:hover span.wktico01 {
	background-image: url(../images/wenicoh01.png);
}

.wktwen ul li:hover span.wktico02 {
	background-image: url(../images/wenicoh02.png);
}

.wktwen ul li:hover span.wktico03 {
	background-image: url(../images/wenicoh03.png);
}

.wyxpc {
}

.wyxmo {
	display: none;
}

.wyxpro {
}

.wyxrpol {
	float: left;
	width: 60%;
	padding-right: 100px;
}

.wyxrpor {
	float: left;
	width: 40%;
}

.wyxprolist {
}

.wyxprolist strong {
	color: #000000;
	font-size: 18px;
	display: block;
	font-weight: 500;
	padding-bottom: 15px;
}

.wyxprolist p {
	font-size: 16px;
}

.wyxproico {
	padding-left: 70px;
	padding-bottom: 40px;
}

.wyxpro01 {
	background: url(../images/wktpro01.png) no-repeat left 0px;
}

.wyxpro02 {
	background: url(../images/wktpro02.png) no-repeat left 0px;
}

.wyxpro03 {
	background: url(../images/wktpro03.png) no-repeat left 0px;
}

.wyxpro04 {
	background: url(../images/wktpro04.png) no-repeat left 0px;
}

.wyxrpor h3 {
	text-align: center;
	color: #70AC48;
	font-size: 34px;
	padding-bottom: 45px;
}

.wyx_function {
}

.wyx_function ul {
	margin-left: -7px;
	margin-right: -7px;
}

.wyx_function ul li {
	width: 33.33%;
	float: left;
	padding: 0 7px;
	padding-bottom: 10px;
}

.wyx_function ul li span {
	background: #70AC48;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	overflow: hidden;
	color: #fff;
	border-radius: 5px;
	font-weight: 600;
}

.wyxtel {
	text-align: center;
	border-radius: 5px;
	background: #70AC48;
	margin-top: 15px;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	padding: 0 10px;
}

.wyxtel strong {
	font-size: 18px;
}

.yxtshow {
	text-align: center;
}

.yxtshow h2 {
	color: #4097ef;
	font-size: 30px;
	font-weight: 500;
}

.yxtshow p {
	color: #999999;
	font-size: 18px;
	padding-top: 15px;
}

.yxtshowlist {
	padding-top: 30px;
}

.yxtshowlist ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 0 10px;
}

.yxtshowlist ul li img {
	max-width: 100%;
}

.showlink {
	padding: 44px 0;
}

.showlink ul {
	margin-left: -5px;
	margin-right: -5px;
}

.showlink ul li {
	width: 25%;
	float: left;
	padding: 0 5px;
}

.showlink ul li strong {
	font-size: 22px;
	padding: 22px 5px;
	border-radius: 8px;
	display: block;
	color: #fff;
	background: #78CE3E;
}

.showdown {
	padding: 45px 0;
	overflow: hidden;
}

.showdownl {
	float: left;
	width: 39%;
	text-align: center;
	padding: 0 15px;
}

.showdownl img {
	max-width: 100%;
}

.showdownr {
	float: left;
	width: 61%;
	text-align: left;
	padding-right: 60px;
}

.showsub {
	color: #333333;
	font-size: 24px;
	padding-left: 48px;
	margin-bottom: 20px;
	line-height: 30px;
}

.show01 {
	background: url(../images/showico01.png) no-repeat 0 5px;
}

.show02 {
	background: url(../images/showico02.png) no-repeat 0 5px;
}

.showdownr p {
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 20px;
}

@media (max-width:1319px) {
	.wyxbglist ul li {
		height: 260px;
	}

	.yxtkfnei {
		padding-left: 110px;
		padding-top: 80px;
		width: 82%;
	}

	.wyxbglist ul li:first-child .yxtkfnei {
		padding-left: 90px;
	}

	.wktwen ul li p {
		width: 80%;
	}

}

@media (max-width:1199px) {
	.wyxbglist ul li {
		height: 230px;
	}

	.yxtkfnei {
		padding-left: 100px;
		padding-top: 60px;
		width: 84%;
	}

	.wyxbglist ul li:first-child .yxtkfnei {
		padding-left: 80px;
	}

}

@media (max-width:1170px) {
	.wktbanner {
		padding-top: 86px;
	}

}

@media (max-width:1023px) {
	.wyxbglist ul li {
		width: 50%;
		max-width: 300px;
		height: 270px;
	}

	.wyxbglist ul li:nth-child(2),
	.wyxbglist ul li:nth-child(4) {
		float: right;
	}

	.yxtkfnei {
		padding-left: 125px;
		padding-top: 80px;
		width: 82%;
	}

	.wyxbglist ul li:first-child .yxtkfnei {
		padding-left: 115px;
	}

	.wyxrpol {
		padding-right: 50px;
	}

	.wyx_function ul li {
		width: 50%;
	}

	.wyxtel {
		line-height: 26px;
		padding: 10px 10px;
	}

	.wyxtel strong {
		display: block;
	}

	.showdownr {
		padding-right: 0px;
		padding-left: 15px
	}

}

@media (max-width:1024px) {
	.wktbanner {
		padding-top: 75px;
	}

}

@media (max-width:767px) {
	.wktwen ul li {
		width: 100%;
		padding-bottom: 25px;
	}

	.wktwen ul li p {
		width: 100%;
		height: auto;
	}

	.wyxpc {
		display: none
	}

	.wyxmo {
		display: block;
	}

	.wyxrpol {
		width: 100%;
		padding-right: 0px;
	}

	.wyxrpor {
		width: 100%;
	}

	.yxtshow {
		padding-top: 30px;
	}

	.yxtshowlist ul li {
		width: 100%;
		padding: 0 10px;
		padding-bottom: 15px;
	}

	.showlink {
		padding: 20px 0;
	}

	.showlink ul li {
		width: 100%;
		margin-bottom: 5px;
	}

	.showlink ul li strong {
		font-size: 20px;
		padding: 10px 5px;
	}

	.showdown {
		padding: 45px 0;
		padding-top: 20px;
	}

	.showdownl {
		width: 100%;
		padding: 0 30px;
	}

	.showdownr {
		width: 100%;
		padding-top: 20px;
	}

	.showsub {
		font-size: 20px;
	}

	.wyxrpor h3 {
		font-size: 26px;
		padding-bottom: 30px;
	}

	.wyxproico {
		padding-left: 60px;
	}

	.wktsub {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.yxtshow h2 {
		font-size: 26px;
	}

	.yxtshow p {
		font-size: 16px;
		padding-top: 5px;
	}

}

@media (max-width:640px) {
	.wktsub h2 em {
		font-size: 26px;
		line-height: 30px;
	}

	.wyxbglist ul li:first-child .yxtkfnei {
		padding-left: 35%;
	}

	.yxtkfnei {
		padding-top: 28%;
		width: 84%;
		padding-left: 40%;
	}

	.wyxbglist ul li {
		max-width: 202px;
		height: 182px;
	}

	.yxtkfnei strong {
		font-size: 18px;
	}

	.yxtkfnei p {
		display: none;
	}

}

@media (max-width:320px) {
	.yxtkfnei strong {
		font-size: 16px;
	}

	.wyxbglist ul li {
		max-width: 202px;
		height: 140px;
	}

}

/*ar页面*/
.arban {
	height: 640px;
	text-align: center;
	padding-top: 150px;
	box-sizing: border-box;
}

.arban img {
	max-width: 90%;
}

.arsub {
	background: url(../images/huangs.jpg) no-repeat center bottom;
	font-size: 30px;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 30px;
}

.arsub strong {
	font-size: 30px;
	font-weight: 500;
}

.arlist {
	padding-top: 80px;
}

.arlist ul li {
	float: left;
	padding: 0 15px;
	text-align: center;
	width: 25%;
}

.arlist ul li span {
	display: block;
	margin-bottom: 40px;
	height: 83px;
	transition: all .35s ease;
}

.arlist ul li strong {
	font-size: 18px;
	height: 45px;
	line-height: 22px;
	font-weight: 500;
	display: block;
}

.arlist ul li p {
	font-size: 16px;
	color: #999999;
	padding: 0 10px;
	overflow: hidden;
	text-align: left;
}

.arico01 {
	background: url(../images/ar01.png) no-repeat center;
}

.arico02 {
	background: url(../images/ar02.png) no-repeat center;
}

.arico03 {
	background: url(../images/ar03.png) no-repeat center;
}

.arico04 {
	background: url(../images/ar04.png) no-repeat center;
}

.arlist ul li:hover .arico01 {
	background: url(../images/arh01.png) no-repeat center;
}

.arlist ul li:hover .arico02 {
	background: url(../images/arh02.png) no-repeat center;
}

.arlist ul li:hover .arico03 {
	background: url(../images/arh03.png) no-repeat center;
}

.arlist ul li:hover .arico04 {
	background: url(../images/arh04.png) no-repeat center;
}

.vrtab {
	background: #fff;
	padding-top: 78px;
	padding-bottom: 60px;
}

.vrtab .tab_menu {
	text-align: center;
	font-size: 16px;
	color: #333333;
}

.vrtab .tab_menu li {
	float: inherit;
	display: inline-block;
	min-width: 13%;
}

.vrtab .tab_menu li span {
	background: #E5E5E5;
	display: block;
	line-height: 22px;
	padding: 14px 10px;
	text-align: center;
	font-size: 18px;
	color: #666666;
	cursor: pointer;
}

.vrtab .tab_menu li:last-child {
	min-width: 16%;
}

.vrtab .tab_menu li.current {
	color: #fff;
}

.vrtab .tab_menu li.current span {
	background: #333333;
	color: #fff;
}

.vrtab .tab_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}

.vrtab .tab_box .hide {
	display: none;
}

.vrsub {
	font-size: 26px;
	text-align: center;
	padding-bottom: 50px;
}

.vrback {
	height: 385px;
	position: relative;
}

.vrmask {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/armask.png) repeat;
	height: 100%;
	width: 33.33%;
	padding: 10% 10px 10px 8%;
}

.vrmask h3 {
	color: #fff;
	font-size: 22px;
}

.vrlist {
	padding-top: 10px;
	overflow-y: auto;
	max-height: 190px;
}

.vrlist ul li {
	font-size: 16px;
	color: #fff;
	background: url(../images/arcicle.png) no-repeat left 13px;
	padding-left: 20px;
	line-height: 30px;
	margin: 7px 0;
}

.vrlist ul li p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.vrmask2 {
	position: absolute;
	right: 0;
	top: 86px;
	background: #333333;
	height: 100%;
	width: 33.33%;
	padding: 10% 10px 10px 8%;
}

.vrmask2 h3 {
	color: #fff;
	font-size: 22px;
}

.vrlist::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.vrlist::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
}

.vrlist::-webkit-scrollbar-track {
	background: #282020;
}

@media (max-width:1023px) {
	.vrmask,
	.vrmask2 {
		padding: 10% 10px 10px 20px;
	}

	.vrlist {
		max-height: 225px;
	}

	.arsub strong {
		font-size: 26px;
	}

	.arlist ul li strong {
		font-size: 16px;
		line-height: 20px;
	}

}

.vidden-xs {
	display: none;
}

@media (max-width:767px) {
	.vidden-xs {
		display: block;
	}

	.vrback {
		height: auto;
		position: relative;
		background: none !important;
	}

	.vrback img {
		max-width: 100%;
	}

	.vrtab {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.arsub {
		padding-top: 30px;
		padding-bottom: 15px;
	}

	.arsub strong {
		font-size: 22px;
	}

	.vrtab .tab_box {
		padding-top: 30px;
	}

	.vrsub {
		font-size: 20px;
		padding-bottom: 30px;
	}

	.arlist {
		padding-top: 30px;
	}

	.arlist ul li {
		width: 50%;
		padding-bottom: 0;
		padding-top: 15px;
	}

	.arlist ul li span {
		height: 45px;
		margin-bottom: 10px;
		background-size: contain;
	}

	.arlist ul li p {
		font-size: 14px;
		padding: 0;
		height: 100px;
	}

	.arban {
		height: 340px;
		padding-top: 80px;
	}

	.vrtab .tab_menu li {
		min-width: inherit;
		text-align: center;
		width: 33.33%;
		background: #E5E5E5;
		float: left;
		padding: 0px;
		font-size: 16px;
		margin-bottom: 5px;
	}

	.vrtab .tab_menu li.current {
		background: #333;
	}

	.vrtab .tab_menu li.current span {
		background: none;
	}

	.vrtab .tab_menu li span {
		line-height: 22px;
		font-size: 15px;
		background: none;
		height: 72px;
		vertical-align: middle;
		display: table-cell;
		margin: 0 auto;
	}

	.vrmask {
		position: relative;
		width: 100%;
		padding: 20px 15px;
	}

	.vrmask2 {
		position: relative;
		width: 100%;
		top: inherit;
		padding: 20px 15px;
	}

	.vrlist {
		max-height: inherit;
	}

	.vrlist ul li {
		font-size: 14px;
		line-height: 26px;
	}

	.vrmask h3 {
		font-size: 20px;
	}

}

/*第三部分*/
.arsolution {
	background: url(../images/arsolotion.jpg) no-repeat center;
	background-color: #FBFBFB;
	margin-top: 110px;
	padding-bottom: 100px;
}

.solist {
	padding-top: 90px;
}

.solist ul {
	margin-left: -10px;
	margin-right: -10px;
}

.solist ul li {
	width: 20%;
	float: left;
	padding: 0 10px;
	height: 316px;
}

.socont {
	padding: 0 26px;
	padding-top: 72px;
	height: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.socont span {
	text-align: center;
	display: block;
	height: 59px;
}

.socont p {
	font-size: 16px;
	color: #999999;
	line-height: 34px;
	margin-top: 20px;
}

.solist ul li:hover .socont {
	background: #F0F0F0;
	-moz-box-shadow: 0px 0px 8px #F0F0F0;
	-webkit-box-shadow: 0px 0px 8px #F0F0F0;
	box-shadow: 0px 0px 8px #F0F0F0;
	margin-top: -5px;
}

@media (max-width:1023px) {
	.socont {
		padding: 0 26px;
		padding-top: 32px;
	}

	.solist ul li {
		width: 33.33%;
		height: 246px;
	}

}

@media (max-width:767px) {
	.arsolution {
		margin-top: 30px;
		padding-bottom: 50px;
	}

	.socont {
		padding: 0 0px;
		padding-top: 20px;
	}

	.socont p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
	}

	.solist ul li {
		width: 50%;
		height: 175px;
	}

	.solist {
		padding-top: 30px;
	}

}

/*VR全景六大优势*/
.vrqlist {
	padding-top: 80px;
}

.vrqlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.vrqlist ul li {
	width: 33.33%;
	float: left;
	padding: 0 15px;
	text-align: center;
	padding-bottom: 40px;
}

.vrqlist span {
	display: block;
	height: 68px;
	margin-bottom: 15px;
}

.vrqlist strong {
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.vrqlist p {
	width: 77%;
	margin: 0 auto;
	font-size: 16px;
	color: #999999;
	margin-top: 10px;
	height: 100px;
	overflow: hidden;
}

@media (max-width:1023px) {
	.vrqlist p {
		width: 100%;
		font-size: 14px;
	}

}

@media (max-width:767px) {
	.vrqlist ul li {
		width: 50%;
		padding-bottom: 40px;
	}

	.vrqlist p {
		height: 150px;
	}

}

/*他们都选择了我们*/
.vrsolubg {
	background: url(../images/vrdwobg.jpg) no-repeat center fixed;
	background-size: cover;
	padding-bottom: 88px;
}

.vrdes {
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	max-width: 418px;
	line-height: 28px;
	margin-top: 28px;
}

.vrnlist {
	padding-top: 70px;
}

.vrnlist ul {
	margin-left: -9px;
	margin-right: -9px;
}

.vrnlist ul li {
	width: 33.33%;
	float: left;
	padding: 0 9px;
	margin-bottom: 18px;
}

.vrnpic {
	overflow: hidden;
	position: relative;
}

.vrnpic img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.vrnlist ul li:hover .vrnpic img {
	transform: scale(1.05, 1.05);
}

.vrsmask {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 48px;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 48px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (max-width:1023px) {
	.vrsmask {
		font-size: 14px;
	}

}

@media (max-width:767px) {
	.vrnlist ul li {
		width: 100%;
	}

	.vrsolubg {
		padding-bottom: 50px;
	}

}

/*VR全景部分功能*/
.vrblist {
	padding-top: 50px;
}

.vrblist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.vrblist ul li {
	width: 25%;
	float: left;
	padding: 25px 15px 15px 15px;
	text-align: center;
	margin-bottom: 40px;
}

.vrblist ul li:hover {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 13.76px 2.24px rgba(0, 0, 0, 0.06);
}

.vrblist span {
	display: block;
	height: 85px;
	margin-bottom: 15px;
}

.vrblist span img {
	max-width: 100%;
	max-height: 100%;
}

.vrblist strong {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.vrblist p {
	width: 77%;
	margin: 0 auto;
	text-align: left;
	font-size: 16px;
	color: #999999;
	margin-top: 10px;
	height: 75px;
	overflow: hidden;
}

.pt50 {
	padding-top: 50px;
}

.vrdownbg {
	background: #1C1F26;
	width: 100%;
	padding: 55px 0 45px 0;
}

.vrdownbg h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-weight: 500;
}

.vrmore {
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	background: #F9AA1B;
	border: 1px solid #F9AA1B;
	width: 150px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 24px;
	margin-top: 24px;
}

.vrmore:hover {
	border: 1px solid #F9AA1B;
	color: #F9AA1B;
	background: #fff;
}

@media (max-width:1023px) {
	.vrblist p {
		width: 100%;
		font-size: 14px;
	}

}

@media (max-width:767px) {
	.vrblist ul li {
		width: 50%;
		margin-bottom: 10px;
	}

	.vrblist p {
		height: 100px;
	}

	.vrblist {
		padding-top: 50px;
	}

	.vrblist {
		padding-top: 50px;
	}

}

.dolink {
	padding: 80px 0;
}

.dolink ul {
	margin-left: -10px;
	margin-right: -10px;
}

.dolink ul li {
	text-align: center;
	width: 14.2%;
	float: left;
	padding: 0 10px;
}

.dolink ul li span {
	display: inline-block;
	background: #0370CF;
	width: 92px;
	height: 92px;
	line-height: 92px;
	border-radius: 50%;
	text-align: center;
}

.dolink ul li p {
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
	height: 48px;
	line-height: 22px;
}

.dolink ul li:hover span {
	margin-top: -2px;
}

@media (max-width:1023px) {
	.dolink ul li span {
		width: 82px;
		height: 82px;
		line-height: 82px;
	}

}

@media (max-width:767px) {
	.pt50 {
		padding-top: 0;
	}

	.dolink {
		padding: 30px 0;
	}

	.dolink ul li {
		width: 33.33%;
	}

	.dolink ul li p {
		margin-top: 10px;
	}

	.vrdownbg h3 {
		font-size: 24px;
	}

	.vrblist span {
		height: 60px;
	}

}

/*数字化建站*/
.numban {
	height: 600px;
	text-align: center;
	padding-top: 180px;
	box-sizing: border-box;
}

.numban img {
	max-width: 100%;
}

.numsub {
	text-align: center;
}

.numsub h3 {
	font-size: 30px;
}

.numsub p {
	font-size: 14px;
	padding-top: 15px;
}

.pt60 {
	padding-top: 60px;
}

.numbann {
	max-width: 1000px;
	text-align: right;
	margin: 0 auto;
	padding: 0 30px;
}

.numbann a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: url(../images/nummore.png) no-repeat;
	width: 149px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 24px;
	margin-top: 36px;
}

.numbann a:hover {
	background: #4EDBE1;
}

.numbann p {
	display: inline-block;
	text-align: left;
}

.numone {
	background: url(../images/numxian.jpg) repeat-x bottom;
}

.numone ul {
	margin-left: -15px;
	margin-right: -15px;
}

.numone ul li {
	width: 25%;
	float: left;
	min-height: 118px;
	padding: 25px 15px 0 15px;
	border-right: 1px solid #D5D5D5;
	border-bottom: 2px solid #2B69E2;
	text-align: center;
}

.numone ul li.current h3 {
	color: #fff;
}

.numone ul li.current p {
	color: #fff;
}

.numone ul li.current {
	background: #2B69E2;
}

.numone ul li:hover {
	background: #2B69E2;
}

.numone ul li:hover h3 {
	color: #fff;
}

.numone ul li:hover p {
	color: #fff;
}

.numone ul li p {
	padding-top: 10px;
}

.numone ul li:nth-child(2) {
	border-bottom: 2px solid #4EDAE2;
}

.numone ul li:nth-child(3) {
	border-bottom: 2px solid #EAB44D;
}

.numone ul li:nth-child(4) {
	border-bottom: 2px solid #E84C40;
}

.numone ul li:last-child {
	border-right: none;
}

.numone h3 {
	color: #333333;
	font-size: 18px;
	font-weight: 500;
}

.syywfw {
	height: 360px;
	overflow: hidden;
	background: url(../images/protu1.jpg) no-repeat center center;
}

.syywfw.bg1 {
	background: url(../images/protu1.jpg) no-repeat center center;
}

.syywfw.bg2 {
	background: url(../images/protu2.jpg) no-repeat center center;
}

.syywfw.bg3 {
	background: url(../images/protu3.jpg) no-repeat center center;
}

.ipart04 {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
	margin-top: 50px;
}

.syywfw .wrap {
	height: 360px;
}

.syywfw .bigbox li {
	width: 17%;
	height: 360px;
	float: left;
	overflow: hidden;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	background: url(../images/nummask01.png) repeat;
}

.syywfw .bigbox li:nth-child(2) {
	background: url(../images/nummask02.png) repeat;
}

.syywfw .bigbox li:nth-child(3) {
	background: url(../images/nummask03.png) repeat;
}

.syywfw .bigbox li .box {
	height: 100%;
	width: 100%;
	border: 1px solid transparent;
	border-color: transparent;
	border-color: rgba(255, 255, 255, 0.3);
	padding-top: 33px;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.syywfw .bigbox li .box .tit {
	font-size: 88px;
	line-height: 1;
	padding-bottom: 30px;
	font-weight: normal;
	display: none;
}

.syywfw .bigbox li .box .ch {
	font-size: 18px;
	line-height: 1;
	position: relative;
	height: 100%;
	padding: 0 15px;
}

.syywfw .bigbox li .box .ch em {
	font-size: 13px;
	line-height: 25px;
	font-style: normal;
	color: #FFF;
	display: block;
}

.syywfw .bigbox li .box .ch p {
	color: #FFF;
	line-height: 40px;
	margin-top: 120px;
}

.syywfw .bigbox li .box .ch .more {
	display: block;
	margin: 0 auto;
	margin-top: 28px;
}

.syywfw .bigbox li .box .tubiao {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
	background: url(../images/numwhite.jpg) no-repeat  center bottom;
	color: #fff;
	padding-bottom: 18px;
}

.syywfw .bigbox li .box .tubiao2 {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
	background: url(../images/numwhite.jpg) no-repeat  center bottom;
	color: #fff;
	padding-bottom: 18px;
}

.syywfw .bigbox li:first-child .box {
	border: none;
}

.syywfw .bigbox li.cur {
	width: 66%;
	position: relative;
}

.syywfw .bigbox li.cur .box {
	padding-left: 22px;
}

.syywfw .bigbox li.cur .box .tit {
	color: #aace39;
	display: none;
}

.syywfw .bigbox li.cur .ch {
	display: none;
}

.syywfw .bigbox li .innerBox {
	display: none;
}

.syywfw .bigbox li .innerBox .inner_tit {
	opacity: 0;
}

.syywfw .bigbox li.cur .innerBox .inner_tit {
	font-size: 34px;
	height: 70px;
	color: #ffffff;
	opacity: 1;
}

.our_main_box_wrap p {
	font-size: 13px;
	color: #fff;
	margin-top: 20px;
	height: 100px;
	overflow: hidden;
}

.sorll::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.sorll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fe980f;
}

.sorll::-webkit-scrollbar-track {
	background: #282020;
}

.syywfw .bigbox li.cur .innerBox {
	display: block;
	padding: 0 15px;
}

.syywfw .bigbox li.cur .our_main_box_wrap {
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
}

.numlist {
	overflow: hidden;
	padding-top: 10px;
	text-align: center;
}

.numlist a {
	display: inline-block;
	width: 19%;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.numlist a span {
	display: block;
	text-align: center;
	height: 31px;
}

.our_main_box_wrap .numlist a p {
	margin-top: 10px;
	height: 40px;
	line-height: 20px;
}

.numcicle {
	background: url(../images/white.jpg) repeat-x;
	height: 16px;
	margin-top: 10px;
	position: absolute;
	bottom: 15px;
	width: 70%;
	left: 30px;
}

.numcicle:after {
	content: "";
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -16px;
	top: -8px;
}

.our_main_box_wrap .numlist a:hover p {
	font-weight: bold;
}

.numcicle2 {
	background: url(../images/white.jpg) repeat-x;
	height: 16px;
	margin-top: 10px;
	position: absolute;
	bottom: 15px;
	width: 70%;
	left: 30px;
}

.numcicle2:after {
	content: "";
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -16px;
	top: -8px;
}

.numcicle2:before {
	content: "";
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: -16px;
	top: -8px;
}

.numcicle3 {
	background: url(../images/white.jpg) repeat-x;
	height: 16px;
	margin-top: 10px;
	position: absolute;
	bottom: 15px;
	width: 70%;
	right: 30px;
}

.numcicle3:after {
	content: "";
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: -16px;
	top: -8px;
}

.syywfw .bigbox li.cur .numcicle {
	width: 90%;
	left: 40px;
}

.syywfw .bigbox li.cur .numcicle2 {
	width: 90%;
	left: 40px;
}

.syywfw .bigbox li.cur .numcicle3 {
	width: 90%;
	left: 40px;
}

@media screen and (max-width:1280px) {
	.numban {
		height: 450px;
		padding-top: 140px;
		background-size: cover !important;
	}

}

@media screen and (max-width:1023px) {
	.numone ul li {
		min-height: 130px;
	}

	.numone ul li p {
		line-height: 20px;
	}

	p.sorll {
		overflow-y: auto;
	}

	.syywfw .bigbox li {
		width: 25%;
	}

	.syywfw .bigbox li.cur .box {
		padding-left: 10px;
	}

	.syywfw .bigbox li.cur {
		width: 50%;
	}

	.syywfw .bigbox li.cur .numcicle {
		width: 82%;
	}

	.syywfw .bigbox li.cur .numcicle2 {
		width: 82%;
	}

	.syywfw .bigbox li.cur .numcicle3 {
		width: 82%;
	}

}

@media screen and (max-width:991px) {
	.numbann p {
		max-width: 60%;
	}

	.numban {
		height: 380px;
		padding-top: 100px;
	}

}

@media screen and (max-width:767px) {
	.numban {
		height: 260px;
		padding-top: 80px;
	}

	.numbann p {
		max-width: 75%;
	}

	.syywfw {
		background-size: cover;
	}

	.syywfw .bigbox li {
		width: 100%;
	}

	.syywfw .bigbox li.cur {
		width: 100%;
	}

	.syywfw {
		height: auto;
	}

	.syywfw .wrap {
		height: auto;
	}

	.syywfw .bigbox li {
		height: auto;
	}

	.our_main_box_wrap p {
		height: auto;
	}

	.numlist a {
		width: 48%;
	}

	.numcicle,
	.syywfw .bigbox li.cur .numcicle2,
	.syywfw .bigbox li.cur .numcicle3,
	.numcicle2,
	.numcicle3 {
		display: none;
	}

	.syywfw .bigbox li .box {
		padding-bottom: 20px;
	}

	.numone ul li {
		width: 50%;
		border-right: none;
		min-height: 150px;
		padding: 25px 15px 0 15px;
	}

	.numbann a {
		font-size: 14px;
		background: url(../images/nummore.png) no-repeat;
		width: 129px;
		height: 30px;
		line-height: 30px;
		margin-top: 20px;
		background-size: cover;
		border-radius: 24px;
	}

}

.numysbg {
	background: url(../images/numysbg.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	padding-bottom: 240px;
}

.advsub {
	text-align: center;
	padding-top: 50px;
}

.advsub p {
	color: rgba(255, 255, 255, 0.6);
	padding-top: 22px;
}

.advcont {
	margin-top: 90px;
	position: relative;
}

.advimg {
	text-align: center;
	margin: 0 auto;
	max-width: 36%;
}

.advimg img {
	max-width: 100%;
}

.advwen {
	width: 345px;
}

.advwen h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	padding-bottom: 15px;
}

.advwen p {
	color: rgba(255, 255, 255, 0.6);
}

.advcont01 {
	position: absolute;
	left: 0;
	top: 0;
}

.advcont02 {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

.advcont03 {
	position: absolute;
	left: 0;
	top: 277px;
}

.advcont04 {
	position: absolute;
	right: 0;
	top: 277px;
	text-align: right;
}

.advcont05 {
	position: absolute;
	left: 50%;
	top: 110%;
	margin-left: -172px;
	text-align: center;
}

@media screen and (max-width:1199px) {
	.advwen {
		width: 300px;
	}

	.advcont01 {
		left: 0;
		top: 0;
	}

	.advcont02 {
		right: 0;
		top: 0;
	}

	.advcont03 {
		left: 0;
		top: 177px;
	}

	.advcont04 {
		right: 0;
		top: 177px;
	}

	.advcont05 {
		left: 50%;
		margin-left: -150px;
	}

}

@media screen and (max-width:1023px) {
	.advwen {
		width: 200px;
	}

	.advcont01 {
		left: 0;
		top: 0;
	}

	.advcont02 {
		right: 0;
		top: 0;
	}

	.advcont03 {
		left: 0;
		top: 177px;
	}

	.advcont04 {
		right: 0;
		top: 177px;
	}

	.advcont05 {
		left: 50%;
		margin-left: -100px;
	}

}

@media screen and (max-width:767px) {
	.ipart04 {
		padding-bottom: 30px;
	}

	.advcont {
		margin-top: 30px;
	}

	.numysbg {
		padding-bottom: 50px;
	}

	.advimg {
		display: none;
	}

	.advwen {
		position: inherit !important;
		width: 100%;
		text-align: left !important;
		top: inherit !important;
		left: inherit !important;
		margin-left: inherit !important;
		padding-bottom: 20px;
	}

}

.caselist {
	padding-top: 30px;
}

.caselist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.caselist ul li {
	float: left;
	width: 16.6%;
	padding: 15px 15px;
}

.caselist ul li a {
	display: block;
	overflow: hidden;
}

.caselist ul li img {
	max-width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.caselist ul li:hover img {
	transform: scale(1.05, 1.05);
}

@media screen and (max-width:767px) {
	.caselist ul li {
		width: 50%;
	}

}

.advimg01 {
	background: url(../images/advimg02.jpg) no-repeat center;
	min-height: 249px;
	background-size: cover;
	margin-top: 65px;
}

.advimgz {
	padding-top: 10px;
	float: left;
	width: 40%;
}

.advimgz img {
	max-width: 100%;
}

.advimgy {
	padding-top: 60px;
	float: left;
	width: 60%;
	padding-left: 30px;
}

.advimgy h2 {
	color: #fff;
	font-size: 26px;
	font-family: Adobe 黑体 Std;
	font-weight: 500;
}

.advimgy p {
	font-size: 20px;
	font-family: Adobe 黑体 Std;
	color: #fff;
	padding-top: 10px;
}

.advimgy a {
	color: #367bf0;
	font-size: 14px;
	background: #FFE200;
	display: block;
	width: 96px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 25px;
}

.advimgy a:hover {
	font-weight: bold;
}

@media screen and (max-width:1023px) {
	.advimgz {
		padding-top: 50px;
	}

	.advimgy h2 {
		font-size: 22px;
	}

	.advimgy p {
		font-size: 18px;
		padding-top: 10px;
	}

}

@media screen and (max-width:767px) {
	.advimgz {
		padding-top: 20px;
		width: 100%;
	}

	.advimgy {
		padding-top: 20px;
		width: 100%;
		padding-left: 0px;
		padding-bottom: 30px;
	}

}

.servlist {
	padding-top: 40px;
}

.servlist ul {
	margin-left: -39px;
	margin-right: -39px;
}

.servlist ul li {
	width: 25%;
	padding: 0 39px;
	float: left;
}

.servlist ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.servlist ul li p {
	position: absolute;
	text-align: center;
	font-size: 18px;
	bottom: 20px;
	color: #fff;
	width: 100%;
}

.servlist ul li img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.servlist ul li:hover img {
	transform: scale(1.05, 1.05);
}

@media screen and (max-width:1023px) {
	.servlist ul {
		margin-left: -15px;
		margin-right: -15px;
	}

	.servlist ul li {
		padding: 0 15px;
	}

}

@media screen and (max-width:767px) {
	.servlist ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	.servlist ul li {
		padding: 0 10px;
	}

	.servlist ul li {
		width: 50%;
		padding-bottom: 15px;
	}

	.servlist ul li p {
		font-size: 16px;
		bottom: 10px;
	}

}

.sercont {
	background: url(../images/sebgth.png) no-repeat center;
	height: 485px;
	max-width: 966px;
	margin: 0 auto;
	position: relative;
	margin-top: 44px;
}

.serone {
	position: absolute;
	max-width: 236px;
}

.serone01 {
	bottom: 20px;
	left: -40px;
}

.serone02 {
	left: 122px;
	top: 52%;
	max-width: 136px;
}

.serone03 {
	top: 120px;
	left: 50%;
	margin-left: -130px;
}

.serone04 {
	top: 52%;
	right: 122px;
	max-width: 136px;
	text-align: right;
}

.serone05 {
	bottom: 0;
	right: -40px;
	text-align: center;
}

.serone span {
	display: none;
}

@media screen and (max-width:1099px) {
	.serone01 {
		bottom: 20px;
		left: 0;
	}

	.serone05 {
		bottom: 0;
		right: 0px;
	}

}

@media screen and (max-width:1023px) {
	.sercont {
		background: url(../images/sebgth.png) no-repeat center;
		height: 400px;
		background-size: 100%;
	}

	.serone01 {
		bottom: 30px;
		left: 0;
	}

	.serone02 {
		left: 100px;
		top: 52%;
		max-width: 100px;
	}

	.serone03 {
		top: 100px;
		left: 50%;
		margin-left: -130px;
	}

	.serone04 {
		top: 52%;
		right: 100px;
		max-width: 100px;
	}

	.serone05 {
		bottom: 10px;
		right: 0px;
	}

}

@media screen and (max-width:767px) {
	.serone span {
		display: inline-block;
		float: left;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 50%;
		padding: 10px;
		background: #5BC6FB;
		line-height: 30px;
		margin-right: 10px;
	}

	.serone span img {
		max-width: 80%;
		margin: 0 auto;
		vertical-align: top;
	}

	.sercont {
		background: none;
		height: auto;
	}

	.serone {
		position: inherit !important;
		left: inherit !important;
		top: inherit !important;
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		margin: 0 !important;
		right: inherit !important;
		bottom: 0;
		min-height: 50px;
		padding-bottom: 15px;
		overflow: hidden;
	}

	.serone p {
		width: 75%;
		float: left;
		padding-top: 10px;
		line-height: 20px;
	}

}

dd {
	margin: 0;
	padding: 0;
}

.cl_con03 {
	height: 186px;
	position: relative;
}

.cl_con03 .cl_c03_text {
}

.cl_fixed {
	padding-top: 50px;
}

.cl_con03 .cl_c03_text h3 {
	position: relative;
	top: 10px;
	opacity: 0;
}

.cl_con03 .cl_c03_text h3 p {
	color: #262626;
}

.cl_con03 .cl_c03_text h3 span.line {
	margin-left: auto;
	margin-right: auto;
	background: #383838;
}

.cl_con03 .cl_c03_text div.p {
	color: #7d7d7d;
	position: relative;
	top: 10px;
	opacity: 0;
}

.c03_bottom_line {
	width: 17%;
	height: 1px;
	background: #acacac;
	position: absolute;
}

.commer_con03 .c03_bottom_line {
	bottom: 87px;
}

.brand_con03 .c03_bottom_line {
	bottom: 75px;
}

.left_line {
	left: 0px;
}

.left_line span {
	display: inline-block;
	background: #2876DF;
	width: 0%;
	height: 100%;
	position: absolute;
}

.right_line {
	right: 0px;
}

.right_line span {
	display: inline-block;
	background: #2876DF;
	width: 0%;
	height: 100%;
	position: absolute;
}

.cl_c03_bottom {
	position: relative;
}

.cl_c03_bottom .c03_lay {
	max-width: 1020px;
	margin: 0 auto;
}

.cl_c03_bottom dl {
	width: 153px;
	float: left;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.cl_c03_bottom dl dt {
	margin: 0;
	padding: 0;
	height: 51px;
	line-height: 51px;
	width: 51px;
	margin-left: 11px;
	position: relative;
}

.cl_c03_bottom dl dt img {
	vertical-align: middle;
}

.cl_c03_bottom dl dt em {
	position: absolute;
	left: 0px;
	top: 0;
	width: 0px;
	overflow: hidden;
}

.cl_c03_bottom dl dd.dian2 {
	border: 1px solid #acacac;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	position: relative;
	margin: 12px 0 20px 27px;
}

.cl_c03_bottom dl dd.dian2 span {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #acacac;
}

.cl_c03_bottom dl dd.line {
	margin: 0;
	width: 78%;
	height: 1px;
	background: #acacac;
	position: absolute;
	top: 110px;
	left: 53px;
}

.cl_c03_bottom dl dd.line span {
	position: absolute;
	background: #2876DF;
	display: inline-block;
	width: 0%;
	height: 1px;
}

.cl_c03_bottom dl dd.text {
	width: 75px;
	display: inline-block;
	padding-top: 15px;
	font-size: 18px;
	color: #2876df;
}

.cl_c03_bottom dl:last-child {
	width: auto;
}

.p_f_03 .cl_con03 {
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	right: 0;
	margin-top: 0 !important;
}

.commer_con03 .cl_c03_text {
	width: 700px;
}

.commer_con03 .cl_c03_text h3 p {
	color: #fff;
}

.commer_con03 .cl_c03_text h3 span.line {
	background: #fff;
}

.commer_con03 .cl_c03_text div.p {
	color: #ccc;
}

.commer_con03 dl {
	width: 236px;
}

.commer_con03 dl dt {
	height: 54px;
	width: 67px;
}

.commer_con03 dl dd.text {
	height: 54px;
	line-height: 54px;
	width: 80px;
	color: #fff;
	margin-left: -5px;
}

.commer_con03 dl dd.dian {
	width: 5px;
	height: 5px;
	background: #acacac;
	border: 0;
	margin: 24px 0 20px 25px;
}

.commer_con03 dl dd.dian span {
	width: 1px;
	height: 30px;
	border-left: 1px dashed #fff;
	border-radius: 0;
	left: 2px;
	top: 10px;
	background: transparent;
}

.commer_con03 dl dd.line {
	left: 30px;
	width: 100%;
}

.commer_con03 dl:nth-child(2) dd.dian span {
	top: -35px;
}

.commer_con03 dl:nth-child(3) dt {
	margin-left: -8px;
}

.commer_con03 dl:nth-child(4) dd.dian span {
	top: -35px;
}

.commer_con03 dl:nth-child(4) dd.text {
	margin-left: -10px;
}

.commer_con03 dl:nth-child(5) dt {
	margin-left: -6px;
}

.commer_con03 dl:nth-child(5) dd.text {
	margin-left: -10px;
}

.xq_bnt {
	text-align: center;
	margin-top: 70px;
}

.xq_bnt a {
	display: inline-block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #f60;
	border-radius: 10px;
}

.xq_bnt a img {
	margin-top: 13px;
}

.mhidden {
	display: none;
}

@media only screen and (max-width:1099px) {
	.cl_c03_bottom .c03_lay {
		width: 842px;
	}

	.cl_c03_bottom dl {
		width: 120px;
	}

	.cl_c03_bottom dl:last-child {
		width: 120px;
	}

}

@media only screen and (max-width:1024px) {
	.numban {
		margin-top: 75px;
	}

}

@media only screen and (max-width:991px) {
	.cl_c03_bottom .c03_lay {
		width: 700px;
	}

	.cl_c03_bottom dl {
		width: 100px;
	}

	.cl_c03_bottom dl:last-child {
		width: 100px;
	}

	.cl_c03_bottom dl dd.text {
		font-size: 16px;
	}

}

@media only screen and (max-width:767px) {
	.mhidden {
		display: block;
	}

	.cl_c03_bottom .c03_lay {
		width: 100%;
	}

	.cl_con03 {
		height: auto;
		padding-bottom: 30px;
	}

	.cl_con03 .cl_c03_text {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin-top: 50px;
	}

	.cl_c03_bottom .c03_lay {
		padding: 0;
		transform: translateX(12px);
	}

	.cl_c03_bottom {
		margin-top: 20px;
	}

	.cl_c03_bottom dl {
		width: 33.33%;
		margin-bottom: 20px;
	}

	.cl_c03_bottom dl dt {
		width: 35px;
		margin-left: 12px;
	}

	.cl_c03_bottom dl dt em {
		width: 35px !important;
		opacity: 0;
	}

	.cl_c03_bottom dl dt img {
		width: 100%;
	}

	.brand_con03 .cl_c03_bottom dl dd.line {
		width: 70%;
		top: 103px;
		left: 55px;
	}

	.brand_con03 .cl_c03_bottom dl dd.dian {
		margin: 12px 0 12px 22px;
		width: 12px;
		height: 12px;
	}

	.brand_con03 .cl_c03_bottom dl dd.dian span {
		width: 8px;
		height: 8px;
		top: 2px;
		left: 2px;
	}

	.cl_c03_bottom dl dd.text {
		font-size: 12px;
		text-align: center;
	}

	.brand_con03 .c03_bottom_line {
		bottom: 223px;
		display: none;
	}

	.brand_con03 .c03_bottom_line.right_line {
		bottom: 91px;
		width: 40px !important;
	}

	.cl_c03_bottom {
		overflow: hidden;
	}

	.commer_con03 .c03_bottom_line.right_line {
		bottom: 116px;
		width: 155px !important;
	}

	.commer_con03 .c03_bottom_line {
		bottom: 269px;
		display: none;
	}

	.commer_con03 h3 p.f_title {
		line-height: 1.2;
	}

	.commer_con03 dl dt {
		width: 35px;
	}

	.commer_con03 dl dd.text {
		margin: 0;
	}

	.cl_fixed {
		padding-top: 0px;
	}

	.pt60 {
		padding-top: 30px;
	}

	.commer_con03 .cl_c03_bottom dl {
		width: 20%;
	}

	.commer_con03 .cl_c03_bottom dl dt em {
		width: 35px !important;
		opacity: 0;
	}

	.commer_con03 .cl_c03_bottom dl dt img {
		width: 100%;
	}

	.commer_con03 .cl_c03_bottom dl dd {
		font-size: 12px;
	}

	.commer_con03 .cl_c03_bottom dl dd.line {
		width: 100%;
	}

	.commer_con03 .cl_c03_bottom .c03_lay {
		padding: 0;
	}

	.commer_con03 dl dd.dian span {
		top: 5px;
	}

	.commer_con03 dl:nth-child(2) dd.dian span {
		top: -30px;
	}

	.commer_con03 dl:nth-child(4) dd.dian span {
		top: -30px;
	}

	.commer_con03 dl:nth-child(3) dt {
		margin-left: 11px;
	}

	.commer_con03 dl:nth-child(5) dt {
		margin-left: 11px;
	}

	.commer_con03 .c03_lay {
		transform: translateX(8px);
	}

	.commer_con03 dl dd.text {
		margin-left: 0 !important;
	}

	.commer_con03 dl:nth-child(1) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(2) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(3) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(4) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(5) dd.text {
		margin-left: -12px !important;
	}

	.numbann {
		display: none;
	}

	.numban {
		background: none !important;
		height: auto;
		padding-top: 0;
	}

}

/*11.9 vr new */
.vrcont {
	padding-top: 50px;
}

.vr_left {
	float: left;
	width: 58%;
	padding-right: 40px;
}

.vr_right {
	float: right;
	width: 42%;
	padding-left: 40px;
	overflow: hidden;
	height: 686px;
	position: relative;
}

.vr_left ul li {
	position: relative;
	overflow: hidden;
	margin-bottom: 32px;
}

.vr_left ul li:last-child {
	margin-bottom: 0;
}

.vrico {
	width: 58px;
	height: 58px;
	position: absolute;
	left: 0;
	top: 5px;
	padding-top: 8px;
	background: url(../images/jxing.jpg) no-repeat;
	text-align: center;
}

.vrlcont {
	float: left;
	padding-left: 92px;
}

.vrlcont strong {
	font-size: 24px;
	color: #333333;
	display: block;
	margin-bottom: 10px;
	line-height: 28px;
}

.vrlcont p {
	font-size: 16px;
	line-height: 26px;
	min-height: 104px;
}

.vr_right img {
	position: absolute;
	right: 0;
	top: 0;
	right: 50%;
	margin-right: -225px;
}

.vrdbcont {
	position: relative;
	max-width: 1095px;
	margin: 0 auto;
	margin-top: 45px;
}

.vrw50 {
	width: 44%;
	border-radius: 12px;
	height: 792px;
}

.vrlan {
	background: #0370CF;
}

.vrhui {
	background: #CACACA;
}

.vrps {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -94px;
}

.vrcicle {
	text-align: center;
	padding-top: 36px;
}

.vrcicle span {
	width: 108px;
	height: 108px;
	border-radius: 50%;
	text-align: center;
	background: #fff;
	display: inline-block;
	padding-top: 27px;
}

.vrcicle strong {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #fff;
	padding-top: 24px;
	border-bottom: 1px solid #FFFFFF;
	max-width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.vrhui .vrcicle strong {
	color: #444444;
	border-bottom: 1px solid #444444;
}

.vrdbbotom {
	text-align: center;
	padding-top: 15px;
}

.vrdbbotom ul li {
	margin-top: 20px;
}

.vrdbbotom ul li strong {
	font-size: 24px;
	color: #fff;
}

.vrdbbotom ul li p {
	font-size: 18px;
	color: #fff;
	margin-top: 2px;
	height: 50px;
}

.vrlan .vrdbbotom ul li {
	position: relative;
}

.vrlan .vrdbbotom ul li:after {
	content: "";
	position: absolute;
	top: 26px;
	right: 0;
	margin-right: -87px;
	background: url(../images/huix.jpg) no-repeat;
	width: 42px;
	height: 4px;
}

.vrhui .vrdbbotom ul li strong {
	color: #444444;
}

.vrhui .vrdbbotom ul li p {
	color: #444444;
}

.vrblist ul li .show {
	display: none;
}

.vrblist ul li:hover .hidden {
	display: none;
}

.vrblist ul li:hover .show {
	display: block;
	margin: 0 auto;
	animation: banPss 0.5s ease both;
}

@keyframes banPss {
	0% {
		transform: scale(.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}

}

.pt20 {
	padding-top: 55px;
	position: relative;
	z-index: 588;
}

.vrcasebg {
	overflow: hidden;
	position: relative;
	z-index: 003;
}

.vrcasebg:before {
	background: url(../images/vrbgtop.png) no-repeat right top;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	height: 463px;
	width: 100%;
}

.vrcasebg:after {
	background: url(../images/vrcasebg.jpg) no-repeat center top;
	background-size: cover;
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.vrcaselist {
	padding-top: 50px;
}

.vrcase_l {
	width: 55%;
}

.vrcase_r {
	min-height: 504px;
	width: 34.4%;
	padding: 75px 30px 38px 38px;
	border-width: 1px;
	border-color: rgb(167, 167, 167);
	border-style: solid;
	background-color: rgb(255, 255, 255, 0.6);
}

.vrcase_l img {
	max-width: 100%;
}

.vrcase_r strong {
	color: #333333;
	font-size: 30px;
}

.vrcase_r h3 {
	font-size: 30px;
	color: #333333;
}

.vrcasenei {
	padding-top: 15px;
}

.vrcasenei span {
	font-size: 24px;
	font-weight: 400;
	color: #0370CF;
	display: block;
	margin-top: 30px;
	margin-bottom: 15px;
}

.vrcasenei p {
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	margin-top: 10px;
}

.vrcaselist	ul li {
	padding-bottom: 100px;
}

.vrcaselist	ul li .vrcase_l {
	float: left;
}

.vrcaselist	ul li .vrcase_r {
	float: right;
}

.vrcaselist	ul li:nth-child(2n+0) .vrcase_l {
	float: right;
}

.vrcaselist	ul li:nth-child(2n+0) .vrcase_r {
	float: left;
}

.vrbottom {
	position: relative;
	z-index: 003;
}

.vrbottom:before {
	background: url(../images/vrbgbottom.png) no-repeat right top;
	content: "";
	position: absolute;
	top: -34%;
	left: 0;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.vrbottom:after {
	background: #fff;
	content: "";
	position: absolute;
	top: 64%;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.vrbottom .dolink {
	padding: 80px 0 70px 0;
}

.varban {
	height: 600px;
	box-sizing: border-box;
}

.varban img {
	max-width: 100%;
}

@media only screen and (max-width:1023px) {
	.vrlcont strong {
		font-size: 22px;
	}

	.vrlan .vrdbbotom ul li:after {
		margin-right: -56px;
		width: 32px;
		height: 4px;
	}

	.vrcase_r {
		min-height: inherit;
		width: 34.4%;
		padding: 30px 30px 30px 30px;
	}

	.vrcasenei span {
		font-size: 20px;
		margin-top: 30px;
	}

	.vrcasenei p {
		font-size: 16px;
	}

	.vrcase_r h3 {
		font-size: 24px;
		line-height: 1.2
	}

	.vrbottom .arsub {
		padding-top: 50px;
	}

	.varban {
		height: 500px;
	}

}

@media only screen and (max-width:767px) {
	.varban {
		height: auto;
		background: none !important;
		padding-top: 75px;
	}

	.vr_left {
		width: 100%;
		padding-right: 0px;
	}

	.vr_right {
		width: 100%;
		padding-left: 0;
		overflow: hidden;
		height: auto;
		position: relative;
	}

	.vr_right img {
		position: inherit;
		right: inherit;
		margin-right: 0;
		max-width: 100%;
	}

	.vrico {
		width: 40px;
		height: 40px;
		padding-top: 8px;
	}

	.vrico img {
		max-width: 50%;
	}

	.vrlcont {
		padding-left: 65px;
	}

	.vrps {
		position: absolute;
		top: 20px;
		left: 50%;
		margin-left: -35px;
		width: 70px;
	}

	.vrps img {
		max-width: 100%;
	}

	.vrlcont strong {
		font-size: 20px;
	}

	.vrlcont p {
		font-size: 14px;
	}

	.vrcicle span {
		width: 50px;
		height: 50px;
		padding-top: 12px;
	}

	.vrcicle span img {
		max-width: 50%;
	}

	.vrcicle strong {
		font-size: 20px;
	}

	.vrdbbotom ul li {
		padding: 0 15px;
	}

	.vrdbbotom ul li strong {
		font-size: 18px;
	}

	.vrdbbotom ul li p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 5px;
	}

	.vrlan .vrdbbotom ul li:after {
		display: none;
	}

	.vrw50 {
		width: 46%;
		height: 700px;
	}

	.vrcaselist	ul li {
		padding-bottom: 30px;
	}

	.vrcaselist	ul li .vrcase_l {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	.vrcaselist	ul li .vrcase_r {
		float: left;
		width: 100%;
	}

	.vrcaselist	ul li:nth-child(2n+0) .vrcase_l {
		float: left;
	}

	.vrcaselist	ul li:nth-child(2n+0) .vrcase_r {
		float: left;
	}

	.pt20 {
		padding-top: 0px;
	}

	.vrbottom:before {
		top: -5%;
	}

	.vrbottom .dolink {
		padding: 30px 0 30px 0;
	}

}

/*4.15*/
.hzzbg {
	background: #F0F1F4;
	width: 100%;
	padding-bottom: 50px;
	margin-top: 50px;
}

.dzfirst {
	margin-top: 50px;
}

.dzfirst ul {
	margin-left: -15px;
	margin-right: -15px;
}

.dzfirst ul li.dzlist {
	float: left;
	width: 33.33%;
	padding: 0 15px;
}

.dzcicle {
	border: 1px solid #F0F0F0;
	background-color: rgb(255, 255, 255);
	-moz-box-shadow: 0px 0px 5px #F0F0F0;
	-webkit-box-shadow: 0px 0px 5px #F0F0F0;
	box-shadow: 0px 0px 5px #F0F0F0;
}

.dzbg01 {
	background: url(../images/dzbg01.png) no-repeat center;
	height: 201px;
	background-size: cover;
}

.dzbg02 {
	background: url(../images/dzbg02.png) no-repeat center;
	height: 201px;
	background-size: cover;
}

.dzbg03 {
	background: url(../images/dzbg03.png) no-repeat center;
	height: 201px;
	background-size: cover;
}

.dzborder {
	padding: 25px 15px;
}

.dzcolor01 {
	border-top: 5px solid #60C0FF;
}

.dzcolor02 {
	border-top: 5px solid #FFAB53;
}

.dzcolor03 {
	border-top: 5px solid #41E5E4;
}

.dzborder span {
	display: block;
	text-align: center;
	height: 85px;
	padding-top: 26px;
}

.dzborder:hover img {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.dzborder h2 {
	text-align: center;
	color: #333333;
	font-weight: 600;
	font-size: 18px;
	padding-top: 10px;
}

.dzborder p {
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin-top: 5px;
	height: 50px;
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}

.dzborder p:after {
	content: "";
	border-bottom: 1px dashed #BEBEBE;
	height: 1px;
	width: 70%;
	position: absolute;
	left: 15%;
	bottom: 0;
}

.dzdown {
	padding: 0 25px;
	padding-top: 25px;
	height: 177px;
	overflow: hidden;
}

.dzdown ul li {
	padding: 0 15px;
	float: left;
	width: 50%;
	margin-bottom: 14px;
}

.dzdown ul li a {
	background: #F4F4F4;
	color: #000000;
	overflow: hidden;
	font-size: 14px;
	display: block;
	border-radius: 22px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.dzdown ul li a:not([href]):not([tabindex]) {
	color: #000000;
}

.dzdown ul li:hover a {
	background: #951E23;
	color: #fff !important;
}

@media screen and (max-width:1199px) {
	.dzdown ul li {
		padding: 0 10px;
	}

}

@media screen and (max-width:1023px) {
	.dzdown ul li {
		width: 100%;
		margin-bottom: 5px;
	}

	.dzdown {
		height: 277px;
	}

}

@media screen and (max-width:767px) {
	.dzfirst ul li.dzlist {
		width: 100%;
		margin-bottom: 10px;
	}

	.dzdown {
		height: auto;
		padding-bottom: 15px;
	}

}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}

.userbg {
	background: url(../images/dzxbg.jpg) no-repeat top center fixed;
	padding-bottom: 90px;
	margin-top: 30px;
}

.userlist {
	padding-top: 50px;
}

.userlist ul li {
	width: 33.33%;
	float: left;
	border-right: 1px solid #fff;
	padding: 24px;
}

.userlist ul li:nth-child(-n+3) {
	border-bottom: 1px solid #fff;
}

.userlist ul li:nth-child(3),
.userlist ul li:nth-child(6) {
	border-right: none
}

.userlist ul li span {
	display: block;
	height: 48px;
}

.userlist ul li:hover span img {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.userlist ul li h3 {
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	height: 48px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}

.userlist ul li p {
	color: #fff;
	text-align: center;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.dzbgtwo {
	background: url(../images/dzbg2.jpg) no-repeat center;
	height: 250px;
	margin-top: 30px;
}

.dzsub h3 {
	font-size: 28px;
	font-family: "SourceHanSansCN";
	color: #fff;
	font-weight: bold;
	padding-top: 50px;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
}

.dzsub p {
	font-size: 20px;
	color: rgb(255, 255, 255);
	padding: 20px 0;
}

.dzmore {
	color: #454aad;
	font-size: 18px;
	display: inline-block;
	background: #FFFFFF;
	width: 172px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 8px;
	margin-top: 10px;
}

a:hover.dzmore {
	color: #fff;
	background: #FE980F;
}

.yscontn {
	padding-top: 40px;
}

.dznei01 {
	float: left;
	width: 30%;
	padding-right: 15px;
}

.dznei02 {
	float: left;
	width: 40%;
	text-align: center;
	padding-top: 20px;
}

.dznei03 {
	float: left;
	width: 30%;
	padding-left: 15px;
	text-align: right;
}

@keyframes rotate-round {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@-webkit-keyframes rotate-round {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@keyframes rotate-round2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

}

@-webkit-keyframes rotate-round2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

}

.dznei02 span {
	border: 1px dashed #9A9A9A;
	border-radius: 50%;
	display: inline-block;
	padding: 40px;
	position: relative;
}

.dznei02 span img {
}

.fwdz01 {
	position: absolute;
	top: 35%;
	left: -56px;
	background: #F1944F;
	text-align: center;
	width: 112px;
	height: 112px;
	padding-top: 25px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
}

.fwdz01 i {
	display: block;
	padding-bottom: 5px;
}

.dznei02 i img {
	-webkit-animation: rotate-round 4s infinite;
	animation: rotate-round 4s infinite;
}

.fwdz02 {
	position: absolute;
	top: 35%;
	right: -56px;
	background: #F1944F;
	text-align: center;
	width: 112px;
	height: 112px;
	padding-top: 25px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
}

.fwdz02 i {
	display: block;
	padding-bottom: 5px;
}

.dzneicont {
	height: 227px;
}

.dzneicont h3 {
	font-size: 24px;
	padding-bottom: 15px;
	font-weight: 500;
	color: #5fc1fe;
}

.dzneicont p {
	font-size: 16px;
}

@media screen and (max-width:1023px) {
	.userlist ul li h3 {
		font-size: 18px;
	}

}

@media screen and (max-width:767px) {
	.userbg {
		background: url(../images/dzxbg.jpg) no-repeat top center;
		background-size: cover;
		padding-bottom: 90px;
		margin-top: 30px;
	}

	.userlist ul li {
		width: 50%;
		border-right: 1px solid #fff;
		padding: 20px 15px;
	}

	.userlist ul li:nth-child(-n+4) {
		border-bottom: 1px solid #fff;
	}

	.userlist ul li:nth-child(3) {
		border-right: 1px solid #fff;
	}

	.userlist ul li:nth-child(2),
	.userlist ul li:nth-child(4),
	.userlist ul li:nth-child(6) {
		border-right: none
	}

	.userlist ul li h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.dznei01 {
		width: 100%;
		padding-right: 0;
	}

	.dznei02 {
		width: 60%;
		margin: 0 auto;
		float: inherit;
		text-align: center;
		padding-top: 20px;
	}

	.dznei03 {
		width: 100%;
		padding-left: 0;
		text-align: left;
	}

	.dznei02 span {
		padding: 20px;
	}

	.fwdz01 {
		top: 30%;
		left: -40px;
		width: 80px;
		height: 80px;
		padding-top: 15px;
		font-size: 14px;
	}

	.fwdz02 {
		top: 30%;
		right: -40px;
		width: 80px;
		height: 80px;
		padding-top: 15px;
		font-size: 14px;
	}

	.dzneicont {
		height: auto;
		padding-bottom: 20px;
	}

	.dzneicont h3 {
		font-size: 20px;
	}

	.dzneicont p {
		font-size: 14px;
	}

	.dzsub h3 {
		font-size: 24px;
		padding-top: 50px;
	}

	.dzsub p {
		font-size: 18px;
		padding: 20px 0;
		padding-right: 20px;
	}

	.dzmore {
		font-size: 16px;
		width: 160px;
		height: 36px;
		line-height: 36px;
	}

}

/*营销推广*/
.pb50 {
	padding-bottom: 50px;
}

.yxmore {
	border-radius: 5px;
}

.yxfwlist {
	padding-top: 30px;
}

.yxfwlist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.yxfwlist ul li {
	width: 50%;
	float: left;
	padding: 0 15px;
	padding-bottom: 30px;
}

.yxfwbod {
	padding: 22px;
	padding-bottom: 5px;
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 8px 0px rgba(37, 66, 124, 0.15);
}

.yxfwbod h3 {
	font-size: 18px;
	color: #333333;
	font-weight: 500;
	text-align: center;
	background: url(../images/yxborder.jpg) no-repeat center bottom;
	padding-bottom: 20px;
}

.yxfwcont {
	text-align: center;
	padding-top: 18px;
	height: 103px;
}

.yxfwcont p {
	width: 24%;
	display: inline-block;
}

.yxfwcont p a {
	display: block;
}

.yxfwcont p i {
	display: block;
	height: 40px;
}

.yxfwcont p span {
	display: grid;
	height: 44px;
	line-height: 20px;
	font-size: 14px;
	color: #333333;
}

.yxfwcont p a:hover {
	font-weight: bold;
}

.yxfwcont p a:hover img {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.yxfwlist ul li:nth-child(3) .yxfwcont p {
	width: 33.33%;
}

.yxfwlist ul li:last-child .yxfwcont p {
	width: 19%;
}

.tglist {
	padding-top: 20px;
}

.tglist ul {
	margin-left: -15px;
	margin-right: -15px;
}

.tglist ul li {
	width: 25%;
	float: left;
	padding: 15px 15px;
	height: 284px;
}

.tgborder {
	border: 1px solid #EEEEEE;
	padding: 20px;
}

.tglist ul li:hover .tgborder {
	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.09);
	margin-top: -2px;
}

.tgborder h2 {
	color: #444444;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	height: 50px;
	margin-top: 15px;
}

.tgborder p {
	text-align: center;
	color: #999999;
	font-size: 14px;
	height: 72px;
	line-height: 24px;
	overflow: hidden;
}

.tgborder span {
	display: block;
	text-align: center;
}

.tgico01 {
	background-color: #fff;
	background: url(../images/tgh1.png) no-repeat center;
}

.tgico02 {
	background-color: #fff;
	background: url(../images/tgh2.png) no-repeat center;
}

.tgico03 {
	background-color: #fff;
	background: url(../images/tgh3.png) no-repeat center;
}

.tgico04 {
	background-color: #fff;
	background: url(../images/tgh4.png) no-repeat center;
}

.tgico05 {
	background-color: #fff;
	background: url(../images/tgh5.png) no-repeat center;
}

.tgico06 {
	background-color: #fff;
	background: url(../images/tgh6.png) no-repeat center;
}

.tgico07 {
	background-color: #fff;
	background: url(../images/tgh7.png) no-repeat center;
}

.tgico08 {
	background-color: #fff;
	background: url(../images/tgh8.png) no-repeat center;
}

.tgborder i {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico01 {
	background: url(../images/tgh01.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico02 {
	background: url(../images/tgh02.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico03 {
	background: url(../images/tgh03.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico04 {
	background: url(../images/tgh04.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico05 {
	background: url(../images/tgh05.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico06 {
	background: url(../images/tgh06.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico07 {
	background: url(../images/tgh07.png) no-repeat center;
	background-color: #4FB9FF;
}

.tglist ul li:hover .tgborder i.tgico08 {
	background: url(../images/tgh08.png) no-repeat center;
	background-color: #4FB9FF;
}

@media screen and (max-width:1023px) {
	.yxfwlist ul li:last-child .yxfwcont p {
		width: 18%;
	}

	.tgborder h2 {
		font-size: 16px;
		height: 50px;
		margin-top: 15px;
	}

	.tgborder {
		padding: 15px;
	}

	.tgborder p {
		height: 96px;
		line-height: 24px;
	}

	.yxfwcont p {
		width: 23%;
	}

}

@media screen and (max-width:767px) {
	.yxfwbod {
		padding: 15px;
		padding-bottom: 5px;
	}

	.yxfwlist ul li {
		width: 100%;
		padding-bottom: 30px;
	}

	.yxfwcont p {
		width: 23%;
	}

	.tglist ul li {
		width: 50%;
	}

	.tgborder {
		padding: 10px;
	}

}

@media screen and (max-width:374px) {
	.tglist ul li {
		width: 100%;
		height: auto;
	}

	.tgborder p {
		height: auto;
	}

}

.yszbg {
	background: url(../images/yxbg2.jpg) repeat-y center;
	width: 100%;
	padding: 60px 0;
	margin-top: 30px;
}

.yspod {
	position: relative;
}

.ysright {
	float: right;
	width: 35%;
	padding-top: 20px;
}

.ysright ul li {
}

.ysright ul li span {
	display: block;
	float: left;
	width: 16%;
	padding-right: 10px;
	padding-top: 15px;
}

.ysright ul li span img {
	max-width: 100%;
}

.ysrcont {
	float: left;
	width: 84%;
}

.ysrcont h3 {
	font-size: 24px;
	color: #fff;
	padding-bottom: 10px;
	line-height: 30px;
}

.ysrcont p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 25px;
	height: 100px;
}

.ysleft {
	position: absolute;
	background: #fff;
	height: 100%;
	top: 0;
	left: -10%;
	width: 70%;
	z-index: 99;
}

.ysdwnei {
	position: relative;
	padding: 150px;
	height: 100%;
}

.yssub p {
	padding-bottom: 20px;
	font-size: 14px;
	background: url(../images/yxborder2.jpg) no-repeat left bottom;
	padding-top: 20px;
}

.yswen {
	line-height: 30px;
	padding-top: 20px;
}

.cavpod {
	width: 100%;
	height: 60vh;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	color: #fff;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}

}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}

}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}

}

.cavs {
	width: 100%;
	height: 100%;
}

.cavs canvas {
	width: 100%;
}

@media screen and (max-width:1500px) {
	.ysleft {
		left: -5%;
		width: 65%;
	}

}

@media screen and (max-width:1439px) {
	.ysleft {
		left: 0%;
		width: 60%;
	}

}

@media screen and (max-width:1359px) {
	.ysleft {
		width: 58%;
	}

	.ysdwnei {
		padding: 100px;
	}

	.cavpod {
		height: 50vh;
	}

}

@media screen and (max-width:1023px) {
	.ysdwnei {
		padding: 60px;
	}

	.ysrcont h3 {
		font-size: 22px;
	}

}

@media screen and (max-width:767px) {
	.yszbg {
		background: #FFAE00;
		padding: 30px 0;
		padding-bottom: 10px;
	}

	.ysleft {
		width: 100%;
		position: inherit;
	}

	.ysdwnei {
		padding: 30px;
		overflow: hidden;
	}

	.cavpod {
		height: 60%;
	}

	.cavs {
		width: 250%;
	}

	.ysright {
		float: right;
		width: 100%;
		padding-top: 20px;
	}

	.ysright ul li {
		overflow: hidden;
		padding-bottom: 20px;
	}

	.ysrcont p {
		font-size: 14px;
		color: #fff;
		line-height: 25px;
		height: auto;
	}

	.ysright ul li span {
		padding-top: 0;
	}

	.ysrcont h3 {
		font-size: 20px;
	}

}

/*--小程序页面--*/
.xcbg {
	background: #EEEEEE;
	width: 100%;
	padding: 38px 0 18px 0;
}

.max1200 {
	max-width: 1200px;
	margin: 0 auto;
}

.color0 {
	color: #000000;
}

.fontn {
	font-weight: 500;
	font-size: 18px;
}

.font14 {
	font-size: 14px;
}

.cxico {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.cbodr {
	border-right: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

.mt60 {
	margin-top: 60px;
}

.imgcc {
	width: 93%;
}

.red {
	color: #F00;
}

.fontw {
	font-weight: 500;
}

.pt26 {
	padding-top: 26px;
}

.pt36 {
	padding-top: 36px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb34 {
	padding-bottom: 34px;
}

.pb40 {
	padding-bottom: 40px;
}

.contn {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.xysbg {
	background: #F1F5F8;
	padding-top: 30px;
	margin: 0 auto;
}

.bgbai {
	background: #FFF;
	font-size: 16px;
	color: #333333;
	padding: 20px;
	line-height: 26px;
	padding-bottom: 30px;
}

.bgbai:hover {
	background: #F5CC63;
	transition: all 0.5s;
}

/*.ab_header_box{ width:100%;}
*/
.pp30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pt10 {
	padding-top: 10px;
}

.mt36 {
	margin-top: 36px;
}

.imgcc2 {
	width: 95%;
}

.w20 {
	width: 20%;
	padding: 15px;
	float: left;
}

.baibg {
	background: #FFF;
	padding: 48px 0;
	border: 1px solid #E8E8E8;
}

.baibg:hover {
	-moz-box-shadow: 0px 0px 8px #DFE3E6;
	-webkit-box-shadow: 0px 0px 8px #DFE3E6;
	box-shadow: 0px 0px 8px #DFE3E6;
}

.pt25 {
	padding-top: 25px;
}

.nums {
	transition: 0.2s;
	text-align: center;
	background: url(../images/huibg_03.png) repeat;
	padding-top: 30%;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.nums h4 {
	color: #333333;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	margin-top: 28px;
}

.nums p {
	font-size: 14px;
	color: #333333;
	margin: 0 38px;
	line-height: 24px;
}

.nums:hover {
	background: url(../images/mnhuang_03.png) repeat;
}

.nums:hover h4 {
	color: #fff;
}

.nums:hover p {
	color: #fff;
}

.rowa {
	margin: 0 -1px;
}

.w201 {
	width: 20%;
	padding: 1px;
	float: left;
	margin-bottom: 1px;
}

.pdw {
	position: relative;
}

.dzdbg {
	background: url(../images/ddz_02.jpg) no-repeat center;
	background-size: cover;
	min-height: 158px;
}

.colorw {
	color: #FFF;
}

.pb10 {
	padding-bottom: 10px;
	padding-top: 56px;
}

.mdingzhi {
	padding: 8px 20px;
	border: 1px solid #fff;
	margin-right: 20px;
	color: #FFF;
	font-size: 16px;
	margin-top: 70px;
	display: inline-block;
}

.mdingzhi:hover {
	color: #333;
	background: #FFF;
}

@media (max-width:767px) {
	.mdingzhi {
		margin-top: 30px;
	}

	.dzdbg {
		padding-bottom: 20px;
	}

	.dzdbg h2 {
		font-size: 20px;
	}

	.dzdbg .fontw {
		font-size: 16px;
		line-height: 28px;
	}

	.max1200 {
		padding: 0 15px;
	}

}

/*--p2p---*/
.colorh {
	color: #9b6c10;
}

.font26 {
	font-size: 26px;
}

.bzbg1 {
	background: url(../images/cai_01_1.png) no-repeat center;
	height: 213px;
}

.bzbg2 {
	background: url(../images/cai_02_1.png) no-repeat center;
	height: 213px;
}

.bzbg3 {
	background: url(../images/cai_03_1.png) no-repeat center;
	height: 213px;
}

.bzbg4 {
	background: url(../images/cai_04_1.png) no-repeat center;
	height: 213px;
}

.bzlb {
	text-align: center;
	color: #FFF;
	padding: 120px 5px 0 5px;
}

.bzlb strong {
	font-size: 20px;
}

.bzlb p {
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	padding-top: 5px;
}

.pjrbg {
	background: url(../images/jrbg_1.jpg) repeat-x bottom;
	width: 100%;
	max-height: 548px;
	padding-bottom: 30px;
}

.company_name span {
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: #9B6C10;
	margin-bottom: 27px;
	margin-top: 20px;
}

.company_name p {
	font-size: 14px;
	padding-bottom: 20px;
}

.jrpic img {
	width: 92%;
}

.cptxbg {
	background: #F0E9DB;
	width: 100%;
	margin-top: 1px;
}

.baibgj {
	background: #FFF;
	padding: 30px 0;
	border: 1px solid #E8E8E8;
	margin-bottom: 10px;
}

.baibgj:hover {
	-moz-box-shadow: 0px 0px 8px #DFE3E6;
	-webkit-box-shadow: 0px 0px 8px #DFE3E6;
	box-shadow: 0px 0px 8px #DFE3E6;
}

.font16 {
	font-weight: 500;
	font-size: 16px;
}

.font18 {
	font-weight: 500;
	font-size: 18px;
}

.colors {
	color: #333;
}

.duih {
	background: url(../images/duihao_1.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	margin-right: 5px;
}

.pdb10 {
	padding-bottom: 10px;
}

.line30 {
	line-height: 20px;
}

.w202 {
	width: 20%;
	padding: 1px;
	float: left;
	margin-bottom: 1px;
}

.syfwbg {
	background: url(../images/ppxbg_02_1.jpg) no-repeat center;
	height: 298px;
}

.wk50 {
	width: 50%;
	float: right;
}

.mzixun {
	width: 160px;
	height: 40px;
	display: block;
	background: #9B6C10;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
}

.mzixun:hover {
	background: #fff;
	color: #9B6C10;
}

.opacity7 {
	opacity: 0.7
}

@media screen and (max-width:767px) {
	.mt60 {
		margin-top: 30px;
	}

	.pt36 {
		padding-top: 15px;
	}

	.pb34 {
		padding-bottom: 15px;
	}

	.bgbai {
		padding: 20px 15px;
	}

	.pp30 {
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}

}

@media screen and (max-width:375px) {
	.maxlist span.left {
		max-width: 90px;
	}

	.maxlist p {
		font-size: 12px;
	}

	.imgcc2 {
		width: 100%;
	}

}

/*--餐饮--*/
.cysbg {
	background: #EEEEEE;
	padding-top: 26px;
	padding-bottom: 16px;
}

.fonth18 {
	font-size: 18px;
	color: #ff5b00;
	font-weight: 500;
	padding-top: 8px;
}

.color9 {
	color: #999999;
	line-height: 20px;
	padding: 5px 0 10px 0;
}

.mb50 {
	margin-bottom: 50px;
}

.ztfbg {
	background: #E8EBFC;
}

.mztyou {
	float: right;
	width: 90%;
}

.mztyou h1 {
	font-weight: 500;
	font-size: 48px;
	color: #e16a12;
	padding-top: 10%;
	margin: 0;
}

.cor9 {
	font-size: 16px;
	color: #999999;
	line-height: 26px;
}

.tiaot {
	display: block;
	width: 61px;
	height: 61px;
	margin-top: 30px;
}

.tiaot img {
	-webkit-animation: bounce-up 1.4s linear infinite;
	animation: bounce-up 1.4s linear infinite;
}

}

@-webkit-keyframes bounce-down {
25% {
	-webkit-transform: translateY(-10px);
}

50%,
100% {
	-webkit-transform: translateY(0);
}

75% {
	-webkit-transform: translateY(10px);
}

}

@keyframes bounce-down {
25% {
	transform: translateY(-10px);
}

50%,
100% {
	transform: translateY(0);
}

75% {
	transform: translateY(10px);
}

}

.animate-bounce-down {
background: #333;
width: 100px;
height: 100px;
margin: 100px auto;
-webkit-animation: bounce-down 1.5s linear infinite;
animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
25% {
	-webkit-transform: translateY(10px);
}

50%,
100% {
	-webkit-transform: translateY(0);
}

75% {
	-webkit-transform: translateY(-10px);
}

}

@keyframes bounce-up {
25% {
	transform: translateY(10px);
}

50%,
100% {
	transform: translateY(0);
}

75% {
	transform: translateY(-10px);
}

}

.houtg {
display: block;
}

.houtg a {
color: #333333;
font-size: 14px;
line-height: 35px;
float: none;
display: inline-block;
}

.max1280 {
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
}

.hybgh {
background: #F7F7F6;
}

.mwmbt {
font-size: 18px;
color: #333;
}

.max1100 {
max-width: 1100px;
margin: 0 auto;
}

.shiyong span {
display: inline-block;
width: 50px;
height: 2px;
background-color: #F7B532;
margin-bottom: 5px;
margin-top: 20px;
}

.shiyong {
padding-top: 70px;
}

.linet30 {
line-height: 30px;
}

.colorc {
font-size: 14px;
color: #cccccc;
}

.czixun {
background: #F7B532;
border-radius: 8px;
width: 260px;
height: 50px;
line-height: 50px;
display: inline-block;
font-size: 18px;
color: #FFF;
margin-bottom: 20px;
}

.czixun:hover {
background: #1B1B1D;
color: #FFF;
}

.shenqi div:hover img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.baibg:hover img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.baibgj:hover img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

@media (max-width:1440px) {
.mztyou {
	width: 96%;
}

.mztyou h1 {
	font-size: 38px;
	padding-top: 5%;
}

.mztyou hr {
	margin: 10px 0;
}

.tiaot {
	width: 35px;
	height: 35px;
	margin-top: 10px;
}

.cor9 {
	font-size: 14px;
	line-height: 25px;
}

}

@media (max-width:1380px) {
.houtg a {
	font-size: 12px;
}

}

@media (max-width:1280px) {
.houtg .col-sm-2 {
	width: 16.66%;
	max-width: inherit;
}

.houtg a {
	margin-bottom: 10px;
}

}

@media (max-width:1200px) {
.max1200 {
	padding: 0 15px;
}

.mztyou h1 {
	font-size: 25px;
}

.mztyou {
	width: 98%;
	min-height: 270px;
}

.mwmbt {
	font-size: 16px;
}

.shiyong {
	padding-top: 50px;
}

}

@media (max-width:1100px) {
.max1100 {
	width: 95%;
}

.shiyong {
	padding-top: 30px;
}

.mztyou {
	min-height: auto;
}

.mztyou .pt10 {
	padding-top: 0;
}

}

@media (max-width:1000px) {
.ycang {
	display: none;
}

.mw100 {
	width: 100% !important;
}

.imgcc2 {
	width: 90%;
}

.nums {
	padding-top: 5%;
}

.w201 {
	width: 33.33%;
}

.w202 {
	width: 33.33%;
}

.bzlb strong {
	font-size: 16px;
}

.bzlb p {
	font-size: 12px;
}

.company_name p {
	font-size: 12px;
}

.jrpic img {
	width: 100%;
	margin-top: 30px;
}

.gncang {
	padding-bottom: 50px;
}

.gncang .item img {
	margin: 0 auto;
}

.wk50 {
	width: 65%;
}

.syfwbg {
	background: url(../images/ppxbg_02_1.jpg) no-repeat -455px;
}

.tiaot {
	display: none;
}

}

@media (max-width:991px) {
.mztyou {
	min-height: 270px;
}

}

@media (max-width:768px) {
.cbodr {
	margin-bottom: 30px;
}

.w20 {
	width: 33.333%;
}

.nums {
	padding-top: 30%;
}

.syfwbg {
	background: url(../images/ppxbg_02_1.jpg) no-repeat right;
}

.wk50 {
	width: 95%;
	margin: 0 auto;
	float: none;
}

.wk50 .pb10 {
	padding-top: 15px;
}

.shenqi {
	padding-top: 30px;
}

.shenqi .w202 {
	padding-bottom: 10px;
	padding-bottom: 15px;
}

.shenqi .pt25 {
	padding: 10px 0 0 0;
}

}

@media (max-width:767px) {
.jrpic {
	display: none;
}

.sjpt20 {
	padding-top: 20px;
}

.shenqi img {
	max-width: 30%;
}

.mztyou {
	min-height: inherit;
	padding: 0 15px;
	width: 100%;
	padding-bottom: 30px;
}

}

@media (max-width:520px) {
.w20 {
	width: 50%;
}

.w201 {
	width: 100%;
}

.bzlb {
	margin-bottom: 5px;
}

.houtg {
	text-align: left;
}

.houtg .col-sm-2 {
	width: 32%;
	text-align: center;
}

}

@media (max-width:375px) {
.w20 {
	width: 100%;
}

.w202 {
	width: 50%;
}

.wk50 {
	width: 100%;
}

.mzixun {
	width: 160px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-top: 20px;
}

}

.app-qrcode {
display: none;
position: absolute;
width: 130px;
height: 130px;
margin-top: -57px;
box-shadow: 0 0 6px rgba(14, 22, 30, .3);
margin-left: -198px;
z-index: 99;
}

.app-qrcode:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border: 8px solid transparent;
border-left: 10px solid rgba(0, 0, 0, .3);
top: 58px;
left: 132px;
}

.app-qrcode:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border: 8px solid transparent;
border-left: 10px solid #fff;
top: 58px;
left: 129px;
}

.Qr-codee li {
position: relative;
float: left;
text-align: center;
cursor: pointer;
}

/*小程序直播解决方案*/
.mlivebg {
background: #F1F5F8;
padding: 75px 0;
}

.livejs {
padding-top: 70px;
}

.livejs .tab_menu {
overflow: hidden;
text-align: center;
border-bottom: 1px solid #DEDEDE;
}

.livejs .tab_menu li {
float: left;
width: 33.33%;
padding: 5px 10px;
text-align: center;
cursor: pointer;
}

.livejs .tab_menu li a {
display: block;
color: #333333;
font-size: 18px;
transition: none;
}

.livejs .tab_menu li p {
line-height: 22px;
height: 44px;
}

.livejs .tab_menu li.current  a {
color: #ffcd08;
}

.livejs .tab_box {
padding: 0 45px;
}

.mlive_l {
float: left;
width: 48%;
}

.mlive_r {
float: left;
width: 52%;
padding-left: 20px;
}

.mlivel {
background: #6099E6;
box-shadow: 0px 2px 5px 0px rgba(39, 39, 39, 0.42);
border-radius: 8px;
color: #fff;
width: 100%;
height: 320px;
padding: 40px;
}

.mlivel h2 {
font-size: 25px;
color: #fff;
font-weight: 500;
min-height: 70px;
margin-bottom: 10px;
}

.mlivel p {
color: #fff;
font-size: 15px;
line-height: 28px;
}

.mlivel img {
float: right;
max-width: 35%;
}

.liveleft {
width: 65%;
float: left;
padding-top: 20px;
}

.livewen {
padding-top: 30px;
}

.livewen p {
font-size: 14px;
line-height: 28px;
}

@media (max-width:991px) {
.mlivel {
	padding: 30px;
}

.mlivel h2 {
	font-size: 22px;
	min-height: auto;
	padding-bottom: 20px;
}

.livejs .tab_menu li {
	padding: 5px 5px;
}

.livejs .tab_menu li a {
	font-size: 16px;
}

.mlivel img {
	padding-top: 20px;
}

.livejs .tab_box {
	padding: 0 15px;
}

.dzdbg h2 {
	font-size: 20px;
}

.dzdbg .tright {
	text-align: center;
}

}

@media (max-width:767px) {
.mlivebg {
	padding: 35px 0;
}

.mlive_l {
	width: 100%;
}

.mlive_r {
	width: 100%;
	padding-left: 0;
}

.livejs {
	padding-top: 30px;
}

.liveleft {
	width: 100%;
	float: left;
	padding-top: 0px;
}

.mlivel {
	height: auto;
	overflow: hidden;
}

.mlivel img {
	max-width: 100%;
}

}

/*信赖之选*/
.xlwbg {
background: url(../images/xlbg.jpg) no-repeat center;
padding: 80px 0 30px 0;
margin-bottom: 30px;
}

.choicelist {
padding-top: 60px;
}

.choicelist ul {
margin-left: -15px;
margin-right: -15px;
}

.choicelist ul li {
width: 20%;
float: left;
padding: 15px 15px;
}

.choicepic {
position: relative;
width: 100%;
height: 156px;
text-align: center;
display: inline-block;
overflow: hidden;
cursor: pointer;
}

.choicepic img {
max-width: 100%;
display: inline-block !important;
}

.msher {
left: -100%;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}

.mshe {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
}

.xlwbg .owl-theme .owl-nav {
display: none;
}

.xlwbg .owl-theme .owl-dots {
margin-top: 20px;
}

.xlwbg .owl-theme .owl-dots button {
outline: 0;
border: none;
}

.xlwbg .owl-theme .owl-dots button span {
font-size: 0;
width: 30px;
height: 2px;
background: #F1F4F8;
}

.xlwbg .owl-theme .owl-dots .owl-dot.active span,
.xlwbg  .owl-theme .owl-dots .owl-dot:hover span {
background: #FFCD08;
}

.pt50 {
padding-top: 50px;
}

@media (max-width:767px) {
.xlwbg {
	padding: 30px 0 30px 0;
}

.pt50 {
	padding-top: 30px;
}

.choicelist ul li {
	width: 50%;
}

}

/*4.9小程序直播*/
.mzhibo {
width: 100%;
border-bottom: 4px solid #EEEEEE;
padding-bottom: 60px;
}

.mzborder {
border-right: 1px solid #DEDEDE;
padding-right: 90px;
}

.mzbpic {
text-align: right;
padding-top: 20px;
}

.mzbpic img {
max-width: 100%;
}

.mzbwen h3 {
font-size: 20px;
color: #333333;
font-weight: 500;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 18px;
}

.mzbwen p {
font-size: 14px;
line-height: 26px;
min-height: 78px;
margin-top: 20px;
}

.mzbwen ul li {
padding-bottom: 18px;
}

.mzbdown {
border-top: 1px solid #B9B9B9;
padding-top: 60px;
padding-bottom: 60px;
}

.mzbmid {
text-align: center;
width: 100%;
max-width: 280px;
margin: 0 auto;
position: relative;
}

.mzbmid img {
max-width: 100%;
}

.mzbmid h3 {
position: absolute;
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 600;
color: #fff;
top: 15%;
}

.mzbmid p {
position: absolute;
width: 100%;
text-align: center;
font-size: 18px;
color: #fff;
top: 21%;
}

.mzbsub {
}

.mzbsub ul li {
padding-bottom: 10px;
}

.mzbsub ul li strong {
color: #000000;
font-size: 18px;
font-weight: 600;
height: 40px;
line-height: 20px;
display: block;
}

.mzbdes {
font-size: 14px;
min-height: 132px;
line-height: 22px;
}

@media (max-width:1099px) {
.mzborder {
	padding-right: 40px;
}

}

@media (max-width:991px) {
.mzbsub ul li strong {
	font-size: 16px;
}

}

@media (max-width:767px) {
.mzhibo {
	padding-bottom: 10px;
}

.mzbpic {
	text-align: center;
	padding-bottom: 30px;
}

.mzbwen h3 {
	font-size: 18px;
	padding-bottom: 10px;
}

.mzbwen p {
	line-height: 25px;
	min-height: inherit;
	margin-top: 10px;
}

.mzbwen ul li {
	padding-bottom: 25px;
}

.mzbdown {
	padding-top: 30px;
	padding-bottom: 0px;
}

.mzbsub ul li {
	padding-bottom: 20px;
}

.mzbsub ul li strong {
	height: auto;
	line-height: 20px;
	padding-bottom: 10px;
}

.mzbdes {
	font-size: 14px;
	min-height: inherit;
	line-height: 22px;
}

.mzbmid {
	display: none;
}

}

/*4.20*/
.erp-service {
padding-bottom: 60px;
}

.erp-service ul {
margin-top: 50px;
}

.erp-service li {
float: left;
font-weight: 500;
width: 33.333%;
padding: 15px 45px 25px;
text-align: center;
}

.erp-service li span {
margin-top: 5px;
display: block;
font-size: 18px;
color: #333333;
}

.erp-service li p {
margin-top: 15px;
line-height: 22px;
height: 66px;
color: #999999;
overflow: hidden;
font-size: 16px;
}

.erp-service li:hover {
box-shadow: 0 0px 15px rgba(38, 40, 118, .1);
-webkit-box-shadow: 0 0px 15px rgba(38, 40, 118, .1);
}

.erp-service li:hover img {
animation: tada 1s;
-webkit-animation: tada 1s;
}

.erp-service .button {
margin-top: 35px;
}

@-webkit-keyframes tada {
0% {
	-webkit-transform: scale(1);
}

10%,
20% {
	-webkit-transform: scale(0.9) rotate(-3deg);
}

30%,
50%,
70%,
90% {
	-webkit-transform: scale(1.1) rotate(3deg);
}

40%,
60%,
80% {
	-webkit-transform: scale(1.1) rotate(-3deg);
}

100% {
	-webkit-transform: scale(1) rotate(0);
}

}

@-moz-keyframes tada {
0% {
	-moz-transform: scale(1);
}

10%,
20% {
	-moz-transform: scale(0.9) rotate(-3deg);
}

30%,
50%,
70%,
90% {
	-moz-transform: scale(1.1) rotate(3deg);
}

40%,
60%,
80% {
	-moz-transform: scale(1.1) rotate(-3deg);
}

100% {
	-moz-transform: scale(1) rotate(0);
}

}

@-ms-keyframes tada {
0% {
	-ms-transform: scale(1);
}

10%,
20% {
	-ms-transform: scale(0.9) rotate(-3deg);
}

30%,
50%,
70%,
90% {
	-ms-transform: scale(1.1) rotate(3deg);
}

40%,
60%,
80% {
	-ms-transform: scale(1.1) rotate(-3deg);
}

100% {
	-ms-transform: scale(1) rotate(0);
}

}

@keyframes tada {
0% {
	transform: scale(1);
}

10%,
20% {
	transform: scale(0.9) rotate(-3deg);
}

30%,
50%,
70%,
90% {
	transform: scale(1.1) rotate(3deg);
}

40%,
60%,
80% {
	transform: scale(1.1) rotate(-3deg);
}

100% {
	transform: scale(1) rotate(0);
}

}

@media (max-width:767px) {
.erp-service {
	padding: 1rem 0;
}

.erp-service ul {
	margin-top: 20px;
}

.erp-service li {
	padding: 10px;
	width: 50%;
}

.erp-service li:nth-child(2n+1) {
	clear: both;
}

.erp-service li img {
	width: 40px;
}

.erp-service li:hover {
	box-shadow: 0 0px 15px rgba(38, 40, 118, 0);
	-webkit-box-shadow: 0 0px 15px rgba(38, 40, 118, 0);
}

.erp-channel {
	padding: 1rem 0;
}

.erp-channel .tab span {
	margin: 20px 10px 0;
	width: 120px;
	font-size: 14px;
}

.erp-channel .tab span i {
	display: none;
}

.erp-channel ul {
	margin: 0 -10px;
}

.erp-channel li {
	margin-top: 20px;
	padding: 0 10px;
	width: 50%;
}

.erp-service li p {
	font-size: 14px;
}

}

.mzbpic {
overflow: hidden;
}

video.mvideo {
max-width: 100%;
border-radius: 24px;
}

.mzbpic {
text-align: left;
padding-top: 20px;
}

.mzbwen ul li {
padding-bottom: 30px;
}

.mmask {
position: relative;
float: left;
padding: 5px;
}

.mmask span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/bgvideo.png) no-repeat;
background-size: 100% 100%;
}

@media (max-width:767px) {
.cbodr {
	border: none;
}

.mzborder {
	padding-right: 0;
	border: none;
}

.mzbpic {
	text-align: center;
}

}

/*小程序直播解决方案*/
.mlivebg {
background: #F1F5F8;
padding: 75px 0;
}

.livejs {
padding-top: 70px;
}

.livejs .tab_menu {
overflow: hidden;
text-align: center;
border-bottom: 1px solid #DEDEDE;
}

.livejs .tab_menu li {
float: left;
width: 33.33%;
padding: 5px 10px;
text-align: center;
cursor: pointer;
}

.livejs .tab_menu li a {
display: block;
color: #333333;
font-size: 18px;
transition: none;
}

.livejs .tab_menu li p {
line-height: 22px;
height: 44px;
}

.livejs .tab_menu li.current  a {
color: #ffcd08;
}

.livejs .tab_box {
padding: 0 45px;
}

.mlive_l {
float: left;
width: 48%;
}

.mlive_r {
float: left;
width: 52%;
padding-left: 20px;
}

.mlivel {
background: #6099E6;
box-shadow: 0px 2px 5px 0px rgba(39, 39, 39, 0.42);
border-radius: 8px;
color: #fff;
width: 100%;
height: 320px;
padding: 40px;
}

.mlivel h2 {
font-size: 25px;
color: #fff;
font-weight: 500;
min-height: 70px;
margin-bottom: 10px;
}

.mlivel p {
color: #fff;
font-size: 15px;
line-height: 28px;
}

.mlivel img {
float: right;
max-width: 35%;
}

.liveleft {
width: 65%;
float: left;
padding-top: 20px;
}

.livewen {
padding-top: 30px;
}

.livewen p {
font-size: 14px;
line-height: 28px;
}

@media (max-width:991px) {
.mlivel {
	padding: 30px;
}

.mlivel h2 {
	font-size: 22px;
	min-height: auto;
	padding-bottom: 20px;
}

.livejs .tab_menu li {
	padding: 5px 5px;
}

.livejs .tab_menu li a {
	font-size: 16px;
}

.mlivel img {
	padding-top: 20px;
}

.livejs .tab_box {
	padding: 0 15px;
}

.dzdbg h2 {
	font-size: 20px;
}

.dzdbg .tright {
	text-align: center;
}

}

@media (max-width:767px) {
.mlivebg {
	padding: 35px 0;
}

.mlive_l {
	width: 100%;
}

.mlive_r {
	width: 100%;
	padding-left: 0;
}

.livejs {
	padding-top: 30px;
}

.liveleft {
	width: 100%;
	float: left;
	padding-top: 0px;
}

.mlivel {
	height: auto;
	overflow: hidden;
}

.mlivel img {
	max-width: 100%;
}

}

/*信赖之选*/
.xlwbg {
background: url(../images/xlbg.jpg) no-repeat center;
padding: 80px 0 30px 0;
margin-bottom: 30px;
}

.choicelist {
padding-top: 60px;
}

.choicelist ul {
margin-left: -15px;
margin-right: -15px;
}

.choicelist ul li {
width: 20%;
float: left;
padding: 15px 15px;
}

.choicepic {
position: relative;
width: 100%;
height: 156px;
text-align: center;
display: inline-block;
overflow: hidden;
cursor: pointer;
}

.choicepic img {
max-width: 100%;
display: inline-block !important;
}

.msher {
left: -100%;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}

.mshe {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
}

.xlwbg .owl-theme .owl-nav {
display: none;
}

.xlwbg .owl-theme .owl-dots {
margin-top: 20px;
}

.xlwbg .owl-theme .owl-dots button {
outline: 0;
border: none;
}

.xlwbg .owl-theme .owl-dots button span {
font-size: 0;
width: 30px;
height: 2px;
background: #F1F4F8;
}

.xlwbg .owl-theme .owl-dots .owl-dot.active span,
.xlwbg  .owl-theme .owl-dots .owl-dot:hover span {
background: #FFCD08;
}

.pt50 {
padding-top: 50px;
}

@media (max-width:767px) {
.xlwbg {
	padding: 30px 0 30px 0;
}

.pt50 {
	padding-top: 30px;
}

.choicelist ul li {
	width: 50%;
}

}

/*5.29 改版*/
.xcnum {
padding-top: 30px;
}

.xcnum p {
font-size: 14px;
}

/* 必要布局样式css */
.product-num-box {
width: 100%;
overflow: hidden;
}

.product-num-content {
width: 100%;
margin: 0 auto;
}

.product-num-head {
margin-top: 60px;
}

.contn .max1200 .product-num-box  .product-num-item {
position: relative;
display: inline-block;
width: 270px;
text-align: left;
max-width: 33.33%;
float: left;
}

.contn .max1200 .product-num-box .product-num-nub {
display: inline-block;
font-size: 40px;
color: #ffcd08;
line-height: 42px;
}

.contn .max1200 .product-num-box .product-num-inf {
margin-top: 5px;
width: 100%;
display: block;
font-size: 18px;
color: #000000;
}

.contn .max1200 .product-num-box .product-num-wan {
color: #ffcd08;
font-size: 40px;
font-weight: bold;
line-height: 40px;
height: 40px;
}

@media (max-width:767px) {
.product-num-wan,
.product-num-nub {
	font-size: 30px;
}

.contn .max1200 .product-num-box  .product-num-inf {
	font-size: 14px;
}

.fontw {
	font-size: 20px;
	text-align: center;
	letter-spacing: -1px;
}

.product-num-head {
	margin-top: 30px;
}

}

/*第二部分*/
.xctwo ul {
margin-left: -15px;
margin-right: -15px;
padding-bottom: 50px;
padding-top: 50px;
}

.xctwo ul li {
width: 25%;
float: left;
padding: 0 15px;
}

.xctwo ul li span {
max-width: 100%;
margin-bottom: 15px;
}

.xctwo ul li h3 {
font-size: 18px;
color: #333333;
padding-left: 15px;
}

.xctwo ul li p {
font-size: 14px;
height: 66px;
line-height: 22px;
overflow: hidden;
padding-left: 15px;
margin-top: 10px;
}

.xctwo ul li:hover span img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

@media (max-width:767px) {
.xctwo ul {
	padding-bottom: 30px;
	padding-top: 30px;
}

.xctwo ul li {
	width: 50%;
}

.xctwo ul li h3 {
	font-size: 16px;
	padding-left: 0;
	text-align: center;
	height: auto;
}

}

@media (max-width:374px) {
.xctwo ul li h3 {
	line-height: 20px;
}

}

/*第四个*/
.fourbg {
background: #fff;
padding-top: 30px;
margin: 0 auto;
}

/*第五个*/
.fivebg {
background: url(../images/xcxgn.jpg) no-repeat center;
background-size: cover;
padding-top: 30px;
margin: 0 auto;
padding-bottom: 30px;
}

@media (max-width:767px) {
.fivebg .mt36 {
	margin-top: 0;
}

}

/*最后一行*/
.joinlist {
padding-bottom: 50px;
padding-top: 50px;
margin-left: -20px;
}

.joinlist ul li {
float: left;
width: 15.2%;
background: url(../images/hjian.png) no-repeat right 40px;
padding-left: 20px;
}

.joinlist ul li:last-child {
background: none;
width: 105px;
}

.joinico {
max-width: 105px;
}

.joinico img {
max-width: 100%;
}

.joinlist ul li p {
max-width: 105px;
text-align: center;
font-size: 15px;
margin-top: 15px;
height: 50px;
}

@media (max-width:1319px) {
.joinlist ul li {
	width: 15%;
	background: url(../images/hjian.png) no-repeat right 30px;
	padding-left: 20px;
}

.joinico {
	max-width: 90px;
}

.joinlist ul li p {
	max-width: 90px;
}

}

@media (max-width:1199px) {
.joinlist {
	margin-left: -10px;
}

.joinlist ul li {
	width: 14.9%;
	background: url(../images/hjian.png) no-repeat right 30px;
	padding-left: 10px;
}

.joinico {
	max-width: 80px;
}

.joinlist ul li p {
	max-width: 80px;
}

}

@media (max-width:1023px) {
.joinlist {
	margin-left: -10px;
}

.joinlist ul li {
	width: 25%;
	background: url(../images/hjian.png) no-repeat right 30px;
	padding-left: 10px;
	padding-bottom: 15px;
}

.joinico {
	max-width: 80px;
}

.joinlist ul li p {
	max-width: 80px;
}

}

@media (max-width:767px) {
.joinlist {
	margin-left: -10px;
}

.joinlist ul li {
	width: 25%;
	background: none;
	padding-left: 10px;
	padding-bottom: 15px;
}

.joinlist ul li:last-child {
	background: none;
	width: 25%;
}

.joinico {
	max-width: 80px;
}

.joinlist ul li p {
	max-width: 80px;
	font-size: 16px;
}

}

/*微信小程序功能 */
.fivebg .xcxleft {
float: left;
width: 26%;
}

.fivebg .xcxleft img {
max-width: 100%;
border-radius: 50%;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
transition: all 0.5s;
}

.fivebg .xcxleft img:hover {
box-shadow: none;
}

.fivebg .xcxright {
float: left;
width: 65%;
padding-top: 5px;
padding-left: 15px;
height: 100px;
}

.color333 {
color: #333;
}

@media (max-width:991px) {
.fivebg .xcxright {
	width: 74%;
}

.fivebg .xcxright p {
	line-height: 22px;
}

}

@media (max-width:767px) {
}

/*小程序直播解决方案*/
.mlivebg {
background: #F1F5F8;
padding: 75px 0;
}

.livejs {
padding-top: 70px;
}

.livejs .tab_menu {
overflow: hidden;
text-align: center;
border-bottom: 1px solid #DEDEDE;
}

.livejs .tab_menu li {
float: left;
width: 33.33%;
padding: 5px 10px;
text-align: center;
cursor: pointer;
}

.livejs .tab_menu li a {
display: block;
color: #333333;
font-size: 18px;
transition: none;
}

.livejs .tab_menu li p {
line-height: 22px;
height: 44px;
}

.livejs .tab_menu li.current  a {
color: #ffcd08;
}

.livejs .tab_box {
padding: 0 45px;
}

.mlive_l {
float: left;
width: 48%;
}

.mlive_r {
float: left;
width: 52%;
padding-left: 20px;
}

.mlivel {
background: #6099E6;
box-shadow: 0px 2px 5px 0px rgba(39, 39, 39, 0.42);
border-radius: 8px;
color: #fff;
width: 100%;
height: 320px;
padding: 40px;
}

.mlivel h2 {
font-size: 25px;
color: #fff;
font-weight: 500;
min-height: 70px;
margin-bottom: 10px;
}

.mlivel p {
color: #fff;
font-size: 15px;
line-height: 28px;
}

.mlivel img {
float: right;
max-width: 35%;
}

.liveleft {
width: 65%;
float: left;
padding-top: 20px;
}

.livewen {
padding-top: 30px;
}

.livewen p {
font-size: 14px;
line-height: 28px;
}

@media (max-width:991px) {
.mlivel {
	padding: 30px;
}

.mlivel h2 {
	font-size: 22px;
	min-height: auto;
	padding-bottom: 20px;
}

.livejs .tab_menu li {
	padding: 5px 5px;
}

.livejs .tab_menu li a {
	font-size: 16px;
}

.mlivel img {
	padding-top: 20px;
}

.livejs .tab_box {
	padding: 0 15px;
}

.dzdbg h2 {
	font-size: 20px;
}

.dzdbg .tright {
	text-align: center;
}

}

@media (max-width:767px) {
.mlivebg {
	padding: 35px 0;
}

.livejs .tab_menu li a {
	line-height: 22px;
}

.mlive_l {
	width: 100%;
}

.mlive_r {
	width: 100%;
	padding-left: 0;
}

.livejs {
	padding-top: 30px;
}

.liveleft {
	width: 100%;
	float: left;
	padding-top: 0px;
}

.mlivel {
	height: auto;
	overflow: hidden;
}

.mlivel img {
	max-width: 100%;
}

}

/*信赖之选*/
.xlwbg {
background: url(../images/xlbg.jpg) no-repeat center;
padding: 80px 0 30px 0;
margin-bottom: 30px;
}

.choicelist {
padding-top: 60px;
}

.choicelist ul {
margin-left: -15px;
margin-right: -15px;
}

.choicelist ul li {
width: 20%;
float: left;
padding: 15px 15px;
}

.choicepic {
position: relative;
width: 100%;
height: 156px;
text-align: center;
display: inline-block;
overflow: hidden;
cursor: pointer;
}

.choicepic img {
max-width: 100%;
display: inline-block !important;
}

.msher {
left: -100%;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}

.mshe {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
}

.xlwbg .owl-theme .owl-nav {
display: none;
}

.xlwbg .owl-theme .owl-dots {
margin-top: 20px;
}

.xlwbg .owl-theme .owl-dots button {
outline: 0;
border: none;
}

.xlwbg .owl-theme .owl-dots button span {
font-size: 0;
width: 30px;
height: 2px;
background: #F1F4F8;
}

.xlwbg .owl-theme .owl-dots .owl-dot.active span,
.xlwbg  .owl-theme .owl-dots .owl-dot:hover span {
background: #FFCD08;
}

.pt50 {
padding-top: 50px;
}

@media (max-width:767px) {
.xlwbg {
	padding: 30px 0 30px 0;
}

.pt50 {
	padding-top: 30px;
}

.choicelist ul li {
	width: 50%;
}

}

/*seo 改版*/
.seoban .owl-theme .owl-nav {
display: none;
}

.seoban .owl-carousel .owl-item img {
max-width: 100%;
}

.seoban .owl-theme .owl-dots {
position: absolute;
text-align: center;
bottom: 10px;
width: 100%;
}

.seoban .owl-theme .owl-dots  button {
border: none;
}

.bgseo strong {
background: none;
padding: 0;
font-size: 30px;
color: #333;
height: auto;
line-height: 30px;
}

.bgseo .cdnwen {
margin-top: 20px;
}

.bgseo .cdnwen strong {
font-size: 18px;
font-weight: bold;
color: #666666;
}

.seolist {
padding-top: 20px;
padding-bottom: 30px;
}

.seolist ul {
margin-left: -15px;
margin-right: -15px;
}

.seolist ul li {
float: left;
width: 25%;
padding: 15px;
text-align: center;
}

.seolist ul li span {
display: block;
text-align: center;
height: 56px;
}

.seolist ul li strong {
font-size: 18px;
height: 30px;
line-height: 24px;
color: #404040;
display: block;
margin: 28px 0 5px 0;
}

.seolist ul li p {
font-size: 15px;
text-align: center;
margin: 0 auto;
height: 125px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

.seotbg {
padding: 50px 30px 20px 30px;
}

.seolist ul li:hover .seotbg {
background-color: rgb(246, 250, 255);
box-shadow: 0px 0px 42.57px 0.43px rgba(0, 0, 0, 0.04);
}

.seolist ul li:hover span img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.owl-theme.seotop .owl-dots .owl-dot span {
background: rgba(0, 0, 0, 0.5);
}

@media (max-width:1024px) {
.seoban {
	padding-top: 75px;
}

.seotbg {
	padding: 30px 15px 20px 15px;
}

.seolist ul li strong {
	height: 48px;
	margin: 10px;
}

.seolist ul li p {
	font-size: 14px;
	height: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

}

.owl-theme.seotop .owl-nav {
display: none;
}

.owl-theme.seotop .owl-dots {
margin-top: 10px;
margin-bottom: 10px;
}

.owl-theme.seotop .owl-dots button {
border: none;
outline: 0;
}

.owl-theme.seotop .owl-dots .owl-dot.active span,
.owl-theme.seotop .owl-dots .owl-dot:hover span {
background: #00A1DF;
}

@media (max-width:767px) {
.seolist ul li span img {
	margin: 0 auto;
}

.seolist ul li {
	width: 100%;
	height: auto;
	text-align: center;
}

.seolist ul li strong {
	font-size: 16px;
}

.seolist ul li p {
	max-width: 100%;
	height: auto;
	line-height: 24px;
}

.bgseo strong {
	font-size: 24px;
}

}

/*seo 第二部分*/
.seoxbg {
background: url(../images/seobg02.jpg) no-repeat center;
width: 100%;
min-height: 822px;
}

.bgseo strong em {
font-style: normal;
font-weight: bold;
}

.seocontn {
padding-top: 40px;
}

.kynei01 {
float: left;
width: 32%;
padding-right: 15px;
text-align: right;
}

.kynei02 {
float: left;
width: 36%;
text-align: center;
}

.kynei03 {
float: left;
width: 32%;
padding-left: 15px;
}

.kynei02 span {
display: inline-block;
padding: 10px;
position: relative;
}

.kynei02 span img {
}

.kydz01 {
position: absolute;
top: 35%;
left: -56px;
background: #F1944F;
text-align: center;
width: 112px;
height: 112px;
padding-top: 25px;
border-radius: 50%;
font-size: 16px;
color: #fff;
}

.kydz01 i {
display: block;
padding-bottom: 5px;
}

.kynei02 i img {
-webkit-animation: rotate-round 4s infinite;
animation: rotate-round 4s infinite;
}

.kydz02 {
position: absolute;
top: 35%;
right: -56px;
background: #F1944F;
text-align: center;
width: 112px;
height: 112px;
padding-top: 25px;
border-radius: 50%;
font-size: 16px;
color: #fff;
}

.kydz02 i {
display: block;
padding-bottom: 5px;
}

.kyneicont {
height: 180px;
}

.kyneicont h3 {
font-size: 20px;
margin-bottom: 15px;
font-weight: bold;
color: #fff;
overflow: hidden;
}

.kyneicont h3 em {
font-size: 20px;
width: 80%;
font-style: normal;
font-weight: bold;
color: #fff;
display: inline-block;
padding-top: 10px;
}

.kyneicont p {
font-size: 16px;
color: #fff;
}

.kyneicont h3 span {
display: inline-block;
}

.kynei01 h3 em {
float: right;
}

.kynei01 h3 span {
float: right;
padding-left: 10px;
}

.kynei03 h3 span {
float: left;
padding-right: 10px;
}

@media (max-width:1023px) {
.kyneicont h3 em {
	font-size: 18px;
	width: 70%;
	line-height: 28px;
	padding-top: 5px;
}

}

@media (max-width:767px) {
.kynei01 {
	width: 100%;
	padding-right: 0;
	text-align: left;
}

.kynei02 {
	display: none;
}

.kynei03 {
	width: 100%;
	padding-left: 0;
}

.kynei01 h3 em {
	float: left;
}

.kynei01 h3 span {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
}

.kyneicont {
	height: auto;
	padding-bottom: 20px;
}

.seoxbg {
	background-size: cover;
	background: url(../images/seobgx02.jpg) no-repeat center;
}

.seocontn {
	padding-top: 0;
}

.kyneicont h3 em {
	font-size: 16px;
	width: 80%;
	line-height: 28px;
	padding-top: 5px;
}

.kyneicont p {
	font-size: 15px;
}

}

/*------------------------优势-----------------------*/
.seo50 {
width: 50%;
float: left;
}

.span5 {
width: 41.66666667%;
}

.span2 {
width: 16.66666667%;
}

.seoyoushi .woyoushi {
padding: 20px 0;
height: 396px;
box-sizing: border-box;
overflow: hidden;
background: url(../images/seoright002.jpg) left no-repeat;
}

.seoyoushi .woyoushi .leftus {
margin-top: 120px;
text-align: right;
float: right;
width: 50%;
padding-right: 80px;
}

.seoyoushi .woyoushi .leftus h3 {
font-size: 26px;
font-weight: 500;
}

.seoyoushi .woyoushi .leftus p {
font-size: 16px;
margin-top: 60px;
line-height: 28px;
}

.seoyoushi .tayoushi {
padding: 20px 0;
height: 396px;
box-sizing: border-box;
overflow: hidden;
background: url(../images/seoleft001.jpg) right no-repeat;
}

.seoyoushi .tayoushi .rightus {
margin-top: 120px;
text-align: left;
color: #fff;
float: left;
width: 50%;
padding-left: 80px;
}

.seoyoushi .tayoushi .rightus h3 {
font-size: 26px;
font-weight: 500;
}

.seoyoushi .tayoushi .rightus p {
font-size: 16px;
color: #fff;
margin-top: 60px;
line-height: 28px;
}

@media screen and (max-width:1023px) {
.seoyoushi .woyoushi .leftus {
	padding-right: 50px;
	width: 60%;
}

.seoyoushi .tayoushi .rightus {
	margin-top: 120px;
	padding-left: 50px;
}

.seoyoushi .tayoushi .rightus p,
.seoyoushi .woyoushi .leftus p {
	margin-top: 30px;
}

}

@media screen and (max-width:991px) {
.seoyoushi .woyoushi .leftus {
	padding-right: 30px;
	width: 80%;
}

.seoyoushi .tayoushi .rightus {
	padding-left: 30px;
	width: 80%;
}

.seoyoushi .woyoushi .leftus h3,
.seoyoushi .tayoushi .rightus h3 {
	font-size: 24px;
}

}

@media screen and (max-width:767px) {
.seoyoushi .woyoushi {
	padding: 10px 0;
	width: 100%;
	height: 200px;
	background: url(../images/seoright002.jpg) left no-repeat;
}

.seoyoushi .woyoushi .leftus {
	margin-top: 28px;
	color: #223540;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

.seoyoushi .woyoushi .leftus h3 {
	font-size: 20px;
	margin: 5px 0;
}

.seoyoushi .woyoushi .leftus p {
	font-size: 16px;
	margin: 15px 0;
}

.seoyoushi .tayoushi {
	padding: 10px 0;
	height: 200px;
	width: 100%;
	background: url(../images/seoleft001.jpg) right no-repeat;
}

.seoyoushi .tayoushi .rightus {
	margin-top: 28px;
	text-align: left;
	color: #fff;
	float: right;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

.seoyoushi .tayoushi .rightus h3 {
	font-size: 20px;
	margin: 5px 0;
}

.seoyoushi .tayoushi .rightus p {
	font-size: 16px;
	margin: 15px 0;
}

}

/*-------------------优势--------------------*/
.span12 {
width: 100%;
}

.eqiseoyoushi {
margin: 20px 0;
}

.youshilie {
padding: 10px 0;
line-height: 47px;
}

.youshilie .yous {
text-align: center;
}

.youshilie .yousleft {
text-align: right;
}

.youshilie .yousright {
text-align: left;
}

.span12 .yous {
text-align: center;
padding: 0 5px;
}

.span12 .yous img {
margin: 0 auto;
padding-top: 157px;
max-width: 100%;
}

.youshilie .yousright span {
background: url(../images/zhengque001.png) left no-repeat;
background-size: 30px;
padding-left: 35px;
}

.youshilie .yousleft span {
background: url(../images/cuowu001.png) right no-repeat;
background-size: 30px;
padding-right: 35px;
}

.youshilie span {
font-size: 20px;
color: #223540;
padding: 5px 10px;
}

.youshilie img {
width: 50px;
}

@media screen and (max-width:767px) {
.youshilie {
	padding: 5px 0;
	height: 60px;
	line-height: 18px;
}

.youshilie .yous {
	text-align: center;
}

.youshilie .yousleft {
	text-align: right;
}

.youshilie .yousright {
	text-align: left;
}

.youshilie span {
	font-size: 14px;
	padding: 2px 5px;
}

.youshilie .yousright span {
	background: url(../images/zhengque001.png) left no-repeat;
	background-size: 15px;
	padding-left: 25px;
	padding-right: 0px;
}

.youshilie .yousleft span {
	background: url(../images/cuowu001.png) left no-repeat;
	background-size: 15px;
	padding-left: 25px;
	padding-right: 0px;
}

.youshilie img {
	width: 40px;
}

}

.seowenbg {
background: url(../images/swowenbg.jpg) no-repeat center;
height: 465px;
}

.seozcont {
width: 100%;
position: relative;
height: 100%;
}

.seopo {
position: absolute;
background: #fff;
border-radius: 8px;
-moz-box-shadow: 2px 2px 5px rgb(246, 250, 255);
-webkit-box-shadow: 2px 2px 5px rgb(246, 250, 255);
box-shadow: 2px 2px 5px rgb(246, 250, 255);
font-size: 20px;
padding: 10px 15px;
}

.seoci01 {
left: 12%;
top: 24%;
}

.seoci02 {
left: 25%;
top: 22%;
}

.seoci03 {
left: 55%;
top: 16%;
}

.seoci04 {
left: 15%;
top: 42%;
}

.seoci05 {
left: 36%;
top: 40%;
}

.seoci06 {
left: 59%;
top: 35%;
}

.seoci07 {
left: 75%;
top: 32%;
}

.seoci08 {
left: 25%;
top: 60%;
}

.seoci09 {
left: 53%;
top: 55%;
}

.seoci10 {
left: 71%;
top: 50%;
}

@media (max-width:1023px) {
.seopo {
	font-size: 18px;
	padding: 10px 15px;
}

.seoci01 {
	left: 6%;
	top: 24%;
}

.seoci02 {
	left: 29%;
	top: 22%;
}

.seoci03 {
	left: 55%;
	top: 16%;
}

.seoci04 {
	left: 10%;
	top: 45%;
}

.seoci05 {
	left: 34%;
	top: 43%;
}

.seoci06 {
	left: 59%;
	top: 37%;
}

.seoci07 {
	left: 75%;
	top: 34%;
}

.seoci08 {
	left: 25%;
	top: 60%;
}

.seoci09 {
	left: 53%;
	top: 55%;
}

.seoci10 {
	left: 71%;
	top: 50%;
}

}

@media (max-width:767px) {
.bgseo .cdnwen {
}

.seowenbg {
	height: auto;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 50px;
}

.seopo {
	position: inherit;
	font-size: 16px;
	background: none;
	width: 50%;
	padding: 10px 5px;
	float: left;
	left: inherit;
	top: inherit;
}

}

.seoyslist {
overflow: hidden;
}

.seoyslist ul {
margin-left: -30px;
margin-right: -30px;
}

.seoyslist ul li {
width: 50%;
float: left;
padding: 25px 30px;
}

.seoborder {
border-bottom: 2px solid #79B5FF;
padding-bottom: 15px;
}

.seoyslist ul li h3 {
font-size: 20px;
}

.seoyslist ul li h3 strong {
font-size: 30px;
color: #dd2121;
}

.seoyslist ul li p {
font-size: 16px;
margin-top: 20px;
}

@media (max-width:1319px) {
.seoyslist ul li p {
	min-height: 75px;
}

}

@media (max-width:767px) {
.seoyslist ul li {
	width: 100%;
	padding: 15px 30px;
}

.seoyslist ul li h3 {
	font-size: 18px;
}

.seoyslist ul li h3 strong {
	font-size: 26px;
}

.seoyslist ul li p {
	min-height: inherit;
}

}

/*seo成功案例*/
.casebg {
background: url(../images/casebg.jpg) no-repeat center;
background-size: cover;
padding-bottom: 30px;
}

.seoclist {
overflow: hidden;
padding-top: 10px;
padding-bottom: 30px;
}

.seoclist ul {
margin-left: -13px;
margin-right: -13px;
}

.seoclist ul li {
float: left;
width: 25%;
padding: 13px 13px;
}

.seoclist ul li img {
max-width: 100%;
}

.seoclist ul li a {
display: block;
width: 100%;
}

.seotan {
text-align: center;
}

.seotan img {
max-width: 100%;
}

.owl-theme.seocase .owl-nav {
display: none;
}

.owl-theme.seocase .owl-dots {
margin-top: 20px;
}

.owl-theme.seocase .owl-dots button {
border: none;
outline: 0;
}

.owl-theme.seocase .owl-dots .owl-dot.active span,
.owl-theme.seocase .owl-dots .owl-dot:hover span {
background: #00A1DF;
}

@media (max-width:767px) {
.seoclist ul li {
	width: 50%;
}

}

.seotdwen {
padding-top: 40px;
text-align: center;
}

.seotdwen p {
font-size: 16px;
color: #999999;
line-height: 28px;
}

.seojs .tab_menu {
overflow: hidden;
text-align: center;
}

.seojs .tab_menu li {
width: 25%;
padding: 0 20px;
float: inherit;
display: inline-block;
height: 52px;
line-height: 52px;
text-align: center;
cursor: pointer;
}

.seojs .tab_menu li a {
background: #F6FAFF;
border-radius: 5px;
display: block;
line-height: inherit;
font-size: 20px;
transition: none;
}

.seojs .tab_menu li p {
line-height: 52px;
}

.seojs .tab_menu li.current a {
background: #00A1DF;
}

.seojs .tab_menu li.current  a {
color: #fff;
}

.seotd {
overflow: hidden;
padding-top: 20px;
}

.seotd ul {
margin-left: -13px;
margin-right: -13px;
}

.seotd ul li {
float: left;
width: 20%;
padding: 13px;
}

.seotdpic {
overflow: hidden;
}

.seotdpic img {
max-width: 100%;
border-radius: 5px;
}

.honorlist {
overflow: hidden;
padding-top: 30px;
}

.honorlist ul {
margin-left: -20px;
margin-right: -20px;
}

.honorlist ul li {
float: left;
width: 20%;
text-align: center;
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 10px;
}

.honorlist ul li a {
display: block;
overflow: hidden;
}

.honorlist ul li img {
width: 100%;
transition: all 0.5s;
}

.honorlist ul li:hover img {
transform: scale(1.05);
}

.honorlist ul li p {
color: #333333;
height: 40px;
line-height: 20px;
margin-top: 5px;
overflow: hidden;
}

.gspic {
padding: 30px 0;
}

.gspic img {
max-width: 100%;
}

@media (max-width:991px) {
.honorlist ul li {
	width: 33.33%;
}

}

@media (max-width:767px) {
.honorlist ul li {
	width: 50%;
}

}

.seolclist {
padding-bottom: 50px;
padding-top: 50px;
margin-left: -20px;
}

.seolclist ul li {
float: left;
width: 20%;
background: url(../images/hjian.png) no-repeat right 40px;
padding-left: 20px;
}

.seolclist ul li:last-child {
background: none;
}

.seoico {
max-width: 150px;
text-align: center;
}

.seoico img {
max-width: 100%;
}

.seolclist ul li p {
max-width: 150px;
text-align: center;
font-size: 18px;
margin-top: 15px;
height: 50px;
}

@media (max-width:1023px) {
.seolclist {
	margin-left: -10px;
}

.seolclist ul li {
	background: url(../images/hjian.png) no-repeat right 35px;
	background-size: 20%;
	padding-left: 10px;
	padding-bottom: 15px;
}

.seoico {
	max-width: 90px;
}

.seolclist ul li p {
	max-width: 90px;
	font-size: 16px;
}

}

@media (max-width:767px) {
.seolclist {
	padding-top: 0px;
	padding-bottom: 20px;
}

.seolclist ul li {
	width: 33.33%;
	background: none;
	padding-left: 10px;
	padding-bottom: 15px;
}

.seoico {
	max-width: 80px;
}

.seolclist ul li p {
	max-width: 80px;
	font-size: 16px;
}

.seojs .tab_menu li {
	width: 32%;
	padding: 0 5px;
	height: 35px;
	line-height: 35px;
}

.seojs .tab_menu li p {
	line-height: 35px;
}

.seojs .tab_menu li a {
	font-size: 18px;
}

.seotd ul li {
	width: 50%;
	padding: 13px;
}

}

/*数字变化*/
.seoheng {
background: #F6FAFF;
margin-top: 30px;
}

.product-num-box {
width: 100%;
}

.seoheng  .product-num-head {
margin-top: 0;
}

.product-num-head {
padding: 40px 0;
}

.product-num-item {
text-align: center;
float: left;
}

.aboutnum01 {
width: 33.33%;
}

.aboutnum02 {
width: 33.33%;
}

.aboutnum03 {
width: 33.33%;
}

.product_white {
position: relative;
}

.product-num-nub {
height: 52px;
line-height: 52px;
font-size: 58px;
color: #00a1df;
font-family: Impact;
}

.product-num-add {
color: #999999;
font-size: 30px;
margin-left: 13px;
position: relative;
}

.product-num-add em {

/* position:absolute; */color: #00a1df;/* top:-36px; */

/* left:-10px; */font-style: normal;
font-size: 40px;
font-family: Impact;
margin-left: -5px;
padding-right: 5px;
}

.product-num-inf {
margin-top: 10px;
color: #333333;
font-size: 14px;
height: 50px;
padding: 0 5px;
line-height: 25px;
display: block;
overflow: hidden;
}

@media screen and (max-width:1023px) {
.product-num-nub {
	height: 45px;
	line-height: 45px;
	font-size: 44px;
}

.product-num-add {
	font-size: 22px;
	margin-left: 13px;
}

}

@media screen and (max-width:767px) {
.product-num-head {
	padding: 20px 0;
}

.product-num-nub {
	height: 42px;
	line-height: 42px;
	font-size: 40px;
}

.product-num-add {
	font-size: 20px;
	margin-left: 13px;
}

.aboutnum01,
.aboutnum02,
.aboutnum03 {
	width: 100%;
	margin: 10px 0;
	max-width: 100%;
}

}

/*常见问题*/
.mseoc {
display: none;
}

.mores {
width: 198px;
background: #F6FAFF;
font-size: 16px;
border-radius: 5px;
color: #2e8cff;
height: 58px;
text-align: center;
line-height: 58px;
margin: 0 15px;
float: left;
transition: all 0.3s;
}

.mores:hover {
color: #fff;
background: #2E8CFF;
}

.mseogd {
overflow: hidden;
padding: 30px 0;
width: 500px;
margin: 0 auto;
}

.mseogd .aa1 {
display: block;
}

.mseogd .aa2 {
display: none;
}

.mocha .aa1 {
display: none;
}

.mocha .aa2 {
display: block;
}

.quanzi {
overflow: hidden;
margin: 10px 0 20px;
border-bottom: 1px solid #D2D2D2;
}

.quanzi .zixun01 {
}

.quanzi h2 {
font-size: 30px;
color: #333;
font-weight: bold;
padding-bottom: 30px;
padding-top: 50px;
}

.quanzi .zixun01 {
border-top: 1px solid #D2D2D2;
background-color: #2E8CFF;
position: relative;
background-size: cover;
cursor: default;
padding-left: 10px;
padding-right: 30px;
}

.quanzi .zixun01 .bg {
background-color: #fff;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height: 100%;
transition: all 600ms ease 0s;
}

.quanzi .zixun01 .fc {
width: 100%;
overflow: hidden;
margin: 0px auto;
position: relative;
z-index: 1;
padding: 22px 0px;
}

.quanzi .zixun01 .fc h3 {
font-size: 18px;
font-weight: bold;
color: #3c3c3c;
background: url(../images/hheng.jpg) no-repeat bottom left;
padding-bottom: 25px;
margin-top: 0;
margin-bottom: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.quanzi .zixun01 .fc p {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
font-size: 16px;
line-height: 24px;
height: 48px;
overflow: hidden;
text-align: left;
}

.quanzi .zixun01 .fc .fc_left {
float: left;
width: 90%;
border-left: 1px solid #D4D4D4;
padding-left: 46px;
}

.quanzi .zixun01 .fc .fc_right {
float: left;
width: 10%;
padding-top: 18px;
}

.quanzi .zixun01 .fc .fc_right span {
display: block;
color: #3c3c3c;
font-size: 42px;
line-height: 35px;
height: 40px;
padding-bottom: 10px;
background: url(../images/newhone.jpg) no-repeat bottom center;
text-align: center;
}

.quanzi .zixun01 .fc .fc_right b {
display: block;
color: #3c3c3c;
font-size: 13px;
margin-top: 10px;
font-weight: normal;
text-align: center;
}

.quanzi .zixun01:hover .bg {
width: 0px;
}

.quanzi .zixun01:hover .fc h3 {
margin-left: 5px;
color: #fff;
background: url(../images/hheng2.jpg) no-repeat bottom left;
}

.quanzi .zixun01:hover p {
margin-left: 5px;
color: #eee;
}

.quanzi .zixun01:hover .fc .fc_right b {
color: #fff;
}

.quanzi .zixun01:hover .fc .fc_right span {
color: #fff;
}

.seodwon {
background: url(../images/seoxbg.jpg) no-repeat center;
height: 202px;
box-sizing: border-box;
}

.visible-xs {
display: none !important;
}

@media (max-width:991px) {
.quanzi .zixun01 .fc .fc_left {
	float: left;
	width: 85%;
	border-left: 1px solid #D4D4D4;
	padding-left: 46px;
}

.quanzi .zixun01 .fc .fc_right {
	float: left;
	width: 15%;
	padding-top: 18px;
}

}

@media (max-width:767px) {
.quanzi .zixun01 {
	padding-left: 0px;
	padding-right: 10px;
}

.quanzi .zixun01 .fc .fc_left {
	width: 80%;
	padding-left: 26px;
}

.quanzi .zixun01 .fc .fc_right {
	width: 20%;
	padding-top: 18px;
}

.quanzi .zixun01 .fc .fc_right span {
	font-size: 32px;
	height: 38px;
	padding-bottom: 10px;
}

.quanzi .zixun01 .fc h3 {
	font-size: 16px;
	padding-bottom: 15px;
}

.quanzi .zixun01 .fc p {
	font-size: 14px;
}

.mores {
	width: 120px;
	height: 40px;
	line-height: 40px;
}

.mseogd {
	padding: 20px 0;
	width: 300px;
}

.seodwon h3 {
	line-height: 28px;
	font-size: 22px;
}

.seodwon {
	padding-top: 30px;
}

.hiddenm,
.hidden-xs {
	display: none !important;
}

.visible-xs {
	display: block !important;
}

}

/*--竞价托管--*/
.jjtgbt {
padding-top: 78px;
}

.jjtgbt strong {
font-size: 30px;
color: #000000;
text-align: center;
font-weight: 500;
text-align: center;
display: block;
}

.jjtgbt p {
text-align: center;
font-size: 15px;
color: #808080;
background: url(../images/jjhxian.jpg) no-repeat bottom center;
padding: 10px 0 8px 0;
}

.jjwblie {
padding: 10px 0;
overflow: hidden;
}

.jjwblie ul li {
width: 20%;
float: left;
text-align: center;
padding: 35px 0;
}

.jjwblie ul li span {
display: block;
text-align: center;
font-size: 24px;
padding: 18px 0 8px 0;
color: #333333;
}

.jjwblie ul li p {
font-size: 16px;
color: #808080;
line-height: 24px;
width: 100%;
margin: 0 auto;
}

.jjwblie ul li:first-child p {
max-width: 200px;
}

.jjpic img {
max-width: 100%;
}

.jjwbbg {
background: url(../images/jjwbbg.jpg) no-repeat;
width: 100%;
padding: 0 0 30px 0;
}

.yxwbpic img {
max-width: 100%;
margin: 0 auto;
display: block;
}

.yxpt72 {
padding-top: 72px;
}

.yxwbzuo {
padding-bottom: 20px;
padding-top: 12px;
min-height: 180px;
}

.yxwbzuo span {
float: left;
width: 55px;
display: block;
margin-right: 18px;
}

.yxwbyou {
padding-top: 12px;
float: left;
width: 80%;
}

.yxwbyou strong {
font-size: 24px;
color: #333333;
display: block;
font-weight: 500;
padding-bottom: 10px;
}

.yxwbyou p {
font-size: 16px;
color: #808080;
}

.jjxqlie {
padding: 70px 0;
}

.jjxqlie ul {
overflow: hidden;
}

.jjxqlie ul li {
width: 25%;
float: left;
}

.jjxqlie ul li h3 {
font-weight: 500;
text-align: center;
font-size: 24px;
height: 48px;
line-height: 24px;
margin-bottom: 8px;
color: #333333;
}

.jjxqkbg {
height: 244px;
width: 100%;
}

.jjxqkbg1 {
background: url(../images/xqtu1.png) no-repeat center;
}

.jjxqkbg2 {
background: url(../images/xqtu2.png) no-repeat center;
}

.jjxqkbg3 {
background: url(../images/xqtu3.png) no-repeat center;
}

.jjxqkbg4 {
background: url(../images/xqtu4.png) no-repeat center;
}

.jjxqkbg p {
font-size: 16px;
color: #4c4c4c;
line-height: 26px;
text-align: center;
}

.jjxqkbg1 p {
padding-top: 130px;
}

.jjxqkbg2 p {
padding-top: 108px;
}

.jjxqkbg3 p {
padding-top: 120px;
}

.jjxqkbg4 p {
padding-top: 120px;
}

.jjjybg {
background: url(../images/jjytbg2.jpg) no-repeat center top;
width: 100%;
margin: 0 auto;
padding-bottom: 34px;
}

.jylie {
padding-top: 75px;
}

.jylie ul {
margin-left: -19px;
margin-right: -19px;
}

.jylie ul li {
padding: 0 19px 20px 19px;
width: 25%;
float: left;
}

.jypic {
position: relative;
}

.jypic p {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: url(../images/jjytbg1.png) repeat;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 25px;
padding: 17px 10px;
}

.jytitle {
font-size: 16px;
line-height: 25px;
color: #333333;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
min-height: 100px;
}

.jjfwbg {
background: url(../images/jjfwbg.jpg) no-repeat;
width: 100%;
margin: 0 auto;
}

.jjfwlie {
padding-top: 55px;
padding-bottom: 30px;
}

.jjfwlie ul {
overflow: hidden;
}

.jjfwlie ul li {
padding: 21px 0;
overflow: hidden;
}

.jjfwlie ul li span {
float: left;
display: block;
margin-right: 12px;
}

.jfwyou {
float: left;
width: 88%;
}

.jfwyou strong {
color: #fff;
font-size: 24px;
display: inline-block;
border: 2px solid #E23F41;
border-radius: 8px;
font-weight: 500;
line-height: 51px;
padding: 0 10px;
}

.jfwyou p {
font-size: 16px;
color: #cccccc;
padding-top: 10px;
line-height: 26px;
}

@media (max-width:1280px) {
.yxwbzuo {
	padding-bottom: 20px;
	padding-top: 12px;
	min-height: 150px;
}

}

@media (max-width:1200px) {
.jjwblie ul li span {
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 18px 0 8px 0;
	color: #333333;
}

.jjwblie ul li p {
	font-size: 14px;
	color: #808080;
	line-height: 24px;
}

.jjwblie ul li:first-child p {
	width: 75%;
}

.yxwbzuo {
	padding-bottom: 20px;
	padding-top: 12px;
	min-height: 130px;
}

.jjxqlie ul li {
	width: 25%;
	float: left;
	padding: 0 10px;
}

.jjxqkbg {
	height: 244px;
	width: 100%;
	background-size: 100%;
}

}

@media (max-width:998px) {
.jjwblie ul li {
	width: 20%;
	float: left;
	text-align: center;
	padding: 35px 10px;
}

.jjwblie ul li:first-child p {
	width: 100%;
}

.yxwbzuo {
	padding-bottom: 20px;
	padding-top: 0px;
	min-height: 120px;
}

.yxwbzuo span {
	float: left;
	display: block;
	margin-right: 18px;
	width: 15%;
}

.yxwbzuo span img {
	max-width: 100%;
}

.yxwbyou {
	padding-top: 6px;
	float: left;
	width: 75%;
}

.jjxqlie ul li h3 {
	font-weight: 500;
	text-align: center;
	font-size: 20px;
	height: 48px;
	line-height: 24px;
	margin-bottom: 8px;
	color: #333333;
}

.jjxqkbg {
	height: 210px;
	width: 100%;
	background-size: 100%;
}

.jjxqkbg p {
	font-size: 12px;
	color: #4c4c4c;
	line-height: 21px;
	text-align: center;
}

.jjxqkbg1 p {
	padding-top: 100px;
}

.jjxqkbg2 p {
	padding-top: 88px;
}

.jjxqkbg3 p {
	padding-top: 90px;
}

.jjxqkbg4 p {
	padding-top: 90px;
}

.jypic p {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background: url(../images/jjytbg1.png) repeat;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	padding: 17px 10px;
}

.jytitle {
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
}

}

@media (max-width:767px) {
.jjtgbt strong {
	font-size: 25px;
	color: #000000;
	text-align: center;
	font-weight: 500;
	text-align: center;
	display: block;
}

.jjtgbt {
	padding-top: 38px;
}

.jjwblie {
	padding-top: 30px;
}

.jjwblie ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 15px 10px;
}

.jjwblie ul li:first-child p {
	width: 100%;
}

.jjwblie ul li p {
	font-size: 12px;
	color: #808080;
	height: 72px;
	line-height: 24px;
}

.jjxqlie ul li {
	width: 50%;
	float: left;
	padding: 0 10px;
}

.jjxqkbg {
	height: 180px;
	width: 100%;
	background-size: 100%;
}

.jjxqkbg1 p {
	padding-top: 90px;
}

.jjxqkbg2 p {
	padding-top: 78px;
}

.jjxqkbg3 p {
	padding-top: 80px;
}

.jjxqkbg4 p {
	padding-top: 80px;
}

.jylie ul li {
	padding: 0 19px 20px 19px;
	width: 50%;
	float: left;
}

.jytitle {
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 125px;
}

.jjfwbg {
	background: url(../images/jjfwbg.jpg) repeat-y;
	width: 100%;
	margin: 0 auto;
}

.jjfwlie {
	padding-top: 30px;
	padding-bottom: 30px;
}

.jjfwlie ul li span {
	float: left;
	display: block;
	margin-right: 12px;
	margin-bottom: 12px;
}

.jfwyou {
	float: left;
	width: 100%;
}

.jfwyou strong {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	border: 2px solid #E23F41;
	border-radius: 8px;
	font-weight: 500;
	line-height: 28px;
	padding: 5px 10px;
}

.jfwyou p {
	font-size: 14px;
	color: #cccccc;
	padding-top: 10px;
	line-height: 26px;
}

.mforyi p,
.mforer p,
.mthreek p {
	font-size: 14px;
}

}

@media (max-width:399px) {
.jjwblie {
	padding-top: 30px;
}

.jjwblie ul li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 15px 10px;
}

.jjwblie ul li p {
	font-size: 12px;
	color: #808080;
	height: 72px;
	line-height: 24px;
}

.jjxqlie ul li {
	width: 100%;
	float: left;
	padding: 10px 10px;
}

.jjxqkbg {
	height: 244px;
	width: 100%;
	background-size: auto;
}

.jjxqkbg p {
	font-size: 14px;
	color: #4c4c4c;
	line-height: 25px;
	text-align: center;
}

.jjxqkbg1 p {
	padding-top: 130px;
}

.jjxqkbg2 p {
	padding-top: 108px;
}

.jjxqkbg3 p {
	padding-top: 120px;
}

.jjxqkbg4 p {
	padding-top: 120px;
}

}

@media (max-width:375px) {
.jylie ul li {
	padding: 0 19px 20px 19px;
	width: 100%;
	float: left;
}

.jytitle {
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: auto;
}

}

.jjtgbt em {
font-style: normal;
}

.baicont {
padding-top: 60px;
}

.baisub {
font-size: 24px;
color: #333333;
font-weight: 500;
}

.baileft {
float: left;
width: 40%;
padding-top: 60px;
}

.baimid {
float: left;
width: 20%;
padding: 0 15px;
text-align: center;
}

.baimid img {
max-width: 100%;
}

.bairight {
float: left;
width: 40%;
padding-top: 60px;
padding-left: 20px;
}

.bailist {
padding-top: 30px;
border-top: 1px solid #E6E6E6;
}

.bailist ul li {
background: url(../images/jjico.png) no-repeat 0 8px;
padding-left: 20px;
line-height: 30px;
}

.baitwo {
padding-top: 45px;
padding-bottom: 40px;
}

.baitwo ul {
margin-left: -5px;
margin-left: -5px;
}

.baitwo ul li {
float: left;
width: 50%;
padding: 10px 5px;
}

.baitwo ul li span {
float: left;
width: 20%;
display: block;
}

.baitwo ul li span img {
max-width: 100%;
}

.baitwo ul li p strong {
color: #333333;
}

.baitwo ul li p {
float: left;
color: #999999;
font-size: 14px;
width: 80%;
padding-left: 10px;
}

.jjleft {
margin-top: 75px;
width: 40%;
float: left;
}

.jjleft img {
max-width: 100%;
}

.jjpdup {
position: relative;
}

.jjpd {
position: absolute;
font-size: 20px;
color: #333333;
}

.jjpd01 {
left: 11%;
bottom: 30%;
}

.jjpd02 {
left: 42%;
top: 3%;
}

.jjpd03 {
right: 14%;
bottom: 31%;
}

.jjright {
float: left;
width: 60%;
padding-top: 60px;
padding-left: 20px;
}

.jjright ul li {
font-size: 16px;
padding: 12px 0;
overflow: hidden;
}

.jjright ul li span {
float: left;
background: url(../images/jbai.png) no-repeat left;
width: 28px;
height: 28px;
font-size: 24px;
font-family: Impact;
color: #fff;
text-align: center;
}

.jjright ul li p {
font-size: 16px;
padding-left: 15px;
width: 94%;
float: left;
color: #333333;
}

@media (max-width:1319px) {
.jjpd01 {
	left: 12%;
	bottom: 30%;
}

.jjpd02 {
	left: 41%;
	top: 3%;
}

.jjpd03 {
	right: 13%;
	bottom: 31%;
}

}

@media (max-width:1280px) {
.baileft {
	padding-top: 50px;
}

.bairight {
	padding-top: 50px;
}

}

@media (max-width:1023px) {
.baileft {
	padding-top: 10px;
}

.bairight {
	padding-top: 10px;
}

.baitwo {
	padding-top: 20px;
	padding-bottom: 20px;
}

.baitwo ul li {
	width: 100%;
}

.bailist {
	padding-top: 10px;
}

.bailist ul li {
	font-size: 12px;
}

.jjpd {
	font-size: 16px;
}

.jjright ul li p {
	width: 90%;
	font-size: 14px;
}

.jjleft {
	margin-top: 75px;
	width: 45%;
}

.jjright {
	width: 55%;
	padding-top: 60px;
}

.jjright ul li {
	padding: 5px 0;
}

}

@media (max-width:767px) {
.baileft {
	padding-top: 0px;
	width: 100%;
}

.bairight {
	padding-top: 20px;
	width: 100%;
	padding-left: 0;
}

.baimid {
	display: none;
}

.baitwo ul li span {
	width: 48px;
}

.jjleft {
	margin-top: 30px;
	width: 100%;
}

.jjpdup {
	max-width: 500px;
}

.jjright {
	width: 100%;
	padding-top: 30px;
	padding-left: 0;
}

.baisub {
	font-size: 20px;
}

}

/*微信朋友圈*/
.we_banner {
background: url(../images/chat_banner.jpg) no-repeat center center;
height: 640px;
box-sizing: border-box;
padding-top: 196px;
}

.wexin {
display: block;
margin: auto;
}

.we_banner h2 {
font-size: 30px;
color: #fff;
text-align: center;
line-height: 50px;
margin-top: 10px;
}

.we_banner ul {
max-width: 1200px;
margin: 80px auto 0;
}

.we_banner ul li {
float: left;
width: 240px;
text-align: center;
height: 160px;
background: url(../images/we_back.png) no-repeat center center;
cursor: pointer;
}

.we_banner ul li h3 {
font-size: 26px;
color: #fff;
line-height: 36px;
margin-top: 50px;
transition: 0.3s;
}

.we_banner ul li p {
font-size: 16px;
color: #fff;
}

.we_banner ul li:hover h3 {
color: #f7a911;
transform: translateY(-10px);
}

.w1200 {
max-width: 1200px;
margin: 0px auto;
}

.topname {
font-size: 30px;
color: #010101;
text-align: center;
padding-top: 45px;
}

.subname {
font-size: 14px;
color: #666;
text-align: center;
}

.m_advantage {
margin: 30px 0;
}

.m_advantage li {
float: left;
width: 25%;
padding: 50px 20px;
text-align: center;
padding-top: 32px;
}

.m_advbord {
border: 1px solid #ddd;
height: 280px;
width: 100%;
padding: 30px 15px;
}

.m_advantage li:hover .m_advbord img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.m_advantage li h3 {
font-size: 20px;
color: #000;
font-weight: normal;
line-height: 20px;
margin: 24px auto 18px;
}

.m_advantage li p {
font-size: 14px;
color: #666;
line-height: 24px;
max-width: 180px;
margin: 0 auto;
}

.m_advantage li:hover .m_advbord {
box-shadow: 1px 1px 9px #ddd;
}

.focusd {
width: 100%;
overflow: hidden;
position: relative;
}

.pro-container {
padding: 30px 0;
padding-bottom: 50px;
}

.pro-container .li {
float: left;
overflow: hidden;
position: relative;
}

.pro-container .pro-pagination span {
width: 40px;
height: 5px;
background: #fff;
border-radius: 0;
opacity: 1;
}

.pro-container .pro-pagination span.swiper-pagination-bullet-active {
background: #f5a100;
}

.m_proxt {
background: url(../images/bottom.jpg) no-repeat center bottom;
padding-bottom: 50px;
}

.pro-container .m_adimg {
max-width: 30%;
float: left;
}

.words {
float: left;
padding-left: 70px;
width: 70%;
}

.words h2 {
font-size: 30px;
color: #000;
padding: 30px 38px;
background: url(../images/conor.png) no-repeat 0 0;
}

.words p strong {
font-size: 14px;
color: #000;
display: block;
margin-top: 5px;
}

.words p {
font-size: 14px;
color: #666;
}

.points {
display: block;
margin-top: 30px;
}

.advertising {
width: 143px;
height: 42px;
border-radius: 2px;
background-color: #e16a12;
font-size: 14px;
color: #fff !important;
line-height: 42px;
text-align: center;
display: block;
margin: 30px auto 0;
}

.topnames {
font-size: 30px;
color: #000;
text-align: center;
font-weight: normal;
}

.subnames {
font-size: 16px;
color: #666;
text-align: center;
padding-top: 45px;
}

.tabbox {
max-width: 1200px;
padding: 40px 0;
}

.tabbox .tab_menu {
overflow: hidden;
text-align: center;
margin: 0 30px;
}

.tabbox .tab_menu li {
padding: 10px 30px;
display: inline-block;
position: relative;
cursor: pointer;
}

.tabbox .tab_menu li a {
color: #000;
font-size: 18px;
display: block;
}

.tabbox .tab_menu li p {
color: #000;
font-size: 18px;
text-align: center;
margin: 12px 0;
}

.tabbox .tab_menu li:hover a {
color: #008de8;
}

.tabbox .tab_menu li.current p {
color: #008de8;
}

.tabbox .tab_menu li.current {
border-bottom: 2px solid #008de8;
}

.tabbox .tab_box {
overflow: hidden;
position: relative;
border-top: 2px solid #ddd;
}

.tabbox .tab_box h3 {
font-size: 18px;
color: #333;
font-weight: normal;
text-align: center;
margin: 50px auto;
}

.four {
float: left;
width: 25%;
text-align: center;
padding: 0 15px;
cursor: pointer;
}

.four p {
font-size: 14px;
color: #333;
text-align: center;
height: 44px;
margin-top: 10px;
line-height: 22px;
}

.data {
margin-top: 65px;
}

.data li {
width: 50%;
padding-left: 70px;
padding-right: 70px;
float: left;
padding-bottom: 50px;
}

.data li h3 {
font-size: 20px;
color: #000;
font-weight: normal;
display: inline-block;
}

.data li h3 img {
margin-right: 22px;
}

.data li p {
font-size: 14px;
color: #666;
margin-left: 60px;
line-height: 24px;
margin-top: 10px;
height: 50px;
overflow: hidden;
}

.halfpart1 {
width: 50%;
text-align: center;
padding: 80px 0 46px;
}

.halfpart2 {
width: 50%;
text-align: center;
padding: 80px 0 46px;
}

.halfpart1 p {
font-size: 16px;
color: #666;
}

.halfpart1 h2 {
font-size: 36px;
color: #000;
font-weight: normal;
line-height: 45px;
margin-bottom: 50px;
}

.parts {
margin: 0 auto;
}

.parts tr td {
width: 185px;
border-right: 1px solid #ddd;
}

.parts tr {
margin-bottom: 35px;
}

.parts tr td h3 {
font-size: 38px;
color: #56d449;
font-weight: normal;
}

.parts tr td h3 span {
font-size: 18px;
color: #56d449;
}

.parts tr td p {
font-size: 14px;
color: #666;
line-height: 30px;
}

.halfpart2 p {
font-size: 16px;
color: #666;
}

.halfpart2 h2 {
font-size: 36px;
color: #000;
font-weight: normal;
line-height: 45px;
margin-bottom: 50px;
}

.halfpart2 ul li {
font-size: 14px;
color: #666;
line-height: 26px;
}

.case {
font-size: 30px;
color: #000;
font-weight: bold;
text-align: center;
padding-top: 50px;
}

.caseline {
width: 85px;
height: 3px;
background-color: #e16a12;
display: block;
margin: 10px auto 0;
}

.pro-container2 {
padding: 30px 0 50px 0;
}

.pro-container2 .pro-pagination2 span {
width: 10px;
height: 10px;
background: #fff;
opacity: 1;
}

.pro-container2 .pro-pagination2 span.swiper-pagination-bullet-active {
background: #f5a100;
}

.part_three {
width: 100%;
max-width: 316px;
margin: 0 auto;
height: 330px;
padding-top: 30px;
background-color: #fff;
}

/*
.clearfix:after{　centent:"";　height:0; line-height:0; display:block; visibility:hidden; clear:both;　}
.clearfix{zoom:1;　}
*/
.part_three img {
display: block;
margin: 0 auto;
}

.part_three h4 {
font-size: 18px;
color: #000;
font-weight: normal;
line-height: 24px;
margin: 0 35px;
margin-top: 30px;
}

.part_three p {
font-size: 14px;
color: #666;
line-height: 22px;
margin: 15px 35px;
}

.contact1 {
width: 50%;
padding-top: 50px;
}

.contact1 input[type=text] {
width: 100%;
height: 44px;
outline: 0;
border: 1px solid #ddd;
margin-bottom: 15px;
font-size: 14px;
color: #666;
padding-left: 50px;
}

.contact1 input[type=tel] {
width: 100%;
height: 44px;
outline: 0;
border: 1px solid #ddd;
margin-bottom: 15px;
font-size: 14px;
color: #666;
padding-left: 50px;
}

.contact1 input[type=checkbox] {
margin-bottom: 15px;
vertical-align: -1px;
}

.company_name {
background: url(../images/user.jpg) no-repeat 0 0;
margin-top: 30px;
}

.user_name {
background: url(../images/user.jpg) no-repeat 0 -93px;
}

.user_phone {
background: url(../images/user.jpg) no-repeat 4px -154px;
}

.user_email {
background: url(../images/user.jpg) no-repeat 0 -220px;
}

.contact {
font-size: 14px;
color: #333;
}

.contact1 button {
width: 143px;
height: 42px;
border-radius: 2px;
background-color: #e16a12;
border: none;
font-size: 14px;
color: #fff;
line-height: 42px;
cursor: pointer;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 50px;
}

.contact2 {
margin-left: 55px;
padding-top: 50px;
}

.contact2 img {
display: block;
margin: 45px auto;
}

.contact2 h3 {
font-size: 40px;
color: #e16a12;
font-family: Arial;
text-align: center;
}

.location {
background: url(../images/lo71.png) no-repeat 0 0;
padding-left: 30px;
margin-left: 14px;
font-size: 14px;
color: #333;
margin-top: 20px;
}

.lookmap {
width: 143px;
height: 42px;
border-radius: 2px;
background-color: #e16a12;
border: none;
font-size: 14px;
color: #fff !important;
line-height: 42px;
cursor: pointer;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 65px;
margin-bottom: 30px;
}

@media (max-width:1279px) {
.we_banner {
	padding-left: 15px;
	padding-right: 15px;
}

.w1200 {
	padding-left: 15px;
	padding-right: 15px;
}

.we_banner ul li {
	width: 20%;
}

.m_advantage {
	margin-left: -15px;
	margin-right: -15px;
}

.m_advantage li {
	padding: 50px 15px;
	text-align: center;
	padding-top: 32px;
}

.tabbox .content li {
	width: 1000px;
	height: 450px;
	float: left;
	padding: 0 50px;
	border-top: 2px solid #ddd;
}

}

@media (max-width:1024px) {
.we_banner {
	margin-top: 75px;
}

.data li {
	padding-left: 30px;
	padding-right: 30px;
}

.m_newpt {
	padding-top: 75px;
}

}

@media (max-width:991px) {
.m_advantage li h3 {
	font-size: 18px;
}

.we_banner ul li {
	background-size: cover;
}

.tabbox .tab_menu li {
	padding: 10px 15px;
}

.data li {
	padding-left: 15px;
	padding-right: 15px;
}

}

@media (max-width:767px) {
.we_banner {
	padding-top: 50px;
	height: inherit;
	overflow: hidden;
	padding-bottom: 50px;
	background-size: cover;
}

.we_banner ul {
	margin-left: -5px;
	margin-right: -5px;
}

.we_banner ul li {
	width: 31%;
	margin: 0 1%;
	max-width: 187px;
	height: 130px;
}

.we_banner ul li h3 {
	font-size: 18px;
	margin-top: 30px;
}

.m_advantage li {
	padding: 15px;
	width: 100%;
}

.topname,
.halfpart2 h2,
.halfpart1 h2,
.topnames,
.we_banner h2,
.case {
	font-size: 26px;
}

.pro-container .m_adimg {
	display: none;
}

.words {
	padding-left: 0px;
	width: 100%;
}

.tabbox {
	padding: 15px;
}

.tabbox .tab_menu {
	margin: 0;
}

.tabbox .tab_menu li {
	width: 33.33%;
	padding: 15px 0;
	float: left;
	height: 96px;
}

.tabbox .tab_menu li p {
	font-size: 16px;
	line-height: 1.1;
}

.four {
	width: 50%;
}

.data li {
	width: 100%;
	padding: 0;
	padding-bottom: 15px;
}

.halfpart1,
.halfpart2,
.contact1,
.contact2 {
	width: 100%;
	padding: 15px 0;
	margin: 0;
}

.part_three {
	max-width: 100%;
}

.parts {
	width: 100%;
}

.parts tr td {
	width: 33.33%;
}

.parts tr td h3 {
	font-size: 26px;
}

.contact2 img {
	margin: 30px auto;
}

.contact1 button {
	margin-top: 25px;
	margin-bottom: 15px;
}

.lookmap {
	margin-top: 30px;
}

}

/*wxpyq end*/
.myxbt {
text-align: center;
font-size: 30px;
color: #333333;
font-weight: bold;
padding: 45px 0 0 0;
}

.myxbt strong {
display: block;
text-align: center;
font-size: 30px;
color: #333333;
font-weight: bold;
padding-top: 40px;
padding-bottom: 85px;
}

.mcontain {
width: 94%;
max-width: 1320px;
margin: 0 auto;
}

.myxbt strong span {
color: #333333;
font-size: 22px;
}

.goalimg img {
width: 100%;
}

.goalimg {
box-sizing: border-box;
padding-left: 20px;
}

.pro2 {
box-sizing: border-box;
padding-right: 25%;
}

.pro3 {
box-sizing: border-box;
padding-right: 5%;
}

.mcontain * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.mcontain *:before,
.mcontain *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.myxkuang {
border-right: 1px solid #D9D9D9;
font-size: 18px;
text-align: center;
}

.myxkuang strong {
color: #e23f41;
font-size: 30px;
}

.mfgxai {
padding-bottom: 70px;
}

.mfgxai li {
width: 33.33%;
float: left;
box-sizing: border-box;
}

.mfgxai li:nth-child(3) .myxkuang {
border: none;
}

.mfgbg {
padding: 10px 0;
width: 45%;
float: left;
box-sizing: border-box;
}

.mfgbg img {
max-width: 100%;
}

.mfetwo {
padding-top: 10px;
padding-bottom: 76px;
}

.mgyfg {
padding-top: 12%;
width: 55%;
float: left;
box-sizing: border-box;
padding-left: 20px;
}

.mgyfg h3 {
color: #333333;
font-size: 24px;
font-weight: bold;
background: url(../images/mhxian.jpg) no-repeat bottom left;
padding-bottom: 15px;
margin-bottom: 30px;
}

.mgyfg p {
font-size: 16px;
line-height: 38px;
}

@media (max-width:1200px) {
.mgyfg {
	padding-top: 9%;
	padding-left: 40px;
}

}

@media (max-width:767px) {
.mgyfg p {
	font-size: 14px;
	line-height: 1.8;
}

}

/*--第二部分--*/
.mbghui {
background: #F5F5F5;
}

.mtwok {
padding-top: 37px;
padding-bottom: 37px;
}

.mtwok_left {
width: 60%;
float: left;
}

.mtwok_right {
width: 40%;
float: left;
}

.mtwobt li {
width: 50%;
float: left;
margin-bottom: 50px;
}

.mtwobt {
padding-top: 50px;
overflow: hidden;
}

.mtwobt strong {
font-size: 24px;
color: #e23f41;
display: block;
padding-bottom: 10px;
}

.mtwobt p {
font-size: 16px;
color: #333333;
line-height: 26px;
}

@media (max-width:767px) {
.mtwobt p {
	font-size: 14px;
}

}

/*--第三部分--*/
.myxbanner {
background: url(../images/myxbanner.jpg) no-repeat center;
height: 245px;
margin: 0 auto;
width: 100%;
}

.myxcont {
padding-top: 6%;
}

.myxcont strong {
font-size: 24px;
color: #f2f5f8;
background: url(../images/juxing.png) no-repeat bottom left;
padding-bottom: 22px;
margin-bottom: 22px;
display: block;
}

.myxcont p {
font-size: 16px;
color: #FFF;
}

.mpt50 {
padding-top: 50px;
padding-bottom: 40px;
}

.market li {
width: 33.33%;
float: left;
}

.mthreek span {
display: block;
height: 33px;
margin-bottom: 32px;
}

.mthreek strong {
font-size: 20px;
color: #e23f41;
}

.mthreek p {
font-size: 16px;
color: #333333;
margin-top: 15px;
}

.canswer {
box-sizing: border-box;
}

.canswer b {
font-size: 16px;
line-height: 26px;
color: #000;
}

.canswer p,
.canswer span {
font-size: 16px;
line-height: 26px;
color: #333333;
word-break: break-all;
}

.canswer p {
margin-top: 15px;
}

.canswer a {
font-size: 14px;
line-height: 26px;
float: right;
color: #e23f41;
padding-right: 16px;
margin-right: 10px;
min-width: 52px;
display: block;
background: url(../images/back.png) no-repeat right center;
}

.contentd {
display: none;
}

.contentd p {
font-size: 14px;
line-height: 26px;
color: #333333;
word-break: break-all;
}

.mthreek .contentd strong {
display: block;
font-size: 14px;
color: #333333;
}

@media (max-width:767px) {
.mthreek p,
.canswer p,
.canswer span {
	font-size: 14px;
}

}

/*--第四部分--*/
.mfourk {
background: #F5F5F5;
padding: 60px 0 100px 0;
width: 100%;
margin: 0 auto;
}

.mfourbt {
font-size: 30px;
color: #333333;
background: url(../images/mfourtb1.png) no-repeat left;
padding-left: 80px;
height: 44px;
line-height: 44px;
font-weight: bold;
}

.mforlie {
position: relative;
margin-top: 75px;
}

.mforlie img {
max-width: 100%;
}

.mforpob {
position: absolute;
width: 100%;
top: 0;
}

.mforrel {
text-align: center;
width: 100%;
padding-top: 60px;
}

.mforyi {
text-align: right;
padding-bottom: 25%;
}

.mforyi:after {
content: '';
clear: both;
width: 100%;
height: 0px;
visibility: hidden;
display: block;
}

.mforyi strong {
font-size: 18px;
color: #e16a12;
display: block;
padding-bottom: 7px;
}

.mforyi p {
font-size: 16px;
color: #333333;
max-width: 83%;
float: right;
}

.mforpzuo {
float: left;
width: 42%;
}

.mforpyuo {
float: right;
width: 36%;
}

.mforer {
text-align: left;
padding-bottom: 25%;
padding-top: 10%;
}

.mforer strong {
font-size: 18px;
color: #e16a12;
display: block;
padding-bottom: 7px;
}

.mforer p {
font-size: 16px;
color: #333333;
}

.mforsan {
text-align: left;
padding-top: 27%;
padding-left: 20px;
}

.mforsan strong {
font-size: 18px;
color: #e16a12;
display: block;
padding-bottom: 7px;
}

.mforsan p {
font-size: 16px;
color: #333333;
}

.offline li {
width: 33.33%;
float: left;
box-sizing: border-box;
padding: 0 20px;
}

.offline li:nth-child(1) {
padding-left: 0px;
}

.offline li:nth-child(3) {
padding-right: 0px;
}

@media (max-width:1300px) {
.mforpyuo {
	float: right;
	width: 34%;
}

}

.mfivek {
border: 1px solid #8D8D8D;
overflow: hidden;
padding: 15px 10px;
box-sizing: border-box;
height: 317px;
position: relative;
}

.mfivek p {
font-size: 14px;
padding-top: 18px;
line-height: 28px;
color: #333333;
}

.mfivek p strong {
font-size: 18px;
color: #94181d;
}

.mfivimg {
padding-top: 18px;
}

.mfivimg img {
max-width: 100%;
}

.pb80 {
padding-bottom: 45px;
}

.myouj {
position: absolute;
right: 15px;
bottom: 15px;
}

.mfivwen {
font-size: 14px;
padding: 18px 35px;
float: left;
color: #333333;
}

.mfivwen em {
font-size: 18px;
color: #333333;
font-weight: bold;
}

.mhuang:hover {
background: #E16A12;
}

.mhuang:hover .mfivwen {
color: #fff;
}

.mhuang:hover .mfivwen em {
color: #fff;
}

.msevenbg {
background: #F5F5F5;
padding: 45px 0;
}

.msevlie {
background: url(../images/msevb.png) no-repeat 0 393px;
}

.msevlie .pp {
width: 20%;
padding: 0 10px;
float: left;
text-align: center;
}

.msevlie .mpp2 {
padding-top: 47px;
}

.msevlie .mpp2 .msevxx {
height: 286px;
}

.msevlie .pp i {
width: 61px;
height: 61px;
margin: 0 auto;
display: inline-block;
background: #94181D;
border-radius: 50%;
text-align: center;
line-height: 61px;
}

.msevxx {
height: 332px;
background: url(../images/mxx.jpg) repeat-y center;
padding-top: 42px;
}

.msevk {
min-height: 172px;
background: #fff;
font-size: 16px;
color: #333333;
padding: 25px 0;
text-align: center;
line-height: 28px;
-moz-box-shadow: 0px 0px 5px #E9E9E9;
-webkit-box-shadow: 0px 0px 5px #E9E9E9;
box-shadow: 0px 0px 5px #E9E9E9;
}

.pp:hover .msevk {
background: #E16A12;
color: #fff;
}

.msevquan {
background: url(../images/msev.png) no-repeat center top;
padding-top: 50px;
}

.msevquan strong {
font-size: 20px;
color: #333333;
display: block;
}

.msevquan span {
font-size: 20px;
color: #e23f41;
font-weight: bold;
padding-top: 15px;
display: block;
}

.pp:hover .msevquan {
background: url(../images/msevl.png) no-repeat center top;
}

.pp:hover i {
background: #E16A12;
}

.phonestep {
display: none;
}

@media (max-width:1400px) {
.msevlie {
	background: url(../images/msevb.png) no-repeat center 393px;
	background-size: 97%;
}

}

@media (max-width:1130px) {
.mforpzuo {
	width: 37%;
}

.mforpyuo {
	width: 30%;
}

.mtwobt {
	padding-top: 30px;
}

.mfivwen {
	padding: 8px 35px;
}

}

@media (max-width:900px) {
.mforrel img {
	width: 35%;
}

.mforyi p {
	max-width: 95%;
}

.mforyi {
	padding-bottom: 14%;
}

.mforrel {
	padding-top: 50px;
}

.mforlie {
	margin-top: 30px;
}

.mfourk {
	padding-top: 40px;
}

.mtwok_left {
	width: 100%;
	float: none;
}

.mtwok_right {
	width: 100%;
	float: none;
}

}

@media (max-width:768px) {
.msevenbg {
	display: none;
}

.myxbt {
	font-size: 20px;
	padding: 25px 0 0 0;
}

.myxbt strong {
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 30px;
}

.mfgbg {
	float: none;
	width: 100%;
}

.mgyfg {
	float: none;
	width: 100%;
	padding-left: 0px;
}

.mfgxai,
.mfetwo {
	padding-bottom: 30px;
}

.mtwok {
	padding-top: 0px;
}

.mtwobt strong {
	font-size: 20px;
	padding-bottom: 0px;
	padding-top: 20px;
}

.mtwobt {
	padding-top: 0px;
}

.goalimg {
	padding: 0;
}

.goalimg img {
	margin: 20px 0;
}

.mthreek {
	margin-bottom: 30px;
}

.mthreek span {
	margin-bottom: 15px;
}

.mpt50 {
	padding: 30px 0 0;
}

.mforrel {
	display: none;
}

.mforpob {
	position: static;
}

.mforpzuo {
	width: 100%;
	float: none;
	text-align: left;
}

.pro2 {
	padding-right: 0;
}

.mforyi {
	padding-bottom: 20px;
}

.mforpyuo {
	width: 100%;
	float: none;
	text-align: left;
}

.mforer {
	padding-bottom: 20px;
	padding-top: 0%;
}

.mforsan {
	padding-top: 0%;
	padding-left: 0px;
}

.mforyi p {
	max-width: 100%;
	float: none;
	text-align: left;
}

.mforyi {
	text-align: left;
}

.mfourk {
	padding-bottom: 30px;
}

.phonestep {
	display: block;
	background-color: #F5F5F5;
	padding: 30px 15px 20px;
}

.phonestep ul li {
	width: 50%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

.phonestep ul li h3 {
	font-size: 15px;
	color: #e23f41;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 6px;
}

.phonestep ul li p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.mtwobt li {
	width: 100%;
	float: none;
	margin-bottom: 0px;
}

.market li {
	width: 100%;
	float: none;
}

.offline li {
	width: 100%;
	float: none;
	padding: 0 0px;
}

}

/*平面设计*/
.back-top {
display: none;
}

.ser_title {
font-size: 16px;
font-weight: bold;
margin-bottom: 1%;
}

@keyframes ce_bg {
to {
	background-color: #e43a3d;
}

}

.ser_nav_smbox {
display: none
}

.ser_ce_box {
position: fixed;
right: 20px;
top: 40%;
}

.ser_page_con {
border: 1px solid white;
color: white;
float: left;
font-size: 16px;
padding: 8px 40px;
border-radius: 20px;
cursor: pointer;
margin-right: 15px;
}

.ser_page_lei {
background-color: #9d221a;
border: 1px solid #9d221a;
}

.ser_page_lei2 {
background-color: #9d221a;
border: 1px solid #9d221a;
}

.ser_page_box {
margin-top: 2%;
}

.ser_text_box {
margin-top: 2%;
color: #fff;
}

.ser_text_box2 {
margin-top: 1%;
}

.ser_onecon_box {
text-align: center;
float: left;
margin-right: 20px;
width: 76px;
}

.ser_contwo {
display: none;
}

.ser_cont_box {
width: 100%;
color: #fff;
font-size: 15px;
line-height: 30px;
}

.ser_conone {
width: 100%;
}

.ser_contwo {
width: 100%;
}

/*响应式*/
@media (min-width:1170px) {
.ser_mo_tit02 {
	display: none;
}

.ser_cont_box2 {
	width: 90%;
	margin-left: 5%;
	font-size: 15px;
	padding-top: 12%;
	line-height: 26px;
}

.ser_content_box {
	background-size: 100% 100%;
	color: white;
	overflow: hidden
}

}

@media (max-width:767px) {
.ser_page_box {
	margin-top: 3%;
	display: none;
}

.ser_nav_smbox {
	display: block
}

.ser_nav_smbox {
	position: absolute;
	right: 20px;
	top: 0;
	text-align: right;
	width: 10%;
	display: block;
}

.ser_nav_smbox img {
	width: 50%;
}

.ser_cont_box {
	font-size: 16px;
	padding-bottom: 12%
}

.ser_con_hide {
	display: none
}

.ser_ce_box {
	position: fixed;
	right: 10px;
	top: 85%;
}

.ser_cont_box2 {
	width: 90%;
	margin-left: 5%;
	font-size: 15px;
	padding-top: 0%;
	line-height: 26px;
}

.ser_content_box {
	background-size: auto 100%;
	color: white;
	overflow: hidden;
	background-position: center
}

}

@media (max-width:720px) {
.ser_nav_smbox {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: 10%;
	display: block;
}

.ser_text_box {
	margin-top: 5%;
}

.ser_cont_box {
	width: 100%;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 50px
}

.ser_onecon_box {
	text-align: center;
	float: left;
	margin-right: 20px;
	width: 20%
}

.ser_conone {
	width: 100%
}

.ser_contwo {
	width: 100%
}

.ser_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10%
}

.ser_text_img {
	margin-top: 10%
}

.ser_mo_tit02 {
	font-size: 20px;
	border-left: 3px solid white;
	padding-left: 10px;
	margin-bottom: 7%;
	line-height: 22px;
	font-weight: bold
}

}

@media (max-width:520px) {
.ser_nav_smbox {
	position: absolute;
	right: 10px%;
	top: 0px;
	text-align: right;
	width: 12%;
	display: block;
}

}

@media (max-width:420px) {
.ser_nav_smbox {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: 15%;
	display: block;
}

}

/*讣告*/
.bgban {
height: 620px;
text-align: center;
padding-top: 230px;
box-sizing: border-box;
}

.bgban img {
max-width: 90%;
}

.bgshow01 {
background: url(../images/pgico01.png) no-repeat 0 5px;
}

.bgshow02 {
background: url(../images/pgico02.png) no-repeat 0 5px;
padding-top: 8px;
padding-bottom: 5px;
}

.bgrpt100 {
padding-top: 40px;
}

.bgpding {
padding-bottom: 50px;
padding-top: 80px;
}

.bgpding ul {
margin-left: -15px;
margin-right: -15px;
}

.bgpding ul li {
float: left;
padding: 0 15px;
text-align: center;
width: 25%;
}

.bgpding ul li span {
display: inline-block;
width: 140px;
height: 140px;
border-radius: 50%;
line-height: 140px;
background: #F0F5FF;
}

.bgpding ul li span img {
max-width: 100%;
}

.bgpding ul li strong {
font-size: 24px;
font-weight: 500;
color: #333333;
display: block;
padding-bottom: 25px;
}

.bgpding ul li p {
font-size: 18px;
color: #666;
max-width: 280px;
padding: 0 15px;
overflow: hidden;
}

.bgcicle {
padding: 45px;
margin-bottom: 30px;
background-color: rgb(223, 223, 223);
box-shadow: 0px 5px 20px 0px rgba(45, 125, 184, 0.3);
border-radius: 50%;
background: #fff;
display: inline-block;
}

@media (max-width:1199px) {
.bgcicle {
	padding: 35px;
}

.bgpding ul li span {
	width: 100px;
	height: 100px;
	line-height: 100px;
}

}

@media (max-width:1023px) {
.bgcicle {
	padding: 25px;
}

.bgpding ul li span {
	width: 80px;
	height: 80px;
	line-height: 80px;
}

.bgpding ul li span img {
	max-width: 25px;
}

.bgpding ul li p {
	font-size: 16px;
	padding: 0;
}

.bgban {
	height: 520px;
	padding-top: 180px;
}

}

@media (max-width:991px) {
.bgban img {
	max-height: 85%;
}

}

@media (max-width:767px) {
.bgban {
	height: 300px;
	padding-top: 150px;
}

.bgcicle {
	padding: 20px;
}

.bgpding {
	padding-bottom: 30px;
	padding-top: 30px;
}

.bgpding ul li span {
	width: 60px;
	height: 60px;
	line-height: 60px;
}

.bgpding ul li {
	width: 50%;
	padding-bottom: 15px;
}

.bgpding ul li strong {
	font-size: 20px;
	padding-bottom: 10px;
}

.bgpding ul li p {
	font-size: 14px;
	line-height: 22px;
	height: 88px;
}

}

/*blacks*/
.acctoggle {
background: transparent;
position: fixed;
left: auto;
right: 0;
top: auto;
bottom: 20vh;
z-index: 10;
transform: translateZ(4px);
transition: .2s;
will-change: opacity, visibility;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.acctoggle {
bottom: auto;
top: 60vh;
left: 0;
right: auto;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.acctoggle button {
display: block;
background: #fff;
width: 44px;
height: 54px;
outline: 0;
padding: 15px 12px;
transition: .3s;
position: relative;
z-index: 102;
}

.acctoggle .tool {
z-index: 101;
position: absolute;
background: #1B1B1D;
top: 50%;
transform: translate(180px, -50%);
right: 0;
width: 180px;
text-align: center;
padding: 4px 8px;
line-height: 110%;
transition: .3s;
}

.acctoggle .tool {
transform: translate(-180px, -50%);
right: auto;
left: 0;
}

.acctoggle .tool:after {
content: "";
transition: .3s;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -7px;
left: auto;
width: 0;
height: 0;
border-bottom: 7px solid transparent;
border-top: 7px solid transparent;
border-left: 7px solid #1B1B1D;
border-right: 0;
font-size: 0;
line-height: 0;
}

.acctoggle .tool:after {
border-left: 0;
border-right: 7px solid #1B1B1D;
left: -7px;
right: auto;
}

.acctoggle__contrast {
border-top-right-radius: 6px;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-top: 1px solid #1B1B1D;
border-right: 1px solid #1B1B1D;
border-bottom: 1px solid #1B1B1D;
border-left: 0;
}

.acctoggle .acctoggle__ctrl {
position: relative;
}

.acctoggle .acctoggle__ctrl:first-of-type {
border-top-right-radius: 6px;
border-top-left-radius: 0;
}

.acctoggle .tool span {
font-size: 16px;
padding: 10px 0;
color: #fff;
display: block;
line-height: 112%;
}

.acctoggle svg:not([fill]) {
fill: currentColor;
}

.acctoggle button svg {
width: 100%;
height: 100%;
color: #1B1B1D;
display: block;
}

.acctoggle button:focus svg,
.acctoggle button:hover svg {
color: #fff;
}

.acctoggle button:focus,
.acctoggle button:hover {
background: #1B1B1D;
cursor: pointer;
}

/*
.acctoggle .acctoggle__ctrl:focus-within .tool, .acctoggle .acctoggle__ctrl:focus .tool, .acctoggle .acctoggle__ctrl:hover .tool {
   transform: translate(52px,-50%);
}
*/
.acctoggle .acctoggle__ctrl:hover .tool {
transform: translate(52px, -50%);
}

.black_contrast .acctoggle button:focus svg,
.black_contrast .acctoggle button:hover svg {
color: #121212;
}

.black_contrast .acctoggle button.active,
.acctoggle button.active {
background: #eac581;
}

.black_contrast .acctoggle__contrast {
border-right: 1px solid #eac581;
border-top: 1px solid #eac581;
border-bottom: 1px solid #eac581;
border-left: 0;
}

.black_contrast .acctoggle .tool {
background: #eac581;
}

.black_contrast .acctoggle .tool span {
color: #121212;
}

.black_contrast .acctoggle .tool:after {
border-left: 0;
border-right: 7px solid #eac581;
}

body.black_contrast {
background: #121212;
color: hsla(0, 0%, 100%, .87);
}

.black_contrast .ab_header_boxlei {
background-color: #00030dbd;
}

.black_contrast .full-length ul li .kpo h2 {
color: #f6a81b;
}

.black_contrast .full-length ul li p {
color: #f6a81b52;
}

.black_contrast .ca_seartit {
color: hsla(0, 0%, 100%, .87);
}

.black_contrast .ca_anli {
border-top: 2px solid hsl(0deg 0% 100% / 12%);
border-bottom: 2px solid hsl(0deg 0% 100% / 12%);
}

.black_contrast .ca_board {
color: hsla(0, 0%, 100%, .7);
}

.black_contrast a:hover.ca_board,
.black_contrast a.ca_boardlei {
background-color: #f6a81b;
color: #fff;
}

.black_contrast .text-desc {
background-color: #000000b0;
}

.black_contrast .ab_header_boxlei .ab_nav a {
color: hsla(0, 0%, 100%, .87);
}

@keyframes ce_bgs {
to {
	background-color: #E16A12;
}

}

.black_contrast .ce_con:hover {
animation: ce_bgs 0.5s forwards;
cursor: pointer
}