.xiang-nav {
    height: 37px;
    border-bottom: 1px solid #dcdcdc;
}

.xiang-nav ul {
    padding-top:
}

.xiang-nav li {
    float: left;
}

.xiang-nav li a {
    display: block;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    margin-right: 42px;
}

.xiang-nav li a.active {
    border-bottom: 2px solid #006834;
}

.xiang-l {
    width: 72.5%;
    float: left;
    
}

.dk {
    width: auto;
    max-width: 95%;
    height: auto;
    max-height: 100%;
}

.xiang-top {
    text-align: center;
}

.top-r,
.top-l {
    display: inline-block;
    color: #999;
    line-height: 22px;
    padding-bottom: 12px;
}

.xiang-con-in {
    text-indent: 25px;
    text-align: left;
    border-bottom: 1px solid #b7b5b6;
}

.line {
    border-bottom: 1px solid #b7b5b6;
}

.xiang-prev {
    text-align: left;
    line-height: 26px;
    color: #666;
}

.xiang-back {
    width: 90px;
    height: 40px;
    background: #006834;
    border-radius: 5px;
	text-align:center;
}

.xiang-r {
    width: 25%;
    float: right;
}

.xiang-new {
    background-color: #006834;
    height: 40px;
    text-indent: 15px;
}

.xiang-date {
    color: #a9a9a9;
    margin-bottom: 2px;
}

.xiang-r li {
    border-bottom: 1px solid #b7b5b6;
    width: 100%;
}

.new-img .u {
    margin-left: -2.16%;
}

.new-img .item1 {
    width: 31%;
    margin-left: 2.16%;
    float: left;
}

.new-img .fd5 {
    border: 1px solid #dedede;
    display: block;
}

.new-img-con {
    padding: 5px;
}

.fhfa {
    height: 275px;
}

.new-l {
    padding-bottom: 8px;
    width: 80px;
    background: #b7b5b6;
    float: left;
}

.new-r {
    margin-right: 2%;
}

.item2:hover .new-l,
.item2:hover .new-r {
    background: #006834;
}

.item2:hover p,
.item2:hover a {
    color: #fff;
}

.new-more {
    height: 40px;
    width: 90px;
    border-radius: 5px;
    background: #006834;
}

@media(max-width:945px) {
    .new-img-con p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media(max-width:411px) {
    .xiang-nav li a {
        margin-right: 35px;
    }
}

@media(max-width:320px) {
    .xiang-nav li a {
        margin-right: 15px;
    }
}

.jiang {
    margin-left: -1.6%;
}

.jiang-item {
    width: 23.2%;
    float: left;
    margin-left: 1.6%;
}

.jiang-item .jiang-a {
    border: 1px solid #efefef;
    box-shadow: 5px 5px #e8e8e8;
    position: relative;
}

.cld {
    height: 206px;
    position: relative;
}

.pro {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 90%;
    margin: auto;
}

.jiang .line {
    width: 92%;
    height: 2px;
    color: #efefef;
    margin: 0 auto;
}

.jiang .text {
    line-height: 27px;
    text-align: center;
}

@media(max-width:1199px) {
    .fhfa {
        height: 1.7202rem;
    }
}

@media(max-width:1023px) {
    .jiang-item {
        width: 31.2%;
    }
    d .jiang-item .cld {
        height: 1.8rem;
    }
}

@media(max-width:633px) {
    .jiang-item {
        width: 46.2%;
    }
    .jiang-item .cld {
        height: 2.6rem;
    }
}

@media(max-width:1099px) {
    .xiang-l {
        width: 100%;
    }
    .xiang-r {
        width: 100%;
        margin-bottom: 20px;
    }
    .about-con li {
        width: 33.3%;
        margin-bottom: 20px;
    }
}

@media(max-width:750px) {
    .xiang-r {
        display: none;
    }
    .new-img .u {
        margin-left: 0;
    }
    .new-img .item1 {
        width: 95%;
        margin-bottom: 15px;
        margin-left: 2.5%;
    }
    .fhfa {
        height: 5.0769rem;
    }
}

.bx-w90 {
    max-width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

.about-bg {
    background: url(../images/about-bg.jpg) no-repeat center center / cover;
}

.about-bg p {
    font-size: 14px;
    color: #666;
    text-indent: 34px;
    text-align: left;
    line-height: 24px;
}

.line-r {
    display: inline-block;
    width: 180px;
    border-top: 1px solid #8cbba3;
    vertical-align: top;
}

.about-con ul {
    margin-left: -1.66%;
}

.about-con li {
    width: 15%;
    margin-left: 1.66%;
    float: left;
}

.about-con .co {
    background: #149554;
}

.about {
    background: url(../images/line.png) repeat-x center bottom;
}

.ia {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
}

@media(max-width:991px) {
    .about-con li {
        width: 31.5%;
        margin-bottom: 20px;
    }
    .about {
        background: none;
    }
    .ia {
        height: 3.4748rem;
    }
}

@media(max-width:750px) {
    .about-con li {
        width: 45%;
        margin-bottom: 20px;
    }
    .about {
        background: none;
    }
    .ia {
        height: 5.5597rem;
    }
    .about-con ul {
        margin-left: -5%;
    }
    .about-con li {
        margin-left: 5%;
    }
    .about-con .co {
        line-height: 40px;
    }
}

@media(max-width:424px) {
    .about .line-r {
        width: 90px;
    }
}

.deveolop {
    background: url(../images/devo-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.deveolop .mauto {
    padding-bottom: 15px;
    padding-top: 204px;
}

.deveolop .logo {
    width: 115px;
    height: 103px;
    display: block;
    position: absolute;
    left:373px;
    top: 16px;
}

.deveolop .line {
    width: 1px;
    position: absolute;
    left: 429px;
    top: 119px;
    background-color: #cbcdcf;
    bottom: 0;
}

.deveolop .dev-list li {
    padding-bottom: 60px;
	margin-left:25%;
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
.deveolop .dev-list li {
    padding-bottom: 60px;
	margin-left:0;
}
}

.deveolop .dev-list .date {
    width: 129px;
    color: #006834;
    font-size: 46px;
    line-height: 50px;
    margin-right: 3.3%;
}

.deveolop .dev-list .dev-text {
    width: 77%;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.deveolop .dev-list .dot {
    position: absolute;
    right: -8px;
    top: 12px;
    width: 15px;
    height: 15px;
    background: url(../images/devo-dot.png) no-repeat center center;
    background-size: 15px 15px;
}

@media(max-width:750px) {
    .deveolop .mauto {
        padding-bottom: .15rem;
        padding-top: 75px;
    }
    .deveolop .logo {
        width: 50px;
        height: 45px;
        left: 25px;
        top: 15px;
    }
    .deveolop .line {
        width: 1px;
        position: absolute;
        left: 50px;
        top: 65px;
        background-color: #cbcdcf;
        bottom: 0;
    }
    .deveolop .dev-list li {
        padding-bottom: .6rem;
    }
    .deveolop .dev-list .date {
        width: 50px;
        font-size: 18px;
        line-height: 26px;
        margin-right: 4%;
    }
    .deveolop .dev-list .dev-text {
        width: 78%;
        line-height: 1.5;
        font-size: 13px;
    }
    .deveolop .dev-list .dot {
        right: -5px;
        top: 7px;
        width: 10px;
        height: 10px;
        background-size: 10px 10px;
    }
}

.online {
    margin-top: 40px;
    max-width: 950px;
}

.online .bor {
    width: 296px;
    height: 38px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin-right: 10px;
}

.online .cont-t {
    width: 70px;
}

.online .cont-l {
    float: left;
    width: 45%;
}

.online .cont-r {
    width: 44%;
}

.online .liu {
    width: 296px;
    height: 220px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.online .liu-con {
    vertical-align: top;
}

.but {
    padding-left: 85px;
}

.up {
    width: 140px;
    height: 40px;
    border-radius: 5px;
    color: #000;
    background-color: #e8e8e8;
}

.up.act {
    color: #fff;
    background-color: #006834;
}

@media(max-width:991px) {
    .online {
        width: 402px;
    }
    .online .cont-l {
        width: 100%;
    }
    .online .cont-r {
        width: 100%;
    }
}

@media(max-width:440px) {
    .online {
        width: 100%;
    }
    .online .cont-l {
        width: 97%;
    }
    .online .cont-t {
        margin-bottom: 10px;
        text-align: left;
    }
    .online .cont-r {
        width: 97%;
        float: left;
    }
    .online .cont-r .liu-con {
        margin-bottom: 10px;
        text-align: left;
        display: inline-block;
    }
    .but {
        padding-left: 0px;
    }
    .up {
        width: 45%;
    }
    .online .bor {
        width: 93%;
    }
    .online .liu {
        width: 93%;
    }
}

.contra ul {
    margin-left: - 3%;
}

.contra li {
    width: 22%;
    float: left;
    margin-left: 3%;
}

.contra-back {
    width: 90px;
    height: 40px;
    color: #fff;
    background: #006834;
    ;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
}

.contra li a {
    padding-left: 48px;
    display: block;
    line-height: 38px;
    background-repeat: no-repeat;
    background-position: left 6px;
}

.contra li a.a1 {
    background-image: url(../images/contra-logo.png);
}

.contra li a.a2 {
    background-image: url(../images/contra-tel.png);
}

.contra li a.a3 {
    background-image: url(../images/contra-cz.png);
}

.contra li a.a4 {
    background-image: url(../images/contra-lat.png);
}

@media(max-width:991px) {
    .contra li {
        width: 47%;
        float: left;
    }
    .contra-back {
        width: 90px;
        height: 40px;
        color: #fff;
        background: #006834;
        ;
        line-height: 40px;
        border-radius: 5px;
        text-align: center;
    }
}

@media(max-width:750px) {
    .contra ul {
        margin-left: 0;
    }
    .contra li {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .contra li a {
        padding-left: 33px;
        background-position: left 9px;
    }
    .contra li a.a1 {
        background-size: 26px auto;
    }
    .contra li a.a2 {
        background-size: 22px auto;
    }
    .contra li a.a3 {
        background-size: 25px auto;
    }
    .contra li a.a4 {
        background-size: 16px auto;
    }
}

.new-con li {
    padding: 20px 0;
    border-bottom: 1px solid #b7b5b6;
}

.new-con li .date {
    line-height: 49px;
}

.new-con li:hover,
.new-con li:hover .date,
.new-con li .new-l {
    background-color: #006834;
    color: #fff;
}

.new-con li:hover .n-title,
.new-con li:hover a {
    color: #fff;
}

@media(max-width:991px) {
    .new-con li .new-l {
        width: 64px;
        padding-bottom: 6px;
        margin-right: 10px;
    }
    .new-con li .date {
        line-height: 38px;
    }
    .new-con li .n-title {
        padding-bottom: 3px;
    }
    .new-more {
        height: 33px;
        line-height: 33px;
    }
}

.map {
    height: 500px;
}

@media(max-width:750px) {
    .map {
        height: 5rem;
    }
}

.rencai
{
    background:url(../images/rencai-bg.jpg) no-repeat center bottom / cover;
    min-height: 808px;
}
.rencai-top{
    padding-top: 53px;
    padding-bottom: 20px;
}
.rencai .imfo{
    padding-left: 34px;
    padding-right: 34px;
    line-height: 64px;
    color:#fff;
  }
  .rencai-line{
    display:flex;
    align-items: center;
  }
.rencai .line-l{
    flex:1;
    border-top: 1px solid #fff;

}
.rencai  li{
    width:20%;
    float:left;
    
}
.rencai .line1 li{
    background:#9ec3e4;
}
.rencai  li p{
    color:#fefefe;
}
.rencai .line1 li p{
     font-size: 16px;
    line-height: 40px;
}
.rencai .line2{
    border-bottom: 1px solid #fff;
}
.rencai .line2 li p{
    font-size: 14px;
    line-height: 55px;
}
.rencai .line2 .el{
    width:77%;
    font-size: 16px;
    line-height: 36px;
    background:#fff;
    color:#000;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
  
}
@media(max-width:750px) {
    .none {
        display:none;
    }
    .rencai{
        min-height: 0;
    }

    .rencai li{
        width:25%;
    } 
    .rencai-top{
        padding-top: .53rem;
        padding-bottom: .3rem;
    }
}
@media(max-width:460px) {
    .none1 {
        display:none;
    }

    .rencai li{
        width:33%;
    } 
}
@media(max-width:340px) {
.rencai .line1 li p{
     font-size: 14px;
    line-height: 40px;
}
.rencai .line2{
    border-bottom: 1px solid #fff;
}
.rencai .line2 li p{
    font-size: 12px;
    line-height: 46px;
}
.rencai .line2 .el{
   font-size: 14px;
    margin-top:7px;
    line-height: 32px;
}

}