@charset "utf-8";
/* KISSY CSS Reset 理念：清除和重置是紧密不可分的 特色：1.适应中文 2.基于最新主流浏览器 */
*{margin:0;padding:0;box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, legend, button, input, textarea,th, td {  margin: 0; padding: 0; font-family: "Microsoft YaHei"}
body,button, input, select, textarea {font: 12px/1 Microsoft YaHei,  Arial,Tahoma, Helvetica, "\5b8b\4f53", sans-serif; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Microsoft YaHei", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}/* chrome input自动填充黄色背景 */
legend { color: #000; } /* for ie6 *//* 重置表单元素 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {  font-size: 100%;resize:none; }/* 使得表单元素在 ie 下能继承字体大小 *//* 注：optgroup 无法扶正 */
hr { border: none; height: 1px;}/* 重置 hr */
.fl{ display: inline; float: left;}
.fr{ display: inline; float: right;}
i{ font-style:normal;}
ul,li, ol {list-style:none;}/* 重置列表元素 */
table{border-collapse:collapse;border-spacing:0;}/* 重置表格元素 */
a{text-decoration:none;cursor: pointer;outline: none;color:#89090c;}
a:hover{color:#f00;cursor:pointer;}
a:focus{outline:none;}
img{border:0;}
p{font-family: "兰亭黑简体";text-indent:2em;font-size:18px;line-height:28px;*line-height:29px;text-align: justify;letter-spacing: 1px;  word-spacing: 2px;color:#18499d;}
h1 { font-size: 24px; line-height:36px;/* 18px / 12px = 1.5 */ }
h2 { font-size: 22px; line-height:34px;}
h3 { font-size: 20px; line-height:32px;}
h4 { font-size: 18px; line-height:30px;}
h5 { font-size: 16px; line-height:28px;}
h6 { font-size: 14px; line-height:26px;}
h1,h2,h3,h4,h5,h6{color:#000;}
@media all and (orientation : landscape) {/*　　这是匹配横屏的状态，横屏时的css代码　　*/
    body {}
}
@media all and (orientation : portrait) {
    /*　　这是匹配竖屏的状态，竖屏时的css代码　　*/
    body {}
}

html{background:url(20170825lwzj_bg.png) repeat-y top center;background-attachment:fixed;background-color: #aaa;background-size:100%;}/*background-repeat: round;*/

.header{width:1000px;margin:0 auto;position:relative;overflow:hidden;}
.header img{width:100%;height:auto;}
.header .qcb_logo img{width:13%;position:absolute;top:10px;right:20px;}

.container{width:1000px;*width:1010px;padding:5px;margin:0 auto;position:relative;overflow:hidden;}

.floor{width:100%;*width:96%;padding:20px;margin-bottom:20px;overflow:hidden;background-color: #fff;box-shadow:0 0 10px #888;}
.floor .box{width:100%;float:left;margin:10px 0;}
.floor .box h3{position: relative;height:31px;margin:5px 0;}
.floor .box h3 img{position: relative;left:0;top:0;}
.floor .box h3 span{position:relative;top:-9px;left:-97px;}
.floor .box .txt_title{font-size:20px;color:#18499d;font-weight:bold;font-family: "兰亭中黑";text-align: center;line-height:42px;}
.floor .box .txt_intro{font-size:18px;color:#18499d;font-family: "兰亭黑简体";line-height:28px;text-indent: 2em;}
.floor .box ul{width:90%;margin:10px auto;overflow: hidden;}
.floor .box ul li{float:left;width:50%;font-size:16px;line-height: 30px;color:#18499d;font-family: "兰亭黑简体";}
.floor .box ul li a{color:#18499d;font-family: "兰亭黑简体";}
.floor .box .box_date{color:#18499d;font-family: "兰亭中黑";}
.floor .box .box_foot{text-align: center;font-size:16px;font-family: "兰亭黑简体";}
.floor .foot{width:96%;margin:10px 2%;float:left;padding:10px 0;border-top:1px solid #18499d;border-bottom:1px solid #18499d;}
.floor .foot p{text-indent: 0;font-size: 15px;}
.floor .foot .left{float:left;width:50%;}
.floor .foot .middle{float:left;width:25%;}
.floor .foot .middle img{float:left;margin-right:3px;}
.floor .foot .right{float:left;width:25%;}
.floor .foot .right img{float:left;margin-right:3px;}
.floor .box h1{font-size:32px;color:#18499d;font-family: "兰亭粗黑";text-align: center;line-height:56px;}
.floor .box h2{font-size:24px;color:#18499d;font-family: "兰亭中黑";text-align: center;line-height:52px;}
.floor .box1 p{width:97%;margin:0 auto;color:#000;}

@media all and (min-width:961px) and (max-width:1100px){
    p{font-size:16px;}
    .header{width:90%;margin:0 auto;}
    .container{width:90%;margin:0 auto;}
    .floor .box ul{width:95%;}
    .floor .box ul li{font-size:16px;}
    .floor .box .txt_intro{font-size:16px;}
    .floor .foot .left p{font-size:12px;}
    .floor .foot .middle p,.floor .foot .right p{font-size:12px;}
    .floor .foot .middle img,.floor .foot .right img{width:45px;height:45px;margin-top:5px;}
}
@media all and (min-width:901px) and (max-width:960px){
    p{font-size:16px;}
    .header{width:95%;margin:0 auto;}
    .container{width:95%;margin:0 auto;}
    .floor .box ul{width:96%;}
    .floor .box ul li{font-size:16px;}
    .floor .box h1{font-size:28px;}
    .floor .box .txt_intro{font-size:16px;}
    .floor .foot .left p{font-size:12px;}
    .floor .foot .middle p,.floor .foot .right p{font-size:12px;}
    .floor .foot .middle img,.floor .foot .right img{width:45px;height:45px;margin-top:5px;}
}
@media all and (min-width:661px) and (max-width:900px){
    p{font-size:15px;}
    .header{width:95%;margin:0 auto;}
    .container{width:95%;margin:0 auto;}
    .floor .box ul{width:98%;}
    .floor .box ul li{font-size:15px;}
    .floor .box h1{font-size:26px;}
    .floor .box .box_date{font-size:18px;}
    .floor .box .box_foot{font-size:12px;}
    .floor .box .txt_title{font-size:18px;}
    .floor .box .txt_intro{font-size:15px;}
    .floor .foot .left p{font-size:12px;}
    .floor .foot .middle p,.floor .foot .right p{font-size:12px;}
    .floor .foot .middle img,.floor .foot .right img{width:40px;height:40px;margin-top:8px;}
}
@media all and (max-width:830px){
    .floor .foot .left{width:100%;}
    .floor .foot .middle,.floor .foot .right{width:50%;}
}
@media all and (min-width:321px) and (max-width:660px){
    p{font-size:14px;}
    .header{width:96%;margin:0 auto;}
    .container{width:96%;margin:0 auto;}
    .floor .box ul{width:90%;}
    .floor .box ul li{width:100%;font-size:14px;}
    .floor .box h1{font-size:24px;}
    .floor .box h2{font-size:20px;}
    .floor .box .box_date{font-size:18px;}
    .floor .box .box_foot{font-size:12px;}
    .floor .box .txt_title{font-size:18px;}
    .floor .box .txt_intro{font-size:14px;}
    .floor .foot .left p{font-size:12px;}
    .floor .foot .middle p,.floor .foot .right p{font-size:12px;}
    .floor .foot .middle img,.floor .foot .right img{width:40px;height:40px;margin-top:8px;}
}
@media all and (max-width:320px){
    p{font-size:14px;}
    .header{width:98%;margin:0 auto;}
    .container{width:98%;margin:0 auto;}
    .floor .box ul{width:90%;}
    .floor .box ul li{width:100%;font-size:14px;}
    .floor .box h1{font-size:24px;}
    .floor .box h2{font-size:20px;}
    .floor .box .box_date{font-size:16px;}
    .floor .box .box_foot{font-size:12px;}
    .floor .box .txt_title{font-size:16px;}
    .floor .box .txt_intro{font-size:14px;}
    .floor .foot .left p{font-size:12px;}
    .floor .foot .middle p,.floor .foot .right p{font-size:10px;}
    .floor .foot .middle img,.floor .foot .right img{width:36px;height:36px;margin-top:10px;}
}