
body{font-family: "Microsoft yahei"; font-size:14px;background:#f5f5f5 url(../index/bg.png) no-repeat center 0; background-size:130%;}
.showpc{display:none;}
.showmobile{display:block;}
.main{ margin:0 auto; width:100%;}
#contion{ width:100%; margin:0 auto; padding:10px 0;}
.main{ margin:0 auto; width:96%;}
.main2{ margin:0 auto; width:100%;}

.pos{ line-height:40px; border-bottom:3px #c9c9ca solid;min-height:40px;}

.logo{text-align:center;padding:10px 0;}
.logo img{width:100%;height:auto;}
.logobg{ background:none;height:auto;}

.w600,.w550,.w405,.w830,.w320,.w300,.w500,.w830{ width:98%; margin:5px auto;}

.fr,.fl{ float:none;}
.frtitle{float: right;}
/*导航*/
.navdh{ background:#0068b7;height:70px; overflow:hidden; width:100%; margin:0 auto;s}
.navdh ul{ margin:0 auto;}
.navdh ul li{float:left; width:25%; padding:0; line-height:35px; text-align:center; background:none;}
.navdh ul li a{ color:#FFF; font-size:16px; font-weight:800;}
.navdh ul li a:hover{ color:#FC0;}

.picMarquee-left .bd{overflow: hidden; padding:0 0px;width:96%;}
.ztzl_box{height:70px;padding:6px 0px 0;}
.ztzl_box ul{height:70px;}
.ztzl_box ul li{height:70px; width:100%; margin:1% 0%; float:none;}
.ztzl_box ul li img{height:70px; width:100%;}

/*访谈*/
.lzdy-video{ width:100%; height:280px;margin:0 auto;}

.spft-left{ width:100%; float:none;}
.spft-video{ width:100%; height:280px;}
.spft-right{ width:100%; font-size:16px;float:none;}
.spft-right p{line-height:35px;}

.slideBox{ width:100%; height:240px; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideBox .bd img{ width:100%; height:240px; display:block;  }

#mobileHeader { font-family: "Microsoft yahei"; }
#mobileHeader { width: 100%; background:#e2e2e2 url(../bgSjTop.jpg) no-repeat 0 0px; -webkit-background-size: 100% 45px; background-size: 100% 45px; position:relative; }
#mobileHeader .logo { display: block; width:120px; height: 45px; background:  url(../xh_mobile_header.png) no-repeat 0px -10px; -webkit-background-size:90px; background-size: 90px; position: absolute; top: 0px; left: 10px; }
#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( ) 0 -160px no-repeat; -webkit-background-size: 57px; background-size: 57px; text-align:center}
#mobileHeader .right { display: block; width: 30px; height: 45px; position: absolute; top: 0px; right: 10px; background: url(../xh_mobile_header.png) no-repeat 100% -45px; -webkit-background-size: 57px; background-size: 57px; }
#mobileHeader .mobileNavList { width: 100%; position: absolute; top: 45px; left: 0px;z-index:10; background:#f9f7f4; padding:0 0 10px 0; box-shadow:5px 5px 5px #efefef;}
#mobileHeader .mobileNavList a { float: left; width:23%; margin: 10px 1%; color: #000; padding:5px 0; text-align: center; font-size:16px; background:#FFF; border-radius:3px;}
#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; }


.conleft{width:100%; margin:0 auto;}
.title-title{ padding:10px 0;}
.title-title h1{font-size:20px; font-weight:bold; line-height:30px; text-align:center;}
.title-info{clear:both; height:auto; line-height:30px; border-bottom:#e5e5e5 1px solid; text-align:center;}
.title-info span{font:normal 16px microsoft yahei; color:#666; line-height:30px; margin:0px auto 0; display:block;width:100%;text-align:center;}
.twriter{width:100%;margin:0px auto 0;}
.con{clear:both; overflow:hidden; padding-bottom:10px; font:normal 16px/30px microsoft yahei; text-align:justify;}
.con p{color:#333;}
.con img{width:96%; padding:3px; border:#efefef 2px solid;max-height:240px;}

.p10{padding:5px;}
.conpic{clear:both; overflow:hidden; padding-bottom:10px; font:normal 18px/35px microsoft yahei; text-align:justify;}
.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;} 

.item2{background:#f6f6f6;color:#333;border-radius:3px;width:96%;padding:1%;margin:1%;float:left;}

#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;}
