html {overflow-y:scroll;}
body {margin:0; padding:0; font-family:"Microsoft YaHei",微软雅黑; background:#180053; max-width: 800px; margin: 0 auto;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#333333; text-decoration:none;}
a:hover { color:#e33830;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
.content { width:80%; margin:5% auto 0;}
.fl { float: left;}

.i_logo { background: #fff; text-align: center; padding: 5% 0;}
.i_logo img { width: 90%;}

.i_menu {}
.i_menu ul { overflow: hidden; padding: 18% 10% 18%;}
.i_menu li { margin-bottom:3%; width: 100%; float: left;}
.i_menu li a { display: block; background: #fff; }
.i_menu li:nth-child(2) { width:70%; }
.i_menu li:nth-child(3) { width:70%; }
.i_menu li:nth-child(4) { width:28%; float: right; margin-top: -31%; }
.i_menu li i { display: block; }
.i_menu li i img { width: 100%;}
.i_menu li p { font-size: 0;}

.i_list { overflow: hidden; padding: 5% 5% 0; background: #f5f5f5;}

.lm01 { width:100%; margin:5px 0 10px 0; overflow: hidden;}
.lm01 b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#4fa0ff; margin-right:12px; margin-top:1px; }
.lm01 span { float:left; height:26px; line-height:26px; color:#4fa0ff; font-size:24px;  font-weight: 700;}
.slm01 { overflow: hidden; font-weight: 700; font-size:18px; line-height: 30px;}
.slm01 em { float: right; font-size: 14px; line-height: 30px;}
.slm01 em a { color: #666;}

.i_list ul { overflow: hidden; margin-bottom: 5%; margin-top: 3%; padding: 5%; background: #fff;}
.i_list  li { float: left; width: 100%; margin-bottom: 3%; padding-bottom: 3%; border-bottom: #ccc 1px dashed;  }
.i_list  li:nth-last-child(1) {  border-bottom: 0; padding-bottom: 0%; margin-bottom: 0%; }
.i_list  li .banner-frame { width: 16%; height: 66px; position: relative; border: 1px solid rgba(217, 217, 217, 0.53);}
.i_list  li .banner-frame img { width: 100%;height: 100%;}
.i_list  li .words-des {width: 74%;    color: #333333;    margin-left: 23px;}
.item-title { line-height: 22px;    height: 46px;    overflow: hidden;}
.word-btm {color: #A8A8A8;    font-size: 12px;    margin-top: 2px;}
.ico-type {position: absolute;    width: 16px;    height: 16px;    bottom: -1px;    right: -1px;    background-image: url(../images/m/icon_new_data.png); background-color: #fff;}
.ico-type.ico-xlsx {  background-position: 0 -100px;}
.ico-type.ico-xls {  background-position: 0 -100px;}
.ico-type.ico-doc {  background-position: 0 -20px;}
.ico-type.ico-docx {  background-position: 0 -20px;}
.ico-type.ico-ppt {  background-position: 0 -60px;}
.ico-type.ico-pptx {  background-position: 0 -60px;}
.ico-type.ico-pdf {  background-position: 0 -40px;}
.ico-type.ico-txt {  background-position: 0 -80px;}

.searsh { width:100%;padding:5% 0 0; background: #f5f5f5; overflow:hidden;}
.sea { width:90%; margin:0 auto;  border-radius:10px; overflow:hidden;}
.sea .inp { width:85%; height:55px; float:left;  font-size:14px; line-height:55px; color:#666; background:#fff; border:0;border-radius:0px; text-indent:1em; font-family:"Microsoft YaHei","微软雅黑"; }
.sea .bot { width:15%; height:55px; float:left;  background:url(../images/m/i_searsh.png) 5px 6px no-repeat #59acff;  cursor:pointer; border:0; border-radius:0px;}



.amn{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;} /*过渡效果*/
#znlsp { width:100%;   }
.i_list2 { overflow: hidden; padding: 5% 5% 0; background: #f5f5f5;}
.i_list2 ul { overflow: hidden;  margin-top: 3%;}
.i_list2 ul li { width:48%; float:left; margin-right:4%; margin-bottom:4%; background:#FFF;  }
.i_list2 ul li:nth-child(2n) { margin-right:0px;}
.i_list2 ul li h3 { width:100%;  }
.i_list2 ul li h3 .p { width:100%; height:105px; position:relative; overflow:hidden; display:block; }
.i_list2 ul li h3 .p img { width:100%; height:105px; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;}
.i_list2 ul li:hover h3 .p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.i_list2 ul li h3 .p em { width:50px; height:50px; display:block; background: url(../images/m/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-25px; margin-top:-25px; }
.i_list2 ul li:hover h3 .p em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
.i_list2 ul li h4 { width:100%;font-size:14px; line-height:22px; color:#333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 15px; }
.i_list2 ul li:hover h4 { color:#252525; }





.zhub { color: #4fa0ff; font-size:12px; line-height:24px; margin-bottom: 0%; margin-top: 0%;}
.zhub span { font-size: 12px; font-weight: 700; float: left; line-height: 32px; padding: 0px 2%; margin-right: 2%; margin-top: 8px; border-right:#4fa0ff 1px solid;}

.footer { text-align:center; padding:2% 0; color:#afafaf; border-top:#afafaf 1px solid; font-size:12px; line-height:20px; }