/*四个导航*/
.nav{
    padding:20px 0 25px;
}

.nav a{
    width:15.6%;float:left;
    font-size: 12px;color:#1b1b1b;text-align: center;
    margin-left:8.6%;
}
.nav a img{
    width:100%;margin-bottom: 5px;
}
.nav a:nth-child(1){
    margin-left:6%;
}


.more{
    width:100%;background-color: #f5f5f5;text-align: center;
    border-top: 1px solid #cccccc;
}
.more img{
    width:28%;
}

.introduce {
    padding: 20px 25px;
    border-top: 1px solid #9f9f9f;
}
.introduce .title {
    margin: 10px 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #505050;
}
.introduce .title img {
    vertical-align: middle;
    height: 20px;
    margin-right: 10px;
}
.introduce .img img {
    display: block;
    width: 100%;
}
.introduce .content {
    margin: 20px 0;
    text-align: justify;
    color: #6f6f6f;
    line-height: 1.8em;
    font-size: 15px;
}
.introduce .content b,
.introduce .content strong {
    color: #c00000;
}
.introduce .more img {
    display: block;
    width: 100%;
}


/*新闻中心*/
.news-top-box{
    margin:15px auto;width:92%;display: block;
    background: url(../img/news-arrow.jpg) no-repeat right;
    background-size: auto 100%;
}

.news-logo{
    width:31%;
}

.news li{
    width:100%;border-top: 1px solid #e5e5e5;padding:20px 0;
}
.news li>a{
    display: block;
    width:78%;margin:0 auto;
}
.news li>a:after{
    content: "";display: block;clear:both;
}
.news img{
    width:36%;
}
.font-box{
    width:58%;float:right;
}
.font-box p{
    font-size: 12px;
}
.font-box span{
    font-size: 10px;color:#a5a5a5;margin-top: 10%;display: inline-block;
}
.font-box:after{
    content: "";
    display: block;
    width:12.5%;border-top:1px solid #ec0b00;margin-top: 3px;
}

.img-box{
    float:left;width:36%;overflow: hidden;
    background-size: 100% auto;background-repeat:no-repeat;
    background-position: center;
}
.img-box img{
    width:100%;
}

.swiper-container-horizontal>.swiper-pagination-progress{
    top:auto;bottom:0;
    background-color: #e5e5e5;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background-color: #b90900;
}



#swiper1 .swiper-slide{
    background-size: 100% auto;overflow: hidden;background-repeat: no-repeat;
    background-position: center;
}
#swiper1 .swiper-slide img{width:100%;}

.m1{
    background-position: center;background-repeat: no-repeat;background-size: cover;
    border:5px solid #fff;border-radius: 50%;
}
.m1 img{width:100%}
.m1-box{
    position: absolute;
    width:48%;
    left:26%;
    z-index: 0;
    opacity: 0;
    display: block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
}
.m1-box .msg{opacity:1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.m1-box img.img100{margin-top:10px;}
.m1-box p{
    text-align: center;line-height: 26px;font-size: 18px;color:#5f4238;margin: 10px 0;
}

.m1-center {
    position: relative;
    /* left:26%; */
    z-index: 20;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.m1-left{
    left:4%;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.m1-right{
    left:48%;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.m1-left,.m1-right{
    opacity:.6;
    width:48%;
    z-index:10;
    position: absolute;
    top:20px;
}
.m1-left .msg,.m1-right .msg{
    /*display: none;*/
    opacity:0;
}
.pro-container{width:100%;overflow: hidden}
.pro-wrapper{
    width:200%;position: relative;left:0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.pro-wrapper:after{
    content: "";
    display: block;clear: both;
}
/*热销和经典项目*/
.pro1{
    background-color: #fff;
    position: relative;
    padding:20px 0;
    width:50%;
    float:left;
}