@charset "gb2312";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements 锟结构元锟斤�?*/dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */
form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟?*/
th, td, /* table elements 锟斤拷锟皆拷锟?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}


em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}








/*header css*/
html {font-size:62.5%;}
.popMenus 
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: #3f4754;-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:9999999}
.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-color: #2e3642; padding: 0 3%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #6a7380; }
.closePopMenu { display: block; width: 49px; height: 47px; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #2e3642; 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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.menuNavs ul li { width: 100%; font-size: 2.6rem; line-height: 2.57; padding-left: 9%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.menuNavs ul li.on { background-color:#3f4754;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 7%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuLists {padding-bottom:80px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.menuList h4 {font-size:2.4rem;color:#fff;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.menuList .links a{display:block;float:left;color:#a9a9a9;font-size:2.6rem;line-height:2.2;overflow:hidden;}
.links_a_33{width:33%;}
.links_a_49{width:49%;}
.links_a_99{width:99%;}

.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;   }
.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.gallaryLists .slides .imgBox img {width:460px;}
.slide_gallary {padding-bottom:40px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pageTxt {padding:5% 0 2%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pageTxt img {margin-top:2%;}