/*CSS reset*/
body,div,table,tr,td,th,h1,h2,h3,h4,h5,h6,form,input,label,select,textarea,p,ul,li,dl,dd,dt,img{ margin:0; padding:0; font-family:'微软雅黑';}
img{ border:0 none;}
ol,ul,li{ list-style:none;}
a{text-decoration:none; color:#000; }
a:focus,input[type="button"]:focus{outline:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
table{ border-collapse:collapse; border-spacing:0;}
input,img{ vertical-align:middle;}
input[type="button"]{ cursor:pointer;}

.clear{ clear:both;}
.clr{ height:0; line-height:0; font-size:0; clear:both;}
.clearfix:after{ content:""; display:block; height:0; line-height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
a{ text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
/* Global*/
body{max-width:640px; text-align:center; margin:0 auto;overflow-x:hidden;}
.blank5{ width:100%; height:5px; overflow:hidden; clear:both;}
.blank8{ width:100%; height:8px; overflow:hidden; clear:both;}
.blank10{ width:100%; height:10px; overflow:hidden; clear:both;}
.blank15{ width:100%; height:15px; overflow:hidden; clear:both;}
.blank20{ width:100%; height:20px; overflow:hidden; clear:both;}
.wrap{width:100%;overflow:hidden;}
.slidecon{width:100%;position:relative;}
.slidemenu{width:180px;height:100%;position:absolute;top:0;right:-180px;background-image:url(../Images/Header/slidebbg.jpg);background-repeat:repeat-y;background-size:180px;}
.slidemenu a.book{display:block;position:absolute;bottom:60px;left:18%;width:60%;}
.slidemenu a.online{display:block;position:absolute;bottom:30px;left:18%;width:60%;}
.slidemenu a.book img, .slidemenu a.online img{width:80%;}
/* Header */
#header{width:100%;height:60px;background-image:url(../Images/Header/headbg.gif);background-repeat:repeat-x; background-size:1px 60px;}
#header .line{width:1px; height:60px;float:left;background-image:url(../Images/Header/line.png);background-repeat:no-repeat;background-size:100% 100%;}
#header a.home{display:block;float:left;width:16%;height:100%;}
#header a.home .xhome{background-image:url(../Images/Header/xhome.png);background-repeat:no-repeat;
background-size:18px 18px;width:18px;height:18px;margin:21px auto;}
#header .logo{width:66.8%;height:100%;float:left;}
#header .logo a.xlogo{display:block;width:100px;height:44px;margin:8px auto;background-image:url(../Images/Header/xlogo.png);background-repeat:no-repeat;background-size:100px 44px;}
#header a.jkbest{display:block;float:left;width:16%;}
#header a.jkbest .best{width:40px;height:24px;margin:18px auto;background-image:url(../Images/Header/xmenu.png);background-repeat:no-repeat;background-size:40px 23px;}
a.home img, a.jkbest img{width:100%;height:100px;}
/* Index */
.banner{width:100%;height:auto;overflow:hidden;background:url(../Images/bannerbottom.gif);}
.swipe { width:100%;height:auto;overflow: hidden;  visibility: hidden;  position: relative;}
.swipe-wrap {  overflow: hidden;  position: relative;}
.swipe-wrap > div {  float:left;  width:100%;  position: relative;height:auto;}
.swipe-wrap > div > img{width:100%;height:auto;max-height:309px;display:block}
 .bottom{width:100%;height:17px; background:url(../Images/bannerbottom.gif) repeat-x;}
.bottom .page{width:20%;height:11px;margin:0 auto;text-align:center;padding-top:4px;}
 .bottom .page span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#553441;text-indent:-9999px;cursor:pointer;margin:0px 3px;}
.bottom .page span:hover,  .bottom .page span.current{background:#ec4300;}
.content{background:#11162c;}
.indexpic{width:100%;background:#0a0f22;}
.indexpic .propic{width:95%;margin:0  auto;height:422px;overflow:hidden;position:relative;}
.indexpic .propic ul.list{width:999px;}
 a#point{position:absolute;width:60px;height:60px;background-color:Transparent;}
.indexpic .propic ul.list li{float:left;height:137px;margin:0 8px 5px 0;}
.indexpic .propic ul.list li.othermrg{margin-right:15px;}
.indexpic .propic ul.list li.nomrg{margin-right:0;}
.indexpic .propic ul.list li .update{width:20px;background:#783e75;height:98%;}
.indexpic .propic ul.list li .update02{width:53px;background:#895353;height:100%;}
.indexpic .propic02{width:100%;height:450px;overflow:hidden;position:relative;}
.indexpic .propic02 .problem{height:450px;}
.indexpic .propic02 .problem .jkpic{position:relative;}
.indexpic .propic02 .problem .jkpic .jkpar{width:100%;height:450px;overflow:hidden;float:left;}
.indexpic .propic02 .problem .jkpic .jkpar .sub{float:left;}
.h450{}
.w01{width:30%;}
.w01  img{width:100%;}
/* Footer */
#footer{width:100%;height:40px;background:url(../Images/Footer/footbg.gif); border-radius: 8px;border-top-left-radius: 0;border-top-right-radius: 0;background-size:1px 40px;background-repeat:repeat-x;}
#footer .cname{width:68%;height:100%;float:left;}
#footer .w2{width:2%;height:100%;float:left;}
#footer .w3{width:3%;height:100%;float:left;}
#footer .w5{width:5%;height:100%;float:left;}
#footer .w8{width:8%;height:100%;float:left;}
#footer .line{float:left;}
#footer .cname a{display:block;height:100%;line-height:40px;font-size:12px;color:#be9a70;float:left;}
#footer .con{width:21%;height:100%;float:right;}
#footer .con a{display:block;width:45%;height:100%;float:left;}
#footer .con a .xcar{width:22px;height:19px;margin:9px auto;background-image:url(../Images/Footer/xcar.png);background-repeat:no-repeat;
background-size:22px 19px;}
#footer .con a .xtel{width:22px;height:19px;margin:9px auto;background-image:url(../Images/Footer/xtel.png);background-repeat:no-repeat;
background-size:22px 19px;}
#footer .con a img{width:100%;height:100%;}
.footline{width:1px; height:40px;float:left;background-image:url(../Images/Footer/footline.png);background-repeat:no-repeat;background-size:100% 100%;}
/* slidemenu */
.slidemenu a.s{display:block;width:180px;height:58px;line-height:58px;overflow:hidden;color:#e5d1ae;text-align:left;border-bottom:solid 1px #8e8c97;background-image:url(../Images/amenu.jpg);background-repeat:no-repeat;background-size:180px 118px;background-position:0 -60px;
padding-left:60px;}
.slidemenu a.s:hover, .slidemenu a.current{background-position:0 0;color:#221c37;}
/**** contact ****/
.contact {width:100%;overflow:hidden;}
.contact img{width:100%;}
.form{background-color:#182547;}
.form .title{width:345px;height:69px;margin:0 auto;background-image:url(../Images/planning/formt.png);background-size:345px 69px;background-repeat:no-repeat;}
.form .info{width:85%;margin:0 auto;}
.info .mrg{margin-top:15px;width:100%;overflow:hidden;}
.info input, .info textarea{background-color:#303b5a;height:23px;line-height:23px;width:45%;padding-left:8px;border:none;outline:none;color:#fff;}
.info textarea{height:60px;}
.info .long{width:100%;}
.info .submit{width:74px;height:27px;background:#fff;border-radius:6%;color:#182547;cursor:pointer;}
.app{background-color:#d3a16a;}
.app ul.list{width:99.99999%;}
.app ul.list li{width:33.33333%;float:left;}
.app ul.list li:hover{background-color:#182547;}
.app ul.list li a{display:block;width:57px;height:76px;background-repeat:no-repeat;background-size:57px 76px;margin:20px auto;}
.app  a.weibo{background-image:url(../Images/planning/weibo.png);}
.app  a.ios{background-image:url(../Images/planning/ios.png);}
.app  a.andriod{background-image:url(../Images/planning/andriod.png);}

.scrollBox{width:100%;height:36px; overflow:hidden;overflow-x:auto;}

ul.navline{width:100%;height:36px;line-height:36px;background:#dda75a;border-bottom:solid 1px #25242b;}
ul.navline li{width:16.66666666666666666%;float:left;display:block}

ul.team li{width:20%;}
ul.navline li a{width:100%;display:block;text-align:center;font-size:0.75em;overflow:hidden;white-space:nowrap;}
ul.navline li a:hover, ul.navline li.current  a{background:#252e5a;color:#fff;}

.scrollBox ul.navline{width:482px;}
.scrollBox ul.navline li{width:auto;float:left;}
.scrollBox ul.navline li a{width:auto;padding:0px 13px;}
 
.navbar{position:relative;height:36px;width: 100%;overflow: hidden;margin:0 auto;background:#dda75a;border-bottom:solid 1px #25242b;}
.navbar .scroller {height:100%;position:absolute}
.navbar .scroller li {height:36px;color:#333;float: left;line-height:36px;text-align: center}
.navbar .scroller li a{color:#333;display:block;font-size:0.75em;padding:0px 13px;}
.navbar .scroller li.cur a{background:#252e5a;color:#fff;}
 

.shapan{width:100%;position:relative;background:#25242a;min-height:450px;}
.shapan a.squre{display:block;position:absolute;width:1px;height:1px;text-align:center;line-height:22px;color:#ffffff;font-size:12px;}
.shapan a.squre p{display:block;position:absolute;left:-56px;bottom:1px;width:80px;height:32px;background-image:url(../Images/planning/planbg.png);background-size:80px 32px;background-repeat:no-repeat;}
.shapan img{width:100%;}
.shapan .c1{top:18%;left:8%;}
.shapan .c2{top:10%;left:69%;}
.shapan .c3{top:15%;left:58%;}
.shapan .c4{top:36%;left:48%;}
.shapan .c5{top:26%;left:65%;}
.shapan .c6{top:30%;left:32%;}
.shapan .c7{top:43%;left:64%;}
.conwrap{width:100%;height:auto;overflow:hidden;position:relative;visibility:hidden;}
.conwrap .content{height:auto;overflow:hidden;}
.conwrap .content .divheight{height:auto;overflow:hidden;margin:8px 0 8px;float:left;border:none;}
.conwrap .content .div03{width:98%;position:relative;}
.conwrap .content .jkbox{width:97%;margin:0 auto;margin-bottom:8px;overflow:hidden;}
.conwrap .content .jkbox .box{float:left;margin-right:8px;height:100%}
.conwrap .content .jkbox .box a{display:block;width:100%;height:125px;}
.conwrap .content .jkbox .nomrg{margin:0;}
.conwrap .content .jkbox .box.nomrg{height:auto;}
.conwrap .content .jkbox .box h1{padding:5px 7px;color:#fff; text-align:left; font-weight:normal;font-size: 15px;}
.conwrap .content .jkbox .box p{padding:0px 7px 5px;display:block;font-size: 0.85em;color:#fff; text-align:left;}
.conwrap .content .jkbox .box a{width:100%;display:block}
.conwrap .content .jkbox .box img{width:100%;height:auto;}
.conwrap .content .jkbox-content .box a{display:block;width:100%;height:164px;}
.conwrap .content .jkbox-content .box.nomrg{height:164px;}

.prowrap {width:100%;overflow:hidden;background:#20253e;}
.prowrap .protail{width:96%;margin:0 auto 12px;background:#fff;overflow:hidden;}
.prowrap .protail h2{color:#000;font-size:1.2em;background:url(../Images/planning/hstart.png) no-repeat 0.5em 69%;text-align:left;;font-weight:500;padding:2% 2% 0 6%;white-space:nowrap;}
.prowrap .protail h2 span{font-size:0.6em;line-height:1em;;text-transform:uppercase;padding-left:4%;}
.prowrap .blankem{width:100%;height:0.8em;border-bottom:solid 1px #ccc;}
.prowrap .protail .procon{width:100%;line-height:1.2em;color:#585954;height:150px;overflow:hidden;}
.prowrap .protail .procon p{text-indent:2em;text-align:left;font-size:13px;}
.prowrap .protail .procon h3{color:#d3a16a;font-size:1.2em;font-weight:normal;margin:10px 0;}
.prowrap .protail .captain{padding:8px;}
.prowrap .btn{width:100%;height:45px;line-height:45px;color:#d3a16a;text-align:center;cursor:pointer;border-top:solid 1px #ccc;background: -webkit-gradient(linear,0 0,0 100%,from(#f0f0f0),to(#e4e5e6));border-width: 0 1px 0 1px;border-style: solid;border-color: #e0e0e0;box-shadow: 0 5px 5px #d2cec7;border-radius: 0 0 5px 5px;;}
.prowrap .btn span{padding-right:18px;background-image:url(../Images/planning/down.png); background-size:16px 10px;background-repeat:no-repeat;background-position:right center;}
.prowrap .btn span.current{background-image:url(../Images/planning/up.png)}
.prowrap .chance{width:100%;height:25px;}
.prowrap .chance span{display:block;float:left;margin:0 4px;width:12%;text-align:center;text-transform:uppercase;height:100%;line-height:25px;color:#fff;font-size:13px;background:#c3c3c3;border-radius:8%;cursor:pointer;}
.prowrap .chance span.current, .prowrap .chance span:hover{background:#d4a36b;}
.prowrap>img{width:100%;}
.subbanner{width:100%;position:relative;}
.subbanner img{width:100%;}
.subbanner .bottom{width:100%;height:17px;position:absolute;bottom:0;left:0;}
.subbanner .bottom .page{width:20%;height:17px;line-height:17px;margin:0 auto;text-align:center;}
.subbanner .bottom .page span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#553441;text-indent:-9999px;cursor:pointer;margin:0 3px;}
.subbanner .bottom .page span:hover, .subbanner .bottom .page span.current{background:#ec4300;}
.product{width:100%;position:relative;}
.product .pic{width:90%;margin:10px auto;overflow:hidden;}
.product .pic ul.list{width:500%;}
.product .pic ul.list li{float:left;width:20%;}
.product .pic ul.list li img{width:100%;}
.product span{display:block;cursor:pointer;position:absolute;width:30px;height:40px;background-size:30px 40px;top:40%;text-indent:-9999px;}
.product span.prev{background-image:url(../Images/planning/prev.png);background-repeat:no-repeat;left:0;}
.product span.next{background-image:url(../Images/planning/next.png);background-repeat:no-repeat;right:0;}

.topteam{width:100%;}
.topteam img{width:100%;}
.teladd{width:50%;height:66%;position:absolute;top:30%;left:28%;}
.teladd .protail{text-align:center;margin:0 auto;width:100%;}
.teladd .protail .a01{width:58%;margin:0 auto;position:relative;}
.teladd .protail .a02{width:80%;margin:0 auto;position:relative;}
.teladd .protail img{width:100%;}
.teladd .protail .text{position:absolute;left:50%;text-align:center;color:#182547;font-size:13px;width:200px;margin-left:-100px;}
.teladd .protail .text span{font-size:12px;}
.teladd .protail .a01 .text{bottom:0;}
.teladd .protail .a02 .text{bottom:0;}

.pupUp{ position:fixed; top:0; left:0; width:100%; height:100%; display:none; }
.pupUp .boxBG{ background:#000; opacity:0.5; filter:Alpha(opacity=50); width:100%; height:100%; }
.show_label{width:90%;/*height:70%;*/ position:absolute;top:20%;left:5%; overflow:hidden;  color:#fff;}
.show_context{width:90%;height:90%;margin:5%; text-align:left; overflow-y:scroll;   }
.show_context p{text-indent:2em;}
.show_close{position:absolute;top:15%;right:50%; width:90%;  margin-right:-45%;  font-size:0.75em; cursor:pointer; display:block; color:#FFF; text-align:right;}

.show_context h1{ font-size:0.95em;}
.show_context p{ font-size:0.85em;}