@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,

strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, footer, header, section,

tfoot, thead, tr, th, td, textarea, input {

  margin: 0;

  padding: 0;

  box-sizing: border-box; }



/*-------------公共小样式---------------*/

/*多行文本隐藏*/

/*字体设置*/

/*渐变色背景*/

/*提示文字*/

/*过渡动画*/

/*-------------------共享---------------------*/

.cen {

  width: 1200px;

  margin: 0 auto;

  position: relative; }



/*居中*/

.position_z {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0); }



/*底部*/

.xjw_footer {

  background: #231f20;

  padding: 40px 0; }

  .xjw_footer .cen {

    display: flex; }

    .xjw_footer .cen .left {

      flex: 1;

      display: flex; }

      .xjw_footer .cen .left .leftInfo {

        flex: 1; }

        .xjw_footer .cen .left .leftInfo h1 {

          font-size: 18px;

          padding: 15px 0;

          color: #fff;}

        .xjw_footer .cen .left .leftInfo h2 {

          height: 2px;

          width: 30px;

          background: #fff; }

        .xjw_footer .cen .left .leftInfo .leftList {

          margin-top: 10px; }

          .xjw_footer .cen .left .leftInfo .leftList a {

            font-size: 16px;

            color: #fff;

            text-decoration: none;

            display: block;

            padding: 5px 0; }

    .xjw_footer .cen .right {

      margin-right: 140px;

      text-align: center;

      margin-top: 60px; }

      .xjw_footer .cen .right h6 {

        font-size: 16px;

        color: #fff;

        margin-top: 10px; 

		font-weight: 100;

    }

    .right>img{

    	width: 70px;

    }



/*浮窗*/

.xjw_fc {

  position: fixed;

  bottom: 30px;

  right: 0;

  background: #fff;

  z-index: 20; }

  .xjw_fc .listInfo {

    width: 70px;

    height: 70px;

    border: 1px solid #f1f1f1;

    position: relative;

    cursor: pointer; }

    .xjw_fc .listInfo .infoNav {

      position: absolute;

      right: 69px;

      top: 0;

      /*padding-right: 10px;*/

      display: none; }

      .xjw_fc .listInfo .infoNav .navCover {

        border: 1px solid #f1f1f1;

        padding: 10px;

        background: #fff;

        width: 140px;

        overflow: hidden; }

        .xjw_fc .listInfo .infoNav .navCover a {

          display: block;

          overflow: hidden; }

          .xjw_fc .listInfo .infoNav .navCover a .navPhone {

            float: left;

            width: 20px;

            margin-left: 10px; }

          .xjw_fc .listInfo .infoNav .navCover a span {

            font-size: 16px;

            color: #231f20;

            float: left;

            display: block;

            margin-left: 10px; }

        .xjw_fc .listInfo .infoNav .navCover a:hover span {

          text-decoration: underline;

          display: block; }

        .xjw_fc .listInfo .infoNav .navCover .navEcode {

          width: 120px;

          height: 120px; }

  .xjw_fc .listInfo:hover .infoNav {

    display: block; }



/*第一部分*/

.xjw_one .oneNav {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 50px 0; }

  .xjw_one .oneNav .oneList {

    margin-left: 20px; }

    .xjw_one .oneNav .oneList .oneInfoImg {

      width: 160px;

      height: 160px;

      border-radius: 50%;

      background: #e5e5e5;

      position: relative;

      overflow: hidden; }

      .xjw_one .oneNav .oneList .oneInfoImg img {

        max-width: 100%;

        max-height: 100%; 

        border-radius: 50%;
      }

      .xjw_one .oneNav .oneList .oneInfoImg img:first-of-type {

        display: block; }

      .xjw_one .oneNav .oneList .oneInfoImg img:last-of-type {

        display: none; }

    .xjw_one .oneNav .oneList .oneInfoImg:hover {

      background: #f5ab18; }

      .xjw_one .oneNav .oneList .oneInfoImg:hover img:first-of-type {

        display: none; }

      .xjw_one .oneNav .oneList .oneInfoImg:hover img:last-of-type {

        display: block; }

    .xjw_one .oneNav .oneList .oneInfoTest {

      font-size: 16px;

      color: #231f20;

      text-align: center;

      line-height: 60px; }



/*第二部分*/

.xjw_two .twoTitle {

  font-size: 40px;

  color: #231f20;

  text-align: center; }

.xjw_two .twoCover {

  width: 50px;

  height: 10px;

  background: #f5ab18;

  margin: 20px auto 0; }

.xjw_two .twoMore a {

  font-size: 16px;

  color: #231f20;

  float: right;

  line-height: 30px;

  text-decoration: none; }

.xjw_two .twoMore a:hover {

  text-decoration: underline; }

.xjw_two .twoInfo {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap; }

  .xjw_two .twoInfo .twoLeft {

    width: 590px;

    height: 590px;

    overflow: hidden;

    position: relative;

    background: #f7f7f7;

    flex: 1; }

    .xjw_two .twoInfo .twoLeft img {

      max-width: 100%;

      max-height: 100%; 

      border: 1px solid #f1f1f1;

    }

  .xjw_two .twoInfo .twoRight {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    flex: 1;

    margin-left: 20px; }

    .xjw_two .twoInfo .twoRight .twoRightInfo {

      width: 285px;

      height: 285px;

      overflow: hidden;

      position: relative;

      background: #f7f7f7;

      margin-bottom: 20px; }

      .xjw_two .twoInfo .twoRight .twoRightInfo img {

        max-width: 100%;

        max-height: 100%; 

        border: 1px solid #f1f1f1;

      }

      .xjw_two .twoInfo .twoRight .twoRightInfo .twoInfoCover h1 {

        font-size: 24px;

        color: #fff; }

  .xjw_two .twoInfo .twoInfoCover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    display: none; }

    .xjw_two .twoInfo .twoInfoCover .twoInfoNav {

      width: 80%; }

      .xjw_two .twoInfo .twoInfoCover .twoInfoNav h1 {

        font-size: 50px;

        color: #fff;

        text-align: center; }

      .xjw_two .twoInfo .twoInfoCover .twoInfoNav h2 {

        width: 90px;

        height: 2px;

        margin: 20px auto;

        background: #fff; }

      .xjw_two .twoInfo .twoInfoCover .twoInfoNav p {

        font-size: 14px;

        color: #fff;

        line-height: 24px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        text-align: justify; }

  .xjw_two .twoInfo .twoRightInfo:hover .twoInfoCover, .xjw_two .twoInfo .twoLeft:hover .twoInfoCover {

    display: block; }



/*第三部分*/

.xjw_three {

  padding: 80px 0; }

  .xjw_three .threeTitle {

    font-size: 40px;

    color: #231f20;

    text-align: center; }

  .xjw_three .threeCover {

    width: 50px;

    height: 10px;

    background: #f5ab18;

    margin: 20px auto 0; }

  .xjw_three .xjw_ways {

    margin-top: 30px;

    position: relative; }

    .xjw_three .xjw_ways .swiper-slide {

      width: 380px;

      height: 540px;

      background: #fff;

      padding: 20px; }

      .xjw_three .xjw_ways .swiper-slide img {

        width: 100%;

        max-height: 210px; }

      .xjw_three .xjw_ways .swiper-slide h1 {

        font-size: 20px;

        color: #231f20;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        line-height: 1.5;

        font-weight: normal;

        min-height: 60px;

        margin-top: 25px; }

      .xjw_three .xjw_ways .swiper-slide h2 {

        width: 30px;

        height: 4px;

        background: #333333;

        margin: 15px 0; }

      .xjw_three .xjw_ways .swiper-slide p {

        font-size: 14px;

        color: #666;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        line-height: 1.7;

        height: 92px;

        text-align: justify; }

      .xjw_three .xjw_ways .swiper-slide a {

        width: 80px;

        height: 30px;

        border-radius: 10px;

        border: 1px solid #333;

        display: block;

        text-align: center;

        line-height: 28px;

        margin: 30px auto;

        font-size: 14px;

        color: #231f20;

        text-decoration: none; }

    .xjw_three .xjw_ways .xjw_prev {

      position: absolute;

      top: 50%;

      margin-top: -10px;

      left: -100px;

      cursor: pointer; }

    .xjw_three .xjw_ways .xjw_next {

      position: absolute;

      top: 50%;

      margin-top: -10px;

      right: -100px;

      cursor: pointer; }



/*第四部分*/

.xjw_four {

  padding: 30px 0 80px; }

  .xjw_four .four_top {

    padding: 40px 0; }

    .xjw_four .four_top h1 {

      font-size: 40px;

      color: #333;

      font-weight: normal;

      text-align: center;

      line-height: 1.5; }

    .xjw_four .four_top a {

      font-size: 16px;

      color: #333;

      display: block;

      text-align: center;

      text-decoration: none;

      line-height: 2; }

  .xjw_four .four_bottom {

    margin-top: 40px;

    display: flex;

    justify-content: space-between; }

    .xjw_four .four_bottom .botTitle h1 {

      font-weight: normal;

      font-size: 40px;

      color: #333; }

    .xjw_four .four_bottom .botTitle h2 {

      width: 50px;

      height: 10px;

      background: #f5ab18;

      margin: 20px 0; }

    .xjw_four .four_bottom .botLeft {

      width: 48%; }

      .xjw_four .four_bottom .botLeft .leftInfo {

        padding: 16px 0;

        border-bottom: 1px solid #eee; }

        .xjw_four .four_bottom .botLeft .leftInfo .infoTitle {

          font-size: 20px;

          color: #333;

          font-weight: bold;

          display: -webkit-box;

          -webkit-box-orient: vertical;

          -webkit-line-clamp: 1;

          overflow: hidden;

          text-decoration: none; }

        .xjw_four .four_bottom .botLeft .leftInfo .infoText {

          font-size: 14px;

          color: #666;

          display: -webkit-box;

          -webkit-box-orient: vertical;

          -webkit-line-clamp: 2;

          overflow: hidden;

          line-height: 1.7;

          text-align: justify;

          margin: 10px 0;

          min-height: 48px;

          text-decoration: none; }

        .xjw_four .four_bottom .botLeft .leftInfo .leftInfoBot {

          display: flex;

          justify-content: space-between; }

          .xjw_four .four_bottom .botLeft .leftInfo .leftInfoBot .infoBotLeft {

            display: flex; }

            .xjw_four .four_bottom .botLeft .leftInfo .leftInfoBot .infoBotLeft a {

              display: block;

              padding: 0 10px;

              height: 24px;

              line-height: 24px;

              background: #f5ab18;

              margin-right: 10px;

              font-size: 12px;

              color: #333;

              border-radius: 5px;

              text-decoration: none; }

          .xjw_four .four_bottom .botLeft .leftInfo .leftInfoBot .infoBotRight {

            font-size: 12px;

            color: #999;

            line-height: 24px; }

      .xjw_four .four_bottom .botLeft .leftInfo:hover .infoTitle, .xjw_four .four_bottom .botLeft .leftInfo:hover .infoText {

        text-decoration: underline; }

    .xjw_four .four_bottom .botRight {

      width: 48%; }

      .xjw_four .four_bottom .botRight .botNav {

        margin-top: 20px;

        overflow: hidden; }

        .xjw_four .four_bottom .botRight .botNav .rightInfo {

          margin-top: 14px; }

          .xjw_four .four_bottom .botRight .botNav .rightInfo .infoTop {

            height: 80px;

            padding: 0 30px;

            position: relative; }

            .xjw_four .four_bottom .botRight .botNav .rightInfo .infoTop h1 {

              font-size: 24px;

              color: #333;

              font-weight: normal;

              line-height: 80px; }

            .xjw_four .four_bottom .botRight .botNav .rightInfo .infoTop a {

              display: block;

              position: absolute;

              bottom: 0;

              right: 0;

              width: 80px;

              height: 24px;

              border-radius: 5px;

              background: #000;

              line-height: 24px;

              font-size: 14px;

              color: #fff; }

              .xjw_four .four_bottom .botRight .botNav .rightInfo .infoTop a img {

                float: left;

                margin-left: 5px;

                margin-top: 8px; }

              .xjw_four .four_bottom .botRight .botNav .rightInfo .infoTop a span {

                float: left;

                margin-left: 6px; }

          .xjw_four .four_bottom .botRight .botNav .rightInfo h2 {

            font-size: 14px;

            color: #666;

            font-weight: normal;

            margin: 7px 0; }

@media (min-width: 1200px) {

  .xjw_three .xjw_ways .swiper-slide img{

      height: 210px;

  }

  .xjw_two{

    padding-bottom: 30px;

  }

}



@media (max-width: 1366px) {

  .xjw_footer .cen, .xjw_one .cen, .xjw_two .cen, .xjw_three .cen, .xjw_four .cen {

    width: 90%; }



  .xjw_two .twoInfo .twoRight .twoRightInfo {

    width: 48%; }



  .xjw_three .xjw_ways .xjw_next {

    right: -30px; }



  .xjw_three .xjw_ways .xjw_prev {

    left: -30px; } }

@media (max-width: 990px) {

  .xjw_footer .cen .right {

    margin-right: 40px; }



  .xjw_two .twoInfo .twoLeft {

    width: 50%;

    height: 450px; }



  .xjw_two .twoInfo .twoRight .twoRightInfo {

    height: 215px;

    width: 48%; }



  .xjw_two .twoInfo .twoRight .twoRightInfo .twoInfoCover h1 {

    font-size: 20px; }



  .xjw_two .twoInfo .twoInfoCover .twoInfoNav p {

    line-height: 1.5; } }

@media (max-width: 768px) {

  .xjw_footer .cen {

    display: block; 

    margin-left: 10%;

  }



  .xjw_footer .cen .left {

    float: left;

    width: 100%;

    flex-wrap: wrap; }



  .xjw_footer .cen .left .leftInfo {

    width: 100%;

    flex: none;

    text-align: center; 

    margin-top: 10px;

  }



  .xjw_footer .cen .left .leftInfo h2 {

    /*margin-left: 50px ;*/ }



  .xjw_footer .cen .right {

    float: right;

    width: 100%;

    margin-right: 7%; }



  .xjw_one .oneNav .oneList {

    margin-left: 0; }



  .xjw_one .oneNav .oneList .oneInfoImg {

    width: 100px;

    height: 100px; }



  .xjw_fc .listInfo .infoNav {

    right: 49px; 

    top: -47px;

  }



  .xjw_fc .listInfo {

    width: 50px;

    height: 50px; }

    .xjw_fc .listInfo .fc_one {

      max-height: 50%;

      max-width: 50%; }



  .xjw_two .twoInfo .twoLeft {

    flex: none;

    width: 100%;

    /*height: 280px;*/

    height: auto;

    margin-bottom: 20px; }



  .xjw_two .twoInfo .twoInfoCover .twoInfoNav h1 {

    font-size: 30px; }



  .xjw_two .twoInfo .twoRight {

    margin-left: 0;

    flex: none;

    width: 100%; }



  .xjw_two .twoInfo .twoRight .twoRightInfo {

    /*height: 170px;*/ 

    height: auto;

  }



  .xjw_two .twoInfo .twoRight .twoRightInfo .twoInfoCover h1 {

    font-size: 20px; }

  

  .xjw_two .twoInfo .twoInfoCover .twoInfoNav h2 {

    margin: 10px auto; } 

  .xjw_two .twoInfo .twoLeft img{

    display: block;



  }

  .xjw_two .twoInfo .twoRight .twoRightInfo img{

    display: block;

  }

  .position_z{

    position: relative;

  }

  .xjw_footer .cen .left .leftInfo h1{

    text-align: left;

    /*padding-left: 50px;*/

  }

  .xjw_footer .cen .left .leftInfo .leftList a{

    text-align: left;

    /*padding-left: 50px;*/

  }

  .leftList>li{

        width: 33.33%;

    display: inline-block;

    float: left;

  }

}

@media (max-width: 640px) {

  .xjw_three .cen {

    width: 70%; }

	.xjw_four{

		padding: 30px 0 30px;

	}

	.xjw_footer{

		padding: 20px 0;

	}

  .xjw_three .xjw_ways .swiper-slide {

    height: auto; }

	.xjw_three .xjw_ways .swiper-slide img{

		height: 38.67vw;

	}

	.xjw_three .xjw_ways .swiper-slide a{

		margin: 15px auto;

	}

  .xjw_four .four_bottom {

    display: block; }



  .xjw_four .four_bottom .botLeft, .xjw_four .four_bottom .botRight {

    width: 100%; }



  .xjw_four .four_bottom .botRight {

    margin-top: 20px; }



  .xjw_four .four_top h1 {

    font-size: 22px; } }

@media (max-width: 320px) {

  .xjw_one .oneNav .oneList .oneInfoImg {

    width: 80px;

    height: 80px; }



  .xjw_three .threeTitle, .xjw_two .twoTitle, .xjw_four .four_bottom .botTitle h1 {

    font-size: 30px; }



  .xjw_three .xjw_ways .swiper-slide {

    height: 440px; } }



/*# sourceMappingURL=xjwCommon.css.map */