/* stone web public */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, big, cite, code, del, em, img, q, s, samp, small, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, canvas, footer, header, menu, nav, section, summary, time, mark, audio, video, p { border: none; margin: 0; padding: 0; outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }

fieldset, img { border: 0; vertical-align: middle; }

address, caption, cite, code, dfn, em, var, i { font-weight: normal; font-style: normal; }

ol, ul, dl { list-style: none; }

h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

input, textarea { outline: none }

input:focus, textarea:focus { outline: none }

ul:after, dl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

body { font: 14px/1.5 'Microsoft YaHei', Helvetica, Arial, sans-serif; outline: none; background-color: #FFF; color: #333; min-width: 320px; -webkit-text-size-adjust: none; }

a { color: #2b2b2b; text-decoration: none; outline: none; }

a:hover { color: #e71a19; outline: none; }

.lt { float: left; }

.rt { float: right; }

.clear { clear: both; overflow: hidden; height: 0; }

.clfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

* html .clfix { height: 1%; }

* + html .clfix { min-height: 1px; }

.both { clear: both; overflow: hidden; height: 2em; }

.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.transi { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

.opaci { filter: alpha(opacity=0); opacity: 0; }

.wrap { margin: 0 auto; }

html.full, html.full body { width: 100%; height: 100%; overflow: hidden; }

body.wallBG { background: url(../images/menu/menu-bg.png); }
/* public */
.ui-lk { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#wrapper { width: 100%; height: 100%; position: relative; }
/* face */
#face { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1100; }

#face #canvas { width: 1920px; height: 960px; position: absolute; top: 50%; left: 50%; margin-left: -960px; margin-top: -480px; }

#face .wallBack { width: 100%; height: 100%; display: none; background: #FFF }

#face .face-cont-box { width: 286px; height: 180px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -90px 0px 0px -143px; -webkit-animation: flashOut 2s 8s ease-in-out both; -moz-animation: flashOut 2s 8s ease-in-out both; -ms-animation: flashOut 2s 8s ease-in-out both; animation: flashOut 2s 8s ease-in-out both; }

#face .face-cont-box em { display: block; width: 27px; height: 26px; position: absolute; top: 15px; left: 22px; }

#face .face-cont-box em img { -webkit-animation: fadeInLeftTop 2s 5.5s ease both; -moz-animation: fadeInLeftTop 2s 5.5s ease both; -ms-animation: fadeInLeftTop 2s 5.5s ease both; animation: fadeInLeftTop 2s 5.5s ease both }

#face .face-cont-box span { display: block; width: 27px; height: 26px; position: absolute; bottom: 15px; right: 22px; }

#face .face-cont-box span img { -webkit-animation: fadeInRightBottom 2s 5s ease both; -moz-animation: fadeInRightBottom 2s 5s ease both; -ms-animation: fadeInRightBottom 2s 5s ease both; animation: fadeInRightBottom 2s 5s ease both }

#face .face-cont { width: 222px; height: 138px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -70px 0px 0px -111px; overflow: hidden; }

#face .face-cont:before { content: ""; position: absolute; width: 150px; height: 100%; top: 0; left: -150px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -webkit-animation: LeftGo 2s 7s ease both; -moz-animation: LeftGo 2s 7s ease both; -ms-animation: LeftGo 2s 7s ease both; animation: LeftGo 2s 7s ease both; z-index: 100; }

#face .face-cont h1 { display: block; width: 100%; padding-top: 15px; text-align: center; }

#face .face-cont h1 { -webkit-animation: flash 2s 4s ease-in-out both; -moz-animation: flash 2s 4s ease-in-out both; -ms-animation: flash 2s 4s ease-in-out both; animation: flash 2s 4s ease-in-out both; }

#face .face-cont h2 { display: block; width: 100%; height: 51px; position: absolute; bottom: 10px; left: 0px; }

#face .face-cont h2 p { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#face .face-cont h2 p.flash { -webkit-animation: flash 3s .1s ease-in-out both; -moz-animation: flash 3s .1s ease-in-out both; -ms-animation: flash 3s .1s ease-in-out both; animation: flash 3s .1s ease-in-out both; }

#face .face-cont h2 p.fadeInRight { -webkit-animation: flash 2s 2s ease-in-out both; -moz-animation: flash 2s 2s ease-in-out both; -ms-animation: flash 2s 2s ease-in-out both; animation: flash 2s 2s ease-in-out both; }

#face.flipOutX { -webkit-animation: flipOutX 1s 4s ease both; -moz-animation: flipOutX 1s 4s ease both; -ms-animation: flipOutX 1s 4s ease both; animation: flipOutX 1s 4s ease both; }

/* Header */
.master-logo-wall { margin: 0px 15px; padding: 20px 0px; height: 54px; width: 185px; position: fixed; top: 0px; left: 0px; z-index: 900; }

.master-logo-wall a { display: block; width: 100%; height: 100%; }

.master-logo-wall img { display: block; width: 100%; }

#Header { width: 230px; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; background: #586980; box-shadow: 0px 0px 15px #000 }

#Header .logo { margin: 0px 15px; padding: 20px 0px; height: 54px; border-bottom: 1px solid #7d8999; }

#Header .logo a { display: block; width: 185px; height: 50px; }

#Header .logo img { display: block; width: 185px; height: 50px; }

#Header .menu { width: 100%; padding: 10px 0px; position: relative; z-index: 100; background: #586980; overflow: hidden; }

#Header .menu ul { width: 100%; }

#Header .menu ul li { display: block; margin-top: 1px; }

#Header .menu ul li a { display: block; padding-left: 75px; color: #fffefe; }

#Header .menu ul li a.m { height: 36px; line-height: 36px; }

#Header .menu ul li a.current { background: #5c83b7 }

#Header .menu dl { width: 100%; display: none; background: #4b545f }

#Header .menu dl dd { display: block; height: 32px; }

#Header .menu dl dd a { height: 32px; line-height: 32px; padding-left: 85px; }

#Header .menu dl dd a.active, #Header .menu dl dd a:hover { background: url(../images/icon-men.png) no-repeat 70px 50% #405e86 }

#Footer { width: 100%; height: 155px; position: absolute; bottom: 0px; left: 0px; z-index: 999; background: #586980; }

#Footer .stock { width: 192px; padding: 8px 0px; margin: 0 auto; border-bottom: 1px solid #7d8999; opacity: 0.5; filter: Alpha(opacity=50); color: #FFF; position: relative; }

#Footer .stock:hover { opacity: 1; }

#Footer .stock .more_company { position: relative; width: 190px; height: 26px; border: 1px solid #e4e4e4; text-align: center; cursor: pointer; }

#Footer .stock .more_company p { line-height: 26px; background: url(../images/com_sanjiao.png) no-repeat 14px; }

#Footer .stock .company_List { border: 1px solid #e4e4e4; position: absolute; bottom: 35px; width: 190px; display: none; background: #586980; }

#Footer .stock .company_List ul { position: relative; width: 100%; }

#Footer .stock .company_List li { width: 100%; position: relative; opacity: 1; }

#Footer .stock .company_List li a { display: block; width: 100%; }

#Footer .stock .company_List li a:hover { color: #e60012; }

#Footer .stock h1 { color: #FFF; text-align: center; font-weight: normal; }

#Footer .stock h2 { display: block; padding-left: 30px; font-weight: normal; }

#Footer .stock h2 span { display: inline-block; padding-left: 15px; font-size: 22px; margin-right: 10px; background: url(../images/icon-iup.png) no-repeat center left }

#Footer ul { width: 100%; padding: 8px 0px; margin: 0 auto; font-size: 13px; }

#Footer ul li { height: 24px; line-height: 24px; text-align: center; opacity: 0.5; filter: Alpha(opacity=50); color: #FFF; font-size: 13px }

#Footer ul li a { color: #FFF; }

#Footer ul li a:hover, #Footer dd a:hover { color: #e60012; }

#Footer ul li em { display: inline-block; padding: 0px 10px; }

#Footer dl { width: 100%; overflow: hidden; border-top: 1px solid #7d8999; }

#Footer dd { float: left; display: block; width: 33.33%; height: 34px; line-height: 34px; text-align: center; border-left: 1px solid #7d8999; margin-left: -1px; }

#Footer dd a { opacity: 0.5; filter: Alpha(opacity=50); color: #FFF; }

#Header-box { width: 230px; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; }

#Header-box #Header { left: 0px; }

.logos { width: 222px; height: 138px; position: fixed; top: 37px; left: 33px; }

#Header-box #Header-show { position: absolute; top: 111px; left: 58px; display: block; width: 33px; height: 33px; }

#Header-box #Header-show span { display: block; width: 100%; height: 100%; background: url(../images/point-oppen.png) no-repeat center left; -webkit-animation: scrollLeft 2s linear infinite both; -moz-animation: scrollLeft 2s linear infinite both; -ms-animation: scrollLeft 2s linear infinite both; animation: scrollLeft 2s linear infinite both; }
/* wapper */
#formBox { width: 100%; height: 100%; display: block; }

#warpper { width: 100%; height: 100%; overflow: hidden; }

.webbox-content { height: 100%; margin-left: 230px; position: relative; }

.hide { display: none }

.text-l { text-align: left; }

.text-c { text-align: left; }

.text-r { text-align: right; }

.page-title { position: absolute; top: 7%; left: 10%; -webkit-animation: fadeInDown 1s ease both; -moz-animation: fadeInDown 1s ease both; -ms-animation: fadeInDown 1s ease both; animation: fadeInDown 1s ease both; }

.page-title h1 { display: block; width: 100%; font-size: 30px; font-weight: normal; line-height: 35px; color: #fff; }

.page-title p { display: block; width: 100%; font-family: Arial; font-size: 26px; color: #fff; }

.web_content { width: auto; position: relative; }
/* webbox */
#mainbox { height: 100%; width: 100%; }

#mainbox.default { background: url(../images/wallBG.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wallBG.jpg', sizingMethod='scale'); }

#webbox { height: 100%; margin-left: 0px; position: relative; }

#webbox .textA { width: 461px; height: 63px; position: absolute; top: 50%; left: 115px; margin-top: -150px; }

#webbox .textA img { -webkit-animation: fadeInDown 1s .1s ease both; -moz-animation: fadeInDown 1s .1s ease both; -ms-animation: fadeInDown 1s .1s ease both; animation: fadeInDown 1s .1s ease both }

#webbox .E_mail { width: 74px; height: 80px; position: absolute; top: 40px; right: 40px; }

#webbox .inlet { width: 1000px; height: 70px; position: absolute; bottom: 93px; left: 115px; }

#webbox .inlet ul.submenu { height: 100%; margin-left: -58px; -webkit-animation: fadeInUp 1s .1s ease both; -moz-animation: fadeInUp 1s .1s ease both; -ms-animation: fadeInUp 1s .1s ease both; animation: fadeInUp 1s .1s ease both }

#webbox .inlet ul.submenu li { display: block; float: left; width: 33.33%; height: 100%; }

#webbox .inlet ul.submenu li a { display: block; height: 100%; margin-left: 58px; text-align: center; color: #333; position: relative; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .inlet ul.submenu li a.lnk-news { background: url(../images/navA.png) no-repeat center left; }

#webbox .inlet ul.submenu li a.lnk-busi { background: url(../images/navB.png) no-repeat center left; }

#webbox .inlet ul.submenu li a.lnk-humu { background: url(../images/navC.png) no-repeat center left; }

#webbox .inlet ul.submenu li em { display: none; width: 100%; height: 0px; background: #FFF; position: absolute; bottom: 70px; left: 0px; -webkit-animation: grow .5s ease both; -moz-animation: grow .5s ease both; -ms-animation: grow .5s ease both; animation: grow .5s ease both }

#webbox .inlet ul.submenu li h1 { display: block; width: 100%; padding: 8px 0px; font-weight: normal; position: absolute; top: 0px; left: 0px }

#webbox .inlet ul.submenu li p { font-size: 18px; text-transform: uppercase; }

#webbox .inlet-road { width: 100%; height: 166px; position: absolute; bottom: 80px; left: 0px; display: none; }

#webbox .inlet ul li.active em { display: block; height: 80px; }

#webbox .inlet ul li.active a { color: #FFF }

#webbox .inlet ul li.active a.lnk-news { background: url(../images/navA-on.png) no-repeat center left; }

#webbox .inlet ul li.active a.lnk-busi { background: url(../images/navB-on.png) no-repeat center left; }

#webbox .inlet ul li.active a.lnk-humu { background: url(../images/navC-on.png) no-repeat center left; }

#webbox .color-bg { background: #fff; }

#webbox .inlet-level { padding: 15px 15px; height: 136px; position: absolute; top: 0px; display: none; }

#webbox .news-level { width: 500px; left: 0px; }

#webbox .business-level { width: 970px; left: 0px; }

#webbox .hr-level { width: 500px; right: 0px; padding: 15px 15px; }

#webbox .level-left { width: 100%; height: 100%; background: #ebebeb; position: relative }

#webbox .level-left .btn { display: block; width: 23px; height: 25px; position: absolute; bottom: 0%; cursor: pointer; z-index: 100 }

#webbox .level-left .prev { left: 0px; background: url(../images/btnPrev.png) no-repeat center; }

#webbox .level-left .next { left: 25px; background: url(../images/btnNext.png) no-repeat center; }

#webbox .level-left dl.news-list { width: 144px; height: 100%; position: relative; overflow: hidden; float: left }

#webbox .level-left dl.news-list dd { width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px }

#webbox .level-left dl.news-list dd a { display: block; width: 100%; height: 100%; }

#webbox .level-left dl.news-list .pictu { float: left; width: 154px; height: 136px; overflow: hidden; position: relative }

#webbox .level-left dl.news-list .pictu img { height: 136px; width: 154px; vertical-align: middle; }

#webbox .level-left dl.news-list .infor { float: right; height: 116px; width: 140px; padding: 10px 10px }

#webbox .level-left dl.news-list .infor h1 { color: #e60012; font-size: 18px; font-weight: normal; }

#webbox .level-left dl.news-list .infor h2 { line-height: 20px; color: #333; font-size: 14px; font-weight: normal; display: block; height: 42px; overflow: hidden }

#webbox .level-left dl.news-list .infor .p { line-height: 20px; display: block; height: 60px; text-align: justify; overflow: hidden; font-size: 13px; color: #666 }

#webbox .level-left dl.news-list .infor span { display: block; text-align: right; font-size: 13px; color: #666 }

#webbox .level-left ul { margin-left: 154px; padding: 8px 10px 8px 0px; }

#webbox .level-left ul li { display: block; width: 100%; height: auto; }

#webbox .level-left ul h1 { display: block; height: 24px; line-height: 24px; font-size: 14px; font-weight: normal; cursor: default }

#webbox .level-left ul h1 span { display: inline-block; width: 280px; float: left; height: 100%; overflow: hidden }

#webbox .level-left ul h1 em { float: right; color: #999 }

#webbox .level-left ul .infor { width: 100%; height: 68px; margin-bottom: 3px; border-bottom: 1px solid #FFF; display: none; }

#webbox .level-left ul .infor h2 { display: block; height: 24px; line-height: 24px; font-size: 14px; font-weight: normal; }

#webbox .level-left ul .infor p { display: block; height: 40px; line-height: 20px; overflow: hidden; font-size: 13px; color: #666 }

#webbox .news-list-conts { float: right; width: 300px; height: 100%; background: #ebebeb; }

#webbox .news-list-conts ul { padding-left: 14px; height: 100%; }

#webbox .news-list-conts ul li { display: block; width: 100%; height: 27px; line-height: 27px; }

#webbox .news-list-conts ul li a { display: block; width: 100%; height: 100%; font-size: 13px }

#webbox .news-list-conts ul li em { display: inline-block; width: 50px; float: right; }

#webbox .news-list-conts ul li span { float: left; display: inline-block; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#webbox .inlet-busi { width: 100%; height: 100%; }

#webbox .inlet-busi ul { margin-left: -12px; height: 100%; }

#webbox .inlet-busi li { display: inline-block; float: left; height: 100%; width: 25%; }

#webbox .inlet-busi a { display: block; height: 100%; margin-left: 12px; position: relative; color: #FFF; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

#webbox .inlet-busi code { display: block; width: 100%; height: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

#webbox .inlet-busi .inlet-page { position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; padding: 10px 0px }

#webbox .inlet-busi .inlet-page p, #webbox .inlet-busi .inlet-page span { display: block; height: 24px; margin: 0 12px; }

#webbox .inlet-busi .inlet-page p { font-size: 18px; }

#webbox .inlet-busi .inlet-page span { text-transform: uppercase; font-size: 15px }

#webbox .inlet-busi .inlet-page i { display: block; width: 30px; height: 1px; background: #FFF; margin: 10px 12px }

#webbox .inlet-busi a:hover { color: #e40004 }

#webbox .inlet-busi a:hover code { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }

#webbox .inlet-busi a:hover i { background: #e40004; }

#webbox .inlet .job-list { width: 100%; height: 100%; }

#webbox .inlet .job-list-title { padding: 0 15px; margin-bottom: 6px; }

#webbox .inlet .job-list-title p { display: block; color: #065dac; font-size: 16px; }

#webbox .inlet .job-list-title i { display: block; width: 30px; height: 1px; background: #666; margin: 5px 0px }

#webbox .inlet .job-list-cont { padding: 10px 15px; height: 85px; overflow: hidden; background: #f0f0f0 }

#webbox .inlet .job-list-cont span { display: inline-block; width: 25%; float: left; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#webbox .inlet .job-list-cont em { display: inline-block; width: 25%; float: left; height: 100%; text-align: center }

#webbox .inlet .job-list-cont dl { width: 100%; }

#webbox .inlet .job-list-cont dt { width: 100%; height: 24px; margin-bottom: 10px; }

#webbox .inlet .job-list-cont dd { width: 100%; height: 26px; line-height: 26px }

#webbox .inlet .job-list-cont dd a { display: block; font-size: 13px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

#webbox .inlet .job-list a:hover { background: #DDD; }
/* sliderBox */
.sliderBox { width: 100%; height: 100%; min-width: 980px; position: relative; overflow: hidden; margin: 0 auto; }

.sliderBox .slider-btn { width: 22px; height: 10%; position: absolute; top: 50%; right: 10px; z-index: 100; margin-top: -5%; text-align: center; }

.sliderBox .slider-btn a { display: inline-block; width: 8px; height: 8px; border: 1px solid #FFF; line-height: 20px; text-indent: -999em; overflow: hidden; border-radius: 50%; margin: 0 3px; cursor: pointer; background: #FFF; opacity: 0.5; filter: alpha(opacity=50) }

.sliderBox .slider-btn a.current { background: #FFF; opacity: 1; filter: alpha(opacity=100) }

.sliderBox .whells { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.sliderBox .layer { height: 100%; width: 100%; position: absolute; top: 100%; left: 0px; overflow: hidden; zoom: 1 }

.sliderBox .content { min-width: 1100px; height: 100%; margin: 0 auto; position: relative; z-index: 1; zoom: 1; display: none; overflow: hidden; }

.margin_block { position: relative; width: 100%; height: 100%; }

.sliderBox .bgPicture { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; zoom: 1 }

.sliderBox .wall1 { background: url(../images/about/w1.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w1.jpg', sizingMethod='scale'); }

.sliderBox .wall2 { background: url(../images/about/w2.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w2.jpg', sizingMethod='scale'); }

.sliderBox .wall3 { background: url(../Images/bgs1.jpg) no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w3.jpg', sizingMethod='scale'); }

.sliderBox .wall4 { background: url(../images/about/w4.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w4.jpg', sizingMethod='scale'); }
.sliderBox .wall5 { background: url(../images/about/w41.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w41.jpg', sizingMethod='scale'); }

.sliderBox .level { width: 468px; position: absolute; color: #FFFFFF }

.sliderBox .scroll-box { width: 59px; height: 54px; position: absolute; bottom: 20px; left: 50%; margin-left: -30px; cursor: pointer; z-index: 100 }

.sliderBox .scroll-point { width: 59px; height: 54px; display: block; background: url(../images/about/scroll.png) no-repeat center bottom; -webkit-animation: scrollDown 2s linear infinite both; -moz-animation: scrollDown 2s linear infinite both; -ms-animation: scrollDown 2s linear infinite both; animation: scrollDown 2s linear infinite both; }

.sliderBox .scroll-point-up { width: 59px; height: 54px; display: block; background: url(../images/about/scroll-up.png) no-repeat center bottom; -webkit-animation: scrollUp 2s linear infinite both; -moz-animation: scrollUp 2s linear infinite both; -ms-animation: scrollUp 2s linear infinite both; animation: scrollUp 2s linear infinite both; }

.sliderBox .inforA { height: 240px; left: 300px; top: 12.5%; }

.sliderBox .inforB { height: 268px; left: 800px; top: 8.5%; }

.sliderBox .inforC { height: 236px; left: 300px; top: 12.5% }

.sliderBox .inforD { height: 210px; left: 50%; top: 12.5%; margin-left: -125px; }

.sliderBox .level h1 { display: block; height: 40px; line-height: 40px; text-align: center; font-weight: normal; margin-bottom: 26px; font-size: 30px }

.sliderBox .level h1.text-l { text-align: left; }

.sliderBox .infor-text { width: 468px; padding: 15px 20px; line-height: 30px; margin-bottom: 18px; background: url(../images/about/black.png); }

.sliderBox .inforB .infor-text { height: 208px; }

.sliderBox .inforC .infor-text { height: 146px; }

.sliderBox .inforD .infor-text { height: 92px; }

.sliderBox .line-box { display: block; width: 70px; height: 4px; background: #FFF; opacity: 0.8; filter: Alpha(opacity=80); }

.sliderBox .marCenter { margin: 0 auto; }

.sliderBox code.g { display: block; width: 55px; height: 47px; position: absolute; bottom: -65px; right: -13px; z-index: 9; background: url(../images/about/icon-gg.png) }

.line_map { width: 1070px; height: 529px; left: 25%; top: 40%; position: absolute; background: url(../Images/map1.png) no-repeat; background-size: 90%; }

.nots1 { top: 200px; left: 560px; }

.nots2 { top: 187px; right: 313px }

.nots3 { top: 180px; left: 120px; }

.nots4 { top: 217px; left: 770px; }

.nots5 { top: 228px; left: 760px; }

.nots6 { top: 190px; left: 757px; }

.nots7 { top: 231px; left: 756px; }

.nots8 { top: 235px; left: 742px; }

.line_map .nots { position: absolute; width: auto; }

.squ_bgk1 { position: absolute; bottom: -51px; right: -25px; width: 90px; height: 60px; }

.squ_bgk2 { position: absolute; bottom: -51px; right: -25px; width: 60px; height: 60px; }

.squ_bgk3 { position: absolute; bottom: -31px; right: -75px; width: 90px; height: 30px; }

.squ_bgk4 { position: absolute; bottom: -48px; right: -77px; width: 90px; height: 33px; }

.squ_bgk5 { position: absolute; bottom: -51px; right: -75px; width: 90px; height: 60px; }

.squ_bgk6 { position: absolute; bottom: -75px; right: -85px; width: 90px; height: 45px; }

.squ_bgk7 { position: absolute; bottom: -51px; right: -5px; width: 90px; height: 60px; }

.line_map .nots .bd { width: 12px; height: 16px; cursor: pointer; background: url(../Images/about/map_line.png) no-repeat left bottom; }

.line_map .nots .tp21 { width: 14px; height: 14px; cursor: pointer; background: url(../Images/tp21.png) no-repeat center center; background-size: 14px; }

.nots_sanjiao { position: relative; width: auto; height: auto; }

.nots_sanjiao h1 { position: absolute; width: 62px; height: 33px; text-align: center; line-height: 26px; top: -34px; left: -58px; font-size: 12px; font-weight: normal; color: #333; background: url(../Images/tp1.png) no-repeat; }

.shenzhen h1 { width: 86px; height: 26px; text-align: center; top: 0px; left: 10px; padding-left: 14px; background: url(../Images/tp2.png) no-repeat; }

.xiangang h1 { width: 74px; height: 34px; text-align: center; top: 20px; left: 10px; line-height: 40px; background: url(../Images/tp4.png) no-repeat; }

.shanghai h1 { width: 74px; height: 34px; text-align: center; top: -25px; left: 10px; background: url(../Images/tp3.png) no-repeat; }

.nots_txt { color: #333; font-size: 12px; position: absolute; }

.nots_txt.t1 { background: url(); }

.nots_txt:hover { color: #e60000 }

.words_nots { position: absolute; z-index: 99; width: 450px; background: #fff; bottom: 40px; left: -440px; box-shadow: 0px 0 6px #e1e1e1; display: none; padding-bottom: 10px; }

.words_nots .squ_bg1 { width: 37px; height: 25px; position: absolute; bottom: -25px; right: 5px; background: url(../Images/bg1.png) no-repeat; }

.words_nots .world_img { position: relative; width: 450px; height: 282px; }

.words_nots .world_img img { width: 100%; }

.words_nots .world_address { position: relative; padding-left: 25px; }

.words_nots .world_address p { font-size: 14px; }

.words_nots .world_line { position: relative; padding-left: 25px; }

.words_nots .world_line p { float: left; margin-right: 20px; font-size: 14px; color: #333; line-height: 20px; }

/* team-wall */
.team-wall { background: url(../images/about/w5.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w5.jpg', sizingMethod='scale'); }

.team-title { width: 725px; height: 90px; }

.team-title h1 { color: #333 }

.team-title p { color: #999; }

.team-content { width: 725px; height: 420px; position: absolute; top: 20%; left: 10% }

.level-boss { width: 100%; height: 140px; -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both; -ms-animation: fadeInRight 1s .2s ease both; animation: fadeInRight 1s .2s ease both }

.level-boss .show { display: block !important; }

.level-boss .img-pic { width: 96px; height: 126px; float: left; }

.level-boss .img-pic i { display: inline-block; height: 100%; vertical-align: middle; text-align: center; }

.level-boss .img-pic img { max-width: 100px; max-height: 140px; }

.level-boss .gm-desc { margin-left: 117px; height: 142px; color: #333; line-height: 24px; font-size: 13px; text-align: justify }

.level-boss .gm-desc h1 { margin-bottom: 10px; color: #333; font-size: 20px; font-weight: normal }

.level-boss .gm-desc p { color: #333; }

.team_block { position: relative; width: 100%; }

.team-gm { font-size: 18px; color: #2d488b; -webkit-animation: fadeInRight 1s .5s ease both; -moz-animation: fadeInRight 1s .5s ease both; -ms-animation: fadeInRight 1s .5s ease both; animation: fadeInRight 1s .5s ease both }

.team-tip { color: #000000; width: 100%; margin-bottom: 20px; -webkit-animation: fadeInRight 1s 0.75s ease both; -moz-animation: fadeInRight 1s 0.75s ease both; -ms-animation: fadeInRight 1s 0.75s ease both; animation: fadeInRight 1s 0.75s ease both }

.team-list { width: 105%; height: 500px; margin-bottom: 10px; padding-top: 10px; -webkit-animation: fadeInUp 1s 1s ease both; -moz-animation: fadeInUp 1s 1s ease both; -ms-animation: fadeInUp 1s 1s ease both; animation: fadeInUp 1s 1s ease both }

.team-list .tabNav { width: 100%; margin-bottom: 20px; text-align: center; }

.team-list .tabNav a { display: block; width: 137px; height: 37px; line-height: 37px; float: left; margin-right: 15px; background: #d7dce2; cursor: default; color: #333; cursor: pointer; margin-bottom: 20px; }

.team-list .tabNav a.active { background: #5c83b7; color: #FFF }

.team-list .tabPage { width: 100%; height: 170px; position: relative; }

.team-list .level { width: 100%; height: 100%; display: none; }

.team-list .show { display: block !important; }

.team-list .img-pic { width: 96px; height: 126px; float: left; }

.team-list .img-pic i { display: inline-block; height: 100%; vertical-align: middle; text-align: center; }

.team-list .img-pic img { max-width: 100px; max-height: 140px; }

.team-list .gm-desc { margin-left: 117px; height: 142px; color: #333; line-height: 24px; font-size: 13px; text-align: justify }

.team-list .point { display: block; width: 36px; height: 31px; position: absolute; bottom: 0px; right: 0px; background: url(../images/about/icon-gg-small.png) no-repeat; opacity: .75; filter: Alhpa(opacity=75) }
/* culture-wall */
.culture-wall { background: url(../images/about/w6.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w6.jpg', sizingMethod='scale'); }

.culture-title { width: 725px; height: 90px; }

.culture-title h1 { color: #FFF }

.culture-title p { color: #666; }

.culture-wall .container { position: absolute !important; top: 50% !important; left: 10% !important; width: 535px !important; height: 120px !important; margin-top: -120px !important }

.culture-wall .point { display: block; width: 36px; height: 31px; position: absolute; top: 0px; right: 80px; background: url(../images/about/icon-gg-small.png) no-repeat; -webkit-animation: fadeInRight 1s 1.1s ease both; -moz-animation: fadeInRight 1s 1.1s ease both; -ms-animation: fadeInRight 1s 1.1s ease both; animation: fadeInRight 1s 1.1s ease both }

.culture-wall .container dl { width: 100%; height: 100%; background: transparent !important; }

.culture-wall .container dd { display: block; position: relative; height: 40px; color: #FFF; }

.culture-wall .container dd span { display: inline-block; margin-right: 20px; color: #e29f36 !important; font-size: 26px }

.culture-wall .container dd.v { -webkit-animation: fadeInRight 1s .1s ease both; -moz-animation: fadeInRight 1s .1s ease both; -ms-animation: fadeInRight 1s .1s ease both; animation: fadeInRight 1s .1s ease both }

.culture-wall .container dd em { font-size: 18px; }

.culture-wall .container dd.s { padding-left: 30px; -webkit-animation: fadeInRight 1s .5s ease both; -moz-animation: fadeInRight 1s .5s ease both; -ms-animation: fadeInRight 1s .5s ease both; animation: fadeInRight 1s .5s ease both }

.culture-wall .container dd.j { padding-left: 80px; -webkit-animation: fadeInRight 1s 1s ease both; -moz-animation: fadeInRight 1s 1s ease both; -ms-animation: fadeInRight 1s 1s ease both; animation: fadeInRight 1s 1s ease both }
/* culture-wall */
.struct-wall { background: url(../images/about/w7.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/w7.jpg', sizingMethod='scale'); }

.struct-wall .struct-title { width: 725px; height: 90px; top: 5%; }

.struct-title h1 { color: #333 }

.struct-title p { color: #999; }

.struct-wall .container { position: absolute !important; top: 34% !important; left: 10% !important; width: 70% !important; height: 489px !important; margin-top: -245px !important; }

.struct-wall .structure { width: 100%; height: 100% }

#webbox .struct-wall .structure img { width: auto; height: auto; }

.struct-wall .structure img { display: block; max-width: 100%; -webkit-animation: bounceIn 1s 1s ease both; -moz-animation: bounceIn 1s 1s ease both; -ms-animation: bounceIn 1s 1s ease both; animation: bounceIn 1s 1s ease both; }
/* news */
.news-wall { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(../images/rela/wall3_1.jpg) no-repeat center left; }

.news-walldef { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(../images/news/new1-bg.jpg) no-repeat center }

.news-content { position: relative; height: auto; width: 85%; max-width: 1200px; margin: 0 auto; padding-bottom: 40px; }

.news-head { height: 80px; padding-top: 30px; width: 100%; position: relative; margin-bottom: 10px }

.news-top { float: left; width: 300px; height: 100%; }

.news-top h1 { color: #333; font-size: 30px; line-height: 40px; font-weight: normal }

.news-top p { color: #999; font-family: Arial; font-size: 26px }

.news-nav { position: absolute; bottom: 10px; right: 0px; color: #808080; }

.news-nav a { color: #fff; }

.news-nav a.home { display: inline-block; padding-left: 25px; background: url(../images/news/icon-point.png) no-repeat center left; }

.news-nav span { padding: 0 5px; color: #fff; }

.news-nav a:hover { color: #e60012 }

.news-list-box { width: 100%; }

.news-content .list-box { height: auto; padding: 20px 20px; margin-bottom: 25px; background: url(../images/witebg.png) repeat center; }

.news-content .news-lineHead { width: 100%; height: 309px; }

.news-content .news-pic { width: 466px; height: 309px; float: left }

.news-content .news-pic dd { width: 100%; height: 100%; display: none; }

.news-content .news-pic dd a { display: block; width: 100%; height: 100%; position: relative; color: #FFF; }

.news-content .news-pic dd img { display: block; width: 100%; opacity: 1; }

.news-content .news-pic dd p { position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 40px; line-height: 40px; background: url(../images/news/wallBlack.png) repeat center left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.news-content .news-pic dd span { margin-left: 10px; }

.news-content .news-pic dd em { margin-left: 10px; }

.news-content .news-list-infor { margin-left: 466px; height: 100%; }

.news-content .news-list-infor li { width: 100%; height: 154px; margin-bottom: 0px; border-bottom: 1px dotted #ccc }

.news-content .news-list-infor li a { display: block; padding: 9px 5px 8px 20px; font-size: 13px; color: #4c4c4c }

.news-content .news-list-infor li h1 { font-size: 16px; font-weight: normal; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; padding-left: 15px; background: url(../images/news/icon-Z.png) no-repeat center left; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

.news-content .news-list-infor li p { display: block; height: 80px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; text-align: justify }

.news-content .news-list-infor li span { display: block; height: 20px; line-height: 20px; text-align: right; font-size: 12px }

.news-content .news-list-infor li a:hover { background: #7289a8; color: #FFF }

.news-content .news-list-infor li a:hover h1 { color: #FFF; background-position: 5px 50%; }

.news-content .news-list-cont { width: 100%; padding-bottom: 30px }

.news-content .news-list-cont li { width: 100%; height: 210px; margin-bottom: 15px; border-bottom: 1px dotted #ccc; background: url(../images/witebg.png) repeat center; }

.news-content .news-list-cont li a { display: block; padding: 20px; height: 170px; color: #333; }

.news-content .news-top-title { height: 26px; margin-bottom: 10px; font-size: 18px }

.news-content .news-list-cont .pic-box { float: left; width: 224px; height: 130px; text-align: center; }

.news-content .news-list-cont .pic-box span { display: inline-block; height: 100%; vertical-align: middle }

.news-content .news-list-cont .pic-box img { max-width: 257px; max-height: 130px; vertical-align: middle }

.news-content .news-list-cont .n-desc { margin-left: 230px; height: 130px; position: relative }

.news-content .news-list-cont .desc-infor { display: block; height: 130px; overflow: hidden; padding: 24px 10px; text-align: justify; }

.news-content .news-list-cont .n-desc span { display: block; position: absolute; bottom: 0px; right: 0px; }

.news-content .news-list-cont li a:hover { color: #FFF; background: #7289a8 }
/* news-detail */
.news-detail { padding: 20px; background: #FFF }

.news-detail-top { border-bottom: dotted #CCC 1px; padding-bottom: 15px; text-align: center; margin-bottom: 20px }

.news-detail-top h1 { font-size: 24px; font-weight: normal; color: #333; display: block; margin-bottom: 15px }

.news-detail-top p { color: #666; display: block }

.news-detail-top span { display: inline-block; margin: 0 20px }

.news-detail-text { line-height: 24px; padding-bottom: 20px }

.news-detail-text p { margin-bottom: 10px }

.news-detail-page { width: 100%; height: 60px; padding: 10px 0px }

.news-detail-page li { display: block; width: 100%; height: 30px; line-height: 30px; }

.news-detail-page li a { display: block; padding-left: 15px; background: url(../images/news/icon-Z.png) no-repeat center left; }

.news-detail-page li span { margin-right: 10px; }

.share-box { height: 30px; border-bottom: dotted #CCC 1px; }
/* business */
#webbox .business-wall { height: 100%; width: 100%; background: url(../images/busi/new_w1.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/w1.jpg', sizingMethod='scale'); }

#webbox .hatcher-wall { height: 100%; width: 100%; background: url(../images/busi/new_w3_1.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/w3.jpg', sizingMethod='scale'); }

#webbox .entity-wall { height: 100%; width: 100%; background: url(../images/busi/w5.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/w5.jpg', sizingMethod='scale'); }

#webbox .business-title { top: 8%; }

#webbox .container { width: 52%; position: absolute; top: 20%; left: 10%; }

#webbox .equity-cont { width: 670px; position: absolute; top: 20%; left: 6%; color: #fff; }

#webbox .taps { width: 100%; line-height: 24px; font-size: 14px; margin-bottom: 20px; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

#webbox .e-list { width: 100%; height: 240px; -webkit-animation: fadeInUp 1s 1s ease both; -moz-animation: fadeInUp 1s 1s ease both; -ms-animation: fadeInUp 1s 1s ease both; animation: fadeInUp 1s 1s ease both }

#webbox .e-list li { width: 25%; height: 100%; float: left; position: relative }

#webbox .e-list .li-cont { width: 100%; height: 120px; position: absolute; left: 0px; background: url(../images/witebg.png) repeat center; color: #FFF; opacity: 0.9; }

#webbox .e-list .li-cont:hover { opacity: 1; }

#webbox .e-list li .cont-all { height: 100%; background: #5c83b7; color: #FFF }

#webbox .e-list .p-top { top: 0px; }

#webbox .e-list .p-bottom { bottom: 0px; }

#webbox .e-list .li-cont a { display: block; width: 100%; height: 120px; color: #333; position: absolute; left: 0px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .e-list .li-cont h1 { display: block; width: 120px; height: 48px; position: absolute; left: 50%; margin-left: -60px; text-align: center; font-size: 14px; font-weight: normal; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .e-list .li-cont:hover h1 { color: #fff; }

#webbox .e-list .li-cont span { display: block; width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .e-list .li-cont em { display: block; width: 20px; height: 2px; position: absolute; top: 50%; left: 0%; margin-top: -1px; background: #333; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .e-list .li-cont i { display: block; width: 2px; height: 20px; position: absolute; top: 0%; left: 50%; margin-left: -1px; background: #333; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }

#webbox .e-list .li-cont:hover em { background: #fff; }

#webbox .e-list .li-cont:hover i { background: #fff; }

#webbox .e-list .li-cont p { display: none; margin: 0 15px; font-size: 12px; line-height: 18px; position: absolute; left: 0px; text-align: justify }

#webbox .e-list .p-top a { top: 0px; }

#webbox .e-list .p-top h1 { top: 24px; }

#webbox .e-list .p-top span { top: 75px; }

#webbox .e-list .p-top p { top: 100px; }

#webbox .e-list .p-bottom a { bottom: 0px; }

#webbox .e-list .p-bottom h1 { bottom: 10px; }

#webbox .e-list .p-bottom span { bottom: 70px; }

#webbox .e-list .p-bottom p { bottom: 85px; }

#webbox .e-list li .cont-all a { height: 100px; }

#webbox .e-list li .cont-all span { width: 28px; height: 2px; }

#webbox .e-list li .cont-all em { width: 28px; }

#webbox .e-list li .cont-all i { height: 0px; }

#webbox .container dl { padding: 10px 20px; margin-bottom: 30px; background: #f0f2f4; -webkit-animation: fadeInUp 1s 1s ease both; -moz-animation: fadeInUp 1s 1s ease both; -ms-animation: fadeInUp 1s 1s ease both; animation: fadeInUp 1s 1s ease both }

#webbox .container dd { width: 100%; margin-bottom: 10px; line-height: 24px; font-size: 12px; }

#webbox .container dd span { color: #065dac }

#webbox .container ul { width: 80%; margin-bottom: 15px; -webkit-animation: fadeInUp 1s 1.5s ease both; -moz-animation: fadeInUp 1s 1.5s ease both; -ms-animation: fadeInUp 1s 1.5s ease both; animation: fadeInUp 1s 1.5s ease both }

#webbox .container li { width: 50%; height: 38px; line-height: 38px; float: left; margin-bottom: 12px }

#webbox .container li a { display: block; height: 100%; margin-right: 15px; background: #808080; color: #FFF; text-align: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

#webbox .container li a:hover { background: #cf313d; }

#webbox .infor-box { width: 80%; line-height: 24px; font-size: 13px; -webkit-animation: fadeInUp 1s 2s ease both; -moz-animation: fadeInUp 1s 2s ease both; -ms-animation: fadeInUp 1s 2s ease both; animation: fadeInUp 1s 2s ease both }
/* asset-wall */
#webbox .asset-wall { height: 100%; width: 100%; background: url(../images/busi/new_w2_1.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/w2.jpg', sizingMethod='scale'); }

#webbox .business-title { top: 8%; left: 6% }

#webbox .container { width: 52%; position: absolute; top: 20%; left: 6%; color: #fff; }

#webbox .taps { width: 100%; line-height: 24px; font-size: 14px; margin-bottom: 50px; text-align: justify; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

#webbox .container dl { padding: 40px 30px; margin-bottom: 20px; background: #f0f2f4; -webkit-animation: fadeInUp 1s 1s ease both; -moz-animation: fadeInUp 1s 1s ease both; -ms-animation: fadeInUp 1s 1s ease both; animation: fadeInUp 1s 1s ease both; background: rgba(0,0,0,0.3) !important; }

#webbox .container dd { width: 100%; margin-bottom: 10px; line-height: 24px; font-size: 12px; }

#webbox .container dd span { color: #065dac }

#webbox .infor-box { width: 100%; line-height: 24px; text-align: justify; font-size: 13px; -webkit-animation: fadeInUp 1s 1.5s ease both; -moz-animation: fadeInUp 1s 1.5s ease both; -ms-animation: fadeInUp 1s 1.5s ease both; animation: fadeInUp 1s 1.5s ease both; background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 18px; }

#webbox .infor-box h1 { margin-bottom: 5px; color: #fff; font-size: 18px; font-weight: normal; margin-top: 10px; }
/* Property */
.pw1 { background: url(../images/busi/pw1.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/pw1.jpg', sizingMethod='scale'); }

.pw2 { background: url(../images/busi/pw2.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/pw2.jpg', sizingMethod='scale'); }

.pw3 { background: url(../images/busi/pw3.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/pw3.jpg', sizingMethod='scale'); }

.investment { position: absolute; top: 50%; left: 8%; width: 853px; height: 460px; margin-top: -300px }

.layer-title { width: 100%; height: 80px; margin-bottom: 30px }

.layer-title h1 { height: 35px; line-height: 35px; font-size: 30px; font-weight: normal; color: #FFF; }

.layer-title p { color: #7d8b96; font-size: 26px; font-family: Arial }

.investment-desc { padding: 20px; min-height: 225px; position: relative; margin-bottom: 20px; background: url(../images/busi/wallBlack.png) repeat; color: #FFF; line-height: 24px; }

.investment-desc h1 { display: block; font-size: 18px; margin-bottom: 20px; color: #e29f36 }

.investment-desc .gg-ment { display: block; width: 55px; height: 47px; position: absolute; bottom: -20px; right: 24px; background: url(../images/about/icon-gg.png) }

.investment-inscribe { width: 100%; height: 30px; line-height: 30px; position: relative; }

.investment-inscribe em { float: left; display: block; width: 70px; height: 4px; margin-top: 13px; margin-right: 15px; background: #e0e7ed }

.investment-inscribe span { display: block; float: left; height: 100%; font-size: 24px; color: #FFF; }

#webbox .layer-tab { width: 80%; position: absolute; top: 20%; left: 6%; -webkit-animation: fadeInUp 1s .1s ease both; -moz-animation: fadeInUp 1s .1s ease both; -ms-animation: fadeInUp 1s .1s ease both; animation: fadeInUp 1s .1s ease both }

#webbox img { width: 100%; height: 100%; }

#webbox .tabmenu { width: 100%; height: 50px; margin-bottom: 5px; overflow: hidden }

#webbox .tabmenu a { display: block; float: left; height: 100%; line-height: 50px; font-size: 14px; text-align: center; margin-left: -1px; border-left: 1px solid #FFF; color: #FFF; background: #9ba2ac }

#webbox .tabmenu a.active { background: #3374af; }

#webbox .three a { width: 33.33%; }

#webbox .four a { width: 20%; }

#webbox .tabcontent { width: 100%; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

#webbox .tabcontent h1 { display: block; height: 42px; line-height: 42px; color: #065dac; font-size: 18px; font-weight: normal }

#webbox .tabcontent .lay-box { width: 100%; position: relative; display: none }

#webbox .tabcontent dl { width: 100%; background: #FFF; }

#webbox .tabcontent dt { width: 40%; float: left; }

#webbox .tabcontent dd { width: 60%; float: right }

#webbox .tabcontent dd img { display: block; width: 100%; }

#webbox .tabcontent .text-txt { padding: 15px 20px; text-align: justify }

#webbox .tabcontent .lay-box-title { position: absolute; left: 30px; top: 60px; color: #FFF; font-size: 25px; }

#webbox .tabcontent .lay-box-text { width: 638px; height: 112px; padding: 10px 15px; line-height: 27px; position: absolute; left: 30px; top: 110px; color: #FFF; background: url(../images/busi/wallBlack.png); text-align: justify }

#webbox .tabcontent .lay-boox1-text { width: 638px; height: 215px; padding: 10px 15px; line-height: 27px; position: absolute; left: 30px; top: 110px; color: #FFF; background: url(../images/busi/wallBlack.png); text-align: justify }

#webbox .tabcontent .lay-boox2-text { width: 638px; height: 165px; padding: 10px 15px; line-height: 27px; position: absolute; left: 30px; top: 110px; color: #FFF; background: url(../images/busi/wallBlack.png); text-align: justify }

#webbox .tabcontent .lay-boox3-text { width: 638px; height: 115px; padding: 10px 15px; line-height: 27px; position: absolute; left: 30px; top: 110px; color: #FFF; background: url(../images/busi/wallBlack.png); text-align: justify }

#webbox .tabcontent code.g { display: block; width: 55px; height: 47px; position: absolute; bottom: -15px; right: 24px; background: url(../images/about/icon-gg.png) }

#webbox .tabcontent .line-box { display: block; width: 70px; height: 4px; position: absolute; left: 30px; top: 260px; background: #FFF; opacity: 0.8; filter: Alpha(opacity=80); }

#webbox .tabcontent .line-box1 { display: block; width: 70px; height: 4px; position: absolute; left: 30px; top: 355px; background: #FFF; opacity: 0.8; filter: Alpha(opacity=80); }

#webbox .tabcontent .line-box2 { display: block; width: 70px; height: 4px; position: absolute; left: 30px; top: 305px; background: #FFF; opacity: 0.8; filter: Alpha(opacity=80); }

#webbox .tabcontent .line-box3 { display: block; width: 70px; height: 4px; position: absolute; left: 30px; top: 260px; background: #FFF; opacity: 0.8; filter: Alpha(opacity=80); }

#webbox .lay-box img { width: 897px; height: 434px; }
/* other-box */
.other-wall { background: url(../images/busi/w4.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/busi/w4.jpg', sizingMethod='scale'); }

.other-box { width: 828px; height: 620px; position: absolute; top: 50%; left: 8%; margin-top: -310px }

.tabBody { width: 100%; height: 485px; }

.tabBody .tabnav { width: 100%; height: 74px; overflow: hidden; margin-bottom: 10px; }

.tabBody .tabnav li { display: inline-block; float: left; width: 205px; height: 48px; text-align: center; line-height: 24px; padding: 13px 0px; border-left: 1px solid #b3b3b3; margin-left: -1px; background: #808080; color: #FFF; cursor: pointer }

.tabBody .tabnav li.active { background: #cf313d; }

.tabBody .tabPage { width: 100%; height: 393px; position: relative; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

.tabBody .tabPage dd { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #FFF; }

.tabBody .tabPage .intron { float: left; margin: 20px 20px; width: 230px; font-size: 12px; line-height: 24px; text-align: justify }

.tabBody .tabPage .intron h1 { color: #065dac; margin-bottom: 10px }

.tabBody .tabPage .pic-box { float: right; width: 550px; height: 100%; text-align: center; }

.tabBody .tabPage .pic-box span { display: inline-block; height: 100%; vertical-align: middle }

.tabBody .tabPage .pic-box img { max-width: 545px; max-height: 393px; vertical-align: middle }
/* notice */
.notice-wall { background: url(../images/rela/wall2_1.jpg) no-repeat center fixed; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall4.jpg', sizingMethod='scale'); }

.around-wall { background: url(../images/rela/around_bg.jpg) no-repeat center fixed; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/around_bg.jpg', sizingMethod='scale'); }

.around-wall .news-top h1 { color: #F2F2F2; }

.around-wall .notice-top p { color: #8189a0; }

.around-wall .notice-model .notice-list li a { color: #FFF; }

.around-wall .page-notice a { color: #FFF; }

.around-wall .notice-model .notice-list li a:hover { color: #FFF; }

.notice-top p { color: #dfe5ef; font-family: Arial; font-size: 26px }

.subMenu { width: 100%; height: 52px; margin-bottom: 20px; }

.subMenu ul { float: left; width: 370px; height: 100%; }

.subMenu li { float: left; width: 182px; height: 100%; display: block; margin-right: 3px; }

.subMenu li a { display: block; width: 100%; height: 100%; line-height: 52px; text-align: center; background: #808080; font-size: 16px; color: #FFF; }

.subMenu li a.active { background: #3374af; }

.subMenu dl { float: right; height: 52px; width: 200px; background: #FFF; }

.subMenu dd { width: 100%; height: 100%; display: none }

.subMenu dd span { float: left; width: 54px; height: 52px; line-height: 52px; text-align: center; background: #3374af; font-size: 16px; color: #FFF; }

.subMenu .select { width: 145px; padding: 15px 15px; border: none; outline: none; }

.market-box img { width: 100%; }
/* mailbox */
.mailbox { width: 100%; }

.mailbox .from { width: 100%; height: 250px; padding: 25px 0px; background: url(../images/rela/wall.jpg) no-repeat center; }

.mailbox .from li { width: 567px; height: 42px; margin: 0 auto 10px; }

.mailbox .from .input-box { height: 100%; background: #FFF; }

.mailbox .from .short { width: 278px; }

.mailbox .from .long { width: 100%; }

.mailbox .from label { float: left; line-height: 42px; width: 60px; color: #9e9e9e; text-align: center; }

.mailbox .from input[type="text"] { height: 42px; line-height: 42px; border: none; padding: 0px; }

.mailbox .from .short input[type="text"] { width: 205px; }

.mailbox .from .long input[type="text"] { width: 490px; }

.mailbox .textArae-box { padding: 30px; background: url(../images/witebg.png) repeat center; }

.mailbox .textArae-box-text { width: 100%; height: 200px; background: #f7f7f7 }

.mailbox .textArae-box-text label { float: left; line-height: 42px; width: 60px; color: #9e9e9e; text-align: center; font-size: 16px }

.mailbox .textArae-box-text p { display: block; margin-left: 65px; height: 100%; }

.mailbox .textArae-box-text .textarea { width: 96%; height: 180px; border: none; padding: 10px 0px; line-height: 24px; background: #f7f7f7; resize: none; }

.mailbox .btn-box { height: 34px; width: 100%; padding: 10px 0px 0px; }

.mailbox .btn-box .bton { width: 94px; height: 34px; float: left; margin-right: 20px; border: none; color: #FFF; font-size: 16px; }

.mailbox .btn-box .submit { margin-left: 40%; background: #5c83b7; }

.mailbox .btn-box .reset { background: #808080; }

.mailbox-wraper { width: 85%; padding-top: 120px; margin: 0 auto 0px 50px; }

.mailbox-wraper .mailbox .from { width: 100%; height: 250px; padding: 20px 0px; background: url(../images/rela/wall.jpg) no-repeat center; }

.mailbox-wraper .from li { width: 567px; height: 42px; margin: 0 auto 10px; }

.mailbox-wraper .from .input-box { height: 100%; background: #FFF; }

.mailbox-wraper .from .short { width: 278px; }

.mailbox-wraper .from .long { width: 100%; }

.mailbox-wraper .from label { float: left; line-height: 42px; width: 60px; color: #9e9e9e; text-align: center; }

.mailbox-wraper .from input[type="text"] { height: 42px; line-height: 42px; border: none; padding: 0px; }

.mailbox-wraper .from .short input[type="text"] { width: 205px; }

.mailbox-wraper .from .long input[type="text"] { width: 490px; }

.mailbox-wraper .mailbox .textArae-box { padding: 10px 30px; background: #FFF }

.mailbox-wraper .textArae-box-text { width: 100%; height: 150px; background: #f7f7f7 }

.mailbox-wraper .textArae-box-text .textarea { width: 96%; height: 130px; border: none; padding: 10px 0px; line-height: 24px; background: #f7f7f7 }

.more-list { line-height: 30px; height: 30px; }

.more-list a { color: #fff; }

.more-list a:hover { color: #e71a19; }
/* relation-content */
.relation-content { padding-bottom: 60px; }

.download-list { width: 100%; }

.download-list ul { width: 100%; margin-bottom: 15px; border-top: 1px solid #e6e6e6; background: #FFF }

.download-list li { height: 80px; line-height: 80px; width: 100%; position: relative; border-bottom: 1px solid #e6e6e6 }

.download-list li em { float: left; display: block; width: 80px; height: 100%; background: url(../images/rela/icon-jz.png) no-repeat center; border-right: 1px solid #e6e6e6 }

.download-list li span { display: block; margin-left: 105px; padding-right: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.download-list li a.download { display: block; display: block; width: 80px; height: 100%; position: absolute; top: 0px; right: 0px; background: url(../images/rela/download.png) no-repeat center; border-left: 1px solid #e6e6e6 }

.download-list li:hover em { background: url(../images/rela/icon-jz-on.png) no-repeat center; }

.download-list li:hover a.download { background: url(../images/rela/download-on.png) no-repeat center; }

.relation-content .more-box { width: 100%; height: 54px; background: #FFF; position: relative; }

.relation-content .ui-more { display: block; width: 100%; height: 100%; text-align: center; line-height: 54px; }

.relation-content .ui-top { width: 54px; height: 54px; display: block; position: absolute; top: 0px; right: 1px; background: url(../images/rela/icon-top.png) no-repeat center; }

.i-w1 { background: url(../images/rela/wall1.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall1.jpg', sizingMethod='scale'); }

.i-w2 { background: url(../images/rela/wall2.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall2.jpg', sizingMethod='scale'); }

.i-w3 { background: url(../images/rela/wall31.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall31.jpg', sizingMethod='scale'); }

.i-w4 { background: url(../images/rela/wall0.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall0.jpg', sizingMethod='scale'); }
.i-w4B { background: url(../images/rela/wall0B.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall0.jpg', sizingMethod='scale'); }

.i-w5 { background: url(../images/rela/wall5.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall5.jpg', sizingMethod='scale'); }

.i-w6 { background: url(../images/rela/wall6.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall6.jpg', sizingMethod='scale'); }

.i-w7 { background: url(../images/rela/wall7.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rela/wall7.jpg', sizingMethod='scale'); }

.r-nav { width: 416px; height: 82px; position: absolute; top: 50% }

.r-nav span { display: block; width: 42px; height: 100%; float: left; }

.r-nav span.click_Bmore { width: 116px; }

.mailbox_Btxt { position: relative; margin-left: 50px; float: left; }

.mailbox_Btxt h2 { font-size: 18px; color: #000; margin-bottom: 10px; }

.mailbox_Btxt p { font-size: 16px; color: #000; line-height: 26px; }

.r-nav i { display: block; width: 42px; height: 100%; background: url(../images/rela/icon-point.png) no-repeat center; -webkit-animation: scrollLeft 2s linear infinite both; -moz-animation: scrollLeft 2s linear infinite both; -ms-animation: scrollLeft 2s linear infinite both; animation: scrollLeft 2s linear infinite both; }

.r-nav a { display: block; height: 100%; margin-left: 48px; }

.r-nav a p { font-size: 30px; line-height: 40px; color: #fff }

.r-nav a em { display: block; color: #8189a0; font-size: 26px; font-family: Arial }

.r-lv1 { margin-top: -220px; left: 50px; }

.r-lv2 { margin-top: -220px; left: 30px; }

.r-lv3 { top: 50%; margin-top: -220px; left: 40px; z-index: 99; }

.r-lv2 a p { color: #F2F2F2; }

.r-lv2 a em { display: block; color: #8189a0; }

.r-lv3 a em { display: block; color: #999; }

.r-lv4 { margin-top: -350px; left: 30px; }

.rela-list { width: 820px; height: 290px; position: absolute; left: 50px; top: 50%; margin-top: -120px; }

.rela-list1 { margin-top: -245px; }

.rela-list ul { width: 100%; height: 100% }

.rela-list li { float: left; width: 115px; height: 126px; border: 1px solid #fff; margin-right: 10px; margin-bottom: 10px; }

.rela-list li a { display: block; width: 100%; height: 100%; background: url(../images/busi/icon-downloads.png) no-repeat; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }

.rela-list li p { display: block; padding: 17px 12px; text-align: center; color: #fff; }

.rela-list li a:hover { background: url(../images/busi/icon-download-on.png) no-repeat; }

.rela-list dl.list1 { width: 100%; }

.rela-list dl.list1 dd { width: 100%; height: 36px; line-height: 36px; }

.rela-list dl.list1 dd a { color: #FFF; display: inline-block; padding-right: 45px; background: url(../images/rela/icon-downl.png) no-repeat center right; }

.rela-list dl.list1 dd a:hover { background: url(../images/rela/icon-downl-hover.png) no-repeat center right; }

.notice-model dl.select-box { height: 52px; width: 200px; background: #FFF; margin-bottom: 20px; }

.notice-model dl.select-box dd { width: 100%; height: 100%; }

.notice-model dl.select-box dd span { float: left; width: 54px; height: 52px; line-height: 52px; text-align: center; background: #3374af; font-size: 16px; color: #FFF; }

.notice-model dl.select-box .select { width: 145px; padding: 15px 15px; border: none; outline: none; }

.notice-model .notice-list { width: 100%; }

.notice-model .notice-list li { height: 40px; line-height: 40px; }

.notice-model .notice-list li a { display: inline-block; height: 100%; max-width: 90%; padding-right: 36px; color: #333; font-size: 16px; background: url(../images/rela/icon-downl.png) no-repeat center right }

.notice-model .notice-list li a:hover { color: #065dac; background: url(../images/rela/icon-downl-hover.png) no-repeat center right }

.swiper-layer { width: 100%; margin-top: 70px; height: 220px; }

.swiper-layer .swiper-container { height: 200px; }

.swiper-layer .swiper-slide { width: 33.33%; float: left; }

.swiper-layer .swiper-slide a { display: block; margin-right: 20px; color: #FFF }

.swiper-layer .swiper-slide p { display: block; margin-bottom: 10px; border-radius: 12px; }

.swiper-layer .swiper-slide img { display: block; width: 100%; height: 155px; }

.swiper-layer .swiper-slide h1 { display: block; padding-bottom: 10px; font-weight: normal; }

#swiper-scrollbar { width: 100%; height: 4px; background: #FFF; }

#swiper-scrollbar .swiper-scrollbar { height: 4px; width: 100%; display: block; }

#swiper-scrollbar .swiper-scrollbar-drag { background: #e60000; border-radius: 0px; }

.profile_stok { width: 768px; margin-top: 40px; }

.stock { padding: 20px; color: #FFF; background: #4b545f; }

.stock .stock-name { float: left; }

.stock .stock-name h3 { display: block; font-size: 20px; font-weight: normal }

.stock .stock-name h1 { display: block; font-size: 36px; color: #e60012; font-weight: normal }

.stock .stock-name h1 em { font-size: 14px; color: #FFF; }

.stock .stock-price { float: right; }

.stock .stock-price .grid { display: block; float: left; margin-left: 40px; padding-top: 10px; text-align: center }

.stock .stock-price .grid p { font-size: 20px; margin-bottom: 10px; }

.stock .stock-price .grid span { font-size: 18px; }

.stoce-img { background: #FFF; padding: 10px; }

.stoce-img img { height: auto }
/* job-wall */
.talent-wall { background: url(../images/job/wall.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/job/wall.jpg', sizingMethod='scale'); }

.talent-content { width: 71%; max-width: 1200px; position: absolute; top: 20%; left: 10%; background: #FFF; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

.talent-content .job-title { top: 8% }

.talent-content .job-title h1 { color: #585859 }

.talent-content .job-title p { color: #c1c3c5 }

.talent-content .talent { width: 100%; }

.talent-content .talent ul { margin-left: -10px; }

.talent-content .talent li { width: 33.33%; display: block; float: left; margin-bottom: 10px; text-align: center }

.talent-content .talent ul.t li.l { width: 33.33%; margin-bottom: 0px }

.talent-content .talent ul.t li.r { width: 66.67%; margin-bottom: 0px }

.talent-content .talent .boxs { display: block; margin-left: 10px; height: 100%; position: relative; }

.talent-content .talent .boxs-bg { width: 100%; height: 100%; opacity: .6; filter: Alpha(opacity=60); position: absolute }

.talent-content .talent .boxs-txt { width: 100%; height: auto; position: absolute; z-index: 100; text-align: center; bottom: 0%; margin-top: -18px }

.talent-content .talent .boxs-txt .txtA { font-size: 14px; color: #fff; background: url(../images/bg-ck.png) repeat; padding: 5px 0; }

.talent-content .talent .boxs-txt .txtB { display: none; font-size: 12px; color: #4a97ff; margin-top: 20px }

.talent-content .talent img { display: block; width: 100%; }

.talent-content .talent p { display: block; width: 100%; height: 48px; line-height: 24px; position: absolute; top: 50%; left: 0px; margin-top: -24px }

.talent-content .talent em { display: block; width: 39px; height: 2px; position: absolute; top: 50%; left: 50%; margin: 30px 0px 0px -19px; background: #065dac }

.jobs-list-cont { width: 568px; height: 270px; position: absolute; top: 178px; left: 50px; }

.r-job { margin-bottom: 20px; }

.r-job a { display: block; height: 100%; }

.r-job a p { font-size: 30px; line-height: 40px; color: #fff; }

.r-job a em { display: block; color: #b3c4d6; font-size: 26px; font-family: Arial }

.jobs-lists { width: 100%; }

.jobs-lists dl { width: 100%; margin-bottom: 10px; color: #fff; }

.jobs-lists dt { height: 36px; width: 100%; }

.jobs-lists dd { height: 30px; line-height: 30px; width: 100%; }

.jobs-lists dl span, .jobs-lists dl em { display: block; float: left; width: 33.33%; height: 100%; font-size: 16px; }

.jobs-lists dl span.jobs_Bname { color: #014099; font-size: 18px; font-weight: bold; }

.jobs-lists dl em { color: #006bb7 }

.jobs-lists dl a { display: block; height: 30px; width: 100%; color: #fff; }

.jobs-lists dd span { color: #333; color: #fff; }

.jobs-lists dd a:hover span { color: #e71a19; }

.jobs-lists .mores-jobs { height: 30px; line-height: 30px; text-transform: uppercase }

.jobs-lists .mores-jobs a { color: #fff; }

.jobs-lists .mores-jobs a:hover { color: #e71a19 }

.talent_deall { position: relative; width: 100%; height: 100%; min-height: 800px; padding-bottom: 60px; background: url(../Images/job/jobde_bg.jpg) repeat; }

.detail_Block { width: 1050px; position: relative; margin: 0 auto; }

.detail_Btitle { position: relative; padding: 70px 0 40px 0; }

.detail_Btitle h2 { display: block; width: 100%; font-size: 30px; font-weight: normal; line-height: 35px; color: #333; }

.detail_Btitle p { display: block; width: 100%; font-family: Arial; font-size: 26px; color: #999; }

.detail_Btxt { position: relative; margin-top: 10px; margin-bottom: 60px; }

.detail_Btxt h2 { margin-bottom: 30px; font-size: 20px; color: #5c83b7; }

.detail_Btxt p { font-size: 14px; color: #333; line-height: 25px; margin-top: 10px; }

.detail_Bimg { position: relative; height: 424px; width: 100%; }

.Fn_img { width: 564px; height: 424px; }

.Fn_img img { width: 100%; }

.Fn_title { position: absolute; left: 50%; bottom: 0; margin-left: 60px; }

.Fn_title h2 { font-size: 18px; color: #5c83b7; margin-bottom: 0; }

.r_Bcontent { position: absolute; top: 20%; margin-left: 60px; }

.r_Block { margin-top: -20px; }

.r_Bcontent a { display: block; height: 100%; }

.r_Bcontent a p { font-size: 30px; line-height: 40px; color: #fff; }

.r_Bcontent a em { display: block; color: #8189a0; font-size: 26px; font-family: Arial; }

.r_Bcontent .comp_list { position: relative; }

.r_Bcontent .comp_list p { font-size: 14px; line-height: 35px; color: #333333; }

.profile_list { width: 650px; position: absolute; margin-top: 20px; background-color: rgba(245, 239, 239, 0.5); border-radius: 5px; padding: 18px; }

.profile_list h2 { font-size: 18px; color: #5c83b7; padding-bottom: 10px; }

.profile_list .pro_Btitle li { font-size: 18px; color: #333333; margin-bottom: 10px; }

.profile_list ul li { float: left; margin-bottom: 5px; }

.profile_list li.nav_Alist { width: 51%; }

.profile_list li.nav_Blist { width: 22%; text-align: right; }

.profile_list li.nav_Clist { width: 27%; text-align: right; }

.profile_list .pro_Cfoot li { font-size: 18px; color: #333333; margin-top: 5px; }




/* job-wall */
.job-wall { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(../images/job/wall.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/job/wall.jpg', sizingMethod='scale'); }

.jobs-wall { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(../images/job/wall1_3.jpg) no-repeat center left; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/job/wall1.jpg', sizingMethod='scale'); }

.job-search { width: 100%; height: 60px; background: url(../images/witebg.png) repeat center; }

.job-search ul { width: 100%; height: 60px; }

.job-search li { float: left; display: inline-block; width: 33.33%; height: 100%; border-left: 1px solid #e8ecf0; margin-left: -1px; }

.job-search label { float: left; width: 100px; line-height: 60px; text-align: center; font-size: 16px; }

.job-search span { float: left; width: 70px; line-height: 60px; text-align: center; font-size: 16px; color: #999; }

.job-search .select-box { margin-left: 100px; height: 100%; position: relative; }

.job-search .text-box { margin-left: 70px; height: 100%; position: relative; padding-right: 60px; }

.job-search .select { width: 98%; margin-top: 19px; border: none; text-align: right; outline: none; color: #999; background: url(); }

.job-search .select-text { width: 100%; height: 60px; line-height: 60px; padding: 0px; border: none; background: url(); }

.job-search .select-button { width: 60px; height: 60px; cursor: pointer; position: absolute; top: 0px; right: 0px; border: none; background: url(../images/job/icon-find.png) no-repeat; }

.job-number { padding: 15px 0px 10px }

.job-number em { font-size: 20px; color: #e60012 }

.jobs-list { padding: 0px; margin-bottom: 20px; background: url(../images/witebg.png) repeat center; }

.jobs-list dl { width: 100%; text-align: center }

.jobs-list dt { height: 40px; line-height: 20px; line-height: 40px; margin-bottom: 0px; border-bottom: 1px solid #eaedf1; color: #FFF; background: #5c83b7 }

.jobs-list dd { }

.jobs-list dd a { display: block; height: 40px; line-height: 40px }

.jobs-list span { display: block; float: left; width: 30%; }

.jobs-list em { display: block; float: left; width: 12%; }

.jobs-list em.do { color: #065dac }

.jobs-list em.ad { width: 22% }

.jobs-list dd a:hover { background: #065dac; color: #FFF }

.jobs-list dd a:hover em.do { color: #FFF }

.more-box { width: 100%; height: 54px; position: relative; background: url(../images/witebg.png) repeat center; }

.ui-more { display: block; width: 100%; height: 100%; text-align: center; line-height: 54px; }

.ui-top { width: 54px; height: 54px; display: block; position: absolute; top: 0px; right: 1px; background: url(../images/rela/icon-top.png) no-repeat center; }

.job-from { width: 100%; height: 310px; padding: 0px 0px; background: url(../images/job/wall-form.jpg) no-repeat center; }

.job-from dt { width: 567px; height: 42px; line-height: 42px; margin: 0 auto 10px; padding-top: 20px; color: #FFF }

.job-from span { display: inline-block; margin-right: 20px; font-size: 18px }

.job-from dd { width: 567px; height: 42px; margin: 0 auto 10px; }

.job-from .input-box { height: 100%; background: #FFF; }

.job-from .short { width: 278px; }

.job-from .long { width: 100%; }

.job-from label { float: left; line-height: 42px; width: 60px; color: #9e9e9e; text-align: center; }

.job-from label.mar { margin-left: 15px; }

.job-from dd em { float: left; line-height: 42px; }

.job-from input[type="text"] { height: 42px; line-height: 42px; border: none; padding: 0px; }

.job-from input[type="radio"] { width: 16px; height: 16px; float: left; border: none; padding: 10px; margin: 14px 5px 0px 20px; }

.job-from .short input[type="text"] { width: 205px; }

.job-from .long input[type="text"] { width: 490px; }

.job-textarea { padding: 30px; background: #FFF }

.job-textarea .textArae-box-text { width: 100%; height: 280px; background: #f7f7f7 }

.job-textarea .textArae-box-text label { float: left; line-height: 42px; width: 100px; color: #9e9e9e; text-align: center; font-size: 16px }

.job-textarea .textArae-box-text p { display: block; margin-left: 105px; height: 100%; background: url(../images/witebg.png) repeat center; }

.job-textarea .textArae-box-text .textarea { width: 100%; height: 260px; border: none; padding: 10px 0px; line-height: 24px; resize: none; }

.job-textarea .btn-box { height: 34px; width: 100%; padding: 30px 0px 0px; }

.job-textarea .btn-box .bton { width: 94px; height: 34px; float: left; margin-right: 20px; border: none; color: #FFF; font-size: 16px; cursor: pointer; }

.job-textarea .btn-box .submit { margin-left: 40%; background: #5c83b7; }

.job-textarea .btn-box .reset { background: #808080; }
/* contact-cont */
.contact-wall { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(../images/wall-c.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wall-c.jpg', sizingMethod='scale'); }

.contact-content { width: 70%; height: 522px; position: absolute; top: 50%; left: 6%; margin-top: -261px; }

.contact-head { height: 80px; width: 100%; position: relative; margin-bottom: 80px }

.contact-top { float: left; width: 300px; height: 100%; }

.contact-top h1 { color: #333; font-size: 30px; line-height: 40px; font-weight: normal }

.contact-top p { color: #333; font-family: Arial; font-size: 26px }

.contact-cont { padding: 20px 0px; }

.contact-cont h1 { display: block; margin-bottom: 15px; font-size: 24px; font-weight: normal; display: none }

.contact-cont-list { width: 100%; }

.contact-left { float: left; width: 100%; }

.contact-left ul { margin-left: -20px; }

.contact-left li { width: 25%; height: 307px; margin-bottom: 10px; float: left; }

.contact-left li a { display: block; padding: 35px 20px; height: 237px; text-align: center; margin-left: 20px; background: url(../images/wall-wr.png); font-size: 14px; color: #454545; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

.contact-left li a span { display: inline-block; height: 35px; margin: 0 auto; padding: 0 10px; font-size: 20px; color: #5c83b7; letter-spacing: 2px; border-bottom: 1px solid #3a74c1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

.contact-left li a em { display: block; height: 60px; width: 73px; margin: 20px auto; text-align: center; }

.contact-left li a i { display: block; width: 15px; height: 15px; margin-right: 3px; margin-bottom: 3px; float: left; background: #3a74c1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }

.contact-left li a i.noBG { background: transparent !important; }

.contact-left li h2 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }

.contact-left li h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }

.contact-left li h4 { font-size: 14px; font-weight: normal; margin-bottom: 10px; }

.contact-left li .code-inlde { width: 93px; height: 93px; padding: 4px; margin: 0 auto; background: url(../images/codeBG.png) no-repeat; }

.contact-left li a:hover { background: url(../images/blueBG.png); color: #FFF; }

.contact-left li a:hover span { color: #FFF; border-bottom: 1px solid #FFF; }

.contact-left li a:hover i { background: #FFF }

.contact-cont .maps { margin-left: 48% }

.contact-cont .maps img { width: 100%; display: block; }

.wall-maps { width: 100%; height: 200px; text-align: center; color: #FFF; line-height: 24px; background: url(../images/job/wall-maps.png) no-repeat }

.wall-maps h1 { padding-top: 50px; margin-bottom: 20px; font-size: 24px; font-weight: normal; }
/* project-wall */
.project-wall { background: url(../images/about/new_walls.jpg) no-repeat center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about/walls.jpg', sizingMethod='scale'); }

.project-title { top: 6%; }

.project-title h1 { color: #FFF; }

.project-title p { color: #FFF; opacity: 0.6; filter: Alhpa(opacity=60) }

.cont-project { width: 840px !important; position: absolute; left: 10% !important; top: 20% !important; -webkit-animation: fadeInUp 1s .5s ease both; -moz-animation: fadeInUp 1s .5s ease both; -ms-animation: fadeInUp 1s .5s ease both; animation: fadeInUp 1s .5s ease both }

.cont-project h1 { font-size: 17px; color: #FFF; font-weight: normal; margin-bottom: 20px; }

.cont-project ul { width: 100%; height: 92px; }

.cont-project li { width: 400px; height: 36px; line-height: 36px; margin-bottom: 10px; float: left; margin-right: 15px; background: #d7dce3; opacity: 0.8; filter: Alhpa(opacity=80) }

.cont-project li label { float: left; padding: 0px 15px; }

.cont-project input[type="text"] { height: 36px; line-height: 36px; border: none; padding: 0px; width: 290px; background: #d7dce3 }

.text-area { width: 785px; padding: 15px; margin-bottom: 20px; background: #d7dce3; opacity: 0.7; }

.text-area label { float: left; padding: 0px 15px 0px 0px; }

.text-area textarea { width: 100%; height: 180px; padding: 5px 0px; border: none; background: #d7dce3; resize: none; }

.fujian { height: 30px; width: 100%; position: relative; color: #FFF; }

.btn-box { height: 34px; width: 100%; padding: 20px 0px 0px; }

.btn-box .bton { width: 94px; height: 34px; float: left; margin-right: 20px; border: none; color: #FFF; font-size: 16px; cursor: pointer; }

.btn-box .submit { margin-left: 0%; background: #5c83b7; }

.btn-box .reset { background: #808080; }

.btn-box .bton:hover { background: #e60012; }
/* pages */
.pages { width: 100%; height: 22px; text-align: right; padding: 10px 0px; }

.pages a { display: inline-block; padding: 0 8px; margin: 0 0 0 1px; line-height: 22px; background: #aaa; color: #FFF; font-size: 13px; }

.pages a:hover, .pages a.curr { background: #bf4646; color: #FFF; }

.pages a:visited { background: #AFAFAF; color: #FFF; }

.page-notice { width: 100%; height: 22px; padding: 10px 0px; }

.page-notice a { display: inline-block; padding: 0 8px; margin: 0 0 0 1px; line-height: 22px; color: #333; font-size: 16px; }

.page-notice a:hover, .page-notice a.curr { color: #e60012; }

.page-notice a:visited { background: #AFAFAF; color: #FFF; }
/* Market */
.stock_imgBlock { width: 100%; position: relative; background: #fff; overflow: hidden; }

.stock_imgBlock img { width: 100%; }

.stock_textContent { background: #3e3e3e; padding: 10px 30px; color: #dadada; font-size: 12px; }

.stock_titleBlock { float: left; position: relative; width: 100px; }

.stock_textBlock { float: right; position: relative; width: 230px; }

.stock_numTitle div { float: left; position: relative; width: 25%; text-align: center; }

.stock_price { font-size: 26px; color: #f80c1a; }

.stock_price span { font-size: 12px; }

.stock_numBlock { position: relative; }

.stock_numTitle { position: relative; margin-bottom: 10px; height: 15px; }

.stock_numBlock div { float: left; position: relative; width: 24%; text-align: center; }

.stock_numTitle .stock_numA { width: 20%; }

.stock_numTitle .stock_numB { width: 30%; }

.stock_numBlock .stock_numA { width: 20%; }

.stock_numBlock .stock_numB { width: 29%; }

.stock_content { border: 1px solid #ccc; width: 80%; position: relative; background: #fff; padding: 0px 0px 20px 0; margin: 0px auto; display: block; }
/*.mouseover{-webkit-transform: scale(1.2);-webkit-transition:all 0.5s ease-in-out;}
.mouseout{-webkit-transform: scale(1);-webkit-transition:all 0.5s ease-in-out;}
.mouseoverB{-webkit-transform: scale(1.2) translate(0,-3px) ;-webkit-transition:all 0.5s ease-in-out;}
.mouseoutB{-webkit-transform: scale(1);-webkit-transition:all 0.5s ease-in-out;}
@-webkit-keyframes scaleA 
{
	0%{ -webkit-transform:scale(1);}
	50%{ -webkit-transform:scale(1.1);}
	100%{ -webkit-transform:scale(1);}
}*/
.scaleA { -webkit-animation: scaleA ease-in-out .4s forwards; }

.stock_imgBlockC { }

.stock_contentBig .stock_textContent { font-size: 16px; }

.stock_contentBig .stock_price { font-size: 38px; }

.stock_contentBig .stock_titleBlock { width: 140px; }

.stock_contentBig .stock_textBlock { width: 340px; }

.stock_contentBig .stock_numTitle { height: 20px; margin-top: 6px; }

.stock_contentBig .stock_textContent { padding: 16px 40px; }

.b1_content { position: relative; width: 750px; }

.b1_leftBlock { width: 288px; float: left; position: relative; }

.b1_rightBlock { width: 457px; float: left; position: relative; }

.b1_imgBlock { width: 100%; position: relative; }

.b1_imgBlock img { width: 100%; }

.b1_leftTextBlock { color: #707070; font-size: 12px; padding: 20px; position: relative; background: #ececec; line-height: 22px; height: 98px; }

.b1_leftTitle { font-size: 16px; margin-bottom: 10px; font-weight: bold; }

.b1_rightTextBlock { font-size: 12px; line-height: 22px; padding: 30px 20px; color: #707070; padding-top: 60px; background: url(../images/Introduce/b1_k3.png) no-repeat 320px 20px; height: 214px; }

.b1_rightTitle { font-size: 16px; margin-bottom: 10px; font-weight: bold; }

.b1_rightText p { margin-bottom: 6px; }

.page { font-size: 12px; }

.page a { color: #585858; padding: 5px; }

.page a:hover { color: #d30f1a; }

@-webkit-keyframes scaleB {
	0% { -webkit-transform: scale(0.8); opacity: 0; }

	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-webkit-keyframes translate {
	0% { -webkit-transform: translate(20px,0); opacity: 0; }

	100% { -webkit-transform: translate(0,0); opacity: 1; }
}

@-webkit-keyframes translateTop {
	0% { -webkit-transform: translate(0px,20px); opacity: 0; }

	100% { -webkit-transform: translate(0,0); opacity: 1; }
}

.index_blockImgA { -webkit-animation: scaleB 1s ease-in-out 0.6s backwards; }

.index_blockImgB { -webkit-animation: translate 1s ease-in-out 0.6s backwards; }

.index_blockImgC { -webkit-animation: translateTop 1s ease-in-out 0.6s backwards; }

.stock_price .stock_thisT { font-size: 26px; }

.stock_price .stock_thisTA { font-size: 38px; }

.tp_files { width: 100%; position: relative; height: 38px; font-size: 12px; color: #333; }

.file_main { min-width: 60px; height: 38px; float: left; position: relative; margin-right: 15px; cursor: pointer; }

.tp_files input.file_ad { min-width: 60px; height: 38px; top: 0; left: 0; position: absolute; background: url(); color: #333; font-family: "Microsoft YaHei"; opacity: 0; cursor: pointer; }

.tp_fil { width: auto; position: absolute; top: 0; left: 0; color: #5c83b7; padding: 10px 0; }

.file_tex { float: left; line-height: 38px; }


/* animation */
@-webkit-keyframes flash {
	0% { opacity: 0; }

	100% { opacity: 1; }
}

@-moz-keyframes flash {
	0% { opacity: 0; }

	100% { opacity: 1; }
}

@-ms-keyframes flash {
	0% { opacity: 0; }

	100% { opacity: 1; }
}

@keyframes flash {
	0% { opacity: 0; }

	100% { opacity: 1; }
}

@-webkit-keyframes flashOut {
	0% { opacity: 1; }

	100% { opacity: 0; }
}

@-moz-keyframes flashOut {
	0% { opacity: 1; }

	100% { opacity: 0; }
}

@-ms-keyframes flashOut {
	0% { opacity: 1; }

	100% { opacity: 0; }
}

@keyframes flashOut {
	0% { opacity: 1; }

	100% { opacity: 0; }
}

@-webkit-keyframes grow {
	0% { height: 0px }

	100% { height: 15px }
}

@-moz-keyframes grow {
	0% { height: 0px }

	100% { height: 15px }
}

@-ms-keyframes grow {
	0% { height: 0px }

	100% { height: 15px }
}

@keyframes grow {
	0% { height: 0px }

	100% { height: 15px }
}

@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(30px) }

	100% { opacity: 1; -webkit-transform: translateX(0) }
}

@-moz-keyframes fadeInRight {
	0% { opacity: 0; -moz-transform: translateX(30px) }

	100% { opacity: 1; -moz-transform: translateX(0) }
}

@-ms-keyframes fadeInRight {
	0% { opacity: 0; -ms-transform: translateX(30px) }

	100% { opacity: 1; -ms-transform: translateX(0) }
}

@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(30px) }

	100% { opacity: 1; transform: translateX(0) }
}

@-webkit-keyframes fadeInLeftTop {
	0% { opacity: 0; -webkit-transform: translate(-30px,-30px) }

	100% { opacity: 1; -webkit-transform: none }
}

@-moz-keyframes fadeInLeftTop {
	0% { opacity: 0; -moz-transform: translate(-30px,-30px) }

	100% { opacity: 1; -moz-transform: none }
}

@-ms-keyframes fadeInLeftTop {
	0% { opacity: 0; -ms-transform: translate(-30px,-30px) }

	100% { opacity: 1; -ms-transform: none }
}

@keyframes fadeInLeftTop {
	0% { opacity: 0; transform: translate(-30px,-30px) }

	100% { opacity: 1; transform: none }
}

.fadeInLeftTop { -webkit-animation: fadeInLeftTop 1s ease both; -moz-animation: fadeInLeftTop 1s ease both; -ms-animation: fadeInLeftTop 1s ease both; animation: fadeInLeftTop 1s ease both }

@-webkit-keyframes fadeInRightBottom {
	0% { opacity: 0; -webkit-transform: translate(30px,30px) }

	100% { opacity: 1; -webkit-transform: none }
}

@-moz-keyframes fadeInRightBottom {
	0% { opacity: 0; -moz-transform: translate(30px,30px) }

	100% { opacity: 1; -moz-transform: none }
}

@-ms-keyframes fadeInRightBottom {
	0% { opacity: 0; -ms-transform: translate(30px,30px) }

	100% { opacity: 1; -ms-transform: none }
}

@keyframes fadeInRightBottom {
	0% { opacity: 0; transform: translate(30px,30px) }

	100% { opacity: 1; transform: none }
}

.fadeInRightBottom { -webkit-animation: fadeInRightBottom 1s ease both; -moz-animation: fadeInRightBottom 1s ease both; -ms-animation: fadeInRightBottom 1s ease both; animation: fadeInRightBottom 1s ease both }

@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(100px) }

	100% { opacity: 1; -webkit-transform: translateY(0) }
}

@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(100px) }

	100% { opacity: 1; -moz-transform: translateY(0) }
}

@-ms-keyframes fadeInUp {
	0% { opacity: 0; -ms-transform: translateY(100px) }

	100% { opacity: 1; -ms-transform: translateY(0) }
}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px) }

	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0) }
}

.fadeInUp { -webkit-animation: fadeInUp 1s ease both; -moz-animation: fadeInUp 1s ease both; -ms-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both }

@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(100px) }

	100% { opacity: 1; -webkit-transform: translateX(0) }
}

@-moz-keyframes fadeInRight {
	0% { opacity: 0; -moz-transform: translateX(100px) }

	100% { opacity: 1; -moz-transform: translateX(0) }
}

@-ms-keyframes fadeInRight {
	0% { opacity: 0; -ms-transform: translateX(100px) }

	100% { opacity: 1; -ms-transform: translateX(0) }
}

@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px) }

	100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0) }
}

.fadeInRight { -webkit-animation: fadeInRight 1s ease both; -moz-animation: fadeInRight 1s ease both; -ms-animation: fadeInRight 1s ease both; animation: fadeInRight 1s ease both }

@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-100px) }

	100% { opacity: 1; -webkit-transform: translateY(0) }
}

@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-100px) }

	100% { opacity: 1; -moz-transform: translateY(0) }
}

@-ms-keyframes fadeInDown {
	0% { opacity: 0; -ms-transform: translateY(-100px) }

	100% { opacity: 1; -ms-transform: translateY(0) }
}

@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px) }

	100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0) }
}

.fadeInDown { -webkit-animation: fadeInDown 1s ease both; -moz-animation: fadeInDown 1s ease both; -ms-animation: fadeInDown 1s ease both; animation: fadeInDown 1s ease both }

@-webkit-keyframes scrollDown {
	0% { opacity: 0; -webkit-transform: translateY(-30px) }

	75% { opacity: 1; -webkit-transform: translateY(0) }

	100% { opacity: 0; -webkit-transform: translateY(5px) }
}

@-moz-keyframes scrollDown {
	0% { opacity: 0; -moz-transform: translateY(-30px) }

	75% { opacity: 1; -moz-transform: translateY(0px) }

	100% { opacity: 0; -moz-transform: translateY(5px) }
}

@-ms-keyframes scrollDown {
	0% { opacity: 0; -ms-transform: translateY(-30px) }

	75% { opacity: 1; -ms-transform: translateY(0px) }

	100% { opacity: 1; -ms-transform: translateY(5px) }
}

@keyframes scrollDown {
	0% { opacity: 0; transform: translateY(-30px); -o-transform: translateY(-30px); }

	75% { opacity: 1; transform: translateY(0); -o-transform: translateY(0); }

	100% { opacity: 0; transform: translateY(5px); -o-transform: translateY(5px); }
}

@-webkit-keyframes scrollUp {
	0% { opacity: 0; -webkit-transform: translateY(30px) }

	75% { opacity: 1; -webkit-transform: translateY(0) }

	100% { opacity: 0; -webkit-transform: translateY(-5px) }
}

@-moz-keyframes scrollUp {
	0% { opacity: 0; -moz-transform: translateY(30px) }

	75% { opacity: 1; -moz-transform: translateY(0px) }

	100% { opacity: 0; -moz-transform: translateY(-5px) }
}

@-ms-keyframes scrollUp {
	0% { opacity: 0; -ms-transform: translateY(30px) }

	75% { opacity: 1; -ms-transform: translateY(0px) }

	100% { opacity: 1; -ms-transform: translateY(-5px) }
}

@keyframes scrollUp {
	0% { opacity: 0; transform: translateY(30px); -o-transform: translateY(30px); }

	75% { opacity: 1; transform: translateY(0); -o-transform: translateY(0); }

	100% { opacity: 0; transform: translateY(-5px); -o-transform: translateY(-5px); }
}

@-webkit-keyframes scrollLeft {
	0% { opacity: .5; -webkit-transform: translateX(-25px) }

	75% { opacity: 1; -webkit-transform: translateX(0) }

	100% { opacity: 1; -webkit-transform: translateX(5px) }
}

@-moz-keyframes scrollLeft {
	0% { opacity: .5; -moz-transform: translateX(-25px) }

	75% { opacity: 1; -moz-transform: translateX(0px) }

	100% { opacity: 1; -moz-transform: translateX(5px) }
}

@-ms-keyframes scrollLeft {
	0% { opacity: .5; -ms-transform: translateX(-25px) }

	75% { opacity: 1; -ms-transform: translateX(0px) }

	100% { opacity: 1; -ms-transform: translateX(5px) }
}

@keyframes scrollLeft {
	0% { opacity: .5; transform: translateX(-25px); -o-transform: translateX(-25px); }

	75% { opacity: 1; transform: translateX(0); -o-transform: translateY(0); }

	100% { opacity: 1; transform: translateX(5px); -o-transform: translateX(5px); }
}

@-webkit-keyframes bounceIn {
	0% { opacity: 0; -webkit-transform: scale(.3) }

	100% { opacity: 1; -webkit-transform: scale(1) }
}

@-moz-keyframes bounceIn {
	0% { opacity: 0; -moz-transform: scale(.3) }

	100% { opacity: 1; -moz-transform: scale(1) }
}

@-ms-keyframes bounceIn {
	0% { opacity: 0; -ms-transform: scale(.3) }

	100% { opacity: 1; -ms-transform: scale(1) }
}

@keyframes bounceIn {
	0% { opacity: 0; transform: scale(.3) }

	100% { opacity: 1; transform: scale(1) }
}

@-webkit-keyframes flipOutX {
	0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 }

	100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

@-moz-keyframes flipOutX {
	0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 }

	100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

@-ms-keyframes flipOutX {
	0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1 }

	100% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

@keyframes flipOutX {
	0% { transform: perspective(400px) rotateX(0deg); opacity: 1 }

	100% { transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

@-webkit-keyframes fadeBounce {
	0% { -webkit-transform: translate(0px,-30px) scale(1.1); opacity: 0 }

	100% { -webkit-transform: translate(0px,0px) scale(1); opacity: 1 }
}

@-moz-keyframes fadeBounce {
	0% { -moz-transform: translate(0px,-30px) scale(1.1); opacity: 0 }

	100% { -moz-transform: translate(0px,0px) scale(1); opacity: 1 }
}

@-ms-keyframes fadeBounce {
	0% { -ms-transform: translate(0px,-30px) scale(1.1); opacity: 0 }

	100% { -ms-transform: translate(0px,0px) scale(1); opacity: 1 }
}

@keyframes fadeBounce {
	0% { transform: translate(0px,-30px) scale(1.1); opacity: 0 }

	100% { transform: translate(0px,0px) scale(1); opacity: 1 }
}

.fadeBounce { -webkit-animation: fadeBounce 1s ease both; -moz-animation: fadeBounce 1s ease both; -ms-animation: fadeBounce 1s ease both; animation: fadeBounce 1s ease both; }

@-webkit-keyframes LeftGo {
	0% { left: -150px; opacity: 0 }

	50% { opacity: 1 }

	100% { left: 150%; opacity: 0 }
}

@-moz-keyframes LeftGo {
	0% { left: -150px; opacity: 0 }

	50% { opacity: 1 }

	100% { left: 150%; opacity: 0 }
}

@-ms-keyframes LeftGo {
	0% { left: -150px; opacity: 0 }

	50% { opacity: 1 }

	100% { left: 150%; opacity: 0 }
}

@keyframes LeftGo {
	0% { left: -150px; opacity: 0 }

	50% { opacity: 1 }

	100% { left: 150%; opacity: 0 }
}

.LeftGo { -webkit-animation: LeftGo 1s ease both; -moz-animation: LeftGo 1s ease both; -ms-animation: LeftGo 1s ease both; animation: LeftGo 1s ease both; }


@keyframes menuAni {
	0% { left: -230px }

	100% { left: 0px; }
}

.jobs-list .inBlock { color: #333; line-height: 24px; overflow: auto; display: none }

.jobs-list .inBlock-in { width: 400px; padding: 20px; float: left; margin-left: 20px; text-align: left }

.bodyer { position: relative; width: 100%; height: 100%; }

.content_Bglock { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }

.activity_bg { background: url(../Images/job/wall2.jpg) no-repeat center; background-size: cover; }

.act_webkit { height: 100%; margin-left: 130px; position: relative; margin-right: 100px; }

.act_Bcontent { position: relative; top: 10%; left: 10%; margin-right: 5%; }

.act_left { float: left; width: 42%; -webkit-animation: fadeInRight 1.5s ease both; -moz-animation: fadeInRight 1.5s ease both; -ms-animation: fadeInRight 1.5s ease both; animation: fadeInRight 1.5s ease both; }

.act_left h2 { color: #2d65b0; font-size: 20px; margin-bottom: 20px; }

.act_left p { color: #333333; line-height: 26px; margin-bottom: 10px; text-align: justify; }

.act_right { float: right; width: 56%; -webkit-animation: fadeInUp 1.5s ease both; -moz-animation: fadeInUp 1.5s ease both; -ms-animation: fadeInUp 1.5s ease both; animation: fadeInUp 1.5s ease both; }

.act_right img { width: 100%; }

div#Header { overflow-y: scroll; }

div#Footer ul div a img { width: 14px; display: inline-block; }

.He_Inner { position: relative; width: 100%; height: 98%; min-height: 720px; }

div#Header::-webkit-scrollbar { width: 5px; height: 8px; background-color: #586980; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }

div#Header::-webkit-scrollbar-thumb { background-color: #7d8999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }

.notice-walldef { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; zoom: 1; background: url(/images/Notice_bg.jpg) no-repeat center }

.news-detail-text table td { padding: 10px; border: 1px solid #ccc; border-right: 1px; border-bottom: 1px; }

.news-detail-text table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.ide_body { position: absolute; left: 11%; top: 10%; width: 42%; color: #fff; }

.job-title p { font-size: 26px; font-family: Arial; }

.job-title h1 { font-size: 30px; font-weight: 500; }

.job-title { margin-bottom: 25px; }

.ide_te { line-height: 1.8em; text-align: justify; background: rgba(0,0,0,0.2); padding: 20px; }

.ide_ul:after { content: ""; display: block; clear: both; }

#webbox .ide_ico img { width: 38px; }

.ide_li { position: relative; width: 33.3%; float: left; }

.ide_ul { margin-top: 35px; }

.ide_block { position: relative; width: 102px; height: 102px; border: 1px solid #fff; margin-bottom: 10px; box-sizing: border-box; background: rgba(255,255,255,0.3); padding: 12px 0px; text-align: center; }

.ide_num span { font-size: 30px; color: #065dac; }

.ide_t { width: 102px; text-align: center; }

.bg_01:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }

.struct-wall .te_center { left: 55% !important; transform: translate(-50%,0); }

#webbox .entity-wall.bg_5 { background: url(../images/busi/w5B.jpg) no-repeat center; background-size: cover; }

.bus_body .bgPicture:after, .bg_8:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }

.team-list .level { background: rgba(255,255,255,0.8); padding: 2%; width: 91%; height: auto; }