/*banner*/
.banner .swiper-slide img {
  width: 100%;
  max-height: 800px;
}
.swiper-wrapper {
  height: auto;
}
.swiper-pagination-bullet{ width: 16px; height: 16px; background: #fff; opacity: 1; }
.swiper-pagination-bullet-active{ background: #ff961d!important; }

.big-logo {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.index-intro{ padding-top: 45px;}
.index-intro video {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.index-intro .wrapper{ position: relative; }
.i-intro-pics{ width: 48%; border-radius: 10px; overflow: hidden;  }
.i-intro-pics img{ width: 100%;  }
.i-intro-prev,.i-intro-next{ background: none; }
.i-intro-prev i,.i-intro-next i{ font-size: 40px; color: #fff; }
.i-intro-prev{ left: 15px; transform: rotate(180deg); }
.i-intro-next{ right: 15px; }
.i-intro-txt{ width: 48%; position: absolute; right: 0; top: 50%; transform: translateY(-51%); }
.i-tit{ font-size: 36px; font-family: Nunito-Bold; line-height: 40px; }
.i-intro-txt strong{ color: #000; font-size: 30px; }
.i-intro-txt p{ font-size: 18px;  line-height: 1.8;  color: #666; margin: 22px 0; }
.i-intro-txt a{ display: inline-block; border-radius: 40px; transition: all 0.3s; padding: 12px 36px; font-size: 16px; font-family: Nunito-Bold; background: #ff961d; text-align: center; color: #fff; }


.index-pro{ padding-top: 60px; }
.i-tit{ text-align: center; font-size: 48px;  font-family: 'Nunito-Bold'; margin-top: 10px; }
.i-tit + p{ margin: 20px 0 30px; text-align: center; font-size: 16px; line-height: 24px; color: #666; font-family: Roboto-Light; }
.i-pro-swiper{ padding-bottom: 40px; }
.i-pro-swiper .swiper-slide{ position: relative; padding-left: 30px;}
.i-pro-swiper .swiper-slide a{ display: block; position: relative; overflow: hidden;  border-radius: 10px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%); }
.i-pro-swiper .txt{  position: absolute; text-align: center;  transition: all 0.5s; width: 100%; height: 100%; top: 0; left: -120%;  background: rgba(255,255,255, 0.9); color: #ff961d; }
.i-pro-swiper .txt::before{ content: ""; position: absolute; top: 12px; left: 18px; width: calc(100% - 36px); height: calc(100% - 24px); border: 1px solid #ff961d;}
.i-pro-swiper .txt h3{ font-size: 18px; font-family: Nunito-Bold; padding-bottom: 14px; position: relative; line-height: 320px;}
.i-pro-swiper .txt h3::before{ content: ""; position: absolute; bottom: 150px; left: 50%; margin-left: -27px; width: 54px; height: 4px; background: #ff961d; }
.i-pro-swiper .txt p{ margin-top: 20px; font-size: 14px; color: #fff; line-height: 21px; height: 63px; overflow: hidden; }
.i-pro-swiper .swiper-slide:hover .txt{ left: 0; }
.i-pro-pagi{ bottom: 0; }
.i-pro-pagi .swiper-pagination-bullet{ background: #0b80cd; }
.i-pro-pagi .swiper-pagination-bullet-active{ background: #ff961d; }

.index-cate h2,.index-choose h2{ margin-bottom: 30px; }
.index-cate{ padding: 60px 0 40px; background: #f1f5f8; }
.index-cate ul{ margin: 0 -1%; }
.index-cate li{ float: left; width: 25%; padding: 0 1%; margin-bottom: 2%; }
.index-cate li a{ display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%); }
.index-cate .pic{ overflow: hidden; }
.index-cate .pic img{ width: 100%; transition: all 0.3s; height: 240px; object-fit: cover;}
.index-cate .txt{ padding: 15px; }
.index-cate .txt h3{ font-size: 18px; font-family: Nunito-Bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-cate .txt p{ margin-top: 8px; font-size: 14px; line-height: 21px; height: 63px; overflow: hidden; color: #666; }
.index-cate .txt span{ color: #ff961d; margin-top: 10px; display: inline-block; font-size: 14px; font-family: Nunito-Bold; }
.index-cate li a:hover{ box-shadow: 0 1px 10px 0 rgb(47 77 155 / 50%); }
.index-cate li a:hover img{ transform: scale(1.15); }
.index-cate li a:hover .txt h3{ color: #ff961d; }

.index-choose{ padding: 60px 0; background: #fff;  }
.index-choose ul{ margin-top: -20px; display: flex; justify-content: space-between;}
.index-choose li{  text-align: center; margin-top: 40px; width: 33.3333%; }
.index-choose li .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.index-choose li .box-title{ position: relative; flex-shrink: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #ff961d; color: #fff; font-weight: 700;}
.index-choose li .box-title::before{ content: ""; position: absolute; width: 60px; height: 60px; left: -10px; top: -10px; border-radius: 50%; background-color: rgba(255,150,29,.4); }
.index-choose li .box-title span {position: relative;}
.index-choose li h3{ margin: 10px 0 10px 20px; font-size: 20px; text-align: left;}
.index-choose li:last-child h3,.index-choose li:last-child h3 p {
  text-align: right;
}
.index-choose li:last-child h3 {
  margin-left: 0;
  margin-right: 20px;
}
.index-choose li img {
  border-radius: 50%;
  border: 4px solid #ff961d;
}
.index-choose li h3 strong{ text-transform: uppercase;}
.index-choose li h3 p{ font-size: 16px; line-height: 1.5; margin-top: 10px;text-align: left; color: #666; font-weight: normal;}


.index-media{ padding: 60px 0; background: url(../images/process-bg.jpg) center no-repeat; background-size: cover;}
.index-media .i-tit{ margin-bottom: 40px; }
.i-m-video{ position: relative; width: 48%; height: 500px; background: #f0f0f0; }
.i-m-video video,
.i-m-video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.i-m-news{ width: 50%; }
.i-m-news li{ position: relative; background: #00a8e7; padding: 22px 54px 34px 115px; border-radius: 10px; color: #fff; margin-bottom: 10px;  }
.i-m-news li:nth-child(2){ background: #db3633; }
.i-m-news li:nth-child(3){ background: #e99534; }
.i-m-news .date{ text-align: center; position: absolute; left: 25px; top: 43%; transform: translateY(-50%); }
.i-m-news .day{ font-size: 60px; display: block; height: 60px; line-height: 60px; font-family: Nunito-Bold;}
.i-m-news .ym{ font-size: 17px; font-style: normal; font-family: Nunito-Bold;}
.i-m-news h3{ font-size: 18px; line-height: 22px; height: 44px; text-overflow: initial; white-space: normal; }
.i-m-news .txt p{ height: 48px; line-height: 24px; margin-top: 10px; font-family: Roboto-Light; }


/*page-about*/
.l-banner{ position: relative; text-align: center; }
.l-banner .txt{ width: 100%; position: absolute; top: 35%; color: #fff; left: 0; text-align: center;}
.l-banner h2{ font-size: 48px; padding: 0 16px; display: inline-block; transform-style: preserve-3d; position: relative; text-transform: capitalize; font-family: Nunito-Bold; margin-bottom: 10px; color: #fff; }
.l-banner h2:before { content: ""; z-index: -1; position: absolute; bottom: 8px; left: 0; border-radius: 20px; width: 100%; height: 20px; background: #ff961d;}
.l-banner .crumbs{  color: #fff; font-family: Roboto-Bold; font-size: 16px;}
.l-banner .crumbs svg{ width: 20px; height: 20px; fill: #ff961d; position: relative; top: 3px;  }

.p-a-zhengshu{ position: relative; padding: 50px 0;  margin-top: 60px;}
.p-a-zhengshu::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../images/p-a-zhengshu-bg.jpg) fixed no-repeat; background-size: cover; }
.zs-swiper .swiper-slide{ width: 25%; padding: 0 15px; }
.zs-swiper .swiper-slide img{ box-shadow: 0 10px 10px 0 rgb(0 0 0 / 20%); }
.zs-prev,.zs-next{ width: 50px; height: 50px; text-align: center; background: #fff; border-radius: 50%;  box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%); }
.zs-prev i,.zs-next i{ color: #0071c1; font-size: 24px; line-height: 50px; font-weight: bold; }


/*list-pro*/
.l-pro{ padding: 50px 0; }
.left{ width: 290px; margin-right: 24px; }
.left h2{ position: relative; padding: 0 13px 20px 13px; font-size: 29px; font-family: Nunito-Bold; }
/* .left h2::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 30%; height: 5px; border-radius: 30px; background: #ff961d; } */
.left-links a{ display: block; position: relative; background: #0b80cd url(../images/pro-arrow.png) no-repeat 10px center; padding: 18px 50px 18px 0; border-bottom: 1px solid #e8e8e8; background-size: 30px;padding-left: 50px;color: #fff;margin-bottom: 10px;border-radius: 10px;}
.left-links a.on{
  background-color: #ff961d;
}
.l-pro-cont{ overflow: hidden; padding: 0 10px; }
.l-pro-cont .l-pro-tit{ position: relative; }
.l-pro-cont h2{ font-size: 36px; font-family: Nunito-Bold; }
.l-pro-search{ width: 320px; position: absolute; bottom: 0; right: 0;}
.l-pro-search form { position: relative;}
.l-pro-search select{ width: 100%; height: 46px; padding: 0 18px; font-size: 18px; font-family: segoeui_0; line-height: 46px; border: 1px solid #ccc; border-radius: 5px; }

.l-pro-cont ul{ margin-top: 60px; }
.l-pro-cont .pro-lists{ display: none;}
.l-pro-cont .active {
  display: block;
}
.l-pro-cont li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 25px;}
.l-pro-cont li:nth-child(3n){ margin-right: 0; }
.l-pro-cont li a,.s-pro-hot .swiper-slide a{ display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%); }
.l-pro-cont li .pic,
.s-pro-hot .swiper-slide .pic{ overflow: hidden; }
.l-pro-cont li img,
.s-pro-hot .swiper-slide img{ width: 100%; height: auto; object-fit: cover; transition: all 0.3s; }
.l-pro-cont li .txt,
.s-pro-hot .swiper-slide .txt{ padding: 15px;  font-family: Nunito-Bold;}
.l-pro-cont li h3,
.s-pro-hot .swiper-slide h4{ font-size: 18px; }
.l-pro-cont li span,
.s-pro-hot .swiper-slide span{ color: #ff961d; margin-top: 10px; display: inline-block; font-size: 14px;  }
.l-pro-cont li:hover h3,
.s-pro-hot .swiper-slide a:hover h4{ color: #ff961d; }
.l-pro-cont li:hover img,
.s-pro-hot .swiper-slide a:hover img{ transform: scale(1.15); }

.jump{ text-align: center; font-size: 16px; font-weight: bold; margin-top: 40px; }
.jump span,.jump a{  display: inline-block; width: 42px; border-radius: 42px; text-align: center; cursor: pointer; vertical-align: middle; background: #fff; border: 1px solid #bfbfbf; height: 42px; line-height: 42px; color: #a6a6a6; text-decoration: none; margin: 0 5px; }
.jump span,.jump a:hover{ color: #fff; background: #ff961d; border: 1px solid #ff961d;}


/*show-pro*/
.s-pro-intro{ background: #f0f0f0; padding: 50px 0; margin-bottom: 50px; }
.s-pro-pics{ position: relative; width: 46%; }
.s-pro-pics .swiper-slide img{width: 100%; transition: all 0.3s; border-radius: 10px;height: 400px; object-fit: cover;}
.s-pro-big{ padding-bottom: 125px; }
.s-pro-prev,.s-pro-next{ margin-top: 0; top: auto; bottom: 30px; background: #ff961d; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; }
.s-pro-prev{ left: 0; }
.s-pro-next{ right: 0; }
.s-pro-prev i,.s-pro-next i{ font-size: 20px; }

.s-pro-small{ position: absolute; left: 7%; bottom: 0; width: 86%;  }
.s-pro-small .swiper-slide{ width: 33.33%; padding: 0 4px; }
.s-pro-small .swiper-slide img{ border: 2px solid transparent; height: 100px;}
.s-pro-small .swiper-slide-active img{ border-color: #ff961d;  }
.s-pro-small{ margin-top: 10px; }

.s-pro-txt{ width: 46%; }
.s-pro-txt h2{ font-size: 36px; font-family: Nunito-Bold; }
.s-pro-txt .canshu{ margin: 22px 0 28px; }
.s-pro-txt .canshu p{ margin-bottom: 12px; position: relative; padding-left: 15px; }
.s-pro-txt .canshu p::before{ content: ""; width: 5px; height: 5px; border-radius: 5px; background: #ff961d; position: absolute; top: 8px; left: 0; }
.s-pro-txt .canshu span{ display: inline-block; width: 45%; }

.s-pro-btns a{ background: #ff961d; position: relative; transition: all 0.3s; font-size: 16px; text-transform: uppercase; font-family: Nunito-Bold; float: left; border-radius: 45px; text-align: center; padding: 15px 15px; width: 42%; color: #fff; display: inline-block; }
.s-pro-btns a + a{ margin-left: 4%; background: #ec302c; }
.s-pro-btns a i{ font-size: 22px; margin-right: 10px; }
.s-pro-btns a:hover{ opacity: 0.85; border-radius: 0; }

.s-pro-item{ margin-bottom: 30px; }
.s-pro-item h3{ font-size: 36px; font-family: Nunito-Bold; position: relative; }
.s-pro-item .txt{ font-size: 16px; line-height: 28px; }

.s-pro-hot{ padding: 40px 0; background: url("../images/s-pro-hot.jpg") no-repeat center/cover; }
.pro-hot-swiper{ margin-top: 20px; padding-bottom: 50px; }
.s-pro-hot .swiper-slide{ width: 25%; padding: 0 10px; }
.pro-hot-swiper .swiper-pagination-bullet{ background: #ccc; }
.pro-hot-pagi{ bottom: 0!important; }


/*list-news*/
.l-news{ padding: 40px 0 50px; }
.l-n-top{ background: #f1f5f8; padding: 22px; border-radius: 10px; }
.n-top-l{ width: 60%; float: left; padding: 20px 94px 0 60px; }
.n-top-l h3{ font-size: 24px; font-family: Nunito-Bold; line-height: 36px; height: 36px; }
.n-top-l .txt{ margin-top: 16px; position: relative; padding-left: 128px; height: 112px; overflow: hidden; }
.n-top-l .date{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100px; text-align: center;  border-radius: 5px;  background: transparent; color: #0b80cd; padding: 5px 0;  font-family: Nunito-Bold; line-height: 1; }
.n-top-l .date .day{ display: block; font-size: 72px;}
.n-top-l .date .ym{ display: block; font-size: 18px; }
.n-top-l .txt p{ font-size: 16px; line-height: 28px; color: #666;  height: 122px; -webkit-line-clamp: 4;}
.n-top-l .more{ display: inline-block; transition: all 0.3s; font-size: 16px; color: #0b80cd; border-radius: 45px; text-align: center; margin-top: 22px; width: 180px; height: 44px; line-height: 44px; border: 1px solid #0b80cd; }
.n-top-r{ float: right; width: 40%; overflow: hidden; }
.l-news img{ width: 100%; transition: all 0.3s; height: 300px; object-fit: cover;}
.l-n-lists img {height: 150px;}
.l-n-top:hover .more{ background: #0b80cd; color: #fff; border-radius: 0; }
.l-n-top:hover img{ transform: scale(1.15); }
.l-n-top:hover h3{  color: #172a88; }

.l-n-lists{ margin-top: 42px; }
.l-n-lists li{ padding: 30px 0;  border-bottom: 1px solid #d2d2d2; }
.l-n-lists li a{ display: block; overflow: hidden; position: relative; padding: 0 218px 0 100px; }
.l-n-lists .date{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; border-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: all 0.3s; height: 100%; padding: 20px 0; color: #d9d9d9; font-family: Nunito-Bold; text-align: center; }
.l-n-lists .date .day{ display: block; line-height: 1; font-size: 48px;}
.l-n-lists .date .ym{ font-size: 17px; }
.l-n-lists .pic{ float: left; width: 230px; height: auto; overflow: hidden; margin-right: 40px; }
.l-n-lists .txt{ overflow: hidden; padding-top: 8px; }
.l-n-lists .txt h3{ font-family: Nunito-Bold; font-size: 18px; margin-bottom: 15px; }
.l-n-lists .txt p{ font-size: 15px; color: #666; line-height: 24px; height: 72px; -webkit-line-clamp: 3; }
.l-n-lists li i{ position: absolute; top: 60px; transition: all 0.5s; right: 66px; display: inline-block; width: 38px; height: 38px; line-height: 38px; font-size: 14px; text-align: center; border-radius: 38px; border: 1px solid #0b80cd; color: #0b80cd; }
.l-n-lists li:hover .date{ background: #0b80cd; color: #fff; }
.l-n-lists li:hover img{ transform: scale(1.15); }
.l-n-lists li:hover i{ background: #0b80cd; color: #fff; right: 40px; }

/*show-news*/
.s-news{ padding: 40px 0 50px; }
.s-news h2{ font-size: 24px; font-family: Nunito-Bold; line-height: 30px; text-align: center; margin-bottom: 10px; color: #222;}
.s-news h2 + p{ text-align: center; margin-bottom: 20px; color: #999;}
.s-news-cont{ line-height: 25px; font-size: 16px;  }
.s-news-cont img,.s-news-cont iframe{ max-width: 800px; width: 100%!important; height: auto!important; margin: 0 auto; display: block;  }
.s-news-cont iframe{ margin: 10px auto; background: #ccc; height: 400px; border: 0; }
.fanye{ border-top: 1px solid #ddd;  padding: 15px 0 0 0;  margin: 50px 0 0 0;  line-height: 26px;     color: #666; font-size: 16px; }

/*page-contact*/
.p-c-map iframe{ width: 100%; height: 340px; }

.p-c-lianxi{ padding: 40px 0; }
.p-c-lx{ width: 40%; }
.p-c-lianxi h3{ font-family: Nunito-Bold; font-size: 32px; }
.p-c-lx ul{ margin-top: 15px; }
.p-c-lx li{ margin-bottom: 25px; padding-left: 104px; padding-top: 5px; position: relative; min-height: 80px;}
.p-c-lx li i{ position: absolute; width: 80px; height: 80px; background: #0b80cd; line-height: 80px; border-radius: 80px; top: 0; left: 0; text-align: center; overflow: hidden; font-size: 34px; color: #fff; }
.p-c-lx li i::after{ content: ""; position: absolute; top: 6px; left: 6px; width: calc(100% - 14px); height: calc(100% - 14px); border-radius: 100%; border: 1px dashed #fff; }
.p-c-lx li p{ font-size: 24px; font-family: Nunito-Bold; text-transform: uppercase; }
.p-c-lx li a{ margin-top: 5px; display: block; text-transform: none; color: #666; }
.p-c-lx .media{ position: relative; display: inline-block; margin-top: 10px; margin-left: 104px; }
.p-c-lx .media a{ display: inline-block; width: 42px; margin-right: 10px; color: #fff; font-size: 20px; height: 42px; border-radius: 42px; text-align: center; line-height: 42px; background: #a31ea1; }
.p-c-lx .media a:nth-child(2){ background: #4676ed; }
.p-c-lx .media a:nth-child(3){ background: #da0000; }
.p-c-lx .media a:nth-child(4){ background: #00de7d; }
.p-c-lx .media a + img{ display: none; position: absolute; right: 0; top: 50px;  }
.p-c-lx .media .icon-wechat:hover + img{ display: block; }

.p-c-bd{ width: 52%; }
.p-c-bd p{ color: #666; font-size: 24px; font-family: Roboto-Light; }
.p-c-bd .myform{ margin-top: 28px; }
.p-c-bd .form-item{ width: 49.2%; float: left; margin-bottom: 16px; position: relative; }
.p-c-bd .form-item .LV_validation_message{ position: absolute; left: 0; bottom: -15px; font-size: 12px; color: #c40000; }
.p-c-bd .form-item .LV_valid{ font-size: 0; }
.p-c-bd .form-item:nth-child(2n+1){ margin-left: 1.6%; }
.p-c-bd .form-item .txt{ width: 100%; background: #f5f5f5; color: #666; resize: none; font-family: segoeui_0; border: 1px solid #dcdcdc; font-size: 14px; line-height: 26px; padding: 10px 15px; }
.p-c-bd .li5{ width: 100%; }
.p-c-bd .form-item textarea.txt{ height: 200px; }
.p-c-bd .submit input{ border: 2px dashed #ff961d; display: inline-block; transition: all 0.3s; font-family: Nunito-Bold; border-radius: 30px; width: 214px; font-size: 16px; height: 50px; background: #ff961d; color: #fff; text-transform: capitalize; cursor: pointer; }
.p-c-bd .submit .reset{ width: 160px; margin-left: 16px; color: #fff; background: #ec302c; border: 2px dashed #ec302c; }
.p-c-bd .submit input:hover{ opacity: 0.85; border-radius: 0; }

/*page-why*/
.p-why{ padding: 50px 0; }
.p-why h2{  font-family: Nunito-Bold; font-size: 38px; text-align: center;  }
.p-why h2 span{ color: #ff961d; }
.p-why-item{ margin-top: 30px; }
.p-why-item h3{ position: relative; display: inline-block; padding-bottom: 10px; font-size: 28px;  font-family: Nunito-Bold; margin-bottom: 15px;}
.p-why-item h3::before{ content: ""; width: 40%; height: 4px; background: #ff961d; position: absolute; left: 0; bottom: 0; }
.p-why-item h3 span{ display: inline-block; margin-right: 10px; color: #ff961d; }
.p-why-item p{ font-size: 20px; line-height: 1.8; }
.p-why-item p + img{ margin-top: 20px }
.p-why-item .pic {
  margin-top: 20px;
}
.p-why-item1 .wrapper{ position: relative; }
/* .p-why-item1 .txt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40%; } */
/* .p-why-item1 .pic{ width: 55%; } */

.p-why-item2{ background: #f0f0f0; padding-top: 30px;}
/* .p-why-item2 .txt{ width: 46%; right: 0; left: auto;  } */
/* .p-why-item2 .pic{ width: 50%; } */

.p-why-item3{ padding: 20px 0; }

.p-why-item4 h4{ font-size: 24px; font-family: Nunito-Bold; color: #ff961d; margin-bottom: 10px;  }
.p-why-item4 .p-w-d{ margin-top: 20px; }


/*list-video*/
.l-v-lists{ margin: 0 -15px; }
.l-v-lists li{ float: left; width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
.l-v-lists li a{ display: block; background: #fff; border-radius: 10px; overflow: hidden; padding: 10px 10px 0; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%); }
.l-v-lists .pic{ border-radius: 6px; overflow: hidden; }
.l-v-lists li p{ padding: 18px 0; }
.l-v-lists li a:hover img{ transform: scale(1.2); }

/*show-video*/

/*page-faq*/
.p-faq{ padding-top: 40px; }
.p-faq li{ width: 100%; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.p-faq li h3{ font-family: Nunito-Bold; color: #000; font-size: 28px; margin-bottom: 10px; }
.p-faq li p{ font-size: 18px; color: #999; line-height: 1.8; }

/*page-search*/
.p-search{ padding: 50px 0; }
.p-search h2{  font-family: Nunito-Bold; font-size: 26px; margin-bottom: 10px; }
.p-search h2 strong{ display: inline-block; margin: 0 5px; color: #e62c79; font-size: 32px; }
.p-search li{ padding: 15px 0; border-bottom: 1px solid #ccc; }
.p-search .name span{ color: #274198; }
.p-search .name + p{ margin: 5px 0; font-size: 16px; line-height: 30px; color: #999; }
.p-search li p + p{ font-size: 15px; color: #e62c79; }
.p-search li p + p a{ color: #14a147; }


@media screen and (max-width: 1440px){
  .index-intro{ padding-top: 60px; }
  .i-tit{ font-size: 32px;  }
  .i-tit b{ font-size: 38px; }
  .i-intro-txt p{ font-size: 16px; line-height: 1.7; margin: 15px 0; }

  .index-pro{ padding-top: 50px; }
  .index-pro h2{ font-size: 44px; }
  .i-pro-swiper .swiper-slide{ width: 28%; }

  .index-cate{ padding-top: 50px; }

  .index-choose{ padding: 50px 0; }

  .index-media{ padding: 50px 0; }

  /*list-news*/
  .n-top-l{ width: 55%; padding: 10px 50px 0 30px; }
  .n-top-r{ width: 45%; }
  .l-n-lists li a{ padding-right: 110px; }
  .l-n-lists li i{ right: 45px; }
  .l-n-lists li:hover i{ right: 25px; }

}
@media screen and (max-width: 1024px){

  /*list-news*/
  .n-top-l{ width: 50%; padding: 0 30px 0 0; }
  .n-top-r{ width: 50%; }
  .n-top-l .txt{ padding-left: 100px; }
  .n-top-l .date .day{ font-size: 60px; }

  /*page-why*/
  .p-why-item2 .txt{ padding: 30px 0; position: static; transform: translateY(0); width: 100%; }
  .p-why-item2 .pic{ width: 100%; height: 360px; overflow: hidden;}
  .p-why-item2 .pic img{ transform: translateY(-30%); }
  
}
@media screen and (max-width: 982px){
  .index-intro{ padding-top: 45px; }
  .i-tit{ font-size: 28px; line-height: 1.1; }
  .i-tit b{ font-size: 34px; }
  .i-intro-txt p{ font-size: 15px; line-height: 1.6; }

  .index-pro{ padding-top: 40px; }
  .index-pro h2{ font-size: 40px; }
  .i-pro-swiper .swiper-slide{ width: 33%; }
  .i-pro-swiper .swiper-slide:hover .txt{ left: -120%; }

  .index-cate{ padding: 40px 0 30px; }
  .index-cate .txt p,.index-cate .txt span{ display: none; }

  .index-choose{ padding: 40px 0; }
  .index-choose ul{}
  .index-choose li{ margin-top: 30px; }
  .index-choose li span{  width: 80px; height: 80px;  }
  .index-choose li svg{ width: 40px; height: 40px; }
  .index-choose li:first-child svg{ width: 60px; height: 60px; }
  .index-choose li h3{ font-size: 18px;  }
  .index-choose li p{ font-size: 15px; }


  .index-media{ padding: 40px 0 30px; }
  .index-media .i-tit{ margin-bottom: 20px; }
  .i-m-video{ width: 100%; height: auto; padding-top: 56%; margin-bottom: 30px; }
  .i-m-news{ width: 100%; }
  .i-m-news li{ padding: 20px 20px 20px 90px; }
  .i-m-news .date{ left: 15px; }
  .i-m-news .day{ font-size: 46px; }
  .i-m-news .ym{ font-size: 15px; }
  .i-m-news h3{ height: 22px; white-space: nowrap; text-overflow: ellipsis; display: block; }
  .i-m-news .txt p{ font-size: 16px; line-height: 1.3; height: 2.6em; }

  /*page-about*/
  .l-banner .txt{ top: 25%; }
  .l-banner h2{ font-size: 42px; }
  .l-banner h2:before{ height: 15px; }

  /*list-pro*/
  .left{ display: none; }

  /*show-pro*/
  .s-pro-pics{ width: 100%; }
  .s-pro-big{ padding: 0; }
  .s-pro-small{ display: none; }
  .s-pro-prev,.s-pro-next{ display: none; }
  .s-pro-txt{ width: 100%; margin-top: 20px; }
  .s-pro-txt h2{ font-size: 28px; }
  .s-pro-txt .canshu p{ font-size: 15px; }

  /*list-videos*/
  .l-v-lists{ margin: 0 -10px; }
  .l-v-lists li{ padding: 0 10px; }
  .l-v-lists li p{ font-size: 16px; line-height: 1; padding: 15px 0; }

  /* page-contact */
  .p-c-lianxi h3{ font-size: 26px; line-height: 1.3; }

  /*page-faq*/
  .p-faq{ padding: 30px 0 10px; }
  .p-faq li{ margin-bottom: 20px; }
  .p-faq li h3{ font-size: 20px; }
  .p-faq li p{ font-size: 16px; }

  /*page-search*/
  .p-search h2{ font-size: 22px; }
  .p-search h2 strong{ font-size: 28px; }

}

@media screen and (max-width: 792px){
  .index-intro{ padding-top: 30px; }
  .i-intro-pics{ width: 100%; }
  .i-intro-txt{ width: 100%; position: static; transform: translateY(0); padding-top: 15px; }
  .i-tit{ font-size: 24px; }
  .i-tit b{ font-size: 28px; }

  .index-pro{ padding-top: 30px; }
  .index-pro h2{ font-size: 32px; }
  .index-pro h2 + p{ margin: 15px 0 20px; }
  .i-pro-swiper .swiper-slide{ width: 55%; }

  .index-cate{ padding: 30px 0; }
  .index-cate h2, .index-choose h2{ margin-bottom: 20px; }
  .index-cate li{ width: 50%; }

  .index-choose{ padding: 30px 0; }
  .index-choose ul{ margin-top: -30px; flex-wrap: wrap;}
  .index-choose li{ margin: 30px auto 0; width: 90%; }


  .index-media{ padding: 30px 0 20px; }
  .i-m-video{ margin-bottom: 25px; }
  .i-m-news li{ padding: 15px 10px 15px 74px; }
  .i-m-news .date{ left: 10px; top: 45%; }
  .i-m-news .day{ font-size: 36px; height: 40px; line-height: 40px; margin-bottom: 2px; }
  .i-m-news .ym{ font-size: 13px; }
  .i-m-news h3{ font-size: 16px; height: 20px; line-height: 20px;}
  .i-m-news .txt p{ font-size: 13px; }


  /*page-about*/
  .l-banner .txt{ top: 25%; }
  .l-banner h2{ font-size: 32px; padding: 0 10px; line-height: 1; }
  .l-banner h2:before{ height: 10px; }
  .l-banner .crumbs{ font-size: 14px; }

  .p-a-zhengshu{ margin-top: 30px; padding: 30px 0; }
  .zs-swiper .swiper-slide{ width: 33.33%; padding: 0 1.2%; }
  .zs-prev, .zs-next{ width: 40px; height: 40px; }
  .zs-prev i, .zs-next i{ line-height: 40px; font-size: 20px; }

  /*list-pro*/
  .l-pro{ padding: 30px 0; }
  .l-pro-cont h2{ font-size: 30px; }
  .l-pro-search{ display: none; }
  .l-pro-cont li h3{ font-size: 16px; }
  .l-pro-cont li span{ margin-top: 5px; }
  .jump{ margin-top: 20px; }
  .jump span,.jump a{ display: none; }
  .jump .prev,.jump .next{ display: inline-block; }

  /*  show-pro*/
  .s-pro-intro{ padding: 30px 0 100px; }
  .s-pro-intro h2{ font-size: 24px; }
  .s-pro-btns{ text-align: center; }
  .s-pro-btns a{ width: 70%; float: none; }
  .s-pro-btns a + a{ margin-left: 0; margin-top: 10px; }

  /*list-news*/
  .l-news{ padding: 30px 0; }
  .l-n-top{ padding: 4vw; }
  .n-top-l{ width: 100%; padding: 0 0 20px; }
  .n-top-l h3{ font-size: 20px; }
  .n-top-l .txt{ padding-left: 80px; height: auto; margin-top: 5px; }
  .n-top-l .date{ width: 70px; }
  .n-top-l .date .day{ font-size: 46px; }
  .n-top-l .date .ym{ font-size: 16px; }
  .n-top-l .txt p{ font-size: 14px; line-height: 24px; height: 72px; }
  .n-top-l .more{ margin-top: 10px; width: 130px; height: 36px; line-height: 34px; font-size: 14px; }
  .n-top-r{ width: 100%; }

  .l-n-lists .date,.l-n-lists li i{ display: none; }
  .l-n-lists{ margin: 30px -2vw 0; }
  .l-n-lists li{ width: 50%; float: left; border-bottom: 0; padding: 0 2vw; margin-bottom: 4vw; }
  .l-n-lists li a{ padding: 0; }
  .l-n-lists .pic{ float: none; width: 100%; margin: 0; }
  .l-n-lists .txt{ width: 100%; }
  .l-n-lists .txt h3{ margin-bottom: 5px; font-size: 16px; }
  .l-n-lists .txt p{ font-size: 13px; line-height: 18px; height: 36px; -webkit-line-clamp:2; }
  .l-n-lists li:hover i{ display: none; }

 
  /*page-why*/
  .p-why{ padding: 30px 0; }
  .p-why h2{ font-size: 28px; line-height: 1.2; }
  .p-why-item h3{ font-size: 24px; }
  .p-why-item p{ font-size: 16px; }
  .p-why-item4 h4{ font-size: 20px;  }

  .p-why-item1{ margin-top: 0; }
  .p-why-item1 .txt{ position: static; transform: translateY(0); margin-bottom: 10px; padding: 30px 0 10px; width: 100%; }
  .p-why-item1 .pic{ width: 100%; }

  .p-why-item2 .pic{ height: auto; }
  .p-why-item2 .pic img{ transform: translateY(0);}

   /*list-videos*/
  .l-v-lists{ margin: 0 -2vw; }
  .l-v-lists li{ width: 50%; padding: 0 2vw; margin-bottom: 4vw; }
  .l-v-lists li a{  padding: 2vw 2vw 0; }
  .l-v-lists li p{ font-size: 16px; line-height: 1; padding: 15px 0; }

  /*page-contact*/
  .p-c-lianxi h3{ font-size: 20px; }
  .p-c-lx{ width: 100%; }
  .p-c-bd{ width: 100%; margin-top: 20px; }





}

@media screen and (max-width: 640px){
  .banner {
    margin-top: 10px;
  }
  .banner .swiper-pagination-bullet{ width: 12px; height: 12px;  }
  .i-pro-swiper {margin: 0;padding: 0;}
  .i-pro-swiper .swiper-slide{ padding: 2%; }

  
  /*list-pro*/
  .l-pro-cont h2{ font-size: 26px; }
  .l-pro-cont ul{ margin-top: 15px; }
  .l-pro-cont li{ width: 48%; }
  .l-pro-cont li:nth-child(3n){ margin-right: 2%; }
  .l-pro-cont li:nth-child(2n){ marin-right: 0; }
  .jump{ margin-top: 10px; }
  
}
@media screen and (max-width: 520px){
  /*page-about*/
  .l-banner .txt{ top: 15%; }
  .l-banner h2{ font-size: 26px; margin-bottom: 5px; }
  .l-banner h2::before{ height: 5px; bottom: 3px; }
  .zs-swiper .swiper-slide{ width: 50%; }

  /*show-pro*/
  .s-pro-intro h2{ font-size: 20px; }

  /*page-why*/
  .p-why h2{ font-size: 24px;  }
  .p-why-item h3{ font-size: 20px; }
  .p-why-item p{ font-size: 15px; }
  .p-why-item4 h4{ font-size: 18px;  }
}