

/*=================m1938工作室演示页===================*/
/*导航之间切换*/
#jd_sj{width:100%;}
#jd_sj .active , #jd_sj h1:hover{color:#F3F3F3; background-color:#BD192D;*background:url(../images/jd_sj_bg2.png);}
#jd_sj span{line-height:50px;text-align:center;float:left;height:50px;width:10%;margin::0px;padding:0px; background-color:rgba(0,0,0,0.8);*background:url(../images/jd_sj_bg1.png);font-size:16px;color:#FFF;font-weight:lighter;cursor:pointer;}
#jd_sj .sj_page{font-size:14px;display:none;clear:both;height:auto;border-top-width:medium;border-top-style:solid;border-top-color:#BD192D; overflow:hidden;/*! background-image: url('images/bg.jpg'); */}

/*浮动层显示和隐藏*/
.main_sj{width:700px;height:200px;position:fixed;bottom:60px;background-color:rgba(0,0,0,0.8);*background:url(../images/jd_sj_bg1.png);display: none;}
.main2{width:660px;height:180px;position:relative;padding:10px 20px;color: #FFF;}
.bar{width:93px;height:83px;position:absolute;right:-78px;top:0;background:url(../images/cat.png) no-repeat;display:block;}
.dog img { position:absolute; top:-74px; right:15px;}
/*浮动层描述*/
.bewrite_tit{font-size: 28px; line-height:150%;text-align: center;}
.bewrite_font{font-size: 16px;text-align: center;line-height: 150%; padding-top:10px;}

.page_pic img {display: block; margin:0 auto;}

.float-rt {float:right;}
.float-lt {float:left;}
.main{ width:100%; overflow:hidden;}
.main_width{ width:1210px; overflow:hidden; margin:0 auto;}
.m_auto{ margin:0 auto;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.pt120{ padding-top:120px;}
.mt50{ margin-top:50px;}
.width45{ width:45%;padding-top: 18%;}
.width55{ width:55%;*width:54%;}
.gray_bg { background:#F0F0F0;}
.font { width:50%;padding-top: 18%;}
.font_tit {  font-size:36px; line-height:180%;}
.font_tit .red {color: #FF4A4A;}
.font_center, .font_zi , .font_zi70{ font-size:16px; line-height:180%; margin: 0 auto; color:#666;}
.font_zi{ width: 500px;}
.font_zi80 {width:80%; text-align:center;margin: 0 auto;}
.txt-center {text-align: center;}
.pic { width:50%;}
.pic img {display:block; margin:0 auto;}

.title3 , .title5 {width: 200px;height: 40px;border-radius: 10px;line-height: 40px;text-align: center;color: #FFF;font-size: 18px;background: #F00;clear: both;}
.title3{margin: 50px auto 20px;}
.title5{margin: 30px auto 20px;}

.continued img{ margin:0 auto;display: block;} 

.sj { position:relative;z-index:9999;outline-style:none;}
.sj span a {position:absolute; top:0;*top:1px; left:325px;*left:324px;
display:block;width: 150px;text-align: center;height: 40px; font-size: 16px;color: #333;line-height: 40px; bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;}
.sj span a:hover{ background:#f9334b; color:#FFF;}


.pace { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 12px; left: 0; right: 0; bottom: 0; width: 200px; height: 25px; border: 1px solid #000000; background-color: #fff; }
.pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: width 1s ease-in-out 1s linear; -moz-transition: width 1s ease-in-out 1s linear; -ms-transition: width 1s ease-in-out 1s linear; -o-transition: width 1s ease-in-out 1s linear; transition: width 1s ease-in-out 1s linear; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 190px; position: fixed; z-index: 2000; display: block; position: absolute; left: 1px; top: 1px; height: 21px; font-size: 12px; background: #000000; color: #000000; line-height: 60px; font-weight: bold; font-family: "微软雅黑"; }
.pace .pace-progress:after { content: attr(data-progress-text); display: inline-block; margin-top: 30px; line-height: 20px; text-align: center; }
.pace.pace-inactive {
  display: none;