﻿/*index*/
#fp-nav.right{display: none;}
/*第一屏*/
.ind-row1{
    height: 100%;
    background: url(../images/lm-pic01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.add-more{
    position: absolute;z-index: 9;left: 50%;bottom: 30px;margin-left: -30px;
    cursor: pointer;
    width: 60px;height: 60px;text-align: center;
}
.add-more a{display: block;height: 100%;}
.add-more em{
    position: absolute;left: 0;top: 0;width: 60px;height: 21px;
    background: url(../images/lm-pic02.png) no-repeat 0 0;

}
.add-more .arr-1{
    animation: ind-arr 1s linear 0 infinite;
    -moz-animation: ind-arr 1s linear 0 infinite;
    -webkit-animation: ind-arr 1s linear 0 infinite;
    -o-animation: ind-arr 1s linear 0 infinite;
}
.add-more .arr-2{
    animation: ind-arr 1s linear .5s infinite;
    -moz-animation: ind-arr 1s linear .5s infinite;
    -webkit-animation: ind-arr 1s linear .5s infinite;
    -o-animation: ind-arr 1s linear .5s infinite;
}
.add-more span{display: block;line-height: 30px;padding-top:30px;font-size: 12px;color: #fff;}
/*箭头动画*/
@keyframes ind-arr
{
0%   {top: 0;opacity: 1;filter: alpha(opacity=100);}
100% {top: 15px;opacity: 0;filter: alpha(opacity=0);}
}

@-moz-keyframes ind-arr /* Firefox */
{
0%   {top: 0;opacity: 1;filter: alpha(opacity=100);}
100% {top: 15px;opacity: 0;filter: alpha(opacity=0);}
}

@-webkit-keyframes ind-arr /* Safari 和 Chrome */
{
0%   {top: 0;opacity: 1;filter: alpha(opacity=100);}
100% {top: 15px;opacity: 0;filter: alpha(opacity=0);}
}

@-o-keyframes ind-arr /* Opera */
{
0%   {top: 0;opacity: 1;filter: alpha(opacity=100);}
100% {top: 15px;opacity: 0;filter: alpha(opacity=0);}
}
/*箭头动画END*/

.lm-list01{height: 100%;}
.lm-list01 li{
    float: left;height: 100%;width: 25%;position: relative;
}
.lm-list01 li a{
    display: block;height: 100%;
    border-left:1px solid rgba(255,255,255,0.1);
    border-left:1px solid #fff\9;
}
.lm-list01 .txt{
    position: absolute;left: 50%;top: 50%;width: 90%;height: 220px;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);  
    -webkit-transform: translate(-50%,-50%); 
    -o-transform: translate(-50%,-50%);   
    -moz-transform: translate(-50%,-50%);
    margin-left: -45%\9;margin-top: -110px\9;
    text-align: center;
}
.lm-list01 .pic{
    width: 71px;height: 71px;margin: 0 auto;
    background: url(../images/lm-pic03.png) no-repeat 0 0;
    background-size:71px 71px;
    moz-background-size:71px 71px;
    webkit-background-size:71px 71px;
}
.lm-list01 .pic2{background-image: url(../images/lm-pic04.png);}
.lm-list01 .pic3{background-image: url(../images/lm-pic05.png);}
.lm-list01 .pic4{background-image: url(../images/lm-pic06.png);}
.lm-list01 h3{
    font-size: 28px;color: #FFF;padding: 12px 0 24px;font-weight: lighter;
    background: url(../images/lm-l1.jpg) no-repeat center bottom;
    margin-bottom: 45px;
}
.lm-list01 p{color: #fff;font-size: 15px;}
.lm-list01 .mask{
    position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;
    background-repeat: no-repeat;background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0;filter: alpha(opacity=0);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
 }
.lm-list01 li:hover .mask{opacity: 1;filter: alpha(opacity=100);}


/*第二屏*/
#page2{background: #d6e0ec;}
.ind-row2{}
.lm-tit1{padding-bottom: 30px;font-weight: lighter;}
.lm-tit1 span{
    display: block;text-align: center;line-height: 82px;font-size: 36px;
    background: url(../images/lm-tit1.jpg) no-repeat center bottom;
}
.box-img{position: relative;overflow: hidden;}
.box-img img{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.box-img img:hover{    
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08); 
    -ms-transform: scale(1.08); 
    -o-transform: scale(1.08); 
    transform: scale(1.08);
}
.lm-list02{overflow: hidden;margin: 50px -22px 75px;}
.lm-list02 .box-img{padding-top: 50%;}
.lm-list02 li{float: left;width: 33.33%;}
.lm-list02 .inner{
    margin: 0 22px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.lm-list02 .txt-box{background: #fff;padding: 19px 32px 45px; height:132px;}
.lm-list02 .note{font-size: 14px;color: #af8d2c;margin-bottom: 8px;}
.lm-list02 h4{
    font-size: 16px;margin-bottom: 17px;line-height: 24px;font-weight: lighter;
    display: -webkit-box;display: box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.lm-list02 h4 a{color: #333;}
.lm-list02 h4 a:hover{color: #af8d2c;}
.lm-list02 .txt{
    font-size: 12px;line-height: 22px;color: #666;
    display: -webkit-box;display: box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.btn-more{text-align: center;}
.btn-more a{
    display: inline-block;width: 169px;line-height: 43px;text-align: center;
    border: 1px solid #b9bcc1;color: #53585e;font-size: 14px;
}
.btn-more a:hover{background: #b9bcc1;color: #fff;}

/*******************************
    -------[=关于一润]-------
********************************/
/*第三屏*/
.ind-row3{
    height: 100%;
    background: url(../images/lm-pic12.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.ind-row3 .txt-box{
    position: absolute;left: 50%;margin-left: -600px;top: 25%;
    width: 610px;overflow: hidden;
}
.ind-row3 .tit img{width: 400px;height: 70px;display: block;}
.ind-row3 .txt{padding-top: 25px;}
.ind-row3 .txt p{padding-bottom: 18px;font-size: 14px;line-height: 22px;color: #FFF;}
/*第四屏*/
#page4{
    height: 100%;
    background: url(../images/lm-pic13.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.ind-row4 .add-more em{background-image: url(../images/lm-pic14.png);}
.ind-row4 .add-more span{color: #656d78;}

.lm-list03{height: 390px;margin: 50px 0;position: relative;}
.lm-list03 .pic{
    position: absolute;width: 398px;height: 389px;
    background: url(../images/lm-pic22.png) no-repeat center center;
    left: 50%;top: 0;margin-left: -200px;
}
.lm-list03 .txt{position: absolute;width: 250px;}
.lm-list03 .txt h3{font-size: 30px;font-weight: lighter;line-height: 46px;}
.lm-list03 .txt p{font-size: 18px;}

.lm-list03 .li-1 .txt{left: 62%;top: 10px;}
.lm-list03 .li-1 .txt h3{color: #c6b07a;}
.lm-list03 .li-2 .txt{left: 9%;bottom: 70px;text-align: right;}
.lm-list03 .li-2 .txt h3{color: #5c83ca;}
.lm-list03 .li-3 .txt{left: 50%;margin-left: 250px;bottom: 70px;}
.lm-list03 .li-3 .txt h3{color: #37bba1;}
/*第五屏*/
#page5{
    height: 100%;
    background: url(../images/lm-pic18.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.ind-row5 .lm-tit1 span{color: #fff;background-image: url(../images/lm-l2.jpg);}
.lm-picbox{text-align: center;padding: 20px 0;}
/*第六屏*/
#page6{background: #d6e0ec; position: relative;}
.lm-tab{width: 100%;}
.lm-tab th{line-height: 60px;background: #223c5f;color: #fff;font-weight: lighter;font-size: 16px;}
.lm-tab td{
    line-height: 49px;font-size: 14px;color: #182933;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-tab th,.lm-tab td{padding-left: 27px\9;text-align: center;}
.lm-tab tr th:first-child,.lm-tab tr td:first-child{padding-left: 27px;text-align: left;}
.lm-tab tr{
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.lm-tab tr:nth-child(even){background: #cdd7e3;}
.lm-tab .date{color: #666;}
.lm-tab a{display: inline-block;padding-right: 19px;background: url(../images/lm-pic20.png) no-repeat right center;}

.lm-tab tr:hover{background: #0e6dcd;}
.lm-tab tr:hover td,
.lm-tab tr:hover .date{color: #fff;}
.lm-tab tr:hover a{color: #fff;background-image: url(../images/lm-pic21.png);}

.f-list{
    width: 870px;height: 528px;padding: 40px 65px;
    background: #fff;
}
.f-list h3{line-height: 60px;border-bottom: 1px solid #ececec;font-size: 24px;font-weight: lighter;position: relative;}
.f-list h3 em{position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;background: #0c69d2;}
.f-list .txt{padding-top: 30px;}
.f-list .txt h5{
    color: #333;font-size: 18px;line-height: 42px;padding-left: 10px;font-weight: lighter;
    background: url(../images/lm-l3.jpg) no-repeat 0 center;
}
.f-list .txt p{font-size: 12px;line-height: 24px;color: #666;}
.f-list .mail{padding-top: 30px;font-size: 14px;}
.f-list .mail a{color: #0c69d2;}
.layui-layer-setwin .layui-layer-close2{
    position: absolute;width: 30px;height: 30px;right: 25px;top: 25px;cursor: pointer;
    background: url(../images/lm-close.png) no-repeat center center;
}








