@charset "gb2312";
html{ font-size: 20px;}
body { padding: 0; margin: 0; background-color: #fff; font-family: "΢ÈíÑźÚ"; color:#646464; font-size: 0.7rem;/*0.7 ¡Á 40px = 28px */ max-width: 640px; margin: 0 auto;-webkit-text-size-adjust:none;}
div, form, ul, dd, dl, ol, dt, li, p , form, fieldset, input, table, tr, td, th, textarea,article,aside,footer,header,section,footer,nav,figure{ list-style: none; padding: 0; margin: 0; }
form,input{ -webkit-appearance: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight:normal;}
img { border: none; margin:0; padding:0; vertical-align:bottom;}
i,b,strong{ font-style: normal;}
.none { display: none; }
a { text-decoration: none; cursor: pointer; outline: none;}
.clear { width: 0; height: 0; margin: 0; padding: 0; line-height: 0px; font-size: 0px; clear: both; overflow: hidden; }
.left { float: left; }
.right { float: right;}

@media screen and (min-width: 640px) {html{ font-size: 40px !important;}}
body{ width: 100%; background: #f5f5f5;}
.bkheader{ max-width: 16rem!important; margin: 0 auto; background: url(../images/body_bg.jpg) top center no-repeat #f5f5f5; background-size: 100%; overflow: hidden;}
.headbk{ width: 13rem; padding: 0.2rem 0.9rem; margin: 4.25rem auto 0; background: #fff; border: 0.05rem solid #d9d9d9; overflow: hidden;}
.headbk h3{ line-height: 1.8rem; font-size: 0.95rem; color: #000000;}
.headbk h3 span{ color: #c3c3c3; font-size: 0.6rem; margin-left: 0.2rem;}
.headbk p{ font-size: 0.6rem; color: #616161; text-indent: 2em; line-height: 1.1rem;}
.headbk figure{ width: 96%; margin: 0.6rem auto 0; overflow: hidden;}
.headbk figure img{ width: 100%; overflow: hidden;}
.headbk figure figcaption{ line-height: 2rem; color: #616161; font-size: 0.6rem; text-align: center;}
.docbk{ width: 14.8rem; margin: 0.75rem auto 0; background: #fff; border: 0.05rem solid #d9d9d9; overflow: hidden;}
.docbk>div{ line-height: 1.8rem; text-align: center; font-size: 0.6rem; color: #7a7a7a; background: -moz-linear-gradient( top,#f0f8fe,#e3f0ff); background: -webkit-gradient(linear,center top,center bottom,from(#f0f8fe), to(#e3f0ff));}
.docbk>div span{ font-size: 0.7rem; color: #000000;margin: 0 0.3rem; }
.docbk>div:before{ font-size: 1rem; vertical-align: top; margin-top: 0.05rem; color: #4f9be7; display: inline-block;}
.docbk ul{ padding: 0.75rem 0.4rem 0.125rem; overflow: hidden;}
.docbk li{ width: 100%; margin-bottom: 0.5rem; overflow: hidden;}
.docbk li figure{ width: 2.5rem; height: 2.65rem; float: left;}
.docbk li figure img{ width: 2.5rem; height: 2.65rem;}
.docbk li dl{ width: 10.8rem; float: right; font-size: 0.6rem; line-height: 0.8rem; overflow: hidden;}
.docbk li dt{ width: 100%; margin-bottom: 0.2rem; overflow: hidden;}
.docbk li dt span{ color: #4f9be7;}
.docbk li dd{ width: 100%; display: -webkit-box !important; text-overflow: ellipsis;Word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.artbk{ width: 14.8rem; margin: 0.75rem auto 0; font-size: 0.6rem; border: 0.05rem solid #d9d9d9; overflow: hidden;}
.artbk .artbktit,.artbk .artbktit ul{ width: 100%; overflow: hidden;}
.artbk .artbktit{line-height: 1.25rem;}
.artbk .artbktit ul{ background: #fff;}
.artbk .artbktit li{ width: 4.9rem; float: left; margin-right: 0.05rem; margin-bottom: 0.05rem; text-align: center; background: #e8ebee; color: #519cea; cursor: pointer; overflow: hidden; position: relative;}
.artbk .artbktit li:last-child{ margin: 0;}
.artbk .artbktit li.on{ color: #ffffff; background: #519cea;}
.artbk .artbktit li.on:after{ content: ""; display: block; width: 0.25rem; height: 0.25rem; background: #f5f5f5; transform: rotate(122deg) skew(-20deg); -webkit-transform: rotate(122deg) skew(-20deg); margin-left: -0.15rem; position: absolute; left: 50%; bottom: -0.15rem;}
.artbk .artbkcon{ width: 100%; overflow: hidden;}
.artbk .artbkcon .hd{padding: 0.25rem 0.6rem; overflow: hidden;}
.artbk .artbkcon .hd li{ margin-right: 8%; float: left; line-height: 1.2rem; cursor: pointer; position: relative;}
.artbk .artbkcon .hd li.lihot:last-child:after{ content: ""; display: block; width: 1.1rem; height: 0.6rem; background: url(../images/bkhot.png) center center no-repeat; background-size: 1.1rem 0.6rem; position: absolute; top: 0rem; right: -0.6rem;}
.artbk .artbkcon .hd li.hover{ color: #519cea;}
.artbk .artbkcon .bd{ width: 100%; background: #fff; overflow: hidden;}
.artbk .artbkcon .bd>div{ padding: 0.5rem 0.75rem 1rem; overflow: hidden;}
.artbk .artbkcon .bd .artbody p{ line-height: 1.1rem; text-indent: 2em;}
.artbk .artbkcon .bd .artbody img{ display: block; margin:  0.6rem auto; width: 100%;}
.bkfoot{ text-align: center; font-size: 0.6rem; margin-bottom: 1rem;}
.bkfoot ul{ width: 100%; margin: 1rem auto 0.6rem; overflow: hidden;}
.bkfoot li{ display: inline-block; width: 32%; line-height: 1rem;}
.bkfoot li a{ color: #418edc; display: block; font-size: 0.6rem;}
.bkfoot li a:before{ display: inline-block; vertical-align: top; margin-right: 0.3rem; color: #418edc; font-size: 0.8rem;}
.bkfoot p,.bkfoot p a{ color: #418edc; margin: 0 0.3rem;}
.bkfoot p span{ color: #000000;}