@font-face {
  font-family: 'PINGFANG';
  src: url('/templates/default/images/font/PINGFANG.TTC');
}
@font-face {
  font-family: 'PINGFANGFINE';
  src: url('/templates/default/images/font/PINGFANG-FINE.TTF');
}
@font-face {
  font-family: 'PINGFANG-LIGHT';
  src: url('/templates/default/images/font/PINGFANG-LIGHT.TTF');
}
@font-face {
  font-family: 'PINGFANG-MEDIUM';
  src: url('/templates/default/images/font/PINGFANG-MEDIUM.TTF');
}
@font-face {
  font-family: 'PINGFANG-BOLD';
  src: url('/templates/default/images/font/PINGFANG-BOLD.TTF');
}
@font-face {
  font-family: 'PINGFANG-HEAVY';
  src: url('/templates/default/images/font/PINGFANG-HEAVY.TTF');
}
@font-face {
  font-family: 'PINGFANG-REGULAR';
  src: url('/templates/default/images/font/PINGFANG-REGULAR.TTF');
}
@font-face {
  font-family: 'PINGFANG-EXTRALIGHT';
  src: url('/templates/default/images/font/PINGFANG-EXTRALIGHT.TTF');
}
.phone-section {
  display: none;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center {
  width: 90%;
  margin: 0 auto;
}
.i-caption {
  font-size: 48px;
  color: #000000;
  font-family: "PINGFANG-BOLD";
  text-align: center;
}
.updown {
  justify-content: center;
}
.updown a {
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  color: #636363;
  text-align: center;
  border-radius: 50%;
  margin: 0 5px;
  display: block;
}
.updown a:hover {
  background: #d1292e;
  color: #fff;
}
.updown .pages {
  background: #d1292e;
  color: #fff;
}
@keyframes move1 {
  0% {
    transform: scale(1.3);
  }
  25% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1.3);
  }
}
.move2{
  overflow: hidden;
}
.move2 img{
  transition: all .8s ease .1s;
}
.move2 img:hover {
  transform: scale(1.1);
}
@keyframes move3{
  0% {
    transform: rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;
  }
}
.move3:hover img{
  position: relative;
  animation-name: move3;
  animation-duration: 1s;
}
.pagination{
  justify-content: center;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #d1292e !important;
}
.layui-laypage a:hover {
  color: #d1292e !important;
}
.layui-laypage a, .layui-laypage span{
  font-size: 16px !important;
  height: 35px !important;
  line-height: 35px !important;
}
/* 头部 */
header{
  position: relative;
}
header .hea .logo {
  width: 20%;
}
header .hea .logo a {
  display: block;
  text-align: right;
}
header .hea .ul-a {
  width: 50%;
}
header .hea .ul-a .li-a {
  width: 100%;
}
header .hea .ul-a .li-R{
  position: relative;
}
header .hea .ul-a .li-a .a-a {
  font-size: 20px;
  color: #000000;
  display: block;
  line-height: 105px;
  text-align: center;
  position: relative;
  font-family: "PINGFANG-REGULAR";
}
header .hea .ul-a .li-a .a-a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 4px;
  background: #9d020b;
  content: '';
  transition: 0.5s;
}
header .hea .ul-a .li-a .ul-b {
  position: absolute;
  width: 780px;
  padding: 30px 0 0 0;
  z-index: 99;
  display: none;
}
header .hea .ul-a .li-a .ul-b .box {
  background: #fff;
  box-sizing: border-box;
  padding: 10px 10px;
  border-radius: 20px;
}
header .hea .ul-a .li-a .ul-b .box .left {
  width: 46%;
  border-radius: 20px;
  overflow: hidden;
}
header .hea .ul-a .li-a .ul-b .box .right {
  width: 48%;
  flex-wrap: wrap;
}
header .hea .ul-a .li-a .ul-b .box .right .li-b {
  width: 48%;
}
header .hea .ul-a .li-a .ul-b .box .right .li-b .a-b {
  justify-content: flex-start;
  margin: 12.5px 0;
}
header .hea .ul-a .li-a .ul-b .box .right .li-b .a-b .after {
  width: 9px;
  height: 9px;
  background: #d1292e;
  border-radius: 50%;
  border: 4px solid #fff;
  position: relative;
  margin: 0 10px 0 0;
}
header .hea .ul-a .li-a .ul-b .box .right .li-b .a-b .after::after {
  position: absolute;
  width: 17px;
  height: 17px;
  left: -5px;
  top: -5px;
  border: 1px solid #d1292e;
  content: '';
  border-radius: 50%;
}
header .hea .ul-a .li-a .ul-b .box .right .li-b .a-b .p {
  font-size: 17px;
  color: #000000;
}
header .hea .ul-a .li-a:hover .a-a {
  background: url(/templates/default/images/img/hea1.png) center no-repeat;
  background-size: inherit;
}
header .hea .ul-a .li-a .ul-c{
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 999;
  background: #fff;
  box-sizing: border-box;
  padding: 30px 0;
  display: none;
}
header .hea .ul-a .li-a .ul-c .body{
  align-items: flex-start;
}
header .hea .ul-a .li-a .ul-c .left{
  width: 20%;
  box-sizing: border-box;
  padding: 0 0 0 5%;
}
header .hea .ul-a .li-a .ul-c .left ul li a{
  display: block;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 60px;
  background: #F7F7F7;
}
header .hea .ul-a .li-a .ul-c .left ul li a:hover{
  background: #C31821;
  color: #fff;
}
header .hea .ul-a .li-a .ul-c .right{
  width: 75%;
}
header .hea .ul-a .li-a .ul-c .right .box{
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox{
  width: 30%;
  margin: 0 1% 30px 1%;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .caption{
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: #C31821;
  border: 1px solid #C31821;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox{
  position: relative;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox .abox{
  display: block;
  font-size: 14px;
  color: #333;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox .imgbox{
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 20px;
  width: 100%;
  box-shadow: 0 0 10px 0 #eee;
  padding: 30px 0;
  display: none;
  z-index: 999;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox .imgbox .imga .img{
  margin: 0 0 20px 0;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox .imgbox .imga .img img{
  max-height: 100%;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox .imgbox .imga .text{
  font-size: 18px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox:nth-child(3n) .libox .imgbox{
  left: 20%;
}
header .hea .ul-a .li-a .ul-c .right .distance .ulbox{
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
header .hea .ul-a .li-a .ul-c .right .distance .ulbox .libox{
  width: 30%;
  margin: 0 1%;
}
header .hea .ul-a .li-a .ul-c .right .distance .ulbox .libox:nth-child(3n) .imgbox{
  left: 20%;
}
header .hea .ul-a .li-a:hover .a-a::after {
  width: 100%;
}
header .hea .ul-a .li-a:hover .ul-b {
  display: block;
}
header .hea .ul-a .li-a:hover .ul-c {
  display: block;
}
header .hea .ul-a .li-a .ul-c .right .box .ulbox .libox:hover .imgbox{
  display: block;
}
header .hea .tools {
  width: 20%;
}
header .hea .tools .personal {
  width: 20%;
  text-align: center;
}
header .hea .tools .search {
  width: 20%;
  text-align: center;
}
header .hea .tools .language {
  width: 30%;
  position: relative;
}
header .hea .tools .language .btn {
  justify-content: center;
  height: 100px;
}
header .hea .tools .language .btn .p {
  font-size: 17px;
  color: #000000;
  margin: 0 5px 0;
}
header .hea .tools .language ul{
  position: absolute;
  width: 100%;
  left: 0;
  top: 80%;
  background: #fff;
  z-index: 99;
  display: none;
}
header .hea .tools .language ul li a{
  font-size: 16px;
  color: #333;
  text-align: center;
  display: block;
  padding: 10px 0;
}
header .hea .tools .language:hover ul{
  display: block;
}
header .hea .tools .language ul li a:hover{
  color: #fff;
  background: #c80208;
}
header .hea .tools .navbtn {
  width: 15%;
  margin: 0 0 0 5%;
}
header .hea .tools .navbtn a{
  flex-direction: column;
}
header .hea .tools .navbtn a .after {
  width: 100%;
  height: 2px;
  background: #000000;
  margin: 1.5px 0;
}
header .active-a a{
  background: #C31821 !important;
  color: #fff !important;
}
header .active-b{
  display: none;
}
/* 轮播 */
.banner .ban .swiper .imgbox {
  position: relative;
}
.banner .ban .swiper .imgbox .img img{
  width: 100%;
}
.banner .ban .swiper .imgbox .text {
  position: absolute;
  width: 45%;
  left: 3%;
  top: 30%;
}
.banner .ban .swiper .imgbox .text .p-a {
  font-size: 66px;
  text-align: center;
  color: #fff;
  margin: 0 0 25px 0;
  font-family: "PINGFANG-LIGHT";
}
.banner .ban .swiper .imgbox .text .p-b {
  font-size: 82px;
  text-align: center;
  margin: 0 0 40px 0;
  background-image: linear-gradient(to bottom, #fdfdfd, #b0b0b0);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "PINGFANG-HEAVY";
}
.banner .ban .swiper .imgbox .text .p-c {
  font-size: 36px;
  text-align: center;
  color: #4adfff;
  margin: 0 0 50px 0;
  font-family: "PINGFANG-REGULAR";
}
.banner .ban .swiper .imgbox .text .btn {
  width: 190px;
  margin: 0 auto;
  background: url(/templates/default/images/img/ban1.png) center no-repeat;
}
.banner .ban .swiper .imgbox .text .btn a {
  justify-content: center;
}
.banner .ban .swiper .imgbox .text .btn a .p {
  line-height: 60px;
  font-weight: lighter;
  font-size: 20px;
  color: #fff;
  font-family: "PINGFANG-MEDIUM";
  margin: 0 15px 0 0;
  transition: 0.2s;
}
.banner .ban .swiper .imgbox .text .btn:hover a .p{
  margin: 0 20px 0 0;
}
.banner .ban .swiper .swiper-pagination {
  bottom: 8%;
}
.banner .ban .swiper .swiper-pagination-bullet {
  font-size: 23px;
  color: #fff;
  font-family: "PINGFANG-BOLD";
  background: none;
  width: auto;
  height: auto;
  margin: 0 25px;
  opacity: 1;
  border-radius: 0;
  padding: 20px 0 0 0;
}
.banner .ban .swiper .swiper-pagination-bullet-active {
  color: #e70012;
  font-family: "PINGFANG-BOLD";
  background: url(/templates/default/images/img/ban3.png) top center no-repeat;
}
.n-banner-a .ban {
  position: relative;
}
.n-banner-a .ban .img img{
  width: 100%;
}
.n-banner-a .ban .caption {
  position: absolute;
  top: 40%;
  right: 5%;
  font-size: 54px;
  color: #ffffff;
  font-family: "PINGFANG-BOLD";
}
.n-banner-a .ban .crumb {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 0;
  padding: 25px 0;
  justify-content: flex-start;
}
.n-banner-a .ban .crumb li {
  font-size: 19px;
  color: #ffffff;
  margin: 0 15px 0 0;
}
.n-banner-a .ban .crumb li a {
  font-size: 19px;
  color: #ffffff;
  font-family: "PINGFANG-REGULAR";
}
.n-banner-b .ban .img img{
  width: 100%;
}
.n-banner-c .ban {
  position: relative;
}
.n-banner-c .ban .img img{
  width: 100%;
}
.n-banner-c .ban .caption {
  position: absolute;
  font-size: 70px;
  color: #ffffff;
  width: 100%;
  left: 0;
  top: 40%;
  text-align: center;
}
.n-banner-c .ban .nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.n-banner-c .ban .nav ul {
  width: 80%;
  margin: 0 auto;
  justify-content: center;
}
.n-banner-c .ban .nav ul li {
  width: 18%;
}
.n-banner-c .ban .nav ul li a {
  font-size: 22px;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 85px;
}
.n-banner-c .ban .nav ul li:hover {
  background: #d1292e;
}
.n-banner-d .ban {
  position: relative;
}
.n-banner-d .ban .img img{
  width: 100%;
}
.n-banner-d .ban .caption {
  position: absolute;
  top: 40%;
  left: 5%;
}
.n-banner-d .ban .caption .p-a {
  font-size: 70px;
  color: #d1292e;
  margin: 0 0 15px 0;
}
.n-banner-d .ban .caption .p-b {
  font-size: 36px;
  color: #ffffff;
}
.n-banner-d .ban .nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.n-banner-d .ban .nav ul {
  width: 80%;
  margin: 0 auto;
  justify-content: center;
}
.n-banner-d .ban .nav ul li {
  width: 18%;
}
.n-banner-d .ban .nav ul li a {
  font-size: 22px;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 85px;
}
.n-banner-d .ban .nav ul li:hover {
  background: #d1292e;
}
.n-banner-e .ban {
  position: relative;
}
.n-banner-e .ban .img img{
  width: 100%;
}
.n-banner-e .ban .caption {
  position: absolute;
  font-size: 70px;
  color: #d1292e;
  width: 100%;
  left: 0;
  top: 40%;
  text-align: center;
}
.n-banner-e .ban .nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.n-banner-e .ban .nav ul {
  width: 80%;
  margin: 0 auto;
  justify-content: center;
}
.n-banner-e .ban .nav ul li {
  width: 18%;
}
.n-banner-e .ban .nav ul li a {
  font-size: 22px;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 85px;
}
.n-banner-e .ban .nav ul li:hover {
  background: #d1292e;
}
.n-banner-f{
  background: #e4ebf4;
}
.n-banner-f .ban{
  padding: 100px 0;
}
.n-banner-f .ban .left{
  width: 65%;
}
.n-banner-f .ban .left ul{
  justify-content: flex-start;
  margin: 0 0 40px 0;
}
.n-banner-f .ban .left ul li{
  font-size: 16px;
  color: #666;
  margin: 0 5px 0 0;
}
.n-banner-f .ban .left ul li a{
  font-size: 16px;
  color: #666;
}
.n-banner-f .ban .left .title{
  font-size: 36px;
  color: #333333;
  margin: 0 0 30px 0;
}
.n-banner-f .ban .left .time{
  justify-content: flex-start;
  margin: 0 0 50px 0;
}
.n-banner-f .ban .left .time .after{
  margin: 0 10px 0 0;
}
.n-banner-f .ban .left .time .p{
  font-size: 16px;
  color: #888888;
}
.n-banner-f .ban .right{
  width: 200px;
  background: #c80208;
  box-sizing: border-box;
  padding: 0 2%;
  border-radius: 30px;
  transition: 0.3s;
}
.n-banner-f .ban .right a .p{
  font-size: 20px;
  color: #fff;
  line-height: 55px;
}
.n-banner-f .ban .right a .after{
  width: 24px;
}
.n-banner-f .ban .right a .after img:nth-child(1){
  display: inline;
}
.n-banner-f .ban .right a .after img:nth-child(2){
  display: none;
}
.n-banner-f .ban .right:hover{
  background: #fff;
}
.n-banner-f .ban .right:hover a .p{
  color: #c80208;
}
.n-banner-f .ban .right:hover a .after img:nth-child(1){
  display: none;
}
.n-banner-f .ban .right:hover a .after img:nth-child(2){
  display: inline;
}
/* 产品 */
.products {
  background: url(/templates/default/images/img/ind1.jpg) no-repeat;
  background-size: cover;
}
.products .pro {
  padding: 100px 0;
}
.products .pro .nav {
  background: #ffffff;
  box-sizing: border-box;
  padding: 15px 5%;
  border-radius: 15px;
  margin: 0 0 95px 0;
}
.products .pro .nav .imgbox .img {
  height: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
.products .pro .nav .imgbox .img img:nth-child(1) {
  display: inline;
}
.products .pro .nav .imgbox .img img:nth-child(2) {
  display: none;
}
.products .pro .nav .imgbox .p {
  font-size: 20px;
  color: #000000;
  text-align: center;
}
.products .pro .nav .imgbox:hover .img img:nth-child(1) {
  display: none;
}
.products .pro .nav .imgbox:hover .img img:nth-child(2) {
  display: inline;
}
.products .pro .element {
  margin: 50px 0 0 0;
}
.products .pro .element .swiper-b {
  padding: 0 0 60px 0;
}
.products .pro .element .swiper-b .imgbox {
  background: #fff url(../img/ind7.png) right bottom no-repeat;
  border-radius: 20px;
  overflow: hidden;
}
.products .pro .element .swiper-b .imgbox a .left {
  position: relative;
  width: 60%;
}
.products .pro .element .swiper-b .imgbox a .left .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20%;
}
.products .pro .element .swiper-b .imgbox a .left .text .p-a {
  font-size: 43px;
  color: #fff;
  text-align: center;
  font-family: "PINGFANG-BOLD";
  margin: 0 0 15px 0;
}
.products .pro .element .swiper-b .imgbox a .left .text .p-b {
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  font-family: "PINGFANG-LIGHT";
}
.products .pro .element .swiper-b .imgbox a .right {
  width: 40%;
  box-sizing: border-box;
  padding: 0 3%;
}
.products .pro .element .swiper-b .imgbox a .right .caption {
  font-size: 43px;
  color: #000000;
  margin: 0 0 30px 0;
}
.products .pro .element .swiper-b .imgbox a .right .text {
  font-size: 18px;
  line-height: 34px;
  color: #000000;
  margin: 0 0 55px 0;
}
.products .pro .element .swiper-b .imgbox a .right .btn {
  background: #c80208;
  width: 215px;
  justify-content: center;
  border-radius: 30px;
}
.products .pro .element .swiper-b .imgbox a .right .btn .p {
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  margin: 0 15px 0 0;
}
.products .pro .element .swiper-b .swiper-pagination-b {
  bottom: 0;
}
.products .pro .element .swiper-b .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #aeafb0;
  opacity: 1;
}
.products .pro .element .swiper-b .swiper-pagination-bullet-active {
  background: #303030;
}
.n-product .pro {
  padding: 60px 0;
}
.n-product .pro .caption {
  font-size: 48px;
  color: #000000;
  margin: 0 0 50px 0;
}
.n-product .pro .element .nav {
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 10px 0;
}
.n-product .pro .element .nav li{
  width: 18%;
}
.n-product .pro .element .nav li a {
  display: block;
  padding: 0 0 40px 0;
  position: relative;
}
.n-product .pro .element .nav li a .img {
  height: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
.n-product .pro .element .nav li a .img img:nth-child(1) {
  display: inline;
}
.n-product .pro .element .nav li a .img img:nth-child(2) {
  display: none;
}
.n-product .pro .element .nav li a .text {
  font-size: 22px;
  color: #000000;
  text-align: center;
}
.n-product .pro .element .nav li a::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0%;
  height: 3px;
  background: #d1292e;
  content: '';
  transition: 0.3s;
}
.n-product .pro .element .nav li:hover a .img img:nth-child(1) {
  display: none;
}
.n-product .pro .element .nav li:hover a .img img:nth-child(2) {
  display: inline;
}
.n-product .pro .element .nav li:hover a .text {
  color: #d1292e;
}
.n-product .pro .element .nav li:hover a::after {
  width: 100%;
}
.n-product .pro .element .body .box {
  margin: 0 0 50px 0;
}
.n-product .pro .element .body .box .searchresults {
  font-size: 17px;
  color: #000000;
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 30px 3%;
  border-radius: 10px;
}
.n-product .pro .element .body .box ul {
  margin: 20px 0;
}
.n-product .pro .element .body .box ul li {
  box-sizing: border-box;
  padding: 0 5px;
  justify-content: flex-start;
  border-bottom: 1px dashed #e5e5e5;
}
.n-product .pro .element .body .box ul li .title {
  width: 8%;
  font-size: 18px;
  color: #000000;
  padding: 30px 0;
}
.n-product .pro .element .body .box ul li .option {
  width: 92%;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.n-product .pro .element .body .box ul li .option .label {
  margin: 0 50px 0 0;
}
.n-product .pro .element .body .box ul li .option .label .input {
  margin: 0 10px 0 0;
}
.n-product .pro .element .body .box ul li .option .label .input input {
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  background: url(/templates/default/images/img/pro1.png) no-repeat;
}
.n-product .pro .element .body .box ul li .option .label .p {
  font-size: 18px;
  color: #000000;
}
.n-product .pro .element .body .box .btnbox {
  justify-content: flex-start;
}
.n-product .pro .element .body .box .btnbox input {
  font-size: 18px;
  line-height: 40px;
  border-radius: 5px;
  border: none;
  outline: none;
  padding: 0 45px;
  margin: 0 10px 0;
}
.n-product .pro .element .body .box .btnbox .find {
  background: #d1292e;
  color: #fff;
}
.n-product .pro .element .body .box .btnbox .reset {
  background: #d7d7d7;
  color: #000000;
}
.n-product .pro .details {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.n-product .pro .details .imgbox {
  width: 31%;
  margin: 0 1% 50px 1%;
  box-shadow: 0 0 10px 0 #eee;
  background: #fdfdfd;
}
.n-product .pro .details .imgbox a {
  padding: 60px 0;
  display: block;
}
.n-product .pro .details .imgbox a .img img {
  display: block;
}
.n-product .pro .details .imgbox a .text .title {
  font-size: 24px;
  color: #000000;
  text-align: center;
  margin: 0 0 35px 0;
}
.n-product .pro .details .imgbox a .text ul {
  box-sizing: border-box;
  padding: 0 0 0 30%;
  margin: 0 0 40px 0;
}
.n-product .pro .details .imgbox a .text ul li {
  font-size: 18px;
  color: #000000;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  padding: 0 0 0 25px;
  position: relative;
}
.n-product .pro .details .imgbox a .text ul li::after {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 4px;
  border-radius: 50%;
  background: #d1292e;
  content: '';
}
.n-product .pro .details .imgbox a .text .btn {
  width: 170px;
  margin: 0 auto;
  border: 1px solid #d1292e;
  box-sizing: border-box;
  padding: 0 20px;
  border-radius: 30px;
}
.n-product .pro .details .imgbox a .text .btn .p {
  line-height: 50px;
  font-size: 18px;
  color: #000000;
}
.n-product .pro .details .imgbox a .text .btn .after img {
  display: block;
}
.n-product .active-a a .img img:nth-child(1) {
  display: none !important;
}
.n-product .active-a a .img img:nth-child(2) {
  display: inline !important;
}
.n-product .active-a a .text {
  color: #d1292e !important;
}
.n-product .active-a a::after {
  width: 100% !important;
}
.n-product .active-b {
  display: none;
}
.n-product .active-c .input input {
  background: url(/templates/default/images/img/pro2.png) no-repeat !important;
}
.x-product .pro {
  padding: 100px 0;
}
.x-product .pro .caption {
  font-size: 42px;
  color: #000000;
  text-align: center;
  margin: 0 0 50px 0;
}
.x-product .pro .body {
  background: #f7f7f7;
  margin: 0 0 80px 0;
}
.x-product .pro .body .left {
  width: 53%;
  background: #e9e9e9;
  box-sizing: border-box;
  padding: 25px 70px;
  position: relative;
}
.x-product .pro .body .left .swipera .img {
  text-align: center;
}
.x-product .pro .body .left .swiperb .img {
  background: #fff;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  align-items: center;
}
.x-product .pro .body .left .swiper-button-prev-b {
  top: auto;
  left: 35px;
  bottom: 25px;
  width: 25px;
  height: 100px;
  background: #fff;
}
.x-product .pro .body .left .swiper-button-prev-b::after {
  font-size: 22px;
  color: #2c2c2c;
  font-weight: bold;
}
.x-product .pro .body .left .swiper-button-next-b {
  top: auto;
  right: 35px;
  bottom: 25px;
  width: 25px;
  height: 100px;
  background: #fff;
}
.x-product .pro .body .left .swiper-button-next-b::after {
  font-size: 22px;
  color: #2c2c2c;
  font-weight: bold;
}
.x-product .pro .body .right {
  width: 47%;
  box-sizing: border-box;
  padding: 25px 70px;
}
.x-product .pro .body .right .text {
  font-size: 18px;
  color: #000000;
  line-height: 45px;
  margin: 0 0 40px 0;
}
.x-product .pro .body .right .btn {
  width: 210px;
}
.x-product .pro .body .right .btn a {
  box-sizing: border-box;
  padding: 0 40px;
  background: #d1292e;
  border-radius: 30px;
}
.x-product .pro .body .right .btn a .p {
  font-size: 19px;
  color: #fff;
  line-height: 60px;
}
.x-product .pro .nav {
  margin: 0 0 65px 0;
}
.x-product .pro .nav li {
  width: 12%;
}
.x-product .pro .nav li a {
  font-size: 19px;
  color: #000000;
  height: 100px;
  justify-content: center;
  align-items: center;
  line-height: 45px;
  box-shadow: 0 0 10px 0 #eee;
  border-radius: 10px;
  position: relative;
}
.x-product .pro .nav li a::after {
  position: absolute;
  border-top: 10px solid #d1292e;
  border-left: 20px solid #ffffff00;
  border-right: 20px solid #ffffff00;
  border-bottom: 20px solid #ffffff00;
  content: '';
  left: 41%;
  bottom: -30px;
  display: none;
}
.x-product .pro .nav li:hover a {
  background: #d1292e;
  color: #fff;
}
.x-product .pro .nav li:hover a::after {
  display: block;
}
.x-product .pro .element .title {
  font-size: 38px;
  color: #000000;
  text-align: center;
  margin: 0 0 40px 0;
}
.x-product .pro .element .element-a {
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 60px 10%;
  margin: 0 0 80px 0;
}
.x-product .pro .element .element-a ul {
  flex-wrap: wrap;
}
.x-product .pro .element .element-a ul li {
  width: 45%;
  font-size: 17px;
  color: #000000;
  line-height: 27px;
  box-sizing: border-box;
  padding: 0 0 0 35px;
  background: url(/templates/default/images/img/pro5.png) left no-repeat;
  background-position: 0 5px;
  margin: 0 0 10px 0;
}
.x-product .pro .element .element-b {
  justify-content: center;
  margin: 70px 0 90px 0;
}
.x-product .pro .element .element-b .imgbox {
  width: 15%;
}
.x-product .pro .element .element-b .imgbox .img {
  width: 60%;
  text-align: center;
  margin: 0 auto 20px;
}
.x-product .pro .element .element-b .imgbox .p {
  font-size: 22px;
  color: #202020;
  text-align: center;
}
.x-product .pro .element .element-c {
  margin: 0 0 80px 0;
}
.x-product .pro .element .element-c table{
  width: 100%;
  border: 3px solid #ffffff00;
  border-left: 0;
  border-right: 0;
}
.x-product .pro .element .element-c table tr th{
  font-size: 18px;
  color: #575759;
  padding: 15px 5px;
  border-left: 0;
  border-right: 0;
  background: #d1d2d4;
  line-height: 28px;
}
.x-product .pro .element .element-c table tr td{
  font-size: 18px;
  color: #575759;
  padding: 15px 5px;
  border-left: 0;
  border-right: 0;
  background: #f7f7f7;
  text-align: center;
  line-height: 28px;
}
.x-product .pro .element .element-c table tr:nth-child(odd) td {
  background: #e6e7e9;
}
.x-product .pro .element .element-d {
  margin: 60px 0 90px 0;
}
.x-product .pro .element .element-d .input {
  width: 19%;
}
.x-product .pro .element .element-d .input input {
  width: 100%;
  border: none;
  outline: none;
  background: #f7f7f7;
  line-height: 90px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 18px;
  color: #000000;
  border-radius: 10px;
}
.x-product .pro .element .element-d .find {
  width: 9%;
}
.x-product .pro .element .element-d .find input {
  width: 100%;
  border: none;
  outline: none;
  line-height: 90px;
  background: #d1292e;
  border-radius: 10px;
  font-size: 18px;
  color: #ffffff;
}
.x-product .pro .element .element-d .reset {
  width: 9%;
}
.x-product .pro .element .element-d .reset input {
  width: 100%;
  border: none;
  outline: none;
  line-height: 90px;
  background: #d1292e;
  border-radius: 10px;
  font-size: 18px;
  color: #ffffff;
}
.x-product .pro .element .element-e {
  margin: 50px 0 90px 0;
}
.x-product .pro .element .element-e .imgbox {
  border-radius: 20px;
  overflow: hidden;
  width: 31%;
  margin: 0 1%;
}
.x-product .pro .element .element-e .imgbox a {
  display: block;
  background: #d1292e;
}
.x-product .pro .element .element-e .imgbox a .p {
  box-sizing: border-box;
  padding: 30px 35px;
  font-size: 28px;
  color: #ffffff;
}
.x-product .pro .element .element-f {
  flex-wrap: wrap;
  margin: 50px 0 90px 0;
}
.x-product .pro .element .element-f .imgbox {
  width: 22%;
  margin: 0 1% 60px;
}
.x-product .pro .element .element-f .imgbox a .img {
  text-align: center;
  margin: 20px 0;
}
.x-product .pro .element .element-f .imgbox a .text .p-a {
  font-size: 20px;
  color: #333333;
  text-align: center;
  margin: 0 0 25px 0;
}
.x-product .pro .element .element-f .imgbox a .text .p-b {
  font-size: 16px;
  color: #888888;
  text-align: center;
}
.x-product .pro .element .element-g ul {
  margin: 0 0 45px 0;
}
.x-product .pro .element .element-g ul li {
  width: 20%;
  position: relative;
}
.x-product .pro .element .element-g ul li a {
  justify-content: center;
}
.x-product .pro .element .element-g ul li a .after {
  margin: 0 20px 0 0;
}
.x-product .pro .element .element-g ul li a .after img:nth-child(1) {
  display: inline;
}
.x-product .pro .element .element-g ul li a .after img:nth-child(2) {
  display: none;
}
.x-product .pro .element .element-g ul li a .p {
  font-size: 24px;
  color: #000000;
  line-height: 100px;
}
.x-product .pro .element .element-g ul li::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  transition: 0.3s;
  height: 3px;
  background: #d1292e;
  content: '';
}
.x-product .pro .element .element-g ul li:hover a {
  background: #d1292e;
}
.x-product .pro .element .element-g ul li:hover a .after img:nth-child(1) {
  display: none;
}
.x-product .pro .element .element-g ul li:hover a .after img:nth-child(2) {
  display: inline;
}
.x-product .pro .element .element-g ul li:hover .p {
  color: #fff;
}
.x-product .pro .element .element-g ul li:hover::after {
  width: 100%;
}
.x-product .pro .element .element-g .content .afterbox {
  margin: 0 0 20px 0;
}
.x-product .pro .element .element-g .content .afterbox a {
  background: #f7f7f7;
  padding: 25px 30px;
}
.x-product .pro .element .element-g .content .afterbox a .left {
  width: 95%;
}
.x-product .pro .element .element-g .content .afterbox a .left .after {
  width: 5%;
}
.x-product .pro .element .element-g .content .afterbox a .left .p {
  width: 95%;
  font-size: 22px;
  color: #000000;
  line-height: 45px;
}
.x-product .pro .element .element-g .content .afterbox a .right {
  width: 5%;
  text-align: center;
}
.x-product .active-a a {
  background: #d1292e !important;
}
.x-product .active-a a .after img:nth-child(1) {
  display: none !important;
}
.x-product .active-a a .after img:nth-child(2) {
  display: inline !important;
}
.x-product .active-a .p {
  color: #fff !important;
}
.x-product .active-a::after {
  width: 100% !important;
}
.x-product .active-b {
  display: none;
}
/* 计划 */
.solution .sol {
  position: relative;
}
.solution .sol .bodybox .body {
  position: relative;
}
.solution .sol .bodybox .body .img img{
  width: 100%;
}
.solution .sol .bodybox .body .text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 5% 5%;
}
.solution .sol .bodybox .body .text .caption {
  margin: 0 0 90px 0;
}
.solution .sol .bodybox .body .text .caption .title {
  font-size: 48px;
  color: #ffffff;
  font-family: "PINGFANG-BOLD";
}
.solution .sol .bodybox .body .text .caption .more {
  width: 280px;
  border-bottom: 1px solid #fff;
}
.solution .sol .bodybox .body .text .caption .more a {
  padding: 0 5px 20px 5px;
  box-sizing: border-box;
}
.solution .sol .bodybox .body .text .caption .more a .p {
  font-size: 22px;
  color: #ffffff;
  font-family: "PINGFANG-LIGHT";
}
.solution .sol .bodybox .body .text .element .p-a {
  font-size: 40px;
  color: #ffffff;
  margin: 0 0 25px 0;
  font-family: "PINGFANG-MEDIUM";
}
.solution .sol .bodybox .body .text .element .p-b {
  font-size: 19px;
  color: #ffffff;
  line-height: 42px;
  font-family: "PINGFANG-REGULAR";
}
.solution .sol ul {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5% 90px;
  align-items: flex-end;
}
.solution .sol ul li {
  width: 100%;
  opacity: 0.6;
}
.solution .sol ul li a {
  text-align: center;
}
.solution .sol ul li a .img {
  margin: 0 0 30px 0;
  height: 90px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solution .sol ul li a .img img{
  max-width: 100%;
  max-height: 100%;
}
.solution .sol ul li a .p {
  font-size: 27px;
  color: #fff;
  font-family: "PINGFANG-MEDIUM";
  margin: 0 0 25px 0;
}
.solution .sol ul li a .after {
  display: none;
}
.solution .active-a {
  display: none;
}
.solution .active-b {
  opacity: 1 !important;
}
.solution .active-b a .after {
  display: block !important;
}
.n-solution-a .sol {
  padding: 80px 0;
}
.n-solution-a .sol ul {
  justify-content: space-around;
  border-bottom: 1px solid #020202;
  margin: 0 0 50px 0;
}
.n-solution-a .sol ul li {
  width: 10%;
}
.n-solution-a .sol ul li a {
  padding: 0 0 30px 0;
  display: block;
  position: relative;
}
.n-solution-a .sol ul li a .after {
  width: 45%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px;
  height: 77px;
}
.n-solution-a .sol ul li a .after img:nth-child(1) {
  display: inline;
}
.n-solution-a .sol ul li a .after img:nth-child(2) {
  display: none;
}
.n-solution-a .sol ul li a .p {
  font-size: 25px;
  color: #000000;
  text-align: center;
}
.n-solution-a .sol ul li a::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 5px;
  background: #d1292e;
  content: '';
  transition: 0.3s;
}
.n-solution-a .sol ul li:hover a .after img:nth-child(1) {
  display: none;
}
.n-solution-a .sol ul li:hover a .after img:nth-child(2) {
  display: inline;
}
.n-solution-a .sol ul li:hover a .p {
  color: #d1292e;
}
.n-solution-a .sol ul li:hover a::after {
  width: 100%;
}
.n-solution-a .sol .element {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.n-solution-a .sol .element .img img{
  width: 100%;
}
.n-solution-a .sol .element .text {
  position: absolute;
  left: 5%;
  top: 20%;
  width: 45%;
  height: 60%;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 5% 3%;
}
.n-solution-a .sol .element .text .p-a {
  font-size: 42px;
  color: #000000;
  margin: 0 0 30px 0;
}
.n-solution-a .sol .element .text .p-b {
  font-size: 18px;
  color: #000000;
  line-height: 36px;
}
.n-solution-b {
  background: url(/templates/default/images/img/sol8.jpg) no-repeat;
  background-size: cover;
}
.n-solution-b .sol {
  padding: 90px 0;
}
.n-solution-b .sol .caption {
  font-size: 48px;
  color: #ffffff;
  padding: 0 0 0 30px;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 55px 0;
}
.n-solution-b .sol .caption::after {
  position: absolute;
  left: 0;
  top: 6%;
  width: 9px;
  height: 100%;
  background: #d1292e;
  content: '';
  border-radius: 30px;
}
.n-solution-b .sol .element {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.n-solution-b .sol .element .imgbox {
  width: 31%;
  margin: 0 1% 45px;
}
.n-solution-b .sol .element .imgbox a {
  background: #fff;
  display: block;
  padding: 60px 0 0 0;
  border-radius: 10px;
  overflow: hidden;
}
.n-solution-b .sol .element .imgbox a .img {
  text-align: center;
  margin: 0 0 45px 0;
}
.n-solution-b .sol .element .imgbox a .p {
  font-size: 28px;
  color: #000000;
  text-align: center;
  margin: 0 0 40px 0;
}
.n-solution-b .sol .element .imgbox a .bg {
  height: 10px;
  width: 100%;
}
.n-solution-b .sol .element .imgbox:hover .bg {
  background: #d1292e;
}
/* 新闻 */
.news {
  background: url(/templates/default/images/img/ind17.jpg) no-repeat;
  background-size: cover;
}
.news .new {
  padding: 110px 0;
}
.news .new .element {
  margin: 65px 0 0 0;
  border: 1px solid #e1e1e1;
  height: 750px;
}
.news .new .element .left {
  width: 33%;
  border-right: 1px solid #e1e1e1;
  height: 100%;
}
.news .new .element .left a {
  box-sizing: border-box;
  padding: 8% 13px;
  display: block;
}
.news .new .element .left a .caption {
  font-size: 29px;
  color: #000000;
  margin: 0 0 35px 0;
  font-family: "PINGFANG-MEDIUM";
}
.news .new .element .left a .img {
  margin: 0 0 25px 0;
}
.news .new .element .left a .text .p-a {
  font-size: 22px;
  color: #c80208;
  margin: 0 0 50px 0;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .left a .text .p-b {
  font-size: 27px;
  color: #000000;
  margin: 0 0 20px 0;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .left a .text .p-c {
  justify-content: flex-start;
  margin: 0 0 15px 0;
}
.news .new .element .left a .text .p-c .after {
  width: 6%;
}
.news .new .element .left a .text .p-c .p {
  width: 94%;
  font-size: 18px;
  color: #000000;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .right {
  width: 67%;
  height: 750px;
}
.news .new .element .right .body {
  width: 50%;
  height: 100%;
  position: relative;
}
.news .new .element .right .body .caption {
  width: 160px;
  text-align: center;
  font-size: 23px;
  color: #ffffff;
  line-height: 40px;
  background: #c80208;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .right .body .textbox {
  height: 50%;
}
.news .new .element .right .body .textbox a {
  display: block;
  box-sizing: border-box;
  padding: 10% 5%;
}
.news .new .element .right .body .textbox a .title {
  font-size: 29px;
  color: #000000;
  line-height: 44px;
  margin: 0 0 25px 0;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .right .body .textbox a .text {
  font-size: 18px;
  color: #000000;
  line-height: 29px;
  margin: 0 0 20px 0 ;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .right .body .textbox a .time {
  font-size: 20px;
  color: #000000;
  font-family: "PINGFANG-REGULAR";
}
.news .new .element .right .body .textbox:first-child {
  border-bottom: 1px solid #e1e1e1;
}
.news .new .element .right .body:first-child .textbox {
  border-right: 1px solid #e1e1e1;
}
.news .new .element .right .body:first-child .caption {
  position: absolute;
  left: 0;
  top: 0;
}
.news .new .element .right .body:last-child .caption {
  position: absolute;
  left: 0 ;
  top: 50%;
}
.n-news-a .new {
  padding: 120px 0 0 0;
}
.n-news-a .new .caption {
  padding: 0 0 40px 0;
  margin: 0 0 70px 0;
  border-bottom: 1px solid #020202;
}
.n-news-a .new .caption .p-a {
  font-size: 48px;
  color: #000000;
  margin: 0 0 60px 0;
}
.n-news-a .new .caption .p-b {
  font-size: 53px;
  color: #000000;
  line-height: 69px;
}
.n-news-a .new .element .swiper {
  padding: 0 0 130px 0;
}
.n-news-a .new .element .swiper .imgbox a .left {
  width: 50%;
}
.n-news-a .new .element .swiper .imgbox a .left img{
  width: 100%;
}
.n-news-a .new .element .swiper .imgbox a .right {
  width: 50%;
  box-sizing: border-box;
  padding: 0 3%;
}
.n-news-a .new .element .swiper .imgbox a .right .day {
  font-size: 58px;
  color: #000000;
  margin: 0 0 30px 0;
}
.n-news-a .new .element .swiper .imgbox a .right .year {
  font-size: 23px;
  color: #4c4c4c;
  margin: 0 0 55px 0;
}
.n-news-a .new .element .swiper .imgbox a .right .title {
  font-size: 31px;
  color: #000000;
  padding: 0 0 35px 0;
  border-bottom: 1px solid #000000;
  margin: 0 0 20px 0;
}
.n-news-a .new .element .swiper .imgbox a .right .text {
  font-size: 18px;
  color: #7c7c7c;
  line-height: 36px;
  margin: 0 0 40px 0;
}
.n-news-a .new .element .swiper .imgbox a .right .btn {
  width: 125px;
}
.n-news-a .new .element .swiper .imgbox a .right .btn .p {
  font-size: 22px;
  color: #000000;
}
.n-news-a .new .element .swiper .imgbox a .right .btn .after img {
  display: block;
}
.n-news-a .new .element .swiper .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 9px;
}
.n-news-a .new .element .swiper .swiper-pagination-bullet-active {
  background: #d1292e;
}
.n-news-a .new .element .swiper .swiper-pagination{
  bottom: 80px;
}
.n-news-b {
  background: #f7f7f7;
}
.n-news-b .new {
  padding: 65px 0;
}
.n-news-b .new .imgbox {
  margin: 0 0 45px 0;
}
.n-news-b .new .imgbox a {
  box-shadow: 0 0 10px 0 #afafaf;
  box-sizing: border-box;
  padding: 20px 3%;
  border-radius: 10px;
}
.n-news-b .new .imgbox a .time {
  width: 15%;
}
.n-news-b .new .imgbox a .time .day {
  font-size: 55px;
  color: #000000;
  margin: 0 0 15px 0;
  text-align: center;
}
.n-news-b .new .imgbox a .time .year {
  font-size: 20px;
  color: #737373;
  text-align: center;
}
.n-news-b .new .imgbox a .img {
  width: 20%;
  border-radius: 10px;
  overflow: hidden;
}
.n-news-b .new .imgbox a .text {
  width: 60%;
}
.n-news-b .new .imgbox a .text .p-a {
  font-size: 31px;
  color: #000000;
  margin: 0 0 20px 0;
}
.n-news-b .new .imgbox a .text .p-b {
  font-size: 18px;
  color: #7c7c7c;
  line-height: 36px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 50px 0;
}
.n-news-b .new .imgbox a .text .btn {
  width: 125px;
}
.n-news-b .new .imgbox a .text .btn .p {
  font-size: 22px;
  color: #000000;
}
.n-news-b .new .imgbox a .text .btn .after img {
  display: block;
}
.n-news-b .new .imgbox a .text .btn .after img:nth-child(1) {
  display: inline;
}
.n-news-b .new .imgbox a .text .btn .after img:nth-child(2) {
  display: none;
}
.n-news-b .new .imgbox:hover a {
  background: #d1292e;
}
.n-news-b .new .imgbox:hover a .time .day {
  color: #fff;
}
.n-news-b .new .imgbox:hover a .time .year {
  color: #fff;
}
.n-news-b .new .imgbox:hover a .text .p-a {
  color: #fff;
}
.n-news-b .new .imgbox:hover a .text .p-b {
  color: #fff;
}
.n-news-b .new .imgbox:hover a .text .btn .p {
  color: #fff;
}
.n-news-b .new .imgbox:hover a .text .btn .after img:nth-child(1) {
  display: none;
}
.n-news-b .new .imgbox:hover a .text .btn .after img:nth-child(2) {
  display: inline;
}
.n-news-c .new {
  padding: 120px 0;
}
.n-news-c .new .caption {
  font-size: 48px;
  color: #000000;
  padding: 0 0 50px 0;
  margin: 0 0 75px 0;
  border-bottom: 1px solid #020202;
}
.n-news-c .new .element {
  flex-wrap: wrap;
}
.n-news-c .new .element .imgbox {
  width: 31%;
  margin: 0 1% 50px 1%;
}
.n-news-c .new .element .imgbox a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}
.n-news-c .new .element .imgbox a .img img {
  width: 100%;
}
.n-news-c .new .element .imgbox a .p {
  box-sizing: border-box;
  padding: 8% 5% 2% 5%;
}
.n-news-c .new .element .imgbox a .p .time {
  font-size: 19px;
  color: #676767;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.n-news-c .new .element .imgbox a .p .title {
  font-size: 29px;
  color: #000000;
  line-height: 44px;
  margin: 0 0 40px 0;
}
.n-news-c .new .element .imgbox a .p .btn {
  margin: 0 0 20px 0;
}
.n-news-c .new .element .imgbox a .bg {
  width: 100%;
  height: 10px;
  background: #d1292e;
}
.x-news .new {
  padding: 100px 0 ;
  align-items: flex-start;
}
.x-news .new .left{
  width: 65%;
}
.x-news .new .left{
  font-size: 16px;
  line-height: 32px;
  color: #666;
}
.x-news .new .left a{
  color:  #c80208;
}
.x-news .new .right{
  width: 30%;
}
.x-news .new .right .caption{
  font-size: 24px;
  font-weight: bold;
  color: #333;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #dddddd;
}
.x-news .new .right .textbox a{
  padding: 20px 0;
  display: block;
  border-bottom: 1px solid #dddddd;
}
.x-news .new .right .textbox a .title{
  font-size: 18px;
  color: #666666;
  margin: 0 0 30px 0;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: 0.3s;
}
.x-news .new .right .textbox a .time{
  font-size: 14px;
  color: #a4a7ab;
}
.x-news .new .right .textbox:hover a .title{
  color: #c80208;
}
/* 关于 */
.about {
  background: url(/templates/default/images/img/ind20.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.about .abo {
  padding: 160px 0 90px 0;
  flex-wrap: wrap;
}
.about .abo .left {
  width: 60%;
}
.about .abo .left .title {
  font-size: 48px;
  color: #ffffff;
  line-height: 71px;
  margin: 0 0 50px 0;
  font-family: "PINGFANG-BOLD";
}
.about .abo .left .text {
  font-size: 19px;
  color: #fff;
  line-height: 35px;
  margin: 0 0 80px 0;
  font-family: "PINGFANG-REGULAR";
}
.about .abo .left .more {
  width: 220px;
}
.about .abo .left .more a {
  display: block;
  background: #c80208;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  border-radius: 30px;
  font-family: "PINGFANG-REGULAR";
}
.about .abo .right {
  margin: 0 auto;
}
.about .abo .right .videobtn {
  padding: 15px;
  border: 1px solid rgba(200, 2, 8, 0.5);
  border-radius: 50%;
  position: relative;
}
.about .abo .right .videobtn a {
  position: relative;
  display: block;
  width: 75px;
  height: 75px;
  z-index: 99;
}
.about .abo .right .videobtn::after {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 107px;
  height: 107px;
  border: 1px solid rgba(200, 2, 8, 0.4);
  content: '';
  border-radius: 50%;
  z-index: 9;
  transform: scale(1.3);
  animation-name: move1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.about .abo .right .videobtn:hover::after {
  animation-name: move1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.about .abo .bottom {
  margin: 160px 0 0 0;
  width: 100%;
}
.about .abo .bottom .textbox {
  width: 100%;
  position: relative;
}
.about .abo .bottom .textbox .p-a {
  font-size: 53px;
  color: #fff;
  margin: 0 0 25px 0;
  text-align: center;
  font-family: "PINGFANG-BOLD";
}
.about .abo .bottom .textbox .p-b {
  font-size: 29px;
  color: #fff;
  text-align: center;
  font-family: "PINGFANG-BOLD";
}
.about .abo .bottom .textbox::after {
  position: absolute;
  right: 0;
  top: 10%;
  width: 1px;
  height: 80%;
  background: #ffffff;
  content: '';
}
.about .abo .bottom .textbox:last-child::after {
  display: none;
}
.n-about-a {
  background: #f9f9f9;
}
.n-about-a .abo {
  padding: 110px 0;
}
.n-about-a .abo .left {
  width: 55%;
}
.n-about-a .abo .left .caption {
  margin: 0 0 60px 0;
}
.n-about-a .abo .left .caption .p-a {
  font-size: 48px;
  color: #000000;
  margin: 0 0 30px 0;
}
.n-about-a .abo .left .caption .p-b {
  font-size: 28px;
  color: #797979;
}
.n-about-a .abo .left .videobox {
  justify-content: flex-end;
  position: relative;
  margin: 0 0 60px 0;
}
.n-about-a .abo .left .videobox .p {
  font-size: 77px;
  color: #373737;
}
.n-about-a .abo .left .videobox .p span {
  font-weight: bold;
  color: #d11f27;
}
.n-about-a .abo .left .videobox .videobtn {
  padding: 15px;
  border: 1px solid rgba(200, 2, 8, 0.5);
  border-radius: 50%;
  position: relative;
  margin: 0 0 0 40px;
}
.n-about-a .abo .left .videobox .videobtn a {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  z-index: 99;
}
.n-about-a .abo .left .videobox .videobtn :after {
  position: absolute;
  left: -17px;
  top: -17px;
  width: 122px;
  height: 122px;
  border: 1px solid rgba(200, 2, 8, 0.4);
  content: '';
  border-radius: 50%;
  z-index: 9;
  transform: scale(1.3);
  animation-name: move1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.n-about-a .abo .left .videobox::after {
  position: absolute;
  left: -70%;
  top: 55%;
  width: 100%;
  height: 1px;
  background: #dddddd;
  content: '';
}
.n-about-a .abo .left .text {
  font-size: 17px;
  color: #1f1f1f;
  line-height: 36px;
  max-height: 400px;
  overflow-x: auto;
  box-sizing: border-box;
  padding: 0 5% 0 0;
}
.n-about-a .abo .right {
  width: 40%;
}
.n-about-a .abo .right .body {
  margin: 15px 0 0 0;
}
.n-about-a .abo .right .body .up {
  font-size: 24px;
  color: #616161;
  padding: 0 0 15px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #c2c2c2;
}
.n-about-a .abo .right .body .up span {
  font-size: 77px;
  color: #c1030f;
  font-weight: bold;
  margin: 0 10px 0 0;
}
.n-about-a .abo .right .body .down {
  font-size: 16px;
  color: #303030;
}
.n-about-b {
  background: url(/templates/default/images/img/abo2.jpg) no-repeat;
  background-size: cover;
}
.n-about-b .abo {
  padding: 70px 0;
}
.n-about-b .abo .textbox {
  width: 100%;
  position: relative;
}
.n-about-b .abo .textbox .p-a {
  font-size: 60px;
  color: #fff;
  margin: 0 0 25px 0;
  text-align: center;
}
.n-about-b .abo .textbox .p-b {
  font-size: 17px;
  color: #ffffff;
  text-align: center;
}
.n-about-b .abo .textbox::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  content: '';
}
.n-about-b .abo .textbox:last-child::after {
  display: none;
}
.n-about-c {
  background: url(/templates/default/images/img/abo3.jpg) no-repeat;
  background-size: cover;
}
.n-about-c .abo {
  padding: 115px 0;
}
.n-about-c .abo .caption {
  font-size: 48px;
  color: #000000;
  text-align: center;
  margin: 0 0 65px 0;
}
.n-about-c .abo .element .swiper .swiper-slide {
  left: 26%;
}
.n-about-c .abo .element .swiper .swiper-slide img {
  width: 100%;
}
.n-about-c .abo .element .swiper .swiper-button-prev {
  left: 24%;
}
.n-about-c .abo .element .swiper .swiper-button-prev::after {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
}
.n-about-c .abo .element .swiper .swiper-button-prev:hover::after {
  color: #a4a5a6;
}
.n-about-c .abo .element .swiper .swiper-button-next {
  right: 24%;
}
.n-about-c .abo .element .swiper .swiper-button-next::after {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
}
.n-about-c .abo .element .swiper .swiper-button-next:hover::after {
  color: #a4a5a6;
}
.n-about-d {
  background: url(/templates/default/images/img/abo4.jpg) no-repeat;
  background-size: cover;
}
.n-about-d .abo {
  padding: 115px 0;
}
.n-about-d .abo .caption {
  font-size: 48px;
  color: #000000;
  text-align: center;
  margin: 0 0 65px 0;
}
.n-about-d .abo .element {
  position: relative;
}
.n-about-d .abo .element .swiper .imgbox {
  background: rgba(255, 255, 255, 0.6);
  padding: 50px 0;
  border-radius: 10px;
}
.n-about-d .abo .element .swiper .imgbox .img {
  width: 15%;
  text-align: center;
  margin: 0 auto 30px;
}
.n-about-d .abo .element .swiper .imgbox .text .p-a {
  font-size: 35px;
  color: #d81e06;
  text-align: center;
  margin: 0 0 40px 0;
}
.n-about-d .abo .element .swiper .imgbox .text .p-b {
  font-size: 20px;
  color: #1a1a1a;
  text-align: center;
  line-height: 36px;
  height: 72px;
  box-sizing: border-box;
  padding: 0 3%;
}
.n-about-d .abo .element .swiper-button-prev {
  width: 35px;
  height: 35px;
  border: 2px solid #292929;
  border-radius: 50%;
  left: -3%;
}
.n-about-d .abo .element .swiper-button-prev::after {
  font-size: 22px;
  color: #292929;
  font-weight: bold;
}
.n-about-d .abo .element .swiper-button-prev:hover {
  border: 2px solid #d81e06;
}
.n-about-d .abo .element .swiper-button-prev:hover::after {
  color: #d81e06;
}
.n-about-d .abo .element .swiper-button-next {
  width: 35px;
  height: 35px;
  border: 2px solid #292929;
  border-radius: 50%;
  right: -3%;
}
.n-about-d .abo .element .swiper-button-next::after {
  font-size: 22px;
  color: #292929;
  font-weight: bold;
}
.n-about-d .abo .element .swiper-button-next:hover {
  border: 2px solid #d81e06;
}
.n-about-d .abo .element .swiper-button-next:hover::after {
  color: #d81e06;
}
.n-about-e {
  background: url(/templates/default/images/img/abo5.jpg) no-repeat;
  background-size: cover;
}
.n-about-e .abo {
  padding: 115px 0;
}
.n-about-e .abo .caption {
  font-size: 48px;
  color: #000000;
  margin: 0 0 65px 0;
}
.n-about-e .abo .element {
  position: relative;
}
.n-about-e .abo .element .swiperc .textbox .left {
  width: 50%;
  padding: 130px 0;
  border-right: 1px solid #1a1a1a;
}
.n-about-e .abo .element .swiperc .textbox .left .p-a {
  font-size: 80px;
  color: #d81e06;
  text-align: center;
  margin: 0 0 25px 0;
}
.n-about-e .abo .element .swiperc .textbox .left .p-b {
  font-size: 34px;
  color: #5d5d5d;
  text-align: center;
}
.n-about-e .abo .element .swiperc .textbox .right {
  width: 45%;
  font-size: 19px;
  color: #626262;
}
.n-about-e .abo .element .swiperc .textbox .right p {
  margin: 30px 0;
  line-height: 40px;
}
.n-about-e .abo .element .swiperc .textbox .right span {
  font-size: 29px;
  color: #d81e06;
  font-weight: bold;
  margin: 0 25px 0 0;
}
.n-about-e .abo .element .swiperd {
  position: relative;
  margin: 110px 0 0 0;
}
.n-about-e .abo .element .swiperd .imgbox {
  width: 50%;
}
.n-about-e .abo .element .swiperd .imgbox .after {
  text-align: center;
  margin: 0 0 27px 0;
  opacity: 0;
}
.n-about-e .abo .element .swiperd .imgbox .before {
  width: 17px;
  height: 17px;
  background: #626262;
  border-radius: 50%;
  margin: 0 auto;
}
.n-about-e .abo .element .swiperd .imgbox .p-a {
  font-size: 25px;
  color: #d81e06;
  font-weight: bold;
  text-align: center;
  margin: 20px 0 15px 0;
}
.n-about-e .abo .element .swiperd .imgbox .p-b {
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  text-align: center;
}
.n-about-e .abo .element .swiperd::after {
  position: absolute;
  left: 0;
  top: 82px;
  width: 100%;
  height: 10px;
  border-radius: 30px;
  background: #b5b5b5;
  content: '';
}
.n-about-e .abo .element .swiperd .swiper-slide-active .imgbox .after {
  opacity: 1;
}
.n-about-e .abo .element .swiperd .swiper-slide-active .imgbox .before {
  background: #d81e06;
}
.n-about-e .abo .element .swiper-button-prev {
  top: 35%;
  width: 50px;
  height: 50px;
  border: 1px solid #bababa;
  border-radius: 50%;
}
.n-about-e .abo .element .swiper-button-prev::after {
  font-size: 24px;
  color: #bababa;
  font-weight: bold;
}
.n-about-e .abo .element .swiper-button-prev:hover {
  border: 1px solid #272636;
}
.n-about-e .abo .element .swiper-button-prev:hover::after {
  color: #272636;
}
.n-about-e .abo .element .swiper-button-next {
  top: 35%;
  width: 50px;
  height: 50px;
  border: 1px solid #bababa;
  border-radius: 50%;
}
.n-about-e .abo .element .swiper-button-next::after {
  font-size: 24px;
  color: #bababa;
  font-weight: bold;
}
.n-about-e .abo .element .swiper-button-next:hover {
  border: 1px solid #272636;
}
.n-about-e .abo .element .swiper-button-next:hover::after {
  color: #272636;
}
.n-about-f {
  background: #fafafa;
}
.n-about-f .abo {
  padding: 115px 0;
}
.n-about-f .abo .caption {
  margin: 0 0 40px 0;
}
.n-about-f .abo .caption .p-a {
  font-size: 48px;
  color: #000000;
  text-align: center;
  margin: 0 0 50px 0;
}
.n-about-f .abo .caption .p-b {
  font-size: 19px;
  color: #7b7a7a;
  line-height: 37px;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.n-about-f .abo .element .swiper {
  padding: 0 0 80px 0;
}
.n-about-f .abo .element .swiper .img {
  box-sizing: border-box;
  padding: 20px 10%;
  background: #fff;
  box-shadow: 0 0 10px 0 #eee;
}
.n-about-f .abo .element .swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.n-about-f .abo .element .swiper .swiper-pagination-bullet-active {
  background: #c1030f;
}
.n-about-f .abo .element .swiper .swiper-button-prev {
  left: 20%;
  top: auto;
  bottom: 0;
  width: 63px;
  height: 45px;
  background: url(/templates/default/images/img/abo7.png) no-repeat;
  background-size: inherit;
}
.n-about-f .abo .element .swiper .swiper-button-prev::after {
  font-size: 18px;
  color: #272636;
  font-weight: bold;
}
.n-about-f .abo .element .swiper .swiper-button-next {
  right: 20%;
  top: auto;
  bottom: 0;
  width: 63px;
  height: 45px;
  background: url(/templates/default/images/img/abo7.png) no-repeat;
  background-size: inherit;
}
.n-about-f .abo .element .swiper .swiper-button-next::after {
  font-size: 18px;
  color: #272636;
  font-weight: bold;
}
.n-about-f .abo .element .swiper .swiper-button-prev:hover{
    background: url(/templates/default/images/img/abo14.png) no-repeat;
}
.n-about-f .abo .element .swiper .swiper-button-prev:hover:after{
  color: #fff;
}
.n-about-f .abo .element .swiper .swiper-button-next:hover{
  background: url(/templates/default/images/img/abo14.png) no-repeat;
}
.n-about-f .abo .element .swiper .swiper-button-next:hover:after{
color: #fff;
}
.n-about-g {
  background: url(/templates/default/images/img/abo8.jpg) right bottom no-repeat;
  background-size: cover;
}
.n-about-g .abo {
  padding: 115px 0;
}
.n-about-g .abo .caption {
  padding: 0 0 40px 0;
  margin: 0 0 75px 0;
  border-bottom: 1px solid #020202;
}
.n-about-g .abo .caption .p-a {
  font-size: 48px;
  color: #000000;
  margin: 0 0 60px 0;
}
.n-about-g .abo .caption .p-b {
  font-size: 53px;
  color: #000000;
  line-height: 69px;
}
.n-about-g .abo .element .left {
  width: 60%;
  justify-content: flex-start;
}
.n-about-g .abo .element .left .afterbox {
  width: 45%;
}
.n-about-g .abo .element .left .afterbox .p-a {
  font-size: 19px;
  color: #7f7f7f;
  margin: 0 0 20px 0;
}
.n-about-g .abo .element .left .afterbox .p-b {
  font-size: 40px;
  color: #000000;
  font-weight: bold;
  margin: 0 0 100px 0;
}
.n-about-g .abo .element .right {
  width: 35%;
  justify-content: flex-end;
}
.n-about-g .abo .element .right .imgbox {
  width: 35%;
  text-align: center;
}
.n-about-g .abo .element .right .imgbox .img {
  margin: 0 0 25px 0;
}
.n-about-g .abo .element .right .imgbox .p-a {
  font-size: 19px;
  color: #949494;
  margin: 0 0 15px 0;
}
.n-about-g .abo .element .right .imgbox .p-b {
  font-size: 25px;
  color: #010101;
}
.n-about-h {
  background: url(/templates/default/images/img/abo9.png) left top no-repeat;
}
.n-about-h .abo {
  padding: 40px 0 110px 0;
}
.n-about-h .abo .caption {
  font-size: 53px;
  color: #000000;
  line-height: 69px;
  box-sizing: border-box;
  padding: 0 0 0 50%;
  margin: 0 0 60px 0;
}
.n-about-h .abo .element {
  flex-wrap: wrap;
}
.n-about-h .abo .element .imgbox {
  width: 48%;
  box-sizing: border-box;
  padding: 2% 2%;
  background: #f6f6f6;
  margin: 0 0 30px 0;
  border-radius: 10px;
  align-items: flex-start;
}
.n-about-h .abo .element .imgbox .left {
  width: 10%;
}
.n-about-h .abo .element .imgbox .left img:nth-child(1){
  display: inline;
}
.n-about-h .abo .element .imgbox .left img:nth-child(2){
  display: none;
}
.n-about-h .abo .element .imgbox .right {
  width: 90%;
}
.n-about-h .abo .element .imgbox .right .title {
  margin: 0 0 20px 0;
}
.n-about-h .abo .element .imgbox .right .title .p {
  font-size: 31px;
  color: #000000;
}
.n-about-h .abo .element .imgbox .right .text {
  font-size: 18px;
  line-height: 35px;
  color: #717171;
  height: 70px;
}
.n-about-h .abo .element .imgbox:hover{
  background: #d1292e;
}
.n-about-h .abo .element .imgbox:hover .left img:nth-child(1){
  display: none;
}
.n-about-h .abo .element .imgbox:hover .left img:nth-child(2){
  display: inline;
}
.n-about-h .abo .element .imgbox:hover .right .title .p {
  color: #fff;
}
.n-about-h .abo .element .imgbox:hover .right .text {
  color: #fff;
}
.n-about-i .abo {
  padding: 115px 0;
}
.n-about-i .abo .caption {
  padding: 0 0 40px 0;
  margin: 0 0 75px 0;
  border-bottom: 1px solid #020202;
}
.n-about-i .abo .caption .p-a {
  font-size: 48px;
  color: #000000;
  margin: 0 0 60px 0;
}
.n-about-i .abo .caption .p-b {
  font-size: 53px;
  color: #000000;
  line-height: 69px;
}
.n-about-i .abo .searchbox {
  margin: 0 0 60px 0;
}
.n-about-i .abo .searchbox select {
  background: url(/templates/default/images/img/abo11.png) no-repeat;
  background-position: 90% 50%;
  width: 30%;
  border: 1px solid #e2e2e2;
  font-size: 19px;
  color: #000000;
  height: 55px;
  box-sizing: border-box;
  padding: 0 2%;
  border-radius: 30px;
  appearance: none;
}
.n-about-i .abo .searchbox form {
  width: 35%;
  border: 1px solid #e2e2e2;
  font-size: 19px;
  color: #000000;
  height: 55px;
  box-sizing: border-box;
  padding: 0 2%;
  border-radius: 30px;
}
.n-about-i .abo .searchbox form input {
  border: none;
  outline: none;
}
.n-about-i .abo .searchbox form input::placeholder {
  color: #000000;
}
.n-about-i .abo .searchbox form .input {
  width: 90%;
}
.n-about-i .abo .searchbox form .submit {
  width: 10%;
  height: 55px;
  background: url(/templates/default/images/img/abo12.png) center no-repeat;
}
.n-about-i .abo .element {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.n-about-i .abo .element .textbox {
  width: 23%;
  margin: 0 1% 50px 1%;
}
.n-about-i .abo .element .textbox .texta {
  display: block;
  box-sizing: border-box;
  padding: 10% 10%;
  box-shadow: 0 0 10px 0 #eee;
  border-radius: 15px;
}
.n-about-i .abo .element .textbox .texta .title {
  font-size: 28px;
  color: #000000;
  margin: 0 0 15px 0;
}
.n-about-i .abo .element .textbox .texta .text {
  font-size: 19px;
  color: #000000;
  margin: 0 0 140px 0;
  line-height: 26px;
}
.n-about-i .abo .element .textbox .texta .time {
  font-size: 21px;
  color: #a0a0a0;
}
.n-about-i .abo .element .textbox .body{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
.n-about-i .abo .element .textbox .body .content{
  background: #fff;
  position: absolute;
  top: 30%;
  left: 30%;
  width: 40%;
  border-radius: 10px;
  overflow:  hidden;
}
.n-about-i .abo .element .textbox .body .content .title{
  position: relative;
  width: 100%;
  background: #f1f1f1;
  line-height: 60px;
  text-align: center;
  font-size: 22px;
  color: #000000;
}
.n-about-i .abo .element .textbox .body .content .title .close{
  position: absolute;
  top: 18px;
  right: 15px;
}
.n-about-i .abo .element .textbox .body .content .title .close img{
  display: block;
}
.n-about-i .abo .element .textbox .body .content .box{
  box-sizing: border-box;
  padding: 20px 5%;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.n-about-i .abo .element .textbox .body .content .box h1{
  font-size: 16px;
  color: #010101;
  line-height: 32px;
  margin: 0 0 20px 0;
  font-weight: 500;
}
.n-about-i .abo .element .textbox .body .content .box h1 span{
  margin: 0 20px 10px 0;
}
.n-about-i .abo .element .textbox .body .content .box p{
  font-size: 16px;
  line-height: 32px;
  color: #4c4c4c;
}
.n-about-i .active-a .body{
  display: block !important;
}
/* 底部 */
footer {
  background: #f3f3f3;
}
footer .foo .left {
  width: 65%;
  padding: 120px 5% 50px;
  border-right: 1px solid #e6e6e6;
}
footer .foo .left .title {
  font-size: 37px;
  color: #333333;
  margin: 0 0 35px 0;
  font-family: "PINGFANG-BOLD";
}
footer .foo .left .searchbox {
  padding: 0 0 55px 0;
  border-bottom: 1px solid #e7e7e7;
}
footer .foo .left .searchbox form {
  width: 60%;
  background: #fff;
}
footer .foo .left .searchbox form input {
  border: none;
  outline: none;
  height: 55px;
}
footer .foo .left .searchbox form .input {
  width: 90%;
  line-height: 55px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
  color: #666;
  font-family: "PINGFANG-MEDIUM";
}
footer .foo .left .searchbox form .submit {
  background: url(/templates/default/images/img/foo1.png) center no-repeat;
  width: 10%;
}
footer .foo .left .searchbox ul {
  width: 35%;
  justify-content: flex-start;
}
footer .foo .left .searchbox ul li {
  font-size: 17px;
  color: #535353;
  margin: 0 50px 0 0 ;
  font-family: "PINGFANG-BOLD";
}
footer .foo .left .searchbox ul li a {
  font-size: 17px;
  color: #535353;
  font-family: "PINGFANG-BOLD";
}
footer .foo .left .searchbox ul li:last-child {
  margin: 0;
}
footer .foo .left .nav {
  margin: 75px 0;
  align-items: flex-start;
}
footer .foo .left .nav ul {
  width: 25%;
}
footer .foo .left .nav ul .caption {
  font-size: 22px;
  color: #161616;
  margin: 0 0 25px 0;
  font-family: "PINGFANG-BOLD";
}
footer .foo .left .nav ul li a {
  font-size: 16px;
  color: #161616;
  display: block;
  margin: 0 0 15px 0;
  font-family: "PINGFANG-MEDIUM";
}
footer .foo .left .element {
  font-size: 16px;
  color: #3c3c3c;
}
footer .foo .left .element a {
  color: #3c3c3c;
}
footer .foo .right {
  width: 30%;
  padding: 0 0 0 5%;
}
footer .foo .right .caption {
  font-size: 23px;
  color: #c80208;
  padding: 0 0 25px 0;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 45px 0;
  font-family: "PINGFANG-HEAVY";
}
footer .foo .right .caption::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10%;
  height: 3px;
  background: #c80208;
  content: '';
}
footer .foo .right .afterbox {
  justify-content: flex-start;
  margin: 0 0 20px 0;
}
footer .foo .right .afterbox .after {
  width: 10%;
}
footer .foo .right .afterbox .p {
  width: 70%;
  font-size: 18px;
  color: #373737;
  line-height: 35px;
  font-family: "PINGFANG-BOLD";
}
footer .foo .right .body {
  justify-content: flex-start;
  margin: 65px 0 0 0;
}
footer .foo .right .body .imgbox {
  width: 20%;
  text-align: center;
  margin: 0 35px 0 0;
}
footer .foo .right .body .imgbox .img {
  margin: 0 0 5px 0;
}
footer .foo .right .body .imgbox .p {
  font-size: 16px;
  color: #252525;
  line-height: 22px;
  font-family: "PINGFANG-BOLD";
}
/* 效劳 */
.n-service-a {
  background: url(/templates/default/images/img/ser4.jpg) bottom no-repeat;
}
.n-service-a .ser {
  padding: 115px 0;
}
.n-service-a .ser .caption {
  font-size: 48px;
  color: #000000;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #020202;
  margin: 0 0 60px 0;
}
.n-service-a .ser .title {
  font-size: 38px;
  color: #333;
  text-align: center;
  margin: 0 0 60px 0;
}
.n-service-a .ser .element {
  flex-wrap: wrap;
  margin: 0 0 50px 0;
}
.n-service-a .ser .element .inputbox {
  width: 30%;
  margin: 0 0 40px 0;
}
.n-service-a .ser .element .inputbox .p {
  font-size: 20px;
  color: #000000;
  margin: 0 0 20px 0;
}
.n-service-a .ser .element .inputbox .p span {
  color: #d1292e;
}
.n-service-a .ser .element .inputbox .input {
  width: 100%;
}
.n-service-a .ser .element .inputbox .input input {
  width: 100%;
  line-height: 50px;
  border: none;
  outline: none;
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #bdbcbc;
  border-radius: 5px;
}
.n-service-a .ser .element .inputbox .input input::placeholder{
  color: #bdbcbc;
}
.n-service-a .ser .element .inputbox-a {
  width: 65%;
}
.n-service-a .ser .element .inputbox-b {
  width: 100%;
}
.n-service-a .ser .element .selectbox {
  width: 30%;
  margin: 0 0 40px 0;
}
.n-service-a .ser .element .selectbox .p {
  font-size: 20px;
  color: #000000;
  margin: 0 0 20px 0;
}
.n-service-a .ser .element .selectbox .p span {
  color: #d1292e;
}
.n-service-a .ser .element .selectbox .select {
  width: 100%;
}
.n-service-a .ser .element .selectbox .select select {
  width: 100%;
  height: 50px;
  border: none;
  outline: none;
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #bdbcbc;
  border-radius: 5px;
}
.n-service-a .ser .element .selectbox .select select:optional{
  color: #bdbcbc;
  border: none;
}
.n-service-a .ser .element .selectbox .select select option{
  border: none;
}
.n-service-a .ser .element .textareabox {
  width: 100%;
  margin: 0 0 40px 0;
}
.n-service-a .ser .element .textareabox .p {
  font-size: 20px;
  color: #000000;
  margin: 0 0 20px 0;
}
.n-service-a .ser .element .textareabox .p span {
  color: #d1292e;
}
.n-service-a .ser .element .textareabox .textarea {
  width: 100%;
}
.n-service-a .ser .element .textareabox .textarea textarea {
  width: 100%;
  line-height: 50px;
  border: none;
  outline: none;
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 18px;
  color: #bdbcbc;
  border-radius: 10px;
  height: 180px;
}
.n-service-a .ser .element .textareabox .textarea textarea::placeholder{
  color: #bdbcbc;
}
.n-service-a .ser .element .textbox {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 45px 0;
}
.n-service-a .ser .element .textbox .left {
  width: 8%;
  font-size: 20px;
  color: #000000;
}
.n-service-a .ser .element .textbox .right {
  width: 92%;
}
.n-service-a .ser .element .textbox .right .text {
  font-size: 20px;
  color: #000000;
  margin: 0 0 25px 0;
}
.n-service-a .ser .element .textbox .right .option {
  justify-content: flex-start;
}
.n-service-a .ser .element .textbox .right .option .label {
  margin: 0 30px  0 0;
}
.n-service-a .ser .element .textbox .right .option .label .input {
  margin: 0 10px 0;
}
.n-service-a .ser .element .textbox .right .option .label .p {
  font-size: 18px;
  color: #000000;
}
.n-service-a .ser .element .privacy {
  width: 100%;
  font-size: 20px;
  color: #000000;
  margin: 0 0 70px 0;
}
.n-service-a .ser .element .privacy span {
  color: #d1292e;
}
.n-service-a .ser .element .privacy a {
  color: #3ba5ff;
}
.n-service-a .ser .element .submit {
  width: 200px;
}
.n-service-a .ser .element .submit input {
  width: 100%;
  line-height: 60px;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 30px;
  background: #d1292e;
  font-size: 20px;
  color: #ffffff;
}
.n-service-b .ser {
  padding: 115px 0;
}
.n-service-b .ser .caption {
  font-size: 48px;
  color: #000000;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #020202;
  margin: 0 0 60px 0;
}
.n-service-b .ser .form {
  width: 50%;
  background: #f8f8f8;
  margin: 0 auto 50px;
  border-radius: 30px;
  overflow: hidden;
}
.n-service-b .ser .form .input {
  width: 90%;
  line-height: 55px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  background: #f8f8f8;
}
.n-service-b .ser .form .submit {
  width: 10%;
  height: 55px;
  background: #f8f8f8;
  background: url(/templates/default/images/img/ser3.png) center no-repeat;
}
.n-service-b .ser .form input {
  border: none;
  outline: none;
}
.n-service-b .ser .element {
  flex-wrap: wrap;
}
.n-service-b .ser .element .downloadbox {
  width: 31%;
  margin: 0 1% 30px 1%;
}
.n-service-b .ser .element .downloadbox a .up {
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 15px 15px;
}
.n-service-b .ser .element .downloadbox a .up .left {
  width: 90%;
}
.n-service-b .ser .element .downloadbox a .up .left .after {
  width: 10%;
}
.n-service-b .ser .element .downloadbox a .up .left .p {
  width: 90%;
  font-size: 18px;
  color: #c9000b;
}
.n-service-b .ser .element .downloadbox a .up .right {
  width: 10%;
  text-align: right;
}
.n-service-b .ser .element .downloadbox a .down {
  border: 1px solid #eee;
  box-sizing: border-box;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  height: 70px;
}
.n-service-c .ser {
  padding: 115px 0;
}
.n-service-c .ser .caption {
  font-size: 48px;
  color: #000000;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #020202;
  margin: 0 0 60px 0;
}
.n-service-c .ser .form {
  width: 50%;
  background: #f8f8f8;
  margin: 0 auto 50px;
  border-radius: 30px;
  overflow: hidden;
}
.n-service-c .ser .form .input {
  width: 90%;
  line-height: 55px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  background: #f8f8f8;
}
.n-service-c .ser .form .submit {
  width: 10%;
  height: 55px;
  background: #f8f8f8;
  background: url(/templates/default/images/img/ser3.png) center no-repeat;
}
.n-service-c .ser .form input {
  border: none;
  outline: none;
}
.n-service-c .ser .element .textbox {
  margin: 0 0 25px 0;
}
.n-service-c .ser .element .textbox a {
  display: block;
}
.n-service-c .ser .element .textbox a .Q {
  box-sizing: border-box;
  padding: 20px 25px;
  background: #ececec;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.n-service-c .ser .element .textbox a .Q .left {
  width: 5%;
}
.n-service-c .ser .element .textbox a .Q .left span {
  display: inline-block;
  width: 38px;
  line-height: 38px;
  background: #d1292e;
  font-size: 25px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
}
.n-service-c .ser .element .textbox a .Q .right {
  width: 95%;
  font-size: 23px;
  color: #000000;
}
.n-service-c .ser .element .textbox a .A {
  box-sizing: border-box;
  padding: 20px 25px;
  border: 1px solid #e4e4e4;
}
.n-service-c .ser .element .textbox a .A .left {
  width: 5%;
}
.n-service-c .ser .element .textbox a .A .left span {
  display: inline-block;
  width: 38px;
  line-height: 38px;
  background: #828282;
  font-size: 25px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
}
.n-service-c .ser .element .textbox a .A .right {
  width: 95%;
  font-size: 23px;
  color: #000000;
}
.n-service-d .ser {
  padding: 115px 0;
}
.n-service-d .ser .caption {
  font-size: 48px;
  color: #000000;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #020202;
  margin: 0 0 60px 0;
}
.n-service-d .ser .element{
  justify-content: flex-start;
  flex-wrap: wrap;
}
.n-service-d .ser .element .videobox{
  width: 31%;
  margin: 0 1% 50px 1%;
  box-shadow: 0 0 10px 0 #eee;
}
.n-service-d .ser .element .videobox .video video{
  width: 100%;
  max-width: 100%;
}
.n-service-d .ser .element .videobox .title{
  font-size: 24px;
  color: #000000;
  text-align: center;
  padding: 30px 0;
}
.n-service-d .ser .element .videobox:hover .title{
  color: #d1292e;
}
/******************************************/
@media screen and (max-width: 1801px) {
  header .hea .ul-a {
    width: 55%;
  }
  .about .abo .bottom .textbox .p-b {
    font-size: 22px;
  }
  .x-product .pro .nav li {
    width: 13%;
  }
  .x-product .pro .element .element-a {
    padding: 60px 10%;
  }
  .n-about-h .abo .caption {
    font-size: 48px;
    padding: 0 0 0 55%;
  }
}
/******************************************/
@media screen and (max-width: 1601px) {
  .products .pro .nav .imgbox {
    width: 18%;
  }
  .products .pro .nav .imgbox .img{
    height: 120px;
  }
  .products .pro .nav .imgbox .img img{
    max-height: 100%;
  }
  .products .pro .element .swiper-b .imgbox a .right .caption {
    font-size: 34px;
  }
  .products .pro .element .swiper-b .imgbox a .right .text {
    line-height: 30px;
    margin: 0 0 15px 0;
  }
  .news .new .element .right .body .textbox a .title {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 15px 0;
  }
  footer .foo .right .body .imgbox {
    width: 25%;
  }
  .n-banner-a .ban .caption {
    font-size: 38px;
  }
  .n-product .pro .element .nav li a .img {
    height: 120px;
  }
  .n-product .pro .element .nav li a .img img{
    max-height: 100%;
  }
  .x-product .pro .body .right .text {
    line-height: 38px;
  }
  .x-product .pro .element .element-a ul li {
    width: 45%;
  }
  .n-solution-a .sol .element .text {
    width: 55%;
    padding: 3% 3%;
  }
  .n-solution-a .sol ul li a .p {
    font-size: 22px;
  }
  .n-service-a .ser .element .textbox .left {
    width: 10%;
  }
  .n-about-i .abo .element .textbox .texta .title {
    font-size: 22px;
  }
} 
/******************************************/
@media screen and (max-width: 1401px){
  header .hea .logo {
    width: 15%;
  }
  header .hea .ul-a .li-a .a-a {
    font-size: 17px;
  }
  .banner .ban .swiper .imgbox .text .p-a {
    font-size: 36px;
  }
  .banner .ban .swiper .imgbox .text .p-b {
    font-size: 48px;
  }
  .banner .ban .swiper .imgbox .text .p-c {
    font-size: 28px;
  }
  .products .pro .element .swiper-b .imgbox a .right .caption {
    font-size: 28px;
  }
  .solution .sol .bodybox .body .text .caption {
    margin: 0 0 30px 0;
  }
  .solution .sol .bodybox .body .text .element .p-a {
    font-size: 30px;
    margin: 0 0 15px 0;
  }
  .solution .sol ul li a .p {
    font-size: 22px;
  }
  .news .new .element .right .body .textbox a .title {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 10px 0;
  } 
  .about .abo .left .title {
    font-size: 38px;
  }
  .about .abo .bottom {
    margin: 100px 0 0 0;
  }
  .about .abo .bottom .textbox .p-a {
    font-size: 43px;
  }
  .about .abo .bottom .textbox .p-b {
    font-size: 18px;
  }
  .news .new .element .left a .text .p-c .after {
    width: 8%;
  }
  .news .new .element .left a .text .p-c .p {
    width: 90%;
    line-height: 24px;
  }
  .news .new .element .right .body .textbox a .text {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .news .new .element .right .body .textbox a {
    padding: 15% 5%;
  }
  footer .foo .left .searchbox form {
    width: 50%;
  }
  footer .foo .left .searchbox ul {
    width: 45%;
  }
  .n-product .pro .element .body .box ul li .title {
    width: 10%;
  }
  .n-product .pro .details .imgbox a .text .title {
    font-size: 22px;
  }
  .x-product .pro .nav li a {
    font-size: 16px;
    height: 80px;
  }
  .x-product .pro .element .element-a {
    padding: 60px 5%;
  }
  header .hea .ul-a .li-a .ul-b {
    left: -170%;
  }
  .n-solution-a .sol ul li a .p {
    font-size: 20px;  
  }
  .n-solution-a .sol .element .text .p-a {
    font-size: 32px;
    margin: 0 0 20px 0;
  }
  .n-solution-a .sol .element .text {
    width: 70%;
  }
  .n-news-a .new {
    padding: 80px 0 0 0;
  }
  .n-news-a .new .caption .p-a {
    font-size: 38px;
    margin: 0 0 40px 0;
  }
  .n-news-a .new .caption .p-b {
    font-size: 43px;
    line-height: 55px;
  }
  .n-news-b .new .imgbox a .text .p-a {
    font-size: 26px;
  }
  .n-banner-c .ban .caption {
    font-size: 50px;
  }
  .n-about-a .abo .left .caption .p-a {
    font-size: 38px;
  }
  .n-about-a .abo .right .body .up span {
    font-size: 47px;
  }
  .n-about-a .abo .right .body {
    flex-wrap: wrap;
  }
  .n-about-a .abo .right .body .textbox{
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-about-e .abo .element .swiperd .imgbox .p-a {
    font-size: 22px;
  }
  .n-about-g .abo .element .right .imgbox {
    width: 45%;
  }
  .n-about-i .abo .element .textbox .texta .title {
    font-size: 20px;
  }
  .n-about-i .abo .element .textbox .body .content {
    left: 20%;
    width: 60%;
  }
}
/******************************************/
@media screen and (max-width: 1201px) {
  header {
    display: none;
  }
  .phone-section {
    display: block;
  }
  .phone-logo {
    width: 20%;
  }
  .phone-head {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #fff;
    /* position: fixed; */
    top: 0;
    left: 0;
  }
  .phone-close{
    width: 30px;
  }
  .phone-close a{
    flex-direction: column;
  }
  .phone-close a .after {
    width: 100%;
    height: 2px;
    background: #000000;
    margin: 1.5px 0;
  }
  .phone-close img {
    width: 30px;
  }
  .phone-listnav {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999999999999;
  }
  .phonelist-nav {
    width: 100%;
    background-color: #fff;
    line-height: 48px;
  }
  .phonelist-nav a {
    color: #333;
    font-size: 14px;
    padding: 0 15px;
  }
  .phonelist-nav1 {
    flex-direction: column;
    align-items: stretch;
    padding-left: 20px;
  }
  .phonelist-nav1 a {
    display: block;
  }
  .phonelist-nav {
    border-bottom: 1px solid #ffffff;
  }
  .phonelist-nav:last-child {
    border-bottom: none;
  }
  .phonelist-navtop > a {
    width: 50%;
  }
  .phonelist-navtop div {
    flex-grow: 1;
    flex-direction: row-reverse;
    box-sizing: border-box;
    padding-right: 10px;
  }
  .phonelist-navtop div img {
    width: 16px;
  }
  .phonelist-nav1 {
    display: none;
  }
  .menucl-img2 {
    display: none;
  }
  .banner .ban .swiper .imgbox .text .p-a {
    font-size: 24px;
  }
  .banner .ban .swiper .imgbox .text .p-b {
    font-size: 28px;
    margin: 0 0 20px 0;
  }
  .banner .ban .swiper .imgbox .text .p-c {
    font-size: 20px;
  }
  .banner .ban .swiper .imgbox .text .btn{
    display: none;
  }
  .products .pro {
    padding: 40px 0;
  }
  .products .pro .nav .imgbox .img {
    height: 100px;
  }
  .products .pro .nav .imgbox .p {
    font-size: 16px;
  }
  .products .pro .nav {
    margin: 0 0 40px 0;
  }
  .i-caption {
    font-size: 28px;
  }
  .products .pro .element .swiper-b .imgbox a .left .text .p-a {
    font-size: 26px;
  }
  .products .pro .element .swiper-b .imgbox a .left .text .p-b {
    font-size: 20px;
  }
  .products .pro .element .swiper-b .imgbox a {
    flex-wrap: wrap;
  }
  .products .pro .element .swiper-b .imgbox a .left {
    width: 100%;
  }
  .products .pro .element .swiper-b .imgbox a .right {
    width: 100%;
    padding: 20px 3%;
  }
  .solution .sol .bodybox .body .text .caption .title {
    font-size: 26px;
  }
  .solution .sol .bodybox .body .text .caption .more a .p {
    font-size: 20px;
  }
  .solution .sol .bodybox .body .text .element .p-a {
    font-size: 26px;
    margin: 0 0 10px 0;
  }
  .solution .sol{
    background: #333;
  }
  .solution .sol .bodybox .body .text .element .p-b {
    font-size: 18px;
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .solution .sol ul {
    padding: 40px 5%;
  }
  .solution .sol ul li a .img {
    margin: 0 auto 20px auto;
    width: 50px;
    height: 50px;
  }
  .solution .sol ul li a .p {
    font-size: 18px;
    margin: 0 0 15px 0;
  }
  .solution .sol ul li a .after{
    width: 35px;
    margin: 0 auto;
  }
  .news .new {
    padding: 40px 0;
  }
  .news .new .element {
    margin: 40px 0 0 0;
    height: auto;
    flex-wrap: wrap;
  }
  .news .new .element .left {
    width: 100%;
    border-right: 0px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    height: auto;
  }
  .news .new .element .left a {
    padding: 5% 13px;
  }
  .news .new .element .left a .caption {
    font-size: 24px;
    margin: 0 0 25px 0;
  }
  .news .new .element .right {
    width: 100%;
    height: 750px;
  }
  .news .new .element .left a .text .p-a {
    font-size: 20px;
    margin: 0 0 30px 0;
  } 
  .news .new .element .left a .text .p-b {
    font-size: 22px;
    margin: 0 0 20px 0;
  }
  .news .new .element .right .body .caption {
    width: 140px;
    font-size: 20px;
  }
  .news .new .element .right .body .textbox a .title {
    font-size: 20px;
    line-height: 30px;
  }
  .about .abo {
    padding: 40px 0;
  }
  .about .abo .left {
    width: 100%;
  }
  .about .abo .left .title {
    font-size: 26px;
    line-height: 40px;
    margin: 0 0 30px 0;
  }
  .about .abo .left .text {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 40px 0;
  }
  .about .abo .right {
    margin: 40px auto 0;
  }
  .about .abo .bottom {
    margin: 40px 0 0 0;
    flex-wrap: wrap;
  }
  .about .abo .bottom .textbox .p-a {
    font-size: 28px;
  }
  .about .abo .bottom .textbox {
    width: 48%;
    position: relative;
    margin: 0 0 20px 0;
  }
  .about .abo .bottom .textbox:nth-child(2)::after{
    display: none;
  }
  footer .foo {
    flex-wrap: wrap;
  }
  footer .foo .left {
    width: 100%;
    padding: 40px 5% 40px;
    border-right: 0px solid #e6e6e6;
  }
  footer .foo .right {
    width: 100%;
    padding: 0 5%;
  }
  footer .foo .left .title {
    font-size: 26px;
    margin: 0 0 25px 0;
  }
  footer .foo .left .searchbox {
    padding: 0 0 35px 0;
  }
  footer .foo .left .nav {
    margin: 35px 0 40px;
    flex-wrap: wrap;
  }
  footer .foo .left .nav ul {
    width: 45%;
  }
  footer .foo .left .nav ul .caption {
    margin: 0;
    padding: 15px 0;
    display: block;
  }
  footer .foo .left .nav ul li{
    display: none;
  }
  footer .active-a li{
    display: block !important;
  }
  footer .foo .right .caption {
    font-size: 23px;
    padding: 0 0 20px 0;
    margin: 0 0 25px 0;
  }
  footer .foo .right .body {
    justify-content: flex-start;
    margin: 40px 0;
  }
  .n-banner-a .ban .caption {
    font-size: 26px;
  }
  .n-banner-a .ban .crumb{
    display: none;
  }
  .n-product .pro {
    padding: 40px 0;
  }
  .n-product .pro .element .nav li a .img {
    height: 100px;
  }
  .n-product .pro .element .nav li a .text {
    font-size: 18px;
  }
  .n-product .pro .element .nav li a {
    padding: 0 0 20px 0;
  } 
  .n-product .pro .element .body .box .searchresults {
    padding: 20px 3%;
  }
  .n-product .pro .element .body .box ul li .title {
    width: 15%;
    padding: 20px 0;
  }
  .n-product .pro .element .body .box ul li .option .label {
    margin: 0 30px 0 0;
  }
  .n-product .pro .details .imgbox {
    width: 48%;
    margin: 0 1% 30px 1%;
  }
  .n-product .pro .details .imgbox a .text .title {
    font-size: 20px;
  }
  .x-product .pro {
    padding: 40px 0;
  }
  .x-product .pro .caption {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .x-product .pro .body {
    margin: 0 0 40px 0;
    flex-wrap: wrap;
  }
  .x-product .pro .body .left {
    width: 100%;
    padding: 25px 40px;
  }
  .x-product .pro .body .right {
    width: 100%;
    padding: 25px 40px;
  }
  .x-product .pro .nav {
    display: none;
  }
  .x-product .pro .element .title {
    font-size: 26px;
  }
  .x-product .pro .element .element-a {
    padding: 40px 5%;
    margin: 0 0 40px 0;
  }
  .x-product .pro .element .element-a ul li {
    width: 100%;
  }
  .x-product .pro .element .element-b {
    justify-content: center;
    margin: 40px 0;
  }
  .x-product .pro .element .element-b .imgbox .p {
    font-size: 18px;
  }
  .x-product .pro .element .element-d {
    margin: 40px 0;
  }
  .x-product .pro .element .element-d .input input {
    line-height: 60px;
  }
  .x-product .pro .element .element-d .find input {
    line-height: 60px;
  }
  .x-product .pro .element .element-d .reset input {
    line-height: 60px;
  }
  .x-product .pro .element .element-c {
    margin: 0 0 40px 0;
    overflow-x: auto;
  }
  .x-product .pro .element .element-c table{
    width: 1400px;
  }
  .x-product .pro .element .element-f .imgbox {
    width: 48%;
    margin: 0 1% 40px;
  }
  .x-product .pro .element .element-f {
    flex-wrap: wrap;
    margin: 40px 0;
  }
  .x-product .pro .element .element-g ul li a .after {
    width: 15%;
    margin: 0 10px 0 0;
  }
  .x-product .pro .element .element-g ul li a .p {
    font-size: 18px;
    line-height: 80px;
  }
  .n-solution-a .sol {
    padding: 40px 0;
  }
  .n-solution-a .sol ul li {
    width: 12%;
  }
  .n-solution-a .sol ul li a .p {
    font-size: 16px;
  } 
  .n-solution-a .sol ul li a .after {
    margin: 0 auto 15px;
    height: 75px;
  }
  .n-solution-a .sol .element .text {
    position: unset;
    width: 100%;
    height: auto;
    background: #fff;
  }
  .n-solution-a .sol .element .text .p-a {
    font-size: 26px;
    margin: 0 0 20px 0;
  }
  .n-solution-a .sol .element .text .p-b {
    line-height: 32px;
  }
  .n-banner-c .ban .caption {
    font-size: 26px;
  }
  .n-banner-c .ban .nav{
    display: none;
  }
  .n-service-a .ser {
    padding: 40px 0;
  }
  .n-service-a .ser .caption {
    font-size: 26px;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-service-a .ser .title {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-service-a .ser .element .inputbox {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-service-a .ser .element .inputbox .p {
    font-size: 18px;
  }
  .n-service-a .ser .element .selectbox {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-service-a .ser .element .selectbox .p {
    font-size: 18px;
  }
  .n-service-a .ser .element .textareabox .p {
    font-size: 18px;
  }
  .n-service-a .ser .element .textbox .left {
    width: 15%;
    font-size: 18px;
  }
  .n-service-a .ser .element .textbox .right {
    width: 85%;
  }
  .n-service-a .ser .element .textbox .right .text {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
  .n-service-a .ser .element .privacy {
    font-size: 18px;
    margin: 0 0 40px 0;
  }
  .n-service-a .ser .element .submit input {
    line-height: 55px;
    font-size: 18px;
  }
  .n-service-b .ser {
    padding: 40px 0;
  }
  .n-service-b .ser {
    padding: 40px 0;
  }
  .n-service-b .ser .caption {
    font-size: 26px;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-service-b .ser .element .downloadbox {
    width: 100%;
    margin: 0 1% 30px 1%;
  }
  .n-service-d .ser {
    padding: 40px 0;
  }
  .n-service-d .ser .caption {
    font-size: 26px;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-service-d .ser .element .videobox {
    width: 100%;
    margin: 0 1% 40px 1%;
  }
  .n-service-d .ser .element .videobox .title {
    font-size: 20px;
  }
  .n-service-c .ser {
    padding: 40px 0;
  }
  .n-service-c .ser .caption {
    font-size: 26px;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-service-c .ser .element .textbox a .Q .left {
    width: 10%;
  }
  .n-service-c .ser .element .textbox a .Q .right {
    width: 90%;
    font-size: 20px;
  }
  .n-service-c .ser .element .textbox a .A .left {
    width: 10%;
  }
  .n-service-c .ser .element .textbox a .A .right {
    width: 90%;
    font-size: 20px;
  }
  .n-news-a .new {
    padding: 40px 0 0 0;
  }
  .n-news-a .new .caption {
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-news-a .new .caption .p-a {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-news-a .new .caption .p-b {
    font-size: 26px;
    line-height: 38px;
  }
  .n-news-a .new .element .swiper {
    padding: 0 0 100px 0;
  }
  .n-news-a .new .element .swiper .imgbox a {
    flex-wrap: wrap;
  }
  .n-news-a .new .element .swiper .imgbox a .left {
    width: 100%;
  }
  .n-news-a .new .element .swiper .imgbox a .right {
    width: 100%;
    padding: 20px 3%;
  }
  .n-news-a .new .element .swiper .imgbox a .right .day {
    font-size: 26px;
    margin: 0 0 20px 0;
  }
  .n-news-a .new .element .swiper .imgbox a .right .year {
    font-size: 20px;
    margin: 0 0 25px 0;
  }
  .n-news-a .new .element .swiper .imgbox a .right .title {
    font-size: 22px;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0; 
  }
  .n-news-a .new .element .swiper .imgbox a .right .btn .p {
    font-size: 18px;
  }
  .n-news-b .new .imgbox a {
    flex-wrap: wrap;
  }
  .n-news-b .new .imgbox a .time {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .n-news-b .new .imgbox a .time .day {
    font-size: 26px;
    margin: 0 0 10px 0;
    text-align: left;
  }
  .n-news-b .new .imgbox a .time .year {
    font-size: 18px;
    text-align: left;
  }
  .n-news-b .new .imgbox a .img {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-news-b .new .imgbox a .text {
    width: 100%;
  }
  .n-news-b .new .imgbox a .text .p-a {
    font-size: 22px;
  }
  .n-news-b .new .imgbox a .text .p-b {
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 30px 0;
  }
  .n-news-b .new .imgbox a .text .btn .p {
    font-size: 20px;
  }
  .n-banner-f .ban {
    padding: 80px 0;
  }
  .n-banner-f .ban .left {
    width: 80%;
  }
  .n-banner-f .ban .right {
    display: none;
  }
  .n-banner-f .ban .left .title {
    font-size: 26px;
  }
  .n-banner-f .ban .left .time {
    margin: 0 0 20px 0;
  }
  .x-news .new {
    padding: 40px 0;
  }
  .x-news .new .left {
    width: 100%;
  }
  .x-news .new .right {
    display: none;
  }
  .n-banner-d .ban .caption .p-a {
    font-size: 26px;
  }
  .n-banner-d .ban .caption .p-b {
    font-size: 24px;
  }
  .n-banner-d .ban .nav {
    display: none;
  }
  .n-about-a .abo {
    padding: 40px 0;
    flex-wrap: wrap;
  }
  .n-about-a .abo .left {
    width: 100%;
  }
  .n-about-a .abo .left .caption .p-a {
    font-size: 26px;
  }
  .n-about-a .abo .left .caption .p-b {
    font-size: 24px;
  }
  .n-about-a .abo .left .videobox .p {
    font-size: 38px;
    color: #373737;
  }
  .n-about-a .abo .left .videobox::after{
    left: -55%;
  }
  .n-about-a .abo .right {
    width: 100%;
  }
  .n-about-a .abo .right .body .up {
    font-size: 20px;
  }
  .n-about-a .abo .right .body .up span {
    font-size: 32px;
  }
  .n-about-b .abo {
    padding: 40px 0;
    flex-wrap: wrap;
  }
  .n-about-b .abo .textbox .p-a {
    font-size: 28px;
  }
  .n-about-b .abo .textbox {
    width: 48%;
    margin: 0 1% 20px;
  }
  .n-about-b .abo .textbox:nth-child(2):after{
    display: none;
  }
  .n-about-c .abo {
    padding: 40px 0;
  }
  .n-about-c .abo .caption {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-c .abo .element .swiper .swiper-slide {
    left: 0%;
  }
  .n-about-d .abo {
    padding: 40px 0;
  }
  .n-about-d .abo .caption {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-d .abo .element .swiper .imgbox .text .p-a {
    font-size: 26px;
  }
  .n-about-d .abo .element .swiper .imgbox .text .p-a {
    font-size: 24px;
  }
  .n-about-e .abo {
    padding: 40px 0;
  }
  .n-about-e .abo .caption {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-e .abo .element .swiperc .textbox {
    flex-wrap: wrap;
  }
  .n-about-e .abo .element .swiperc .textbox .left {
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #1a1a1a;
    border-right: 0px solid #1a1a1a;
  }
  .n-about-e .abo .element .swiperc .textbox .left .p-a {
    font-size: 40px;
    margin: 0 0 20px 0;
  }
  .n-about-e .abo .element .swiperc .textbox .left .p-a {
    font-size: 40px;
    margin: 0 0 20px 0;
  }
  .n-about-e .abo .element .swiperc .textbox .right {
    width: 100%;
    font-size: 18px;
  }
  .n-about-f .abo {
    padding: 40px 0;
  }
  .n-about-f .abo .caption .p-a {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-f .abo .caption .p-b {
    font-size: 18px;
    width: 100%;
  }
  .n-about-f .abo .element .swiper .swiper-button-prev {
    left: 5%;
  }
  .n-about-f .abo .element .swiper .swiper-button-next {
    right: 5%;
  }
  .n-banner-e .ban .caption {
    font-size: 26px;
  }
  .n-banner-e .ban .nav ul {
    display: none;
  }
  .n-about-g .abo {
    padding: 40px 0;
  }
  .n-about-g .abo .caption .p-a {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-g .abo .caption .p-b {
    font-size: 26px;
    line-height: 40px;
  }
  .n-about-g .abo .caption {
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-about-g .abo .element {
    flex-wrap: wrap;
  }
  .n-about-g .abo .element .left {
    width: 100%;
  }
  .n-about-g .abo .element .left .afterbox .p-b {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-g .abo .element .right {
    width: 100%;
    justify-content: flex-start;
  }
  .n-about-h .abo .caption {
    font-size: 26px;
    padding: 0 0 0 50%;
    line-height: 34px;
  }
  .n-about-h .abo .element .imgbox {
    width: 100%;
  }
  .n-about-i .abo {
    padding: 40px 0;
  }
  .n-about-i .abo .caption .p-a {
    font-size: 26px;
    margin: 0 0 40px 0;
  }
  .n-about-i .abo .caption .p-b {
    font-size: 26px;
    line-height: 38px;
  }
  .n-about-i .abo .caption {
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
  .n-about-i .abo .element .textbox {
    width: 48%;
    margin: 0 1% 40px 1%;
  }
  .n-about-i .abo .element .textbox .body .content {
    left: 5%;
    width: 90%;
  }
  .n-solution-b .sol {
    padding: 40px 0;
  }
  .n-solution-b .sol .caption {
    font-size: 26px;
    padding: 0 0 0 20px;
    margin: 0 0 35px 0;
  }
  .n-about-h .abo .element .imgbox .right .title .p {
    font-size: 26px;
  }
}
@media screen and (max-width: 801px) {
  .phone-logo {
      width: 30%;
  }
  .banner .ban .swiper .imgbox .text {
    width: 50%;
    top: 20%;
  }
  .banner .ban .swiper .imgbox .text .p-a {
    font-size: 20px;
    margin: 0 0 15px 0;
  }
  .banner .ban .swiper .imgbox .text .p-b {
    font-size: 20px;
    margin: 0 0 15px 0;
  }
  .banner .ban .swiper .imgbox .text .p-c {
    font-size: 18px;
    line-height: 22px;
  }
  .products .pro .nav {
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 2%;
  }
  .products .pro .nav .imgbox {
    width: 30%;
    margin: 0 1% 20px;
  }
  .solution .sol ul {
    position: unset;
    flex-wrap: wrap;
  }
  .solution .sol ul li {
    width: 30%;
    margin: 0 0 20px 0;
  }
  .solution .sol .bodybox .body .text .caption .more a {
    padding: 0 5px 10px 5px;
  }
  .solution .sol .bodybox .body .text .caption .more a .p {
    font-size: 18px;
  }
  .solution .sol .bodybox .body .text .caption .more {
    width: 180px;
  }
  .solution .sol .bodybox .body .text .element .p-a {
    font-size: 24px;
  }
  .news .new .element .right {
    height: auto;
    flex-wrap: wrap;
  }
  .news .new .element .right .body {
    width: 100%;
  }
  .news .new .element .right .body:first-child .textbox {
    border-right: 0px solid #e1e1e1;
  }
  .news .new .element .right .body:first-child {
    border-bottom: 1px solid #e1e1e1;
  }
  .news .new .element .right .body:last-child .caption {
    top: 52%;
  }
  .about .abo .bottom .textbox .p-b {
    font-size: 18px;
    line-height: 22px;
    height: 44px;
  }
  footer .foo .left .searchbox form {
    width: 100%;
  }
  footer .foo .left .searchbox ul {
    display: none;
  }
  footer .foo .left .element {
    line-height: 24px;
  }
  .n-banner-a .ban .caption {
    font-size: 22px;
  }
  .n-product .pro .element .nav{
    flex-wrap: wrap;
    justify-content: center;
  }
  .n-product .pro .element .nav li {
    width: 30%;
    margin: 0 1% 20px;
  }
  .n-product .pro .element .body .box ul li {
    flex-wrap: wrap;
  }
  .n-product .pro .element .body .box ul li .title {
    width: 100%;
  }
  .n-product .pro .element .body .box ul li .option .label {
    margin: 0 15px 10px 0;
  }
  .n-product .pro .details .imgbox {
    width: 100%;
  }
  .n-product .pro .details .imgbox a {
    padding: 30px 0;
  }
  .x-product .pro .body .left {
    padding: 25px 20px;
  }
  .x-product .pro .body .right {
    padding: 25px 20px;
  }
  .x-product .pro .element .element-b {
    flex-wrap: wrap;
  }
  .x-product .pro .element .element-b .imgbox {
    width: 48%;
    margin: 0 1% 20px;
  }
  .x-product .pro .element .element-d {
    flex-wrap: wrap;
  }
  .x-product .pro .element .element-d .input {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .x-product .pro .element .element-d .find {
    width: 48%;
  }
  .x-product .pro .element .element-d .reset {
    width: 48%;
  }
  .x-product .pro .element .element-f .imgbox {
    width: 100%;
  }
  .x-product .pro .element .element-g ul {
    flex-wrap: wrap;
  }
  .x-product .pro .element .element-g ul li {
    width: 100%;
  }
  .n-solution-a .sol ul{
    flex-wrap: wrap;
  }
  .n-solution-a .sol ul li {
    width: 25%;
  }
  .n-service-a .ser .element .textbox {
    flex-wrap: wrap;
    margin: 0 0 15px 0;
  }
  .n-service-a .ser .element .textbox .left {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .n-service-a .ser .element .textbox .right {
    width: 100%;
  }
  .n-service-a .ser .element .textbox .right .option {
    flex-wrap: wrap;
  }
  .n-service-a .ser .element .textbox .right .option .label {
    margin: 0 30px 20px 0;
    width: 100%;
    justify-content: flex-start;
  }
  .n-service-a .ser .element .privacy {
   line-height: 24px;
  }
  .n-service-b .ser .element .downloadbox a .up .left .p {
    width: 85%;
  }
  .n-service-b .ser .form {
    width: 100%;
  }
  .n-service-c .ser .form {
    width: 100%;
  }
  .n-service-c .ser .element .textbox a .Q .left {
    width: 15%;
  }
  .n-service-c .ser .element .textbox a .Q .right {
    width: 80%;
  }
  .n-service-c .ser .element .textbox a .A .left {
    width: 15%;
  }
  .n-service-c .ser .element .textbox a .A .right {
    width: 80%;
  }
  .n-banner-f .ban .left {
    width: 100%;
    line-height: 32px;
  }
  .n-about-a .abo .left .caption .p-b {
    line-height: 28px;
  }
  .n-about-a .abo .left .videobox::after {
    display: none;
  }
  .n-news-b .new .imgbox a .text .p-a {
    line-height: 26px;
  } 
  .n-about-b .abo .textbox .p-b {
    line-height: 22px;
    height: 44px;
  }
  .n-about-g .abo .element .left {
    flex-wrap: wrap;
  }
  .n-about-g .abo .element .left .afterbox {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-about-h .abo .caption {
    font-size: 24px;
    padding: 0 0 0 30%;
  }
  .n-about-h .abo .element .imgbox {
    flex-wrap: wrap;
    padding: 2% 5%;
  }
  .n-about-h .abo .element .imgbox .left {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-about-h .abo .element .imgbox .right .text {
    height: auto;
  }
  .x-product .pro .body .left .swiper-button-prev-b {
    left: 0px;
  }
  .x-product .pro .body .left .swiper-button-next-b {
    right: 0px;
  }
  .n-about-e .abo .element .swiperd .imgbox {
    width: 100%;
  }
  .n-about-e .abo .element .swiper-button-prev {
    top: 75%;
  }
  .n-about-e .abo .element .swiper-button-next {
    top: 75%;
  }
  .n-about-i .abo .element .textbox {
    width: 100%;
    margin: 0 1% 40px 1%;
  }
  .about .abo .bottom .textbox {
    width: 100%;
  }
  .about .abo .bottom .textbox::after{
    display: none;
  }
  .n-about-b .abo .textbox{
    width: 100%;
  }
  .n-about-b .abo .textbox::after{
    display: none;
  }
}
<!--耗时1763451659.2452秒-->