/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6,small{font-size:100%;}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}

body{background:#fff;}

a,a:hover{color:#333;}



/* grod */

body{ background: #e4ece7; }

.g-wraper{ width: 960px; margin-left: auto; margin-right: auto; background: #fff; overflow: hidden; zoom: 1; }

.g-content{ width: 720px; float: left; padding-left: 40px; background: url(../img/bg.png) right top repeat-y; padding-right: 50px; }

.g-sider{ width: 150px; float: right; }



/* top */

.m-top{ padding: 5px 0; background: url(../img/top.png) bottom repeat-x #fff; line-height: 30px; overflow: hidden; zoom: 1; margin-bottom: 50px; box-shadow: 0 0 5px rgba(0,0,0,.2); }

.m-top img{ height: 30px; display: block; }

.m-top .nav a{ margin-right: 15px; float: left; }



/* header */

.m-header{ padding: 20px; overflow: hidden; }

.m-header .logo{ float: left; }

.m-header .text{ margin-left: 200px; margin-right: 180px; padding: 20px 0; line-height: 24px; }



/* content */

.m-item{ margin-bottom: 20px; line-height: 24px; }

.m-item .img{ max-height: 350px;overflow: hidden; zoom: 1; margin-bottom: 10px; }

.m-item img{ display: block; width: 100%; }

.m-item a{ display: block; position: relative; }

.m-item h2 a{ font-family: "microsoft yahei"; font-size: 20px; font-weight: normal; color: #078dcf; margin-bottom: 5px; }

.m-item p{ color: #666; }

.m-item b{ color: #333; font-weight: normal; margin-right: 20px; }

.m-item .play{ position: absolute; width: 100%; height: 100%; line-height: 100%; text-align: center; vertical-align: middle; background: #000; opacity: .7; filter:alpha(opacity=70); }

.m-item .play img{ position: absolute; top: 50%; margin-top: -54px; left: 50%; margin-left: -54px; *_display: none; }

#item-0 h2{ text-align: center; margin-top: 20px; }



/* side */

.m-nav{ font-family: "microsoft yahei"; font-size: 14px;}

.m-nav li{ line-height: 47px; background: #ececec; border-right: 5px solid #078dcf; zoom: 1; }

.m-nav a{ border-bottom: 1px solid #ddd; display: block; width: 100%; height: 100%; text-indent: 10px; zoom: 1; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.m-nav a span{ white-space: nowrap; text-overflow: ellipsis; }

.m-nav .end{ margin-bottom: 10px; position: relative; }

.m-nav .end:after{ content: ''; display: block; width: 100%; height: 5px; background: url(../img/navbg.png) bottom right no-repeat; position: absolute; bottom: -5px; right: -5px; }

.m-nav .home{ border-right-color: #f62e3b; }

.m-nav .jiabing{ border-right-color: #f49800; }

.m-nav li a:hover,.m-nav li .now{ padding-left: 30px; margin-left: -20px; background: #078dcf; border-color: #078DCF; color: #fff; overflow: hidden; zoom: 1; *_padding-left:0; *_margin-left:0; }

.m-nav .end a:hover,.m-nav .end .now{ background: #F62E3B; border-color: #F62E3B; }

.m-nav .jiabing a:hover,.m-nav .jiabing .now{ background: #F49800; border-color: #F49800; }

.m-nav.fix{ position: fixed; top: 10px; width: 150px; }



/* m-item */

.m-item2{ overflow: hidden; zoom: 1; }

.m-item2 li{ width: 50%; margin-bottom: 20px; float: left; line-height: 25px; color: #666;; }

.m-item2 .img{ float: left; width: 100px; height: 70px; overflow: hidden; zoom: 1; }

.m-item2 img{ width: 100%; }

.m-item2 .text{ margin-left: 110px; }

.m-item2 b{ font-weight: bold; margin-right: 10px; color: #333; }

.m-item2 p{ color: #999; margin-right: 10px; }



/* module */

.u-title{ margin-bottom: 20px; }

.u-title p{ color: #666; line-height: 24px; }

.u-more{ margin-bottom: 20px; display: block; background: #ddd; line-height: 30px; text-align: center; border-radius: 3px; }



/* footer */

.m-footer{ text-align: center; background: #2c2f38; line-height: 24px; padding: 30px 0; color: #adafba; font-size: 12px; clear: both; margin-top: 50px; }

.m-footer .links{ margin-bottom: 20px; }

.m-footer a{ color: #ccc; margin: 0 5px; }

.m-footer a:hover{ color: #19A97B; }



/* 响应 */

@media screen and (max-width:959px){

	.g-wraper,.g-content{ width: auto; float: none; margin: 0px; padding: 0; }

   .g-sider{ display: none; }

   .g-content{ padding: 0 10px; background: none; }

   .g-content img{ max-width: 100%; }

   

   .m-top{ padding: 5px 10px; margin-bottom: 10px; }

   

   .m-header{ padding: 10px; }

   .m-header .logo{ float: none; margin: 0; text-align: center; }

   .m-header .text{ margin: 0; padding: 0; }

   .m-header a{ display: block; }

   

   .m-item2 li{ width: auto; float: none; overflow: hidden; }

}