@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_201785_9q3zbmms76j.eot?#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_201785_9q3zbmms76j.woff2) format("woff2"), url(//at.alicdn.com/t/font_201785_9q3zbmms76j.woff) format("woff"), url(//at.alicdn.com/t/font_201785_9q3zbmms76j.ttf) format("truetype"), url(//at.alicdn.com/t/font_201785_9q3zbmms76j.svg#iconfont) format("svg");
}
a:focus {
	color: rgb(0, 139, 246); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(0, 139, 246); text-decoration: none; cursor: pointer;
}
.disflex {
	display: flex !important;
}
.textcenter {
	text-align: center;
}
body {
	position: relative; -ms-overflow-x: hidden; min-width: 1180px;
}
* {
	margin: 0px; padding: 0px; color: rgb(68, 68, 68);
}
ul li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
.cl {
	clear: both;
}
.iconfont {
	font-family: "iconfont" !important; font-size: 1rem; font-style: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.clear {
	clear: both;
}
.midimg {
	text-align: center;
}
.midimg img {
	width: auto !important; max-width: 100%;
}
.gp {
	height: 34px; text-align: justify; line-height: 18px; padding-left: 13px; margin-top: 18px; margin-left: 13px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;
}
.gp span {
	width: 100%; text-align: justify; color: rgb(255, 255, 255); display: block;
}
.nav li {
	position: relative;
}
.lidl {
	padding: 5px 0px; transition:0.3s; left: 50%; top: 60px; width: 150px; margin-bottom: 0px; margin-left: -75px; display: none; position: absolute;
}
.lidl dl {
	background: rgb(255, 255, 255); padding: 5px 0px; margin-bottom: 0px; position: relative; box-shadow: 0px 0px 10px 0px #ccc;
}
.nav .lidl a {
	color: rgb(51, 51, 51); line-height: 35px;
}
.lidl dl::after {
	border-width: 0px 7.5px 13px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); left: 50%; top: -13px; width: 0px; height: 0px; margin-left: -7.5px; position: absolute; content: "";
}
.banner {
	position: relative;
}
.banner .btext {
	left: 50%; top: 50%; width: 75%; height: 145px; margin-top: -80.5px; margin-left: -37%; position: absolute; opacity: 0;
}
.bannerny .btext {
	opacity: 1;
}
.banner .btext span {
	background: url("../images/arrow.png") no-repeat 100% 50%; color: rgb(255, 255, 255); line-height: 40px; padding-right: 20px; font-size: 18px; margin-top: 10px; border-bottom-color: rgb(0, 139, 246); border-bottom-width: 2px; border-bottom-style: solid; display: inline-block; cursor: pointer;
}
.banner .btext h2 {
	color: rgb(255, 255, 255); font-size: 38px; margin-top: 2.7vh;
}
.banner .btext p {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: 100;
}
.banner .on.btext {
	animation:up 0.5s forwards;
}
.banner li {
	overflow: hidden;
}
.banner li img {
	width: 100%;
}
.banner p {
	color: rgb(255, 255, 255);
}
.banner h2 {
	color: rgb(255, 255, 255);
}
.maxwidth {
	margin: 0px auto; width: 75%; min-width: 1100px; max-width: 1400px; box-sizing: border-box;
}
.maxwidthauto {
	margin: 0px auto; width: 100%; min-width: 1100px; max-width: 1400px;
}
.nav {
	background: none; transition:0.3s; left: 0px; width: 100%; height: 65px; line-height: 65px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 19900210;
}
.nav:hover {
	background: rgb(54, 61, 66) !important;
}
.nav:hover {
	background: rgb(54, 61, 66);
}
.nav ul {
	padding-left: 60px; float: left; position: relative;
}
.nav img {
	margin-top: 13px; display: inline-block;
}
.nav .linenav {
	border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; width: 0px; height: 0px; bottom: -1px; display: none; position: absolute; z-index: 1000;
}
.nav li {
	text-align: center; margin-right: 40px; float: left;
}
.nav li a {
	color: rgb(255, 255, 255); font-size: 14px; display: block;
}
.nav li a:hover {
	color: rgb(0, 139, 246);
}
.nav li.logo {
	width: 25%; text-align: left; margin-right: 9%;
}
.nav li.logo::after {
	display: none;
}
.nav li .iconfont {
	color: rgb(255, 255, 255); font-size: 1.14rem; cursor: pointer;
}
.serbtn input[type=button] {
	border: currentColor; border-image: none; top: 0px; width: 30px; height: 28px; right: 0px; line-height: 28px; font-size: 12px; display: none; position: absolute;
}
.nav .serbtn {
	border: 1px solid rgb(181, 181, 181); border-image: none; top: 50%; height: 30px; text-align: center; right: 13%; color: rgb(255, 255, 255); margin-top: -15px; display: none; position: absolute;
}
.nav .serbtn::after {
	display: none;
}
.nav .serbtn .iconfont {
	color: rgb(255, 255, 255);
}
.nav .serbtn a {
	width: 30px; line-height: 30px; display: inline-block; cursor: pointer;
}
.nav .serbtn .serinput {
	background: rgb(255, 255, 255); border: currentColor; border-image: none; width: 0px; height: 28px; float: left;
}
.nav .ser {
	background: rgb(26, 35, 40); left: 0px; width: 100%; height: 40px; bottom: -40px; line-height: 30px; overflow: hidden; display: none; position: absolute;
}
.nav .ser input {
	padding: 0px 10px; border-radius: 5px; width: 50%;
}
.nav .ser .iconfont {
	left: -50px; color: rgb(0, 139, 246); font-size: 1.14rem; margin-left: 15px; position: relative; cursor: pointer;
}
.nav .ser .maxwidth {
	height: 40px; display: flex; justify-content: center; align-items: center;
}
.nav .ulerji {
	left: 0px; top: 55px; width: 800px; padding-bottom: 1px; display: none; position: absolute; z-index: 1999;
}
.nav .ulerji dl {
	background: rgb(255, 255, 255); padding: 0px 30px; margin-top: 10px; display: flex;
}
.nav .ulerji dl dd {
	text-align: left; margin-bottom: 20px;
}
.nav .ulerji dl h3 {
	margin: 20px 0px 15px; color: rgb(51, 51, 51); font-size: 14px; font-weight: bold;
}
.nav .ulerji dl a {
	width: 100%; color: rgb(51, 51, 51); line-height: 26px; font-size: 12px; display: inline-block;
}
.nav .ulerji dl a:hover {
	color: rgb(0, 139, 246);
}
.topgrid {
	height: 195px;
}
.topgrid dl {
	overflow: hidden; margin-bottom: 0px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; display: flex;
}
.topgrid dl dd {
	transition:0.3s; flex-flow:column nowrap; width: 25%; height: 195px; text-align: center; overflow: hidden; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left; display: flex; position: relative; justify-content: center; align-items: center;
}
.topgrid dl dd h2 {
	width: 100%; color: rgb(255, 255, 255); font-size: 1.5rem; position: relative; z-index: 2;
}
.topgrid dl dd img {
	transition:0.3s; width: 3vw; height: 3vw; position: relative; z-index: 2;
}
.topgrid dl dd .bgimg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
.topgrid dl dd:hover::after {
	
}
.topgrid dl dd:hover img.bgimg {
	transform: scale(1.1);
}
.topgrid a {
	display: block;
}
.title {
	padding: 100px 0px 50px; text-align: center;
}
.p20.title {
	
}
.title h2 {
	margin: 0px 0px 20px; color: rgb(51, 51, 51); font-size: 30px;
}
.ny.title h2 {
	
}
.title h2.tabh a {
	padding: 0px 15px; color: rgb(102, 102, 102);
}
.title h2.tabh a.on {
	color: rgb(0, 0, 0);
}
.title h2.tabh a:hover {
	color: rgb(0, 0, 0);
}
.title p {
	color: rgb(102, 102, 102); font-size: 18px; font-weight: 500;
}
.colorfff.title h2 {
	color: rgb(255, 255, 255);
}
.colorfff.title p {
	color: rgb(255, 255, 255);
}
.cominfo {
	padding-top: 0.1px;
}
.cominfo ul li {
	transition:0.3s; width: 34.33%; text-align: center; padding-right: 4%; font-size: 28px; margin-bottom: 50px; float: left;
}
.cominfo ul li:nth-child(3n) {
	width: 30%; padding-right: 0px; margin-right: 0px; margin-left: 0px;
}
.cominfo ul li img {
	width: 6vw; height: 6vw; position: relative; max-height: 60px; max-width: 60px;
}
.cominfo.conhonor ul li img {
	width: auto; height: auto;
}
.cominfo ul li h3 {
	margin: 15px 0px; transition:0.3s; width: 70%; color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; position: relative;
}
.cominfo ul li p {
	height: 72px; text-align: left; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.cominfo ul li:hover a {
	color: rgb(0, 139, 246); text-decoration: none;
}
.cominfo ul li:hover h3 {
	color: rgb(0, 139, 246);
}
.cominfo ul li:hover p {
	color: rgb(0, 139, 246);
}
.solu {
	background: rgb(247, 248, 250); padding-bottom: 100px;
}
.solu ul {
	flex-flow:row wrap; overflow: hidden; display: flex; justify-content: center; align-items: center;
}
.solu ul li {
	background: url("../images/sbg.jpg") no-repeat 0% 0% / cover; border: 1px solid rgb(255, 255, 255); border-image: none; width: 49%; height: 26.3vh; line-height: 26.3vh; overflow: hidden; float: left; display: block; position: relative; max-height: 250px;
}
.warning.solu ul li {
	width: 33%;
}
.service.solu ul li {
	width: 25%;
}
.solu ul li:nth-child(1) {
	background: url("../images/sbg1.jpg") no-repeat 0% 0% / 100%;
}
.solu ul li:nth-child(3) {
	background: url("../images/sbg3.jpg") no-repeat 0% 0% / 100% 100%;
}
.solu ul li:nth-child(4) {
	background: url("../images/sbg4.jpg") no-repeat 0% 0% / 100% 100%;
}
.solu ul li h3 {
	margin: 0px; transition:0.3s; height: 26.3vh; text-align: center; color: rgb(255, 255, 255); line-height: 26.3vh; font-size: 24px;
}
.solu ul li p {
	padding: 0px 50px; transition:0.3s; text-align: center; color: rgb(255, 255, 255); line-height: 3.2vh; overflow: hidden; font-size: 1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.solu ul li.on a {
	background: rgba(0, 139, 246, 0.8);
}
.solu ul li.on a h3 {
	transform: translateY(-7.4vh);
}
.solu ul li.on a p {
	transform: translateY(-16.6vh);
}
.solu ul li.on a span {
	background: url("../images/arrow.png") no-repeat 100% 50%; transition:0.3s; left: 50%; width: 100px; bottom: 3.2vh; color: rgb(255, 255, 255); line-height: 3.2vh; padding-right: 25px; font-size: 1.12rem; margin-left: -50px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid; position: absolute;
}
.solu ul li.on a::before {
	animation:lingAnimate 1s forwards; left: 50%; width: 100px; height: 3.2vh; bottom: 3.2vh; margin-left: -50px; border-bottom-color: rgb(0, 139, 246); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 1; content: "";
}
.solu ul a {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 9;
}
.recruit li {
	background: rgb(255, 255, 255); padding: 30px; overflow: hidden; margin-bottom: 20px; cursor: pointer;
}
.recruit h3 {
	padding-bottom: 34px; font-size: 18px;
}
.recruit p {
	font-size: 14px;
}
.recruit p span {
	padding: 0px 20px; color: rgb(102, 102, 102); border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid;
}
.recruit p span .icon {
	color: rgb(102, 102, 102);
}
.recruit p span:nth-last-child(1) {
	border: currentColor; border-image: none;
}
.recruit p span:nth-child(1) {
	padding: 0px 20px 0px 0px;
}
.recruit em {
	color: rgb(0, 139, 246); padding-bottom: 34px; font-size: 24px; display: inline-block;
}
.recruit .right .iconfont {
	transition:0.3s; left: 10px; top: -3px; color: rgb(153, 153, 153); position: relative; transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);
}
.recruit .on .right .iconfont {
	color: rgb(0, 139, 246); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
}
.recruit .right span {
	padding: 0px;
}
.filter {
	margin-bottom: 40px;
}
.filter .form-inline .form-group {
	margin-right: 15px;
}
.filter .form-inline .form-group .form-control {
	width: 220px;
}
.filter .btn-default {
	background: rgb(0, 139, 246); border: currentColor; border-image: none; left: -25px; color: rgb(255, 255, 255); font-size: 16px; position: relative;
}
#iframe {
	width: 100%; height: 1400px; overflow: hidden;
}
#iframen {
	width: 100%; height: 1400px; overflow: hidden;
}
.serarea {
	background: url("../images/mapbg.png") no-repeat 50% 50%; margin: 0px auto; position: relative; min-width: 1180px; max-width: 1920px;
}
* {
	box-sizing: inherit; -moz-box-sizing: inherit;
}
.serarea .title {
	left: 0px; top: 0px; width: 100%; text-align: center; position: absolute;
}
.maplist {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.mapdot .map-dat-layer {
	background: url("../images/wran.png") no-repeat 0% 0% / 100%; width: 26px; height: 42px; display: inline-block; position: relative;
}
.mapdot .map-dat-layer::after {
	background: url("../images/img.png") no-repeat; left: -4px; width: 25px; height: 25px; bottom: 0px; position: absolute; content: "";
}
.hover.mapdot .map-dat-layer::after {
	animation:warn 2s ease-out infinite;
}
.maplist span {
	top: 12px; color: rgb(255, 255, 255); font-size: 12px; white-space: nowrap; position: absolute;
}
.c-bubble-inner p {
	color: rgb(255, 255, 255);
}
.text-right {
	right: -20px;
}
.text-left {
	left: -35px;
}
.mapdot {
	z-index: 6;
}
.mapdot1 {
	left: 62%; top: 34%; position: absolute;
}
.mapdot-2 {
	left: 63.5%; top: 40%; position: absolute;
}
.mapdot3 {
	left: 61%; top: 33%; position: absolute;
}
.mapdot4 {
	left: 61%; top: 38%; position: absolute; z-index: 8;
}
.mapdot5 {
	left: 62%; top: 47%; position: absolute;
}
.mapdot06 {
	left: 67%; top: 42%; position: absolute;
}
.mapdot7 {
	left: 50%; top: 58%; position: absolute;
}
.mapdot8 {
	left: 61%; top: 42%; position: absolute;
}
.mapdot08 {
	left: 64%; top: 29%; position: absolute;
}
.mapdot9 {
	left: 67%; top: 73%; position: absolute;
}
.mapdot10 {
	left: 68%; top: 36%; position: absolute;
}
.mapdot11 {
	left: 61.6%; top: 37%; position: absolute;
}
.dot2.mapdot.mapdot11 .map-dat-layer {
	
}
.mapdot11.mapdot .map-dat-layer::after {
	display: none;
}
.mapdot01 {
	left: 22%; bottom: 130px; position: absolute;
}
.mapdot02 {
	left: 22%; bottom: 170px; position: absolute;
}
.dot2.mapdot .map-dat-layer {
	background: url("../images/blue.png") no-repeat 0% 0% / 100%;
}
.mapdot2.mapdot .map-dat-layer::after {
	display: none;
}
.map-hover1 {
	transition:0.3s; visibility: hidden; position: absolute; z-index: 4; opacity: 0;
}
.hover.map-hover1 {
	visibility: visible; z-index: 7; opacity: 1;
}
.c-bubble-inner {
	background: rgb(220, 144, 67); padding: 0.1px 10px; border-radius: 3px; width: 280px; color: rgb(255, 255, 255);
}
.c-bubble-inner .tit {
	font-size: 14px;
}
.right.map-bubble .c-bubble-inner::after {
	background: url("../images/map-icon-new-1.png") no-repeat -119px 0px; left: -71px; top: 28px; width: 70px; height: 40px; display: block; position: absolute; z-index: 1; content: "";
}
.left.map-bubble .c-bubble-inner::after {
	background: url("../images/map-icon-new-1.png") no-repeat -17px 0px; top: 28px; width: 84px; height: 40px; right: -71px; display: block; position: absolute; content: "";
}
.mapimg img {
	width: 100%;
}
.map-bot {
	background: rgba(255, 255, 255, 0.2); left: 50%; width: 1260px; height: 94px; bottom: 80px; padding-right: 55px; margin-left: -630px; display: flex; position: absolute; box-sizing: border-box; justify-content: space-between;
}
.map-bot h3 {
	font-size: 22px;
}
.map-bot a {
	color: rgb(255, 255, 255); padding-left: 120px; position: relative;
}
.map-bot a:hover {
	color: rgb(255, 255, 255);
}
.map-bot p {
	color: rgb(255, 255, 255);
}
.map-bot img {
	left: 55px; top: 50%; width: 51px; height: 51px; margin-top: -25.5px; position: absolute;
}
.serarea .left {
	width: 313px;
}
.serarea dl dd {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 16px;
}
.serarea .right {
	
}
.serarea .right em {
	left: 200px; top: 300px; width: 80px; height: 80px; text-align: center; display: block; position: absolute; z-index: 9999;
}
.serarea .right em:nth-child(2) {
	left: 300px; top: 320px;
}
.serarea .right em:nth-child(3) {
	left: 445px; top: 200px;
}
.serarea .right em:nth-child(4) {
	left: 500px; top: 120px;
}
.serarea .right em:nth-child(5) {
	left: 320px; top: 265px;
}
.serarea .right em:nth-child(6) {
	left: 430px; top: 308px;
}
.serarea .right span {
	background: rgb(0, 139, 246); border-radius: 50%; transition:0.3s; left: 50%; top: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; display: inline-block; position: absolute;
}
.serarea .right span::after {
	border-radius: 50%; border: 1px solid rgb(0, 139, 246); animation:radiusScale 2s infinite; border-image: none; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; content: "";
}
.serarea .right span::before {
	border-radius: 50%; border: 1px solid rgb(0, 139, 246); animation:radiusScale2 2s infinite; border-image: none; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; content: "";
}
.serarea .right span:hover {
	transform: scale(1.2);
}
.stips {
	background: rgb(255, 255, 255); padding: 26px; border: 1px solid rgb(0, 139, 246); transition:0.3s; border-image: none; width: 390px; height: 97px; position: absolute; z-index: 19892011; transform: scale(0);
}
.on.stips {
	transform: scale(1);
}
.stips h3 {
	font-size: 18px; margin-top: 0px;
}
.stips p {
	line-height: 20px;
}
.stips::after {
	background: url("../images/tipsbg.png") no-repeat 0% 0% / 406px 113px; left: -9px; top: -9px; width: 406px; height: 115px; display: inline-block; position: absolute; z-index: 1980; content: ""; transform: scale(1);
}
.stips::before {
	background: url("../images/line.png") no-repeat; width: 84px; height: 60px; right: 100px; bottom: -60px; position: absolute; z-index: 1; content: "";
}
.vrvedio {
	background: url("../images/vrbg.jpg") no-repeat 50% 50%; height: 500px; text-align: center; overflow: hidden;
}
.vrvedio:hover h2 {
	color: rgb(0, 139, 246);
}
.vrvedio:hover img {
	opacity: 1;
}
.vrvedio h2 {
	color: rgb(51, 51, 51); font-size: 24px; margin-top: 195px; margin-bottom: 20px;
}
.vrvedio img {
	transition:0.3s; width: 52px; height: 52px; cursor: pointer; opacity: 0.3;
}
.foot {
	background: rgb(54, 61, 66); padding-bottom: 0.1px;
}
.foot h2 {
	color: rgb(255, 255, 255); font-size: 1rem; margin-top: 0px;
}
.foot ul {
	padding: 4.6vh 0px 2vh; overflow: hidden; display: flex;
}
.foot ul li {
	width: 16%; line-height: 200%; padding-left: 3%; border-right-color: rgb(71, 77, 82); border-right-width: 1px; border-right-style: dashed; float: left; min-width: 110px;
}
.foot h2 a {
	color: rgb(255, 255, 255) !important;
}
.foot ul li a {
	color: rgb(174, 176, 177); line-height: 200%; font-size: 1rem; display: block;
}
.foot ul li a:hover {
	color: rgb(255, 255, 255);
}
.foot ul li:nth-child(1) {
	padding: 0px 50px 0px 0px;
}
.foot ul li:nth-child(2) {
	width: 20%; text-align: left;
}
.foot ul li:nth-last-child(1) {
	padding: 0px 0px 0px 50px; border: currentColor; border-image: none; text-align: center;
}
.foot p {
	margin: 0px 0px 20px; text-align: center; color: rgb(174, 176, 177); font-size: 1rem;
}
.foot .maxwidth {
	max-width: 1400px;
}
.bx-wrapper .bx-controls-direction a {
	width: 11px;
}
.bx-wrapper .bx-prev {
	background: url("../images/left.png") no-repeat;
}
.bx-wrapper .bx-next {
	background: url("../images/right.png") no-repeat; width: 11px;
}
.bx-wrapper .bx-next:hover {
	background-position: 0px 0px;
}
.divshadow {
	background: rgb(255, 255, 255); box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.03);
}
.divshadow:hover {
	box-shadow: 0px 10px 44px 0px rgba(0,0,0,0.07);
}
.tablockbox {
	background: rgb(255, 255, 255);
}
.bgfff {
	background: rgb(255, 255, 255);
}
.bgnone {
	background: none;
}
.wpd_nums {
	padding-bottom: 100px;
}
.sershow.wpd_nums {
	padding-bottom: 0px;
}
.sershow .maxwidth {
	position: relative;
}
.sershow img {
	width: 100%; max-width: 1920px;
}
.sershow .title {
	left: 0px; top: 0px; width: 100%; text-align: center; position: absolute; max-width: 1920px;
}
.sershow .title h2 {
	margin: 10px 0px 20px;
}
.serarea .title h2 {
	color: rgb(255, 255, 255);
}
.serarea .title p {
	color: rgb(255, 255, 255);
}
.wpd_nums_top {
	padding-top: 90px;
}
.tablockbox ul li {
	margin: 0px 1% 1% 0px; padding: 10px 0px 0px; flex-flow:column nowrap; width: 24%; height: 215px; display: flex; justify-content: center; align-items: center;
}
.tablockbox ul li:nth-child(3n) {
	width: 24%; margin-right: 1%; margin-left: 0px;
}
.tablockbox ul li:nth-child(4n) {
	width: 24%; margin-right: 0px; margin-left: 0px;
}
.stanpro ul {
	overflow: hidden;
}
.stanpro ul li {
	background: rgb(255, 255, 255); width: 18%; margin-right: 2.5%; float: left;
}
.stanpro ul li:nth-child(5) {
	margin-right: 0px;
}
.stanpro ul li .sptop {
	background: rgb(66, 66, 79); flex-flow:column nowrap; height: 115px; display: flex; justify-content: center; align-items: center;
}
.stanpro ul li .sptop img {
	width: 70px; height: 70px;
}
.stanpro ul li:nth-last-child(1) {
	margin-right: 0px;
}
.stanpro ul h3 {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 20px; margin-top: 0px; margin-bottom: 10px;
}
.stanpro ul .spbody {
	height: 240px; text-align: center; line-height: 36px; padding-top: 20px; font-size: 16px;
}
.sercontact {
	background: url("../images/mapsm.png") no-repeat 50% 0%; height: 455px;
}
.contantlist ul {
	overflow: hidden;
}
.contantlist ul li {
	width: 30%; margin-left: 3.33%; float: left;
}
.contantlist ul li h3 {
	padding-bottom: 20px; font-size: 18px; margin-top: 0px; margin-bottom: 20px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.contantlist ul li p {
	line-height: 24px; font-size: 16px;
}
.company.encont li {
	margin: 0px;
}
.company.encont ul {
	margin-bottom: 0px;
}
.newslist {
	overflow: hidden;
}
.newslist li {
	background: rgb(255, 255, 255); margin: 0px 2% 2% 0px; width: 32%; float: left; position: relative;
}
.newslist li:nth-child(3n) {
	margin-right: 0px;
}
.newslist li .newsimg {
	width: 100%; height: 248px; overflow: hidden; background-size: cover;
}
.newslist li .newsimg img {
	width: 100%;
}
.newslist li h3 {
	margin: 0px; padding: 30px 0px 15px; color: rgb(51, 51, 51); overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.newslist li .bj {
	padding: 0px; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 12px; display: inline-block;
}
.newslist li p {
	height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.newslist li .ncont {
	padding: 0px 25px 20px 135px; height: 135px;
}
.newslist li .time {
	left: 30px; bottom: 32px; color: rgb(153, 153, 153); position: absolute;
}
.newslist li .time em {
	line-height: 48px; font-size: 48px; display: block;
}
.newslist li .time::after {
	top: 0px; height: 100%; right: -30px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; position: absolute; content: "";
}
.descr {
	background: rgb(255, 255, 255); margin: 0px auto; text-align: center; line-height: 40px; font-size: 18px; display: flex; max-width: 1400px; justify-content: center; align-items: center;
}
.descr p img {
	display: block;
}
.descr .text-left p {
	text-indent: 2em;
}
.descr .text-left {
	padding: 2%; width: 36%; text-align: left;
}
.descr .rig {
	width: 60%;
}
.descr .rig img {
	width: 100%;
}
.enwork ul li {
	background: rgb(255, 255, 255); margin: 1% 0px; overflow: hidden;
}
.enwork .zk ul li {
	margin: 0px 0px 60px;
}
.enwork ul li.sort .left {
	float: right;
}
.enwork ul li:nth-child(2n) .left {
	float: right;
}
.enwork ul li.sort .right {
	float: left;
}
.enwork ul li:nth-child(2n) .right {
	float: left;
}
.enwork .entext {
	padding-bottom: 30px;
}
.enwork .entext p {
	padding: 0px 40px; color: rgb(102, 102, 102); line-height: 28px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 5;
}
.enwork .company .entext p {
	padding: 0px 40px 0px 0px; -webkit-line-clamp: 6;
}
.enwork .company .entext {
	text-indent: 2em;
}
.enwork .entext em {
	padding: 15px 0px 20px 40px; font-size: 48px; display: block;
}
.enwork .entext .btn {
	margin: 50px 0px 0px 40px; padding: 6px 45px;
}
.enwork .entext span {
	padding-left: 40px;
}
.enwork .enimgshow {
	width: 60%; height: 460px;
}
.enwork .w50 {
	overflow: hidden;
}
.enwork .w50 .enimgshow {
	width: 49%;
}
.enwork .w50 .right.enimgshow {
	float: left;
}
.enwork .w50 .enimgshow img {
	width: 100%; height: 100%;
}
.enwork .w50 :nth-child(1).enimgshow {
	margin-right: 2%;
}
.enwork h3 {
	padding: 80px 40px 50px; font-size: 30px; position: relative;
}
.enwork h3::after {
	left: 40px; width: 20px; bottom: 30px; border-bottom-color: rgb(102, 102, 102); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; content: "";
}
.company.encont h3::after {
	display: none;
}
.company.encont span {
	padding: 20px 0px 0px; font-size: 18px; font-weight: normal; display: block;
}
.enwork .company h3 {
	padding: 0px 0px 80px;
}
.company.encont em i {
	text-align: center; color: rgb(102, 102, 102); font-size: 16px; display: block;
}
.comnumber {
	padding-top: 30px;
}
.company.encont em {
	background: url("../images/yuangong.png") no-repeat 50% 50% / 80%; padding: 30px; color: rgb(0, 139, 246); font-size: 48px;
}
.company.encont em:nth-child(2) {
	background: url("../images/jishurenyuan.png") no-repeat 50% 50% / 80%;
}
.company.encont em:nth-child(3) {
	background: url("../images/minying.png") no-repeat 50% 50% / 80%;
}
.honor_list h3 {
	font-size: 16px; font-weight: bold; margin-bottom: 15px;
}
.honor_list dl {
	margin-bottom: 0px;
}
.honor_list dd em {
	background: rgb(255, 255, 255); border-radius: 50%; border: 1px solid rgba(0, 139, 246, 1); border-image: none; left: 0px; width: 17px; height: 17px; margin-right: 10px; display: inline-block; position: absolute; z-index: 2;
}
.honor_list dd {
	padding-bottom: 15px; padding-left: 25px; display: flex; position: relative; align-items: center;
}
.honor_list dd:nth-last-child(1)::after {
	display: none;
}
.honor_list dd::after {
	left: 8px; top: 0px; height: 100%; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; position: absolute; z-index: 1; content: "";
}
.honor_list dd em::after {
	background: rgba(0, 139, 246, 1); border-radius: 50%; left: 50%; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; margin-left: -3.5px; position: absolute; content: "";
}
.aroundinfo dl {
	height: 250px; display: flex; justify-content: space-between; align-items: baseline;
}
.aroundinfo dl dd {
	padding: 40px; width: 360px; cursor: pointer; box-sizing: border-box;
}
.aroundinfo dl dd h3 {
	color: rgb(51, 51, 51); margin-top: 0px; margin-bottom: 10px;
}
.aroundinfo dl dd:hover h3 {
	color: rgb(0, 139, 246);
}
.aroundinfo dl dd p {
	color: rgb(102, 102, 102); margin-bottom: 0px;
}
.aroundinfo {
	background: url("../images/aroundbg.png") no-repeat 50% 50% / 500px; height: 460px;
}
.yycenter {
	overflow: hidden; flex-wrap: wrap; justify-content: space-between;
}
.yycenter li {
	background: rgb(255, 255, 255); padding: 35px 35px 35px 100px; width: 30%; color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 40px; position: relative; box-sizing: border-box; align-items: center;
}
.yycenter li:nth-child(4) {
	margin-bottom: 0px;
}
.yycenter li:nth-child(5) {
	margin-bottom: 0px;
}
.yycenter li:nth-child(6) {
	margin-bottom: 0px;
}
.yycenter li img {
	left: 15px; top: 50%; margin-top: -35px; margin-right: 20px; position: absolute;
}
.indexbanner {
	height: 550px;
}
.indexbanner li {
	height: 550px;
}
.indexbanner li {
	background: 50% 50%;
}
.vesmall {
	display: none;
}
.gonggaogupiao {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 240px; height: 40px; text-align: center; font-size: 16px; display: flex; align-items: center;
}
.gonggaogupiao img {
	width: 25px; height: 25px;
}
.gonggaogupiao span {
	color: rgb(51, 51, 51); font-size: 15px; margin-top: 4px;
}
@media screen and (max-width:2059px)
{
html {
	font-size: 14px;
}
}
@media screen and (max-width:1809px)
{
html {
	font-size: 14px;
}
.map-bot {
	bottom: 40px;
}
}
@media screen and (max-width:1559px)
{
html {
	font-size: 12px;
}
.indexbanner {
	height: 400px; background-size: 1329px;
}
.indexbanner li {
	height: 400px; background-size: 1329px;
}
.vesmall {
	display: block;
}
.vebig {
	display: none;
}
}
@media screen and (max-width:1309px)
{
html {
	font-size: 11px;
}
.nav li {
	
}
.newslist li .newsimg {
	height: 208px;
}
}
@media screen and (max-width:1059px)
{
html {
	font-size: 10px;
}
}
@media screen and (max-width:809px)
{
html {
	font-size: 8px;
}
}
@media screen and (max-width:1367px)
{
.title h2 {
	font-size: 24px;
}
.compname li {
	font-size: 20px;
}
.title p {
	font-size: 16px;
}
.cominfo ul li h3 {
	font-size: 14px;
}
.solu ul li h3 {
	font-size: 18px;
}
.serarea dl dd {
	font-size: 14px;
}
.aroundinfo {
	background-size: 400px;
}
.map-bot {
	bottom: 0px;
}
.serarea .title {
	padding: 50px 0px;
}
}
@media screen and (min-width:1367px)
{
.mapdot1 {
	top: 35.5%;
}
.mapdot02 {
	bottom: 230px;
}
.mapdot01 {
	bottom: 190px;
}
}