/*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 {

	padding-top: 104px;

	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 {

	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;

	text-align: center;

}



.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;

	background-color: #fff;

	z-index: 1;

}



.index2 .big_img .after {

	width: 15.2%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	background-color: #fff;

	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;

	text-align: center;

}



.l_last .l_1 {

	margin-top: 70px;

}



.l_last img {

	max-width: 100%;

}



.l_last .w_20 {

	display: flex;

	margin: 0 auto;

	justify-content: center;

	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 .l_text .text {

		text-align: center;

	}

	.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 center;

}



.case_back {

	margin-top: 30px;

}



.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:480px) {
.ab_logoone {
    float: left;
    max-width: 100%;
}

}
@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.jpg);

	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.jpg) 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.jpg);

	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

}

/*4.13*/

.cdnjs .tab_box {

	padding-top: 0;

}

.jslist ul li {

	padding: 0;

}

.cdn_title {

	width: 100%;

    height: 74px;

    line-height: 74px;

    border-right: 1px solid #F3F3F3;

    text-align: center;

    color: #333333;

    font-size: 20px;

    cursor: pointer;

    background: #EBECEC;

}

.cdn_title:hover {

	    background: #373D41;    color: #fff;

}

.jslist .cdn_cont {

	padding: 0 15px;

}