@charset "utf-8";
@font-face {
    font-family: "PingFang SC";
    src: url("/html/static/font/MoolBoran.woff2") format("woff2"), url("/html/static/font/MoolBoran.woff") format("woff"), url("/html/static/font/MoolBoran.ttf") format("truetype"), url("/html/static/font/MoolBoran.eot") format("embedded-opentype"), url("/html/static/font/MoolBoran.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'PINGFANG REGULAR';
	src: url("/html/static/font/PINGFANG REGULAR.TTF");
}
@font-face {
	font-family:'PINGFANG MEDIUM';
	src: url("/html/static/font/PINGFANG MEDIUM.TTF");
}
@font-face {
	font-family:'PINGFANG BOLD';
	src: url("/html/static/font/PINGFANG BOLD.TTF");
}
@font-face {
	font-family:'MarkPro';
	src: url("/html/static/font/MarkPro.otf");
}
a,a:hover,a:focus{
	text-decoration: none;
}
html,body,p,h3,h4,h5,a,div{
	font-family:PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
}
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;
   font-family:PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
}

img {
    border: 0;
    display: block;
    width: 100%;
}

ul,
dl,
li,
dt,
dd {
    list-style: none;
}

body,
html {
    min-height: 100%;
}

body {
    font: 16px PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei ;
    *font: 16px PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
    color: #212121;
    background: #fff;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    overflow-x: hidden;
    letter-spacing: 0px;
}

a {
    font-size: 16px;
    text-decoration: none;
    transition: ease .65s;
    color: #212121;
}

a:hover {
    color: #ef7c0d;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

input,
textarea,
select {
    outline: none;
   PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    resize: none;
    overflow: hidden;
}

select::-ms-expand {
    display: none;
}

i {
    font-style: normal;
}
/*flex*/

.d_flex {
	display: -webkit-flex;
	display: flex;
}

.flex_wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.j_start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.j_center {
	-webkit-justify-content: center;
	justify-content: center;
}

.j_between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.a_center {
	-webkit-align-items: center;
	align-items: center;
}

.a_end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.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;
}

.lh-flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.red {
    color: #b72024;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    text-align: center;
}

.loading .img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
     /* opacity: 0.7;*/
}

.loading .img span {
    display: inline-block;
    width: 150px;
    height: 14px;
    border: 2px solid #888;
    border-radius: 10px;
    margin-top: 20px;
    position: relative
}

.loading .img span i {
    position: absolute;
    left: 1px;
    top: 2px;
    height: 6px;
    width: 0;
    background: #ef7c0d;
    border-radius: 3px;
    opacity: 0.7 
}

.loading .img .img1 {
    width: auto;
}

.kv {
    position: fixed;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 90%;
    height: 60%
}

.kv .bd,
.kv .tempWrap,
.kv .bd ul,
.kv .bd li {
    height: 100%
}

.kv img {
    max-width: 100%;
    max-height: 100%
}

.kv a {
    display: block;
    width: 100%;
    height: 100%;
}

.kv_close {
    position: absolute;
    top: -0.25em;
    right: -1em;
    ;
    font-size: 50px;
    color: #eea807;
    cursor: pointer;
    -webkit-transition: .3s;
}

.kv_close:hover {
    color: #ee7e0c
}

.kv.on {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

@media screen and (max-width: 1000px) {
    .kv {
        width: 90%;
        height: auto;
    }
    .kv_close {
        font-size: 30px;
        top: -1.3em;
        right: 0
    }
}

.container {
    margin: auto;
    position: relative;
    width: 1200px;
}

#bsWXBox {
    box-sizing: initial;
}

#bsBox {
    box-sizing: initial;
}

::-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: 0px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #FF6E00
}

.lh-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    transition: ease .65s;
}

.lh-logo {
    position: absolute;
    left: 10%;
    top: 1.5vw;
    transition: ease .65s;
}

.lh-header-r {
    position: relative;
    width: 46%;
    right: 10%;
    float: right;
    top: 3vw;
    transition: ease .65s;
}

.lh-nav {
	display: block;
    float: left;
    margin-bottom: 0;
    transition: ease .65s;
}

.lh-nav li {
    float: left;
    line-height: 40px;
    text-align: initial;
}

.lh-nav li a {
    color: #fff;
    font-size: 18px;
    margin-right: 2vw;
    position: relative;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.lh-nav li a::before {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #ef7c0d;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.lh-nav li a:hover {
    color: #ef7c0d;
}

.lh-nav li a:hover::before {
    width: 100%;
}

.lh-search-btn {
    float: left;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 3;
}

.lh-search-btn:hover {
    color: #fff;
}

.lh-banner {
    height:100vh;
    position: relative;
    overflow: hidden;
    background: #111;
    transition: ease .85s;
}

.banner-text {
    position: absolute;
    left: 10vw;
    height: 100vh;
    z-index: 5;
    top: 0;
    color: #fff;
    padding-top: 40vh;
}

.lh-ban .banner-text {
    left: 18.75vw;
    height: auto;
}

.lh-ban .banner-text h4 {
    margin-top: 20px;
}

.banner-text h2 {
    font-family: 'MarkPro';
    font-size: 65px;
    line-height: 55px;
    text-transform: uppercase;
}

.banner-text h3 {
    font-family: PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
    font-size: 40px;
}

.banner-text h4 {
    margin-top: 15px;
}

.banner-text a {
    position: absolute;
    left: 0;
    bottom: 2.39vw;
    width: 23px;
    height: 23px;
    display: block;
}

.banner-text a:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    transition: ease .65s;
}

.banner-text a:after {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2px;
    transition: ease .65s;
}

.banner-text a:hover:before,
.banner-text a:hover:after {
    background: #ef7c0d;
}

.lh-banner .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-hd {
    position: absolute;
    z-index: 5;
    bottom: 2.39vw !important;
    width: auto !important;
    left: inherit !important;
    right: 5.2vw !important;
}

.swiper-hd span {
    width: 25px;
    height: 3px;
    background: #fff;
    border-radius: 0;
    margin: 0 0 0 5px;
    transition: ease .65s;
    opacity: 1;
}

.swiper-hd span.swiper-pagination-bullet-active {
    background: #ef7c0d;
    width: 62px;
}

.lh-nav-aside {
    height: 100vh;
    background: #ef7c0d;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-left: 100px;
    width: 100px;
    transition: ease 1s;
}

.lh-nav-btn {
    display: block;
    width: 37px;
    height: 30px;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.lh-nav-btn:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
    transition: ease .65s;
}

.lh-nav-btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: ease .65s;
}

.lh-nav-btn i {
    display: block;
    width: 85%;
    height: 4px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    transition: ease .65s;
}

.lh-nav-btn:hover:before {
    width: 30%;
}

.lh-nav-btn:hover:after {
    width: 70%;
}

.lh-nav-btn:hover i {
    width: 60%;
}

.lh-nav-a {
    padding-top: 33vh;
}

.mb {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
}

.lh-nav-a dl {
    flex: 1;
    /* border-left: 1px solid #ffffff2b;
    padding-left: 10px; */
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
}
.phone_num{
	position: absolute;
	right: 40px;
	top:7px;
	color:#ef7c0d;
	white-space: nowrap;
	font-size: 20px;
}
.phone_num img{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.phone_num p{
	font-family: 'MarkPro';
}
.yuyan{
	position: absolute;
	right: 0px;
	top:0px;
	color:#ef7c0d;
}
.yuyan a{
	/*display: inline-block;*/
	position: relative;
	font-size: 18px;
	line-height: 40px;
	color: #ef7c0d;
}
.yuyan a:hover{
	color: #ef7c0d;
}
.yuyan a::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #ef7c0d;
    opacity: 1;
}
.yuyan a:hover::before{
	opacity: 0;
}
.yuyan a::after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #ef7c0d;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}
.yuyan a:hover::after{
	width: 100%;
}
/*沙巴概况*/
.ind3_right {
	display: flex;
	justify-content: space-between;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	padding-left: 2%;
}

.ind3rbox span {
	font-family: 'PINGFANG REGULAR';
	font-size: 18px;
	line-height: 1;
}

.counter {
	font-size: 70px !important;
	line-height: 70px;
	margin-right: 5px;
    display: inline-block;
    font-family: 'MarkPro' !important;
}

.ind3rbox p {
	font-size: 18px;
	line-height: 1;
	padding-top: 15px;
	margin: 0 !important;
}
.ind3rbox{
	border-right: 1px solid #ffffff20;
	width: 25%;
}
.ind3rbox:last-child{
	border-right: none;
}
/*新改产品体系开始*/

.lh_service_banner{
	width: 100%;
	height: 700px;
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 30px;
}
.lh_service_swiper{
	width: 100%;
	height: 100%;
    background: rgba(0,0,0,0.1);
}
.lh_service_hd{
    height: 100%;
    color: #fff;
    border-right: 1px solid #ffffff2e;
    position: relative;
    overflow: hidden;
    display: block;
}
.lh_service_hd:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #ef7c0db8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: ease 1s;
    transform: matrix3d(-1.63043, -1.05435, 0, -0.0126812, 4.07609, 1.05435, 0, 0.0126812, 0, 0, 1, 0, -247.011, 85.4022, 0, 1);
    transform-origin: center center center;
}
.lh_service_hd .text{
	top: 45%;
	padding-left: 10%;
	position: relative;
}
.lh_service_hd .text h2 {
    font-size: 24px;
    font-family: 'MarkPro';
    opacity: .4;
    position: relative;
    transition: ease .65s;
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;
}
.lh_service_hd .text h2:after {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 40px;
    bottom: 6px;
    transition: ease .65s;
}
.lh_service_hd .text h4 {
	font-family:  PingFang SC,'pingfangsc';
    font-size: 26px;
    position: relative;
    line-height: 26px;
    margin-bottom: 30px;
}
.lh_service_hd .line{
	height: 2px;
	width: 0;
	background: #fff;
	transition: ease 1.6s;
}
.lh_service_hd .more{
	margin-top: 150px;
	-webkit-transition: .6s linear;
    transition: .6s linear;
    transform: translateY(100%);
    opacity: 0;
}
.lh_service_hd.on .line{
	width: 67%;
}
.lh_service_hd.on:after {
    opacity: 1;
    transform: none;
}
.lh_service_hd:hover{
	color:#fff;
}
.lh_service_hd.on .more{
    transform: translateY(0);
	opacity: 1;
}
.njt {
    width: 60px;
    height: 60px;
    /* border: 1px solid #ef7c0d; */
    background: #ffffff30;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    outline: none;
    line-height: 60px;
    text-align: center;
    bottom: 30px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    color: #fff;
}
.njt>i {
    color: #fff;
    font-size: 20px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.nleft {
    left: 60px;
}
.nright {
    right: 60px;
}

.njt:hover {
    /* border: 1px solid rgba(255,255,255,0); */
    background: #666666;
}
.njt:hover i {
    color: #fff;
}

/*新改产品体系结束*/
/*新改产品体系第二块开始*/
.p2_con{
	width: calc(100% - 148px);
	margin-left: 74px;
	margin-top: 74px;
	margin-bottom: 30px;
	position: relative;
}
.p2_swiper{
	width: 100%;
	height: 750px;
}
.p2_inner{
    position: relative;
    top: 0;
    left: 0;
	overflow: hidden;
	display: block;
	height: 100%;
	animation: gogogo 40s infinite linear;
}

@keyframes gogogo {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
                top: 0;
    }
    50%{
        -webkit-transform: scale(1.12);
                transform: scale(1.12);
                top: 6%;
               
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
                top: 0;
    }
}
@keyframes gogogo {
    0%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
                top: 0;
    }
    50%{
        -webkit-transform: scale(1.12,1.12);
                transform: scale(1.12,1.12);
                top: 6%;
    }
    100%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
                top: 0;
    }
}
@-webkit-keyframes gogogo {
    0%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
    50%{
        -webkit-transform: scale(1.12,1.12);
                transform: scale(1.12,1.12);
               
    }
    100%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
}

/*
@keyframes gogogo {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
                top: 0;
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
                top: 0%;
               
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
                top: 0;
    }
}
@keyframes gogogo {
    0%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
                top: 0;
    }
    50%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
                top: 0%;
    }
    100%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
                top: 0;
    }
}
@-webkit-keyframes gogogo {
    0%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
    50%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
               
    }
    100%{
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
}
*/
.p3_swiper{
	width: 30%;
	position: absolute;
	left: 100px;
	bottom: 14%;
	z-index: 100;
	height: 120px;
	padding-left: 30px;
}
.p3_swiper .line_box{
	width: 2px;
	background: #fff;
	height: 18px;
	position: absolute;
	left: 0;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.swiper-slide .p3_txt{
	font-family:  PingFang SC,'pingfangsc';
	height: 40px;
	line-height: 40px;
	color:#fff;
	opacity: 0.4;
	width: 100%;
}
.swiper-slide.swiper-slide-active .p3_txt{
	opacity: 1;
}
.p3_left{
	position: absolute;
	top:0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 40px;
    outline:none;
}
.p3_right{
	position: absolute;
	bottom:0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 40px;
    outline:none;
}
/*新改产品体系第二块结束*/
/*案例中心开始*/
.alzx_service{
	margin-top: 0;
	margin-bottom: 30px;
}
.lh_public_h{
	text-align: center;
	margin-bottom: 30px;
}
.lh_public_h h2 {
	font-family:  PingFang SC,'pingfangsc';
    font-size: 40px;
    line-height: 40px;
    color: #111;
   
}
.lh_public_h h3 {
    font-size: 48px;
    color: #111;
    font-family: 'MarkPro';
    text-transform: uppercase;
    line-height: 48px;
    position: relative;
   /* padding-top:5px;*/
   margin-top: 10px;
    padding-bottom: 20px;
}
.lh_public_h h4 {
	font-family:  PingFang SC,'pingfangsc';
    color: #777777;
    font-size: 16px;
    line-height: 16px;
}
.lh_public_h h3  span{
	color: #ef7c0d;
}
.alzx_swiper{
	height: 600px;
	width: 100%;
}
.alzx_swiper .swiper-slide{
	width: 1200px;
}
.alzx_video,.alzx_inner{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.alzx_txt{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top:50px;
	color:#fff;
	z-index: 100;
	text-align: center;
}
.alzx_txt .title{
	font-family: PingFang SC,'pingfangsc';
	font-size: 30px;	
}
.alzx_txt .txt{
	font-size: 18px;
    padding-top: 10px;
    font-family: 'MarkPro';
}
.alzx_video{
	object-fit: fill;
}
.alzx_left:focus,
.alzx_right:focus{
	outline: none;
}
.alzx_left{
	left: 8% !important;
	bottom: auto;
	top:50%;
	transform: translateY(-50%);
}
.alzx_right{
	right: 8% !important;
	bottom: auto;
	top:50%;
	transform: translateY(-50%);
}
.alzx_left,
.alzx_right{
	background-size: 18px 29px;
}
.alzx_left:hover,
.alzx_right:hover{
	border: 1px solid #ef7c0d;
    background: #ef7c0d;
}
.alzx_swiper .video_icon{
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -40px;
	margin-left: -40px;
	z-index: 100;
}
/*案例中心结束*/
.lh-service-banner>ul {
    margin: 0;
}

.lh-nav-a dl dt>a {
    font-size: 18px;
    color: #fff;
}

.lh-nav-a dl dt h3 {
    color: #fbd9da;
    text-transform: uppercase;
    /* height: 30px; */
    overflow: hidden;
    font-size: 12px;
}

.lh-nav-a dl dd {
    line-height: 32px;
}

.lh-nav-a dl dd a {
    color: #fbd9da;
    font-size: 14px;
}

.lh-nav-a dl dt {
    /* margin-bottom: 3vh; */
}

.lh-nav-a dl dd a:hover {
    color: #fff;
}

.lh-adide-search {
    position: absolute;
    left: 100px;
    bottom: 5.2vw;
    width: 240px;
    height: 40px;
    border-bottom: 2px solid #fff;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    transition: ease 1s;
}

.lh-adide-search input {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    background: none;
    width: 80%;
    color: #fff;
    height: 24px;
}

.lh-adide-search input::-webkit-input-placeholder {
    color: #fff;
}

.lh-adide-search input:-moz-placeholder {
    color: #fff;
}

.lh-adide-search input::-moz-placeholder {
    color: #fff;
}

.lh-adide-search input:-ms-input-placeholder {
    color: #fff;
}

.lh-adide-search a {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-weight: bold;
    width: 40px;
    text-align: center;
}

.lh-adide-search a i {
    font-size: 24px;
}

.nav .lh-nav-aside {
    width: 50%;
}

.nav .lh-nav-a dl,
.nav .lh-adide-search {
    animation: nav linear 1s forwards;
}

.lh-nav-a dl:nth-child(1) {
    animation-delay: .5s;
}

.lh-nav-a dl:nth-child(2) {
    animation-delay: .4s;
}

.lh-nav-a dl:nth-child(3) {
    animation-delay: .3s;
}

.lh-nav-a dl:nth-child(4) {
    animation-delay: .2s;
}

.lh-nav-a dl:nth-child(5) {
    animation-delay: .1s;
}

.lh-search {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 0;
    overflow: hidden;
    transition: ease .65s;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

.lh-search input {
    background: none;
    border: none;
    width: 100%;
    color: #fff;
}

.lh-search input::-webkit-input-placeholder {
    color: #fff;
}

.lh-search input:-moz-placeholder {
    color: #fff;
}

.lh-search input::-moz-placeholder {
    color: #fff;
}

.lh-search input:-ms-input-placeholder {
    color: #fff;
}

.search .lh-nav {
    opacity: 0;
    visibility: hidden;
}

.search .lh-search {
    width: 160px;
}

@keyframes nav {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

.nav .lh-banner {
    transform: translateX(50%);
    transition: ease 1.5s;
}

.lh-mobile-nav-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    display: none;
}

.lh-mobile-nav-btn i {
    font-size: 24px;
}

.lh-mobile-nav-btn:hover {
    color: #fff;
}

.lh-group-culture {
    background: #F9FAFC;
    margin-top: 0;
    position: relative;
    height: 650px;
    overflow: hidden;
}

.lh-group-culture .container {
    padding: 100px 10vw;
    width: 50%;
    float: left;
    margin-top: 0px;
}

.lh-group {
    width: 100%;
}
@font-face {
	font-family:'pingfangsc bold'; 
	src: url("/html/static/fonts/苹方黑体-中粗-简.ttf");
}
.lh-public-h h2 {
	font-family: PingFang SC,'pingfangsc';
    font-size: 40px;
    line-height: 40px;
    color: #111;
    
}

.lh-public-h h3 {
    font-size: 48px;
    color: #111;
    font-family: 'MarkPro';
    text-transform: uppercase;
    line-height: 48px;
    position: relative;
    margin-top: 10px;
}

.lh-public-h h3 span {
    color: #ef7c0d;
}

.lh-group-text {
    margin-top: 45px;
}

.lh-group-text h3 {
    line-height: 24px;
    color: #777777;
    height: 48px;
    overflow: hidden;
}

.lh-group-text h4 {
    line-height: 18px;
    color: #c3c3c3;
    font-size: 14px;
    font-family: 'MarkPro';
    margin: 40px 0 70px;
    height: 32px;
    overflow: hidden;
}

.lh-more {
    display: block;
    color: #ef7c0d;
    font-size: 18px;
    line-height: 18px;
    font-family: 'MarkPro';
}
.lh-more:hover{
	color:#ef7c0d ;
}
.lh-more.white:hover {
    background: #fff;
    color: #ef7c0d;
}
.lh-culture {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/html/static/image/icon1.jpg) no-repeat center right;
    background-attachment: fixed;
    z-index: 2;
    transform-origin: right center;
    background-size: 50%;
}

@keyframes lhWidth {
    0% {
        transform: scaleX(.9);
    }
    100% {
        transform: scaleX(1);
    }
}

.lhWidth {
    animation-name: lhWidth;
    animation-duration: 1s;
}

@keyframes lhHeight {
    0% {
        transform: scaleY(.9);
    }
    100% {
        transform: scaleY(1);
    }
}

.lhHeight {
    animation-name: lhHeight;
    animation-duration: 1s;
}

.lh-public-h.white h2,
.lh-public-h.white h3 {
    color: #fff;
}

.lh-culture h4 {
    margin: 40px 0 80px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

.lh-more.white {
    border-color: #fff;
    color: #fff;
}

.header .lh-header {
    background: #282828;
    height: 100px;
}

.header .lh-logo {
    top: 10px;
}

.header .lh-header-r {
    top: 30px;
}

.lh-speech {
    width: 100%;
    height: 100vh;
    background: #F2F3F5;
}

.lh-speech-l {
    width: 50%;
    height: 100%;
    background: url(/html/static/image/icon2.jpg) no-repeat left center;
    background-attachment: fixed;
    position: relative;
}

.lh-speech-text {
    width: 650px;
    background: #ef7c0d;
    height: 570px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -285px;
    padding: 100px 4.68vw 0 6.66vw;
    transform-origin: right center;
}

.lh-speech-text h4 {
    color: #fbd9da;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 30px;
}

.lh-speech-text h5 {
    color: #e78c91;
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    margin: 20px 0 75px;
}

.lh-speech-l .lh-public-h h3:after {
    background: #fff;
}

.lh-speech-r {
    width: 50%;
    position: relative;
    height: 100%;
}

.lh-speech-r .img {
    width: 650px;
    height: 570px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -285px;
    transform-origin: center top;
    animation-delay: .1s;
}

.lh-service {
    padding-top: 40px;
}

.lh-service .lh-public-h {
    text-align: center;
}

.lh-service .lh-public-h h3:after {
    left: 50%;
    margin-left: -8px;
}

.lh-service .lh-public-h h4 {
	font-family: PingFang SC,'pingfangsc';
    color: #777777;
    margin-top: 20px;
    font-size: 16px;
    line-height: 16px;
}

.lh-service-banner {
    width: 100%;
    margin-top: 40px;
    position: relative;
}

.lh-service-hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.lh-service-hd li {
    float: left;
    width: 20%;
    height: 100%;
    color: #fff;
    border-left: 1px solid #ffffff2e;
    padding: 18% 5%;
    position: relative;
    overflow: hidden;
}

.lh-service-hd li:nth-child(1),
.lh-service-hd li:nth-child(2) {
    height: 100%;
    padding: 18% 5%;
}

.lh-service-hd li:nth-child(1) {
    border-left: none;
}

0
/* .lh-service-hd li:nth-child(3),.lh-service-hd li:nth-child(4){border-bottom:1px solid #4E555C;} */

.lh-service-hd li h2 {
    font-size: 22px;
    font-family: 'MarkPro';
    opacity: .4;
    position: relative;
    transition: ease .65s;
    height: 16px;
    line-height: 16px;
}

.lh-service-hd li h2:after {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 30px;
    bottom: 6px;
    transition: ease .65s;
}

.lh-service-hd li h3 {
    font-size: 30px;
    font-family: 'MarkPro';
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 15px;
}

.lh-service-hd li h4 {
    font-size: 22px;
    position: relative;
}

.lh-service-hd li h5 {
    margin-top: 90%;
}

.lh-service-hd li h5 a {
    float: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.lh-service-hd li h5 span {
    float: right;
    font-size: 42px;
    opacity: 0;
    visibility: hidden;
    transition: ease .65s;
    transform: translateY(100%);
    transition-delay: .1s;
}

.lh-service-hd li:nth-child(1) h5,
.lh-service-hd li:nth-child(2) h5 {
    margin-top: 90%;
}

.lh-service-hd li h4:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -40px;
    transition: ease .65s;
    transform: scaleX(0);
    transform-origin: left center;
}

.lh-service-hd li:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #ef7c0d;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: ease 1s;
    transform: matrix3d(-1.63043, -1.05435, 0, -0.0126812, 4.07609, 1.05435, 0, 0.0126812, 0, 0, 1, 0, -247.011, 85.4022, 0, 1);
    transform-origin: center center center;
}

.lh-service-hd li.on:after {
    opacity: 1;
    transform: none;
}

.lh-service-hd li.on h4:after {
    transform: scaleX(1);
}

.lh-service-hd li.on h5 a,
.lh-service-hd li.on h5 span {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lh-service .lh_service_hd .text .more{
    margin-top: 150px;
    -webkit-transition: .6s linear;
    transition: .6s linear;
    transform: translateY(100%);
    opacity: 0;
}

.lh-businesMob {
    display: none;
}

.lh-news {
    padding: 120px 0 150px;
    background: #F9FAFC;
}

.lh-news .container {
    width: 1300px;
}

.lh-news-hd {
    margin: 30px 0;
}

.lh-news-hd li {
    float: left;
    margin-right: 35px;
}

.lh-news-hd li a {
    font-size: 16px;
}

.lh-news-l {
    width: 53.8%;
}

.lh-news-r {
    width: 42.3%;
}

.lh-news-one {
    background: #fff;
    transition: ease 1s;
}

.lh-news-one:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-news-one .img {
    overflow: hidden;
}

.lh-news-one .img img {
    transition: ease 1s;
}

.lh-news-one .text {
    padding: 30px 40px 28px;
    position: relative;
}

.lh-time {
    font-size: 16px;
    color: #666;
}

.lh-time h2 {
    font-size: 48px;
    color: #c9151e;
}

.lh-time div {
    margin: 10px 0 0 10px;
}

.lh-news-one .title {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    position: relative;
    padding: 20px 0 50px;
    overflow: hidden;
    color: #111;
}

.lh-news-one .title:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    position: absolute;
    left: 0;
    bottom: 25px;
}

.lh-news-one .res {
    color: #666;
    line-height: 24px;
    height: 120px;
    overflow: hidden;
}

.lh-news-one .lh-more {
    transition: ease .65s;
    position: relative;
    top: 50px;
}

.lh-news-one:hover .img img {
    transform: scale(1.1);
}

.lh-news-two {
    background: #fff;
    transition: ease .65s;
}

.lh-news-two .img {
    overflow: hidden;
}

.lh-news-two img {
    transition: ease 1s;
}

.lh-news-two:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-news-two:hover img {
    transform: scale(1.1);
}

.lh-news-two .text {
    padding: 20px 40px 30px;
}

.lh-news-two .title {
    font-size: 18px;
    line-height: 36px;
    color: #111;
    height: 72px;
    overflow: hidden;
    margin-top: 10px;
}

.lh-news-three {
    background: #fff;
    margin-top: 30px;
    transition: ease 1s;
}

.lh-news-three a {
    display: block;
    padding: 40px;
}

.lh-news-three .title {
    font-size: 18px;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    margin-top: 10px;
}

.lh-news-three:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-social a {
    position: relative;
    display: block;
}

.lh-social a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
    transition: ease .65s;
}

.lh-social a:hover:after {
    opacity: 0;
}

.lh-footer {
    padding: 45px 0;
    background: #282828;
    color: #888;
    border-top: 3px solid #ef7c0d;
}
.lh-footer .container{
    width: 80%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.lh-link {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 20px;
}

.lh-link span {
    float: left;
    margin-right: 10px;
    position: relative;
    line-height: 24px;
}

.lh-link span:before {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -7px;
}

.lh-link a {
    color: #fff;
    float: left;
    margin-left: 10px;
    line-height: 24px;
}

.lh-link div {
    float: left;
    width: 90%;
}

.lh-footer-a {
	display: block;
    margin-top: 20px;
	margin-bottom: 20px;
}

.lh-footer-l {
    width: 60%;
    animation-delay: .1s;
}

.lh-footer-r {
    animation-delay: .3s;
}

.lh-footer-l dl {
    float: left;
    margin-right: 2%;
    line-height: 24px;
}

.lh-footer-l dl a {
    color: #888;
}

.lh-footer-l dl a:hover {
    color: #fff;
}

.lh-footer-l dl dt a {
	display: inline-block;
	position: relative;
    font-size: 18px;
    color: #fff;
}


.lh-footer-l dl dt {
    font-weight: normal;
    margin-bottom: 20px;
}
.lh-footer-l dl dt a:before{
	  content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #ef7c0d;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.lh-footer-l dl dt a:hover:before{
	width: 100%;
}
.lh-footer-l dl dd {
    font-size: 16px;
    margin-bottom: 10px;
}
.lh-footer-l dl dd a{
	display: inline-block;
	position: relative;
}
.lh-footer-l dl dd a:before{
	  content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #ef7c0d;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.lh-footer-l dl dd a:hover:before{
	width: 100%;
}

.lh-footer-c {
    width: 40%;
	text-align: right;
    margin-left: 0;
    animation-delay: .2s;
}

.lh-footer-c h2 {
	font-family: PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
    font-size: 18px;
    margin-bottom: 15px;
}

.lh-footer-c ul {
    font-size: 16px
    line-height: 24px;
    margin-top: 10px;
}
.lh-footer-c ul li span{
	font-family: 'MarkPro';
    font-size: 16px;
}


.lh-footer-ewm {
	margin-top: 25px;
}

.lh-footer-ewm h2 {
    float: right;
    line-height: 24px;
    text-align: right;
    margin-right: 1.5vw;
    padding-top: 20px;
    color: #888;
    font-size: 16px;
}

.lh-footer-ewm .img {
    float: right;
    width: 96px;
}

.lh-footer-d {
    margin-top: 45px;
    height: 42px;
    position: relative;
    background: #fff;
    width: 286px;
}

.lh-footer-d a {
    position: absolute;
    right: 0;
    top: 0;
    width: 96px;
    height: 42px;
    line-height: 42px;
    background: #ef7c0d;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.lh-footer-d a:hover {
    background: #AD151C;
}

.lh-footer-d select {
    width: 190px;
    height: 42px;
    line-height: 42px;
    background: none;
    border: none;
    padding: 0 15px;
    position: absolute;
    right: 96px;
    top: 0;
    z-index: 2;
}
select {
    outline: none;
    font-family: "microsoft yahei";
    -webkit-appearance: none;
    border-radius: 0;
}
select::-ms-expand {
    display: none;
}

.lh-footer-d i {
    position: absolute;
    right: 111px;
    line-height: 42px;
    top: 0;
    z-index: 1;
    color: #111;
    font-size: 14px;
}

.lh-copy {
	font-family: PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
    margin: 0px 0 0 0;
	text-align: right;
}

.lh-copy a {
    color: #888;
    font-size: 14px;
}

.lh-copy a:hover {
    text-decoration: underline;
    color: #ef7c0d;
}

.lh-ban {
    width: 100%;
    height: 760px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#OtherNav {
    height: 90px;
}

.lh-nav-other {
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: #fff;
}

.otherNav .banner-text {
    padding-top: 120px;
    transition: ease .65s;
}

.otherNav .banner-text h2 {
    display: none;
}

.otherNav .lh-ban {
    height: 250px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
}

.otherNav .lh-nav-other {
    position: fixed;
    left: 0;
    top: 250px;
    z-index: 80;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.otherNav .lh-container {
    padding-top: 760px;
}

.otherNav1600 .lh-nav-other {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 80;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-nav-other li {
    display: inline-block;
    padding: 0 1.56vw;
}

.lh-nav-other li a {
    font-size: 18px;
}

.lh-nav-other li.active a {
    color: #ef7c0d;
}

.lh-service-item li {
    height: 480px;
    background: #F9FAFC;
    overflow: hidden;
}

.lh-service-item li .img {
    float: left;
    width: 50%;
    height: 100%;
    transform-origin: left center;
    background-size: cover !important;
}

.lh-service-item li .text {
    float: right;
    width: 50%;
    height: 100%;
    position: relative;
}

.lh-service-item li .text .cont {
    width: 62.5%;
    padding: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.lh-service-item li .text h4 {
    margin: 30px 0 60px;
    line-height: 24px;
    color: #777;
    height: 72px;
    overflow: hidden;
}

.lh-service-item li:nth-child(2n) .img {
    float: right;
    transform-origin: right center;
}

.lh-service-item li:nth-child(2n) .text .cont {
    left: inherit;
    right: 0;
}

.lh-serviceRes {
    padding: 100px 0;
    background: #F9FAFC;
}

.lh-serviceRes-l {
    width: 705px;
}

.lh-serviceRes-l h4 {
    line-height: 24px;
    color: #111;
    font-size: 16px;
    margin: 30px 0;
    font-weight: bold;
}

.lh-serviceRes-l .cont {
    color: #777;
    line-height: 24px;
}

.lh-serviceRes-l .cont img {
    width: auto;
    max-width: 100%;
}

.lh-serviceRes-r {
    width: 420px;
}

.lh-serviceRes-b {
    margin-top: 130px;
}

.lh-serviceRes-item {
    margin-top: 60px;
}

.lh-serviceRes-item li {
    background: #fff;
    overflow: hidden;
    transition: ease .65s;
    margin-top: 23px;
}

.lh-serviceRes-item li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-serviceRes-item li .img {
    float: left;
    width: 466px;
    height: 337px;
    overflow: hidden;
    margin-right: 50px;
}

.lh-serviceRes-item li .text {
    padding: 50px;
}

.lh-serviceRes-item li .text h2 {
    font-size: 24px;
    color: #111;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lh-serviceRes-item li .text h3 {
    line-height: 30px;
    color: #666;
    margin: 30px 0 10px;
    height: 150px;
    overflow: hidden;
}

.lh-serviceRes-item li .text h4 {
    color: #666;
}

.lh-serviceRes-item li .text h4 span {
    color: #c9151e;
    margin-left: 5px;
}

.lh-profile {
    padding: 100px 0;
    background: #F9FAFC;
}

.lh-profile-l {
    width: 300px;
}

.lh-profile-l h4 {
    font-size: 16px;
    line-height: 24px;
    color: #111;
    margin-top: 30px;
    font-weight: bold;
}

.lh-profile-r {
    width: 784px;
    color: #777;
    line-height: 24px;
    letter-spacing: 1px;
}

.lh-profile-r img {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.lh-company-a {
    background: #fff;
    padding: 95px 0 50px;
}

.lh-company-a h4 {
    font-size: 16px;
    line-height: 24px;
    color: #111;
    margin-left: 132px;
    font-weight: bold;
}

.lh-company-item li {
    flex: 1;
    position: relative;
}

.lh-company-item li .lh-public-h {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    padding-top: 25%;
    z-index: 2;
    transition: ease .65s;
}

.lh-company-item li .lh-public-h h2 {
    font-size: 30px;
    font-family: 'MarkPro';
    text-transform: uppercase;
    line-height: 24px;
    font-weight: normal;
}

.lh-company-item li .lh-public-h h3 {
    font-size: 16px;
    font-family: 'Microsoft JhengHei';
    line-height: 24px;
}

.lh-company-item li .lh-public-h h3:after {
    width: 16px;
    height: 2px;
    left: 50%;
    margin-left: -7px;
    bottom: -20px;
    transition: ease .65s;
}

.lh-company-item li .lh-public-h h4 {
    color: #fff;
    margin-top: 60px;
    opacity: 0;
    transition: ease .65s;
}

.lh-company-item li a {
    display: block;
    position: relative;
    z-index: 1;
}

.lh-company-item li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(201, 21, 30, .9);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: ease 1s;
}

.lh-company-item li a:hover:after,
.lh-company-item li a:hover h4 {
    opacity: 1;
}

.lh-company-item li a:hover h3:after {
    background: #fff;
}

.lh-company-item li a:hover .lh-public-h {
    transform: translateY(-30px);
}

.lh-company-item li:nth-child(2) {
    animation-delay: .1s;
}

.lh-company-item li:nth-child(3) {
    animation-delay: .2s;
}

.lh-company-item li:nth-child(4) {
    animation-delay: .3s;
}

.lh-memor-bd li {
    overflow: hidden;
}

.lh-memor-bd li .text {
    width: 321px;
    float: left;
}

.lh-memor-bd li .text h4 {
    color: #c9151e;
    font-size: 36px;
    margin-top: 30px;
}

.lh-memor-bd li .text h5 {
    line-height: 24px;
    color: #777;
    margin-top: 30px;
    min-height: 314px;
    letter-spacing: 1px;
}

.lh-memor-bd li .text .xinnian {
    margin-top: 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}

.lh-memor-bd li .text .xinnian h6 {
    color: #c9151e;
    font-size: 30px;
}

.lh-memor-bd li .img {
    width: 784px;
    float: right;
    height: 476px;
    overflow: hidden;
}

.lh-memor-hd {
    width: 784px;
    position: absolute;
    right: 0;
    top: 476px;
    height: 100px;
    z-index: 1;
}

.lh-memor-hd li {
    flex: 1;
    height: 100%;
    border-left: 1px solid #DEDEDE;
    padding: 0 20px;
    font-size: 24px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    transition: ease .65s;
}

.lh-memor-hd li h2 {
    line-height: 24px;
    height: 24px;
    transition: ease .65s;
}

.lh-memor-hd li.on,
.lh-memor-hd li:hover {
    background: #fff;
}

.lh-memor-hd li.on h2,
.lh-memor-hd li:hover h2 {
    transform: translateY(-33px);
    font-weight: bold;
}

.lh-memorabilia {
    height: 518px;
    background-attachment: fixed !important;
    text-align: center;
    padding: 145px 0;
    color: #fff;
}

.lh-memorabilia h3:after {
    left: 50%;
    margin-left: -8px;
}

.lh-memorabilia h4 {
    font-size: 16px;
    margin: 30px 0;
}

.lh-memorabilia h5 {
    line-height: 24px;
}

.lh-president {
    padding: 240px 0 165px;
    background: #fff;
}

.lh-president .img {
    float: left;
    width: 466px;
    height: 407px;
    animation-delay: .1s;
    z-index: 1;
    position: relative;
}

.lh-president .text {
    position: relative;
    background: #ef7c0d;
    width: 823px;
    height: 553px;
    padding: 50px 50px 50px 150px;
    position: absolute;
    right: 0;
    top: -88px;
}

.lh-president .text h3:after {
    background: #fff;
}

.lh-president .text .cont {
    color: #fbd9da;
    margin-top: 40px;
    line-height: 24px;
    height: 360px;
    overflow: auto;
}

.lh-video {
    width: 100%;
    height: 763px;
    background: url(/html/static/image/video.jpg) no-repeat center;
    position: relative;
    transition: ease .65s;
    background-size: cover;
}

.lh-video video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: 5;
}

.lh-video .text {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    cursor: pointer;
    transition: ease .65s;
}

.lh-video .text i {
    font-size: 72px;
}

.lh-video .text h2 {
    font-size: 60px;
    font-family: "MoolBoran";
    line-height: 24px;
    margin-top: 30px;
}

.lh-video .text h2 span {
    color: #c9151e;
}

.lh-video .text h3 {
    font-size: 24px;
}

#Video {
    width: 100%;
    transition: ease .65s;
    cursor: pointer;
}

.video #Video {
    opacity: 1;
}

.video .lh-video {
    background: #000;
}

.video .lh-video .text {
    opacity: 0;
}

.la-vision {
    background: #ef7c0d;
}

.la-vision .img {
    float: left;
}

.la-vision .text {
    padding: 80px 60px 0;
    color: #fff;
    float: left;
    width: 700px;
}

.la-vision-a {
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px;
}

.la-vision-a p {
    opacity: .8;
}

.la-vision-a h2 {
    font-size: 24px;
}

.la-welfare-item li {
    margin-top: 40px;
    position: relative;
}

.la-welfare-item li:after {
    content: '';
    display: block;
    clear: both;
}

.la-welfare-item li .time {
    float: left;
    width: 134px;
    height: 134px;
    background: #ef7c0d;
    color: #fff;
    text-align: center;
    font-family: 'Century Gothic Regular';
    font-size: 16px;
    padding: 20px 0;
    transition: ease .65s;
}

.la-welfare-item li .time h2 {
    font-size: 48px;
    padding-left: 15px;
}

.la-welfare-item li .time h3 {
    line-height: 16px;
}

.la-welfare-item li .text {
    width: 85%;
    float: right;
    background: #fff;
    padding: 4%;
    transition: ease .65s;
}

.la-welfare-item li .text h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
    transition: ease .65s;
}

.la-welfare-item li .text h3 {
    line-height: 30px;
    color: #666;
    font-size: 16px;
    margin: 30px 0;
}

.la-welfare-item li .text .img img {
    float: left;
    width: 363px;
    margin-left: 20px;
}

.la-welfare-item li .text .img img:first-child {
    margin-left: 0;
}

.la-welfare-item li:hover .text {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.la-welfare-item li:hover .text h2 {
    color: #ef7c0d;
}

.la-news {
    margin: 0 0 0 -4%;
}

.la-news li {
    width: 33.3%;
    padding-left: 4%;
    margin-top: 4%;
}

.la-news li:nth-child(2n) {
    animation-delay: .1s;
}

.la-news li:nth-child(3n) {
    animation-delay: .2s;
}

.lh-loading {
    display: block;
    width: 204px;
    height: 58px;
    background: #fff;
    border-radius: 3px;
    color: #666;
    text-align: center;
    line-height: 58px;
    margin: 50px auto 0;
    font-size: 16px;
}

.lh-news-x {
    width: 781px;
}

.lh-news-v {
    width: 362px;
}

.lh-news-v .lh-news-two:nth-child(2) {
    margin-top: 30px;
}

.lh-news-v .lh-news-two .title {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    font-weight: bold;
}

.lh-news-x .lh-news-one .res {
    height: 98px;
}

.lh-news-x .lh-news-one .text {
    padding: 30px 40px 32px;
}

.lh-newsRes-h1 {
    font-size: 24px;
    font-weight: bold;
}

.lh-newsRes-h2 {
    margin: 20px 0 15px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.lh-newsRes-h2 .left i {
    margin-right: 10px;
}

.lh-newsRes-share a {
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 26px !important;
    margin: 0 2px !important;
    text-align: center;
    border-radius: 50% !important;
    opacity: 1;
    color: #fff !important;
    background: #DF4D69 !important;
    display: inline-block;
    font-size: 16px !important;
}

.lh-newsRes-share a.icon-tengxunweibo {
    background: #45AAF2 !important;
}

.lh-newsRes-share a.icon-qqkongjian {
    background: #EECF3D !important;
}

.lh-newsRes-share a.icon-weixin {
    background: #3EB135 !important;
}

.lh-newsRes-share a.icon-jia {
    background: #45AAF2 !important;
}

.lh-newsRes-share a:hover {
    opacity: .8;
}

.lh-newsRes-main {
    padding: 30px 0;
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.lh-newsRes-page {
    margin-top: 30px;
}

.lh-newsRes-page ul {
    float: left;
    width: 80%;
}

.lh-newsRes-page ul li a {
    font-size: 18px;
}

.lh-newsRes-page ul li {
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lh-newsRes-main img {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.lh-caseRes-a {
    margin-top: 50px;
}

.lh-caseRes-page {
    width: 70%;
}

.lh-caseRes-page li {
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lh-caseRes-page li a {
    font-size: 16px;
}

.lh-return {
    width: 204px;
    height: 58px;
    line-height: 58px;
    border-radius: 3px;
    background: #ef7c0d;
    color: #fff;
    padding: 0 30px;
    font-size: 16px;
    text-align: right;
}

.lh-return i {
    float: left;
}

.lh-return:hover {
    background: #B4171C;
    color: #fff;
}

.lh-style-a .left {
    width: 250px;
}

.lh-style-a .left h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 30px;
}

.lh-style-a .right {
    width: 785px;
    line-height: 24px;
    color: #777;
}

.lh-style-banner {
    margin-top: 80px;
    overflow: hidden;
}

.lh-style-bd {
    background: #fff;
    margin-left: -2px;
}

.lh-style-bd li {
    float: left;
    width: 398px !important;
    position: relative;
    height: 402px;
    margin-left: 2px;
}

.img-a1 {
    width: 398px;
    height: 267px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-a2,
.img-text {
    width: 198px;
    height: 133px;
    position: absolute;
}

.img-a2 {
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-text {
    right: 0;
    bottom: 0;
    background: #DB4F52;
    padding: 35px;
    color: #fff;
}

.img-text h2 {
    font-size: 18px;
    margin: 5px 0;
}

.img-text h3 {
    font-size: 24px;
    font-family: "MoolBoran";
    text-transform: uppercase;
}

.lh-style-bd li:nth-child(2n) .img-a1 {
    top: inherit;
    bottom: 0;
}

.lh-style-bd li:nth-child(2n) .img-a2 {
    top: 0;
}

.lh-style-bd li:nth-child(2n) .img-text {
    top: 0;
}

.swiper-scrollbar {
    z-index: 3;
    height: 2px;
    margin-top: 50px;
    background: #DEDEDE;
    border-radius: 30px;
}

.swiper-scrollbar-drag {
    height: 6px;
    background: #ef7c0d;
    top: -2px;
}

.lh-pap {
    width: 100%;
    height: 343px;
    position: relative;
}

.lh-pap .text {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.lh-pap .text h2 {
    font-size: 30px;
    font-weight: bold;
}

.lh-pap .text h3 {
    font-size: 18px;
    margin-top: 10px;
}

.lh-recruit-item {
    margin-left: -37px;
    position: relative;
    z-index: 2;
}

.lh-recruit-item.on {
    height: auto;
}

.lh-recruit-item li {
    width: 50%;
    padding-left: 37px;
    margin-bottom: 37px;
    position: relative;
}

.lh-recruit-item li>div {
    cursor: pointer;
    overflow: hidden;
    height: 228px;
    position: relative;
    transition: ease .65s;
}

.lh-recruit-h {
    font-size: 18px;
    height: 38px;
    line-height: 38px;
}

.lh-recruit-h i {
    float: right;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    background: #ef7c0d;
    text-align: center;
}

.lh-recruit-main {
    line-height: 30px;
    color: #7f7f7f;
    height: 90px;
    overflow: hidden;
    margin: 10px 0 0;
}

.lh-recruit-item li.on {
    z-index: 2;
}

.lh-recruit-item li.on>div {
    overflow: visible;
}

.lh-recruit-item li.on>div .lh-recruit-main {
    height: auto;
}

.lh-recruit {
    background: #fff;
    padding: 45px;
    max-height: 590px;
    overflow: auto;
}

.lh-recruit-item li.on>div .lh-recruit {
    box-shadow: 0 23px 38px rgba(0, 0, 0, .2);
}

.lh-recruit-item li.on>div .lh-recruit-h i {
    background: #F6F6FB;
    color: #C9161F;
}

.lh-recruit-main a {
    width: 107px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    background: #ef7c0d;
    display: block;
    border-radius: 30px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.lh-recruit-main a:hover {
    background: #AD151A;
}

.lh-news-main li:nth-child(2n),
.lh-recruit-item li:nth-child(2n) {
    animation-delay: .1s;
}

.lh-news-main li:nth-child(3n),
.lh-recruit-item li:nth-child(3n) {
    animation-delay: .2s;
}

.lh-recruit-more {
    margin: 50px auto 0;
}

.lh-recruit-more:hover {
    background: #C9161F;
    color: #fff;
}

.lh-map {
    width: 100%;
    height: 450px;
    margin-top: 30px;
}

.lh-contact-a {
    padding-bottom: 40px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 40px;
}

.lh-contact-a h2 {
    font-size: 24px;
    font-weight: bold;
}

.lh-contact-a h3 {
    color: #878787;
    font-size: 15px;
}

.lh-contact-a h4 {
    color: #c9151e;
    font-size: 24px;
    font-weight: bold;
}

.lh-contact-item li {
    float: left;
    margin-left: 80px;
    overflow: hidden;
    color: #383838;
    line-height: 20px;
}

.lh-contact-item li:first-child {
    margin-left: 0;
}

.lh-contact-item li i {
    float: left;
    margin-right: 10px;
}

.lh-contact-item li h2 {
    float: left;
}

.lhShadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 199;
    animation: shadow linear 1s;
}

@keyframes shadow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

body.resume {
    height: 100%;
    overflow: hidden;
}

body.resume .lh-resume {
    transform: translateY(0);
    opacity: 1;
}

.lh-resume {
    width: 480px;
    height: 280px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -240px;
    padding: 25px 45px;
    z-index: 200;
    transition: ease 1s;
    transform: translateY(300%);
    opacity: 0;
}

.lh-resume h2 {
    font-size: 23px;
    color: #000;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    text-align: center;
}

.lh-upload {
    margin: 30px 0;
    position: relative;
}

.lh-upload h4 {
    width: 100%;
    height: 50px;
    background: #C6161F;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    transition: ease .65s;
}

.lh-upload input {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}

.lh-resume h3 {
    color: #686868;
    line-height: 26px;
}

.lh-resume h3 span {
    color: #2b2b2b;
}

.lh-upload:hover h4 {
    background: #1A6495;
}

.lh-cloase {
    position: absolute;
    right: 45px;
    top: 30px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.lh-cloase:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #261C19;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transition: ease .65s;
    transform: rotate(45deg);
}

.lh-cloase:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #261C19;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transition: ease .65s;
    transform: rotate(-45deg);
}

.lh-cloase:hover:before {
    transform: rotate(25deg);
}

.lh-cloase:hover:after {
    transform: rotate(-25deg);
}

.lh-returnTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    z-index: 50;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    transition: ease .65s;
}

.lh-returnTop i {
    font-size: 24px;
}

.lh-returnTop:hover {
    border-radius: 20px;
}

.BMap_Marker img {
    width: auto;
}

.BMap_bubble_title {
    color: #DA251C;
    font-weight: bold;
    font-size: 16px;
}

.lh-pexecutives {
    padding: 90px 0 0;
    background: #F9FAFC;
}

.lh-pexecutives.honor {
    padding: 90px 0 470px;
}

.lh-pexecutives .lh-public-h {
    text-align: center;
}

.lh-pexecutives .lh-public-h h3:after {
    left: 50%;
    margin-left: -9px;
}

.lh-pexecutives-item {
    margin-top: 65px;
}

.lh-pexecutives-item li {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    animation-delay: .1s;
}

.lh-pexecutives-item li:nth-child(2) {
    animation-delay: .2s;
}

.lh-pexecutives-item li:nth-child(3) {
    animation-delay: .3s;
}

.lh-pexecutives-item li:nth-child(4) {
    animation-delay: .4s;
}

.lh-pexecutives-item li .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding: 60px 10px;
    background: rgba(201, 21, 30, .8);
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: ease .65s;
}

.lh-pexecutives-item li:hover .text {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.lh-pexecutives-item li .text h2 {
    font-size: 24px;
    position: relative;
    margin-bottom: 80px;
}

.lh-pexecutives-item li .text h2:after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -7px;
}

.lh-pexecutives-item li .cont {
    line-height: 24px;
    font-size: 16px;
    color: #fbd9da;
}

.lh-honor-cont {
    text-align: center;
    margin-top: 40px;
    line-height: 24px;
    color: #777;
    font-size: 16px;
}

.lh-execut {
    background: #C62129;
    padding: 90px 0;
    color: #fff;
}

.lh-execut-r {
    width: 387px;
    margin-top: 110px;
}

.lh-execut-l {
    width: 737px;
}

.lh-execut-a h2 {
    font-size: 92px;
    line-height: 48px;
    font-family: 'MarkPro';
    text-transform: uppercase;
}

.lh-execut-a h2 span {
    color: #ec797f;
}

.lh-execut-a h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}

.lh-execut-a .cont {
    line-height: 24px;
    margin-top: 30px;
}

.lh-execut-b {
    margin-top: 40px;
}

.lh-execut-h2 {
    color: #fbd9da;
    font-weight: bold;
}

.lh-execut-b .cont {
    line-height: 24px;
    color: #fbd9da;
    margin-top: 30px;
}

.lh-execut-other {
    padding: 90px 0;
}

.lh-execut-item li {
    margin-top: 40px;
    background: #F7F7F8;
    overflow: hidden;
    transition: ease .65s;
}

.lh-execut-item li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.lh-execut-item li .img {
    width: 386px;
    margin-right: 80px;
    float: left;
}

.lh-execut-item li .text {
    padding: 85px 85px 0 0;
}

.lh-execut-item li h2 {
    font-size: 30px;
    line-height: 18px;
    font-family: 'MarkPro';
    text-transform: uppercase;
    font-weight: normal;
}

.lh-execut-item li h3 {
    display: inline-block;
    font-size: 24px;
    position: relative;
    margin: 10px 0 60px;
    font-family: PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
    font-weight: bold;
}

.lh-execut-item li h3:after {
    height: 2px;
}

.lh-execut-item li .cont {
    line-height: 24px;
    color: #777777;
    font-size: 16px;
    font-weight: bold;
}

.lh-contact-x {
    background: #C9161F;
    position: relative;
}

.lh-contact-x .lh-map {
    float: left;
    width: 50%;
    float: left;
    margin-top: 0;
}

#baiduMap {
    width: 100%;
    height: 100%;
}

.lh-contact-item {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 50px;
}

.lh-contact-item li {
    float: none;
    line-height: 100px;
    font-size: 16px;
    margin: 0;
    color: #fff;
}

.lh-style-pagination {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

.lh-style-pagination span {
    margin: 0 5px;
}

.lh-style-pagination span.swiper-pagination-bullet-active {
    background: #C9161F;
}

@media screen and (max-width: 1600px) {
    .lh-footer-c {
        margin-left: 0vw;
    }
    .lh-copy {
        margin-top: 0px;
    }
    .lh-container {
        padding-top: 0;
    }
    .lh-news-btn{
    	margin-top: 120px;
    }
}

@media screen and (max-width: 1440px) {
    /* .lh-footer-c {
        display: none;
    } */
    .lh-service-item li .text .cont {
        width: 100%;
    }
    .lh-news-btn{
    	margin-top: 100px;
    }
}

@media screen and (max-width: 1366px) {
    .nav .lh-nav-aside {
        width: 60%;
    }
    .nav .lh-banner {
        transform: translateX(60%);
    }
    .lh-news .container {
        width: 100%;
    }
    .container {
        width: 100%;
    }
    .lh-news {
        padding: 50px 10px;
    }
    .lh-execut,
    .lh-execut-other {
        padding: 50px 10px;
    }
    .lh-news-btn{
    	margin-top: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .lh-profile {
        padding: 50px 10px;
    }
    .lh-contact-item li:last-child {
        margin: 20px 0 0 0;
    }
    .lh-execut-l {
        width: 60%;
    }
}

@media screen and (max-width: 1024px) {
    .lh-footer-c {
        padding:45px 8.89vw; !important;
    }
    .lh-footer-c {
        display: none;
    }

    .nav .lh-nav-aside {
        width: 80%;
    }
    .nav .lh-banner {
        transform: translateX(80%);
    }
    .lh-group {
        padding-left: 10px;
    }
    .lh-speech-text,
    .lh-speech-r .img {
        width: 450px;
        height: 395px;
        margin-top: -197px;
    }
    .lh-speech-text {
        padding: 30px;
    }
    .lh-service-hd li h3 {
        font-size: 32px;
        line-height: 18px;
        margin-top: 10px;
    }
    .lh-service-hd li h4:after {
        bottom: -20px;
    }
    .lh-service-hd li h5 {
        margin-top: 30%;
    }
    .lh-serviceRes-l {
        width: 100%;
    }
    .lh-serviceRes-r {
        display: none;
    }
    .lh-serviceRes {
        padding: 30px 10px;
    }
    .lh-serviceRes-b {
        margin-top: 30px;
    }
}

a:hover {
    text-decoration: none !important;
}

.lh-group-text P {
    margin-bottom: 80px;
    font-size: 16px;
}

@media screen and (max-width: 1920px) {
    .lh-header-r{
        width: 56%;
    }
    .lh-nav li a{
        font-size: 18px;
    }
.lh-group-text P {
    margin-bottom: 80px;
    font-size: 18px;
}
.swiper-slide .p3_txt{
    font-size: 18px;
}
.swiper-slide.swiper-slide-active .p3_txt{
    font-size: 20px;
}
.lh-footer-l dl dt a{
    font-size: 18px;
}
.lh-footer-l dl dd a{
	  display: inline-block;
	  position: relative;
    font-size: 16px;
}
.lh-footer-l dl dd a:before{
	  content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #ef7c0d;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.lh-footer-l dl dd a:hover:before{
	width: 100%;
}
.lh-footer-c h2{
    font-size: 18px;
}
.lh-footer-c ul li{
    font-size: 16px;
}
.lh-footer-c ul li span{
    font-size: 16px;
}
.lh-copy{  
    font-size: 14px;
	text-align: right;
}
.counter{
    font-size: 70px !important;
}
}
@media screen and (max-width: 1800px) {
	.lh-header-r{
        width: 56%;
    }
}
@media screen and (max-width: 1440px) {
        .lh-header-r{
        width: 59%;
    }
    .lh-nav li a{
        font-size: 18px;
    }
.lh-group-text P {
    margin-bottom: 80px;
    font-size: 16px;
}
.swiper-slide .p3_txt{
    font-size: 18px;
}
.swiper-slide.swiper-slide-active .p3_txt{
    font-size: 20px;
}
.lh-footer-l dl dt a{
    font-size: 18px;
}
.lh-footer-l dl dd a{
    font-size: 16px;
}
.lh-footer-c h2{
    font-size: 18px;
}
.lh-footer-c ul li{
    font-size: 16px;
}
.lh-footer-c ul li span{
    font-size: 16px;
}
.counter{
    font-size: 70px !important;
}
.p2_con{
	width: calc(100% - 148px);
	margin-left: 74px;
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative;
}
.p3_swiper{
	width: 30%;
	position: absolute;
	left: 100px;
	bottom: 16%;
	z-index: 100;
	height: 120px;
	padding-left: 30px;
}
}
@media screen and (max-width: 1280px) {
     .lh-header-r{
        width: 56%;
    }
    .lh-nav li a{
        font-size: 16px;
    }
.lh-group-text P {
    margin-bottom: 80px;
    font-size: 14px;
}
.swiper-slide .p3_txt{
    font-size: 16px;
}
.swiper-slide.swiper-slide-active .p3_txt{
    font-size: 18px;
}
.lh-footer-l dl dt a{
    font-size: 16px;
}
.lh-footer-l dl dd a{
    font-size: 14px;
}
.lh-footer-c h2{
    font-size: 16px;
}
.lh-footer-c ul li{
    font-size: 14px;
}
.lh-footer-c ul li span{
    font-size: 14px;
}
.counter{
    font-size: 70px !important;
}
.p2_con{
	width: calc(100% - 148px);
	margin-left: 74px;
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative;
}
.p3_swiper{
	width: 30%;
	position: absolute;
	left: 100px;
	bottom: 17%;
	z-index: 100;
	height: 120px;
	padding-left: 30px;
}
}
@media screen and (max-width: 1080px) {
.lh-header-r{
        width: 63%;
    }
    .swiper-slide .p3_txt{
    font-size: 14px;
}
.swiper-slide.swiper-slide-active .p3_txt{
    font-size: 16px;
}
.counter{
    font-size: 70px !important;
}
 .lh-banner{
        height: 100vh;
    }
}
@media screen and (max-width: 992px) {
     
    .lh-nav li a{
        font-size: 16px;
    }
    .lh-nav li a::before {
        content: '';
        display: none;
    }
    .lh-nav-aside {
        display: none;
    }
    .lh-logo {
        left: 10px;
        width: 127px;
    }
    .lh-mobile-nav-btn {
        display: block;
        text-align: center;
    }
    .lh-header {
        height: 50px;
        background: #111;
    }
    .lh-header-r {
        width: 50%;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        background: #111;
        padding-top: 60px;
        transform: translateX(100%);
        transition: ease .65s;
    }
    .lh-nav {
        width: 100%;
        float: none;
    }
    .lh-nav li {
        float: none;
        width: 100%;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #ffffff1a;
    }
    .lh-nav li a {
        display: block;
    }
    .lh-search {
        width: 100%;
        bottom: 20px;
    }
    .lh-search input {
        padding: 0 10px;
    }
    .lh-search-btn {
        position: absolute;
        right: 10px;
        bottom: 30px;
    }
    .mobNav .lh-header-r {
        transform: translateX(0);
    }
    .banner-text h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .banner-text h3 {
        font-size: 20px;
    }
    .banner-text h4 {
        margin-top: 20px;
    }
    .banner-text {
        left: 20px;
        padding-top: 26vh;
    }
    .banner-text a {
        position: relative;
        top: 50px;
    }
    .swiper-hd {
        bottom: 10px !important;
        right: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    .lh-group {
        width: 100%;
    }
    .lh-group-culture .container {
        padding: 30px 20px;
        width: 100%;
        float: none;
    }
    .lh-group-culture {
        height: auto;
        margin-top: 0;
    }
    .lh-culture {
        position: relative;
        width: 100%;
        padding: 0px;
        background-attachment: initial;
        background: none;
    }
    .counter{
        font-size: 40px !important;
    }
    .lh-group-text h4,
    .lh-culture h4 {
        margin: 40px 0;
    }
    .lh-speech {
        height: auto;
    }
    .lh-speech-l,
    .lh-speech-r {
        width: 100%;
    }
    .lh-speech-text,
    .lh-speech-r .img {
        position: relative;
        top: 0;
        margin-top: 0;
    }
    .lh-speech-text,
    .lh-speech-r .img {
        width: 100%;
        height: auto;
    }
    .lh-speech-text h5 {
        margin: 20px 0;
    }
    .lh-speech-text {
        padding: 30px 10px;
    }
    .lh-service-banner ,.lh_service_banner{
        display: none;
    }
    .lh-businesMob {
        display: block;
        padding: 0;
    }
    .lh-businesMob-a {
        margin-top: 20px;
        position: relative;
    }
    .lh-businesMob-b {
        position: relative;
    }
    .lh-businesMob-b .text {
        position: absolute;
        left: 0;
        top: 13%;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .lh-businesMob-b .text h2 {
        font-size: 16px;
        font-weight: bold;
    }
    .lh-businesMob-b .text h3 {
        margin-top: 14px;
    }
    .lh-businesMob-swiper {
        width: 60%;
        position: relative;
        z-index: 2;
        overflow: hidden;
        float: left;
    }
    .lh-businesMob-swiper:before {
        content: '';
        display: block;
        width: 0px;
        height: 100%;
        background: #dbdbdb;
        position: absolute;
        left: 50%;
        top: 0;
    }
    .lh-businesMob-swiper .swiper-slide {
        text-align: center;
        transition: ease .65s;
    }
    .lh-businesMob-swiper .swiper-slide.on {
        color: #FFB922;
    }
    .lh-businesMob-swiper .swiper-slide i {
        font-size: 24px;
    }
    .lh-businesMob-swiper .swiper-slide h2 {
        font-size: 14px;
        margin: 0;
    }
    .lh-businesMob-d {
        position: relative;
        width: 80%;
        position: absolute;
        left: 10%;
        bottom: -35px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        background: #fff;
        height: 70px;
        padding: 10px 0;
    }
    .lh-businesMob-d .prev {
        width: 20%;
        height: 40px;
        text-align: center;
        line-height: 50px;
        background: #fff;
        float: left;
        outline:none;
    }
    .lh-businesMob-d .next {
        width: 20%;
        height: 40px;
        text-align: center;
        line-height: 50px;
        background: #fff;
        float: right;
        outline:none;
    }
    .lh-businesMob .lh-case-h {
        padding: 0 10px;
    }
    .lh-businesMob-item li {
        width: 33.3%;
        float: left;
        text-align: center;
        margin-top: 15px;
    }
    .lh-businesMob-item li i {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        text-align: center;
        line-height: 48px;
        background: #FFB922;
        color: #fff;
        margin: auto;
        font-size: 24px;
    }
    .lh-businesMob-item li:nth-child(1) i {
        background: #253980;
    }
    .lh-businesMob-item li:nth-child(2) i {
        background: #FFB922;
    }
    .lh-businesMob-item li:nth-child(3) i {
        background: #D09B3F;
    }
    .lh-businesMob-item li:nth-child(4) i {
        background: #F23828;
    }
    .lh-businesMob-item li:nth-child(5) i {
        background: #94C11E;
    }
    .lh-businesMob-item li:nth-child(6) i {
        background: #3479BC;
    }
    .lh-businesMob-item li h2 {
        font-size: 14px;
        margin-top: 5px;
    }
    .lh-businesMob-t {
        padding: 10px 10px 0;
    }
    .lh-businesMob-t h2 {
        font-size: 24px;
        font-family: 'Century Gothic Regular';
        line-height: 24px;
    }
    .lh-businesMob-t h2 span {
        color: #ffb922;
        font-size: 30px;
    }
    .lh-businesMob-t h3 {
        font-weight: bold;
        font-size: 16px;
        padding-left: 20px;
        text-align: center;
    }
    .lh-service {
        padding: 30px 10px 75px;
    }
    .lh-group-text P {
        margin-bottom: 20px;
    }
    .lh-news-l {
        width: 100%;
        padding: 0 10px;
    }
    .lh-news-a h2 {
        font-size: 24px;
    }
    .lh-news-a h2 span {
        font-size: 30px;
    }
    .lh-news-a h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 5px 0 30px;
    }
    .lh-news-a h3:before {
        height: 30px;
        margin-top: -15px;
    }
    .lh-news-a h3:after {
        height: 2px;
        bottom: -15px;
    }
    .lh-news-nav {
        display: flex;
    }
    .lh-news-nav li {
        flex: 1;
        text-align: center;
        margin: 0;
    }
    .lh-news {
        padding: 50px 0 30px;
    }
    .lh-news .lh-public-h {
        padding-left: 10px;
    }
    .lh-news-hd {
        padding-left: 10px;
    }
    .lh-news-one .text {
        padding: 10px 10px 20px;
    }
    .lh-news-one .title {
        font-size: 16px;
        padding: 10px 0 20px;
    }
    .lh-news-one .title:after {
        bottom: 10px;
        height: 2px;
    }
    .lh-news-one .res {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }
    .lh-news-one .lh-more {
        display: none;
    }
    .lh-news-r {
        width: 100%;
        padding: 0 10px;
        margin-top: 10px;
    }
    .lh-news-two .text {
        padding: 10px 10px 20px;
    }
    .lh-news-two .title,
    .lh-news-three .title {
        font-size: 16px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }
    .lh-news-three {
        margin-top: 10px;
    }
    .lh-news-three a {
        padding: 20px;
    }
    .lh-footer {
        padding: 20px 20px;
    }
    .lh-link {
        font-size: 14px;
    }
    .lh-link a {
        font-size: 14px;
    }
    .lh-link div {
        width: 80%;
    }

    .lh-footer-a {
        margin-top: 20px;
    }
    .lh-footer .container{
        width: 100%;
    }
    .lh-footer-l {
        display: none;
    }
    .lh-footer-c {
        display: block;
        width: 100%;
        margin: 0;
        padding: 20px 0vw;
        text-align: left;
    }
    .lh-footer-c h2 {
        margin-bottom: 14px;
    }
    .lh-footer-c ul {
        margin-top: 0;
        font-size: 14px;
    }
    .lh-footer-r {
        width: 100%;
        margin-top: 20px;
    }
    .lh-footer-ewm {
        width: 96px;
    }
    .lh-footer-ewm h2 {
        font-size: 14px;
        text-align: center;
        width: 100%;
        margin-right: 0;
        padding-top: 15px;
        line-height: 18px;
    }
    .lh-footer-d {
        width: 100%;
        margin-top: 20px;
    }
    .lh-footer-d select {
        width: 100%;
        right: 0;
    }
    .lh-footer-d a {
        z-index: 3;
    }
    .lh-copy {
        margin: 30px 0;
        font-size: 14px;
        line-height: 18px;
		text-align: center;
    }
    .lh-copy a {
        font-size: 14px;
    }
    .lh-nav-other {
        line-height: 50px;
        height: 50px;
        background: #fff;
        overflow: hidden;
        min-width: 100vw;
    }
    .lh-nav-other li {
        padding: 0 14px;
    }
    .lh-nav-other li a {
        font-size: 16px;
    }
    .lh-service-item li {
        height: auto;
    }
    .lh-service-item li .img {
        width: 100%;
        height: 180px;
        float: none;
    }
    .lh-service-item li .text {
        width: 100%;
        height: auto;
        float: none;
    }
    .lh-service-item li .text .cont {
        padding: 20px 10px;
        position: relative;
    }
    .lh-service-item li .text h4 {
        margin: 30px 0;
    }
    .lh-service-item li:nth-child(2n) .img {
        float: none;
    }
    .lh-serviceRes-item li .img {
        width: 100%;
        float: none;
        height: auto;
    }
    .lh-serviceRes-item li .text {
        width: 100%;
        padding: 20px 10px;
    }
    .lh-serviceRes-item li .text h2 {
        font-size: 16px;
        height: 18px;
        line-height: 18px;
    }
    .lh-serviceRes-item li .text h3 {
        margin: 20px 0 10px;
        height: auto;
    }
    .lh-profile {
        padding: 30px 10px;
    }
    .lh-profile-r {
        width: 100%;
        margin-top: 30px;
    }
    .lh-company-a {
        padding: 30px 10px;
    }
    .lh-company-a .left {
        width: 100%;
    }
    .lh-company-a h4 {
        margin: 30px 0 0 0;
        font-size: 16px;
    }
    .lh-company-item li {
        flex: none;
        width: 50%;
    }
    .lh-company-item li .lh-public-h h2 {
        font-size: 24px;
        line-height: 18px;
    }
    .lh-company-item li .lh-public-h h3 {
        font-size: 16px;
    }
    .lh-company-item li .lh-public-h h4 {
        margin-top: 20px;
        opacity: 1;
        font-size: 14px;
        padding: 0 5px;
    }
    .lh-company-item li .lh-public-h h3:after {
        bottom: -4px;
    }
    .lh-company-item li .lh-public-h {
        padding-top: 20px;
    }
    .lh-company-item li a:hover .lh-public-h {
        transform: translateY(0);
    }
    .lh-memor-bd li .text,
    .lh-memor-bd li .img {
        width: 100%;
        float: none;
        height: auto;
    }
    .lh-memor-bd li .img {
        margin-top: 20px;
    }
    .lh-memor-bd li .text h5 {
        min-height: inherit;
        margin-top: 20px;
    }
    .lh-memor-hd {
        width: 100%;
        position: absolute;
        top: 110px;
    }
    .lh-memor-hd li {
        height: 40px;
        font-size: 14px;
        text-align: center;
        width: 16.6%;
        padding: 0;
    }
    .lh-memor-hd li h2 {
        width: 100%;
    }
    .lh-memor-hd li.on h2,
    .lh-memor-hd li:hover h2 {
        transform: translateY(-10px);
    }
    .lh-president .img {
        width: 100%;
        height: auto;
        float: none;
    }
    .lh-president {
        padding: 30px 0;
    }
    .lh-president .text {
        width: 100%;
        position: relative;
        top: 0;
        height: auto;
        padding: 20px 10px;
    }
    .lh-president .text .cont {
        font-size: 14px;
        line-height: 18px;
        overflow: inherit;
        height: auto;
    }
    .lh-video {
        height: 300px;
    }
    .la-vision .img {
        width: 100%;
        margin: 0;
    }
    .la-vision .text {
        float: left;
        width: 100%;
        padding: 20px 10px;
    }
    .la-vision-a {
        margin-top: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .la-vision-a h2 {
        font-size: 18px;
    }
    .la-welfare-item li {
        margin-top: 10px;
    }
    .la-welfare-item li .text {
        width: 100%;
        padding: 20px 10px;
    }
    .la-welfare-item li .time {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .la-welfare-item li .text .img img {
        width: 100%;
        margin: 0;
    }
    .la-welfare-item li .text h2 {
        font-size: 16px;
        height: 18px;
        line-height: 18px;
    }
    .la-welfare-item li .text h3 {
        margin: 20px 0;
    }
    .la-welfare-item li .time {
        width: 100px;
        height: 100px;
        padding: 10px 0;
        font-size: 16px;
    }
    .la-welfare-item li .time h2 {
        font-size: 32px;
        padding-left: 10px;
    }
    .la-news li {
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
    .la-news {
        margin: 0;
    }
    .lh-news-x,
    .lh-news-v {
        width: 100%;
    }
    .lh-news-x .lh-news-one .text {
        padding: 20px 10px;
    }
    .lh-news-v,
    .lh-news-v .lh-news-two:nth-child(2) {
        margin-top: 10px;
    }
    .lh-ban {
        height: 375px;
        background-size: cover;
        background-attachment: inherit;
    }
    .lh-ban .banner-text {
        left: 10px;
        padding-top: 34%;
        height: auto;
    }
    .lh-newsRes-h1 {
        font-size: 18px;
    }
    .lh-newsRes-h2 {
        font-size: 16px;
    }
    .lh-newsRes-main {
        margin: 20px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .lh-caseRes-a {
        margin-top: 30px;
    }
    .lh-caseRes-page {
        width: 100%;
    }
    .lh-caseRes-page li a {
        font-size: 16px;
    }
    .lh-return {
        width: 100%;
        height: 45px;
        line-height: 45px;
        margin-top: 20px;
    }
    .lh-recruit-item li {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .lh-recruit-item {
        margin-left: 0;
    }
    .lh-recruit {
        padding: 15px;
    }
    .lh-recruit-h {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .lh-recruit-h i {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .lh-recruit-item li>div {
        height: 145px;
    }
    .lh-recruit {
        max-height: 450px;
    }
    .lh-style-a .left,
    .lh-style-a .right {
        width: 100%;
    }
    .lh-style-a .right {
        margin-top: 20px;
    }
    .lh-style-banner {
        margin-top: 30px;
    }
    .lh-style-bd li {
        width: 100% !important;
        margin: 0;
        height: 359px;
    }
    .lh-style-bd {
        margin-left: 0;
    }
    .img-a1 {
        width: 100%;
        height: 238px;
    }
    .img-a2,
    .img-text {
        width: 49.5%;
        height: 118px;
    }
    .img-text {
        padding: 25px 0 0 20px;
    }
    .lh-pap {
        height: 210px;
        background-size: cover;
    }
    .lh-pap .text h3 {
        font-size: 16px;
    }
    .lh-map {
        height: 230px;
    }
    .lh-contact-a h2 {
        width: 100%;
    }
    .lh-contact-a .right {
        width: 100%;
        margin-top: 20px;
    }
    .lh-contact-item li {
        width: 100%;
        margin-left: 0;
        font-size: 14px;
        line-height: 30px;
    }
    .lh-contact-a {
        padding-bottom: 30px;
        margin-bottom: 10px;
    }
    #OtherNav {
        height: 50px;
        width: 100%;
        overflow: hidden;
    }
    .lh-execut-r,
    .lh-execut-l {
        width: 100%;
        float: none;
    }
    .lh-execut-r {
        margin-top: 0;
    }
    .lh-execut {
        padding: 30px 10px;
    }
    .lh-execut-l {
        margin-top: 30px;
    }
    .lh-execut-a h2 {
        font-size: 48px;
        line-height: 24px;
    }
    .lh-execut-a h3 {
        margin-top: 0;
    }
    .lh-execut-a .cont,
    .lh-execut-b,
    .lh-execut-b .cont {
        margin-top: 20px;
    }
    .lh-execut-other {
        padding: 30px 10px;
    }
    .lh-execut-item li .img {
        width: 100%;
        float: none;
    }
    .lh-execut-item li .text {
        padding: 20px 10px;
    }
    .lh-execut-item li h3 {
        margin: 10px 0 20px;
        line-height: 24px;
    }
    .lh-execut-item li h3:after {
        bottom: -10px;
    }
    .lh-execut-item li .cont {
        font-size: 16px;
        font-weight: normal;
    }
    .lh-pexecutives {
        padding: 30px 0 0;
    }
    .lh-pexecutives-item li {
        width: 50%;
    }
    .lh-pexecutives.honor {
        padding: 30px 0 240px;
        background-size: 375px 269px !important;
    }
    .lh-memorabilia {
        height: auto;
        background-attachment: inherit !important;
        padding: 30px 10px;
    }
    .lh-memor-bd li .text h4 {
        margin-top: 80px;
    }
    .lh-style-pagination {
        margin-top: 4px;
    }
    .img-a2 {
        overflow: hidden;
    }
    .img-a2 img {
        height: 118px;
    }
    .lh-contact-x .lh-map,
    .lh-contact-item {
        width: 100%;
        float: none;
    }
    .lh-contact-item {
        position: relative;
        top: 0;
        transform: translateY(0);
        padding: 10px 5px;
    }
    .lh-contact-item li h2 {
        width: 90%;
    }
    .lh-contact-item li:last-child {
        margin: 0;
    }
    .lh-public-h h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0;
        margin-top: 10px;
    }
    .lh-public-h h2 {
        margin: 0;
    }
    .lh-public-h h3:after {
        content: '';
        display: block;
        width: 18px;
        height: 4px;
        bottom: -5px;
    }
    .lh-public-h.white {
        position: absolute;
        top: 30px;
        left: 10px;
    }
    .lh-culture h4 {
        position: absolute;
        margin: 0;
        top: 40%;
        padding: 0 10px;
        line-height: 1.42857143;
    }
    .lh-more.white {
        border-color: #fff;
        color: #fff;
        position: absolute;
        top: 70%;
        left: 10px;
    }
    .lh-culture>img {
        height: 16rem;
    }
    .lh-service .lh-public-h h4 {
        line-height: 1.42857143;
    }
    .alzx_swiper{
        height: 300px;
    }
    .alzx_swiper .swiper-slide{
        width: 100%;
    }
    .alzx_video, .alzx_inner{
        height: 300px;
    }
    .alzx_inner img{
        width: 100%;
        height: 100%;
    }
    .lh_public_h h3{
        font-size: 24px;
        line-height: 1;
    }

    .p2_swiper{
        height: 350px;
    }
     .lh-banner{
        height: 100vh;
    }
}
@media screen and (max-width: 770px) {
     .lh-banner{
        height: 100vh;
    }
    .lh-banner .swiper-slide{
        background-size: 100% 100%;
    }
    .p2_swiper{
        height: 420px;
    }
    .alzx_swiper{
        height: 364px;
    }
    .alzx_swiper .swiper-slide{
        width: 100%;
    }
    .alzx_video, .alzx_inner{
        height: 364px;
    }
    .alzx_inner img{
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 416px) {
     .lh-banner{
        height: 600px;
    }
    .p2_swiper{
        height: 250px;
    }
    .alzx_swiper{
        height: 200px;
    }
    .alzx_swiper .swiper-slide{
        width: 100%;
    }
    .alzx_video, .alzx_inner{
        height: 200px;
    }
    .alzx_inner img{
        width: 100%;
        height: 100%;
    }
    .lh-copy{
        font-size: 12px;
		text-align: center;
    }
    .lh-copy a{
        font-size: 12px;
    }
    .lh-banner{
        height: 600px;
    }
}

@media screen and (max-width: 320px) {}
.proNav{
    display: none;
    position: fixed;
    left: 10%;
    top: 100px;
    width: 80%;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 30px;
    -moz-box-shadow:0px 1px 10px rgb(0,0,0,0.5);
     -webkit-box-shadow:0px 1px 10px rgb(0,0,0,0.5); 
     box-shadow:0px 1px 10px rgb(0,0,0,0.5);
}
.proNav ul li{
    margin-top: 40px;
    width: 20%;
    height: 130PX;
    float: left;
    text-align: center;
}
.proNav ul li img{
    width: 100PX;
    display: inline;
}
.proNav ul li a p{
    font-size: 18px;
    color: #222;
}
.proNav ul li a:hover p{
    color: #EF7C0F;
}
@media  (min-width: 992px) {
   .lh-logo img{
    width: 80%;
  }
    .lh-nav li a{
        ont-size: 14px;
        margin-right: 1vw;
    }
  
    .phone_num p{
    font-size: 16px;
     line-height: 30px;
}
    /*.proNav {
    display: none;
    position: absolute;
    left: -205px;
    top: 70px;
    width: 825px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 0px;
}*/
.phone_num{
	right: 75px;
}
	.yuyan a{
	font-size: 14px;
}
    
}
@media  (min-width: 1200px) {
   .lh-logo img{
    width: 80%;
  }
    .phone_num p{
    font-size: 19px;
     line-height: 30px;
}
    .lh-nav li a{
        font-size: 16px;
        margin-right: 1vw;
    }
    /*.proNav{
    display: none;
    position: absolute;
    left: -340px;
    top: 70px;
    width: 1025px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 0px;
}
    */
   .phone_num{
	right: 80px;
}
	.yuyan a{
	font-size: 16px;
}
    
}
@media  (min-width: 1400px) {
   .lh-logo img{
    width: 100%;
  }
    
.phone_num p{
    font-size: 20px;
     line-height: 30px;
}
    /*.proNav{
    display: none;
    position: absolute;
    left: -315px;
    top: 70px;
    width: 1155px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 0px;
}*/
.lh-nav li a{
        font-size: 18px;
        margin-right: 2vw;
    }
    .phone_num{
	right: 90px;
}
	.yuyan a{
	font-size: 18px;
}
}
@media  (min-width: 1600px) {
  .lh-logo img{
    width: 80%;
  }
.phone_num p{
    font-size: 20px;
    line-height: 30px;
}
    /*.proNav{
    display: none;
    position: absolute;
    left: -480px;
    top: 70px;
    width: 1540px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 0px;
}*/
.lh-nav li a{
        font-size: 18px;
        margin-right: 2vw;
    }
    .phone_num{
	right: 100px;
}
	.yuyan a{
	font-size: 18px;
}
}