body{font-family: "Microsoft yahei"; font-size:14px;}
.showpc{display:none;}
.showmobile{display:block;}
.main{ margin:0 auto; width:100%;}

.pos{ line-height:30px; border-bottom:3px #c9c9ca solid;min-height:30px;padding-right:10px;}

#mobileHeader { font-family: "Microsoft yahei"; }
#mobileHeader { width: 100%; height: 60px; background:#ea0d04; -webkit-background-size: 100% 60px; background-size: 100% 60px; position:relative; }
#mobileHeader .logo { display: block; width:170px; height: 60px; background:  url(logo.png) no-repeat 0px 2px; -webkit-background-size:160px; background-size:160px; position: absolute; top: 0px; left: 2px; }
#mobileHeader .name { display: inline-block; height: 45px; line-height: 45px; font-size: 20px; padding: 0 0 0 10px; font-weight:bold; color: #fff; vertical-align: top; margin:0 0 0 100px;  background:url(../xh_mobile_header.png) 0 -160px no-repeat; -webkit-background-size: 57px; background-size: 57px; text-align:center}
#mobileHeader .right { display: block; width: 50px; height: 60px; position: absolute; top: 0px; right: 10px; background: url(menu.png) no-repeat right 15px; }
#mobileHeader .mobileNavList { width: 100%;position: absolute; top: 60px; left: 0px;z-index:10; background:#f9f7f4; padding:0 0 10px 0; box-shadow:0 5px 5px 3px #ccc;transition: height 600ms ease-in;  }
#mobileHeader .mobileNavList ul li { float: left; width:23%; margin: 10px 1%; color: #fff; padding:5px 0; text-align: center; font-size:16px; background:#fd463e; border-radius:3px; position: relative;}
#mobileHeader .mobileNavList ul li a{color: #fff;}

#mobileHeader .phnav { text-align: center; border-top: 2px solid #00abe7; padding-bottom:6px; }
#mobileHeader .phnav a { float:left; width:25%; height: 30px; line-height: 35px; text-align:center; font-size:16px; color:#333; }


.fl,fr{float:none;}
.w150, .w460{ width:100%;}
.w150 img{text-align:center;}

.conleft{width:96%; margin:0 auto; float:none;}
.title-title{ padding:10px 0;}
.title-title h1{font-size:20px; font-weight:bold; line-height:30px; text-align:center;}
.title-info{clear:both; overflow:hidden; height:40px; line-height:30px; border-bottom:#e5e5e5 1px solid; text-align:center;}

.con{clear:both; overflow:hidden; padding-bottom:10px; font:normal 16px/30px microsoft yahei; text-align:left;}
.con p{color:#333;}
.con img{width:96%; padding:3px; border:#efefef 2px solid;}

.p10{padding:5px;}
.conpic{clear:both; overflow:hidden; padding-bottom:10px; font:normal 16px/30px microsoft yahei; text-align:left;}
.conpic p{color:#333;}
.conpic a{color:#09C}
.conpic img{width:96%; padding:5px; border:#efefef 2px solid;}

.dataList li {margin:0;}
.dataList li:nth-last-child(1) {border:none;}
.dataList h3 {margin-bottom:5px;}
.dataList h3 a{font-weight:normal;}
.dataList img {margin-top:5px;width:80px;height:60px;}
.dataList .summary {font-size:14px;line-height:22px;}

#flow-box{margin:10px auto 0 auto; padding:0; width:100%; position:relative} 
#flow-box li{ 
width:240px; position:absolute; padding:10px; border:solid 1px #efefef; list-style:none; 
opacity:0; 
-moz-opacity:0; 
filter:alpha(opacity=0); 
-webkit-transition:opacity 500ms ease-in-out; 
-moz-transition:opacity 500ms ease-in-out; 
-o-transition:opaicty 500ms ease-in-out; 
transition:opaicty 500ms ease-in-out;} 

#flow-box li:hover{ box-shadow:3px 3px #e6e6e6} 
#flow-box li img{width:100%;} 
#flow-box li a{display:block; width:100%; text-align:center; font-size:16px; color:#333; line-height:18px; margin-top:10px; text-decoration:none;} 

/*滑动列表*/
.box-box{width:100%; position:relative;float:left;background:#FFF;}
.box-box2{width:100%; position:relative;float:left;}
/*swipe*/
.swipe{ padding-top:0px; width:100%; float:left;overflow: hidden; visibility: visible; position: relative;background:#FFF;}
.box01_list{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}

.li_list{width:100%; float:left; vertical-align:top;}

/*page*/
.page{ text-align:left; height:38px; line-height:38px; width:100%;display:-webkit-box; border-bottom:#efefef 2px solid;}
.page li{-webkit-box-flex:1; font-size:18px; display:block; color:#000; height:38px; line-height:38px; text-align:center; }
.page li a{ color:#000; display:block; height:38px;}
.page a.active{color:#2087bf;border-bottom:#2087bf 2px solid;transition: left 600ms ease-out; }
.go_btn{height:34px;width:92%;border: 1px solid #B9B9B9;text-align: center;line-height: 34px;font-size: 16px;
background: -webkit-gradient(linear,0 0,0 100%,from(whiteSmoke),to(#E3E3E3));background: -moz-linear-gradient(top,whiteSmoke,#E3E3E3);
-webkit-border-radius: 3px;border-radius: 3px; display:block;float:left; margin:5px 4% 5px;}
.go_btn em{ font-style:normal; cursor:pointer;}

.ri_tpjx2{width:48.9%; height:110px; overflow:hidden; float:left; padding-top:4px; padding-bottom:4px; margin:0 1px;}
.ri_tpjx2 img{width:100%; height:110px; position:relative; z-index:11;}
.ri_tpjx2 h1{width:100%; height:30px; position:relative; z-index:22; background:#0e649a; top:-30px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.ri_tpjx2 h2{width:100%; height:30px; line-height:30px; position:relative; z-index:33; top:-60px; font-size:14px; font-weight:normal; color:#fff; text-align:center; overflow:hidden;}
.ri_tpjx2 h2 a{font-size:14px; font-weight:normal; color:#fff;}
.ri_tpjx2 h2 a:hover{color:#fa9627;}
/*专题列表*/
.ztbg{background:url(../mobile/lmbg.png) no-repeat left top #EfEfEf;-webkit-background-size: 100% 50px; background-size:100% 50px;padding:0px 5px 5px;}
.zt_title {height:50px; line-height:40px; font-size:120%;;color:#fff;padding:0 15px;}
.zt_title a { padding:0 10px; float: left; text-align:left; font-size:16px;color: #fff; display:block;}

.ztlist{width:96%; margin:-5px auto 0;overflow:hidden;background:#fff;padding:5px;}
.ztlist dd{list-style:none;line-height:31px;overflow:hidden;background:url(../mobile/dot.png) no-repeat 0px center; padding-left:15px; overflow:hidden;width:96%;}
.ztlist dd a{ text-decoration:none;font-size:16px;letter-spacing:0px;}
.ztlist dd span{float:right;color:#999; width:70px;text-align:right; } 
.ztmr20{margin-right:25px;}