@import url("zzBanner.css");
body{background:#fff;}
body, form {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "Arial",'Times New Roman',"宋体";
    color: #333;
}
* {
    font-family: "Arial",'Times New Roman',"宋体";
    margin: 0;
    padding: 0;
    word-break: break-all;
    word-wrap:break-word;
}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}

.topWidth {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.width {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}
.width100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.m10{margin:10px;}
.mtb{ margin-top:10px; margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}


/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
    .List_page span {
        background: #243e9a;
        color: #fff;
        margin: 0px 1px;
        padding: 4px 6px;
        border: 1px solid #243e9a;
    }
/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}


/*图片列表*/

/*导航*/
.productNav{
    width:96%;
    height:auto;overflow:hidden;
    padding:0 2%;
    
}
    .productNav li {
        float: left;
        line-height: 40px;
        margin-right: 10px;
        padding: 0 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 18px;
    }
    .productNav .active {
        background-color:#ffeebf;
    }
.productSubNav {
    width: 96%;
    height: auto;
    overflow: hidden;
    background-color: #ffeebf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 2% 0 2%;
}
    .productSubNav li {
        float: left;
        margin-right: 10px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
        padding: 0 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 18px;
    }
    .productSubNav .active{
        background-color:#ffe295;
    }

.listProduct {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .listProduct li {
        width: 43.5%;
        float: left;
        margin: 20px 1%;
        border: 1px solid #dfdede;
        transition:all 0.5s;
        padding:20px 2%;
    }
    .listProduct li:hover{
        box-shadow:0 0 10px #ccc;
    }
    .listProductPic{
        width:33%;float:left;
        margin-right:2%;
    }
    .listProductPic img{
        width:100%;
    }

    .listProductContent{
        width:65%;float:left;
        padding-top:20px;
    }
    .listProductContent h2{
        width:100%;
        height:auto;overflow:hidden;
        line-height:30px;
        font-size:24px;
        font-weight:bold;
        margin-bottom:10px;
    }
        .listProductContent h3 {
            width: 100%;
            height: 25px;
            overflow: hidden;
            line-height: 25px;
            font-size: 12px;
            color:#666;
        }
        .listProductContent div{
            width:100%;
            margin-top:20px;
            height:auto;overflow:hidden;
        }
            .listProductContent div span {
                display:inline-block;
                border-radius: 30px;
                padding:0 40px;
                border: 1px solid #ffba00;
                color:#ffba00;
                transition:all 0.5s;
                line-height:30px;
            }
            .listProductContent div span:hover{
                background-color:#ffba00;
                color:#fff;
            }

/*文本列表*/
.listText{
    width:100%;
    height:auto;overflow:hidden;
}
.listText li{
    width:43.5%;float:left;
    height:auto;overflow:hidden;
    border:1px solid #eee;
    margin:20px 1%;
    transition:all 0.5s;
    padding:20px 2%;
}
.listText li:hover{
    box-shadow:0 0 10px #ccc;
}
.listText li h2{
    width:100%;
    height:60px;line-height:30px;overflow:hidden;
    font-size:24px;
    font-weight:bold;
}
    .listText li h3 {
        width: 100%;
        height: 40px;overflow:hidden;
        line-height: 20px;
        font-size: 15px;
        color:#666;
        margin:20px auto;
    }
    .listText li div span{
        display:inline-block;
        background-color:#ffba00;
        color:#fff;
        padding:5px 20px;
        transition:all 0.5s;
    }
    .listText li:hover div span{
        background-color:#f30;
    }

/*案例*/
.listCase{
    width:100%;
    height:auto;overflow:hidden;
}
    .listCase li {
        width: 22%;
        float: left;
        height: auto;
        overflow: hidden;
        border: 1px solid #fff;
        margin: 10px 1%;
        transition: all 0.5s;
        padding:10px 0.5%;
    }

        .listCase li:hover {
            box-shadow: 0 0 10px #ccc;
        }

        .listCase li h2 {
            width: 100%;
            height: 60px;
            line-height: 30px;
            overflow: hidden;
            font-size: 24px;
            font-weight: bold;
        }

        .listCase li h3 {
            width: 100%;
            height: 40px;
            overflow: hidden;
            line-height: 40px;
            font-size: 15px;
            color: #888;
        }

        .listCase li div img{
            width:100%;
        }

        .listCase li h4 {
            width: 100%;
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            font-size: 15px;
            color: #999;
            margin: 20px auto;
        }

/*公司简介*/
.pageAboutPic {
    width: 45%;
    float: left;
    margin-right: 3%;
}
.pageAboutPic img{max-width:100%;}
.pageAboutContent{
    width:52%;float:left;
}
.pageAboutContentTitle{
    width:100%;
}
.pageAboutContentTitle h2{
    width:100%;
    line-height:50px;
    color:#000;
    font-size:35px;
    font-weight:bold;
}
    .pageAboutContentTitle s {
        width: 50px;
        height: 3px;
        background-color: #ffba00;
        border-radius: 2px;
        display: inline-block;
    }

.pageTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.pageTitle h3{
    width:100%;
    height:50px;line-height:50px;
    font-size:35px;
    font-weight:bold;
}
    .pageTitle s {
        display: inline-block;
        width: 60px;
        height: 5px;
        background-color: #ffba00;
    }


.pageIdeaLeft{
    width:25%;float:left;
    margin-right:5%;
    height:auto;overflow:hidden;
    position:relative;
}
.pageIdeaLeft img{
    width:100%;
}
    .pageIdeaLeft .word {
        width:80%;
        left:10%;
        position:absolute;
        top:80px;
    }
    .pageIdeaLeft .word h3{
        font-size:30px;
        color:#fff;
        line-height:60px;
    }
        .pageIdeaLeft .word s {
            width: 50px;
            height: 3px;
            background-color: #ffba00;
            border-radius:2px;
            display:inline-block;
        }

.pageIdeaRight {
    width: 70%;
    float: left;
}
    .pageIdeaRight li {
        width: 20.5%;
        float: left;
        border: 1px solid #dfdede;
        padding:50px 2%;
        text-align:center;
    }
        .pageIdeaRight li .pic {
            width: 100%;
        }
            .pageIdeaRight li .pic img {
                max-width: 40%;
            }

        .pageIdeaRight li .title {
            width: 100%;
            height: 60px;
            line-height: 60px;
            font-size: 20px;
            color: #000000;
        }
        .pageIdeaRight li .line {
            width: 100%;
            height: 2px;
            background-color: #dfdede;
        }
            .pageIdeaRight li .line s {
                width: 20%;
                height: 2px;
                background-color: #ffba00;
                display:inline-block;
            }
        .pageIdeaRight li .list {
            width: 100%;
            height: 125px;
            overflow: hidden;
            margin: 20px auto 0 auto;
        }
            .pageIdeaRight li .list dd {
                width: 100%;
                height: 25px;
                overflow: hidden;
                line-height: 25px;
            }

    .pageHonorList {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .pageHonorList li {
        width: 16.5%;
        float: left;
        height: auto;
        overflow: hidden;
        margin: 20px 1%;
        padding: 10px 0.5%;
    }
.pageHonorList li img{
   width:100%;
    border:1px solid #eee;
}


.pageFactory {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #ecf0f3;
    padding: 50px 0;
}

.pageFactoryList{
    height:auto;overflow:hidden;
}
.pageFactoryList li{
    width:24%;float:left;
    margin:10px 1%;
}
    .pageFactoryList li:nth-child(1){
        width:48%;
        margin:10px 0;
    }
    .pageFactoryList li img {
        width: 100%;
    }

/*联系我们*/
.pageContactLeft{
    width:50%;float:left;
}
.pageContactRight{
    width:48%;float:left;
    margin-left:2%;
}

.pageContactList{
    width:100%;
    height:auto;overflow:hidden;
}
.pageContactList li{
    width:48%;float:left;
    margin:10px 1%;
    border-bottom:1px dashed #ccc;
    padding-bottom:20px;
}
    .pageContactList li h2{
        font-size:18px;
        font-weight:bold;
        line-height:40px;
    }
    .pageContactList li h3 {
        font-size: 14px;
        color:#555;
        line-height:30px;
    }

.pageBook{
    width:80%;
    height:auto;overflow:hidden;
    border:1px solid #eee;
    margin:5px auto 20px auto;
    padding:40px 2% 20px 2%;
    box-shadow:0 0 10px #eee;
}
.pageBook dt{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:20px;
}
    .pageBook dt span{
        width:18%;float:left;
        text-align:right;
        margin-right:2%;
    }
    .pageBook dt input,textarea{
        border:1px solid #f1f1f1;
    }
    .pageBook dt .input {
        width: 78%;
        height: 40px;
        line-height: 40px;
        text-indent: 20px;
    }
    .pageBook dt .inputs {
        width: 78%;
        height:120px;
        line-height: 30px;
        text-indent: 20px;
    }
    .pageBook dt .inputYzm {
        width: 28%;
        height: 40px;
        line-height: 40px;
        text-indent: 20px;
    }

.pageBook dt .btn {
    width: 28%;
    height: 40px;
    line-height: 40px;
    background-color: #f30;
    color: #fff;
    border: 0;
    margin-left:20%;
}

/*信息详情*/
.infoPosition {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height:28px;
    background-color: #eff1f4;
    padding: 20px 0;
}
.infoLeft{
    width:76%;float:left;
    margin-right:2%;
    box-shadow:10px 10px 10px #eee;
    padding-right:2%;
    margin-bottom:30px;
    border-bottom-right-radius:10px;
}
.infoRight{
    width:20%;float:left;
}

.infoTitle{
    width:94%;
    height:auto;overflow:hidden;
    line-height:40px;
    font-size:40px;
    font-weight:bold;
    text-align:center;
    margin:0 auto;
}
.infoDate {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
    line-height: 25px;
    color: #999;
    text-align: center;
}

.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:28px;}
.info_content img{max-width:100%;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:28px;}
    .other_content img {
        max-width: 100%;
    }

.infoNext{
    width:100%;
    height:auto;overflow:hidden;
    margin:10px auto;
}
.infoNext li{
    width:48%;float:left;
    margin:0 1%;
    height:40px;line-height:40px;
    overflow:hidden;
    font-size:16px;
    color:#666;
}
.infoBack{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    margin:30px auto;
}
.infoBack a{
    display:inline-block;
    width:80px;
    height:80px;line-height:80px;
    background-color:#ffba00;
    color:#fff;
    border-radius:50%;
    font-size:20px;
    transition:all 0.5s;
}
.infoBack a:hover{
    background-color:#f30;
    box-shadow:0 0 10px #ccc;
}


.infoRightList {
    width: 98%;
    height: auto;
    overflow: hidden;
    border: 1px solid #eee;
    padding:10px 0 20px 0;
}
    .infoRightList .title {
        width: 100%;
        line-height: 60px;
        font-size: 20px;
        text-align: center;
    }
    .infoRightList .list {
        width: 100%;
    }
        .infoRightList .list li {
            width: 90%;
            height: 50px;
            line-height:25px;
            overflow: hidden;
            transition: all 0.6s;
            margin:0 auto 10px auto;
        }
            .infoRightList .list li:hover {
                background-color:#f1f1f1;
            }


/*产品详情*/
.productShow {
    width:100%;
    height:auto;overflow:hidden;
}
.productShowPic{
    width:47%;float:left;
    margin-right:3%;
}
.thumb{
    width:20%;float:left;
    margin-right:2%;
}
.productShowPic .thumb img {
    width: 99%;
    border: 1px solid #ff0000;
}
.big{
    width:78%;float:left;
}
.productShowPic .big img {
    width: 99%;
    border: 1px solid #eee;
}


.productShowTitle {
    width: 50%;
    float: left;
}
.productShowTitle h1{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:26px;
    font-weight:bold;
    border-bottom:1px solid #Eee;
    padding-bottom:20px;
    margin-bottom:30px;
}
.productShowTitle h2{
    width:100%;
    height:auto;overflow:hidden;
    line-height:25px;
    margin-bottom:10px;
    font-size:15px;
}

.productShowContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}

.productShowRelated {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}
.productShowRelatedTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
    text-align:center;
}
.productShowRelatedList{
    width:100%;
    height:auto;overflow:hidden;
    position:relative;
    padding-bottom:10px;
    margin:40px auto;
}
    .productShowRelatedList .list {
        width:100%;
        text-align:center;
    }
    .productShowRelatedList .list div img {
        width: 99%;
        max-height:300px;
        border:1px solid #eee;
    }
      .productShowRelatedList .list h2{
          width:100%;
          height:50px;line-height:50px;
          overflow:hidden;
          font-size:16px;
      }

@media(max-width:720px) {
    .width {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        overflow: hidden;
    }

    /*导航*/
    .productNav {
        width: 96%;
        height: auto;
        overflow: hidden;
        padding: 0 2%;
    }

        .productNav li {
            width:50%;
            float: left;
            height:40px;overflow:hidden;
            line-height: 40px;
            font-size: 18px;
            margin:0;
            padding:0;
            text-align:center;
            border-bottom:1px solid #fff;
        }

        .productNav .active {
            background:transparent;
            border-bottom:1px solid #ffba00;
        }

    .productSubNav {
        width: 96%;
        height: auto;
        overflow: hidden;
        background-color: #ffeebf;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 0px 2% 0 2%;
    }

        .productSubNav li {
            margin:10px 0 0 0;
        }

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

        .listProduct li {
            width: 93.5%;
            float: left;
            margin: 20px 1%;
            border: 1px solid #dfdede;
            transition: all 0.5s;
            padding: 10px 2%;
        }

            .listProduct li:hover {
                box-shadow: 0 0 10px #ccc;
            }

    .listProductPic {
        width: 33%;
        float: left;
        margin-right: 2%;
    }

    .listProductContent {
        width: 65%;
        float: left;
        padding-top: 20px;
    }

        .listProductContent h2 {
            margin-bottom: 5px;
        }

        .listProductContent div {
            margin-top: 10px;
        }

            .listProductContent div span {
                display: inline-block;
                border-radius: 30px;
                padding: 0 30px;
                border: 1px solid #ffba00;
                font-size:12px;
            }


    /*文本列表*/
        .listText li {
            width: 89.5%;
            float: left;
            height: auto;
            overflow: hidden;
            border: 1px solid #eee;
            margin: 20px 1%;
            transition: all 0.5s;
            padding: 20px 4%;
        }

    /*案例*/
        .listCase li {
            width: 47%;
            float: left;
            height: auto;
            overflow: hidden;
            border: 1px solid #fff;
            margin: 10px 1%;
            transition: all 0.5s;
            padding: 10px 0.5%;
        }

    /*公司简介*/
    .pageAboutPic {
        width: 100%;
    }

    .pageAboutContent {
        width: 100%;
        float: left;
        margin-top:30px;
    }

    .pageIdeaLeft {
        width: 100%;
        float: left;
        margin-right: 0;
        height: auto;
        overflow: hidden;
        position: relative;
    }

        .pageIdeaLeft img {
            width: 100%;
        }

        .pageIdeaLeft .word {
            width: 80%;
            left: 10%;
            position: absolute;
            top: 80px;
        }

            .pageIdeaLeft .word h3 {
                font-size: 30px;
                color: #fff;
                line-height: 60px;
            }

            .pageIdeaLeft .word s {
                width: 50px;
                height: 3px;
                background-color: #ffba00;
                border-radius: 2px;
                display: inline-block;
            }

    .pageIdeaRight {
        width:100%;
        float: left;
        margin-top:20px;
    }

        .pageIdeaRight li {
            width: 40.5%;
            float: left;
            border: 1px solid #dfdede;
            padding: 50px 2%;
            text-align: center;
            margin-left:3%;
        }

        .pageHonorList li {
            width: 47%;
            float: left;
            height: auto;
            overflow: hidden;
            margin: 20px 1%;
            padding: 10px 0.5%;
        }

        .pageFactoryList li {
            width: 98%;
            float: left;
            margin: 10px 1%;
        }

            .pageFactoryList li:nth-child(1) {
                width: 98%;
                margin: 10px 0;
            }

    /*联系我们*/
    .pageContactLeft {
        width: 100%;
        float: left;
    }

    .pageContactRight {
        width: 100%;
        float: left;
        margin-left: 0;
    }

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

        .pageContactList li {
            width: 98%;
            margin: 10px 1%;
            padding-bottom: 10px;
        }

            .pageContactList li h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 40px;
            }

            .pageContactList li h3 {
                font-size: 14px;
                color: #555;
                line-height: 30px;
            }

    .pageBook {
        width: 88%;
        margin: 20px auto 20px auto;
        padding: 40px 5% 20px 5%;
    }
            .pageBook dt span {
                width: 100%;
                float: left;
                text-align: left;
                margin-right: 0;
                line-height:30px;
            }

            .pageBook dt .input {
                width: 98%;
            }

            .pageBook dt .inputs {
                width: 98%;
            }
            .pageBook dt .btn {
                width: 40%;
                margin-left: 0;
            }

    /*信息详情*/
    .infoPosition {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 28px;
        background-color: #eff1f4;
        padding: 20px 0;
    }

    .infoLeft {
        width: 96%;
        margin-right: 0;
        box-shadow: 0px 0px 0px #eee;
        padding-right:0;
    }

    .infoRight {
        width: 100%;
    }

    .infoNext {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 10px auto;
    }

        .infoNext li {
            width: 98%;
        }













    /*产品详情*/
    .productShow {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .productShowPic {
        width: 100%;
        float: left;
        margin-right:0;
    }

    .productShowTitle {
        width: 100%;
        float: left;
        height:auto;overflow:hidden;
        margin-top:40px;
    }

        .productShowTitle h1 {
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 30px;
            font-size: 26px;
            font-weight: bold;
            border-bottom: 1px solid #Eee;
            padding-bottom: 20px;
            margin-bottom: 30px;
        }

        .productShowTitle h2 {
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 25px;
            margin-bottom: 10px;
            font-size: 15px;
        }

    .productShowContent {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto;
    }

    .productShowRelated {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 30px auto;
    }

    .productShowRelatedTitle {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 30px;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }

    .productShowRelatedList {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-bottom: 10px;
        margin: 40px auto;
    }

        .productShowRelatedList .list {
            width: 100%;
            text-align: center;
        }

            .productShowRelatedList .list div img {
                width: 99%;
                max-height: 300px;
                border: 1px solid #eee;
            }

            .productShowRelatedList .list h2 {
                width: 100%;
                height: 50px;
                line-height: 50px;
                overflow: hidden;
                font-size: 16px;
            }









}