/*通用类*/

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

html {

  overflow-x: hidden;

}

body {

  width: 100%;

  min-width: 320px;

  margin: 0 auto;

  font-family: "Microsoft Yahei";

  background: #fff;

  overflow-x: hidden;

  text-align: justify;

  color: #333;

}

.wb {

  background: #fff;

}

/*不同设备字体em基准

@media screen and (min-width: 320px) and (max-width: 360px){

  body{

  	font-size:13.5px;

  }

}

@media screen and (min-width: 360px) and (max-width: 480px){

  body{

  	font-size:15px;

  }

}

@media screen and (min-width: 480px) and (max-width: 700px){

  body{

  	font-size:22.5px;

  }

}

@media screen and (min-width: 700px) and (max-width: 1000px){

  body{

  	font-size:28px;

  }

}

@media screen and (min-width: 1000px) and (max-width: 1200px){

  body{

  	font-size:32px;

  }

}

@media screen and (min-width: 1200px) and (max-width: 1400px){

  body{

  	font-size:40px;

  }

}

@media screen and (min-width: 1400px){

  body{

  	font-size:50px;

  }

}

*/

img {

  border: none;

}

h1,

h2,

h3 {

  font-weight: normal;

}

a {

  color: #333;

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-tap-highlight-color: transparent;

  outline: none;

}

input,

textarea,

select {

  font-family: "Microsoft Yahei";

  font-size: 1em;

  outline: none;

  margin: 0;

  padding: 0;

}

input::-webkit-input-placeholder {

  color: #979797 !important;

}

textarea::-webkit-input-placeholder {

  color: #979797 !important;

}

input[type='button'],

input[type='text'],

input[type='search'],

input[type='submit'],

input[type='reset'],

input[type='date'],

input[type='time'],

input[type='number'] {

  -webkit-appearance: none;

}

select {

  -webkit-appearance: none;

}

textarea {

  -webkit-appearance: none;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none !important;

  margin: 0;

}

ul,

ol {

  padding: 0;

  list-style-type: none;

}

em {

  font-style: normal;

}

.lt {

  float: left;

}

.rt {

  float: right;

}

input.sub,

label {

  border: none;

  cursor: pointer;

}

input,

textarea {

  font-family: "Microsoft Yahei";

  outline: none;

  margin: 0;

  padding: 0;

}

table {

  border-collapse: collapse;

}

td,

th {

  padding: 0;

}

.clear::before {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

.clear::after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

.contain {

  max-width: 1300px;

  width: 100%;

  margin: 0 auto;

}

.pulic_more_arr {

  margin-left: 6px;

  width: 23px;

  height: 23px;

  position: relative;

  right: 0;

  top: 0;

  border: 1px solid #fff;

  border-radius: 50%;

  display: inline;

}

.pulic_more_arr::after {

  content: "";

  width: 7px;

  height: 7px;

  border: 1px solid #fff;

  border-left: none;

  border-bottom: none;

  display: block;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  top: 6px;

  right: 8px;

  position: absolute;

}

.pulic_more_arr.black {

  border: 1px solid #333;

}

.pulic_more_arr.black::after {

  border: 1px solid #333;

  border-left: none;

  border-bottom: none;

}

.pulic_more_arr.green {

  border: 1px solid #333;

}

.pulic_more_arr.green::after {

  border: 1px solid #333;

  border-left: none;

  border-bottom: none;

}

.pulic_header_cont {

  padding: 24px 0 0;

}

.pulic_header_cont .contain {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.pulic_header_cont .logo {

  display: block;

}

.pulic_header_cont .logo img {

  display: block;

}

.pulic_header_cont .navi_cont {

  display: flex;

  align-items: center;

}

.pulic_header_cont .navi_cont .li {

  padding: 17px 32px;

  font-size: 18px;

  color: #787878;

}

.pulic_header_cont .navi_cont .li:hover,

.pulic_header_cont .navi_cont .li.hover {

  color: #01b55a;

}

.pulic_header_cont .seet_dl {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin-bottom: 14px;

}

.pulic_header_cont .seet_dl .li {

  display: flex;

  align-items: center;

  margin-right: 24px;

  font-size: 15px;

  color: #a8a9a9;

}

.pulic_header_cont .seet_dl .li img {

  margin-right: 8px;

}

.pulic_header_cont .seet_dl .language_sele {

  display: flex;

  align-items: center;

}

.pulic_header_cont .seet_dl .language_sele select {

  font-size: 15px;

  color: #a8a9a9;

  border: none;

  background: none;

}

.pulic_header_cont .search_int {

  display: flex;

  align-items: center;

}

.pulic_header_cont .search_int input {

  width: 267px;

  height: 35px;

  padding-left: 15px;

  font-size: 16px;

  color: #333;

  box-sizing: border-box;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border: 1px solid #f1f1f1;

  border-right: none;

}

.pulic_header_cont .search_int .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 35px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  background: #01b55a;

}

.pulic_header_cont .search_int .btn img {

  width: 22px;

}

.index_baner_box {

  position: relative;

  overflow: hidden;

}

.index_baner_box .masker {

  -webkit-transform: translate(-50%, 0%) skew(-18deg, 0deg) !important;

  -ms-transform: translate(-50%, 0%) skew(-18deg, 0deg) !important;

  transform: translate(-50%, 0%) skew(-18deg, 0deg) !important;

  background: rgba(1, 181, 90, 0.65);

  position: absolute;

  left: 50%;

  top: 0;

  z-index: 9;

}

.index_baner_box .masker.masker1 {

  width: 540px;

  height: 84%;

  display: block;

  position: absolute;

  z-index: 9;

  left: 50%;

  top: 0;

  margin-left: -240px;

}

.index_baner_box .masker.masker2 {

  width: 60px;

  height: 90px;

  margin-left: 200px;

  top: 90px;

  background: rgba(1, 181, 90, 0.34);

}

.index_baner_box .masker.masker3 {

  width: 52px;

  height: 10%;

  top: 74%;

  background: rgba(1, 181, 90, 0.24);

  margin-left: 17px;

}

.index_baner_box .masker.masker4 {

  width: 46px;

  height: 6%;

  top: 84%;

  background: rgba(1, 181, 90, 0.45);

  margin-left: -52px;

}

.index_baner_box .masker.masker5 {

  width: 52px;

  height: 12%;

  top: 84%;

  background: rgba(255, 138, 0, 0.16);

  margin-left: 44px;

}

.index_baner_box .swiper-slide {

  overflow: hidden;

}

.index_baner_box .swiper-slide .bg {

  display: block;

  width: 100%;

  transition: all 4s;

}

.index_baner_box .swiper-slide .contain {

  position: absolute;

  top: 0;

  left: 50%;

  height: 100%;

  transform: translateX(-50%);

  display: flex;

  padding: 0 182px;

}

.index_baner_box .swiper-slide .cont_box {

  width: 480px;

  position: relative;

  z-index: 10;

  display: flex;

  padding-top: 14%;

  left: 5%;

}

.index_baner_box .swiper-slide .title_head {

  margin-bottom: 56px;

}

.index_baner_box .swiper-slide .title_head h2 {

  font-size: 46px;

  font-weight: bold;

  color: #ffffff;

  transition: all 2s ease;

  transform: translateY(50px);

  opacity: 0;

}

.index_baner_box .swiper-slide .title_head p {

  font-size: 24px;

  color: #ffffff;

  transition: all 2.2s ease;

  transform: translateY(50px);

  opacity: 0;

  text-align: left;

}

.index_baner_box .swiper-slide .txt {

  width: 90%;

  font-size: 16px;

  color: #ffffff;

  transition: all 2.4s ease;

  transform: translateY(60px);

  opacity: 0;

}

.index_baner_box .swiper-slide .det_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 124px;

  height: 40px;

  border: 1px solid #ffffff;

  font-size: 12px;

  color: #ffffff;

  margin-top: 44px;

  transition: all 2.5s ease;

  transform: translateY(60px);

  opacity: 0;

}

.index_baner_box .swiper-slide .det_btn .arr {

  margin-left: 14px;

  width: 22px;

}

.index_baner_box .swiper-slide.ani-slide .bg {

  transform: scale(1.2, 1.2);

}

.index_baner_box .swiper-slide.ani-slide .title_head h2 {

  transform: translateY(0);

  opacity: 1;

}

.index_baner_box .swiper-slide.ani-slide .title_head p {

  transform: translateY(0);

  opacity: 1;

}

.index_baner_box .swiper-slide.ani-slide .txt {

  transform: translateY(0);

  opacity: 1;

}

.index_baner_box .swiper-slide.ani-slide .det_btn {

  transform: translateY(0);

  opacity: 1;

}

.index_baner_box .index_baner_arr {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 11;

}

.index_baner_box .index_baner_arr img {

  width: 28px;

}

.index_baner_box .index_baner_arr.index_baner_prev {

  left: 2vw;

}

.index_baner_box .index_baner_arr.index_baner_next {

  right: 2vw;

}

.index_baner_box .index_baner_arr.swiper-button-disabled img {

  opacity: 0.5;

}

.index_baner_box .swiper-pagination-bullet {

  width: 14px;

  height: 14px;

  opacity: 1;

  background: #efefee;

}

.index_baner_box .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #0bc466;

}

.index_pulic_title {

  padding: 40px 0;

  text-align: center;

}

.index_pulic_title h2 {

  font-size: 38px;

  color: #272727;

  font-weight: bold;

}

.index_pulic_title .line {

  display: block;

  width: 68px;

  height: 2px;

  margin: 10px auto;

  background: #0bc466;

}

.index_pulic_title p {

  font-size: 20px;

  color: #999999;

}

.index_case_1 {

  padding: 40px 0 80px;

}

.index_case_1 .pro_case_cont {

  display: flex;

  align-items: center;

}

.index_case_1 .pro_case_cont .last_cont {

  width: calc(50% / 3);

  height: 600px;

  overflow: hidden;

  position: relative;

  background: url(../i/pro_i_bg.png) no-repeat center;

  background-size: cover;

  transition: all 0.8s;

}

.index_case_1 .pro_case_cont .last_cont .pro_cont {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0 2%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.index_case_1 .pro_case_cont .last_cont .pro_cont img {

  max-width: 50%;

  transition: all 0.6s;

}

.index_case_1 .pro_case_cont .last_cont .pro_det {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 42px 48px;

  transition: all 0.8s;

  width: 100%;

}

.index_case_1 .pro_case_cont .last_cont .pro_det .pro_logo {

  opacity: 0;

  transition: all 0.6s;

}

.index_case_1 .pro_case_cont .last_cont .pro_det .title {

  font-size: 28px;

  color: #191a1c;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_case_1 .pro_case_cont .last_cont .pro_det p {

  font-size: 18px;

  color: #5e636b;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_case_1 .pro_case_cont .last_cont.active {

  width: 50%;

}

.index_case_1 .pro_case_cont .last_cont.active .pro_cont {

  width: calc(200% / 2);

  padding: 0;

}

.index_case_1 .pro_case_cont .last_cont.active .pro_det {

  padding: 42px 48px 80px 48px;

}

.index_case_1 .pro_case_cont .last_cont.active .pro_det .pro_logo {

  opacity: 1;

}

.pro_case_content{

}

.pro_case_content .nav_head{

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

}

.pro_case_content .nav_head .li{

  margin:0 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 76px;

  font-size:30px;

  color:#333;

  position: relative;

  cursor: pointer;

}

.pro_case_content .nav_head .li::after{

  position: absolute;

  content: "";

  width: 100%;

  height: 4px;

  background: #1cab5a;

  left: 0;

  bottom: 0;

  transition: .5s ease-in-out;

  opacity: 0;

}

.pro_case_content .nav_head .li:hover,

.pro_case_content .nav_head .li.hover{

  color: #1cab5a;

  transition: .5s ease-in-out;

}

.pro_case_content .nav_head .li:hover::after,

.pro_case_content .nav_head .li.hover::after{

  opacity: 1;

}

.pro_case_content .bit_cont .cont{

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.pro_case_content .bit_cont .last_cont {

  overflow: hidden;

  position: relative;

  background-size: cover;

  width: 32%;

  margin-right: 2%;

  margin-bottom: 20px;

}

.pro_case_content .bit_cont .last_cont:nth-child(3n){

  margin-right: 0;

}

.pro_case_content .bit_cont .last_cont .pro_cont {

  width: 100%;

  padding: 0 2%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: url(../i/pro_i_bg.png) no-repeat center;

  background-size: cover;

}

.pro_case_content .bit_cont .last_cont .pro_cont img {

  max-width: 50%;

  transition: all 0.6s;

}

.pro_case_content .bit_cont .last_cont .pro_det {

  padding:20px 0;

  transition: all 0.8s;

  width: 100%;

  text-align: center;

}

.pro_case_content .bit_cont .last_cont .pro_det .title {

  font-size: 28px;

  color: #191a1c;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.pro_case_content .bit_cont .last_cont .pro_det p {

  font-size: 18px;

  color: #5e636b;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_case_2 {

  background: #f6f6f6;

}

.index_case_2 .progra_last {

  display: flex;

}

.index_case_2 .progra_last .list_cont {

  position: relative;

  background: #000;

  width: calc(60% / 6);

  overflow: hidden;

  transition: all 0.8s;

}

.index_case_2 .progra_last .list_cont .bg {

  display: block;

  height: 100%;

  opacity: 0.28;

}

.index_case_2 .progra_last .list_cont .bit_deta {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  transition: all 0.8s;

  opacity: 0;

  text-align: center;

}

.index_case_2 .progra_last .list_cont .bit_deta h2 {

  font-size: 26px;

  font-weight: bold;

  color: #ffffff;

  margin-bottom: 20px;

}

.index_case_2 .progra_last .list_cont .bit_deta p {

  width: 340px;

  margin: 0 auto;

  font-size: 16px;

  line-height: 24px;

  color: #ffffff;

  margin-bottom: 40px;

}

.index_case_2 .progra_last .list_cont .bit_deta .more_btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 155px;

  height: 45px;

  background: #0bc466;

  padding: 0 22px;

  font-size: 15px;

  color: #fff;

  margin: 0 auto;

}

.index_case_2 .progra_last .list_cont .tis_tips {

  position: absolute;

  bottom: 50px;

  left: 0;

  width: 100%;

  transition: all 0.8s;

}

.index_case_2 .progra_last .list_cont .tis_tips .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 80px;

}

.index_case_2 .progra_last .list_cont .tis_tips .tle {

  text-align: center;

  font-size: 18px;

  color: #fff;

  margin-top: 20px;

}

.index_case_2 .progra_last .list_cont.active {

  width: 40%;

}

.index_case_2 .progra_last .list_cont.active .bg {

  opacity: 1;

}

.index_case_2 .progra_last .list_cont.active .bit_deta {

  bottom: 50px;

  opacity: 1;

}

.index_case_2 .progra_last .list_cont.active .tis_tips {

  bottom: 0;

  opacity: 0;

}

.index_case_3 {

  max-width: 1300px;

  margin: 0 auto;

  padding-top: 60px;

  padding-bottom: 60px;

  display: flex;

  align-items: center;

}

.index_case_3 .txt_box {

  width: 50%;

  padding-right: 30px;

}

.index_case_3 .txt_box .title_head {

  margin-bottom: 35px;

}

.index_case_3 .txt_box .title_head h2 {

  font-size: 38px;

  font-weight: bold;

  color: #272727;

}

.index_case_3 .txt_box .title_head .line {

  display: block;

  width: 68px;

  height: 2px;

  background: #0bc466;

  margin-top: 10px;

}

.index_case_3 .txt_box .txt p {

  font-size: 17px;

  color: #555555;

  line-height: 30px;

  margin-bottom: 30px;

}

.index_case_3 .txt_box .det_btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 155px;

  height: 45px;

  background: #0bc466;

  font-size: 16px;

  color: #ffffff;

  margin-top: 50px;

  padding: 0 30px;

}

.index_case_3 .txt_box .det_btn .arr {

  margin-left: 14px;

  width: 22px;

}

.index_case_3 .img_box {

  width: calc(100% / 2);

}

.index_case_3 .img_box img {

  display: block;

  width: 100%;

}

.index_case_4 {

  padding: 40px 0;

}

.index_case_4 .news_content {

  display: flex;

  justify-content: space-between;

}

.index_case_4 .l_cont {

  width: 900px;

  display: grid;

  grid-template-areas: 'a b' 'a c';

  grid-gap: 20px;

}

.index_case_4 .l_cont .news_hot_last {

  width: 420px;

  background: #f7f7f7;

}

.index_case_4 .l_cont .news_hot_last .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}

.index_case_4 .l_cont .news_hot_last .tis_i img {

  display: block;

  width: 100%;

  height: 308px;

}

.index_case_4 .l_cont .news_hot_last .det_cont {

  padding: 18px 18px;

}

.index_case_4 .l_cont .news_hot_last .det_cont .tle {

  font-size: 26px;

  color: #000000;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_case_4 .l_cont .news_hot_last .det_cont .txt {

  font-size: 16px;

  line-height: 26px;

  color: #555555;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.index_case_4 .l_cont .news_hot_last .det_cont .more_btn {

  display: flex;

  align-items: center;

  font-size: 15px;

  color: #484747;

  margin-top: 30px;

}

.index_case_4 .l_cont .news_hot_last:hover {

  background: linear-gradient(#a2f5bb, #0bc466);

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .time h2 {

  color: #fff;

}

/*

.index_case_4 .l_cont .news_hot_last:nth-child(1):hover{

  background: none;

}

.index_case_4 .l_cont .news_hot_last:nth-child(1):hover .det_cont{

  background: linear-gradient(#a2f5bb, #0bc466);

}*/

.index_case_4 .l_cont .news_hot_last:hover .det_cont .time p {

  color: #fff;

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .tle {

  color: #fff;

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .txt {

  color: #fff;

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .more_btn {

  color: #fff;

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .more_btn .pulic_more_arr {

  border: 1px solid #fff;

}

.index_case_4 .l_cont .news_hot_last:hover .det_cont .more_btn .pulic_more_arr::after {

  border: 1px solid #fff;

  border-left: none;

  border-bottom: none;

}

.index_case_4 .l_cont .news_hot_last:nth-child(1) {

  grid-area: a;

}

.index_case_4 .time {

  margin-bottom: 20px;

}

.index_case_4 .time h2 {

  font-size: 26px;

  color: #25282c;

}

.index_case_4 .time p {

  font-size: 14px;

  color: #999999;

}

.index_case_4 .news_more_last {

  width: 400px;

  background: #f7f7f7;

}

.index_case_4 .news_more_last .list {

  padding: 20px 30px;

  position: relative;

}

.index_case_4 .news_more_last .list::after {

  content: "";

  display: block;

  width: calc(100% - 60px);

  height: 1px;

  background: #e0e0e0;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.index_case_4 .news_more_last .list .tle {

  font-size: 26px;

  color: #000000;

  margin-bottom: 20px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_case_4 .news_more_last .list .more_btn {

  display: flex;

  align-items: center;

  font-size: 15px;

  color: #484747;

}

.index_case_4 .news_more_last .list:last-child::after {

  display: none;

}

.index_case_4 .news_more_last .list:hover {

  background: linear-gradient(#fff, #0bc466);

}

.index_case_4 .news_more_last .list:hover::after {

  display: none;

}

.index_case_4 .news_more_last .list:hover .time h2 {

  color: #fff;

}

.index_case_4 .news_more_last .list:hover .time p {

  color: #fff;

}

.index_case_4 .news_more_last .list:hover .tle {

  color: #fff;

}

.index_case_4 .news_more_last .list:hover .more_btn {

  color: #fff;

}

.index_case_4 .news_more_last .list:hover .more_btn .pulic_more_arr {

  border: 1px solid #fff;

}

.index_case_4 .news_more_last .list:hover .more_btn .pulic_more_arr::after {

  border: 1px solid #fff;

  border-left: none;

  border-bottom: none;

}

.pulic_foot_cont {

  background: #eeeeee;

  padding: 90px 0 100px;

}

.pulic_foot_cont .contain {

  display: flex;

  justify-content: space-between;

}

.pulic_foot_cont .navi_cont {

  display: flex;

  align-items: flex-start;

}

.pulic_foot_cont .navi_cont .last_box {

  margin-right: 110px;

}

.pulic_foot_cont .navi_cont .last_box h2 {

  font-size: 18px;

  color: #333333;

  margin-bottom: 30px;

}

.pulic_foot_cont .navi_cont .last_box .li {

  display: block;

  font-size: 15px;

  color: #565656;

  margin-bottom: 12px;

}

.pulic_foot_cont .navi_cont .last_box .li:hover {

  color: #0bc466;

}

.pulic_foot_cont .logo {

  display: block;

}

.pulic_foot_cont .logo img {

  display: block;

  max-width: 180px;

}

.pulic_foot_copy {

  text-align: center;

  background: #0bc466;

  font-size: 15px;

  color: #fff;

  padding: 20px 0;

}

.pulic_cont_baner {

  position: relative;

  overflow: hidden;

}

.pulic_cont_baner .bg {

  display: block;

  width: 100%;

}

.pulic_cont_baner .contain {

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  height: 100%;

  padding-top: 100px;

}

.pulic_cont_baner .contain .title_head {

  margin-bottom: 30px;

}

.pulic_cont_baner .contain .title_head h2 {

  font-size: 44px;

  font-weight: bold;

  color: #fff;

}

.pulic_cont_baner .contain .title_head p {

  font-size: 18px;

  color: #fff;

}

.pulic_cont_baner .contain .bits {

  font-size: 14px;

  color: #ffffff;

}

.pulic_maps_cont {

  background: #f9f9f9;

  padding: 20px 0;

  text-align: right;

  font-size: 14px;

  color: #999999;

}

.pulic_maps_cont .contain {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.pulic_maps_cont .nav_dl {

  display: flex;

  align-items: center;

  padding: 0 18px;

}

.pulic_maps_cont .nav_dl .li {

  font-size: 16px;

  height: 100%;

  color: #393939;

  margin-right: 52px;

  position: relative;

}

.pulic_maps_cont .nav_dl .li:last-child {

  margin-right: 0;

}

.pulic_maps_cont .nav_dl .li:hover,

.pulic_maps_cont .nav_dl .li.hover {

  color: #0bc466;

}

.pulic_maps_cont .nav_dl .li:hover::after,

.pulic_maps_cont .nav_dl .li.hover::after {

  content: "";

  display: block;

  width: 50%;

  height: 4px;

  background: #0bc466;

  position: absolute;

  bottom: -20px;

  left: 50%;

  transform: translateX(-50%);

}

.product_center_1 {

  padding: 70px 0;

}

.product_center_1 .tis_cont {

  margin-bottom: 56px;

}

.product_center_1 .tis_cont h2 {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 15px;

}

.product_center_1 .tis_cont p {

  font-size: 16px;

  line-height: 32px;

  color: #737373;

}

.product_center_1 .pro_case_cont{

  display: grid;

  grid-template-areas: "a a b c""a a d e";

  grid-row-gap:13px;

  grid-column-gap:13px;

}

.product_center_1 .pro_case_cont .last_cont{

  display: flex;

  align-items: center;

  background: linear-gradient(to right,#ededed, #fafafa);

  overflow: hidden;

}

.product_center_1 .pro_case_cont .last_cont p{

  display: none;

}

.product_center_1 .pro_case_cont .last_cont .pro_det{

  width: 50%;

  position: relative;

  padding-left:40px;

}

.product_center_1 .pro_case_cont .last_cont .pro_det .title{

  font-size:24px;

  color:#333333;

}

.product_center_1 .pro_case_cont .last_cont .pro_det .more_btn{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 116px;

  height: 40px;

  background: #01b55a;

  font-size:13px;

  color:#fff;

  position: absolute;

  left:40px;

  bottom:-80px;

  transition: all 0.7s;

  opacity: 0;

}

.product_center_1 .pro_case_cont .last_cont .pro_cont{

  width: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding:20px 0;

}

.product_center_1 .pro_case_cont .last_cont .pro_cont img{

  max-height:140px;

}

.product_center_1 .pro_case_cont .last_cont:nth-child(1){

  grid-area: a;

}

.product_center_1 .pro_case_cont .last_cont:nth-child(1) .pro_det{

  width: 30%;

}

.product_center_1 .pro_case_cont .last_cont:nth-child(1) .pro_cont{

  width: 70%;

}

.product_center_1 .pro_case_cont .last_cont:nth-child(1) .pro_cont img{

  max-height: 240px;

}

.product_center_1 .pro_case_cont .last_cont:nth-child(1):hover .pro_det .more_btn{

  opacity: 1;

  bottom:-120px;

}

.product_center_1 .pro_case_cont .last_cont:hover {

  background:linear-gradient(to right,#29dd81, #fafafa);

}

.product_center_1 .pro_case_cont .last_cont:hover .pro_det .more_btn{

  opacity: 1;

  bottom:-50px;

}



/*

.product_center_1 .pro_case_cont {

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_center_1 .pro_case_cont .last_cont {

  width: calc(50% / 4);

  height: 600px;

  overflow: hidden;

  position: relative;

  background: url(../i/pro_i_bg.png) no-repeat center;

  background-size: cover;

  transition: all 0.8s;

}

.product_center_1 .pro_case_cont .last_cont .pro_cont {

  position: absolute;

  top: 0;

  left: 0;

  width: 200%;

  padding: 0 2%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.8s;

}

.product_center_1 .pro_case_cont .last_cont .pro_cont img {

  max-width: 50%;

}

.product_center_1 .pro_case_cont .last_cont .pro_det {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 42px 24px;

  transition: all 0.8s;

  width: 100%;

}

.product_center_1 .pro_case_cont .last_cont .pro_det .pro_logo {

  opacity: 0;

  transition: all 0.6s;

}

.product_center_1 .pro_case_cont .last_cont .pro_det .title {

  font-size: 28px;

  color: #191a1c;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.product_center_1 .pro_case_cont .last_cont .pro_det p {

  font-size: 18px;

  color: #5e636b;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.product_center_1 .pro_case_cont .last_cont.active {

  width: 50%;

}

.product_center_1 .pro_case_cont .last_cont.active .pro_cont {

  width: 100%;

  padding: 0;

}

.product_center_1 .pro_case_cont .last_cont.active .pro_det {

  padding: 42px 48px 80px 48px;

}

.product_center_1 .pro_case_cont .last_cont.active .pro_det .pro_logo {

  opacity: 1;

}*/

/*旧版 1*/

/*

.product_center_2 {

  padding: 70px 0;

  /*background:#fcfcfc url(../i/video_last_bg.png) no-repeat center bottom;

  background-size: cover;

}

.product_center_2 .tis_title {

  text-align: center;

  padding: 30px 0;

  font-size: 35px;

  color: #1cab5a;

}

.product_center_2 .pro_last {

  /*display: flex;

  justify-content: center;

  flex-wrap: wrap;

  position: relative;

  overflow: hidden;

}

.product_center_2 .pro_last .list {

  position: relative;

  padding-top: 3px;

}

.product_center_2 .pro_last .list::after{

  content: "";

  display: block;

  width: 182px;

  height: 298px;

  background: linear-gradient(#61e2a1, #01b55a);

  position: absolute;

  top:-4px;

  left:-4px;

}

.product_center_2 .pro_last .list .tis_i {

  width: 100%;

  height: 528px;

  background: #000;

  position: relative;

  z-index: 2;

}

.product_center_2 .pro_last .list .tis_i video{

  display:block;

  width:100%;

  height: 100%;

  object-fit: contain;

}

.product_center_2 .pro_last .list .txt {

  font-size: 16px;

  color: #fff;

  position: absolute;

  left:0;

  bottom:0;

  padding:8px 0;

  width: 100px;

  text-align: center;

  background: #01b55a;

  z-index: 3;

}

.product_center_2 .pro_last .list .txt::after{

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-top:36px solid #01b55a;

  border-right:24px solid transparent;

  position: absolute;

  right: -24px;

  top:0;

}

.product_center_2 .pro_last .list:nth-child(5n){

  margin-right: 0;

}*/

/*旧版 end*/

/*旧版2 

.product_center_2{



}

.product_center_2 .contain{



  position: relative;

}

.product_center_2 .bg{

  display: block;

  width: 100%;

}

.product_center_2 .deta_inf_cont{

  position: absolute;

  left:212px;

  top:90px;

}

.product_center_2 .deta_inf_cont .title{

  margin-bottom: 64px;

}

.product_center_2 .deta_inf_cont .product_baner_btn{

  display: flex;

  align-items: center;

}

.product_center_2 .deta_inf_cont .product_baner_btn .btns{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  border:1px solid #fff;

  margin:0 5px;

}

.product_center_2 .deta_inf_cont .product_baner_btn .btns::after,

.product_center_2 .deta_inf_cont .product_baner_btn .btns::before

{

  display: none;

}

.product_center_2 .deta_inf_cont .product_baner_btn .btns img{

  width: 16px;

  filter: brightness(1000);

}

.product_center_2 .deta_inf_cont .product_baner_btn .btns:hover{

  background: #fff;

}

.product_center_2 .deta_inf_cont .product_baner_btn .btns:hover img{

  filter: brightness(1);

}

.product_center_2 .pro_last {

  /*display: flex;

  justify-content: center;

  flex-wrap: wrap;

  //

  position: absolute;

  overflow: hidden;

  right: 216px;

  top:44px;

  width: 250px;

  height: 388px;

}

.product_pro_baner{

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.product_center_2 .pro_last::after{

  content: "";

  display: block;

  width: 240px;

  height: 35px;

  position: absolute;

  left:50%;

  bottom:-40px;

  transform: translateX(-50%);

}

.product_center_2 .pro_last .list {

  position: relative;

  padding-top: 3px;

  padding-left: 3px;

}

.product_center_2 .pro_last .list::after{

  content: "";

  display: block;

  width: 182px;

  height: 100%;

  background: linear-gradient(#61e2a1, #01b55a);

  position: absolute;

  top:-4px;

  left:-4px;

}

.product_center_2 .pro_last .list .tis_i {

  width: 100%;

  height: 100%;

  background: #000;

  position: relative;

  z-index: 2;

}

.product_center_2 .pro_last .list .tis_i video{

  display:block;

  width:100%;

  height: 100%;

  object-fit: contain;

}

.product_center_2 .pro_last .list .txt {

  font-size: 16px;

  color: #fff;

  position: absolute;

  left:0;

  bottom:0;

  padding:8px 0;

  width: 100px;

  text-align: center;

  background: #01b55a;

  z-index: 3;

}

.product_center_2 .pro_last .list .txt::after{

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-top:36px solid #01b55a;

  border-right:24px solid transparent;

  position: absolute;

  right: -24px;

  top:0;

}

旧版2 end*/

.product_center_2{

  padding:50px 0;

}

.product_center_2 .tis_cont {

  margin-bottom: 56px;

}

.product_center_2 .tis_cont h2 {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 15px;

}

.product_center_2 .deta_content{

  display: flex;

  justify-content: space-between;

}

.product_center_2 .deta_content .l_cont{

  width: 956px;

  height: 524px;

  background: url(../i/video_bg2.png) no-repeat center;

  background-size:cover;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_center_2 .deta_content .l_cont video{

  height: 100%;

  display: block;

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.product_center_2 .deta_content .r_cont{

  width: 324px;

  background: #fbfbfb;

}

.product_center_2 .deta_content .r_cont .title{

  font-size:22px;

  color:#1a1a1a;

  padding:30px 20px;

  display: none;

}

.product_center_2 .deta_content .r_cont .title em{

  color:#1a1a1a;

  font-size:13px;

}

.product_center_2 .deta_content .r_cont .last_cont{

  height: 524px;

  overflow-y: scroll;

}

.product_center_2 .deta_content .r_cont .list{

  padding:24px 22px;

  background: none;

   display:flex;

   align-items: center;

}

.product_center_2 .deta_content .r_cont .list .vid{

  width: 99px;

  height: 82px;

  display: block;

  overflow: hidden;

}

.product_center_2 .deta_content .r_cont .list .vid video{

  display: block;

  width: 100%;

  height: 100%;

}

.product_center_2 .deta_content .r_cont .list .tle{

  font-size:18px;

  padding-left:10px;

  color:#333333;

}

.product_center_2 .deta_content .r_cont .list.hover{

  background: linear-gradient(to right,#2fc277, #caeedc);

}

.product_center_2 .deta_content .r_cont .list.hover .tle{

  color:#fff;

}

.product_pulic_file {

  display: flex;

  flex-wrap: wrap;

  padding: 60px 0;

  margin-top: 60px;

}

.product_pulic_file .file_list {

  width: 49%;

  margin-right: 2%;

  margin-bottom: 20px;

  border: 1px solid #f2f2f2;

  position: relative;

  padding: 32px 30px;

}

.product_pulic_file .file_list .tle {

  font-size: 26px;

  color: #01b55a;

  margin-bottom: 16px;

}

.product_pulic_file .file_list .txt {

  font-size: 16px;

  color: #737373;

}

.product_pulic_file .file_list .more_btn {

  display: flex;

  align-items: center;

  font-size: 15px;

  color: #01b55a;

  margin-top: 50px;

}

.product_pulic_file .file_list .more_btn .arr {

  display: block;

  margin-left: 18px;

}

.product_pulic_file .file_list::after {

  content: "";

  display: block;

  width: 100%;

  height: 4px;

  background: #01b55a;

  position: absolute;

  top: 0;

  left: 0;

}

.product_pulic_file .file_list:nth-child(2n) {

  margin-right: 0;

}

.product_head_content {

  padding: 120px 0;

  background: #f5f5f5;

}

.product_head_content .contain {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.product_head_content .l_cont {

  width: 40%;

}

.product_head_content .l_cont .title {

  font-size: 32px;

  color: #373737;

  margin-bottom: 20px;

}

.product_head_content .l_cont .txt {

  font-size: 16px;

  line-height: 36px;

  color: #666666;

  margin-bottom: 70px;

}

.product_head_content .l_cont .zx_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 46px;

  background: #1cab5a;

  font-size: 18px;

  color: #fff;

}

.product_head_content .l_cont .zx_btn img {

  margin-left: 12px;

}

.product_head_content .product_head_baner {

  width: 40%;

  position: relative;

  overflow: hidden;

}

.product_head_content .product_head_baner .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_head_content .product_head_baner .swiper-slide img {

  max-width: 100%;

}

.product_head_content .product_head_baner .product_head_prev {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  display: block;

  width: 10px;

  height: 18px;

  background: url(../i/pro_prev.png) no-repeat center;

  background-size: cover;

  z-index: 12;

  cursor: pointer;

}

.product_head_content .product_head_baner .product_head_next {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  display: block;

  width: 10px;

  height: 18px;

  background: url(../i/pro_next.png) no-repeat center;

  background-size: cover;

  z-index: 12;

  cursor: pointer;

}

.product_deta_title {

  text-align: center;

  padding: 20px 0;

  font-size: 26px;

}

.product_deta_meter {

  padding: 20px 0 50px;

}

.product_deta_meter .tab_cont {

  display: flex;

  flex-wrap: wrap;

}

.product_deta_meter .tab_cont img{

  display: block;

  width: 100%;

}

.product_deta_meter .tab_cont .tab_last {

  width: 49%;

  margin-right: 2%;

  border: 1px solid #f5f5f5;

}

.product_deta_meter .tab_cont .tab_last:nth-child(2n) {

  margin-right: 0;

}

.product_deta_meter .tab_cont .tab_last .td {

  font-size: 14px;

  color: #737373;

  padding: 10px 30px;

  width: calc(100% / 3);

}

.product_deta_meter .tab_cont .tab_last .thead {

  width: 100%;

  background: #f9f9f9;

  display: flex;

  align-items: center;

}

.product_deta_meter .tab_cont .tab_last .thead .td {

  font-size: 16px;

  color: #3e3d3d;

}

.product_deta_meter .tab_cont .tab_last .thead .td:nth-child(2),

.product_deta_meter .tab_cont .tab_last .thead .td:nth-child(3) {

  text-align: center;

}

.product_deta_meter .tab_cont .tab_last .tbody .tr {

  display: flex;

}

.product_deta_meter .tab_cont .tab_last .tbody .tr .td {

  border-top: 1px solid #f5f5f5;

  border-right: 1px solid #f5f5f5;

}

.product_deta_meter .tab_cont .tab_last .tbody .tr .td:last-child {

  border-right: 0;

}

.product_deta_point {

  padding: 20px 0 50px;

}

.product_deta_point .point_last {

  display: flex;

  flex-wrap: wrap;

}

.product_deta_point .point_last img{

  display: block;

  width: 100%;

}

.product_deta_point .point_last .dl {

  width: 50%;

  font-size: 16px;

  color: #5b5b5b;

  margin-bottom: 30px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding-right: 20px;

}

.product_deta_point .point_last .dl .line {

  display: inline-block;

  vertical-align: middle;

  width: 3px;

  height: 21px;

  background: #0bc466;

  margin-right: 12px;

}

.product_deta_appli {

  padding: 20px 0 50px;

}

.product_deta_appli .tis_cont {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 20px;

}

.product_deta_appli .tis_cont img{

  display: block;

  width: 100%;

}

.product_deta_appli .tis_cont .list {

  width: 32%;

  height: 320px;

  position: relative;

  margin-right: 2%;

  margin-bottom: 50px;

  overflow: hidden;

}

.product_deta_appli .tis_cont .list:nth-child(3n) {

  margin-right: 0;

}

.product_deta_appli .tis_cont .list img {

  display: block;

  width: 100%;

  transition: all 1.2s;

}

.product_deta_appli .tis_cont .list span {

  position: absolute;

  bottom: 50px;

  left: 46px;

  font-size: 28px;

  color: #ffffff;

}

.product_deta_appli .tis_cont .list:hover img {

  transform: scale(1.2, 1.2);

}

.product_deta_appli .det_last {

  display: flex;

  flex-wrap: wrap;

}

.product_deta_appli .det_last .dl_list {

  width: 49%;

  margin-right: 2%;

}

.product_deta_appli .det_last .dl_list:nth-child(2n) {

  margin-right: 0;

}

.product_deta_appli .det_last .dl_list .dt_tle {

  display: flex;

  align-items: center;

  padding: 12px 16px;

  background: #f4f4f4;

  font-size: 18px;

  color: #1f1f1f;

}

.product_deta_appli .det_last .dl_list .dt_tle img {

  margin-right: 12px;

}

.product_deta_appli .det_last .dl_list .det_cont {

  padding: 26px 0;

}

.product_deta_appli .det_last .dl_list .det_cont .li {

  display: block;

  font-size: 16px;

  color: #373737;

  margin-bottom: 16px;

  padding: 0 10px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.product_deta_appli .det_last .dl_list .det_cont .li img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.product_deta_appli .det_last .dl_list .det_cont .li:hover {

  color: #0bc466;

}

/***********************/

.product_entry_baner {

  position: relative;

}

.product_entry_baner .bg {

  display: block;

  width: 100%;

}

.product_entry_baner .contain {

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  height: 100%;

}

.product_entry_baner .cont_box {

  position: absolute;

  left: 0;

  top: 50%;

  height: 100%;

  width: 50%;

  transform: translateY(-50%);

  background: rgba(11, 196, 102, 0.85);

  display: flex;

  align-items: center;

  padding: 0 10px;

}

.product_entry_baner .cont_box .cont {

  display: flex;

  align-items: center;

}

.product_entry_baner .cont_box .img {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 180px;

  height: 180px;

}

.product_entry_baner .cont_box .img img {

  max-width: 100%;

}

.product_entry_baner .cont_box .det_cont {

  width: calc(100% - 180px);

  padding-left: 20px;

}

.product_entry_baner .cont_box .det_cont .en {

  font-size: 36px;

  color: #ffffff;

  margin-bottom: 15px;

}

.product_entry_baner .cont_box .det_cont .cn {

  font-size: 42px;

  font-weight: bold;

  color: #ffffff;

}

.product_tabul {

  padding: 45px 0;

}

.product_tabul .title_head {

  text-align: center;

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 40px;

}

.product_tabul .pro_lsat {

  display: flex;

  flex-wrap: wrap;

}

.product_tabul .pro_lsat .list {

  width: calc(97% / 4);

  margin-right: 1%;

  margin-bottom: 30px;

}

.product_tabul .pro_lsat .list:nth-child(4n) {

  margin-right: 0;

}

.product_tabul .pro_lsat .list .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 220px;

  background: linear-gradient(-45deg, #f7f7f9, #fcfcfc);

}

.product_tabul .pro_lsat .list .tis_i img {

  max-width: 50%;

}

.product_tabul .pro_lsat .list .txt {

  text-align: center;

  padding: 24px 0;

  font-size: 18px;

  color: #333333;

}

.product_tabul .pro_lsat .list:hover .tis_i {

  background: #01b55a;

}

/*********about************/

.about_det_baner {

  position: relative;

}

.about_det_baner .bg {

  display: block;

  width: 100%;

}

.about_det_baner .contain {

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  height: 100%;

}

.about_det_baner .cont_box {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(11, 196, 102, 0.85);

  padding: 60px;

}

.about_det_baner .cont_box .en {

  font-size: 36px;

  color: #ffffff;

  margin-bottom: 15px;

}

.about_det_baner .cont_box .cn {

  font-size: 44px;

  font-weight: bold;

  color: #ffffff;

  margin-bottom: 30px;

}

.about_det_baner .cont_box .txt {

  font-size: 14px;

  color: #ffffff;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.about_gsjj_1 {

  padding: 80px 0;

}

.about_gsjj_1 .contain {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.about_gsjj_1 .contain .l_cont {

  width:100%;

}

.about_gsjj_1 .contain .l_cont .tle {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 24px;

  text-align: center;

}

.about_gsjj_1 .contain .l_cont p {

  font-size: 16px;

  line-height: 32px;

  color: #363636;

  margin-bottom: 28px;

  text-indent: 2em;

}

.about_gsjj_1 .contain .r_video {

  display: none;

  width: 45%;

}

.about_gsjj_1 .contain .r_video video,

.about_gsjj_1 .contain .r_video img {

  display: block;

  width: 100%;

}

.abouot_gsjj_2 {

  padding: 30px 0 60px;

}

.abouot_gsjj_2 .title_head {

  text-align: center;

  margin-bottom: 34px;

  font-size: 26px;

  color: #1cab5a;

}

.abouot_gsjj_2 .last_cont {

  display: grid;

  grid-template-areas: 'a a b c d' 'a a e f g';

  margin-bottom: 170px;

}

.abouot_gsjj_2 .last_cont .list {

  position: relative;

}

.abouot_gsjj_2 .last_cont .list .bg {

  display: block;

  width: 100%;

  height: 100%;

}

.abouot_gsjj_2 .last_cont .list .bit_tle {

  position: absolute;

  bottom: 10%;

  left: 10%;

  z-index: 3;

  transition: all 0.5s;

}

.abouot_gsjj_2 .last_cont .list .bit_tle .line {

  display: block;

  width: 24px;

  height: 1px;

  background: #fff;

  margin-bottom: 6px;

}

.abouot_gsjj_2 .last_cont .list .bit_tle h2 {

  font-size: 26px;

  color: #ffffff;

}

.abouot_gsjj_2 .last_cont .list .deta_cont {

  position: absolute;

  left: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  z-index: 2;

  display: none;

  align-items: center;

  justify-content: center;

}

.abouot_gsjj_2 .last_cont .list .deta_cont .det_cont {

  position: relative;

  z-index: 3;

  width: 52%;

}

.abouot_gsjj_2 .last_cont .list .deta_cont .det_cont h2 {

  font-size: 26px;

  font-weight: bold;

  color: #ffffff;

}

.abouot_gsjj_2 .last_cont .list .deta_cont .det_cont p {

  font-size: 16px;

  color: #ffffff;

  text-align: left;

}

.abouot_gsjj_2 .last_cont .list .deta_cont .cont_bg {

  position: absolute;

  left: 90px;

  bottom: 0;

  width: 57%;

  height: 100%;

  transform: skewX(-20deg);

  background: rgba(28, 171, 90, 0.84);

}

.abouot_gsjj_2 .last_cont .list.active {

  grid-area: a;

}

.abouot_gsjj_2 .last_cont .list.active .deta_cont {

  display: flex;

}

.abouot_gsjj_2 .last_cont .list:hover .bit_tle {

  transform: translateY(-10%);

}

.abouot_gsjj_2 .deta_last {

  display: flex;

  flex-wrap: wrap;

}

.abouot_gsjj_2 .deta_last .list_cont {

  width: 32%;

  margin-right: 2%;

  position: relative;

  padding: 42px 48px 30px;

}

.abouot_gsjj_2 .deta_last .list_cont .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 90px;

  height: 90px;

  border-radius: 100%;

  border: 3px solid #edeeef;

  position: relative;

  z-index: 2;

  margin: 0 auto 30px;

}

.abouot_gsjj_2 .deta_last .list_cont .tis_i img {

  max-width: 100%;

}

.abouot_gsjj_2 .deta_last .list_cont .tle {

  text-align: center;

  font-size: 26px;

  color: #0bc466;

  margin-bottom: 15px;

  position: relative;

  z-index: 2;

}

.abouot_gsjj_2 .deta_last .list_cont p {

  font-size: 16px;

  line-height: 30px;

  color: #737373;

  position: relative;

  z-index: 2;

}

.abouot_gsjj_2 .deta_last .list_cont::after {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  background: #0bc466;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: all 0.6s;

}

.abouot_gsjj_2 .deta_last .list_cont:nth-child(3n) {

  margin-right: 0;

}

.abouot_gsjj_2 .deta_last .list_cont.active .tis_i {

  border: 3px solid #fff;

}

.abouot_gsjj_2 .deta_last .list_cont.active .tis_i img {

  filter: brightness(1000) drop-shadow(0px 0px 0px #fff);

}

.abouot_gsjj_2 .deta_last .list_cont.active .tle {

  color: #fff;

}

.abouot_gsjj_2 .deta_last .list_cont.active p {

  color: #fff;

}

.abouot_gsjj_2 .deta_last .list_cont.active::after {

  height: 100%;

}

.about_gsjj_3 {

  padding: 60px 0;

}

.about_gsjj_3 .title_head {

  text-align: center;

  margin-bottom: 34px;

  font-size: 32px;

  color: #1cab5a;

}

.about_gsjj_3 .det_cont {

  text-align: center;

}

.about_gsjj_3 .det_cont img {

  display: block;

  margin: 0 auto;

}

.about_gsjj_3 .det_cont h2 {

  font-size: 28px;

  color: #1cab5a;

  font-weight: bold;

  padding: 20px 0;

}

.about_gsjj_3 .det_cont h3 {

  font-size: 20px;

  color: #1cab5a;

  margin-bottom: 20px;

}

.about_gsjj_3 .det_cont p {

  font-size: 16px;

  color: #737373;

}

.about_gsjj_4 {

  padding: 60px 0;

}

.about_gsjj_4 .title_head {

  text-align: center;

  margin-bottom: 34px;

  font-size: 35px;

  color: #1cab5a;

}

.about_gsjj_4 .adver {

  display: block;

  width: 100%;

  margin: 0 auto;

}

.about_rczp_1 {

  padding: 45px 0;

}

.about_rczp_1 .title_head {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 50px;

}

.about_rczp_1 .last_cont {

  display: flex;

  justify-content: space-between;

}

.about_rczp_1 .last_cont .list_box {

  width: 45%;

}

.about_rczp_1 .last_cont .list_box h2 {

  font-size: 30px;

  color: #595c5b;

  margin-bottom: 20px;

}

.about_rczp_1 .last_cont .list_box p {

  font-size: 16px;

  color: #737373;

  line-height: 32px;

}

.about_rczp_2 {

  padding: 40px 0 35px;

}

.about_rczp_2 .contain {

  display: flex;

  flex-wrap: wrap;

}

.about_rczp_2 .list_box {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 10px;

}

.about_rczp_2 .list_box .tis_i {

  display: block;

  width: 100%;

}

.about_rczp_2 .list_box .tis_i img {

  display: block;

  width: 100%;

}

.about_rczp_2 .list_box .txt_box {

  width: 100%;

  padding: 34px 28px;

  background: #ffffff;

}

.about_rczp_2 .list_box .txt_box h2 {

  font-size: 24px;

  color: #595c5b;

  font-weight: bold;

  margin-bottom: 15px;

}

.about_rczp_2 .list_box .txt_box p {

  font-size: 16px;

  color: #737373;

  line-height: 36px;

}

.about_rczp_2 .list_box:nth-child(3n) {

  margin-right: 0;

}

.about_rczp_3 {

  padding: 60px 0 80px;

  position: relative;

}

.about_rczp_3 .title_head {

  margin-bottom: 36px;

  font-size: 32px;

  color: #1cab5a;

}

.about_rczp_3 .det_cont {

  width: 35%;

}

.about_rczp_3 .det_cont h2 {

  font-size: 24px;

  color: #595c5b;

  margin-bottom: 24px;

}

.about_rczp_3 .det_cont p {

  font-size: 16px;

  color: #737373;

  line-height: 32px;

}

.about_rczp_3 .img_cont {

  position: absolute;

  width: 55%;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  padding: 130px 0 70px;

  background: #fafafa;

  overflow: hidden;

}

.about_rczp_3 .img_cont img {

  width: 100%;

  max-width: 100%;

  transform: translateX(-120px);

}

.about_rczp_4 {

  padding: 70px 0;

}

.about_rczp_4 .title_head {

  text-align: center;

  margin-bottom: 36px;

}

.about_rczp_4 .title_head h2 {

  font-size: 32px;

  color: #1cab5a;

}

.about_rczp_4 .title_head p {

  font-size: 16px;

  color: #737373;

}

.about_rczp_4 .last_cont {

  display: flex;

  flex-wrap: wrap;

}

.about_rczp_4 .last_cont .list {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 28px;

}

.about_rczp_4 .last_cont .list:nth-child(3n) {

  margin-right: 0;

}

.about_rczp_4 .last_cont .list .tle {

  width: 278px;

  position: relative;

  padding: 18px 26px;

  background: #0bc466;

  font-size: 18px;

  color: #ffffff;

}

.about_rczp_4 .last_cont .list .tle .arr {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  width: 12px;

}

.about_rczp_4 .last_cont .list .det {

  padding: 18px 0;

  font-size: 14px;

  color: #737373;

}

.rczp_detail_cont .tis_cont {

  padding: 60px 0 20px 0;

  background: #fbfbfb;

}

.rczp_detail_cont .tis_cont .contain {

  display: flex;

  justify-content: center;

}

.rczp_detail_cont .tis_cont .cont {

  width: 960px;

  margin: 0 auto;

}

.rczp_detail_cont .tis_cont .tle_head {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 44px;

}

.rczp_detail_cont .tis_cont .det_dl .tle {

  font-size: 30px;

  color: #333333;

  margin-bottom: 30px;

}

.rczp_detail_cont .tis_cont .det_dl .dl {

  display: flex;

  align-items: center;

}

.rczp_detail_cont .tis_cont .det_dl .dl .dd {

  padding: 0 16px;

  font-size: 16px;

  color: #737373;

  border-right: 1px solid #d3d3d3;

}

.rczp_detail_cont .tis_cont .det_dl .dl .dd:last-child {

  border-right: 0;

}

.rczp_detail_cont .tis_cont .det_dl .dl .dd:first-child {

  padding-left: 0;

}

.rczp_detail_cont .bit_cont {

  padding: 35px 0;

  width: 960px;

  margin: 0 auto;

}

.rczp_detail_cont .bit_cont .tle {

  font-size: 18px;

  color: #3a3939;

}

.rczp_detail_cont .bit_cont .txt {

  font-size: 16px;

  color: #737373;

}

.rczp_detail_cont .bit_cont .return_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 55px;

  border-radius: 10px;

  background: #0bc466;

  margin: 60px auto 30px;

}

.rczp_detail_cont .bit_cont .return_btn img {

  width: 27px;

}

.about_cxfz_1 {

  padding: 60px 0;

}

.about_cxfz_1 .title_cont {

  margin-bottom: 50px;

}

.about_cxfz_1 .title_cont .tle {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 22px;

}

.about_cxfz_1 .title_cont h2 {

  font-size: 35px;

  font-weight: bold;

  color: #595c5b;

}

.about_cxfz_1 .title_cont p {

  font-size: 18px;

  color: #737373;

}

.about_cxfz_1 .answer_deta .title_head {

  padding: 14px 32px;

  font-size: 25px;

  color: #1cab5a;

}

.about_cxfz_1 .answer_deta .last_cont {

  display: grid;

  grid-template-areas: 'a a b c d' 'a a e f g';

}

.about_cxfz_1 .answer_deta .last_cont .list {

  position: relative;

}

.about_cxfz_1 .answer_deta .last_cont .list .bg {

  display: block;

  width: 100%;

  height: 100%;

}

.about_cxfz_1 .answer_deta .last_cont .list .bit_tle {

  position: absolute;

  bottom: 10%;

  left: 10%;

  z-index: 3;

  transition: all 0.6s;

}

.about_cxfz_1 .answer_deta .last_cont .list .bit_tle .line {

  display: block;

  width: 24px;

  height: 1px;

  background: #fff;

  margin-bottom: 6px;

}

.about_cxfz_1 .answer_deta .last_cont .list .bit_tle h2 {

  font-size: 26px;

  color: #ffffff;

}

.about_cxfz_1 .answer_deta .last_cont .list.active {

  grid-area: a;

}

.about_cxfz_1 .answer_deta .last_cont .list.active .deta_cont {

  display: flex;

}

.about_cxfz_1 .answer_deta .last_cont .list:hover .bit_tle {

  transform: translateY(-20%);

}

.about_cxfz_1 .answer_deta .bits {

  padding: 14px 32px;

  background: #0bc466;

  font-size: 25px;

  color: #ffffff;

}

.about_cxfz_1 .bit_deta_txt {

  margin-bottom: 150px;

  margin-top: 36px;

}

.about_cxfz_1 .bit_deta_txt h2 {

  font-size: 22px;

  font-weight: bold;

  color: #595c5b;

}

.about_cxfz_1 .bit_deta_txt p {

  font-size: 18px;

  color: #737373;

}

/*******技术支持*********/

.jszc_case_1 {

  padding: 75px 0;

}

.jszc_case_1 .cont_box {

  display: flex;

  align-items: center;

  background: #fff;

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

}

.jszc_case_1 .cont_box .l_cont {

  width: 61%;

  padding-left: 165px;

  padding-right: 200px;

}

.jszc_case_1 .cont_box .l_cont .tle {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 40px;

}

.jszc_case_1 .cont_box .l_cont .txt {

  font-size: 18px;

  line-height: 32px;

  color: #737373;

}

.jszc_case_1 .cont_box .l_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 195px;

  height: 60px;

  background: #0bc466;

  font-size: 16px;

  color: #ffffff;

  margin-top: 30px;

}

.jszc_case_1 .cont_box .l_cont .more_btn .arr {

  margin-left: 28px;

}

.jszc_case_1 .cont_box .r_img {

  width: 39%;

  overflow: hidden;

}

.jszc_case_1 .cont_box .r_img img {

  display: block;

  width: 100%;

}

.jszc_case_2 {

  padding: 72px 0;

  background: #fbfbfb;

}

.jszc_case_2 .cont_box {

  display: flex;

  align-items: center;

  background: #fff;

}

.jszc_case_2 .cont_box .l_cont {

  width: 61%;

  padding-left: 165px;

  padding-right: 200px;

}

.jszc_case_2 .cont_box .l_cont .tle {

  font-size: 35px;

  color: #1cab5a;

  margin-bottom: 40px;

}

.jszc_case_2 .cont_box .l_cont .txt {

  font-size: 18px;

  line-height: 32px;

  color: #737373;

}

.jszc_case_2 .cont_box .l_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 195px;

  height: 60px;

  background: #0bc466;

  font-size: 16px;

  color: #ffffff;

  margin-top: 30px;

}

.jszc_case_2 .cont_box .l_cont .more_btn .arr {

  margin-left: 28px;

}

.jszc_case_2 .cont_box .r_img {

  width: 39%;

}

.jszc_case_2 .cont_box .r_img img {

  display: block;

  width: 100%;

}

.jszc_search_head {

  padding: 85px 0 75px;

  background: #f8f8f8;

  text-align: center;

}

.jszc_search_head h2 {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 15px;

}

.jszc_search_head p {

  font-size: 14px;

  color: #999999;

}

.jszc_search_head .search_int {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 886px;

  margin: 64px auto 0;

  border-radius: 10px;

  overflow: hidden;

  background: #fff;

}

.jszc_search_head .search_int input {

  width: 784px;

  height: 70px;

  background: #fff;

  padding-left: 20px;

  box-sizing: border-box;

  border: none;

  font-size: 16px;

}

.jszc_search_head .search_int .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: calc(100% - 784px);

  height: 100%;

  height: 70px;

  border-radius: 10px;

  background: #01b55a;

}

.jszc_search_head .search_int .btn img {

  width: 33px;

}

.jszc_down_detail {

  padding: 30px 0;

}

.jszc_down_detail .deta_last {

  margin-bottom: 70px;

}

.jszc_down_detail .deta_last .title {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 30px;

}

.jszc_down_detail .deta_last .last_dl {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.jszc_down_detail .deta_last .last_dl .dl {

  width: calc(100% / 5);

  text-align: center;

}

.jszc_down_detail .deta_last .last_dl .dl .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 70px;

}

.jszc_down_detail .deta_last .last_dl .dl .tis_i img {

  height: 100%;

}

.jszc_down_detail .deta_last .last_dl .dl p {

  font-size: 20px;

  color: #373737;

  padding: 15px 0;

}

.jszc_down_detail .deta_last .deta_null {

  text-align: center;

  padding: 25px 0;

  font-size: 20px;

  color: #999999;

}

.jszc_down_detail .deta_last:last-child {

  margin-bottom: 0;

}

.jszc_faq_content {

  padding: 100px 0;

  background: #fbfbfb;

}

.jszc_faq_content .cont_box {

  display: block;

  width: 960px;

  margin: 0 auto;

}

.jszc_faq_content .title_head {

  text-align: center;

  margin-bottom: 80px;

}

.jszc_faq_content .title_head h2 {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 15px;

}

.jszc_faq_content .title_head p {

  font-size: 16px;

  color: #999999;

}

.jszc_faq_content .zx_btn{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 46px;

  background: #1cab5a;

  font-size: 18px;

  color: #fff;

  margin:20px auto;

}

.jszc_faq_content .zx_btn img{

  margin-left: 12px;

}

.jszc_faq_content .faq_last {

  margin-bottom: 4px;

}

.jszc_faq_content .faq_last .title_dt {

  display: flex;

  align-items: center;

  padding: 14px 30px;

  background: #ececec;

  font-size: 20px;

  color: #373737;

}

.jszc_faq_content .faq_last .title_dt .arr {

  margin-right: 20px;

  transform: rotate(180deg);

  margin-right: 10px;

}

.jszc_faq_content .faq_last .det_cont {

  display: none;

  border: 1px solid #60d097;

  border-top: 0px;

  font-size: 16px;

  color: #737373;

}

.jszc_faq_content .faq_last.active .title_head .arr {

  transform: rotate(0);

}

.jszc_faq_content .faq_last.active .det_cont {

  display: block;

  padding: 18px 24px;

  min-height: 100px;

}

/******解决方案*******/

.jjfa_case_1 {

  padding: 70px 0;

}

.jjfa_case_1 .title {

  font-size: 26px;

  color: #1cab5a;

  text-align: center;

  margin-bottom: 30px;

}

.jjfa_case_1 .txt {

  font-size: 16px;

  line-height: 32px;

  color: #555555;

  text-align: center;

}

.jjfa_case_2 {

  padding: 80px 0;

}

.jjfa_case_2 .title {

  font-size: 26px;

  color: #1cab5a;

  text-align: center;

  margin-bottom: 30px;

}

.jjfa_case_2 .cont_box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.jjfa_case_2 .cont_box .l_img {

  width: 540px;

  display: flex;

  align-items: flex-start;

  justify-content: center;

}

.jjfa_case_2 .cont_box .l_img img {

  max-width: 100%;

  margin-bottom: 20px;

}

.jjfa_case_2 .cont_box .r_cont {

  width: calc(100% - 540px);

  padding: 0 40px;

}

.jjfa_case_2 .cont_box .r_cont p {

  font-size: 16px;

  color: #737373;

  margin-bottom: 24px;

  line-height: 24px;

}

.jjfa_case_3 .tis_title_head {

  padding: 60px 0;

  text-align: center;

  font-size: 26px;

  color: #1cab5a;

  background: #f6f6f6;

}

.jjfa_case_3 .progra_last {

  display: none;

  max-width: 1300px;

  width: 100%;

  margin: 0 auto;

}

.jjfa_case_3 .progra_last .list_cont {

  position: relative;

  background: #000;

  width: calc(60% / 6);

  overflow: hidden;

  transition: all 0.8s;

}

.jjfa_case_3 .progra_last .list_cont .bg {

  display: block;

  height: 100%;

  opacity: 0.28;

}

.jjfa_case_3 .progra_last .list_cont .bit_deta {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  transition: all 0.8s;

  opacity: 0;

  text-align: center;

}

.jjfa_case_3 .progra_last .list_cont .bit_deta h2 {

  font-size: 32px;

  font-weight: bold;

  color: #ffffff;

  margin-bottom: 20px;

}

.jjfa_case_3 .progra_last .list_cont .bit_deta p {

  width: 340px;

  margin: 0 auto;

  font-size: 16px;

  line-height: 24px;

  color: #ffffff;

  margin-bottom: 40px;

}

.jjfa_case_3 .progra_last .list_cont .bit_deta .more_btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 185px;

  height: 55px;

  background: #0bc466;

  padding: 0 22px;

  font-size: 15px;

  color: #fff;

  margin: 0 auto;

}

.jjfa_case_3 .progra_last .list_cont .tis_tips {

  position: absolute;

  bottom: 50px;

  left: 0;

  width: 100%;

  transition: all 0.8s;

}

.jjfa_case_3 .progra_last .list_cont .tis_tips .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 80px;

}

.jjfa_case_3 .progra_last .list_cont .tis_tips .tle {

  text-align: center;

  font-size: 24px;

  color: #fff;

  margin-top: 20px;

}

.jjfa_case_3 .progra_last .list_cont.active {

  width: 40%;

}



.jjfa_case_3 .progra_last .list_cont.active .bg {

  opacity: 1;

}

.jjfa_case_3 .progra_last .list_cont.active .bit_deta {

  bottom: 50px;

  opacity: 1;

}

.jjfa_case_3 .progra_last .list_cont.active .tis_tips {

  bottom: 0;

  opacity: 0;

}

.jjfa_case_3 .detimg_last{

  display: flex;

  flex-wrap: wrap;

}

.jjfa_case_3 .detimg_last .list{

  width: 50%;

  height: 320px;

  position: relative;

  transition: all 0.8s;

}

.jjfa_case_3 .detimg_last .list img{

  display: block;

  width: 100%;

  height: 100%;

}

.jjfa_case_3 .detimg_last .list .tle{

  position: absolute;

  bottom:0;

  left:0;

  width: 100%;

  padding:14px 10px;

  background: rgba(0,0,0,0.5);

  font-size:20px;

  color:#fff;

}

.jjfa_case_3 .detimg_last .list:hover{

  transform: translateY(-20px);

  z-index: 2;

}

.jjfa_case_3 .detimg_last .list:hover .tle{

  background: rgba(1,181,90,0.5);

}

.jjfa_det_1 {

  padding: 85px 0 65px;

}

.jjfa_det_1 .contain {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.jjfa_det_1 .l_cont {

  width: 48%;

}

.jjfa_det_1 .l_cont h2 {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 40px;

}

.jjfa_det_1 .l_cont p {

  font-size: 16px;

  line-height: 35px;

  color: #555555;

}

.jjfa_det_1 .r_img {

  width: 48%;

}

.jjfa_det_1 .r_img img {

  display: block;

  width: 100%;

}

.jjfa_det_2 {

  padding: 35px 0;

  background: #fafafa;

}

.jjfa_det_2 .contain {

  display: flex;

  flex-wrap: wrap;

}

.jjfa_det_2 .list_cont {

  width: calc(97% / 4);

  margin-right: 1%;

  padding: 70px 20px 110px;

  background: #fff;

  border-top: 5px solid #0bc466;

}

.jjfa_det_2 .list_cont:last-child {

  margin-right: 0;

}

.jjfa_det_2 .list_cont .tis_title {

  text-align: center;

  margin-bottom: 26px;

}

.jjfa_det_2 .list_cont .tis_title h2 {

  font-size: 20px;

  color: #0bc466;

  margin-bottom: 10px;

}

.jjfa_det_2 .list_cont .tis_title p {

  font-size: 16px;

  color: #0bc466;

}

.jjfa_det_2 .list_cont .txt_box {

  font-size: 14px;

  line-height: 28px;

  color: #999999;

}

.jjfa_det_3 {

  padding: 60px 0;

}

.jjfa_det_3 .title_head {

  text-align: center;

  margin-bottom: 36px;

  font-size: 35px;

  color: #1cab5a;

}

.jjfa_det_3 .last_cont {

  display: flex;

  flex-wrap: wrap;

}

.jjfa_det_3 .last_cont .list {

  width: 32%;

  margin-right: 2%;

  border: 1px solid #f1f1f1;

}

.jjfa_det_3 .last_cont .list:nth-child(3n) {

  margin-right: 0;

}

.jjfa_det_3 .last_cont .list .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}

.jjfa_det_3 .last_cont .list .tis_i img {

  display: block;

  width: 100%;

}

.jjfa_det_3 .last_cont .list .det_cont {

  width: 100%;

  padding: 28px 20px;

}

.jjfa_det_3 .last_cont .list .det_cont .tips {

  font-size: 16px;

  color: #373737;

  margin-bottom: 8px;

}

.jjfa_det_3 .last_cont .list .det_cont .tle {

  font-size: 22px;

  color: #0bc466;

  margin-bottom: 18px;

}

.jjfa_det_3 .last_cont .list .det_cont .txt {

  font-size: 14px;

  line-height: 24px;

  color: #737373;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.jjfa_det_3 .last_cont .list .det_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 158px;

  height: 50px;

  border: 1px solid #b8ead1;

  font-size: 14px;

  color: #01b55a;

  margin-top: 24px;

}

.xfjh_last_cont{

  display: flex;

  flex-wrap: wrap;

}

.xfjh_last_cont .list_cont{

  width: calc((100% - 120px)/4);

  margin:0 15px;

  padding:10px 10px 15px 10px;

  border:1px solid #f3f3f3;

  background: #fff;

  transition: all 0.7s;

}

.xfjh_last_cont .list_cont:hover{

  transform: translateY(-30px);

}

.xfjh_last_cont .list_cont .tis_i{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 166px;

}

.xfjh_last_cont .list_cont .tis_i img{

  max-width: 60%;

}

.xfjh_last_cont .list_cont .det_cont{

  margin:5px 0 0;

  text-align: center;

}

.xfjh_last_cont .list_cont .title{



}

.xfjh_last_cont .list_cont .title h2{

  display: block;

  text-align: center;

  line-height: 38px;

  font-size: 20px;

  color: #2aa515;

}

.xfjh_last_cont .list_cont .title p{

  width: 100%;

  display: block;

  line-height: 20px;

  color: #2aa515;

  font-size: 16px;

  text-align: center;

  padding: 0 0 6px 0;

}

.xfjh_last_cont .list_cont .txt{

  line-height: 20px;

  word-break: break-all;

  color: #8c8c8c;

  font-size: 14px;

}

.jjfa_contain_main{

  padding:50px 0 0;

}

.jjfa_contain_main .last_cont{

  display: flex;

  justify-content: flex-end;

  position: relative;

  margin:0 auto 100px;

}

.jjfa_contain_main .last_cont .l_cont{

  width: 70%;

}

.jjfa_contain_main .last_cont .l_cont img{

  display: block;

  width: 100%;

}

.jjfa_contain_main .last_cont .det_cont{

  position: absolute;

  padding: 50px;

  width: 40%;

  box-shadow: 0 0 10px #ccc;

  background-color: #fff;

  left:0;

  top: 50%;

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

  box-sizing: border-box;

  border-radius: 5px;

  background: url(../i/solution05.jpg);

  background-size: 100% 100%;

  transition: all 0.8s;

}

.jjfa_contain_main .last_cont .det_cont h2{

  font-size: 30px;

  color: #1cab5a;

  padding: 20px 0rem;

}

.jjfa_contain_main .last_cont .det_cont .btn{

  display: inline-block;

  box-sizing: border-box;

  padding: 10px 20px;

  font-size: 18px;

  color: #fff;

  background-color: #1cab5a;

  border-radius: 5px;

  cursor: pointer;

}

.jjfa_contain_main .last_cont .det_cont .i{

  position: absolute;

  right: 20px;

  top:50%;

  transform: translateY(-50%);

  width: 80px;

  opacity: 0;

  transition: all 0.8s;

}

.jjfa_contain_main .det_cont:hover{

 top: 46%;

}

.jjfa_contain_main .det_cont:hover .i{

  opacity: 1;

  transform: translateY(-50%) rotate(720deg);

}

.jjfa_contain_main .last_cont:nth-child(2n){

  justify-content: flex-start;

}

.jjfa_contain_main .last_cont:nth-child(2n) .det_cont{

  right: 0;

  left: auto;

}

/*****contact******/

.contact_case_1 {

  display: none;

  padding: 70px 0 120px;

}

.contact_case_1 .title {

  text-align: center;

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 38px;

}

.contact_case_1 .last_dl {

  display: flex;

  align-items: center;

  justify-content: center;

}

.contact_case_1 .last_dl .list {

  width: 30%;

  text-align: center;

}

.contact_case_1 .last_dl .list .tis_i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 72px;

  height: 72px;

  margin: 0 auto;

}

.contact_case_1 .last_dl .list .tle {

  font-size: 22px;

  color: #333333;

  margin-bottom: 10px;

}

.contact_case_1 .last_dl .list .txt {

  font-size: 16px;

  color: #737373;

}

.contact_case_2 {

  padding: 20px 0;

}

.contact_case_2 .contain {

  display: flex;

  justify-content: space-between;

}

.contact_case_2 .map_title {

  width: 50%;

}

.contact_case_2 .map_title h2 {

  font-size: 36px;

  font-weight: bold;

  color: #363636;

  margin-bottom: 10px;

}

.contact_case_2 .map_title h3 {

  font-size: 24px;

  font-weight: bold;

  color: #01b55a;

  margin-bottom: 6px;

}

.contact_case_2 .map_title p {

    font-size: 20px;

    color: #363636;

    padding: 10px 0;

}

.contact_case_2 .map_cont {

  width: 50%;

  height: 350px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.contact_case_2 .map_cont img {

  max-width: 100%;

  height: 100%;

}

.contact_cg_1 {

  padding: 80px 0;

}

.contact_cg_1 .title_head {

  text-align: center;

  margin-bottom: 20px;

}

.contact_cg_1 .title_head h2 {

  font-size: 35px;

  color: #1cab5a;

}

.contact_cg_1 .title_head p {

  font-size: 18px;

  color: #1cab5a;

}

.contact_cg_1 .int_form {

  display: flex;

  flex-wrap: wrap;

}

.contact_cg_1 .int_form .dl {

  width: 49%;

  margin-right: 2%;

}

.contact_cg_1 .int_form .dl:nth-child(2n) {

  margin-right: 0;

}

.contact_cg_1 .int_form .dl .dt {

  display: flex;

  align-items: center;

  font-size: 16px;

  color: #333;

  padding: 10px 0;

}

.contact_cg_1 .int_form .dl .dt em {

  color: #ff0000;

}

.contact_cg_1 .int_form .dl .dd {

  width: 100%;

}

.contact_cg_1 .int_form .dl .dd input,

.contact_cg_1 .int_form .dl .dd select {

  width: 100%;

  height: 42px;

  padding-left: 8px;

  border: 1px solid #d2d2d2;

  box-sizing: border-box;

}

.contact_cg_1 .int_form .dl .dd textarea {

  width: 100%;

  height: 120px;

  padding: 5px 8px;

  border: 1px solid #d2d2d2;

  box-sizing: border-box;

}

.contact_cg_1 .int_form .dl .dd .rad_dl {

  display: flex;

  align-items: center;

}

.contact_cg_1 .int_form .dl .dd .rad_dl .li {

  display: flex;

  align-items: center;

  margin-right: 10px;

}

.contact_cg_1 .int_form .dl .dd .rad_dl .li input {

  width: 22px;

  height: 22px;

  margin-right: 10px;

  border: 1px solid #333;

  border-radius: 100%;

}

.contact_cg_1 .int_form .dl.w100 {

  width: 100%;

  margin-right: 0;

}

.contact_cg_1 .int_form .int_code {

  display: flex;

  align-items: center;

  padding: 10px 0;

}

.contact_cg_1 .int_form .int_code .dt {

  display: flex;

  align-items: center;

  font-size: 16px;

  color: #333;

  width: 120px;

}

.contact_cg_1 .int_form .int_code .dt em {

  color: #ff0000;

}

.contact_cg_1 .int_form .int_code input {

  width: 426px;

  height: 42px;

  padding-left: 8px;

  border: 1px solid #d2d2d2;

  box-sizing: border-box;

}

.contact_cg_1 .int_form .int_code img {

  width: 90px;

  margin: 0 10px;

  display: none;

}

.contact_cg_1 .int_form .int_code .sub_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 120px;

  height: 42px;

  background: #888888;

  font-size: 15px;

  color: #fff;

}

/******news**********/

.news_content {

  padding: 50px 0;

}

.news_content .contain {

  padding: 0 2vw;

}

.news_content .news_title_head {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 40px;

}

.news_content .tis_hot_cont {

  display: flex;

  align-items: center;

  margin-bottom: 80px;

}

.news_content .tis_hot_cont .l_img {

  width: 418px;

  height: 276px;

}

.news_content .tis_hot_cont .l_img img {

  display: block;

  width: 100%;

  height: 100%;

}

.news_content .tis_hot_cont .r_cont {

  width: calc(100% - 418px);

  padding-left: 36px;

}

.news_content .tis_hot_cont .r_cont .time {

  font-size: 18px;

  color: #999999;

  margin-bottom: 10px;

}

.news_content .tis_hot_cont .r_cont .tle {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 24px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news_content .tis_hot_cont .r_cont .txt {

  font-size: 14px;

  line-height: 28px;

  color: #737373;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.news_content .tis_hot_cont .r_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 15px;

  color: #ffffff;

  width: 183px;

  height: 54px;

  background: #01b55a;

  border-radius: 5px;

  margin-top: 10px;

}

.news_content .tis_hot_cont .r_cont .more_btn .arr {

  margin-left: 30px;

}

.news_content .news_last .list_cont {

  padding: 58px 0;

  border-bottom: 1px solid #e3e3e3;

  display: flex;

  align-items: flex-start;

}

.news_content .news_last .list_cont .l_img {

  width: 242px;

  height: 135px;

}

.news_content .news_last .list_cont .l_img img {

  display: block;

  width: 100%;

  height: 100%;

}

.news_content .news_last .list_cont .r_cont {

  display: flex;

  align-items: flex-start;

  width: calc(100% - 242px);

  padding-left: 56px;

  transition: all 0.8s;

}

.news_content .news_last .list_cont .r_cont .time {

  width: 70px;

  font-size: 22px;

  color: #979797;

}

.news_content .news_last .list_cont .r_cont .deta {

  width: calc(100% - 70px);

  padding-left: 14px;

}

.news_content .news_last .list_cont .r_cont .deta h2 {

  font-size: 24px;

  color: #333333;

  margin-bottom: 14px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news_content .news_last .list_cont .r_cont .deta p {

  font-size: 14px;

  color: #737373;

  line-height: 24px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.news_content .news_last .list_cont .r_cont .deta .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 80px;

  height: 34px;

  background: #069914;

  border-radius: 5px;

  font-size: 12px;

  color: #fff;

  margin-top: 10px;

}

.news_content .news_last .list_cont:last-child {

  border-bottom: 0;

}

.news_content .news_last .list_cont:hover .r_cont {

  padding-left: 80px;

}

.news_detail_cont {

  padding: 50px 2vw;

}

.news_detail_cont .title_cont {

  text-align: center;

}

.news_detail_cont .title_cont .tle {

  padding: 32px 0;

  border-bottom: 1px solid #e0e0e0;

}

.news_detail_cont .title_cont .txt {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 20px 0;

}

.news_detail_cont .title_cont .txt span {

  padding: 0 20px;

  font-size: 15px;

  color: #737373;

}

.news_detail_cont .detail_cont h2 {

  font-size: 25px;

  color: #09b960;

  padding: 14px 0;

}

.news_detail_cont .detail_cont p {

  font-size: 17px;

  line-height: 32px;

  color: #737373;

}

.news_detail_cont .bit_seet_cont {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 60px 0;

}

.news_detail_cont .bit_seet_cont .l_cont .li {

  display: block;

  font-size: 17px;

  color: #302f2f;

  padding: 10px 0;

}

.news_detail_cont .bit_seet_cont .return_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 55px;

  border-radius: 5px;

  background: #0bc466;

}

.news_detail_cont .bit_seet_cont .return_btn img {

  width: 27px;

}

/************************/

.answer_content_box {

  padding: 50px 0;

}

.answer_content_box .answer_title_head {

  font-size: 26px;

  color: #1cab5a;

  margin-bottom: 30px;

}

.answer_content_box .tis_content {

  margin-bottom: 60px;

}

.answer_content_box .tis_content .deta_cont {

  display: flex;

  align-items: center;

  border: 1px solid #f1f1f1;

}

.answer_content_box .tis_content .deta_cont .l_cont {

  width: 580px;

}

.answer_content_box .tis_content .deta_cont .l_cont img {

  display: block;

  width: 100%;

}

.answer_content_box .tis_content .deta_cont .r_cont {

  width: calc(100% - 580px);

  padding: 0 60px;

}

.answer_content_box .tis_content .deta_cont .r_cont .tis {

  font-size: 18px;

  color: #373737;

  margin-bottom: 12px;

}

.answer_content_box .tis_content .deta_cont .r_cont .tle {

  font-size: 33px;

  color: #01b55a;

  margin-bottom: 25px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.answer_content_box .tis_content .deta_cont .r_cont .txt {

  font-size: 16px;

  line-height: 26px;

  color: #737373;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.answer_content_box .tis_content .deta_cont .r_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 184px;

  height: 54px;

  background: #01b55a;

  font-size: 15px;

  color: #ffffff;

  margin-top: 20px;

}

.answer_content_box .tis_content .deta_cont .r_cont .more_btn .arr {

  margin-left: 14px;

}

.answer_content_box .bit_content .last_cont {

  display: flex;

  flex-wrap: wrap;

}

.answer_content_box .bit_content .last_cont .answer_list {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 20px;

  border: 1px solid #f1f1f1;

}

.answer_content_box .bit_content .last_cont .answer_list:nth-child(3n) {

  margin-right: 0;

}

.answer_content_box .bit_content .last_cont .answer_list .tis_i {

  display: block;

  width: 100%;

  height: 280px;

}

.answer_content_box .bit_content .last_cont .answer_list .tis_i img {

  display: block;

  width: 100%;

  height: 100%;

}

.answer_content_box .bit_content .last_cont .answer_list .det_cont {

  padding: 26px 22px 42px;

}

.answer_content_box .bit_content .last_cont .answer_list .det_cont .tis {

  font-size: 16px;

  color: #373737;

  margin-bottom: 12px;

}

.answer_content_box .bit_content .last_cont .answer_list .det_cont .tle {

  font-size: 22px;

  color: #01b55a;

  margin-bottom: 25px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.answer_content_box .bit_content .last_cont .answer_list .det_cont .txt {

  font-size: 14px;

  line-height: 26px;

  color: #737373;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.answer_content_box .bit_content .last_cont .answer_list .det_cont .more_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 158px;

  height: 50px;

  border: 1px solid #01b55a;

  font-size: 14px;

  color: #01b55a;

  margin-top: 20px;

}

.answer_detail_cont {

  padding: 65px 0;

}

.answer_detail_cont .det_cont {

  display: block;

  width: 960px;

  margin: 0 auto;

}

.answer_detail_cont .det_cont .title_head {

  text-align: center;

  margin-bottom: 30px;

}

.answer_detail_cont .det_cont .title_head p {

  font-size: 18px;

  color: #01b55a;

  margin-bottom: 20px;

}

.answer_detail_cont .det_cont .title_head h2 {

  font-size: 36px;

  color: #333333;

}

.answer_detail_cont .det_cont .img {

  display: block;

  width: 870px;

  margin: 0 auto 20px;

}

.answer_detail_cont .det_cont .img img {

  display: block;

  width: 100%;

}

.answer_detail_cont .det_cont .txt_cont {

  font-size: 16px;

  line-height: 32px;

  color: #737373;

}

.answer_detail_cont .det_cont .bit_seet {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.answer_detail_cont .det_cont .bit_seet .return_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 55px;

  border-radius: 10px;

  background: #0bc466;

}

.answer_detail_cont .det_cont .bit_seet .return_btn img {

  width: 27px;

}

/***********phone************/



/*******7.17******/

.search_contain {

  padding: 20px 0;

}

.search_contain .search_int {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 30px;

}

.search_contain .search_int input {

  width: 267px;

  height: 35px;

  padding-left: 15px;

  font-size: 16px;

  color: #333;

  box-sizing: border-box;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border: 1px solid #f1f1f1;

  border-right: none;

}

.search_contain .search_int .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 35px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  background: #01b55a;

}

.search_contain .search_int .btn img {

  width: 22px;

}

.search_contain .search_result_cont {

  width: 100%;

}

.search_contain .search_result_cont .thead {

  display: flex;

  align-items: center;

  background: #FBFAFB;

}

.search_contain .search_result_cont .thead .th {

  padding: 10px;

  font-size: 16px;

  color: #333333;

  word-break: break-all;

}

.search_contain .search_result_cont .thead .th:nth-child(1) {

  width: 50%;

}

.search_contain .search_result_cont .thead .th:nth-child(2) {

  width: 180px;

}

.search_contain .search_result_cont .tbody .tr {

  display: flex;

  align-items: center;

  cursor: pointer;

}

.search_contain .search_result_cont .tbody .tr .td {

  padding: 10px;

  font-size: 16px;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.search_contain .search_result_cont .tbody .tr .td:nth-child(1) {

  width: 50%;

}

.search_contain .search_result_cont .tbody .tr .td:nth-child(2) {

  width: 180px;

  font-size: 12px;

  color: #999;

}

.search_contain .search_result_cont .tbody .tr .td:nth-child(3) {

  font-size: 12px;

  color: #999;

}

.search_contain .search_result_cont .tbody .tr:hover .td {

  color: #0067ac;

}



/***********phone************/

.phone_show {

  display: none;

}

@media (max-width: 720px) {

  .phone_show {

    display: block;

  }

  .contain {

    max-width: 100%;

    width: 100%;

    padding: 0 10px;

    position: relative;

  }

  .phone_mene_bg {

    display: block;

    position: fixed;

    right: -100%;

    top: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.6);

    z-index: 14;

    transition: all 0.8s;

  }

  .phone_mene_bg.active {

    right: 0;

  }

  .pulic_header_cont {

    padding: 2rem 0;

  }

  .pulic_header_cont .logo img {

    height: 2rem;

  }

  .pulic_header_cont .navi_cont {

    display: none;

  }

  .pulic_header_cont .r_cont {

    display: none;

  }

  .pulic_header_cont .phone_menu_btn {

    width: 3rem;

    height: 2.4rem;

    position: relative;

  }

  .pulic_header_cont .phone_menu_btn .line {

    display: block;

    width: 100%;

    height: 4px;

    border-radius: 100px;

    background: #0bc466;

    position: absolute;

    transition: all 0.8s;

  }

  .pulic_header_cont .phone_menu_btn .line:nth-child(1) {

    top: 0;

    left: 0;

  }

  .pulic_header_cont .phone_menu_btn .line:nth-child(2) {

    top: 50%;

    left: 0;

    transform: translateY(-50%);

  }

  .pulic_header_cont .phone_menu_btn .line:nth-child(3) {

    bottom: 0;

    left: 0;

  }

  .pulic_header_cont .phone_menu_btn.active .line:nth-child(1) {

    top: 50%;

    transform: translateY(-50%) rotate(-226deg);

  }

  .pulic_header_cont .phone_menu_btn.active .line:nth-child(2) {

    width: 0;

  }

  .pulic_header_cont .phone_menu_btn.active .line:nth-child(3) {

    top: 50%;

    transform: translateY(-50%) rotate(226deg);

  }

  .phone_mene_cont {

    display: block;

    position: fixed;

    top: 0;

    left: -50%;

    width: 50%;

    height: 100vh;

    background: #fff;

    padding: 1rem;

    overflow-y: scroll;

    z-index: 15;

    transition: all 0.8s;

  }

  .phone_mene_cont .li {

    padding: 1rem;

  }

  .phone_mene_cont .li .tle {

    font-size: 1.3rem;

    color: #333;

    font-weight: bold;

  }

  .phone_mene_cont .bit_dl {

    padding-left: 2rem;

  }

  .phone_mene_cont .bit_dl .dd {

    display: block;

    padding: 0.5rem 0;

    font-size: 1.2rem;

  }

  .phone_mene_cont.active {

    left: 0;

  }

  .index_baner_box {

    height: 24rem;

  }

  .index_baner_box .masker.masker1 {

    height: 100%;

  }

  .index_baner_box .swiper-slide .contain {

    padding: 0 4rem;

  }

  .index_baner_box .swiper-slide .bg {

    width: 150%;

    margin: 0 auto;

    height: 100%;

  }

  .index_baner_box .swiper-slide .title_head {

    margin-bottom: 1rem;

  }

  .index_baner_box .swiper-slide .title_head h2 {

    font-size: 1.5rem;

  }

  .index_baner_box .swiper-slide .title_head p {

    font-size: 1.2rem;

  }

  .index_baner_box .swiper-slide .txt {

    font-size: 1.2rem;

  }

  .index_baner_box .swiper-slide .det_btn {

    width: 12rem;

    height: 4rem;

    margin-top: 1rem;

    font-size: 1.2rem;

  }

  .index_baner_box .swiper-slide .cont_box {

    width: 100%;

    left: 0;

    padding-top: 4rem;

  }

  .index_baner_box .index_baner_arr img {

    width: 1.5rem;

  }

  .index_baner_box .swiper-pagination-bullet {

    width: 1rem;

    height: 1rem;

  }

  .index_case_1 {

    padding: 1rem 0 2rem;

  }

  .index_case_1 .pro_case_cont {

    flex-wrap: wrap;

  }

  .index_case_1 .pro_case_cont .last_cont {

    width: 50%;

    height: 30rem;

  }

  .index_case_1 .pro_case_cont .last_cont .pro_det {

    padding: 1rem;

  }

  .index_case_1 .pro_case_cont .last_cont .pro_det .pro_logo {

    width: 2.5rem;

    opacity: 1;

  }

  .index_case_1 .pro_case_cont .last_cont .pro_det .title {

    font-size: 1.6rem;

  }

  .index_case_1 .pro_case_cont .last_cont .pro_det p {

    font-size: 1.4rem;

  }

  .index_case_1 .pro_case_cont .last_cont.active .pro_det {

    padding: 1rem;

  }

  .index_pulic_title {

    padding: 2rem 0;

  }

  .index_pulic_title h2 {

    font-size: 1.8rem;

  }

  .index_pulic_title p {

    font-size: 1.4rem;

  }

  .index_case_2 .progra_last {

    flex-wrap: wrap;

  }

  .index_case_2 .progra_last .list_cont {

    width: 50%;

    height: 36rem;

  }

  .index_case_2 .progra_last .list_cont .bit_deta h2 {

    font-size: 1.8rem;

  }

  .index_case_2 .progra_last .list_cont .bit_deta p {

    font-size: 1.4rem;

    margin-bottom: 1rem;

    width: 100%;

  }

  .index_case_2 .progra_last .list_cont .bit_deta .more_btn {

    width: 80%;

    height: 4rem;

  }

  .index_case_2 .progra_last .list_cont.active {

    width: 50%;

  }

  .index_case_3 {

    max-width: 100%;

    padding: 2rem 0;

    flex-wrap: wrap;

  }

  .index_case_3 .txt_box {

    width: 100%;

    padding: 1rem;

    order: 2;

  }

  .index_case_3 .txt_box .title_head {

    margin-bottom: 1rem;

  }

  .index_case_3 .txt_box .title_head h2 {

    font-size: 1.6rem;

  }

  .index_case_3 .txt_box .txt p {

    font-size: 1.2rem;

  }

  .index_case_3 .img_box {

    width: 100%;

    order: 1;

  }

  .index_case_4 {

    padding: 1rem 0;

  }

  .index_case_4 .news_content {

    flex-wrap: wrap;

    padding: 1rem 0;

  }

  .index_case_4 .news_content .l_cont {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

  }

  .index_case_4 .news_content .l_cont .news_hot_last {

    width: 100%;

    margin-bottom: 1rem;

  }

  .index_case_4 .news_content .l_cont .news_hot_last .tis_i img {

    height: 18rem;

  }

  .index_case_4 .news_content .l_cont .news_hot_last .det_cont {

    padding: 1rem;

  }

  .index_case_4 .news_content .l_cont .news_hot_last .det_cont .time {

    margin-bottom: 0.5rem;

  }

  .index_case_4 .news_content .l_cont .news_hot_last .det_cont .tle {

    font-size: 1.5rem;

  }

  .index_case_4 .news_content .l_cont .news_hot_last .det_cont .more_btn {

    margin-top: 1rem;

  }

  .index_case_4 .news_more_last {

    width: 100%;

  }

  .index_case_4 .news_more_last .list {

    padding: 1rem;

  }

  .index_case_4 .news_more_last .list .tle {

    font-size: 1.6rem;

  }

  .index_case_4 .news_more_last .list .time {

    margin-bottom: 0.5rem;

  }

  .pulic_foot_cont {

    padding: 2rem 1rem;

  }

  .pulic_foot_cont .contain {

    flex-wrap: wrap;

  }

  .pulic_foot_cont .logo {

    order: 1;

    margin: 0 auto 1rem;

  }

  .pulic_foot_cont .logo img {

    max-width: 10rem;

  }

  .pulic_foot_cont .navi_cont {

    order: 2;

    flex-wrap: wrap;

  }

  .pulic_foot_cont .navi_cont .last_box {

    width: 50%;

    margin: 0 0 1rem 0;

    padding: 1rem;

  }

  .pulic_foot_cont .navi_cont .last_box h2 {

    font-size: 1.6rem;

    margin-bottom: 1rem;

  }

  .pulic_foot_cont .navi_cont .last_box .li {

    font-size: 1.3rem;

    margin-bottom: 0.5rem;

  }

  .about_det_baner {

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .about_det_baner .bg {

    height: 24rem;

    width: 150%;

    margin: 0 auto;

  }

  .about_det_baner .cont_box {

    width: 80%;

    padding: 1rem;

  }

  .about_det_baner .cont_box .en {

    font-size: 1.6rem;

    margin-bottom: 0.5rem;

  }

  .about_det_baner .cont_box .cn {

    font-size: 1.4rem;

    margin-bottom: 0.5rem;

  }

  .about_det_baner .cont_box .txt {

    font-size: 1.2rem;

  }

  .pulic_maps_cont {

    font-size: 1.2rem;

    padding: 1.2rem 1rem;

  }

  .pulic_maps_cont .contain {

    flex-wrap: wrap;

  }

  .pulic_maps_cont .nav_dl {

    width: 100%;

    padding: 0;

    margin-bottom: 1rem;

    flex-wrap: wrap;

  }

  .pulic_maps_cont .nav_dl .li {

    margin-right: 1rem;

    margin-bottom: 1rem;

    font-size: 1.2rem;

  }

  .pulic_maps_cont .nav_dl .li:hover::after,

  .pulic_maps_cont .nav_dl .li.hover::after {

    bottom: -6px;

  }

  .about_gsjj_1 {

    padding: 1rem 0;

  }

  .about_gsjj_1 .contain {

    flex-wrap: wrap;

  }

  .about_gsjj_1 .contain .r_video {

    width: 100%;

    order: 1;

  }

  .about_gsjj_1 .contain .l_cont {

    width: 100%;

    order: 2;

  }

  .about_gsjj_1 .contain .l_cont .tle {

    font-size: 1.5rem;

    margin-bottom: 10px;

  }

  .about_gsjj_1 .contain .l_cont p {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .abouot_gsjj_2 {

    padding: 1rem 0;

  }

  .abouot_gsjj_2 .title_head {

    font-size: 1.5rem;

    margin-bottom: 2rem;

  }

  .abouot_gsjj_2 .last_cont {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 1rem;

  }

  .abouot_gsjj_2 .last_cont .list {

    width: 50%;

    height: 20rem;

    overflow: hidden;

  }

  .abouot_gsjj_2 .last_cont .list.active .deta_cont {

    display: none;

  }

  .abouot_gsjj_2 .deta_last .list_cont {

    width: 100%;

    margin-right: 0	;

    padding: 1rem;

  }

  .abouot_gsjj_2 .deta_last .list_cont .tis_i {

    width: 5rem;

    height: 5rem;

    margin-bottom: 1rem;

  }

  .abouot_gsjj_2 .deta_last .list_cont .tle {

    font-size: 1.5rem;

  }

  .abouot_gsjj_2 .deta_last .list_cont p {

    font-size: 1.2rem;

  }

  .abouot_gsjj_2 {

    padding: 2rem 0;

  }

  .about_gsjj_4 {

    padding: 2rem 0;

  }

  .about_gsjj_4 .title_head {

    margin-bottom: 1rem;

    font-size: 1.8rem;

  }

  .pulic_cont_baner .bg {

    height: 20rem;

  }

  .pulic_cont_baner .contain {

    padding-top: 0;

    display: flex;

    align-items: center;

  }

  .pulic_cont_baner .contain .title_head {

    margin-bottom: 1rem;

  }

  .pulic_cont_baner .contain .title_head h2 {

    font-size: 1.6rem;

  }

  .pulic_cont_baner .contain .title_head p {

    font-size: 1.2rem;

  }

  .product_center_1 {

    padding: 2rem 0;

  }

  .product_center_1 .tis_cont {

    margin-bottom: 2rem;

  }

  .product_center_1 .tis_cont h2 {

    font-size: 1.8rem;

  }

  .product_center_1 .tis_cont p {

    font-size: 1.2rem;

  }

  .product_center_1 .pro_case_cont {

    display: flex;

    flex-wrap: wrap;

    grid-column-gap:0;

  }

  .product_center_1 .pro_case_cont .last_cont {

    width: 50%;

    height: 30rem;

    flex-wrap: wrap;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_cont {

    width: 100% !important;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_det {

    padding: 1rem;

    width: 100% !important;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_det .pro_logo {

    width: 2.5rem;

    opacity: 1;

  }

  .product_center_1 .pro_case_cont .last_cont:nth-child(1) .pro_cont img{

    width: 15rem;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_det .title {

    font-size: 1.6rem;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_det p {

    font-size: 1.4rem;

  }

  .product_center_1 .pro_case_cont .last_cont.active .pro_det {

    padding: 1rem;

  }

  .product_center_1 .pro_case_cont .last_cont .pro_det .more_btn{

    width: 12rem;

    height: 3rem;

    font-size: 1.2rem;

    left: 1rem;

  }

  .product_center_1 .pro_case_cont .last_cont:nth-child(1):hover .pro_det .more_btn{

    bottom: -3.5rem;

  }

  .product_center_2 {

    padding: 2rem 0;

  }

  .product_center_2 .tis_title {

    font-size: 1.8rem;

    padding: 1rem 0;

  }

  .product_center_2 .tis_cont{

    margin-bottom: 2rem;

  }

  .product_center_2 .tis_cont h2{

    font-size:1.8rem;

  }

  .product_center_2 .deta_content{

    flex-wrap: wrap;

  }

  .product_center_2 .deta_content .l_cont{

    width: 100%;

    height: 32rem;

  }

  .product_center_2 .deta_content .r_cont{

    width: 100%;

  }

  .product_center_2 .deta_content .r_cont .last_cont{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    height: auto;

  }

  .product_center_2 .deta_content .r_cont .list{

    width: 50%;

    padding:1rem;

    flex-wrap: wrap;

  }

  .product_center_2 .deta_content .r_cont .list .vid{

    width: 100%;

    height: 10rem;

  }

  .product_center_2 .deta_content .r_cont .list .tle{

    width: 100%;

    padding:0.6rem 0;

    font-size:1.2rem;

  }

  .jjfa_contain_main{

    padding:2rem 0;

  }

  .jjfa_contain_main .last_cont{

    margin:0 auto 2rem;

    flex-wrap: wrap;

  }

  .jjfa_contain_main .last_cont .l_cont{

    width: 100%;

  }

  .jjfa_contain_main .last_cont .det_cont{

    width: 100%;

    padding:1rem;

    position: relative;

    top:0;

    transform: translateY(0);

  }

  .jjfa_contain_main .last_cont .det_cont h2{

    font-size:1.8rem;

    padding:1rem 0;

  }

  .jjfa_contain_main .last_cont .det_cont .btn{

    font-size:1.5rem;

    padding:0.5rem 1rem;

  }

  .jjfa_contain_main .last_cont .det_cont .i{

    display: none;

  }

  .contact_case_2{

    padding:1rem 0;

  }

  .contact_case_2 .contain{

    flex-wrap: wrap;

  }

  .contact_case_2 .map_title{

    width: 100%;

  }

  .contact_case_2 .map_cont{

    width: 100%;

    height: 40rem;

  }

  .product_pulic_file {

    margin-top: 2rem;

    padding: 2rem 0;

  }

  .product_pulic_file .file_list {

    width: 100%;

    padding: 1rem;

    margin-bottom: 1rem;

    margin-right: 0;

  }

  .product_pulic_file .file_list .tle {

    font-size: 1.6rem;

    margin-bottom: 0.5rem;

  }

  .product_pulic_file .file_list .txt {

    font-size: 1.4rem;

  }

  .product_pulic_file .file_list .more_btn {

    margin-top: 2rem;

    font-size: 1.2rem;

  }

  .jjfa_case_1 {

    padding: 2rem 0;

  }

  .jjfa_case_1 .title {

    margin-bottom: 1rem;

    font-size: 1.8rem;

  }

  .jjfa_case_1 .txt {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .jjfa_case_2 {

    padding: 2rem 0;

  }

  .jjfa_case_2 .title {

    margin-bottom: 1rem;

    font-size: 1.7rem;

  }

  .jjfa_case_2 .cont_box {

    flex-wrap: wrap;

  }

  .jjfa_case_2 .cont_box .l_img {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .jjfa_case_2 .cont_box .r_cont {

    width: 100%;

    padding: 1rem 0;

  }

  .jjfa_case_3 .tis_title_head {

    padding: 1rem 0;

    font-size: 1.8rem;

  }

  .jjfa_case_3 .progra_last {

    flex-wrap: wrap;

  }

  .jjfa_case_3 .progra_last .list_cont {

    width: 50%;

    height: 36rem;

  }

  .jjfa_case_3 .progra_last .list_cont .bit_deta h2 {

    font-size: 1.8rem;

  }

  .jjfa_case_3 .progra_last .list_cont .bit_deta p {

    font-size: 1.4rem;

    margin-bottom: 1rem;

    width: 100%;

  }

  .jjfa_case_3 .progra_last .list_cont .bit_deta .more_btn {

    width: 80%;

    height: 4rem;

  }

  .jjfa_case_3 .progra_last .list_cont.active {

    width: 50%;

  }

  .answer_content_box {

    padding: 2rem 0;

  }

  .answer_content_box .tis_content {

    margin-bottom: 2rem;

  }

  .answer_content_box .tis_content .answer_title_head {

    margin-bottom: 1rem;

    font-size: 1.5rem;

  }

  .answer_content_box .tis_content .deta_cont {

    flex-wrap: wrap;

  }

  .answer_content_box .tis_content .deta_cont .l_cont {

    width: 100%;

  }

  .answer_content_box .tis_content .deta_cont .r_cont {

    width: 100%;

    padding: 1rem;

  }

  .answer_content_box .tis_content .deta_cont .r_cont .tis {

    font-size: 1.5rem;

    margin-bottom: 0.5rem;

  }

  .answer_content_box .tis_content .deta_cont .r_cont .tle {

    font-size: 1.5rem;

    margin-bottom: 0.8rem;

  }

  .answer_content_box .tis_content .deta_cont .r_cont .txt {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .answer_content_box .tis_content .deta_cont .r_cont .more_btn {

    width: 15rem;

    height: 4rem;

  }

  .answer_content_box .bit_content .answer_title_head {

    font-size: 1.5rem;

    margin-bottom: 1rem;

  }

  .answer_content_box .bit_content .last_cont .answer_list {

    width: 100%;

    margin-right: 0;

  }

  .answer_content_box .bit_content .last_cont .answer_list .det_cont {

    padding: 1rem;

  }

  .answer_content_box .bit_content .last_cont .answer_list .det_cont .tis {

    font-size: 1.5rem;

    margin-bottom: 0.5rem;

  }

  .answer_content_box .bit_content .last_cont .answer_list .det_cont .tle {

    font-size: 1.5rem;

    margin-bottom: 0.8rem;

  }

  .answer_content_box .bit_content .last_cont .answer_list .det_cont .txt {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .answer_content_box .bit_content .last_cont .answer_list .det_cont .more_btn {

    width: 15rem;

    height: 4rem;

  }

  .jszc_case_1 {

    padding: 2rem 0;

  }

  .jszc_case_1 .cont_box {

    flex-wrap: wrap;

  }

  .jszc_case_1 .cont_box .l_cont {

    width: 100%;

    padding: 1rem;

    order: 2;

  }

  .jszc_case_1 .cont_box .l_cont .tle {

    font-size: 2rem;

    margin-bottom: 1.5rem;

  }

  .jszc_case_1 .cont_box .l_cont .txt {

    font-size: 1.4rem;

    line-height: 2.4rem;

  }

  .jszc_case_1 .cont_box .l_cont .more_btn {

    width: 15rem;

    height: 4rem;

  }

  .jszc_case_1 .cont_box .r_img {

    width: 100%;

    order: 1;

  }

  .jszc_case_2 {

    padding: 2rem 0;

  }

  .jszc_case_2 .cont_box {

    flex-wrap: wrap;

  }

  .jszc_case_2 .cont_box .l_cont {

    width: 100%;

    padding: 1rem;

    order: 2;

  }

  .jszc_case_2 .cont_box .l_cont .tle {

    font-size: 2rem;

    margin-bottom: 1.5rem;

  }

  .jszc_case_2 .cont_box .l_cont .txt {

    font-size: 1.4rem;

    line-height: 2.4rem;

  }

  .jszc_case_2 .cont_box .l_cont .more_btn {

    width: 15rem;

    height: 4rem;

  }

  .jszc_case_2 .cont_box .r_img {

    width: 100%;

    order: 1;

  }

  .news_content {

    padding: 1rem 0;

  }

  .news_content .news_title_head {

    font-size: 1.4rem;

    margin-bottom: 1rem;

  }

  .news_content .tis_hot_cont {

    flex-wrap: wrap;

    margin-bottom: 2rem;

  }

  .news_content .tis_hot_cont .l_img {

    width: 100%;

    height: 20rem;

  }

  .news_content .tis_hot_cont .r_cont {

    width: 100%;

    padding: 1rem;

  }

  .news_content .tis_hot_cont .r_cont .time {

    font-size: 1.3rem;

  }

  .news_content .tis_hot_cont .r_cont .tle {

    font-size: 1.5rem;

    margin-bottom: 0.5rem;

  }

  .news_content .tis_hot_cont .r_cont .txt {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .news_content .tis_hot_cont .r_cont .more_btn {

    width: 14rem;

    height: 4rem;

  }

  .news_content .news_last .list_cont {

    flex-wrap: wrap;

    padding: 1rem 0;

  }

  .news_content .news_last .list_cont .l_img {

    width: 100%;

    height: 20rem;

  }

  .news_content .news_last .list_cont .r_cont {

    width: 100%;

    padding: 1rem;

  }

  .news_content .news_last .list_cont .r_cont .deta h2 {

    font-size: 1.8rem;

  }

  .news_content .news_last .list_cont .r_cont .deta p {

    font-size: 1.4rem;

    line-height: 2.4rem;

  }

  .news_content .news_last .list_cont:hover .r_cont{

    padding:1rem 1rem 0 1rem;

  }

  .contact_case_1 {

    padding: 1rem 0;

    margin-bottom: 2rem;

  }

  .contact_case_1 .title {

    font-size: 1.6rem;

    margin-bottom: 1rem;

  }

  .contact_case_1 .last_dl {

    align-items: flex-start;

  }

  .contact_case_1 .last_dl .list .tis_i {

    width: 6rem;

    height: 6rem;

  }

  .contact_case_1 .last_dl .list .tis_i img {

    width: 3rem;

  }

  .contact_case_1 .last_dl .list .tle {

    font-size: 1.5rem;

  }

  .contact_case_1 .last_dl .list .txt {

    font-size: 1.2rem;

  }

  .contact_case_2 .map_title {

    padding: 2rem 0;

  }

  .contact_case_2 .map_title h2 {

    font-size: 1.4rem;

  }

  .contact_case_2 .map_title p {

    font-size: 1.6rem;

  }

  .contact_cg_1 {

    padding: 2rem 0;

  }

  .contact_cg_1 .title_head {

    margin-bottom: 1rem;

  }

  .contact_cg_1 .title_head h2 {

    font-size: 1.5rem;

  }

  .contact_cg_1 .title_head p {

    font-size: 1.2rem;

  }

  .contact_cg_1 .int_form .dl {

    width: 100%;

    margin-right: 0;

    margin-bottom: 1rem;

  }

  .contact_cg_1 .int_form .int_code input {

    width: 10rem;

  }

  .product_tabul {

    padding: 2rem 0;

  }

  .product_tabul .title_head {

    font-size: 1.8rem;

    margin-bottom: 1rem;

  }

  .product_tabul .pro_lsat .list {

    width: 49%;

    margin-right: 2% !important;

    margin-bottom: 1rem;

  }

  .product_tabul .pro_lsat .list:nth-child(2n) {

    margin-right: 0 !important;

  }

  .product_tabul .pro_lsat .list .tis_i {

    height: 18rem;

  }

  .product_tabul .pro_lsat .list .txt {

    padding: 1rem 0;

    font-size: 1.5rem;

  }

  .product_head_content {

    padding: 2rem 0;

  }

  .product_head_content .contain {

    flex-wrap: wrap;

  }

  .product_head_content .l_cont {

    width: 100%;

  }

  .product_head_content .l_cont .title {

    margin-bottom: 1rem;

    font-size: 1.8rem;

  }

  .product_head_content .l_cont .txt {

    font-size: 1.2rem;

    line-height: 2.4rem;

    margin-bottom: 2rem;

  }

  .product_head_content .l_cont .zx_btn {

    width: 14rem;

    height: 4rem;

    font-size: 1.4rem;

  }

  .product_head_content .product_head_baner {

    width: 100%;

    padding: 2rem 0;

  }

  .product_head_content .product_head_baner img {

    height: 12rem;

  }

  .product_deta_meter {

    padding: 1rem 0;

  }

  .product_deta_meter .tab_cont .tab_last {

    width: 100%;

    margin: 1rem auto;

  }

  .product_deta_meter .tab_cont .tab_last .thead .td {

    font-size: 1.4rem;

  }

  .product_deta_meter .tab_cont .tab_last .td {

    padding: 1rem;

    white-space: normal;

    word-wrap: break-word;

  }

  .product_deta_point {

    padding: 1rem 0;

  }

  .product_deta_point .point_last .dl {

    width: 100%;

  }

  .product_deta_title {

    font-size: 1.6rem;

    padding: 1rem 0;

  }

  .product_entry_baner {

    height: 24rem;

    display: flex;

    justify-content: center;

  }

  .product_entry_baner .bg {

    height: 100%;

    width: 150%;

  }

  .product_entry_baner .cont_box {

    width: 70%;

  }

  .product_entry_baner .cont_box .cont {

    flex-wrap: wrap;

  }

  .product_entry_baner .cont_box .cont .img {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 10rem;

  }

  .product_entry_baner .cont_box .cont .img img {

    display: block;

    height: 8rem;

  }

  .product_entry_baner .cont_box .cont .det_cont {

    width: 100%;

    padding: 1rem 0;

  }

  .product_entry_baner .cont_box .cont .det_cont .en {

    font-size: 1.8rem;

  }

  .product_entry_baner .cont_box .cont .det_cont .cn {

    font-size: 1.6rem;

  }

  .product_deta_appli {

    padding: 1rem 0;

  }

  .product_deta_appli .tis_cont {

    flex-wrap: wrap;

  }

  .product_deta_appli .tis_cont .list {

    width: 100%;

    margin: 1rem auto;

  }

  .product_deta_appli .tis_cont .list span {

    left: 20px;

    bottom: 20px;

    font-size: 2rem;

  }

  .product_deta_appli .det_last .dl_list {

    width: 100%;

    margin: 1rem auto;

  }

  .about_cxfz_1 {

    padding: 1rem 0;

  }

  .about_cxfz_1 .title_cont {

    margin-bottom: 1rem;

  }

  .about_cxfz_1 .title_cont .tle {

    font-size: 2rem;

    margin-bottom: 0.5rem;

  }

  .about_cxfz_1 .title_cont h2 {

    font-size: 1.8rem;

  }

  .about_cxfz_1 .title_cont p {

    font-size: 1.4rem;

  }

  .about_cxfz_1 .answer_deta .title_head {

    padding: 1rem 0;

    font-size: 1.8rem;

  }

  .about_cxfz_1 .answer_deta .last_cont {

    display: flex;

    flex-wrap: wrap;

  }

  .about_cxfz_1 .answer_deta .last_cont .list {

    width: 100%;

  }

  .about_cxfz_1 .answer_deta .last_cont .list .bit_tle h2 {

    font-size: 1.8rem;

  }

  .about_cxfz_1 .answer_deta .bits {

    padding: 1rem;

    font-size: 1.6rem;

  }

  .about_cxfz_1 .bit_deta_txt {

    margin: 1rem auto;

  }

  .about_cxfz_1 .bit_deta_txt h2 {

    font-size: 1.8rem;

  }

  .about_cxfz_1 .bit_deta_txt p {

    font-size: 1.5rem;

  }

  .rczp_detail_cont .tis_cont {

    padding: 1rem 0 0.5rem;

  }

  .rczp_detail_cont .tis_cont .cont {

    width: 100%;

  }

  .rczp_detail_cont .tis_cont .tle_head {

    font-size: 1.8rem;

    margin-bottom: 1rem;

  }

  .rczp_detail_cont .tis_cont .det_dl .tle {

    font-size: 1.6rem;

    margin-bottom: 1rem;

  }

  .rczp_detail_cont .tis_cont .det_dl .dl {

    flex-wrap: wrap;

  }

  .rczp_detail_cont .tis_cont .det_dl .dl .dd {

    font-size: 1.2rem;

    padding: 0rem 0.8rem;

    margin-bottom: 0.5rem;

  }

  .rczp_detail_cont .bit_cont {

    width: 100%;

    padding: 1rem;

  }

  .rczp_detail_cont .bit_cont .return_btn {

    margin: 2rem auto;

  }

  .about_rczp_1 {

    padding: 1rem 0;

  }

  .about_rczp_1 .title_head {

    font-size: 1.5rem;

    margin-bottom: 1rem;

  }

  .about_rczp_1 .last_cont {

    flex-wrap: wrap;

  }

  .about_rczp_1 .last_cont .list_box {

    width: 100%;

    margin-bottom: 1rem;

  }

  .about_rczp_1 .last_cont .list_box h2 {

    font-size: 1.8rem;

    margin-bottom: 0.4rem;

  }

  .about_rczp_1 .last_cont .list_box p {

    font-size: 1.4rem;

  }

  .about_rczp_2 {

    padding: 1rem 0;

  }

  .about_rczp_2 .list_box {

    width: 100%;

    margin-right: 0;

    margin-bottom: 1rem;

  }

  .about_rczp_2 .list_box .txt_box {

    padding: 1rem;

  }

  .about_rczp_2 .list_box .txt_box h2 {

    font-size: 1.4rem;

    margin-bottom: 0.4rem;

  }

  .about_rczp_2 .list_box .txt_box p {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .about_rczp_3 {

    padding: 1rem 0;

  }

  .about_rczp_3 .title_head {

    font-size: 1.8rem;

    margin-bottom: 1rem;

  }

  .about_rczp_3 .det_cont {

    width: 100%;

  }

  .about_rczp_3 .det_cont h2 {

    font-size: 1.2rem;

    margin-bottom: 0.4rem;

  }

  .about_rczp_3 .det_cont p {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .about_rczp_3 .img_cont {

    position: relative;

    width: 100%;

    top: 0;

    transform: translateY(0);

    padding: 1rem 0;

  }

  .about_rczp_3 .img_cont img {

    transform: translateX(0);

  }

  .about_rczp_4 {

    padding: 1rem 0;

  }

  .about_rczp_4 .title_head {

    margin-bottom: 1rem;

  }

  .about_rczp_4 .title_head h2 {

    font-size: 1.5rem;

  }

  .about_rczp_4 .title_head p {

    font-size: 1.2rem;

  }

  .about_rczp_4 .last_cont .list {

    width: 100%;

    margin: 0 0 1rem 0;

  }

  .about_rczp_4 .last_cont .list .tle {

    width: 100%;

    padding: 1rem;

    font-size: 1.3rem;

  }

  .about_rczp_4 .last_cont .list .det {

    padding: 1.3rem 0;

    font-size: 1.2rem;

  }

  .jszc_faq_content {

    padding: 2rem 1rem;

  }

  .jszc_faq_content .cont_box {

    width: 100%;

  }

  .jszc_faq_content .title_head {

    margin-bottom: 2rem;

  }

  .jszc_search_head {

    padding: 2rem 0;

  }

  .jszc_search_head h2 {

    font-size: 1.5rem;

  }

  .jszc_search_head p {

    font-size: 1.2rem;

  }

  .jszc_search_head .search_int {

    width: 100%;

    margin: 2rem auto 0;

  }

  .jszc_search_head .search_int .int {

    width: 80%;

    height: 4rem;

  }

  .jszc_search_head .search_int .int input {

    width: 100%;

    height: 100%;

  }

  .jszc_search_head .search_int .btn {

    width: 20%;

    height: 4rem;

    font-size: 1.5rem;

  }

  .jszc_search_head .search_int .btn img {

    width: 2rem;

  }

  .jszc_down_detail {

    padding: 1rem 0;

  }

  .jszc_down_detail .deta_last {

    margin-bottom: 1rem;

  }

  .jszc_down_detail .deta_last .title {

    font-size: 1.6rem;

    margin-bottom: 0.8rem;

  }

  .jszc_down_detail .deta_last .last_dl {

    flex-wrap: wrap;

  }

  .jszc_down_detail .deta_last .last_dl .dl {

    width: calc(100% / 3);

    padding: 0 1rem;

    margin-bottom: 1rem;

  }

  .jszc_down_detail .deta_last .last_dl .dl .tis_i {

    height: 6rem;

  }

  .jszc_down_detail .deta_last .last_dl .dl .tis_i img {

    width: 5rem;

    height: auto;

  }

  .jszc_down_detail .deta_last .last_dl .dl p {

    font-size: 1.2rem;

    padding: 0.5rem 0;

  }

  .jjfa_det_1 {

    padding: 1rem 0;

  }

  .jjfa_det_1 .contain {

    flex-wrap: wrap;

  }

  .jjfa_det_1 .l_cont {

    width: 100%;

    order: 2;

    padding: 1rem 0;

  }

  .jjfa_det_1 .l_cont h2 {

    font-size: 1.8rem;

    margin-bottom: 1rem;

  }

  .jjfa_det_1 .l_cont p {

    font-size: 1.4rem;

  }

  .jjfa_det_1 .r_img {

    order: 1;

    width: 100%;

  }

  .jjfa_det_2 {

    padding: 1rem 0;

  }

  .jjfa_det_2 .list_cont {

    width: 49%;

    margin-right: 2% !important;

    padding: 1rem ;

  }

  .jjfa_det_2 .list_cont:nth-child(2n) {

    margin-right: 0 !important;

  }

  .jjfa_det_2 .list_cont .tis_title {

    margin-bottom: 0.6rem;

  }

  .jjfa_det_2 .list_cont .tis_title h2 {

    font-size: 1.4rem;

  }

  .jjfa_det_2 .list_cont .tis_title p {

    font-size: 1.2rem;

  }

  .jjfa_det_2 .list_cont .txt_box {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .jjfa_det_3 {

    padding: 1rem 0;

  }

  .jjfa_det_3 .title_head {

    margin-bottom: 1.4rem;

    font-size: 1.4rem;

  }

  .jjfa_det_3 .last_cont .list {

    width: 100%;

    margin: 0 0 1rem 0;

  }

  .jjfa_det_3 .last_cont .list .det_cont {

    padding: 1rem;

  }

  .jjfa_det_3 .last_cont .list .det_cont .tips {

    font-size: 1.2rem;

  }

  .jjfa_det_3 .last_cont .list .det_cont .tle {

    font-size: 1.4rem;

  }

  .jjfa_det_3 .last_cont .list .det_cont .txt {

    font-size: 1.3rem;

  }

  .jjfa_det_3 .last_cont .list .det_cont .more_btn {

    width: 14rem;

    height: 4rem;

  }

  .news_detail_cont {

    padding: 2rem 1rem;

  }

  .news_detail_cont .title_cont .tle {

    font-size: 1.8rem;

    padding: 1rem 0;

  }

  .news_detail_cont .title_cont .txt {

    flex-wrap: wrap;

  }

  .news_detail_cont .title_cont .txt span {

    width: 100%;

    display: block;

  }

  .news_detail_cont .detail_cont h2 {

    font-size: 1.4rem;

    padding: 0.5rem 0;

  }

  .news_detail_cont .detail_cont p {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .news_detail_cont .bit_seet_cont {

    padding: 1.5rem 0;

  }

  .news_detail_cont .bit_seet_cont .l_cont .li {

    font-size: 1.2rem;

  }

  .news_detail_cont .bit_seet_cont .return_btn {

    width: 4rem;

    height: 4rem;

  }

  .news_detail_cont .bit_seet_cont .return_btn img {

    width: 2rem;

  }

  .answer_detail_cont {

    padding: 2rem 0;

  }

  .answer_detail_cont .det_cont {

    width: 100%;

  }

  .answer_detail_cont .det_cont .title_head {

    margin-bottom: 1rem;

  }

  .answer_detail_cont .det_cont .title_head h2 {

    font-size: 1.8rem;

  }

  .answer_detail_cont .det_cont .img {

    width: 100%;

  }

  .answer_detail_cont .det_cont .txt_cont {

    font-size: 1.2rem;

    line-height: 2.4rem;

  }

  .answer_detail_cont .det_cont .bit_seet {

    padding-top: 2rem;

  }

  .answer_detail_cont .det_cont .bit_seet .return_btn {

    width: 4rem;

    height: 4rem;

  }

  .answer_detail_cont .det_cont .bit_seet .return_btn img {

    width: 2rem;

  }
  .product_deta_meter .tab_cont{
    overflow-x: scroll;
  }
  .product_deta_meter .tab_cont img{
    width: 200%;
  }
  .product_deta_point .point_last{
    overflow-x: scroll;
  }
  .product_deta_point .point_last img{
    width: 200%;
  }
}