@charset "UTF-8";

video {
    max-width: 100%;
}

@media (min-width: 999px){


/* 第一张图片：右边距和下边距 */
.piliangneirong20251101 img:nth-of-type(1) {
    margin-right: 0.5%;
}

/* 第二张图片：下边距和左边距 */
.piliangneirong20251101 img:nth-of-type(2) {
    margin-right: 0.5%;
}

/* 第三张图片：上边距和右边距 */
.piliangneirong20251101 img:nth-of-type(3) {

    margin-right: 0.5%;
}

/* 第四张图片：上边距和左边距 */


}





@media (max-width: 999px){
    .wa{display:none}
}


#jesong_panel{
    display: none!important;
}

.conNew {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 8px;
}

.conNew strong {
color: #1c6da9;
    /* margin-bottom: 10px; */
    /* margin-top: 10px; */
    line-height: 2.5;
    /* margin-bottom: 20px; */
    font-size: 16px;
    /* line-height: 30px;*/
}

.conNew ul {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  /*background: #f7f7f7;*/
  border-radius: 8px;
  /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/
  overflow: hidden;
}

.conNew ul li {
  padding: 12px 20px; /* 调整内边距 */
  margin: 0;
  border-bottom: 1px solid rgba(28, 109, 169, 0.1);
  position: relative;
  transition: all 0.3s ease;
  background: #f7f7f7;
  display: flex;
  align-items: center;
}

.conNew ul li:last-child {
  border-bottom: none;
}

.conNew ul li:hover {
  background: #f7f7f7;
}

.conNew ul li a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
  display: block;
}

.conNew ul li:after {
  content: '>';
  font-family: monospace;
  position: absolute;
  right: 20px;
  color: #1c6da9;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
}

.conNew ul li:hover:after {
  opacity: 1;
  transform: translateX(0);
}


table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  font-family: sans-serif;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #f0f0f0;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f8f8f8;
}

tr:hover {
  background-color: #f5f5f5;
}




        /* 白底黑字框框样式 */
        .info-box20250815 {
            background: white;
            color: #000;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            padding: 30px;
            margin-bottom: 40px;
            border: 1px solid #eaeaea;
            position: relative;
            overflow: hidden;
        }
        
        /* 标题样式 */
        .info-box20250815 h1.tits20250815 {
            color: #000;
            font-size: 32px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e0e0e0;
            position: relative;
        }
        
        .info-box20250815 h1.tits20250815::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 80px;
            height: 2px;
            background: #2c6fbb;
        }
        
        /* 发布时间样式 */
        .publish-info20250815 {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #666;
            margin-bottom: 25px;
            padding: 12px 0;
            border-bottom: 1px dashed #eee;
        }
        
        .publish-time20250815 {
            margin-right: 25px;
            display: flex;
            align-items: center;
        }
        
        .click-count20250815 {
            display: flex;
            align-items: center;
        }
        
        .publish-info20250815 i {
            font-size: 16px;
            margin-right: 8px;
            color: #888;
        }
        
        /* 内容摘要样式 */
        .article-summary20250815 {
            color: #000;
            line-height: 1.8;
            font-size: 16px;
        }
        
        .article-summary20250815 p {
            margin-bottom: 15px;
        }
        
        .article-summary20250815 span {
            font-weight: 600;
            color: #2c6fbb;
        }
        
        
        /* 装饰元素 */
        .corner-label20250815 {
            position: absolute;
            top: 0;
            right: 0;
            background: #2c6fbb;
            color: white;
            padding: 5px 15px;
            font-size: 14px;
            font-weight: 500;
            border-radius: 0 0 0 8px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .info-box20250815 {
                padding: 20px;
            }
            
            .info-box20250815 h1.tits20250815 {
                font-size: 26px;
            }
            
            .publish-info20250815 {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .publish-time20250815 {
                margin-bottom: 8px;
            }
        }
        

@media(min-width:1200px){
    .ccer-1 {
        max-width:1400px!important;
    }
}

.tits-400 {
    font-weight: bold;
    font-size: 0.2rem!important;
    
}

.tiwen{
            border: 1px solid #ccc;
        padding: 10px;
}


.neitu2 {    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-around;}
    
    
.copyright{
    TEXT-ALIGN: center!important;
    float: none!important;
}
    
@media(min-width:999px){
    .neitu2 {    flex-wrap: nowrap;}
}

@media(max-width:999px){
    .neitu2 {flex-wrap: wrap;

    }
    .neitu2 img{
        margin-bottom: 3%;
    }
    .conNew{padding:0px!important}
}


.div-p{
        margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
}

.con img {max-width:100%!important;height:auto!important;}

h3{
    margin: 10px 0!important;
        font-size: 18px!important;
    color: #3d3d3d;
    line-height: 200%;
    margin: 0;
    padding: 0;
    font-weight: 900;
    background-color: #f9f7f7;
    padding: 10px;
}
.con h2 {
    margin-bottom: 22px;
    border-left: 7px solid #01b1b1;
    padding-left: 13px;
    font-size: 24px;
    min-height: 34px;
    line-height: 34px;
    margin-top: 22px;
    font-weight: 700;
    /*font-size: 48px*/
}
.con p {margin-bottom:20px;font-size:16px;line-height:30px;}






/*.body{

	overflow: hidden;

}*/


.header .headerRight .searchBox .text{opacity: 0}
.header .headerRight .searchBox.on .text{opacity: 1}
.main {

  width: 100%;

  overflow: hidden;

  box-sizing: border-box; }



.w1440 {

  width: 1340px;

  margin: 0 auto;

  max-width: 92%; }



.bgc {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center; }



#nob {

  position: relative;

  top: -80px;

  left: 0;

  height: 80px; }

  @media (max-width: 768px) {

    #nob {

      height: 50px;

      top: -50px; } }



/*导航样式*/

.header {

  width: 100%;

  height: 100px;

  position: fixed;

  top: 0;

  left: 0;

  transition: all 0.3s ease 0s;

  z-index: 100; }

  .header .headerLeft {

    float: left;

    margin-left: 1.2%;

    position: relative;

    transition: all 0.3s ease 0s;

    z-index: 10; }

    .header .headerLeft .logo {

      padding-top: 10px;

      display: block;

      width: 135px;

      float: left; }

      @media (max-width: 1024px){

        .header .headerLeft .logo{

          padding-top: 7px;

        }

      }

      .header .headerLeft .logo .img {

        display: none; }

    .header .headerLeft .linkBox {

      float: left;

      margin-left: 62px;

      cursor: pointer;

      position: relative; }

      .header .headerLeft .linkBox .t {

        font-size: 16px;

        line-height: 40px;

        color: #fff;

        padding-right: 20px;

        position: relative; }

        .header .headerLeft .linkBox .t:after {

          width: 9px;

          height: 40px;

          position: absolute;

          right: 0;

          top: 0;

          content: '';

          background-position: center center;

          background-size: 9px;

          background-image: url("../images/header_icon.png");

          background-repeat: no-repeat; }

      .header .headerLeft .linkBox .tBox {

        width: 140px;

        position: absolute;

        top: 40px;

        background-color: #fff;

        left: 50%;

        transform: translateX(-50%);

        display: none;

        padding: 8px 0;

        box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); }

        .header .headerLeft .linkBox .tBox:after {

          width: 0;

          height: 0;

          border-right: 10px solid transparent;

          border-left: 10px solid transparent;

          border-bottom: 10px solid #fff;

          content: '';

          position: absolute;

          top: -8px;

          left: 50%;

          margin-left: -10px;

          z-index: 5; }

        .header .headerLeft .linkBox .tBox a {

          width: calc(100% - 20px);

          display: block;

          font-size: 14px;

          line-height: 32px;

          color: #666;

          padding: 0 10px;

          height: 32px;

          display: -webkit-box;

          -webkit-line-clamp: 1;

          -webkit-box-orient: vertical;

          overflow: hidden;

          text-overflow: ellipsis;

          text-align: center; }

          @media (min-width: 1024px) {

            .header .headerLeft .linkBox .tBox a:hover {

              color: #1c6da9; } }

      .header .headerLeft .linkBox.on .t:after {

        transform: rotate(180deg); }

      .header .headerLeft .linkBox.on .tBox {

        display: block; }

  .header .headerRight {

    margin-top: 30px;

    float: right;

    margin-right: 4%;

    position: relative;

    transition: all 0.3s ease 0s;

    z-index: 10; }

    .header .headerRight .language {

      float: left;

      margin-right: 15px;

      cursor: pointer;

      position: relative; }

      .header .headerRight .language .tits {

        font-size: 16px;

        line-height: 40px;

        color: #fff;

        padding-right: 0;

        position: relative;

        display: block; }

        .header .headerRight .language .tits:after {

          width: 9px;

          height: 40px;

          position: absolute;

          right: 0;

          top: 0;

          content: '';

          background-position: center center;

          background-size: 9px;

          background-image: url("../images/header_icon.png");

          background-repeat: no-repeat;

          display: none; }

      .header .headerRight .language .tBox {

        width: 90px;

        height: auto;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        top: 40px;

        background-color: #fff;

        padding: 8px 0;

        display: none;

        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

        .header .headerRight .language .tBox:after {

          width: 0;

          height: 0;

          border-right: 10px solid transparent;

          border-left: 10px solid transparent;

          border-bottom: 10px solid #fff;

          content: '';

          position: absolute;

          top: -8px;

          left: 50%;

          margin-left: -10px;

          z-index: 5; }

        .header .headerRight .language .tBox a {

          width: 60px;

          height: auto;

          display: block;

          text-align: center;

          font-size: 15px;

          line-height: 38px;

          color: #333;

          margin: 0 auto;

          position: relative; }

          @media (min-width: 1024px) {

            .header .headerRight .language .tBox a:hover {

              color: #1c6da9; } }

      @media (min-width: 1024px) {

        .header .headerRight .language:hover .tits:after {

          transform: rotate(180deg); }

        .header .headerRight .language:hover .tBox {

          display: block; } }

    .header .headerRight .searchBox {

      float: right;

      width: 40px;

      height: 40px;

      position: relative;

      overflow: hidden;

      border: 1px solid rgba(255, 255, 255, 0);

      box-sizing: border-box;

      transition: all 0.5s; }

    .header .headerRight .searchBox .click{

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      right: 0;

      cursor: pointer;

      opacity: 0;

      z-index: 5;}

      .header .headerRight .searchBox.on .click{

        display: none;}

      .header .headerRight .searchBox .text {

        width: 120px;

        padding-left: 10px;

        box-sizing: border-box;

        height: 38px;

        font-size: 14px;

        line-height: 38px;

        color: #fff;

        position: absolute;

        left: 0;

        top: 0;

        background: none;

        border: none; }

      .header .headerRight .searchBox .submit {

        width: 40px;

        height: 40px;

        float: right;

        background: none;

        border: none;

        background-image: url("../images/search.png");

        background-position: center;

        background-repeat: no-repeat;

        position: relative;

        z-index: 5; }

      .header .headerRight .searchBox.on {

          border: 1px solid #fff;

          border-radius: 20px;

          width: 160px; }

  .header .nav {

    width: 100%;

    text-align: center;

    font-size: 0;

    position: absolute;

    top: 0;

    left: 0; }

    .header .nav ul {

      display: inline-block; }

      .header .nav ul li {

        float: left;

        transition: all 0.3s ease 0s;

        /*margin: 0 10px;*/

        padding: 35px 0; }

        .header .nav ul li .tits {

          padding: 0 20px;

          font-size: 16px;

          line-height: 26px;

          color: #fff;

          box-sizing: border-box;

          border: 2px solid rgba(255, 255, 255, 0);

          border-radius: 5px;

          display: block;

          position: relative;

          transition: all 0.5s; }

          .header .nav ul li .click{

            width: 50%;

            height: 37px;

            position: absolute;

            top: 6px;

            right: 0;

            display: none;

          }

          .header .nav ul li .click:after{

            width: 8px;

            height: 100%;

            position: absolute;

            top: 0;

            right: 0;

            background-image: url('../images/r.png');

            background-repeat: no-repeat;

            background-position: center;

            content: '';

          }

        .header .nav ul li dl {

          border-top: 1px solid #e6e6e6;

          width: 100%;

          height: auto;

          background-color: #fff;

          padding: 8px 0;

          position: absolute;

          top: 100px;

          left: 0;

          box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);

          display: none;

          text-align: center;

          font-size: 0; }

          .header .nav ul li dl dd {

            display: inline-block;

            margin: 0 30px; }

            .header .nav ul li dl dd a {

              width: 100%;

              text-align: center;

              font-size: 15px;

              line-height: 36px;

              color: #666;

              display: block; }

              @media (min-width: 1024px) {

                .header .nav ul li dl dd a:hover {

                  color: #1c6da9; } }

        .header .nav ul li:nth-child(2) {

          position: static; }

        .header .nav ul li .mnav {

          width: 100%;

          position: fixed;

          top: 100px;

          height: auto;

          box-sizing: border-box;

          border-top: 1px solid #f5f5f6;

          left: 0;

          background-color: #fff;

          display: none;

          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }

          .header .nav ul li .mnav .navLeft {

            width: 100%;

            padding-top: 38px; }

            .header .nav ul li .mnav .navLeft .cc {

              width: 100%;

              margin: 0 auto; }

              .header .nav ul li .mnav .navLeft .cc .t .tt {

                position: relative; }

                .header .nav ul li .mnav .navLeft .cc .t .tt a {

                  font-size: 20px;

                  line-height: 66px;

                  color: #333;

                  display: block;

                  font-weight: bold;

                  background-position: right center;

                  background-repeat: no-repeat;

                  background-image: url("../images/r.png");

                  text-align: left; }

                .header .nav ul li .mnav .navLeft .cc .t .tt .click {

                  width: 50%;

                  height: 100%;

                  position: absolute;

                  top: 0;

                  right: 0;

                  display: none; }

              .header .nav ul li .mnav .navLeft .cc .t .navNew {

                width:100%;

                max-height: calc(100vh - 80px - 100px);

                background-color: #fff;

                box-sizing: border-box;

                padding: 0 60px 52px;

                display: none; }

                .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox {

                  width: 100%;

                  text-align: center;

                  font-size: 0;

                  overflow: hidden;

                  /*display: -webkit-box;

                  display: -webkit-flex;

                  display: -ms-flexbox;

                  display: flex;

                  -webkit-box-pack: justify;

                  -webkit-justify-content: space-between;

                  -ms-flex-pack: justify;

                  justify-content: space-between;*/ }

                .header .nav ul li .mnav .navLeft .cc .t .navNew .item {

                  vertical-align: top;

                  /*margin: 0 20px;*/

                  width: 16.666%;

                  position: relative;

                  text-align: left;

                  display: inline-block; }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item.on{

                    height: auto;

                  }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .nClick{

                    width: 50%;

                    height: 24px;

                    position: absolute;

                    top: 0;

                    right: 0;

                    display: none;

                  }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .nClick:after{

                    width: 8px;

                    height: 100%;

                    position: absolute;

                    top: 0;

                    right: 5px;

                    background-image: url('../images/r_h.png');

                    background-repeat: no-repeat;

                    background-position: center;

                    content: '';

                  }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item.on .nClick:after{

                    transform: rotate(90deg);

                  }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .item .ct {

                    margin-bottom: 10px; }

                    .header .nav ul li .mnav .navLeft .cc .t .navNew .item .ct a {

                      font-size: 16px;

                      line-height: 36px;

                      font-weight: bold;

                      color: #1c6da9; }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew .item .ct1 a {

                    font-size: 14px;

                    line-height: 30px;

                    color: #666; }

                    @media (min-width: 1024px) {

                      .header .nav ul li .mnav .navLeft .cc .t .navNew .item .ct1 a:hover {

                        color: #1c6da9; } }

              @media (min-width: 1024px) {

                .header .nav ul li .mnav .navLeft .cc .t:hover .tt a {

                  color: #1c6da9;

                  background-image: url("../images/r_h.png"); } }

              .header .nav ul li .mnav .navLeft .cc .t.on .tt a {

                color: #1c6da9;

                background-image: url("../images/r_h.png"); }

              .header .nav ul li .mnav .navLeft .cc .t.on .navNew {

                display: block; }

        .header .nav ul li.on .tits {

          border: 2px solid #fff;

          font-weight: bold; }

        @media (min-width: 1024px) {

          .header .nav ul li:hover .tits {

            /*border: 2px solid #fff;*/

            font-weight: bold; } }

    .header .nav .language {

      display: none;

      font-size: 16px;

      line-height: 36px;

      color: #666;

      margin-left: 4%; }

      .header .nav .language a {

        margin-right: 15px;

        color: #666; }

  .header .navClick {

    width: 22px;

    height: 18px;

    margin-top: 46px;

    display: block;

    float: right;

    margin-right: 4%;

    display: none; }

    .header .navClick span {

      width: 100%;

      height: 2px;

      background-color: #1c6da9;

      display: block;

      position: relative;

      transition: .3s;

      -webkit-transition: .3s; }

      .header .navClick span:nth-child(1) {

        margin-bottom: 6px; }

      .header .navClick span:nth-child(2) {

        margin-bottom: 6px; }

    .header .navClick.on span:nth-child(1) {

      transform: rotate(45deg);

      -webkit-transform: rotate(45deg);

      top: 8px;

      right: 0px; }

    .header .navClick.on span:nth-child(2) {

      display: none; }

    .header .navClick.on span:nth-child(3) {

      transform: rotate(-45deg);

      -webkit-transform: rotate(-45deg);

      top: 0;

      right: 0; }

  .header.on {

    background-color: #fff;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

    .header.on .headerRight{

      margin-top: 20px;

    }

    .header.on .nav ul li{

      padding: 25px 0;

    }

    .header.on .nav ul li dl{

      top: 80px;

    }

    .header.on .nav ul li .mnav{

      top: 80px;

    }

    .header.on .headerLeft .logo .img {

      display: block; }

    .header.on .headerLeft .logo .img1 {

      display: none; }

    .header.on .headerLeft .linkBox .t {

      color: #333; }

      .header.on .headerLeft .linkBox .t:after {

        background-image: url("../images/header_icon_h.png"); }

    .header.on .headerRight .language .tits {

      color: #333; }

      .header.on .headerRight .language .tits:after {

        background-image: url("../images/header_icon_h.png"); }

    .header.on .headerRight .searchBox .submit {

      background-image: url("../images/search_h.png"); }

    .header.on .headerRight .searchBox .text {

      color: #333; }

    @media (min-width: 1024px) {

      .header.on .headerRight .searchBox:hover {

        border: 1px solid #333; } }

    .header.on .nav ul li .tits {

      color: #666; }

    .header.on .nav ul li.on .tits {

      background-color: #1c6da9;

      border-color: #1c6da9;

      color: #fff; }

    @media (min-width: 1024px) {

      .header.on .nav ul li:hover .tits {

        /*background-color: #1c6da9;*/

        /*border-color: #1c6da9;*/

        color: #1c6da9; } }
		
		
		
	/* 1111111111111111111	 */
		.header.on1 {
		
			height: 80px;
		
			background-color: #fff;
		
			box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
		}
		
		.header.on1 .headerLeft {
		
			margin-top: 20px;
		
		}
		
		.header.on1 .headerRight {
		
			margin-top: 20px;
		
		}
		
		.header.on1 .nav ul li {
		
			padding: 25px 0;
		
		}
		
		.header.on1 .nav ul li dl {
		
			top: 80px;
		
		}
		
		.header.on1 .nav ul li .mnav {
		
			top: 80px;
		
		}
		
		.header.on1 .headerLeft .logo .img {
		
			display: block;
		}
		
		.header.on1 .headerLeft .logo .img1 {
		
			display: none;
		}
		
		.header.on1 .headerLeft .linkBox .t {
		
			color: #333;
		}
		
		.header.on1 .headerLeft .linkBox .t:after {
		
			background-image: url("../images/header_icon_h.png");
		}
		
		.header.on1 .headerRight .language .tits {
		
			color: #333;
		}
		
		.header.on1 .headerRight .language .tits:after {
		
			background-image: url("../images/header_icon_h.png");
		}
		
		.header.on1 .headerRight .searchBox .submit {
		
			background-image: url("../images/search_h.png");
		}
		
		.header.on1 .headerRight .searchBox .text {
		
			color: #333;
		}
		
		@media (min-width: 1024px) {
		
			.header.on1 .headerRight .searchBox:hover {
		
				border: 1px solid #333;
			}
		}
		
		.header.on1 .nav ul li .tits {
		
			color: #666;
		}
		
		.header.on1 .nav ul li.on .tits {
		
			background-color: #1c6da9;
		
			border-color: #1c6da9;
		
			color: #fff;
		}
		
		@media (min-width: 1024px) {
		
			.header.on1 .nav ul li:hover .tits {
		
				/*background-color: #1c6da9;*/
		
				/*border-color: #1c6da9;*/
		
				color: #1c6da9;
			}
		}
		
		
		
		
		/* 1111111111111111111 */
		

  .header:hover {

    background-color: #fff;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

    .header:hover .headerLeft .logo .img {

      display: block; }

    .header:hover .headerLeft .logo .img1 {

      display: none; }

    .header:hover .headerLeft .linkBox .t {

      color: #333; }

      .header:hover .headerLeft .linkBox .t:after {

        background-image: url("../images/header_icon_h.png"); }

    .header:hover .headerRight .language .tits {

      color: #333; }

      .header:hover .headerRight .language .tits:after {

        background-image: url("../images/header_icon_h.png"); }

    .header:hover .headerRight .searchBox .submit {

      background-image: url("../images/search_h.png"); }

    .header:hover .headerRight .searchBox .text {

      color: #333; }

    .header:hover .headerRight .searchBox.on {

        border: 1px solid #333; }

    @media (min-width: 1024px) {

       }

    .header:hover .nav ul li .tits {

      color: #666; }

    .header:hover .nav ul li.on .tits {

      background-color: #1c6da9;

      border-color: #1c6da9;

      color: #fff !important; }

    @media (min-width: 1024px) {

      .header:hover .nav ul li:hover .tits {

        /*background-color: #1c6da9;*/

        /*border-color: #1c6da9;*/

        color: #1c6da9; } }

  @media (max-width: 1650px) {

    .header .nav {

      padding-left: 2.5%; }

    .header .nav ul li .tits {

      padding: 0 18px;

      font-size: 15px; } }

  @media (max-width: 1400px){

    .header .nav ul li .tits{

      padding: 0 12px;

    }

  }

  @media (max-width: 1366px) {

   /* .header .nav ul li {

      margin: 0 5px; }*/

      .header .nav ul li .tits {

        padding: 0 10px; } }

  @media (max-width: 1270px){

    .header .headerLeft .linkBox{

      margin-left: 30px;

    }

  }

  @media (max-width: 1200px) {

    .header .nav {

      padding-left: 5%; }

    .header .headerRight .language {

      margin-right: 15px; }

    .header .headerLeft .linkBox {

      margin-left: 15px; } }

  @media (max-width: 1110px){

    .header .nav{

      padding-left: 9%;

    }

  }

  @media (max-width: 1024px) {

    .header {

      width: 100%;
      background-color: #fff; }

      .header .nav ul li .mnav .navLeft .cc .t .navNew{

        background: none !important;

      }

      .header .headerRight .language .tits {

        margin-right: 20px; }

        .header .headerLeft .logo {

          width: 95px; }

          .header .headerLeft .logo img {

            width: 100%; }

          .header .headerLeft .logo .img {

            display: block; }

          .header .headerLeft .logo .img1 {

            display: none; }

        .header .headerLeft .linkBox .t {

          color: #333;

          line-height: 28px;

          font-size: 14px; }

          .header .headerLeft .linkBox .t:after {

            height: 28px;

            background-image: url("../images/header_icon_h.png"); }

      .header .headerRight {

        display: block;

        margin-top: 0;

        margin-right: 0; }

        .header .headerRight .searchBox {

          display: none; }

        .header .headerRight .language {

          margin-right: 0; }

          .header .headerRight .language .tits {

            line-height: 50px;

            font-size: 14px;

            color: #333; }

      .header .nav {

        display: none;

        width: 100%;

        height: calc(100vh - 50px);

        background-color: rgba(255, 255, 255, 0.96);

        border-top: 1px solid #eee;

        box-sizing: border-box;

        top: 90px;

        position: fixed;

        left: 0 !important;

        text-align: left;

        padding-left: 0;

        padding: 20px 0;

        overflow-y: scroll; }

        .header .nav ul {

          width: 92%;

          margin: 0 auto 0;

          display: block;

          padding: 0; }

          .header .nav ul li {

            width: 100%;

            display: block;

            float: none;

            position: relative !important;

            margin: 0;

            padding: 6px 0 !important; }

            .header .nav ul li .tits {

              color: #0c1729 !important;

              border: none !important;

              border-bottom: 1px solid #e5e5e5 !important;

              font-size: 16px;

              line-height: 36px;

              height: auto;

              opacity: 1;

              font-weight: bold;

              padding: 0;

              border-radius: 0;

              background: none !important; }

              .header .nav ul li .click{

                display: block;

              }

            .header .nav ul li dl {

              width: 100%;

              display: block;

              background: none;

              position: relative;

              top: auto !important;

              left: auto;

              height: auto;

              padding: 6px 0;

              transform: translateX(0);

              box-shadow: none;

              border-top: none; }

              .header .nav ul li dl:before {

                display: none; }

              .header .nav ul li dl dd {

                float: left;

                display: block;

                border: none;

                margin: 0;

                margin-right: 15px; }

                .header .nav ul li dl dd a {

                  padding: 0;

                  font-size: 14px;

                  line-height: 36px;

                  border: none;

                  color: #666; }

            .header .nav ul li .mnav {

              position: relative;

              display: none;

              top: auto !important;

              padding-top: 15px;

              border-top: none;

              background: none;

              box-shadow: none; }

              .header .nav ul li.open .click:after{

                transform: rotate(90deg);

              }

              .header .nav ul li .mnav .navLeft {

                width: 100%;

                float: none;

                padding-top: 0; }

                .header .nav ul li .mnav .navLeft .cc {

                  margin-left: 3%;

                  width: 97%; }

                  .header .nav ul li .mnav .navLeft .cc .t .tt a {

                    font-size: 14px;

                    line-height: 36px;

                    color: #333 !important; }

                  .header .nav ul li .mnav .navLeft .cc .t .tt .click {

                    display: block; }

                  .header .nav ul li .mnav .navLeft .cc .t .navNew {

                    width: 100%;

                    position: relative;

                    max-height: inherit;

                    margin: 0 auto;

                    padding: 0;

                    left: auto;

                    display: block !important; }

                    .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox {

                      display: block; }

                      .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item {

                        display: block;

                        height: 24px;

                        overflow: hidden;

                        width: 100%;

                        margin-bottom: 10px; }

                        .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item:last-child{

                          margin-bottom: 0;

                        }

                        .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .nClick{

                          display: block;

                        }

                        .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item.on .ct{

                          margin-bottom: 5px;

                        }

                        .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .ct {

                          margin-bottom: 0; }

                          .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .ct a {

                            font-size: 14px;

                            line-height: 24px; }

                        .header .nav ul li .mnav .navLeft .cc .t .navNew .itemBox .item .ct1 a {

                          padding-left: 15px;

                          font-size: 14px;

                          line-height: 22px; }

                          .header:hover .nav ul li.on .tits{

                            color: #0c1729 !important;

                          }

                  .header .nav ul li .mnav .navLeft .cc .t.on .tt a {

                    background-image: url("../images/r.png"); }

                  .header .nav ul li .mnav .navLeft .cc .t.on .navNew {

                    display: none; }

        .header .nav .language {

          display: block; }

      .header .navClick {

        display: block; } }



/*首页banner*/

.index-banner {

  position: relative; }

  .index-banner ul li {

    position: relative; }
    .index-banner ul li img.m{
      display: none;
    }
    .index-banner ul li .con {

      position: absolute;

      width: 100%;

      box-sizing: border-box;

      padding-left: 4.2%;

      top: 50%;

      left: 0;

      transform: translateY(-50%);

      color: #fff; }

      .index-banner ul li .con .en {

        font-size: 22px;

        line-height: 28px;

        font-family: GIL;

        text-transform: uppercase;

        transform: translateY(60px);

        opacity: 0;

        transition: all 0.5s 0.4s; }

        .index-banner ul li .con .en span {

          font-family: GILB;

          display: block; }

      .index-banner ul li .con .cn {

        font-size: 50px;

        line-height: 52px;

        font-weight: bold;

        margin-top: 28px;

        transform: translateY(60px);

        opacity: 0;

        transition: all 0.5s 0.6s;

        letter-spacing: 3px; }

      .index-banner ul li .con .more {

        width: 160px;


        box-sizing: border-box;

        border: 1px solid #fff;

        border-radius:10px;

        text-align: center;

        font-size: 16px;

        line-height: 46px;

        margin-top: 70px;

        transform: translateY(60px);

        opacity: 0;

        transition: all 0.5s; }

        .index-banner ul li .con .more a {

          color: #fff; }

        @media (min-width: 1024px) {

          .index-banner ul li .con .more:hover {

            background-color: #1c6da9;

            border-color: #1c6da9;

            color: #fff; } }

    .index-banner ul li.swiper-slide-active .con .cn, .index-banner ul li.swiper-slide-active .con .en, .index-banner ul li.swiper-slide-active .con .more {

      transform: translateY(0);

      opacity: 1; }

  

  .index-banner .bbb{

    width: 100%;

    position: absolute;

    bottom: 54px;

    text-align: center;

    font-size: 0;

    z-index: 10;

  }

  .index-banner .bbb .bb{

    display: inline-block;

  }

  .index-banner .bbb .bb a {

      width: 40px;

      height: 40px;

      background-position: center;

      border: 1px solid transparent;

      background-repeat: no-repeat;

      display: block;

      float: left;

      /*margin-right: 15px;*/

      box-sizing: border-box;

      border-radius: 100%; }

      .index-banner .bbb .bb a.prev {

        background-image: url("../images/prev1.png"); }

      .index-banner .bbb .bb a.next {

        background-image: url("../images/next1.png"); }

      .index-banner .bbb .bb a:hover {

        border-color: #fff; }

  .index-banner .btns {

    margin: 9px 20px 0;

  float: left; }

    .index-banner .btns span {

      width: 20px;

      height: 20px;

      border-radius: 100%;

      border: 1px solid rgba(255, 255, 255, 0);

      position: relative;

      display: inline-block;

      margin: 0 6px;

      background: none;

      opacity: 1; }

      .index-banner .btns span:after {

        width: 5px;

        height: 5px;

        border-radius: 100%;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

        margin: auto;

        content: '';

        background-color: rgba(255, 255, 255, 0.5);

        position: absolute; }

      .index-banner .btns span.swiper-pagination-bullet-active {

        border-color: rgba(255, 255, 255, 0.5); }

        .index-banner .btns span.swiper-pagination-bullet-active:after {

          background-color: #fff; }

  .index-banner .butX {

    position: absolute;

    z-index: 12;

    left:50%;

	transform: translateX(-50%);

    bottom: 70px; }

    

  @media (max-width: 1500px) {

    /*.index-banner ul li .con .en {

      font-size: 26px;

      line-height: 30px; }*/

    .index-banner ul li .con .cn {

      font-size: 40px;

      line-height: 42px; } }

  @media (max-width: 1366px) {

    /*.index-banner ul li .con .en {

      font-size: 22px;

      line-height: 26px; }*/

    .index-banner ul li .con .cn {

      font-size: 32px;

      line-height: 34px; }

    .index-banner ul li .con .more {

      width: 160px;

      height: 48px;

      line-height: 46px; } }

  @media (max-width: 1200px) {

    .index-banner ul li .con .en {

      font-size: 18px;

      line-height: 24px; }

    .index-banner ul li .con .cn {

      font-size: 26px;

      line-height: 28px;

      margin-top: 20px; }

    .index-banner ul li .con .more {

      width: 120px;

      height: 40px;

      line-height: 38px;

      font-size: 13px;

      margin-top: 50px; } }

  @media (max-width: 1024px) {

    .index-banner {

      margin-top: 100px; } }
  @media (max-width: 768px) {
.index .box4 .bg {height:500px!important;background:#1b6aa5!important;}
.index .box4 .content .top .txt {margin-top:40px!important;}
    .index-banner ul li {

      overflow: hidden; }

      .index-banner ul li img {

        width: 100%; }
        .index-banner ul li img.pc{
          display: none;
        }
        .index-banner ul li img.m{
          display: block;
        }

      .index-banner ul li .con .en {

        font-size: 14px;

        line-height: 16px; }

      .index-banner ul li .con .cn {

        font-size: 16px;

        line-height: 18px;

        margin-top: 15px;

        letter-spacing: 1px; }

      .index-banner ul li .con .more {

        width: 90px;

        height: 34px;

        line-height: 32px;

        margin-top: 30px; }

    .index-banner .btns {

      margin: 6px 10px 0; }

      .index-banner .btns span {

        width: 16px;

        height: 16px;

        margin: 0 4px; }

        .index-banner .bbb{

          bottom: 15px;

        }

    /*.index-banner .butX {

      bottom: 15px; }

*/      .index-banner .bbb .bb .a {

        width: 30px;

        height: 30px;

        background-size: 8px; } }



@keyframes example {

  0% {

    transform: rotate(0deg); }

  100% {

    transform: rotate(360deg); } }



@keyframes ff {

  0% {

    transform: scale(1);

    opacity: 1 }

  50% {

    transform: scale(3);

    opacity: 0 }

  100% {

    transform: scale(1);

    opacity: 1 } 

}





/*首页*/

.index .box1 {

  padding: 6.5% 0;

  position: relative; }

  .index .box1 .cTitle {

    position: absolute;

    left: 4.2%;

    top: 0;

    padding-top: 5.7%; }

  .index .box1 .center {

    width: 37.3%;

    margin: 0 auto;

    position: relative; }

    .index .box1 .center .quan {

      width: 85.6%;

      height: 85.6%;

      position: absolute;

      top: 0;

      left: 0;

      bottom: 0;

      right: 0;

      margin: auto; }

      .index .box1 .center .quan .line {

        position: absolute;

        width: 100%;

        left: 0;

        top: 0;

        transition: all 1s; }

      .index .box1 .center .quan .t span {

        width: 40px;

        height: 40px;

        display: block;

        font-size: 16px;

        line-height: 40px;

        text-align: center;

        color: #999;

        position: absolute;

        font-family: GILB;

        cursor: pointer; }

        .index .box1 .center .quan .t span:nth-child(1) {

          left: 50%;

          top: -32px;

          transform: translateX(-50%); }

        .index .box1 .center .quan .t span:nth-child(2) {

          top: 50%;

          right: -34px;

          transform: translateY(-50%); }

        .index .box1 .center .quan .t span:nth-child(3) {

          left: 50%;

          bottom: -32px;

          transform: translateX(-50%); }

        .index .box1 .center .quan .t span:nth-child(4) {

          top: 50%;

          left: -34px;

          transform: translateY(-50%); }

        .index .box1 .center .quan .t span.on {

          color: #000; }

    .index .box1 .center .pic {

      width: 65%;

      height: 0;

      padding-bottom: 65%;

      position: absolute;

      top: 0;

      left: 0;

      bottom: 0;

      right: 0;

      margin: auto; }

      .index .box1 .center .pic .img {

        width: 100%;

        height: 100%;

        position: absolute;

        overflow: hidden;

        border-radius: 100%;

        top: 0;

        left: 0;

        display: none; }

        .index .box1 .center .pic .img img {

          display: block; }

  .index .box1 .nav {

    position: absolute;

    left: 4.2%;

    top: 50%;

    transform: translateY(-50%); }

    .index .box1 .nav a {

      display: block;

      font-size: 18px;

      line-height: 72px;

      color: #666;

      position: relative;

      transition: all 0.5s; }

      .index .box1 .nav a:after {

        width: 5px;

        height: 5px;

        position: absolute;

        left: 10px;

        top: 50%;

        margin-top: -2.5px;

        content: '';

        border-radius: 100%;

        background-color: #186ba8;

        opacity: 0;

        transition: all 0.5s; }

        .index .box1 .nav a:before{

          width: 5px;

          height: 5px;

          position: absolute;

          left: 10px;

          top: 50%;

          box-sizing: border-box;

          border: 2px solid #186ba8;

          margin-top: -2.5px;

          content: '';

          opacity: 0;

          border-radius: 100%;

          

        }

      .index .box1 .nav a.on {

        padding-left: 20px;

        color: #000; }

        .index .box1 .nav a.on:after {

          opacity: 1;

          left: 0; }

        .index .box1 .nav a.on:before {

          animation: ff 2s linear infinite alternate;

          opacity: 1;

          left: 0; }

      @media (min-width: 1024px) {

        .index .box1 .nav a:hover {

          padding-left: 20px;

          color: #000; }

          .index .box1 .nav a:hover:after {

            opacity: 1;

            left: 0; } }

  .index .box1 .boxRight {

    width: 20.8%;

    height: 100%;

    position: absolute;

    right: 4.2%;

    top: 0; }

    .index .box1 .boxRight .item {

      position: absolute;

      width: 100%;

      top: 50%;

      left: 0;

      transform: translateY(-50%);

      display: none; }

      .index .box1 .boxRight .item .tits {

        font-weight: bold;

        font-size: 24px;

        line-height: 28px;

        color: #000;

        margin-top: 40px; }

      .index .box1 .boxRight .item .tit {

        font-size: 20px;

        line-height: 30px;

        color: #666;

        margin-top: 15px; }

      .index .box1 .boxRight .item .tit1 {

        margin-top: 50px; }

        .index .box1 .boxRight .item .tit1 a {

          display: block;

          font-size: 18px;

          line-height: 36px;

          color: #333; }

          .index .box1 .boxRight .item .tit1 a span{

            position: relative;

          }

          .index .box1 .boxRight .item .tit1 a span:after{

            width: 0;

            left: 0;

            height: 1px;

            background-color: #1c6da9;

            content: '';

            bottom: -4px;

            transition: all 0.5s;

            position: absolute;

          }

          @media (min-width: 1024px){

             .index .box1 .boxRight .item .tit1 a:hover{

            color: #1c6da9;

          }

            .index .box1 .boxRight .item .tit1 a:hover span:after{

              width: 100%;

            }

          }

          /*.index .box1 .boxRight .item .tit1 a.on{

            color: #1c6da9;

          }*/

          /*.index .box1 .boxRight .item .tit1 a.on span:after{

            width: 100%;

          }*/

		  

		  

			.index .box1 .boxRight .item .tit1 a.active{

				 color: #1c6da9; 

			}

			

          @media (min-width: 1024px) {

            /*.index .box1 .boxRight .item .tit1 a:hover {

               color: #1c6da9; } */

			   }

      .index .box1 .boxRight .item .but {

        width: 43px;

        height: 43px;

        border-radius: 100%;

        background-color: #1c6da9;

        display: none;

        background-position: center;

        background-repeat: no-repeat;

        background-image: url("../images/right1_h.png");

        margin-top: 70px; }

  .index .box1 .butBox {

	  display: none;

    position: absolute;

    left: 4.2%;

    bottom: 12%;

    z-index: 20; }

    .index .box1 .butBox a {

      width: 12px;

      height: 21px;

      background-repeat: no-repeat;

      background-position: center;

      display: block;

      float: left;

      margin-right: 22px; }

      .index .box1 .butBox a.prev {

        background-image: url("../images/prev2.png"); }

      .index .box1 .butBox a.next {

        background-image: url("../images/next2.png"); }

      @media (min-width: 1024px) {

        .index .box1 .butBox a:hover.prev {

          background-image: url("../images/prev.png"); }

        .index .box1 .butBox a:hover.next {

          background-image: url("../images/next.png"); } }

.index .box2 .top {

  position: relative; }

  .index .box2 .top .m {

    display: none; }

  .index .box2 .top .con {

    padding-top: 5%;

    position: absolute;

    left: 4.2%;

    top: 0; }

    .index .box2 .top .con .cTitle .en {

      color: rgba(255, 255, 255, 0.5); }

    .index .box2 .top .con .cTitle .cn {

      color: #183883; }

    .index .box2 .top .con .txt {

      font-size: 22px;

      line-height: 36px;

      color: #183883;

      margin-top: 74px; }

    .index .box2 .top .con .more {

      border-radius: 10px;

      width: 160px;

      height: 46px;

      z-index: 184;

      display: block;

      text-align: center;

      font-size: 16px;

      line-height: 44px;

      color: #fff;

      margin-top: 74px;

      border: 1px solid #183883;

      box-sizing: border-box;
      background-color: #1c6da9;

      color: #fff; }

      @media (min-width: 1024px) {

        .index .box2 .top .con .more:hover {

          border-color: #1c6da9;

           } }

.index .box2 .content {

  width: 100%;

  height: auto;

  background-color: #1c6da9;

  position: relative; }

  .index .box2 .content .conLeft {

    width: 41.7%; }

    .index .box2 .content .conLeft .con {

      width: 80%;

      margin: 0 auto;

      color: #fff;

      padding: 6.8% 0 6.5%; }

      .index .box2 .content .conLeft .con .tits {

        font-size: 24px;

        line-height: 26px; }

      .index .box2 .content .conLeft .con .line {

        width: 20px;

        height: 1px;

        background-color: #fff;

        margin-top: 22px; }

      .index .box2 .content .conLeft .con .tit {

        font-size: 16px;

        line-height: 30px;

        opacity: 0.7;

        text-align: justify;

        margin-top: 36px; }

  .index .box2 .content .conRight {

    width: 58.3%;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background-size: 100% auto;

    background-position: 0 50%;

    transition: all 0.1s;

    overflow: hidden; }

    .index .box2 .content .conRight .img {

      width: 100%;

      position: absolute;

      top: 0;

      transform: translateY(-50%);

      left: 0; }

      @media (max-width: 768px) {

        .index .box2 .content .conRight .img {

          width: 200%;

          left: -50%; } }

    .index .box2 .content .conRight .itemBox {

      padding-top: 13%;

      width: 92.9%;

      margin-left: 7.1%;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

      justify-content: space-between;

      position: relative;

      z-index: 5; }

      .index .box2 .content .conRight .itemBox .item {

        color: #fff;

        width: 180px; }

        .index .box2 .content .conRight .itemBox .item .t {

          font-size: 50px;

          line-height: 36px; }

          .index .box2 .content .conRight .itemBox .item .t span {

            font-family: GILB; }

          .index .box2 .content .conRight .itemBox .item .t i {

            font-size: 16px;

            font-weight: bold;

            margin-left: 5px; }

        .index .box2 .content .conRight .itemBox .item .t1 {

          font-size: 16px;

          line-height: 20px;

          margin-top: 5px; }

.index .box3 {

  position: relative; }

  .index .box3 .boxLeft {

    width: 29%;

    float: left;

    padding-left: 4.2%;

    box-sizing: border-box;

    padding-top: 5.7%; }

    .index .box3 .boxLeft .nav {

      margin-top: 35%; }

      .index .box3 .boxLeft .nav a {

        display: block;

        font-size: 18px;

        line-height: 72px;

        color: #666;

        position: relative;

        transition: all 0.5s; }

        .index .box3 .boxLeft .nav a:after {

          width: 5px;

          height: 5px;

          position: absolute;

          left: 10px;

          top: 50%;

          margin-top: -2.5px;

          content: '';

          border-radius: 100%;

          background-color: #186ba8;

          opacity: 0;

          transition: all 0.5s; }

        .index .box3 .boxLeft .nav a.on {

          padding-left: 20px;

          color: #000; }

          .index .box3 .boxLeft .nav a.on:after {

            opacity: 1;

            left: 0; }

        @media (min-width: 1024px) {

          .index .box3 .boxLeft .nav a:hover {

            padding-left: 20px;

            color: #000; }

            .index .box3 .boxLeft .nav a:hover:after {

              opacity: 1;

              left: 0; } }

  .index .box3 .listBox {

    width: 71%;

    float: left;

    position: relative; }

    .index .box3 .listBox .list {

      width: 100%;

      display: none; }

      .index .box3 .listBox .list.on {

        display: block; }

      .index .box3 .listBox .list ul li {

        width: 39.6%;

        float: left; }

        .index .box3 .listBox .list ul li a {

          padding: 17.2% 11.1% 15.6%;

          width: 100%;

          box-sizing: border-box;

          display: block; }

          .index .box3 .listBox .list ul li a .time {

            font-size: 14px;

            line-height: 16px;

            color: #666;

            font-family: GILR; }

            .index .box3 .listBox .list ul li a .time i {

              font-size: 50px;

              line-height: 52px;

              color: #333; }

            .index .box3 .listBox .list ul li a .time span {

              display: block;

              margin-top: 6px; }

          .index .box3 .listBox .list ul li a .tits {

            font-size: 22px;

            line-height: 35px;

            height: 70px;

            color: #333;

            font-weight: bold;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

            text-overflow: ellipsis;

            margin-top: 70px; }

          .index .box3 .listBox .list ul li a .pic {

            margin-top: 45px;

			border: 1px solid #ccc;

            overflow: hidden; }

            .index .box3 .listBox .list ul li a .pic img {

              transition: all 1.5s; }

          .index .box3 .listBox .list ul li a .tit {

            font-size: 16px;

            line-height: 30px;

            color: #686868;

            height: 60px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

            text-overflow: ellipsis;

            margin-top: 50px; }

          .index .box3 .listBox .list ul li a .more {

            width: 43px;

            height: 43px;

            border-radius: 100%;

            background-position: center;

            background-repeat: no-repeat;

            background-image: url("../images/right1.png");

            background-size: cover;

            margin-top: 55px; }

        @media (min-width: 1024px) {

          .index .box3 .listBox .list ul li:hover {

            background-color: #f3f3f3; }

            .index .box3 .listBox .list ul li:hover a .pic img {

              transform: scale(1.1); }

            .index .box3 .listBox .list ul li:hover a .more {

              background-image: url("../images/right1_h.png"); } }

    .index .box3 .listBox .btnC {

      width: 66px;

      height: 66px;

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      left: -33px;

      background-color: rgba(0, 0, 0, 0.4);

      display: none;

      z-index: 5;

      border-radius: 100%; }

      .index .box3 .listBox .btnC .but {

        width: 100%;

        display: none; }

        .index .box3 .listBox .btnC .but.on {

          display: block; }

        .index .box3 .listBox .btnC .but a {

          width: 50%;

          height: 66px;

          display: block;

          float: left;

          background-position: center;

          background-repeat: no-repeat; }

          .index .box3 .listBox .btnC .but a.prev {

            background-image: url("../images/prev1.png"); }

          .index .box3 .listBox .btnC .but a.next {

            background-image: url("../images/next1.png"); }

    @media (min-width: 1024px) {

      .index .box3 .listBox:hover .btnC {

        display: block; } }

  .index .box3 .butBox {

    position: absolute;

    bottom: 32%;

    left: 4.2%; }

    .index .box3 .butBox .but {

      display: none; }

      .index .box3 .butBox .but.on {

        display: block; }

      .index .box3 .butBox .but a {

        width: 12px;

        height: 21px;

        background-repeat: no-repeat;

        background-position: center;

        display: block;

        float: left;

        margin-right: 22px; }

        .index .box3 .butBox .but a.prev {

          background-image: url("../images/prev2.png"); }

        .index .box3 .butBox .but a.next {

          background-image: url("../images/next2.png"); }

        @media (min-width: 1024px) {

          .index .box3 .butBox .but a:hover.prev {

            background-image: url("../images/prev.png"); }

          .index .box3 .butBox .but a:hover.next {

            background-image: url("../images/next.png"); } }

.index .box4 {

  position: relative; }

  .index .box4 .bg {

    width: 100%;

    height: 704px;

    position: absolute;

    top: 0;

    left: 0;

    background-position: center bottom;

    background-color: #1b6aa5;

    background-size: 100% auto; }

  .index .box4 .content {

    position: relative;

    z-index: 5;

    padding-top: 5.7%; }

    .index .box4 .content .top {

      padding: 0 4.2%; }

      .index .box4 .content .top .cTitle .en {

        color: #fff;

        opacity: 0.5; }

      .index .box4 .content .top .cTitle .cn {

        color: #fff; }

      .index .box4 .content .top .txt {

        margin-top: 5.2%; }

        .index .box4 .content .top .txt .t {

          max-width: 80%;

          font-size: 22px;

          line-height: 36px;

          color: #fff;

          float: left; }

        .index .box4 .content .top .txt .more {

          border: 1px solid #fff;

          border-radius: 10px;

          width: 160px;

          height: 46px;

          display: block;

          float: right;

          text-align: center;

          font-size: 16px;

          line-height: 44px;

          color: #fff;

          margin-top: 9px; }

          @media (min-width: 1024px) {

            .index .box4 .content .top .txt .more:hover {

              background-color: #fff;

              color: #1c6da9; } }

    .index .box4 .content .itemBox {

      padding: 0 4.2%;

      margin-top: 5.3%; }

      .index .box4 .content .itemBox .itemLeft {

        width: 54.6%;

        float: left;

        overflow: hidden; }

        .index .box4 .content .itemBox .itemLeft img {

          transition: all 1.5s; }

        @media (min-width: 1024px) {

          .index .box4 .content .itemBox .itemLeft:hover img {

            transform: scale(1.1); } }

      .index .box4 .content .itemBox .itemRight {

        width: 45.4%;

        float: left; }

        .index .box4 .content .itemBox .itemRight .item {

          width: 50%;

          float: left;

          background-color: #000; }

          .index .box4 .content .itemBox .itemRight .item a {

            width: 100%;

            display: block;

            position: relative;

            overflow: hidden; }

            .index .box4 .content .itemBox .itemRight .item a img {

              opacity: 1;

              transition: all 1.5s; }

            .index .box4 .content .itemBox .itemRight .item a .con {

              left: 15%;

              position: absolute;

              top: 50%;

              transform: translateY(-50%);

              color: #fff; }

              .index .box4 .content .itemBox .itemRight .item a .con .t {

                font-family: GIL;

                font-size: 14px;

                line-height: 16px;

                text-transform: uppercase; }

              .index .box4 .content .itemBox .itemRight .item a .con .t1 {

                font-size: 22px;

                line-height: 24px;

                font-weight: bold;

                margin-top: 10px; }

              .index .box4 .content .itemBox .itemRight .item a .con .more {

                width: 41px;

                height: 41px;

                border-radius: 100%;

                border: 1px solid #fff;

                background-position: center;

                background-repeat: no-repeat;

                background-image: url("../images/next1.png");

                background-size: 8px;

                margin-top: 55px;

                display: none; }

          .index .box4 .content .itemBox .itemRight .item:nth-child(3), .index .box4 .content .itemBox .itemRight .item:nth-child(4) {

            background-color: #1c6da9; }

          .index .box4 .content .itemBox .itemRight .item:nth-child(1) a img {

            opacity: 1; }

          @media (min-width: 1024px) {

            .index .box4 .content .itemBox .itemRight .item:hover a img {

              transform: scale(1.1); } }

@media (max-width: 1366px) {

  .index .box2 .content .conRight .itemBox .item {

    width: 154px; }

  .index .box1 .boxRight {

    width: 25%; }

  /*.index .box1 .boxRight .item .tits {

    font-size: 30px;

    line-height: 32px; }*/

  .index .box1 .boxRight .item .tit {

    font-size: 18px;

    line-height: 24px; }

  .index .box1 .center {

    margin-left: 24%; }

  .index .box1 .nav a {

    line-height: 60px;

    font-size: 16px; }

  .index .box1 .boxRight .item .tit1 a {

    font-size: 16px;

    line-height: 32px; }

  .index .box1 .boxRight .item .tit1 {

    margin-top: 25px; }

  .index .box2 .top .con .txt {

    font-size: 18px;

    line-height: 30px;

    margin-top: 40px; }

  .index .box2 .top .con .more {

    width: 160px;

    height: 48px;

    line-height: 46px;

    margin-top: 40px; }

  .index .box2 .content .conLeft .con .tit {

    font-size: 15px;

    line-height: 28px;

    margin-top: 20px; }

  .index .box2 .content .conRight .itemBox .item .t {

    font-size: 40px; }

  .index .box2 .content .conRight .itemBox .item .t1 {

    font-size: 14px;

    line-height: 18px; }

  .index .box3 .listBox .list ul li a {

    padding: 17.2% 5% 15.6%; }

  .index .box3 .listBox .list ul li a .tits {

    font-size: 18px;

    line-height: 28px;

    height: 56px;

    margin-top: 50px; }

  .index .box3 .listBox .list ul li a .pic {

    margin-top: 30px; }

  .index .box3 .listBox .list ul li a .tit {

    font-size: 14px;

    line-height: 26px;

    height: 52px;

    margin-top: 30px; }

  .index .box3 .listBox .list ul li a .more {

    margin-top: 35px; }

  .index .box4 .content .top .txt .t {

    font-size: 18px;

    line-height: 30px; }

  .index .box4 .content .top .txt .more {

    width: 160px;

    height: 48px;

    line-height: 46px; }

  .index .box4 .content .itemBox .itemRight .item a .con .t1 {

    font-size: 18px;

    line-height: 20px; }

  .index .box4 .content .itemBox .itemRight .item a .con .more {

    margin-top: 20px; } }

@media (max-width: 1200px) {

  .index .box2 .content .conRight .itemBox .item {

    width: 132px; }

  .index .box1 .boxRight {

    width: 30%; }

  /*.index .box1 .boxRight .item .tits {

    font-size: 24px;

    line-height: 28px; }*/

  .index .box1 .boxRight .item .tit {

    font-size: 16px;

    line-height: 22px; }

  .index .box1 .center {

    margin-left: 24%; }

  .index .box1 .nav a {

    line-height: 48px;

    font-size: 14px; }

  .index .box1 .boxRight .item .tit1 a {

    font-size: 14px;

    line-height: 28px; }

  .index .box1 .boxRight .item .tit1 {

    margin-top: 25px; }

  .index .box1 .boxRight .item .tits {

    margin-top: 20px; }

  .index .box1 .boxRight .item .but {



    margin-top: 25px; }

  .index .box2 .top .con .txt {

    font-size: 16px;

    line-height: 26px;

    margin-top: 30px; }

  .index .box2 .top .con .more {

    width: 120px;

    height: 40px;

    line-height: 38px;

    margin-top: 30px;

    font-size: 14px; }

  .index .box2 .content .conLeft .con .tits {

    font-size: 20px;

    line-height: 22px; }

  .index .box2 .content .conLeft .con .line {

    margin-top: 12px; }

  .index .box2 .content .conLeft .con .tit {

    font-size: 14px;

    line-height: 26px;

    margin-top: 15px; }

  .index .box2 .content .conRight .itemBox .item .t {

    font-size: 30px;

    line-height: 28px; }

    .index .box2 .content .conRight .itemBox .item .t i {

      font-size: 14px; }

  .index .box2 .content .conRight .itemBox .item .t1 {

    font-size: 12px;

    line-height: 16px; }

  .index .box3 .boxLeft {

    width: 20%; }

  .index .box3 .listBox {

    width: 80%; }

  .index .box3 .boxLeft .nav a {

    font-size: 16px;

    line-height: 60px; }

  .index .box4 .content .top .txt .t {

    font-size: 16px;

    line-height: 24px; }

  .index .box4 .content .top .txt .more {

    width: 120px;

    height: 40px;

    line-height: 38px;

    font-size: 14px; }

  .index .box4 .content .itemBox .itemRight .item a .con .t1 {

    font-size: 16px;

    line-height: 18px; }

  .index .box4 .content .itemBox .itemRight .item a .con .more {

    margin-top: 15px;

    width: 30px;

    height: 30px; }

  .index .box4 .content .itemBox .itemRight .item a .con {

    left: 4%; } }

@media (max-width: 768px) {

  .index .box1 .cTitle {

    position: relative;

    padding-top: 0; }

  .index .box1 .center {

    width: 80%;

    margin: 0 auto; }

  .index .box1 .nav {

    width: 91.6%;

    margin: 0 auto;

    left: auto;

    position: relative;

    top: auto;

    transform: translateY(0); }

    .index .box1 .nav a {

      width: 25%;

      float: left;

      box-sizing: border-box;

      padding-left: 20px; }

      .index .box1 .nav a.on {

        padding-left: 20px; }

        .index .box1 .nav a.on:after {

          left: 0; }

  .index .box1 .center .quan .t span {

    width: 20px;

    height: 20px;

    font-size: 12px;

    line-height: 20px; }

    .index .box1 .center .quan .t span:nth-child(1) {

      top: -18px; }

    .index .box1 .center .quan .t span:nth-child(2) {

      right: -20px; }

    .index .box1 .center .quan .t span:nth-child(3) {

      bottom: -18px; }

    .index .box1 .center .quan .t span:nth-child(4) {

      left: -20px; }

  .index .box1 .boxRight .item .icon {

    height: 26px; }

    .index .box1 .boxRight .item .icon img {

      max-height: 26px; }

  .index .box1 .boxRight {

    position: relative;

    top: auto;

    height: auto;

    right: auto;

    width: 91.6%;

    margin: auto; }

    .index .box1 .boxRight .item {

      position: relative;

      transform: translateY(0);

      top: auto;

      left: auto; }

      .index .box1 .boxRight .item .tits {

        font-size: 18px;

        line-height: 20px;

        margin-top: 10px; }

      .index .box1 .boxRight .item .tit {

        font-size: 14px;

        line-height: 22px;

        margin-top: 10px; }

      .index .box1 .boxRight .item .tit1 {

        font-size: 14px;

        line-height: 28px;

        margin-top: 12px;

        display: none; }

  .index .box1 .butBox {

    right: 4.2%;

    bottom: 4%;

    left: auto; }

    .index .box1 .butBox a {

      margin-right: 0;

      margin-left: 15px; }

  .index .box2 .top {

    overflow: hidden; }

    .index .box2 .top .m {

      display: block; }

    .index .box2 .top .pc {

      display: none; }

    .index .box2 .top .con .txt {

      font-size: 14px;

      line-height: 24px;

      margin-top: 10px; }

    .index .box2 .top .con .more {

      width: 90px;

      height: 34px;

      line-height: 32px;

      font-size: 13px;

      margin-top: 15px; }

  .index .box2 .content {

    display: none; }

  .index .box2 .content .conLeft {

    width: 100%;

    float: none; }

    .index .box2 .content .conLeft .con {

      width: 91.6%; }

      .index .box2 .content .conLeft .con .tits {

        font-size: 18px;

        line-height: 20px; }

      .index .box2 .content .conLeft .con .tit {

        font-size: 13px;

        line-height: 22px;

        margin-top: 10px; }

  .index .box2 .content .conRight {

    width: 100%;

    position: relative;

    right: auto;

    display: block;

    padding: 5% 0; }

    .index .box2 .content .conRight .itemBox {

      width: 100%;

      display: block;

      padding-top: 0; }

      .index .box2 .content .conRight .itemBox .item {

        width: 50%;

        float: left;

        box-sizing: border-box;

        padding-left: 4.2%;

        padding: 10px 0; }

  .index .box3 .boxLeft {

    width: 100%;

    float: none;

    position: relative; }

    .index .box3 .boxLeft .nav {

      position: absolute;

      right: 4.2%;

      top: 44.7%;

      margin-top: 0; }

      .index .box3 .boxLeft .nav a {

        width: 90px;

        height: 34px;

        border: 1px solid #1c6da9;

        text-align: center;

        padding-left: 0 !important;

        line-height: 32px;

        color: #1c6da9;

        float: left;

        margin-left: 10px;

        border-radius: 10px;

        font-size: 13px; }

        .index .box3 .boxLeft .nav a:after {

          display: none; }

        .index .box3 .boxLeft .nav a.on {

          background-color: #1c6da9;

          color: #fff; }

  .index .box3 .listBox {

    width: 100%;

    float: none; }

    .index .box3 .listBox .list ul li {

      width: 100%; }

      .index .box3 .listBox .list ul li a {

        padding: 20px 4%; }

        .index .box3 .listBox .list ul li a .time {

          display: none; }

          .index .box3 .listBox .list ul li a .time i {

            font-size: 14px;

            line-height: 16px; }

          .index .box3 .listBox .list ul li a .time span {

            display: inline-block;

            margin-left: 10px; }

        .index .box3 .listBox .list ul li a .tits {

          font-size: 16px;

          line-height: 24px;

          height: 48px;

          margin-top: 15px; }

        .index .box3 .listBox .list ul li a .pic {

          margin-top: 15px; }

        .index .box3 .listBox .list ul li a .tit {

          font-size: 13px;

          line-height: 22px;

          height: 44px;

          margin-top: 10px;

          /*display: none;*/ }

        .index .box3 .listBox .list ul li a .more {

          width: 30px;

          height: 30px;

          margin-top: 15px; }

  .index .box3 .butBox {

    z-index: 10;

    right: 4%;

    left: auto;

    bottom: 5%; }

    .index .box3 .butBox .but a {

      margin-left: 10px;

      margin-right: 0; }

  .index .box4 .content .top {

    position: relative; }

  .index .box4 .content .top .txt .t {

    font-size: 13px;

    line-height: 22px;

    width: 100%;

    max-width: 100%; }

  .index .box4 .content .top .txt .more {

    top: 0;

    width: 90px;

    height: 34px;

    line-height: 32px;

    font-size: 13px;

    position: absolute;

    right: 4%; }

  .index .box4 .content .itemBox .itemLeft {

    width: 100%;

    float: none; }

  .index .box4 .content .itemBox .itemRight {

    width: 100%;

    float: none; }

    .index .box4 .content .itemBox .itemRight .item a .con .t {

      font-size: 12px;

      line-height: 14px; }

    .index .box4 .content .itemBox .itemRight .item a .con .t1 {

      font-size: 14px;

      line-height: 16px;

      margin-top: 0; }

    .index .box4 .content .itemBox .itemRight .item a .con .more {

      width: 24px;

      height: 24px;

      background-size: 4px; } }



/*底部*/

.footer {

  padding: 5.7% 4.2% 0;

  box-sizing: border-box; }

  .footer .footerNew .footerLeft {

    float: left; }

    .footer .footerNew .footerLeft .logo {

      width: 180px; }

    .footer .footerNew .footerLeft .linkBox {

      margin-top: 40px;

      position: relative; }

      .footer .footerNew .footerLeft .linkBox .t {

        cursor: pointer;

        width: 160px;


        border-radius: 10px;

        padding-left: 33px;

        border: 1px solid #ccc;

        font-size: 15px;

        line-height: 46px;

        color: #000;

        box-sizing: border-box;

        position: relative; }

        .footer .footerNew .footerLeft .linkBox .t:after {

          width: 9px;

          height: 100%;

          position: absolute;

          top: 0;

          right: 28px;

          background-position: center;

          background-repeat: no-repeat;

          background-image: url("../images/header_icon_h.png");

          content: ''; }

      .footer .footerNew .footerLeft .linkBox .link {

        width: 100%;

        height: 180px;

        position: absolute;

        top: 54px;

        left: 0;

        border: 1px solid #ccc;

        background-color: #fff;

        overflow-y: auto;
        width:160px;

        display: none;

        box-sizing: border-box; }

        .footer .footerNew .footerLeft .linkBox .link a {

          display: block;

          width: calc(100% - 66px);

          margin: 0 auto;

          font-size: 15px;

          line-height: 36px;

          color: #333; }

          @media (min-width: 1024px) {

            .footer .footerNew .footerLeft .linkBox .link a:hover {

              color: #1c6da9; } }

      .footer .footerNew .footerLeft .linkBox.on .t {

        border-bottom-left-radius: 0;

        border-bottom-right-radius: 0; }

        .footer .footerNew .footerLeft .linkBox.on .t:after {

          transform: rotate(180deg); }

      .footer .footerNew .footerLeft .linkBox.on .link {

        display: block; }

  .footer .footerNew .nav {

    width: 72.8%;

    float: right;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between; }

    .footer .footerNew .nav dl {

      width: auto; }

      .footer .footerNew .nav dl dt {

        margin-bottom: 20px; }

        .footer .footerNew .nav dl dt a {

          font-size: 16px;

          line-height: 30px;

          display: block;

          color: #333;

          font-weight: bold; }

          @media (min-width: 1024px) {

            .footer .footerNew .nav dl dt a:hover {

              color: #1c6da9; } }

      .footer .footerNew .nav dl dd a {

        font-size: 14px;

        line-height: 35px;

        color: #666;

        display: block; }

        @media (min-width: 1024px) {

          .footer .footerNew .nav dl dd a:hover {

            color: #1c6da9; } }

  .footer .foot {

    border-top: 1px solid #e5e5e5;

    width: 100%;

    padding: 33px 0;

    margin-top: 24px; }

    .footer .foot .itemBox {

      width: calc(100% - 115px);

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

      justify-content: space-between;

      float: left; }

      .footer .foot .itemBox .item {

        display: inline-block; }

        .footer .foot .itemBox .item:last-child {

          padding-right: 8%; }

        .footer .foot .itemBox .item .t {

          font-size: 15px;

          line-height: 32px;

          color: #666; }

        .footer .foot .itemBox .item .t1 {

          padding-left: 38px;

          background-position: left center;

          background-repeat: no-repeat;

          font-size: 16px;

          line-height: 38px;

          color: #000; }

        .footer .foot .itemBox .item:last-child .t1 {

          font-size: 16px; }

    .footer .foot .ewm {

      width: 115px;

      float: right; }

  .footer .bottom {

    border-top: 1px solid #e5e5e5;

    font-size: 14px;

    line-height: 60px;

    color: #666; }

    .footer .bottom .copyright {

      float: left; }

      .footer .bottom .copyright br {

        display: none; }

        @media (max-width: 1024px) {

          .footer .bottom .copyright br {

            display: block; } }

      .footer .bottom .copyright a {

        color: #666; }

        @media (min-width: 1024px) {

          .footer .bottom .copyright a:hover {

            color: #1c6da9; } }

      .footer .bottom .copyright span {

        margin-left: 60px; }

    .footer .bottom .share {

      float: right;

      padding-top: 20px; }

      .footer .bottom .share a {

        width: 20px;

        height: 20px;

        display: block;

        float: left;

        margin: 0;

        margin-right: 20px;

        padding: 0 !important;

        background-position: 0 0; }

        .footer .bottom .share a.bshare-sinaminiblog {

          background-image: url("../images/wb.png"); }

        .footer .bottom .share a.bshare-qqim {

          background-image: url("../images/qq.png"); }

        .footer .bottom .share a.bshare-weixin {

          background-image: url("../images/wx.png"); }

  @media (max-width: 1366px) {

    /*.footer .foot .itemBox .item .t1 {

      font-size: 18px;

      line-height: 30px; }*/

      .footer .foot .itemBox .item:last-child .t1{

        font-size: 16px;

        } }

  @media (max-width: 1200px) {

    .footer .footerNew .nav dl dt a {

      font-size: 16px;

      line-height: 24px; }

    .footer .footerNew .nav dl dd a {

      font-size: 14px;

      line-height: 26px; }

    .footer .footerNew .footerLeft .linkBox .t {

      width: 190px;

      padding-left: 16px;

      height: 46px;

      line-height: 46px; }

      .footer .footerNew .footerLeft .linkBox .t:after {

        right: 14px; }

    .footer .footerNew .footerLeft .linkBox .link {

      top: 47px; }

      .footer .footerNew .footerLeft .linkBox .link a {

        width: calc(100% - 32px);

        font-size: 14px; }

    .footer .foot .itemBox .item .t {

      font-size: 14px;

      line-height: 26px; }

    .footer .foot .itemBox .item .t1 {

      padding-left: 28px;

      font-size: 16px !important; } }

  @media (max-width: 1024px) {

    .footer {

      padding-bottom: 57px; }

      .footer .footerNew .footerLeft .logo {

        width: 110px; }

      .footer .footerNew .footerLeft .linkBox {

        display: none; }

      .footer .footerNew .nav {

        display: none; }

      .footer .foot {

        position: relative;

        padding: 15px 0;

        margin-top: 10px; }

      .footer .foot .itemBox {

        display: block;

        width: 100%;

        float: none;

        position: relative; }

      .footer .foot .itemBox .item {

        width: 100%;

        float: none;

        margin-bottom: 10px;

        padding: 0 !important; }

        .footer .foot .itemBox .item .t1 {

          font-size: 15px !important;

          padding-left: 26px; }

        .footer .foot .itemBox .item:last-child {

          display: none; }

      .footer .foot .ewm {

        position: absolute;

        top: 15px;

        right: 0;

        width: 90px; }

      .footer .bottom {

        padding: 10px 0;

        font-size: 15px;

        line-height: 20px;

        position: relative; }

      .footer .bottom .copyright span {

        margin-left: 0; }

      .footer .bottom .copyright {

        float: none; }

      .footer .bottom .share {

        position: absolute;

        right: 0;

        bottom: 10px; }

        .footer .bottom .share a {

          margin-left: 10px;

          margin-right: 0; } }



@media (max-width: 1024px) {

  .banner {

    margin-top: 90px;

    overflow: hidden; }

    .banner img {

      width: 140%;

      margin-left: -20%; } }



/*产品与服务*/
.w1380 {width:1340px;margin:0 auto;}
.product {

  width: 100%;

  background-color: #f7f7f7;

  padding-top: 20px;

  padding-bottom: 20px;

  height: auto;

  position: relative; }

  .product .proLeft {

    width: 290px;

    float: left; }

    .product .proLeft ul li {

      position: relative;

      padding: 10px 0; }

      .product .proLeft ul li:after {

        width: calc(100% - 35px);

        left: 35px;

        height: 1px;

        bottom: 0;

        background-color: #bfbfbf;

        content: '';

        position: absolute; }

        .product .proLeft ul li .click{

        width: 50px;

        height: 50px;

        position: absolute;

        top: 0;

        right: 0;

        z-index: 5;

        cursor: pointer;

      }

      .product .proLeft ul li .tits {

		  cursor: pointer;

        padding-left: 35px;

        display: block;

        box-sizing: border-box;

        width: 100%;

        font-size: 16px;

        line-height: 50px;

        color: #333;

        background-position: left center;

        background-repeat: no-repeat;

        position: relative; }

        .product .proLeft ul li .tits:after {

          width: 9px;

          height: 50px;

          position: absolute;

          right: 0;

          top: 0;

          content: '';

          background-position: center;

          background-repeat: no-repeat;

          background-image: url("../images/right.png");

          transform: rotate(90deg); }

      .product .proLeft ul li:last-child:after {

        display: none; }

      .product .proLeft ul li dl {

        width: calc(100% - 35px);

        margin-left: 35px;

        padding-bottom: 8px;

        display: none; }

        .product .proLeft ul li dl dd a {

          width: 100%;

          display: block;

          font-size: 14px;

          line-height: 24px;
		  padding: 5px 0;

          color: #666; }

          .product .proLeft ul li dl dd.on a{

            color: #1c6da9;

          }

          @media (min-width: 1024px) {

            .product .proLeft ul li dl dd a:hover {

              color: #1c6da9; } }

      .product .proLeft ul li.on .tits {

        font-weight: bold; }

        .product .proLeft ul li.on .tits:after {

          transform: rotate(-90deg); }

      .product .proLeft ul li.on dl {

        /* display: block; */

		}

  .product .content {

    width: 100%;

    float: right;
}

    .product .content .conNew {

      width: 100%;

      /*float: right;*/ }

      .product .content .conNew .tits {

        font-size: 50px;

        line-height: 52px;

        color: #000;

        font-weight: bold; }

      .product .content .conNew .con {

        margin-top: 20px; }

        .product .content .conNew .con .conn {

          width: 48.6%;

          font-size: 16px;

          line-height: 30px;

          color: #666;

          float: left; }

        .product .content .conNew .con .pic {

          width: 44%;

          float: right; }

          .product .content .conNew .con .pic img{

              width: 100% !important;

              height: auto !important;

            }

  @media (max-width: 1500px) {

    .product .content .conNew .tits {

      font-size: 40px;

      line-height: 42px; } }

  @media (max-width: 1366px) {

    .product .content {

      padding-top: 25px; }

    .product .content .conNew .tits {

      font-size: 32px;

      line-height: 34px; }

    .product .content .conNew .con {

      margin-top: 35px; } }

  @media (max-width: 1200px) {

    .product .content .conNew .tits {

      font-size: 26px;

      line-height: 28px; }

    .product .content .conNew .con .conn {

      width: 54%;

      font-size: 14px;

      line-height: 26px; }

    .product .content .conNew {

      width: 94%; }

    .product .proLeft ul li {

      padding: 4px 0; }

    .product .proLeft ul li .tits {

      font-size: 16px;

      line-height: 42px; }

    .product .proLeft ul li dl dd a {

      font-size: 14px;

      line-height: 28px; } }

  @media (max-width: 768px) {

    .product .proLeft {

      display: none; }

    .product .content {

      width: 100%;

      padding-top: 0; }

      .product .content .conNew {

        width: 100%; }

        .product .content .conNew .tits {

          font-size: 20px;

          line-height: 22px; }

        .product .content .conNew .con {

          margin-top: 15px; }

          .product .content .conNew .con .pic {

            width: 100%;

            float: none; }



          .product .content .conNew .con .conn {

            margin-top: 15px;

            width: 100%;

            float: none; } 

            .product .content .conNew .con span{

              font-size: 14px !important;

              line-height: 22px !important;

              }

              .product .content .conNew .con h2{

                font-size: 18px !important;

                }}



.cTitle {

  position: relative; }

  .cTitle .en {

    font-size: 18px;

    line-height: 20px;

    text-transform: uppercase;

    color: #999; }

    .cTitle .en span {

      font-weight: bold;

      font-family: GILB; }

  .cTitle .cn {

    font-size: 50px;

    line-height: 52px;

    color: #000;

    font-weight: bold;

    }

  .cTitle .butBox {

    position: absolute;

    bottom: 0;

    right: 0; }

    .cTitle .butBox .but {

      width: 160px;

      height: 46px;

      box-sizing: border-box;

      font-size: 16px;

      line-height: 44px;

      color: #1c6da9;

      text-align: center;

      display: block;

      float: left;

      margin-left: 60px;

      border: 1px solid #1c6da9;

      border-radius: 10px; }

      .cTitle .butBox .but.on {

        background-color: #1c6da9;

        color: #fff; }

      @media (min-width: 1024px) {

        .cTitle .butBox .but:hover {

          background-color: #1c6da9;

          color: #fff; } }

  @media (max-width: 1500px) {

    .cTitle .cn {

      font-size: 40px;

      line-height: 42px; } }

  @media (max-width: 1366px) {

    .cTitle .cn {

      font-size: 32px;

      line-height: 34px;

      margin-top: 15px; }

    .cTitle .en {

      font-size: 16px;

      line-height: 18px; }

    .cTitle .butBox .but {

      width: 160px;

      height: 48px;

      line-height: 46px;

      margin-left: 40px; } }

  @media (max-width: 1200px) {

    .cTitle .cn {

      font-size: 26px;

      line-height: 28px;

      margin-top: 10px; }

    .cTitle .butBox .but {

      width: 120px;

      height: 40px;

      line-height: 38px;

      margin-left: 20px;

      font-size: 14px; } }

  @media (max-width: 768px) {

    .cTitle .cn {

      font-size: 20px;

      line-height: 22px;

      margin-top: 5px; }

    .cTitle .en {

      font-size: 14px;

      line-height: 16px; }

    .cTitle .butBox .but {

      width: 90px;

      height: 34px;

      line-height: 32px;

      margin-left: 10px;

      font-size: 13px; } }



#nobanner {

  height: 80px;

  position: absolute;

  top: -80px;

  left: 0;

  width: 100%; }

  @media (max-width: 1024px) {

    #nobanner {

      height: 46px;

      top: -46px; } }



/*可持续发展*/

.duty {

  background-color: #f7f7f7;

  padding: 5.7% 0;

  position: relative; }

  .duty .con {

    font-size: 16px;

    line-height: 30px;

    color: #666;

    margin-top: 5%; }

  .duty .itemBox {

    margin-top: 6.5%; }

    .duty .itemBox .item {

      background-color: #fff;

      width: 31.5%;

      height: auto;

      float: left;

      margin-right: 2.75%;

      padding-top: 73px;

      padding-bottom: 65px;

      position: relative;

      transition: all 0.5s; }

      .duty .itemBox .item:nth-child(3n) {

        margin-right: 0; }

      .duty .itemBox .item .icon {

        width: 100px;

        margin: 0 auto;

        position: relative; }

        .duty .itemBox .item .icon .img1 {

          width: 100%;

          position: absolute;

          top: 0;

          left: 0;

          opacity: 0;

          transition: all 0.5s; }

      .duty .itemBox .item .t {

        text-align: center;

        font-size: 20px;

        line-height: 30px;

        color: #333;

        margin-top: 30px; }

      .duty .itemBox .item .num {

        font-size: 18px;

        line-height: 20px;

        color: #ccc;

        font-weight: bold;

        position: absolute;

        left: 27px;

        top: 22px; }

      @media (min-width: 1024px) {

        .duty .itemBox .item:hover {

          background-color: #1c6da9; }

          .duty .itemBox .item:hover .icon .img1 {

            opacity: 1; }

          .duty .itemBox .item:hover .t {

            color: #fff;

            font-weight: bold; }

          .duty .itemBox .item:hover .num {

            color: #fff; } }

  @media (max-width: 1200px) {

    .duty .con {

      font-size: 14px;

      line-height: 26px; }

    .duty .itemBox .item .t {

      font-size: 16px;

      line-height: 18px; } }

  @media (max-width: 768px) {

    .duty .itemBox .item {

      width: 100%;

      float: none;

      margin-bottom: 10px;

      padding-top: 30px;

      padding-bottom: 25px; }

      .duty .itemBox .item .t {

        margin-top: 15px;

        font-size: 14px;

        line-height: 16px; } }



/*公益活动*/

.publicWelfare {

  position: relative; }

  .publicWelfare .box1 {

    padding-top: 40px;

    padding-bottom: 40px; }

    .publicWelfare .box1 .newsTop {

      margin-top: 5.7%; }

  .publicWelfare .box2 {

    background-color: #f7f7f7;

    padding: 1% 0; }

    .publicWelfare .box2 .newsList {

      padding-bottom: 5.2%; }

    .publicWelfare .box2 .list {

      padding-bottom: 5.1%; }

      .publicWelfare .box2 .list ul li {

        background-color: #fff;

        font-size: 22px;

        line-height: 100px;

        border-bottom: 1px solid #f7f7f7; }

        .publicWelfare .box2 .list ul li:last-child {

          border-bottom: none; }

        .publicWelfare .box2 .list ul li a {

          color: #666;

          padding: 0 45px;

          box-sizing: border-box;

          display: block; }

          .publicWelfare .box2 .list ul li a .t {

            width: 80%;

            float: left;

            height: 100px;

            display: -webkit-box;

            -webkit-line-clamp: 1;

            -webkit-box-orient: vertical;

            overflow: hidden;

            text-overflow: ellipsis;

            padding-left: 25px;

            position: relative; }

            .publicWelfare .box2 .list ul li a .t:after {

              width: 6px;

              height: 6px;

              border-radius: 100%;

              position: absolute;

              top: 50%;

              left: 0;

              margin-top: -3px;

              background-color: #1c6da9;

              content: ''; }

          .publicWelfare .box2 .list ul li a .time {

            float: right;

            padding-right: 20px;

            background-position: right center;

            background-repeat: no-repeat;

            background-image: url("../images/right2.png"); }

        @media (min-width: 1024px) {

          .publicWelfare .box2 .list ul li:hover {

            background-color: #1c6da9; }

            .publicWelfare .box2 .list ul li:hover a {

              color: #fff; }

              .publicWelfare .box2 .list ul li:hover a .t:after {

                background-color: #fff; }

              .publicWelfare .box2 .list ul li:hover a .time {

                background-image: url("../images/right2_h.png"); } }

  @media (max-width: 1366px) {

    .publicWelfare .box2 .list ul li {

      font-size: 18px;

      line-height: 80px; }

      .publicWelfare .box2 .list ul li a .t {

        height: 80px; } }

  @media (max-width: 1200px) {

    .publicWelfare .box2 .list ul li {

      font-size: 16px;

      line-height: 60px; }

      .publicWelfare .box2 .list ul li a .t {

        height: 60px; } }

  @media (max-width: 768px) {

    .publicWelfare .box2 .list ul li {

      font-size: 14px;

      line-height: 26px; }

      .publicWelfare .box2 .list ul li a {

        padding: 10px 10px; }

        .publicWelfare .box2 .list ul li a .t {

          padding-left: 12px;

          height: 26px; } }



.newsTop {

  width: 100%;

  height: auto; }

  .newsTop a {

    width: 100%;

    height: auto;

    display: block;

    position: relative;

    background-color: #f7f7f7; }

    .newsTop a .pic {

      width: 45.8%;

      float: left;

      overflow: hidden; }

      .newsTop a .pic img {

        transition: all 1.5s; 
        border: 1px solid #f7f7f7;
        
      }

    .newsTop a .con {

      width: 45.8%;

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      right: 4.2%; }

      .newsTop a .con .tits {

        font-size: 30px;

        line-height: 32px;

        color: #333;

        font-weight: bold;

        height: 35px;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis; }

      .newsTop a .con .tit {

        font-size: 16px;

        line-height: 30px;

        color: #333;

        height: 60px;

        width: 500px;

        max-width: 100%;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-top: 36px; }

      .newsTop a .con .time {

        font-size: 16px;

        line-height: 18px;

        color: #666;

        margin-top: 30px; }

      .newsTop a .con .more {

        width: 160px;

        height: 46px;

        border-radius: 10px;

        font-size: 16px;

        line-height: 44px;

        color: #fff;

        text-align: center;

        margin-top: 72px;

        border: 1px solid #1c6da9;

        color: #1c6da9;

        box-sizing: border-box; }

  @media (min-width: 1024px) {

    .newsTop:hover a .pic img {

      transform: scale(1.1); }

    .newsTop:hover a .con .tits {

      color: #1c6da9; }

    .newsTop:hover a .con .more {

      color: #fff;

      background-color: #1c6da9; } }

  /*@media (max-width: 1366px) {

    .newsTop a .con .tits {

      font-size: 32px;

      line-height: 34px;

      height: 34px; } }*/

  @media (max-width: 1366px) {

    .newsTop a .con .tits {

      font-size: 26px;

      line-height: 28px;

      height: 28px; }

    .newsTop a .con .tit {

      margin-top: 20px; }

    .newsTop a .con .time {

      margin-top: 16px; }

    .newsTop a .con .more {

      margin-top: 45px;

      width: 160px;

      height: 48px;

      line-height: 46px; } }

  @media (max-width: 768px) {

    .newsTop a .pic {

      width: 100%;

      float: none; }

    .newsTop a .con {

      width: 90%;

      margin: 0 auto;

      top: auto;

      transform: translateY(0);

      right: auto;

      position: relative;

      padding: 15px 0; }

      .newsTop a .con .tits {

        font-size: 18px;

        line-height: 20px;

        height: 20px; }

      .newsTop a .con .tit {

        font-size: 14px;

        line-height: 24px;

        height: 48px;

        margin-top: 10px; }

      .newsTop a .con .time {

        font-size: 14px;

        margin-top: 8px;

        line-height: 16px; }

      .newsTop a .con .more {

        width: 120px;

        height: 38px;

        line-height: 36px;

        font-size: 14px;

        margin-top: 20px; } }



.newsList ul li {

  width: 31.5%;

  float: left;

  margin-right: 2.75%;

  margin-bottom: 35px; }

  .newsList ul li:nth-child(3n) {

    margin-right: 0; }

  .newsList ul li a {

    width: 100%;

    height: auto;

    display: block; }

    .newsList ul li a .pic {

      overflow: hidden; }

      .newsList ul li a .pic img {

        transition: all 1.5s; }

    .newsList ul li a .tits {

      font-size: 22px;

      height: 30px;

      color: #333;

      line-height: 30px;

      display: -webkit-box;

      -webkit-line-clamp: 1;

      -webkit-box-orient: vertical;

      overflow: hidden;

      text-overflow: ellipsis;

      margin-top: 42px; }

    .newsList ul li a .tit {

      font-size: 16px;

      line-height: 30px;

      color: #999;

      height: 60px;

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical;

      overflow: hidden;

      text-overflow: ellipsis;

      margin-top: 18px; }

    .newsList ul li a .line {

      width: 100%;

      height: 1px;

      background-color: #e6e6e6;

      margin-top: 36px; }

    .newsList ul li a .time {

      font-size: 18px;

      line-height: 18px;

      color: #333;

      font-family: GIL;

      margin-top: 33px; }

  @media (min-width: 1024px) {

    .newsList ul li:hover a .pic img {

      transform: scale(1.1); }

    .newsList ul li:hover a .tits {

      color: #1c6da9; }

    .newsList ul li:hover a .tit {

      color: #666; }

    .newsList ul li:hover a .line {

      background-color: #1c6da9; }

    .newsList ul li:hover a .time {

      color: #1c6da9; } }

@media (max-width: 1366px) {

  .newsList ul li a .tits {

    font-size: 18px;

    line-height: 20px;

    height: 20px;

    margin-top: 18px; }

  .newsList ul li a .tit {

    font-size: 14px;

    line-height: 24px;

    height: 48px;

    margin-top: 10px; }

  .newsList ul li a .line {

    margin-top: 12px; }

  .newsList ul li a .time {

    margin-top: 15px; } }

@media (max-width: 768px) {

  .newsList ul li {

    width: 100%;

    float: none;

    margin-right: 0;

    margin-bottom: 15px; }

    .newsList ul li a .tits {

      font-size: 16px;

      line-height: 18px;

      height: 18px;

      margin-top: 10px; }

    .newsList ul li a .line {

      margin-top: 4px; }

    .newsList ul li a .time {

      font-size: 16px;

      line-height: 14px;

      margin-top: 10px; } }



/*分页*/

.pageBox {

  width: 100%;

  text-align: center;

  font-size: 0; }

  .pageBox .pageNew {

    display: inline-block; }

    .pageBox .pageNew a, .pageBox .pageNew span {

      font-size: 16px;

      line-height: 50px;

      color: #333;

      font-weight: bold;

      font-family: GIL;

      margin: 0 20px;

      float: left;

      display: block; }

      .pageBox .pageNew a.p, .pageBox .pageNew span.p {

        width: 50px;

        height: 50px;

        box-sizing: border-box;

        border: 1px solid #999;

        border-radius: 100%;

        background-position: center;

        background-repeat: no-repeat; }

        .pageBox .pageNew a.p.prev, .pageBox .pageNew span.p.prev {

          background-image: url("../images/l.png"); }

        .pageBox .pageNew a.p.next, .pageBox .pageNew span.p.next {

          background-image: url("../images/r.png"); }

      @media (min-width: 1024px) {

        .pageBox .pageNew a:hover, .pageBox .pageNew span:hover {

          color: #1c6da9; }

          .pageBox .pageNew a:hover.p, .pageBox .pageNew span:hover.p {

            border-color: #1c6da9; }

            .pageBox .pageNew a:hover.p.prev, .pageBox .pageNew span:hover.p.prev {

              background-image: url("../images/l_h.png"); }

            .pageBox .pageNew a:hover.p.next, .pageBox .pageNew span:hover.p.next {

              background-image: url("../images/r_h.png"); } }

    .pageBox .pageNew span {

      color: #1c6da9; }

  @media (max-width: 768px) {

    .pageBox .pageNew a, .pageBox .pageNew span {

      font-size: 12px;

      line-height: 36px;

      margin: 0 10px; }

      .pageBox .pageNew a.p, .pageBox .pageNew span.p {

        width: 36px;

        height: 36px;

        background-size: 6px; } }



/*面包屑*/

.home {

  font-size: 16px;

  line-height: 60px;

  position: relative;

  z-index: 10; }

  .home a {

    color: #999;

   }

    @media (min-width: 1024px) {

      .home a:hover {

        color: #1c6da9; } }

  .home span {

    width: 38px;

    height: 60px;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url("../images/home.png");

    display: block;

    float: left; }

  .home i {

    float: left;

    color: #1c6da9; }

  @media (max-width: 768px) {

    .home {

      font-size: 14px;

      line-height: 42px; }

      .home span {

        height: 42px;

        width: 26px; }

        .home .w1400{

          overflow: hidden;

          height: 42px;} 

          .home .homeNew{ 

          width: 1000px; }}



/*新闻详情*/
.publicWelfareInfo .w1440{
    width: 1200px;
}
.publicWelfareInfo {

  position: relative; }

  .publicWelfareInfo .box1 {

    background-color: #f7f7f7;

    padding-top: 4.9%;

    padding-bottom: 5.7%; }

    .publicWelfareInfo .box1 .tits {

      font-size: 32px;

      line-height: 42px;

      color: #333;
      text-align: center;

      font-weight: bold; }

    .publicWelfareInfo .box1 .time {

      font-size: 16px;

      line-height: 20px;

      color: #999;
      text-align: center;

      margin-top: 25px; }

    .publicWelfareInfo .box1 .line {

      width: 100%;

      height: 1px;

      background-color: #ededed;

      margin-top: 26px; }

    .publicWelfareInfo .box1 .con {

      text-align: justify;

      font-size: 18px;

      line-height: 42px;

      color: #666;

      margin-top: 4.5%; }

      .publicWelfareInfo .box1 .con img {

        max-width: 100%;

        margin: 0 auto; }

  .publicWelfareInfo .box2 {

    background-color: #edf4f8;

    padding: 5.7% 0; }

    .publicWelfareInfo .box2 .newsList {

      margin-top: 5.6%; }

      .publicWelfareInfo .box2 .newsList ul li {

        margin-bottom: 0; }

  @media (max-width: 1366px) {

    .publicWelfareInfo .box1 .tits {

      font-size: 26px;

      line-height: 32px; }

    .publicWelfareInfo .box1 .time {

      font-size: 14px;

      line-height: 16px; }

    .publicWelfareInfo .box1 .con {

      font-size: 16px;

      line-height: 32px; } }

  @media (max-width: 1200px) {

    .publicWelfareInfo .box1 .tits {

      font-size: 20px;

      line-height: 28px; }

    .publicWelfareInfo .box1 .con {

      font-size: 14px;

      line-height: 26px; } }

  @media (max-width: 768px) {

    .publicWelfareInfo .box2 .newsList ul li {

      margin-bottom: 15px; }

    .publicWelfareInfo .box1 .tits {

      font-size: 16px;

      line-height: 24px; }

    .publicWelfareInfo .box1 .time {

      font-size: 12px;

      line-height: 14px;

      margin-top: 5px; }

    .publicWelfareInfo .box1 .con {

      font-size: 13px;

      line-height: 22px; }

    .publicWelfareInfo .box1 .line {

      margin-top: 10px; } }



.paging {

  padding: 60px 0;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #ededed;

  font-size: 16px;

  line-height: 43px;

  margin-top: 6.25%;

  position: relative; }

  .paging p {

    width: 40%;

    float: left; }

    .paging p:nth-child(2) {

      float: right; }

    .paging p a {

      width: 100%;

      display: block;

      height: 43px;

      box-sizing: border-box;

      color: #666;

      background-repeat: no-repeat;

      -webkit-line-clamp: 1;

      -webkit-box-orient: vertical;

      overflow: hidden;

      text-overflow: ellipsis; }

      .paging p a.left {

        padding-left: 62px;

        text-align: left;

        background-position: left center;

        background-image: url("../images/left.png"); }

      .paging p a.right {

        padding-right: 62px;

        text-align: right;

        background-position: right center;

        background-image: url("../images/right1.png"); }

      @media (min-width: 1024px) {

        .paging p a:hover {

          color: #1c6da9; }

          .paging p a:hover.left {

            background-image: url("../images/left_h.png"); }

          .paging p a:hover.right {

            background-image: url("../images/right1_h.png"); } }

  .paging .return {

    position: absolute;

    left: 50%;

    top: 60px;

    transform: translateX(-50%);

    color: #1c6da9; }

  @media (max-width: 1366px) {

    .paging {

      font-size: 14px; } }

  @media (max-width: 768px) {

    .paging {

      font-size: 13px;

      line-height: 30px;

      padding: 10px 0; }

      .paging p {

        width: 30px; }

        .paging p a {

          padding-left: 30px;

          width: 0;

          background-size: 30px;

          font-size: 0;

          height: 30px; }

          .paging p a.right {

            padding-right: 30px;

            padding-left: 0; }

      .paging .return {

        top: 10px; } }



/*社会贡献*/

.contribute {

  position: relative;

  background-color: #f7f7f7;

  padding: 5.7% 0; }

  .contribute .txt {

    font-size: 16px;

    line-height: 30px;

    color: #666;

    margin-top: 5%; }

  .contribute .list {

    margin-top: 5%; }

    .contribute .list .item {

      margin-bottom: 30px;

      background-color: #fff; }

      .contribute .list .item:last-child {

        margin-bottom: 0; }

      .contribute .list .item .pic {

        width: 50%;

        float: left;

        overflow: hidden; }

        .contribute .list .item .pic img {

          transition: all 1.5s; }

      .contribute .list .item .con {

        width: 42%;

        margin-left: 4%;

        float: left;

        padding-top: 5.5%; }

        .contribute .list .item .con .icon {

          width: 58px;

          transition: all 0.5s; }

        .contribute .list .item .con .tits {

          font-weight: bold;

          font-size: 20px;

          line-height: 22px;

          color: #333;

          margin-top: 21px; }

        .contribute .list .item .con .tit {

          font-size: 16px;

          line-height: 30px;

          text-align: justify;

          color: #666;

          margin-top: 18px; }

      .contribute .list .item:nth-child(2n) .pic {

        float: right; }

      .contribute .list .item:nth-child(2n) .con {

        float: left; }

      @media (min-width: 1024px) {

        .contribute .list .item:hover .pic img {

          transform: scale(1.1); }

        .contribute .list .item:hover .con .icon {

          transform: translateY(-10px); } }

  @media (max-width: 1366px) {

    .contribute .txt {

      font-size: 14px;

      line-height: 26px; }

    /*.contribute .list .item .con .tits {

      font-size: 20px;

      line-height: 22px; }*/

    .contribute .list .item .con .tit {

      font-size: 14px;

      line-height: 26px; } }

  @media (max-width: 768px) {

    .contribute .txt {

      font-size: 13px;

      line-height: 22px; }

    .contribute .list .item {

      margin-bottom: 10px; }

      .contribute .list .item .pic {

        width: 100%;

        float: none !important; }

      .contribute .list .item .con {

        width: 90%;

        margin: 0 auto 0;

        padding: 15px 0;

        float: none !important; }

        .contribute .list .item .con .icon {

          width: 40px; }

        .contribute .list .item .con .tits {

          font-size: 16px;

          line-height: 18px;

          margin-top: 15px; }

        .contribute .list .item .con .tit {

          font-size: 13px;

          line-height: 22px;

          margin-top: 10px; } }



/*人才发展*/

.join .box1 {

  background-color: #f7f7f7;

  padding-top: 5.7%;

  padding-bottom: 6.7%; }

  .join .box1 .boxNew {

    background-color: #fff;

    position: relative;

    margin-top: 5.6%; }

    .join .box1 .boxNew .pic {

      float: right;

      width: 60.4%; }

    .join .box1 .boxNew .con {

      width: 39.6%;

      height: 100%;

      position: absolute;

      left: 0;

      top: 0; }

      .join .box1 .boxNew .con .conNew {

        width: 435px;

        max-width: 90%;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%); }

        .join .box1 .boxNew .con .conNew .item {

          color: #333;

          margin-bottom: 42px; }

          .join .box1 .boxNew .con .conNew .item:last-child {

            margin-bottom: 0; }

          .join .box1 .boxNew .con .conNew .item .tits {

            font-size: 30px;

            line-height: 36px;

            font-weight: bold; }

          .join .box1 .boxNew .con .conNew .item .tit {

            font-size: 24px;

            line-height: 36px;

            margin-top: 23px; }

.join .box2 {

  padding: 5.7% 0; }

  .join .box2 .itemBox {

    overflow: hidden;

    margin-top: 5.6%; }

    .join .box2 .itemBox .item {

      width: 32%;

      height: auto;

      padding-bottom: 7.3%;

      overflow: hidden;

      background-color: #f7f7f7;

      border-radius: 25px;

      float: left;

      margin-right: 2%;

      padding-top: 10%;

      position: relative; }

      .join .box2 .itemBox .item:nth-child(3n) {

        margin-right: 0; }

      .join .box2 .itemBox .item .icon {

        width: 90px;

        margin: 0 auto; }

      .join .box2 .itemBox .item .tits {

        text-align: center;

        font-size: 22px;

        line-height: 28px;

        color: #333;

        font-weight: bold;

        margin-top: 46px; }

      .join .box2 .itemBox .item .tit {

        width: 360px;

        max-width: 92%;

        margin: 18px auto 0;

        font-size: 16px;

        line-height: 32px;

        color: #666;

        text-align: center;

        height: 128px; }

      .join .box2 .itemBox .item .num {

        font-size: 48px;

        line-height: 50px;

        color: #333;

        opacity: 0.2;

        position: absolute;

        left: 40px;

        top: 30px;

        font-weight: bold; }

.join .box3 {

  background-color: #f7fcff;

  padding: 5.7% 0; }

  .join .box3 .list {

    margin-top: 5.6%; }

    .join .box3 .list ul li {

      width: 32%;

      float: left;

      margin-right: 2%;

      overflow: hidden; }

      .join .box3 .list ul li img {

        transition: all 1.5s; }

      .join .box3 .list ul li:last-child {

        margin-right: 0; }

      @media (min-width: 1024px) {

        .join .box3 .list ul li:hover img {

          transform: scale(1.1); } }

    .join .box3 .list .bottom {

      margin-top: 5.6%;

      position: relative;

      text-align: center; }

      .join .box3 .list .bottom .btnsNew {

        display: inline-block; }

      .join .box3 .list .bottom .but {

        width: 38px;

        height: 38px;

        border: 1px solid transparent;

        background-position: center;

        background-repeat: no-repeat;

        position: relative;

        z-index: 5;

        border-radius: 100%;

        float: left; }

        .join .box3 .list .bottom .but.prev {

          background-image: url("../images/prev.png"); }

        .join .box3 .list .bottom .but.next {

          background-image: url("../images/next.png"); }

        .join .box3 .list .bottom .but:hover {

          border-color: #1c6da9; }

      .join .box3 .list .bottom .btns {

        float: left;

        padding-top: 10px;

        margin: 0 20px; }

        .join .box3 .list .bottom .btns span {

          width: 22px;

          height: 22px;

          border-radius: 100%;

          box-sizing: border-box;

          border: 1px solid rgba(255, 255, 255, 0);

          position: relative;

          margin: 0 6px;

          cursor: pointer;

          display: block;

          float: left;

          background: none;

          opacity: 1; }

          .join .box3 .list .bottom .btns span:after {

            width: 5px;

            height: 5px;

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            border-radius: 100%;

            background-color: #1c6da9;

            content: '';

            opacity: 0.5; }

          .join .box3 .list .bottom .btns span.swiper-pagination-bullet-active {

            border: 1px solid #1c6da9; }

            .join .box3 .list .bottom .btns span.swiper-pagination-bullet-active:after {

              opacity: 1; }

.join .box4 {

  background-color: #f8f8f8;

  padding: 5.7% 0; }

  .join .box4 .list {

    margin-top: 5.6%;

    display: none; }

    .join .box4 .list .top {

      border: 1px solid #e5e5e5;

      font-size: 20px;

      line-height: 110px;

      box-sizing: border-box;

      color: #000;

      font-weight: bolder; }

      .join .box4 .list .top .t {

        float: left;

        box-sizing: border-box; }

        .join .box4 .list .top .t:nth-child(1) {

          width: 30.5%;

          padding-left: 38px; }

        .join .box4 .list .top .t:nth-child(2) {

          width: 15.1%; }

        .join .box4 .list .top .t:nth-child(3) {

          width: 17.9%; }

        .join .box4 .list .top .t:nth-child(4) {

          width: 20.6%; }

        .join .box4 .list .top .t:nth-child(5) {

          width: 15.9%; }

    .join .box4 .list ul {

      margin-bottom: 6.9%; }

      .join .box4 .list ul li {

        border: 1px solid #e5e5e5;

        border-top: none; }

        .join .box4 .list ul li .tits {

          font-size: 16px;

          line-height: 90px;

          color: #333;

          position: relative;

          cursor: pointer; }

          .join .box4 .list ul li .tits:before {

            width: 43px;

            height: 43px;

            position: absolute;

            right: 2.8%;

            top: 50%;

            transform: translateY(-50%);

            content: '';

            background-image: url("../images/right1.png");

            background-size: cover;

            background-repeat: no-repeat; }

          .join .box4 .list ul li .tits .t {

            float: left;

            box-sizing: border-box; }

            .join .box4 .list ul li .tits .t:nth-child(1) {

              width: 30.5%;

              padding-left: 38px; }

            .join .box4 .list ul li .tits .t:nth-child(2) {

              width: 15.1%; }

            .join .box4 .list ul li .tits .t:nth-child(3) {

              width: 17.9%; }

            .join .box4 .list ul li .tits .t:nth-child(4) {

              width: 20.6%; }

            .join .box4 .list ul li .tits .t:nth-child(5) {

              width: 15.9%; }

        .join .box4 .list ul li .con {

          padding: 53px 60px;

          font-size: 16px;

          line-height: 30px;

          color: #666;

          display: none; }

          .join .box4 .list ul li .con .t {

            margin-bottom: 30px; }

            .join .box4 .list ul li .con .t:last-child {

              margin-bottom: 0; }

            .join .box4 .list ul li .con .t span {

              color: #1c6da9; }

        .join .box4 .list ul li.on .tits {

          background-color: #1c6da9;

          color: #fff; }

          .join .box4 .list ul li.on .tits:before {

            background-image: url("../images/xx.png"); }

        @media (min-width: 1024px) {

          .join .box4 .list ul li:hover .tits {

            background-color: #1c6da9;

            color: #fff; }

            .join .box4 .list ul li:hover .tits:before {

              background-image: url("../images/xx.png"); } }

@media (max-width: 1366px) {

  .join .box1 .boxNew .con .conNew .item .tits {

    font-size: 24px;

    line-height: 26px; }

  .join .box1 .boxNew .con .conNew .item .tit {

    font-size: 20px;

    line-height: 30px;

    margin-top: 18px; }

  .join .box2 .itemBox .item .tits {

    font-size: 20px;

    line-height: 22px; }

  .join .box2 .itemBox .item .tit {

    font-size: 14px;

    line-height: 28px; }

  .join .box2 .itemBox .item .num {

    font-size: 40px;

    line-height: 42px; }

  .join .box4 .list .top {

    font-size: 18px;

    line-height: 80px; }

  .join .box4 .list ul li .tits {

    font-size: 16px;

    line-height: 80px; }

  .join .box4 .list ul li .con {

    font-size: 16px;

    line-height: 28px;

    padding: 30px 60px; } }

@media (max-width: 1200px) {

  .join .box1 .boxNew .con .conNew .item {

    margin-bottom: 25px; }

  .join .box1 .boxNew .con .conNew .item .tits {

    font-size: 20px;

    line-height: 22px; }

  .join .box1 .boxNew .con .conNew .item .tit {

    font-size: 16px;

    line-height: 28px;

    margin-top: 13px; }

  .join .box2 .itemBox .item .tits {

    font-size: 18px;

    line-height: 20px;

    margin-top: 20px; }

  .join .box2 .itemBox .item .tit {

    font-size: 14px;

    line-height: 24px;

    height: 90px; }

  .join .box2 .itemBox .item .num {

    font-size: 32px;

    line-height: 34px; }

  .join .box2 .itemBox .item {

    padding-top: 7%; }

    .join .box2 .itemBox .item .icon {

      width: 70px; }

  .join .box4 .list .top {

    font-size: 16px;

    line-height: 60px; }

  .join .box4 .list ul li .tits {

    font-size: 14px;

    line-height: 60px; }

  .join .box4 .list ul li .con {

    font-size: 14px;

    line-height: 24px;

    padding: 20px 30px; }

  .join .box4 .list ul li .tits .t:nth-child(1) {

    padding-left: 20px; }

  .join .box4 .list ul li .tits:before {

    width: 30px;

    right: 10px;

    height: 30px; }

  .join .box4 .list .top .t:nth-child(1) {

    padding-left: 20px; } }

@media (max-width: 768px) {

  .join .box1 .boxNew .pic {

    width: 100%;

    float: none; }

  .join .box1 .boxNew .con {

    width: 100%;

    position: relative; }

    .join .box1 .boxNew .con .conNew {

      padding: 15px 0;

      width: 90%;

      margin: 0 auto;

      position: relative;

      top: auto;

      left: auto;

      transform: translate(0); }

  .join .box1 .boxNew .con .conNew .item {

    margin-bottom: 15px; }

  .join .box1 .boxNew .con .conNew .item .tits {

    font-size: 16px;

    line-height: 18px; }

  .join .box1 .boxNew .con .conNew .item .tit {

    font-size: 13px;

    line-height: 22px;

    margin-top: 5px; }

  .join .box2 .itemBox .item {

    width: 100%;

    float: none;

    margin-bottom: 15px;

    border-radius: 15px;

    padding-top: 10%;

    padding-bottom: 11%; }

    .join .box2 .itemBox .item .num {

      top: 10px;

      left: 10px;

      font-size: 20px;

      line-height: 22px; }

    .join .box2 .itemBox .item .icon {

      width: 50px; }

    .join .box2 .itemBox .item .tits {

      font-size: 16px;

      line-height: 18px;

      margin-top: 15px; }

    .join .box2 .itemBox .item .tit {

      height: auto;

      font-size: 13px;

      line-height: 22px;

      margin: 10px auto 0; }

  .join .box3 .list ul li {

    width: 100%; }

  .join .box3 .list .bottom .btns span {

    width: 16px;

    height: 16px; }

  .join .box3 .list .bottom .btns {

    padding-top: 8px; }

  .join .box3 .list .bottom .but {

    width: 30px;

    height: 30px;

    background-size: 8px; }

  .join .box4 .list .top {

    font-size: 14px;

    line-height: 40px; }

  .join .box4 .list .top .t:nth-child(1) {

    width: 70%;

    padding-left: 10px; }

  .join .box4 .list .top .t:nth-child(2), .join .box4 .list .top .t:nth-child(3), .join .box4 .list .top .t:nth-child(4) {

    display: none; }

  .join .box4 .list .top .t:nth-child(5) {

    width: 30%; }

  .join .box4 .list ul li .tits .t:nth-child(1) {

    width: 70%;

    padding-left: 10px; }

  .join .box4 .list ul li .tits .t:nth-child(2), .join .box4 .list ul li .tits .t:nth-child(3), .join .box4 .list ul li .tits .t:nth-child(4) {

    display: none; }

  .join .box4 .list ul li .tits .t:nth-child(5) {

    width: 30%; }

  .join .box4 .list ul li .tits {

    font-size: 13px;

    line-height: 40px; }

  .join .box4 .list ul li .tits:before {

    width: 16px;

    height: 16px;

    right: 5px; }

  .join .box4 .list ul li .con {

    font-size: 13px;

    line-height: 22px;

    padding: 10px 15px; } }



.anchorBL {

  display: none !important; }



/*联系我们*/

.contact {

  background-color: #f7f7f7; }

  .contact .box1 {

    padding-top: 5.7%; }

    .contact .box1 .con {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

      justify-content: space-between;

      margin-top: 5.6%; }

      .contact .box1 .con .item {

        float: left;

        margin-top: 42px;

        position: relative; }

        .contact .box1 .con .item img {

          width: 48px;

          height: 48px;

          border: 1px solid rgba(28, 109, 169, 0.3);

          float: left;

          display: block;

          border-radius: 100%;

          box-sizing: border-box; }

        .contact .box1 .con .item .tit {

          float: left;

          margin-left: 20px; }

          .contact .box1 .con .item .tit .t {

            font-size: 16px;

            line-height: 18px;

            color: #666; }

          .contact .box1 .con .item .tit .t1 {

            font-size: 22px;

            line-height: 26px;

            color: #000;

            margin-top: 4px; }

        .contact .box1 .con .item .ewm1 {

          width: 125px;

          height: 125px;

          padding: 5px;

          box-sizing: border-box;

          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

          position: absolute;

          left: 50%;

          top: 60px;

          transform: translateX(-50%);

          border-radius: 5px;

          z-index: 20;

          background-color: #fff;

          display: none; }

          .contact .box1 .con .item .ewm1 img {

            width: 115px;

            height: 115px;

            border-radius: 0;

            border: none; }

        .contact .box1 .con .item:hover .ewm1 {

          display: block; }

      .contact .box1 .con .ewm {

        width: 110px;

        float: left; }

        .contact .box1 .con .ewm p {

          text-align: center;

          font-size: 16px;

          line-height: 18px;

          color: #333;

          margin-top: 13px; }

    .contact .box1 .mapBox {

      margin-top: 23px; }

      .contact .box1 .mapBox img {

        /* display: none; */
		}

  .contact .box2 {

    padding: 5.7% 0; }

    .contact .box2 .tableBox {

      margin-top: 5.6%; }

      .contact .box2 .tableBox .item .text {

        padding-left: 54px;

        box-sizing: border-box;

        background: none;

        height: 66px;

        width: 31.4%;

        float: left;

        margin-right: 2.9%;

        border: 1px solid #c3c7cb;

        background-position: 16px center;

        background-repeat: no-repeat;

        font-size: 16px;

        line-height: 64px;

        color: #666; }

        .contact .box2 .tableBox .item .text::-webkit-input-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .item .text:-moz-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .item .text::-moz-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .item .text:-ms-input-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .item .text:last-child {

          margin-right: 0; }

        .contact .box2 .tableBox .item .text.text1 {

          background-image: url("../images/contact_icon5.png"); }

        .contact .box2 .tableBox .item .text.text2 {

          background-image: url("../images/contact_icon6.png"); }

        .contact .box2 .tableBox .item .text.text3 {

          background-image: url("../images/contact_icon7.png"); }

        .contact .box2 .tableBox .item .text:focus {

          border-color: #1c6da9; }

          .contact .box2 .tableBox .item .text:focus::-webkit-input-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .item .text:focus:-moz-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .item .text:focus::-moz-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .item .text:focus:-ms-input-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .item .text:focus.text1 {

            background-image: url("../images/contact_icon5_h.png"); }

          .contact .box2 .tableBox .item .text:focus.text2 {

            background-image: url("../images/contact_icon6_h.png"); }

          .contact .box2 .tableBox .item .text:focus.text3 {

            background-image: url("../images/contact_icon7_h.png"); }

      .contact .box2 .tableBox .txt {

        padding-left: 54px;

        box-sizing: border-box;

        background: none;

        height: 162px;

        width: 100%;

        margin-top: 30px;

        margin-right: 2.9%;

        border: 1px solid #c3c7cb;

        background-position: 16px 23px;

        background-repeat: no-repeat;

        font-size: 16px;

        line-height: 64px;

        color: #666;

        background-image: url("../images/contact_icon8.png"); }

        .contact .box2 .tableBox .txt::-webkit-input-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .txt:-moz-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .txt::-moz-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .txt:-ms-input-placeholder {

          color: #ccc; }

        .contact .box2 .tableBox .txt:focus {

          border-color: #1c6da9;

          background-image: url("../images/contact_icon8_h.png"); }

          .contact .box2 .tableBox .txt:focus::-webkit-input-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .txt:focus:-moz-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .txt:focus::-moz-placeholder {

            color: #1c6da9; }

          .contact .box2 .tableBox .txt:focus:-ms-input-placeholder {

            color: #1c6da9; }

      .contact .box2 .tableBox .submit {

        border: none;

        border-radius: 10px;

        background-color: #1c6da9;

        width: 160px;


        display: block;

        margin: 45px auto 0;

        text-align: center;

        font-size: 16px;

        line-height: 46px;

        color: #fff; }

  @media (max-width: 1366px) {

    .contact .box2 .tableBox .submit {

      width: 150px;

      height: 48px;

      line-height: 48px; } }

  @media (max-width: 1200px) {

    .contact .box1 .con .item .tit {

      margin-left: 10px; }

      .contact .box1 .con .item .tit .t {

        font-size: 14px; }

      .contact .box1 .con .item .tit .t1 {

        font-size: 20px; }

    .contact .box1 .con .ewm p {

      font-size: 14px; }

    .contact .box1 .mapBox .map {

      height: 400px; }

    .contact .box2 .tableBox .submit {

      width: 120px;

      height: 40px;

      line-height: 38px;

      font-size: 14px; } }

  @media (max-width: 1024px) {

    .contact .box1 .con {

      display: block;

      position: relative; }

      .contact .box1 .con .item {

        width: 40%;

        float: left;

        margin-bottom: 15px;

        margin-top: 0; }

      .contact .box1 .con .ewm {

        position: absolute;

        top: 0;

        right: 0; } }

  @media (max-width: 768px) {

    .contact .box1 .con {

      display: block;

      position: relative; }

      .contact .box1 .con .item img {

        width: 36px;

        height: 36px; }

      .contact .box1 .con .item .tit .t {

        font-size: 12px;

        line-height: 14px; }

      .contact .box1 .con .item .tit .t1 {

        font-size: 16px;

        line-height: 18px; }

      .contact .box1 .con .ewm {

        width: 90px; }

    .contact .box1 .mapBox .map {

      height: 320px; }

    .contact .box2 .tableBox .item .text {

      width: 100%;

      float: none;

      margin-bottom: 10px;

      height: 44px;

      line-height: 44px;

      font-size: 14px;

      background-position: 10px center;

      padding-left: 40px; }

    .contact .box2 .tableBox .txt {

      margin-top: 0;

      font-size: 14px;

      line-height: 44px;

      padding-left: 40px;

      background-position: 10px 12px; }

    .contact .box2 .tableBox .submit {

      width: 90px;

      height: 34px;

      line-height: 34px;

      font-size: 13px;

      margin: 20px auto 0; } }

  @media (max-width: 500px) {

    .contact .box1 .con {

      display: block;

      position: relative; }

      .contact .box1 .con .item {

        width: 100%;

        float: left;

        margin-bottom: 15px;

        margin-top: 0; } }



/*走进百趣*/

.about .box1 {

  padding-top: 3.125%;

  padding-bottom: 5.7%; }

  .about .box1 .content {

    margin-top: 6.9%; }

    .about .box1 .content .list {

      width: 50%;

      float: right; }

      .about .box1 .content .list .btns {

        margin-top: 40px;

        text-align: center;

        font-size: 0;

        width: 100%; }

        .about .box1 .content .list .btns span {

          width: 20px;

          height: 20px;

          border-radius: 100%;

          border: 1px solid #fff;

          position: relative;

          display: inline-block;

          margin: 0 6px;

          background: none;

          opacity: 1; }

          .about .box1 .content .list .btns span:after {

            width: 5px;

            height: 5px;

            border-radius: 100%;

            top: 0;

            left: 0;

            bottom: 0;

            right: 0;

            margin: auto;

            content: '';

            background-color: #888;

            position: absolute; }

          .about .box1 .content .list .btns span.swiper-pagination-bullet-active {

            border-color: rgba(28, 109, 169, 0.5); }

            .about .box1 .content .list .btns span.swiper-pagination-bullet-active:after {

              background-color: #1c6da9; }

    .about .box1 .content .con {

      width: 45.8%;

      float: left; }

      .about .box1 .content .con .txt {

        font-size: 16px;

        line-height: 30px;

        color: #666;

        text-align: justify; }

      .about .box1 .content .con .itemBox {

        width: 100%;

        margin-top: 16%;

        height: auto;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between;

        border-bottom: 1px solid #ccc;

        padding-bottom: 50px; }

        .about .box1 .content .con .itemBox .item {

          display: block;

          margin-right: 0;

          width: 140px; }

          .about .box1 .content .con .itemBox .item .t {

            font-size: 16px;

            line-height: 36px;

            color: #1c6da9;

            font-weight: bold; }

            .about .box1 .content .con .itemBox .item .t span {

              font-size: 44px; }

            .about .box1 .content .con .itemBox .item .t i {

              margin-left: 6px; }

          .about .box1 .content .con .itemBox .item .t1 {

            font-size: 16px;

            line-height: 20px;

            color: #333;

            margin-top: 7px; }

.about .box2 {

  background-color: #1c6da9;

  height: auto;

  position: relative; }

  .about .box2 .bg {

    position: relative;

    z-index: 5; }

  .about .box2 .content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding-top: 5.7%;

    box-sizing: border-box; }

    .about .box2 .content .cTitle .en {

      color: #fff; }

    .about .box2 .content .cTitle .cn {

      color: #fff; }

    .about .box2 .content .list {

      width: 100%;

      height: 1px;

      background-color: rgba(255, 255, 255, 0.3);

      position: absolute;

      bottom: 16%;

      left: 0;

      z-index: 10; }

      .about .box2 .content .list .w1440 {

        position: relative; }

      .about .box2 .content .list .a {

        width: 43px;

        height: 43px;

        background-color: #fff;

        border-radius: 100%;

        top: -11px;

        display: block;

        position: absolute;

        background-position: center;

        background-repeat: no-repeat;

        background-size: 8px; }

        .about .box2 .content .list .a.prev {

          left: 0;

          background-image: url("../images/prev.png"); }

        .about .box2 .content .list .a.next {

          right: 0;

          background-image: url("../images/next.png"); }

      .about .box2 .content .list .listNew {

        width: 83.3%;

        height: auto;

        margin: -11px auto 0; }

        .about .box2 .content .list .listNew ul li {

          width: 20%;

          float: left;

          text-align: center;

          cursor: pointer; }

          .about .box2 .content .list .listNew ul li .dian {

            width: 20px;

            height: 20px;

            margin: 0 auto 0;

            border: 1px solid rgba(255, 255, 255, 0.5);

            position: relative;

            border-radius: 100%; }

            .about .box2 .content .list .listNew ul li .dian:after {

              width: 5px;

              height: 5px;

              position: absolute;

              transform: translate(-50%, -50%);

              left: 50%;

              top: 50%;

              background-color: #bedfef;

              content: '';

              border-radius: 100%; }

          .about .box2 .content .list .listNew ul li .year {

            font-size: 14px;

            line-height: 36px;

            font-family: GILR;

            color: #fff;

            opacity: 0.5; }

          .about .box2 .content .list .listNew ul li.swiper-slide-active .dian {

            border-color: #fff; }

            .about .box2 .content .list .listNew ul li.swiper-slide-active .dian:after {

              background-color: #fff; }

          .about .box2 .content .list .listNew ul li.swiper-slide-active .year {

            font-size: 20px;

            opacity: 1;

            font-family: GILB; }

    .about .box2 .content .conList {

      position: absolute;

      bottom: 16%;

      left: 0;

      width: 100%;

      z-index: 9; }

      .about .box2 .content .conList ul {

        width: 100%;

        display: none;

        position: absolute;

        bottom: 0;

        left: 0; }

        .about .box2 .content .conList ul li {

          width: calc(50% - 30px);

          margin-left: calc(50% + 30px);

          height: 85px;

          position: relative; }

          .about .box2 .content .conList ul li .line {

            width: 1px;

            height: 100%;

            position: absolute;

            top: 30px;

            left: -30.5px;

            background-color: #fff; }

            .about .box2 .content .conList ul li .line:after {

              width: 5px;

              height: 5px;

              left: -2px;

              border-radius: 100%;

              top: 0;

              background-color: #fff;

              content: '';

              position: absolute; }

          .about .box2 .content .conList ul li .m {

            font-size: 24px;

            line-height: 26px;

            color: #fff;

            font-weight: bold; }

          .about .box2 .content .conList ul li .txt {

            font-size: 18px;

            line-height: 30px;

            color: #fff;

            margin-top: 10px;

            width: 80%; }

          .about .box2 .content .conList ul li:last-child {

            height: 120px; }

            .about .box2 .content .conList ul li:last-child .line {

              height: calc(100% - 30px); }

          .about .box2 .content .conList ul li:nth-child(2n) {

            margin-left: 0;

            text-align: right; }

            .about .box2 .content .conList ul li:nth-child(2n) .line {

              right: -30.5px;

              left: auto; }

            .about .box2 .content .conList ul li:nth-child(2n) .txt {

              margin-left: 20%; }

    .about .box2 .content .yearB {

      width: 100%;

      text-align: center;

      position: absolute;

      bottom: 43%;

      z-index: 3;

      font-size: 320px;

      line-height: 322px;

      font-family: GILB;

      color: #1964a7; }

.about .box3 {

  position: relative; }
  
.about .box3.cc1 .con .txt{
	text-align: left;
}
  
  .about .box3 .con {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    padding-top: 16.77%; }

    .about .box3 .con.con1{

      padding-top: 11%;

    }

    .about .box3 .con .w1440 {

      position: relative; }

    .about .box3 .con .img {

      width: 100%;

      position: absolute;

      top: 0;

      left: 0;

      margin-top: -4.5%; }

    .about .box3 .con .tits {

      font-size: 50px;

      line-height: 52px;

      font-weight: bold;

      color: #1c6da9; }

    .about .box3 .con .tit {

      font-size: 24px;

      line-height: 26px;

      color: #010000;

      font-weight: bold;

      margin-top: 24px; }

    .about .box3 .con .txt {

      width: 680px;

      max-width: 100%;

      font-size: 16px;

      line-height: 28px;

      color: #666;

      margin: 40px auto 0; }

      .about .box3 .con .txt.txt1 {

        width: 1100px; }
        .about .box3 .con .txt.txt1 br:nth-child(2n){
          display: none;
        }

    .about .box3 .con.con1 .tits, .about .box3 .con.con1 .tit, .about .box3 .con.con1 .txt {

      color: #fff; }

.about .box4 {

  padding: 5.7% 0;

  background-color: #f7f7f7; }

  .about .box4 .listBox {

    margin-top: 6.9%; }

    .about .box4 .listBox .list {

      display: none; }

      .about .box4 .listBox .list.on {

        display: block; }

      .about .box4 .listBox .list ul li {

        width: 23.6%;

        margin-right: 1.8%;

        float: left; }

        .about .box4 .listBox .list ul li:last-child {

          margin-right: 0; }

        .about .box4 .listBox .list ul li .pic {

          width: calc(100% - 2px);

          box-sizing: border-box;

          padding-bottom: 94%;

          background-color: #fff;

          border: 1px solid #e5e5e5;

          position: relative; }

          .about .box4 .listBox .list ul li .pic img {

            max-width: 90%;

            max-height: 90%;

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            margin: auto; }

        .about .box4 .listBox .list ul li .tits {

          text-align: center;

          font-size: 22px;

          line-height: 36px;

          color: #333;

          font-weight: bold;

          margin-top: 20px; }

      .about .box4 .listBox .list .btns {

        margin-top: 70px;

        position: relative;

        text-align: center;

        font-size: 0; }

        .about .box4 .listBox .list .btns .btnsBox {

          display: inline-block; }

        .about .box4 .listBox .list .btns .btnsNew {

          float: left;

          padding-top: 10px;

          margin: 0 20px; }

          .about .box4 .listBox .list .btns .btnsNew span {

            width: 20px;

            height: 20px;

            border-radius: 100%;

            border: 1px solid rgba(255, 255, 255, 0);

            position: relative;

            display: block;

            float: left;

            margin: 0 6px;

            background: none;

            opacity: 1; }

            .about .box4 .listBox .list .btns .btnsNew span:after {

              width: 5px;

              height: 5px;

              border-radius: 100%;

              top: 0;

              left: 0;

              bottom: 0;

              right: 0;

              margin: auto;

              content: '';

              background-color: #888;

              position: absolute; }

            .about .box4 .listBox .list .btns .btnsNew span.swiper-pagination-bullet-active {

              border-color: rgba(28, 109, 169, 0.5); }

              .about .box4 .listBox .list .btns .btnsNew span.swiper-pagination-bullet-active:after {

                background-color: #1c6da9; }

        .about .box4 .listBox .list .btns .a {

          width: 38px;

          height: 38px;

          border: 1px solid transparent;

          background-position: center;

          background-repeat: no-repeat;

          position: relative;

          z-index: 5;

          border-radius: 100%;

          float: left; }

          .about .box4 .listBox .list .btns .a.prev {

            background-image: url("../images/prev.png"); }

          .about .box4 .listBox .list .btns .a.next {

            background-image: url("../images/next.png"); }

          .about .box4 .listBox .list .btns .a:hover {

            border-color: #1c6da9; }

@media (max-width: 1366px) {

  .about .box3 .con .tits {

    font-size: 40px;

    line-height: 42px; }

  .about .box3 .con .tit {

    font-size: 20px;

    line-height: 22px; } }

@media (max-width: 1366px) {

  .about .box1 .content .con .itemBox .item {

    width: 105px; }

  .about .box1 .content .con .txt {

    font-size: 14px;

    line-height: 26px; }

  .about .box1 .content .con .itemBox .item .t span {

    font-size: 34px; }

  .about .box1 .content .con .itemBox .item .t {

    font-size: 14px; }

  .about .box1 .content .con .itemBox .item .t1 {

    font-size: 14px;

    line-height: 16px; }

  .about .box1 .content .con .itemBox {

    padding-bottom: 32px; }

  .about .box2 .bg {

    overflow: hidden; }

    .about .box2 .bg img {

      width: 110%;

      margin-left: -5%; }

  .about .box2 .content .conList ul li .m {

    font-size: 20px;

    line-height: 24px; }

  .about .box2 .content .conList ul li .txt {

    font-size: 16px;

    line-height: 28px; }

  .about .box3 .con .tits {

    font-size: 32px;

    line-height: 34px; }

  .about .box3 .con .tit {

    font-size: 18px;

    line-height: 20px; }

  .about .box4 .listBox .list ul li .tits {

    font-size: 18px;

    line-height: 26px; }

  .about .box2 .content .yearB {

    font-size: 220px;

    line-height: 222px;

    bottom: 48%; } }

@media (max-width: 1200px) {

  .about .box1 .content .con .itemBox .item {

    width: 90px; }

  .about .box1 .content .con .itemBox .item .t span {

    font-size: 28px; }

  .about .box2 .bg {

    overflow: hidden; }

    .about .box2 .bg img {

      width: 120%;

      margin-left: -10%; }

  .about .box2 .content .conList ul li {

    height: 65px; }

  .about .box2 .content .conList ul li .m {

    font-size: 16px;

    line-height: 20px; }

  .about .box2 .content .conList ul li .txt {

    font-size: 14px;

    line-height: 24px; }

  .about .box3 .con .tits {

    font-size: 26px;

    line-height: 28px; }

  .about .box3 .con .tit {

    font-size: 16px;

    line-height: 18px;

    margin-top: 15px; }

  .about .box3 .con .txt {

    font-size: 14px;

    line-height: 24px;

    margin: 25px auto 0; } }

@media (max-width: 1024px) {

  .about .box3 .con {

    padding-top: 10%; }

    .about .box3.cc1 .con{

      padding-top: 0;

    }

  .about .box4 .listBox .list ul li {

    width: 32%;

    margin-right: 2%; }

  .about .box4 .listBox .list ul li .tits {

    font-size: 16px;

    line-height: 24px; } }

@media (max-width: 768px) {

  .about .box1 .content .con .itemBox .item {

    width: auto; }

  .about .box1 .content .list {

    width: 100%;

    float: none; }

  .about .box1 .content .list .btns {

    margin-top: 10px; }

    .about .box1 .content .list .btns span {

      width: 16px;

      height: 16px; }

  .about .box1 .content .con {

    float: none;

    width: 100%;

    margin-top: 15px; }

    .about .box1 .content .con .txt {

      font-size: 13px;

      line-height: 22px; }

    .about .box1 .content .con .itemBox {

      padding-bottom: 15px;

      margin-top: 20px; }

      .about .box1 .content .con .itemBox .item .t {

        font-size: 12px;

        line-height: 20px; }

        .about .box1 .content .con .itemBox .item .t span {

          font-size: 16px; }

        .about .box1 .content .con .itemBox .item .t i {

          margin-left: 3px; }

      .about .box1 .content .con .itemBox .item .t1 {

        font-size: 13px;

        line-height: 15px; }

  .about .box2 .content .list .listNew ul li {

    width: 33.33333%; }

  .about .box2 .bg {

    overflow: hidden; }

    .about .box2 .bg img {

      width: 200%;

      margin-left: -50%; }

  .about .box2 .content .list .listNew ul li .year {

    font-size: 12px;

    line-height: 18px; }

  .about .box2 .content .list .listNew ul li .dian {

    width: 14px;

    height: 14px; }

  .about .box2 .content .list .listNew {

    margin: -8px auto 0; }

  .about .box2 .content .conList ul li {

    height: 85px; }

  .about .box2 .content .conList ul li:last-child {

    padding-bottom: 10px; }

  .about .box2 .content .conList ul li .txt {

    width: 90%;

    font-size: 12px;

    line-height: 18px;

    height: 90px;

    overflow-y: scroll; }

  .about .box2 .content .conList ul li:nth-child(2n) .txt {

    margin-left: 10%; }

  .about .box2 .content .conList ul li {

    width: calc(50% - 15px);

    margin-left: calc(50% + 15px); }

  .about .box2 .content .conList ul li .line {

    left: -15.5px; }

  .about .box2 .content .conList ul li:nth-child(2n) .line {

    right: -15.5px; }

  .about .box2 .content .list .listNew ul li.swiper-slide-active .year {

    font-size: 14px; }

  .about .box2 .content .list {

    bottom: 9%; }

  .about .box2 .content .conList {

    bottom: 9%; }

  .about .box2 .content .list .a {

    width: 27px;

    height: 27px;

    top: -5px;

    background-size: 6px; }

  .about .box3 .con {

    padding-top: 0;

    top: 50%;

    transform: translateY(-50%); }

  .about .box3 .con .tits {

    font-size: 20px;

    line-height: 22px; }

  .about .box3 .con .tit {

    font-size: 14px;

    line-height: 16px;

    margin-top: 10px; }

  .about .box3 .con .txt {

    font-size: 13px;

    line-height: 22px;

    margin: 15px auto 0; }

  .about .box3 {

    overflow: hidden; }

    .about .box3 > img {

      width: 160%;

      margin-left: -30%; }

  .about .box3.cc > img {

    width: 230%;

    margin-left: -75%; }

    .about .box3.cc1 > img {

    width: 300%;

    margin-left: -100%; }
    .index .box2 .top .con{
      width: 91.8%;
    }

  .about .box4 .listBox .list ul li {

    width: 100%;

    margin-right: 2%; }

  .about .box4 .listBox .list ul li .tits {

    font-size: 14px;

    line-height: 20px;

    margin-top: 5px; }

  .about .box4 .listBox .list .btns {

    margin-top: 20px; }

    .about .box4 .listBox .list .btns .btnsNew {

      top: 10px; }

      .about .box4 .listBox .list .btns .btnsNew span {

        width: 16px;

        height: 16px;

        margin: 0 4px; }

    .about .box4 .listBox .list .btns .a {

      width: 34px;

      height: 34px;

      background-size: 8px; }

  .about .box2 .content .yearB {

    font-size: 110px;

    line-height: 112px;

    bottom: 50%; } }

@media (max-width: 500px) {

  .about .box2 .bg {

    overflow: hidden; }

    .about .box2 .bg img {

      width: 260%;

      margin-left: -80%; } }



.BMapLabel {

  border: none !important;

  padding: 0 !important;

  left: 40px !important;

  top: -60px !important; }

  @media (max-width: 1024px) {

    .BMapLabel {

      left: -157px !important;

      top: -90px !important; } }



.mapCon {

  width: 333px;

  height: auto; }

  .mapCon .pic {

    width: 116px;

    float: left; }

  .mapCon .conn {

    float: left;

    margin-left: 15px;

    width: 185px;

    padding-top: 12px; }

    .mapCon .conn .logo {

      width: 67px; }

    .mapCon .conn .t {

      font-size: 14px;

      line-height: 20px;

      color: #333;

      white-space: initial;

      margin-top: 5px; }



.xf {

  width: 62px;

  height: auto;

  position: fixed;

  top: 50%;

  transform: translateY(-50%);

  right: 0;

  border: 2px solid #1c6da9;

  box-sizing: border-box;

  z-index: 20;

  background-color: #fff;

  border-radius: 31px; }

  .xf a {

    display: block;

    width: 100%;

    padding: 19px 0;

    position: relative; }

    .xf a:nth-child(1) {

      border-top-left-radius: 31px;

      border-top-right-radius: 31px; }

	  

	  .xf a:nth-child(3) {

	  

	    border-bottom-left-radius: 31px;

	  

	    border-bottom-right-radius: 31px; }

    .xf a:nth-child(2) {

      padding: 12px 0; }

    .xf a:last-child {

      padding-bottom: 23px;

      border-bottom-left-radius: 31px;

      border-bottom-right-radius: 31px; }

    .xf a img {

      display: block;

      margin: 0 auto; }

      .xf a img.img1 {

        display: none; }

    .xf a p {

      text-align: center;

      font-size: 16px;

      line-height: 23px;

      font-weight: bold;

      color: #333;

      margin-top: 3px; }

    .xf a .ewm {

      width: 125px;

      height: 125px;

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      right: 90px;

      border-radius: 5px;

      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

      background-color: #fff;

      padding: 5px;

      box-sizing: border-box;

      display: none; }

      .xf a .ewm img {

        width: 100%; }

      .xf a .ewm:after {

        width: 0;

        height: 0;

        border-top: 8px solid transparent;

        border-bottom: 8px solid transparent;

        border-left: 8px solid #fff;

        content: '';

        position: absolute;

        top: 50%;

        right: -8px;

        margin-top: -10px;

        z-index: 5; }

    .xf a .tel {

      width: 180px;

      height: 46px;

      background-color: #fff;

      top: 50%;

      transform: translateY(-50%);

      right: 90px;

      position: absolute;

      border-radius: 5px;

      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

      background-color: #fff;

      text-align: center;

      font-size: 18px;

      line-height: 46px;

      font-family: GILB;

      color: #000;

      display: none; }

      .xf a .tel:after {

        width: 0;

        height: 0;

        border-top: 8px solid transparent;

        border-bottom: 8px solid transparent;

        border-left: 8px solid #fff;

        content: '';

        position: absolute;

        top: 50%;

        right: -8px;

        margin-top: -10px;

        z-index: 5; }

    .xf a:hover {

      background-color: #1c6da9; }

      .xf a:hover img.img {

        display: none; }

      .xf a:hover img.img1 {

        display: block; }

      .xf a:hover p {

        color: #fff; }

      .xf a:hover .ewm {

        display: block; }

      .xf a:hover .tel {

        display: block; }

  @media (max-width: 1024px) {

    .xf {

      background-color: #1c6da9;

      width: 100%;

      border-radius: 0;

      top: auto;

      bottom: 0;

      left: 0;

      right: auto;

      transform: translateY(0);

      border: none; }

      .xf a {

        width: 33.33333%;

        float: left;

        padding: 5px 0 10px !important; }

        .xf a img {

          width: 25px; }

          .xf a img.img {

            display: none; }

          .xf a img.img1 {

            display: block; }

        .xf a p {

          color: #fff;

          font-size: 12px;

          line-height: 14px; }

          .xf a p br {

            display: none; }

        .xf a .ewm {

          width: 100px;

          height: 100px;

          right: auto;

          left: 50%;

          transform: translateX(-50%);

          bottom: 67px;

          top: auto; }

          .xf a .ewm:after {

            bottom: -16px;

            left: 50%;

            top: auto;

            margin-left: -8px;

            border-left: 8px solid transparent;

            border-right: 8px solid transparent;

            border-top: 8px solid #fff; }

        .xf a .tel {

          right: auto;

          left: 50%;

          transform: translateX(-50%);

          bottom: 67px;

          top: auto;

          font-size: 16px;

          line-height: 40px;

          height: 40px;

          width: 140px; }

          .xf a .tel:after {

            bottom: -16px;

            left: 50%;

            top: auto;

            margin-left: -8px;

            border-left: 8px solid transparent;

            border-right: 8px solid transparent;

            border-top: 8px solid #fff; } }



.animation {

  -moz-transform: translate(0, 80px);

  -o-transform: translate(0, 80px);

  -webkit-transform: translate(0, 80px);

  transform: translate(0, 80px);

  opacity: 0; }



.animation.srcospcur {

  -moz-transform: translate(0, 0px);

  -o-transform: translate(0, 0px);

  -webkit-transform: translate(0, 0px);

  transform: translate(0, 0px);

  opacity: 1;

  transition: 1.3s;

  -webkit-transition: 1.3s;

  -moz-transition: 1.3s;

  -ms-transition: 1.3s;

  -o-transition: 1.3s; }
  
  
  #cnzz_stat_icon_1281233784{
      display: none;
      
  }
  



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