/**
    捷点科技 庄志平
 */
 html, body {font-family: Arial,"微软雅黑",Helvetica,sans-serif; color: #505050; font-size:16px; line-height: 30px;background-color: #ffffff;padding: 0;margin: 0; width: 100%;scroll-behavior: smooth;}
 body{
  -webkit-animation: fadeIn .5s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  -moz-animation: fadeIn .5s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  -o-animation: fadeIn .5s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  animation: fadeIn .5s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}
a:link,a:visited{color:#505050;text-decoration:none;}
a:hover,a:active{color:#2ab44b;text-decoration:underline;}
img{border: 0;vertical-align: middle;max-width: 100%;-ms-interpolation-mode:bicubic;}
ul{list-style: none;padding: 0;margin: 0;}
::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(0, 0, 0, 0);}
::-webkit-scrollbar {width: 5px;height: 13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.trans{-webkittransition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
:focus{outline: 0;}
.backfff{background:#fff;}
.fr{float:right;}.fl{float:left;}.ovh{overflow: hidden;}
.mt20{margin-top: 20px;}.op0{opacity: 0 !important;}.op1{opacity: 1 !important;}
/* css3 no lte ie8*/
.rad2{border-radius:2px;-moz-border-radius:2px;*-moz-border-radius:2px}
.rad3{border-radius:3px;-moz-border-radius:3px;*-moz-border-radius:3px}
.rad5{border-radius:5px;-moz-border-radius:5px;*-moz-border-radius:5px}
.rad8{border-radius:8px;-moz-border-radius:8px;*-moz-border-radius:8px}
.rad12{border-radius:12px;-moz-border-radius:12px;*-moz-border-radius:12px}
.amn1{transition:all ease-in-out .1s 0s;-webkit-transition:all ease-in-out .1s 0s;-moz-transition:all ease-in-out .1s 0s;-o-transition:all ease-in-out .1s 0s;}
.amn2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
.amn3{transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;-moz-transition:all ease-in-out .3s 0s;-o-transition:all ease-in-out .3s 0s;}
.amn4{transition:all ease-in-out .4s 0s;-webkit-transition:all ease-in-out .4s 0s;-moz-transition:all ease-in-out .4s 0s;-o-transition:all ease-in-out .4s 0s;}
.amn6{transition:all ease-in-out .6s 0s;-webkit-transition:all ease-in-out .6s 0s;-moz-transition:all ease-in-out .6s 0s;-o-transition:all ease-in-out .6s 0s;}
.sdw{-webkit-box-shadow:#999 0px 0px 8px;-moz-box-shadow:#999 0px 0px 8px;box-shadow:#999 0px 0px 8px;}
.row{width: 75rem; overflow: hidden; margin: 0 auto; padding: 0 2.5rem;}
.pl{padding-left: 2.5rem;}
.pr{padding-right: 2.5rem;}
.ml{margin-left: 2.5rem;}

* {
  transition-delay: 0;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  /* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* -ms-word-break: break-all; */
  /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-overflow-scrolling: touch;
}
@font-face {font-family: 'DING'; src: url('DINGTALKJINBUTI.ttf');}
@font-face {font-family: 'MiSans'; src: url('MiSansBold.ttf');}

/**首页**/
.top{
  width: 100%; height: calc(5rem + 3px); 
  position: fixed; left: 0; top: 0; 
  background-color: #fff; z-index: 1000; 
  box-shadow: 0px 4px 10px #0000002a;
}
.top::after{
  height: 3px; width: 100%; content: ""; display: block;
  background: linear-gradient(to left, #2ab44b , #00a2e9);
}
.top>.row{display: flex;justify-content: space-between; align-items: center; overflow: visible;}
.top .logo{width: 6.875rem; height: 3rem; background: url(logo.jpg) left center no-repeat; background-size: contain;}

.top .menu{height: 51px; line-height: 38px; padding: 13px 0 0 20px; text-align: center; }
.top .menu li{float: left; width: 6.75rem; height: 100%; margin:0 2px; position: relative;}
.top .menu li>a{display: flex; text-decoration: none; justify-content: center; align-items: center;}
.top .menu li>a>span{ position: relative;}
.top .menu li>a i{ margin-left: 7px; font-size: 20px; color: #999;}
.top .menu .sub{
  position: absolute; left: 0; top: 51px;
  background-color: #fff; width: 100%; padding: 1rem 0;
  opacity: 0; visibility: hidden; transform: scaleY(0);
  transform-origin: center top;
}
.top .menu .sub>a{display: block; color: #666; margin: 0 10px;border-bottom: 1px solid #fff}
.top .menu .sub>a:hover{color: #2ab44b; text-decoration:none;border-bottom: 1px solid #2ab44b;}

.top .menu li.hover>a, .top .menu li.actived>a, .top .menu li>a:hover{color: #2ab44b;}
.top .menu li.hover>a i, .top .menu li>a:hover i{color: #2ab44b; transform: rotate(180deg);}
.top .menu li.actived>a i{color: #2ab44b;}
.top .menu li.actived>a>span::after{position: absolute;background: url(./titleicon1.png) no-repeat center center;content: "";
width: 90px;height: 2px; bottom: -2px;left: 0;}
.top .menu li.hover .sub{opacity: 1; visibility: visible; transform: scaleY(1);}

.top .search{width: 5rem; position: relative;}
.top .search > .btn{
  display: block; height: 5rem; line-height: 5rem; 
  text-align: center; cursor: pointer;
  border-left: 1px solid #f0f0f0; 
  border-right: 1px solid #f0f0f0;
}
.top .search .btn i{font-size: 24px; color: #999;}
.top .search .btn:hover{background-color: #9999991a;}
.top .search .text{ 
  position: absolute; top: 0; right: calc(5rem + 2px);
  width: 17rem; height: 3rem; padding: 1rem;
  border-left: 1px solid #f0f0f0; background-color: #fff;
  opacity: 0; visibility: hidden; transform: scaleX(0);
  transform-origin: right center;
}
.top .search .text input{
  height: 100%; width: 100%; border: 1px solid #f0f0f0; 
  padding: 0 1rem; box-sizing: border-box; color: #666;
  border-radius: 0.5rem; font-size: 1rem;
}
.top .search-show .text{opacity: 1; visibility: visible; transform: scaleX(1);}

.bottom{min-height: 18rem; padding-top: 2rem; background: url(bottombg.jpg) center center no-repeat; background-size: cover;color: #ffffff7a;}
.bottom a{color: #ffffff7a;}
.bottom a:hover{color: #fff; text-decoration: underline;}
.bottom dl{
  float: left; color: #fff; 
  line-height: 30px; 
  min-width: 100px;
  margin:0 40px 2.5rem 0;
}
.bottom dl dt,.bottom dl dd, .bottom dl a{display: block;}
.bottom dl dt{ line-height: 3rem; margin-bottom: 0.8rem;}
.bottom dl dt::after{
  height: 3px; width: 4.5rem; content: ""; display: block;
  background: linear-gradient(to left, rgba(72, 179, 98, 0) , #00a2e9);
}
.bottom dl dd{color: #ffffff7a; margin-left: 0; font-size: 0.875rem;}
.bottom .text{float: left; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1);line-height: 3.5rem; font-size: 0.875rem;}
.bottom .ewm{float: right; text-align: center; line-height: 3rem; font-size: 0.875rem; margin-top: 1rem;}

.back-top{
  position: fixed; bottom: 1rem; right: -3.5rem; display: block;
  text-align: center; width: 3.5rem; height: 3.5rem; border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5); opacity: 0;
}
.back-top:hover{opacity: 1;}
.back-top i{font-size: 2rem; color: #fff; line-height: 3.2rem;}
.back-top-show{right: 1rem; opacity: 0.5;}

.banner{width: 100%; height: 650px; margin-top: calc(5rem + 3px);}
.banner .swiper-slide{background-position: center center; background-size: cover; background-repeat: no-repeat;}
.banner .swiper-pagination>span{ width: 12px; height: 12px;  background-color: rgba(255, 255, 255, 0); border: 1px solid #fff; opacity: 0.6; border-radius: 50% !important;}
.banner .swiper-pagination>.swiper-pagination-bullet-active{background-color: #fff; opacity: 1;}

.title-ce{position: relative; margin: 0 auto 2rem auto; width: 32rem; height: 7rem; text-align: center;font-weight: normal;}
.title-ce b{
  font-size: 3.75rem; color: #fff; line-height: 3.2rem; 
  font-family: 'MiSans'; text-transform: uppercase; display: block;
}
.title-ce > i{
  position: absolute; width: 100%; left: 0; top: 1.5rem;
  font-size: 14px; font-style: normal; 
  color: #48b362; 
}
.title-ce > span{ 
  position: absolute; width: 100%; left: 0; top: 3.8rem;
  font-size: 2rem; color: #333; font-weight: bold;
  letter-spacing: 5px;
}

.index-row-1{background: url(indexrow1bg.jpg) center bottom no-repeat; background-size: cover;}
.index-row-1 > .row, .index-row-2 > .row, .index-row-4 > .row{width: 80rem; padding: 5rem 0;}
.index-row-1 .title-ce, .index-row-4 .title-ce{margin-left: 0; text-align: left;}
.index-row-1 .title-ce b, .index-row-4 .title-ce b{color: #f3f3f3;}
.index-row-1 .title-ce span,.index-row-1 .title-ce i, .index-row-4 .title-ce span,.index-row-4 .title-ce i{padding-left: 2.5rem;}
.index-row-1 .fl{width: 37rem;}
.index-row-1 .fl h3{ color: #2ab44b; font-size: 1.25rem; margin-top: 2rem;}
.index-row-1 .more, .index-row-4 .more{
  line-height: 2.25rem; padding: 0 1.5rem; display: inline-block;
  background: linear-gradient(to left, #2ab44b , #00a2e9);
  border-radius: 1.25rem; color: #fff; font-size: 14px; margin-top: 3rem;
  box-shadow:#0000002a 0px 5px 8px;
}
.index-row-1 .more:hover, .index-row-4 .more:hover{ opacity: 0.8; text-decoration: none;}
.index-row-1 .fr{
  width: 36.25rem; height: 26.25rem; margin-top: 1rem;
  background: url(box1.png) right center no-repeat;
  background-size: 36.25rem auto;
}
.index-row-1 img{box-shadow:#0000002a -5px 5px 10px; width: 100%;}

.index-row-2{background: url(indexrow2bg.jpg) center bottom no-repeat; background-size: cover;}
.index-row-2 .title-ce b{opacity: 0.1;}
.index-row-2 .title-ce span,.index-row-2 .title-ce i{color: #fff;}
.index-row-2 .fl{
  position: relative; margin-bottom: 1rem;
  background: url(box2.png) left center no-repeat;
  width: 37.5rem; height: 25rem; background-size: 36.25rem auto;
}
.index-row-2 .fl .img{
  position: absolute; right: -4rem; bottom: -10px; padding: 10px; width: 20rem;
  background: linear-gradient(to bottom, #21a8b1 , #0699ce);
}
.index-row-2 .fr{width: 29rem; margin-right: 2.5rem;}
.index-row-2 .fr a{color: #fff; display: block; position: relative; padding-bottom: 2.5rem;}
.index-row-2 .fr b{font-family: 'DING'; font-size: 2rem;font-weight: normal;}
.index-row-2 .fr p, .index-row-3 .list p{margin: 8px 0; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.index-row-2 .fr hr{
  position: absolute; left: 0; top: 0; margin: 0;
  width: 5px; height: 2rem; display: block; border-width: 0; background-color: #fff;
  opacity: 0; transform: scaleY(0); transform-origin: center top;
}
.index-row-2 .fr i{ display: block; width: 42px; height: 20px; background: url(arrowright.png) center center no-repeat;  opacity: 0;}
.index-row-2 .fr a:hover{text-decoration: none; padding-left: 2rem;}
.index-row-2 .fr a:hover hr{transform: scaleY(1); opacity: 1;}
.index-row-2 .fr a:hover i{opacity: 1;}

.index-row-3{background: url(indexrow3bg.jpg) center bottom no-repeat #f1f4f9; }
.index-row-3 > .row{padding-top: 5rem; padding-bottom: 5rem;}
.index-row-3 .list{ display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden; padding: 1rem 0;}
.index-row-3 .list > a{
  width: 13.5rem; text-align: center;
  background-color: #fff; padding: 0 1.5rem 2.5rem 1.5rem;
  box-shadow:#0000002a 0 5px 10px;
}
.index-row-3 .list .line{width: 190px; height: 5px; margin: 1rem auto;background: url(indexrow3line.jpg) center center no-repeat;}
.index-row-3 .list b{font-size: 1.25rem;}
.index-row-3 .list p{font-size: 0.875rem; padding-left: 5px;}
.index-row-3 .list a:nth-child(2),.index-row-3 .list a:nth-child(4){margin-top: 2rem;}
.index-row-3 .list a:hover{color: #2ab44b;text-decoration: none;transform: translateY(-1rem);}
.index-row-3 .list a:hover .line{background-image: url(indexrow3lineh.jpg);}

.index-row-4 .title-ce{width: 22rem;}
.index-row-4 li{float: left; width: 17rem; overflow: hidden; margin-right: 2.2rem;}
.index-row-4 li .date{
  border-bottom: 1px solid #e0e0e0; padding: 1.2rem 0; font-size: 1.75rem;
  display: flex; justify-content: space-between; align-items: flex-end;
}
.index-row-4 li .date > span{font-size: 0.875rem; color: #999;}
.index-row-4 li a{
  padding: 1.5rem 0 2rem 0; display: block; font-size: 1.125rem;
  background: url(arrowrighth.png) left 11rem no-repeat;
}
.index-row-4 li a > p{line-height: 1.625rem; font-size: 0.875rem; color: #999; max-height: 3.25rem; overflow: hidden;}
.index-row-4 li a:hover{text-decoration: none; background-image: url(arrowrightg.png);}
.index-row-4 li a:hover p{color: #2ab44b;}


/* 产品介绍 */
.public-tit{overflow: hidden;margin-bottom: 3rem;}
.public-tit h3{font-size: 2rem;margin: 0;line-height: 1;color: #333333;position: relative;width: auto;float: left;padding-right: 1rem;}
.public-tit h3::after{position: absolute;background: url(./titleicon1.png) no-repeat center center;content: "";width: 90px;height: 5px;bottom: 2px;left: 100%;}

.product-row-1{background: url(./product1bg.png) no-repeat center center #edf3f9;padding: 5rem 0;background-size: 100% 100%;}
.product-row-1 .btn1{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.product-row-1 .btn1 a{display: block;width: 17rem;background-color: #fff;text-align: center;font-size: 1.375rem;font-weight: bold;color: #333333;padding: 2rem 5px;margin:1rem 0;box-shadow: 0 5px 10px rgb(0 0 0 / 5%);}
.product-row-1 .btn1 a:hover{text-decoration: none;/*color: #2ab44b;*/box-shadow: 0 5px 10px rgb(1 162 231 / 5%);margin-top: 0px;}

.product-row-2{padding: 5rem 0;}
.product-row-2 .lb{display: flex;justify-content: space-between;}
.product-row-2 .lb .fl{display: flex;width: 49rem;flex-wrap: wrap;justify-content: space-between;}
.product-row-2 .lb a{width: 23.5rem;height: 10.5rem;display: block;box-shadow: 0 0px 10px rgb(0 0 0 / 10%);text-decoration: none;padding: 30px;box-sizing: border-box;margin: 1rem 0;cursor: auto;}
.product-row-2 .lb a:hover{}
.product-row-2 .lb a hr{border: none;width: 16rem;height: 1px;background-color: #cfd7e6;margin: 1rem 0;}
.product-row-2 .lb .fr a{height: 23rem;}
.product-row-2 .lb a b{font-size: 1.375rem;color: #333333;position: relative;z-index: 1;}
.product-row-2 .lb a b::after{background: url(./h3bg1.png)no-repeat center center;content: "";position: absolute;width: 21px;height: 21px;left: -10px;bottom: -3px;z-index: -1;}
.product-row-2 .lb a p{font-size: 15px;color: #505050;margin: 0;}


.product-row-3{padding: 5rem 0;background: url(../images/product3bg1.png) no-repeat center bottom #edf1f6;}
.product-row-3 ul{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product-row-3 ul li{float: left;margin-top: 20px;position: relative;width: 17.5rem;}
.product-row-3 ul li a{display: block;width: 100%;height: 100%;}
.product-row-3 ul li .imgbox{width: 100%;height: 100%;overflow: hidden;}
.product-row-3 ul li .imgbox img{width: 100%;height: 100%;transform: scale(1);}
.product-row-3 ul li .imgbox::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #2ab44b , #00a2e9);opacity: 0.72;}
.product-row-3 ul li:hover{}
.product-row-3 ul li:hover .imgbox img{transform: scale(1.05);}

.product-row-3 .txt{position: absolute;bottom: 60px;left: 40px;z-index: 10;}
.product-row-3 .txt b{font-size: 1.375rem;color: #ffffff;position: relative;}
.product-row-3 .txt b::after{content: "";position: absolute;left: 0;bottom: -20px;width: 70px;height: 2px;background: linear-gradient(to right,#fff,rgba(0,0,0,0));}


/* 企业简介 */
.company-row-1{padding: 5rem 0;background: url(./companybg1.jpg) no-repeat center center;background-size: 100% 100%;position: relative;width: 100%;overflow: hidden;}
.company-row-1 .row{overflow:initial;position: relative;padding-bottom: 5rem;}
.company-row-1 .row::after{clear: both;content: "";display: block;}
.company-row-1 .fl{background-color: #fff;position: relative;width: 67.5rem;}
.company-row-1 .fl::after{content: "";position: absolute;left: 0;background:linear-gradient(to left,#fff,rgba(0,0,0,0));width: 22.5rem;height: 100%;top: 0;transform: translateX(-100%);}
.company-row-1 .fl .txt{position: relative;z-index: 10;padding: 3rem 0;width: 41.5rem;box-sizing: border-box;}
.company-row-1 .fl h3{position: relative;color: #2ab44b;font-size: 1.375rem;}
.company-row-1 .fl h3::after{background: url(./yh1.png)no-repeat center center;width: 60px;height: 45px;content: "";position: absolute;left: -25px;top: -20px;}
.company-row-1 .fr{position: absolute;right: 0;bottom: 0px;box-shadow: 0 0 10px rgb(0 0 0 / 15%);}

.company-row-2{padding: 5rem 0;background: url(./czgmbg1.jpg) no-repeat center center;}
.company-row-2 ul{display: flex;justify-content:space-between;}
.company-row-2 ul li{display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;flex-direction: column;padding:0 2rem;min-width: 19%;box-sizing: border-box;border-left: 1px solid #f0f0f0;}
.company-row-2 ul li p{text-align: center;min-height: 60px;margin: 0;margin-top: 1rem;font-size: 0.875rem;color: #505050;}
.company-row-2 ul li img{margin-top: 1rem;margin-bottom: 0.5rem;}
.company-row-2 ul li h3{margin: 1rem 0;font-size: 28px;font-weight: bold;color: #333333;}
.company-row-2 ul li span{margin-bottom: 1rem;font-size: 0.875rem;color: #505050;}
.company-row-2 ul li:first-child{padding-left: 0;border-left: none;}
.company-row-2 ul li:last-child{padding-right: 0;}

.company-row-3{background: url(./cqtpbg1.jpg)no-repeat center center #f1f4f9;padding: 5rem 0;}
.company-row-3 .public-tit{position: relative;}
/* .company-row-3 .cqtp{padding-top: 2rem;} */
.company-row-3 .cqtp-n{background: url(./nl1.png) no-repeat right center;padding-left: 1rem;}
.company-row-3 .cqtp-p{background: url(./pr1.png) no-repeat left center;right:50px;left: auto;border-right: 1px solid #d8dfeb;padding-right: 1rem;}
.company-row-3 .cqtp-n::after,.company-row-3 .cqtp-p::after{display: none;}
.company-row-3 .cqtp img{height:280px}

/* 政策法规 列表样式 */
.news-list{padding-top: 2rem;padding-bottom: 5rem;}
.news-list ul li{}
.news-list ul li a{display: block;overflow: hidden;line-height: 90px;}
.news-list ul li a span{font-size: 1rem;color: #666;float: left;margin-left: 3rem;margin-right: 6rem;}
.news-list ul li a b{font-size: 1rem;color: #333333;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 50rem;font-weight: normal;}
.news-list ul li a p{font-size: 0.875rem;color: #999999;float: right;margin: 0;margin-right: 2rem;background: url(./listicon1.png) no-repeat right 48%;padding-right: 20px;}
.news-list ul li a:hover span{color: #2ab44b;padding-left: 1rem;}
.news-list ul li a:hover b{color: #2ab44b;}
.news-list ul li a:hover p{color: #2ab44b;background: url(./listicon2.png) no-repeat right 48%;}
.news-list ul li:nth-child(2n){background-color: #f1f4f9;}
.news-list ul li:hover{color: #2ab44b;}

/* 技术介绍 */
.js-row-1{background: url(./jsjsrow1.jpg) no-repeat center center #f1f3f8;padding: 5rem 0;}
/*.js-row-1 .row{height: 19.0625rem;}*/
.js-row-1 .row .fl img{height:24rem;}
.js-row-1 .fl{width: 31.25rem;background: url(./jsjsbg1.png)no-repeat left center;background-size: 31.25rem auto;height: 100%;text-align:center;}
.js-row-1 .fr{width: 37.5rem;display: flex;justify-content: center;flex-direction: column;height: 100%;}
.js-row-1 .fr p{margin: 0;font-size: 1rem;color: #505050;}
.js-row-1 .fr p span{color: #2ab44b;font-weight: bold;}

.js-row-2{padding: 5rem 0;}
.js-row-2 ul{display: flex;}
.js-row-2 ul li{padding: 0 3rem;border-left: 1px solid #f0f0f0;min-width: 17%;}
.js-row-2 ul li:first-child{border: none;}
.js-row-2 ul li:last-child{padding-right: 0;}
.js-row-2 ul li hr{width: 50px;height: 2px;border: none;background-color: #d8dfeb;margin: 2rem 0;}
.js-row-2 ul li h3{font-size: 1.375rem;font-weight: bold;color: #333333;display: inline-block;margin: 0;}
.js-row-2 ul li span{margin-left: 1rem;}
.js-row-2 ul li p{color: #505050;font-size: 0.875rem;}

.js-row-3{background: url(./jsjsbg3.jpg) no-repeat center center;background-size: 100% 100%;padding: 5rem 0;}
.js-row-3 ul{display: flex;}
.js-row-3 ul li{padding-left: 3rem;flex: 1;}
.js-row-3 ul li:first-child{padding-left: 0;flex: 2;}
.js-row-3 ul li h3{font-size: 1.375rem;color: #2ab44b;}
.js-row-3 ul li hr{width: 260px;height: 1px;background-color: #cfd7e6;border: none;margin: 1rem 0;}
.js-row-3 ul li p{margin: 0;font-size: 0.94rem;color: #505050;}

.js-row-4{padding: 5rem 0;}
.js-row-4 .cont p{margin: 0;font-size: 0.94rem;color: #505050;}
.js-row-4 .cont ul{border-top: 3px solid #43b26b;margin-top: 1rem;}
.js-row-4 .cont ul li{display: flex;border-bottom: 1px solid #f0f0f0;padding:1rem 0;padding-left: 2rem;align-items: center;}
.js-row-4 .cont ul li b{flex: 1;font-size: 1rem;color: #333333;line-height: 4rem;padding-right: 3rem;}
.js-row-4 .cont ul li span{flex: 1;font-size: 0.94rem;color: #333333;box-sizing: border-box;padding-right: 3rem;}
.js-row-4 .cont ul li b:nth-child(1){flex: 0.8;padding-right: 0;}
.js-row-4 .cont ul li span:nth-child(1){flex: 0.8;padding-right: 0;}


/* 企业文化 */
.cultrue-row-1{padding: 5rem 0;background-color: #f1f4f9;}
/* .cultrue-row-1 .row{display: flex;flex-wrap: wrap;align-content: space-between;flex-wrap: wrap;} */
.cultrue-row-1 .public-tit{width: 100%;}
.cultrue-row-1 .fl{width: 33.5rem;display: flex;flex-wrap: wrap;align-content: center;height: 25rem;}
.cultrue-row-1 .fl .cont{}
.cultrue-row-1 .fl .cont b{font-size: 1.25rem;color: #333333;margin-right: 1rem;}
.cultrue-row-1 .fl .cont p{font-size: .94rem;color: #505050;margin: 1rem 0;}
.cultrue-row-1 .fr{background: url(./qywhbg1.png) no-repeat right center;width: 40rem;box-sizing: border-box;}

.cultrue-row-2{padding: 5rem 0;}
.cultrue-row-2 .public-tit{width: 100%;}
.cultrue-row-2 .fl{background: url(./qywhbg1.png) no-repeat left center;width: 40rem;box-sizing: border-box;}
.cultrue-row-2 .fr{width: 32rem;display: flex;flex-wrap: wrap;align-content: center;height: 25rem;}
.cultrue-row-2 .fr .cont b{font-size: 1.25rem;color: #333333;margin-right: 1rem;}
.cultrue-row-2 .fr .cont p{font-size: .94rem;color: #505050;margin: 1rem 0;}


/* 联系我们 */
.lxwm-row-1{padding: 5rem 0;}
.lxwm-row-1 .fr{width: 45rem;height: 28.75rem;}
.lxwm-row-1 .fl{width: 27.5rem;}
.lxwm-row-1 .fl ul li{display: flex;align-items: center;border-bottom: 1px solid #e9ebec;padding: 1rem 0;}
.lxwm-row-1 .fl ul li h3{font-size: 1.5rem;color: #2ab44b;font-weight: bold;margin: 0.8rem 0;}
.lxwm-row-1 .fl ul li .imgbox{width: 4rem;text-align: center;}
.lxwm-row-1 .fl ul li img{}
.lxwm-row-1 .fl ul li .txt{flex: 1;}
.lxwm-row-1 .fl ul li .txt span{color: #666666;font-size: 1rem;}
.lxwm-row-1 .fl ul li p{margin: 0;font-size: 1rem;color: #333333;}
#tencentMap{width: 100%;height: 100%;}


/* 新闻详情 */
.newsshow-box{padding: 3rem 0;}
.newsshow-box .show-tit{text-align: center;border-bottom: 1px solid #dfe3ea;padding-bottom: 1rem;}
.newsshow-box .show-tit h1{font-size: 1.375rem;color: #333;margin: 1rem 0;line-height:1.5;}
.newsshow-box .show-tit span{font-size: 1rem;}
.newsshow-box .show-cont{border-bottom: 1px solid #dfe3ea;    width: 100%;overflow: hidden;padding: 1rem 0;}
.newsshow-box .show-btn{text-align: right;font-size: 1.2rem;color: #333;padding-top: 1rem;}
@media screen and (min-width: 1024px) {
  html, body{
    font-size: 14px;
  }
  .no-pc{display: none; visibility: hidden;}
}
@media screen and (min-width: 1300px) {
  html, body{
    font-size: 16px;
  }
  .no-pc{display: none; visibility: hidden;}
}

.pageBan{
  margin-top: 83px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.pageBan > .row{display: flex; flex-direction: column; justify-content: flex-end; height: 20rem;}
.pageBan b{font-size: 1.5rem; color: #fff;font-family: 'MiSans'; text-transform: uppercase;}
.pageBan i{width: 5px; height: 20px; display: block; background-color: #00a2e9; margin: 10px 0;}

.location {background: linear-gradient(to right, #2ab44b , #00a2e9);}
.location > .row{height: 3.75rem; line-height: 3.75rem;}
.location .fl{font-size: 0.875rem; color: #fff;}
.location a{color: #fff;}
.location .fr > a{float: left; padding: 0 1.5rem; border-right: 1px solid rgba(255, 255, 255, 0.12);}
.location .fr > a:hover{
  text-decoration: none;
  background: linear-gradient(to bottom, rgba(255,255,255, 0.3) , rgba(255,255,255, 0));
}
.location .fr > a.active{
  text-decoration: none;
  background: linear-gradient(to bottom, rgba(255,255,255, 0.3) , rgba(255,255,255, 0));
}