@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #999;}
::-webkit-scrollbar {width: 6px;background-color: #999;}
::-webkit-scrollbar-thumb {background-color: #333;}
* {margin: 0;padding: 0;list-style: none;transition: all .3s;-webkit-transition: all .3s;}
body {cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;font-weight: 200;}
.container {max-width: 1380px;}
a {color: #333;text-decoration: none;}
a:hover {color: #333;}
h1, h2, h3, h4, h5, h6 {font-weight: 200;}
header .pc-head {background: #fff;position: fixed;top: 0;width: 100%;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);z-index: 1000;}
header .pc-head .top {background: #f60;color: #fff;padding: 10px 0;overflow: hidden;}
header .pc-head .top-left, header .pc-head .top-right {}
header .pc-head .top-right {text-align: right;}
header .pc-head .top-left a {color: #fff;padding: 0 10px;height: 10px;border-left: 1px solid rgba(255, 255, 255, 0.5);}
header .pc-head .top-left a:first-child {border: none;}
header .pc-head .logo {padding: 15px 0;}
header .pc-head .logo img {max-height: 60px;margin: 0 5px;}
header .pc-head .nav {margin-top: 26px;justify-content: center;}
header .pc-head .nav li a {color: #333;font-size: 16px;font-weight: bold;padding: 20px 36px;}
header .pc-head .nav li.sub-active a {color: #fff;background: rgba(52, 65, 87, .9);}
header .pc-head .nav li:hover>a {background: rgba(52, 65, 87, .9);color: #fff;}
header .pc-head .submenu {background: rgba(52, 65, 87, .9);width: 100%;position: absolute;top: 131px;left: 0;}
header .pc-head .submenu * {transition: unset;-webkit-transition: unset;}
header .pc-head .submenu .Subnav-item {display: flex;justify-content: space-around;padding: 30px 15% 30px 30%;}
header .pc-head .submenu .Subnav-item dl, header .pc-head .submenu .Subnav-item dd {margin: 0;}
header .pc-head .submenu .Subnav-item dt a {color: #fff;font-weight: 100;font-size: 16px;padding: 10px;display: block;}
header .pc-head .submenu .Subnav-item dd a {color: #fff;font-weight: 100;font-size: 14px;padding: 10px;display: block;}
header .pc-head .submenu .Subnav-item dd:first-child a {border-top: 1px solid rgba(255, 255, 255, .2);}
header .pc-head .hotline {font-size: 22px;font-weight: 600;margin: 15px auto 0;color: #f60;}
header .pc-head .hotline i {font-weight: 100;font-size: 24px;line-height: 0;margin-right: 15px;}
header .pc-head form input {border-top-left-radius: 20px;border-bottom-left-radius: 20px;color: #f60;height: 30px;font-size: 13px;}
header .pc-head form button {border-top-right-radius: 20px;border-bottom-right-radius: 20px;background: #f60;color: #fff;font-size: 12px;height: 30px;}
header .pc-head form button i {line-height: 1;}
header .m-head, header .m-nav {display: none;}
header .pc-head.smaller .logo {padding: 5px 0;}
header .pc-head.smaller .logo img {max-height: 34px;}
header .pc-head.smaller .nav {margin: 0;}
header .pc-head.smaller .nav li a {padding: 10px 36px;}
header .pc-head.smaller .top {height: 0;padding: 0;}
header .pc-head.smaller .hotline {display: none;}
header .pc-head.smaller form {margin-top: 5px;}
header .pc-head.smaller .submenu {top: 44px;}
.home-slide {margin: 131px auto 30px;}
.home-slide .swiper-slide {display: flex;justify-content: center;overflow: hidden;}
.home-slide .swiper-slide img {height: 100%;object-fit: cover;width: 100%;}
.home-slide .swiper-pagination-bullet {border-radius: 0;width: 40px;height: 2px;width: 50ox;}
.home-service {margin: 60px auto;text-align: center;}
.home-service h2 {font-size: 18px;color: #666;}
.home-service h3 {color: #f60;font-weight: 900;text-transform: uppercase;}
.home-service h3 small {color: #000;}
.home-service .item {width: 15%;padding: 0;height: 556px;}
.home-service .item a {margin: 0;background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);padding: 30px 15px;text-align: center;display: block;height: 500px;}
.home-service .item a i {background: #f60;color: #fff;font-size: 50px;border-radius: 15%;padding: 20px;}
.home-service .item a h3 {color: #333;font-weight: bold;font-size: 20px;margin-top: 30px;}
.home-service .item a h5 {color: #666;font-size: 14px;}
.home-service .item a .preview, .home-service .item a .view {padding: 15px 0;margin: 30px auto;border-top: 1px solid rgba(0, 0, 0, .1);border-bottom: 1px solid rgba(0, 0, 0, .1);height: 120px;overflow: hidden;}
.home-service .item a .preview p, .home-service .item a .view p {margin: 5px auto;font-size: 18px;line-height: 2.4;}
.home-service .item a .view {display: none;}
.home-service .item a h4 {font-size: 36px;color: #f60;}
.home-service .item a h4 span {font-size: 14px;}
.home-service .item a button {height: 0;overflow: hidden;border: 0;}
.home-service .item:hover {width: 25%;}
.home-service .item.active {width: 25%;}
.home-service .item:hover a, .home-service .item.active a {background: linear-gradient(0deg, #f60, #f90);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);padding: 30px;height: auto;transform: translateY(-15px);}
.home-service .item:hover a i, .home-service .item.active a i {background: #fff;color: #f60;border-radius: 50%;font-size: 60px;line-height: 2;padding: 10px;}
.home-service .item:hover a h3, .home-service .item.active a h3 {color: #fff;margin-top: 5px;}
.home-service .item:hover a h5, .home-service .item.active a h5 {color: #fff;}
.home-service .item:hover a .preview, .home-service .item.active a .preview {height: 160px;border-color: rgba(255, 255, 255, 0.5);}
.home-service .item:hover a .preview p, .home-service .item.active a .preview p {color: #fff;font-size: 16px;}
.home-service .item:hover a h4, .home-service .item.active a h4 {color: #fff;}
.home-service .item:hover a button, .home-service .item.active a button {height: auto;border-radius: 10px;width: 100%;padding: 15px;background: #fff;box-shadow: 0 0 5px 3px rgba(255, 255, 255, .5);}
.home-case {margin: 60px auto;min-height: 500px;text-align: center;}
.home-case h2 {font-size: 18px;color: #666;}
.home-case h3 {color: #f60;font-weight: 900;text-transform: uppercase;}
.home-case h3 small {color: #000;}
.home-case .caseSwiper .swiper-slide {height: 500px;border: 1px solid #ccc;overflow: hidden;}
.home-case .caseSwiper .swiper-slide img {width: 100%;height:100%;object-fit: cover;}
.home-case .caseSwiper .swiper-slide:hover img {transform: scale(1.1);filter: brightness(20%);}
.home-case .caseSwiper .swiper-slide .text {position: absolute;top: 50%;width: 100%;transform: translateY(-50%) scale(1.2);opacity: 0;padding: 15px;}
.home-case .caseSwiper .swiper-slide .text h4 {color: #fff;}
.home-case .caseSwiper .swiper-slide .text span {color: #fff;}
.home-case .caseSwiper .swiper-slide:hover .text {transform: translateY(-50%) scale(1);opacity: 1;}
.home-news {margin: 60px auto;}
.home-news h2 {font-size: 24px;}
.home-news h2 small {font-size: 16px;color: #f60;text-transform: uppercase;}
.home-news ul {padding: 0;margin: 15px auto;}
.home-news ul .item {padding: 20px 0;border-bottom: #ccc 1px dashed;display: block;overflow: hidden;}
.home-news ul .item .date {width: 60px;height: 60px;background: rgba(0, 153, 255, .5);border-radius: 5px;color: #fff;font-size: 32px;line-height: 1;padding: 7px;text-align: center;float: left;margin-right: 10px;}
.home-news ul .item .date small {font-size: 12px;font-weight: 100;display: block;}
.home-news ul .item h4 {font-size: 18px;text-overflow: ellipsis;overflow: hidden;font-weight: 400;white-space: nowrap;padding: 5px 0;line-height: 1;}
.home-news ul .item p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #666;margin: 0;}
.home-news ul .item:hover {color: #f60;}
.home-news ul .item:hover .date {background: #ccc;}
.home-about {margin: 60px auto;background: #e7f5f9 url(../img/bg-4.png) 100% 50% no-repeat;background-size: auto 100%;text-align: center;padding: 30px 0;}
.home-about h2 {font-size: 18px;color: #666;}
.home-about h3 {color: #f60;font-weight: 900;text-transform: uppercase;}
.home-about h3 small {color: #000;}
.home-about p {font-size: 16px;line-height: 2.5;text-align: justify;color: #000;}
.home-about .btn{border: 1px solid #999;padding: 3px 20px;}
.home-about .aboutSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.home-partner {margin: 60px auto;text-align: center;}
.home-partner h2 {font-size: 18px;color: #666;}
.home-partner h3 {color: #f60;font-weight: 900;text-transform: uppercase;}
.home-partner h3 small {color: #000;}
.home-partner .item {border: 1px solid #ccc;padding: 5px;display: block;overflow: hidden;margin: 10px auto;}
.home-partner .item img {width: 100%;height: 50px;object-fit: contain;}
.home-partner .item:hover img {transform: scale(1.1);}
footer {margin-top: 60px;background: #003;padding: 15px 0 0;}
footer .service-icon {color: rgba(255, 255, 255, .8);text-align: center;line-height: 1;font-size: 18px;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, .2);margin-bottom: 30px;}
footer .service-icon i {font-size: 30px;vertical-align: -10%;}
footer .sitemap {border-bottom: 1px solid rgba(255, 255, 255, .2);padding: 15px 0 30px;}
footer .sitemap dl {float: left;margin: 0 15px;border-right: 1px solid rgba(255, 255, 255, .2);padding: 0 15px;width: 20%;}
footer .sitemap dl dt {color: rgba(255, 255, 255, .8);margin-bottom: 10px;}
footer .sitemap dl dd a {color: rgba(255, 255, 255, .5);position: relative;display: block;transition: all 500ms ease;padding-bottom: 5px;}
footer .sitemap dl dd a::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;transform: scaleX(0);transform-origin: right center;transition: transform 500ms ease;display: block;background-color: rgba(255, 255, 255, .5);}
footer .sitemap dl dd a:hover {color: rgba(255, 255, 255, .8);}
footer .sitemap dl dd a:hover::after {transform: scaleX(1);transform-origin: left center;}
footer .contact {color: rgba(255, 255, 255, .5);}
footer h3 {color: rgba(255, 255, 255, .5);font-size: 1.7rem;}
footer .copy {padding: 10px 0;text-align: center;}
footer .copy p {text-align: center;color: rgba(255, 255, 255, .5);font-size: 13px;margin-bottom: 5px;text-transform: uppercase;display: inline-flex;}
footer .copy p a {color: rgba(255, 255, 255, .8);}
.kefu {position: fixed;top: 30vh;right: 2px;z-index: 2000;}
.kefu .box {background: rgba(0, 0, 255, 1);width: 60px;margin-bottom: 1px;line-height: 1;text-align: center;border: 1px solid rgba(0, 0, 0, .1);padding: 5px;}
.kefu .box i {font-size: 50px;color: #fff;}
.kefu .box a span {color: #fff;font-size: 12px;}
.m-footernavi, .m-copy{display: none;}
/* 内页 */
.subslide {margin-top: 130px;background: url(../img/subslidebg.png), linear-gradient(to right, #fa709a 0%, #fee140 100%);padding: 30px 0;text-align: center;color: rgba(0, 0, 0, .5);}
.subslide h2 {font-size: 30px;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.subslide h3 {font-size: 14px;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.content {line-height: 3;text-align: justify;font-size: 1rem;}
.content h5 {background: #eee;font-size: 0.875rem;padding: 5px;border-radius: 5px;color: #999}
.content .item-news {padding: 15px;margin: 15px auto;height: 110px;}
.content .item-news .date {line-height: 1.1;width: 80px;padding: 15px;text-align: center;border-radius: 10px;float: left;margin-right: 30px;font-size: 36px;background: rgba(0, 153, 255, .5);color: #fff;}
.content .item-news .date span {display: block;font-size: 12px;}
.content .item-news a h2 {font-size: 20px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content .item-news a p {line-height: 1.5;color: #999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0;}
.content .item-news:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.content .item-news:hover .date {background: rgba(255, 51, 0, .5);}
.content .item-news:hover h2 {color: #f30;}
.content .case {border: 1px solid #eee;border-radius: 5px;display: block;margin: 10px auto;overflow: hidden;}
.content .case .case-pic {height: 400px;background-size: cover;transition: 2s;-webkit-transition: 2s;}
.content .case .case-body {padding: 15px;}
.content .case .case-body .case-title {font-size: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 58px;}
.content .case .case-body .case-text {color: #999;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 72px;}
.content .case .case-pic:hover {background-position: bottom;transition: 3s;-webkit-transition: 3s;}
.content .case:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
#contact .box{display: flex;}
#contact .box h1{width: 100px;font-size: 30px;font-weight: 600;padding-right: 18px;text-align: left;}
#contact .box .box-body{padding: 18px 24px;width: 100%;margin-bottom: 18px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
#contact .box ul{padding: 0;}
#contact .box ul li{line-height: 1.6;}
#contact .box dl{width: 32%;border: 1px solid #ccc;line-height: 1.6;padding: 18px;display: flex;flex-direction: column;}
#contact .box dl dt{}
#contact .box dl dd{margin: 0;}
#contact .box-bank{width: 32%;box-shadow: 0 0 10px rgba(0, 0, 0, .1);padding: 18px;line-height: 1.6;}
#contact .box-bank h3{font-size: 18px;font-weight: 600;}
#contact .box-bank p{margin: 0;}
.pagenavi .pagination{margin: 0;line-height: 2;}
.pagenavi .pagination li{margin-right: 1px;}
.pagenavi .pagination li span,.pagenavi .pagination li a{padding: 6px 12px;border: 1px solid #ccc;}
.pagenavi .pagination li.active span{background: #f30;border-color: #f30;}
.pagenavi .pagination>li:last-child a,.pagenavi .pagination>li:last-child span{border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.sidebar {margin-right: 108px;top: 70px;z-index: 99;}
.sidebar dl {}
.sidebar dl dt {background: #f30 url(../img/bg-2.png)center 20% no-repeat;background-size: cover;color: #fff;padding: 15px;font-size: 1.5rem;font-weight: 200;}
.sidebar dl dt small {font-size: 14px;display: block;}
.sidebar dl dd {margin: 0;}
.sidebar dl dd a {font-size: 1rem;display: block;background: #eee;padding: 10px 30px;border-bottom: 1px solid #fff;}
.sidebar dl dd a:hover {padding-left: 35px;font-weight: 900;}
.sidebar .side-slide {height: 300px;overflow: hidden;}
.sidebar .side-slide .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
@media (max-width:768px) {header .pc-head {display: none;}
  header .m-head {display: block;height: 50px;background: #fff;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo {float: left;display: flex;width: 75%;padding: 5px;}
  header .m-head .m-head-logo img {height: 30px}
  header .m-head .m-head-menu .menu-open {float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i {font-size: 30px;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display: block;position: fixed;top: 0px;left: 0px;width: 0px;height: 0px;overflow: hidden;z-index: 10000;}
  header .m-nav .closecover {position: absolute;width: 100%;height: 100%;background: #000;left: 0px;top: 0px;z-index: 1;filter: alpha(opacity=0);opacity: 0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i {font-size: 30px;}
  header .m-nav .closeicon {position: absolute;width: 20%;left: 0;top: 1%;z-index: 100;text-align: center;filter: alpha(opacity=0);opacity: 0;}
  header .m-nav .m-navList {position: absolute;width: 80%;right: 0px;top: 0px;background: #0b0d19;height: 100%;z-index: 100;right: -80%;overflow-y: scroll;}
  header .m-nav .m-navList ul {padding-left: 5%;padding-right: 5%;list-style: none;}
  header .m-nav .m-navList ul li {border-bottom: 1px solid #232530}
  header .m-nav .m-navList ul li a {display: block;height: 45px;color: #fff;line-height: 45px;padding-left: 5%;font-size: 16px}
  header .m-nav .m-navList ul li .m-nav-f {display: flex;align-items: center;justify-content: space-between;width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a {flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i {width: 40px;height: 35px;box-sizing: border-box;padding: 0 5px;display: block;}
  header .icon {background: url(../img/plus.png) 100% no-repeat;background-position: 50% 50%;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s}
  header .icon-on {background: url(../img/reduce.jpg) 50% no-repeat !important;background-position: 50% 50%;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s}
  header .m-nav .m-navList ul li .m-nav-s {display: none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a {display: block;height: 40px;line-height: 40px;font-size: 14px;padding-left: 10%;overflow: hidden;white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img {position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img {width: 100%;}
  .home-slide {margin-top: 50px;}
  .home-slide .swiper-slide img {height: 260px;}
  .home-service .item {width: 33.33%;height: auto;}
  .home-service .item a {margin: 0;padding: 15px;height: 450px;}
  .home-service .item.active {width: 33.33%;}
  .home-service .item.active a {padding: 15px;}
  .home-service .item:hover a, .home-service .item.active a{background: #fff;transform: none;height: 450px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
  .home-service .item:hover a i, .home-service .item.active a i,.home-service .item a i{background: #f60;color: #fff;line-height: 2;font-size: 50px;border-radius: 15%;padding: 10px;}
  .home-service .item:hover a h3, .home-service .item.active a h3,.home-service .item a h3{color: #333;margin-top: 6px;}
  .home-service .item:hover a h5, .home-service .item.active a h5{color: #666;}
  .home-service .item:hover a .preview, .home-service .item.active a .preview, .home-service .item a .preview{height: 120px; border-color: rgba(0,0,0, .1);}
  .home-service .item:hover a .preview p, .home-service .item.active a .preview p,.home-service .item a .preview p{color: #666; line-height: 1.6;font-size: 16px;}
  .home-service .item:hover a h4, .home-service .item.active a h4{color: #f60;}
  .home-service .item:hover a button,.home-service .item.active a button{display: none;}
  .home-case .caseSwiper .swiper-slide {height: 480px;}
  .home-about {background-size: 100% auto;background-position: 0 100%;}
  footer .service-icon {font-size: 14px;text-align: left;}
  .subslide {margin-top: 50px;}
  .subslide h2 {font-size: 22px;}
  .sidebar {margin: 0;}
  .content {line-height: 2;}
  .content .item-news {padding: 0;margin: 24px auto;}
  .content .item-news .date {margin-right: 12px;padding: 10px;width: 65px;font-size: 30px;}
  .content .item-news a h2 {font-size: 16px;}
  .content .item-news a p {font-size: 14px;}
  footer{display: none;}
  .kefu{display: none;}
  .m-copy{display: block;padding: 70px 0;text-transform: uppercase;text-align: center;color: #999;}
  .m-footernavi{display: block;position: fixed;bottom: 0;z-index: 1090;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
  .m-footernavi a.item{display: flex;flex-direction: column;align-items: center;line-height: 1.2;}
  .m-footernavi a.item i{font-size: 30px;}
  .m-footernavi a.active{color: #f60;}
}
@media (max-width:425px) {
  body{font-weight: 300;}
  h1, h2, h3, h4, h5, h6 {font-weight: 300;}
  .home-slide .swiper-slide img{height: 200px;}
  [class*="home-"] h2{font-size: 14px;}
  .home-service .item a h3{font-size: 15px;}
  .home-service .item a h4{font-size: 32px;}
  .home-service .item:hover a .preview, .home-service .item.active a .preview, .home-service .item a .preview{height: 130px;text-align: left;}
  .home-service .item:hover a .preview p, .home-service .item.active a .preview p, .home-service .item a .preview p{font-size: 12px;text-align: justify;}
  .home-news h2{font-size: 24px;}
  .home-about p{line-height: 2;}
  
  .side-slide{display: none;}
  .sidebar .subnav{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
  .sidebar .subnav dt{display: none;}
  .sidebar .subnav dd{width: calc(50% - .5px);}
  
  .content .case .case-pic{height: 320px;}
  
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 3;color: #fff;background-color: #2c3e50;border-color: #2c3e50;cursor: default;}
.pager li {margin: 0 0.4em;display: inline-block;}
.pager .pagination {margin: 0;}
.pager li:first-child>a, .pager li:last-child>a, .pager li:first-child>span, .pager li:last-child>span {padding: 0.5em 1.2em;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {color: #777777;background-color: #fff;cursor: not-allowed;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {color: #777777;background-color: #fff;border-color: #ddd;cursor: not-allowed;}
.pager li>a, .pager li>span {background: none;border: 1px solid #e6e6e6;border-radius: 0.25em;padding: 0.5em 0.93em;font-size: 14px;}
.pager li>a, .pager li>span {}