* {
       box-sizing: border-box;
   }
   
   body,
   select,
   input,
   view,
   text,
   button,
   textarea {
       font-family: 'PingFang SC', 'SimHei', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
   }
   
   body {
       font-size: 14px;
       color: #666;
       background-color: #fff;
       overflow-x: hidden;
       line-height: 1.14;
   }
   
   a {
       color: inherit;
   }
   
   a:hover {
       color: inherit;
       text-decoration: none;
   }
   
   img {
       max-width: 100%;
   }
   
   .gnone {
       display: none;
   }
   
   .wrapper {
       width: 1200px;
       margin: 0 auto;
       position: relative;
   }
   
   .wrapper:after,
   .wrapper:before,
   .clearfix:after {
       content: "";
       display: table;
       clear: both;
       height: 0;
       visibility: hidden;
   }
   /*公司*/
   
   .header {
       height: 100px;
       background: #0156a9;
       position: relative;
       overflow: hidden;
   }
   
   .header .logo {
       position: ;
       padding-top: 10px;
       width: 153px;
       height: 81px;
       position: absolute;
       left: 0;
   }
   
   .header .nav {
       text-align: center;
       line-height: 100px;
   }
   
   .header .nav li {
       display: inline-block;
       margin: 0 32.5px;
       position: relative;
   }
   
   .header .nav li::after {
       content: "";
       position: absolute;
       width: 120%;
       height: 3px;
       background: #fff;
       left: 50%;
       margin-left: -60%;
       bottom: 23px;
       display: none;
   }
   
   .header .nav li.active::after,
   .header .nav li:hover::after {
       display: block;
   }
   
   .header .nav li a {
       font-size: 16px;
       color: #fff;
   }
   
   .header .url {
       float: right;
       background: url(../images/hd.png) no-repeat;
       background-size: 30px 31px;
       background-position: 0 5px;
       position: absolute;
       right: 0;
       top: 32px;
   }
   
   .header .url a {
       display: inline-block;
       margin-left: 38px;
       font-size: 16px;
       color: #fff;
   }
   
   .header .url p {
       margin-top: 2px;
   }
   
   .naver {
       background: #eeeeee;
       height: 100px;
       position: relative;
   }
   
   .naver li {
       width: 20%;
       float: left;
   }
   
   .naver li h3 {
       height: 100px;
       line-height: 100px;
       border: 1px solid #cccccc;
       border-bottom-color: transparent;
       text-align: center;
       /* float: left; */
   }
   .naver li h3:hover span{
       color:#0156a9;
   }
   .naver li h3{
       border-right:none;
   }
   .naver li:last-child h3{
    border-right: 1px solid #cccccc;
}
   .naver li h3 a {
       display: inline-block;
       width: 100%;
       height: 100%;
   }
   
   .naver li:hover {
       background: #fff;
       border-bottom: none;
   }
   
   .naver li:hover h3 {
       border-bottom: none;
       background: #ffffff;
   }
   
   .naver li:hover .subnav {
       display: block;
   }
   
   .naver li:last-child {
       border-right: none;
   }
   
   .naver img {
       width: 56px;
       height: 55px;
       vertical-align: middle;
       margin-right: 10px;
   }
   
   .naver span {
       font-size: 16px;
       color: #333333;
       font-weight: bold;
   }
   
   .naver .subnav {
       width: 100%;
       height: 300px;
       position: absolute;
       background: #fff;
       z-index: 999;
       display: none;
       left: 0;
       top: 100px;
       padding-left: 60px;
       padding-top: 35px;
   }
   
   .naver .subnav dl {
       float: left;
       text-align: left;
       width: 230px;
   }
   
   .naver .subnav .bigwidth {
       width: 570px;
       margin-left: 60px;
   }
   
   .naver .subnav .bigwidth dd {
       /* margin-right: 70px; */
       width: 285px;
       float: left;
   }
   
   .naver .subnav .bigwidth dd:hover {
       color: #0156a9;
   }
   
   .naver .subnav dl dt {
       font-size: 16px;
       color: #333333;
       font-weight: bold;
       height: 30px;
   }
   
   .naver .subnav dl dd {
       font-size: 14px;
       color: gray;
       height: 30px;
   }
   
   .naver .subnav dl dd:hover {
       color: #0156a9;
   }
   
   .banner {
       
       background-size: cover;
       height: 201px;
       padding-top: 68px;
   }
   
   .banner h2 {
       font-size: 38px;
       color: #fff;
   }
   
   .banner p {
       font-size: 20px;
       color: #fff;
   }
   
   .current {
       padding-top: 18px;
   }
   
   .current ul {
       

       background-size: 13px 14px;
       float: right;
   }
   
   .current li {
      display: inline-block;
       margin-right: 5px;
   }
   .current .homeico{
       position: relative;
   }
   .current .homeico::before{
    content: "";
    background: url(../images/home.png) no-repeat;
    position: absolute;
    width:13px;
    height:14px;
    left:-30px;
    bottom: 0;
   }
   .about-txt {
       padding-top: 55px;
       padding-bottom: 65px;
   }
   
   .about-txt .head {
       text-align: center;
   }
   
   .about-txt .head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .about-txt .body {
       margin-top: 65px
   }
   
   .about-txt .body .body-l {
       width: 580px;
       height: 360px;
       float: left;
   }
   
   .about-txt .body .body-r {
       float: left;
       width: 572px;
       margin-left: 48px;
   }
   
   .about-txt .body .body-r p {
       font-size: 16px;
       color: #333333;
       text-indent: 32px;
       margin-bottom: 40px;
       line-height: 1.6;
   }
   
   .about-goal {
       background: #f6f6f6 url(../images/bg_1.jpg) no-repeat;
       background-size: cover;
       height: 682px;
       padding-top: 65px;
   }
   
   .about-goal .head {
       text-align: center;
   }
   
   .about-goal .head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .about-goal .body {
       width: 595px;
       float: left;
       margin-top: 75px;
   }
   
   .about-goal .body .txt p {
       margin-bottom: 40px;
       line-height: 1.6;
       font-size: 16px;
       color: #333333;
       text-indent: 32px;
   }
   
   .about-history {
       padding-top: 80px;
       height: 550px;
       position: relative;
   }
   .about-history:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    top: 267px;
    border-bottom: 1px solid #eeeeee;
    z-index: 1;
}
 .about-history> .wrapper{
 	position: relative; z-index: 2;
 }
   .about-history2{
       display: none;
   }
   /*.about-history::before {
       content: "";
       width: 383px;
       height: 1px;
       background: #eeeeee;
       position: absolute;
       top: 268px;
   }
   
   .about-history::after {
       content: "";
       width: 381px;
       height: 1px;
       background: #eeeeee;
       position: absolute;
       top: 268px;
       right: 0;
   }*/
   
   .about-history .head {
       text-align: center;
   }
   
   .about-history .swiper-container {
       padding-top: 70px;
       padding-bottom: 70px;
   }
   
   .about-history .head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .about-history .body {
       /* margin-top: 65px; */
       padding: 0 70px;
   }
   
   .about-history .swiper-slide {
       /* width: 253px!important; */
   }
   
   .about-history .body li {
       float: left;
       width: 260px;
       /* height: 235px; */
       text-align: center;
       /* margin-left: 10px; */
       padding: 0 10px;
   }
    .about-history .swiper-pagination{
        display: none;
    }
   .about-history .body .box {
       width: 246px;
       padding: 0 40px;
       padding-top: 40px;
       padding-bottom: 50px;
   }
   
   .about-history .body li.active .box,
   .about-history .body li .box:hover {
       box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px;
   }
   
   .about-history .swiper-button-next {
       background-image: url(../images/next_2.png);
       background-size: cover;
       width: 40px;
       height: 40px;
       opacity: 1;
       top: 190px;
       right: 30px;
   }
   
   .about-history .swiper-button-next.swiper-button-disabled {
       background-image: url(../images/next_3.png);
       background-size: cover;
       width: 40px;
       height: 40px;
       opacity: 1;
       top: 190px;
       right: 30px;
   }
   /* .about-history .swiper-button-next {
       background-image: url(../images/next_2.jpg);
       
   } */
   
   .about-history .swiper-button-prev.swiper-button-disabled {
       background-image: url(../images/prev_3.png);
       opacity: 1;
       background-size: cover;
       width: 40px;
       height: 40px;
       top: 190px;
       left: 30px;
   }
   
   .about-history .swiper-button-prev {
       background-image: url(../images/prev_2.png);
       opacity: 1;
       background-size: cover;
       width: 40px;
       height: 40px;
       top: 190px;
       left: 30px;
       .
   }
   
   .about-history .body li h4 {
       font-size: 22px;
       color: #666666;
       position: relative;
   }
   
   .about-history .body li h4::after {
       content: "";
       width: 6px;
       height: 6px;
       border:2px solid #fff;
       border-radius: 50%;
       background: #bfbfbf;
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       margin-left: -3px;
       top: 32px;
   }
   .about-history .body li:hover h4::after{
       border:2px solid #0c5dad;
       background: #fff;
   }
   .about-history .body li h4::before {
       content: "";
       width: 250px;
       height: 1px;
       background: #eeeeee;
       position: absolute;
       top: 35px;
       left: 90px;
   }
   /* .about-history .body li.active h4::after,
   .about-history .body li:hover h4::after {
       width: 10px;
       height: 10px;
       border: 3px solid #0d5ead;
       background: #fff;
       top:29px;
   } */
   
   .about-history .body li p {
       margin-top: 65px;
       line-height: 1.6;
       font-size: 15px;
       color: #666666;
       position: relative;
   }
   
   .about-history .body li p::before {
       position: absolute;
       content: "";
       width: 1px;
       height: 18px;
       background: #eeeeee;
       left: 49%;
       top: -30px;
   }
   
   .about-history .body li:nth-child(1) p::after {
       content: "";
       width: 155px;
       height: 1px;
       background: #eeeeee;
       position: absolute;
       top: -55px;
       right: 95px;
   }
   
   .about-value {
       height: 684px;
       background: url(../images/bg_2.jpg) no-repeat;
       background-size: cover;
       padding-top: 85px;
       margin-top:90px;
   }
   
   .about-value .head {
       text-align: center;
   }
   
   .about-value .head h2 {
       color: #fff;
       font-size: 38px;
   }
   
   .about-value .body {
       /* margin-top: 130px; */
   }
   
   .about-value .swiper-container {
       padding-top: 130px;
   }
   
  
   
   .about-value .body li {
       width: 340px;
       text-align: left;
       float: left;
   }
   
   .about-value .swiper-pagination {
       bottom: -70px;
       left: 50%;
       transform: translateX(-50%);
   }
   
   .about-value .swiper-pagination-bullet {
       width: 40px;
       height: 3px;
       border-radius: 0;
       margin: 0 7.5px;
       background: #76a5d3;
       opacity: 0.8;
   }
   
   .about-value .swiper-pagination-bullet-active {
       background: #fff;
       opacity: 1;
   }
   
   .about-value .body li:nth-child(3) {
       margin-right: 0;
   }
   
   .about-value .body li h4 {
       font-size: 22px;
       color: #fff;
       margin-bottom: 45px;
       position: relative;
   }
   
   .about-value .body li h4::before {
       content: "";
       width: 40px;
       height: 1px;
       position: absolute;
       background: #fff;
       top: -30px;
       left: 0;
   }
   
   .about-value .body li p {
       font-size: 15px;
       color: #fff;
       margin-top: 0;
       margin-bottom: 30px;
       line-height: 1.6;
   }
   
   .about-global {
       padding-top: 75px;
       padding-bottom: 75px;
   }
   
   .about-global .head {
       text-align: center;
   }
   
   .about-global .head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .about-global .body {
       margin-top: 80px;
       position: relative;
   }
   
   .about-global .body-l {
       float: left;
       margin-top: 65px;
       box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 7px;
       padding-top: 50px;
       padding-left: 38px;
       padding-right: 70px;
       padding-bottom: 65px;
       position: absolute;
       background: #fff;
       z-index: 1;
   }
   
   .about-global .body-l h2 {
       font-size: 22px;
       color: #333333;
       margin-bottom: 25px;
   }
   
   .about-global .body-l p {
       font-size: 16px;
       color: #333333;
       margin-bottom: 15px;
   }
   
   .about-global .body-r {
       float: right;
       width: 690px;
       height: 398px;
   }
   
   .footer {
       height: 138px;
       background: #0156a9;
   }
   
   .footer ul {
       padding: 0 50px;
       width: 130%;
   }
   
   .footer ul li {
       float: left;
       padding-top: 35px;
       margin-right: 205px;
   }
   
   .footer li .img {
       float: left;
   }
   
   .footer li .txt {
       width: 200px;
       float: left;
       margin-left: 13px;
   }
   
   .footer li .txt h2 {
       font-size: 18px;
       color: #83b6e7;
   }
   
   .footer li .txt p {
       font-size: 15px;
       color: #fff;
       margin-top: 10px;
       line-height: 1.6;
   }
   
   .copyright {
       height: 100px;
       border-top: 1px solid #1b64ab;
       background: #0156a9;
       text-align: center;
       padding-top: 25px;
   }
   
   .copyright ul {}
   
   .copyright ul li {
       display: inline-block;
       margin-right: 10px;
   }
   
   .copyright ul li a {
       font-size: 15px;
       color: #83b6e7;
   }
   
   .copyright ul li span {
       color: #83b6e7;
   }
   
   .copyright p {
       font-size: 15px;
       color: #83b6e7;
       margin-top: 15px;
   }
   /*首页*/
   
   .h-banner {
       height: 601px;
   }
   
   .h-banner ul {}
   
   .h-banner ul li {
       height: 601px;
       background-size: cover;
       background-repeat: no-repeat;
       background-position:center ;
   }
   
   .h-banner .swiper-button-prev {
       left: 30px;
   }
   
   .h-banner .swiper-button-next {
       right: 30px;
   }
   
   .h-pro {
       padding-top: 80px;
       padding-bottom: 70px;
   }
   
   .h-pro .h-head {
       text-align: center;
   }
   
   .h-pro .h-head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .h-pro .h-head p {
       font-size: 16px;
       color: #333333;
       width: 680px;
       margin: auto;
       margin-top: 20px;
       line-height: 1.4;
   }
   
   .h-pro .body {
       margin-top: 85px;
   }
   
   .h-pro .body-l {
       float: left;
       width: 370px;
       margin-right: 40px;
   }
   
   .h-pro .body-l .img img {
       transition: .4s;
   }
   
   .h-pro .body-l:hover .img img {
       transform: scale(1.1);
   }
   
   .h-pro .body-l:hover h4 {
       color: #0156a9;
   }
   
   .h-pro .body-l .img {
       width: 370px;
       height: 483px;
       overflow: hidden;
   }
   
   .h-pro .body-l h4 {
       font-size: 16px;
       color: #333333;
       text-align: center;
       margin-top: 15px;
   }
   
   .h-pro .body-r {
       float: left;
       width: 790px;
   }
   
   .h-pro .body-r ul {
       width: 120%;
   }
   
   .h-pro .body-r li {
       float: left;
       margin-right: 40px;
       margin-bottom: 8px;
       text-align: center;
   }
   
   .h-pro .body-r li h4 {
       font-size: 16px;
       color: #333333;
       text-align: center;
       margin-top: 15px;
   }
   
   .h-pro .body-r li .img {
       overflow: hidden;
       width: 370px;
       height: 220px;
   }
   
   .h-pro .body-r li:hover h4 {
       color: #0156a9;
   }
   
   .h-pro .body-r li .img img {
       transition: .4s;
   }
   
   .h-pro .body-r li:hover .img img {
       transform: scale(1.1);
   }
   
   .h-about {
       background: url(../images/bg_3.jpg) no-repeat;
       background-size: cover;
       height: 533px;
       padding-top: 75px;
   }
   
   .h-about .h-head h2 {
       text-align: center;
       font-size: 38px;
       color: #fff;
   }
   
   .h-about .body {
       margin-top: 55px;
   }
   
   .h-about .body-l {
       float: left;
       width: 490px;
       height: 300px;
   }
   
   .h-about .body-r {
       float: left;
       width: 650px;
       margin-left: 55px;
   }
   
   .h-about .body-r .txt p {
       font-size: 16px;
       color: #fff;
       text-indent: 32px;
       line-height: 1.6;
   }
   
   .body-r .btn {
       margin-top: 35px;
   }
   
   .body-r .btn a {
       display: inline-block;
       width: 138px;
       height: 42px;
       border: 1px solid #fff;
       text-align: center;
       line-height: 42px;
       color: #fff;
       background: url(../images/icon_1.png) no-repeat;
       background-size: 22px 6px;
       background-position: center right 20px;
       padding-right: 20px;
       transition: 1s;
       /* position: relative; */
       z-index: 2;
   }
   .body-r .btn a:hover{
       background:#fff url(../images/icon_7.png) no-repeat;
       background-position: center right 15px;

   }
   /* .btn a::before {
       content: "";
       width: 0;
       height: 100%;
       background: #fff;
       position: absolute;
       top: 0;
       left: 0;
       transition: .5s;
       z-index: -1;
   } */
   
   .btn a:hover::before {
       width: 100%;
       background: #ffffff url(../images/icon_7.png) no-repeat;
       background-size: 22px 6px;
       background-position: center right 20px;
   }

   
   .btn a:hover {
       color: #333333;
   }
   
   .h-serv {
       padding-top: 90px;
       padding-bottom: 90px;
   }
   
   .h-serv .h-head {
       text-align: center;
   }
   
   .h-serv .h-head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .h-serv .h-head p {
       width: 680px;
       text-align: center;
       margin: 0 auto;
       font-size: 16px;
       color: #333333;
       margin-top: 30px;
   }
   
   .h-serv .body {
       margin-top: 50px;
   }
   
   .h-serv .body ul {
       width: 110%;
   }
   
   .h-serv .body li {
       width: 288px;
       text-align: center;
       float: left;
       margin-right: 17px;
   }
   
   .h-serv .body li .img {
       width: 288px;
       height: 280px;
       overflow: hidden;
   }
   
   .h-serv .body li .img img {
       transition: .4s;
   }
   
   .h-serv .body li .img img:hover {
       transform: scale(1.1);
   }
   
   .h-serv .body li:hover h4 {
       color: #0156a9;
   }
   
   .h-serv .body li h4 {
       font-size: 16px;
       color: #333333;
       margin-top: 20px;
   }
   
   .h-news {
       padding-top: 90px;
       padding-bottom: 130px;
       background: #f6f6f6;
   }
   
   .h-news .h-head {
       text-align: center;
   }
   
   .h-news .h-head h2 {
       font-size: 38px;
       color: #333333;
   }
   
   .h-news .body {
       margin-top: 55px;
   }
   
   .h-news .swiper-pagination {
		left: 0; right: 0;
       margin-top: 55px;
   }
   
   .h-news .swiper-pagination-bullet {
       width: 12px;
       height: 12px;
       margin: 0 6px;
   }
   
   .h-news .swiper-pagination-bullet-active {
       border: 3px solid #0156a9;
       background: #fff;
   }
   
   .h-news .body ul li {
       float: left;
       width: 570px;
       margin-right: 60px;
       /* text-align: center; */
   }
   
   .h-news .body ul li:nth-child(2) {
       margin-right: 0;
   }
   
   .h-news .body ul {
       width: 110%;
   }
   
   .h-news .body .img {
       width: 298px;
       height: 194px;
       float: left;
   }
   
   .h-news .body .txt {
       width: 250px;
       float: left;
       text-align: left;
       margin-left: 22px;
       padding-top: 22px;
   }
   
   .h-news .body .txt h4 {
       font-size: 16px;
       color: #666666;
   }
   .h-news .body ul li:hover h2{
    color: #0156a9;
   }
   /* .h-news .body .txt h4:hover {
       color: #0156a9;
   } */
   
   .h-news .body .txt h2 {
       font-size: 16px;
       color: #666666;
       margin-top: 15px;
       line-height: 1.6;
   }
   
   /* .h-news .body .txt h2:hover {
       color: #0156a9;
   } */
   
   .h-news .body .txt p {
       margin-top: 20px;
       font-size: 14px;
       color: #666666;
       line-height: 1.6;
   }
   
   /* .h-news .body .txt p:hover {
       color: #0156a9;
   } */
   /*产品-压缩空气系统*/
   
   .current2 {
       background: #f6f6f6;
   }
   
   .current2 ul {
       background-position: center right 440px;
   }
   
   .prodetail {
       background: #f6f6f6;
       padding-bottom: 35px;
       padding-top: 30px;
   }
   
   .proleft {
       float: left;
       width: 270px;
       background: #fff;
   }
   
   .proleft .pronav {}
   
   .proleft .pronav h2 {
       height: 50px;
       text-align: center;
       font-size: 22px;
       color: #fff;
       line-height: 50px;
       background: #0156a9;
   }
   /* 一级 */
   
   .proleft .pronav>ul {
       padding: 0 15px;
   }
   /* 二级 */
   
   .proleft .pronav>ul>li>ul {
       text-align: center;
       display: none;
   }
   
   .proleft .pronav>ul>li.active>ul {
       display: block;
   }
   
   .proleft .pronav>ul>li.active>h3 {
       background-image: url(../images/icon_4.png);
       cursor: pointer;
   }
   /* 三级 */
   
   .proleft .pronav>ul>li>ul>li.active>h4 {
       background-color: #eeeeee;
       background-image: url(../images/icon_6.png);
   }
   
   .proleft .pronav>ul>li>ul>li>ul {
       display: none;
   }
   
   .proleft .pronav>ul>li>ul>li.active>ul {
       display: block;
       margin-bottom: 20px;
   }
   
   .proleft .pronav>ul>li>h3 {
       text-align: left;
       height: 60px;
       line-height: 60px;
       background-image: url(../images/icon_3.png);
       background-repeat: no-repeat;
       background-position: center right;
       cursor: pointer;
   }
   
   .proleft .pronav ul li h3 a {
       font-size: 18px;
       color: #333333;
   }
   
   .proleft .pronav ul li h4 {
       font-size: 16px;
       /* color: #0156a9; */
       height: 50px;
       line-height: 50px;
       /* background: #eeeeee; */
       background-image: url(../images/icon_5.png);
       background-repeat: no-repeat;
       background-position: center left 10px;
       text-align: left;
       padding-left: 25px;
   }
   
   .proleft .pronav ul li h5 {
       text-align: left;
       padding-left: 25px;
       font-size: 14px;
       color: #666666;
       margin-top: 15px;
   }
   .proleft .pronav ul li h5:hover{
       color: #0156a9;
   }
   .pronav>ul>li>ul>li>ul>li.active h5{
   	 color: #0156a9;
   }
   .proright {
       float: left;
       width: 895px;
       background: #fff;
       padding-top: 25px;
       padding-left: 35px;
       padding-bottom: 75px;
       margin-left: 35px;
   }
   
   .proright .prohead {
       font-size: 30px;
       color: #333333;
   }
   
   .proright .probody {
       margin-top: 60px;
   }
   
   .proright .probody .img {
       float: left;
       margin-right: 81px;
       width: 349px;
       height: 212px;
       margin-bottom: 30px;
   }
   
   .proright .probody p {
       font-size: 16px;
       color: #333333;
       line-height: 1.6;
   }
   
   .proright .probody .txt {
       padding-top: 35px;
   }
   
   .proright .probody .txt h3 {
       font-size: 18px;
       color: #333333;
       font-weight: bold;
       margin-bottom: 12px;
   }
   
   .proright .probody .txt li {
       font-size: 16px;
       color: #333333;
       margin-bottom: 7px;
       position: relative;
       padding-left: 13px;
   }
   
   .proright .probody .txt li::before {
       content: '';
       width: 4px;
       height: 4px;
       background: #333333;
       position: absolute;
       border-radius: 50%;
       left: 0;
       top: 50%;
       margin-top: -2px;
   }
   /*应用服务*/
   
   .current3 ul {
       background-position: center right 120px;
   }
   
   .servpage {
       margin-top: 30px;
   }
   
   .servleft {
       float: left;
   }
   
   .servleft .servnav {
       width: 270px;
   }
   
   .servleft .servnav h2 {
       height: 50px;
       font-size: 22px;
       color: #fff;
       text-align: center;
       line-height: 50px;
       background: #0156a9
   }
   
   .servleft .servnav ul li {
       height: 60px;
       background: #e7e7e7 url(../images/jt_2.png) no-repeat center right 18px;
       color: #333333;
       padding-left: 24px;
       padding-right: 18px;
       line-height: 60px;
       font-size: 16px;
       margin-bottom: 2px;
   }
   .servleft .servnav ul li.hover, .servleft .servnav ul li:hover{
    background: #e7e7e7 url(../images/jt_1.png) no-repeat center right 18px;
    color: #0156a9;
   }
   /* .servleft .servnav ul li.active {
       background: #e7e7e7 url(../images/jt_1.png) no-repeat center right 18px;
       color: #0156a9;
   } */
   
   .servleft .servnav ul li a {
       display: inline-block;
       width: 100%;
       height: 100%;
   }
   
   .servright {
       float: left;
       margin-left: 45px;
       padding-bottom: 70px;
   }
   
   .servright .servlist {
       width: 885px;
   }
   /* .servright .servlist.active {
        display: block;
    } */
   
   .servright .servlist ul {
       width: 120%;
   }
   
   .servright .servlist ul li {
       float: left;
       text-align: center;
       width: 271px;
       height: 340px;
       transition: .4s;
       border: 1px solid #eeeeee;
       margin-right: 35px;
       margin-bottom: 45px;
   }
   
   .servright .servlist ul li:hover {
       box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
   }
   
   .servright .servlist ul li .img {
       width: 270px;
       height: 276px;
       overflow: hidden;
   }
   
   .servright .servlist ul li .img img {
       transition: .4s;
   }
   
   .servright .servlist ul li .img img:hover {
       transform: scale(1.1);
   }
   
   .servright .servlist ul li h4 {
       font-size: 16px;
       color: #333333;
       margin-top: 24px
   }
   
   .servright .servlist ul li:hover h4 {
       color: #0156a9;
   }
   
   .gb-pages {
       text-align: center;
   }

   
   .gb-pages a {
       margin: 0 5px;
       display: inline-block;
       width: 50px;
       height: 50px;
       background: #f5f7f6;
       font-size: 16px;
       color: #333333;
       line-height: 50px;
       overflow: hidden;
   }
   .gb-pages  a.prev {
    background:#f5f7f6 url(../images/prev.png) no-repeat center;
    background-size: 6px 10px;
   }
   .gb-pages  a.next {
    background:#f5f7f6 url(../images/next.png) no-repeat center;
    background-size: 6px 10px;
   }
   .gb-pages  a.on  {
       background: #0156a9;
       color: #fff;
   }
   /*新闻*/
   
   .newspage {
       padding-top: 40px;
       padding-bottom: 55px;
   }
   
   .newspage .newslist {
       padding-bottom: 40px;
   }
   
   .newslist li {
       overflow: hidden;
       padding-bottom: 35px;
       border-bottom: 1px solid #eeeeee;
       margin-bottom: 33px;
   }
   
   .newslist li .img {
       overflow: hidden;
   }
   
   .newslist li .img img {
       transition: .4s;
   }
   
   .newslist li:hover .img img {
       transform: scale(1.1);
   }
   
   .newslist li .img {
       width: 298px;
       height: 194px;
       float: left;
   }
   
   .newslist li .txt {
       float: left;
       width: 870px;
       margin-left: 32px;
       padding-top: 10px;
       transition: .4s;
   }
   .newslist li:hover .txt {
    transform: translateX(20px);
}

   .newslist li .txt h2 {
       font-size: 18px;
       color: #333333;
   }
   
   .newslist li:hover .txt h2 {
       color: #0156a9;
   }
   
   .newslist li .txt h3 {
       font-size: 14px;
       color: #999999;
       margin-top: 15px;
   }
   
   .newslist li .txt p {
       font-size: 14px;
       color: #666666;
       margin-top: 25px;
   }
   
   .newslist li .txt h4 {
       font-size: 14px;
       color: #0156a9;
       margin-top: 50px;
       display: none;
   }
   
   .newslist li:hover .txt h4 {
       display: block;
   }
   /*新闻详情*/
   /* .current4{
       background-position: center right;
   } */
   
   .newsdetail {
       padding-top: 50px;
       padding-bottom: 70px;
   }
   
   .newsleft {
       float: left;
       width: 802px;
   }
   
   .newsleft .newshd {
       padding-bottom: 28px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .newsleft .newshd h2 {
       font-size: 26px;
       color: #333333;
   }
   
   .newsleft .newshd p {
       font-size: 15px;
       color: #999999;
       margin-top: 25px;
   }
   
   .newsleft .newsbd {
       padding-top: 35px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .newsleft .newsbd p {
       font-size: 16px;
       color: #666666;
       text-indent: 32px;
       line-height: 1.8;
       margin-bottom: 35px;
   }
   
   .newsleft .newsbd .img {
       text-align: center;
       margin-bottom: 30px;
   }
   
   .newsleft .newsft {
       margin-top: 35px;
   }
   
   .newsleft .newsft li {
       margin-bottom: 15px;
   }
   
   .newsleft .newsft li a {
       font-size: 16px;
       color: #666666;
   }
   
   .newsleft .newsft li:hover a {
       color: #0951bd;
   }
   
   .newsright {
       float: left;
       width: 320px;
       background: #f9f9f9;
       padding: 0 25px;
       margin-left: 75px;
       padding-bottom: 50px;
   }
   
   .newsright .head {
       height: 65px;
       line-height: 65px;
       text-align: left;
       font-size: 22px;
       color: #333333;
       font-weight: bold;
       padding-left: 5px;
       border-bottom: 1px solid #eeeeee;
   }
   
   .newsright .body {
       padding-top: 35px;
   }
   
   .newsright .body ul li {
       margin-bottom: 25px;
       font-size: 16px;
       color: #828282;
       padding-left: 30px;
       position: relative;
       transition: .3s;
   }
   .newsright .body ul li:hover{
    transform: translateX(20px);
}
   .newsright .body ul li::before {
       content: "";
       width: 5px;
       height: 5px;
       background: #333333;
       border-radius: 50%;
       position: absolute;
       left: 10px;
       top: 5px;
   }
   
   .newsright .body ul li:hover {
       color: #0156a9;
   }
   
   .newsright .body ul li:hover::before {
       background: #0156a9;
   }
   
   .newsright .foot {}
   
   .newsright .foot a {
       display: inline-block;
       width: 270px;
       height: 50px;
       background: #0156a9 url(../images/icon_2.png) no-repeat center left 75px;
       text-align: center;
       line-height: 50px;
       color: #fff;
   }
   
   .newsright .foot a:hover {
       background: #00378f url(../images/icon_2.png) no-repeat center left 75px;
   }
   
   .current4 ul {
       background-position: center right 380px;
   }