@charset "utf-8";
/* CSS Document */

body { min-width: 320px; overflow-x: hidden; position:static !important;}
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #631c62;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:1000}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background:url(../../res.bjmylike.com/3g/17new/index/line.jpg) repeat-x; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #a96ba9; }
.closePopMenu { display: block; width: 10%;right: 5%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #4a1149; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size: 2.6rem; line-height: 2.57; padding-left: 9%; }
.menuNavs ul li.on { background-color:#631c62;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:60%;height:100%;overflow:hidden;float:left;padding:0 7%;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuLists {padding-bottom:80px;}
.menuList h4 {font-size:2.4rem;color:#fff;line-height:1.83;border-bottom:1px solid #681d67;margin-top:2%;font-weight:normal; text-align:left;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#cbb5ca;font-size:2.6rem;line-height:2.2;width:33%;overflow:hidden;}

.menuList .links a.hot:after {content:'';position:absolute;width:9px;height:11px; background:url(../commonJs/images/h.png) no-repeat;top:0;right:-1px;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}

.newNavs {padding:4% 0; background-color:#fff;   }
.newNavs .newNav {width:25%;}
.newNavs .newNav a {display:block;width:56.8%;margin:0 auto;}
.newNavs .newNav p {font-size:2.6rem;text-align:center;color:#6a7380;line-height:2;}

.indexAnli {width:100%;overflow:hidden;}
.indexAnli .focus {width:100%;background-color:#fff;}
.indexAnli .focus em {float:left;position:relative;padding:3% 0; width:25%;}
.indexAnli .focus em img {-moz-transition: transform 0.3s ease-out 0s;-webkit-transition: transform 0.3s ease-out 0s;transition: transform 0.3s ease-out 0s;}
.indexAnli .focus em.active:after  {content:'';position:absolute;width:0;height:0;border-color: transparent transparent #fff transparent;border-width:8px;border-style:solid;left:50%;top:-16px;margin-left:-6px;}
.indexAnli .focus em.active img{-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.indexAnli .focus em img {display:block;width:75%;margin:0 auto;}
.export_teamSlides .focus {z-index:1;left:0;bottom:2%;width:100%;text-align:center;}
.export_teamSlides .focus span {display:inline-block;width:16px;height:16px; background-color:#FFF;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.export_teamSlides .focus span.on { background-color:#d70a50;}

.back_link a{display:block;width:100%;font-size:2.9rem;line-height:2.75; background-color:#FFF;text-align:center;color:#2e3642;position:relative;z-index:2;-moz-box-shadow:0 0px 7px  rgba(34,23,20,.5);-webkit-box-shadow:0 0px 7px  rgba(34,23,20,.5);box-shadow:0 0px 7px  rgba(34,23,20,.5);}
.note-tabs {width:100%; background-color:#6a7380;}
.note-tabs a {display:block;width:33.3%;float:left;font-size:3.0rem;text-align:center;line-height:2.66;color:#2e3642;}
.note-tabs a.on { background-color:#FFF;}
.noteSlides .slide {width:100%;float:left;}
.ssrjBox {width:100%;padding:8% 3.5%;}
.ssrjBox:nth-child(2n){ background-color:#e6e6e8;}
.ssrjBox .touxiang {width:13.4%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.ssrjBox .txt {width:85%;}
.ssrjBox .title {font-size:2.6rem;color:#2e3642;line-height:1.6;}
.recommond_items {margin:2% 0;}
.recommond_items em {display:inline-block;float:left;width:32px;height:32px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.recommond_items  p {float:left;font-size:2.5rem;line-height:1.24;color:#6a7380;margin-left:1%;}
.recommond_items  p a{color:#6a7380;}
.ssrjBox .img {display:block;width:100%;margin-top:4%;}
.ssrjBox .img img {width:31%;float:left;margin-right:3.5%;}
.ssrjBox .img img:last-child {margin-right:0;}
.realStoryBox {width:96%;margin:0 auto;}
.realStoryBox dl {margin:3% auto 0;float:left;width:100%;}
.realStoryBox dl dt{padding:6% 0;}
.realStoryBox dl dt .touxiang {width:18%;}
.realStoryBox dl dt .txt {width:80%;}
.realStoryBox dl dt .txt h4 {font-size:5rem;line-height:1.3;color:#3d3f4b;font-weight:normal;}
.gallaryLists,.gallaryImgSlides {width:100%;overflow:hidden;}
.gallaryLists .slides .imgBox {width:488px;float:left;padding:0 14px;}
.gallaryLists .slides .imgBox img {width:460px;}
.slide_gallary {padding-bottom:40px;}
.gallary_buwei h4 {font-size:4.0rem;line-height:1.6;width:41.4%;padding-left:6%;font-weight:normal;position:relative;color:#fff;margin:22px 0 16px 2.1%;}
.gallary_buwei h4:after {content:'';position:absolute;left:10%;bottom:14%;width:80%;height:30%;-moz-box-shadow:0 0 4px 16px rgba(1,1,1,.52);-webkit-box-shadow:0 0 4px 16px rgba(1,1,1,.52);box-shadow:0 0 4px 16px rgba(1,1,1,.52); background-color:rgba(1,1,1,.52);z-index:-1;-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);-webkit-transform:rotate(2deg);transform:rotate(2deg);-moz-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
.yanbu h4 { background-color:#716bbe;}
.bibu h4 { background-color:#003567;}
.mianbu h4 { background-color:#a286c0;}
.xingti h4 { background-color:#d70a50;}
.mianbunianqinghua h4 { background-color:#2e3642;}
.pifu h4 { background-color:#ff6005;}
.maofa h4 { background-color:#00b5ff;}
.kouqiang h4 { background-color:#947d53;}
.weizhengxing h4 { background-color:#7f5058;}
.xiongbu h4 { background-color:#ff0707;}

.pageTitle {width:100%;padding:6% 3%; background-color:#e6e6e8;}
.pageTitle dl {width:100%;}
.pageTitle dl dd {width:14.3%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;float:left;}
.pageTitle dl dt{width:82%;float:right;}
.pageTitle dl h4 {font-size:4.0rem;line-height:1.4;color:#2e3642;font-weight:normal;}
.pageTitle dl p {font-size:2.4rem;color:#6a7380;line-height:1.6;}
.ssrjPageContent {width:100%;padding:0 3%; background-color:#FFF;}
.pageTxt {padding:5% 0 2%;}
.pageTxt h4{width:252px;height:64px;font-size:4rem;line-height:1.6;color:#fff;padding-left:4%; background:url(../commonJs/images/pageTitleBg.jpg) no-repeat left center;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;font-weight:normal;margin-bottom:2%;}
.pageTxt p {font-size:2.4rem;line-height:1.8;color:#6a7380}
.pageTxt img {margin-top:2%;}


/* new */
.pop_title{ background: url(../../res.bjmylike.com/wap/images/new-index/pop_title.jpg) no-repeat scroll left top / 100% 100%; }
.pop_title span{ color:#fff; }
.popMenus{ background: #fff; }
.menuNavs{ background:#574d82;  }
.menuNavs ul li.on{ color:#222; background: #fff; }
.menuList .links a{ color:#222; }
.menuNavs ul li.on a{ color:#222; }
.menuList h4{ color:#222; }