.head1 {

    height: 100px;

    background: #f7de00;

}



.head-wz {

    line-height: 100px;

    float: left;

}



.head-wz img {

    max-width: 100%;

}



.head-wz p {

    margin: 0;

}



.navbar-brand {

    padding-left: 10%;

}



.mlogo {

    float: left;

}



@media (max-width:768px) {

    .nav-top-extend {

        background: #f7de00;

    }



    .nav-top-extend .mlogo {

        line-height: 59px;

    }



    .nav-top-extend .mlogo img {

        max-width: 90%;

    }



    .nav>li {

        width: 100%;

        float: none;

    }



    .nav>li>a {

        font-size: 16px;

    }



}



.index-c1 {

    background: #efefef;

    padding-bottom: 6%;

}

.index-tlt1{

    text-align: center;

    font-size: 36px;

    color: #313131;

    text-transform: uppercase;

    padding: 50px 0 30px;

}

.index-c1 ul li a{

    display: block;

    background: #fff;

    padding: 6% 0;

    text-align: center;

    border-radius: 20px;

}

.index-c1 ul li a .img{

   overflow: hidden;

}

.index-c1 ul li a .img img{

    width: 100%;

    transition: .3s;

}

.index-c1 ul li a:hover img{

    transform: scale(1.2);

}

.index-c1 ul li h3{

    font-size: 20px;

    color: #a45e25;

    font-weight: bold;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.index-c1 ul li dt{

    width: 89px;

    height: 30px;

    background: #ffdf00;

    text-align: center;

    margin: 35px auto 15px;

    border-radius: 20px;

    line-height: 30px;

    font-size: 12px;

    color: #a45e25;

    text-transform: uppercase;

    border: 1px solid #ffdf00;

}

.index-c1 ul li dt:hover{

    background: #fff;

}



@media (max-width:990px){

    .index-tlt1{

        padding: 30px 0;

        font-size: 24px;

    }

    .index-c1 ul li h3{

        font-size: 16px;

    }

    .index-c1 ul li dt{

        margin: 15px auto;

    }

}

@media (max-width:768px){

    .index-c1 ul li{

        margin-bottom: 15px;

    }

}





.index-c2{

    background: url(bg1.jpg) no-repeat center;

    padding: 5% 0;

    background-size: cover; 

}

.w800{

    max-width: 800px;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto;

}

.index-c2 ul{

    font-size: 0;

    vertical-align: top;

}

.index-c2 ul li{

    width: 25%;

    padding-right: 2%;

    display: inline-block;

    text-align: center;

    background: url(cha.png) no-repeat right center;

}

.index-c2 ul li:last-child{

    background: none;

}

.index-c2 ul li h3{

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    background: url(line02.png) no-repeat center bottom;

    margin: 0;

    padding-bottom: 20px;

}

.index-c2 ul li dt{

    font-size: 14px;

    font-weight: 100;

    color: #fff;

    margin: 15px 2%;

    line-height: 20px;

    height: 60px;

    overflow: hidden;;

}





@media (max-width:768px){

    .index-c2 ul li{

        width: 50%;

        padding: 0 15px;

        margin-bottom: 15px;

        background: none;

    }

    .index-c2 ul li h3{

        font-size: 24px;

    }

}





.index-c3{

    background: url(bg2.jpg) no-repeat center;

    background-size: cover; 

}

.index-tlt2{

    text-align: center;

    padding: 60px 0;

}

.index-tlt2 img{

    max-width: 100%;

}



.index-c3 ul li{

    margin-bottom: 30px;

}

.index-c3 ul li .img{

    width: 57%;

    float: left;

}

.index-c3 ul li .img img{

   width: 100%;

}

.index-c3 ul li .wz{

    width: 35%;

    float: right;

}

.index-c3 ul li:nth-child(2n) .img{

    width: 57%;

    float: right;

}

.index-c3 ul li:nth-child(2n) .wz{

    width: 35%;

    float: left;

}

.index-c3 ul li .wz h3{

   position: relative;

   font-size: 25px;

   color: #8a5b2d;

   font-weight: bold;

}

.index-c3 ul li .wz h3 span{

    color: #8a5b2d;

    font-size: 40px;

    padding-right: 10px;

}

.index-c3 ul li:first-child .wz h3 .line{

    width: 108px;

    height: 4px;

    background: #8a5b2d;

    position: absolute;

    top: 25px;

    left: -120px;

}

.index-c3 ul li:nth-child(2) .wz h3 span{

    display: block;

}

.index-c3 ul li:nth-child(2) .wz h3 .line{

    width: 505px;

    height: 4px;

    background: #8a5b2d;

    position: absolute;

    top: 30px;

    left: 50px;

}

.index-c3 ul li:nth-child(3) .wz h3 .line{

    width: 570px;

    height: 4px;

    background: #8a5b2d;

    position: absolute;

    bottom: -10px;

    right: 0px;

}

.index-c3 ul li .info{

    margin-top: 20px;

}

.index-c3 ul li .info p{

    font-size: 16px;

    color: #313131;

    padding-left: 20px;

    background: url(dian.png) no-repeat left 6px;

    line-break: 2;

}



.index-c3 ul li:nth-child(3) .wz{

    padding-top: 5%;

}



@media (max-width:1200px){

    .index-c3 ul li .wz h3 .line{

        display: none;

    }

    .index-c3 ul li:nth-child(3) .wz{

        padding-top: 0;

    }

}

@media (max-width:990px){

    .index-c3 ul li .img{

        width: 100%!important;

        float: none!important;

    }

    .index-c3 ul li .wz{

        width: 100%!important;

        float: none!important;

    }

    .index-c3 ul li .wz h3 span{

        font-size: 30px;

    }

    .index-c3 ul li .wz h3{

        font-size: 20px;

    }

    .index-c3 ul li .info p{

        font-size: 14px;

    }

    .index-tlt2{

        padding: 30px 0;

    }

}





.index-c4{

    background: url(bg3.jpg) no-repeat center top;

    background-size: cover;

    padding: 8% 0 4%;

}

.c4-left{

    width: 45%;

    float: left;

}

.c4-left h3{

    font-size: 20px;

    color: #8a5b2d;

    margin: 0;

    padding-bottom: 20px;

}

.c4-left .jj{

    font-size: 16px;

    line-height: 2;

    color: #000;

}

.c4-right{

    width: 50%;

    float: right;

}

.c4-right img{

    width: 100%;

}

@media (max-width:768px){

    .c4-left{

        width: 100%;

        float: none;

    }

    .c4-right{

        width: 100%;

        float: none;

    }

}



.index-c5{

    background: #ead701;

    text-align: center;

}



.index-c5 img{

   max-width: 100%;

}



.index-c6{

    background: url(bg4.jpg) no-repeat center;

    background-size: cover;

    padding-bottom: 4%;

}

.index-tlt3{

    text-align: center;

    font-size: 36px;

    color: #ead701;

    padding: 4% 0;

    text-transform: uppercase;

}

.index-xw{

    width: 48%;

    float: left;

}

.index-xw h2{

    margin: 0 0 20px 0;

    background: url(line03.png) no-repeat left bottom;

    font-size: 20px;

    color: #e1e1e1;

    line-height: 2;

}

.index-xw h2 a{

    float: right;

    font-size: 14px;

    color: #e1e1e1;

    text-transform: uppercase;

    line-height: 40px;

}



.index-xw-slick .slick-con{

    border-bottom: 1px dashed #707070;

    padding: 10px 0;

}

.index-xw-slick .slick-con h3{

    font-size: 20px;

    margin: 0;

}

.index-xw-slick .slick-con h3 a{

    display: block;

    line-height: 2;

    color: #ecd21f

}

.index-xw-slick .slick-con .text{

    font-size: 14px;

    color: #e1e1e1;

}

.index-xw-slick .slick-con .time{

    font-size: 16px;

    font-weight: 100;

    color: #fff;

    padding: 5px 0;

}



.index-xw2{

    float: right;

}



@media (max-width:768px){

    .index-xw ,.index-xw2{

        width: 100%;

        float: none;

        margin-bottom: 20px;

    }

    .index-xw-slick .slick-con h3{

        font-size: 16px;

    }

    .index-tlt3{

        font-size: 30px;

    }

   

}





.index-c7{

   background: url(bg5.jpg) no-repeat center;

   background-size: cover; 

   padding-bottom: 6%;

}

.index-tlt4{

    text-align: center;

    padding: 5% 0;

    font-size: 36px;

    color: #8a5c2c;

    text-transform: uppercase;

}

.c71{

    width: 50%;

    padding: 0 3%;

    box-sizing: border-box;

    font-size: 16px;

    color: #313131;

    float: left;

}



.c71 p{

    margin-bottom: 20px;

}



.c72{

    width: 50%;

    float: right;

}



.c72 input{

    outline: none;

    background: #eeeeee;

    border: none;

    height: 33px;

    line-height: 33px;

    text-indent: 10px;

}

.c72 .input-g{

    position: relative;

    margin-bottom: 15px;

}

.c72 .input-g span {

    position: absolute;

    left: 25px;

    top: 0;

    line-height: 33px;

    color: #c4c4c4;

    font-size: 14px;

}

.c72 textarea{

    outline: none;

    background: #eeeeee;

    border: none;

    height: 150px;

}

.c72 .submit{

    outline: none;

    background: #8a5b2d;

    border: none;

    width: 115px;

    height: 32px;

    text-align: center;

    color: #fff;

    margin: 0 auto;

    text-transform: uppercase;

    display: block;

    margin: 0 auto;

}





@media (max-width:768px){

    .c71{

        width: 100%;

        float: none;

    }

    .c72{

        width: 100%;

        float: none;

    }

    .index-tlt4{

        font-size: 30px;

    }

}





.footbg{

    background: #333333;

}



.foot1{

    padding: 4% 0;

}



.fnav ul li{

    width: 20%;

    float: left;

}



.fnav ul li h3{

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.fnav ul li .secc a{

    display: block;

    font-size: 14px;

    color: #c1c1c1;

    line-height: 2;

}

.flogo{

    text-align: right;

}

.flogo img{

    max-width: 100%;

}

.foot2{

    border-top: 1px solid #707070;

    padding: 10px 0;

    font-size: 15px;

    color: #919191;

    line-height: 2;

}





@media (max-width:990px){

    .flogo{

        text-align: center;

        margin-top: 20px;

    }

    .fnav ul{

        font-size: 0;

    }

    .fnav ul li{

        width: 33.33%;

        display: inline-block;

        float: none;

        vertical-align: top;

    }

}


.language-group{float: right;}