body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "MicroSoft Yahei","宋体";color:#333;}
* {
    font-family: "MicroSoft Yahei","宋体";
    margin: 0;
    padding: 0;
}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width {
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
}
.top{
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}

h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}


.mt-10 {margin-top: 10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mtb-10{margin-bottom:10px;margin-top:10px;}
.mtb-20{margin-bottom:20px;margin-top:20px;}
.mtb-30{margin-bottom:30px;margin-top:30px;}
.mtb-40{margin-bottom:40px;margin-top:40px;}
.mtb-50{margin-bottom:50px;margin-top:50px;}
.mtb-60{margin-bottom:60px;margin-top:60px;}
.mtb-70{margin-bottom:70px;margin-top:70px;}
.mtb-80{margin-bottom:80px;margin-top:80px;}
.mtb-90{margin-bottom:90px;margin-top:90px;}
.mtb-100{margin-bottom:100px;margin-top:100px;}
.mtb-110{margin-bottom:110px;margin-top:110px;}
.mtb-120{margin-bottom:120px;margin-top:120px;}
.mtb-130{margin-bottom:130px;margin-top:130px;}
.mtb-140{margin-bottom:140px;margin-top:140px;}
.mtb-150{margin-bottom:150px;margin-top:150px;}

a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}


.navList{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.navList dd{
    width:100px;float:right;
    height:30px;line-height:30px;
    background-color:#235fa5;
    margin:10px;
    color:#fff;
    transition:all 0.5s;
}
.navList dd a{color:#fff;}
.navList dt{
    width:100px;float:right;
    height:30px;line-height:30px;
    background-color:#eee;
    margin:10px;
    transition:all 0.5s;
}
.navList dt:hover{
    background-color:#235fa5;
}
.navList dt:hover a{color:#fff;}

.listProduct{
    width:100%;
    height:auto;overflow:hidden;
    margin:30px auto;
}
.listProduct li{
    width:33.33%;float:left;
    margin:10px 0px 20px 0px;
    position:relative;
    height:350px;overflow:hidden;
    text-align:center;
}
    .listProduct li div{
        width:84%;
        height:50px;line-height:50px;
        background:rgba(35,95,165,0.5);
        position:absolute;
        bottom:30px;
        left:8%;
        border-radius:25px;
        text-align:center;
        font-size:16px;
        color:#fff;
        transition:all 0.5s;
    }
    .listProduct li div a{color:#fff;}

    .listProduct li img {
        width: 94%;
        height: 280px;
        border-radius: 20px;
        box-shadow: 0 0 10px #ccc;
        transition: all 0.5s;
        margin-top:10px;
    }
    .listProduct li:hover div{
        background: rgba(35,95,165,0.8);
    }
    .listProduct li:hover img {
        box-shadow: 0 0 10px #8bb9ef;
        margin-top: 20px;
    }

.listText{
    width:100%;
    height:auto;overflow:hidden;
    margin:50px auto;
}
.listText li{
    width:26.5%;
    display:inline-block;
    margin:10px 1% 20px 1%;
    padding:20px 2%;
    border-radius:10px;
    border:1px solid #eee;
    box-shadow:0 0 10px #ccc;
    transition:all 0.5s;
    height:auto;overflow:hidden;
}
.listText li:hover{
    box-shadow:0 0 10px #76abe8;
    margin:0 1% 30px 1%;
}
.listText li h2{
    width:100%;
    height:50px;overflow:hidden;
    line-height:25px;
    font-size:18px;
    border-bottom:1px solid #f2f2f2;
    margin-bottom:10px;
}
.listText li h3{
    width:100%;
    height:60px;line-height:20px;overflow:hidden;
    font-size:12px;
    color:#999;
}
.listText li div{
    width:100%;
    text-align:right;
}
.listText li div span{
    padding:5px 10px;
    border:1px solid #034582;
    border-radius:20px;
    font-size:12px;
    color:#034582;
    transition:all 0.5s;
}
.listText li div span:hover{
    background-color:#034582;
    color:#fff;
}

.pageLeft{
    width:70%;float:left;
    background-color:#fff;
    box-shadow:0 0 10px #ccc;
    margin:10px 2%;
    border-radius:10px;
    padding:20px 3%;
}
.pageRight{
    width:18%;float:left;
}
.pageRightTitle{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    text-indent:20px;
    /*background-color:#235fa5;*/
    background:linear-gradient(45deg,#328bdd,#235fa5);
    color:#fff;
    font-size:16px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.pageRightTitle img{
    width:15px;
    vertical-align:middle;
}

.pageRightNavList{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    background-color:#f8f8f8;
    padding-top:20px;
    padding-bottom:20px;
}
.pageRightNavList dd{
    width:90%;
    height:30px;line-height:30px;
    background-color:#3379cb; 
    margin:10px auto;
    color:#fff;
    transition:all 0.5s;
}
.pageRightNavList dd:hover{
    background-color:#235fa5;
}
.pageRightNavList dd a{color:#fff;}
.pageRightNavList dt{
    width:90%;
    height:30px;line-height:30px;
    background-color:#eee;
    margin:10px auto;
    transition:all 0.5s;
}
.pageRightNavList dt:hover{
    background-color:#235fa5;
}
.pageRightNavList dt:hover a{color:#fff;}

.pageRightList {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pageRightList li{
    width:96%;
    overflow:hidden;
    margin:10px auto;
}
.pageRightList .pic{
    width:48%;float:left;
    margin:0 1% 10px 1%;
}
.pageRightList li div{
    width:100%;
    height:100px;overflow:hidden;
    position:relative;
}
.pageRightList li img{
    width:100%;
    height:100px;
    position:absolute;
    top:0;
    left:0;
}
.pageRightList li h2{
    width:100%;
    height:30px;line-height:30px;
    overflow:hidden;
    text-align:center;
    background-color:#f1f1f1;
    font-size:13px;
}
.pageRightList li h3{
    width:100%;
    height:30px;line-height:30px;
    overflow:hidden;
    font-size:13px;
    text-indent:10px;
    border-bottom:1px solid #eee;
}

.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:30px;
    color:#235fa5;
    font-weight:bold;
}
.info_title {
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-weight:bold;
    text-align:center;
    font-size:30px;
    margin:40px auto;
}
.info_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    font-size: 15px;
    margin:40px auto;
}
.info_content img{max-width:100%;}
.other_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    margin:40px auto;
}
.other_content img{max-width:100%;}
.other_content video{
    border:1px solid #000;
    margin:10px auto;
}

.pageContentLeft{
    width:47%;float:left;
    margin-right:3%;
}
.pageContentLeft img{width:100%;border-radius:10px;}
.pageContentRight{
    width:50%;float:left;
    padding-top:20px;
}

.other_content .indexAboutList li{color:#333;}


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


.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}


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

    .navList{
        margin-top:20px;
    }
    .navList dd{float:left;}
    .navList dt{float:left;}

    .listProduct li{
        width:100%;
        height:310px;
    }
        .listProduct li div{
            bottom:10px;
        }

        .listProduct li img {
            height: 260px;
        }

    .listText li{
        width:92%;
        display:inline-block;
        margin:10px 1% 20px 1%;
        padding:20px 2%;
        border-radius:10px;
        border:1px solid #eee;
        box-shadow:0 0 10px #ccc;
        transition:all 0.5s;
        height:auto;overflow:hidden;
    }
    .listText li h2{
        width:100%;
        height:50px;overflow:hidden;
        line-height:25px;
        font-size:16px;
        border-bottom:1px solid #f2f2f2;
        margin-bottom:10px;
    }
    .listText li h3{
        width:100%;
        height:60px;line-height:20px;overflow:hidden;
        font-size:12px;
        color:#999;
    }
    .listText li div{
        width:100%;
        text-align:right;
        margin-top:10px;
    }
    .listText li div span{
        padding:5px 10px;
        border:1px solid #034582;
        border-radius:20px;
        font-size:12px;
        color:#034582;
        transition:all 0.5s;
    }

    .pageContentLeft{
        width:100%;
        margin-right:0;
    }
    .pageContentRight{
        width:100%;
        padding-top:20px;
    }


    .pageLeft{
        width:90%;
        margin:10px 2%;
        border-radius:10px;
        padding:20px 3%;
    }
    .pageRight{
        width:100%;
    }
    .pageRightTitle{
        margin-top:20px;
    }
    .pageRightList .pic{
        width:48%;float:left;
        margin:0 1% 10px 1%;
    }
    .pageRightList li div{
        height:130px;
    }
    .pageRightList li img{
        height:130px;
    }
}