@charset "gb2312";
/* base.css */
/* reset */

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

table {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #dddddd;
	margin: auto;
	text-align: center;
}

table td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #dddddd;
	padding: 5px 12px 5px 12px;
	text-align: center;
}

table td p {
	text-align: left;
}

.no_tb {
	border-left: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	margin: auto;
	text-align: center;
}

.no_tb td {
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	text-align: center;
	padding: 5px 12px 5px 12px;
}

.no_tb td p {
	text-align: left;
}

select {
	padding: 5px;
	outline: none;
}

.fd {
	max-width: 100%;
	transition: all 0.8s;
	-webkit-transform: all 0.8s;
	/* for Chrome || Safari */
	-moz-transform: all 0.8s;
	/* for Firefox */
	-ms-transform: all 0.8s;
	/* for IE */
	-o-transform: all 0.8s;
	/* for Opera */
	display: block;
}

.fd:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	/* for Chrome || Safari */
	-moz-transform: scale(1.1);
	/* for Firefox */
	-ms-transform: scale(1.1);
	/* for IE */
	-o-transform: scale(1.1);
	/* for Opera */
}

/*����ĸ��д*/
.a {
	text-transform: capitalize;
}

/*ȫ���Ǵ�д*/
.b {
	text-transform: uppercase;
}

/*ȫ����Сд*/
.c {
	text-transform: lowercase;
}

/*������*/
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		/*��ʼ״̬ ͸����Ϊ0*/
	}

	20% {
		filter: alpha(opacity=20);
		/* IE */
		-moz-opacity: 0.2;
		/* �ϰ�Mozilla */
		-khtml-opacity: 0.2;
		/* �ϰ�Safari */
		opacity: 0.2;
		/* ֧��opacity�������*/
	}

	50% {
		filter: alpha(opacity=50);
		/* IE */
		-moz-opacity: 0.5;
		/* �ϰ�Mozilla */
		-khtml-opacity: 0.5;
		/* �ϰ�Safari */
		opacity: 0.5;
		/* ֧��opacity�������*/
	}

	70% {
		filter: alpha(opacity=70);
		/* IE */
		-moz-opacity: 0.7;
		/* �ϰ�Mozilla */
		-khtml-opacity: 0.7;
		/* �ϰ�Safari */
		opacity: 0.7;
		/* ֧��opacity�������*/
	}

	100% {
		filter: alpha(opacity=100);
		/* IE */
		-moz-opacity: 1;
		/* �ϰ�Mozilla */
		-khtml-opacity: 1;
		/* �ϰ�Safari */
		opacity: 1;
		/* ֧��opacity�������*/
	}
}

.toe {
	/*����ʡ�Ժ�*/
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* function */
.f-clear {
	overflow: hidden;
	display: block;
	clear: both;
	height: 0;
}

.f-clearfix:before,
.f-clearfix:after {
	content: '';
	display: table;
}

.f-clearfix:after {
	clear: both;
}

.f-clearfix,
.f-zm {
	*zoom: 1;
}


/*  ���� ͼ�� font-ico */
@font-face {
	font-family: 'Rjdaoico';
	src: url('../fonts/Rjdaoico.ttf?f7ueaf') format('truetype'), url('../fonts/Rjdaoico.woff?f7ueaf') format('woff'), url('../fonts/Rjdaoico.svg?f7ueaf#Rjdaoico') format('svg');
	font-weight: normal;
	font-style: normal;
}

i {
	/* use !important to prevent issues with browser extensions that change fonts*/
	font-family: 'Rjdaoico' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 30px;
	line-height: 1;
	/* Better Font Rendering ===========*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-0043:before {
	content: "\ec6b";
}

.icon-0045:before {
	content: "\ec69";
}

.icon-0050:before {
	content: "\ec64";
}

.icon-0061:before {
	content: "\ec59";
}

.icon-0092:before {
	content: "\ec3a";
}

.icon-0108:before {
	content: "\ec2a";
}

.icon-0174:before {
	content: "\ebe8";
}

.icon-0177:before {
	content: "\ebe5";
}

.icon-0190:before {
	content: "\ebd8";
}

.icon-0213:before {
	content: "\ebc1";
}

.icon-0241:before {
	content: "\eba5";
}

.icon-0242:before {
	content: "\eba4";
}

.icon-0254:before {
	content: "\eb98";
}

.icon-0260:before {
	content: "\eb92";
}

.icon-0307:before {
	content: "\eb63";
}

.icon-0501:before {
	content: "\eaa2";
}

.icon-0518:before {
	content: "\ea91";
}

.icon-0523:before {
	content: "\ea8c";
}

.icon-0512:before {
	content: "\ea97";
}

.icon-0541:before {
	content: "\ea7a";
}

.icon-0545:before {
	content: "\ea76";
}

.icon-0560:before {
	content: "\ea67";
}

.icon-0563:before {
	content: "\ea64";
}

.icon-0625:before {
	content: "\ea26";
}

.icon-0646:before {
	content: "\ea11";
}

.icon-0665:before {
	content: "\e9fe";
}

.icon-0679:before {
	content: "\e9f0";
}

.icon-0716:before {
	content: "\e9cb";
}

.icon-0720:before {
	content: "\e9c7";
}

.icon-0737:before {
	content: "\e9b6";
}

.icon-0761:before {
	content: "\e99e";
}

.icon-0797:before {
	content: "\e97a";
}

.icon-0827:before {
	content: "\e95c";
}

.icon-0841:before {
	content: "\e94e";
}

.icon-0969:before {
	content: "\ec98";
}

.icon-0972:before {
	content: "\ec68";
}

/*��ҳ��ʽ*/
.wrapper {
	padding: 0 10px 0 10px;
	max-width: 1280px;
	min-width: 260px;
	margin: auto;
}

.wrap {
	padding: 0 10px 0 10px;
	width: calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	min-width: 260px;
	margin: auto;
}

/*�ֻ��㿪*/
.nav-ico {
	float: right;
	margin: 8px 10px 0 0;
	display: none;
	width: 40px;
	height: 32px;
	line-height: 32px;
}

.nav-ico img {
	width: 100%;
	cursor: pointer;
}

.nav-ico i {
	display: none;
}

.nav-ico i:first-child {
	display: block;
}

/*��ҳ����*/
.title {
	padding: 50px 0px 2px 0px;
	max-width: 880px;
	margin: auto;
	background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wgARCAABAAQDAREAAhEBAxEB/8QAFAABAAAAAAAAAAAAAAAAAAAACf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAASvP/8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABBQJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAGPwJ//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABPyF//9oADAMBAAIAAwAAABAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABPxB//9k=);
	background-repeat: repeat-x;
	background-position: center 134px;
	text-align: center;
}

.title div {
	height: 70px;
	line-height: 70px;
	font-size: 48px;
	color: #222222;
}

.title div strong {
}

.title p {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px 0 10px;
	font-size: 15px;
	color: #2C2C2C;
	
	margin: auto;
	background-color: #FFFFFF;
}

/*����*/
.case-info {
	text-align: center;
}

.case-info span {
	display: inline-block;
	line-height: 14px;
	border-right: 1px solid #dddddd;
	padding: 10px 20px 0 20px;
	font-size: 14px;
	color: #666666;
}

.case-info span:last-child {
	border-right: 0;
}

.case-list {
	padding: 20px 10px 10px 10px;
}

.case-list li {
	float: left;
	width: 23%;
	width: calc(25% - 20px);
	width: -moz-calc(25% - 20px);
	width: -webkit-calc(25% - 20px);
	margin: 8px;
	border: 1px solid #eeeeee;
	overflow: hidden;
}

.case-list li div {
	position: relative;
	overflow: hidden;
}

.case-list li div img {
	width: 100%;
	display: block;
	transition: all 0.8s;
	-webkit-transform: all 0.8s;
	/* for Chrome || Safari */
	-moz-transform: all 0.8s;
	/* for Firefox */
	-ms-transform: all 0.8s;
	/* for IE */
	-o-transform: all 0.8s;
	/* for Opera */
}

.case-list li:hover div img {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	/* for Chrome || Safari */
	-moz-transform: scale(0.9);
	/* for Firefox */
	-ms-transform: scale(0.9);
	/* for IE */
	-o-transform: scale(0.9);
	/* for Opera */
}

.case-list li div .layer-bj {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	text-align: center;
	width: 100%;
	_width: 100%;
	height: 20%;
	padding: 40% 0 40% 0;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 88;
	display: none;
	color: #FFFFFF;
}

.case-list li div .layer-bj i {
	font-size: 70px;
}

.case-list li:hover div .layer-bj {
	display: block;
	/*���ö���Ч��*/
	-webkit-animation-name: fadeIn;
	/*��������*/
	-webkit-animation-duration: 0.5s;
	/*��������ʱ��*/
	-webkit-animation-iteration-count: 1;
	/*��������*/
	-webkit-animation-delay: 0s;
	/*�ӳ�ʱ��*/
}

.case-list li .c-title {
	height: 50px;
	line-height: 45px;
	padding: 0 15px 0 15px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
	background-color: #F1F1F1;
}

.case-list li .c-title span {
	float: right;
}

.case-list li .c-title span i {
	font-size: 16px;
	color: #666666;
}

.case-list li:hover .c-title {
	background-color: #CA0000;
	color: #FFFFFF;
	text-align: center;
	/*���ö���Ч��*/
	-webkit-animation-name: fadeIn;
	/*��������*/
	-webkit-animation-duration: 0.5s;
	/*��������ʱ��*/
	-webkit-animation-iteration-count: 1;
	/*��������*/
	-webkit-animation-delay: 0s;
	/*�ӳ�ʱ��*/
}

.case-list li:hover .c-title span i {
	color: #FFFFFF;
}

.case-more {
	position: relative;
	display: block;
	width: calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	margin: auto;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #EEEEEE;
	color: #333333;
	font-size: 20px;
}

.case-more:hover {
	background-color: #000000;
	color: #FFFFFF;
}


/*�ײ���Ϣ*/
.hei50 {
	height: 50px;
}

.footer_box {
	background-color: #333333;
	padding: 0px 0 0 0;
}

.footer_box .foot {
	padding: 0 0 0 0;
	margin: auto;
	color: #9A9A9A;
}

.footer_box .foot-title {
	height: 44px;
	line-height: 44px;
	padding: 30px 0 0 0;
	border-bottom: 1px solid #666666;
	text-align: left;
	font-size: 18px;
	color: #f3f3f3;
	font-weight: bold;
}

.footer_box .foot .left {
	float: left;
	width: 40%;
	width: calc(100% - 760px);
	width: -moz-calc(100% - 760px);
	width: -webkit-calc(100% - 760px);
	height: 360px;
	overflow: hidden;
}

.footer_box .foot .left .map {
	height: 360px;
	background-image: url(/images/map.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.footer_box .foot .left .map a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	padding: 130px 0 0 10px;
}

.footer_box .foot .left .map a i {
	font-size: 50px;
	color: #FE0000;
}

.footer_box .foot .right {
	float: right;
	width: 220px;
	line-height: 34px;
	font-size: 14px;
	margin-right: 40px;
}

.footer_box .foot .right p:nth-child(2) {
	line-height: 34px;
	padding: 16px 0 0 0;
}

.footer_box .foot .right img {
	max-width: 120px;
	border: 2px solid #ffffff;
}

.footer_box .foot .right p:nth-child(3) {
	line-height: 20px;
}

.footer_box .foot .contact {
	float: left;
	width: 420px;
	margin-left: 40px;
}

.footer_box .foot .contact p {
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	line-height: 34px;
	font-size: 14px;
}

.footer_box .foot .contact p span {
	color: #FFFFFF;
}

.footer_box .foot .contact p:nth-child(2) {
	height: 16px;
	line-height: 16px;
}

.footer_box .foot .contact p i {
	font-size: 14px;
	color: #f3f3f3;
}

.footer_box .foot .contact p:nth-child(7) {
	padding: 8px 0 0 0;
}

.footer_box .foot .contact p:nth-child(7) a {
	display: inline-block;
	font-size: 26px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	background-color: #f08200;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-o-border-radius: 40px;
	-ms-border-radius: 40px;
	padding: 4px 40px 6px 40px;
	font-weight: 700;
}

.footer_box .foot .contact .bshare-custom {
	padding: 14px 0 0 0;
}

.copyright {
	padding: 16px;
	text-align: center;
	line-height: 24px;
	background-color: #2F2F2F;
	color: #868686;
	font-size: 12px;
}

.copyright a {
	font-size: 12px;
	color: #868686;
}

.link {
	background-color: #3D3D3D;
	padding: 10px;
	line-height: 25px;
	font-size: 12px;
	border-top: 1px solid #444444;
}

.link p {
	float: left;
	color: #cccccc;
	margin: 0 6px 0 6px;
}

.link a {
	float: left;
	margin: 0 6px 0 6px;
	color: #666666;
	font-size: 12px;
}


.er-banner {
	height: 300px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.er-banner img {
	width: 100%;
}

.er-banner p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 35%;
	text-align: center;
	font-size: 25px;
	line-height: 60px;
	color: #ffffff;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #444444;
}

.er-banner p span {
	font-size: 45px;
	font-weight: bold;
	position: relative;
	display: block;
}

.hei30 {
	height: 30px;
	line-height: 30px;
}

.tag {
	padding: 20px 0 0 0;
	text-align: left;
	font-size: 14px;
	color: #777777;
}

.tag a {
	font-size: 14px;
	color: #777777;
}


/*�����Ķ���*/
@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-5px);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(5px);
	}
}

@keyframes bounce-down {
	25% {
		transform: translateY(-5px);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(5px);
	}
}

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

.animate-bounce-up {
	-webkit-animation: bounce-up 1.5s linear infinite;
	animation: bounce-up 1.5s linear infinite;
}

/*�ͷ�*/
.kefu {
	position: fixed;
	right: 0;
	bottom: 50%;
	width: 50px;
	padding: 6px 0 6px 0;
	border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	background-color: #FF0000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.kefu li {
	padding: 10px 0 10px 0;
	min-height: 25px;
	position: relative;
	border-bottom: 1px solid #ffffff;
}

.kefu li a {
	position: relative;
	display: block;
	background-color: #FF0000;
	width: 50px;
	text-align: center;
	z-index: 333;
}

.kefu li a i {
	color: #FFFFFF;
}

.kefu li p {
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 222;
	padding: 10px 0 10px 10px;
	height: 30px;
	line-height: 30px;
	width: 134px;
	right: -90px;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	
	font-size: 18px;
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	/* for Chrome || Safari */
	-moz-transform: all 0.4s;
	/* for Firefox */
	-ms-transform: all 0.4s;
	/* for IE */
	-o-transform: all 0.4s;
	/* for Opera */
}

.kefu li p img {
	width: 110px;
}

.kefu li:hover p {
	right: 50px;
	left: auto;
	text-align: center;
	color: #FFFFFF;
	background-color: #FF0000;
}

.kefu li:nth-child(2) p {
	height: 130px;
	font-size: 14px;
	padding: 12px 0 12px 10px;
	line-height: 16px;
}

.kefu li:last-child {
	border-bottom: 0;
}


/*������ѯ*/
.consult-img {
	position: fixed;
	z-index: 999999999;
	right: 0;
	bottom: 10%;
	cursor: pointer;
}

.consult {
	position: fixed;
	display: none;
	z-index: 999999999;
	width: 300px;
	right: 0px;
	bottom: 0px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: rgba(230, 230, 230, 0.9);
}

.consult .consult-title {
	background-color: #2780C4;
	height: 46px;
	line-height: 45px;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	padding: 0 15px 0 15px;
}

.consult .consult-title span {
	float: left;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.consult .consult-title a {
	float: right;
	margin-top: 3px;
	font-size: 16px;
	color: #FFFFFF;
	
}

.consult .consult-box {
	padding: 11px;
}

.consult .consult-box .consult-message {
	background-color: #f1f1f1;
	height: 180px;
	padding: 12px;
	font-size: 12px;
	overflow-y: auto;
}

.consult .consult-box .consult-message ul {}

.consult .consult-box .consult-message ul li {
	padding: 4px 4px 4px 40px;
	background-image: url(../img/consult-ico1.png);
	background-repeat: no-repeat;
	background-position: left 8px;
}

.consult .consult-box .consult-message ul li p {
	max-width: 70%;
	max-width: calc(100% - 30px);
	max-width: -moz-calc(100% - 30px);
	max-width: -webkit-calc(100% - 30px);
	padding: 4px 8px 4px 8px;
	background-color: border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 20px;
	background-color: #FFFFFF;
	text-align: justify;
}

.consult .consult-box .consult-message ul .li2 {
	padding: 8px 40px 8px 4px;
	background-image: url(../img/consult-ico2.png);
	background-position: right 8px;
}

.consult .consult-box .consult-message ul .li2 p {
	float: right;
}

/*�ύ�����*/
.consult .consult-box .consult-form {}

.consult .consult-box .consult-form p {
	padding: 0 0 2px 0;
	text-align: right;
}

.consult .consult-box .consult-form p .consult-input {
	background-color: #FFFFFF;
	width: 90%;
	width: calc(100% - 22px);
	width: -moz-calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	border: 1px solid #dddddd;
	padding: 8px 10px 8px 10px;
	height: 4.5em;
	line-height: 1.5em;
	font-size: 12px;
}

.consult .consult-box .consult-form p .consult-submit {
	font-size: 12px;
	cursor: pointer;
	border: 0;
	color: #ffffff;
	height: 28px;
	line-height: 27px;
	width: 80px;
	text-align: center;
	background-color: #2980C5;
}

/*�ظ�*/
.consult_reply {
	position: inherit;
	width: 80%;
	display: block;
	margin: auto;
}


/*  swiper.min.css  */

/* * Swiper 2.7.6 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */
	/*width:200px;height: 100px;*/
}

.swiper-slide {
	/* Specify Slides's Size: */
	/*width: 100%;height: 100%;*/
}

.swiper-slide-active {
	/* Specific active slide styling: */
}

.swiper-slide-visible {
	/* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */
}

.swiper-active-switch {
	/* Specific active button style: */
}

.swiper-visible-switch {
	/* Specific visible button style: */
}




/*=======================index.css=======================================*/

body,
html {
	background-color: #ffffff;
}

/*��ҳ��������*/
.head-bj {
	background-color: rgba(255, 255, 255, 0.1);
}

.head-bj:hover {
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 0.8s;
	-webkit-transform: all 0.8s;
	/* for Chrome || Safari */
	-moz-transform: all 0.8s;
	/* for Firefox */
	-ms-transform: all 0.8s;
	/* for IE */
	-o-transform: all 0.8s;
	/* for Opera */
}

/*2020��banner��ʼ*/
/*ԭ swiper ��css */
.i-banner {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.i-banner .swiper-slide {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.i-banner .swiper-slide>img {
	width: 100%;
	height: 100vh;
}

/*��*/
.i-banner .pagination {
	position: absolute;
	z-index: 20;
	left: 100px;
	bottom: 0px;
}

.i-banner .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: .8;
	border: 1px solid #fff;
	cursor: pointer
}

.i-banner .swiper-visible-switch {
	background: #aaa
}

.i-banner .swiper-active-switch {
	background: #fff
}

/*���Ұ�ť*/
.i-banner .prev-next {
	position: absolute;
	z-index: 22;
	left: 50%;
	bottom: 30px;
	padding: 0 0 0 0;
	width: 240px;
	margin-left: -120px;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-align: center;
	line-height: 30px;
}

.i-banner .prev-next span {
	display: inline-block;
	font-size: 20px;
	font-family: "����";
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 3px 14px 3px 14px;
}

.i-banner .prev-next a {
	width: 50px;
	display: inline-block;
	font-family: "����";
	font-size: 24px;
	color: #003333;
	font-weight: bold;
	cursor: pointer;
}

.i-banner .prev-next a:hover {
	color: #FF0000;
}

.i-banner .prev-next .arrow-left {}

.i-banner .prev-next .arrow-right {}

/*ͳһ����������Ӱ*/
.i-banner .swiper-slide .tit {
	text-shadow: 1px 1px 1px #000000;
	-webkit-text-shadow: 1px 1px 1px #000000;
	-moz-text-shadow: 1px 1px 1px #000000;
	letter-spacing: 3px;
}

.i-banner .swiper-slide .jj {}

/*��һ��li*/
.i-banner .slide1 {
	background-image: url(../images/b1.jpg);
}

.i-banner .slide1 .on-img {
	position: absolute;
	left: 30vw;
	width: 70%;
	bottom: -4px;
}

.i-banner .slide1 .on-img img {
	width: 100%;
}

.i-banner .slide1 .on-text {
	position: absolute;
	top: 40%;
	left: 7%;
	color: #FFFFFF;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.i-banner .slide1 .on-text .tit {
	font-size: 48px;
	padding: 14px 0 14px 0;
	font-weight: bold;
}

.i-banner .slide1 .on-text .jj {
	font-size: 20px;
	line-height: 34px;
}

/*ͳһ����before �� after*/
.i-banner .before {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(3px);
	transform: translateY(30px);
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	opacity: 0;
}

.i-banner .after {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

/*�ڶ���li*/
.i-banner .slide2 {
	background-image: url(../images/b2.jpg);
	color: #000000;
}

.i-banner .slide2 .on-text {
	position: absolute;
	top: 30vh;
	width: 100%;
}

.i-banner .slide2 .on-text .tit {
	padding: 0 0 40px 0;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	text-shadow: 3px 3px 1px #ffffff;
	-webkit-text-shadow: 3px 3px 1px #ffffff;
	-moz-text-shadow: 3px 3px 1px #ffffff;
}

.i-banner .slide2 .on-text .jj {
	padding: 0 0 60px 0;
	font-size: 24px;
	text-align: center;
	text-shadow: 3px 3px 1px #ffffff;
	-webkit-text-shadow: 3px 3px 1px #ffffff;
	-moz-text-shadow: 3px 3px 1px #ffffff;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.i-banner .slide2 .on-text .ico {
	max-width: 800px;
	margin: auto;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.i-banner .slide2 .on-text .ico p {
	float: left;
	width: 80%;
	width: calc(20% - 20px);
	width: -moz-calc(20% - 20px);
	width: -webkit-calc(20% - 20px);
	padding: 0 10px 0 10px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	text-shadow: 3px 3px 1px #ffffff;
	-webkit-text-shadow: 3px 3px 1px #ffffff;
	-moz-text-shadow: 3px 3px 1px #ffffff;
}

.i-banner .slide2 .on-text .ico p i {
	font-size: 80px;
}

.i-banner .slide2 .on-text .ico p img {
	max-width: 100%;
}

.i-banner .slide2 .on-text .ico p:hover {
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari �� Chrome */
	-o-transition: all 1s;
	/* Opera */
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*������li*/
.i-banner .slide3 {
	background-color: #3B95CA;
}

.i-banner .slide3 .on-text {
	position: absolute;
	top: 40vh;
	left: 7%;
	color: #FFFFFF;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.i-banner .slide3 .on-text .tit {
	font-size: 48px;
	padding: 14px 0 14px 0;
	font-weight: bold;
}

.i-banner .slide3 .on-text .jj {
	font-size: 20px;
	line-height: 30px;
}

.i-banner .slide3 .imggroup {
	position: absolute;
	width: 60vw;
	top: 0px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.i-banner .slide3 .imggroup p {
	float: left;
	width: 19vw;
}

.i-banner .slide3 .imggroup p img {
	width: 100%;
}

.i-banner .slide3 .imggroup .on-img1 {
	margin: -20vh 0 0 0;
}

.i-banner .slide3 .imggroup .on-img1.before {
	-webkit-transform: translate(0, 120px);
	-moz-transform: translate(0, 120px);
	-ms-transform: translate(0, 120px);
	-o-transform: translate(0, 120px);
	transform: translate(0, 120px)
}

.i-banner .slide3 .imggroup .on-img2 {
	margin: -50vh 0 0 0;
}

.i-banner .slide3 .imggroup .on-img2.before {
	-webkit-transform: translate(10px, -120px);
	-moz-transform: translate(10px, -120px);
	-ms-transform: translate(10px, -120px);
	-o-transform: translate(10px, -120px);
	transform: translate(10px, -120px)
}

.i-banner .slide3 .imggroup .on-img3 {
	margin: -20vh 0 0 0;
}

.i-banner .slide3 .imggroup .on-img3.before {
	-webkit-transform: translate(0, 120px);
	-moz-transform: translate(0, 120px);
	-ms-transform: translate(0, 120px);
	-o-transform: translate(0, 120px);
	transform: translate(0, 120px)
}

/*ͳһȡ��*/
.i-banner .slide3 .imggroup .before.after {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

/*�������¼�ͷ*/
.scroll-tips {
	position: absolute;
	left: 5%;
	bottom: 30px;
	z-index: 10;
	cursor: pointer
}

.scroll-tips i {
	display: block;
	font-size: 40px;
	-webkit-animation: portraitmove 1.5s ease infinite;
	-moz-animation: portraitmove 1.5s ease infinite;
	-o-animation: portraitmove 1.5s ease infinite;
	animation: portraitmove 1.5s ease infinite;
	color: #FFFFFF;
}

@-webkit-keyframes portraitmove {
	0% {
		-webkit-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}

	35% {
		-webkit-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0
	}

	65% {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0
	}

	90% {
		-webkit-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}
}

@-moz-keyframes portraitmove {
	0% {
		-moz-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}

	35% {
		-moz-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0
	}

	65% {
		-moz-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0
	}

	90% {
		-moz-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}
}

@-o-keyframes portraitmove {
	0% {
		-o-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}

	35% {
		-o-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0
	}

	65% {
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0
	}

	90% {
		-o-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}
}

@keyframes portraitmove {
	0% {
		-webkit-transform: translate(0, 0%);
		-moz-transform: translate(0, 0%);
		-o-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}

	35% {
		-webkit-transform: translate(0, 50%);
		-moz-transform: translate(0, 50%);
		-o-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0
	}

	65% {
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0
	}

	90% {
		-webkit-transform: translate(0, 0%);
		-moz-transform: translate(0, 0%);
		-o-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1
	}
}

@media screen and (max-width:900px) {
	.i-banner .prev-next {
		display: none;
	}

	.i-banner {
		height: 30vh;
	}

	.i-banner .slide1 .on-text {
		display: none;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		left: 0;
	}

	.i-banner .slide1 .on-text .tit {
		font-size: 20px;
		text-align: center;
		width: 90%;
		margin: auto;
		padding: 0 0 15px 5%;
	}

	.i-banner .slide1 .on-text .jj {
		font-size: 14px;
		line-height: 28px;
		text-align: center;
		width: 90%;
		margin: auto;
		padding: 0 0 0 5%;
	}

	.i-banner .slide2 .on-text {
		display: none;
	}

	.i-banner .slide2 .on-text .tit {
		font-size: 20px;
	}

	.i-banner .slide2 .on-text .jj {
		font-size: 14px;
	}

	.i-banner .slide2 .on-text .ico p {
		line-height: 30px;
		font-size: 14px;
		width: 90%;
		width: calc(20% - 8px);
		width: -moz-calc(20% - 8px);
		width: -webkit-calc(20% - 8px);
		padding: 0 4px 0 4px;
	}

	.i-banner .slide2 .on-text .ico p img {
		max-width: 90%;
	}

	.i-banner .slide2 .on-text .ico p i {
		font-size: 40px;
		color: #FFFFFF;
	}

	/*������li*/
	.i-banner .slide3 .imggroup .on-img1 {
		margin: 0 0 0 0;
	}

	.i-banner .slide3 .imggroup .on-img2 {
		margin: -10vh 0 0 0;
	}

	.i-banner .slide3 .imggroup .on-img3 {
		margin: 0 0 0 0;
	}

	.i-banner .slide3 .imggroup {
		width: 80vw;
		top: 0px;
		right: 0;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}

	.i-banner .slide3 .on-text {
		top: 50vh;
		left: 0;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
	}

	.i-banner .slide3 .on-text .tit {
		font-size: 20px;
		width: 90%;
		margin: auto;
		text-align: center;
		padding: 0 0 15px 5%;
		margin: 0 0 0 0;
	}

	.i-banner .slide3 .on-text .jj {
		font-size: 14px;
		line-height: 28px;
		width: 90%;
		margin: auto;
		text-align: center;
		padding: 0 0 0 5%;
		margin: 0 0 0 0;
	}

	.scroll-tips {
		display: none;
		left: 50%;
		bottom: 70px;
		margin-left: -25px;
	}
}

/*2020��banner����*/


/*������Ŀ*/
.service {
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: 80%;
	width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	margin: auto;
	font-size: 14px;
}

.service li {
	float: left;
	width: 16.6666666666%;
	width: calc(100%/6);
	width: -moz-calc(100%/6);
	width: -webkit-calc(100%/6);
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari �� Chrome */
	-o-transition: all 1s;
	/* Opera */
}

.service li .left {
	width: 100%;
	text-align: center;
	position: relative;
	height: 294px;
	padding: 40px 0 20px 0;
	border-right: 1px solid #eeeeee;
}

.service li .left h3 {
	font-size: 18px;
	font-weight: bold;
}

.service li .left .ser-title {
	padding: 6px 10px 50px 10px;
	font-size: 14px;
}

.service li .left i {
	font-size: 72px;
}

.service li .left .l_foot {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
	/* height: 36px; */
	line-height: 1.75;
	padding: 20px 0 10px 0;
	border-top: 1px dashed #dddddd;
	text-align: center;
}

.service li .left_be {
	background-color: #f08200;
	color: #FFFFFF;
	border-right: 1px solid #f08200;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari �� Chrome */
	-o-transition: all 0.5s;
	/* Opera */
}

.service li .right {
	background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjQ5MDkyN2EtMzEyMC02NTQ3LWI2YTktNTMxNTM4NGNiMWRjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5RDBEM0YxNkNEOTExRUQ4NTlCOUU4REZBMzExMTI2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5RDBEM0YwNkNEOTExRUQ4NTlCOUU4REZBMzExMTI2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1ODA3YjFkLTEzMmEtYmM0OC1iNzJlLTBkMWY2MzQxMDc1OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYzYzJlYmU2LWMyYzMtNTY0MS1iYjVmLTk2ZmVjN2ZjNDBjMSIvPiA8L3Jk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);
	background-position: center center;
	background-size: cover;
}

.service li .right p {
	height: 70px;
	line-height: 70px;
	text-align: left;
	border-bottom: 1px solid #565758;
	background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNnaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9IjYwNkU0MERBODUxQTFDRUU3ODQ2NEQzMkEzQzQwMjgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdBMEY5RkU1NkNEQjExRUQ5NTZEQzNDMzFGMDJENjM5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdBMEY5RkU0NkNEQjExRUQ5NTZEQzNDMzFGMDJENjM5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJmYTFkNTJmLTM5MjEtYjc0Yi04OGI3LTViNTFlZThhYWY1MyIgc3RSZWY6ZG9jdW1lbnRJRD0iNjA2RTQwREE4NTFBMUNFRTc4NDY0RDMyQTNDNDAyODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCABHABgDAREAAhEBAxEB/8QAWQABAQEAAAAAAAAAAAAAAAAAAAYHAQEAAAAAAAAAAAAAAAAAAAAAEAABBAEFAAMAAAAAAAAAAAAAAQISAwQRMSIFBkEyExEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AxgAAAAAAAAAAAUmRleSXydVNVKp3aRnZFZSlycr9laqbIBNgAKPIp8ink6rKbFXvOM26ulLXkit+sNNlAnAAFHkdT5pnk6s6rMl2zoyomi8lXRzPz3RGp8gTgAAAAAAAAAAA/9k=);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 0 0 20px;
	color: #aaaaaa;
}

.service li .right p:last-child {
	border-bottom: 0;
}

.service li .right p:hover {
	background-color: #333333;
}

/*ż��li �Զ�����*/
.service li:nth-of-type(even) {
	width: 0px;
	overflow: hidden;
}

.service .li_be {
	width: 16.6666666666% !important;
	width: calc(100%/6) !important;
	width: -moz-calc(100%/6) !important;
	width: -webkit-calc(100%/6) !important;
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari �� Chrome */
	-o-transition: all 1s;
	/* Opera */
}



/*����*/
.flow-box {
	background-image: url(../images/flow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	height: 600px;
	padding: 30px 0 0 0;
}

.flow-box .flow {
	max-width: 80%;
	margin: auto;
	padding: 60px 0 0 0;
}

.flow-box .flow li {
	float: left;
	width: calc(20% - 62px);
	width: -moz-calc(20% - 62px);
	width: -webkit-calc(20% - 62px);
	margin: 0 10px 20px 10px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding: 40px 20px 10px 20px;
	height: 200px;
	border: 1px solid #eeeeee;
	box-shadow: 0 3px 8px #dddddd;
	background-color: #FFFFFF;
}

.flow-box .flow li a {
	position: relative;
	display: block;
	max-width: 180px;
	margin: auto;
	color: #333333;
	line-height: 24px;
	text-align: center;
}

.flow-box .flow li a p {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.flow-box .flow li a span {
	font-size: 14px;
	color: #888888;
}

.flow-box .flow li a span i {
	font-style: normal;
	font-size: 16px;
	color: #FF0000;
}

.flow-box .flow li:hover {
	background-color: #f9f9f9;
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	/* Firefox 4 */
	-webkit-transition: all 1.5s;
	/* Safari �� Chrome */
	-o-transition: all 1.5s;
	/* Opera */
}

.flow-box .flow li a:hover {
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari �� Chrome */
	-o-transition: all 1s;
	/* Opera */
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

.flow-box .flow li a>i {
	font-size: 70px;
	color: #000000;
}

.hei10 {
	height: 10px;
	line-height: 10px;
	background-color: #FFFFFF;
}

.hei15 {
	height: 15px;
	line-height: 15px;
	background-color: #FFFFFF;
}



/*�Ƽ��Ķ�*/
.recommend {
	padding: 0 20px 0 20px;
	background-color: #efefef;
}

.recommend .left {
	float: left;
	width: 120px;
	height: 45px;
	line-height: 45px;
	background-color: #FE0000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.recommend .right {
	float: right;
	width: calc(100% - 130px);
	width: -moz-calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
}

.recommend .right a {
	display: inline-block;
	padding: 0 25px 0 40px;
	border-right: 1px solid #c9c9c9;
	font-size: 14px;
	line-height: 45px;
}

.recommend .right a i {
	color: #77D372;
	font-size: 14px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}


.news-main {
	max-width: 1280px;
	margin: auto;
	padding: 30px 0 0 0;
}

.news-main .news-box {
	float: left;
	width: calc((100% - 60px)/3);
	width: -moz-calc((100% - 60px)/3);
	width: -webkit-calc((100% - 60px)/3);
	margin-right: 22px;
	padding: 0px 0 22px 0;
	background: url(data:image/gif;base64,R0lGODlhlgGjAdUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6efn5+bm5uXl5d7e3t3d3dvb26GhoZycnJqampWVlZSUlJOTk5KSkpGRkY6Ojo2NjYyMjIuLi4mJiYiIiIeHh4aGhoWFhYSEhIODg4KCgoGBgYCAgH9/f319fXx8fHt7e3l5eXh4eHZ2dv///wAAAAAAAAAAAAAAACH5BAEAADsALAAAAACWAaMBAAb/wJWJBoPpbJiJcqmkOJ/QqHRKrVqvWKekcRAEvuCweEwum8/otHrNbrvf8Lbg4Jhk7/i8fnqJUCAUCxszOTUtKycvIwoBBAUBBwECk5STA5eYmZqbnJ2en6ChlwYEYAKXcamqq6ytrq9pA14CjgUEori5uruaXwa0jw4BvwgHIC5gBo+RsM3OYl7P0tPU1daT1tlqCI1fCAZfA5ABMiUDjwMIs5Xs7e7v8PHy8/Tsl9Ha+fr7/F+VAwTqCRxIsGAAcdEGRAoo7oSJW6UgPepHUdKpShUzatzI5qIpjtIOjKL0EcWLUgTA+SvIsqVLeCBjypwZDqC4lS9z6ox3y1QB/5KlbpBgNOwLM5rTsCFdyvTapohN4zxKKUYWrREZAjDyEuld1FUXT0H9SrYsHJJm5QR4JEDd2oNfHkAIl7au3bt4836RMBeu3r+AAwvWx5fu4MOIEytmU9jv4seQIwdufFOy5cuYmVLOzLmz536bP4seTdpV6NKoU6s2I0HCRIurY8v+LO7Agwdj8c3ezXuxOAMNFlTuTbz4YXEDFPyCZry587Q3DcjyR/259es0E0qqrhu79+/6ZoW5ia07+PPonZEHc3O6+fTw48dpL7++/fv48+vfz7+///8ABijggAQWaOCBCCao4IIMNujggxBGKOGEFFZo4YUYZqjhhhx26P/hhyCGKOKIJJZo4okopqjiiiy26OKLMMYo44w01mjjjTjmqOOOPPbo449ABinkkEQWaeSRSCap5JJMNunkk1BGKeWUVFZp5ZVYZqnlllx26eWXYCLYCQFklklmAWimiSYCbLbJJgNwxgmnA3TWSWdreOK5x5589unnn4AGyicTTERg6KGGLqDoooq66aaZkN5i1XPvdDJQGQPxoummnHbq6aegbuoVGZl+glaYHbaD36VsWLrTq7DGKuusr+rCahpKyTcqqmHsetZ7s/kaB63EFmvsscgKhKk7zuS6n7C8QrusfdJaVA+vaDiL7bbcduvtt+CGK+645JZr7rnopqv/7rrstuvuu/DGK++89NZr77345qvvvvz26++/AAcs8MAEF2zwwQgnrPDCDDfs8MMQRyzxxBRXbPHFGGes8cYcd+zxxyCHLPLIJJds8skop6zyyiy37PLLMMcs88w012zzzTjnrPPOPPfs889ABy300EQXbfTRSCet9NJMN+3001BHLfXUVFdt9dVYZ6311lx37fXXYIct9thkl2322WinrfbabLft9ttwxy333HTXbffdeOet99589+3334AHLvjghBdu+OGIJ6744ow37vjjkEcu+eSUV2755ZhnrvnmnHfu+eeghy766KSXbvrpqKeu+uqst+7667DHLvvstNdu//vtuOeu++689+7778AHL/zwxBdv/PHIJ6/88sw37/zz0Ecv/fTUV2/99dhnr/323Hfv/ffghy/++OSXb/756Kev/vrst+/++/DHL//89Ndv//3456///vz37///AAygAAdIwAIa8IAITKACF8jABjrwgRCMoAQnSMEKWvCCGMygBjfIwQ56kGrVIlcE6AIsuEVjEhIYIVxK+LYTCiCFJMSbC2G4QhmuhIYIsaFFcLidu81QhTn04Q2B2EO7/XA9ATFiRAwgl2ToDRUGkIADCkCUL7xmbl7oCQM0AAkWwg05XuiACBjQiJtccW4RUYAHVuAFWxSxbhFZwApS4IhokJTJbtM5iAlQsJ0T4g05KVDBeN5orccg5IxAKgVyhnMcuizkLZIwQQkScBBHNGAMycrkOwxwFEkwckev+QlCNEnKWYijFGRsBAIc8IEYoMAFM6jBDWRwgSVEoQK4zKUud8nLXvryl8AMpjBxSacCoEJbPToHBCRggWE685nQjCYvIaCBCDigAg7gwAtwUIMXsCAENAgCADs=) no-repeat center top;
}

.news-main .news-box>p {
	height: 63px;
	line-height: 62px;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	color: #CFA267;
	padding: 10px 14px 0 14px;
	text-align: center;
}

.news-main .news-box>p span {
	font-weight: normal;
	
	font-size: 16px;
}

.news-main div:last-child {
	margin-right: 0;
}

.news-main .news-box .news-list {
	padding: 10px 14px 10px 14px;
}

.news-main .news-box .news-list li {
	padding: 10px 0 10px 0;
}

.news-main .news-box .news-list li .left {
	float: left;
	width: 58px;
	height: 58px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #EAEAEA;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	
}

.news-main .news-box .news-list li .left p:nth-child(1) {
	height: 34px;
	line-height: 34px;
	font-size: 26px;
	border-bottom: 1px solid #d1d1d1;
}

.news-main .news-box .news-list li .left p:nth-child(2) {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	border-top: 1px solid #f2f2f2;
	padding: 2px 0 0 0;
}

.news-main .news-box .news-list li .right {
	float: right;
	width: calc(100% - 82px);
	width: -moz-calc(100% - 82px);
	width: -webkit-calc(100% - 82px);
	height: 68px;
	line-height: 20px;
	color: #999999;
	font-size: 12px;
	overflow: hidden;
	text-align: justify;
}

.news-main .news-box .news-list li .right p {
	height: 26px;
	line-height: 24px;
	overflow: hidden;
}

.news-main .news-box .news-list li .right p a {
	font-size: 14px;
}

.news-main .news-box .news-list li:hover .left {
	background-color: #000000;
}

.news-main .news-box .news-list li:hover .right {
	color: #000000;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	/* Firefox 4 */
	-webkit-transition: all 0.6s;
	/* Safari �� Chrome */
	-o-transition: all 0.6s;
	/* Opera */
}

.news-main .news-box .news-list li:hover .right p a {
	color: #000000;
	font-weight: bold;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	/* Firefox 4 */
	-webkit-transition: all 0.6s;
	/* Safari �� Chrome */
	-o-transition: all 0.6s;
	/* Opera */
}

.news-main .news-box .news-more {
	height: 38px;
	line-height: 37px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	width: 138px;
	border: 1px solid #eaeaea;
	margin: auto;
	position: relative;
	display: block;
	text-align: center;
	color: #888888;
	font-size: 14px;
}

.news-main .news-box .news-more:hover {
	background-color: #000000;
	color: #FFFFFF;
}


/*=======================adapter.css=======================================*/

/* ԭ adapter.css */
@media screen and (max-width:1920px) {
	.flow-box {
		background-size: auto auto
	}

	.er-banner {
		background-size: auto auto
	}
}

@media screen and (max-width:1600px) {
	.service {
		max-width: calc(100% - 20px);
		max-width: -moz-calc(100% - 20px);
		max-width: -webkit-calc(100% - 20px);
		min-width: inherit
	}

	.flow-box .flow {
		max-width: calc(100% - 20px);
		max-width: -moz-calc(100% - 20px);
		max-width: -webkit-calc(100% - 20px);
		min-width: inherit
	}

	.news .left-side {
		float: left;
		position: static
	}
}

@media screen and (max-width:1360px) {

}

@media screen and (max-width:1281px) {
	.service li {
		width: 23%;
		width: calc(100%/4);
		width: -moz-calc(100%/4);
		width: -webkit-calc(100%/4);
		margin: 5px 0 5px 0;
	}

	.service li:nth-of-type(even) {
		width: 23%;
		width: calc(100%/4);
		width: -moz-calc(100%/4);
		width: -webkit-calc(100%/4);
	}

	.service .li_be {
		width: 23% !important;
		;
		width: calc(100%/4) !important;
		;
		width: -moz-calc(100%/4) !important;
		;
		width: -webkit-calc(100%/4) !important;
	}

	.service li:nth-child(9) {
		width: 50%;
	}

	.service li:nth-child(10) {
		width: 50%;
	}
}

@media screen and (max-width:1100px) {
	.service li {
		width: 50%;
	}

	.service li:nth-of-type(even) {
		width: 50% !important;
	}

	.service .li_be {
		width: 50% !important;
	}

	.service li:nth-child(1),
	.service li:nth-child(5),
	.service li:nth-child(9) {
		background-color: #f08200;
		color: #FFFFFF;
		border-right: 0;
	}

	.case-list li {
		width: calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
	}

	.footer_box .foot .left {
		width: 100%
	}

	.footer_box .foot .right {
		width: calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px)
	}

	.footer_box .foot .contact {
		width: calc(50% - 40px);
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px)
	}

	/*2022-9-17*/
	.head .logo p,
	.head .logo h1 {
		display: none;
	}

}

@media screen and (max-width:960px) {
	.flow-box {
		background-image: url(../images/flow.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		height: auto;
		padding: 30px 0 30px 0
	}

	.flow-box .flow li {
		width: calc(33.33333% - 62px);
		width: -webkit-calc(33.33333% - 62px);
		width: -moz-calc(33.33333% - 62px)
	}

	.flow-box .flow li:nth-child(4),
	.flow-box .flow li:nth-child(5) {
		width: calc(50% - 62px);
		width: -webkit-calc(50% - 62px);
		width: -moz-calc(50% - 62px)
	}

}

@media screen and (max-width:900px) {
	.head {
		padding: 8px 1px 2px 1px;
		width: calc(100% - 2px);
		width: -moz-calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
	}

	.head .logo h1 {
		margin-top: 5px
	}

	.head .logo img {
		height: 40px
	}

	.head .logo p {
		font-size: 12px
	}

	.head .nav {
		display: none;
		position: absolute;
		z-index: 55555;
		background-color: #f9f9f9;
		top: 74px;
		left: 0;
		width: 100%;
		padding: 10px 0 20px 0
	}

	.nav-ico {
		width: 36px;
		height: 36px;
		line-height: 36px;
		display: block
	}

	.head-bj {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.hei30 {
		height: 20px;
		line-height: 20px;
	}

	.head-k {
		height: 60px;
	}

	.title {
		padding: 20px 0 2px 0;
		width: auto;
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -moz-calc(100% - 80px);
		background-position: center 80px
	}

	.title div {
		height: 40px;
		line-height: 40px;
		font-size: 28px
	}

	.title p {
		display: inline-block;
		line-height: 18px
	}

	.service {
		padding: 20px 0 1px 0;
		width: 100%;
	}

	.service li .layer1 {
		line-height: 24px
	}

	.service li .layer1 p {
		font-size: 15px;
		padding-bottom: 5px
	}

	.service li .layer1 span {
		font-size: 12px;
		display: none
	}

	.service li:hover .layer2 {
		display: none
	}

	.flow-box {
		padding: 10px 0 0 0
	}

	.flow-box .flow {
		padding: 20px 0 0 0
	}

	.flow-box .flow li {
		width: calc(50% - 62px);
		width: -webkit-calc(50% - 62px);
		width: -moz-calc(50% - 62px)
	}

	.flow-box .flow li:nth-child(5) {
		width: calc(100% - 62px);
		width: -webkit-calc(100% - 62px);
		width: -moz-calc(100% - 62px)
	}

	.recommend {
		padding: 0 10px 0 0
	}

	.case-more {
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #eee;
		color: #333;
		font-size: 16px
	}

	.news-main .news-box {
		float: left;
		width: 100%;
		margin-left: 0px
	}

	.footer_box .foot-title {
		text-align: center
	}

	.footer_box .foot .right {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		text-align: center;
		margin: 0 20px 0 20px
	}

	.footer_box .foot .right p {
		text-align: center
	}

	.footer_box .foot .contact {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		margin: 0 20px 0 20px
	}

	.footer_box .foot .contact p:nth-child(7) {
		text-align: center;
	}

	.hei50 {
		height: 30px
	}

	.er-banner {
		height: 180px
	}

	.er-banner p {
		font-size: 16px;
		line-height: 40px;
		top: calc(50% - 40px);
		top: -webkit-calc(50% - 40px);
		top: -moz-calc(50% - 40px)
	}

	.er-banner p span {
		font-size: 24px
	}

	.news .left-side {
		width: 100%;
		position: static
	}

	.news .left-side a {
		float: left;
		margin: 0 5px 20px 5px;
		width: calc(25% - 34px);
		width: -webkit-calc(25% - 34px);
		width: -moz-calc(25% - 34px);
		text-align: center;
		padding: 10px
	}

	.news .left-side .a_be,
	.news .left-side a:hover {
		background-color: #000;
		color: #fff;
		transform: scaleX(1);
		transform-origin: 0 100%;
		-webkit-transform: scaleX(1);
		-webkit-transform-origin: 0 100%;
		-moz-transform: scaleX(1);
		-moz-transform-origin: 0 100%;
		-ms-transform: scaleX(1);
		-ms-transform-origin: 0 100%;
		-o-transform: scaleX(1);
		-o-transform-origin: 0 100%
	}

	.news .right-side {
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		margin-right: 10px
	}

	.news .right-side .list li {
		float: left;
		width: calc(100% - 22px);
		width: -webkit-calc(100% - 22px);
		width: -moz-calc(100% - 22px);
		margin: 0 0 20px 0;
		padding: 5px 10px 20px 10px
	}

	/*�ͷ�����*/
	.kefu {
		display: none;
	}

	.case-list {
		width: 100%;
		padding: 10px 0 10px 0;
	}

	.case-list li {
		width: calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
	}

	/*������ϸ*/
	.case_box {
		padding: 15px 0 15px 0;
	}

	.case_box .case_main {
		padding: 10px 0 10px 0;
	}

	.case_box .case_main .case_title p {
		font-size: 18px;
		width: 100%;
		text-align: center;
		padding: 5px 0 10px 0;
	}

	.case_box .case_main .case_more .img_list li {
		width: 31%;
		width: calc(33.3333% - 20px);
		width: -webkit-calc(33.3333% - 20px);
		width: -moz-calc(33.3333% - 20px);
		padding: 10px;
	}

}

@media screen and (max-width:580px) {
	.news .right-side .list li div .left-img {
		float: left;
		width: 100%
	}

	.news .right-side .list li div .right-c {
		float: right;
		width: 100%;
		margin: 10px 0 0 0;
		line-height: 30px;
		font-size: 12px;
		padding: 0
	}

	.news .right-side .related .related-list li {
		width: 100%;
		margin: 0
	}

	.service li {
		width: 100%;
	}

	.service li:nth-of-type(even) {
		width: 100% !important;
	}

	.service .li_be {
		width: 100% !important;
	}

	.service li:nth-child(9) {
		width: 100% !important;
	}

	.service li:nth-child(10) {
		width: 100% !important;
	}

	.service li:nth-child(3),
	.service li:nth-child(7) {
		background-color: #f08200;
		color: #FFFFFF;
		border-right: 0;
	}

}

@media screen and (max-width:501px) {
	.mypage div a {
		height: 27px;
		line-height: 26px;
		margin-left: 1px;
		margin-right: 1px;
		padding: 0 8px 0 8px
	}

	.news .left-side a {
		float: left;
		margin: 0 5px 10px 5px;
		width: calc(50% - 34px);
		width: -webkit-calc(50% - 34px);
		width: -moz-calc(50% - 34px);
		text-align: center;
		padding: 10px;
		height: 44px;
		overflow: hidden
	}
}

@media screen and (max-width:400px) {
	.head .logo p {
		display: none
	}

	.flow-box .flow li {
		width: calc(100% - 42px);
		width: -webkit-calc(100% - 42px);
		width: -moz-calc(100% - 42px);
		margin: 0 0 20px 0
	}

	.flow-box .flow li:nth-child(4) {
		width: calc(100% - 42px);
		width: -webkit-calc(100% - 42px);
		width: -moz-calc(100% - 42px)
	}

	.flow-box .flow li:nth-child(5) {
		width: calc(100% - 42px);
		width: -webkit-calc(100% - 42px);
		width: -moz-calc(100% - 42px);
		margin: 0 0 20px 0
	}
}