.zzIndex_Title {
    width: 100%;
    text-align: center;
}
    .zzIndex_Title dd {
        width: 100%;
        height: 60px;
        line-height: 45px;
        font-size: 18px;
        color: #dc3a38;
    }

        .zzIndex_Title dd span {
            color: #000;
        }

    .zzIndex_Title dt {
        width: 100%;
        height: 55px;
        line-height: 55px;
        color: #fff;
        background: url(../Images/index_title_bg.png);
        background-repeat: no-repeat;
    }

.zzIndex_Pic {
    width: 460px;
    float: left;
    margin: 0 20px;
}
.zzIndex_Pic img {
    width: 100%;
}

.zzIndex_Product {
    width: 700px;
    float: left;
    height: auto;
    overflow: hidden;
}
#tabs1 {
    text-align: left;
    width: 700px;
}

.menu1box {
    position: relative;
    overflow: hidden;
    height: 60px;
    width: 700px;
    text-align: left;
}

#menu1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    #menu1 li {
        float: left;
        display: block;
        cursor: pointer;
        width: 209px;
        line-height: 20px;
        height: 40px;
        padding: 0 0 0 20px;
        border-right: 1px solid #333;
    }

        #menu1 li span {
            font-size: 12px;
            font-family: "Arial";
            color: #999;
        }

        #menu1 li.hover {
            background: #fff;
            font-size: 16px;
            color: #dc3a38;
        }
        #menu1 li.hover span {
            color: #dc3a38;
            font-size: 14px;
        }

.main1box {
    clear: both;
    margin-top: -1px;
    height: auto;
    overflow: hidden;
    width: 700px;
}

#main1 ul {
    display: none;
}

    #main1 ul.block {
        display: block;
    }

    .zzIndexWap_Product{display:none;}
.zzIndex_Product_List {
    width: 700px;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
}

    .zzIndex_Product_List dt {
        float: left;
        margin: 0 10px 20px 15px;
        display: inline;
        width: 320px;
        height: 230px;
        overflow: hidden;
        position: relative;
    }

        .zzIndex_Product_List dt .photo {
            width: 320px;
            height: 230px;
            overflow: hidden;
        }

            .zzIndex_Product_List dt .photo img {
                width: 320px;
                height: 230px;
            }

    .zzIndex_Product_List .rsp {
        width: 320px;
        height: 230px;
        overflow: hidden;
        position: absolute;
        background: #000;
        top: 0px;
        left: 0px;
    }

    .zzIndex_Product_List .text {
        position: absolute;
        width: 320px;
        height: 230px;
        left: -300px;
        top: 0px;
        overflow: hidden;
    }

        .zzIndex_Product_List .text h3 {
            width: 320px;
            margin-top: 60px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #FFFFFF;
            font-size: 18px;
        }

        .zzIndex_Product_List .text a {
            text-decoration: none;
        }

        .zzIndex_Product_List .text div {
            width: 80%;
            height: 40px;
            overflow: hidden;
            line-height: 20px;
            text-align: center;
            color: #FFFFFF;
            font-size: 12px;
            margin: 10px auto 0 auto;
        }

.zzIndex_Advantage {
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: url(../Images/index_advantage_bg.jpg) center;
    text-align: center;
    padding: 60px 0 40px 0;
}

.zzIndex_Advantage_List dd {
    width: 210px;
    float: left;
    color: #dc3a38;
    font-size: 45px;
    font-family: "Arial";
    line-height: 50px;
}

    .zzIndex_Advantage_List dd span {
        font-size: 12px;
        vertical-align: super;
    }

    .zzIndex_Advantage_List dd div {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

.zzIndex_Advantage_List dt {
    width: 120px;
    float: left;
}

    .zzIndex_Advantage_List dt div {
        width: 60px;
        height: 1px;
        background: #dc3a38;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }

.zzIndex_About {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.zzIndex_About_Content {
    width: 50%;
    float: left;
    height: auto;
    overflow: hidden;
    background: url(../Images/index_about_bg.jpg) no-repeat;
}
        .zzIndex_About_Content  h2 {
        width: 600px;
        float: right;
            height: 60px;
            line-height: 70px;
            font-weight: bold;
            font-size: 20px;
        }
    .zzIndex_About_Content .content {
        width: 600px;
        float: right;
    }
        .zzIndex_About_Content .content div {
            width: 100%;
            height: 180px;
            overflow: hidden;
            line-height: 30px;
            margin: 30px 0;
        }

        .zzIndex_About_Content .content a {
            color: #fff;
            background: #dc3a38;
            padding: 10px 30px 10px 30px;
        }
            .zzIndex_About_Content .content a:hover {
                background: #c50000;
            }

.zzIndex_About_Pic {
    width: 50%;
    float: left;
    text-align: center;
}

    .zzIndex_About_Pic img {
        max-width: 500px;
    }

.zzIndex_News_Left {
    width: 46%;
    float: left;
    margin-right: 4%;
    background: #f7f7f7;
}

    .zzIndex_News_Left:hover {
        background: #dc3a38;
    }

        .zzIndex_News_Left:hover a {
            color: #fff;
        }

        .zzIndex_News_Left:hover .index_news div {
            color: #fff;
        }

        .zzIndex_News_Left:hover .index_news span {
            color: #fff;
        }

.index_news {
    width: 90%;
    margin: 50px auto;
    line-height: 20px;
}

    .index_news a {
        font-size: 16px;
    }

    .index_news div {
        width: 100%;
        height: 66px;
        line-height: 22px;
        overflow: hidden;
        color: #999;
        font-size: 12px;
        margin: 10px 0;
    }

    .index_news img {
        width: 100%;
        height: 200px;
    }

    .index_news span {
        color: #999;
        font-size: 18px;
    }

.zzIndex_News_Right {
    width: 50%;
    float: left;
}

.index_news_list {
    width: 94%;
    height: auto;
    overflow: hidden;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #eee;
    padding: 20px 2%;
    margin: 10px 0;
}

    .index_news_list:hover {
        border: 1px solid #dc3a38;
    }

        .index_news_list:hover a {
            color: #dc3a38;
        }

        .index_news_list:hover .right div a {
            color: #dc3a38;
        }

    .index_news_list .left {
        width: 80%;
        float: left;
        line-height: 40px;
    }

        .index_news_list .left a {
            font-size: 16px;
        }

        .index_news_list .left div {
            width: 100%;
            height: 50px;
            line-height: 25px;
            overflow: hidden;
            color: #999;
            font-size: 12px;
        }

    .index_news_list .right {
        width: 20%;
        float: left;
        text-align: right;
        line-height: 40px;
    }

        .index_news_list .right span {
            font-size: 18px;
            color: #999;
        }

        .index_news_list .right div {
            width: 40px;
            float: right;
            border-left: 1px solid #ccc;
            text-align: center;
            color: #999;
            line-height: 20px;
            margin: 10px 0;
        }

            .index_news_list .right div a {
                color: #999;
            }

.zzIndex_More {
    width: 100%;
}

    .zzIndex_More div {
        width: 160px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #eee;
        margin: 40px auto;
    }

        .zzIndex_More div:hover {
            background: #dc3a38;
        }

            .zzIndex_More div:hover a {
                color: #fff;
            }

    .zzIndex_More a:hover {
        color: #fff;
    }

.sc_product {
    position: relative;
    left: 200px;
    transition: all 1s;
}

.sc_product-mv {
    position: relative;
    left: 0;
}

.sc_about {
    position: relative;
    right: 200px;
    transition: all 1s;
}

.sc_about-mv {
    position: relative;
    right: 0;
}

.sc_news {
    position: relative;
    top: 200px;
    transition: all 1s;
}

.sc_news-mv {
    position: relative;
    top: 0;
}


@media(max-width:768px) {
    .title-text{
        width:100%;
        line-height:50px;
    }
    .title-text span {
        display: block; /*设置为块级元素会独占一行形成上下居中的效果*/
        position: relative; /*定位横线（当横线的父元素）*/
        .fs(14);
        text-align: center;
    }
    .title-text span:before, .title-text span:after {
        content: '';
        position: absolute; /*定位背景横线的位置*/
        top: 50%;
        background: #ccc; /*背景横线颜色*/
        width: 25%; /*单侧横线的长度*/
        height: 2px;
    }
    .title-text span:before {
        left: 2%; /*调整背景横线的左右距离*/
    }
    .title-text span:after {
        right: 2%;
    }


    .zzIndex_Title {
        width: 100%;
        text-align: center;
        height: auto;
        overflow: hidden;
        background: url(../Images/windex_title_bg.png);
    }

        .zzIndex_Title dd {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            color: #dc3a38;
        }

            .zzIndex_Title dd span {
                color: #000;
            }

        .zzIndex_Title dt {
            width: 35%;
            height: 28px;
            line-height: 28px;
            color: #fff;
            background: #dc3a38;
            background-repeat: no-repeat;
            margin: 0 auto;
        }

  .zzIndexWap_Product{
      width:92%;
      display:block;
      margin:0 auto 30px auto;
  }
    .zzIndexWap_Product_List {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: 20px 0;
        border:1px solid  #dc3a38;
        padding:10px 2%;
    }

        .zzIndexWap_Product_List li {
            width: 100%;
            height: auto;
            overflow: hidden;
            text-align:center;
        }
            .zzIndexWap_Product_List li img {
                width: 100%;
                height: 300px;
            }

            .zzIndexWap_Product_List li h3 {
                width: 100%;
                height: 30px;line-height:30px;
                overflow: hidden;
                font-size:16px;
            }

                .zzIndexWap_Product_List li  div {
                    width: 30%;
                    height: 30px;line-height:30px;
                    background:#dc3a38;
                    color:#fff;
                    margin:0 auto 20px auto;
                }

    .zzIndex_Advantage {
        width: 100%;
        height: 190px;
        overflow: hidden;
        background: url(../Images/index_advantage_bg.jpg) center;
        text-align: center;
        padding: 30px 0 30px 0;
    }

    .zzIndex_Advantage_List dd {
        width: 50%;
        float: left;
        color: #dc3a38;
        font-size: 45px;
        font-family: "Arial";
        line-height: 40px;
        margin: 10px 0;
    }

        .zzIndex_Advantage_List dd span {
            font-size: 12px;
            vertical-align: super;
        }

        .zzIndex_Advantage_List dd div {
            width: 100%;
            height: 35px;
            line-height: 35px;
            color:#000;
        }

    .zzIndex_Advantage_List dt {
        display: none;
    }

    .zzIndex_About {
        width: 90%;
        height:auto;overflow:hidden;
        margin: 20px auto;
    }

    .zzIndex_About_Content {
        width: 100%;
        background: none;
    }
        .zzIndex_About_Content h2 {
            width:100%;
            height: 50px;
            line-height: 50px;
            text-align:center;
            font-weight:normal;
        }
        .zzIndex_About_Content .content {
            width: 96%;
            margin: 10px auto;
            text-align: center;
            background: url(../Images/wap_aboutbg.jpg);
            padding:20px 0 30px 0;
            background-size:cover;
        }
            .zzIndex_About_Content .content div {
                width: 90%;
                height: 205px;
                line-height: 30px;
                margin: 20px 3% 30px 3%;
                background: rgba(255,255,255,0.8);
                padding: 10px 2%;
            }

    .zzIndex_About_Pic {
        display: none;
    }

    .zzIndex_News_Left {
        width: 100%;
        background: #f7f7f7;
    }
    .zzIndex_News_Left:hover{background:#f7f7f7;}
            .zzIndex_News_Left:hover a {
            color: #333;
        }

        .zzIndex_News_Left:hover .index_news div {
            color: #999;
        }
        .zzIndex_News_Left:hover .index_news span {
            color: #999;
        }

    .index_news {
        margin: 20px auto;
    }
        .index_news div {
            width: 100%;
            height: 40px;
            line-height: 20px;
            overflow: hidden;
            color: #999;
            font-size: 12px;
            margin: 10px 0;
        }

    .zzIndex_News_Right {
        width: 100%;
    }

    .index_news_list {
        width: 94%;
        height: auto;
        overflow: hidden;
        border: 1px solid #fff;
        border-bottom:1px solid #eee;
        padding: 10px 2%;
        margin: 20px 0;
    }

        .index_news_list .left {
            line-height: 30px;
        }
}