﻿*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{font-size:20px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td{ margin: 0; padding: 0;}
body{ max-width:800px;font-size:0.6rem;margin:0 auto; background:#F4F4F4;}
body,button, input, select, textarea{ font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#555;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
small { font-size: 0.6rem; }
ul, ol { list-style: none; }
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none; color:#555;}
a:hover { text-decoration: none;}

fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both;height:0; overflow:hidden;}
.blank10{height:0.5rem;}
.blank15{height:0.75rem;}
.grey{ background:#F2F2F3;}
.show{ display:block !important;}
.hide{ display:none !important;}
i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.whitebg{ background:#fff;}
/**头部**/
.headerbox{ width:100%; position:fixed; background:#142632; top:0; left:0; z-index:999}
.header{ height:2.5rem; line-height:2.5rem;}
.header_l{ padding-left:0.5rem;}
.header_r{}
.header_l img{ height:1.2rem; margin-top:0.5rem; display:block;}
.header_r .text{ width:3rem; padding:0 0.5rem; height:1.2rem; line-height:1.2rem; border-radius:1.8rem; border:0; margin-right:0.5rem; background:#fff url(../images/iconfor.png) no-repeat 2.5rem center;}

.header .headin{ width:2.5rem; height:2.5rem; line-height:2.5rem; position:absolute; top:0; text-align:center;}
.header .headertit{ font-size:1rem; color:#fff; text-align:center; height:2.5rem; line-height:2.5rem; padding:0 2.2rem;}
.header .headin img{ width:1.5rem; height:1.5rem; margin-top:0.5rem;}
.header .inleft{ left:0}
.header .inright{ right:0}
.header .inright span{display:block; transition:0.5s;}
.header .inright .close{display:none;}
.headerbox .slidebar{ position:fixed; z-index:9999; right:-20rem; top:0; background:#f5f5f5; height:100%; width:50%; box-shadow:0 0 0.7rem rgba(0,0,0,0.6); transition:0.5s; overflow-y:scroll}
.headerbox .slidebar.show{ right:0}
.headerbox .slidebar ul li{ height:2.2rem; line-height:2.2rem;}
.headerbox .slidebar ul li a{ font-size:1rem; color:#555; display:block; padding-left:1.5rem;}
.headerbox .slidebar .user{ background:#fff url(../images/userbg.png) no-repeat 125% 1rem; height:4rem; background-size:4rem; padding:0.2rem 0 0.2rem 1.9rem;}
.headerbox .slidebar .user .pic img{ width:4rem; height:4rem;}
.headerbox .slidebar .user .name{ margin-top:1rem;}
.headerbox .slidebar .user .name a{ display:inline-block; font-size:0.8rem; color:#555; padding:0 0.5rem; line-height:1.2rem;}

.fixbg{ background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:3}

/*导航*/
.navgate{ height:2.2rem; line-height:2.2rem;background:#fff; overflow:hidden; transition:0.3s;}
.navgate.navmore{ padding-right:1.2rem; position:relative;}
.navgate.navshow{ height:auto; transition:0.3s;}
.navgate ul{}
.navgate ul li{ float:left; padding:0 0.5rem; text-align:center;}
.navgate ul li a{ display:block; font-size:0.8rem;}
.navgate ul .more{ display:none;}
.navmore ul .more{ position:absolute; right:0; top:0; width:1.2rem; height:2.2rem; display:block !important;}
.navmore ul .more i{ display:inline-block;}
.navmore ul .more i img{ display:block; margin-top:0.5rem; width:1rem;}

/*幻灯*/
.banner{ overflow:hidden; position:relative; height:6rem;}
.bannerimg{}
.bannerimg ul li{ position:relative; height:6rem;}
.bannerimg ul li img{ width:100%;}
.bannerimg ul li span{ position:absolute; left:0; bottom:0; color:#fff; width:66%; padding:0 2%; height:1.6rem; line-height:1.6rem; font-size:0.8rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.bannerdot{ position:absolute; right:0; bottom:0; width:30%; z-index:99; text-align:right; height:1.6rem; line-height:1.6rem;}
.bannerdot span{ width:0.5rem; height:0.5rem; display:inline-block; margin:0 0.3rem;  background:#fff !important;}
.bannerdot .swiper-pagination-bullet-active{ background:#338BC9 !important}

.partbox{}
.parttit{ height:2.3rem; line-height:2.3rem;  padding:0 0.5rem; border-bottom:1px solid #EEEEEE;}
.parttit .tit{font-size:0.9rem; text-align:left; display:inline-block;}
.parttit .menu{ text-align:right;}
.parttit .menu a{ padding:0 0.5rem; font-size:0.7rem; display:inline-block}
.parttit .menu a.on{ border-bottom:0.1rem solid #338BC9;}

.indexfloor{}
.indexfloor ul{ display:none; float:left;}

/*底部*/
.footbox{height: 2.5rem;background: #fff;bottom: 0;z-index: 99;left: 0; width: 100%; position: fixed; border-top:1px solid #e5e5e5;}
.flexbox{text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footbox ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; text-align:center;}
.footbox ul li a{ display:block;}
.footbox ul li a img{ display:block; width:1rem; height:1rem; margin:0.3rem auto}
/*位置导航*/
.location{height:2rem;text-align:left; line-height:2rem; padding:0 0.2rem; font-size:0.7rem;color:#4C4C4C;}
.location a{font-size:0.7rem; padding:0 0.3rem;color:#4C4C4C;}
.location img{ display:none}
/*分页样式*/
#fenye{color:#999; text-align:center; padding:1rem 0;}
#fenye table{ width:100%;}
#fenye a{font-size:0.7rem;height:1.3rem;line-height:1.3rem;color:#A5A3A3; border-radius:0.1rem; background:#F1F1F1; display:inline-block; margin:0 0.3rem; padding:0 0.3rem; display:none;}
#fenye a:hover{background:#3087C4; color:#fff;}
#fenye .prev,#fenye .next{text-align:center; width:2.3rem; display:inline-block;}
#fenye a:hover{color:#fff; text-decoration:none;}

/*内容页*/
.videoview{}
.videoinfo{ padding:0.5rem;}
.videoinfo .name{font-size:0.9rem; font-weight:bold; height:2rem; line-height:2rem;}
.videoinfo .list{font-size:0.7rem; width:50%; float:left;}
.videoinfo .list.full{ width:100%;line-height:1.2rem;}
.videoinfo .list.full p{text-indent:2em;}
.videoinfo .list span{ font-size:0.7rem; line-height:1.5rem; display:inline-block; }
.videoinfo .list .playlist{ padding-top:0.5rem;}
.videoinfo .list .playlist ul li{ padding:0 !important; background:#ff8400;border-radius:20px; border:0 !important; margin-right:0.5rem; margin-bottom:0.5rem; margin-left:0 !important}
.videoinfo .list .playlist ul li a{ display:block; padding:5px 10px; background-size:0.8rem; color:#ffffff;}

/*列表*/
.module-boxA{margin-bottom:0.66667rem;background-color:#ffffff;}
.module-boxA-hd{height:2.16667rem;line-height:2.29167rem;border-bottom:1px solid #e3e3e6;overflow:hidden}
.module-boxA-tit{position:relative;margin-left:0.53333rem;font-size:0.95rem;color:#666666;padding-left:0.58333rem;font-weight:normal;}
.module-boxA-tit:before{content:"";position:absolute;left:0;top:50%;margin-top:-0.625rem;width:0.15rem;height:1.20rem;overflow:hidden;background-color:#00a3e7}
.module-boxA-hd h3 .amore{position:absolute;right:0.53333rem;font-size:0.65rem;}
.module-listA{overflow:hidden}
.module-listA li{position:relative;float:left;width:33.3333333333%;height:1.90833rem;line-height:1.90833rem;overflow:hidden;border-bottom:1px solid #eee;text-align:center}
.module-listA li:after{content:"";position:absolute;top:50%;right:0;margin-top:-0.79167rem;background-color:#eee;width:1px;height:1.58333rem;overflow:hidden}
.module-listA li a{display:block;height:100%;font-size:0.75rem;text-align:center;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.module-listA li a:active{background-color:#f7f7f7}