@charset "UTF-8";
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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }
ol, ul {list-style: none }
img {border: 0; max-width: 100%; height: auto;}
table {border-collapse: collapse;border-spacing: 0 }
body {font-family: "Lantinghei SC", "Microsoft Yahei", Helvetica, Arial;color: #333;}
html { height: 100%; background: #fff; color: #000;font-size: 1em;line-height: 1.5;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0 }
audio, canvas, iframe, img, svg, video {vertical-align: middle }
fieldset {border: 0;margin: 0;padding: 0 }
textarea {resize: vertical }
input, select, button, textarea {font-size: 100%;font-family: inherit;margin: 0;padding: 0;outline: none; }
a {color: inherit;text-decoration: none; }
a:hover {text-decoration: none }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#a63f00 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#a63f00 }
input[type=text], select {-webkit-appearance: none }





.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden }
.clearfix {
*zoom:1 }
.clear {clear: both;width: 0px;height: 0px;font-size: 0px;overflow: hidden }
.cgi-fl {float: left }
.cgi-fr {float: right }
html, body, div, span, header, nav, a, ul, li {margin: 0;padding: 0;border: 0;vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }
body {-webkit-text-size-adjust: 100%; min-height: 100%;background: url( ) 0 0 repeat #ebe2d2;}
ol, ul {list-style: none }



.cgi-body {max-width: 800px; margin: 0 auto;}

.white-box { margin-top: 5px; padding: 5px; border-radius: 5px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}



.cgi-foot { padding: 10px 0; font-size: 14px; color: #999; text-align: center;}





.cgi-tit { border-bottom: dotted 1px #e0bba1; padding: 10px;}
.cgi-tit h1 { font-size: 20px; font-weight: 700; line-height: 28px; padding: 15px 0;}
.cgi-tit p { color: #999; font-size: 14px;}
.cgi-tit p span { float: left;}
.cgi-tit-num { margin-right: 10px;}

.cgi-info { padding: 20px 10px 0 10px;}
.cgi-info dl {}
.cgi-info dt { float: left; padding-top: 3px;}
.cgi-info dt img { width: 36px; height: 36px; border-radius: 50%;}
.cgi-info dd { padding-left: 46px;}
.cgi-info-author { color: #b95023;}
.u-badge { font-size: 12px; color: #ff0; vertical-align: middle; background-color: #009900; border-radius: 4px; padding: 1px 3px; margin-left: 3px;}
.cgi-info-time { padding: 5px 0; color: #999; font-size: 14px;}






.cgi-black-bg { width:100%; max-width: 800px; height:100%; position:fixed; top:0; z-index:999; background:#000; opacity:0.6;filter:alpha(opacity=60);}
.cgi-tan-box-container { position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:1000;}
.cgi-tan-box-container:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.cgi-tan-box {display: inline-block; *display: inline; *zoom:1; vertical-align: middle;position: relative;right: -100%; width: 40%; max-width: 500px; color: #fff; font-size: 16px; border-radius: 20px; background-color:rgba(0,0,0,0.7);}
.cgi-tan-content { padding: 20px 15px;}




@media screen and (max-width:800px){   
.cgi-wrap { padding: 0 5px;}
.white-box { margin-top: 5px; padding: 0; box-shadow: none;}
body { background: #fff;}
.cgi-info { padding: 10px 0 0 0;}
.cgi-bd { padding: 5px 0;}
.cgi-txt { padding: 5px;}


/*???*/
.block_home_slider { position: relative; text-align: center;} 
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:10px; position:absolute; left:0px; right:0px; bottom:0px; background: rgba(0,0,0,.4); text-align:left;}
.block_home_slider .caption p { color: #fff;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat;  text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {display:inline-block; position: absolute; right: 10px; bottom: 15px;}
.block_home_slider .flex-control-paging li { float: left; overflow: hidden;}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; margin: 0 5px; display:block; background: rgba(255,255,255,.5); border-radius: 50%; cursor:pointer; text-indent: -9999px; overflow: hidden;}
.block_home_slider .flex-control-paging li a.flex-active { background: #fff;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; height: 580px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
@media screen and (max-width:640px){
.flexslider .slides img { height: 450px;}
 }
@media screen and (max-width:550px){  
.flexslider .slides img { height: 380px;}
 }
@media screen and (max-width:450px){ 
.flexslider .slides img { height: 300px;} 
 }
@media screen and (max-width:400px){ 
.flexslider .slides img { height: 250px;} 
 }


.ifrAo{height:160px;}
@media screen and (max-width:800px) {
.ifrAo{height:160px;}
}
@media screen and (max-width:650px) {
.ifrAo{height:150px;}
}
@media screen and (max-width:530px) {
.ifrAo{height:130px;}
}
@media screen and (max-width:480px) {
.ifrAo{height:120px;}
}
@media screen and (max-width:430px) {
.ifrAo{height:110px;}
}