@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;  outline:medium;}
*{box-sizing: border-box;}
body{width:100%;background:#fff;color:#333;font-size:14px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;max-width: 100%;}
ul{list-style: none;}

.contain{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
body #load {
	display: block;
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 9901;
	opacity: 1;
	isibility: visible;
	transition: all .35s ease-out;
}
.load-wrap {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
}
.load-wrap > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#load {
	background-color: #ffffff;
}
.uil-default rect:not(.bk) {
	fill: #64a66e;
}
.uil-ring > path {
	fill: #64a66e;
}
.ring-loader .circle {
	fill: #64a66e;
}
.ring-loader .moving-circle {
	fill: #64a66e;
}
.uil-hourglass .glass {
	stroke: #64a66e;
}
.uil-hourglass .sand {
	fill: #64a66e;
}
.spinner-loader .load-wrap {
	background-image: url("data:image/svg+xml,%3Csvg width='75px' height='75px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-default'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(0 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(30 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.08333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(60 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.16666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(90 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.25s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(120 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.3333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(150 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.4166666666666667s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(180 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(210 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5833333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(240 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.6666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(270 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(300 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.8333333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect  x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%2364a66e' transform='rotate(330 50 50) translate(0 -30)'%3E  %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.9166666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");
}
.ring-loader .load-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='72' height='72' fill='%2364a66e'%3E   %3Cpath opacity='.25' d='M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4'/%3E   %3Cpath d='M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z'%3E     %3CanimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='0.8s' repeatCount='indefinite' /%3E   %3C/path%3E %3C/svg%3E");
}
.hourglass-loader .load-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='72' height='72' fill='%2364a66e'%3E   %3Cpath transform='translate(2)' d='M0 12 V20 H4 V12z'%3E      %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline'  /%3E   %3C/path%3E   %3Cpath transform='translate(8)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.2' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline'  /%3E   %3C/path%3E   %3Cpath transform='translate(14)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.4' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E   %3Cpath transform='translate(20)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E   %3Cpath transform='translate(26)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.8' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E %3C/svg%3E");
}
body #load.loader-removed {
	opacity: 0;
	visibility: hidden;
}

.top{
	background-color: #083A60;
	padding: 0 20px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}
.link span{
	font-size: 18px;
	color: #fff;
	margin-right: 15px;
}
.top1 {
	padding-right: 5%;
}
.top1 span{
	font-size: 14px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	font-weight: 300;
	margin-left: 30px;
}
.top1 span i{
	font-size: 16px;
	color: #fff;
	margin-right: 10px;
}
.top1 a{
	margin-left: 20px;
}
.header{
	padding: 0 20px;
	min-height: 80px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #083A60;
}
.logo{
	font-size: 0;
	width: 22%;
}
.contact{
	width: 13%;
	text-align: right;
}
.contact a{
	display: inline-block;
	font-size: 16px;
	text-transform: capitalize;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #E1AC50;
	padding: 15px 30px;
}
.contact a:hover{
	color: #E1AC50;
	background-color: #083A60;
}
.header1{
	width: 64.664%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header1 ul{
	display: flex;
}
.header1 ul li{
	font-size: 14px;
	margin-right: 30px;
	position: relative;
}
.header1 ul li>a{
	padding: 13px 0;
	display: flex;
	align-items: center;
	color: #083A60;
	text-transform: capitalize;
}
.header1 ul li a i{
	margin-left: 10px;
	line-height: 1;
}
.header1 ul li>a:hover{
	color: #E1AC50;
}
.navSub{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 96;
	background-color: #ffffff;
	padding: 10px;
}
.navSub1{
	position: relative;
}
.navSub2 a{
	display: block;
	margin: 9px 0;
	font-size: 16px;
	color: #16163f;
	line-height: 32px;
	word-break: break-all;
	white-space: nowrap;
}
.navSub2 a:hover{
	color: #E1AC50;
}
.navSub3{
	display: none;
	position: absolute;
	left: 100%;
	top: -19px;
	background-color: #ffffff;
	padding: 10px;
}
.navSub2:hover>a{
	color: #E1AC50;
}
.header1 ul li:hover .navSub{
	display: block;
}
.navSub2:hover .navSub3{
	display: block;
}
.banner{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 500px;
	background: url(../img/banner.jpg) center no-repeat;
	background-size: cover;
}
.banner::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 6;
}
.banner1{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	width: 100%;
	transform: translate(-50%,-50%);
	margin-top: -5%;
}
.banner2{
	color: #E1AC50;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.2em;
}
.banner3{
	margin-top: 30px;
	color: #E1AC50;
	font-size: 24px;
	font-weight: 700;
}
.data{
	margin: -90px 0px 0px 0px;
	position: relative;
	z-index: 6;
}
.data1{
	border-style: solid;
	border-width: 0px 0px 4px 0px;
	border-color: #E1AC50;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 50px 20px 45px 20px;
	background-color: #fff;
	overflow: hidden;
}
.data2{
	float: left;
	width: 33.3333%;
	border-left: 1px solid #d7d7d9;
}
.data2:first-child{
	border-left: 0;
}
.data3{
	color: #16163f;
	font-size: 36pxpx;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}
.data4{
	color: #4a4a4a;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	line-height: 2.5;
}
.intro{
	margin-top: 80px;
	margin-bottom: 80px;
}
.intro1{
	overflow: hidden;
}
.intro2{
	float: left;
	width: 32.75%;
}
.intro3{
	font-size: 0;
}
.intro3 img{
	width: 75%;
}
.intro4{
	margin-top: 20px;
	padding: 0px 0px 0px 30px;
	border-left: 4px solid #E1AC50;
	color: #083A60;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.4em;
}
.intro5{
	float: right;
	width: 67.25%;
}
.intro6{
	color: #000000;
	font-size: 16px;
	line-height: 28px;
}
.intro6 p{
	margin-bottom: 10px;
}
.intro7{
	margin-top: 20px;
}
.serve{
	background-color: #083A60;
	padding: 50px 0;
	margin-bottom: 50px;
}
.serve1{
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
}
.serve2{
	width: 33.3333%;
	padding: 10px;
}
.serve2a{
	color: #E1AC50;
	font-size: 18px;
	line-height: 1;
}
.serve2b{
	margin-top: 20px;
	color: #ffffff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.4em;
	letter-spacing: 1.2px;
}
.serve3{
	padding: 5px;
	width: 33.3333%;
}
.serve4{
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 15px;
	display: flex;
	align-items: flex-start;
	height: 100%;
	border: 1px solid #E1AC50;
}
.serve5{
	font-size: 0;
	width: 25%;
	margin-right: 45px;
}
.serve5 img{
	max-width: 60px;
}
.serve6{
	flex: 1;
}
.serve7{
	color: #fff;
	font-size: 20px;
}
.serve8{
	margin-top: 10px;
	color: #C7C7C7;
	font: normal  16px / 28px "Muli", Helvetica, Arial, Verdana, sans-serif;
}
.concept{
	background: url(../img/concept_bg.png) center no-repeat;
	padding-top: 85px;
	position: relative;
	background-size: cover;
	min-height: 550px;
	background-attachment: fixed;
}
.concept::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8,58,96,0.75);
}
.concept1{
	position: relative;
	z-index: 9;
}
.concept2{
	color: #E1AC50;
	font-size: 18px;
	text-align: center;
	line-height: 1;
}
.concept3{
	margin-top: 20px;
	color: #ffffff;
	font-size: 40px;
	font-weight: 900;
	text-align: center;
	line-height: 1.4em;
}
.concept4{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	max-width: 900px;
	margin: 20px auto 0;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-align: center;
}
.enterp{
	margin-top: -150px;
}
.enterp1{
	position: relative;
	display: flex;
	z-index: 10;
}
.enterp2{
	width: 25%;
	padding-right: 20px;
}
.enterp3{
	border-left: 4px solid #083A60;
	padding: 50px 70px 50px 70px;
	background-color: #E1AC50;
	height: 100%;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.enterp4{
	color: #211f40;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
}
.enterp5{
	margin-top: 20px;
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
}
.enterp6{
	margin-top: 20px;
	color: #000000;
	font-size: 16px;
	font-weight: 200;
}
.case{
	margin-top: 100px;
	margin-bottom: 50px;
}
.case1{
	overflow: hidden;
}
.case2{
	float: left;
	width: 30%;
}
.case3{
	padding-left: 30px;
	color: #E1AC50;
	font-size: 18px;
	line-height: 1;
}
.case4{
	margin-top: 50px;
}
.case4 a{
	display: inline-block;
	font-size: 16px;
	fill: #083A60;
	color: #083A60;
	background-color: #E1AC50;
	padding: 15px 30px;
}
.case4 a:hover{
	color: #E1AC50;
	background-color: #083A60;
}
.case5{
	float: right;
	width: 70%;
	padding: 10px;
	overflow: hidden;
}
.case6{
	float: left;
	width: calc((100% - 16px)/2);
	margin-bottom: 16px;
	height: 254px;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 16px;
}
.case6 a{
	display: block;
	position: relative;
	height: 100%;
}
.case6 a:hover::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: rgba(0,0,0,0.5);
}
.case6:nth-child(2n){
	margin-right: 0;
}
.case6 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.case_tc{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 999;
}
.case_tc1{
	position: relative;
	width: 100%;
	height: 100%;
}
.case_tc1 .swiper{
	width: 100%;
	height: 100%;
	padding: 70px;
}
.case_tc1 .swiper-wrapper{
	height: 100%;
}
.case_tc1 .swiper-slide{
	height: 100%;
}
.case_tc1 .swiper-zoom-container{
	height: 100%;
	text-align: center;
	position: relative;
}
.case_tc1 .swiper img{
	max-height: 100%;
}
.butt{
	position: absolute;
	z-index: 9;
	right: 20px;
	top: 13px;
}
.butt>div{
	display: inline-block;
	margin-left: 10px;
}
.butt i{
	display: block;
	padding: 0 5px;
	height: 30px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.butt i.b_icon1{
	display: none;
}
.case_tc1 .swiper-pagination{
	bottom: auto;
	top: 15px;
	left: 30px;
	font-size: 14px;
	color: #ffffff;
	text-align: left;
}
.case_tc2{
	position: absolute;
	bottom: -70px;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: #fefefe;
}
.share{
	position: relative;
}
.share_tc{
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	background-color: #fff;
	margin-left: 0;
}
.share_tc1{
	position: relative;
	padding: 14px 20px;
	min-width: 240px;
	margin-left: 0 !important;
	border-radius: 3px;
}
.share_tc1:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	right: .5em;
	border: .45em solid transparent;
	border-bottom-color: #fff;
	-webkit-transform: translateY(-100%) scaleX(.7);
	-ms-transform: translateY(-100%) scaleX(.7);
	transform: translateY(-100%) scaleX(.7);
}
.share_tc1 a{
	display: block;
	font-size: 12px;
	color: #2c2c2c;
	text-decoration: underline;
	line-height: 30px;
}
.share_tc1 a i{
	display: inline-block;
}
.share_tc1 a i.eicon-facebook{
	color: #3b5998;
}
.share_tc1 a i.eicon-twitter{
	color: #1da1f2;
}
.share_tc1 a i.eicon-pinterest{
	color: #bd081c;
}
.share_tc1 a i.eicon-download-bold{
	color: #a4afb7;
}
.show{
	display: block !important;
}
.footer{
	background-color: #083A60;
	padding: 20px 0 30px;
}
.footer1{
	width: 96%;
	max-width: 1120px;
	margin: 0 auto;
	border-top: 1px solid #E1AC50;
	padding-top: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer2{
	font-size: 0;
	width: 30%;
}
.footer4{
	text-align: right;
}
.footer4 span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #E1AC50;
}
.footer4 span i{
	color: #fff;
	font-size: 18px;
}
.footer5{
	margin-top: 10px;
	font-size: 16px;
	text-align: right;
	color: #fff;
}
.wap{
	display: none;
}
.menu{
	flex: 1;
	text-align: right;
	font-size: 22px;
	color: #16163f;
}
.m_icon1{
	display: none;
}
.m_icon1::before{
	content: "\e87f";
	color: #E1AC50;
}
.menu_tc{
	display: none;
	position: absolute;
	left: 0;
	overflow-y: scroll;
	top: 100%;
	right: 0;
	height: calc(100vh - 144px);
	z-index: 96;
	background-color: #ffffff;
}
.menu_tc1{
	font-size: 16px;
}
.menu_tc1 a{
	display: block;
	padding: 24px 0;
	text-align: center;
	color: #16163f;
}
.menu_tc2{
	display: none;
}
.menu_tc4{
	display: none;
}
.innerBanner{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 500px;
	background: url(../img/innerBanner.jpg) center no-repeat;
	background-size: cover;
}
.innerBanner::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8,58,96,0.5);
	z-index: 6;
}
.banner4{
	margin-top: 30px;
	text-align: center;
}
.banner4 span{
	display: inline-block;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #E1AC50;
	border-radius: 25px 25px 25px 25px;
	padding: 10px 30px 10px 30px;
	font-size: 16px;
	margin: 0 10px;
}
.inIntro{
	margin-top: 65px;
}
.inIntro1{
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding-top: 45px;
	padding-bottom: 30px;
	overflow: hidden;
}
.inIntro2{
	float: left;
	width: 67%;
	padding-right: 30px;
}
.inIntro3{
	font-size: 0;
}
.inIntro3 img{
	width: 50%;
}
.inIntro4{
	margin-top: 20px;
	color: #4a4a4a;
	font-size: 16px;
	font-weight: 200;
}
.inIntro4 p{
	margin-top: 10px;
}
.inIntro5{
	margin-top: 35px;
	position: relative;
	height: 1px;
	background-color: #E1E1E1;
}
.inIntro5 span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 0 10px;
	background-color: #ffffff;
}
.inIntro5 span i{
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	color: #818a91;
}
.inIntro6{
	float: right;
	width: 33%;
}
.inIntro6 span{
	margin-top: 20px;
	display: block;
	font-size: 16px;
	color: #7f7f7f;
	text-align: center;
}
.inIntro7{
	margin-top: 20px;
	padding: 0 100px;
	margin-bottom: 20px;
}
.inIntro8{
	margin-top: 100px;
	padding: 50px 0;
	background-color: #083A60;
	background-image: url(../img/inIntro_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}
.inIntro8a{
	padding: 20px 0;
	background-color: #083A60;
}
.history{
	padding: 50px 0;
}
.history1{
	overflow: hidden;
}
.history2{
	float: left;
	width: 30%;
}
.history3{
	padding-left: 34px;
	color: #083A60;
	font-size: 18px;
}
.history4{
	float: right;
	width: 70%;
}
.history5{
	position: relative;
}
.history5::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 9px;
	bottom: 9px;
	transform: translateX(-50%);
	width: 3px;
	background-color: #083A60;
}
.history6{
	position: relative;
	z-index: 99;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.history6 span{
	width: 48px;
	height: 48px;
	background-color: #083A60;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.history7{
	padding-right: 12px;
	width: calc((100% - 48px)/2);
	position: relative;
	text-align: right;
}
.history7::before{
	content: '';
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	display: inline;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 13px solid #083A60;
}
.history7a{
	padding: 15px;
	background-color: #083A60;
	border-radius: 15px;
}
.history7a h5{
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 16px;
}
.history7a h6{
	color: #E1AC50;
}
.history8{
	padding-left: 12px;
	width: calc((100% - 48px)/2);
	font-size: 16px;
	color: #E1AC50;
}
.history9{
	padding-right: 12px;
	width: calc((100% - 48px)/2);
	font-size: 16px;
	color: #E1AC50;
	text-align: right;
}
.history10{
	padding-left: 12px;
	width: calc((100% - 48px)/2);
	position: relative;
}
.history10::before{
	content: '';
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	display: inline;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 13px solid #083A60;
}
.history6.on span{
	background-color: #E1AC50;
}
.history6.on .history7a{
	background-color: #E1AC50;
}
.history6.on .history7::before{
	border-left: 13px solid #E1AC50;
}
.history6.on .history10::before{
	border-right: 13px solid #E1AC50;
}
.history6.on .history7a h5{
	color: #083A60;
}
.history6.on .history7a h6{
	color: #083A60;
}
.history6.on .history8{
	color: #083A60;
}
.history6.on .history9{
	color: #083A60;
}
.line{
	position: absolute;
	left: 50%;
	top: 9px;
	z-index: 9;
	transform: translateX(-50%);
	max-height: calc(100% - 18px);
	background-color: #E1AC50;
	width: 3px;
}
.repuation{
	background-color: #083A60;
	background-image: url(../img/inIntro_bg1.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}
.repuation1{
	min-height: 800px;
	display: flex;
	align-items: center;
}
.repuation2 {
	padding: 0px 0px 0px 30px;
	border-left: 4px solid #E1AC50;
	color: #ffffff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.4em;
}
.repuation3{
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
}
.repuation5{
	padding: 10px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}
.repuation6{
	font-size: 0;
	display: flex;
	align-items: flex-start;
}
.repuation7{
	padding: 10px;
	font-size: 0;
}
.repuation7 img{
	max-width: 168px;
}
.jrpz{
	background-color: #083A60;
}
.jrpz1{
	min-height: 500px;
	padding: 50px 0;
	display: flex;
	align-items: center;
}
.jrpz2{
	overflow: hidden;
}
.jrpz3{
	float: left;
	width: 50%;
	padding-right: 100px;
}
.jrpz4{
	margin-top: 35px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 200;
	line-height: 28px;
}
.jrpz5{
	float: right;
	width: 50%;
}
.inAbout{
	padding: 50px 0;
}
.inAbout1{
	font-size: 45px;
	color: #333333;
	font-weight: 800;
}
.inAbout2{
	margin-top: 10px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.inAbout3{
	margin-top: 10px;
	font-size: 32px;
	color: #333333;
	font-weight: bold;
}
.inAbout4{
	margin-top: 10px;
	font-size: 16px;
	color: #7f7f7f;
}
.innerBanner1{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 150px;
	background: url(../img/innerBanner1.png) center no-repeat;
	background-size: cover;
}
.innerBanner1::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
}
.ibTitle{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #ffffff;
	z-index: 9;
	font-size: 40px;
	font-weight: 900;
}
.inMigrate{
	padding-bottom: 50px;
}
.inMigrate1{
	margin-top: 50px;
	background-color: #083A60;
	padding: 50px;
}
.inMigrate2{
	color: #E1AC50;
	font-size: 30px;
	font-weight: 900;
	padding-bottom: 35px;
	border-bottom: 1px solid #ffffff;
}
.inMigrate3{
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 200;
	line-height: 28px;
}
.inMigrate3 span{
	color: #e1ac50;
}
.inMigrate4{
	margin-top: 50px;
	display: flex;
		flex-direction: row-reverse;
	background-color: #083A60;
}
.inMigrate5{
	width: 50%;
	padding: 50px;
}
.inMigrate6{
	margin-top: 20px;
}
.inMigrate6 a{
	display: inline-block;
	color: #ffffff;
	background-color: #E1AC50;
	border-radius: 2px;
	padding: 20px 30px;
	font-size: 16px;
	min-width: 150px;
	text-align: center;
}
.inMigrate7{
	width: 50%;
}
.inMigrate8{
	margin-top: 50px;
	overflow: hidden;
}
.inMigrate9{
	width: 62.1%;
	float: left;
	padding-right: 50px;
}
.inMigrate9a{
	color: #000000;
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
	text-align: center;
}
.inMigrate9b{
	margin-top: 40px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.inMigrate9c{
	padding: 0 9px;
	margin-top: 15px;
	width: 50%;
}
.inMigrate9c input{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #818a91;
	padding: 5px 14px;
	font-size: 15px;
	color: #000000;
}
.inMigrate9d{
	margin-top: 15px;
	width: 100%;
}
.inMigrate9d textarea{
	border: none;
	border-bottom: 1px solid #818a91;
	padding: 5px 14px;
	font-size: 15px;
	color: #000000;
	width: 100%;
	height: 111px;
}
.inMigrate9e{
	text-align: right;
	width: 100%;
	margin-top: 15px;
}
.inMigrate9e input{
	background-color: #E1AC50;
	color: #ffffff;
	width: 120px;
	height: 45px;
	font-size: 16px;
}
.inMigrate10{
	float: right;
	width: 37.9%;
	background-color: #083A60;
	padding: 40px 30px;
}
.inMigrate10a{
	color: #E1AC50;
	font-size: 50px;
	text-align: center;
	line-height: 1;
}
.inMigrate10b{
	margin-top: 10px;
	font-size: 24px;
	font-weight: 900;
	color: #ffffff;
	text-align: center;
}
.inMigrate10c{
	margin-top: 30px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2em;
	letter-spacing: 0.5px;
	text-align: center;
}
.inMigrate10d{
	margin-top: 50px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}
.innerBanner2{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 150px;
	background: url(../img/innerBanner2.png) center no-repeat;
	background-size: cover;
}
.innerBanner2::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
}
.inCase{
	padding: 50px 0;
}
.inCase1{
	text-align: center;
	color: #D3B574;
	font-size: 18px;
	line-height: 20px;
}
.inCase1 span{
	display: inline-block;
	padding: 7px 14px;
	border-bottom: 3px solid #D3B574;
}
.inCase2{
	margin-top: 50px;
	margin-bottom: 50px;
}
.inCase2 ul{
	overflow: hidden;
}
.inCase2 ul li{
	list-style-type: none;
	float: left;
	width: calc((100% - 160px)/5);
	margin-top: 40px;
	margin-right: 40px;
	position: relative;
	cursor: pointer;
	height: 127px;
	border-radius: 20px;
	overflow: hidden;
}
.inCase2 ul li:nth-child(5n){
	margin-right: 0;
}
.inCase2 ul li img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .5s;
}
.inCase2 ul li:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
}
.inCase2 ul li:hover img{
	transform: scale(1.05) translate(-50%, -50%);
}
.innerBanner3{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 150px;
	background: url(../img/innerBanner3.png) center no-repeat;
	background-size: cover;
}
.innerBanner3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
}
.news{
	padding: 20px 0 50px;
}
.news1 ul{
	zoom: 1;
}
.news1 ul:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.news1 ul li{
	list-style-type: none;
	float: left;
	margin-top: 30px;
	width: calc((100% - 70px)/3);
	margin-right: 35px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.news1 ul li:nth-child(3n){
	margin-right: 0;
}
.news2{
	font-size: 0;
	height: 235px;
	position: relative;
	overflow: hidden;
}
.news2 img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-height: 100%;
	min-width: 100%;
}
.news3{
	padding: 50px 30px 20px;
	border-bottom: 1px solid #eaeaea;
}
.news4{
	font-size: 21px;
	height: 54px;
	line-height: 27px;
}
.news4 a{
	color: #083A60;
}
.news5{
	margin-top: 25px;
	font-size: 12px;
	font-weight: 700;
}
.news5 a{
	color: #E1AC50;
}
.news6{
	line-height: 1.3em;
	font-size: 12px;
	padding: 15px 30px;
	color: #083A60;
}
.news1 ul li:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}
.newsDeta{
	padding: 50px 0;
}
.newsDeta1{
	overflow: hidden;
}
.newsDeta2{
	float: left;
	width: 75%;
}
.newsDeta3{
	font-size: 0;
	text-align: center;
}
.newsDeta4{
	margin-top: 20px;
	font-size: 16px;
	line-height: 28px;
	color: #7f7f7f;
}
.newsDeta4 p{
	margin-top: 20px;
}
.newsDeta5{
	margin-top: 50px;
	padding: 25px 0;
	border-top: 1px solid rgba(0,0,0,0.12);
	border-bottom: 1px solid rgba(0,0,0,0.12);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newsDeta5 a{
	display: flex;
	align-items: center;
	width: 45%;
}
.newsDeta5a{
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(51,51,51,0.12);
	font-size: 32px;
}
.newsDeta5b{
	flex: 1;
}
.newsDeta5c{
	color: #64a66e;
	font-size: 13px;
	line-height: 23px;
}
.newsDeta5d{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}
.newsDeta5 a:last-child{
	text-align: right;
}
.newsDeta5e a{
	color: rgba(51,51,51,0.12);
	font-size: 24px;
}
.related{
	margin-top: 50px;
	font-size: 24px;
	padding-bottom: 10px;
	color: #333333;
	text-align: center;
	position: relative;
}
.related::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background-color: #64a66e;
}
.related1{
	margin-top: 35px;
}
.related1 ul{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.related1 ul li{
	list-style-type: none;
	width: 50%;
	padding: 0 25px 25px;
	display: flex;
	align-items: flex-start;
}
.related2{
	width: 110px;
	margin-right: 20px;
}
.related3{
	flex: 1;
}
.related4{
	font-size: 16px;
	line-height: 28px;
}
.related4 a{
	color: #333333;
}
.related5{
	font-size: 13px;
	line-height: 23px;
	color: #64a66e;
}
.newsDeta6{
	float: right;
	width: 20%;
	max-width: 240px;
}
.newsDeta7{
	color: #333333;
	font-size: 16px;
	line-height: 26px;
}
.newsDeta8{
}
.newsDeta8 a{
	margin-top: 15px;
	display: block;
	color: #7f7f7f;
	font-size: 15px;
	line-height: 25px;
}
.fixed{
	position: fixed;
	top: 30px;
	z-index: 96;
	right: calc((100% - 1200px)/2);
}
.innerBanner4{
	font-size: 0;
	text-align: center;
	position: relative;
	min-height: 150px;
	background: url(../img/innerBanner4.jpg) center no-repeat;
	background-size: cover;
}
.innerBanner4::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
}
.inContact{
	padding: 50px 0 70px;
}
.inContact1{
	display: flex;
	align-items: center;
}
.inContact2{
	font-size: 0;
	width: 40%;
	padding-right: 50px;
}
.inContact3{
	padding-left: 30px;
	border-left: 4px solid #d3b574;
	color: #083A60;
	font-size: 40px;
	font-weight: 600;
	line-height: 50px;
}
.inContact4{
	padding: 30px 0;
	background: url(../img/contact_bg.jpg) center no-repeat;
	background-size: cover;
	position: relative;
}
.inContact4::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8,58,96,0.8);
}
.inContact5{
	overflow: hidden;
	position: relative;
}
.inContact6{
	float: left;
	width: 50%;
	padding-right: 100px;
}
.inContact7{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 16px;
	color: #ffffff;
}
.inContact7 i{
	margin-right: 10px;
	font-size: 14px;
	color: #E1AC50;
}
.inContact8{
	font-size: 0;
	text-align: center;
}
.inContact9{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inContact9 input{
	margin-top: 20px;
	width: calc((100% - 20px)/2);
	background-color: #ffffff;
	padding: 0 16px;
	height: 45px;
	font-size: 15px;
}
.inContact9 textarea{
	margin-top: 20px;
	padding: 6px 16px;
	background-color: #ffffff;
	width: 100%;
	height: 140px;
	font-size: 15px;
}
.inContact10{
	margin-top: 20px;
	text-align: right;
}
.inContact10 button{
	width: 156px;
	height: 47px;
	background-color: #E1AC50;
	color: #083A60;
	font-size: 16px;
	border: none;
}
.inContact11{
	float: right;
	width: 50%;
}
.inContact12{
	font-size: 34px;
	color: #FFFFFFD6;
	font-weight: bold;
}
.inContact13{
	margin-top: 10px;
}
.inContact13 a{
	display: block;
	color: #64a66e;
	font-size: 16px;
	line-height: 28px;
}
.inContact13 span{
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-right: 10px;
	background-color: #7f7f7f;
}
.hwhz{
	margin-top: 50px;
	display: flex;
}
.hwhz1{
	width: calc(100% / 3);
}
.hwhz2{
	width: calc(100% / 3);
	background-color: #083A60;
	padding: 50px;
}
.hwhz3{
	width: calc(100% / 3);
	background-color: #083A60;
	padding: 50px;
}
.hwhz4{
	font-size: 16px;
	color: #e1ac50;
}
.hwfc{
	margin-top: 30px;
	position: relative;
}
.hwfc::before{
	content: '';
	position: absolute;
	left: 23px;
	top: 9px;
	bottom: 9px;
	width: 3px;
	background-color: #缴纳定金;
}
.hwfc1{
	position: relative;
	z-index: 99;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.hwfc1 span{
	width: 48px;
	height: 48px;
	background-color: #fff;
	border-radius: 50%;
	color: #083A60;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.hwfc2{
	padding-left: 12px;
	width: calc(100% - 48px);
	position: relative;
}
.hwfc2::before{
	content: '';
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	display: inline;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 13px solid #fff;
}
.hwfc3{
	padding: 15px;
	background-color: #fff;
	border-radius: 4px;
}
.hwfc3 h5{
	color: #083A60;
	margin-bottom: 10px;
	font-size: 16px;
}
.hwfc3 h6{
	color: #E1AC50;
}
.line1{
	position: absolute;
	left: 23px;
	top: 9px;
	z-index: 9;
	max-height: calc(100% - 18px);
	background-color: #E1AC50;
	width: 3px;
}
.hwfc1.on span{
	background-color: #E1AC50;
	color: #ffffff;
}
.jzbgs{
	padding: 20px;
	background-color: #E1AC50;
	color: #083A60;
	font-size: 30px;
	font-weight: 900;
	line-height: 28px;
	text-align: center;
	margin-bottom: 40px;
}
.jzbgs1{
	padding: 20px;
	border: 2px solid #E1AC50;
	color: #E1AC50;
	font-size: 20px;
	font-weight: 900;
	line-height: 28px;
	text-align: center;
	margin-top: 20px;
}
.jzbgs2{
	margin: 20px 0;
	color: #E1AC50;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
}
.jzbgs3{
	padding: 20px;
	border: 2px solid #E1AC50;
	color: #E1AC50;
	font-size: 30px;
	font-weight: 900;
	line-height: 28px;
	text-align: center;
}
.jzbgs4{
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
}
.zcpz{
	margin-top: 50px;
	background-color: #083A60;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.zcpz1{
	padding: 50px;
	width: 20%;
	font-size: 24px;
	color: #E1AC50;
	font-weight: bold;
	text-align: center;
}
.zcpz1 img{
	max-height: 85px;
	display: block;
	margin: 0 auto 20px;
}