@charset "utf-8";
/**
* @Author: minihui
* @Date:   2016-11-08-Tue-11-34-35
* @Last modified by:   minihui
* @Last modified time: 2016-12-06-Tue-14-12-54
*/


/*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: 1; 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 50%; -moz-background-size: auto 50%; 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: block; width: 8px; height: 8px; margin: 2px 0 0 2px; border-style: solid; border-width: 2px; 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; }
.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; }
/*搴曢儴瀵艰埅*/

.footer { background-color: #3773db; }
.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%; }
/*閫氱敤*/

.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; }
/*閫氱敤姝ｆ枃鏍峰紡*/

.container-text { padding-top: 52px; background: url(/company/mobileweb/20161110/images/container-list2bg.png) center 52px no-repeat; background-size: 100%; }
.container-text-logo { width: 65px; height: auto; margin: 0 auto; padding-top: 17px; }
.container-text-logo img { width: 100%; height: 100%; }
.container-text-tit { font-size: 20px; color: #3773db; line-height: 25px; text-align: center; margin: 20px auto 15px; padding: 0 5%; }
.container-text-tit a { color: #3773db; }
.container-text-tit i { width: 25px; height: 2px; margin: 5px auto; display: block; background-color: #3773db; }
.container-text-txt { /*padding: 0 5%  170px 5%;*/
padding: 0 5%; font-size: 15px; line-height: 30px; color: #000000;/*background: url(/company/mobileweb/20161110/images/wlggyw_foot.png) center bottom no-repeat;
    background-size: 100% auto;*/
}
.container-text-txt p { text-indent: 2em; margin-bottom: 25px; }
/*閫氱敤鍒楄〃鏍峰紡0*/

.container-list0 { background: url(/company/mobileweb/20161110/images/xxpl.png) center 0 no-repeat; background-size: 100% auto; padding-bottom: 60px; padding-top: 82px; }
.container-list0-date { width: 50px; height: 50px; font-size: 8px; background-color: #3773db; color: #fff; text-align: center; line-height: 6px; margin: 0 auto; display: block; }
.container-list0-date-year { font-size: 14px; line-height: 33px; font-style: normal; }
.container-list0 li { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin: 0 5% 24px; }
.container-list0-tit { text-align: center; color: #000000; line-height: 30px; font-size: 20px; padding: 15px 6%; }
.container-list0-tit a { color: #000000; }
.container-list0-tit i { color: #3773db; font-style: normal; }
.container-list0-txt { font-size: 13px; line-height: 21px; color: #808080; text-align: center; }
/*閫氱敤鍒楄〃鏍峰紡1*/

.container-list1 { padding-bottom: 60px; padding-top: 52px; }
.container-list1-date { width: 50px; height: 50px; font-size: 8px; background-color: #f2f2f2; color: #b3b3b3; text-align: center; line-height: 6px; margin: 0 auto; display: block; }
.container-list1-date-year { font-size: 14px; line-height: 33px; font-style: normal; }
.container-list1 li { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin: 0 5% 24px; }
.container-list1-tit { text-align: center; color: #000000; line-height: 30px; font-size: 20px; padding: 15px 6%; }
.container-list1-tit a { color: #000000; }
.container-list1-tit i { color: #3773db; font-style: normal; }
.container-list1-txt { font-size: 13px; line-height: 21px; color: #808080; text-align: center; }
/*閫氱敤鍒楄〃鏍峰紡2*/

.container-list2 { padding-bottom: 60px; padding-top: 52px; width: 100%; position: relative; }
.container-list2 li { margin-bottom: 48px; }
.container-list2-img { width: 100%; position: relative; z-index: 1; }
.container-list2-img img { width: 100%; height: auto; position: relative; z-index: 1 }
.container-list2-date { background-color: #3773db; color: #fff; position: absolute; left: 50%; bottom: -25px; margin-left: -25px; z-index: 3; }
.container-list2-tit { margin: 40px auto 20px; font-size: 20px; line-height: 30px; color: #000000; padding: 0 12%; text-align: center; z-index: 3; position: relative; }
.container-list2-tit a { color: #000000; }
.container-list2-txt { color: #808080; font-size: 13px; line-height: 21px; padding: 0 5%; text-align: center; z-index: 3; position: relative; }
/*涓氬姟浣撶郴*/

.business-list { margin: 0 auto; width: 90%; }
.business-list li { background-color: #f1f1f1; height: 53px; line-height: 53px; font-size: 15px; color: #656565; margin-bottom: 12px; }
.business-list li a { color: #656565; }
.business-list li .business-list-img-v1 { width: 53px; height: 53px; background: url(/company/img/web-ad-pic.png) center center no-repeat; background-size: auto 50%; float: left; }
.business-list li .business-list-img-v2 { width: 53px; height: 53px; background: url(/company/img/info-service-pic.png) center center no-repeat; background-size: auto 50%; float: left; }
.business-list li .business-list-img-v3 { width: 53px; height: 53px; background: url(/company/img/it-service-pic.png) center center no-repeat; background-size: auto 50%; float: left; }
.business-list li .business-list-img-v4 { width: 53px; height: 53px; background: url(/company/img/mobile-pic.png) center center no-repeat; background-size: auto 50%; float: left; }
.Subsidiary { width: 100%; height: auto; padding: 80px 0 50px 0; background: url(/company/img/mobile/xxpl.png) center 0 no-repeat; }
.Subsidiary img { width: 100%; height: auto; }
.Companymap { width: 100%; height: auto; padding: 52px 0 50px 0; margin: auto; }
.Companymap img { width: 100%; height: auto; }
.address { width: 92%; background-color: #3773db; padding: 15px 0; margin: auto; }
.address p { font-size: 20px; line-height: 30px; color: #fff; text-align: center; }
.address p span { font-size: 13px; line-height: 24px; }
.chairmanmailbox { padding-top: 29px; width: 100%; height: auto; margin: auto; }
.chairmanmailbox p { font-size: 20px; line-height: 30px; color: #000; text-align: center; margin-top: 10px; }
.chairmanmailbox p span { font-size: 13px; line-height: 24px; }
.recruit { background: url(/company/img/mobile/xxpl.png) center 0 no-repeat; background-size: 100% auto; padding-bottom: 60px; padding-top: 96px; }
.recruit li { background-color: #3773db; width: 90%; height: auto; margin: auto; border-radius: 20px; margin-bottom: 20px; }
.recruit li p { font-size: 13px; line-height: 24px; color: #fff; text-align: center; padding: 15px 0 24px 0; }
.recruit li p span { font-size: 20px; line-height: 30px; font-weight: bold; }
.recruit li p span a { color: #fff; }
/*json鐐瑰嚮鍔犺浇鏇村鎸夐挳*/
.moreBtn { background-color: #3773db; margin: 0 auto!important; padding: 5px 15px!important; line-height: 25px; font-size: 13px; color: #fff; border: none; width: 100px; text-align: center; }