@charset "utf-8";
.main {
overflow-x: hidden;
min-width: 600px;
background: #1e1e1e;
}
.banner_container {
position: relative;
width: 100%;
height: 9.23rem;
}

.banner {
position: relative;
width: 100vw;
height: 100%;
overflow: hidden;
}

.banner::before {
content: "";
position: absolute;
bottom: 0;
height: 1rem;
width: 100%;
background-image: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );
z-index: 9;
}

.banner-item {
position: absolute;
width: 100%;
height: 100%;
flex-shrink: 0;
opacity: 0;
transition: transform 3s, opacity 0.2s;
}

.banner-item > * {
height: 100%;
width: 100%;
}

.banner-item.active {
opacity: 1;
z-index: 10;
}
.arrow {
width: 0.54rem;
height: 0.54rem;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.15);
background-size: contain;
cursor: pointer;
opacity: 0.5;
}
.arrow:hover{opacity:1;}
.arrow--small {
width: 0.36rem;
height: 0.36rem;
}

.arrow-l {
background-image: url("http://cdn.hgylift.com/img/arrow-l.png");
}

.arrow-r {
background-image: url("http://cdn.hgylift.com/img/arrow-r.png");
}

.arrow--center-left {
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}

.arrow--center-right {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
@keyframes enlarge {
0% {
transform: scale(1);
}

100% {
transform: scale(1.1);
}
}
.animation-enlarge {
animation: enlarge 3s;
animation-fill-mode: forwards;
}
.justify-center {
justify-content: center;
}

.flex {
display: flex;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}

.comnumboxbg { 
}
.comnumbox {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(http://cdn.hgylift.com/img/toum.png) left center repeat;
padding: 0.4rem 0;
z-index: 24;
}
.comnums {
color: #fff;
max-width: 1200px;
margin: 0 auto;
}

.comn1 {
width: 17%;
}

.nump {
}

.numb {
font-size: 0.6rem;
}

.numut {
font-size: 12px;
padding-left: 5px;
}

.numt {
font-size: 15px;
padding: 5px 0 0 10px;
}

.comn2 {
width: 23%;
}


.comn3 {
width: 20%;
}

.comn4 {
width: 25%;
}

.comn5 {
width: 15%;
}
.about {
padding: 50px 0 40px;
background: #F3F3F3;
}

.aboutcon {
max-width: 1200px;
height: 540px;
margin: 0 auto;
position: relative;
z-index: 2;
}

.aboutt {
width: 415px;
font-size: 17px;
line-height: 30px;
color: #333;
padding-top: 50px;
}

.aboutt h1 {
font-size: 35px;
color: #000;
display: block;
padding: 30px 0;
height: 40px;
font-weight: 500;
line-height: 40px;
}

.aboutt p {
text-indent: 33px;
}
.aboutr {
margin-left: 425px;
position: relative;
z-index: 12;
}
.aboutbt {
position: absolute;
height: 70px;
background: #05336F; 
bottom: 0;
left: 0;
z-index: 1;
right: 31px;
}
.probox {
background: #E1DED6 url(http://cdn.hgylift.com/img/idx_probg.png) center center no-repeat;
padding: 30px 0 50px;
background-size: 100% 100%;
}

.procon {
max-width: 1200px;
margin: 0 auto; 
}

.procon h2 {
color: #05336F;
font-size: 35px;
font-weight: 500;
}

.proen {
color: #808080;
letter-spacing: 1px;
}

.proinfo {
padding: 40px 0 20px;
position: relative;
z-index: 1;
}

.proimg {
width: 50%;
overflow: hidden;
}
.proimg img{display:block;max-height:560px}

.protext {
width: 45%;
border-top: solid 1px #B1B1B1;
border-bottom: solid 1px #B1B1B1;
overflow: hidden;
position: absolute;
top: 40px;
right: 0;
bottom: 20px;
padding: 100px 0;
line-height: 40px;
}

.protext h3 {
color: #05326c;
font-size: 20px;
padding-bottom: 20px;
display: block;
overflow: hidden;
height: 35px;
line-height: 35px;
white-space: nowrap;
text-overflow: ellipsis;
}

.protext p {
font-size: 17px;
padding-right: 31%; 
max-height: 280px;
text-align: justify;
overflow: hidden;
}

.pronav {
background: #05336F;
}

.pronav li {
float: left;
width: 23%;
padding: 10px 1%;
}

.pronav li a {
display: block;
font-size: 14px;
color: #fff;
text-align: center;
padding: 10px;
font-weight: 700;
height: 22px;
line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.pronav li a.currpro {
background: #D5A235;
}
.anlibox {
background: #1C2734;
padding: 30px 0 50px;
}

.anlicon {
max-width: 1200px;
margin: 0 auto;
}

.anlicon h2 {
color: #fff;
font-size: 35px;
font-weight: 500;
}

.anlien {
color: #808080;
padding: 2px 0 10px 0;
letter-spacing: 1px;
}

.amlis {margin:0 -10px;
}
.amlis li {
float: left;
width: 50%;
}
.amlis li a {
display: block;
overflow: hidden;
border-radius: 3px;
margin: 10px;
position: relative;
z-index: 1;
}
.amlis li a img {
display: block;
max-height: 333px;
width: 100%;
border: solid 1px #737a84;
}
.amlis li a strong {
overflow: hidden;
height: 22px;
line-height: 22px;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
border-radius: 4px;
bottom: 10px;
font-weight: 400;
color: #fff;
font-size: 16px;
left: 20%;
right: 20%;
text-align: center;
padding: 10px;
background: url(http://cdn.hgylift.com/img/topnavbg.png) left top repeat;
display: block;
}
.svbox {
background: #E1DED6 url(http://cdn.hgylift.com/img/svbg.png) center center no-repeat;
padding: 50px 0;
background-size: 100% 100%;
}

.svcon {
max-width: 1200px;
margin: 0 auto;
}

.svcon h2 {
color: #000;
font-size: 35px;
font-weight: 500;
text-align: center;
}
.sven {
color: #666;
letter-spacing: 1px;
padding: 2px 0 10px 0;
text-align: center;
}
.svinfo {margin:0 -10px;overflow:hidden;
}

.svi {
float: left;
width: 28%;
margin-left: 3%;
margin-right: 2%;
}
.svd {
padding:50px;}

.svi img {
display: block;
margin-bottom: 15px;
border-radius: 3px;
}

.svi p {
color: #222;
background: url(http://cdn.hgylift.com/img/dot.png) left center no-repeat;
font-size: 16px;
padding-left: 16px;
margin-top: 6px;
}
.idxvideo {
height: 446px;
padding-top: 110px;
}
.svdm{overflow:hidden;}
.pro_act {padding:10px 0;
}
a.pro_btn1, a.pro_btn2 {
display: block;
height: 20px;
line-height: 20px;
background: #d5a235;
color: #fff;
border-radius: 5px;
border: solid 1px #b98820;
width: 100px;
text-align: center;
float: left;
padding: 7px 0;
margin-top: 10px;
font-size: 15px;
}
a.pro_btn2 {
margin-left: 70px;
}
a.pro_btn1:hover, a.pro_btn2:hover {
background: #f5b62e;
border: solid 1px #ffb61b;
}