html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0
}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{
    -webkit-text-size-adjust:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
    block;
    clear:all
}
body{
    font-family:'Microsoft YaHei',helvetica,arial,sans-serif;
    -webkit-text-size-adjust:none;
    color:#1a1a1a;
    background:#f9f9f9;
    -webkit-text-size-adjust:none;
    min-width:320px;
    font-size:16px
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}
form{
    display:inline
}
textarea{
    resize:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
ul,ol{
    list-style:none
}
input,select,button{
    'Microsoft YaHei',helvetica,arial,sans-serif;
    font-size:100%;
    vertical-align:middle;
    outline:0
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button;
    -moz-appearance:button
}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{
    color:transparent
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
a{
    text-decoration:none;
    color:#1a1a1a
}
a:hover,a:active,a:focus{
    color:#3990e6;
    text-decoration:none
}
a:active{
    color:#aaa
}
img{
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic
}
.fl{
    float:left
}
.fr{
    float:right
}
.hide{
    display:none !important
}
.show{
    display:block !important
}
.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.break{
    word-break:break-all;
    word-wrap:break-word
}
.clearfix:after{
    content:'\0020';
    display:block;
    height:0;
    clear:both
}
 a{
    text-decoration:none;
}
 #m-header{
    width: 100%;
    height: 40px;
    box-shadow: 0px 2px 2px #ccc;
    height:40px;
    width:100%;
    background-color:#0066cb;
    overflow: hidden;
}
 #m-header .logo{
    display:inline-block;
    padding:0px;
    color: #fff;
    font-size: 14px;
    background: url(/style/css_img/logo.png) center center no-repeat;
    background-size:auto 32px;
    overflow: hidden;
    line-height: 40px;
    margin:0px 0px;
    color: #fff;
    text-align: center;
    height: 40px;
    vertical-align:top;
    width:120px;
    text-indent: 999em;
}
 #navicon{
    width:30px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    text-indent: 999em;
    background: url(/style/css_img/icon.png) no-repeat;
    background-position: 0px -72px;
    background-size: 50px auto;
    white-space: nowrap
}
 #art-main{
    width:100%
}
 #nav{
    width:100%;
    margin:0px;
    padding:0 0px 0px 0;
}
 #nav a{
    width:20%;
    line-height:30px;
    text-align: center;
    display:inline-block;
    cursor:auto;
    text-overflow:clip;
    vertical-align:top;
    overflow: hidden;
    font-size: 18px;
    color: #1c5aa2;
}
 .class-title{
    clear: both;
    height: 44px;
    line-height: 44px;
    padding: 0 10px 0 12px;
    border-top: 1px solid #d9dadc;
    border-bottom: 1px solid #d9dadc;
    box-shadow: inset 0px 1px 1px #fff;
    font-size: 20px;
    background: linear-gradient(#f6f6f6,#eeeeee);
}
 .class-title h3 {
    padding: 0 20px;
    color: #000;
    border-top: 2px solid #367aca;
    background: #f8f8f8;
    height: 43px;
    line-height: 44px;
    border-left: 1px solid #d9dadc;
    border-right: 1px solid #d9dadc;
    position: relative;
    white-space: nowrap;
    float: left;
}
 .class-title-nav {
    overflow: hidden;
    text-align: right;
}
 .class-title-nav a {
    padding: 0 8px;
    display: inline;
}
 .class-title-nav .point {
    color: #ccc;
    font-size: 17px;
    display: inline;
}
 .class-nav{
    width:100%;
    margin:0px;
    margin:4px 0px;
}
 .class-nav ul{
    margin:0 1.5%;
}
 .class-nav li{
    width:30.3333%;
    line-height:34px;
    height:34px;
    text-align: center;
    display:inline-block;
    cursor:auto;
    background-color: #f2f2f2;
    margin:5px 1.5%;
    text-overflow:clip;
    vertical-align:top;
    overflow: hidden;
    font-size:16px;
}
 .class-nav li a{
    display:block;
}
 .class-list ul{
    padding:0 14px;
    list-style:none;
    background-color:#fbfbfb
}
 .class-list ul li{
    border-bottom:1px solid #dedede;
    border-top:1px solid #fff;
    height:40px;
    line-height:40px;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-indent:2px;
    text-align:left;
}
 .class-list ul li a {
    text-decoration: none;
    display:block;
}
 .class-list ul li.first-child{
    border-top:0px;
}
 .class-list ul li.last-child{
    border-bottom:0px;
}
 .more{
    margin: 0px 14px 8px 14px;
}
.more a{
    display: block;
    padding: 6px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    clear: both;
    background:#f2f2f2;
}
 .more span{
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(/style/css_img/more.png) 0 0 no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
    margin-left: 8px;
    margin-top: 3px;
}
 #tool{
    background: #f0f0f0;
    border-top:1px solid #bdbdbd;
    width:100%;
    padding:2px 0px;
    margin:0px;
    padding:8px 0px;
}
 #tool a{
    width:20%;
    line-height:26px;
    text-align: center;
    display:inline-block;
    cursor:auto;
}
 #m-footer{
    text-align: center;
    line-height:30px;
    margin-top:10px;
}
 #m-footer a{
    margin: 0 10px;
    display: inline-block;
    color:#555
}
 .go-back{
    float: left;
    height: 30px;
    width: 35px;
    overflow: hidden;
    text-indent:999em;
    background: url(/style/css_img/icon.png) no-repeat -2px -2px;
    background-size:50px auto;
}
 .go-top{
    float: right;
    height: 30px;
    width: 35px;
    background: url(/style/css_img/icon.png) no-repeat -15px -40px;
    overflow: hidden;
    text-indent: 999em;
    background-size:50px auto;
}
 #footerInfo{
    color: #888;
    font-size: 12px;
    line-height: 22px;
    padding:8px 0px 12px 0px;
}
 #fs{
    padding-left:15px;
}
 #goTopBtn {
    position:fixed;
     text-align:center;
     display:block;
    line-height:38px;
     width:38px;
     bottom:80px;
     height:38px;
     right:10px;
     border-radius:5px;
    background:rgba(80,80,80,0.6);
}
 #goTopBtn::before{
    display:block;
    content:" ";
    float:left;
    margin:12px 0 0 12px;
    width:14px;
    height:13px;
    background:url(/style/css_img/back_top.png) no-repeat;
    background-size:14px 13px;
    bottom:40px;
}
 .querybox {
    height:39px;
    border: 1px solid #bbb;
    position: relative;
    padding: 0 80px 0 0px;
    background: #fff;
    margin:6px;
    text-indent:8px;
}
 .query{
    height: 39px;
    border: 0;
    font-size:18px;
    color:#888;
    left:0;
    position: relative;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    width: 100%;
    font-family: Arial, Microsoft YaHei, SimHei,Helvetica, sans-serif;
    padding-left:0;
}
 .qbtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 74px;
    border: 0;
    color: #424242;
    font-weight:bold;
    border-left: 1px solid #bbb;
    border-radius: 0;
    height: 39px;
    outline: none;
    text-align: center;
    background: #f0f0f0;
    box-sizing: border-box;
    line-height:39px;
}
/*CSS Reset********************************************************************************************/
 html{
     margin:0 auto;
     font-family:"Microsoft JhengHei","Microsoft YaHei",Verdana,sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 @media only screen and (min-width:978px) {
     html,#logosearch {
         margin:0 auto;
         width:70%;
    }
}
 body{
     border: 1px solid #ddd;
}
 body,h1,h2,h3,h4,h5,h6, p, ol, ul, li,dl, dt, dd, pre, th, td, img, iframe, header, section, footer, aside, nav, article, figure{
     margin: 0;
     padding: 0;
}
 header, section, footer, aside, nav, article, figure{
     display: block;
}
 ol,ul,li{
     list-style: none;
}
 h1,h2,h3,h4,h5,h6{
     font-size: 100%;
     font-weight: 600;
}
 a{
     text-decoration:none;
     outline:0;
     color:#333;
     cursor:pointer;
}
 *{
     -webkit-tap-highlight-color:rgba(0,0,0,0) 
}
 .clear{
     clear:both;
}
 .yc, #yclinks{
     width:0px;
     height:0px;
     overflow:hidden;
}
/*header search form*/
 #header {
     clear: both;
     margin-bottom:41px;
}
 #header nav{
     position: relative;
     top:41px;
     clear: both;
}
 #logosearch{
	background: #3C5A98;
	z-index: 1000;
	position: fixed;
	top: 0;
	left:0;
	right:0;
	clear: both;
	/*position: absolute;*/
	/* border-bottom: 1px solid #ddd;
	*/
}
 #sitename{
    /*background-image: url(/style/logo.png);
     width: 82px;
    */
     height:42px;
     line-height:42px;
     float: left;
     padding: 0px 8px ;
     color:#fff;
}
 #sitename h3{
     color:#fff;
     font-family:KaiTi, "Microsoft YaHei",LiSu, YouYuan, STLiti, "Microsoft JhengHei", Verdana, sans-serif;
     font-size:20px;
    /*letter-spacing:3px;
    */
    /*font-weight:bold;
    */
}
 #searchform {
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     position:relative;
     overflow:hidden;
     padding-right:30px;
    /*border: 1px solid #ccc;
     */
     margin: 7px 6px 0 0;
     width:28%\9;
     float:right\9;
     border-radius:3px;
}
 @media only screen and (min-width: 768px) {
     #searchform {
         width:28%;
         float:right;
    }
}
 #searchform input[type='text'] {
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     width:100%;
     height:29px;
     line-height:29px;
     padding:0 3px 0 0;
     margin-right:5px;
     vertical-align:middle;
     border:0px;
     outline:none;
     -webkit-appearance: none;
     font-size:13px;
     border-radius: 0;
}
 #search-button{
     background-image: url(/style/search-button.png);
     background-color: #fff;
     right:0px;
     top:0px;
     position:absolute;
     width:30px;
     height:29px;
     float: right;
     border: 0;
     cursor: pointer;
     outline:none;
     -webkit-appearance: none;
     border-radius: 0;
     vertical-align: middle;
}
/*nav*/
 footer nav a:link, footer nav a:hover, footer nav a:visited, header nav a:link, header nav a:hover, header nav a:visited{
     background:#0066CB;
     color:#fff;
     font-size:14px;
     width:20%;
     line-height:2.2em;
     float:left;
     display:block;
     font-weight:500;
     text-decoration:none;
     text-align:center;
     white-space:nowrap;
     overflow:hidden;
     text-overflow: ellipsis;
     -o-text-overflow:ellipsis;
}
 header nav a:hover, footer nav a:hover{
     background:#3C5A98;
}