.modular-banner {

    position: relative;

    min-height: 388px;

    background: url(../images/modular_banner.jpg) no-repeat top center;

    /* background-size: cover; */

}

.modular-banner-inner {

    position: absolute;

    left: 50%;

    top: 38.70967741935484%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}

.modular-banner-title {

    padding-left: 11.66666666666667%;

    font-weight: 900;

    font-size: 28px;

    line-height: 36px;

    color: #fff;

    text-transform: uppercase;

}

.modular-banner-dec {

    padding-left: 11.66666666666667%;

    font-size: 16px;

    line-height: 30px;

    color: #fff;

}

@media (max-width:768px) {

    .modular-banner {

        min-height: 240px;

    }

    .modular-banner-inner {

        top: 24%;

        min-width: 201px;

    }

}

@media (max-width:568px) {

    .modular-banner-title {

        padding-left: 10%;

        font-size: 20px;

        line-height: 32px;

    }

    .modular-banner-dec {

        padding-left: 10%;

        font-size: 16px;

        line-height: 24px;

    }

}



/* 内容 */



.modular-cont {

    position: relative;

    overflow: hidden;

    margin: 30px auto;

    padding: 30px 30px 30px 305px;

    background: #FFF;

    width: 84.375%;

    box-shadow: 1px 0px 25px rgba(0,0,0,0.05);

}

/* 左侧栏目 */

.modular-cl {

    position: relative;

    margin-left: -275px;

    width: 240px;

    float: left;

    

}

.modular-cl-list {

    overflow: hidden;

}

.modular-cl-title {

    height: 95px;

    background: #015b90;

    color: #FFF;

    font-size: 30px;

    padding: 25px 0 0 40px;

}

.modular-cl-title font {

    font-size: 14px;

    color: #fff;

    display: block;

    font-style: italic;

}

.modular-cl-list ul {

    margin: 0;

    padding: 0;

    border: 1px solid #ededed;

    border-top: none;

}

.modular-cl-list ul li {

    border-bottom: 1px solid #ededed;

    line-height: 20px;

}

.modular-cl-list ul li a {

    color: #666;

    transition: 0.5s;

    font-size: 20px;

    display: block;

    padding: 14px 40px;

}

.modular-cl-list ul li:hover a, 

.modular-cl-list ul li.active {

    background: #ededed;

    transition: 0.5s;

}



.modular-cl-contact {

    overflow: hidden;

    margin-top: 20px;

}

.modular-cl-sub {

    height: 170px;

    overflow: hidden;

}

.modular-cl-desc {

    overflow: hidden;

    border: 1px solid #ededed;

    border-top: none;

    padding: 18px 20px;

}

.modular-cl-desc span {

    display: block;

    line-height: 24px;

    font-size: 15px;

    color: #666;

}

/* 右侧内容 */

.modular-cr {

    /* width: 880px; */

    width: 100%;

    float: right;

}

.modular-nav {

    overflow: hidden;

    padding: 0 0 15px;

    border-bottom: 1px solid #F2F2F2;

    margin-bottom: 10px;

}

.modular-nav ul {

    padding: 0;

    margin: 0;

    text-align: center;font-size: 18px;

}

.modular-nav ul li:first-child {

    background: url(../images/jiantou.png) no-repeat;

    padding-left: 40px;

}

.modular-nav ul li {

    float: left;

    height: 32px;

    line-height: 32px;

}

.modular-nav ul li a {

    padding: 0 2px;

    color: #888;

    font-size: 18px;

    vertical-align: top;

}

.modular-nav ul li:last-child a {

    color: #333;

    font-weight: bold;

    font-size: 18px;

}



@media (max-width: 1200px){

    .modular-cont {

        width: 100%;

    }

}

@media (max-width: 992px){

    .modular-cont {

        width: auto;

        margin: 30px;

        padding: 30px;

    }

    .modular-cl {

        display: none;

    }

}

@media (max-width: 768px){

    .modular-cont {

        margin: .3rem;

        padding: .3rem;

    }



    .modular-nav {

        padding: 0 0 .3rem;

        margin-bottom: .2rem;

    }

    .modular-nav ul li:first-child {

        padding-left: 24px;

        background: url(../images/jiantou.png) no-repeat left center;

        background-size: 24px 24px;

    }

    

    .modular-nav ul li {

        height: .64rem;

        line-height: .64rem;

    }

    .modular-nav ul li a {

        font-size: 12px;

    }

    .modular-nav ul li:last-child a {

        font-size: 18px;

    }

}



/* 分页 */



.modular-pages {

    line-height: 32px;

    text-align: left;

    font-size: 14px;

    color: #444;

    margin-bottom: 10px;

    position: relative;

}

.modular-pages a, .modular-pages span {

    padding: 6px 12px;

    border: 1px solid #ddd;

    color: #444;

    line-height: 45px;

}

.modular-pages span {

    color: #fff;

    border-color: #c20d55;

    background-color: #c20d55;

}

.modular-pages a:hover {

    color: #c20d55;

    border-color: #c20d55;

}

@media (max-width: 768px) {

    

}

@media (max-width: 568px) {

    .modular-pages {

        line-height: 26px;

        font-size: 12px;

        margin-bottom: .2rem;

    }

    .modular-pages a, .modular-pages span {

        display: inline-block;

        padding: 0 10px;

        margin-bottom: .2rem;

        line-height: 30px;

    }

}









/* 企业文化 */

.culture-title {

    margin: 0px;

    padding: 0px;

    line-height: 40px;

    white-space: normal;

    background-color: #FFFFFF;

    border-bottom: 2px solid #DFDFDF;

    font-family: 微软雅黑;

    color: #005D8F;

    font-size: 21px;

}

.culture-title span {

    margin: 0px;

    padding: 0px;

    font-family: verdana;

    color: #8F8F8F;

    font-size: 10px;

    text-transform: uppercase;

}

.culture {

    margin: 20px 0px 0px;

    padding: 0px;

    line-height: 28px;

    font-family: 微软雅黑;

    font-size: 16px;

    white-space: normal;

    background-color: #FFFFFF;

}

.culture span {

    display: block;

    margin: 0px;

    padding: 0px;

    font-size: 18px;

    font-weight: bold;

    color: #005A8D;
	padding:0 65px;

}

.culture p {

    

}

@media (max-width: 768px){

    .culture-title {

        line-height: 30px;

        font-size: 18px;

    }

    .culture span {

        font-size: 15px;

    }



}



.ban_contact {
    background: url(../images/ban_contact.jpg) no-repeat top center;}
	
.ban_about {
    background: url(../images/ban_about.jpg) no-repeat top center;}

.ban_garbage {
    background: url(../images/ban_garbage.jpg) no-repeat top center;}	

.ban_join {
    background: url(../images/ban_join.jpg) no-repeat top center;}	

.ban_news {
    background: url(../images/ban_news.jpg) no-repeat top center;}

.ban_party {
    background: url(../images/ban_party.jpg) no-repeat top center;}

.ban_product {
    background: url(../images/ban_product.jpg) no-repeat top center;}

.ban_service {
    background: url(../images/ban_service.jpg) no-repeat top center;}	


.luxian {font-size:16px;}
	
.luxian strong{font-size:18px;}