@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#555;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.5s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#e8e8e8;}
a:hover{color:#0270d1;}

/*header*/
.top{width:100%;background:#fff;}
.header{max-width:1024px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{transition:all 0.4s;}
.header .right a:hover{color:#0270d1;}

/*banner*/
.banner img{width:100%;}

.dd{
    max-width:980px;
    margin: auto;
    border:#0270d1 solid 2px;
    background:#fff;
    padding:10px 20px;
}
.dd p{
    font-size:16px;
    line-height:32px;
    text-indent:2em;
    letter-spacing:2px;
}
.dd a{
    float:right;
    color:#333;
    border-bottom:#0270d1 solid 1px;
    transition:all 0.5s;
}
.dd a:hover{
    color:#0270d1;
}

.fm{
    max-width:1024px;
    margin: auto;
    background:#fff;
    margin-top:20px;
}
.fl{
    float:left;
    width:48%;
}
.fl img{
    width:100%;
}
.fr{
    float:left;
    width:48%;
    margin-left:20px;
    padding-top:10px;
}
.fr p{
    font-size:16px;
    line-height:40px;
}
.fr strong{
    font-size:16px;
    color:#111;
    margin-right:2px;
}
.show{
    display:block;
    font-size:16px;
    width:200px;
    margin: auto;
    margin-top:10px;
    background-color:#0270d1;
    color:#eee;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
    position:relative;
    transition:all 0.5s;
}
.show img{
    position:absolute;
    top:35px;
    left:-79px;
    opacity:0.95;
    display:none;
}
.show:hover{
    color:#fff;
}
.show:hover img{
    display:block;
}

/*nav*/
.nav{
    max-width:1024px;
    margin: auto;
    background:#fff;
    margin-top:20px;
    border-bottom:#ccc solid 2px;
}
.nav li{
    float:left;
    width:16.66%;
    font-size:18px;
    font-weight:bold;
    color:#333;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.5s;
}
.nav .current{
    background-color:#0270d1;
    color:#fff;
}
.nav li:hover{
    background-color:#0270d1;
    color:#fff;
}

.box-bg{
    max-width:1024px;
    margin: auto;
}
.box{
    width:100%;
    float:left;
    display:none;
    transition:all 0.5s;
}
.content{
    padding:30px 40px;
    background-color:#fff;
    background-image:url(images/bg.png);
    background-repeat:no-repeat;
    background-position:top left;
    border-bottom:#ccc solid 2px;
}
h2{
    font-size:26px;
    color:#0070c0;
    text-align:center;
}
.bl{
    float:left;
}
.bl h2{
    font-size:20px;
    font-weight:bold;
    color:#0070c0;
    text-align:center;
}
.bl img{
    width:480px;
    margin-top:10px;
}
.br{
    float:right;
    width:44%;
    padding:0 1%;
    background:#0270d1;
}
.br p{
    width:94%;
    margin: auto;
    font-size:16px;
    text-indent:2em;
    line-height:34px;
    color:#fff;
    margin-top:10px;
    padding-bottom:10px;
}
.br strong{
    color:#fff;
}
.br span{
    color:#0270d1;
    font-weight:bold;
    background:#fff;
    text-align:center;
    line-height:38px;
    border-radius:4px;
    padding:2px 4px;
    margin-right:2px;
}
.text{
    width:100%;
}
.text p{
    width:94%;
    margin: auto;
    text-indent:2em;
    line-height:30px;
    margin-top:10px;
    padding-bottom:10px;
}
.text span{
    color:#fff;
    font-weight:bold;
    background:#0270d1;
    text-align:center;
    line-height:38px;
    border-radius:4px;
    padding:2px 4px;
    margin-right:2px;
}
.text a{
    border-bottom:#0270d1 solid 1px;
}
.text strong{
    color:#111;
}


/*媒体采用*/
.mt{
    max-width:944px;
    margin: auto;
    margin-top:10px;
    background:#fff;
    padding:20px 40px;
}
.mt li{
    width:48%;
    float:left;
    padding-left:2%;
}
.mt h1{
    font-size:20px;
    color:#0270d1;
}
.mt p{
    line-height:30px;
    margin-top:10px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.5s;
}
.mt span{
    color:#111;
    font-weight:bold;
    transition:all 0.5s;
}
.mt p:hover a{
    color:#0270d1;
}


/*往年报告*/
.xlbg{
    max-width:944px;
    margin: auto;
    margin-top:20px;
    background:#fff;
    padding:20px 40px;
}
.xlbg li{
    width:48%;
    float:left;
    padding-left:2%;
}
.xlbg h1{
    font-size:20px;
    color:#0270d1;
}
.xlbg h3{
    font-size:16px;
    color:#111;
    line-height:40px;
}
.xlbg p{
    line-height:30px;
}
.xlbg a{
    color:#0270d1;
    transition:all 0.5s;
}
.xlbg a:hover{
    border-bottom:#0270d1 solid 1px;
}


.zb{
    max-width:944px;
    margin:10px auto;
    background:#fff;
    padding:10px 40px;
}
.zb h1{
    font-size:20px;
    color:#0270d1;
    line-height:40px;
    text-align:center;
}
.zl{
    float:left;
    width:30%;
}
.zl a{
    font-size:22px;
    font-weight:bold;
    color:#0270d1;
    line-height:40px;
    text-align:center;
    display:block;
}
.zr{
    /* float:left;
    width:55%;
    margin-left:10%; */
    margin-top:10px;
}
.zr p{
    font-size:16px;
    line-height:32px;
    width: 80%;
    margin: auto;
}
.zr p strong{
    font-size:16px;
    color:#333;
}
.zr img{
    float:right;
}

.end{
    width:100%;
    background:#fff;
    padding-top:10px;
    margin-top:10px;
}

#lx{
    float:right;
    margin-top:30px;
    margin-right:50px;
}

/*移动端*/
@media(max-width:1024px){
    .dd p{
        font-size:14px;
        line-height:30px;
        letter-spacing:0;
    }
    
    .fm{
        padding-bottom:10px;
    }
    .fl{
        width:100%;
    }
    .fr{
        width:100%;
        margin-left:0;
    }
    .fr p{
        font-size:14px;
        line-height:30px;
    }
    .fr strong{
        font-size:12px;
    }
    .show{
        margin-top:10px;
    }
    
    .nav li{
        font-size:14px;
        width: 33.33%;
    }
    
    .content{
        padding:20px 10px;
    }
    h2{
        font-size:20px;
    }
    .bl h2{
        font-size:20px;
    }
    .bl img{
        width:100%;
    }
    .br{
        display:none;
    }

    .mt{
        padding:20px 10px;
    }
    .mt h1{
        font-size:14px;
        text-align:center;
    }
    .mt li{
        width:98%;
        float:none;
        padding-left:0;
        text-align:center;
    }

    .xlbg{
        padding:20px 10px;
    }
    .xlbg h1{
        font-size:14px;
        text-align:center;
    }
    .xlbg h3{
        margin-top:20px;
    }
    .xlbg li{
        width:98%;
        float:none;
        padding-left:0;
        text-align:center;
    }
    .xlbg li p{
        line-height:28px;
    }
    
    
    .zb{
        padding:10px 0;
    }
    .zl{
        float:none;
        width:100%;
    }
    .zr{
        float:none;
        width:100%;
        margin-top:10px;
        margin-left:auto;
    }
    .zr p{
        font-size:14px;
    }
    .zr p strong{
        font-size:14px;
    }
    .zr img{
        float:none;
    }
    #lx{
    float:none;
    margin: auto;
}
}