@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(min-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:100%;}

#logo{ width:100%; overflow:hidden; position:absolute; z-index:500;}
#logo p{ width:1200px; margin:0 auto; overflow:hidden; margin-top:46px;}
#top{ width:100%; position:absolute; left:0; z-index:500;}
#top .top{ width:1200px; margin:0 auto; overflow:hidden; background:#fff;}
#top1{ width:100%; height:80px; overflow:hidden; display:none;}

#menu{ float:left; margin-left:20px; overflow:hidden; width:800px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:40px; border-radius:5px; margin:30px 0; color:#000; font-size:16px; padding:0 25px;}
#menu ul li a:hover{ background:#ffae00; color:#fff;}
#menu ul li a.it{ background:#ffae00; color:#fff;}

#menu ul li .zmenu{ position:absolute; background:#fff; display:none;}
#menu ul li .zmenu .a_l{ float:left;}
#menu ul li .zmenu dl dt{ border-bottom:solid 1px #eee;}
#menu ul li .zmenu dl dt a{ line-height:40px; margin:0; font-size:14px; background:#fff;  border-radius:0px}
#menu ul li .zmenu dl dt a:hover{ background:#ffae00; color:#fff;}
#menu ul li .zmenu dl dd{ border-bottom:solid 1px #ddd;}
#menu ul li .zmenu dl dd a{ line-height:40px; margin:0; color:#666; font-size:14px; background:#eee;  border-radius:0px}
#menu ul li .zmenu dl dd a:hover{ background:#000; color:#fff;}
#menu ul li .zmenu .a_r{ float:right; padding:0 20px 20px 0;}

#menu_btn{ display:none;}
#close{ display:none;}

#search{ width:260px; height:40px; float:right; margin:30px 30px 0 0; background:#eee; overflow:hidden;}
#search input{ width:200px; height:40px; text-indent:10px; line-height:40px; background:none; border:0; float:left;}
#search button{ background:#eee; cursor:pointer;}

#index_pro1{ width:1200px; margin:20px auto; overflow:hidden;}
#index_pro1 .p_r{ float:left; width:600px; overflow:hidden;}
#index_pro1 .p_l{ width:590px; float:right;}
#index_pro1 .p_l .a1{ width:100%; background:#f7f7f7; height:270px; margin-bottom:10px;}
#index_pro1 .p_l .a1 p{ padding:0 50px;}
#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 .a1 p.b3 a:hover{ width:120px; background:#004ad3;}

#index_pro1 .p_l .a2{ width:100%; overflow:hidden;}
#index_pro1 .p_l .a2 ul{ width:600px;}
#index_pro1 .p_l .a2 ul li{ width:290px; margin-right:10px; float:left;}
#index_pro1 .p_l .a2 ul li a{ display:block; text-align:center;color:#fff; overflow:hidden;}
#index_pro1 .p_l .a2 ul li a p{ position:absolute; margin-top:-181px; background:rgba(0,0,0,0.8); width:290px; opacity:0; transition:all 0.5s;}
#index_pro1 .p_l .a2 ul li a img{ width:100%; transform:scale(1); transition:all 0.5s;}
#index_pro1 .p_l .a2 ul li a:hover img{ width:100%; transform:scale(1.15);}
#index_pro1 .p_l .a2 ul li a:hover p{ opacity:1;}


#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:740px; 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 .a3 a:hover{ width:120px; background:#004ad3;}
#index_pro2 .a4{ width:1200px; margin:0 auto; overflow:hidden;}
#index_pro2 .a4 ul{ width:1300px;}
#index_pro2 .a4 ul li{ width:380px; float:left; margin-right:30px;}
#index_pro2 .a4 ul li a{ display:block; line-height:282px; text-align:center; overflow:hidden;}
#index_pro2 .a4 ul li a p{ width:380px; line-height:282px; text-align:center; color:#fff; position:absolute; margin-top:-282px; background:rgba(0,0,0,0.8); opacity:0; transition:all 0.5s;}
#index_pro2 .a4 ul li a img{ width:100%; transition:all 0.5s; transform:scale(1);}
#index_pro2 .a4 ul li a:hover p{ opacity:1;}
#index_pro2 .a4 ul li a:hover img{transform:scale(1.15);}

#index_pro3{ width:1200px; margin:20px auto; overflow:hidden;}
#index_pro3 .p_r{ float:right; width:600px; overflow:hidden;}
#index_pro3 .p_l{ width:590px; float:left;}
#index_pro3 .p_l .a1{ width:100%; background:#f7f7f7; height:270px; margin-bottom:10px;}
#index_pro3 .p_l .a1 p{ padding:0 50px;}
#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 .a1 p.b3 a:hover{ width:120px; background:#004ad3;}

#index_pro3 .p_l .a2{ width:100%; overflow:hidden;}
#index_pro3 .p_l .a2 ul{ width:600px;}
#index_pro3 .p_l .a2 ul li{ width:290px; margin-right:10px; float:left;}
#index_pro3 .p_l .a2 ul li a{ display:block; text-align:center; line-height:181px; color:#fff; overflow:hidden;}
#index_pro3 .p_l .a2 ul li a p{ position:absolute; margin-top:-181px; background:rgba(0,0,0,0.8); width:290px; opacity:0; transition:all 0.5s;}
#index_pro3 .p_l .a2 ul li a img{ width:100%; transform:scale(1); transition:all 0.5s;}
#index_pro3 .p_l .a2 ul li a:hover img{ width:100%; transform:scale(1.15);}
#index_pro3 .p_l .a2 ul li a:hover p{ opacity:1;}



#bottom{ width:100%; background:#333; overflow:hidden;}
.bottom{ width:1200px; margin:20px auto 50px auto; overflow:hidden; color:#fff;}
.bottom .a1{ float:left;}
.bottom .a1 div.b1{ margin-top:40px;}
.bottom .a1 div.b1 span{ padding:0 25px;}
.bottom .a1 div.b1 a{ color:#fff; font-size:16px;}
.bottom .a1 div.b1 a:hover{ text-decoration:underline;}
.bottom .a1 div.b2{ margin-top:20px; overflow:hidden;}
.bottom .a1 div.b2 .c{ width:400px; float:left;}
.bottom .a1 div.b2 .c p.k1{ font-size:14px; line-height:16px;}
.bottom .a1 div.b2 .c p.k2{ font-family:impact; color:#ffae00; font-size:36px; line-height:40px; padding-bottom:10px;}

.bottom .a2{ float:right; text-align:center; margin-left:20px; line-height:36px; margin-top:34px;}
.bottom .a2 div.li{ float:left; margin-left:40px;}

.bottom1{ width:100%; margin:0 auto; overflow:hidden; line-height:80px; color:#fff; background:#191919;}
.bottom1 a{ color:#fff; margin-left:20px;}
.bottom1 .k{ width:1200px; margin:0 auto; overflow:hidden;}

#mbottom{ display:none;}
#mbottom1{ display:none;}

#propic{ width:100%;max-width:1920px;margin:0 auto;}
#propic img{ width:100%;}

#pro_content{ width:1200px; margin:10px auto 0 auto; overflow:hidden;}

#pro_left{ float:left; width:250px; background:#f7f7f7;}
#pro_left dl dt{ text-align:center; line-height:60px; background:#000; color:#fff; font-size:18px;}
#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_left dl dd a.it{ background:#ffae00; color:#fff;}

#pro_right{ width:900px; float:right; overflow:hidden;}
#title{ line-height:60px; border-bottom:solid 1px #eee; font-size:18px; color:#000;}
#title span{ font-size:14px; float:right; color:#999;}
#title span a{ color:#999;}
#title span a:hover{ color:#000;}

#prolist{ width:100%; overflow:hidden;}
#prolist p img { width:100%;height:auto;}
#prolist ul li{ width:33.33%; float:left; margin-top:30px;}
#prolist ul li a{ display:block; text-align:center; line-height:40px; width:90%; 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);}

#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 a:hover{ border:solid 1px #000;}
#page ul li a.it{ border:solid 1px #000; background:#000; color:#fff;}

#salenet{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#salenet .sale_pic{ width:800px; float:left; margin-top:50px;}
#salenet .sale_list{ width:400px; float:right; padding-top:60px;}
#salenet .sale_list ul li{ line-height:50px; border-bottom:solid 1px #eee;}
#salenet .sale_list ul li span{ float:right;}

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

.map{ position:relative;width:856px; margin:0 auto;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

.mapselect{ display:none;}



    .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: 49%;
        float: left;
        padding: 0 0.5%;
        box-sizing: border-box;
        text-align:center;
    }

    .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;
}
/*分页*/