@charset "utf-8";
body{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:900px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}

#top .lfet-right{
    width: 30%;
    float: right;
    padding: 25px 160px;
}
#top .lfet {
    height: 150px;
    background: url(../img/top-bj.jpg) center no-repeat;
}
.top-mobile {
    display: inline-block;
    width: 100%;  
    line-height: 50px;
    font-size: 18px;
    color: #000;
    text-align: right ;
}
.top-mobile .p1{
    display: inline-block;
    text-align: left ;
    padding-right: 10px;
}

.top-mobile img{
 vertical-align: middle;
    float: right;
    height: 100px;
}

#top .nav{
    height: 59px;
    background: url(../img/nav.png) top center repeat-x;

}
#top .nav .width a{
    display: inline-block;
    width:calc(96% / 8 );
    color: #fff;
    line-height: 59px;
    text-align: center;
    
}
#top .nav .width a:hover{
    background-color: rgba(255,255,255,0.2);
}

#guarantee .width img{
    width: 100%;

}
/* #about .width .div{display: inline-block;} */
#about .ab-left{
    display: inline-block;
    width: 707px;
}
#about .ab-right{
    float: right;
    width: 40%;
    padding: 137px 0;
}
#about .ab-right h3{
    color: rgb(254, 181, 0);
    font-size: 38px;
}
#about .bomei img{width: 100%;}
#about .bomei a{
    display: block;
    text-decoration: none;
    color: #444;
    width: 270px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    text-align: center;
    border: 1px #444 solid;
    border-radius: 60px;
    font-size: 20px;
    margin-top: 20px;
}
#about .bomei a:hover{
    background-color: rgb(254, 181, 0);
    border: 1px rgb(254, 181, 0) solid;

}
.ab-text{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;

-webkit-line-clamp: 14;

overflow: hidden;
    line-height: 180%;
    color: rgb(254,181,0);
    font-size: 24px;
}
.ab-text1{font-size:17px;    line-height: 190%;}
#anli{    padding: 40px 0;}
.qjwx{position: fixed;
top: 30%;
right: 10px;
width: 120px;
z-index: 10;}
#anli .anlizs{
    display:inline-block;
    width: calc(98% / 4);
    height: 250px;
}
#anli .anlizs img{
    width:100%;
    height:100%;
}
#gclc{padding-top: 10px;}

#foot{position: relative;}
#foot .foot-lx{
    position: absolute;
    top: 27%;
    left: 24%;
    color: #fff;
    line-height: 40px;
    font-size: 18px;
}
#foot .wximg{
    position: absolute;
    top: 22%;
    right: 24%;
    width: 95px;
    
}


#foot_nav{ display:none;}

@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:480px;}
.width{ width:98%;}
#about .ab-left { width: 540px;}
#about .ab-right {padding: 15px 15px;}
#anli .anlizs {height: 180px;}
#foot .foot-lx {top: 6%;}
#top .lfet{background: url(../img/top1.jpg) center no-repeat;background-position:-318px;}
.top-mobile img{display: none;}
#foot .wximg {width: 50px;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 4); text-align:center; height:50px; line-height:50px; background:#31b015; color:#fff; float:left;}
}