@charset "utf-8";
/**/

@font-face{
font-family:impact;
src:url("impact.ttf");
}
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}
a{ color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,width 0.5s,border 0.5s,margin 0.5s;}
ul{ list-style:none;}
@media(max-width:900px){
/*banner*/
.swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{ overflow:hidden;}
.swiper-slide img{ width:180%; margin-left:-25%;}
.swiper-button-next{ display:none}
.swiper-button-prev{ display:none}

#logo{ width:100%; height:3rem; overflow:hidden;}
#logo p{ float:left; width:60%;}
#logo p img{ height:1.5rem; margin-top:0.75rem; margin-left:0.5rem;}
#top{ width:100%;}
#top .top{ width:1200px; margin:0 auto; overflow:hidden; background:#fff;}
#top1{ width:100%; height:80px; overflow:hidden; display:none;}

#menu{width:100%; position:fixed;  background:rgba(0,0,0,0.8); height:100%; left:0; top:0; z-index:500; display:none;}
#menu ul{ width:60%; background:#f7f7f7; height:100%;}
#menu ul li{ border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:3rem;  color:#000; font-size:16px; padding:0 25px; background:#fff;}


#menu ul li .zmenu{ position:absolute; display:none;}
#menu ul li .zmenu p a{ line-height:50px; background:#032d83;}
#menu ul li .zmenu p a:hover{ background:#c00;}

#menu_btn{ float:right; background:#000;}
#menu_btn img{ height:3rem;}
#close{ position:fixed; width:3rem; height:3rem; background:#ffae00; top:0; left:60%;}
#close img{ width:100%;}

#search{ display:none}

#index_pro1{ width:100%; margin:0px auto; overflow:hidden;}
#index_pro1 .p_r{width:100%; overflow:hidden;}
#index_pro1 .p_r img{ width:100%;}
#index_pro1 .p_l{ width:100%; }
#index_pro1 .p_l .a1{ width:100%; background:#f7f7f7; padding-bottom:2rem;}
#index_pro1 .p_l .a1 p{ padding:0 30px;}
#index_pro1 .p_l .a1 p.b1{ font-size:30px; color:#000; font-weight:900; line-height:70px; padding-top:30px;}
#index_pro1 .p_l .a1 p.b2{}
#index_pro1 .p_l .a1 p.b3{ margin-top:24px; overflow:hidden;}
#index_pro1 .p_l .a1 p.b3 a{ display:block; border-radius:5px; width:94px; line-height:32px; color:#fff; background:#ffae00; text-align:center;}

#index_pro1 .p_l .a2{ width:100%; overflow:hidden;}

#index_pro1 .p_l .a2 ul li{ width:100%; margin-top:5px;}
#index_pro1 .p_l .a2 ul li a{ display:block; text-align:center; line-height:3rem; color:#fff; overflow:hidden;}
#index_pro1 .p_l .a2 ul li a p{background:#000;}
#index_pro1 .p_l .a2 ul li a img{ width:100%; transform:scale(1); transition:all 0.5s;}



#index_pro2{ width:100%; overflow:hidden; background:url(image/ind_pro_di.jpg) no-repeat center top #eee; overflow:hidden; }
#index_pro2 .a1{ text-align:center; overflow:hidden; font-size:36px; line-height:90px; margin-top:60px; font-weight:900; color:#fff;}
#index_pro2 .a2{ width:90%; margin:0 auto; overflow:hidden; color:#fff; text-align:center;}
#index_pro2 .a3{ overflow:hidden; margin-top:30px; margin-bottom:80px;}
#index_pro2 .a3 a{ display:block; border-radius:5px; width:94px; line-height:32px; margin:0 auto; color:#fff; background:#ffae00; text-align:center;}

#index_pro2 .a4{ width:100%; margin:0 auto; overflow:hidden;}

#index_pro2 .a4 ul li{ width:100%;}
#index_pro2 .a4 ul li a{ display:block;text-align:center; overflow:hidden;}
#index_pro2 .a4 ul li a p{line-height:3rem; text-align:center; color:#fff; background:#000;}
#index_pro2 .a4 ul li a img{ width:100%; transition:all 0.5s; transform:scale(1);}


#index_pro3{ width:100%; margin:0px auto; overflow:hidden;}
#index_pro3 .p_r{width:100%; overflow:hidden;}
#index_pro3 .p_r img{ width:100%;}
#index_pro3 .p_l{ width:100%; }
#index_pro3 .p_l .a1{ width:100%; background:#f7f7f7; padding-bottom:2rem;}
#index_pro3 .p_l .a1 p{ padding:0 30px;}
#index_pro3 .p_l .a1 p.b1{ font-size:30px; color:#000; font-weight:900; line-height:70px; padding-top:30px;}
#index_pro3 .p_l .a1 p.b2{}
#index_pro3 .p_l .a1 p.b3{ margin-top:24px; overflow:hidden;}
#index_pro3 .p_l .a1 p.b3 a{ display:block; border-radius:5px; width:94px; line-height:32px; color:#fff; background:#ffae00; text-align:center;}

#index_pro3 .p_l .a2{ width:100%; overflow:hidden;}

#index_pro3 .p_l .a2 ul li{ width:100%;}
#index_pro3 .p_l .a2 ul li a{ display:block; text-align:center; line-height:3rem; color:#fff; overflow:hidden;}
#index_pro3 .p_l .a2 ul li a p{background:#000;}
#index_pro3 .p_l .a2 ul li a img{ width:100%; transform:scale(1); transition:all 0.5s;}



#bottom{display:none;}


    #mbottom {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        height: 3rem;
        background: #000;
        z-index: 50;
        overflow: hidden;
    }

        #mbottom ul li {
            width: 20%;
            text-align: center;
            float: left;
        }

            #mbottom ul li a {
                display: block;
                width: 100%;
                font-size: 12px;
                color: #fff;
            }

                #mbottom ul li a img {
                    height: 1.5rem;
                    margin-top: 0.25rem;
                }
                #mbottom ul li a .title {
                   margin-top:-9px;
                }
    #mbottom1 {
        height: 3rem;
        width: 100%;
        overflow: hidden;
    }


#propic{ width:100%;}
#propic img{ width:100%;}

#pro_content{ width:100%; margin:0 auto 0 auto; overflow:hidden;}

#pro_left{ width:100%; background:#f7f7f7;}
#pro_left dl dt{ text-align:center; line-height:3rem; background:url(image/bit.png) no-repeat right center/auto 0.5rem #000; cursor:pointer; color:#fff; font-size:18px;}
#pro_left dl.zzmenu{ display:none;}
#pro_left dl dd{ border-bottom:solid 1px #eee;}
#pro_left dl dd a{ display:block; line-height:50px; text-indent:50px;}
#pro_left dl dd a:hover{ background:#ffae00; color:#fff;}


#pro_right{ width:94%; margin:0px auto; overflow:hidden;padding:5px;background:#fff;}
#title{ line-height:2rem; padding:2rem 0 1rem 0; border-bottom:solid 1px #eee; text-align:center; font-size:1.2rem; color:#000;}
#title span{ display:block;font-size:0.7rem; text-align:center; color:#999; line-height:1rem;}
#title span a{ color:#999;}
#title span a:hover{ color:#000;}

#prolist{ width:100%; overflow:hidden;}
#prolist 
#prolist ul li{ width:100%;margin-top:30px;}
#prolist ul li a{ display:block; text-align:center; line-height:40px; width:80%; margin:0 auto;}
#prolist ul li a div{ overflow:hidden;}
#prolist ul li a img{ width:100%; transition:all 0.5s;}
#prolist ul li a:hover{ background:#000; color:#fff;}
#prolist ul li a:hover img{transform:scale(1.15);}
    #prolist p img {
        width: 100%;height:auto;
    }
#page{ width:100%; text-align:center; overflow:hidden; margin:40px auto 60px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 15px; border:solid 1px #eee;}
#page ul li.num{ display:none;}

#salenet{ width:100%; margin:0px auto 60px auto; overflow:hidden;}
#salenet .sale_pic{ width:100%;}
#salenet .sale_pic img{ width:100%;}
#salenet .sale_list{ width:90%; margin:0 auto; overflow:hidden;}
#salenet .sale_list ul li{ line-height:50px; border-bottom:solid 1px #eee;}
#salenet .sale_list ul li span{ float:right;}


#contact{ width:100%; margin:0px auto 60px auto; overflow:hidden;}
#contact .add{ width:90%; overflow:hidden; margin:0 auto; padding-top:20px; padding-bottom:30px;}
#contact .add p.tt{ font-size:24px; color:#000; font-weight:900; line-height:60px;}

.map{ display:none;}
.mapselect{ width:90%; margin:1rem auto 0 auto; overflow:hidden; }
.mapselect select{ border:solid 1px #ddd; height:3rem; font-size:1rem; padding-left:1rem; line-height:3rem; width:100%;}

    .top-header {
        background-color: #f60;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: table;
    }

        .top-header h3 {
            font-size: 1.6em;
            padding: 1em;
            margin: 0 30%;
            white-space: nowrap;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            color: #fff;
            font-weight: normal;
            display: table-cell;
        }

        .top-header a:first-child {
            width: 14%;
            display: table-cell;
            padding: 0 4%;
            vertical-align: middle;
        }

        .top-header a:last-child {
            width: 14%;
            display: table-cell;
            padding: 0 4%;
            vertical-align: middle;
        }

        .top-header img {
            width: 100%;
            display: block;
        }

    body {
        background-color: #f2f2f2;
    }
    /*瀑布流开始*/
    .wall {
        display: block;
        position: relative;
    }

    .wall-column {
        display: block;
        position: relative;
        width: 50%;
        float: left;
        padding: 0 2%;
        box-sizing: border-box;
    }

    .article {
        display: block;
        margin: 0 0 2% 0;
        padding: 2%;
        background: white;
        border-radius: 3px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
        transition: all 100;
        overflow: hidden;
        position: relative;
    }

        .article:hover {
            transform: scale(1.01);
        }

        .article img {
            display: block;
            width: 100%;
            margin: 0 0 5% 0;
        }

        .article a {
            color: #666;
        }

        .article p {
            width: 100%;
            font-size: 1.2em;
            line-height: 1.5;
        }

        .article small {
            font-size: 1em;
            color: #ff0000;
            line-height: 1.5;
        }

        .article input {
            width: 20%;
            padding: 0.6em;
            border-radius: 0.4em;
            font-size: 1.1em;
            z-index: 100;
            background-color: #f60;
            border: none;
            position: absolute;
            bottom: 3%;
            right: 5%;
            color: #fff;
            box-shadow: 0 0 7px #d7d7d7;
        }
    /*瀑布流结束*/
    .wrapper h3 {
        text-align: center;
        margin: 0 20%;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #333;
        overflow: hidden;
        font-size: 1.5em;
        padding: 0.7em 0;
    }

    .wrapper h4 {
        width: 90%;
        margin: 0 5%;
        text-align: justify;
        font-weight: normal;
        color: #999;
        font-size: 1.2em;
        margin-bottom: 3%;
        line-height: 1.5;
    }
}
/*分页*/

.pageNumber {
    text-align: center;
    margin: 5px;
    margin-bottom: 50px;
}

    .pageNumber .pagination {
    }

    .pageNumber span.page-cur {
        background-color: #5AC1DF;
        color: #fff;
    }

    .pageNumber .pagination .page-skip {
        display: inline-block;
        height: 29px;
        font-size: 12px;
        line-height: 29px;
        margin-left: 5px;
    }

.pagination .page-break {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-left: none;
    color: #337ab7;
    font-size: 12px;
}

.pageNumber .pagination .page-skip input {
    border: 1px solid #ddd;
    width: 29px;
    height: 29px;
    text-align: center;
    margin: 0 5px;
    vertical-align: middle;
}

.pagination span.page-cur, .pagination a {
    padding: 0 15px;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    color: #222222;
    line-height: 38px;
    height: 38px;
    float: left;
    margin-left: 12px;
    cursor: pointer;
}

.pageNumber .pagination .page-skip input.button {
    background-color: #5bc0de;
    border-color: #46b8da;
    border-radius: 4px;
    color: #fff;
    width: auto;
    padding: 5px 10px;
}
/*分页*/