/* ========== */

/* = RESET = */

/* ========== */
@font-face {
  font-family: "MontserratAlternates-Medium";
  src: url("/skin/img/Montserrat-Alternates-Medium.ttf");
}
@font-face {
  font-family: "MontserratAlternates-Regular";
  src: url("/skin/img/MontserratAlternates-Regular.ttf");
}




@media screen and (min-width: 751px) {

  .en {
    font-family: "MontserratAlternates-Medium";
    letter-spacing: 2px;
  }
  
  .en2 {
    font-family: "MontserratAlternates-Regular";
    letter-spacing: 1px;
  }
  
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html {
    -webkit-text-size-adjust: none;
  }
  body {
    min-width: 1442px;
    font-size: 16px;
    color: #242729;
    font-family: "PingFangSC-Medium","PingFang SC", "Microsoft Yahei", -apple-system,
       "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
    -webkit-overflow-scrolling: touch;
  }
  .m-show {
    display: none !important;
  }
  body,
  div,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  em,
  img,
  strong,
  b,
  small,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  sub,
  sup,
  tt,
  var,
  del,
  dfn,
  ins,
  kbd,
  q,
  s,
  samp,
  strike,
  applet,
  object,
  iframe,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  mark,
  audio,
  video,
  input,
  textarea,
  select {
    margin: 0;
    padding: 0;
  }
  ul,
  ol,
  li,
  dl {
    list-style: none;
  }

  /*RESET A*/

  * {
    text-decoration: none !important;
  }
  a,
  a:visited,
  a:active,
  a:hover,
  a:focus {
    text-decoration: none !important;
    outline: none;
  }
  .mb {
    display: none;
  }
  a {
    color: #242729;
  }

  /* HTML5 RESET THE OLD BROWERS*/

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  /*CLEAR the FLOAT*/

  .clear {
    clear: both;
  }
  .clearfix {
    *zoom: 1;
  }
  .clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: "\20";
  }
  .bgFull {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  /*RESET the FORM*/

  fieldset {
    border: 0 !important;
  }
  input,
  button,
  textarea,
  select {
    font-size: 100%;
    outline: none;
    resize: none;
    font-family: "Microsoft Yahei", -apple-system, "PingFang SC",
      "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
  }
  input[type="button"] {
    cursor: pointer;
    border: 0;
  }
  input[type="submit"] {
    cursor: pointer;
    border: 0;
  }
  input[type="reset"] {
    cursor: pointer;
    border: 0;
  }
  input,
  textarea {
    -webkit-appearance: none;
  }
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
  }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999999;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999999;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #999999;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999999;
  }
  .l {
    float: left;
  }
  .r {
    float: right;
  }

  /*RESET IMAGES*/

  img {
    display: block;
    max-width: 100%;
    border: 0;
    margin: 0 auto;
  }

  /*IMAGE CENTER*/

  .vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /*RESET FONTS*/

  .t2 {
    text-indent: 2em;
  }
  em {
    font-style: normal;
  }
  .overf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /*LAYOUT*/

  .w1200 {
    width: 100%;
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
  }
  .m-w1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .pc-block {
    display: block;
  }
  .mb-block {
    display: none;
  }
  .transition {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mt30 {
    margin-top: 30px;
  }
  .l {
    float: left;
  }
  .r {
    float: right;
  }
  .head {
    position: fixed;
    z-index: 999;
    width: 100%;
    min-width: 1442px;
    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -ms-transition: all 1.5s;

    -o-transition: all 1.5s;

    transition: all 1.5s;
    background: rgba(0, 0, 0, 0.17);
  }
  .head h1 img  ,  .head .logo img{
    height: 24px;
    width: 73px;
  }

  .head h1 ,  .head .logo {
    width: 99px;
    height: 32px;
    padding: 3px 0;
    float: left;
    margin-top: 27px;
    margin-left: 30px;
  }

  /* 头部 */
  .head-tel {
    float: right;
    color: #fff;
    line-height: 84px;
    padding-right: 32px;
    font-size: 16px;
  }
  .content-head .head-tel {

    color: #232729;
 
  }
  .head-menu {
    float: left;
    height: 84px;
  }
  .head .head-menu li {
    float: left;
    position: relative;
    line-height: 84px;
  }

  .head-menu li:first-child::before {
    display: none;
    width: 0;
  }
  .head-menu li > a {
    height: 84px;
    display: block;
    font-size: 16px;
    width: 150px;
    text-align: center;
    color: #ffffff;
  }
  .head-menu li > a::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 40%;
    width: 0%;
    height: 2px;
    background: #fff;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .head-menu li.current > a,
  .head-menu li:hover a {
    color: #fff;
  }
  .head-menu li.current > a:after,
  .head-menu li:hover > a:after {
    width: 20%;
  }
  .head-menu li:hover div {
    display: block;
  }

  .head-menu li:hover div.sub11,.head-menu li:hover div.sub6{
    display: none;
  }
  .head-menu li div {
    z-index: 5;
    display: none;
    position: absolute;
    top: 83px;
    left: 0;
    width: 420px;
    background: rgba(255, 255, 255, 1);
    text-align: left;
    padding: 15px 44px 50px 44px;
  }
  .head-menu li div a {
    display: block;
    height: 50px;
    line-height: 34px;
    line-height: 50px;
    font-size: 14px;
    color: #000000 !important;
    width: 332px;
    padding-left: 10px;

    border-bottom: 1px solid #e8e8e8;
    margin-top: 20px;
    position: relative;
  }

  .head-menu li div a::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 31px;
    bottom: 14px;
    background: url(/skin/img/r1.png) no-repeat center;
    background-size: 50%;
    border: solid 1px #242729;
    border-radius: 11px;
  }
  .head-menu li div a:hover {
    color: #009fe6 !important;
  }
  .top {
    height: 87px;
  }

  .i-banner {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    min-width: 1442px;
    background: url(/skin/img/banner.png) no-repeat center;
    background-size: cover;
    position: relative;
  }
  .i-banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    left: 10%;
    width: 95%;
    color: #fff;
  }
  .i-banner-text h2 {
    display: inline-block;
    border-bottom: 6px solid #fff;
    font-size: 72px;
    font-weight: normal;
    margin-bottom: 40px;
  }
  .i-banner-text p {
    font-size: 32px;
    line-height: 56px;
  }

  .i-banner .btn {
    border-radius: 33px;
    cursor: pointer;
    width: 66px;
    position: absolute;
    height: 66px;
    left: 50%;
    background: rgba(255, 255, 255, 0.2) url(../img/do.png) no-repeat center;
    margin-left: -30px;
    bottom: 5px;
  }
  .wrap {
    width: 1440px;
    margin: 0 auto;
  }
  .title1 h2 {
    font-size: 48px;
    font-weight: 400;
  }
  .title1 div {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #5a6066;
    font-family: "MontserratAlternates-Regular";
  }

  .title1 h2 span {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #879099;
  }
  .title2 h3 {
    font-family: "PingFangSC-Medium";
    font-size: 36px;
    font-weight: 400;
  }
  .title2 div {
    margin-top: 10px;
    font-size: 14px;
    color: #5a6066;
    font-weight: 400;
    line-height: 17px;
  }
  .title2 p {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
  }

  /* JN江南 核心 */

  .hx-box > div > div,
  .hx-box {
    position: relative;
  }
  .hx-box .hx-box-bg1 {
    position: absolute;
    height: 880px;
    width: 50%;
    top: 145px;
    left: 0;
    z-index: -1;
  }
  .hx-box .hx-box-bg2 {
    position: absolute;
    height: 440px;
    width: 50%;
    top: 1318px;
    right: 0;
    z-index: -1;
  }
  .hx-box .hx1 .img {
    width: 958px;
    height: 526px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .hx-box .hx2 .img {
    width: 958px;
    height: 526px;
    float: left;
  }
  .hx-box .hx1 .title1 {
    height: 145px;
  }
  .hx-box .hx1 .title2 {
    height: 380px;
    width: 484px;
    background: #f7f9fa;
    padding: 0 40px;
  }
  .hx-box .hx1 .title2 h3 {
    padding-top: 50px;
  }
  .h60 {
    height: 60px;
    clear: both;
  }
  .h87 {
    height: 87px;
    clear: both;
  }
  .bg1 {
    background: #f7f9fa;
  }
  .hx-box .hx2 {
    overflow: auto;
    height: 528px;
  }
  .hx-box .hx2 .title2 {
    width: 480px;
    background: #f7f9fa;
    padding: 250px 0 50px 50px;
    float: right;
  }
  .hx-box .hx3 .img {
    position: absolute;
    right: 0;
    top: 0;
  }
  .hx-box .hx3 .title1 {
    height: 145px;
  }
  .hx-box .hx3 .title2 {
    height: 380px;
    width: 484px;
    background: #f7f9fa;
    padding: 0 40px;
  }
  .hx-box .hx3 .title2 h3 {
    padding-top: 50px;
  }

  /* why  */
  .why-box .wrap {
    background-color: #fff;
  }
  .why-box .title1 {
    padding-bottom: 30px;
  }
  .why-box {
    position: relative;
    overflow: auto;
    padding-bottom: 50px;
  }
  .why-box .bg1 {
    height: 60%;
    width: 80%;
    left: 0;
    position: absolute;
    z-index: -1;
    bottom: 0;
  }

  .why-box .bg1-r {
    width: 80%;
    right: 0;
    height: 60%;
    background-color: #f7f9fa;
    position: absolute;
    z-index: -1;
    bottom: 0;
  }
  .why-li {
    background: #fff;
    overflow: auto;
  }
  .why-li li {
    float: left;
    width: 360px;
    background: #fff;
  }
  .why-li li img {
    width: 360px;
  }
  .why-li li div {
    padding-bottom: 30px;
    background: #fff;
  }
  .why-li li h3 {
    font-size: 16px;
    display: block;
    padding-top: 30px;
    padding-left: 30px;
    font-weight: normal;
    font-size: 16px;
  }

  .why-li li > div > p {
    line-height: 25px;
    padding-top: 10px;
    font-size: 12px;
    padding-left: 30px;
    color: #666;
  }

  .wzjs-box-1 li h3 {
    font-size: 24px;
  }

  .wzjs-box-1 li > div > p {
    font-size: 16px;
  }
  /* school-box */

  .school-box {
    height: 660px;
    position: relative;
  }
  .school-box .wrap {
    position: relative;
  }
  .school-box .bg1 {
    height: 515px;
    width: 85%;
    left: 0;
    position: absolute;
    z-index: -1;
    bottom: 0;
  }
  .school-box .title1 {
    width: 400px;
  }
  .school-box .imgbox {
    width: 1008px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .school-box .imgbox .img1 {
    float: left;
    width: 639px;
    position: relative;
    height: 596px;
  }
  .school-box .imgbox .img2 {
    float: right;
    width: 359px;
    position: relative;
    height: 292px;
  }
  .school-box .imgbox .img3 {
    margin-top: 12px;
    float: right;
    width: 359px;
    position: relative;
    height: 292px;
  }
  .school-box .imgbox .text-btn {
    position: absolute;
    bottom: 20px;
    left: 25px;
  }
  .school-box .imgbox .text-btn div {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: 88px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    background: #ffffff;
    color: #000;
  }
  .school-box .imgbox .text-btn span {
    display: block;
    float: right;
    width: 40px;
    font-size: 14px;
    height: 40px;
    background: url(/skin/img/r2.png) no-repeat center;
  }
  .school-box .title1 {
    height: 145px;
  }
  .school-box .title2 {
    height: 380px;
    width: 370px;
    background: #f7f9fa;
    padding: 0 40px 0 0;
  }
  .school-box .title2 h3 {
    padding-top: 50px;
  }

  /* footer */
  .footer {
    position: relative;
    color: #fff;
    margin-top: 130px;
    background-color: #000000;
  }
  .footer a {
    color: #879099;
  }
  .footer .footer-l {
    width: 535px;
    height: 594px;
    position: absolute;
    top: -30px;
    z-index: 1;
    background-color: #232729;
    left: 0;
  }
  .footer .footer-l .flogo {
    padding-top: 260px; 
  }  .footer .footer-l .flogo  img{width: 330px; height: 74px;  display: inline-block;}
  .footer .footer-l .cp {
    padding-top: 172px;
    text-align: left; 
    color: #879099; padding-left: 30px;
  }
  .footer .footer-c {
    width: 836px;
    height: 564px;
    float: right;
  }
  .footer-c-t {
    line-height: 1;
  }
  .footer-c-t span {
    color: #bac4cd;
  }
  .footer .wrap {
    height: 564px;
    position: relative;
  }

  .footer .footer-c-t {
    padding-top: 90px;
    font-size: 28px;
  }
  .footer-c-t span {
    font-size: 12px;
  }

  .footer .footer-c ul {
    margin-top: 79px;
  }
  .footer .footer-c ul li {
    font-size: 14px;
    line-height: 40px; 
    color: #bac4cd;
    padding-left: 30px;
  }
  .footer .footer-c ul li:nth-child(1) {
    background: url(/skin/img/c1.png) no-repeat center left;background-size: 30px;
  }
  .footer .footer-c ul li:nth-child(2) {
    background: url(/skin/img/c2.png) no-repeat center left;background-size: 30px;
  }

  .footer .footer-c ul li:nth-child(3) {
    background: url(/skin/img/c3.png) no-repeat center left;background-size: 30px;
  }
  .footer .footer-c .rb {
    border-top: 1px solid #596067;
    margin-top: 100px;
    color: #879099;
    padding-top: 30px;
  }
  .footer .rb a {
    margin-left: 70px;
  }


  .flink{ line-height: 30px;color: #879099;}  .footer .rb  .flink a{margin-right: 10px;margin-left:0 ;display: inline-block;}
  .footer-r {
    position: absolute;
    right: 0;
    top: -30px;
  }
  .footer-r .ewm {
    margin-top: 160px;
    line-height: 30px;
  }

  .footer .ewm span {
    color: #879099;
  }
  .footer-r .ewm .img {
    width: 66px;
  }
  .bg2 {
    position: absolute;
    top: -30px;
    left: -400px;
    height: 594px;
    width: 800px;
    background-color: #232729;
  }
  .footer .gotop{ cursor: pointer;}
  .content-head {
    position: fixed;
    z-index: 999;
    width: 100%;
    min-width: 1442px;
    top: 0;
    background: rgba(255, 255, 255, 1);

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -ms-transition: all 1.5s;

    -o-transition: all 1.5s;

    transition: all 1.5s;
  }
  .content-head .head-menu li > a::after {
    background-color: #242729;
  }
  .content-head li a {
    color: #242729 !important;
  }
  .content-head .top {
    box-shadow: 0px 4px 14px 0px rgba(35, 36, 37, 0.07);
  }




 .cityChooseBtn{display:inline-block;background:#009fe6 ;color:#fff!important;padding:5px 15px 5px 30px;border-radius:5px;font-size: 16px; margin-left: 10px;background:#009fe6 url(../img/p.png) no-repeat 10px center; background-size: 16px; }
.cityChooseBtn i{padding:0 5px 0 0}
.cityPopup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;display:none}
.cityPopup.on{display:block}
.posi-ico{background:url(/skin/img/pblue.png) no-repeat left center; background-size: 18px; display:inline-block; width: 18px; height: 18px;}
.cityPopup dl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:1000px;padding:40px}
.cityPopup dd{font-size:28px;color:#4d4d4d;line-height:1;position:relative;padding:0 0 20px;border-bottom:1px solid #ddd;margin-bottom:20px}
.cityPopup dd i{position:absolute;right:0;top:0;width:30px;height:30px;background:#009fe6 ;color:#fff;text-align:center;border-radius:5px;line-height:30px;font-size:20px;cursor:pointer ;font-style: normal;}
.cityPopup dt{max-height:500px}
.cityPopup dt h3{padding:20px 0 0 0}
.cityPopup dt h3:first-of-type{padding:0}
.cityPopup dt h3 a{font-size:20px;color:#4d4d4d;display:inline-block}
.cityPopup dt h3 a i{color:#009fe6 }
.cityPopup dt h3 a:hover{color:#009fe6 }
.cityPopup dt ul{padding:5px 0 0 0}
.cityPopup dt li{float:left;width:20%}
.cityPopup dt li a{font-size:16px;line-height:15px;color:#009fe6 ;text-align:left;word-break:break-word;padding:7px 0;display:inline-block}
.cityPopup dt li a i{color:#000}
.cityPopup dt li a:hover{color:#009fe6 ;text-indent:10px}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#009fe6 !important}


  /* 全域 */
  .banner {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    height: 434px;
    position: relative;
  }

  .banner .text {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
  }

  .banner .text h2 {
    font-size: 48px;
  }
  .banner .text div {
    font-size: 16px;
    color: #5a6066;
    line-height: 30px;
  }
  .banner .text p {
    margin-top: 54px;
    line-height: 24px;
    color: #5a6066;
  }

  .qy-box1 {
    padding: 10px 70px;
    height: 432px;
    background-color: #ffffff;
  }

  .qy-box1 h2 {
    font-size: 36px;
    font-weight: normal;

    padding-top: 45px;
  }
  .qy-box1 h2 span {
    font-size: 14px;
    color: #5a6066;
    padding-left: 10px;
  }

  .qy-box1 p {
    line-height: 35px;
    padding-top: 10px;
  }
  .qy-box2 {
    margin-top: 130px;
  }
  .qy-box2 li {
    width: 1440px;
    height: 284px;
    background-color: #ffffff;
    margin-top: 50px;
    margin-bottom: 130px;
  }

  .qy-box2 li .img {
    float: left;
    margin-top: -50px;
    margin-left: 70px;
  }
  .qy-box2 li .text {
    float: right;
    width: 900px;
  }

  .qy-box2 li .text h2 {
    margin-top: 32px;
    font-size: 36px;
  }
  .qy-box2 li .text {
    padding-right: 70px;
  }
  .qy-box2 li .text p {
    font-size: 16px;
    margin-top: 31px;
    line-height: 25px;
  }

  .qy-box2 li .text a {
    display: block;
    width: 190px;
    line-height: 48px;
    padding-left: 20px;
    height: 48px;
    background: url(/skin/img/qy/r.png) no-repeat 140px center; background-size: 25px;
    background-color: #eff3f5;
    border: solid 1px #f6f6f6;
    margin-top: 50px; font-size: 16px;
  }

  /* 资讯 */

  .banner2 {
    width: 100%;
    height: 434px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .banner2 .text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1442px;
    margin-left: -721px;
    width: 100%;
    color: #ffffff;
    transform: translateY(-50%);
  }

  .banner2 .text h2 {
    font-size: 48px;
    letter-spacing: 12px;
    line-height: 80px;
  }
  .banner2 .text div {
    font-size: 16px;

    line-height: 30px;
  }
  .news-box {
    overflow: hidden;
  }
  .news-box li {
    height: 240px;
    padding: 30px;
    background-color: #ffffff;
    margin-bottom: 40px;
  }

  .news-box li .img {
    float: left;
    width: 320px;
    height: 180px;
  }
  .news-box li img {
    width: 320px;
    height: 180px;
  }
  .news-box li .text {
    float: right;
    width: 1020px;
  }

  .news-box li .text h2 {
    font-size: 24px;
  }

  .news-box li .text p {
    font-size: 14px;
    margin-top: 20px;
    line-height: 25px;
  }

  /* 资讯详情 */

  .news-content-l {
    width: 860px;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 4px;
  }

  .news-content-r {
    width: 300px;
    padding: 0 20px 20px 20px;
    background-color: #ffffff;
    border-radius: 4px;
  }
  .news-content-r  img{
    width: 88px; height: 50px;
   
  }
  .news-content {
    overflow: auto;
    width: 1180px;
    margin: 0 auto;
  }
  .arc-pre {
    padding-top: 30px;
  }
  .arc-pre h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
    margin-top: 20px;
  }
  .news-content-l h1 {
    font-size: 24px;
    font-weight: normal;
width: 560px; float: left; padding-bottom: 5px; line-height: 30px;
    color: #242729;
  }
  .arc-title{ border-bottom: 1px solid #eeeeee; overflow: auto;  position: relative;}
  .news-content-l .info {
    font-size: 14px;
  position: absolute; right: 0 ; bottom: 0;
width: 250px;
    color: #999999;text-align: right;
    line-height: 30px;
   
  }
  .news-content-l .body {
    margin-top: 24px;
    line-height: 1.6;
    text-align: justify;
  }
  .news-content-l .body p {
    margin-bottom: 10px;
  }

  .news-content-r > div {
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
    line-height: 60px;
  }

  .news-content-r ul li {
    overflow: auto;
    padding: 10px 0px;
    clear: both;
    border-bottom: 1px solid #eee;
  }
  .news-content-r ul li .text {
    width: 160px;
    font-size: 16px;
    font-weight: normal;

    line-height: 24px;

    color: #242729;
  }


  
.yecms-page {
  height: 30px;
  overflow: hidden;
  margin: 20px 0 15px;
  text-align: center;
  clear: both;
}

.yecms-page ul {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  *padding-left: 20px;
}

.yecms-page ul li {
  display: inline-block;
  margin: 0 4px 0 0; float: left;
}

.yecms-page ul li.thisclass,.yecms-page ul li.thisclass a  { display: block;
 width: 30px;
  height: 30px;
  font-weight: normal;
  line-height: 30px; 
  border-radius: 2px;
  background: #009fe6;
  color: #fff;
}

.yecms-page ul li a {
  display: block;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
}

.yecms-page ul li a:hover {
  color: #fff;
  background: #009fe6;
  border-radius: 2px;
  text-decoration: none;
  border: none;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d1d1d1;

}
  /* 网站建设 */

  .swiper1 {
    height: 100vh;
    overflow-y: auto;
    background: #fff;
    position: relative;
  }
  .swiper1 .swiper-slide {
    padding-top: 117px;
    height: 100vh;
  }
  .swiper1 a {
    display: block;

    width: 100%;
    height: 95%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* .swiper1 .swiper-button-prev {
  background: url(/skin/img/s-pre.png) no-repeat center !important;
}
.swiper1 .swiper-button-next {
  background: url(/skin/img/s-next.png) no-repeat center;
} */

  .swiper1 .swiper-pagination {
    bottom: 60px;
    left: auto;
    text-align: right;
    padding-right: 220px;
  }
  .swiper-pagination-bullet {
    border: none;
    width: 36px;
    height: 6px;
    background: #cccccc;
    border-radius: 5px;
  }
  .swiper-pagination-bullet-active {
    border: none;
    background: #000;
  }
  .swiper-pagination-bullet:before {
    border: none;
    background: none;
  }
  .swiper-pagination-bullet-active:before {
    border: none;
    background: none;
  }
  .al-box .wrap {
    position: relative;
  }
  .al-box {
    overflow-x: hidden;
    height: 1035px;
    position: relative;
  }
  .al-box .bg1 {
    height: 772px;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: -1;
    bottom: 0;
  }
  .al-box .img-bg {
    width: 1440px;
    height: 626px;
    background-image: url(/skin/img/wzjs/a1.png);
    background-size: cover;
    background-position: left;
    left: 260px;
    position: absolute;
    z-index: -1;
    top: 0;
  }

  /* al-box */
  .al-box .prev-box {
    position: absolute;
    bottom: 250px;
    width: 1400px;
    margin: 0 auto;
    left: 50%;
    margin-left: -700px;
  }
  .al-box .swiper-button-prev,
  .al-box .swiper-button-next {
    position: absolute;
  }
  .al-box .swiper-button-prev {
    background: url(/skin/img/wzjs/l.png) no-repeat center;
    width: 65px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 32px;
  }

  .al-box .swiper-button-next {
    background: url(/skin/img/wzjs/r.png) no-repeat center;
    width: 65px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 32px;
  }
  .al-box .swiper-container {
    position: relative;
    width: 100%;
    margin-top: 435px;

    height: 450px;
  }

  .al-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    height: 450px;
    /* Center slide text vertically */
  }

  .al-box .swiper-slide h3 {
    line-height: 106px;
    background-color: #f0f3f5;
    height: 106px;
  }
  .al-box .swiper-slide p {
    font-size: 16px;
    padding: 32px;
    line-height: 38px;
  }
  .lc-box .title1 {
    margin-bottom: 60px;
  }
  .hzhb-box .wrap {
    z-index: 1;
    position: relative;
  }
  .hzhb-box {
    height: 442px;
    position: relative;
  }

  .hzhb-box .bg1 {
    width: 100%;
    position: absolute;
    height: 412px;
    bottom: 0;
  }

  .hzhb-box-li {
    margin-top: 40px;
  }
  .hzhb-box-li li {
    width: 280px;
    float: left;
    margin-left: 10px;
  }
  .hzhb-box-li li:first-child {
    margin-left: 0;
  }
  .hzhb-box-li li span {
    display: block;
    line-height: 60px;
  }
  /* 舆情 */
  /* banner */
  .h-banner {
    overflow-y: auto;
    position: relative;
  }
  .h-banner a {
    display: block;
    height: 638px;
    width: 100%;
    position: relative;
    background-size: cover;
  }
  .h-banner .banner-text {
    padding-top: 190px;
    height: 638px;
    padding-left: 100px;
    line-height: 50px;

    color: #fff;
  }

  .h-banner .swiper-button-prev {
    background: url(/skin/img/s-pre.png) no-repeat center !important;
  }
  .h-banner .swiper-button-next {
    background: url(/skin/img/s-next.png) no-repeat center;
  }
  .banner-text h2 {
    font-size: 52px;
    margin-bottom: 30px;
    font-weight: normal;
  }
  .banner-text p {
    font-size: 28px;font-family: "PingFangSC-Regular";
    font-weight: 300;
  }
  .banner-text .btn {
    position: absolute;
    font-size: 18px;
    margin-top: 10px;
    width: 346px;
    height: 68px;
    line-height: 68px;
    bottom: 114px;
    background-color: #ffffff;
    color: #000;
    text-align: center;
  }

  .banner-text .btn::after {
    content: "";
    display: block;
    width: 43px;
    height: 68px;
    position: absolute;
    background: url(/skin/img/wzjs/r2.png) no-repeat left;
    background-size: 26px;
    right: 70px;
    top: 1px;
}
  .h-banner .swiper-pagination {
    bottom: 40px;
  }

  .h-banner .swiper-pagination-bullet {
    width: 36px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 6px;
  }
  .h-banner .swiper-pagination-bullet-active {
    border-color: #fff;
    background-color: #fff;
  }
  .h-banner .swiper-pagination-bullet:before {
    background: #ffffff;
    width: 0;
  }
  .h-banner .swiper-pagination-bullet-active:before {
    background: #fff;
    width: 0;
  }
  .w-btn {
    height: 50px;
    width: 180px;
    margin-left: -90px;
    background: url(/skin/img/w-btn.png) no-repeat bottom;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
  }
  .yq-box-2 li {
    width: 50%;
  }
  .yq-box-2 li img {
    width: 100%;
  }

  .yq-box-2 .why-li li h3 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #060606;
  }
  .yq-box-2 .why-li li div {
    background: #fff;
  }
  .yq-box-2 .why-li li div p {
    background: #fff;
    font-size: 16px;
  }
  .why-box .why-li24 li h3 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #060606;
  }
  .why-box .why-li24 li div p {
    background: #fff;
    font-size: 16px;
  }
  /* 服务机构 */
  .yq-box-3 {
    overflow: auto;
  }
  .yq-box-3 li {
    width: 230px;
    margin-bottom: 24px;
    height: 310px;
    float: left;
    margin-left: 12px;
    background-color: #ffffff;
    box-shadow: 1px 4px 8px 0px rgba(36, 39, 41, 0.1);
  }
  .yq-box-3 li:first-child,
  .yq-box-3 li:nth-child(7) {
    margin-left: 0;
  }
  .yq-box-3 li h3 {
    width: 230px;
    height: 78px;
    line-height: 78px;
    font-size: 30px;
    font-weight: normal;
    background-color: #f0f3f5;
    text-align: center;
  }
  .yq-box-3 li p {
    height: 212px;
    padding: 20px 0px;
    text-align: center;
    line-height: 36px;
  }
  .yq-box-4 {
    overflow: auto;
  }
  .imgbox-li6 {
    margin-top: 40px;
  }
  .imgbox-li6 li {
    float: left;
    width: 235px;
    height: 120px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left: 6px;
    margin-bottom: 6px;
  }
  .imgbox-li6 li:nth-child(1),
  .imgbox-li6 li:nth-child(7),
  .imgbox-li6 li:nth-child(13),
  .imgbox-li6 li:nth-child(19) {
    margin-left: 0;
  }

  /* 合作伙伴 */
  .libox-3 {
    overflow: auto;
    padding-top: 40px;
    position: relative;
  }
  .libox-3 li:nth-child(2),
  .libox-3 li:nth-child(5) {
    margin: 0 115px;
  }
  .libox-3 li {
    float: left;
    width: 400px;
    height: 258px;
    background-color: #ffffff;
    box-shadow: 1px 4px 8px 0px rgba(36, 39, 41, 0.1);
    margin-bottom: 32px;
  }

  .libox-3 li .img {
    width: 208px;
    height: 66px;
    margin: 26px 96px;
  }
  .libox-3 li p {
    padding: 0 34px;
    line-height: 25px;
  }

  .yq-box-5 {
    position: relative;
  }
  .yq-box-5 .bg1 {
    height: 55%;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  /* 声誉管理 */
  .sy-box-1-1 .title2 {
    margin-top: 68px;
    background-color: #fff;
    height: 442px;
    float: left;
    width: 562px;
    padding-left: 70px;
    padding-top: 40px;
  }
  .sy-box-1-1 .img {
    width: 878px;
    height: 450px;
    float: right;
  }
  .sy-box-1 .h60 {
    background: #fff;
  }
  .sy-box-1-2 .title2 {
    margin-top: 0px;
    background-color: #fff;
    height: 447px;
    float: right;
    width: 540px;
    padding-left: 30px;
  }
  .sy-box-1-2 .img {
    width: 878px;
    height: 450px;
    float: left;
  }
  .sy-box-1-2 .img img {
    width: 878px;
    height: 450px;
  }
  .sy-box-1-1,
  .sy-box-1-2,
  .sy-box-1 {
    position: relative;
    overflow: auto;
  }
  .sy-box-1 .bg1 {
    width: 70%;
    position: absolute;
    right: 0;
    height: 442px;
    background: #fff;
    top: 68px;
  }
  .sy-box-1 .bg3 {
    width: 70%;
    position: absolute;
    left: 0;
    height: 450px;
    background: #fff;
    bottom: 0px;
  }

  .sy-box-3 {
    overflow: auto;
    position: relative;
  }
  .sy-box-3 .wrap {
    position: relative;
    margin: 46px auto;
    overflow-y: auto;
  }
  .sy-box-3 .title2 {
    padding-top: 130px;
  }
  .sy-box-3 .bg1 {
    position: absolute;
    height: 100%;
    left: top;
    background-color: #fff;
    width: 80%;
  }
  .sy-box-4 {
    overflow: auto;
    background-color: #fff;
    padding: 60px 0;
  }
  .sy-box-4 ul {
    padding-top: 46px;
  }
  .sy-box-4 li {
    width: 696px;
    float: left;
  }

  .sy-box-4 li:nth-child(1) {
    margin-right: 48px;
  }
  .sy-box-4 li .img {
    width: 696px;
    height: 358px;
  }
  .sy-box-4 li p {
    padding: 20px 0;
    line-height: 25px;
  }
  .sy-box-2 {
    position: relative;
  }
  .sy-box-2 .wrap {
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -722px;
    top: 198px;
    height: 1px;
  }

  .sy-box-2 .l {
    position: relative;
    width: 30%;
    background-color: #fff;
    height: 482px;
    box-shadow: 10px 0px 5px 0px rgb(35 36 37 / 7%);
    z-index: 4;
    position: relative;
  }
  .sy-box-2 .title2 {
    position: absolute;
    z-index: 5;
    width: 300px;
  }
  .sy-box-2 {
    position: relative;
    padding-top: 110px;
  }
  .sy-box-2 .bg4 {
    height: 516px;
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eff3f5;
  }
  .sy-box-2 .r {
    position: relative;
    width: 70%;
  }

  .swiper3 .swiper-slide {
    height: 482px;
    background-color: #fff;
  }
  .swiper3 .swiper-wrapper {
      margin-left: 80px; 
  }
  
  .swiper3 .empty{background:none;}
  .swiper3 .swiper-slide img {
    width: 100%;
  }
  .swiper3 .swiper-slide h3 {
    line-height: 20px;
    padding: 20px;
  }
  .swiper3 .swiper-slide p {
    padding: 0 20px 20px 20px;
    line-height: 25px;
    color: #5a6066;
  }
  .swiper3 .swiper-button-prev {
    background: url(/skin/img/sy/l.png) no-repeat center;
    width: 65px;
    height: 65px;
    left: 50px;

    border-radius: 32px;
  }

  .swiper3 .swiper-button-next {
    background: url(/skin/img/sy/r.png) no-repeat center;
    width: 65px;
    height: 65px;
    right: 50px;

    border-radius: 32px;
  }

  /* 业务优势 */

  .ys-box-1 {
    position: relative;
    overflow: auto;
    height: 528px;
  }

  .ys-box-1 .title2 {
    width: 400px;
    float: left;
  }

  .ys-box-1 .img {
    float: right;
    height: 528px;
  }
  .ys-box-1 .img img {
    height: 528px;
  }
  .ys-box-1 .bg1 {
    height: 420px;
    width: 80%;
    left: 0;
    position: absolute;
    z-index: -1;
    top: 0;
  }

  .ys-box-2 {
    position: relative;
    overflow: auto;
    height: 528px;
  }

  .ys-box-1 .title2 {
    padding: 45px 0 0 0px;
  }
  .ys-box-2 .title2 {
    width: 400px;
    float: right;
    padding: 45px 0 0 0px;
  }
  .ys-box-2 .img img {
    height: 528px;
  }
  .ys-box-2 .img {
    height: 528px;
    float: left;
  }

  .ys-box-2 .bg1 {
    height: 420px;
    width: 80%;
    right: 0;
    position: absolute;
    z-index: -1;
    top: 0;
  }

  .ys-box-3 {
    position: relative;
    overflow: auto;
    height: 528px;
  }
  .ys-box-3 .bg1 {
    height: 420px;
    width: 80%;
    right: 0;
    position: absolute;
    z-index: -1;
    top: 0;
  }
  .ys-box-3 .img {
    width: 958px;
    float: right;
    height: 526px;
  }
  .ys-box-3 .img img {
    width: 958px;
    height: 526px;
  }
  .ys-box-3 .title2 {
    float: left;
    padding: 45px 0 0 45px;
    width: 480px;
    height: 420px;
    background: #f7f9fa;
  }

  /* 品牌介绍 */
  .banner3 {
    background-color: #f7f9fa;
    height: 476px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ppjs-box-1 {
    background: #f7f9fa;
    overflow: auto;
    padding-bottom: 25px;
  }
  .ppjs-box-1 > div {
    width: 1000px;
    margin: 30px auto;
  }
  .ppjs-box-1 .l {
    width: 200px;
  }

  .ppjs-box-1 h3 {
    font-size: 36px;
    border-bottom: 2px solid #242729;
    line-height: 70px;
    display: inline-block;
  }
  .ppjs-box-1 .title2 div {
    line-height: 25px;
  }
  .ppjs-box-1 p {
    width: 700px;
    font-size: 16px;
    padding: 30px;
    line-height: 40px;
  }

  .ppjs-box-2 {
    overflow: auto;
    position: relative;
    background-color: #fff;
    padding: 60px 0;
  }
  .ppjs-box-2 ul {
    padding-top: 30px;
    position: relative;
  }
  .ppjs-box-2 li {
    width: 404px;
    float: left;
    margin-left: 68px;
  }

  .ppjs-box-2 li:nth-child(1) {
    margin-left: 0px;
  }
  .ppjs-box-2 li .img {
    width: 404px;
    height: 404px;
  }
  .ppjs-box-2 li .img img {
    width: 404px;
    height: 404px;
  }
  .ppjs-box-2 li h2 {
    line-height: 50px;
    font-size: 24px;
    font-weight: normal;
  }
  .ppjs-box-2 li p {
    padding: 10px 0;
    font-size: 16px;
    line-height: 25px;
  }

  .ppjs-box-2 .bg1 {
    position: absolute;
    height: 50%;
    bottom: 0;
    width: 100%;
  } 
  
  .js-tab{ width: 1442px ; margin: 0 auto; margin-top: 50px; min-height: 100px;}
  .news-content-r > div{ border-bottom: 0; }
  .js-tab  ul li .img{ width: 200px;}  .js-tab  ul li img{width: 200px; height: auto;}
  .js-tab  ul li .text{ width: 1180px; font-weight: 600;}
  .js-tab  ul li p{     float: right;
    width: 1180px;
    line-height: 30px;    padding-top: 10px;}
  .js-tab > div.tab-title{border-top: none;}
  .tab-con ul {
    display: none;
  }
  .tab-con ul.active {
    display: block;
  }
  .tab-title span {
    position: relative;
    display: block;
    float: left;
    margin-right: 0.3rem;
  }
  .tab-title span.active::after {
    content: "";
    display: inline-block;
    left: 00px;
    bottom: 10px;
    position: absolute;
    width:40px;
    height:2px;
    background-color: #242729;
    display: inline-block;
    margin-left: 15px;
  }








    .ta-title {
        margin-top: 40px;
        position: relative;
        display: block;
        font-size: 16px;
        float: left;
        line-height: 50px;
    }
    .ta-title::after {
        content: "";
        display: inline-block;
        left: 00px;
        bottom: 10px;
        position: absolute;
        width: 40px;
        height: 2px;
        background-color: #242729;
        display: inline-block;
        margin-left: 15px;
    }
    .tags-arclist ul {
        clear: both;
    }
    .tags-arclist ul li {
        border-bottom: 1px solid #eee;
        width: 800px;
        height: 170px;
        padding: 10px 0;
    }
    .tags-arclist ul li .img img {
        max-width: 100%;
        max-height: 100%;
    }
    .tags-arclist ul li .img {
        width: 200px;
        height: 150px;
        padding: 10px 10px 10px 0;
    }
    .tags-arclist ul li .text {
        font-size: 18px;
        font-weight: 600;
        width: 580px;
        height: 50px;
        padding: 10px 0 10px 0;
    }
    .tags-arclist ul li P {
        height: 100px;
        float: right;
        width: 580px;
        padding: 0 10px 0 0px;
        font-size: 16px;
    }

}