.banner {
    width:100%;height:637px;background:url(/yonggang/images/index/banner.png) no-repeat center center;
}
.intro {
    background:#fff;padding:110px 0 85px;
}
.intro .img{
    float:left;width:38.4%;
}
.intro .img img{
    width:100%;
}
.intro .text{
    float:left;width:61.6%;padding-left:70px;
}
.intro .text p.tt{
    padding-top:20px;font-size:20px;font-weight:bold;line-height:23px;
}
.intro .text p.tt span{
    font-size:16px;font-weight:normal;padding-left:10px;
}
.intro .text p{
    font-size:12px;padding-bottom:25px;line-height:24px;
}

.service {
    background:url(/yonggang/images/index/service_bg.jpg) no-repeat center top;padding:85px 0 95px;
}
.service .title {
    line-height:30px;font-weight:bold;color:#fff;text-align:center;font-size:20px;
}
.service .title span{
    line-height:30px;font-weight:bold;color:#fff;text-align:center;font-size:16px;
}
.service .title:after {
    content:"";display:block;margin:0 auto;height:2px;width:40px;background:#e7b764;margin-top:5px;
}
.service .memo {
    font-size:12px;color:#d5d4d5;text-align:center;line-height:25px;padding-top:22px;cursor:default;
} 
.service .process{
    padding:90px 0 65px;
}
.service .process > div{
    float:left;width:16.25%;margin-right:4.68%;position:relative;
}
.service .process > div:last-child{
    margin-right:0;
}
.service .process > div:after{
    content:"";display:block;width:128px;height:1px;background:url(/yonggang/images/index/service_line.png) no-repeat center center;
    position:absolute;right:-48%;top:28px;
}
.service .process > div:last-child:after{
    display:none;
}
.service .process > div > i{
    display:block;width:100%;height:110px;
}
.service .process > div:nth-child(1) > i{
    background:url(/yonggang/images/index/service_icon1.png) no-repeat center top;
}
.service .process > div:nth-child(2) > i{
    background:url(/yonggang/images/index/service_icon2.png) no-repeat center top;
}
.service .process > div:nth-child(3) > i{
    background:url(/yonggang/images/index/service_icon3.png) no-repeat center top;
}
.service .process > div:nth-child(4) > i{
    background:url(/yonggang/images/index/service_icon4.png) no-repeat center top;
}
.service .process > div:nth-child(5) > i{
    background:url(/yonggang/images/index/service_icon5.png) no-repeat center top;
}
.service .process > div > p{
    color:#e3b561;text-align:center;
}
.service .more {
    text-align:center;
}
.service .more a {
    display:inline-block;padding:10px 30px;color:#d5d5d5;border:1px solid #d5d5d5;
}
.service .more a:hover {
    color:#e3b561;border-color:#e3b561;
}

.album {
    background:#fff;padding:70px 0;
}
    .album .title {
        line-height:30px;font-weight:bold;text-align:center;font-size:20px;margin-bottom:40px;
    }
    .album .title span{
        line-height:30px;font-weight:bold;text-align:center;font-size:16px;
    }
    .album .title:after {
        content:"";display:block;margin:0 auto;height:1px;width:30px;background:#333;margin-top:5px;
    }
    .album .text {
        float:left;width:45.84%;height:488px;padding-left:55px;padding-right:30px;
    }
    .album .text p.tt {
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
    }
    .album .text p.tt span {
        font-size: 16px;
        font-weight: normal;
        padding-left: 10px;
    }
    .album .text p {
        font-size:12px;line-height:24px;padding-top:40px;
    }
    .album .img {
        float:left;width:54.16%;height:488px;
    }
    .album .content {
        position:relative;
    }
    .album .img_scroll {
        position:absolute;left:0;bottom:30px;width:600px;height:190px;z-index:10;
    }

.news {
    background:#f8f8f8;padding:40px 0;
}
.news .title {
    line-height:30px;font-weight:bold;text-align:center;font-size:20px;margin-bottom:40px;
}
.news .title span{
    line-height:30px;font-weight:bold;text-align:center;font-size:16px;
}
.news .title:after {
    content:"";display:block;margin:0 auto;height:1px;width:30px;background:#333;margin-top:5px;
}
.news .block {
    overflow:inherit;
}
.news .block > div{
    float:left;width:48.75%;margin-right:2.5%;margin-bottom:40px;background:#fff;height:172px;
}
.news .block > div:nth-child(2n){
    margin-right:0;
}
.news .block > div > .img{
    float:left;width:48%;height:172px;
}
.news .block > div > .img a{
    display:block;width:100%;height:172px;
}
.news .block > div > .text{
    float:left;width:52%;padding:15px 20px;position:relative;height:172px;
    -webkit-box-shadow: 3px 3px 5px rgba(200, 200, 200, 0.50); 
    -moz-box-shadow: 3px 3px 5px rgba(200, 200, 200, 0.50); 
    box-shadow: 3px 3px 5px rgba(200, 200, 200, 0.50); 
}
.news .block > div > .text  p.tt{
    color:#333;font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-bottom:5px;
}
.news .block > div > .text  p{
    color:#666;font-size:12px;line-height:25px;max-height:50px;overflow:hidden;
}
    
.news .block > div > .text > .more{
    position:absolute;left:0;bottom:15px;width:100%;
}
.news .block > div > .text > .more > div{
    padding-left:20px;padding-right:20px;
}
.news .block > div > .text > .more p.time{
    border-bottom:1px solid #666;
}
.news .block > div > .text > .more a{
    font-size:12px;font-weight:bold;display:block;padding-top:5px;
}

.contactus {
    padding:75px 0 160px;
}
    .contactus .map {
        float:left;width:44%;margin-right:1.66%;border:1px solid #d4d4d4;height:320px;
    }
    .contactus .address {
        float:left;width:54.34%;border:1px solid #d4d4d4;height:320px;
    }
    .contactus .address .title{
        height:80px;line-height:80px;background:#e7b763;padding-left:40px;font-size:24px;font-weight:bold;color:#fff;border-bottom:1px solid #d4d4d4;
    }
    .contactus .address .content{
        padding:8px 30px;
    }
    .contactus .address .content p{
        border-bottom:1px dotted #d4d4d4;line-height:55px;
    }
    .contactus .address .content p:last-child{
        border-bottom:none;
    }



    .swiper-container {
        width: 100%;
        height: 488px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 100%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 100%;
        box-sizing: border-box;
    }
    .gallery-thumbs .swiper-slide {
        width: 255px;
        height: 100%;
        opacity: 1;
        position:relative;
        z-index:1;
        cursor:pointer;
    }
    .gallery-thumbs .swiper-slide:after {
        z-index:2;content:"";width:100%;height:190px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0;top:0;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
    .gallery-thumbs .swiper-slide-active:after {
        background:none;
    }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image:url(/yonggang/images/index/pre.jpg);
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image:url(/yonggang/images/index/next.png);
}
.swiper-button-next, .swiper-button-prev {
    width:40px;height:40px;background-size:40px 40px;
}
.swiper-white {
    position:absolute;left:0;top:0;width:60px;height:190px;background:#fff;z-index:2;
}

.btnP {
    display: inline-block;
    outline: none;
    width: 90px;
    height: 38px;
    background: #FF9913;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    margin-top: 350px;
}

    .btnP:hover {
        color: white;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}