* { padding: 0; margin: 0 }
body {font:14px/2 simhei; color:#333; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; position: relative;}
img { border: none; vertical-align: top }
a { color: #333; text-decoration: none }
li { list-style: none }
b, i, cite { font-style: normal; font-weight: normal }
label { display: block }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit }
.clearfix:after { content: ''; display: block; clear: both }
.flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.flex {display:block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1 }
.flexAuto {display:block; -webkit-box-flex: auto; -moz-box-flex: auto; -ms-flex: auto; -webkit-flex: auto; flex: auto }
.flexCol { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
input{-webkit-appearance: none;}

.container{max-width:640px; margin:0 auto; width:100%;}


.xheader img{width:100%;}

.footer{position:fixed; bottom:0; left:0; right:0; width:100%; font-size:0;}
.footer .inBox{width:100%; margin:0 auto; max-width:640px; position:relative;}
.footer a{width:20%; position:absolute; bottom:0;}
.footer a img{width:100%; max-width:128px;}
.footer .f1{left:0;}
.footer .f2{left:20%;}
.footer .f3{left:40%;}
.footer .f4{left:60%;}
.footer .f5{left:80%;}

.indexArea {padding:0 10px; background:#effeff; border-top:1px solid #effeff; border-bottom:1px solid #effeff;}

.indexArea .part1 .item {margin:10px 0; background:#fff; height:76px;}
.indexArea .part1 .item a{ display:block;}
.indexArea .part1 .item img{width:89px; height:76px; float:left; margin:0 10px 0 0;}
.indexArea .part1 .item h3{font:26px/40px simhei; color:#01969c;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexArea .part1 .item p{font:16px/36px simhei; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexArea .part1 .item .sp{overflow:hidden; white-space:normal; line-height:30px; padding:10px 0 0 0; height:60px; overflow:hidden;}

.indexArea .part2{font-size:0;}
.indexArea .part2 span{display:inline-block; width:33.33%; margin:10px 0 0 0;}
.indexArea .part2 span img{width:90%; max-width:170px;}
.indexArea .part2 .cs {text-align:center;}
.indexArea .part2 .rs {text-align:right;}

.indexArea .part3 {margin:20px 0 0 0;}
.indexArea .part3 .tit img{width:100%;}
.indexArea .part3 .con{padding:12px 4px 8px 128px; background:#fff; margin:0 0 10px 0;}
.indexArea .part3 .con .imgArea {width:110px; float:left; margin-left:-124px;}
.indexArea .part3 .con .imgArea img{width:100%; border:1px solid #cacaca; padding:3px; margin:0 auto; display:block;}
.indexArea .part3 .con .imgArea span{display:block; text-align:center; font:12px/16px simhei; color:#999;}

.indexArea .part3 .con .txtArea h3{font: 20px/1.5 simhei; color:#ff8b00; background:url(../images/xz.png) no-repeat left center; background-size:18px auto; padding:0 0 0 24px;}
.indexArea .part3 .con .txtArea .info{display:block; font:12px/16px simhei; color:#999;}
.indexArea .part3 .con .txtArea  p{font:15px/24px simhei;color:#999; margin:5px 0 0 0;}
.indexArea .part3 .con .txtArea  p i{color:#333;}
.indexArea .part3 .con .txtArea  p a{color:#01969e;}
.indexArea .part3 .con .txtArea .xbtn{font-size:0; margin:10px 0 0 0;}
.indexArea .part3 .con .txtArea .xbtn a img{width:35%; max-width:156px;}

.indexArea .flink{margin:20px 0 0 0;}
.indexArea .flink h2{font:18px/2 simhei; border-bottom:1px solid #d7dedf;}
.indexArea .flink .inBox{margin:10px 0 0 0;}
.indexArea .flink .inBox a{font-size:18px; color:#999;}

.listArea{}
.listArea .ltop {background:#f3f3f3; height:76px; padding:10px 10px 20px;}
.listArea .ltop a{ display:block;}
.listArea .ltop img{width:89px; height:76px; float:left; margin:0 10px 0 0;}
.listArea .ltop h3{font:26px/40px simhei; color:#01969c;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.listArea .ltop p{font:16px/36px simhei; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.listArea .listCon{}
.listArea .listCon li{padding:10px;  border-bottom:1px solid #ececec;}
.listArea .listCon li a{display:block; height:24px; font:15px/24px simhei; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listArea .listCon li a span{font-size:12px; float:right; color:#999;}

.listArea .more{margin:20px 10px 30px;}
.listArea .more a{border-radius:5px; display:block; border:1px solid #dbdbdb; background:#efefef; color:#333; text-align:center; font:15px/30px simhei; height:30px;}


.articleArea{ margin:10px 0 0 0;}
.articleArea h1{ font-size:20px; text-align:center; font-weight:normal;}
.articleArea .info{font-size:12px; color:#999; text-align:center; }
.articleArea .info span{margin:0 4px;}

.articleArea .artCon{border-top:1px solid #ececec; padding:10px 20px; margin:10px 0; font:14px/24px simhei;}
.articleArea .artCon img{display:block; width:90%; max-width:500px; margin:0 auto;}

.articleArea .nextPre{padding:10px;}
.articleArea .nextPre span{display:block; font:15px/2 simhei; color:#01969c;}
.articleArea .nextPre span a{color:#999;}

.articleArea .btzx{padding:20px 10px; background:#e5f3f5; margin:10px 0 0 0;}
.articleArea .btzx h3{font:normal 18px/28px simhei; color:#ff8b00;}
.articleArea .btzx p{font:normal 14px/24px simhei; color:#333;}
.articleArea .btzx .inp{margin:5px 0 0 0;}
.articleArea .btzx .inp input[type=text]{font:14px/18px simhei; padding:3px 6px; width:120px; border:none; outline:none;}
.articleArea .btzx .inp a{display:inline-block; height:24px; font:14px/24px simhei; text-align:center; color:#fff; background:#87c212; padding:0 4px; margin-left:10px;}






