@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: transparent;}
html{-webkit-text-size-adjust:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body{font:normal 14px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; color:#555;background-color:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
input,button,select,textarea{outline:none;}      /*取消chrome下input和textarea的聚焦边框*/
textarea{resize:none;border:0;margin:0;}                           /*取消chrome下textarea可拖动放大*/
details{content:none;}
em,i,s{font-style:normal;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:lighter;}
img,iframe{border:0;}
button{cursor:pointer;}
table{border-collapse:collapse;}
td{empty-cells:show;}
th{font-weight:lighter;}
a{color:#333;;cursor:pointer;text-decoration:none;outline: none;}
a:active{color:#333;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.txl{text-align:left;}
.txc{text-align:center;}
.txr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.pic img{vertical-align:top;}
.ari{font-family:Arial;}
.mic{font-family:microsoft yahei;}
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#ccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc;}
html,body,.cimc{height:100%;}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1551007425004'); /* IE9 */
  src: url('iconfont.eot?t=1551007425004#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPwAAsAAAAACFAAAAOjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqDUIMPATYCJAMYCw4ABCAFhG0HSRs2B1GUDcpAso/S1HKMUCTJLyUHl/H/o8TD5xr5fpLNIShQgIolq2N1FkidrupUERrVqXGtkRUKUNj9vzbtA8lWxFhVoWGG0Ah5w1Q8VrGTqF7X3t3Eb5X/OWa6pAbMv7a5RBZl0xpH4/Ge7w0ooq6C7E7sxPQG3UVMjPhqlwl0mzIHs79tzxFwVYBZgXiQJQFcLYsyUxo6hTqysYiPoNWZXrHXgA/89+MPrIQrSZOBhWf3W0XY8F37iXDWcSucoQiQnudCso2MZaAQj0c9j3AyvozTXf0FjQOgV6ekfNd+UD90fvT8RMbHsRQgEHqhxln/8JJGIaqguBcc+cGG75hP5rvKJ/jeySfxw5NPw08i+0eGeuKEPjwBPgP4ZQuKIgvR1zfBaLwDI8YZP7/z9+xH7xcdf+g49qDwSPy9QqZ0GMqi7gH2I5izdeV3ANv7usLa6eGBUAq6GaZPOJTp7nkBfpGETL4s/gzoCjosMh35l22zpe7pTOtM1Gm9OKVtFqPisvwOaxASS/YdECKV26Tj5QWl1sAjJfnBx8ps+kFBJV9KqitLaqqLK2uKi2sqi6urS8rqS1paCrKEkJxVIEjlwkIxKyf0BHj7RTHewP0VY/dpWx/fKCDzZgZ6T7BhDGfg5a+HMrwPH86QMgQY37jv1r6Th8+B79Ily9nMQv8BGPDPKGSXL2m4FQTel9bXV4YuDq3M9TQPCoU7IDLZXgTjs6/fOOLT5XPkydMtvluIRGdAGtCCg59yI9kKQP7KAe1l7iqbB9DSab/yBgDSf5Zx4dt8+tvrd95nzf9OjwK+VdRf5eJzcBpIdEqslrpnrwLtOCWVA0stpbUd53W4TKDaNLIkdMM2XDEw7MVZurHVxYROYxqSDpOQdZpGFuwyNHqsQdVpC7ot2b69xwiCE6ULi7I8CIP6Ien3BbJB15EF+xwa475DNRgcdDuPgAN7zIbsvpkggSKRj03mZZ1ixshO3UXpISTFGwViyjnlGCKqHOIXzlvQTW1HZkTOWKImSIsoxTwmionf5l2HjEaFtxAlDunoPD2lllXz5+Oxb5qnU0zgbg+BCChExIuVjCfTUZhh2ply7/38IYgknpGAzDStBI9BCJXcP2+heRasQG7XmFc1fctrVAkki1AUxsMIhQlvm+dCjDCu4FnGx8VBdKh59DuiFqvMD1rhtZp59+tMX7kLuoEvq5EiR4kmanTIV6KoMSFzPEcVi5bIkp5qRCXRDAAA') format('woff2'),
  url('iconfont.woff?t=1551007425004') format('woff'),
  url('iconfont.ttf?t=1551007425004') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1551007425004#iconfont') format('svg'); /* iOS 4.1- */
}


[class*="icon-"]{
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e60e";
}

.icon-plus:before {
  content: "\e614";
}

.icon-search:before {
  content: "\e613";
}

.icon-load:before {
  content: "\e717";
}

.icon-menu:before {
  content: "\e6a9";
}

.icon-add:before {
  content: "\e673";
}

.icon-left:before {
  content: "\e873";
}

.icon-top:before {
  content: "\e605";
}

.icon-right:before {
  content: "\e872";
}

.icon-down:before {
  content: "\e70c";
}


.pic img{vertical-align: top;width:100%;}

.cimc{font-family:microsoft yahei;}
.header{padding:10px 15px;border-bottom:2px solid #FFBC00;display:flex;align-items:center;position:fixed;left:0;right:0;top:0;background-color:#fff;z-index:888;}
.header .logo{font-size:0;flex:1;margin-right:20px;}
.header .logo img{vertical-align:top;}
.header .menu .menu-text{display:inline-block;vertical-align:middle;margin-right:8px;}
.header .menu .menu-text .icon-menu{font-size:22px;line-height:24px;}
.header .menu .version-text{display:inline-block;vertical-align:middle;}
.header .menu .version-text{color:#000;}
.header .menu .menu-list{display:none;background-color:#fff;position:absolute;left:0;right:0;top:47px;padding:0 12px;max-height: 80vh;overflow:auto;}
.menu-list > li .title{font-size:15px;color:#555;font-weight:bold;line-height:34px;border-bottom:1px solid #D1D0D0;position:relative;padding-left:24px;}
.menu-list > li .title:before{content:"";position:absolute;left:6px;top:50%;width:10px;height:10px;border:1px solid #FFC45E;border-radius:50%;background: linear-gradient(to bottom, #ffffff 40% , #E2E5E7);transform:translateY(-50%);}
.menu-list > li .title:after{ content: "\e872";font-family: "iconfont" !important;position:absolute;right:0;top:50%;color:#7A7A7A;transform:translateY(-50%);}
.menu-list > li  .sub-list{border-bottom:1px solid #D1D0D0;padding:6px 14px;}
.menu-list > li:last-child  .sub-list{border-bottom:0}
.sub-list > li > a{display:block;font-size:14px;line-height:24px;}
.third-list > li{display:inline-block;vertical-align:top;margin-right:8px;}
.sub-list .third-list{padding:2px 0 2px 4px;}
.third-list > li > a{display:block;font-size:13px;}
.third-list > li > a:before{content:"-";color:#000;margin-right:2px;}
.version-text .version-list{display:none;position:absolute;right:0;top:47px;background:rgba(255,255,255,0.6);width:80px;text-align:center;}
.version-text .version-list > li a{display:block;line-height:28px;color:#333;}
.version-text .version-list > li{border-bottom:1px solid #DCDCDC;}
.footer{/*position:fixed;bottom:0;left:0;right:0;*/background-color:#EAECEE;font-size:12px;color:#000;text-align:center;padding:10px;line-height:18px;}
.footer .logo,.footer .det{text-align: center;}


.main{position:absolute;top:47px;bottom:0;left:0;right:0;overflow:auto;-webkit-overflow-scrolling: touch;}
.main .banner img{width:100%;vertical-align:top;}
.main .det-info{color:#343434;padding:20px;}
.main .det-info p{text-indent:2em;margin-bottom:10px;}
.main-title{padding:20px 10px 0;}
.main-title .text{display:inline-block;font-size:15px;font-weight:bold;color:#ffbc00;line-height:36px;vertical-align:top;border-bottom:2px solid #CECDCD;border-top:2px solid #CECDCD;padding:0 8px 0 4px;position:relative;}
.main-title .text:before{content:"";position:absolute;top:-2px;right:0;border-top:2px solid #ffbc00;width:40%;}
.main-title .text:after{content:"";position:absolute;bottom:-2px;right:0;border-top:2px solid #ffbc00;width:40%;}
.gotop{position:fixed;right:20px;bottom:60px;border:1px solid #7A7A7A;padding:3px;background-color:#fff;border-radius:50%;}
.gotop .icon-top{display:block;font-size:16px;height:26px;width:26px;line-height:22px;border:2px solid #7A7A7A;text-align:center;border-radius:50%;}
.prog-info{padding:20px 20px 20px 40px;color:#555;}
.prog-list li{border-left:1px dashed #2F425D;padding-left:26px;padding-top:40px;padding-bottom:40px;position:relative;}
.prog-list li .date{position:absolute;top:0;left:-20px;line-height:24px;border:1px solid #ffbc00;box-shadow:0 0 2px #ffbc00;background-color:#fff;padding:0 16px;border-radius:2px;}

.swiper-banner{padding:10px;}
.swiper-pagination-clickable .swiper-pagination-bullet{background:#fff;opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{background:#FFBC01;opacity: 1;}
.swiper-banner .title{background:#EBECEE;height:36px;line-height:36px;text-align: center;}
.shares-tabs{padding-left: 5px;}
.shares-tabs .tabs-item {display: none;}
.shares-tabs .tabs-item.active {display: block;}
.shares-tabs .shares-tabs-cont {border: 1px dashed #dcdcdc;padding: 10px;border-right: 0;border-bottom:0;}
.shares-nav-list li {float: left;background: #f1f1f1;border: 1px solid #ccc;color: #282828;line-height: 26px;padding: 0 10px;position: relative;top: 1px;cursor: pointer;}
.shares-nav-list .active {background: #fff;color: #ffbc00;border-bottom-color: #fff;}
.shares-tabs-cont .tabs-item .text{margin-right:10px;}
.shares-tabs-cont .tabs-item .num{color:#003F91;font-family:Arial, Helvetica, sans-serif;font-size:18px;}
.shares-tabs-cont .tabs-item .number{color:#030303;font-family:Arial, Helvetica, sans-serif;font-size:18px;}
.main-about-list{display: flex;flex-wrap: wrap;}
.main-about-list> li {width: calc((100% - 0px) / 2);text-align: center;margin-top:18px;}
.main-about-list> li .pic-cont img{width:40%;}
.main-about-list> li .tit{margin-top:8px;}
.main-about{margin:0 10px;border-bottom:1px solid #ECEDEF;border-top:1px solid #ECEDEF;}
.main-index{overflow-x:hidden;}
.main-about .video{margin:20px 0;}
.news-center > .title{font-size:20px;color:#000;line-height:1.5;font-weight: bold;}
.news-center .more-news{margin:10px 0 20px;}
.news-center .more-news .more-a{display:inline-block;vertical-align:top;background:#fff;border:1px solid #005ACA;color:#005ACA;height:32px;line-height:32px;padding:0 30px;font-size:12px;border-radius:10px;}
.news-center .more-news .more-a:after{content: "\e872";font-family: "iconfont" !important;font-size: 12px;}
.news-center-list >li .date,.news-details-info .date{color:#005ACA;}
.news-center-list >li .date:before,.news-details-info .date:before{content: "";display:inline-block;width:6px;height:6px;background:#005ACA;margin-right:4px;}
.news-center-list >li .tit{font-size:16px;color:#555;font-weight: bold;margin:8px 0;}
.news-center-list >li .pic{margin-bottom:8px;}
.news-center-list >li{margin-bottom:20px;}
.news-center-list >li .more{text-align: right;margin-right:-30px;}
.news-center-list >li .more .more-a{height:24px;width:130px;border-radius:12px;display:inline-block;background:url(../images/arrow.png) no-repeat -10px 4px #005ACA;background-size:53px 16px;}

.news-details{
  padding:0 10px;
  color:#555;
}
.news-details-info .title {
  font-size: 16px;
  font-weight: bold;
}
.news-details-info .oper-cont .arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.news-details-info .oper-cont .prev-cont,
.news-details-info .oper-cont .next-cont {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 10px;
}
.news-details-info .oper-cont {
  margin-top:30px;
}
.news-details-info .oper-cont .prev-cont .arrow {
  background: url(../images/prev.gif) no-repeat 0 0;
  background-size: 100%;
}
.news-details-info .oper-cont .prev-cont:active .arrow {
  background: url(../images/prev-h.gif) no-repeat 0 0;
  background-size: 100%;
}
.news-details-info .oper-cont .next-cont .arrow {
  background: url(../images/next.gif) no-repeat 0 0;
  background-size: 100%;
}
.news-details-info .oper-cont .next-cont:active .arrow {
  background: url(../images/next-h.gif) no-repeat 0 0;
  background-size: 100%;
}
.news-details-info .oper-cont .text {
  display: inline-block;
  vertical-align: middle;
  font-size:13px;
}
.news-details-info .news-source {
  margin-bottom: 16px;
}
.news-details-info .detail img {
  width:100%;
  vertical-align: middle;
  margin-bottom: 10px;
}
.news-details-info .detail p {
  margin-bottom: 10px;
}
.news-title{padding:8px 0 10px;}
.news-title .text{display:inline-block;border-bottom:2px solid #FFBC00;}

.jobs-center-list > li .tit .text{font-weight: bold;}
.jobs-center-list > li .tit{color:#000;margin-top:8px;}
.jobs-center-list > li{margin-bottom:20px;}
.foot{font-size:15px;margin:20px 10px;border-top:2px solid #EBECEE;padding:10px 0 0;}
.foot a{color:#000;line-height:1.8;}


/*招聘*/
.jobs-banner {
  overflow: hidden;
}

.jobs-banner .info {
  padding:0 10px;
  margin:20px 0;
}
.jobs-banner .info .title {
  font-size: 24px;
  color: #014190;
  font-weight: bold;
}
.jobs-banner .info .tit {
  font-size: 16px;
  color: #333;
}
.jobs-banner .info .dec {
  font-size: 12px;
  line-height: 1.5;
}
.jobs-info{
  padding:0 10px;
  background:#F8FAFE;
}
.jobs-info-list{
  border-top:4px solid #014190;
  padding-top:30px;
  border-bottom:4px solid #014190;
}
.jobs-info-list > li {
  position: relative;
  color:#000;
  margin-bottom:12px;
}
.jobs-info-list > li .info {
  font-size:12px;
  padding:10px 0;
}
.jobs-info-list > li .info .title {
  font-size: 16px;
  font-weight: bold;
}
.jobs-info-list > li .info .tit {
  font-size: 14px;
  font-weight: bold;
  margin:6px 0 4px;
}
.jobs-info-list > li  .more-a{display:inline-block;vertical-align:top;background:#fff;border:1px solid #005ACA;color:#005ACA;margin-top:10px;height:32px;line-height:32px;padding:0 20px;font-size:12px;border-radius:10px;}
.jobs-info-list > li  .more-a:after{content: "\e872";font-family: "iconfont" !important;font-size: 12px;}
.jobs-employee {
  padding:0 10px;
}
.jobs-career{
  padding:0 10px;
}
.jobs-career .title,
.jobs-employee .title {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 16px 0;
}
.jobs-career .mode-culture-list li{
  overflow:hidden;
  margin-bottom:16px;
  color:#000;
  background:#DBE5F1;
}
.jobs-career .mode-culture-list li .pic{
  width:55%;
  float:left;
}
.jobs-career .mode-culture-list li .info{
  width:45%;
  font-size:12px;
  padding:4px 10px;
  float:right;
}
.jobs-career .mode-culture-list li .info .tit{
  font-size:14px;
  font-weight: bold;
}
.jobs-career .mode-culture-list li .info  .det{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.jobs-career .mode-culture-list li:nth-child(even) .pic{float: right;}
.jobs-career .mode-culture-list li:nth-child(even) .info{float: left;}

.jobs-employee-list > li {
  color: #282828;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-bottom:10px;
}
.jobs-employee-list > li .pic{
  float:left;
  width:50%;
}
.jobs-employee-list > li .info {
  float:right;
  width:50%;
  margin-bottom:-9999px;
  padding-bottom:9999px;
  background: #4E45CE;
  color: #fff;
  transition: all 500ms linear 0ms;
  position: relative;
  margin-top:0;
}
.jobs-employee-list > li:nth-child(even) .pic{
  float:right;
}
.jobs-employee-list > li:nth-child(2) .info {
  background: #048AB1;
}
.jobs-employee-list > li:nth-child(3) .info {
  background: #7F45CE;
}
.jobs-employee-list > li:nth-child(4) .info {
  background: #45AFCE;
}
.jobs-employee-list > li:nth-child(5) .info {
  background: #AAC034;
}
.jobs-employee-list > li:nth-child(6) .info {
  background: #4572CE;
}
.jobs-employee-list > li.hover .info {
  display: block;
}
.jobs-employee-list > li .info .det {
  font-size:12px;
  padding:20px 10px 0;
}
.jobs-employee-list > li .info .det .dec{
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.jobs-employee-list > li .info .tit {
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: bold;
  text-align: left;
  color:#fff;
}
.jobs-employee-list > li .det:before {
  content: "\e872";font-family: "iconfont" !important;font-size: 12px;
  position: absolute;
  top: 2px;
}
.jobs-employee-list > li:nth-child(odd) .det:before {
  left: 10px;
  transform:rotate(180deg)
}
.jobs-employee-list > li:nth-child(even) .det:before {
  right: 10px;
}
.jobs-employee-list > li:nth-child(even) .tit {
  text-align: right;
}
.jobs .news-contact{
  margin-top:20px;
}
.jobs + .foot{
  border-top: 2px solid #EBECEE;
  padding-top:10px;
  margin:20px 10px;
  padding-left:0;
  padding-right:0;
}
.jobs-all {
  background: #b7dde2;
  padding:0 10px 30px;
}
.jobs-container .jobs-nav-list {
  text-align: center;
  padding:16px 0 24px;
}
.jobs-nav-list > li{display:inline-block;width:40%;}
.jobs-nav-list > li a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #000;
  background:#fff;
  margin:0 10px;
  transition: all 500ms linear 0ms;
}
.jobs-nav-list > li a:active,
.jobs-nav-list > li.active a {
  background: #014190;
  color: #fff;
}
.jobs-all-detail{
  background:none;
}
.jobs-container .jobs-detail {
  color: #000;
  padding-bottom: 16px;
}
.jobs-container .jobs-dec{
  color:#000;
  margin-bottom:10px;
}
.jobs-container .jobs-cont .total {
  color: #000;
  margin-bottom: 16px;
}
.jobs-all-list > li {
  margin-bottom: 12px;
}
.jobs-all-list > li a {
  display: block;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
.jobs-all-list > li .tit {
  color: #000;
  font-weight: bold;
}
.jobs-all-list > li .type {
  color: #000;
  margin: 4px 0;
  font-size: 0;
}
.jobs-all-list > li .det{
  font-size:12px;
}
.jobs-all-list > li .type .type-s {
  font-size: 14px;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.jobs-all-list > li .type .type-s:after {
  content: '';
  position: absolute;
  right: 0;
  top: 3px;
  bottom: 3px;
  width: 1px;
  background: #000;
}
.jobs-all-list > li .type .type-s:last-child:after {
  display: none;
}
.jobs-all-list > li a:hover .det {
  color: #666;
}
.jobs-container .jobs-detail .title {
  font-size: 16px;
  color: #014190;
  font-weight: bold;
  margin-bottom:6px;
}
.jobs-container .jobs-detail .else .deti .text {
  font-weight: bold;
}
.jobs-container .jobs-detail .else .require-det .det {
  margin-top: 14px;
  line-height: 1.5;
}
.jobs-container .jobs-detail .re-deti-list .dec {
  padding-left: 10px;
}
.jobs-container .jobs-detail .require-det {
  margin-bottom: 20px;
}
.jobs-detail .noti {
  text-align: center;
  margin-top: 40px;
}
.jobs-detail .noti .text {
  display: inline-block;
  vertical-align: top;
  background: #014190;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
  border-radius: 10px;
}
.jobs-all-detail{
  padding-bottom:0;
}

/*通函及公告*/
.notice-item {
  margin-top: 40px;
}
.notice-item .main-info {
  padding: 0 160px;
}
.notice-item .page {
  margin-top: 40px;
  text-align: left;
}
.notice-item .title {
  font-size: 30px;
  margin-bottom: 30px;
}
.notice-nav-list {
  font-size: 0;
  margin-bottom:10px;
}
.notice-nav-list > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.notice-nav-list > li a {
  height: 50px;
  line-height: 50px;
  background: #e1e1e1;
  width: 170px;
  display: block;
  color: #999;
  font-size: 18px;
  text-align: center;
}
.notice-nav-list > li.active a {
  background: #ffa800;
  color: #fff;
}
.notice-item .main-info .down-list {
  border-top: 0 none;
}
.down-list li a .date {
  margin-right: 80px;
}

/*公共模板*/
.template-info-cont {
  padding: 80px;
}
.template-list > li {
  padding-left: 70px;
  background: url(../images/round.png) no-repeat 0 0;
  position: relative;
  color: #333;
  font-size: 16px;
  padding-bottom: 30px;
}
.template-list > li:after {
  content: '';
  position: absolute;
  border-left: 2px dashed #2f425d;
  left: 20px;
  top: 46px;
  bottom: 6px;
}
.template-list > li:last-child:after {
  display: none;
}
.template-list > li .tit {
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
  padding-top: 6px;
}
.temp-list > li {
  padding-left: 12px;
  position: relative;
  line-height: 1.6;
}
.temp-list > li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  font-size: 0;
  border-radius: 50%;
  background: #333;
}

/*概况*/
.surveys-nav {
  background: #f0f4fd;
  color: #000;
}
.surveys-nav .surveys-nav-cont {
  position: relative;
  padding-left: 90px;
}
.surveys-nav .title {
  position: absolute;
  left: 0px;
  top: 0;
  font-size: 12px;
  display: inline-block;
  background: url(../images/survey-tit.png) no-repeat 0 0;
  width: 85px;
  height: 43px;
  padding-left: 10px;
  line-height: 30px;
  background-size:cover;
}
.surveys-nav .surveys-nav-cont {
  display: flex;
  align-items: center;
}
.surveys-nav .surveys-nav-list > li {
  display: inline-block;
  margin-right:6px;
}
.surveys-nav .surveys-nav-list > li a {
  color: #000;
  display: block;
  height: 24px;
  line-height: 24px;
  position: relative;
  font-size:12px;
}
.surveys-nav .surveys-nav-list > li.active a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: #014190;
}
.surveys-introduce .introdu-det .pic{padding:0 50px;margin-bottom:10px;}
.surveys-company-list >li .more{text-align: right;margin-right:-30px;}
.surveys-company-list >li .more .more-a{height:24px;width:90px;border-radius:12px;display:inline-block;background:url(../images/plus.png) no-repeat 40% 40% #005ACA;background-size:18px 17px;}
.introdu-det .title,
.surveys-team .title,
.investment-introduce .title {
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 1.5;
  padding: 14px 0;
  font-weight: bold;

}
.introdu-det .info {
  display: flex;
  background: #f3f7fd;
  align-items: center;
  margin: 0 10px;
  padding:10px 0;
  font-size: 12px;
}
.introdu-det .info .tit {
  text-align: center;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  width:140px;
}
.introdu-det .info .det {
  flex: 1;
  position: relative;
  padding: 10px;
}
.introdu-det .info .det:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #b1afaf;
}
.introdu-det .info .name {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.introduce-banner {
  position: relative;
  margin-top: 40px;
}
.introduce-banner .container .info {
  padding:15px 30px;
  color:#fff;
  background-image: linear-gradient(to right, #0C85D4 , #024594);
}
.investment-introduce .introduce-banner .pic{
  padding:0 30px;
  margin-bottom:10px;
}
.introduce-banner .container .info p {
  text-indent: 2em;
  margin-bottom: 12px;
}
.surveys-team {
  background: #f8fafe;
  padding:10px;
}
.surveys-team-list {
  display: flex;
  flex-wrap: wrap;
}
.surveys-team-list > li {
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
  margin-bottom: 16px;
  color: #000;
}
.surveys-team-list > li:nth-child(2n) {
  margin-right: 0;
}
.surveys-team-list > li .det {
  display: flex;
  align-items: flex-end;
}
.surveys-team-list > li .det .pic {
  width: 85px;
}
.surveys-team-list > li .det .name {
  font-size: 14px;
  color: #014190;
  flex: 1;
  margin-right: 4px;
}
.surveys-team-list > li .position {
  padding-right: 50px;
  position: relative;
  margin-top: 8px;
  font-size:12px;
}
.surveys-team-list > li .position:after {
  content: '';
  width: 30px;
  height: 16px;
  background: #ffc632;
  position: absolute;
  right: 0;
  top: 0;
}
.team-cont .item .tit {
  font-size: 14px;
  color: #000;
  margin-bottom: 30px;
  font-weight: bold;
}
.surveys-company-list li {
  position: relative;
}
.surveys-company-list li .pic {
  margin-bottom:16px;
}
.surveys-company-list li:last-child .pic{margin:0 -10px;}
.surveys-company-list li .info .tit {
  font-size: 18px;
  text-align: center;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}
.surveys-company-list li .info .dec{
  margin-bottom:16px;
}
.surveys-abroad .info p {
  position: relative;
  text-indent: 16px;
  line-height: 1.8;
}
.surveys-abroad .info p:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #fff;
}
.investment-introduce .container .info p {
  text-indent: 0;
}
.investment-introduce .container .info p:last-child {
  padding-left: 84px;
}
.investment-introduce .introduce-banner {
  margin-top: 0;
}
.investment-notice-list > li {
 margin-bottom:16px;
}
.investment-notice-det{
  padding:0 10px;
}
.investment-notice-list > li .notice-det{
  border:1px solid #4F4F4F;
  padding:20px;
  background:#fff;
}
.investment .surveys-team{
  background:#fff;
  padding:0 10px;
}
.investment-notice{
  background:#F8FAFE;
  padding:30px 0 0;
}
.notice-det >.tit{
  display:flex;
  margin-bottom:16px;
}
.notice-det >.tit .text{
  flex:1;
  font-size:16px;
  color:#000;
  font-weight: bold;
}
.notice-det >.tit  .more .fa-angle-right{
  margin-left:4px;
}
.investment-notice .tit{
  color:#000;
}

.investment-notice-list > li  a{
  color:#000;
}
.investment-report-list > li{margin-bottom:16px;}
.investment-report-list > li:last-child{
  margin-bottom:0;
}
.investment-report-list > li a .tit{
  margin-bottom:6px;
  line-height:1.5;
  font-weight: bold;
}
.investment-report-list > li a .date{
  font-size:12px;
}
.investment-notice-list > li a .fa-angle-right:before{
  content: "\e872";font-family: "iconfont" !important;font-size: 12px;
}
.investment-notice-also .investment-report-list > li a .tit{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.investment-report-list > li a:hover .tit{
  color:#014190;
}
.investment-report-list > li a{
  display:flex;
}
.investment-report-list > li .inv-down{
  display:none;
  width:35px;
  height:35px;
  background:url(../images/down.png) no-repeat 0 0;
}
.investment-report-list > li a:hover .inv-down{
  display:block;
}
.investment-report-list > li .det{
  width:470px;
}
.notice-det .address-det{
  color:#000;
}
.notice-det .address-det p{
  margin-bottom:6px;
}
.notice-det .address-det p .text{
  font-weight: bold;
}
.investment-notice-line .notice-det{
  min-height:180px;
}
.surveys-company{padding:10px;}
.surveys .news-center{
  padding:0 10px;
}
.foot-list > li:last-child{
  margin-bottom:0;
}
.shares-cont{padding:0 10px;margin-top:20px;}
.shares-list > li a{
  display:block;
  padding-right:20px;
  position: relative;
  height:32px;
  line-height:30px;
  color:#000;
  font-weight: bold;
  border-bottom:1px solid #D5D5D5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shares-list > li a:before{
  position: absolute;
  right:0;
  top:50%;transform: translateY(-50%);
  content: "\e872";font-family: "iconfont" !important;font-size: 16px;
}


/*分页组件*/
.news-page{margin-top:10px;}
.news-page .page-list {
  margin-top: 4px;
  display:inline-block;
  vertical-align: middle;
}
.news-page .page-list > li {
  display: inline-block;
  margin-right: 10px;
}
.news-page .page-list > li a {
  font-size: 14px;
  display: block;
  color: #999;
}
.news-page .page-list > li a:hover {
  color: #0086ff;
}
.news-page .page-list > li.active a,.news-page .page-list > li.active span {
  color: #0086ff;
  font-size: 18px;
}
.news-page .arrow {
  display:inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 6px;
  color: #7e7e7f;
  border: 1px solid #7e7e7f;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 300ms linear 0ms;
  vertical-align: middle;
}
.news-page .arrow:active {
  border-color: #ffa21d;
  background: #ffa21d;
  color: #fff;
}
.news-page .arrow-left{
  transform:rotate(180deg);
}
.news-page .arrow-left:before{
  content: "\e872";font-family: "iconfont" !important;font-size: 16px;
}

/*公告弹窗*/
.dialog-box{
  display:none;
  position: fixed;z-index:99999;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:rgba(0,0,0,.7);
  padding:20px;
}
.dialog-box .public-dialog{background:#fff;padding:10px;}
.dialog-box .public-dialog .tit{display:flex;padding:6px 0;border-bottom:1px solid #dcdcdc;}
.dialog-box .public-dialog .tit .text{flex:1;font-weight: bold;}
.dialog-box .public-dialog .ico-close{display:block;width:20px;height:20px;line-height:18px;text-align:center;color:#333;border:1px solid #333;border-radius:50%;}
.dialog-box .dialog-cont{padding:16px 0;max-height:70vh;overflow:auto;}
.dialog-cont img{vertical-align: top;max-width:100%;}
.dialog-cont .character-info .name{color:#014190;font-size:16px;font-weight: bold;margin-bottom:6px;}
.dialog-cont .character-det{margin-top:16px;}
.dialog-cont .character-det .dists{color:#000;font-weight: bold;}
.dialog-cont .character-det .det{font-size:12px;margin-top:10px;}

@media (min-width: 376px) and (max-width: 768px){
    .surveys-company,.jobs-all,.shares-cont,.main-title,.news-details,.surveys-team,.footer,.swiper-banner,.surveys-team,.investment-notice-det,.jobs-info,.jobs-banner .info,.jobs-career,.jobs-employee,.surveys .news-center{
      padding-left:16px;
      padding-right:16px;
    }
    .introdu-det .info,.main-about,.foot{
      margin-left:16px;
      margin-right:16px;
    }
    .shares-tabs{
      padding-left:10px;
    }
    .surveys-company-list li:last-child .pic{
      margin:0 -16px;
    }
}