@charset "utf-8";

body, html { height: 100%; }
html { font-size: 14px }
body { margin: 0; padding: 0; overflow-x: hidden; min-width: 320px; background: #f8f8f8; font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4285em; color: rgba(0, 0, 0, .87);  }
h1, h2, h3, h4, h5 { font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.28571429em; margin: calc(2rem - .14285714em) 0 1rem; font-weight: 700; padding: 0 }
h1 { min-height: 1rem; font-size: 2rem }
h2 { font-size: 1.71428571rem }
h3 { font-size: 1.28571429rem }
h4 { font-size: 1.07142857rem }
h5 { font-size: 1rem }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0 }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom: 0 }
p { margin: 0 0 1em; line-height: 1.4285em }
p:first-child { margin-top: 0 }
p:last-child { margin-bottom: 0 }
a { color: #4183c4; text-decoration: none }
a:hover { color: #1e70bf; text-decoration: none }
* {     box-sizing: border-box; }


/*字体大小设定*/
.font-size-80 { font-size: 80px; }
.font-size-70 { font-size: 70px; }
.font-size-64 { font-size: 64px; }
.font-size-60 { font-size: 60px; }
.font-size-54 { font-size: 54px; }
.font-size-50 { font-size: 50px; }
.font-size-48 { font-size: 48px; }
.font-size-40 { font-size: 40px; }
.font-size-36 { font-size: 36px; }
.font-size-30 { font-size: 30px; }
.font-size-28 { font-size: 28px; }
.font-size-24 { font-size: 24px; }
.font-size-20 { font-size: 20px; }
.font-size-18 { font-size: 18px; }
.font-size-17 { font-size: 17px; }
.font-size-16 { font-size: 16px; }
.font-size-15 { font-size: 15px; }
.font-size-14 { font-size: 14px; }
.font-size-12 { font-size: 12px; }
.font-size-10 { font-size: 10px; }
.font-size-8 { font-size: 8px; }

/*字体粗细 */
.font-weight-100 { font-weight: 100; }

/*文字行高*/
.line-height-70 { line-height: 70px; }
.line-height-40 { line-height: 40px; }
.line-height-35 { line-height: 35px; }

/*首行缩进*/
.text-indent-2 { text-indent: 2em; }

/*字体位置 左侧/居中/右侧 */
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-over-ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*顶端高度*/
.margin-top-240 { margin-top: 240px; }
.margin-top-200 { margin-top: 200px; }
.margin-top-170 { margin-top: 170px; }
.margin-top-150 { margin-top: 150px; }
.margin-top-140 { margin-top: 140px; }
.margin-top-130 { margin-top: 130px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-115 { margin-top: 115px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-85 { margin-top: 85px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-75 { margin-top: 75px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-1 { margin-top: 1px; }

/*左边高度*/
.margin-left-50 { margin-left: 50px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-10 { margin-left: 10px; }

/*右边高度*/
.margin-right-200 { margin-right: 200px; }
.margin-right-100 { margin-right: 100px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-10 { margin-right: 10px; }

/*下部高度*/
.margin-Bottom-60 { margin-bottom: 60px; }
.margin-Bottom-50 { margin-bottom: 50px; }
.margin-Bottom-30 { margin-bottom: 30px; }
.margin-Bottom-20 { margin-bottom: 20px; }
.margin-Bottom-10 { margin-bottom: 10px; }
.margin-Bottom-0 { margin-bottom: 0px; }

.padding-top-70 { padding-top: 70px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-20 { padding-top: 20px; }

/*内部左侧高度*/
.padding-left-50 { padding-left: 50px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-15 { padding-left: 15px; }

/*内部右侧高度*/
.padding-right-50 { padding-right: 50px; }
.padding-right-30 { padding-right: 30px; }

/*内部下部高度*/
.padding-bottom-15 { padding-bottom: 15px; }

/*内部高度*/
.padding-20 { padding: 20px; }
.padding-10 { padding: 10px; }
.padding-5 { padding: 5px; }

/*高度*/
.height-535 { height: 535px; }
.height-530 { height: 530px; }
.height-385 { height: 385px; }
.height-360 { height: 360px; }
.height-350 { height: 350px; }
.height-295 { height: 295px; }
.height-250 { height: 250px; }
.height-245 { height: 245px; }
.height-240 { height: 240px; }
.height-220 { height: 220px; }
.height-200 { height: 200px; }
.height-160 { height: 160px; }
.height-150 { height: 150px; }
.height-140 { height: 140px; }
.height-130 { height: 130px; }
.height-125 { height: 125px; }
.height-120 { height: 120px; }
.height-100 { height: 100px; }
.height-90 { height: 90px; }
.height-80 { height: 80px; }
.height-70 { height: 70px; }
.height-60 { height: 60px; }
.height-50 { height: 50px; }
.height-40 { height: 40px; }
.height-35 { height: 35px; }
.height-30 { height: 30px; }
.height-20 { height: 20px; }
.height-15 { height: 15px; }
.height-10 { height: 10px; }
.height-1 { height: 1px; }

/*圆角 */
.border-radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.position-relative { position: relative }

/*宽度*/
.width-290 { width: 290px; }

/*宽度 10px间距*/

/*Span居中浮动*/
.vertical-align-100 { vertical-align: 100%; }
.vertical-align-5 { vertical-align: 5%; }

/*浮动*/
.float-left { float: left; }
.float-right { float: right; }

/*标准颜色区域*/

/*背景颜色*/
.color-bg-FFF { background-color: #FFF; }
.color-bg-5AD17D { background-color: #5AD17D; }
.color-bg-F36147 { background-color: #f36147; }

/*Swift 红 f36147*/
.color-bg-ADE231 { background-color: #ade231; }

/*Android  绿 ade231*/
.color-bg-8FA4FF { background-color: #8fa4ff; }

/*PHP 紫 8fa4ff*/
.color-bg-6EE3FF { background-color: #6ee3ff; }

/*CoCo2d 蓝 6ee3ff*/
.color-bg-76BFFE { background-color: #76bffe; }

/*Web 蓝 76bffe*/
.color-bg-FF7C7F { background-color: #ff7c7f; }

/*Java 红 ff7c7f*/

/*字体颜色区*/
.color-FFF { color: #FFF; }

/*白色*/
.color-5AD17D { color: #5AD17D; }

/*基础绿色*/
.color-1A7680 { color: #1A7680; }
.color-9E9E9E { color: #9E9E9E; }
.color-777777 { color: #777777; }
.color-E74F3F { color: #E74F3F; }
.color-53B480 { color: #53B480; }
.color-898989 { color: #898989; }
.color-838383 { color: #838383; }
.color-60C38A { color: #60C38A; }
.color-82828C { color: #82828C; }
.color-FF726B { color: #FF726B; }
.color-49C99E { color: #49C99E}
.color-921D15{
	color: #921D15;
}

/* 淡雅红 */
.color-B46BFF { color: #B46BFF; }

/* 淡雅紫 */
.color-FFAA6B { color: #FFAA6B; }

/* 淡雅黄 */
.color-5AC39D { color: #5AC39D; }

/* 淡雅绿 */

/* 淡雅紫*/
.color-A9B5F2 { color: #A9B5F2}


/*宽度 20px间距*/


/*标准 Logo 尺寸*/
.center-auto { margin-right: auto; margin-left: auto; }
.container { margin-right: auto; margin-left: auto; }
.container { width: 1120px; }

.row { width: 1200px; margin-bottom: 20px; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }


[class*="span"] { float: left; min-height: 1px; margin-right: 10px; margin-left: 10px; }
.span-12 { width: 1180px; }
.span-11 { width: 1080px; }
.span-10 { width: 980px; }
.span-9 { width: 880px; }
.span-8 { width: 780px; }
.span-7 { width: 680px; }
.span-6 { width: 580px; }
.span-5 { width: 480px; }
.span-4 { width: 380px; }
.span-3 { width: 280px; }
.span-2 { width: 180px; }
.span-1 { width: 80px; }



/*链接图标*/
.cursor-pointer{
	cursor: pointer;  
}
/*按钮*/

.button { font-size: 18px; line-height: 40px; width: 140px; height: 40px;  padding-right: 0px; padding-left: 0px; text-align: center; color: #fff; border-radius: 100px; background: #3cadf5; outline:none ;border: none;}
.button:active { background: #77C3F5; }

/*-- 按钮大小 --*/
.button-default-xl { width: 300px; height: 64px; }
.ui.button.button-default-l { width: 140px; height: 40px; font-size: 18px; }

/*-- 按钮颜色 --*/
.button-default-green { background-color: #4ba575; color: #FFFFFF; text-shadow: none; background-image: none; }
.ui.button.button-default-84C889 { background-color: #84C889; color: #FFFFFF; text-shadow: none; border-radius: 5px; }
.ui.button.button-default-DBDDDE { background-color: #DBDDDE; color: #FFFFFF; text-shadow: none; border-radius: 5px; }

/*-- 按钮字体 --*/

/* Mask: */

/*HR*/

/*-- HR颜色 --*/
.hr-default-gray { border-top: 1px solid #d2d2d2; }

/*边框*/

/* 边框颜色 */
.border_grey { border: 1px solid #e5e5e5; }

/*高度*/

/*标准100%高宽*/
.w-h-100 { width: 100%; height: 100%; }

/*标准100%宽*/
.w-100 { width: 100%; }


.overflow-hidden{ overflow: hidden; }


.display-center-center { display: flex; align-items: center; justify-content: center; }
.display-null-center { display: flex; justify-content: center; }
.display-center-null { display: flex; align-items: center; }
.display-flex-end-center { display: flex;  align-items: flex-end; justify-content: center; }
.display-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.el-dropdown-link{
	cursor: pointer;
}
.wh-list{
	position: relative;
	display: flex;
	height: 263px;
	margin-top: -100px;
	justify-content: center;
	z-index: 100;
}
.wh-list-item{
	background: url(../Image/bjb.jpg) no-repeat;
	background-size: 100% 100%;
	width: 224px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.item-img:hover{
	width: 114px;
	transition: all 0.5s;
}
.wh-list-item-an{
	background-image: url(../Image/bja.jpg);
}
.item-img{
	cursor: pointer;
	width: 104px;
}
.wh-dsjs{
	background: url(../Image/dsjs-2.jpg) no-repeat;
	background-size: 100% 100%;
	width: 1120px;
	height: 585px;
}
.wh-dsjs-top{
	width: 387px;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 110px;
	padding-top: 30px;
	text-indent: 40px;
}
.wh-dsjs-bottom{
	margin-top: 153px;
	margin-left: 26px;
	font-family: jiangxizhuokai-Regular;
	font-size: 20px;
	color: #FFFFFF;
}
.trans180{
	transform: rotateY(180deg);
}
.new-wap{
	display: flex;
	justify-content: space-between;
}
.new-wap-item{
	width: 550px;
	background-image: url('../Image/bj_l.jpg');
	background-size: 100% 100%;
	padding: 40px 20px 20px 20px;
	font-size: 15px;
	color: #fff;
	height: 580px;
}
.new-wap-item-l{
	background-image: url('../Image/bj_h.jpg');
}
.foot-wap{
	display: flex;
	justify-content: space-between;
}
.foot-left{
	width: 640px;
	padding-top: 56px;
}
.foot-right{
	width: 350px;
}
.foot-bg{
	background-image: url(../Image/foot-bg.jpg);
	background-size: 100% 100%;
}

.new-bg{
	width: 100%;
	height: 510px;
	background: url('../Image/new-bg.jpg') no-repeat;
	background-size: 100% 510px;
}
.new-self{
	background-color: #fff;
	font-size: 20px;
	line-height: 30px;
	color: #666;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	
}
.new-self-title{
	font-size: 26px;
}
.team-item{
	/* display: flex; */
	height: 430px;
	width: 225px;
	text-align: center;
}
.team-left{
	width: 235px;
}
.team-img{
	width: 170px;
	height: 230px;
}
.team-right{
	flex: 1;
}


.el-dropdown-menu .el-dropdown-menu__item { font-size: 18px; line-height: 25px; color: #616161; padding: 15px 30px; text-align: center; }
		/* .el-dropdown-menu.el-popper { top: 65px !important; } */
		.navigation-view ul { position: relative; }
		.navigation-view li .li-con { background: #FFF; position: absolute; width: 462px; height: 299px; left: 45px; margin-top: 14px; background-color: rgba(0, 0, 0, 0.55); }