@charset "utf-8";
/**
* @Author: minihui
* @Date:   2016-11-03-Thu-16-05-40
* @Last modified by:   minihui
* @Last modified time: 2016-11-25-Fri-11-35-19
*/


/*flowed hzp*/
.box { width: 90%; margin: 0 auto; }
.bk { display: block; }
.bgsa { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.bgsv { -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; }
html, body { position: relative; /* height: 100%;
  overflow: hidden;  */
box-sizing: border-box; }
/* ready end */

.container { /* height: 100%; */
overflow: auto; }
.other { height: 3000px; }
.page-nav { position: absolute; top: 12px; width: 100%; height: 44px; background: url('/company/mobileweb/20161110/images/m_slogan.png') center no-repeat; -webkit-background-size: auto 50%; -moz-background-size: auto 50%; background-size: auto 50%; }
.page-nav .box { position: relative; height: 100%; }
.page-nav .page-nav-logo, .page-nav .page-nav-slogan, .page-nav .page-nav-more { height: 100%; }
.page-nav .page-nav-logo { float: left; }
.page-nav .page-nav-logo-box { display: block; width: 44px; height: 100%; background: url('/company/mobileweb/20161110/images/m_logo.png') left center no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.page-nav .page-nav-slogan { display: none; }
.page-nav .page-nav-more { float: right; width: 18px; width: 36px; }
.page-nav .page-nav-more-btn { /*涓夋í*/
position: relative; float: right; display: block; width: 100%; width: 18px; height: 2px; background-color: #fff; -webkit-transform: translate(0, 1000%); -moz-transform: translate(0, 1000%); -ms-transform: translate(0, 1000%); transform: translate(0, 1000%); }
.page-nav .page-nav-more-btn:before, .page-nav .page-nav-more-btn:after { content: ""; position: absolute; right: 0; display: block; width: 100%; height: 100%; background-color: #fff; }
.page-nav .page-nav-more-btn:before { -webkit-transform: translate(0, -250%); -moz-transform: translate(0, -250%); -ms-transform: translate(0, -250%); transform: translate(0, -250%); }
.page-nav .page-nav-more-btn:after { -webkit-transform: translate(0, 250%); -moz-transform: translate(0, 250%); -ms-transform: translate(0, 250%); transform: translate(0, 250%); }
/*-- .page-nav end --*/
.side-nav { position: fixed; top: 0; left: 0; z-index: 10; opacity: 0.01; width: 100%; height: 42px; padding-top: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); background: url('/company/mobileweb/20161110/images/m_slogan_blue.png') center no-repeat; background-color: #fff; -webkit-background-size: auto 49%; -moz-background-size: auto 49%; background-size: auto 49%; }
.side-nav .side-nav-main-back, .side-nav .side-nav-main-more { position: relative; width: 32px; height: 32px; -moz-border-radius: 100%; border-radius: 100%; background-color: #3773db; }
.side-nav .side-nav-main-back { float: left; background-color: initial; background: url("/company/mobileweb/20161110/images/logo_blue.png") center no-repeat; background-size: auto 100%; border-radius: inherit; width: 60px; }
.side-nav .side-nav-main-back-icon { display: none; width: 7px; height: 7px; border-style: solid; border-width: 3px; border-color: #fff; border-right-color: #3773db; border-bottom-color: #3773db; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translate3d(70%, 120%, 0) rotate3d(0, 0, 1, -45deg); -moz-transform: translate3d(70%, 120%, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(70%, 120%, 0) rotate3d(0, 0, 1, -45deg); }
.side-nav .side-nav-main-more { float: right; }
.side-nav .side-nav-main-more-btn { /*鏇村*/
position: relative; display: block; width: 100%; width: 18px; height: 2px; margin: 0 auto; background-color: #fff; -webkit-transform: translate(0, 740%); -moz-transform: translate(0, 740%); -ms-transform: translate(0, 740%); transform: translate(0, 740%); }
.side-nav .side-nav-main-more-btn:before, .side-nav .side-nav-main-more-btn:after { content: ""; position: absolute; right: 0; display: block; width: 100%; height: 100%; background-color: #fff; }
.side-nav .side-nav-main-more-btn:before { -webkit-transform: translate(0, -250%); -moz-transform: translate(0, -250%); -ms-transform: translate(0, -250%); transform: translate(0, -250%); }
.side-nav .side-nav-main-more-btn:after { -webkit-transform: translate(0, 250%); -moz-transform: translate(0, 250%); -ms-transform: translate(0, 250%); transform: translate(0, 250%); }
.side-nav .side-nav-main-more-btn-close { /*鍏抽棴*/
position: relative; display: block; width: 100%; width: 18px; height: 2px; margin: 0 auto; background: none; -webkit-transform: translate(0, 740%); -moz-transform: translate(0, 740%); -ms-transform: translate(0, 740%); transform: translate(0, 740%); }
.side-nav .side-nav-main-more-btn-close:before, .side-nav .side-nav-main-more-btn-close:after { content: ""; position: absolute; right: 0; display: block; width: 100%; height: 100%; background-color: #fff; }
.side-nav .side-nav-main-more-btn-close:before { -webkit-transform: translate(0, 0) rotate3d(0, 0, 1, 45deg); -moz-transform: translate(0, 0) rotate3d(0, 0, 1, 45deg); transform: translate(0, 0) rotate3d(0, 0, 1, 45deg); }
.side-nav .side-nav-main-more-btn-close:after { -webkit-transform: translate(0, 0) rotate3d(0, 0, 1, -45deg); -moz-transform: translate(0, 0) rotate3d(0, 0, 1, -45deg); transform: translate(0, 0) rotate3d(0, 0, 1, -45deg); }
.side-nav-list { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; overflow: hidden; background-image: url("/company/mobileweb/20161110/images/m_bg_expand_nav_ball.png"), url("/company/mobileweb/20161110/images/m_bg_expand_nav_ball.png"), url("/company/mobileweb/20161110/images/m_bg_expand_nav_ball.png"); /* background-attachment: scroll; */
background-position: 114% 3%, -40% 55%, 120% 110%; -webkit-background-size: 20%, 40%, 50% 20%, 40%, 50%; -moz-background-size: 20%, 40%, 50%; background-size: 20%, 40%, 50%; background-repeat: no-repeat; background-color: #f4f6fa; -webkit-tap-highlight-color: transparent; }
.side-nav-list .box { height: 100%; padding-top: 50px; padding-bottom: 200px; overflow: scroll; }
.side-nav-list .side-nav-sub { /* -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; */
width: 96.5%; height: 100%; /* padding-top: 50px; */
  /* padding-left: 21px; */
padding-bottom: 200px;/* margin: 0 auto; */
}
.side-nav-list .side-nav-sub .side-nav-item { position: relative; padding-top: 7px; padding-left: 24px; padding-bottom: 23px; float: left; clear: both; min-width: 5em; font-size: 20px; line-height: 100%; color: #000; }
.side-nav-list .side-nav-sub .side-nav-item-blue { color: #3773db; }
.side-nav-list .side-nav-item-cont { position: relative; height: 0; overflow: hidden; }
.side-nav-list .side-nav-items { display: block; float: left; clear: both; min-width: 150px; height: 40px; line-height: 40px; border-bottom: 1px solid #ebedf0; font-size: 15px; color: #4c4c4c; }
.side-nav-list .side-nav-items:first-child { margin-top: 18px; border-top: 1px solid #ebedf0; }
.has-sub:before, .has-sub:after { content: ""; position: absolute; left: 12px; top: 16px; display: block; width: 8px; min-height: 1px; height: 1px; background-color: #b3b3b3; }
.has-sub:after { -webkit-transform: rotate3d(0, 0, 1, 90deg); -moz-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); }
.has-sub-expand:after { content: ""; position: absolute; left: 10px; top: 16px; display: block; width: 8px; min-height: 2px; height: 2px; background-color: #000; }
.debug { position: fixed; top: 0; left: 0; z-index: 100; color: red; font-size: 20px; }
.hide { display: none; }
/*閫氱敤*/

.container { width: 100%; }
.cutLine { background: #f2f2f2; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; height: 15px; width: 100%; }
.date { width: 50px; height: 50px; font-size: 8px; background-color: #f2f2f2; color: #b3b3b3; text-align: center; line-height: 6px; margin: 0 auto; display: block; }
.date-year { font-size: 14px; line-height: 33px; font-style: normal; }
.global-tit { font-size: 20px; color: #3773db; line-height: 25px; text-align: center; margin: 25px auto 15px; }
.global-tit a { color: #3773db; }
.global-tit i { width: 25px; height: 2px; margin: 5px auto; display: block; background-color: #3773db; }
/*banner*/
.container-banner { position: relative; width: 100%; height: auto; }
.container-banner img { width: 100%; height: auto; }
/*婊氬姩鏂伴椈*/

.page-scrollNews { position: relative; height: 40px; background-color: #3773db; padding: 0 5%; }
.scroll-news-tit { position: relative; float: left; width: 4%; height: 17px; /*width: 17px;
    height: 17px;*/
background: url(/company/mobileweb/20161110/images/scrollbg.png) center center no-repeat; background-size: 100%; margin-top: 12px; }
.scroll-news-txt:before, .scroll-news-txt:after { content: ""; position: absolute; top: 0; z-index: 2; display: block; width: 45px; height: 40px; }
.scroll-news-txt { position: relative; float: right; width: 93%; height: 100%; /*margin: 0 14px;*/
overflow: hidden; }
.scroll-item { position: absolute; left: 0; top: 0; height: 30px; width: 100%; /*temp*/
padding-top: 10px; }
.scroll-items { float: left; height: 100%; }
.scroll-items a { position: relative; padding-left: 12px; padding-right: 28px; font-size: 15px; color: #fff; }
/*瀵艰埅*/

.container-nav { width: 100%; margin: 10px auto; }
.container-nav li { width: 25%; float: left; text-align: center; background-position: center 2px; background-repeat: no-repeat; background-size: auto 47%; height: 52px; margin: 10px auto; }
.container-nav li a { color: #3773db; font-size: 13px; line-height: 88px; }
.container-nav li:nth-child(1) { background-image: url(/company/mobileweb/20161110/images/icon_company.png); }
.container-nav li:nth-child(2) { background-image: url(/company/mobileweb/20161110/images/icon_dynamic.png); }
.container-nav li:nth-child(3) { background-image: url(/company/mobileweb/20161110/images/icon_business.png); }
.container-nav li:nth-child(4) { background-image: url(/company/mobileweb/20161110/images/icon_senior.png); }
.container-nav li:nth-child(5) { background-image: url(/company/mobileweb/20161110/images/icon_stock.png); }
.container-nav li:nth-child(6) { background-image: url(/company/mobileweb/20161110/images/icon_information.png); }
.container-nav li:nth-child(7) { background-image: url(/company/mobileweb/20161110/images/icon_finance.png); }
.container-nav li:nth-child(8) { background-image: url(/company/mobileweb/20161110/images/icon_contact.png); }
/*澶存潯鏂伴椈*/

.container-headline { width: 100%; position: relative; }
.headline-img { width: 100%; position: relative; z-index: 1; }
.headline-img-bg { /*background-color: #e7ebf3;*/
background-image: url(/company/mobileweb/20161110/images/headlinebg.png); background-position: center 0; background-repeat: no-repeat; background-size: 100% 80%; position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; height: 100%; }
.headline-img img { width: 100%; height: auto; position: relative; z-index: 1 }
.headline-date { background-color: #3773db; color: #fff; position: absolute; left: 50%; bottom: -25px; margin-left: -25px; z-index: 3; }
.headline-tit { margin: 40px auto 20px; font-size: 20px; line-height: 30px; color: #000000; padding: 0 12%; text-align: center; z-index: 3; position: relative; }
.headline-tit a { color: #000000; }
.headline-txt { color: #808080; font-size: 13px; line-height: 21px; padding: 0 5%; text-align: center; z-index: 3; position: relative; display: none; }
.headline-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: 15px auto 0; z-index: 3; position: relative; }
.headline-more a { color: #808080; }
/*鏈€鏂板姩鎬�*/

.dynamic-head { margin-bottom: 34px; }
.dynamic-list li { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin: 0 5% 24px; }
.dynamic-tit { text-align: center; color: #000000; line-height: 30px; font-size: 20px; padding: 15px 6%; }
.dynamic-tit a { color: #000000; }
.dynamic-txt { font-size: 13px; line-height: 21px; color: #808080; /* text-align: center; */
text-indent: 2em; }
.dynamic-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: -8px auto 15px; }
.dynamic-more a { color: #808080; }
/*鑲℃潈缁撴瀯*/

.stock-head { margin-bottom: 33px; }
.container-stock { width: 100%; height: auto; padding-bottom: 164px; background: url(/company/mobileweb/20161110/images/xhagency.png) center bottom no-repeat; background-size: 100% auto; }
.stock-num { font-size: 46px; line-height: 20px; color: #000000; text-align: center; margin: 0 auto; text-align: center; }
.stock-num i { font-size: 18px; }
.stock-unit { font-size: 13px; line-height: 25px; color: #808080; margin: 0 auto; text-align: center; }
.stock-txt { text-align: center; color: #000; font-size: 13px; line-height: 25px; padding: 37px 5% 0; }
.stock-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: -8px auto 15px; }
.stock-more a { color: #808080; }
/*淇℃伅鎶湶*/

.info-list { /*margin-top: -16px;*/
}
.info-list li { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin: 0 5% 24px; }
.info-tit { text-align: center; color: #000000; line-height: 30px; font-size: 20px; padding: 15px 6%; }
.info-tit a { color: #000000; }
.info-tit i { color: #3773db; font-style: normal; }
.info-txt { font-size: 13px; line-height: 21px; color: #808080; text-align: center; }
.info-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: -8px auto 15px; }
.info-more a { color: #808080; }
/*鍏徃楂樼*/

.container-senior { padding: 0 5%; width: 90%; overflow: hidden; }
.senior-list { width: 105%; }
.senior-list li { float: left; width: 30%; margin-right: 3%; margin-bottom: 3%; background-color: #f2f2f2; }
.senior-img { width: 100%; height: auto; }
.senior-img img { width: 100%; height: 100%; }
.senior-tit { line-height: 20px; font-size: 12px; color: #4c4c4c; padding: 10px 7%; height: 55px; }
.senior-tit-name, .senior-tit-name a { color: #4c4c4c }
.senior-tit-honor, .senior-tit-honor a { color: #808080 }
.senior-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: 8px auto 15px; }
.senior-more a { color: #808080; }
/*鍏徃绠€浠�*/

.container-synopsis { width: 100%; height: auto; padding-bottom: 230px; background: url(/company/mobileweb/20161110/images/xhnet.png) center bottom no-repeat; background-size: 100% auto; }
.synopsis-txt { font-size: 13px; line-height: 25px; color: #000; /* text-align: center; */
padding: 0 5%; text-indent: 2em; }
.synopsis-more { text-align: center; color: #808080; font-size: 13px; line-height: 25px; margin: 0 auto; }
.synopsis-more a { color: #808080; }
/*鍏徃鑱旂郴鏂瑰紡*/

.container-contact { padding: 55px 5%; background: url(/company/mobileweb/20161110/images/xhaddress.png) center top no-repeat; background-size: 100% 100%; }
.contact-name { font-size: 18px; line-height: 25px; color: #000; text-align: center; }
.contact-address, .contact-postcode, .contact-tel { font-size: 13px; line-height: 25px; color: #000; text-align: center; }
/*搴曢儴瀵艰埅*/

.footer { background-color: #3773db; padding-bottom: 50px; }
.footer-accordion { width: 100%; margin: 0px auto; }
.footer-accordion .link { cursor: pointer; display: block; margin: 0px 5%; color: #fff; font-size: 15px; line-height: 40px; height: 40px; border-bottom: 1px solid #558ceb; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.footer-accordion .link a { color: #fff; }
/*.footer-accordion li:last-child .link {
    border-bottom: 0;
}*/

.footer-accordion li i { position: absolute; top: 0px; right: 5%; font-size: 16px; color: #6a9df4; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-style: normal; }
.footer-accordion li i:before { content: "+"; display: block; position: absolute; left: 0; top: 0;/*width: 100px;
    height: 100px;*/
}
.footer-accordion li.open .link { color: #fff; border-bottom: 0; }
.footer-accordion li.open i { color: #6a9df4; }
.footer-accordion li.open i:before { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); content: "-";/*font-size: 24px;*/
}
.submenu { display: none; background: #1956be; font-size: 14px; }
.submenu li { border-bottom: 1px solid #2868d5; margin: 0 11%; }
.submenu li:last-child { border-bottom: 0; }
.submenu a { display: block; text-decoration: none; color: #fff; height: 40px; line-height: 40px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.footer-copyright { color: #a4c5ff; font-size: 12px; line-height: 25px; text-align: center; padding: 20px 5%; }
/*鑲＄エ淇℃伅*/

.stock-information { height: 50px; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2; text-transform: uppercase }
.stock-information-in { /*padding: 18px 22px;*/
position: relative; padding: 0 5%; }
.stock-information-bg { background-color: #1d2c4d; }
.stock-information-top { line-height: 50px; font-size: 15px; color: #fff; width: 120px; float: left; }
.stock-information-box { position: relative; height: 50px; float: right; }
.stock-information-title { display: inline-block; float: left; /*font-family:Helvetica Neue Condensed Bold,Helvetica Neue;*/
line-height: 50px; height: 50px; font-size: 30px; /*font-weight:600*/
}
.stock-information-ratio { background-color: #3773db; display: inline-block; float: left; min-width: 45px; line-height: 18px; height: 18px; font-size: 12px; color: #FFF; text-align: center; border-radius: 4px; padding: 0 10px; margin-top: 16px; }
.stock-information-subTitle { line-height: 24px; font-size: 14px; color: grey; font-weight: 100 }
.red .stock-information-title { color: #ed0e35; padding-right: 10px }
.red .stock-information-ratio { background-color: #ed0e35;/*padding: 0*/
}
.green .stock-information-title { color: #149718; padding-right: 10px }
.green .stock-information-ratio { background-color: #149718;/*padding: 0*/
}
.stop .stock-information-title { color: grey; font-size: 30px; padding-right: 0 }
.stop .stock-information-ratio { display: none }