/**全局属性**/
@charset "UTF-8";*,::after,::before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{ font-size:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"微软雅黑";}
body{margin:0;font-size:14px;line-height:1.5;font-family:"微软雅黑";}
blockquote,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp{margin:0;padding:0}
button,code,input,kbd,pre,samp,select,textarea,tt,xmp{line-height:inherit;font-family:inherit}
big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:inherit}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:left}
menu,ol,ul{list-style:none}
fieldset,img{border:0;vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
blockquote:after,blockquote:before,q:after,q:before{content:"\0020"}
pre,textarea,xmp{overflow:auto;-webkit-overflow-scrolling:touch}
textarea{resize:vertical}
button,input,select a,textarea{outline:0 none}
button,input,select,textarea{color:inherit}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:1;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=search]::-webkit-search-cancel-button,input[type=submit]{-webkit-appearance:none;appearance:none}mark{background-color:transparent}
a,del,ins,s,u{text-decoration:none}
a,img{-webkit-touch-callout:none}
a{color:#414141}
.g-clear::after{display:block;overflow:hidden;clear:both;height:0;content:"\0020"}
html,body{height:100%;-webkit-overflow-scrolling: touch;}
a {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
@font-face { font-family:"华文中宋";src: url(../font/STZHONGS_0.TTF)}
body { overflow-x:hidden;}


/**------------------首页----------------------**/

.oracle_banner { background-image:url(../images/specialTopic/mobile_banner.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; height:6rem; }

.oracle_parta { background-image:url(../images/specialTopic/mobile_bg01.jpg); background-repeat:no-repeat; background-position:bottom center; background-color:#36362d;padding:20px 20px .8rem 20px;}
.oracle_parta dl { display:flex;  margin:0 auto;  flex-direction:column }
.oracle_parta dl dt { background-image:url(../images/specialTopic/oracle_bg001.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;  height:2.8rem; padding:.7rem 0 0 0; font-size:.16rem; color:#fff0d9; line-height:.36rem; text-align:center; box-sizing:border-box;}
.oracle_parta dl dt font { display:block; margin-top:20px;}
.oracle_parta dl dt font strong { font-size:.6rem; font-family:Arial, Helvetica, sans-serif; margin:0 10px;}
.oracle_parta dl dd { font-size:.16rem; line-height:.36rem; text-indent:2em;color:#fff0d9; flex:1;}

.oracle_partb {background-image:url(../images/specialTopic/mobile_bg02.jpg);  background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; box-sizing:border-box; background-color:#eddbbe;padding:0 20px .6rem 20px;}
.vedio {  margin:0 auto; position:relative;}
.vedio_box {  min-height:3rem; background-color:#000; margin:0 auto; margin-bottom:20px; position:relative; overflow:hidden;}
.vedio p { font-size:.16rem; line-height:.36rem; color:#6a4945; text-align:left; text-indent:2em;}
.main-page{ margin:0 auto; margin-top:40px;}
.main-page .nav{justify-content:center; display:flex; position:relative; z-index:2; margin-bottom:.2rem;}
.main-page .nav div{ background-color:#fff2dd; flex:1; text-align:center; line-height:.24rem;font-size:.16rem;color:#fff; color:#6a4945; cursor:pointer; margin:0 0.5px; padding:5px;}
.main-page .nav div.on{ background-color:#b39362;color:#fff;}
.main-page .content{height:400px; overflow:hidden; margin-top:0px; position:relative; z-index:1;  background-repeat:no-repeat; background-size:600px auto; background-position:center 0px;}
.main-page .content .con-ggh { height:400px;}
.main-page .content .con-ggh img { display:block; margin:0 auto; width:100%;}
.book { margin:0 auto; margin-top:-1rem; position:relative; z-index:2;background-color:#eddbbe;}
.book p {font-size:.16rem; line-height:.36rem; color:#6a4945; text-align:left; text-indent:2em;}
.book img { display:block; width:100%; margin:20px auto;}

.oracle_partc {background-image:url(../images/specialTopic/mobile_bg04.jpg);background-repeat:no-repeat; background-position:bottom center; background-size:100% auto;  box-sizing:border-box; background-color:#785d56;padding:20px 0 .4rem 0; }
.pic_show { padding:0 20px;padding-top: 0.4rem;}
.oracle_partc h2 img { display:block; margin:0 auto;}
.oracle_pc_main { margin:0 auto;margin-top:50px; }
.pro-module06 li { position:relative;box-sizing:border-box; overflow:hidden;height:386px;}
.pro-module06 li img {opacity:.7; width:100%;}
.oracle_pc_main a.more { display:block; margin:0 auto; margin-top:0px; background-image:url(../images/specialTopic/a_bg01.png); background-repeat:no-repeat; background-position:top center; width:1.6rem; background-size:1.6rem auto; height:.48rem; font-size:.16rem; text-align:center; line-height:.4rem; color:#ac968f}
.oracle_pc_main a.more:hover { color:#fff;}

.time_axis { display:block; margin:0 auto; margin-top:20px;  background-image:url(../images/specialTopic/mobile_bg03.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; padding:.6rem 20px 0 20px;}
.sociales {text-align: center;margin-bottom: 20px;}
#timeline {overflow: hidden; margin:0 auto; margin-top:40px; position: relative; }
#dates {height: 1.4rem;overflow: hidden;}
#dates li {float: left;width: 1.5rem;line-height:.28rem;}
#dates li a { display:block;height: 50px;font-size: .16rem;text-align: center; color:#ad968e; font-weight: normal;height:70px; position:relative;}
#dates li a b { font-size:.24rem; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#dates li a::before {content: "";display: block; width:1px; height:.3rem; background-color:#ad968e; position:absolute; bottom:0; left:50%; z-index:1;}
#dates li a.selected { color:#fff; height:100px;}
#dates li a.selected b { font-size:.28rem; font-weight:normal;}
#dates li a.selected::before {content: "";display: block; width:2px; height:.5rem; background-color:#fff; position:absolute; bottom:0; left:50%; z-index:1;}
#dates li.years a::after {content: "";display: block; width:5px; height:5px; border-radius:1000px; background-color:#ad968e; position:absolute; top:55px; left:146px; z-index:1;}
#issues {margin:0 auto;text-align: left; overflow:hidden;}
#issues li { float:left; overflow:hidden; text-align:left;width:3.75rem;}
#issues li dl { display:block; margin:0 auto; }
#issues li dl dt {margin:0 auto; overflow:hidden;}
#issues li dl dt img { width:100%; height:auto; display:block; margin:0 auto;}
#issues li dl dd { margin-top:20px;}
#issues li dl dd b { font-size:.18rem; color:#fff; font-weight:normal; margin-bottom:10px; display:block; text-align:center;}
#issues li dl dd b strong { font-size:.2rem; font-family:Arial, Helvetica, sans-serif;}
#issues li dl dd p { font-size:.16rem; font-weight:normal; color:#fff; line-height:.3rem; text-align:center; padding:0 30px 0 20px;}
#grad_left,#grad_right {width: 24px;height: 24px;position: absolute;bottom: 0;}
#grad_left {left: 0; background: url('../images/specialTopic/left_button2.png') repeat-y; background-size:24px 24px; display:none;}
#grad_right {right: 0;background: url('../images/specialTopic/right_button2.png') repeat-y;background-size:24px 24px;display:none;}
#next,#prev {position: absolute;bottom: 0;width: 24px;height: 24px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next {right: 0;background-image: url('../images/specialTopic/right_button2.png');background-size:24px 24px; display:none;}
#prev {left: 0;background-image: url('../images/specialTopic/left_button2.png');background-size:24px 24px; display:none;}

.oracle_partd {   background-repeat:no-repeat;  background-position:top center; background-size:100% auto; box-sizing:border-box; background-color:#76855c; padding:20px;}
.oracle_partd h2 img { display:block; margin:0 auto;}
.oracle_partd ul { margin:0 auto; margin-top:20px;}
.oracle_partd ul li { font-size:.16rem; line-height:.30rem; position:relative;border-bottom:1px dotted #88976f; padding:10px 0;}
.oracle_partd ul li a { color:#e0e9d1; position:relative; z-index:2;}
.oracle_partd ul li a:hover { color:#fff;}
.oracle_partd ul li a img { display:inline-block; vertical-align:middle; margin-right:8px; position:relative; top:-1px; display:none;}
.oracle_partd ul li font { font-size:.12rem; display:block; color:#e0e9d1; position:relative; z-index:2; }
.oracle_partd p { padding:20px 0 0 0;color:#e0e9d1; display:block; margin:0 auto;  background-repeat:no-repeat; background-position:top center; font-size:.12rem; line-height:.24rem; text-align:center;}
.vedio_box .video-js {width: auto;}

/**-----返回顶部----**/
.returnTop { width: .36rem;height:.36rem;position: fixed;right: 20px;bottom: 20px;overflow: hidden;z-index: 99991;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;background-color:#717787;opacity: 0;border-radius:1000px;}
.returnTop img { width:.24rem;height: .24rem;display: block;margin: 0 auto;margin-top:.06rem;}
.returnTop.on { width: .36rem;height:.36rem;position: fixed;right: 20px;bottom: 20px;overflow: hidden;z-index: 99991;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;opacity: .5;border-radius:1000px;}
.returnTop.on:hover {opacity: 1;background-color:#36362e;}
.gap-line{margin: 20px;padding: 1px !important;background-color: #ffffff;}

.img-w{width: 95%;}
.img-h{    height: 2.4rem !important;width: auto !important;}
.text001{width: .12rem;position: relative;display: inline-block !important;top: -2px !important;}
.text002{width: .12rem;position: relative;top: -2px !important;margin-right: -1px !important;display: inline-block !important;top: -2px !important;}