@import url("zzPublic.css");
@import url("zzBanner.css");
body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "Arial";color:#333;}
*{font-family:"Arial";margin:0;padding:0;}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width {
    width: 1400px;
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
}
.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;}
button{border:0;}

h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}

.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.pageTitle h2{
    width:100%;
    height:50px;line-height:70px;
    overflow:hidden;
    font-size:48px;
    font-family:Arial;
    color:#cdcdcd;
    font-weight:bold;
    text-transform:uppercase;
}
.pageTitle s{
    width:40px;
    height:5px;
    background-color:#1a5da3;
    display:inline-block;
}
.pageTitle h1{
    width:100%;
    height:50px;line-height:40px;
    overflow:hidden;
    font-size:30px;
    font-weight:bold;
}

/*新闻资讯*/
.listText{
    width:100%;
    height:auto;overflow:hidden;
}
.listText li{
    width:46%;float:left;
    margin:10px 1%;
    background-color:#f1f1f1;
    padding:10px 1%;
    border-radius:5px;
    transition:all 0.5s;
}
.listText li:hover{
    background-color:#1a5da3;
}
.listText li:hover a{color:#fff;}
.listText li:hover .listText_Word h3{color:#eeeeee;}

.listText_Pic{
    width:30%;float:left;
    margin-right:2%;
}
.listText_Pic img{
    width:100%;
    height:150px;
}
.listText_Word{
    width:68%;float:left;
}
.listText_Word h2{
    width:100%;
    height:50px;line-height:60px;overflow:hidden;
    font-size:16px;
    color:#1a5da3;
}
.listText_Word h3{
    width:100%;
    height:75px;line-height:25px;overflow:hidden;
    font-size:13px;
    color:#999;
    margin-top:10px;
    word-wrap:break-word;
}


/*产品列表*/
.listPic{
    width:100%;
    height:auto;overflow:hidden;
}
.listPic li{
    width:23%;float:left;
    margin:20px 1%;
    height:auto;overflow:hidden;
    transition:all 0.5s;
}
.listPic li div{
    width:100%;
    height:300px;overflow:hidden;
    position:relative;
}
.listPic li img{
    width:100%;
    height:300px;
    position:absolute;
    left:0;
    top:0;
}
.listPic li h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    text-align:center;
    background-color:#f1f1f1;
    transition:all 0.5s;
}
.listPic li:hover{
    box-shadow:0 0 15px #ccc;
}
.listPic li:hover h2{
    background-color:#fff;
}

/*详情*/
.widthGray{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f8f8f8;
    padding:50px 0;
}
.widthWhite{
    width: 1300px;
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
    background-color:#fff;
    padding:50px 50px;
}
.left{
    width:70%;float:left;
}
.infoTitle{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    margin:40px auto;
}
.infoPara{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.infoPara li{
    width:100%;float:left;
    height:40px;line-height:40px;overflow:hidden;
    border-bottom:1px solid #f8f8f8;
}
.infoPara li span{
    background-color:#eee;
    padding:2px 10px;
    margin-right:10px;
}
.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:33px;font-size:15px;}
    .info_content img {
        max-width: 100%;
        margin:5px 0;
    }
.other_content {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    font-size: 15px;
}
    .other_content img {
        max-width: 100%;
        margin:5px 0;
    }

.info_next {
    width:100%;
    height:auto;overflow:hidden;
    border:1px solid #eee;
    border-radius:5px;
}
.info_next  li{
    width:49%;float:left;
    height:40px;
    line-height:40px;overflow:hidden;
    color:#999;
    text-indent:10px;
    font-size:13px;
}

.right{
    width:25%;float:left;
    margin-left:5%;
}
.rightTitle{
    width:100%;
    height:50px;line-height:50px;
    background-color:#1a5da3;
    color:#fff;
    font-size:20px;
    text-indent:15px;
    border-radius:5px;
}
.rightList{
    width:100%;
    height:auto;overflow:hidden;
    margin-top:10px;
}
.rightList dt{
    width:100%;
    height:40px;line-height:40px;
    border-bottom:1px solid #eee;
    text-indent:10px;
    transition:all 0.5s;
}
.rightList dt:hover{
    text-indent:20px;
    background-color:#f8f8f8;
}


/*单页详情*/
.PageAbout{
    width:100%;
}
.pageAboutLeft{
    width:50%;float:left;
}
.pageAboutRight{
    width:48%;float:left;
    margin-left:2%;
}

.pageProcess{
    width:100%;
    height:auto;overflow:hidden;
    margin:50px 0;
}
.pageProcess li{
    width:24%;float:left;
}
.pageProcess .pageProcessLine{
    width:1.33%;float:left;
}
.pageProcessLine s{
    width:100%;
    display:inline-block;
    height:1px;
    background-color:#999;
    margin-top:60px;
}
.pageProcessLeft{
    width:40%;float:left;
    text-align:center;
}
.pageProcessLeft img{
    width:80%;
}
.pageProcessRight{
    width:60%;float:left;
}
.pageProcessRight h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:30px;
    font-weight:bold;
    margin-top:20px;
}
.pageProcessRight h3{
    width:100%;
    height:30px;line-height:30px;
    overflow:hidden;
    color:#999;
    font-size:13px;
}

.pageParnter{
    width:100%;
    height:auto;overflow:hidden;
    margin:50px auto;
}
.pageParnter li{
    width:24%;float:left;
    border:1px solid #eee;
}
.pageParnter li img{
    width:100%;
}
/*单页详情*/

/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#999;}
.List_page span{background:#1a5da3;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #1a5da3;}

/*内容分页部分*/
.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;}


@media(max-width:720px){
    .width {
        width: 94%;
        margin-left: auto;
        margin-right:auto;
        overflow: hidden;
    }


    .pageTitle h2{
        width:100%;
        height:40px;line-height:50px;
        overflow:hidden;
        font-size:30px;
        font-family:Arial;
        color:#cdcdcd;
        font-weight:bold;
        text-transform:uppercase;
    }
    .pageTitle h1{
        width:100%;
        height:40px;line-height:30px;
        overflow:hidden;
        font-size:20px;
        font-weight:bold;
    }



    /*新闻资讯*/
    .listText{
        width:100%;
        height:auto;overflow:hidden;
    }
    .listText li{
        width:98%;float:left;
        margin:10px 0;
        background-color:#f1f1f1;
        padding:10px 1%;
        border-radius:5px;
        transition:all 0.5s;
    }
    .listText_Pic{
        width:30%;float:left;
        margin-right:2%;
    }
    .listText_Pic img{
        width:100%;
        height:110px;
    }
    .listText_Word{
        width:68%;float:left;
    }
    .listText_Word h2{
        width:100%;
        height:40px;line-height:40px;
        font-size:16px;
        color:#1a5da3;
    }
    .listText_Word h3{
        width:100%;
        height:60px;line-height:20px;overflow:hidden;
        font-size:12px;
        color:#999;
        margin-top:0px;
    }


    /*产品列表*/
    .listPic li{
        width:48%;float:left;
        margin:20px 1%;
        height:auto;overflow:hidden;
        transition:all 0.5s;
    }
    .listPic li div{
        width:100%;
        height:150px;overflow:hidden;
        position:relative;
    }
    .listPic li img{
        width:100%;
        height:150px;
        position:absolute;
        left:0;
        top:0;
    }



    /*详情*/
    .widthGray{
        width:100%;
        height:auto;overflow:hidden;
        background-color:#f8f8f8;
        padding:50px 0;
    }
    .widthWhite{
        width: 86%;
        margin-left: auto;
        margin-right:auto;
        overflow: hidden;
        background-color:#fff;
        padding:50px 4%;
    }
    .left{
        width:100%;float:left;
    }
    .infoTitle{
        width:100%;
        height:auto;overflow:hidden;
        line-height:40px;
        font-size:24px;
        font-weight:bold;
        text-align:center;
        margin:0px auto 40px auto;
    }
    .info_next  li{
        width:100%;float:left;
        line-height:40px;overflow:hidden;
        color:#999;
        text-indent:10px;
        font-size:13px;
    }

    .right{
        width:100%;float:left;
        margin-left:0%;
    }
    .rightTitle{
        width:100%;
        height:40px;line-height:40px;
        background-color:#1a5da3;
        color:#fff;
        font-size:16px;
        text-indent:15px;
        border-radius:5px;
    }
    .rightList{
        width:100%;
        height:auto;overflow:hidden;
        margin-top:10px;
    }
    .rightList dt{
        width:100%;
        height:40px;line-height:40px;
        border-bottom:1px solid #eee;
        text-indent:10px;
        transition:all 0.5s;
    }
    .rightList dt:hover{
        text-indent:20px;
        background-color:#f8f8f8;
    }


    /*单页详情*/
    .PageAbout{
        width:100%;
    }
    .pageAboutLeft{
        width:100%;float:left;
        padding-top:0px;
    }
    .pageAboutRight{
        width:100%;float:left;
        margin-left:0;
    }

    .pageProcess{
        width:100%;
        height:auto;overflow:hidden;
        margin:50px 0;
    }
    .pageProcess li{
        width:100%;float:left;
        border-bottom:1px solid #eee;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .pageProcess .pageProcessLine{display:none;}

    .pageProcessLeft{
        width:40%;float:left;
        text-align:center;
    }
    .pageProcessLeft img{
        width:80px;
    }
    .pageProcessRight{
        width:60%;float:left;
    }
    .pageProcessRight h2{
        width:100%;
        height:40px;line-height:40px;overflow:hidden;
        font-size:30px;
        font-weight:bold;
        margin-top:20px;
    }
    .pageProcessRight h3{
        width:100%;
        height:30px;line-height:30px;
        overflow:hidden;
        color:#999;
        font-size:13px;
    }

    .pageParnter{
        width:100%;
        height:auto;overflow:hidden;
        margin:20px auto;
    }
    .pageParnter li{
        width:49%;float:left;
        border:1px solid #eee;
    }
    /*单页详情*/


}
