body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "Segoe UI","宋体";color:#333;}
*{font-family:"Segoe UI","宋体";margin:0;padding:0;}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width {
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
    height:auto;
    overflow:hidden;
}
.widthTop {
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
    height:auto;
}
.width80 {
    width: 80%;
    margin-left: auto;
    margin-right:auto;
    height:auto;
    overflow:hidden;
    min-width:1200px;
}
.width76 {
    width: 76%;
    margin-left: auto;
    margin-right:auto;
    height:auto;
    overflow:hidden;
    min-width:1200px;
}

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:16px;}


.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.pageTitle h1{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    text-align:center;
    font-size:36px;
    text-transform:uppercase;
    font-weight:bold;
}
.pageTitle s{
    display:inline-block;
    width:60px;
    height:3px;
    background-color:#da251e;
}

.position{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    padding:10px 0;
    background-color:#f4f4f4;
}

.listPhoto{
    width:100%;
    height:auto;overflow:hidden;
}
.listPhoto li{
    width:23%;float:left;
    margin:20px 1%;
    box-shadow:0 0 10px #eee;
    transition:all 0.5s;
}
.listPhoto li:hover{
    margin:10px 1% 30px 1%;
    box-shadow:0 0 10px #ccc;
}
.listPhoto li div{
    width:100%;
    height:auto;overflow:hidden;
}
.listPhoto li div img{
    width:100%;
    height:260px;
}
.listPhoto li h2{
    width:90%;
    height:auto;overflow:hidden;
    margin:0 auto;
    line-height:30px;
    font-size:18px;
}
.listPhoto li h3{
    width:90%;
    height:60px;overflow:hidden;
    margin:10px auto;
    line-height:20px;
    color:#999;
    font-size:12px;
}

.listPhoto li h4{
    display:inline-block;
    background-color:#da251e;
    color:#fff;
    padding:2px 10px;
    border-radius:5px;
    margin-left:10px;
    margin-bottom:20px;
    transition:all 0.5s;
}
.listPhoto li h4:hover{
    background-color:#a81712;
}

.listNews{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexNewsBg.png);
    background-position:center;
}
.listNewsContent{
    width:100%;
    height:auto;overflow:hidden;
}
.listNewsContent li{
    width:23%;float:left;
    margin:10px 1%;
}

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

/*产品导航*/
.leftArrow{
    width:20px;
    height:60px;
    line-height:60px;
    background-color:#da251e;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    position:fixed;
    top:280px;
    left:262px;
    color:#fff;
    z-index:999;
}

.leftProduct{
    width:260px;
    height:700px;
    /*overflow:hidden;*/
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#eee;
    padding:0 0 20px 0;
    color:#333;
    position:fixed;
    left:2px;
    top:50px;
    z-index:999;
}
.leftProduct a{color:#333;}
.leftProduct a:hover{color:#f30;}
.leftTitle{
    width:90%;
    height:auto;overflow:hidden;
    line-height:40px;
    font-size:36px;
    color:#fff;
    background-color:#c31c15;
    padding:10px 5%;
    word-wrap: break-word;
}
.leftList{
    width:100%;
    height:auto;overflow:hidden;
    margin:0px auto 0px auto;
    background-color:#da251e;
}
.leftListTitle{
    width:94%;
    height:auto;overflow:hidden;
    line-height:25px;
    font-size:18px;
    background-color:#c31c15;
    margin:0 auto 10px auto;
    padding:15px 3%;
    color:#fff;
}

.leftList li{
    width:100%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #e83932;
    transition:all 0.5s;
}
.leftList li span{font-size:13px;color:#fff;}
.leftList li:hover{
    background-color:#c31c15;
}
.leftList a{color:#fff;}
.leftList li:hover span{color:#fff;}


.leftList li h2{
    width:92%;
    height:auto;line-height:20px;
    font-size:15px;
    margin:10px auto;
    word-wrap:break-word;
}
.leftList li h2 span{float:right;}

.leftSubList{
    width:100%;
}
.leftSubList dd{
    width:84%;
    font-size:13px;
    line-height:20px;
    border-bottom:1px dotted #ffc7c5;
    margin:10px auto;
    padding:0 3% 10px 3%;
}
/*产品导航*/


.info_next {
    width:100%;
    height:auto;overflow:hidden;
    margin:50px auto;
}
.info_next li{
    width:48%;float:left;
    line-height:30px;
    text-indent:10px;
    border-bottom:1px solid #eee;
    color:#666;
    margin:0 1%;
}
.info_next li a{color:#666;}

.infoDesc{
    width:100%;
    height:auto;overflow:hidden;
}
.infoDescPic{
    width:43%;float:left;
    margin-right:2%;
}
.infoDescPic img{
    width:100%;
}
.infoDescWord{
    width:55%;float:left;
}
.infoDescWord h1{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    font-size:24px;
    font-weight:bold;
    margin:10px auto;
}
.infoDescWord h2{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    color:#999;
}
.infoDescWord div{
    width:100%;
    height:auto;overflow:hidden;
}
.infoDescWord div a{
    display:inline-block;
    padding:5px 30px;
    background-color:#da251e;
    color:#fff;
    margin-top:10px;
    transition:all 0.5s;
}
.infoDescWord div a:hover{
    background-color:#f13f38;
}


.infoRecommend{
    width:100%;
    height:auto;overflow:hidden;
}
.infoRecommendTitle{
    width:100%;
    height:40px;
    line-height:40px;
    overflow:hidden;
    font-size:18px;
    font-weight:bold;
    background-color:#eee;
    margin-bottom:20px;
    text-indent:10px;
}
.infoRecommendList{
    width:100%;
    height:auto;overflow:hidden;
}
.infoRecommendList li{
    width:22.5%;
    height:auto;overflow:hidden;
    display:inline-block;
    margin:10px 1%;
    background-color:#f1f1f1;
    transition:all 0.5s;
}
.infoRecommendList li:hover{
    margin:0 1% 20px 1%;
}

.infoRecommendList li div{
    width:100%;
}
.infoRecommendList li div img{
    width:100%;
    height:240px;
}
.infoRecommendList li h2{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    text-align:center;
}


/*分页部分*/
.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:#da251e;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #da251e;}

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

/*Page页面*/
.pageContact{
    width:100%;
    height:auto;overflow:hidden;
}
.pageContact li{
    width:100%;
    line-height:30px;
    text-align:center;
    margin-bottom:20px;
}
.pageContact li div{
    display:inline-block;
    line-height:40px;
    margin-right:10px;
}
.pageContact li span{
    font-size:24px;
    color:#999;
}


@media(max-width:720px){

    .leftArrow{
        width:20px;
        height:60px;
        line-height:60px;
        background-color:#da251e;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
        position:fixed;
        top:280px;
        left:2px;
        color:#fff;
        z-index:999;
    }

    .leftProduct{
        width:0px;
        height:auto;overflow:hidden;
        background-color:#da251e;
        padding:0 0 20px 0;
        color:#fff;
        position:fixed;
        left:2px;
        top:200px;
        z-index:999;
    }

    .width {
        width: 92%;
    }
    .widthTop {
        width: 92%;
    }
    .width80 {
        width: 90%;
        margin-left: auto;
        margin-right:auto;
        height:auto;
        overflow:hidden;
        min-width:inherit;
    }
    .width76 {
        width: 76%;
        margin-left: auto;
        margin-right:auto;
        height:auto;
        overflow:hidden;
        min-width:inherit;
    }


    .listPhoto li{
        width:48%;float:left;
        margin:20px 1%;
        box-shadow:0 0 10px #eee;
        transition:all 0.5s;
    }
    .listPhoto li div img{
        width:100%;
        height:140px;
    }

    .listNewsContent li{
        width:48%;float:left;
        margin:10px 1%;
    }
}