body{ margin:0 auto; padding:0;background:#ddd;min-width:320px;width:100%;max-width:640px; font-size:0.875em; font-family:"Microsoft Yahei";}
a,p,ul,li,h1,h2,h3{ text-decoration:none; margin:0; padding:0; list-style-type:none;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#f00;}
em{ font-style:normal;}
img{ border:none;}
.wap{ min-width:320px;width:100%;max-width:640px;}

/*header*/
.header{width:100%; height:40px; background:#343434; font:600 1em/40px "Microsoft Yahei"; text-align:center; color:#fff;}

/*flash*/
.flash{ margin-top:3px; width:100%; overflow:hidden;}
.flash img{ width:100%;}
.box_swipe{width:100%; float:left; overflow:hidden; position:relative;}
.box_swipe>ol{width:100%; height:20px; position: absolute; z-index:10; bottom: -14px; text-align:right; padding-right:20px; background-color:rgba(0,0,0,0.5);box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.box_swipe>ol>li{display:inline-block; margin:5px; width:10px; height:10px; background-color:#757575; border-radius: 10px;}
.box_swipe>ol>li.on{background-color:#ffffff;}

/*nav*/
.nav{ width:100%;}
.nav ul{ width:100%; overflow:hidden;}
.nav li{ width:48.7%; margin:10px 0.65% 0; float:left; padding-bottom:10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.nav_img{ width:50%; margin:13px 25% 10px 25%; text-align:center;}
.nav_img img{ width:70%;}
@media(min-width:414px)
{
    .nav li{ width:48.7%; margin:10px 0.65% 0; float:left;height:155px; padding-bottom:10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .nav_img img{ width:70%;padding-top:15px;}
}
.nav_bt{ width:100%; text-align:center; color:#fff; font-size:1.25em;}

/*content*/
.con{min-width:320px; width:100%; max-width:640px; margin-bottom:10px;}

/*sub_header*/
.sub_header{width:100%; height:35px; background:url(images/sub_headerbg.jpg); border-bottom:1px solid #ccc;}
.sub_header ul{width:100%; height:35px;}
.sub_header li{width:25%; height:35px; background:url(images/sub_headerx.jpg) no-repeat right; text-align:center; font-size:1em; float:left; line-height:35px;}


/*footer*/
.footer{width:98%; text-align:center; line-height:30px; color: #333; margin:10px 1% 60px;}
.footer a{color: #333;}

.footer_fixed{min-width:320px; width:100%;max-width:640px; position: fixed; bottom: 0; background:#343434 url(images/footer_fixed_bg.jpg) repeat-x bottom;}
.footer_fixed li{float: left; width: 30%; font: 14px/30px ""; color: #fff; text-align: center; vertical-align: middle; padding: 10px; background: url(images/footer_fixed_x.jpg) repeat-y right; box-sizing:border-box;}
.footer_fixed li img{width: 30px; vertical-align: middle; margin-right: 15px;}
.footer_fixed li a{color: #fff;}.footer_fixed li a:visited{color: #fff;}.footer_fixed li a:hover{color: #fff;}

/*sub_con*/
.sub_con_tit{width: 100%; height: 40px; font: 600 1.125em/40px "Microsoft Yahei"; padding-left: 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sub_con{width: 100%; padding: 10px; line-height: 26px; background: #eee; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sub_con img{width: 100%;}

/*list_con*/
.list_news{width: 100%; background: #eee; margin: 5px 0px;}
.list_news ul{width: 100%;}
.list_news li{width: 100%; height: 55px; font: 1em/55px"";overflow: hidden; white-space: nowrap; border-bottom: 1px solid #ccc; background: url(images/news_listbg.jpg) bottom; padding-left: 10px; box-sizing: border-box; position: relative; }
.list_news a{color: #082437;}
.list_news .news_icon{position: absolute;right: 12px;top: 50%;margin-top: -9px;width: 18px;height: 18px;background-color: #666;background-color: rgba(0,0,0,.4);background-image: url(images/nav0_0_25_01.png);background-repeat: no-repeat;border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;}
.list_news_fy{width: 100%; float: left; height: 40px; line-height: 40px; text-align: center;}

.list_lm{width: 100%; float: left;}
.list_lm ul{width: 100%; float: left;}
.list_lm li{width: 46%; float: left; margin: 10px 2% 0px; background: #fff; border-radius: 15px; padding: 5px 10px; -webkit-box-shadow:0px 1px 2px #999; box-shadow:0px 1px 2px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_lm span{width: 100%; float: left; font: 600 1em/24px "";}
.list_lm img{width: 100%; float: left;}
.list_lm em{width: 100%; float: left; color: #666; font: 0.75em/24px "";}

.list_tup{width: 100%;overflow:hidden;}
.list_tup ul{width: 100%;}
.list_tup li{width: 48%; float: left;  margin: 10px 1% 0px; background: #fff; border-radius: 3px; padding: 5px; -webkit-box-shadow:0px 1px 2px #999; box-shadow:0px 1px 2px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_tup_img{width: 100%; float: left; position: relative;}
.list_tup_img img{width: 100%; float: left;}
.list_tup_img em{width: 100%; float: left; position: absolute; bottom: 0px; left: 0px; text-align: center; height: 30px; background-color: rgba(0,0,0,.4); font: 0.825em/30px ""; color: #fff;}

.list_fl{width: 100%; float:left; margin-top:10px;}
.list_fl li{float:left; line-height:40px; padding:0 15px; background: #fdfdfd; margin: 0 2%; margin-bottom: 10px;  -webkit-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #999;-webkit-box-shadow:0px 1px 3px #999; box-sizing:border-box; -webkit-box-sizing:border-box; }

.list_lyb{width: 96%; float: left; margin: 10px 2%; background: #fff; -webkit-border-radius:5px; border-radius:5px;-webkit-box-shadow:0px 1px 3px #999; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_lyb_tit{width:100%; height: 35px; line-height: 35px; background: url(images/lyb_tit_bg.jpg); border-radius:5px 5px 0 0; border-bottom: 1px solid #ededed;}
.list_lyb_tit span{float: left; padding-left:20px; color: #333; font-size: 14px;}
.list_lyb ul{width: 96%; float: left; margin: 10px 2%;}
.list_lyb li{width: 100%; float:left; line-height: 30px; color: #333; margin-bottom: 10px;}
.list_lyb li .wleft{width:20%; float: left; text-align: right; padding-right: 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_lyb li .wright{width:80%; float: left; }
.list_lyb li .wright span{font-size: 0.85em;}
.list_lyb li .wright .input{border: 1px solid #ddd; padding-left: 5px; height: 20px; line-height: 20px; margin-top: 5px;}
.list_lyb li .wright .textarea{border: 1px solid #ddd; padding-left: 5px; line-height: 20px; margin-top: 5px;}

.button{float:left; padding: 5px 12px; color: #333; font: 12px/18px "Microsoft Yahei"; background:#fff url(images/lyb_tit_bg.jpg) repeat-x bottom; border:1px solid #ddd; border-radius:5px;}