@charset "utf-8";
body {width: 100%;font-family: "microsoft yahei",Arial, Helvetica, sans-serif;font-size: 14px;margin: 0;padding: 0;color: #333333;background-size: 100%;}
div, form, img, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;list-style: none;border: none;}
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}
a { text-decoration: none;color: #333;}
a:hover {text-decoration: none;}
p,span,em{margin: 0; padding: 0; font-style: normal; }
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight: normal;margin: 0;padding: 0;}
input,textarea,button{font-size:14px;outline: none;background: none;border: 0;resize: none;width: 100%;font-family: "microsoft yahei";margin: 0;padding: 0;}
table {border-spacing: 0;border-collapse: collapse;}
.nowrap {text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.omit {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } 
.fl {float: left;}
.fr {float: right;}
.clear{ clear:both;}
.p60 {padding: 60px 0;}
.mt40 {margin-top: 40px;}
.pr {position: relative;}
.container{ max-width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1420px){.container {width: 94%!important;}}
@media screen and (max-width: 750px){.container {width: 96%!important;}}
/*顶部*/
/*.pc-head {height: 114px;}*/
.head{position: fixed;top:0;left:0; z-index: 888;background: #fff;height: 114px;width: 100%;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;}
.index-head {height: auto!important;}
.index-head .head {background: none;top: -114px;}
.index-head .cur {top: 0;}
.head-logo {margin-top: 31px;}
.head-logo img{height:52px!important;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;}
.head-nav li{position: relative;float: left;text-align: center;margin: 0 40px;}
.head-nav li a{display: block;line-height: 114px;font-size: 18px;font-weight: 600;position: relative;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;}
.head-nav li a::after {display: block;content: "";position: absolute;left: 50%;bottom: 0;width: 0%;height: 3px;background: #0070c0;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;}
.index-head .head-nav li a::after {background: #fff;}
.head-nav li.active a,.head-nav li:hover a {color: #0070c0;}
.head-nav li.active a::after,.head-nav li:hover a::after {width: 100%;left: 0;}
.head-nav .sub-nav{position: absolute;left:50%;top:114px;background:#fff;width:194px;margin-left: -97px;box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);}
.head-nav .sub-nav .sub-list {position: relative;}
.head-nav .sub-nav .sub-list .a1{display: block;text-align: center;line-height: 46px!important;height: 0;overflow: hidden;color: #333!important;padding: 0 20px;font-size: 14px;transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;}
.head-nav .sub-nav .sub-list a::after {display: none;}
.head-nav .sub-nav .sub-list:hover .a1,.head-nav .sub-nav .sub-list.active .a1{color:#fff!important;background: #0070c0;}
.head-nav li:hover .sub-nav .sub-list .a1 {height: 46px;}
.head-nav .sub-nav-1 {position: absolute;top: 0;left: 194px;width: 146px;background: #ececec;}
.head-nav .sub-nav-1 p .a2 {display: block;text-align: center;line-height: 36px!important;height: 0;overflow: hidden;color: #333!important;padding: 0 20px;font-size: 14px;transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;}
.index-head .head-nav li a {color: #fff;}
.head-nav .sub-list:hover .sub-nav-1 p .a2 {height: 36px;}
.head-nav .sub-nav .sub-nav-1 p:hover .a2,.head-nav .sub-nav .sub-nav-1 p.active .a2{color:#fff!important;background: #0070c0;}
.head-search {padding-left: 30px;border-left: 1px #ddd solid;margin-top: 46px;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;}
.index-head .head-search i {background-image: url(../images/search1.png);}
.head-search i {display: block;width: 22px;height: 22px;background: url(../images/search2.png) no-repeat center center;background-size: 100%;cursor: pointer;}
.search-wrap {position: fixed;left: 0;top: 114px;width: 100%;padding: 80px 0;background: #f8f8f8;visibility: hidden;opacity: 0;transform: translateY(10px);transition: all .5s;z-index: 1;}
.search-wrap .search-box {width: 90%;max-width: 600px;margin: 0 auto;background: #fff;position: relative;}
.search-wrap input {line-height: 48px;width: 100%;padding: 0 20px;}
.search-wrap button {width: 90px;height: 48px;background: #0070c0;color: #fff;outline-style: none;line-height: 42px;cursor: pointer;position: absolute;right: 0;top: 0;}
.search-wrap.active {opacity: 1;visibility: visible;transform: translateY(0);}
.m-head {display: none;height: 48px;}
.head-p {height: 90px;}
.head-p .head {height: 90px;border-bottom: 1px #ddd solid;}
.head-p .head-logo {margin-top: 22px;}
.head-p .head-logo img {height: 46px!important;}
.head-p .head-nav li a {line-height: 90px;}
.head-p .head-nav .sub-nav {top: 89px;}
.head-p .head-search {margin-top: 34px;}
.head-p .search-wrap {top: 90px;}
@media screen and (max-width: 1420px){
    .head-nav li {margin: 0 26px;}
}
@media screen and (max-width: 1024px){
    .m-head {display: block!important;}
    .pc-head {display: none;}
}
.m-header {height: 48px;width: 100%;background: #ffffff;position: fixed;z-index: 99999999;}
.header-a {height: auto!important;}
.header-a .nav-btn i {top: 2px!important;}
.m-header .w-header {position: relative;padding: 8px 15px;width: 100%;box-sizing: border-box;z-index: 4;height: 48px;box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);background: #fff;}
.m-header .logo {height: 100%;float: left;background-size: 99%;line-height: 48px;}
.m-header .logo img {max-height: 100%;display: block;}
.m-header .nav-btn {width: 32px;height: 32px;float: right;position: relative;}
.m-header .nav-btn i {display: inline-block;position: relative;width: 32px;height: 2px;background: #0070c0;top: 15px;}
.m-header .nav-btn i::before {display: block;content: '';width: 100%;height: 2px;background: #0070c0;position: absolute;top: -10px;left: 0;}
.m-header .nav-btn i::after {display: block;content: '';width: 100%;height: 2px;background: #0070c0;position: absolute;bottom: -10px;left: 0;}
.m-header .nav-btn.active i {background: none;}
.m-header .nav-btn.active i::before {transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 0;}
.m-header .nav-btn.active i::after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);bottom: 0;}
.m-header .sub-menu {width: 100%;height: 100%;padding: 14px 0 0;display: none; position: fixed;left: 0;top: 48px;background-color: white;z-index: 9999999999999;color: #666;}
.m-header .sub-menu.on {display: block!important;}
.m-header .sub-menu li .sub-tit {padding: 0 3%;box-sizing: border-box;}
.m-header .sub-menu li .sub-tit .info {padding: 13px 0;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;position: relative;}
.m-header .sub-menu li .sub-tit.on .info {border-bottom-color: transparent;}
.m-header .sub-menu li a {display: block;}
.m-header .sub-menu .tit {display: block; width: 100%;box-sizing: border-box;color: #666;position: relative;font-size: 15px;line-height: 20px;}
.m-header .sub-menu .sub-tit.on .btn-v {background: url(../images/img2.png) center center no-repeat;background-size: 100%;}
.m-header .sub-menu .btn-v {height: 20px;width: 20px;float: right;margin-right: 16px;margin-top: 0;background: url(../images/img1.png) center center no-repeat;background-size: 100%;}
.m-header .sub-menu .sub-tit.on {color: #0070c0;}
.m-header .sub-menu .sec-list {line-height: 28px;padding: 1px 1.5%; display: none;background: #f2f2f2;}
.m-header .sub-menu .sec-list div {line-height: 43px;font-size: 13px;border-top: 1px solid #e8e8e8;box-sizing: border-box;}
.m-header .sub-menu .sec-list div:nth-child(1) {border-top: none;}
.m-header .sub-menu .sec-list a {padding-left: 21px;color: #888;display: block;}
.m-header .sub-menu .sec-list .sec-list-1 a {padding-left: 60px;font-size: 12px;}
.banner {overflow: hidden;position: relative;}
.banner,.banner .swiper-container,.banner .swiper-slide{height: 100%;}
.banner .swiper-container .swiper-slide{height:100%;overflow: hidden;}
.banner .swiper-pagination{bottom:40px !important;}
.banner .swiper-pagination-bullet{width: 14px;height:14px;border-radius: 50%;opacity: 0.5;margin:0 3px !important;background: #0070c0;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #fff;}
.banner .swiper-slide .img {height: 100%;overflow: hidden;}
.banner .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide-active img{animation:ban 8s infinite;  -webkit-animation: ban 8s infinite;}
.banner video {object-fit:cover;pointer-events: none;transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);}
.banner .mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: absolute;top: 0;left: 0;}
.banner .text {max-width: 60%;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.banner .text h1 {font-size: 36px;}
.banner .text p {margin-top: 30px;line-height: 1.6;font-size: 16px;}
.banner .text a {display: inline-block;padding: 12px 40px;border: 1px #ddd solid;color: #fff;margin-top: 60px;}
.banner .text a:hover {background: #fff;color: #333;}
@-webkit-keyframes ban {
    0% {transform: scale(1);}
    100% {transform: scale(1.2);}
  }
  
  @keyframes ban {
    0% { transform: scale(1);}
    100% { transform: scale(1.2);}
  }
  @media screen and (max-width: 1024px){
    .banner {padding-top: 48px;}
}
  @media screen and (max-width: 750px){
    .banner .text {max-width: 80%;}
    .banner .text h1 {font-size: 20px;}
    .banner .text p {font-size: 14px;margin-top: 14px;}
    .banner .text a {padding: 6px 20px;margin-top: 34px;}
}

.index-floor-1 {height: 100%;}
.index-floor-1 .main {width: 100%;height: 50%;}
.index-floor-1 .main .main-con {width: 50%;float: left;height: 100%!important;}
.index-floor-1 .main-con a {display: block;position: relative;height: 100%!important;}
.index-floor-1 .main-con .img {overflow: hidden;height: 100%!important;}
.index-floor-1 .main-con .img img {display: block;width: 100%;height: 100%!important;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-1 .main-con .text {position: absolute;width: 52%;background: rgba(0,0,0,0.5);top: 14%;left: 0;padding: 20px 24px;color: #fff;}
.index-floor-1 .main-con .text h1 {font-size: 24px;}
.index-floor-1 .main-con .text span {display: block;width: 44px;height: 1px;background: #fff;margin: 16px 0;}
.index-floor-1 .main-con .text p {line-height: 24px;min-height: 48px;}
.index-floor-1 .main-con:hover .img img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
/* .main1 {animation-delay: 0s;}
.main2 {animation-delay: .2s;}
.main3 {animation-delay: .4s;}
.main4 {animation-delay: .6s;} */
@media screen and (max-width: 1420px){
    .index-floor-1 .main-con .text {width: 70%;}
}
@media screen and (max-width: 1024px){
    .index-floor-1 {padding-top: 48px;}
    .index-floor-1 .main-con .text {width: 100%;}
}
@media screen and (max-width: 750px){
    .index-floor-1 {padding-top: 48px;}
    .index-floor-1 .main-con .text {width: 100%;padding: 10px 12px;}
    .index-floor-1 .main-con .text h1 {font-size: 16px;margin: 10px 0;}
    .index-floor-1 .main-con .text span {width: 20px;}
    .index-floor-1 .main-con .text p {font-size: 14px;line-height: 1.5;}
}

.index-floor-2 {background: url(../images/product-bg.png) no-repeat center center;background-size: cover;height: 100%;}
.index-floor-2 .container {height: 100%;}
.index-floor-2 .product-tab {width:24%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index-floor-2 .product-tab span {position: relative;width: 90%;height: 84px;text-align: center;color: #fff;line-height: 84px;display: block;margin: 20px 0;cursor: pointer;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index-floor-2 .product-tab span::before {content: '';border: 1px #fff solid;line-height: 64px;height: 64px;width: 90%;display: block;position: absolute;left: 0;top: 9px;}
.index-floor-2 .product-tab span.cur {background: #fff;color: #333;width: 100%;height: 84px;font-size: 24px;line-height: 84px;}
.index-floor-2 .product-item {display: none;width: 72%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index-floor-2 .product-item:first-child {display: block;}
.index-floor-2 .product-item ul li {width: 49%;margin-top: 2%;margin-left: 2%;float: left;}
.index-floor-2 .product-item ul li:nth-child(2n+1) {margin-left: 0;}
.index-floor-2 .product-item ul li:nth-child(1),.index-floor-2 .product-item ul li:nth-child(2) {margin-top: 0;}
.index-floor-2 .product-item ul li a {display: block;position: relative;overflow: hidden;}
.index-floor-2 .product-item ul li .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.index-floor-2 .product-item ul li .img img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-2 .product-item ul li .text {width: 100%;height: 34px;line-height: 34px;background: rgba(0,0,0,0.5);text-align: center;color: #fff;padding: 0 20px;position: absolute;bottom: -34px;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-2 .product-item ul li:hover .text {bottom: 0;}
.index-floor-2 .index-product {height: 100%;}
.index-floor-2 .index-product ul {height: 100%;}
.index-floor-2 .index-product ul li {width: 25%;height: 100%;float: left;}
.index-floor-2 .index-product ul li a {display: block;position: relative;height: 100%;}
.index-floor-2 .index-product ul li .img {overflow: hidden;position: relative;height: 100%;}
.index-floor-2 .index-product ul li .img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-2 .index-product ul li .img i {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 67, 134, 0.8);}
.index-floor-2 .index-product ul li:nth-child(2n) .img i {background: rgba(0, 112, 192, 0.8);}
.index-floor-2 .index-product ul li .text {position: absolute;top: 100px;padding:0 50px;color: #fff;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-2 .index-product ul li .text h1 {font-size: 24px;}
.index-floor-2 .index-product ul li .text span {display: block;width: 44px;height: 1px;background: #fff;margin: 30px 0;}
.index-floor-2 .index-product ul li .text p {line-height: 30px;}
.index-floor-2 .index-product ul li:hover img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
/* .index-floor-2 .index-product ul li:hover .img i {background: rgba(0, 67, 134, 0.7);} */
.index-floor-2 .index-product ul li:hover .text {top: 60px;}
@media screen and (max-width: 1420px){
    .index-floor-2 .index-product ul li .text {padding: 0 20px;}

}
@media screen and (max-width: 1024px){
    .index-floor-2 {padding-top: 48px;}
    .index-floor-2 .index-product ul li .text {padding: 0 8px;}
}
@media screen and (max-width: 750px){
    .index-floor-2 {padding-top: 48px;}
    .index-floor-2 .product-tab {position: static;display: inline-block;text-align: center;width: 100%;margin-top: 36%;}
    .index-floor-2 .product-tab span {display: inline-block;width: 48%;height: 40px;line-height: 40px;border: 1px #ddd solid;font-size: 14px;margin: 10px 0;}
    .index-floor-2 .product-tab span::before {content: '';display: none;}
    .index-floor-2 .product-tab span.cur {width: 48%;height: 40px;line-height: 40px;font-size: 14px;}
    .index-floor-2 .product-item {position: static;width: 100%;margin-top: 25%;}
    .index-floor-2 .index-product ul li {height: 50%;width: 50%;}
    .index-floor-2 .index-product ul li .text {top: 20px;}
    .index-floor-2 .index-product ul li .text h1 {font-size: 18px;}
    .index-floor-2 .index-product ul li .text span {margin: 14px 0;width: 20px;}
    .index-floor-2 .index-product ul li .text p {font-size: 12px;line-height: 1.5;}
}

.index-floor-3 {background: url(../images/solution-bg.png) no-repeat center center;background-size: cover;height: 100%;position: relative;}
.index-floor-3 .title {color: #333;}
.index-floor-3 .container {width: 100%;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-floor-3 .swiper-container {margin-top: 50px;}
.index-floor-3 .swiper-container .swiper-slide{overflow: hidden;padding-top: 36%;}
.index-floor-3 .swiper-slide .img {overflow: hidden;position: absolute;top: 0;left: 0;width: 50%;height: 100%;}
.index-floor-3 .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-floor-3 .swiper-slide .text {padding: 90px 64px;width: 50%;height: 100%;background: #fff;position: absolute;top: 0;left: 50%;}
.index-floor-3 .swiper-slide .text h1 {font-size: 24px;}
.index-floor-3 .swiper-slide .text span {display: block;width: 48px;height: 2px;background: #0070c0;margin-top: 24px;}
.index-floor-3 .swiper-slide .text p {line-height: 30px;height: 90px;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;}
.index-floor-3 .swiper-slide .text a {display: inline-block;padding: 14px 46px;background: #0070c0;color: #fff;margin-top: 60px;}
@media screen and (max-width: 1420px){
    .index-floor-3 .swiper-slide .text {padding: 40px 32px;}
}
@media screen and (max-width: 1024px){
    .index-floor-3 .title {padding-top: 48px;}
    .index-floor-3 .swiper-slide .text {padding: 20px 14px;}
}
@media screen and (max-width: 750px){
    .index-floor-3 .title {padding-top: 48px;}
    .index-floor-3 .swiper-container {margin-top: 20px;}
    .index-floor-3 .swiper-container .swiper-slide {padding-top: 0;}
    .index-floor-3 .swiper-slide .img {width: 100%;padding-top: 70%;position: relative;}
    .index-floor-3 .swiper-slide .img img {position: absolute;top: 0;left: 0;}
    .index-floor-3 .swiper-slide .text {width: 100%;height: auto;position: static;padding: 30px 24px;}
    .index-floor-3 .swiper-slide .text h1 {font-size: 18px;}
    .index-floor-3 .swiper-slide .text span {width: 20px;height: 2px;margin-top: 10px;}
    .index-floor-3 .swiper-slide .text p {font-size: 14px;line-height: 24px;height: 72px;margin-top: 8px;}
    .index-floor-3 .swiper-slide .text a {padding: 6px 20px;margin-top: 24px;}
}
/* .index-floor-3,.index-floor-3 .swiper-container{height: 100%;}
.index-floor-3 .swiper-container .swiper-slide{height:100%;overflow: hidden;}
.index-floor-3 .swiper-slide .img {overflow: hidden;height: 100%;}
.index-floor-3 .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index-floor-3 .container {width: 100%;z-index: 9;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-floor-3 .swiper-slide .text {padding: 90px 64px 300px;width: 39%;z-index: 10;background: rgba(0,0,0,0.7);color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index-floor-3 .swiper-slide .text h1 {font-size: 24px;}
.index-floor-3 .swiper-slide .text span {display: block;width: 48px;height: 2px;background: #fff;margin-top: 24px;}
.index-floor-3 .swiper-slide .text p {line-height: 30px;height: 90px;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;}
.index-floor-3 .swiper-slide .text a {display: inline-block;padding: 14px 46px;background: #fff;color: #333;margin-top: 60px;}
.index-floor-3 .swiper-button-next,.index-floor-3 .swiper-button-prev {position: static;width: 48px;height: 48px;border: 1px #fff solid;cursor: pointer;background-size: auto;background-position: center;background-repeat: no-repeat;display: inline-block;margin-top: 0;margin-bottom: -219px;}
.index-floor-3 .swiper-button-prev {background-image: url(../images/left.png);margin-left: 64px;}
.index-floor-3 .swiper-button-next {background-image: url(../images/right.png);}
.index-floor-3 .swiper-button-next:hover,.index-floor-3 .swiper-button-prev:hover {opacity: 0.8;}
@media screen and (max-width: 1420px){
    .index-floor-3 .swiper-slide .text {width: 42%;padding: 60px 40px 224px;}
}
@media screen and (max-width: 1024px){
    .index-floor-3 {padding-top: 48px;}
    .index-floor-3 .swiper-slide .text {width: 56%;}
}
@media screen and (max-width: 750px){
    .index-floor-3 {padding-top: 48px;}
    .index-floor-3 .swiper-slide .text {padding: 20px 14px;width: 80%;left: 10%;text-align: center;}
    .index-floor-3 .swiper-slide .text h1 {font-size: 18px;}
    .index-floor-3 .swiper-slide .text span {width: 20px;margin: 24px auto;}
    .index-floor-3 .swiper-slide .text p {font-size: 14px;line-height: 24px;height: 72px;}
    .index-floor-3 .swiper-slide .text a {font-size: 14px;padding: 6px 20px;}
    .index-floor-3 .swiper-button-next,.index-floor-3 .swiper-button-prev {display: none;}
} */

.title {text-align: center;color: #fff;}
.title h1 {font-size: 48px;font-weight: bold;opacity: 0.2;}
.title p {font-size: 30px;margin-top: -38px;}
@media screen and (max-width: 750px){
    .title h1 {font-size: 24px;}
    .title p {font-size: 18px;margin-top: -18px;}
}
.index-floor-4 {background: #0070c0;height: 100%;}
.index-floor-4 .title {padding: 70px 0;}
.index-floor-4 .pc-advantage {height: calc(100% - 206px);}
.index-floor-4 ul {height: 100%;}
.index-floor-4 ul::after {content: '';display: block;clear: both;}
/* .index-floor-4 ul li {width: 13.5%;float: left;position: relative;height: 100%!important;cursor: pointer;}
.index-floor-4 ul li .img {overflow: hidden;height: 100%!important;}
.index-floor-4 ul li .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-floor-4 ul li .text {width: 75%;padding: 40px 0;background: rgba(0,0,0,0.7);text-align: center;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);display: none;}
.index-floor-4 ul li .text h1 {font-size: 24px;}
.index-floor-4 ul li .text span {display: inline-block;width: 48px;height: 2px;background: #fff;margin-top: 20px;}
.index-floor-4 ul li .text p {line-height: 24px;margin-top: 20px;}
.index-floor-4 ul li.cur {width: 46%;}
.index-floor-4 ul li.cur .text {display: block;} */
.index-floor-4 ul li {width: 20%;float: left;position: relative;height: 100%!important;cursor: pointer;}
.index-floor-4 ul li .img {overflow: hidden;height: 100%!important;position: relative;}
.index-floor-4 ul li .img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-4 ul li .img i {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.index-floor-4 ul li .text {width: 75%;text-align: center;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-floor-4 ul li .text h1 {font-size: 24px;}
.index-floor-4 ul li .text span {display: inline-block;width: 48px;height: 2px;background: #fff;margin-top: 20px;}
.index-floor-4 ul li .text .info {line-height: 24px;margin-top: 20px;}
.index-floor-4 ul li:hover img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
.index-floor-4 ul li:hover .img i {background: rgba(0, 67, 134, 0.6);}
.section.active .index-floor-4 ul li {animation:rotateYs 0.5s 0.1s;-webkit-animation:rotateYs 0.5s 0.1s;}
.section.active .index-floor-4 ul li .text {opacity: 0; animation:textTop 0.5s 0.1s;-webkit-animation:textTop 0.5s 0.1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.index-floor-4 .m-advantage {display: none;height: calc(100% - 137px);}
@media screen and (max-width: 1420px){
    .index-floor-4 .title {padding: 50px 0;}
    .index-floor-4 .pc-advantage {height: calc(100% - 166px);}
}
@media screen and (max-width: 1024px){
    .index-floor-4 {padding-top: 48px;}
}
@media screen and (max-width: 750px){
    .index-floor-4 {padding-top: 48px;}
    .index-floor-4 .title {padding: 50px 0;}
    .index-floor-4 .pc-advantage {display: none;}
    .index-floor-4 .m-advantage {display: block;}
    .index-floor-4 .swiper-container{height: 100%;}
    .index-floor-4 .swiper-container .swiper-slide{height:100%;overflow: hidden;}
    .index-floor-4 .swiper-container .swiper-slide .img {overflow: hidden;height: 100%!important;position: relative;}
    .index-floor-4 .swiper-container .swiper-slide .pr {height: 100%;}
    .index-floor-4 .swiper-container .swiper-slide .img i {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
    .index-floor-4 .swiper-container .swiper-slide .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
    .index-floor-4 .swiper-container .swiper-slide .text {width: 86%;padding: 14px;text-align: center;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
    .index-floor-4 .swiper-container .swiper-slide .text h1 {font-size: 14px;}
    .index-floor-4 .swiper-container .swiper-slide .text span {display: inline-block;width: 20px;height: 2px;background: #fff;margin-top: 20px;}
    .index-floor-4 .swiper-container .swiper-slide .text .info {font-size: 12px;line-height: 18px;margin-top: 20px;}
}
@keyframes rotateYs{
    0%{transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);}
}
@-webkit-keyframes rotateYs{
    0%{-webkit-transform: rotateY(180deg);opacity: 0;}
    100%{-webkit-transform: rotateY(360deg);opacity: 1;}
}
@keyframes textTop{
    0%{opacity: 0;top:30%;}
    100%{opacity: 1;top:50%;}
}
@-webkit-keyframes textTop{
    0%{opacity: 0;top:30%;}
    100%{opacity: 1;top:50%;}
}
.index-floor-5 {background: url(../images/news-bg.png) no-repeat center center;background-size: cover;height: 100%;position: relative;}
.index-floor-5 .container {width: 100%;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-floor-5 .title {color: #333;}
.index-floor-5 ul {margin-top: 50px;}
.index-floor-5 ul li {width: calc(100%/3);float: left;padding: 0 10px;}
.index-floor-5 ul li a {display: block;}
.index-floor-5 ul li .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.index-floor-5 ul li .img img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-5 ul li .text {background: #fff;padding: 24px 20px;}
.index-floor-5 ul li .text h1 {font-size: 24px;}
.index-floor-5 ul li .text p {height: 48px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;}
.index-floor-5 ul li .text .other::after {content: '';display: block;clear: both;}
.index-floor-5 ul li .text .other .more {color: #0070c0;}
.index-floor-5 ul li:hover .img img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
.index-floor-5 ul li:hover .text h1 {color: #0070c0;}
.index-floor-5 .swiper-container {margin-top: 50px;}
.index-floor-5 .swiper-container .swiper-slide a {display: block;}
.index-floor-5 .swiper-container .swiper-slide .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.index-floor-5 .swiper-container .swiper-slide .img img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.index-floor-5 .swiper-container .swiper-slide .text {padding: 24px 0;}
.index-floor-5 .swiper-container .swiper-slide .text h1 {font-size: 20px;}
.index-floor-5 .swiper-container .swiper-slide .text p {height: 48px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;}
.index-floor-5 .swiper-container .swiper-slide .text .other::after {content: '';display: block;clear: both;}
.index-floor-5 .swiper-container .swiper-slide .text .other .more {color: #0070c0;}
.index-floor-5 .swiper-container .swiper-slide:hover .img img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
.index-floor-5 .swiper-container .swiper-slide:hover .text h1 {color: #0070c0;}
@media screen and (max-width: 1024px){
    .index-floor-5 .title {padding-top: 48px;}
    .index-floor-5 .swiper-container .swiper-slide .text h1 {font-size: 20px;} 
    .index-floor-5 .swiper-container .swiper-slide .text h1 {font-size: 16px;}
    .index-floor-5 .swiper-container .swiper-slide .text p {font-size: 14px;margin: 14px 0;}
    .index-floor-5 .swiper-container .swiper-slide .text .other {font-size: 14px;}
}
@media screen and (max-width: 750px){
    .index-floor-5 .title {padding-top: 48px;}
    .index-floor-5 .swiper-container {margin-top: 20px;}
    .index-floor-5 .swiper-container .swiper-slide .text h1 {font-size: 16px;}
    .index-floor-5 .swiper-container .swiper-slide .text p {font-size: 14px;margin: 14px 0;}
    .index-floor-5 .swiper-container .swiper-slide .text .other {font-size: 14px;}
}

.index-floor-6 {background: url(../images/contact-bg.png) no-repeat center center;background-size: cover;height: 100%;position: relative;}
.index-floor-6 .container {width: 100%;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-floor-6 .index-contact {text-align: center;color: #fff;}
.index-floor-6 .index-contact .dec {margin-top: 30px;margin-bottom: 100px;}
.index-floor-6 .index-contact .info {margin-top: 60px;}
.index-floor-6 .index-contact .info h1 {font-size: 24px;}
.index-floor-6 .index-contact .info p {margin-top: 20px;}
.index-floor-6 .swiper-container {margin-top: 70px;}
.index-floor-6 .swiper-container .swiper-slide {height: 140px;background: #fff;cursor: pointer;margin-top: 20px;}
.index-floor-6 .swiper-container .swiper-slide .img {position: relative;overflow: hidden;height: 100%;}
.index-floor-6 .swiper-container .swiper-slide .img img {display: block;position: absolute;max-width: 80%;max-height: 80%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
@media screen and (max-width: 1024px){
    .index-floor-6 .title {padding-top: 48px;}
    .index-floor-6 .swiper-container {margin-top: 30px;}
    .index-floor-6 .swiper-container .swiper-slide {height: 104px;}
}
@media screen and (max-width: 750px){
    .index-floor-6 {padding-top: 48px;}
    .index-floor-6 .index-contact .dec {margin-top: 14px;margin-bottom: 60px;font-size: 14px;}
    .index-floor-6 .index-contact .info {margin-top: 40px;}
    .index-floor-6 .index-contact .info h1 {font-size: 16px;}
    .index-floor-6 .index-contact .info p {margin-top: 14px;font-size: 14px;}
    .index-floor-6 .swiper-container {margin-top: 20px;}
    .index-floor-6 .swiper-container .swiper-slide {height: 86px;}
}

.foot {padding: 60px 0;background: #28292c;font-size: 14px;}
.foot .foot-l {width: 84%;}
.foot .foot-l ul li {float: left;margin-right: 6%;color: #fff;}
.foot .foot-l ul li h1 {font-size: 20px;}
.foot .foot-l ul li h1::after {content: '';width: 30px;height: 1px;background: #fff;display: block;margin-top: 12px;margin-bottom: 20px;}
.foot .foot-l ul li a {line-height: 30px;color: #fff;display: block;}
.foot .foot-l ul li:last-child {width: 380px;}
.foot .foot-l ul li:last-child p {position: relative;padding-left: 80px;line-height: 30px;}
.foot .foot-l ul li:last-child p span {display: block;position: absolute;left: 0;}
.foot .foot-r {width: 136px;}
.foot .foot-r img {width: 100%;}
.foot .foot-r .text {background: #fff;text-align: center;padding-bottom: 8px;margin-top: -5px;}
.foot-info {background: #1e1f21;text-align: center;color: #fff;padding: 20px 0;font-size: 14px;}
.foot-info p a {color: #fff;margin:0 6px;}

.m-foot {display: none;}
.foot-top {background: #28292c;padding: 20px 10px;color: #fff;font-size: 12px;line-height: 1.5;text-align: center;}
.foot-bot {background: #1e1f21;text-align: center;color: #fff;padding: 10px;font-size: 12px;}
.foot-bot p a {color: #fff;}
@media screen and (max-width: 1420px){
    .foot .foot-l ul li {margin-right: 4%;}
}
@media screen and (max-width: 1024px){
    .pc-foot {display: none;}
    .m-foot {display: block;}
}


.common {height: 460px;background: url(../images/common.png) no-repeat center center;background-size: cover;position: relative;}
.common .text {padding: 24px 60px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;top: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.common .text h1 {font-size: 30px;}
.common .text p {font-size: 18px;margin-top: 6px;}
@media screen and (max-width: 1024px){
    .common {height: 380px;}
}
@media screen and (max-width: 750px){
    .common {height: 200px;}
    .common .text {width: 80%;padding: 24px 20px;}
    .common .text h1 {font-size: 18px;}
    .common .text p {font-size: 14px;}
}

.content-left {width: 300px;}
.content-left .content-tit {height: 94px;line-height: 94px;text-align: center;font-size: 30px;color: #fff;background: #0070c0;}
.content-left .content-list {margin-top: 20px;}
.content-left .content-list ul li {margin-top: 4px;}
.content-left .content-list ul li a {display: block;height: 56px;line-height: 56px;text-align: center;background: #ececec;}
.content-left .content-list ul li.active .a1 {background: #0070c0;color: #fff!important;}
.content-left .content-list ul li .a1:hover,.content-left .content-list ul li .a2:hover {color: #0070c0;}
.content-left .content-list ul li .sub {display: none;}
.content-left .content-list ul li .a2 {height: 46px;font-size: 12px;line-height: 46px;}
.content-left .content-list ul li.active .sub {display: block;}
.content-left .content-list ul p.active .a2 {background: #999;color: #fff!important;}
.content-right {width: calc(100% - 330px);}
.content-right .content-info {line-height: 32px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.content-right .content-info::after {content: '';display: block;clear: both;}
.content-right .content-info .info-tit {font-size: 24px;color: #0070c0;position: relative;padding-left: 12px;}
.content-right .content-info .info-tit::before {content: '';display: block;height: 28px;width: 4px;background: #0070c0;position: absolute;top: 2px;left: 0;}
.content-right .content-info .info-position a {margin:0 1px;}
.content-right .content-info .info-position a:last-child {color: #0070c0;}
.content-right .about-info h1 {font-size: 20px;color: #0070c0;}
.content-right .about-info img {max-width: 100%!important;height: auto!important;margin: 0 auto;display: block;}
@media screen and (max-width: 1420px) {
    .content-left {width: 260px;}
    .content-right {width: calc(100% - 290px);}
}
@media screen and (max-width: 1024px) {
    .content-left {display: none;}
    .content-right {width: 100%;}
}
@media screen and (max-width: 750px){
    .p60 {padding: 40px 0;}
    .mt40 {margin-top: 20px;}
    .content-right .content-info {line-height: 20px;padding-bottom: 14px;}
    .content-right .content-info .info-tit {font-size: 16px;padding-left: 6px;}
    .content-right .content-info .info-position {font-size: 12px;}
    .content-right .content-info .info-tit::before {height: 18px;width: 2px;}
    .content-right .about-info h1 {font-size: 16px;}
    .content-right .about-info p {font-size: 14px;}
}
/* 关于 */
.about-content-1 ul {font-size: 0;}
.about-content-1 ul li {width: 23.5%;margin-left: 2%;border: 1px #ddd solid;display: inline-block;vertical-align: top;}
.about-content-1 ul li:first-child {margin-left: 0;}
.about-content-1 ul li .text {padding: 20px;}
.about-content-1 ul li .text .tit {font-size: 20px;}
.about-content-1 ul li .text .des {margin-top: 20px;line-height: 24px;min-height: 48px;font-size: 14px;}
.about-content-1 ul li:hover {background: #0070c0;color: #fff;}
@media screen and (max-width: 1024px){
    .about-content-1 ul li {width: 49%;margin-left: 2%;margin-top: 2%;}
    .about-content-1 ul li:nth-child(2n+1) {margin-left: 0;}
}
@media screen and (max-width: 750px) {
    .about-content-1 ul li .text {padding: 20px 8px;}
    .about-content-1 ul li .text .tit {font-size: 16px;}
    .about-content-1 ul li .text .des {font-size: 14px;}
}
.about-tit {font-size: 24px;text-align: center;}
.about-content-2 ul {text-align: center;font-size: 0;margin-top: 30px;}
.about-content-2 ul li {display: inline-block;background: url(../images/fwln.png) no-repeat center center;font-size: 16px;margin: 0 20px;background-size: auto 100%;height: 242px;width:242px;position: relative;}
.about-content-2 ul li .text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: 60%;}
.about-content-2 ul li .text h1 {font-size: 20px;padding: 0 21px;}
.about-content-2 ul li .text p {margin-top: 30px;}
@media screen and (max-width: 1420px){
    .about-content-2 ul li {margin: 0 12px;}
}
@media screen and (max-width: 1024px){
    .about-content-2 ul li {margin: 0 2px;width: 32%;height: 242px;}
    .about-content-2 ul li .text h1 {padding: 0 16px;}
    .about-content-2 ul li .text p {margin-top: 14px;}
}
@media screen and (max-width: 750px) {
    .about-tit {font-size: 18px;}
    .about-content-2 ul {margin-top: 15px;}
    .about-content-2 ul li {height: 160px;}
    .about-content-2 ul li .text {width: 90%;}
    .about-content-2 ul li .text h1 {font-size: 16px;padding: 0 10px;}
    .about-content-2 ul li .text p {font-size: 14px;margin-top: 6px;}
}
.about-content-3 ul {margin-top: 30px;}
.about-content-3 ul li {width: 23.5%;float: left;margin-left: 2%;text-align: center;}
.about-content-3 ul li:first-child {margin-left: 0;}
.about-content-3 ul li .img {background: url(../images/glln1.png) no-repeat center center;background-size: auto 100%;height: 90px;}
.about-content-3 ul li .text {margin-top: 20px;}
.about-content-3 ul li:nth-child(2) .img {background-image: url(../images/glln2.png);}
.about-content-3 ul li:nth-child(3) .img {background-image: url(../images/glln3.png);}
.about-content-3 ul li:nth-child(4) .img {background-image: url(../images/glln4.png);}
@media screen and (max-width: 750px) {
    .about-content-3 ul {margin-top: 15px;}
    .about-content-3 ul li .img {height: 60px;}
    .about-content-3 ul li .text {font-size: 14px;margin-top: 10px;}
}

/* 联系 */
.contact-info::after {content: '';display: block;clear: both;}
.contact-info .contact-left ul li {line-height: 36px;margin-bottom: 20px;}
.contact-info .contact-left ul li i {display: block;width: 36px;height: 36px;margin-right: 10px;float: left;background: url(../images/add.png) no-repeat center center;}
.contact-info .contact-left ul li:nth-child(2) i {background-image: url(../images/add.png);}
.contact-info .contact-left ul li:nth-child(3) i {background-image: url(../images/tel.png);}
.contact-info .contact-left ul li:nth-child(4) i {background-image: url(../images/mail.png);}
.contact-info .contact-right img {display: block;width: 156px;box-shadow: 0 0 10px #ddd;}
.contact-info .contact-right p {text-align: center;margin-top: 10px;}
/* .contact-person ul li {float: left;width: 23.2%;margin-left: 2.4%;border: 1px #ddd solid;text-align: center;} */
.contact-person ul li {float: left;width: 49%;margin-left: 2%;border: 1px #ddd solid;text-align: center;}
.contact-person {margin-top: 80px;}
.contact-person ul li:first-child {margin-left: 0;}
.contact-person ul li .name {width: 64px;height: 64px;margin: 0 auto;border-radius: 50%;background: #0070c0;font-size: 20px;line-height: 64px;color: #fff;margin-top: -32px;}
.contact-person ul li .text {line-height: 30px;padding: 40px 10px;}
.contact-map {margin-top: 40px;height:468px;overflow: hidden;}
.contact-map #map {width:100%;height:522px;border: 1px #ddd solid;font-size:12px;}
@media screen and (max-width: 750px){
    .contact-info .contact-right {display: none;}
    .contact-info .contact-left ul li {line-height: 20px;font-size: 14px;}
    .contact-info .contact-left ul li i {display: none;}
    .contact-person {margin-top: 0;}
    .contact-person ul li {width: 49%;margin-left: 2%;font-size: 14px;margin-top: 56px;}
    .contact-person ul li:nth-child(2n+1) {margin-left: 0;}
    .contact-map {margin-top: 30px;height:240px;overflow: hidden;}
    .contact-map #map {height: 292px;}
}

/* 新闻 */
.news-tab ul li {width: 49%;float: left;margin-left: 2%;}
.news-tab ul li:first-child {margin-left: 0;}
.news-tab ul li a {display: block;width: 100%;height: 46px;background: #ececec;line-height: 46px;text-align: center;}
.news-tab ul li.active a {background: #0070c0;color: #fff!important;}
.news-tab ul li:hover a {color: #0070c0;}
.news-list ul li {padding: 20px 0;border-bottom: 1px #ddd solid;}
.news-list ul li a {display: block;height: 168px;}
.news-list ul li .img {overflow: hidden;width: 246px;float: left;margin-right: 20px;}
.news-list ul li .img img {display: block;width: 100%;height: 168px;object-fit: cover;}
.news-list ul li .text h1 {font-size: 20px;}
.news-list ul li .text p {line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin: 33px 0;}
.news-list ul li .text i {color: #0070c0;font-style: normal;}
.news-list ul li:hover .text h1 {color: #0070c0;}
@media screen and (max-width: 750px){
    .news-list ul li {padding: 10px 0;}
    .news-list ul li a {height: 96px;}
    .news-list ul li .img {width: 140px;margin-right: 10px;}
    .news-list ul li .img img {height: 96px;}
    .news-list ul li .text h1 {font-size: 16px;}
    .news-list ul li .text p {font-size: 14px;line-height: 20px;height: 40px;margin: 6px 0;}
    .news-list ul li .text i {font-size: 14px;}
}

.page {text-align: center;margin-top:40px;}
.page .hide {display: none;}
.page a {display:inline-block;height:36px;line-height:36px;border:1px solid #e2e2e2;margin:0 5px;padding: 0 14px;}
.page a:hover {border-color:#0070c0;color: #0070c0;}
.page a.page-num-current{background: #0070c0;color:#fff;border-color: #0070c0;}
@media screen and (max-width: 750px){
    .page {margin-top: 20px;}
    .page {font-size: 12px;}
    .page a {height:28px;line-height:28px;margin: 0 1px;padding: 0 9px;}
}

.news-title {text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px #ddd solid;}
.news-title h1 {font-size: 30px;margin-bottom: 10px;}
.news-title p span {margin: 0 4px;display: inline-block;}
.news-con img {max-width: 100%;margin: 0 auto;display: block;}
.news-link {margin-top: 40px;}
.news-link::after{content: '';display: block;clear: both;}
.news-link .link-l {float: left;}
.news-link .link-r {float: right;text-align: right;}
.news-link h3 {font-size: 20px;margin-bottom: 6px;}
.news-link a:hover {color: #0070c0;}
@media screen and (max-width: 750px){
    .news-title {padding-bottom: 20px;margin-bottom: 20px;}
    .news-title h1 {font-size: 18px;margin-bottom: 6px;}
    .news-title p {font-size: 14px;}
    .news-con p {font-size: 14px;}
    .news-link {margin-top: 20px;}
    .news-link .link {width: 100%;float: none;font-size: 14px;}
    .news-link .link-r {text-align: left;margin-top: 10px;}
    .news-link .link h3 {font-size: 16px;}
}

/* 产品 */
.row {margin: 0 -10px;}
.product-list ul li {float: left;width: calc(100%/3);margin-top: 20px;padding: 0 10px;}
.product-list ul li a {display: block;overflow: hidden;}
.product-list ul li .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;    border: 1px #ddd solid;}
.product-list ul li .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.product-list ul li .text {width: 100%;height: 34px;line-height: 34px;text-align: center;margin-top: 14px;}
.product-list ul li:hover .text {color: #0070c0;}
.product-list ul li:hover .img img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
@media screen and (max-width: 750px){
    .row {margin: 0 -4px;}
    .product-list ul li {width: 50%;margin-top: 10px;padding: 0 4px;}
    .product-list ul li .text {font-size: 14px;height: 20px;line-height: 20px;margin-top: 10px;}
}

.product-info {position: relative;padding-left: 404px;min-height: 270px;}
.product-info .img {width: 384px;position: absolute;top: 0;left: 0;overflow: hidden;border:1px #ddd solid;}
.product-info .img img {width: 100%;height: 270px;object-fit: cover;}
.product-info .text h1 {font-size: 24px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.product-info .text i {font-style: normal;color: #0070c0;font-size: 20px;margin-top: 20px;display: block;}
.product-info .text p {line-height: 24px;margin-top: 14px;}
.product-info .text a {margin-top: 30px;display: block;color: #0070c0;}
.product-info .text a span {font-size: 24px;font-weight: bold;}
.product-main {margin-top: 40px;line-height: 24px;}
.product-main h3 {font-size: 20px;color: #0070c0;margin-bottom: 20px;}
.product-main table {border: 1px #ddd solid;text-align: center;width:100%;}
.product-main table tr {border-bottom: 1px #ddd solid;line-height:1.5;}
.product-main table tr td {border-right: 1px #ddd solid;}
.product-main img {max-width:100%;}
@media screen and (max-width: 750px){
    .product-info {position: static;padding-left: 0;min-height: 0;}
    .product-info .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
    .product-info .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .product-info .text {padding-bottom: 10px;border-bottom: 1px #ddd solid;}
    .product-info .text h1 {font-size: 18px;padding: 10px 0;}
    .product-info .text i {font-size: 16px;margin-top: 10px;}
    .product-info .text p {font-size: 14px;line-height: 21px;margin-top: 8px;}
    .product-info .text a {margin-top: 14px;font-size: 14px;}
    .product-main {margin-top: 10px;font-size: 14px;line-height: 1.5;}
    .product-main h3 {font-size: 16px;margin-bottom: 10px;}
}

/* 搜索结果 */
.search-list ul li {width: 23.5%;float: left;margin-left: 2%;margin-top: 2%;}
.search-list ul li:nth-child(1),.search-list ul li:nth-child(2),.search-list ul li:nth-child(3),.search-list ul li:nth-child(4) {margin-top: 0;}
.search-list ul li a {display: block;}
.search-list ul li .img {width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.search-list ul li .img img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;object-fit: cover;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;}
.search-list ul li .text {padding: 24px 0;}
.search-list ul li .text .tit {font-size: 24px;}
.search-list ul li .text .des {height: 48px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;}
.search-list ul li .text .other::after {content: '';display: block;clear: both;}
.search-list ul li .text .other .more {color: #0070c0;}
.search-list ul li:hover .img img {transform: scale(1.2);-webkit-transform: scale(1.2);-moz--transform: scale(1.2);-ms--transform: scale(1.2);}
.search-list ul li:hover .text .tit {color: #0070c0;}

/* 荣誉资质 */
.honor-list ul li {float: left;width: 25%;margin-top: 20px;padding: 0 10px;}
.honor-list ul li a {display: block;overflow: hidden;padding: 10px;border: 1px #ddd solid;}
.honor-list ul li .img {width: 100%;padding-top: 130%;position: relative;overflow: hidden;}
.honor-list ul li .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;}
.honor-list ul li .text {width: 100%;height: 34px;line-height: 34px;text-align: center;margin-top: 10px;}
.honor-list ul li .mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999999;background: rgba(0, 0, 0, 0.7);}
.honor-list ul li .mask .close {width: 32px;height: 32px;position: absolute;top: 50px;right: 50px;cursor: pointer;}
.honor-list ul li .mask .close::before {display: block;content: '';width: 100%;height: 2px;background: #fff;position: absolute;top: 15px;left: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.honor-list ul li .mask .close::after {display: block;content: '';width: 100%;height: 2px;background: #fff;position: absolute;bottom: 15px;left: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.honor-list ul li .mask .info {position: absolute;top: 50%;left: 50%; max-width: 80%;max-height: 80%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.honor-list ul li .mask .info img {max-width: 100%;max-height: 100%;}
.honor-list ul li .mask .info p {color: #fff;text-align: center;margin-top: 10px;}
.honor-list ul li:hover .text {color: #0070c0;}
@media screen and (max-width: 750px){
    .row {margin: 0 -4px;}
    .honor-list ul li {width: 50%;margin-top: 10px;padding: 0 4px;}
    .honor-list ul li .text {font-size: 14px;height: 20px;line-height: 20px;} 
    .honor-list ul li .mask .info p {font-size: 14px;}
}

/* 服务 */
.service-tit {font-size: 24px;color: #0070c0;text-align: center;}
.service-desc {margin-top: 20px;text-align: center;padding: 0 13%;}
.service-content-1 .text {}
.service-content-1 .text h1 {font-size: 20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;margin-top: 40px;}
.service-content-1 .text .info {line-height: 24px;margin-top: 40px;}
.service-content-1 .img {width: 49%;}
.service-content-1 .img img {width: 100%;}
@media screen and (max-width: 750px){
    .service-tit {font-size: 18px;}
    .service-desc {padding: 0 3%;}
    .service-content-1 .text {width: 100%;}
    .service-content-1 .text h1 {margin-top: 0;font-size: 18px;}
    .service-content-1 .text p {margin-top: 20px;}
    .service-content-1 .img {width: 100%;margin-top: 20px;}
}
.service-content-2 ul {font-size: 0;}
.service-content-2 ul li {width: 32%;margin-left: 2%;text-align: center;padding: 30px 20px;border: 1px #ddd solid;display: inline-block;vertical-align: top;}
.service-content-2 ul li:first-child {margin-left: 0;}
.service-content-2 ul li .icon {width: 90px;height: 90px;border-radius: 50%;border: 1px #0070c0 solid;display: inline-block;background: url(../images/jsfw1.png) no-repeat center center;background-size: 60%;}
.service-content-2 ul li:nth-child(2) .icon {background-image: url(../images/jsfw2.png);}
.service-content-2 ul li:nth-child(3) .icon {background-image: url(../images/jsfw3.png);}
.service-content-2 ul li .text h1 {font-size: 20px;margin-top: 20px;}
.service-content-2 ul li .text p {line-height: 24px;margin-top: 20px;font-size: 14px;}
@media screen and (max-width: 750px){
    .service-content-2 ul li {width: 100%;margin-left: 0;margin-top: 10px;padding: 15px 10px;}
    .service-content-2 ul li .icon {width: 60px;height: 60px;}
    .service-content-2 ul li .text h1 {font-size: 18px;margin-top: 10px;}
    .service-content-2 ul li .text p {margin-top: 8px;}
}