@charset "utf-8";
/*font*/
@font-face {
	font-family: "Century Gothic";
	src: url("../fonts/century gothic.woff2") format("woff2"), url("../fonts/century gothic.woff") format("woff"), url("../fonts/century gothic.ttf") format("truetype"), url("../fonts/century gothic.eot") format("embedded-opentype"), url("../fonts/century gothic.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "CenturyGothicbold";
	src: url("../fonts/centurygothicbold.woff2") format("woff2"), url("../fonts/centurygothicbold.woff") format("woff"), url("../fonts/centurygothicbold.ttf") format("truetype"), url("../fonts/centurygothicbold.eot") format("embedded-opentype"), url("../fonts/centurygothicbold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Folio Bold Condensed BT";
	src: url("../fonts/folio bold condensed bt.woff2") format("woff2"), url("../fonts/folio bold condensed bt.woff") format("woff"), url("../fonts/folio bold condensed bt.ttf") format("truetype"), url("../fonts/folio bold condensed bt.eot") format("embedded-opentype"), url("../fonts/folio bold condensed bt.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* public */
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display: block
}
*, :before, :after {
	box-sizing: border-box;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
img {
	border: 0;
	display: inline-block;
	width: auto;
	max-width: 100%;
}
ul, dl, li, dt, dd {
	list-style: none;
}
body, html {
	min-height: 100%;
}
body {
	font: 14px Arial, "microsoft yahei", Helvetica, sans-serif;
*font:14px "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #332B29;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	overflow-x: hidden;
	/*background: #000;*/
}
pre {
	font-family: 'microsoft yahei';
	white-space: pre-wrap;
	word-wrap: break-word;
}
a {
	font-size: 14px;
	text-decoration: none;
	/*transition: ease .65s;*/
	color: #332B29;
	outline: none;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
*zoom:1;
}/*IE/7/6*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
input, textarea, select {
	outline: none;
	font-family: "microsoft yahei";
	-webkit-appearance: none;
	border-radius: 0;
}
input::-webkit-input-placeholder {
color: #888888;
}
input:-moz-placeholder {
　color: #888888;
}
input::-moz-placeholder {
color: #888888;
}
input:-ms-input-placeholder {
color: #888888;
}
textarea {
	resize: none;
	overflow: hidden;
}
textarea::-webkit-input-placeholder {
color: #888888;
}
textarea:-moz-placeholder {
　color: #888888;
}
textarea::-moz-placeholder {
color: #888888;
}
textarea:-ms-input-placeholder {
color: #888888;
}
select::-ms-expand {
display: none;
}
i {
	font-style: normal;
}
.left {
	float: left;
}
.right {
	float: right;
}
.noscript {
	position: fixed;
	left: 0px;
	top: 0px;
	background: #ddd;
	color: red;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
em {
	font-style: normal;
}
.pace {
	display: none;
}
.pace-activity {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
}
.pace-activity:before {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	background: #f4f4f8;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: center top;
	transition: ease 1s;
}
.pace-activity:after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	background: #f4f4f8;
	position: absolute;
	left: 0;
	bottom: 0;
	transform-origin: center bottom;
	transition: ease 1s;
}
.pace-inactive .pace-activity:before, .pace-inactive .pace-activity:after {
	transform: scaleY(0);
}
.pace-progress {
	width: 0;
	height: 2px;
	background: #20509a;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	margin-top: -1px;
	z-index: 2;
	transition: ease .65s;
}
.pace-progress:after {
	content: attr(data-progress-text);
	display: block;
	position: absolute;
	left: 50%;
	top: 130px;
	padding: 0 20px;
	color: #20509a;
	transition: ease .65s;
	font-family: "Century Gothic";
	font-weight: bold;
	font-size: 46px;
	transform: translateX(-50%);
}
/*.pace-inactive{visibility:hidden;}*/
.pace {
	position: fixed;
	z-index: 3000;
	width: 100%;
	height: 100%;
}
.pace-logo {
	width: 184px;
	height: 234px;
	background: url(../images/logo2.png) no-repeat center;
	background-size: cover;
	margin: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: ease .65s;
}
.pace-content h2 {
	font-size: 15px;
	color: #20509a;
	font-weight: bold;
}
.pace-info {
	position: absolute;
	left: 0;
	top: 71%;
	text-align: center;
	z-index: 10;
	right: 0;
}
.pace-inactive .pace-progress {
	opacity: 0;
}
.pace-inactive .pace-logo {
	animation: paceLogo linear .65s forwards;
}
.pace-inactive .pace-info {
	animation: paceInfo linear .65s forwards;
}
@keyframes paceLogo {
 0% {
transform:translate(-50%, -50%) scale(1);
opacity:1;
}
 100% {
transform:translate(-50%, -50%) scale(.5);
opacity:0;
}
}
@keyframes paceInfo {
 0% {
scale(1);
opacity:1;
}
 100% {
scale(.5);
opacity:0;
}
}
.pace-inactive {
	animation: inactive linear .15s forwards;
	animation-delay: .65s;
}
@keyframes inactive {
 0% {
visibility:visible;
}
 100% {
visibility:hidden;
}
}
.lh-flex {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.red {
	color: #b72024;
}
.BMap_Marker img {
	width: auto;
}
.BMap_bubble_title {
	color: #DA251C;
	font-weight: bold;
	font-size: 16px;
}
/*响应式*/
.container {
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 1440px;
	padding: 0 20px;
}
/*分享*/
#bsWXBox {
	box-sizing: initial;
}
#bsBox {
	box-sizing: initial;
	box-sizing: initial;
	width: 90vw !important;
	height: 200px !important;
	margin-left: -45vw !important;
}
.bsTop, .bShareFrame {
	width: 100% !important;
}
/*浏览器滚动条*/
::-webkit-scrollbar {
width:5px;
height:5px;
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#E3E3E3
}
::-webkit-scrollbar-thumb:vertical {
background-color:#555;
border-radius:30px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#3B3B3B
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#FF6E00
}
/*header*/
.lh-header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100px;
	background: #fff;
	z-index: 1000;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.lh-header .lh-nav-btn:before,
.lh-header .lh-nav-btn:after,
.lh-header .lh-nav-btn i{
	background: #fff;
}
.intro .lh-nav-btn:before,
.intro .lh-nav-btn:after,
.intro .lh-nav-btn i{
	background: #111;
}
.home .intro .lh-nav-btn:before,
.home .intro .lh-nav-btn:after,
.home .intro .lh-nav-btn i{
	background: #fff;
}
.Nav .intro .lh-nav-btn:before,
.Nav .intro .lh-nav-btn:after,
.Nav .intro .lh-nav-btn i{
	background: #111;
}
.Nav .lh-header {
    background: rgba(0,0,0,0.2) !important;
}

.lh-nav-btn {
	position: absolute;
	right: 2.08vw;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 20px;
	z-index: 200;
}
.lh-nav-btn:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	
	position: absolute;
	left: 0;
	top: 0;
	transition: ease .65s;
	border-radius: 5px;
}
.lh-nav-btn:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	
	position: absolute;
	left: 0;
	bottom: 0;
	transition: ease .65s;
	border-radius: 5px;
}
.lh-nav-btn i {
	display: block;
	width: 100%;
	height: 3px;
	
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	transition: ease .65s;
	border-radius: 5px;
}
.lh-search-btn, .lh-home {
	position: absolute;
	right: 2.08vw;
	top: 50%;
	transform: translateY(-50%);
}
.lh-search-btn i, .lh-home i {
	font-size: 30px;
	color: #20509a;
}
.lh-nav {
	text-align: center;
	height: 90px;
}

@media screen and (max-width: 1500px) {
	.lh-nav {
		margin-right: 5vw;
	}
}

.lh-nav li {
	display: inline-block;
	margin: 0 1vw;
	line-height: 100px;
	height: 100%;
}
.lh-nav li a {
	padding: 0 10px;
	font-size: 16px;
	color: #111111;
	position: relative;
	display: inline-block;
}
.lh-nav li:not(.lh-logo) a:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #20509a;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 10px 10px 0 0;
	transform: scaleX(0);
	transition: ease .65s;
}
.lh-nav li:not(.lh-logo) a:hover, .lh-nav li:not(.lh-logo) a.on {
	color: #20509a;
}
.lh-nav li:not(.lh-logo) a:hover:before, .lh-nav li:not(.lh-logo) a.on:before {
	transform: scaleX(1);
}
.lh-nav li.lh-logo a {
	width: 100%;
	top: -50px;
}
.lh-nav li.lh-logo img {
	position: absolute;
	left: 0;
	top: 0;
}
.lh-nav li.lh-logo {
	width: 92px;
}
.lh-banner {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	background: #000;
}
.lh-banner-bd li {
	position: relative;
}
.lh-banner-bd li .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.lh-banner-bd li .img{ display: none;}
.lh-banner-bd li .img.active{ display: block;}
.lh-index-banner {
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.lh-banner-bd li .text {
	position: absolute;
	left: 13.5vw;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index: 1;

	text-align: right;
    right: auto;
    left: 20vw;
    top: 25%;
	

}

.lh-banner-bd li .text h2 {
	font-size: 1.28vw;
	margin: 0.5vh 0 0;
	text-transform: uppercase;
}
.lh-banner-bd li .text h3 {
	font-size: 1.6vw;
	font-weight: 400;
    margin-top: 0px;
}
.lh-banner-bd li .text pre {
	font-size: 15px;
	line-height: 30px;
}
.lh-more {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
}
.lh-more:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.lh-more:after {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -2px;
}
.lh-banner-bd li .text a {
	margin-top: 14vh;
}
.lh-banner-bd li.style2 .text {
	left: auto;
	right: 13.5vw;
}
.lh-banner-bd li.style1 .pro-img {
	position: absolute;
	right: 9.73vw;
	top: 50%;
	transform: translateY(-100%);
	width: 34vw;
	opacity: 0;
	animation: proImg1 cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-banner-bd li.style1.swiper-slide-active .pro-img, .lh-banner-bd li.style1.swiper-slide-duplicate-active .pro-img {
	animation: proImg cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
	animation-delay: .45s;
}
@keyframes proImg {
 0% {
transform:translateY(-100%);
opacity:0;
}
 100% {
transform:translateY(-50%);
opacity:1;
}
}
@keyframes proImg1 {
 0% {
transform:translateY(-50%);
opacity:1;
}
 100% {
transform:translateY(-100%);
opacity:0;
}
}



.lh-index-banner .lh-banner .swiper-button-next{
	width: 50px;
	height: 65px;
	position: absolute;
	left: 50% !important;
	transform: translateX(-50%);
	top: 90vh !important;
	z-index: 2;
	background-image: none;
	bottom: 10vh !important;
}



.lh-banner-btn{
	/*width: auto !important;*/
	width: 100%;
	height: 50px;
	/*background: #000;*/
	position: absolute;
	/*left: 50% !important;*/
	/*left: 18vw !important;*/
	/*transform: translateX(-50%);*/
	/*bottom: 25vh !important;*/
	bottom: 3vh !important;
	z-index: 2;
	padding: 0 16px;
	text-align: center;
}

.lh-banner-line{
	width: 40%;
	border-bottom:1px solid #fff;
	float: left;
	height: 25px;
	opacity: .5
}

.lh-banner-hd {
	/*float: left;*/
	padding: 0 15px;
	display: inline-block;

}
.lh-banner-hd span {
	width: 15px;
	height: 18px;
	background: url(../images/icon3.png) no-repeat center;
	opacity: .5;
	margin: 15px 15px 0 !important;
	transition: ease .65s;
	outline: none;
}
.lh-banner-hd span.swiper-pagination-bullet-active {
	opacity: 1;
}
.lh-index-about {
	background: #F4F4F8 url(../images/about_bg.jpg) no-repeat right center;
	display: flex;
	align-items: center;
	height: 100vh;
	padding-top: 12vh;
}
.lh-index-about .text {
	animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
	width: 80%;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
}
.lh-index-about .text a.more{ 
	/*background-color: #000;*/
	color: #fff;
	padding: 10px 15px;
	border: 1px solid #fff;
	font-size: 18px;
	transition: 0.5s;
}
.lh-index-about .text a.more .iconfont{ 
	color: #fff;
	padding-left: 20px;
	font-size: 25px;
    top: 4px;
    position: relative;
}
.lh-index-about .text a.more:hover{ background: #20509a; border-color:#20509a;}



.lh-index-about .text h2 {
	font-size: 3.125vw;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.lh-index-about .text h3 {
	font-size: 2vw;
	color: #fff;
	
	margin-top: 1vh;
}
.lh-index-about .text pre {
	line-height: 40px;
	color: #fff;
	margin: 4vh 0 6vh;
	font-size: 20px;
}
.lh-index-about .img {
	float: right;
	width: 41.66vw;
	animation: zoomOut cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;

	box-shadow: 15px 15px 20px rgba(0,0,0,.3);
}
.lh-more.gray:before, .lh-more.gray:after {
	/*background: #AAA;*/
}
.lh-more.gray:hover {
	transform: rotate(360deg);
}
.lh-index-banner .swiper-slide-active .lh-index-about .text {
	animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}

.lh-index-banner .swiper-slide-active .lh-index-about .img {
	animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-index-banner>.swiper-wrapper>.swiper-slide>div {
	height: 100%;
	overflow: hidden;
}
.lh-index-rd {
	/*background: #fff url(../images/icon1.jpg) no-repeat right center;*/
	background-color: #fff;

}
.lh-index-rd .img {
	width: 50%;
	height: 100%;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
	background:url(../images/case_bg.jpg) no-repeat center center;
}

.lh-index-rd .caselist{
	background-color: #fff;
	/*width: 100%;*/
	width: 31.33vw;
	padding: 2vw 1vw;
}

@media screen and (max-width: 1000px) {
	.lh-index-rd .caselist{
		display:none;
	}
}


.lh-index-rd .caselist .swiper-wrapper{
	margin: 0 auto;
}



.lh-index-rd .caselist .swiper-slide{
	width: 25%;
	text-align: center;
}

.lh-index-rd .caselist .swiper-slide i{
	width: 100%;
	text-align:center;
	color: #f6cdcd;
	font-size: 4vw;
	float: left;
}
.lh-index-rd .caselist .swiper-slide span{
	width: 100%;
	text-align:center;
	float: left;
	color: #333;
	padding: 1vh 0; 
}
.lh-index-rd .caselist .swiper-slide-active i{
	color: #20509a;
}





.lh-index-rd .caselist .swiper-button-next{
	color: #20509a;
	background: none;
	
}
.lh-index-rd .caselist .swiper-button-prev{
	color: #20509a;
	background: none;
}
.lh-index-rd .caselist .swiper-pagination{
	
}

.lh-index-rd .caselist .swiper-pagination-bullet-active{
	background: #20509a;
	border:2px solid #e39092;
}




.lh-index-rd .container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 12vh;
	max-width: 100%;
	padding: 0;
}
.lh-index-rd .text {
	max-width: 820px;
	/*background: url(../images/icon4.png) no-repeat center;*/
	/*background-color: #20509a;*/
	background-size: cover;
	
	color: #fff;
	animation: fadeOutRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
	/*padding-right: 6vw;*/
}

.lh-index-rd .text .bg{
	padding: 3.9vw;
	background-color: #20509a;
	background-size: cover;
	padding-right: 10vw;
}

.lh-index-rd .text h2 {
	font-size: 3.125vw;
	font-family: "CenturyGothicbold";
}
.lh-index-rd .text h3 {
	font-size: 1.45vw;
	font-weight: bold;
	margin-top: 1vh;
}
.lh-index-rd .text pre {
	line-height: 32px;
	color: #fff;
	margin: 4vh 0 5vh;
}










.lh-index-banner .swiper-slide-active .lh-index-rd .text {
	animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-index-banner .swiper-slide-active .lh-index-rd .img {
	width: 66.66vw;
}

.lh-index-pro {
	background: #d9ddde url(../images/cp_bg.jpg) repeat-x left top;
}
.lh-pro-item {
	height: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.lh-pro-item li {
	flex: 1;
	display: flex;
	width: 33.3%;
	float: left;
	align-items: center;
	justify-content: center;
	padding: 10px;
	position: relative;
	padding-top: 12vh;
	animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
	background-color: #dee1e2;
}
.lh-pro-item li a:hover img {
	transform: scale(1.1);
}
.lh-pro-item li a:hover .text {
	transform: translateY(-20px);
}
.lh-pro-item li:nth-child(2n) {
	animation: fadeOutDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-pro-item li:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #DDD;
	position: absolute;
	left: 0;
	top: 0;
}
.lh-pro-item li:first-child:before {
	display: none;
}
.lh-pro-item li .img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lh-pro-item li img {
	width: 80%;
	max-width: 100%;
	margin: auto;
	transition: ease .65s;
}
.lh-pro-item li .text {
	padding-left: 3vw;
	transition: ease .65s;
}
.lh-pro-item li .text h2 {
	font-size: 2.7vw;
	color: #222222;
	
}
.lh-pro-item li .text h3 {
	font-size: 1.35vw;
	color: #222222;
	font-weight: 400;
	margin: 1vh 0;
	/*font-family: "CenturyGothicbold";*/
	text-transform:uppercase;
}
.lh-pro-item li .text pre {
	line-height: 28px;
	color: #666666;
	margin: 1vh 0 10vh;
	border: 2px solid #666;
	width: 4vw;
}
.lh-pro-item li .text h4 {
	display: inline-block;
	color: #222222;
	font-size: 13px;
	position: relative;
}
.lh-pro-item li .text h4:after {
	display: block;
	width: 100%;
	height: 1px;
	background: #ACACCA;
	position: absolute;
	left: 0;
	bottom: 0;
}
.lh-index-banner .swiper-slide-active .lh-pro-item li {
	animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-index-banner .swiper-slide-active .lh-pro-item li:nth-child(2n) {
	animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}


.web_kuan{ width: 100%;  max-width: 1440px; margin: 0 auto; }
.pro_kuan{ width: 100%;  max-width: 1440px; margin: 0 auto; }
.pro_fl{ width: 48%; float: left; margin-top: 16%; animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.swiper-slide-active .pro_fl{  animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;} 
.pro_fl_top{  color: #fff;}
.pro_fl_titleen{ color: #fff; font-size: 60px;  font-family: arial;}
.pro_fl_title{ color: #fff; font-size: 30px; }
.pro_fl_desc{ font-size: 17px; color: #fff;  margin: 10px 0;}
.pro_fl_list{ width: 100%; position: relative; left: -60px;}
.pro_fl_list li{ width: 100%; padding: 25px;  line-height: 30px;  padding-left: 60px;}
.pro_fl_list li a{ color: #fff; position: relative;}
.pro_fl_list li a:before{ content: ''; width: 5px; height: 5px; background: #fff; display: block; position: absolute; left: -12px; top: 12px; border-radius: 10px;}
.pro_fl_list li .pro_fl_list_title{ font-size: 24px; color: #fff;}
.pro_fl_list li .pro_fl_list_titleen{ font-size: 16px; color: #fff;}
.pro_fl_list li.cli1{  background: rgba(0,0,0,0.3);}
.pro_fl_list li:nth-child(1){ width: 84%;}
.pro_fl_list li:nth-child(2){ width: 76%;}
.pro_fl_list li:nth-child(3){ width: 68%;}

.pro_fr{ 
	background: url(../images/cp_bg2.png) no-repeat left bottom;
    height: 100%;
    width: 75%;
    position: absolute;
    right: 0;
	background-size: 100%;
}
.pro_fr .pro_content1{ width: 75%;  float: right; position: relative; height: 100%}
.pro_fr .pro_content1 #gallery{ height: 100%;}
.pro_fr_list{ position: relative; padding-top: 100px;}
.pro_fr_list a{}
.pro_fr_list li{ float: left; position: absolute; left: 37.8%; width: 300px; margin-top: 1%;   padding-bottom: 30px; transition: 0.5s; animation: zoomOut cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; z-index: 1;} 
.pro_fr_list li .pro_fr_list_title{ width: 100%; text-align: center;  color: #fff; font-size: 18px; opacity: 0; transition: 0.8s; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20%;  bottom: 0; line-height: 50px;  background: #26272a; height: 20%; margin-bottom: 0;}
.pro_fr_list li .pro_fr_list_tu{ width: 100%; padding-bottom: calc(100% - 8px); margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; border: 4px solid #20509a;  transform: scale(0.6); z-index: 999; transition: 0.5s;  top: 50px;background: #fff;}
.pro_fr_list li .pro_fr_list_tu img{ max-width: initial; height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.8s;}
.pro_fr_list li .pro_fr_list_xian{ width: 5px; height: 80px; background: #20509a;  position: absolute; left: 50%; bottom:0px; transform: translateX(-49%); }

.pro_fr_list li.pro_li1{ left: 32%; margin-top: -5.5%; }
.pro_fr_list li.pro_li2{ left: 63%; margin-top: -3.5%;}
.pro_fr_list li.pro_li3{ left: 0.5%; margin-top: 7.5%;}
.pro_fr_list li.pro_li4{ left: 51%; margin-top: 8.5%;}
.pro_fr_list li.pro_li5{ left: 18%; margin-top: 20.5%;}
.pro_fr_list li.pro_li6{ left: 0.5%; margin-top: 31.7%;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li1{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li2{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.4s forwards;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li3{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.5s forwards;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li4{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1s forwards;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li5{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.swiper-slide-active .pro_content1 .pro_fr_list li.pro_li6{ animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.6s forwards;}



.pro_fr_list li:hover{ z-index: 9;}
.pro_fr_list li:hover .pro_fr_list_title{ opacity: 1; transition: 0.8s;}
.pro_fr_list li:hover .pro_fr_list_tu{ transform: scale(1); transition: 0.5s; top: 0px;}
.pro_fr_list li:hover .pro_fr_list_tu img{ height: 80%;}

.pro_content1 .swiper-pagination{ right: 10%; bottom: 15%;}
.pro_content1 .swiper-pagination-bullet{ width: 13px; height: 13px;  display: inline-block;  border-radius: 0%; background: #fff; margin-left: 10px;}
.pro_content1 .swiper-pagination-bullet-active{ opacity: 1; background: #fff;}
.pro_search{ position: absolute; right: 10%; bottom: 9%; z-index: 999;}
.pro_search form{  box-shadow: 0px 0px 5px #3a3a3a; display: inline-block;}
.pro_search input{ border: 0px; height: 38px; width: 300px; float: left; padding: 0 20px;}
.pro_search button{ background: #20509a;  border: 0; color: #fff; height: 39px; padding: 0 15px; float: left; margin-top: -1px;}
.pro_search button i{ margin-right: 5px; top: 1px; position: relative;}

.lh-index-case{

	background: url(../images/case_bg.jpg) repeat-x left top;
}
.case_kuan{ margin-top: 18%; width:45% ; animation: fadeOutLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; }
.swiper-slide-active .case_kuan{ animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.case_titleen{ color: #fff; font-size: 50px;}
.case_title{ color: #fff; font-size: 30px; margin: 10px 0;}
.case_desc{ font-size: 18px; color: #fff;  line-height: 32px; margin: 10px 0;}
.case_gd{ float: left; margin-top: 50px;}
.case_gd a{ color: #fff; font-size: 20px; border: 1px solid #fff; padding: 13px 25px; transition: 0.5s;}
.case_gd a i{ font-size: 30px; margin-left: 30px; position: relative; top: 6px;}
.case_gd a:hover{ background: #20509a; border-color: #20509a;}
.case_list{ width: 100%; background: #fff; display: inline-block; margin-top:150px; border-radius: 2px; animation: fadeOutDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.swiper-slide-active .case_list{ animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.case_list li{ width: calc(20% - 2px); float: left; padding: 0 2%; border-right: 2px solid #d5d5d5; margin: 20px 0;}
.case_list li:last-child{ border-right: 0;}
.case_list li .case_list_ico{ float: left;}
.case_list li .case_list_ico i{ font-size: 45px; color: #20509a;}
.case_list li .case_list_cont{ float: left; margin-left: 10px;}
.case_list li .case_list_title{ color: #191919; font-size: 26px;}
.case_list li .case_list_desc{ color: #9a9a9a; font-size: 14px;}






.lh-solution {
	background: #F4F4F8;
}
.lh-solution-top {
	height: 55%;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
	position: relative;
	animation: solutionOutTop cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-index-banner .swiper-slide-active .lh-solution-top {
	animation: solutionInTop cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
@keyframes solutionInTop {
 0% {
height:100%;
}
 100% {
height:55%;
}
}
@keyframes solutionOutTop {
 0% {
height:55%;
}
 100% {
height:100%;
}
}
.lh-solution-top .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
}
.lh-solution-top .text h2 {
	font-size: 3.125vw;
	font-family: "CenturyGothicbold";
}
.lh-solution-top .text h3 {
	font-size: 1.35vw;
	font-weight: bold;
	margin-top: 1vh;
}
.lh-solution-item {
	margin-left: -4vw;
}
.lh-solution-item li {
	flex: 1;
	width: 20%;
	float: left;
	text-align: center;
	padding-left: 4vw;
}
.lh-solution-item li .img {
	width: 8vw;
	height: 8vw;
	color: #fff;
	transform: rotate(45deg);
	text-align: center;
	line-height: 8vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: -4.7vw auto 0;
	transition: ease .65s;
}
.lh-solution-item li .img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #20509a;
	position: absolute;
	left: -1vw;
	top: 1vw;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1s;
	z-index: -1;
}
.lh-solution-item li .img i {
	font-size: 3.7vw;
	transform: rotate(-45deg);
}
.lh-solution-item li:first-child .img:before {
	border-color: #006947;
}
.lh-solution-item li:nth-child(3) .img:before {
	border-color: #20509a;
}
.lh-solution-item li:nth-child(4) .img:before {
	border-color: #006947;
}
.lh-solution-item li .text {
	margin-top: 4vw;
}
.lh-solution-item li .text h2 {
	font-size: 16px;
	color: #222222;
	font-weight: bold;
}
.lh-solution-item li .text pre {
	color: #444444;
	line-height: 28px;
	height: 112px;
	overflow: hidden;
	margin: 2vh 0;
}
.lh-solution-item li .text h3 {
	display: inline-block;
	color: #20509a;
	font-family: "CenturyGothicbold";
	position: relative;
	text-transform: uppercase;
}
.lh-solution-item li .text h3:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #7374AA;
	position: absolute;
	left: 0;
	bottom: 0;
}
.lh-solution-item li a:hover .img {
	transform: rotate(360deg);
}
.lh-solution-item li a:hover .img:before {
	transform: rotate(-90deg);
}
.lh-index-service {
	background: #F4F4F8 url(../images/a7.jpg) no-repeat right bottom;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.lh-index-service h2 {
	font-size: 3.125vw;
	font-family: "CenturyGothicbold";
	color: #20509a;
}
.lh-index-service h3 {
	font-size: 1.56vw;
	font-weight: bold;
	margin-top: 1vh;
}
.lh-index-service pre {
	line-height: 28px;
	color: #444444;
	max-width: 862px;
	margin: 4.5vh 0 7.5vh;
}
.lh-service-item li {
	width: 33.3%;
	padding-right: 3.125vw;
}
.lh-service-item li a {
	position: relative;
	display: block;
}
.lh-service-item li .img {
	overflow: hidden;
	transition: ease .65s;
}
.lh-service-item li h4 {
	position: absolute;
	left: 0;
	bottom: -5vh;
	height: 10vh;
	min-width: 55%;
	background: #fff;
	line-height: 10vh;
	font-size: 1.14vw;
	font-weight: bold;
	padding: 0 1.56vw;
}
.lh-service-item li a:hover .img {
	border-radius: 50% 0 50% 0;
}
.lh-index-banner .swiper-slide-active .lh-index-service {
	animation: serviceInBg cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
@keyframes serviceInBg {
 0% {
background-position:120% bottom;
}
 100% {
background-position:100% bottom;
}
}
.lh-index-banner .swiper-slide-active .lh-index-service>div {
	animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
/*首页新闻*/
.index-news {
	color: #fff;
	display: flex;
	align-items: center;
	padding-top: 10vh;
	background: #000 url(../images/news_bg.jpg) no-repeat left bottom;

}

.index-news .text{
	width: 100%;
	margin-bottom: 1vw;
	position: relative;
}

.index-news .text h2 {
	font-size: 3.125vw;
	color: #20509a;
	text-transform: uppercase;
}
.index-news .text h3 {
	font-size: 1.45vw;
	font-weight: bold;
	/*margin-top: 1vh;*/
}
.index-news .text .news_title{
	font-size: 2.6vw;
}
.index-news .text .news_title span{
	color: #20509a;
	
}
.index-news .text pre {
	line-height: 32px;
	color: #fff;
	font-size: 1vw;
}

.index-news .text ul{
	position: absolute;
	bottom: 0;
	right: 0;

}
.index-news .text ul li{
	float: left;
	margin-left: 1vw;

}
.index-news .text ul li a{
	font-size: 1vw;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 15px;
	display: block;
	transition: 0.5s;
	
}
.index-news .text ul li a:hover{ background: #20509a; border-color:#20509a ;}

@media screen and (max-width: 980px) {
	.index-news .text h2 {
		font-size: 20px;
	}
	.index-news .text h3 {
		font-size: 16px;
	}
	.index-news .text ul{
		top: 0;
		bottom: auto;
	}
	.index-news .text ul li a{
		font-size: 14px;	
	}
}




.index-news .newlist{
	float: left;
	width: 30%;
	animation: fadeOut cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.index-news .newlist1{
	margin-right: 3%
}
.index-news .newlist2{
	margin: 0 2%
}
.index-news .newlist3{
	margin-left: 3%
}
.swiper-slide-active .index-news .newlist1{ animation: fadeInLeft  cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.swiper-slide-active .index-news .newlist2{ animation: fadeInUp  cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.swiper-slide-active .index-news .newlist3{ animation: fadeInRight  cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}


@media screen and (max-width: 760px) {
	.index-news .newlist{
		width: 49%;
	}
	.index-news .newlist1{
		margin-right: 1%
	}
	.index-news .newlist2{
		margin: 0 0 0 1%
	}
	.index-news .newlist3{
		display: none;
	}
}

@media screen and (max-width: 460px) {
	.index-news .newlist{
		width: 100%;
	}
	.index-news .newlist1{
		margin-right: 0
	}
	.index-news .newlist2{
		display: none;
	}
	.index-news .newlist3{
		display: none;
	}
}




.index-news .newlist .con{

}
.index-news .newlist .con .newlist_title{
	background: #20509a;
}
.index-news .newlist .con img{
	width: 100%;
	margin: 0 0 .5vw;
	transition: 0.5s;
}
.index-news .newlist .con a{
	color: #fff;
	display: block;
	border-bottom: 2px solid #474543;
	padding-bottom: .5vw;
	margin-bottom: 1vw;

}
.index-news .newlist .con a:hover{
	border-bottom: 2px solid #20509a;
}
.index-news .newlist .con a:hover img{ opacity: 0.6; transition: 0.5s;}
.index-news .newlist .con a p.txt {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.index-news .newlist .con a p.content {
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin: 0 0 .5vw;
}





.index-news .newlist ul{
	
}
.index-news .newlist ul li{
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.index-news .newlist ul li a{
	color: #fff;
}
.index-news .newlist ul li a span:first-child{
	width: 80%;
}

.index-news .newlist ul li a:hover {
	color: #20509a;
}




.lh-index-news {
	background: #000 url(../images/icon2.jpg) no-repeat left bottom;
	display: flex;
	align-items: center;
	padding-top: 12vh;
}
.lh-news-l {
	margin-top: 11vh;
	animation: fadeOutLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-news-l h2 {
	font-size: 2.9vw;
	color: #171c60;
	font-family: "CenturyGothicbold";
}
.lh-news-l h3 {
	font-size: 1.56vw;
	color: #111111;
	font-weight: bold;
	margin-top: 1vh;
}
.lh-news-l h4 {
	font-size: 1.14vw;
	color: #222222;
	margin: 4.5vh 0 1.5vh;
}
.lh-news-l h5 {
	color: #666666;
	font-size: 16px;
	font-family: "Century Gothic";
}
.lh-news-l ul {
	margin-top: 7vh;
}
.lh-news-l ul li {
	float: left;
	margin-left: 2vw;
}
.lh-news-l ul li:first-child {
	margin-left: 0;
}
.lh-news-l ul li a {
	font-size: 16px;
	color: #666666;
	position: relative;
	padding-left: 15px;
}
.lh-news-l ul li a:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	transition: ease .65s;
}
.lh-news-l ul li a:hover {
	color: #20509a;
}
.lh-news-l ul li a:hover:before {
	background: #20509a;
}
.lh-news-r img {
	width: auto;
	max-width: 100%;
}
.lh-news-r {
	width: 770px;
	height: 460px;
	animation: fadeOutRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-news-hd {
	width: 280px;
	float: left;
}
.lh-news-hd li {
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lh-news-hd li img {
	height: auto;
}
.lh-news-hd li:first-child {
	margin-top: 0;
}
.lh-news-hd li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 2px solid #20509a;
	border-top: 2px solid #20509a;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	transition: cubic-bezier(.8, -.5, .2, 1.4) .65s;
}
.lh-news-hd li:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-right: 2px solid #20509a;
	border-bottom: 2px solid #20509a;
	position: absolute;
	right: 0;
	bottom: 0;
	visibility: hidden;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1s;
}
.lh-news-hd li:hover:before, .lh-news-hd li:hover:after, .lh-news-hd li.on:before, .lh-news-hd li.on:after {
	width: 100%;
	height: 100%;
	visibility: visible;
}
.lh-news-bd {
	float: right;
	width: 460px;
	height: 100%;
	position: relative;
}
.lh-news-bd li {
	height: 100%;
	display: none;
	background: #fff;
	box-shadow: 0 0 10px rgba(23,28,96,.1);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.lh-news-bd li a {
	padding: 60px 50px;
	display: block;
	position: relative;
	height: 100%;
}
.lh-news-bd li h2 {
	font-size: 22px;
	color: #111111;
	line-height: 36px;
	height: 72px;
	font-weight: bold;
	overflow: hidden;
}
.lh-news-bd li pre {
	line-height: 32px;
	color: #444444;
	overflow: hidden;
	max-height: 224px;
}
.lh-news-bd li .time {
	position: absolute;
	left: 0;
	bottom: 80px;
	width: 100%;
	padding: 0 50px;
	padding-top: 45px;
	border-top: 1px solid #CCC;
	line-height: 16px;
}
.lh-news-bd li .time h3 {
	color: #20509a;
	font-size: 16px;
	font-family: "CenturyGothicbold";
}
.lh-news-bd li .time h4 {
	color: #888888;
	position: relative;
}
.lh-news-bd li .time h4:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #aaa;
}
.lh-index-banner .swiper-slide-active .lh-news-l {
	animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-index-banner .swiper-slide-active .lh-news-r {
	animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;
}
.lh-footer {
	padding: 6vh 0 12vh;
	background:url(../images/foot_bg.png) left top 40px no-repeat #20509a;
}
.lb-footer {
	background: #191919;
}
.lh-footer-nav {
	margin-top: 0;
}

@media screen and (max-width: 1100px) {
	.lh-footer-nav{
		display:none;
	}
}


.lh-footer-nav dl dt{
	margin-bottom:10px;
}
.lh-footer-nav dl dt a{
	font-size: 18px;
	line-height: 2.2vw;
	font-weight: bold;
	color: #fff;
}
.lh-footer-nav dl dd a{
	font-size: 16px;
	line-height: 1.6vw;
	color: #fff;
}

.lh-footer-nav li {
	margin-left: 1.6vw;
	float: left;
}
.lh-footer-nav li:first-child {
	margin-left: 0;
}
.lh-footer-nav li a {
	
	/*font-size: 17px;
	line-height: 2.2vw;*/
}
.lh-footer-nav li a i {
	font-size: 2.2vw;
	float: left;
	margin-right: 10px;
}
.lh-footer-nav li a span {
	margin-left: 20px;
	color: #888;
	font-weight: bold;
	transition: ease .65s;
	display: inline-block;
}
.lh-footer-nav li a:hover span {
	transform: translateX(5px);
}
.lh-footer-logo img {
	width: auto;
}
.lh-footer-r {
	
	line-height: 28px;
}
.lh-footer-r .img {
	float: right;
	margin-left: 2vw;
	
}
.lh-footer-r .img img{
	box-shadow: 0 0 10px rgba(23,28,96,.1);
	
}
.lh-footer-r .img span{
	text-align: center;
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	color:#fff;
}
.lh-footer-r .text {
	float: right;
	text-align: right;
}
.lh-footer-r .text span{
	font-size: 20px;
	color: #fff;
	display: none;
}
.lh-footer-r .text span i{ font-size: 60px; margin-right: 5px; position: relative; top: -4px;}
.lh-footer-r .bshare-footer{

}
.lh-footer-r .bshare-footer a{
	font-size: 30px !important;	
	padding-left: 15px;
	color:#fff;
}




.lh-footer-r h2 {
	font-size: 36px;
	font-family: "CenturyGothicbold";
	margin: 1vh 0 2.5vh;
	color:#fff;
}
.lh-footer-r h2 i{ 
	font-size: 32px;
    margin-right: 5px;
}
.lh-footer-b {
	/*margin-top: 5vh;*/
	padding: 2vh 0;
	color: #fff;
	/*border-top: 1px solid #fff;*/
}
.lh-footer-b h2 {
	float: left;
}
.lh-footer-b h3 {
	float: right;
}
.lh-footer-b h3 a {
	color: #fff;
}
.lh-footer-b h3 a:hover {
	color: #fff;
}
.lh-toggle {
	background: #F4F4F8;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: calc(100% - 100px);
	transform: translateY(-100%);
	visibility: hidden;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
}
.Nav .lh-toggle {
	transform: translateY(0);
	visibility: visible;
}
.lh-main, .lh-footer {
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
}
.lh-main.other {
	padding-top: 100px;
}
.Nav .lh-main, .Nav .lh-footer {
	transform: translateY(100%);
	visibility: hidden;
}
.lh-nav-btn.on i {
	transform: scaleX(0);
}
.lh-nav-btn.on:before {
	transform: rotate(45deg) translate(3px, 9px);
}
.lh-nav-btn.on:after {
	transform: rotate(-45deg) translate(3px, -9px);
}
.lh-toggle-line {
	width: 93%;
	padding: 0 5vw 0 13.5vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.lh-toggle-line>div {
	flex: 1;
	border-left: 1px solid #DCDCEA;
	height: 100%;
}
.lh-toggle-l {
	float: left;
	width: 93%;
	padding: 0 5vw 0 13.5vw;
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	z-index: 2;
}
.lh-toggle-nav {
	width: 100%;
}
.lh-toggle-nav li {
	width: 25%;
	padding-left: 40px;
	margin: 3vh 0;
}
.lh-toggle-nav li dt {
	margin-bottom: 30px;
}
.lh-toggle-nav li dt a {
	font-size: 24px;
	color: #111111;
	position: relative;
}
.lh-toggle-nav li dt a:before {
	content: '';
	display: block;
	width: 30px;
	height: 4px;
	background: #DCDCEA;
	position: absolute;
	left: -55px;
	top: 50%;
	margin-top: -2px;
	transition: ease .65s;
}
.lh-toggle-nav li dt a:hover {
	color: #20509a;
}
.lh-toggle-nav li dt a:hover:before {
	background: #20509a;
}
.lh-toggle-nav li dd {
	line-height: 40px;
}
.lh-toggle-nav li dd a {
	color: #444444;
	font-size: 16px;
	position: relative;
}
.lh-toggle-nav li dd a:hover {
	color: #20509a;
}
.lh-toggle-nav li dd a:after {
	content: '+';
	display: block;
	position: absolute;
	right: -30px;
	top: 50%;
	font-size: 18px;
	color: #20509a;
	transform: translate(-30px, -50%);
	opacity: 0;
	transition: ease .65s;
}
.lh-toggle-nav li dd a:hover:after {
	transform: translate(0, -50%);
	opacity: 1;
}
.lh-toggle-share {
	width: 120px;
	height: 100%;
	background: #20509a;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lh-nav-share a {
	display: block !important;
	width: 60px !important;
	height: 60px !important;
	padding: 0 !important;
	height: 60px !important;
	text-align: center !important;
	line-height: 60px !important;
	color: #fff !important;
	font-size: 24px !important;
	border: 1px solid #FFD3D4 !important;
	margin: 17px 0 !important;
	background: none !important;
	text-decoration: none !important;
	opacity: 1;
}
.lh-nav-share a:hover {
	background: #FFF !important;
	border-color: #fff !important;
	color: #20509a !important;
}
.lh-nav-share a span{ display: none;}
.lh-search-layer {
	background: #F4F4F8;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transform: translateY(-100%);
	visibility: hidden;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
}
.Search .lh-search-layer {
	transform: translateY(0);
	visibility: visible;
}
.Search .lh-main, .Search .lh-footer {
	transform: translateY(100%);
	visibility: hidden;
}
.Search .lh-nav-btn {
	visibility: hidden;
	opacity: 0;
}
.lh-search-close {
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	background: #FFF;
	color: #20509a;
	position: absolute;
	right: 0;
	top: 0;
}
.lh-search-close i {
	font-size: 40px;
	display: inline-block;
	transition: ease .65s;
}
.lh-search-close:hover i {
	transform: rotate(360deg);
}
.lh-search-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lh-search {
	width: 1000px;
	position: relative;
	height: 100px;
	border: 2px solid #20509a;
	border-radius: 60px;
	background: #fff;
}
.lh-search input {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 18px;
	padding: 0 50px;
}
.lh-search a {
	display: block;
	width: 200px;
	height: 100px;
	line-height: 100px;
	background: #20509a;
	color: #fff;
	text-align: center;
	position: absolute;
	right: -2px;
	top: -2px;
	border-radius: 0 60px 60px 0;
	font-size: 26px;
	font-weight: bold;
}
.lh-search-box .hot {
	text-align: center;
	font-size: 16px;
	color: #20509a;
	margin-top: 21px;
}
.lh-search-box .hot a {
	color: #20509a;
	font-size: 16px;
	margin-right: 25px;
}
.lh-search-box .hot a:hover {
	text-decoration: underline;
	color: #20509a;
}
.lh-main-hd {
	position: fixed;
	right: 40px !important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
.lh-main-hd li:first-child {
	margin: 0 0 25px!important;
}
.lh-main-hd li:last-child {
	margin: 25px 0 0!important;
}
.lh-main-hd li {
	margin: 25px 0!important;
	border-radius: 0;
	background: none;
	opacity: 1;
	width: 10px;
	height: 10px;
	/*position: relative;*/
	display: block;
	outline: none;
}
.lh-main-hd:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	/*background: #20509a;*/
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1px;
}
.lh-main-hd li i {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.3);
	position: relative;
}
.lh-main-hd li i:after {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
}
.lh-main-hd li.swiper-pagination-bullet-active i:after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.lh-main-hd li span {
	width: 150px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	/*background: #20509a;*/
	border-radius: 3px;
	color: #fff;
	position: absolute;
	left: -140px;
	top: -15%;
	margin-top: -17px;
	display: block;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	text-align: right;
}
.lh-main-hd li.swiper-pagination-bullet-active span {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.lh-main-hd li span:after {
	content: '';
	display: block;
	/*border: 6px solid transparent;
	border-left: 6px solid #20509a;*/
	position: absolute;
	/*right: -12px;*/
	top: 90%;
	width: 15px;
    height: 2px;
    background: #fff;
    right: 0;
}
.lh-ban {
	height: 410px;
	position: relative;
}
.lh-ban .img {
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}
.lh-ban .text {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	display: none;
}
.lh-ban .text h2 {
	font-size: 3.125vw;
	font-family: "CenturyGothicbold";
}
.lh-ban .text h3 {
	font-size: 1.66vw;
	font-weight: bold;
	margin-top: 1vh;
}
.lh-mouse {
	display: block;
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 40px;
	padding: 20px 0 0 0;
	margin-left: -50px;
	cursor: none;
}
.lh-mouse i {
	display: block;
	width: 20px;
	height: 36px;
	border-radius: 30px;
	margin: auto;
	border: 2px solid #fff;
	position: relative;
}
.lh-mouse i:before {
	content: '';
	display: block;
	width: 2px;
	height: 10px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -1px;
}
.lh-mouse h2 {
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
}

.gcal_img{ position: relative;}
.gcal_title{ width: 100%; text-align: center; font-size: 16px; line-height: 50px;  background: #fff;}
.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgb(32 80 154 / 0.8);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}
.hover-box .zoom {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}
.hover-box .zoom {
    right: 45%;
    margin-right: 5px;
    background: url(../images/zoom.png) center center no-repeat;
}
.hover-box .zoom:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/zoom-after.png) center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.gcal_list li:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}
.gcal_list li:hover .hover-box .zoom {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}
.gcal_list li:hover .hover-box .zoom:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 1;
}


.lh-other-nav {
	height: auto;
	background: #fff;
	border-bottom: 1px solid #DCDCEA;
	text-align: center;
}
.lh-other-nav li {
	display: inline-block;
	margin: 0 0.5vw;
	height: 10vh;
	line-height: 10vh;
}
.lh-other-nav li a {
	display: block;
	position: relative;
	padding: 0 5px;
	font-size: 16px;
	color: #444444;
	height: 100%;
}
.lh-other-nav li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #20509a;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 10px 10px 0 0;
	transform: scaleX(0);
	transition: ease .65s;
}
.lh-other-nav li a:hover, .lh-other-nav li a.on {
	color: #20509a;
}
.lh-other-nav li a:hover:after, .lh-other-nav li a.on:after {
	transform: scaleX(1);
}
.lh-profile {
	height: auto;
	position: relative;
	background: #F4F4F8;
}
.lh-profile.honor{ height: auto;}
.lh-profile .img {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}
.lh-profile .text {
	float: left;
	width: 50%;
	padding-left: 3.125vw;
	height: 100%;
	display: flex;
	align-items: center;
}
.lh-profile .text div{ margin: 30px 0;}
.lh-public-h2 {
	font-size: 2.5vw;
	color: #20509a;
	font-family: "CenturyGothicbold";
}
.lh-public-h3 {
	font-size: 1.25vw;
	color: #222222;
	margin: 1vh 0 5vh;
}
.lh-public-pre {
	line-height: 32px;
	color: #444444;
	font-size: 15px;
	max-width: 640px;
}
.lh-look {
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #20509a;
	background: #fff;
	color: #20509a;
	fotn-size: 15px;
	margin-top: 9vh;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.lh-look:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #20509a;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: ease .65s;
	z-index: -1;
}
.lh-look:hover:before {
	transform: translate(-50%, -50%) scale(1);
	border-radius: 0;
}
.lh-look:hover {
	color: #fff;
}
.lh-profile-a {
	background: #20509a;
	padding: 12vh 0;
}
.lh-profile-item li {
	flex: 1;
	color: #fff;
	padding-left: 5.2vw;
	text-align: center;
}
.lh-profile-item li i {
	font-size: 3.125vw;
}
.lh-profile-item li h2 {
	font-size: 1.35vw;
	font-family: "CenturyGothicbold";
}
.lh-profile-item li h2 span {
	font-size: 2.9vw;
	margin: 0 5px;
}
.lh-profile-item li h3 {
	font-size: 16px;
	margin-top: 20px;
}
.lh-profile.honor .img {
	float: right;width: 60%;
}
.lh-profile.honor .text {
	padding-left: 10.5vw;
	width: 40%;
	top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.lh-profile.gssl .img{ float: left;}
.lh-profile.gssl .text{ right: 0; float: right; padding-left: 0vw; width: 36%;	padding-right: 10.5vw;}
.lh-history {
	padding: 10vh 0 22vh;
	background-size: cover;
}
.lh-history .lh-public-h2, .lh-history .lh-public-h3 {
	text-align: center;
}
.lh-history-banner {
	margin-top: 8vh;
	position: relative;
	overflow: hidden;
}
.lh-history-banner li {
	padding-left: 2.86vw;
	width: 33.3%;
}
.lh-history-banner li h2 {
	font-size: 2.08vw;
	font-family: "CenturyGothicbold";
	border-bottom: 3px solid #444;
	color: #222222;
	padding-bottom: 2vh;
	transition: ease .65s;
}
.lh-history-banner li .cont {
	line-height: 26px;
	color: #444444;
	padding-top: 2vh;
}
.lh-history-banner li .cont p {
	margin-bottom: 2vh;
	transition: ease .65s;
}
.lh-history-banner li:hover h2 {
	color: #20509a;
	border-color: #20509a;
}
.lh-history-banner li .cont p:hover {
	color: #20509a;
}
.lh-history-a {
	margin-left: -2.86vw;
	position: relative;
}
.lh-history-btn a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #BDBEDA;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.lh-history-btn a.prev {
	left: -4.43vw;
}
.lh-history-btn a.next {
	right: -7.29vw;
}
.lh-history-btn a.prev:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-right: 7px solid #20509a;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-left: -4px;
	transition: ease .65s;
}
.lh-history-btn a.prev:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: #20509a;
	position: absolute;
	left: 57%;
	top: 50%;
	margin-top: -1px;
	transition: ease .65s;
}
.lh-history-btn a:hover {
	border-color: #20509a;
	background: #20509a;
}
.lh-history-btn a.prev:hover:before {
	transform: translate(-46px, -50%);
}
.lh-history-btn a.prev:hover:after {
	transform: translateX(-100%);
}
.lh-history-btn a.next:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #20509a;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	margin-right: -4px;
	transition: ease .65s;
}
.lh-history-btn a.next:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: #20509a;
	position: absolute;
	right: 57%;
	top: 50%;
	margin-top: -1px;
	transition: ease .65s;
}
.lh-history-btn a.next:hover:before {
	transform: translate(46px, -50%);
}
.lh-history-btn a.next:hover:after {
	transform: translateX(100%);
}
.lh-status {
	padding: 15vh 0 30vh;
	background-attachment: fixed;
	background-size: cover;
}
.lh-status .lh-public-h2, .lh-status .lh-public-h3 {
	color: #fff;
	text-align: center;
}
.lh-status .lh-public-pre {
	color: #fff;
	max-width: 924px;
	margin: auto;
	text-align: center;
}
.lh-culture {
	background: #F4F4F8;
	padding-top: 8vh;
}
.lh-culture .lh-public-h2, .lh-culture .lh-public-h3 {
	text-align: center;
}
.lh-culture .lh-public-pre {
	margin: auto;
	text-align: center;
	max-width: 825px;
}
.lh-status-item {
	margin-top: 8vh;
}
.lh-status-item li {
	flex: 1;
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
}
.lh-status-item li:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #20509a;
	position: absolute;
	left: 0;
	top: 0;
	transform: scaleY(0);
	transform-origin: center bottom;
	transition: ease .65s;
}
.lh-status-item li h2 {
	position: absolute;
	left: 0;
	bottom: 4vh;
	color: #fff;
	text-align: center;
	font-size: 18px;
	right: 0;
	padding: 0 20px;
	transition: ease .65s;
}
.lh-status-item li h3 {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	text-align: center;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	transition: ease .65s;
	opacity: 0;
	transform: translateY(100%);
}
.lh-status-item li:hover:before {
	transform: scaleY(1);
}
.lh-status-item li:hover h3 {
	opacity: 1;
	transform: translateY(-50%);
}
.lh-status-item li:hover h2 {
	opacity: 0;
	transform: translateY(100%);
}
.lh-welfare {
	background-color: #F4F4F8;
	padding-bottom: 10vh;
}
.lh-welfare-h {
	background-repeat: no-repeat;
	background-position: center top;
	height: 60vh;
	padding-top: 8vh;
}
.lh-welfare .lh-public-h2, .lh-welfare .lh-public-h3 {
	text-align: center;
	color: #fff;
}
.lh-welfare-item {
	margin-top: -30vh;
	margin-left: -2.08vw;
}
.lh-welfare-item li {
	flex: 1;
	width: 33.3%;
	float: left;
	padding-left: 2.08vw;
}
.lh-welfare-item li img {
	width: 100%;
}
.lh-welfare-item li a {
	display: block;
	background: #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.1);
	height: 100%;
}
.lh-welfare-item li .text {
	padding: 5vh 20px 7vh;
	text-align: center;
}
.lh-welfare-item li .text h2 {
	font-size: 22px;
	color: #222222;
	transition: ease .65s;
}
.lh-welfare-item li .text pre {
	line-height: 24px;
	color: #444444;
	margin-top: 5vh;
}
.lh-welfare-item li a:hover .text h2 {
	color: #20509a;
}
.lh-other.ones {
	padding: 6vh 0 13vh;
	background: #F4F4F8;
}
.lh-ones>.container {
	background: #fff;
	padding: 7vh 5.2vw;
	max-width: 1200px;
}
.lh-ones-h1 {
	font-size: 1.6vw;
	color: #222222;
	font-weight: bold;
	text-align: center;
}
.lh-ones-cont {
	margin: 10vh 0;
	font-size: 18px;
	line-height: 40px;
	color: #222222;
}
.lh-ones-cont img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto !important;
}
.lh-ones-share {
	text-align: center;
}
.lh-ones-share a {
	display: inline-block;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	line-height: 50px !important;
	background: #66A2D4 !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 !important;
	margin: 0 19px !important;
	opacity: 1;
	font-size: 30px !important;
}
.lh-ones-share a span{ display: none;}
.lh-ones-share a.icon-xinlang,.lh-ones-share a:nth-child(1) {
	background: #EA5D5C !important;
}
.lh-ones-share a.icon-weixin,.lh-ones-share a:nth-child(3) {
	background: #50B674 !important;
}
.lh-ones-share a.icon-xinlang:hover,.lh-ones-share a:nth-child(1):hover {
	background: #EA1C1C !important;
}
.lh-ones-share a.icon-weixin:hover,.lh-ones-share a:nth-child(3):hover {
	background: #1CB452 !important;
}
.lh-ones-share a.icon-qq:hover {
	background: #1F7CCE !important;
}
.lh-honor-ul {
	margin-left: -2.8vw;
}
.lh-honor-ul li {
	width: 33.3%;
	padding-left: 2.8vw;
	float: left;
	margin-bottom: 2.8vw;
}
.lh-honor-ul li img {
	width: 100%;
	height: 500px;
    object-fit: contain;
}
.lh-honor-ul li a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
}
.lh-honor-ul li h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #20509a;
	padding: 0 10px;
	font-size: 16px;
	transition: ease .65s;
	transform: translateY(100%);
}
.lh-other.ones>.container {
	max-width: 1240px;
}
.lh-honor-ul li a:hover h2 {
	transform: translateY(0);
}
.lh-loading {
	text-align: center;
}
.lh-loading>h2 {
	margin-top: 10px;
	color: #20509a;
}
.swiper-slide.footer {
	height: auto !important;
}
.spinner {
	margin: auto;
	width: 20px;
	height: 20px;
	position: relative;
}
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #20509a;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
.circle1 {
	top: 0;
	left: 0;
}
.circle2 {
	top: 0;
	right: 0;
}
.circle3 {
	right: 0;
	bottom: 0;
}
.circle4 {
	left: 0;
	bottom: 0;
}
.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 . @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
.lh-other.rd {
	padding: 0;
}
.lh-rd-ul li {
	overflow: hidden;
	background: #20509a;
	height: 72vh;
}
.lh-rd-ul li .img {
	width: 50%;
	height: 100%;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.lh-rd-ul li .text {
	width: 50%;
	height: 100%;
	float: left;
	padding: 0 4.16vw;
	display: flex;
	align-items: center;
	animation-timing-function: cubic-bezier(.8, -.5, .2, 1.4);
}
.lh-rd-ul li .text h2, .lh-rd-ul li .text h3, .lh-rd-ul li .text pre {
	color: #fff;
}
.lh-rd-ul li .text pre {
	max-width: 580px;
}
.lh-rd-ul li .text a {
	border-color: #fff;
	background: none;
	color: #fff;
}
.lh-rd-ul li .text a:before {
	display: none;
}
.lh-rd-ul li .text a:hover {
	background: #fff;
	color: #20509a;
}
.lh-rd-ul li:nth-child(2n) {
	background: #20509a;
}
.lh-rd-ul li:nth-child(2n) .img {
	float: right;
}
.lh-product {
	background: #F4F4F8;
}
.lh-product-item>li {
	width: 33.3%;
	height: calc((110vh - 90px) / 2);
	float: left;
	text-align: center;
	position: relative;
	border-bottom: 2px solid #D8D8DC;
}
.lh-product-item>li:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #D8D8DC;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.lh-product-item>li:nth-child(3n):before {
	display: none;
}
.lh-product-item>li>div {
	display: block;
	height: 100%;
}
.lh-product-item>li>div>a {
	display: none;
}
.lh-product-item>li>div>.img {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	height: 80%;
}
.lh-product-item>li>div>.img img {
	margin: auto;
	max-height: 100%;
	width: auto;
}
.lh-product-item>li h2 {
	font-size: 18px;
	font-weight: bold;
}
.lh-product-shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lh-product-shift {
max-width:calc(120px * 3 + 4vw);
	margin: 20px auto 0;
	transform: translateX(-1vw);
}
.lh-product-shift li {
	width: 33.3%;
	float: left;
	padding-left: 2vw;
	margin-bottom: 2vw;
}
.lh-product-shift li a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #DCDCEA;
	background: #F4F4F8;
	position: relative;
	width: 120px;
	height: 120px;
}
.lh-product-shift li .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #20509a;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	transform: scale(0);
	transition: ease .65s;
	opacity: 0;
}
.lh-product-shift li a:hover .text {
	transform: scale(1);
	opacity: 1;
}
.lh-product-shift li a i {
	display: block;
	width: 40px;
	height: 4px;
	background: #20509a;
	position: relative;
	transition: ease .65s;
}
.lh-product-shift li a i:before {
	content: '';
	display: block;
	width: 4px;
	height: 40px;
	background: #20509a;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lh-product-shift li a:hover i {
	transform: rotate(360deg);
}
.lh-product-shadow {
	opacity: 0;
	visibility: hidden;
	transition: ease .65s;
}
.lh-product-item>li>div:hover .lh-product-shadow {
	opacity: 1;
	visibility: visible;
}
.lh-product-shadow>div>a {
	color: #20509a;
	font-size: 16px;
	border-bottom: 1px solid #20509a;
}
.lh-product-shadow>div>a:hover {
	color: #20509a;
	border-bottom: 1px solid #20509a;
}
.lh-ban.pro {
	height: 40vh;
}
.lh-proDetails-banner {
	position: relative;
	padding: 6vh 0;
	border-top: 1px solid #DCDCEA;
	border-bottom: 1px solid #DCDCEA;
	margin-top: 6vh;
	overflow: hidden;
}
.lh-proDetails-banner li{ text-align: center;} 
.lh-proDetails-banner li img {
	margin: auto;
}
.lh-proDetails-banner .lh-history-btn a {
	z-index: 2;
}
.lh-proDetails-banner .lh-history-btn a.prev {
	left: 0;
}
.lh-proDetails-banner .lh-history-btn a.next {
	right: 0;
}
.lh-proDetails-res {
	padding: 4vh 0;
	border-bottom: 1px solid #DCDCEA;
	font-size: 16px;
	color: #444444;
	line-height: 32px;
}
.lh-proDetails-res1 {
	padding: 4vh 0;
	border-bottom: 1px solid #DCDCEA;
	font-size: 16px;
	color: #444444;
	line-height: 32px;
}
.lh-proDetails-res>b {
	color: #3646a9;
}
.lh-proDetails-page {
	max-width: 1200px;
	margin: 5.6vh auto 0;
	text-align: center;
}
.lh-proDetails-page a {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.lh-proDetails-page a:nth-child(2) {
	border-bottom: 1px solid #333;
}
.lh-proDetails-page a:first-child {
	float: left;
}
.lh-proDetails-page a:last-child {
	float: right;
}
.lh-proDetails-page a i {
	font-size: 24px;
	color: #AAA;
	font-weight: normal;
	transition: ease .65s;
}
.lh-proDetails-page a:first-child i {
	float: left;
	margin-right: 10px;
}
.lh-proDetails-page a:last-child i {
	float: right;
	margin-left: 10px;
}
.lh-proDetails-page a:hover, .lh-proDetails-page a:hover i {
	color: #20509a;
}
.lh-proDetails-layer {
	width: 180px;
	height: 150px;
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 10px;
	overflow: hidden;
	background: #20509a;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	z-index: 10;
}
.lh-proDetails-layer li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.lh-proDetails-layer li a {
	color: #fff;
	display: block;
}
.lh-proDetails-layer li:nth-child(2n) {
	background: #fff;
}
.lh-proDetails-layer li:nth-child(2n) a {
	color: #20509a;
}
.lh-pro-ul li {
	margin-bottom: 6vh;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.lh-pro-ul li:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #EBEBF2;
	position: absolute;
	right: 38%;
	top: 0;
}
.lh-pro-ul li .img {
	float: right;
	width: 38%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5.6vh 10%;
}
.lh-pro-ul li .text {
	float: left;
	width: 62%;
	display: flex;
	align-items: center;
	padding: 5%;
}
.lh-pro-ul li .text h2 {
	font-size: 26px;
	font-weight: bold;
	color: #222;
}
.lh-pro-ul li .text pre {
	margin: 4vh 0;
	line-height: 28px;
	color: #666666;
}
.lh-pro-ul li .text .btn a {
	width: 120px;
	height: 40px;
	border-radius: 30px;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #20509a;
	color: #20509a;
	float: left;
	margin-left: 20px;
}
.lh-pro-ul li .text .btn a:first-child {
	margin-left: 0;
	background: #20509a;
	color: #fff;
}
.lh-pro-ul li .text .btn a:first-child:hover {
	background: #20509a;
	border-color: #20509a;
}
.lh-pro-ul li .text .btn a:last-child:hover {
	background: #20509a;
	color: #fff;
}
.lh-nav-three {
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	position: relative;
}
.lh-nav-three dl {
	text-align: center;
}
.lh-nav-three dl dd {
	display: inline-block;
}
.lh-nav-three dl dd a {
	padding: 2vh 4vw 3vh;
	display: block;
	color: #444444;
	font-size: 15px;
}
.lh-nav-three dl dd img {
	margin: auto;
}
.lh-nav-three dl dd .img {
	height: 110px;
	display: flex;
	align-items: center;
}
.lh-nav-three dl dd h2 {
	margin-top: 10px;
}
.lh-nav-three dl dd .img img {
	height: 100%;
	width: auto;
}
.lh-nav-three dl dd a:hover, .lh-nav-three dl dd a.on {
	background: #bebebf;
	color: #20509a;
}
.lh-system .lh-public-h2, .lh-system .lh-public-h3, .lh-system .lh-public-pre {
	text-align: center;
}
.lh-system .lh-public-pre {
	margin: auto;
	max-width: 918px;
}
.lh-system-item {
	margin-top: 6vh;
	margin-left: -2.08vw;
}
.lh-system-item li {
	width: 33.3%;
	padding-left: 2.08vw;
	margin-top: 2.08vw;
}
.lh-system-item li a {
	display: block;
	background: #fff;
	border: 1px solid #DCDCEA;
	height: 100%;
	text-align: center;
	font-size: 18px;
	padding: 1vw;
}
.lh-system-item li .img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lh-system-item li h2 {
	margin-top: 10px;
}
.lh-system-item li a:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	border-color: #fff;
	color: #20509a;
}
.lh-system {
	padding-bottom: 12vh;
}
.lh-system.solut {
	padding: 9vh 0;
	background: #fff;
}
.lh-solut {
	margin-top: 8vh;
	position: relative;
	height: 60vh;
}
.lh-solut .img {
	width: 71%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.lh-solut-text {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #006947;
	text-align: center;
	padding: 8vh 3.125vw;
	color: #fff;
	max-width: 500px;
}
.lh-solut:nth-child(3n-2) .lh-solut-text {
	background: #006947;
}
.lh-solut:nth-child(3n-1) .lh-solut-text {
	background: #2E328D;
}
.lh-solut:nth-child(3n) .lh-solut-text {
	background: #20509a;
}
.lh-solut-text i {
	font-size: 3.125vw;
	display: none;
}
.lh-solut-text h2 {
	font-size: 24px;
	margin-top: 1vh;
}
.lh-solut-text pre {
	line-height: 28px;
	margin: 3vh 0 4vh;
	text-align: left;
}
.lh-solut-text a {
	margin: auto;
	background: none;
	color: #fff;
	border: 1px solid #fff;
}
.lh-solut-text a:before {
	display: none;
}
.lh-solut-text a:hover {
	background: #fff;
	color: #006947;
	border-color: #006947;
}
.lh-business {
	position: relative;
	height: 60vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.lh-business .container {
	height: 100%;
}
.lh-business .lh-solut-text {
	right: 20px;
	background: #20509a;
}
.lh-solut.two {
	margin-top: 0;
}
.lh-solut.two .img {
	float: right;
}
.lh-solut.two .lh-solut-text {
	left: 0;
	background: #20509a;
}
.lh-service-ul {
	background: #F4F4F8;
}
.lh-service-ul li {
	height: auto;
	position: relative;
	float: left;
    width: 100%;
}
.lh-service-ul li .img {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: absolute;
}
.lh-service-ul li .text {
	position: relative;
	float: right;
	right: 0;
	width: 50%;
	height: 100%;
	top: 0;
	background: rgba(47,49,139,.6);
	padding: 4.16vw;
	display: flex;
	align-items: center;
	color: #fff;
}
.lh-service-ul li .text h2, .lh-service-ul li .text h3, .lh-service-ul li .text pre {
	color: #fff;
}
.lh-service-ul li .text a {
	color: #fff;
	background: none;
	border-color: #fff;
}
.lh-service-ul li .text a:before {
	display: none;
}
.lh-service-ul li .text a:hover {
	background: #20509a;
	color: #fff;
	border-color: #20509a;
}
.lh-service-ul li:nth-child(2n) .text {
	left: 0;
	justify-content: flex-end;
}
.lh-news-item {
	margin-left: -2vw;
	margin-top: 8vh;
	margin-bottom: 4vh;
}
.lh-news-item li {
	width: 33.3%;
	padding-left: 2vw;
	margin-bottom: 2vw;
}
.lh-news-item li a {
	display: block;
	position: relative;
	background: #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.12);
}
.lh-news-item li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #20509a;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: ease .65s;
}
.lh-news-item li .img {
	overflow: hidden;
}
.lh-news-item li img {
	transition: ease .65s;
	width: 100%;
}
.lh-news-item li .text {
	padding: 4vh 20px 6vh;
}
.lh-news-item li .text h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: ease .65s;
}
.lh-news-item li .text h3 {
	line-height: 28px;
	color: #666666;
	height: 56px;
	overflow: hidden;
	margin: 2vh 0;
}
.lh-news-item li .text h4 {
	color: #20509a;
	font-weight: bold;
	font-size: 16px;
	font-family: "CenturyGothicbold";
	transition: ease .65s;
}
.lh-news-item li a:hover:after {
	transform: scaleX(1);
}
.lh-news-item li a:hover .text h2, .lh-news-item li a:hover .text h4 {
	color: #20509a;
}
.lh-news-box .lh-public-h2, .lh-news-box .lh-public-h3 {
	text-align: center;
}
.lh-onews-h2 {
	padding: 2.6vh 0;
	border-top: 1px solid #DCDCEA;
	border-bottom: 1px solid #DCDCEA;
	color: #888888;
	font-size: 15px;
	text-align: center;
	margin-top: 6vh;
}
.lh-onews-h2 span {
	margin: 0 15px;
}
.lh-ones-h1.two {
	font-size: 1.45vw;
}
.lh-ones-cont.two {
	margin: 5vh 0;
	font-size: 16px;
}
.lh-contact-a {
	margin-top: 7vh;
	position: relative;
	border: 4px solid #20509a;
}
.lh-contact-text {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0 1.6vw;
	background: #20509a;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
}
.lh-contact-text p{ padding: 5px 0;}
.lh-contact-text h2 {
	margin-bottom: 40px;
}
.lh-contact-text img {
	width: auto;
	max-width: 120px;
}
.lh-contact-text h3 {
	font-size: 12px;
	color: #fff;
	margin-top: 10px;
}
.lh-map {
	height: 550px;
	width: 100%;
}
.lh-contact-b {
	margin-top: 7vh;
}
.lh-contact-item {
	margin-top: 7vh;
}
.lh-contact-item li {
	width: 33.3%;
	position: relative;
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid #DDD;
}
.lh-contact-item li span {
	color: #242424;
	font-size: 16px;
}
.lh-contact-item li input {
	width: 100%;
	background: none;
	border: none;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-indent: 60px;
	font-size: 14px;
}
.lh-contact-item li:last-child {
	height: 136px;
	width: 100%;
	line-height: inherit;
	padding-top: 15px;
}
.lh-contact-item li textarea {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px 60px 30px;
	font-size: 14px;
}
.lh-contact-item li:last-child a {
	position: absolute;
	right: 0;
	bottom: 15px;
	color: #20509a;
	font-weight: bold;
	font-size: 16px;
}
.lh-contact-item li:last-child a:hover {
	color: #20509a;
}
.lh-join-item {
	margin-top: 7vh;
}
.lh-join-item dt .lh-join-h {
	height: 10vh;
	line-height: 10vh;
	background: #fff;
	border-bottom: 1px solid #DDD;
	cursor: auto;
}
.lh-join-h {
	height: 8vh;
	line-height: 8vh;
	background: #fff;
	border-bottom: 1px solid #DDD;
	transition: ease .65s;
	cursor: pointer;
}
.lh-join-h span {
	flex: 1;
	padding-left: 2vw;
	font-size: 0.9vw;
	color: #444444;
	transition: ease .65s;
}
.lh-join-h span:last-child {
	flex: .3;
	padding: 0;
	text-align: center;
}
.lh-join-item dt .lh-join-h span {
	font-weight: bold;
	color: #222;
}
.lh-join-info {
	border: 4px solid #20509a;
	background: #fff;
	padding: 2vw;
	display: none;
	border-top: none;
}
.lh-join-cont li {
	float: left;
	width: 50%;
}
.lh-join-cont li>h2 {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
}
.lh-join-cont li>.ccont {
	line-height: 30px;
	color: #555555;
	margin-top: 4vh;
}
.lh-join-info .email {
	color: #222222;
	font-size: 16px;
	margin-top: 4vh;
}
.lh-join-info .email a {
	color: #20509a;
	font-size: 16px;
}
.lh-join-close {
	font-size: 24px;
	color: #fff;
}
.lh-join-item dd.on .lh-join-h {
	background: #20509a;
	border-color: #20509a;
}
.lh-join-item dd.on .lh-join-h span {
	color: #fff;
}
.lh-index-about .img {
	position: relative;
}
.lh-video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	transform: translate(-50%, -50%);
}
.lh-video-btn i {
	font-size: 50px;
}
.lh-video {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease .65s;
	visibility: hidden;
	opacity: 0;
}
.lh-video video {
	max-width: 100vw;
	max-height: 100vh;
	width: 100%;
}
.lh-video-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 30px;
	z-index: 10;
}
.lh-video-close:hover {
	border-radius: 50% 0 50% 50%;
}
.Video .lh-video {
	visibility: visible;
	opacity: 1;
}
.sjban {
	display: none;
}
@media screen and (max-width: 1800px) {
.lh-nav li {
	margin: 0 1.6vw;
}
}
@media screen and (max-width: 1600px) {
.lh-nav li {
	margin: 0 1.2vw;
}
.lh-history-btn a.next {
	right: -5.3vw;
}
.lh-history-btn a.prev {
	left: -2.5vw;	
}
.lh-history-btn {
	display: none;
}
.lh-history-banner {
	cursor: move;
}
.lh-profile.honor .text {
	padding-left: 3.5vw;
}
.lh-profile.gssl .text{ padding-left: 0vw; padding-right: 3.5vw;}
.lh-proDetails-banner .lh-history-btn {
	display: block;
}
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
.lh-nav li {
	margin: 0 1vw;
}
}
@media screen and (max-width: 1300px) {
.lh-nav li a {
	font-size: 14px;
}
.lh-nav li {
margin:0 .6vw;
}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
.lh-nav li:not(.lh-logo) {
	display: none;
}
.lh-product-item>li {
	width: 50%;
}
}
@media screen and (max-width: 1024px) {
.lh-news-r {
	width: 600px;
	height: 467px;
}
.lh-news-hd {
	width: 220px;
}
.lh-news-bd {
	width: 365px;
}
.lh-news-bd li a {
	padding: 30px 10px;
}
.lh-news-bd li .time {
	bottom: 40px;
}
.lh-news-hd li {
	height: 143px;
}
.lh-profile-item li {
	padding-left: 0;
}
}
@media screen and (max-width: 980px) {
.wpban {
	display: none;
}
.sjban {
	display: block;
}
.lh-footer-logo img {
	width: 143px;
}
.lh-footer-nav li a {
	font-size: 14px;
	line-height: 20px;
}
.lh-footer-nav li a i {
	font-size: 20px;
	margin-right: 5px;
}
.lh-footer-nav li a span {
	margin-left: 10px;
}
.lh-footer-l, .lh-footer-r {
	float: none;
}
.container {
	padding: 0 10px;
}
.lh-footer-r {
	text-align: left;
	margin-top: 20px;
}
.lh-footer-r h2 {
	font-size: 24px;
}
.lh-footer-nav {
	margin-top: 4vh;
}
.lh-footer-b h2, .lh-footer-b h3 {
	float: none;
	text-align: center;
}
.lh-footer {
	padding: 6vh 0;
}
.lh-nav-btn {
	width: 30px;
	height: 20px;
	right: 10px;
}
.lh-nav-btn:before, .lh-nav-btn:after, .lh-nav-btn i {
	height: 2px;
}
.lh-nav li.lh-logo {
	width: 60px;
}
.lh-nav li.lh-logo img {
	width: 100%;
}
.lh-search-btn, .lh-home {
	right: 10px;
}
.lh-search-btn i, .lh-home i {
	font-size: 28px;
}
.lh-search-close {
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.lh-search-close i {
	font-size: 24px;
}
.lh-search-box {
	padding: 0 20px;
	width: 100%;
}
.lh-search {
	width: 100%;
	height: 50px;
	border-width: 1px;
}
.lh-search a {
	width: 100px;
	height: 50px;
	right: -1px;
	top: -1px;
	font-size: 16px;
	line-height: 50px;
}
.lh-search input {
	padding: 0 20px;
	font-size: 14px;
}
.lh-search-box .hot {
	font-size: 14px;
}
.lh-search-box .hot a {
	font-size: 14px;
	margin-right: 10px;
}
.lh-nav {
	height: auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.lh-nav-btn.on:before {
	transform: rotate(45deg) translate(0, 7px);
}
.lh-nav-btn.on:after {
	transform: rotate(-45deg) translate(5px, -14px);
}
.lh-toggle-nav li dd {
	display: none;
}
.lh-toggle-nav li {
	width: 100%;
	margin: 0;
}
.lh-toggle-nav li dt a {
	font-size: 16px;
	font-weight: bold;
}
.lh-toggle-nav li dt a:before {
	height: 2px;
	margin-top: -1px;
}
.lh-toggle-line>div:not(.line1) {
	display: none;
}
.lh-toggle-share {
	width: 60px;
}
.lh-nav-share a {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	font-size: 16px !important;
}
.lh-banner-bd li .text h2 {
	font-size: 24px;
}
.lh-banner-bd li .text h3 {
	font-size: 16px;
}
.lh-banner-bd li .text pre {
	max-width: 100%;
	font-size: 14px;
	line-height: 24px;
}
.lh-banner-bd li .text {
	left: 0;
	padding: 0 30px;
}
.lh-banner-bd li.style2 .text {
	right: 0;
}
.lh-banner-bd li.style1 .pro-img {
	width: 327px;
	right: 0;
	top: 70%;
}
.lh-index-about .text h2, .lh-index-rd .text h2, .lh-pro-item li .text h2, .lh-solution-top .text h2, .lh-index-service h2, .lh-news-l h2 {
	font-size: 20px;
}
.lh-index-about .text h3, .lh-index-rd .text h3, .lh-pro-item li .text h3, .lh-solution-top .text h3, .lh-index-service h3, .lh-news-l h3 {
	font-size: 16px;
	margin-bottom: 20px;
}
.lh-index-about .text pre, .lh-index-rd .text pre, .lh-pro-item li .text pre, .lh-index-service pre {
	line-height: 24px;
	margin: 20px 0 30px;
}
.lh-index-about .img {
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	/*width: auto;
	height: 40%;*/
	overflow: hidden;

}





.lh-index-about {
	padding-top: 100px;
	background-size: cover;
	background: none;
	background-color: #fff;
}
.lh-index-about .container {
	height: 100%;
}

.lh-index-about .text{
	width: 100%;
}



.lh-index-rd .text {
	padding: 30px;
}
.lh-index-rd {
	background-size: cover;
}

.lh-pro-item {
	padding-top: 80px;
}
.lh-pro-item li {
	flex: none;
	width: 100%;
	padding: 0;
}
.lh-pro-item li a {
	padding-left: 30px;
}
.lh-pro-item li .img {
	float: left;
	width: 40%;
}
.lh-pro-item li .text {
	float: left;
	margin-top: 0;
	padding-left: 20px;
}
.lh-pro-item li .text pre {
	display: none;
}
.lh-pro-item li:before {
	width: 100%;
	height: 1px;
}
.lh-solution-item {
}
.lh-solution-item li .text h2 {
	font-size: 16px;
}
.lh-solution-item li .text pre {
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0;
	height: 20px;
	overflow: hidden;
}
.lh-index-service {
	background-size: cover;
}
.lh-index-service pre, .lh-index-service h3 {
	color: #fff;
}
.lh-service-item li {
	padding: 0 0 0 10px;
}
.lh-service-item {
	margin-left: -10px;
}
.lh-service-item li h4 {
	height: 30px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	font-size: 14px;
	width: 100%;
	bottom: -30px;
	text-align: center;
}
.lh-news-l h4 {
	font-size: 16px;
}
.lh-news-l ul li {
	margin-left: 10px;
}
.lh-news-l ul li a {
	font-size: 14px;
}
.lh-news-l ul {
	margin-top: 30px;
}
.lh-news-l h4 {
	margin: 20px 0 10px;
}
.lh-news-l {
	margin-top: 0;
}
.lh-news-l pre {
	white-space: pre-wrap;
}
.lh-index-news {
	padding-top: 0px;
}
.lh-news-hd {
	display: none;
}
.lh-news-bd {
	margin-top: 30px;
}
.lh-news-bd {
	width: 100%;
}
.lh-news-r {
	height: 260px;
	width: 100%;
	float: none;
}
.lh-news-bd li h2 {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
}
.lh-news-bd li pre {
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-top: 10px;
}
.lh-news-bd li a {
	padding: 20px;
}
.lh-news-bd li .time {
	bottom: 20px;
	padding: 20px 20px 0 20px;
}
.lh-main-hd {
	display: none;
}
.lh-main.other {
	/*padding-top: 50px;*/
}
.lh-ban .text h2 {
	font-size: 24px;
}
.lh-ban .text h3 {
	font-size: 16px;
}
.lh-mouse {
	display: none;
}
.lh-other-nav {
	overflow: hidden;
	height: 50px;
}
.lh-other-nav .scroller,.lh-other-nav ul{ margin: 0 auto;}
.lh-other-nav li {
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
    margin: 0;
}
.lh-other-nav li a {
	font-size: 14px;
}
.lh-profile {
	height: auto;
}
.lh-profile .img {
	float: none;
	width: 100%;
	height: 262px;
	background-size: cover;
}
.lh-profile .text {
	display: block;
	width: 100%;
	padding: 30px 10px;
}
.lh-public-h2 {
	font-size: 24px;
}
.lh-public-h3 {
	font-size: 16px;
}
.lh-public-pre {
	font-size: 14px;
	line-height: 30px;
}
.lh-look {
	width: 120px;
	height: 40px;
	line-height: 40px;
}
.lh-profile-a {
	padding: 30px 0 0;
}
.lh-profile-item li {
	flex: none;
	width: 50%;
	margin-bottom: 30px;
}
.lh-profile-item li i {
	font-size: 32px;
}
.lh-profile-item li h2 {
	font-size: 14px;
}
.lh-profile-item li h2 span {
	font-size: 20px;
}
.lh-profile-item li h3 {
	font-size: 14px;
}
.lh-history-banner li {
	width: 100%;
}
.lh-culture .lh-public-pre {
	padding: 0 10px;
}
.lh-status-item li {
	flex: none;
	width: 50%;
}
.lh-status-item li h2 {
	font-size: 16px;
}
.lh-status-item li h3 {
	font-size: 14px;
}
.lh-welfare-item {
	margin-top: 0;
}
.lh-welfare-item li {
	flex: none;
	width: 100%;
	margin-bottom: 10px;
}
.lh-welfare-h {
	background-size: cover;
}
.lh-status {
	background-attachment: inherit;
}
.lh-ban .img {
	background-size: cover;
}
.lh-ban {
	height: 137px;
}
.lh-footer-r .img {
	width: 70px;
	display: none;
}
.lh-footer-r .text {
	float: none;
}
.lh-ones>.container {
	padding: 30px 10px;
}
.lh-ones-h1 {
	font-size: 18px;
}
.lh-ones-cont {
	font-size: 14px;
	line-height: 24px;
}
.lh-honor-ul {
	margin-left: -10px;
}
.lh-honor-ul li {
	width: 50%;
	padding-left: 10px;
	margin-bottom: 10px;
}
.layui-layer-imgbar, .layui-layer-imguide {
	display: inline !important;
}
.lh-rd-ul li .img {
	float: none;
	height: 280px;
	width: 100%;
}
.lh-rd-ul li .text {
	float: none;
	width: 100%;
	padding: 30px 20px;
	height: auto;
}
.lh-rd-ul li {
	height: auto;
}
.lh-product-item>li {
	width: 50%;
	border-width: 1px;
}
.lh-product-item>li>div {
	padding: 30px 10px;
}
.lh-product-item>li>div>.img {
	height: 120px;
	margin-bottom: 10px;
}
.lh-product-item>li>div>.img img {
	max-height: 80%;
}
.lh-product-item>li:before {
	width: 1px;
}
.lh-product-item>li:nth-child(2n):before {
	display: none;
}
.lh-product-item>li:nth-child(3n):before {
	display: block;
}
.lh-product-item>li h2 {
	font-size: 16px;
}
.lh-product-shift li a {
	width: 100%;
	height: 100px;
}
.lh-product-shift {
	width: 100%;
	max-width: 100%;
	margin-left: -5px;
	transform: translateX(0);
}
.lh-product-shift li {
	padding-left: 10px;
	margin-bottom: 10px;
}
.lh-product-item>li h2 {
	font-size: 18px;
}
.lh-proDetails-banner .lh-history-btn {
	display: none;
}
.lh-proDetails-banner {
	overflow: hidden;
}
.lh-proDetails-banner li {
	width: 100% !important;
}
.lh-proDetails-layer {
	position: static;
	width: 100%;
	transform: translateY(0);
	border-radius: 0;
}
.lh-pro-ul li .img {
	width: 100%;
	border-bottom: 1px solid #EBEBF2;
}
.lh-pro-ul li:before {
	display: none;
}
.lh-pro-ul li .text {
	width: 100%;
}
.lh-pro-ul li .text h2 {
	font-size: 16px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lh-ban.pro {
	height: 100px;
}
.lh-nav-three dl {
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.lh-nav-three dl dd {
	float: left;
	width: 25%;
}
.lh-nav-three dl dd .img {
	height: 50px;
}
.lh-nav-three dl dd .img img {
	max-height: 80%;
}
.lh-nav-three dl dd h2 {
	font-size: 12px;
	margin-top: 10px;
}
.lh-system-item li {
	width: 50%;
}
.lh-system-item li .img {
	height: 130px;
}
.lh-system-item li .img img {
	max-height: 80%;
}
.lh-solut .img {
	width: 100%;
	height: 225px;
	float: none;
}
.lh-solut-text {
	position: static;
	width: 100%;
}
.lh-solut {
	height: auto;
}
.lh-solut-text i {
	font-size: 42px;
}
.lh-solut-text h2 {
	font-size: 18px;
}
.lh-business {
	background-attachment: inherit;
	height: auto;
}
.lh-solut.two .img {
	float: none;
}
.lh-service-ul li {
	height: auto;
}
.lh-service-ul li .img {
	height: 200px;
	background-attachment: inherit;
}
.lh-service-ul li .text {
	position: static;
	width: 100%;
	height: auto;
	padding: 30px 10px;
}
.lh-service-ul li .text>div{ width: 100%;}
.lh-news-item li {
	width: 100%;
}
.lh-ones-h1.two {
	font-size: 16px;
}
.lh-onews-h2 {
	font-size: 12px;
}
.lh-onews-h2 span {
	margin: 0 5px;
}
.lh-proDetails-page a {
	font-size: 14px;
}
.lh-contact-text {
	position: static;
	padding: 30px 10px;
	font-size: 14px;
}
.lh-map {
	height: 162px;
}
.lh-contact-text h2 {
	margin-bottom: 20px;
}
.lh-contact-text img {
	max-width: 80px;
}
.lh-contact-item li {
	width: 100%;
}
.lh-join-h span:nth-child(4), .lh-join-h span:nth-child(5) {
	display: none;
}
.lh-join-h span {
	font-size: 14px;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lh-join-h span:nth-child(3) {
	flex: .6;
}
.lh-join-info {
	padding: 10px;
}
.lh-join-cont li {
	float: none;
	width: 100%;
}
.lh-join-cont li>h2 {
	font-size: 16px;
}
.lh-join-cont li>.ccont {
	line-height: 24px;
	margin-top: 20px;
}
.lh-join-cont li:first-child {
	margin-bottom: 20px;
}
.lh-join-info .email {
	line-height: 24px;
	font-size: 14px;
}
.lh-join-info .email a {
	display: block;
}
.pace-logo {
	width: 92px;
	height: 117px;
}
.pace-progress:after {
	font-size: 24px;
	top: 80px;
}
.pace-info {
	top: 70%;
}
.lh-proDetails-page a i {
	display: none;
}
.lh-proDetails-page {
	padding: 0 10px;
}
.lh-other.ones {
	padding: 8vh 0;
}
.lh-ban .text {
	width: 100%;
}
.lh-ban .text {
	top: 50%;
}
.lh-product-shadow {
	display: none;
}
.lh-product-item>li>div>a {
	display: block;
	margin-top: 10px;
	color: #20509a;
}
pre {
	white-space: normal;
}
.lh-banner-hd span {
	margin: 15px 5px 0 !important;
}
.lh-solution-top {
	height: 20%!important;
	background-size: auto 140px;
	background-position: top 50px center
}
.lh-solution-item {
	display: block;
	margin-left: 0;
	margin-top: -190px;/*position: absolute; left: 0; top: -220px;*/
}
.lh-solution-item li {
	width: 50%;
	margin-bottom: 20px;
}
.lh-solution-item li .img {
	margin: 0 auto;
}
.lh-solution {
	position: relative;
}
.lh-ones-cont img {
	display: block;
}
.down {
	display: block;
	width: 30px;
	height: 30px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: url(../images/down.png)no-repeat center;
	z-index: 99;
}
.shaixuan .container a {
	margin: 5px!important;
}
.lh-system-item li h2 {
	font-size: 14px;
}
.lh-toggle {
	height: calc(100% - 90px);
}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
}
/*pages*/ .pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li {
	/*float: left;*/
	display: inline-block;
	height: 32px;
	line-height: 32px;
	
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a{ display: inline-block;width: 100%; padding: 0 12px;}
.pagination li a:hover {
	background: #20509a;
	color: #fff;
}
.pagination li.thisclass {
	background: #20509a;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #20509a;
	color: #fff;
	cursor: default;
}

.vertical-align-middle{
	vertical-align: middle;
	display: inline-block;
}

.lh-header .logo-intro{
	display:none;
}
.lh-header .logo{
	display:block;
}

.lh-header.intro .logo-intro{
	display:block;
}
.lh-header.intro .logo{
	display:none;
}

.head_right{float: right;  top: 0; right: 4.08vw; position: absolute;  }
.head_search{ float: right; margin-top: 30px; margin: 35px 20px 0 0;}
.head_search i{ color: #111111; position: relative; top: 3px; font-size: 20px;}
.head_lang{ float: right; height: 100px; line-height: 100px;}
.head_lang a{ color: #111111; padding: 0 10px; font-size: 14px;}
.head_lang a:first-child{ border-right: 1px solid #111111;}

.home .head_search i{ color: #fff;}
.home .head_lang a{ color: #fff;}
.home .head_lang a:first-child{ border-right: 1px solid #fff;}

.header_lang{ float: left; padding-right: 18px; margin-top: 41px; line-height: 30px;  position: relative;  cursor: pointer;}
.header_lang i{ color: #fff; font-size: 28px;}
.header_lang i img{-webkit-filter: brightness(0) invert(0);  filter: brightness(0) invert(0);}	
.home .header_lang i img{-webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}	
.header_lang2{ position: absolute; min-width: 100%;top: 100%;left: 25%;  transform: translateX(-50%); background: rgba(0,0,0,0.5); display: none;} 
.header_lang2 a{float: left; min-width: 100%; padding: 0 5px; font-size: 14px;text-align: center; color: #fff !important; }
.header_lang2 a:hover{background: rgba(0,0,0,0.5);}

.container .lh-nav{
	float: right;
}
.vertical-align-middle img{
vertical-align: middle;
display: inline-block;
height: 129px;
}
.vertical-align-middle a{
	line-height: 100px;
}
.home .lh-header.intro .lh-nav a{
	color: #fff;
}
.home .lh-header.intro .head_lang a{ color: #fff; padding: 0 10px; font-size: 14px;}
.home .lh-header.intro .head_lang a:first-child{ border-right: 1px solid #fff;}
.home .lh-header.intro .head_search i{ color: #fff; position: relative; top: 3px; font-size: 20px;}

.Nav .lh-header.intro .head_lang a{ color: #fff; padding: 0 10px; font-size: 14px;}
.Nav .lh-header.intro .head_lang a:first-child{ border-right: 1px solid #fff;}
.Nav .lh-header.intro .head_search i{ color: #fff; position: relative; top: 3px; font-size: 20px;}

.swiper-news{transform:none !important;}
.swiper-news .swiper-slide-shadow-top{opacity:0 !important;}

.swiper-footer{height:auto !important;transform:none !important;}
.swiper-footer .swiper-slide-shadow-bottom{opacity:0 !important;}




.searchContainer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 40%;
	z-index: 999;
	background-size: cover;
	background-position: center;
	animation-duration: 0.4s;
	display: none;
	background: rgba(0,0,0,0.8);
  }

.searchContainer .box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }
.searchContainer .box .logo-box {
	width: 20%;
	margin-bottom: 0.8rem;
	margin-top: -200px;
	display: none;
  }
.searchContainer .box .logo-box .logo {
	width: 100%;
  }
.searchContainer .box .classify {
	display: flex;
  }
.searchContainer .box .classify li {
	line-height: 2.4rem;
	cursor: pointer;
	color: #666;
  }
.searchContainer .box .classify li:not(:last-child) {
	margin-right: 0.3rem;
	padding-right: 0.3rem;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
.searchContainer .box .classify li.active {
	color: #fff;
  }
.searchContainer .box .input-box {
	display: flex;
	justify-content: space-between;
	width: 50%;
	margin-top: 3.4rem;
	
	font-size: 0;
  }

.searchContainer .box .input-box form{ width: 100%;}
.searchContainer .box .input-box input {
	box-sizing: border-box;
	width: 85%;
	height: 2.6rem;
	line-height: 2.6rem;
	padding: 0 1.2rem;
	border: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 16px;
	vertical-align: middle;
  }
.searchContainer .box .input-box .button {
	width: 15%;
	height: 2.6rem;
	line-height: 2.6rem;
	text-align: center;
	background: #20509a;
	color: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 14px;
	cursor: pointer;
	vertical-align: middle;
	float: right;
  }
.searchContainer .box .input-box .button button{ background: none;border: 0px; color:#fff;   float: left; width: 100%; height: 100%; cursor: pointer;}
.searchContainer .box .close {
	position: absolute;
	bottom: 10%;
	left: 50%;
	cursor: pointer;
	width: 2.6rem;
	height: 2.6rem;
	margin-left: -0.3rem;
	transition: all 0.3s ease-out;
  }
.searchContainer .box .close img {
	width: 100%;
  }
.searchContainer .box .close:hover {
	transform: rotate(90deg);
  }


/*下载中心*/
.down{}
.down_list{ padding:2%;  display: inline-block; width:100%; margin-top:50px; }
.down_list_title{  width:100%; float:left; height:50px; line-height:50px; font-size:14px; border-bottom: 1px solid #d2d2d2;}
.down_list_title span{  height:50px; float: left; width:25%; font-size:18px;   border-bottom: 1px solid #019ae6; overflow:hidden;}
.down_list_title .down_zi{ float: right;}
.down_list_title .down_zi a{  padding: 0 10px; border-right: 1px solid #d2d2d2;}
.down_list_title .down_zi a:last-child{ border-right:0px;}
.down_list li{ float:left; width:30%; margin:0 1.5%; text-align:center; margin-top:30px;}
.down_list li a{ width:100%; float:left; background:url(../images/down_xian.png) center right no-repeat; color: #000;}
.down_list li:nth-child(3n) a{ background:none;;}
.down_list li .down_tu{ width:calc(100% - 1px)}
.down_list li .down_tu img{ max-width:100%;display: inline-block; }
.down_list li .down_title{ margin-top:15px; margin-bottom: 15px; font-size: 18px; line-height: 30px; padding: 0 5%;}
.down_list li .down_xz{ font-size:18px;}
.down_list li .down_xz img{ margin-right:15px;display: inline-block; }
.down_list .down_gd{ text-align: center; margin: 80px 0 30px 0; width: 100%; float: left;}
.down_list .down_gd a{ color: #fff; background: #019ae6; padding: 18px 75px; border-radius: 50px;} 

.down_list_title2{ width:100%; text-align:center; font-size: 26px; line-height: 65px; margin-bottom: 30px;}




@media screen and (max-width: 1800px) {
	.container .lh-nav{ margin-right: 2vw;}
}
@media screen and (max-width: 1700px) {
	.container .lh-nav{ margin-right: 4vw;}
}
@media screen and (max-width: 1600px) {
	.pro_fr{ background-size: 103%; background-position-x: -2px;}
	
	.container .lh-nav{ margin-right: 10vw;}
}
@media screen and (max-width: 1440px) {
	.pro_fr{ background-size:103% 101%; background-position-x: 0px;}
	.pro_kuan{ padding-left: 30px;}
	.pro_fr_list li{ width: 250px;}
	.pro_fr_list li.pro_li1{ left: 32%; margin-top: 3.5%; }
	.pro_fr_list li.pro_li2{ left: 64%; margin-top: 5.5%;}
	.pro_fr_list li.pro_li3{ left: 0%; margin-top: 17.5%;}
	.pro_fr_list li.pro_li4{ left: 52%; margin-top: 18.5%;}
	.pro_fr_list li.pro_li5{ left: 18%; margin-top: 31.5%;}
	.pro_fr_list li.pro_li6{ left: 0.5%; margin-top: 43.7%;}
	.container .lh-nav{ margin-right: 12vw;}
	.web_kuan{ padding: 0 20px;}
}
@media screen and (max-width: 1250px) {
	.pro_fr{ background-size: 105% 101%;}	
	
}
@media screen and (max-width: 1200px) {

	.lh-banner-bd li .text { width: 40%;}
	.lh-banner-bd li .text{ left: auto;}
	.lh-index-about{ background: #F4F4F8 url(../images/about_bg.jpg) no-repeat right center; background-size: cover;}
	.lh-index-banner>.swiper-wrapper>.swiper-slide>div{ padding-top: 0px; position: relative;}
	.about_info{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10px;}
	.lh-index-about .text h2{ font-size: 26px;}
	.lh-index-about .text h3{ font-size: 36px;}
	.lh-index-about .text pre{ line-height: 30px; font-size: 16px;}
	.case_list li{  padding: 0 0 0 1%;}
	.case_list li .case_list_ico i{  font-size: 40px;}
	.case_list li .case_list_title{  font-size: 22px;}
	.case_list li .case_list_desc{ font-size: 12px;}
}

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

	.wrapper .content .text h2 { font-size: 20px;}
	.wrapper .content .text h3 { font-size: 16px;}
	.pro_kuan{ display: inline-block;}
	.pro_fl{ width: 100%; }
	.pro_fl_top{ text-align: center;}
	.pro_fl_titleen{ font-size: 32px;}
	.pro_fl_desc{ font-size: 14px;}
	.pro_fl_list{ left:0px}
	.pro_fl_list li{ width: 33% !important; padding: 10px 0px; float: left; text-align: center;}
	.pro_fl_list li a:before{ display: none;} 
	.pro_fl_list li .pro_fl_list_title{ font-size: 20px; color: #fff;}
	.pro_fl_list li .pro_fl_list_titleen{ font-size: 13px; color: #fff;}
	.pro_fr{ width: 100%; background: #20509a;}
	.pro_fr .pro_content1{ margin-top: 5%; height: auto; width: 100%;}
	.pro_fr_list{ padding-top: 0px;}
	.pro_fr_list li{ position: relative; left: auto !important; margin-top: 0 !important; width: 33%; }
	.pro_fr_list li .pro_fr_list_title{ opacity: 1; bottom: 0; height: 40px; line-height: 40px; padding: 0 2%; font-size: 14px; }
	.pro_fr_list li .pro_fr_list_tu{ border-radius:0px; padding-bottom: calc(64% - 8px); transform: scale(1); width: 92%; border:0px;top:auto; background: #fff;}
	.pro_fr_list li .pro_fr_list_tu img{ height: calc(100% - 40px);}

	.pro_fr_list li .pro_fr_list_xian{ display: none;}
	.pro_search{display: none;}
	.pro_content1 .swiper-pagination{ bottom: -10px; width: 100%; right: 0;}
	.web_kuan {	padding: 0 10px; }
	.lh-footer-r{ margin-top: 20px;}
	.pro_fl_list li .pro_fl_list_titleen{ font-size: 18px; font-size: 12px;}

	.case_kuan{ width: 100%; text-align: center;}
	.case_gd{  width: 100%;}
	.case_list li{ padding:0px}
	.case_list li .case_list_ico{ width: 100%; text-align: center;}
	.case_list li .case_list_cont{ width: 100%; text-align: center; margin-left:0px}
	.lh-footer{ padding: 5vh 0;}
	.lh-footer-r .text{ text-align: center;}
	.lh-footer-r .text span i{ font-size: 36px; margin-right: 2px;}
	.index-news .text .news_title{ font-size: 35px;}
	.index-news .text pre{ font-size: 18px;}
	.about_info{ position: relative;}

	.searchContainer{ height: 100%;}
	.searchContainer .box .logo-box{ display: block;}
	.searchContainer .box .close{ bottom: 40%;}
	.searchContainer .box .input-box{ width: 80%; margin-top: 0.4rem;}

	.lh-other-nav .scroller{  overflow-y: hidden;}
}
@media screen and (max-width: 599px) {
	.head_right{  right: 12.08vw;}
	.head_search{ margin: 35px 10px 0;}
	.head_search i{  top: 6px; font-size: 18px;}
	.vertical-align-middle img{ height: 90px}
	.vertical-align-middle a{ height: 90px}
	.lh-banner-bd li .text{ width: 100%;   right: 0; text-align: center;}
	.lh-banner-bd li .text h2{ font-size: 18px;}
	.pro_fl{  margin-top: 110px;}
	.pro_fl_titleen{ font-size: 30px;}
	.pro_fl_title{ font-size: 22px;}
	.pro_fl_desc{ font-size: 14px;}
	.pro_fl_list li{ line-height: 22px;}
	.pro_fl_list li .pro_fl_list_title{ font-size: 16px;}
	.pro_fl_list li .pro_fl_list_title{ font-size: 12px;}
	.pro_fr_list li{ width: 50%; padding-bottom: 10px;}

	.pro_fr_list li .pro_fr_list_tu{ padding-bottom: calc(50% - 8px); width: 72%;}

	.case_kuan{  margin-top: 110px; margin-top: 150px;}
	.case_titleen{ font-size: 36px;}
	.case_title{ font-size: 26px;}
	.case_desc{ font-size: 16px;}
	.case_gd{ margin-top: 20px;}
	.case_gd a{ font-size: 15px; padding: 10px 15px;}
	.case_list{ margin-top: 50px; background:none}
	.case_list li{ width: calc(50% - 12px); background: #fff; padding: 5px 0; margin: 5px 5px;}
	.case_list li:last-child{ width: calc(100% - 12px);}
	.index-news .text .news_title{ font-size: 28px;}
	.index-news .text pre{ font-size: 16px;}

	.down_list li{ width: 47%;}
	.down_list li .down_xz { font-size: 16px;}
	.down_list li .down_xz img{ margin-right: 5px;  height: 12px;}

	.lh-other.ones{ padding: 1vh 0 2vh;}

	.lh-join-h span{ flex: auto; width: 100%; white-space: unset;}
	.lh-join-item dt .lh-join-h{ height: auto; line-height: 5vh;}
	.lh-join-item{ margin-top: 2vh;}
}
@media screen and (max-width: 499px) {

	.pro_fr_list li .pro_fr_list_tu{ padding-bottom: calc(52% - 8px); width: 88%;}
	.pro_content1 .swiper-pagination{ bottom: -30px;}
	.case_list li .case_list_title{  font-size: 18px;}
	.index-news .text .news_title{ font-size: 22px;}
	.index-news .text pre{ font-size: 12px;}
}




/*banner 闪烁*/

.shans{ position: absolute; width: 100%; height: 100%;left: 0; top:0; z-index: 1;}
.shans div {
	position:absolute;
	left:0px;
	top:50%;
	color: #fff;
	
}
.shans span { border-radius:100% ;box-shadow: 0px 0px 10px #ffffff; background:#fff;float: left;}

.shans div:nth-child(1){
    left: 34.1%;
    top: 38.4%;
}
.shans div:nth-child(1) span{
	width: 10px;
    height: 10px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
}
.shans div:nth-child(2){
	transform: skewX(-36.2deg);
	left: 18%;
    top: 43%;
}
.shans div:nth-child(2) span{
	width: 5px;
    height: 20px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
	
}

.shans div:nth-child(3){
	transform: skewX(-28.2deg);
	left: 21.8%;
    top: 61%;
}
.shans div:nth-child(3) span{
	width: 5px;
    height: 30px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
	
}

.shans div:nth-child(4){
	transform: skewX(-30.2deg);
	left: 25.8%;
    top: 59%;
}
.shans div:nth-child(4) span{
	width: 5px;
    height: 30px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
	
}
.shans div:nth-child(5){
	/*transform: skewX(-33.2deg);*/
	left: 44.25%;
    top:79%;
}
.shans div:nth-child(5) span{
	width: 10px;
    height: 10px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
	
}


.animation {
	;-webkit-animation:twinkling 2.1s infinite ease-in-out;
	animation:twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes twinkling {
	0% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}

50% {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1.8);
}

100% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
}@keyframes twinkling {
	0% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}

50% {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1.8);
}

100% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
}


.lxwm{  width: 100%; display: inline-block;}
.lxwm_gsmc{ font-size: 32px; width: 100%; margin-top: 50px; color: #00499d; font-weight: bold; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #f1f4fa;}
.lxwm_list{ width: 100%; float: left;}
.lxwm_list li{  width: 32%; margin-right: 2%; margin: 50px 0;display: inline-flex;}
.lxwm_list li:nth-child(3n){ margin-right: 0;}
.lxwm_list li.ewm{ position: relative; top: -30px;}
.lxwm_list li .lxwm_list_cont{}
.lxwm_list li .lxwm_list_title{ font-size: 20px;  color: #4b4b4b;}
.lxwm_list li .lxwm_list_desc{ font-size: 26px; color: #333;  margin-top: 10px;}
.lxwm_list li .lxwm_list_ewm{ width: 140px; margin-top: 10px;}
.lxwm_list li .lxwm_list_ewm img{  width: 100%;}
.lxwm_map{ float: left; width: 100%;}
.lxwm_map img{ width: 100%; float: left;}