body{min-width:1280px;}
.job .section2 .list-wrap { text-align: justify; }

.job .section2 .list-wrap:after { content: ""; display: inline-block; width: 100%; }

body { overflow-x: hidden; font: 14px "Microsoft YaHei", Arial; color: #333; }

a { text-decoration: none; }

.banner { position: relative; }

.banner .banner-sub-title, .banner .banner-title { position: absolute; left: 0; width: 100%; text-align: center; color: #fff; }

.banner .banner-title { top: 33%; font-size: 40px; font-weight: 400; }

.banner .banner-sub-title { top: 48%; font-size: 20px; font-weight: lighter; }

.main .breadcrumbs { margin-top: 28px; }

.main .header-wrap { margin: 25px 0 50px; }

.main .header-wrap .section-title { margin-bottom: 20px; font-size: 26px; font-weight: 400; color: #038bc5; }

.main .header-wrap .section-sub-title { font-size: 26px; font-family: "Microsoft Yahei"; font-weight: 300; }

.main .header-wrap.other { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; }

.main .header-wrap.other .iconfont { margin-top: 5px; font-size: 30px; color: #00a0e9; }

.main .header-wrap.other .section-title { position: relative; margin: 0 20px 0 0; }

.main .header-wrap.other .section-title:after { content: ""; position: absolute; bottom: -31px; left: 0; width: 100%; height: 4px; background: #00a0e9; }

.main .header-wrap.other .section-sub-title { font-size: 18px; }

.talent-strategy { height: 480px; border: 1px solid #bfbfbf; }

.talent-strategy .tab-wrap { position: relative; width: 30%; height: 100%; }

.talent-strategy .tab-wrap .tab-list { height: 24.8%; border-bottom: 1px solid #bfbfbf; text-indent: 22%; cursor: pointer; }

.talent-strategy .tab-wrap .line { position: absolute; top: -1px; left: -4px; width: 100%; height: 24.6%; border-width: 2px 0 2px 4px; border-style: solid; border-color: #038bc5; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.talent-strategy .tab-wrap .cn-title { padding-top: 13%;}

.talent-strategy .tab-wrap .cn-title a { font-size: 20px; }

.talent-strategy .tab-wrap .en-title { font-size: 18px; font-weight: lighter; color: #666; }

.talent-strategy .tab-con-wrap { width: 70%; height: 100%; }

.talent-strategy .tab-con-wrap ul { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.talent-strategy .tab-con-wrap .tab-con-list { position: relative; }

.talent-strategy .tab-con-wrap .tab-con-list .content-text { position: absolute; top: 42%; left: 0; right: 0; width: 80%; margin: 0 auto; padding: 5%; background: url(/eportal/uiFramework/commonResource/image/2017092816015071881.png); color: #fff; }

.talent-strategy .tab-con-wrap .tab-con-list .more-btn { display: block; width: 100px; height: 30px; margin-top: 5%; border: 1px solid #fff; text-align: center; line-height: 30px; color: #fff; }

.job-wrap { position: relative; margin-top: 100px; }

.job-wrap .job-bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; background: #005a8c;min-width:1280px; }

.job-wrap .wrap { padding-top: 5%; }

.job-wrap .thumbnail { width: 53%; height: 540px; background: url(/eportal/uiFramework/commonResource/image/2017112212332540397.jpg); }

.job-wrap .header-wrap { margin: 0; color: #fff; }

.job-wrap .header-wrap .section-title { color: #fff; }

.job-wrap .header-wrap .section-sub-title { line-height: 30px; }

.job-wrap .right-content { width: 40%; }

.job-wrap .right-content .content { margin-top: 10%; }

.job-wrap .right-content .summary { overflow: hidden; height: 120px; line-height: 25px; }

.job-wrap .contact { margin-top: 20px; }

.job-wrap .contact .iconfont { font-size: 22px; color: #018cc5; }

.job-wrap .btn-wrap { margin-top: 60px; }

.job-wrap .btn-wrap .more-btn { position: relative; float: left; width: 210px; height: 80px; background: #f19149; text-align: center; line-height: 80px; color: #fff; }

.job-wrap .btn-wrap .more-btn.first { margin-right: 8%; }

.job-wrap .btn-wrap .more-btn span { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; }

.job-wrap .btn-wrap .more-btn:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; background: #00a0e9; -webkit-animation: 1s both; -moz-animation: 1s both; -ms-animation: 1s both; -o-animation: 1s both; animation: 1s both; }

.job-wrap .btn-wrap .more-btn:hover:after { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; }

.enter-work { margin-top: 70px; }

.academician, .doctor, .job { margin-top: 80px; }

.academician .tab-wrap, .doctor .tab-wrap, .job .tab-wrap { position: relative; }

.academician .tab-wrap .tab-ul, .doctor .tab-wrap .tab-ul, .job .tab-wrap .tab-ul { position: absolute; top: -180px; left: 0; width: 100%; }

.academician .tab-wrap .tab-list, .doctor .tab-wrap .tab-list, .job .tab-wrap .tab-list { float: left; width: 50%; height: 100px; background: url(/eportal/uiFramework/commonResource/image/2017110210410244276.png); line-height: 100px; text-align: center; }

.academician .tab-wrap .tab-list a, .doctor .tab-wrap .tab-list a, .job .tab-wrap .tab-list a { font-size: 26px; font-weight: 300; color: #fff; }

.academician .tab-wrap .tab-list .iconfont, .doctor .tab-wrap .tab-list .iconfont, .job .tab-wrap .tab-list .iconfont { vertical-align: middle; margin-right: 20px; font-size: 40px; }

.academician .tab-wrap .tab-list.on, .doctor .tab-wrap .tab-list.on, .job .tab-wrap .tab-list.on { background: url(/eportal/uiFramework/commonResource/image/2017110210421780975.png); }

.academician .section-title { font-size: 30px; font-weight: 400; text-align: center; color: #00a0e9; }

.academician .section-sub-title { font-size: 18px; font-weight: lighter; text-align: center; color: #666; }

.academician .work-summary .left { position: relative; width: 60.11905%; height: 650px; margin-left: 2%; border: 1px solid #00a0e9; }

.academician .work-summary .left .content { position: absolute; top: 15%; left: -2%; width: 120%; height: 100%; background: #f7f7f7; }

.academician .work-summary .left .thumbnail { width: 30%; height: 100%; border-top: 1px solid transparent; background: url(/eportal/uiFramework/commonResource/image/2017093017400274762.jpg) no-repeat left bottom; }

.academician .work-summary .left .section-title { margin-top: 50%; }

.academician .work-summary .left .section-sub-title { margin-top: 20px; }

.academician .work-summary .left .summary { width: 57.5%; height: 69.23077%; margin-right: 4.58333%; padding: 8.5% 0; }

.academician .work-summary .left .summary .title { margin-bottom: 6.15385%; font-size: 24px; text-align: center; }

.academician .work-summary .left .summary .title span { padding-bottom: 6.92308%; border-bottom: 1px solid #00a0e9; }

.academician .work-summary .left .summary .text { line-height: 30px; }

.academician .work-summary .left .summary .more-btn { width: 39.13043%; margin: 11.5942% auto 0; padding: 4.61538% 0; border: 1px solid #00a0e9; text-align: center; line-height: 100%; }

.academician .work-summary .right { width: 35.71429%; height: 860px; background: url(/eportal/uiFramework/commonResource/image/2017093017393493186.jpg) no-repeat left bottom; }

.academician .person-wrap { margin-top: 70px; padding: 80px 0; background: #f2f2f2; }

.academician .person-wrap .header-wrap { margin-top: 0; }

.academician .person-wrap .person-list-wrap { position: relative; width: 83.33333%; margin: 0 auto; }

.academician .person-wrap .person-list-wrap .iconfont { position: absolute; top: 50%; margin-top: -27px; font-size: 50px; color: #d2cfcf; cursor: pointer; }

.academician .person-wrap .person-list-wrap .iconfont.icon-arrow-left { left: -5.35714%; }

.academician .person-wrap .person-list-wrap .iconfont.icon-arrow-right { right: -5.35714%; }

.academician .person-wrap .person-ul { overflow: hidden; }

.academician .person-wrap .person-list { float: left; position: relative; overflow: hidden; width: 230px; margin-left: 30px; }

.academician .person-wrap .person-list .title { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 45px; margin: 0 auto; background: url(/eportal/uiFramework/commonResource/image/2017102920271598660.png); font-size: 14px; text-align: center; line-height: 45px; color: #fff; }

.academician .person-wrap .person-list .hide-wrap { position: absolute; top: 100%; left: 0; right: 0; width: 80%; height: 100%; margin: 0 auto; padding: 0 10%; background: url(/eportal/uiFramework/commonResource/image/2017102920271598660.png); color: #fff; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.academician .person-wrap .person-list .hide-wrap .hide-title { margin: 10% 0 20px; padding-bottom: 10px; border-bottom: 1px solid #fff; font-size: 18px; text-align: center; }

.academician .person-wrap .person-list .hide-wrap .hide-summary { padding: 0 5px; line-height: 30px; }

.academician .person-wrap .person-list .hide-wrap .more-btn { width: 60%; margin: 10px auto 0; padding: 10px 0; border: 1px solid #6cb4eb; text-align: center; color: #fff; }

.academician .person-wrap .person-list:hover .title { display: none; }

.academician .person-wrap .person-list:hover .hide-wrap { top: 0; }

.academician .news-wrap .news-more-btn { height: 50px; margin: 30px auto; border-radius: 5px; background: #f3f3f5; text-align: center; line-height: 50px; color: #333; }

.academician .news-list { padding: 30px 0; }

.academician .news-list .time { position: relative; width: 70px; }

.academician .news-list .time .first { font-size: 24px; }

.academician .news-list .time:after { content: ""; position: absolute; bottom: 8px; right: -25px; width: 24px; height: 4px; background: #00a0e9; }

.academician .news-list .thumbnail { width: 18.93491%; margin-left: 4.73373%; }

.academician .news-list .content { width: 68.99408%; }

.academician .news-list .content .title { margin-bottom: 20px; font-size: 14px; }

.academician .news-list .content .more-btn { color: #00a0e9; }

.academician .news-list.list-2 { background: #f2f2f2; }

.academician .download { position: relative; }

.academician .download .download-btn { position: absolute; top: 50%; left: 50%; width: 150px; height: 40px; margin: -20px 0 0 -75px; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff; }

.doctor .work-summary .left-wrap { position: relative; width: 45.44379%; padding: 38px 2.95858%; border: 1px solid #666; }

.doctor .work-summary .left-wrap .title-wrap { position: absolute; top: -20px; left: 11.52074%; padding: 0 5.76037%; background: #fff; text-align: center; }

.doctor .work-summary .left-wrap .section-title { font-size: 26px; font-weight: 400; color: #00a0e9; }

.doctor .work-summary .left-wrap .section-sub-title { font-size: 18px; font-weight: 200; color: #666; }

.doctor .work-summary .right-wrap { width: 40.23669%; }

.doctor .work-summary .right-wrap .title { margin-bottom: 7.72201%; font-size: 26px; }

.doctor .work-summary .right-wrap .summary-wrap { overflow: hidden; position: relative; height: 43.43629%; margin-bottom: 17.37452%; line-height: 30px; color: #666; }

.doctor .work-summary .right-wrap .summary-wrap:after { content: "......"; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #fff; background: -webkit-gradient(linear, 0 top, 0 center, from(rgba(255, 255, 255, 0)), to(#fff)); background: -moz-gradient(linear, 0 top, 0 center, from(rgba(255, 255, 255, 0)), to(#fff)); background: -ms-gradient(linear, 0 top, 0 center, from(rgba(255, 255, 255, 0)), to(#fff)); background: gradient(linear, 0 top, 0 center, from(rgba(255, 255, 255, 0)), to(#fff)); font-size: 20px; text-align: center; line-height: 60px; }

.doctor .work-summary .right-wrap .more-btn { width: 40.58824%; padding: 3.861% 0; background: #00a0e9; text-align: center; color: #fff; }

.doctor .person-summary .header-wrap, .doctor .news-wrap .header-wrap, .doctor .document-wrap .header-wrap { margin: 80px 0 50px; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; }

.doctor .person-summary .header-wrap .iconfont, .doctor .news-wrap .header-wrap .iconfont, .doctor .document-wrap .header-wrap .iconfont { margin-top: 5px; font-size: 30px; color: #00a0e9; }

.doctor .person-summary .section-title, .doctor .news-wrap .section-title, .doctor .document-wrap .section-title { position: relative; margin: 0 20px 0 0; font-size: 26px; }

.doctor .person-summary .section-title:after, .doctor .news-wrap .section-title:after, .doctor .document-wrap .section-title:after { content: ""; position: absolute; bottom: -31px; left: 0; width: 100%; height: 4px; background: #00a0e9; }

.doctor .person-summary .section-sub-title, .doctor .news-wrap .section-sub-title, .doctor .document-wrap .section-sub-title { font-size: 18px; }

.doctor .person-list-wrap .person-list { float: left; width: 18.40237%; margin-left: 3.78698%; padding: 1.77515%; border: 1px solid #666; }

.doctor .person-list-wrap .person-list.list-1 { margin-left: 0; }

.doctor .person-list-wrap .title { margin: 15px 0; font-size: 14px; text-align: center; }

.doctor .person-list-wrap .summary { line-height: 24px; color: #666; }

.doctor .person-list-wrap .more-btn { color: #00a0e9; }

.doctor .news-wrap { width: 48.28402%; }

.doctor .news-wrap .news-list { padding: 35px 2.45098%; }

.doctor .news-wrap .news-list img { margin-right: 3.06373%; }

.doctor .news-wrap .news-list a { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; }

.doctor .news-wrap .news-list .title { font-size: 16px; }

.doctor .news-wrap .news-list .time { margin: 10px 0 15px; color: #acaaaa; }

.doctor .news-wrap .news-list .summary { color: #666; }

.doctor .news-wrap .news-list:hover { background: #00a0e9; }

.doctor .news-wrap .news-list:hover .title a, .doctor .news-wrap .news-list:hover .time, .doctor .news-wrap .news-list:hover .summary { color: #fff; }

.doctor .document-wrap { width: 45.44379%; }

.doctor .document-wrap .doc-list { padding: 33px 0; border-bottom: 1px dashed #bfbfbf; }

.doctor .document-wrap .doc-list.list-1 { padding-top: 0; }

.doctor .document-wrap .doc-list .title { font-size: 14px; font-weight: 400; }

.doctor .document-wrap .doc-list .title .iconfont { margin-right: 20px; color: #00a0e9; }

.doctor .document-wrap .doc-list .download-btn { color: #00a0e9; }

.doctor .document-list-wrap { *margin-bottom: 100px; }

.doctor .document-list-wrap .doc-list { width: 100%; padding: 33px 0; border-bottom: 1px dashed #bfbfbf; }

.doctor .document-list-wrap .doc-list .title { font-size: 14px; font-weight: 400; }

.doctor .document-list-wrap .doc-list .title .iconfont { margin-right: 20px; color: #00a0e9; }

.doctor .document-list-wrap .doc-list .download-btn { color: #00a0e9; margin-right:30px;}

.main.article { margin-bottom: 80px; }

.main.article .header-wrap { margin: 80px 0 30px; }

.main.article .content-wrap p { margin-bottom: 20px; line-height: 30px; }

.strategy { margin-bottom: 100px; }

.strategy .main-title-wrap { margin: 50px auto; padding-bottom: 30px; border-bottom: 1px solid #959595; text-align: center; }

.strategy .main-title-wrap .section-title { position: relative; display: inline-block; margin: 0; font-size: 26px; color: #00a0e9; }

.strategy .main-title-wrap .section-title:after { content: ""; position: absolute; bottom: -35px; left: 0; width: 100%; height: 4px; background: #00a0e9; }

.strategy .section1, .strategy .section2, .strategy .section3 { margin-bottom: 70px; }

.strategy .section1 .left-wrap { position: relative; width: 35.79882%; }

.strategy .section1 .left-wrap .thumbnail { width: 81.4876%; }

.strategy .section1 .left-wrap .line-box { position: absolute; top: 8%; right: 0; z-index: -1; width: 34.71074%; height: 80%; border: 10px solid #00a0e9; *-webkit-transform: translateY(-50%);* -moz-transform: translateY(-50%);* -ms-transform: translateY(-50%);* -o-transform: translateY(-50%);* transform: translateY(-50%); }

.strategy .section1 .left-wrap .line-box .text { position: absolute; top: 20%; right: -12px; background: #fff; *-webkit-transform: translateY(-50%); *-moz-transform: translateY(-50%);* -ms-transform: translateY(-50%);* -o-transform: translateY(-50%); *transform: translateY(-50%); }

.strategy .section1 .right-wrap { position: relative; width: 52.54438%; }

.strategy .section1 .right-wrap .title { font-size: 28px; color: #00a0e9; }

.strategy .section1 .right-wrap p { margin-top: 2%; line-height: 30px; }

.strategy .section2 { padding: 70px 0; background: #f9f9f9; color: #fff; }

.strategy .section2 .wrap { position: relative; }

.strategy .section2 .content-wrap { margin-top: 50px; padding: 40px; background: #00a0e9; }

.strategy .section2 .left-wrap { width: 52.79503%; line-height: 30px; }

.strategy .section2 .left-wrap .title { margin-bottom: 20px; font-size: 24px; }

.strategy .section2 .thumbnail { position: absolute; top: 0; right: 50px; width: 37.86982%; }

.strategy .section2 .list-wrap { margin-top: 70px; }

.strategy .section2 .list { float: left; width: 21.11801%; margin-right: 4.96894%; }

.strategy .section2 .list.list-4 { margin-right: 0; }

.strategy .section2 .list .text { width: 55.71639%; margin-top: 10%; }

.strategy .section3 .header-wrap .section-title { color: #333; }

.strategy .section3 .header-wrap .summary { margin-top: 30px; }

.strategy .section3 .content-wrap { position: relative; }

.strategy .section3 .list-wrap { position: absolute; top: 11.15152%; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; }

.strategy .section3 .list-wrap .wrap { width: 76%; }

.strategy .section3 .list-wrap .list { float: left; width: 24.65753%; }

.strategy .section3 .list-wrap .list-2 { margin: 0 12.67123%; }

.strategy .section3 .list-wrap .circular { width: 100%; border-top: 1px solid transparent; background: url(/eportal/uiFramework/commonResource/image/2017101410502718168.png) no-repeat 0 0/100% 100%; }

.strategy .section3 .list-wrap .iconfont { display: block; margin-top: 25%; font-size: 100px; }

.strategy .section3 .list-wrap .title { font-size: 34px; }

.strategy .section3 .list-wrap .summary { display: inline-block; width: 280px; margin-top: 10%; }

.strategy .section4 .header-wrap .section-title { color: #333; }

.strategy .section4 .left-tab-wrap { position: relative; width: 20.71006%; }

.strategy .section4 .tab-list { margin-bottom: 30px; padding: 12% 0; border: 1px solid #bfbfbf; text-align: center; cursor: pointer; }

.strategy .section4 .tab-list.list-5 { margin-bottom: 0; }

.strategy .section4 .tab-list.on { border: 1px solid #00a0e9; color: #fff; }

.strategy .section4 .color-block { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; padding: 12% 0; background: #00a0e9; }

.strategy .section4 .color-block:after { content: ""; position: absolute; top: 50%; right: -25px; margin-top: -25px; border-width: 25px 0 25px 25px; border-style: solid; border-color: transparent transparent transparent #00a0e9; }

.strategy .section4 .right-tab-con { overflow: hidden; width: 73.37278%; background: #f9f9f9; }

.strategy .section4 .right-tab-con ul { height: 100%; }

.strategy .section4 .tab-con-list { width: 100%; height: 100%; border-top: 1px solid transparent; background: no-repeat right bottom/100% auto; }

.strategy .section4 .tab-con-list.list-1 p, .strategy .section4 .tab-con-list.list-5 p { margin-top: 15px; padding: 0 50px; }

.strategy .section4 .tab-con-list.list-1 img, .strategy .section4 .tab-con-list.list-5 img { max-width: 100%; max-height: 80%; margin-top: 3%; }

.strategy .section4 .tab-con-list .list-content { position: relative; top: 50%; width: 700px; margin: -200px auto 0; }

.strategy .section4 .tab-con-list .list-content .list { position: absolute; width: 77px; height: 77px; background: url(/eportal/uiFramework/commonResource/image/2017112715184375542.png) no-repeat; }

.strategy .section4 .tab-con-list .list-content .list p { margin: 0; padding: 0; font-size: 18px; text-align: center; line-height: 77px; color: #fff; }

.strategy .section4 .tab-con-list .list-content .list p.hide { font-size: 16px; }

.strategy .section4 .tab-con-list .list-content .list.list-1 { top: -18px; left: 310px; background-position: -5px -5px; }

.strategy .section4 .tab-con-list .list-content .list.list-2 { top: 28px; left: 380px; background-position: -85px -5px; }

.strategy .section4 .tab-con-list .list-content .list.list-3 { top: 92px; left: 440px; background-position: -165px -5px; }

.strategy .section4 .tab-con-list .list-content .list.list-4 { bottom: 100px; left: 448px; background-position: -245px -5px; }

.strategy .section4 .tab-con-list .list-content .list.list-5 { bottom: 38px; left: 390px; background-position: -325px -5px; }

.strategy .section4 .tab-con-list .list-content .list.list-6 { bottom: -18px; left: 320px; background-position: -405px -5px; }

.strategy .section4 .tab-con-list .list-content .list:hover .show-text { display: none; }

.strategy .section4 .tab-con-list .list-content .list:hover .hide { display: block; }

.strategy .section4 .tab-con-list.list-2 { background-image: url(/eportal/uiFramework/commonResource/image/2017101413165559621.jpg); }

.strategy .section4 .tab-con-list.list-3 { background-image: url(/eportal/uiFramework/commonResource/image/2017101413185544141.jpg); }

.strategy .section4 .tab-con-list.list-4 { background-image: url(/eportal/uiFramework/commonResource/image/2017101316320129172.jpg); }

.strategy .section4 .tab-con-list .summary { width: 70%; margin: 20% auto 0; padding: 5% 10%; background: url(/eportal/uiFramework/commonResource/image/2017101316320926839.png); color: #fff; }

.strategy .section4 .tab-con-list .summary .title { margin-bottom: 30px; }

.search-result { color: #666; }

.search-result .title { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 3px solid #005a8c; font-size: 20px; font-weight: 500; text-align: center; }

.search-result .title .result-text { color: #f00; }

.search-result .result-list { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #f4f4f4; }

.search-result .result-title { font-size: 18px; font-weight: 400; }

.search-result .result-summary { margin: 10px 0; line-height: 28px; }

.columnbar { margin: 40px 0; text-align: center; }

.columnbar a, .NormalRed { display: inline-block; font-size: 16px;margin-right:10px; }

.columnbar span { display: none !important; }

.NormalRed { color: #4589fc; }

.pagingNormal, .NormalRed{ height: 33px; line-height: 33px; width: 33px; }

.columnbar a:hover, .NormalRed:hover { color: #4589fc; }

.job { margin-bottom: 50px; }

.job .section-title { padding-bottom: 20px; border-bottom: 1px solid #bfbfbf; font-size: 26px; color: #00a0e9; }

.job .section-title span { padding-left: 10px; border-left: 5px solid #00a0e9; }

.job .society-list-wrap .society-list { width: 45%; margin-top: 50px; }

.job .section { padding: 70px 0; }

.job .section.section2 { background: url(/eportal/uiFramework/commonResource/image/2017101710454854567.png) no-repeat; }

.job .line-title { position: relative; display: inline-block; margin-bottom: 50px; width: 300px; font-size: 26px; text-align: center; }

.job .line-title:before, .job .line-title:after { content: ""; position: absolute; top: 50%; width: 440px; height: 18px; margin-top: -9px; background: url(/eportal/uiFramework/commonResource/image/2017101709551040704.png) no-repeat; }

.job .line-title:before { right: 120%; background-position: right -9px; }

.job .line-title:after { left: 120%; background-position: left -65px; }

.job .section1 { padding-top: 0; }

.job .section2 .list-wrap .list { display: inline-block; width: 14.49704%; height: 60px; margin-top: 60px; border: 1px solid #018cc5; text-align: center; line-height: 60px; }

.job .section1, .job .section3, .job .section5 { overflow: hidden; text-align: center; }

.job .section1 img, .job .section3 img, .job .section5 img { max-width: 100%; margin-top: 50px; }

.job .section1 .summary, .job .section3 .summary, .job .section5 .summary { line-height: 30px; }

.job .section4 { background: #f1f1f1; }

.job .section4 .wrap { padding: 2.66272%; background: #fff; }

.job .section4 .list { width: 22.65625%; padding-right: 2.95858%; }

.job .section4 .list.list-1 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.job .section4 .list.list-2 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.job .section4 .list.list-3 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.job .section4 .list.list-4 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.job .section4 .list.list-4, .job .section4 .list.list-8 { padding-right: 0; }

.job .section5 .job-btn { width: 225px; height: 55px; margin: 50px auto; background: #f39800; text-align: center; line-height: 55px; color: #fff; }

@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }