@media (max-width: 768px) {
	@charset "UTF-8";
   /* CSS Document */
   html, body, nav, ul, li, h2, h3, figure,td{ padding:0;margin:0;font-family:"Microsoft YaHei","Arial"}
   html,body{ height:100%; width:100%; font-size: 62.5%; background: #e9eff9; position: relative; }
   .clear{ clear:both;}
   input,select,textarea{ outline:none;font-family:"Microsoft YaHei";-webkit-appearance: none;outline: none; border:0;}
   ul,li{list-style-type:none;}
   img{display: block;}
   a{ text-decoration:none; }
   .fl{ float: left; }
   .fr{ float: right; }
   .hide{ display: none !important; }


   .content {
	   width: 100%;
   } 


   /*公用头部*/
   .publich {
	   display: block;
   }

   .publich1 {
	   display: none;
   }

   .headzw {
		width: 90%;
		padding: 0 5%;
		background: rgba(255, 255, 255, 0.4);
		height: 10rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}

   .head {
	   width: 90%;
	   padding: 0 5%;
	   background: rgba(38, 53, 72, 0.4);
	   height: 10rem;
	   position: fixed;
	   top: 0;
	   left: 0;
	   z-index: 991;
   }

   .head .logo {
	   width: 12rem;
	   height: 14rem;
	   position: absolute;
	   top: 0;
	   left: 5%;
	   z-index: 992;
   }

   .head .logo .pic {
	   width: 12rem;
	   height: 14rem;
   }

   .head .nav {
	   position: absolute;
	   top: 0;
	   right: 5%;
   }

   .head .nav ul {
	   float: right;
   }

   .head .nav ul li {
	   float: left;
	   margin: 0 2.4rem;
	   height: 10rem;
	   line-height: 10rem;
   }

   .head .nav ul li a {
	   color: #fff;
	   font-size: 2.2rem;
	   display: block;
   }

   .head .nav ul li a:hover {
	   border-bottom: #fff 0.2rem solid;
   } 

   .head .nav .en {
	   float: right;
	   height: 2rem;
	   margin: 4rem 0;
   }

   .head .nav .en .pic {
	   width: 3rem;
	   height: 3rem;
	   margin-right: 1rem;
	   float: left;
   }

   .head .nav .en span {
	   color: #fff;
	   font-size: 2.2rem;
   }

   .head .nav .sear {
	   float: right;
	   width: 4.7rem;
	   height: 4.7rem;
	   margin: 2.65rem 0;
	   margin-left: 4.4rem;
   }

   .head .nav .sear a .pic {
	   width: 4.7rem;
	   height: 4.7rem;
   }

   .navhide {
	   position: fixed;
	   top: 0;
	   left: 0;
	   background: rgba(0, 0, 0, 0.5);
	   width: 100%;
	   height: 100%;
	   z-index: 9;
	   display: none;
   }

   .navhide ul {
	   width: 50%;
	   height: 100%;
	   background: #fff;
	   float: right;
	   position: relative;
   }

   .navhide ul li {
	   width: 80%;
	   padding: 0 10%;
	   height: 10rem;
   }

   .navhide ul li .pic {
	   width: 6rem;
	   height: 6rem;
	   position: absolute;
	   top: 1rem;
	   right: 1rem;
   }

   .navhide ul li a {
	   color: #333;
	   font-size: 2.6rem;
	   display: block;
	   width: 100%;
	   height: 10rem;
	   line-height: 10rem;
   }

   .navhide ul li a.active {
	   border-bottom: #0870eb 0.2rem solid;
	   color: #0870eb;
	   font-weight: bold;
   } 


   .headq {
	   background: #f9f9fb;
   }

   .headq .nav .en {
	   float: right;
	   height: 2rem;
	   margin: 4rem 0;
	   margin-left: 3.9rem;
	   padding-left: 6.3rem;
	   border-left: #fff 0.2rem solid;
   }

   .headq .nav .en span {
	   color: #333;
	   font-size: 2.2rem;
   }


   .setion {
	   width: 100%;
	   padding-top: 10rem;
   }


   /*公用底部*/
   .footer {
	   width: 100%;
	   background: #263548 url(../images/footerbj.png) no-repeat 100% 100%;
	   min-height: 59.7rem;
   }

   .footern {
	   width: 90%;
	   margin: 0 5%;
   }

   .footernl {
	   width: 100%;
	   padding-top: 9.5rem;
   }

   .footernlt {
	   width: 100%;
	   margin-bottom: 4rem;
   }

   .footernlt .pic {
	   width: 7.5rem;
	   height: 7.5rem;
	   float: left;
   }

   .footernlt .footernltn {
	   margin-left: 2rem;
	   float: left;
   }

   .footernlt .footernltn p {
	   color: #939aa4;
	   font-size: 2.2rem;
	   margin: 0;
   }


   .footernlt .footernltn h3 {
	   color: #fff;
	   font-size: 3.6rem;
   }

   .footernl ul {
	   width: 100%;
   } 

   .footernl ul li {
	   color: #939aa4;
	   font-size: 2.5rem;
	   line-height: 1.7;
   }

   .footerb {
	   width: 100%;
	   height: 10rem;
	   margin-top: 14.7rem;
	   position: relative;
	   border-top: rgba(255, 255, 255, 0.2) 0.2rem solid;
   }

   .footerb .footerbl {
	   position: absolute;
	   left: 0;
	   top: 0;
   }

   .footerb .footerbl .list {
	   width: 3.6rem;
	   height: 3.6rem;
	   float: left;
	   margin-right: 2rem;
	   margin-top: 3.2rem;
   }

   .footerb .footerbl .list img {
	   width: 3.6rem;
	   height: 3.6rem;
   }

   .footerb .footerbc {
	   width: 100%;
	   text-align: center;
	   height: 10rem;
	   line-height: 10rem;
   }

   .footerb .footerbc a {
	   color: #939aa4;
	   font-size: 2.2rem;
	   margin: 0 0.5rem;
	   display: inline-block;
   }

   .footerb .footerbr {
	   position: absolute;
	   right: 0;
	   top: 0;
	   cursor: pointer;
   }

   .footerb .footerbr span {
	   color: #fff;
	   font-size: 2.2rem;
	   float: left;
	   line-height: 10rem;
   }

   .footerb .footerbr img {
	   width: 5.2rem;
	   height: 5.2rem;
	   float: left;
	   margin-left: 2rem;
	   margin-top: 2.4rem;
   }


   /*banner*/
   .banner {
	   position: relative;
   }

   .banner .swiper {
	   width: 100%;
	   margin-left: auto;
	   margin-right: auto;
   }


   .banner .swiper-slide {
	   background-size: cover;
	   background-position: center;
   }

   .banner .mySwiper2 {
	   width: 100%;
   }

   .banner .swiper-button-next:after {
	   content: inherit;
	   display: none;
   }

   .banner .swiper-button-prev:after {
	   content: inherit;
	   display: none;
   }

   .banner .mySwiper2 .swiper-button-next {
	   background: url(../images/next_active.png) no-repeat;
	   background-size:100% 100%;
	   width: 5rem;
	   height: 5rem;
	   position: absolute;
	   top: initial;
	   bottom: 7.5rem;
	   right: 5%;
	   display: none;
   }

   .banner .mySwiper2 .swiper-button-prev {
	   background: url(../images/prev_active.png) no-repeat;
	   background-size:100% 100%;
	   width: 5rem;
	   height: 5rem;
	   position: absolute;
	   top: initial;
	   bottom: 7.5rem;
	   left: 5%;
	   display: none;
   }

   .banner .mySwiper2 .swiper-button-next.swiper-button-disabled {
	   background: url(../images/next.png) no-repeat;
	   background-size:100% 100%;
	   width: 5rem;
	   height: 5rem;
	   position: absolute;
	   top: initial;
	   bottom: 7.5rem;
	   right: 5%;
   }

   .banner .mySwiper2 .swiper-button-prev.swiper-button-disabled {
	   background: url(../images/prev.png) no-repeat;
	   background-size:100% 100%;
	   width: 5rem;
	   height: 5rem;
	   position: absolute;
	   top: initial;
	   bottom: 7.5rem;
	   left: 5%;
   }

   .banner .mySwiper {
	   box-sizing: border-box;
	   position: absolute;
	   bottom: 0;
	   left: 5%;
	   width: 90%;
	   height: 10rem;
	   display: none;
   }

   .banner .mySwiper .swiper-slide {
	   width: 25%;
	   height: 100%;
	   color: #fff;
	   padding-top: 2.1rem;
	   opacity: 0.5;
	   font-size: 2.2rem;
	   border-top: #0e1f2d 0.1rem solid;
	   cursor: pointer;
   }

   .banner .swiper-slide .bannern {
	   position: absolute;
	   top: 15rem;
	   left: 12%;
   }

   .banner .swiper-slide .bannern .title {
	   color: #fff;
	   font-size: 1.4rem;
   }

   .banner .swiper-slide .bannern h3 {
	   color: #fff;
	   font-size: 2rem;
   }

   .banner .swiper-slide .bannern p {
	   color: #fff;
	   font-size: 1.2rem;
   }

   .mySwiper2 .swiper-slide-active .title {
	   -webkit-animation-duration:1s;
	   animation-duration:1s;
	   -webkit-animation-fill-mode:both;
	   animation-fill-mode:both;
	   -webkit-animation-name:fadeInRightBig;
	   animation-name:fadeInRightBig
   }

   .mySwiper2 .swiper-slide-active h3 {
	   -webkit-animation-duration:1s;
	   animation-duration:1s;
	   -webkit-animation-fill-mode:both;
	   animation-fill-mode:both;
	   -webkit-animation-name:fadeInLeftBig;
	   animation-name:fadeInLeftBig
   }

   .mySwiper2 .swiper-slide-active p {
	   -webkit-animation-duration:1s;
	   animation-duration:1s;
	   -webkit-animation-fill-mode:both;
	   animation-fill-mode:both;
	   -webkit-animation-name:fadeInRightBig;
	   animation-name:fadeInRightBig
   }

   .banner .swiper-slide .bannern a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   margin-top: 2rem;
   }

   .banner .swiper-slide .bannern a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .banner .swiper-slide .bannern a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .banner .mySwiper .swiper-slide-thumb-active {
	   opacity: 1;
	   border-top: #fff 0.2rem solid;
	   font-weight: bold;
   }

   .banner .swiper-slide img {
	   display: block;
	   width: 100%;
	   height: 100%;
	   object-fit: cover;
   }

   /*我们的产品*/
   .index_product {
	   width: 100%;
	   background: url(../images/index_productbj.png) no-repeat;
	   background-size:100% 100%;
	   padding-bottom: 12rem;
   }

   .index_product .top {
	   width: 90%;
	   padding: 10rem 5% 6rem;
   }

   .index_product .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .index_product .top a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   float: right;
   }

   .index_product .top a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .index_product .top a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .index_product ul {
	   width: 90%;
	   padding: 0 5%;
   }

   .index_product ul li {
	   width: 49%;
	   float: left;
	   margin-right: 2%;
	   background: #fff;
	   margin-bottom: 2rem;
	   opacity: 0;
	   transition-duration: .8s;
	   -webkit-transition-duration: .8s; /* Safari */
   }

   .index_product ul li:hover {
	   background: #0870eb url(../images/hover.png) no-repeat;
   }

   .index_product ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .index_product ul li a {
	   display: block;
   }

   .index_product ul li a h3 {
	   color: #333;
	   font-size: 3.2rem;
	   margin-top: 6.5rem;
	   margin-left: 4.1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .index_product ul li a p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   margin-top: 2rem;
	   margin-left: 4.1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .index_product ul li:hover a h3 {
	   color: #fff;
   }

   .index_product ul li:hover a p {
	   color: #fff;
   }

   .index_product ul li a .bottom {
	   width: 100%;
   }

   .index_product ul li a .bottom .bottoml {
	   width: 5rem;
	   height: 5rem;
	   float: left;
	   margin-top: 2.4rem;
	   margin-left: 4.1rem;
   }


   .index_product ul li a .bottom .bottomla {
	   width: 5rem;
	   height: 5rem;
	   float: left;
	   margin-top: 2.4rem;
	   margin-left: 4.1rem;
	   display: none;
   }

   .index_product ul li:hover a .bottom .bottoml {
	   display: none;
   }

   .index_product ul li:hover a .bottom .bottomla {
	   display: block;
   }

   .index_product ul li a .bottom .bottomr {
	   width: 70%;
	   float: right;
   }

   /*行业解决方案*/
   .index_industry {
	   width: 100%;
	   background: #fff;
   }


   .index_industry .top {
	   width: 90%;
	   padding: 10rem 5% 5.5rem;
   }

   .index_industry .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
   }

   .index_industry .mySwiper3 {
	   width: 90%;
	   padding: 0 5%;
	   border-bottom: #ddd 0.1rem solid;
   }

   .index_industry .tab {
	   width: 100%;
   }

   .index_industry .tab .swiper-slide {
	   width: 30% !important;
	   padding-bottom: 2.6rem;
	   float: left;
	   color: #777;
	   font-size: 2.2rem;
	   text-align: center;
   }

   .index_industry .tab .swiper-slide:hover {
	   border-bottom: #0870eb 0.2rem solid;
	   color: #0870eb;
   }

   .index_industry .tab .swiper-slide-thumb-active {
	   border-bottom: #0870eb 0.2rem solid;
	   color: #0870eb;
   }

   .index_industry .tab .swiper-slide:nth-child(1) {
	   text-align: left;
   }

   .index_industry .tab .swiper-slide:nth-child(7) {
	   text-align: right;
   }

   .tabb {
	   width: 100%;
	   padding: 6.7rem 0 14rem;
   }

   .tabb .tabbli {
	   width: 100%;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   flex-direction: column;
	   position: relative;
	   overflow: hidden;
   }

   .tabblinr {
	   width: 100%;
	   display: block;
	   background: #e9eff9;
	   overflow: hidden;
   }

   .tabblinr .pic {
	   width: 100%;
   }

   .tabblinr .tabblir {
	   width: 100%;
   }

   .tabblinr .tabblir h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   padding: 2rem 5%;
	   width: 90%;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .tabblinr .tabblir p {
	   color: #777;
	   font-size: 2.2rem;
	   padding: 0 5%;
	   width: 90%;
	   margin: 0;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }


   .tabblinr .tabblir .button {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   margin: 2rem 5%;
   }

   .tabblinr .tabblir .button span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .tabblinr .tabblir .button .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .tabblinr .num {
	   position: absolute;
	   bottom: -6.5rem;
	   right: 1.5rem;
	   color: #5d6a7a;
	   font-size: 22rem;
	   opacity: 0.07;
   }

   /*公司介绍*/
   .index_introduce {
	   width: 100%;
	   height: 80rem;
	   background: url(../images/index_introducebj.png) no-repeat;
	   background-size:100% 100%;
	   position: relative;
   }

   .index_introducet {
	   width: 90%;
	   padding: 0 5%;
	   padding-top: 9.8rem;
   }

   .index_introducet .index_introducetl {
	   width: 100%;
   }

   .index_introducet .index_introducetl h3 {
	   color: #fff;
	   font-size: 4rem;
   }

   .index_introducet .index_introducetl a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #fff;
	   border-radius: 2.5rem;
	   display: block;
	   margin-top: 3rem;
   }

   .index_introducet .index_introducetl a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #0870eb;
	   font-size: 2.2rem;
   }

   .index_introducet .index_introducetl a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .index_introducet .index_introducetr {
	   width: 100%;
	   margin-top: 4rem;
   }

   .index_introducet .index_introducetr  h3 {
	   color: #fff;
	   font-size: 3.2rem;
	   margin-bottom: 3rem;
   }

   .index_introducet .index_introducetr  p {
	   color: rgba(255, 255, 255, 0.7);
	   font-size: 2.2rem;
	   margin-bottom: 3rem;
	   line-height: 1.7;
   }

   .index_introduce ul {
	   width: 90%;
	   margin: 0 5%;
   }

   .index_introduce ul li {
	   float: left;
	   width: 45%;
	   margin-right: 2%;
	   padding: 0 2%;
	   height: 39.3rem;
	   background: url(../images/index_introducelibj.png) no-repeat;
	   background-size:100% 100%;
	   margin-bottom: 3rem;
	   opacity: 0;
   }

   .index_introduce ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .index_introduce ul li:hover {
	   background: url(../images/index_introduceliac.png) no-repeat;
	   background-size:100% 100%;
   }

   .index_introduce ul li h3 {
	   color: #777;
	   font-size: 2.2rem;
	   margin-top: 3.7rem;
   }

   .index_introduce ul li p {
	   color: #0870eb;
	   font-size: 2.2rem;
	   margin: 0;
   }

   .index_introduce ul li .pic {
	   width: 8.1rem;
	   height: 8.1rem;
	   margin: 8rem 0 3rem;
   }

   .index_introduce ul li .pic1 {
	   width: 8.1rem;
	   height: 8.1rem;
	   display: none;
	   margin: 8rem 0 3rem;
   }

   .index_introduce ul li.active {
	   background: url(../images/index_introduceliac.png) no-repeat;
	   background-size:100% 100%;
   }

   .index_introduce ul li.active .pic1 {
	   display: block;
   }

   .index_introduce ul li.active .pic {
	   display: none;
   }

   .index_introduce ul li.active h3 {
	   color: #94c5ff;
   }


   .index_introduce ul li.active p {
	   color: #fff;
   }

   .index_introduce ul li:hover .pic1 {
	   display: block;
   }

   .index_introduce ul li:hover .pic {
	   display: none;
   }

   .index_introduce ul li:hover h3 {
	   color: #94c5ff;
   }


   .index_introduce ul li:hover p {
	   color: #fff;
   }

   /*新闻*/
   .index_news {
	   width: 100%;
	   background: url(../images/index_newsbj.png) no-repeat;
   }

   .index_news .top {
	   width: 90%;
	   padding: 23.3rem 5% 6rem;
   }

   .index_news .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .index_news .top a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   float: right;
   }

   .index_news .top a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .index_news .top a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .index_news .wrap {
	   margin: 0 5%;
	   width: 90%;
	   min-height: 64rem;
	   position: relative;
   }

   .index_news .wrap .pic {
	   width: 35%;
	   padding-bottom: 4rem;
	   cursor: pointer;
   }

   .index_news .wrap .pic1 {
	   position: absolute;
	   top: 0;
	   left: 0;
	   background: #0870eb;
	   z-index: 4;
   }

   .index_news .wrap .pic2 {
	   position: absolute;
	   top: 0;
	   left: 22%;
	   background: #6fadff;
	   z-index: 3;
   }

   .index_news .wrap .pic3 {
	   position: absolute;
	   top: 0;
	   left: 44%;
	   background: #a8b6c6;
	   z-index: 2;
   }

   .index_news .wrap .pic4 {
	   position: absolute;
	   top: 0;
	   left: 66%;
	   background: #263548;
   }

   .index_news .wrap .active {
	   z-index: 5;
   }

   .index_news .wrap .pic .newpic {
	   width: 80%;
	   margin: 4rem 10%;
   }

   .index_news .wrap .pic p {
	   color: #fff;
	   font-size: 2.4rem;
	   width: 80%;
	   margin: 0 10%;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   .index_news .wrap .pic .more {
	   width: 80%;
	   margin: 0 10%;
   }

   .index_news .wrap .pic .more span {
	   height: 0.3rem;
	   background: rgba(255, 255, 255, 0.2);
	   float: left;
	   width: 55%;
	   margin-top: 3.25rem;
   }

   .index_news .wrap .pic .more .morepic {
	   width: 7rem;
	   height: 7rem;
	   float: right;
   }

   .index_news .wrap .pic .more .morepic1 {
	   width: 7rem;
	   height: 7rem;
	   float: right;
	   display: none;
   }

   .index_news .wrap .active .more .morepic1 {
	   display: block;
   }

   .index_news .wrap .active .more .morepic {
	   display: none;
   }

   .index_news .wrap .pic ul {
	   width: 80%;
	   margin: 0 10%;
   }

   .index_news .wrap .pic ul li {
	   width: 100%;
	   padding-right: 2rem;
	   padding-bottom: 2rem;
   }

   .index_news .wrap .pic ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .index_news .wrap .pic ul li span {
	   font-size: 2.2rem;
	   color: #fff;
   }

   /*子页关于我们*/
   .about {
	   width: 100%;
	   overflow-y: hidden;
   }

   .nytop {
	   width: 100%;
	   position: relative;
   }

   .nytop .pic {
	   width: 100%;
   }

   .nytop h3 {
	   position: absolute;
	   left: 0;
	   bottom: 12rem;
	   width: 90%;
	   margin: 0 5%;
	   color: #fff;
	   font-size: 5rem;
   }

   .topnav {
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   width: 90%;
	   margin: 0 5%;
	   border-top: rgba(255, 255, 255, 0.2) 0.2rem solid;
   }

   .topnav .list {
	   width: 33rem;
	   height: 10rem;
	   line-height: 10rem;
	   float: left;
   }

   .topnav .list:hover {
	   border-top: rgba(255, 255, 255, 1) 0.4rem solid;
   }

   .topnav .list.active {
	   border-top: rgba(255, 255, 255, 1) 0.4rem solid;
   }

   .topnav .list a {
	   color: #fff;
	   font-size: 2.2rem;
	   display: block;
   }

   .topnav .list.active a {
	   font-weight: bold;
   }

   .aboutjj {
	   width: 100%;
	   background: #fff url(../images/about9.png) no-repeat 100% 100%;
   }

   .aboutjj .aboutjjn {
	   width: 90%;
	   margin: 0 5%;
	   padding: 14rem 0;
   }

   .aboutjj .aboutjjn .aboutjjl {
	   width: 100%;
	   opacity: 0;
   }

   .aboutjj .aboutjjn .aboutjjr {
	   width: 100%;
	   opacity: 0;
   }

   .aboutjj .aboutjjn .aboutjjr h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-top: 5rem;
   }

   .aboutjj .aboutjjn .aboutjjr p {
	   color: #777;
	   margin: 0;
	   font-size: 2.2rem;
	   margin-top: 3.5rem;
	   line-height: 2;
	   margin-bottom: 3rem;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb {
	   width: 100%;
	   border-top: #ddd 0.1rem solid;
	   padding-top: 5rem;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbl {
	   width: 30%;
	   height: 7.8rem;
	   line-height: 7.8rem;
	   color: #0870eb;
	   font-size: 3.2rem;
	   float: left;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr {
	   /*width: 37.3rem;*/
	   float: right;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list {
	   width: 7.1rem;
	   height: 7.1rem;
	   float: left;
	   margin-left: 3rem;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list .pic {
	   width: 7.1rem;
	   height: 7.1rem;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list .listwz {
	   width: 7.1rem;
	   height: 7.1rem;
	   line-height: 7.1rem;
	   text-align: center;
	   color: #fff;
	   font-size: 2.2rem;
	   display: none;
	   background: url(../images/aboutlia.png) no-repeat;
	   background-size:100% 100%;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list:hover .pic {
	   display: none;
   }

   .aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list:hover .listwz {
	   display: block;
   }


   /*我们的使命&愿景*/

   .aboutsm {
	   width: 100%;
	   background: url(../images/about10.png) no-repeat;
	   background-size:100% 100%;
   }

   .aboutsm .aboutsmn {
	   width: 90%;
	   padding: 10rem 5% 13.6rem;
   }

   .aboutsm .aboutsmn h3 {
	   color: #0870eb;
	   font-size: 4rem;
   }


   .aboutsm .aboutsmn ul {
	   width: 100%;
	   margin-top: 6.2rem;
   }

   .aboutsm .aboutsmn ul li {
	   float: left;
	   width: 45%;
	   margin-right: 2%;
	   padding: 0 2%;
	   height: 39.3rem;
	   background: url(../images/index_introducelibj.png) no-repeat;
	   background-size:100% 100%;
	   margin-bottom: 3rem;
	   opacity: 0;
   }

   .aboutsm .aboutsmn ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .aboutsm .aboutsmn ul li:hover {
	   background: url(../images/index_introduceliac.png) no-repeat;
	   background-size:100% 100%;
   }

   .aboutsm .aboutsmn ul li h3 {
	   color: #777;
	   font-size: 2.2rem;
	   margin-top: 3.7rem;
   }

   .aboutsm .aboutsmn ul li p {
	   color: #0870eb;
	   font-size: 2.2rem;
	   margin: 0;
   }

   .aboutsm .aboutsmn ul li .pic {
	   width: 8.1rem;
	   height: 8.1rem;
	   margin: 8rem 0 3rem;
   }

   .aboutsm .aboutsmn ul li .pic1 {
	   width: 8.1rem;
	   height: 8.1rem;
	   display: none;
	   margin: 8rem 0 3rem;
   }

   .aboutsm .aboutsmn ul li.active {
	   background: url(../images/index_introduceliac.png) no-repeat;
	   background-size:100% 100%;
   }

   .aboutsm .aboutsmn ul li.active .pic1 {
	   display: block;
   }

   .aboutsm .aboutsmn ul li.active .pic {
	   display: none;
   }

   .aboutsm .aboutsmn ul li.active h3 {
	   color: #94c5ff;
   }

   .aboutsm .aboutsmn ul li.active p {
	   color: #fff;
   }

   .aboutsm .aboutsmn ul li:hover .pic1 {
	   display: block;
   }

   .aboutsm .aboutsmn ul li:hover .pic {
	   display: none;
   }

   .aboutsm .aboutsmn ul li:hover h3 {
	   color: #94c5ff;
   }


   .aboutsm .aboutsmn ul li:hover p {
	   color: #fff;
   }

   /*经营理念*/
   .aboutjyln {
	   width: 100%;
	   background: #0870eb;
   }

   .aboutjyln .aboutjylnn {
	   width: 90%;
	   padding: 10rem 5% 13rem;
   }

   .aboutjyln .aboutjylnn h3 {
	   color: #fff;
	   font-size: 4rem;
	   margin-bottom: 5.5rem;
   }

   .aboutjyln .aboutjylnn ul {
	   width: 132rem;
   }

   .aboutjyln .aboutjylnn .aboutsmnsc {
	   width: 100%;
	   overflow-x: auto;
   }

   .aboutjyln .aboutjylnn ul li {
	   width: 40rem;
	   float: left;
	   margin-right: 4rem;
	   border-bottom: rgba(255, 255, 255, 0.2) 0.1rem solid;
	   padding-bottom: 3.5rem;
	   opacity: 0;
   }

   .aboutjyln .aboutjylnn ul li:nth-child(3) {
	   margin-right: 0;
   }

   .aboutjyln .aboutjylnn ul li .pic {
	   width: 100%;
   }

   .aboutjyln .aboutjylnn ul li span {
	   color: #fff;
	   font-size: 3.2rem;
	   font-weight: bold;
	   margin-top: 4rem;
	   display: block;
   }

   .aboutjyln .aboutjylnn ul li p {
	   color: #fff;
	   font-size: 2.2rem;
	   margin: 0;
	   margin-top: 2rem;
   }

   /*关于我们底部*/
   .aboutbttom {
	   width: 100%;
	   background: url(../images/about11.png) no-repeat 100% 100%;
	   background-size:100% 100%;
   }

   .aboutbttom .aboutbttomn {
	   width: 90%;
	   margin: 0 5%;
	   padding: 14rem 0;
   }

   .aboutbttom .aboutbttomn .aboutbttomnr {
	   width: 40%;
	   float: right;
	   display: none;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl {
	   width: 100%;
	   opacity: 0;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl h3 {
	   color: #0870eb;
	   font-size: 4rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul {
	   width: 100%;
	   margin-top: 2rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul .li {
	   width: 100%;
	   margin-top: 1rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul .li .pic {
	   width: 7rem;
	   height: 7rem;
	   float: left;
	   margin-right: 1rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir {
	   float: left;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir span {
	   color: #0870eb;
	   font-size: 2.2rem;
	   font-weight: bold;
	   margin-top: 1rem;
	   display: block;
   }

   .aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir p {
	   margin: 0;
	   color: #777;
	   font-size: 2.2rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb {
	   border-top: #ddd 0.1rem solid;
	   width: 100%;
	   margin-top: 3rem;
	   padding-top: 2rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   margin-bottom: 3.5rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap {
	   width: 100%;
	   position: relative;
	   height: 12rem;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic {
	   width: 40%;
	   height: 12rem;
	   text-align: center;
	   cursor: pointer;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic1 {
	   position: absolute;
	   top: 0;
	   left: 0;
	   background: #0870eb;
	   z-index: 4;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic2 {
	   position: absolute;
	   top: 0;
	   left: 25%;
	   background: #6fadff;
	   z-index: 3;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic3 {
	   position: absolute;
	   top: 0;
	   left: 50%;
	   background: #a8b6c6;
	   z-index: 2;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .active {
	   z-index: 5;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic h3 {
	   color: #fff;
	   font-size: 2.2rem;
	   margin-top: 3.7rem;
	   margin-bottom: 0;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic p {
	   color: #fff;
	   font-size: 2.2rem;
	   margin: 0;
   }

   .aboutbttom .aboutbttomn .aboutbttomnb .tip {
	   color: #777;
	   font-size: 2.2rem;
	   margin-top: 3.5rem;
   }

   /*新闻*/
   .news {
	   width: 100%;
   }

   .news .newsbanner {
	   width: 90%;
	   margin: 0 5%;
	   background: #fff;
	   margin-top: 14rem;
	   margin-bottom: 7rem;
   }

   .news .newsbanner .swiper {
	   width: 100%;
	   height: 100%;
   }

   .news .newsbanner .swiper-slide {
	   display: flex;
	   justify-content: center;
	   align-items: center;
   }

   .news .newsbanner .newsnr {
	   width: 100%;
	   display: block;
	   padding-bottom: 3rem;
   }

   .news .newsbanner .newsnr .pic {
	   width: 100%;
   }

   .news .newsbanner .newsnr .neswr {
	   width: 90%;
	   margin: 0 5%;
   }

   .news .newsbanner .newsnr .neswr h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   margin-top: 4rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   .news .newsbanner .newsnr .neswr p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   line-height: 2;
	   margin-top: 2rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 3;
	   -webkit-box-orient: vertical;
   }

   .news .newsbanner .newsnr .neswr .more {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   margin-top: 4.2rem;
	   display: block;
   }

   .news .newsbanner .newsnr .neswr .more span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .news .newsbanner .newsnr .neswr .more .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .news .newsbanner .newsnr .neswr .neswrb {
	   border-top: #ddd 0.1rem solid;
	   width: 100%;
	   height: 10rem;
	   margin-top: 4.2rem;
   }

   .news .newsbanner .newsnr .neswr .neswrb ul {
	   width: 100%;
   }

   .news .newsbanner .newsnr .neswr .neswrb ul li {
	   float: left;
	   border-right: #ddd 0.2rem solid;
	   padding-right: 2rem;
	   margin-top: 4rem;
   }

   .news .newsbanner .newsnr .neswr .neswrb ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .news .newsbanner .newsnr .neswr .neswrb ul li:nth-child(2) {
	   margin-left: 2rem;
	   border-right: 0;
   }

   .news .newsbanner .newsnr .neswr .neswrb ul li span {
	   font-size: 2.2rem;
	   color: #777;
   }

   .news .wrap {
	   margin: 0 5%;
	   width: 90%;
	   min-height: 64rem;
	   position: relative;
   }

   .news .wrap .pic {
	   width: 49%;
	   margin-right: 2%;
	   padding-bottom: 4rem;
	   cursor: pointer;
	   background: #fff;
	   padding-top: 0.1rem;
	   float: left;
	   margin-bottom: 2rem;
	   overflow: hidden;
	   transition-duration: .8s;
	   -webkit-transition-duration: .8s; /* Safari */
   }

   .news .wrap .pic:nth-child(2n) {
	   margin-right: 0;
   }

   .news .wrap .active {
	   background: #0870eb;
	   overflow: hidden;
   }

   .news .wrap .pic .newpic {
	   width: 80%;
	   margin: 4rem 10%;
   }

   .news .wrap .pic p {
	   color: #333;
	   font-size: 2.4rem;
	   width: 80%;
	   margin: 0 10%;
	   height: 6.2rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   .news .wrap .pic .more {
	   width: 80%;
	   margin: 0 10%;
   }

   .news .wrap .pic .more span {
	   height: 0.3rem;
	   background: #ddd;
	   float: left;
	   width: 70%;
	   margin-top: 3.25rem;
   }

   .news .wrap .pic .more .morepic {
	   width: 5rem;
	   height: 5rem;
	   margin: 1rem;
	   float: right;
   }

   .news .wrap .pic .more .morepic1 {
	   width: 7rem;
	   height: 7rem;
	   float: right;
	   display: none;
   }

   .news .wrap .active .more .morepic1 {
	   display: block;
   }

   .news .wrap .active .more .morepic {
	   display: none;
   }

   .news .wrap .pic ul {
	   width: 80%;
	   margin: 0 10%;
   }

   .news .wrap .pic ul li {
	   width: 100%;
	   margin-bottom: 2rem;
   }

   .news .wrap .pic ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .news .wrap .pic ul li .icon1 {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
	   display: none;
   }

   .news .wrap .pic ul li span {
	   font-size: 2.2rem;
	   color: #777;
   }

   .news .wrap .active p {
	   color: #fff;
   }

   .news .wrap .active ul li .icon {
	   display: none;
   }

   .news .wrap .active ul li .icon1 {
	   display: block;
   }

   .news .wrap .active .more span {
	   background: #fff;
   }

   .news .wrap .active  ul li {
	   border-right: rgba(255, 255, 255, 0.2) 0.2rem solid;
   }

   .news .wrap .active  ul li span {
	   color: #fff;
   }

   /*分页*/
   .pages {
	   text-align: center;
	   padding-top: 8rem;
	   padding-bottom: 10rem;
   }

   .pages .prve {
	   display: inline-block;
	   margin-right: 3rem;
   }

   .pages .prve img {
	   width: 5rem;
	   height: 5rem;
   }

   .pages .num {
	   display: none;
	   width: initial;
   }

   .pages .num .span {
	   width: 4.9rem;
	   height: 4.9rem;
	   line-height: 4.9rem;
	   text-align: center;
	   border: #e1e3e6 0.1rem solid;
	   margin: 0 1rem;
	   float: left;
	   border-radius: 50%;
	   font-size: 2.2rem;
	   color: #777;
   }

   .pages .num .spanc {
	   width: 5rem;
	   height: 5rem;
	   line-height: 5rem;
	   text-align: center;
	   margin: 0 1rem;
	   float: left;
	   color: #777;
	   font-size: 2.2rem;
   }

   .pages .num .active {
	   background: #0870eb;
	   border: 0;
	   width: 5rem;
	   height: 5rem;
	   line-height: 5rem;
	   color: #fff;
   }
    .pages .num .active  a{
	   
	   color: #fff;
   }
   .pages .next {
	   display: inline-block;
   }

   .pages .next img {
	   width: 5rem;
	   height: 5rem;
   }

   /*新闻详情*/
   .news_details {
	   width: 100%;
   }

   .news_detailsn {
	   width: 90%;
	   padding: 0 5%;
	   background: url(../images/news_detailsbj.png) no-repeat;
	   background-size:100% 100%;
	   padding-bottom: 10rem;
   }

   .news_detailst {
	   width: 100%;
	   border-bottom: #0870eb 0.5rem solid;
	   padding-bottom: 3.7rem;
	   padding-top: 12.2rem;
   }

   .news_detailst .news_detailstl {
	   width: 100%;
   }

   .news_detailst .news_detailstl h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-bottom: 5rem;
   }

   .news_detailst .news_detailstl ul {
	   width: 100%;
   }

   .news_detailst .news_detailstl ul li {
	   float: left;
	   border-right: #ddd 0.2rem solid;
	   padding-right: 2rem;
   }

   .news_detailst .news_detailstl ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .news_detailst .news_detailstl ul li .icon1 {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
	   display: none;
   }

   .news_detailst .news_detailstl ul li:nth-child(2) {
	   margin-left: 2rem;
	   border-right: 0;
   }

   .news_detailst .news_detailstl ul li span {
	   color: #777;
	   font-size: 2.2rem;
   }

   .news_detailst a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: none;
	   float: right;
   }

   .news_detailst a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .news_detailst a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .news_detailsn .news_detailsc {
	   width: 100%;
   }

   .news_detailsn .news_detailsc .pic {
	   width: 100%;
   }

   .news_detailsn .news_detailsc img {
	   width: 100%;
   }

   .news_detailsn .news_detailsbs {
	   width: 100%;
   }

   .news_detailsn .news_detailsbs .list {
	   width: 100%;
	   height: 9rem;
	   border-top: #ddd 0.1rem solid;
	   position: relative;
   }

   .news_detailsn .news_detailsbs .list .pic {
	   width: 7rem;
	   height: 7rem;
	   margin: 1rem;
	   position: absolute;
	   top: 0;
	   left: 0;
   }

   .news_detailsn .news_detailsbs .list p {
	   margin: 0;
	   margin-left: 15%;
	   line-height: 9rem;
	   height: 9rem;
	   width: 38%;
	   text-align: center;
	   color: #333;
	   font-size: 2.2rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .news_detailsn .news_detailsbs .list  ul {
	   position: absolute;
	   right: 0;
	   top: 3.5rem;
   }

   .news_detailsn .news_detailsbs .list ul li {
	   float: left;
	   border-right: #ddd 0.2rem solid;
	   padding-right: 2rem;
	   color: #777;
	   font-size: 2.2rem;
   }

   .news_detailsn .news_detailsbs .list ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .news_detailsn .news_detailsbs .list ul li .icon1 {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
	   display: none;
   }

   .news_detailsn .news_detailsbs .list ul li:nth-child(2) {
	   margin-left: 2rem;
	   border-right: 0;
   }

   .news_detailsn .news_detailsbs .list:nth-child(2) {
	   border-bottom: #ddd 0.1rem solid;
   }

   .news_details .news_detailsb {
	   background: #e9eff9;
	   width: 100%;
	   padding-bottom: 6rem;
   }

   .news_details .news_detailsb .top {
	   width: 90%;
	   padding: 10rem 5% 6rem;
   }

   .news_details .news_detailsb .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .news_details .news_detailsb .top a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   float: right;
   }

   .news_details .news_detailsb .top a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .news_details .news_detailsb .top a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .news_details .wrap {
	   margin: 0 5%;
	   width: 90%;
	   min-height: 64rem;
	   position: relative;
   }

   .news_details .wrap .pic {
	   width: 49%;
	   margin-right: 2%;
	   padding-bottom: 4rem;
	   cursor: pointer;
	   background: #fff;
	   padding-top: 0.1rem;
	   float: left;
	   margin-bottom: 2rem;
	   transition-duration: .8s;
	   -webkit-transition-duration: .8s; /* Safari */
   }

   .news_details .wrap .pic:nth-child(2n) {
	   margin-right: 0;
   }

   .news_details .wrap .active {
	   background: #0870eb;
   }

   .news_details .wrap .pic .newpic {
	   width: 80%;
	   margin: 4rem 10%;
   }

   .news_details .wrap .pic p {
	   color: #333;
	   font-size: 2.4rem;
	   width: 80%;
	   margin: 0 10%;
	   height: 6.2rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   .news_details .wrap .pic .more {
	   width: 80%;
	   margin: 0 10%;
   }

   .news_details .wrap .pic .more span {
	   height: 0.3rem;
	   background: #ddd;
	   float: left;
	   width: 70%;
	   margin-top: 3.25rem;
   }

   .news_details .wrap .pic .more .morepic {
	   width: 5rem;
	   height: 5rem;
	   margin: 1rem;
	   float: right;
   }

   .news_details .wrap .pic .more .morepic1 {
	   width: 7rem;
	   height: 7rem;
	   float: right;
	   display: none;
   }

   .news_details .wrap .active .more .morepic1 {
	   display: block;
   }

   .news_details .wrap .active .more .morepic {
	   display: none;
   }

   .news_details .wrap .pic ul {
	   width: 80%;
	   margin: 0 10%;
   }

   .news_details .wrap .pic ul li {
	   width: 100%;
	   margin-bottom: 2rem;
   }

   .news_details .wrap .pic ul li .icon {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
   }

   .news_details .wrap .pic ul li .icon1 {
	   width: 2rem;
	   height: 2rem;
	   float: left;
	   margin-right: 1rem;
	   display: none;
   }

   .news_details .wrap .pic ul li span {
	   font-size: 2.2rem;
	   color: #777;
   }

   .news_details .wrap .active p {
	   color: #fff;
   }

   .news_details .wrap .active ul li .icon {
	   display: none;
   }

   .news_details .wrap .active ul li .icon1 {
	   display: block;
   }

   .news_details .wrap .active .more span {
	   background: #fff;
   }

   .news_details .wrap .active  ul li {
	   border-right: rgba(255, 255, 255, 0.2); 0.2rem solid;
   }

   .news_details .wrap .active  ul li span {
	   color: #fff;
   }


   /*产品与技术*/
   .product {
	   width: 100%;
   }

   .product ul {
	   width: 90%;
	   padding: 0 5%;
	   padding-top: 5rem;
   }

   .product ul li {
	   width: 49%;
	   float: left;
	   margin-right: 2%;
	   background: #fff;
	   margin-bottom: 2rem;
	   transition-duration: .8s;
	   -webkit-transition-duration: .8s;
	   /*opacity: 0;*/
   }

   .product ul li:hover {
	   background: #0870eb url(../images/hover.png) no-repeat;
   }

   .product ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .product ul li a {
	   display: block;
   }

   .product ul li a h3 {
	   color: #333;
	   font-size: 3.2rem;
	   margin-top: 6.5rem;
	   margin-left: 4.1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .product ul li a p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   margin-top: 2rem;
	   margin-left: 4.1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .product ul li:hover a h3 {
	   color: #fff;
   }

   .product ul li:hover a p {
	   color: #fff;
   }

   .product ul li a .bottom {
	   width: 100%;
   }

   .product ul li a .bottom .bottoml {
	   width: 5rem;
	   height: 5rem;
	   float: left;
	   margin-top: 2.4rem;
	   margin-left: 4.1rem;
   }


   .product ul li a .bottom .bottomla {
	   width: 5rem;
	   height: 5rem;
	   float: left;
	   margin-top: 2.4rem;
	   margin-left: 4.1rem;
	   display: none;
   }

   .product ul li:hover a .bottom .bottoml {
	   display: none;
   }

   .product ul li:hover a .bottom .bottomla {
	   display: block;
   }

   .product ul li a .bottom .bottomr {
	   width: 70%;
	   float: right;
   }


   /*产品详情*/
   .product_detailsn {
	   width: 90%;
	   padding: 0 5%;
	   background: url(../images/news_detailsbj.png) no-repeat;
	   background-size:100% 100%;
	   padding-bottom: 10rem;
   }

   .product_detailsn .product_detailsnt {
	   width: 100%;
   }

   .product_detailsn .product_detailsnt .product_detailsntl {
	   width: 100%;
	   margin-top: 10rem;
   }

   .product_detailsn .product_detailsnt .product_detailsntr {
	   width: 100%;
   }

   .product_detailsn .product_detailsnt .product_detailsntr .title {
	   color: #0870eb;
	   font-size: 4rem;
	   border-bottom: #0870eb 0.2rem solid;
	   padding-bottom: 3.4rem;
	   margin-bottom: 4.5rem;
   }

   .product_detailsn .product_detailsnt .product_detailsntr .title1 {
	   color: #0870eb;
	   font-size: 2.2rem;
	   margin-bottom: 2rem;
   }

   .product_detailsn .product_detailsnt .product_detailsntr p {
	   margin: 0;
	   color: #777;
	   font-size: 2.2rem;
	   margin-bottom: 5.7rem;
   }

   .product_detailsn .product_detailsnt .product_detailsntr a {
	   width: 21.2rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
   }

   .product_detailsn .product_detailsnt .product_detailsntr a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .product_detailsn .product_detailsnt .product_detailsntr a .pic {
	   width: 2.8rem;
	   height: 2.8rem;
	   float: right;
	   margin: 1.1rem 0;
	   margin-right: 2.4rem;
   }

   .product_detailsn .list {
	   width: 100%;
   }

   .product_detailsn .list h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   padding-bottom: 4rem;
	   padding-top: 7rem;
   }

   .product_detailsn .list ul {
	   width: 100%;
	   padding-top: 4rem;
   }

   .product_detailsn .list ul li {
	   position: relative;
	   padding-left: 3.4rem;
	   line-height: 2;
   }

   .product_detailsn .list ul li span {
	   width: 0.8rem;
	   height: 0.8rem;
	   border-radius: 50%;
	   background: #0870eb;
	   position: absolute;
	   left: 0;
	   top: 50%;
	   margin-top: -0.4rem;
   }

   .product_detailsn .list ul li p {
	   margin: 0;
	   color: #777;
	   font-size: 2.2rem;
   }

   .product_detailsn .list .bordb {
	   border-bottom: #0870eb 0.2rem solid;
   }

   .product_detailsn .list .tab {
	   width: 100%;
	   margin-bottom: 3.6rem;
   }

   .product_detailsn .list .tab .pic {
	   width: 100%;
   }

   .product_detailsn .list .tip {
	   margin: 0;
	   color: #777;
	   line-height: 2;
	   font-size: 2.2rem;
   }

   .product_detailsb {
	   width: 100%;
	   background: #e9eff9;
	   padding-bottom: 6rem;
   }

   .product_detailsb ul {
	   padding-top: 0;
   }

   .product_detailsb .top {
	   width: 90%;
	   padding: 10rem 5% 6rem;
   }

   .product_detailsb .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .product_detailsb .top a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   float: right;
   }

   .product_detailsb .top a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .product_detailsb .top a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   /*技术*/
   .technology {
	   width: 100%;
   }

   .technologyjsgf {
	   width: 90%;
	   padding: 0 5%;
	   background: #fff;
   }

   .technologyjsgf .top {
	   width: 100%;
	   padding-top: 9.8rem;
	   padding-bottom: 6.2rem;
   }

   .technologyjsgf .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .technologyjsgf .top .tab {
	   width: 24rem;
	   height: 5rem;
	   line-height: 5rem;
	   border: #0870eb 0.1rem solid;
	   border-radius: 2.5rem;
	   overflow: hidden;
	   float: right;
   }

   .technologyjsgf .top .tab .list {
	   width: 50%;
	   color: #0870eb;
	   text-align: center;
	   font-size: 2.2rem;
	   float: left;
   }

   .technologyjsgf .top .tab .active {
	   background: #0870eb;
	   color: #fff;
   }

   .technologyjsgfb {
	   width: 100%;
	   padding-bottom: 12rem;
   }

   .technologyjsgfb ul {
	   width: 100%;
   }

   .technologyjsgfb ul li {
	   width: 49%;
	   margin-right: 2%;
	   float: left;
	   margin-bottom: 2rem;
	   background: #e9eff9;
   }

   .technologyjsgfb ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .technologyjsgfb ul li .pic {
	   width: 90%;
	   margin: 2rem 5%;
   }

   .technologyjsgfb ul li p {
	   width: 90%;
	   margin: 1.2rem 5% 4rem;
	   color: #333;
	   font-size: 2.2rem;
   }

   .technologyjsgfb ul li:nth-child(6) .pic {
	   width: 100%;
	   margin: 0;
   }

   .technologyjsnl {
	   width: 90%;
	   padding: 14rem 5%;
	   background: #e9eff9;
	   overflow-y: hidden;
   }

   .technologyjsnl .technologyjsnll {
	   width: 100%;
	   opacity: 0;
   }

   .technologyjsnl .technologyjsnll h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-top: 8.6rem;
	   padding-bottom: 5.2rem;
	   border-bottom: #ddd 0.1rem solid;
   }

   .technologyjsnl .technologyjsnll .list {
	   width: 100%;
	   color: #333;
	   font-size: 3.2rem;
	   height: 9rem;
	   line-height: 9rem;
	   position: relative;
	   border-bottom: #ddd 0.1rem solid;
   }

   .technologyjsnl .technologyjsnll .list.active {
	   border-bottom: #0870eb 0.3rem solid;
	   color: #0870eb;
   }

   .technologyjsnl .technologyjsnll .list span {
	   display: block;
   }

   .technologyjsnl .technologyjsnll .list .pic {
	   width: 2rem;
	   height: 2rem;
	   position: absolute;
	   top: 3.5rem;
	   right: 2%;
   }

   .technologyjsnl .technologyjsnll .list .pic1 {
	   width: 2rem;
	   height: 2rem;
	   position: absolute;
	   top: 3.5rem;
	   right: 2%;
	   display: none;
   }

   .technologyjsnl .technologyjsnll .list.active .pic1 {
	   display: block;
   }

   .technologyjsnl .technologyjsnll .list.active .pic {
	   display: none;
   }

   .technologyjsnl .technologyjsnlr {
	   width: 100%;
	   opacity: 0;
   }

   .technologyjsnl .technologyjsnlr .pic {
	   width: 100%;
   }


   .technologyscnl {
	   width: 90%;
	   padding: 14rem 5%;
	   background: #fff;
	   position: relative;
   }

   .technologyscnl .technologyscnll {
	   width: 100%;
   }

   .technologyscnl .technologyscnll .swiper {
	   width: 100%;
	   height: 100%;
	   padding: 0 0.5rem;
   }

   .technologyscnl .technologyscnll .swiper .swiper-slide {
	   background-position: center;
	   background-size: cover;
   }

   .technologyscnl .technologyscnll .swiper .swiper-slide .pic {
	   width: 93%;
	   margin: 0 auto;
   }

   .technologyscnl .technologyscnll .swiper-button-next:after {
	   content: inherit;
   }

   .technologyscnl .technologyscnll .swiper-button-prev:after {
	   content: inherit;
   }

   .technologyscnl .technologyscnll .mySwiper .swiper-button-next {
	   background: url(../images/tabblinexta.png) no-repeat;
	   background-size:100% 100%;
	   width: 7rem;
	   height: 7rem;
	   position: absolute;
	   top: 50%;
	   margin-top: -3.5rem;
	   bottom: initial;
	   right: 0rem;
   }

   .technologyscnl .technologyscnll .mySwiper .swiper-button-prev {
	   background: url(../images/tabblipreva.png) no-repeat;
	   background-size:100% 100%;
	   width: 7rem;
	   height: 7rem;
	   position: absolute;
	   top: 50%;
	   margin-top: -3.5rem;
	   bottom: initial;
	   left: 0rem;
   }

   .technologyscnl .technologyscnll .mySwiper .swiper-button-next.swiper-button-disabled {
	   background: url(../images/tabblinext.png) no-repeat;
	   background-size:100% 100%;
	   width: 7rem;
	   height: 7rem;
	   position: absolute;
	   top: 50%;
	   margin-top: -3.5rem;
	   bottom: initial;
	   right: 0rem;
   }

   .technologyscnl .technologyscnll .mySwiper .swiper-button-prev.swiper-button-disabled {
	   background: url(../images/tabbliprev.png) no-repeat;
	   background-size:100% 100%;
	   width: 7rem;
	   height: 7rem;
	   position: absolute;
	   top: 50%;
	   margin-top: -3.5rem;
	   bottom: initial;
	   left: 0rem;
   }

   .technologyscnl .technologyscnll .mySwiper .swiper-slide {
	   cursor: pointer;
   }

   .technologyscnl .technologyscnlr {
	   width: 100%;
	   padding-top: 5rem;
   }

   .technologyscnl .technologyscnlr h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-bottom: 6.5rem;
   }

   .technologyscnl .technologyscnlr .pic {
	   width: 100%;
   }

   .technologyzznl {
	   width: 90%;
	   padding: 14rem 5%;
	   background: #e9eff9;
   }

   .technologyzznl h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-bottom: 6.2rem;
   }

   .technologyzznl ul {
	   width: 100%;
   }

   .technologyzznl ul li {
	   width: 49%;
	   float: left;
	   margin-right: 2%;
	   margin-bottom: 2rem;
	   background: #fff;
   }

   .technologyzznl ul li:nth-child(2n) {
	   margin-right: 0;
   }

   .technologyzznl ul li .pic {
	   width: 100%;
   }

   .technologyzznl ul li p {
	   color: #333;
	   font-size: 3.2rem;
	   margin: 0 5%;
	   width: 90%;
	   padding: 4rem 0;
   }

   /*解决方案*/
   .solve {
	   width: 100%;
   }

   .solve ul {
	   width: 90%;
	   padding: 8rem 5%;
	   background: #fff;
   }

   .solve ul li {
	   width: 49%;
	   float: left;
	   margin-bottom: 2rem;
	   opacity: 0;
   }

   .solve ul li:nth-child(2n) {
	   float: right;
   }

   .solve ul li .pic {
	   width: 100%;
   }

   .solve ul li h3 {
	   color: #333;
	   font-size: 3.2rem;
	   margin-top: 3rem;
	   margin-bottom: 1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .solve ul li p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   margin-bottom: 3rem;
	   height: 5.8rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   /*解决方案详情*/
   .solve_details {
	   width: 100%;
	   background: url(../images/solve_detailsbj.png) no-repeat;
	   background-size:100% 100%;
   }

   .solve_detailsbanner {
	   width: 90%;
	   padding: 0 5%;
	   padding-top: 14rem;
	   position: relative;
   }

   .solve_detailsbanner .swiper {
	   width: 100%;
	   height: 100%;
   }

   .solve_detailsbanner .swiper-slide {
	   display: flex;
	   justify-content: center;
	   align-items: center;
   }

   .solve_detailsbanner .swiper-pagination {
	   
   }

   .solve_detailsbanner .newsnr {
	   width: 100%;
	   display: block;
   }

   .solve_detailsbanner .newsnr .pic {
	   width: 100%;
   }

   .solve_detailsbanner .neswr {
	   width: 100%;
   }

   .solve_detailsbanner .neswr h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   margin-top: 5rem;
   }

   .solve_detailsbanner .neswr p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   line-height: 2;
	   margin-top: 2rem;
	   padding-bottom: 5.6rem;
	   border-bottom: #ddd 0.1rem solid;
   }

   .solve_detailsn {
	   width: 90%;
	   padding: 7.3rem 5% 10rem;
   }

   .solve_detailsn h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   border-bottom: #0870eb 0.3rem solid;
	   padding-bottom: 3.8rem;
	   margin-bottom: 4rem;
   }

   .solve_detailsn p {
	   color: #777;
	   font-size: 2.2rem;
	   line-height: 1.7;
	   margin: 0;
   }

   .solve_detailsn .solve_detailsnc {
	   border-top: #ddd 0.1rem solid;
	   width: 100%;
	   margin-top: 4.4rem;
	   padding-bottom: 4rem;
   }

   .solve_detailsn .solve_detailsnc .list {

   }

   .solve_detailsn .solve_detailsnc .list ul {
	   width: 100%;
	   padding-top: 4rem;
   }

   .solve_detailsn .solve_detailsnc .list ul li {
	   position: relative;
	   padding-left: 3.4rem;
	   line-height: 2;
   }

   .solve_detailsn .solve_detailsnc .list ul li span {
	   width: 0.8rem;
	   height: 0.8rem;
	   border-radius: 50%;
	   background: #0870eb;
	   position: absolute;
	   left: 0;
	   top: 50%;
	   margin-top: -0.4rem;
   }

   .solve_detailsn .solve_detailsnc .list ul li p {
	   margin: 0;
	   color: #0870eb;
	   font-size: 2.2rem;
   }

   .solve_detailsnb {
	   width: 100%;
	   border-top: #ddd 0.1rem solid;
	   border-bottom: #ddd 0.1rem solid;
	   margin-top: 10rem;
	   height: 9rem;
   }

   .solve_detailsnb .solve_detailsnbl {
	   width: 33.33%;
	   float: left;
   }

   .solve_detailsnb .solve_detailsnbl .pic {
	   float: left;
	   width: 5rem;
	   height: 5rem;
	   margin: 2rem 0;
	   margin-right: 2rem;
   }

   .solve_detailsnb .solve_detailsnbl span {
	   display: block;
	   float: left;
	   height: 9rem;
	   line-height: 9rem;
	   color: #333;
	   font-size: 2.2rem;
   }

   .solve_detailsnb .solve_detailsnbc {
	   width: 33.33%;
	   float: left;
   }

   .solve_detailsnb .solve_detailsnbc a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   margin: 2rem auto;
   }

   .solve_detailsnb .solve_detailsnbc a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .solve_detailsnb .solve_detailsnbc a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .solve_detailsnb .solve_detailsnbr {
	   width: 33.33%;
	   float: left;
   }

   .solve_detailsnb .solve_detailsnbr .pic {
	   float: right;
	   width: 5rem;
	   height: 5rem;
	   margin: 2rem 0;
	   margin-left: 2rem;
   }

   .solve_detailsnb .solve_detailsnbr span {
	   display: block;
	   float: right;
	   height: 9rem;
	   line-height: 9rem;
	   color: #333;
	   font-size: 2.2rem;
   }

   .solve_detailsb {
	   background: #fff;
	   width: 100%;
   }

   .solve_detailsb .top {
	   width: 90%;
	   padding: 10rem 5% 6rem;
   }

   .solve_detailsb .top h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   float: left;
   }

   .solve_detailsb .top a {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   float: right;
   }

   .solve_detailsb .top a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .solve_detailsb .top a .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .solve_detailsb .solve_detailsbul {
	   width: 90%;
	   padding: 0 5%;
   }

   .solve_detailsb .solve_detailsbul .list {
	   width: 49%;
	   float: left;
	   margin-bottom: 2rem;
   }

   .solve_detailsb .solve_detailsbul .list:nth-child(2n) {
	   float: right;
   }

   .solve_detailsb .solve_detailsbul .list .pic {
	   width: 100%;
   }

   .solve_detailsb .solve_detailsbul .list h3 {
	   color: #333;
	   font-size: 3.2rem;
	   margin-top: 3rem;
	   margin-bottom: 1rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
   }

   .solve_detailsb .solve_detailsbul .list p {
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   margin-bottom: 3rem;
	   height: 5.8rem;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
   }

   /*招贤纳士*/
   .invite {
	   width: 100%;
   }

   .invite .inviteb {
	   width: 90%;
	   padding: 11.5rem 5% 0;
   }

   .invite .inviteb .invitebt {
	   width: 100%;
   }

   .invite .inviteb .invitebt h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   line-height: 2;
	   margin-bottom: 5.6rem;
   }

   .invite .inviteb .invitebt ul {
	   width: 100%;
	   margin-bottom: 6rem;
   }

   .invite .inviteb .invitebt ul li {
	   width: 32%;
	   height: 7rem;
	   line-height: 7rem;
	   position: relative;
	   float: left;
	   margin-right: 2%;
	   outline: #777 0.1rem solid;
   }

   .invite .inviteb .invitebt ul li:nth-child(3) {
	   margin-right: 0;
   }

   .invite .inviteb .invitebt ul li select {
	   color: #777;
	   font-size: 2.2rem;
	   width: 100%;
	   padding: 0 5%;
	   height: 7rem;
	   line-height: 7rem;
	   background: none;
	   position: relative;
	   z-index: 2;
	   cursor: pointer;
   }

   .invite .inviteb .invitebt ul li .pic {
	   width: 2rem;
	   height: 2rem;
	   position: absolute;
	   top: 2.5rem;
	   right: 3%;
   }

   .invite .inviteb .ul {
	   width: 100%;
   }

   .invite .inviteb .ul .list {
	   width: 95%;
	   padding: 4rem 2.5% 4.6rem;
	   background: #ffff;
	   margin-bottom: 3rem;
   }

   .invite .inviteb .ul .list .listt {
	   width: 100%;
	   border-bottom: #ddd 0.1rem solid;
	   padding-bottom: 4rem;
	   position: relative;
   }

   .invite .inviteb .ul .list .listt .listtl {
	   width: 90%;
	   float: left;
   }

   .invite .inviteb .ul .list .listt .listtl h3 {
	   color: #0870eb;
	   font-size: 3.2rem;
	   margin-bottom: 1rem;
   }

   .invite .inviteb .ul .list .listt .listtl p {
	   margin: 0;
	   color: #777;
	   font-size: 2.2rem;
   }

   .invite .inviteb .ul .list .listt .listtr {
	   width: 4.5rem;
	   height: 4.5rem;
	   position: absolute;
	   right: 0;
	   top: 2rem;
   }

   .invite .inviteb .ul .list .listt .listtr1 {
	   display: none;
	   width: 4.5rem;
	   height: 4.5rem;
	   position: absolute;
	   right: 0;
	   top: 2rem;
   }

   .invite .inviteb .ul .list .listb {
	   width: 100%;
	   padding-top: 3.5rem;
   }

   .invite .inviteb .ul .list .listb .li {
	   width: 33.33%;
	   float: left;
	   color: #777;
	   font-size: 2.2rem;
   }

   .invite .inviteb .ul .list .listb .li:nth-child(2) {
	   text-align: center;
   }

   .invite .inviteb .ul .list .listb .li:nth-child(3) {
	   text-align: right;
   }

   .invite .inviteb .ul .list .listb .li:nth-child(4) {
	   width: 50%;
	   padding-top: 2rem;
	   margin-top: 2rem;
	   /*border-top: #ddd 0.1rem solid;*/
   }

   .invite .inviteb .ul .list .listb .li:nth-child(5) {
	   width: 50%;
	   padding-top: 2rem;
	   margin-top: 2rem;
	   /*border-top: #ddd 0.1rem solid;*/
	   text-align: right;
   }

   .invite .inviteb .ul .list .listyc {
	   width: 100%;
	   margin-top: 6rem;
	   display: none;
   }

   .invite .inviteb .ul .list .listyc p {
	   color: #777;
	   font-size: 2.2rem;
	   line-height: 2;
	   margin: 0;
   }

   .invite .inviteb .ul .list .listyc a {
	   width: 22rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   margin-top: 4rem;
   }

   .invite .inviteb .ul .list .listyc a span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .invite .inviteb .ul .list .listyc a .pic {
	   width: 2.5rem;
	   height: 2.5rem;
	   float: right;
	   margin: 1.25rem 0;
	   margin-right: 2.4rem;
   }

   /*联系方式*/
   .contact {
	   width: 100%;
	   background: #fff;
	   overflow-y: hidden;
   }

   .contact .form {
	   width: 90%;
	   padding: 10rem 5%;
   }

   .contact .form h3 {
	   color: #0870eb;
	   font-size: 4rem;
	   margin-bottom: 5rem;
   }

   .contact .form ul {
	   width: 100%;
   }

   .contact .form ul .list {
	   width: 48%;
	   float: left;
	   background: #f0f3fb;
	   height: 9rem;
	   line-height: 9rem;
	   margin-bottom: 3rem;
	   border-bottom: #fff 0.3rem solid;
	   opacity: 0;
   }

   .contact .form ul .list:nth-child(2n) {
	   float: right;
   }

   .contact .form ul .list input {
	   width: 100%;
	   padding: 0 2.5%;
	   height: 9rem;
	   line-height: 9rem;
	   color: #0870eb;
	   font-size: 2.2rem;
	   background: none;
   }

   .contact .form ul .list1 {
	   width: 100%;
	   height: 32rem;
	   background: #f0f3fb;
	   margin-bottom: 6rem;
	   opacity: 0;
   }

   .contact .form ul .list1 textarea {
	   width: 100%;
	   padding: 2rem 1.25%;
	   height: 28rem;
	   color: #0870eb;
	   font-size: 2.2rem;
	   background: none;
   }

   .contact .form .submit {
	   width: 17rem;
	   height: 5rem;
	   line-height: 5rem;
	   background: #0870eb;
	   border-radius: 2.5rem;
	   display: block;
	   margin-top: 4rem;
	   border: 0;
	   outline: 0;
	   margin: 0;
	   padding: 0;
	   cursor: pointer;
   }

   .contact .form .submit span {
	   float: left;
	   margin-left: 2.4rem;
	   color: #fff;
	   font-size: 2.2rem;
   }

   .contact .form .submit .pic {
	   width: 2rem;
	   height: 2rem;
	   float: right;
	   margin: 1.5rem 0;
	   margin-right: 2.4rem;
   }

   .contactmap {
	   width: 100%;
	   position: relative;
   }

   .contactmap .pic {
	   width: 100%;
   }

   .contactmap .contactmapc {
	   width: 90%;
	   margin: 0 5%;
   }

   .contactmap .contactmapc .contactmapcp {
	   width: 10rem;
	   height: 10rem;
	   position: absolute;
	   top: 11.2rem;
	   left: 17%;
   }

   .contactmapcpn {
	   position: relative;
	   width: 10rem;
	   height: 10rem;
   }

   .contactmap .contactmapc .contactmapcp .pic {
	   width: 10rem;
	   height: 10rem;
   }

   .contactmap .contactmapc .contactmapcp .pic1 {
	   width: 6rem;
	   height: 6rem;
	   position: absolute;
	   top: 2rem;
	   left: 2rem;
   }

   .contactmap .contactmapc .contactmapcp .pic2 {
	   width: 4rem;
	   height: 4rem;
	   position: absolute;
	   top: 3rem;
	   left: 3rem;
   }
   .contactmapc{ overflow: hidden;}
   .contactmap .contactmapcwz {
	   background: #fff;
	   padding: 6rem;
	   width: 100%;
	   opacity: 0;
   }

   .contactmap .contactmapcwz h3 {
	   color: #0870eb;
	   font-size: 3.6rem;
	   margin-bottom: 3rem;
   }

   .contactmap .contactmapcwz ul {
	   width: 100%;
	   padding-bottom: 5rem;
	   border-bottom: #ddd 0.1rem solid;
   }

   .contactmap .contactmapcwz ul li {
	   color: #939aa4;
	   font-size: 2.2rem;
	   line-height: 1.7;
   }

   .contactmap .contactmapcwz .contactmapcwzb {
	   width: 100%;
	   margin-top: 5rem;
   }

   .contactmap .contactmapcwz .contactmapcwzb .pic {
	   width: 7.1rem;
	   height: 7.1rem;
	   float: left;
   }

   .contactmap .contactmapcwz .contactmapcwzb .contactmapcwzbr {
	   float: left;
	   margin-left: 2rem;
   }

   .contactmap .contactmapcwz .contactmapcwzb .contactmapcwzbr span {
	   color: #0870eb;
	   font-size: 2.2rem;
   }

   .contactmap .contactmapcwz .contactmapcwzb .contactmapcwzbr p {
	   color: #0870eb;
	   font-size: 3.6rem;
	   font-weight: bold;
	   margin: 0;
   }

   /*搜索*/
   .search {
	   width: 100%;
	   padding-bottom: 50rem;
	   padding-top: 15.7rem;
	   background: #f9f9fb url(../images/searchbj.png) no-repeat 100% 100%;
	   position: absolute;
	   top: 10rem;
	   left: 0;
	   z-index: 15;
	   display: none;
   }

   .search .searchn {
	   width: 90%;
	   padding: 0 5%;
	   padding-bottom: 10rem;
   }

   .search .searchn .form {
	   width: 100%;
   }

   .search .searchn .form .input {
	   width: 80%;
	   float: left;
	   height: 9rem;
	   line-height: 9rem;
	   position: relative;
	   background: #e9eff9;
   }

   .search .searchn .form .input .pic {
	   position: absolute;
	   top: 2.9rem;
	   left: 3rem;
	   width: 3.2rem;
	   height: 3.2rem;
   }

   .search .searchn .form .input input {
	   color: #333;
	   font-size: 2.2rem;
	   padding-left: 9rem;
	   line-height: 9rem;
	   background: none;
   }

   .search .searchn .form .submit {
	   width: 20%;
	   height: 9rem;
	   line-height: 9rem;
	   text-align: center;
	   background: #0870eb;
	   color: #fff;
	   font-size: 2.2rem;
	   border: 0;
	   padding: 0;
	   margin: 0;
   }

   .searchb {
	   width: 80%;
	   margin: 0 10%;
   }

   .searchb h3 {
	   color: #333;
	   font-size: 2.4rem;
	   border-bottom: #ddd 0.1rem solid;
	   padding-top: 8rem;
	   padding-bottom: 2.6rem;
   }

   .searchb ul {
	   width: 100%;
   }

   .searchb ul li {
	   border-radius: 1.5rem;
	   float: left;
	   margin-right: 3rem;
	   margin-top: 3rem;
	   overflow: hidden;
   }

   .searchb ul li a {
	   display: block;
	   padding: 0.5rem 1.5rem;
	   color: #777;
	   background: #e9eff9;
	   font-size: 2.2rem;
   }

   .searchb ul li:hover a {
	   background: #0870eb;
	   color: #fff;
   }

   /*搜索结果*/
   .search_result {
	   width: 100%;
	   background: url(../images/search_result.png) no-repeat;
	   background-size: 100% 100%;
   }

   .search_result .search_resultt {
	   width: 90%;
	   padding: 0 5%;
	   padding-top: 5rem;
   }

   .search_result .search_resultt .form {
	   width: 100%;
	   background: #e9eff9;
   }

   .search_result .search_resultt .form .input {
	   width: 76%;
	   float: left;
	   height: 9rem;
	   line-height: 9rem;
	   position: relative;
	   background: none;
	   color: #0870eb;
	   font-size: 2.2rem;
	   padding: 0 2%;
   }

   .search_result .search_resultt .form .submit {
	   width: 20%;
	   height: 9rem;
	   line-height: 9rem;
	   text-align: center;
	   background: #0870eb;
	   color: #fff;
	   font-size: 2.2rem;
	   border: 0;
	   padding: 0;
	   margin: 0;
   }

   .search_result .search_resultc {
	   width: 90%;
	   margin: 0 5%;
	   border-bottom: #ddd 0.2rem solid;
	   margin-top: 4.8rem;
   }

   .search_result .search_resultc ul {
	   width: 70%;
	   float: left;
   }

   .search_result .search_resultc ul li {
	   margin-right: 4%;
	   float: left;
	   height: 8rem;
	   line-height: 8rem;
   }

   .search_result .search_resultc ul li a {
	   color: #333;
	   font-size: 2.4rem;
	   position: relative;
	   display: inline-block;
   }

   .search_result .search_resultc ul li a span {
	   display: none;
   }

   .search_result .search_resultc ul li:hover a {
	   color: #0870eb;
   }

   .search_result .search_resultc ul li:hover a span {
	   height: 0.4rem;
	   width: 100%;
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   display: inline-block;
	   background: #0870eb;
   }

   .search_result .search_resultc ul li.active a {
	   color: #0870eb;
   }

   .search_result .search_resultc ul li.active a span {
	   height: 0.4rem;
	   width: 100%;
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   display: inline-block;
	   background: #0870eb;
   }

   .search_result .search_resultc .tip {
	   float: right;
	   width: 30%;
	   color: #777;
	   font-size: 2.2rem;
	   margin: 0;
	   text-align: right;
	   height: 8rem;
	   line-height: 8rem;
	   display: none;
   }

   .search_result .search_resultc .tip span {
	   color: #0870eb;
   }

   .search_result .search_resultb .solve {
	   /*display: none;*/
   }

   .search_result .search_resultb .solve ul {
	   /*background: none;*/
   }

   .search_result .search_resultb .news {
	   /*display: none;*/
	   background: none;
	   padding-top: 5rem;
   }

   
	.search_resultb .product ul{ padding-top: 5rem;}
	.search_resultb .solve ul{ padding-top: 5rem;}
}

@media (min-width: 769px) {
	@charset "UTF-8";
	/* CSS Document */
	html, body, nav, ul, li, h2, h3, figure,td{ padding:0;margin:0;font-family:"Microsoft YaHei","Arial"}
	html,body{ height:100%; width:100%; font-size: 62.5%; background: #e9eff9; position: relative; }
	.clear{ clear:both;}
	input,select,textarea{ outline:none;font-family:"Microsoft YaHei";-webkit-appearance: none;outline: none; border:0;}
	ul,li{list-style-type:none;}
	img{display: block;}
	a{ text-decoration:none; }
	.fl{ float: left; }
	.fr{ float: right; }
	.hide{ display: none !important; }
    .p_content img {max-width:100%;}


	.content {
		width: 100%;
	} 


	/*公用头部*/
	.publich1 {
		display: block;
	}

	.publich {
		display: none;
	}

	.navhide {
		display: none;
	}

	.headzw {
		width: 90%;
		padding: 0 5%;
		background: rgba(255, 255, 255, 0.4);
		height: 10rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	.head {
		width: 90%;
		padding: 0 5%;
		background: rgba(38, 53, 72, 0.4);
		height: 10rem;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 991;
	}

	.head .logo {
		width: 12rem;
		height: 14rem;
		position: absolute;
		top: 0;
		left: 5%;
		z-index: 992;
	}

	.head .logo .pic {
		width: 12rem;
		height: 14rem;
	}

	.head .nav {
		position: absolute;
		top: 0;
		right: 5%;
	}

	.head .nav ul {
		float: right;
	}

	.head .nav ul li {
		float: left;
		margin: 0 2.4rem;
		height: 10rem;
		line-height: 10rem;
		position: relative;
	}

	.head .nav ul li a {
		color: #fff;
		font-size: 1.6rem;
		display: block;
	}

	.head .nav ul li a span {
		display: none;
	}

	.head .nav ul li a:hover span {
		background: #fff;
		width: 100%;
		height: 0.4rem;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.head .nav ul li .active span {
		background: #fff;
		width: 100%;
		height: 0.4rem;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.head .nav ul li .ul {
   		width: 14rem;
   		background: #fff;
   		display: none;
   		position: absolute;
   		top: 10rem;
   		left: 0;
   }

   .head .nav ul li .ul .li {
   		width: 100%;
   		text-align: center;
   		height: 6rem;
		line-height: 6rem;
   		border-bottom: #ddd 0.2rem solid;
   }

   .head .nav ul li .ul .li:last-child {
   		border-bottom: 0;
   }

   .head .nav ul li .ul .li:hover {
   		border-bottom: #0870eb 0.2rem solid;
   }

   .head .nav ul li .ul .li a {
   		color: #333;
   }

   .head .nav ul li .ul .li:hover a {
   		color: #0870eb;
   		font-weight: bold;
   }

	.head .nav .en {
		float: right;
		height: 2rem;
		margin: 4rem 0;
		margin-left: 3.9rem;
		padding-left: 6.3rem;
		border-left: #fff 0.2rem solid;
	}

	.head .nav .en .pic {
		width: 2rem;
		height: 2rem;
		margin-right: 1rem;
		float: left;
	}

	.head .nav .en span {
		color: #fff;
		font-size: 1.6rem;
	}

	.head .nav .sear {
		float: right;
		width: 4.7rem;
		height: 4.7rem;
		margin: 2.65rem 0;
		margin-left: 4.4rem;
	}

	.head .nav .sear a .pic {
		width: 4.7rem;
		height: 4.7rem;
	}


	.headq {
		background: #f9f9fb;
	}

	.headq .nav ul li a {
		color: #333;
		font-size: 1.6rem;
		display: block;
	}

	.headq .nav ul li a:hover {
		color: #0870eb;
	}

	.headq .nav ul li a.active {
		color: #0870eb;
		font-weight: bold;
	} 


	.headq .nav ul li a span {
		display: none;
	}

	.headq .nav ul li a:hover span {
		background: #0870eb;
		width: 100%;
		height: 0.4rem;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.headq .nav ul li .active span {
		background: #0870eb;
		width: 100%;
		height: 0.4rem;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.headq .nav .en {
		float: right;
		height: 2rem;
		margin: 4rem 0;
		margin-left: 3.9rem;
		padding-left: 6.3rem;
		border-left: #fff 0.2rem solid;
	}

	.headq .nav .en span {
		color: #333;
		font-size: 1.6rem;
	}

	.headq .nav ul li .ul {
   		width: 16rem;
   		background: #fff;
   		display: none;
   		position: absolute;
   		top: 10rem;
   		left: 0;
   }

   .headq .nav ul li .ul .li {
   		width: 100%;
   		text-align: center;
   		height: 6rem;
		line-height: 6rem;
   		border-bottom: #ddd 0.2rem solid;
   }

   .headq .nav ul li .ul .li:last-child {
   		border-bottom: 0;
   }

   .headq .nav ul li .ul .li:hover {
   		border-bottom: #0870eb 0.2rem solid;
   }

   .headq .nav ul li .ul .li a {
   		color: #333;
   }

   .headq .nav ul li .ul .li:hover a {
   		color: #0870eb;
   		font-weight: bold;
   }


	.setion {
		width: 100%;
		padding-top: 10rem;
	}


	/*公用底部*/
	.footer {
		width: 100%;
		background: #263548 url(../images/footerbj.png) no-repeat 100% 100%;
		min-height: 59.7rem;
	}

	.footern {
		width: 90%;
		margin: 0 5%;
	}

	.footernl {
		width: 30%;
		float: left;
		padding-top: 9.5rem;
	}

	.footernlt {
		width: 100%;
		margin-bottom: 4rem;
	}

	.footernlt .pic {
		width: 7.5rem;
		height: 7.5rem;
		float: left;
	}

	.footernlt .footernltn {
		margin-left: 2rem;
		float: left;
	}

	.footernlt .footernltn p {
		color: #939aa4;
		font-size: 1.6rem;
		margin: 0;
	}


	.footernlt .footernltn h3 {
		color: #fff;
		font-size: 3.6rem;
	}

	.footernl ul {
		width: 100%;
	} 

	.footernl ul li {
		color: #939aa4;
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.footernr {
		width: 70%;
		float: right;
		padding-top: 9.5rem;
	}

	.footernr .ul {
		float: right;
	}

	.footernr .ul:nth-child(1) {
		width: 8rem;
		margin-left: 8rem;
	}

	.footernr .ul:nth-child(2) {
		width: 8rem;
		margin-left: 8rem;
	}

	.footernr .ul:nth-child(3) {
		width: 16.8rem;
		margin-left: 8rem;
	}

	.footernr .ul:nth-child(4) {
		width: 42.6rem;
	}

	.footernr .ul h3 {
		color: #fff;
		font-size: 2.6rem;
		margin-bottom: 2.5rem;
	}

	.footernr .ul .list {
		width: 100%;
		color: #939aa4;
		font-size: 1.6rem;
		line-height: 2;
	}

	.footernr .ul .list a {
		width: 100%;
		color: #939aa4;
		font-size: 1.6rem;
		display: block;
	}

	.footernr .ul ul {
		width: 50%;
		float: left;
	}

	.footernr .ul ul h3 {
		color: #fff;
		font-size: 1.6rem;
	}

	.footerb {
		width: 100%;
		height: 10rem;
		margin-top: 14.7rem;
		position: relative;
		border-top: rgba(255, 255, 255, 0.2) 0.2rem solid;
	}

	.footerb .footerbl {
		position: absolute;
		left: 0;
		top: 0;
	}

	.footerb .footerbl .list {
		width: 3.6rem;
		height: 3.6rem;
		float: left;
		margin-right: 2rem;
		margin-top: 3.2rem;
	}

	.footerb .footerbl .list img {
		width: 3.6rem;
		height: 3.6rem;
	}

	.footerb .footerbc {
		width: 100%;
		text-align: center;
		height: 10rem;
		line-height: 10rem;
	}

	.footerb .footerbc a {
		color: #939aa4;
		font-size: 1.6rem;
		margin: 0 0.5rem;
		display: inline-block;
	}

	.footerb .footerbr {
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
	}

	.footerb .footerbr span {
		color: #fff;
		font-size: 1.6rem;
		float: left;
		line-height: 10rem;
	}

	.footerb .footerbr img {
		width: 5.2rem;
		height: 5.2rem;
		float: left;
		margin-left: 2rem;
		margin-top: 2.4rem;
	}


	/*banner*/
	.banner {
		position: relative;
	}

	.banner .swiper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}


	.banner .swiper-slide {
		background-size: cover;
		background-position: center;
	}

	.banner .mySwiper2 {
		width: 100%;
	}

	.banner .swiper-button-next:after {
		content: inherit;
	}

	.banner .swiper-button-prev:after {
		content: inherit;
	}

	.banner .mySwiper2 .swiper-button-next {
		background: url(../images/next_active.png) no-repeat;
		background-size:100% 100%;
		width: 5rem;
		height: 5rem;
		position: absolute;
		top: initial;
		bottom: 7.5rem;
		right: 5%;
	}

	.banner .mySwiper2 .swiper-button-prev {
		background: url(../images/prev_active.png) no-repeat;
		background-size:100% 100%;
		width: 5rem;
		height: 5rem;
		position: absolute;
		top: initial;
		bottom: 7.5rem;
		left: 5%;
	}

	.banner .mySwiper2 .swiper-button-next.swiper-button-disabled {
		background: url(../images/next.png) no-repeat;
		background-size:100% 100%;
		width: 5rem;
		height: 5rem;
		position: absolute;
		top: initial;
		bottom: 7.5rem;
		right: 5%;
	}

	.banner .mySwiper2 .swiper-button-prev.swiper-button-disabled {
		background: url(../images/prev.png) no-repeat;
		background-size:100% 100%;
		width: 5rem;
		height: 5rem;
		position: absolute;
		top: initial;
		bottom: 7.5rem;
		left: 5%;
	}

	.banner .mySwiper {
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 12%;
		width: 76%;
		height: 10rem;
	}

	.banner .mySwiper .swiper-slide {
		width: 25%;
		height: 100%;
		color: #fff;
		padding-top: 2.1rem;
		opacity: 0.5;
		font-size: 1.6rem;
		border-top: #0e1f2d 0.1rem solid;
		cursor: pointer;
	}

	.banner .swiper-slide .bannern {
		position: absolute;
		top: 20rem;
		left: 12%;
	}

	.banner .swiper-slide .bannern .title {
		color: #fff;
		font-size: 4rem;
	}

	.banner .swiper-slide .bannern h3 {
		color: #fff;
		font-size: 6rem; 
	}

	.banner .swiper-slide .bannern p {
		color: #fff;
		font-size: 1.6rem;
	}

	.mySwiper2 .swiper-slide-active .title {
		-webkit-animation-duration:1s;
	    animation-duration:1s;
	    -webkit-animation-fill-mode:both;
	    animation-fill-mode:both;
		-webkit-animation-name:fadeInRightBig;
	    animation-name:fadeInRightBig
	}

	.mySwiper2 .swiper-slide-active h3 {
		-webkit-animation-duration:1s;
	    animation-duration:1s;
	    -webkit-animation-fill-mode:both;
	    animation-fill-mode:both;
		-webkit-animation-name:fadeInLeftBig;
	    animation-name:fadeInLeftBig
	}

	.mySwiper2 .swiper-slide-active p {
		-webkit-animation-duration:1s;
	    animation-duration:1s;
	    -webkit-animation-fill-mode:both;
	    animation-fill-mode:both;
		-webkit-animation-name:fadeInRightBig;
	    animation-name:fadeInRightBig
	}

	.banner .swiper-slide .bannern a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		margin-top: 8rem;
	}

	.banner .swiper-slide .bannern a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.banner .swiper-slide .bannern a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.banner .mySwiper .swiper-slide-thumb-active {
		opacity: 1;
		border-top: #fff 0.2rem solid;
		font-weight: bold;
	}

	.banner .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/*我们的产品*/
	.index_product {
		width: 100%;
		background: url(../images/index_productbj.png) no-repeat;
		background-size:100% 100%;
		padding-bottom: 12rem;
	}

	.index_product .top {
		width: 76%;
		padding: 10rem 12% 6rem;
	}

	.index_product .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.index_product .top a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.index_product .top a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.index_product .top a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.index_product ul {
		width: 76%;
		padding: 0 12%;
	}

	.index_product ul li {
		width: 32%;
		float: left;
		margin-right: 2%;
		background: #fff;
		margin-bottom: 2rem;
		opacity: 0;
		transition-duration: .8s;
		-webkit-transition-duration: .8s; /* Safari */
	}

	.index_product ul li:hover {
		background: #0870eb url(../images/hover.png) no-repeat;
	}

	.index_product ul li:nth-child(3n) {
		margin-right: 0;
	}

	.index_product ul li a {
		display: block;
	}

	.index_product ul li a h3 {
		color: #333;
		font-size: 3.2rem;
		margin-top: 6.5rem;
		margin-left: 4.1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.index_product ul li a p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		margin-top: 2rem;
		margin-left: 4.1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.index_product ul li:hover a h3 {
		color: #fff;
	}

	.index_product ul li:hover a p {
		color: #fff;
	}

	.index_product ul li a .bottom {
		width: 100%;
	}

	.index_product ul li a .bottom .bottoml {
		width: 5rem;
		height: 5rem;
		float: left;
		margin-top: 2.4rem;
		margin-left: 4.1rem;
	}


	.index_product ul li a .bottom .bottomla {
		width: 5rem;
		height: 5rem;
		float: left;
		margin-top: 2.4rem;
		margin-left: 4.1rem;
		display: none;
	}

	.index_product ul li:hover a .bottom .bottoml {
		display: none;
	}

	.index_product ul li:hover a .bottom .bottomla {
		display: block;
	}

	.index_product ul li a .bottom .bottomr {
		width: 70%;
		float: right;
	}

	/*行业解决方案*/
	.index_industry {
		width: 100%;
		background: #fff;
	}


	.index_industry .top {
		width: 76%;
		padding: 10rem 12% 5.5rem;
	}

	.index_industry .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
	}

	.index_industry .mySwiper3 {
		width: 76%;
		padding: 0 12%;
		border-bottom: #ddd 0.1rem solid;
	}

	.index_industry .tab {
		width: 100%;
	}

	.index_industry .tab .swiper-slide {
		width: 14.28%;
		padding-bottom: 2.6rem;
		float: left;
		color: #777;
		font-size: 1.6rem;
		text-align: center;
	}

	.index_industry .tab .swiper-slide:hover {
		border-bottom: #0870eb 0.2rem solid;
		color: #0870eb;
	}

	.index_industry .tab .swiper-slide-thumb-active {
		border-bottom: #0870eb 0.2rem solid;
		color: #0870eb;
	}

	.index_industry .tab .swiper-slide:nth-child(1) {
		text-align: left;
	}

	.index_industry .tab .swiper-slide:nth-child(7) {
		text-align: right;
	}

	.tabb {
		width: 100%;
		padding: 6.7rem 0 14rem;
	}

	.tabb .tabbli {
		width: 100%;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    position: relative;
	    overflow: hidden;
	}

	.tabblinr {
		width: 100%;
		display: block;
		background: #e9eff9;
		overflow: hidden;
	}

	.tabblinr .pic {
		width: 65%;
		float: left;
	}

	.tabblinr .tabblir {
		float: right;
		width: 35%;
	}

	.tabblinr .tabblir h3 {
		color: #0870eb;
		font-size: 3.2rem;
		padding-top: 16.4rem;
		padding-left: 8rem;
		width: 70%;
	}

	.tabblinr .tabblir p {
		color: #777;
		font-size: 1.6rem;
		padding-left: 8rem;
		padding-top: 2rem;
		margin: 0;
		width: 70%;
	}


	.tabblinr .tabblir .button {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		margin-left: 8rem;
		margin-top: 5.6rem;
	}

	.tabblinr .tabblir .button span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.tabblinr .tabblir .button .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.tabblinr .num {
		position: absolute;
		bottom: -6.5rem;
		right: 1.5rem;
		color: #5d6a7a;
		font-size: 22rem;
		opacity: 0.07;
	}

	/*公司介绍*/
	.index_introduce {
		width: 100%;
		height: 80rem;
		background: url(../images/index_introducebj.png) no-repeat;
		background-size:100% 100%;
		position: relative;
	}

	.index_introducet {
		width: 76%;
		padding: 0 12%;
		padding-top: 9.8rem;
	}

	.index_introducet .index_introducetl {
		width: 50%;
		float: left;
	}

	.index_introducet .index_introducetl h3 {
		color: #fff;
		font-size: 5.2rem;
	}

	.index_introducet .index_introducetl a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #fff;
		border-radius: 2.5rem;
		display: block;
		margin-top: 6rem;
	}

	.index_introducet .index_introducetl a span {
		float: left;
		margin-left: 2.4rem;
		color: #0870eb;
		font-size: 1.6rem;
	}

	.index_introducet .index_introducetl a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.index_introducet .index_introducetr {
		width: 50%;
		float: left;
	}

	.index_introducet .index_introducetr  h3 {
		color: #fff;
		font-size: 3.2rem;
		margin-bottom: 3rem;
	}

	.index_introducet .index_introducetr  p {
		color: rgba(255, 255, 255, 0.7);
		font-size: 1.6rem;
		margin-bottom: 3rem;
		line-height: 1.7;
	}

	.index_introduce ul {
		position: absolute;
		width: 76%;
		left: 12%;
		bottom: -13.8rem;
	}

	.index_introduce ul li {
		float: left;
		width: 19.5%;
		margin-right: 2%;
		padding: 0 2%;
		height: 39.3rem;
		background: url(../images/index_introducelibj.png) no-repeat;
		background-size:100% 100%;
		opacity: 0;
	}

	.index_introduce ul li:nth-child(4) {
		margin-right: 0;
	}

	.index_introduce ul li:hover {
		background: url(../images/index_introduceliac.png) no-repeat;
		background-size:100% 100%;
	}

	.index_introduce ul li h3 {
		color: #777;
		font-size: 1.6rem;
		margin-top: 3.7rem;
	}

	.index_introduce ul li p {
		color: #0870eb;
		font-size: 2.2rem;
		margin: 0;
	}

	.index_introduce ul li .pic {
		width: 8.1rem;
		height: 8.1rem;
		margin: 8rem 0 3rem;
	}

	.index_introduce ul li .pic1 {
		width: 8.1rem;
		height: 8.1rem;
		display: none;
		margin: 8rem 0 3rem;
	}

	.index_introduce ul li.active {
		background: url(../images/index_introduceliac.png) no-repeat;
		background-size:100% 100%;
	}

	.index_introduce ul li.active .pic1 {
		display: block;
	}

	.index_introduce ul li.active .pic {
		display: none;
	}

	.index_introduce ul li.active h3 {
		color: #94c5ff;
	}


	.index_introduce ul li.active p {
		color: #fff;
	}

	.index_introduce ul li:hover .pic1 {
		display: block;
	}

	.index_introduce ul li:hover .pic {
		display: none;
	}

	.index_introduce ul li:hover h3 {
		color: #94c5ff;
	}


	.index_introduce ul li:hover p {
		color: #fff;
	}

	/*新闻*/
	.index_news {
		width: 100%;
		padding-bottom: 14.3rem;
		background: url(../images/index_newsbj.png) no-repeat;
	}

	.index_news .top {
		width: 76%;
		padding: 23.3rem 12% 6rem;
	}

	.index_news .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.index_news .top a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.index_news .top a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.index_news .top a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.index_news .wrap {
		margin: 0 12%;
		width: 76%;
		min-height: 64rem;
		position: relative;
	}

	.index_news .wrap .pic {
		width: 35%;
		padding-bottom: 4rem;
		cursor: pointer;
	}

	.index_news .wrap .pic1 {
		position: absolute;
		top: 0;
		left: 0;
		background: #0870eb;
		z-index: 4;
	}

	.index_news .wrap .pic2 {
		position: absolute;
		top: 0;
		left: 22%;
		background: #6fadff;
		z-index: 3;
	}

	.index_news .wrap .pic3 {
		position: absolute;
		top: 0;
		left: 44%;
		background: #a8b6c6;
		z-index: 2;
	}

	.index_news .wrap .pic4 {
		position: absolute;
		top: 0;
		left: 66%;
		background: #263548;
	}

	.index_news .wrap .active {
		z-index: 5;
	}

	.index_news .wrap .pic .newpic {
		width: 80%;
		margin: 4rem 10%;
	}

	.index_news .wrap .pic p {
		color: #fff;
		font-size: 2.4rem;
		width: 80%;
		margin: 0 10%;
	}

	.index_news .wrap .pic .more {
		width: 80%;
		margin: 0 10%;
	}

	.index_news .wrap .pic .more span {
		height: 0.3rem;
		background: rgba(255, 255, 255, 0.2);
		float: left;
		width: 70%;
		margin-top: 3.25rem;
	}

	.index_news .wrap .pic .more .morepic {
		width: 7rem;
		height: 7rem;
		float: right;
	}

	.index_news .wrap .pic .more .morepic1 {
		width: 7rem;
		height: 7rem;
		float: right;
		display: none;
	}

	.index_news .wrap .active .more .morepic1 {
		display: block;
	}

	.index_news .wrap .active .more .morepic {
		display: none;
	}

	.index_news .wrap .pic ul {
		width: 80%;
		margin: 0 10%;
	}

	.index_news .wrap .pic ul li {
		float: left;
		border-right: #fff 0.2rem solid;
		padding-right: 2rem;
	}

	.index_news .wrap .pic ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.index_news .wrap .pic ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.index_news .wrap .pic ul li span {
		font-size: 1.6rem;
		color: #fff;
	}

	/*子页关于我们*/
	.about {
		width: 100%;
		overflow-y: hidden;
	}

	.nytop {
		width: 100%;
		position: relative;
	}

	.nytop .pic {
		width: 100%;
	}

	.nytop h3 {
		position: absolute;
		left: 0;
		bottom: 16rem;
		width: 76%;
		margin: 0 12%;
		color: #fff;
		font-size: 7rem;
	}

	.topnav {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 76%;
		margin: 0 12%;
		border-top: rgba(255, 255, 255, 0.2) 0.2rem solid;
	}

	.topnav .list {
		width: 33rem;
		height: 10rem;
		line-height: 10rem;
		float: left;
	}

	.topnav .list:hover {
		border-top: rgba(255, 255, 255, 1) 0.4rem solid;
	}

	.topnav .list.active {
		border-top: rgba(255, 255, 255, 1) 0.4rem solid;
	}

	.topnav .list a {
		color: #fff;
		font-size: 2.2rem;
		display: block;
	}

	.topnav .list.active a {
		font-weight: bold;
	}

	.aboutjj {
		width: 100%;
		background: #fff url(../images/about9.png) no-repeat 100% 100%;
	}

	.aboutjj .aboutjjn {
		width: 76%;
		margin: 0 12%;
		padding: 14rem 0;
	}

	.aboutjj .aboutjjn .aboutjjl {
		width: 40%;
		float: left;
		opacity: 0;
	}

	.aboutjj .aboutjjn .aboutjjr {
		width: 55%;
		float: right;
		opacity: 0;
	}

	.aboutjj .aboutjjn .aboutjjr h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-top: 5rem;
	}

	.aboutjj .aboutjjn .aboutjjr p {
		color: #777;
		margin: 0;
		font-size: 1.6rem;
		margin-top: 3.5rem;
		line-height: 2;
		margin-bottom: 3rem;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb {
		width: 100%;
		border-top: #ddd 0.1rem solid;
		padding-top: 5rem;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbl {
		width: 30%;
		height: 7.8rem;
		line-height: 7.8rem;
		color: #0870eb;
		font-size: 3.2rem;
		float: left;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr {
		/*width: 37.3rem;*/
		float: right;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list {
		width: 7.1rem;
		height: 7.1rem;
		float: left;
		margin-left: 3rem;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list .pic {
		width: 7.1rem;
		height: 7.1rem;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list .listwz {
		width: 7.1rem;
		height: 7.1rem;
		line-height: 7.1rem;
		text-align: center;
		color: #fff;
		font-size: 1.6rem;
		display: none;
		background: url(../images/aboutlia.png) no-repeat;
		background-size:100% 100%;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list:hover .pic {
		display: none;
	}

	.aboutjj .aboutjjn .aboutjjr .aboutjjrb .aboutjjrbr .list:hover .listwz {
		display: block;
	}


	/*我们的使命&愿景*/

	.aboutsm {
		width: 100%;
		background: url(../images/about10.png) no-repeat;
		background-size:100% 100%;
	}

	.aboutsm .aboutsmn {
		width: 76%;
		padding: 10rem 12% 13.6rem;
	}

	.aboutsm .aboutsmn h3 {
		color: #0870eb;
		font-size: 5.2rem;
	}


	.aboutsm .aboutsmn ul {
		width: 100%;
		margin-top: 6.2rem;
	}

	.aboutsm .aboutsmn ul li {
		float: left;
		width: 19.5%;
		margin-right: 2%;
		padding: 0 2%;
		height: 39.3rem;
		background: url(../images/index_introducelibj.png) no-repeat;
		background-size:100% 100%;
		opacity: 0;
	}

	.aboutsm .aboutsmn ul li:nth-child(4) {
		margin-right: 0;
	}

	.aboutsm .aboutsmn ul li:hover {
		background: url(../images/index_introduceliac.png) no-repeat;
		background-size:100% 100%;
	}

	.aboutsm .aboutsmn ul li h3 {
		color: #777;
		font-size: 1.6rem;
		margin-top: 3.7rem;
	}

	.aboutsm .aboutsmn ul li p {
		color: #0870eb;
		font-size: 2.2rem;
		margin: 0;
	}

	.aboutsm .aboutsmn ul li .pic {
		width: 8.1rem;
		height: 8.1rem;
		margin: 8rem 0 3rem;
	}

	.aboutsm .aboutsmn ul li .pic1 {
		width: 8.1rem;
		height: 8.1rem;
		display: none;
		margin: 8rem 0 3rem;
	}

	.aboutsm .aboutsmn ul li.active {
		background: url(../images/index_introduceliac.png) no-repeat;
		background-size:100% 100%;
	}

	.aboutsm .aboutsmn ul li.active .pic1 {
		display: block;
	}

	.aboutsm .aboutsmn ul li.active .pic {
		display: none;
	}

	.aboutsm .aboutsmn ul li.active h3 {
		color: #94c5ff;
	}

	.aboutsm .aboutsmn ul li.active p {
		color: #fff;
	}

	.aboutsm .aboutsmn ul li:hover .pic1 {
		display: block;
	}

	.aboutsm .aboutsmn ul li:hover .pic {
		display: none;
	}

	.aboutsm .aboutsmn ul li:hover h3 {
		color: #94c5ff;
	}


	.aboutsm .aboutsmn ul li:hover p {
		color: #fff;
	}

	/*经营理念*/
	.aboutjyln {
		width: 100%;
		background: #0870eb;
	}

	.aboutjyln .aboutjylnn {
		width: 76%;
		padding: 10rem 12% 13rem;
	}

	.aboutjyln .aboutjylnn h3 {
		color: #fff;
		font-size: 5.2rem;
		margin-bottom: 5.5rem;
	}

	.aboutjyln .aboutjylnn ul {
		width: 100%;
	}

	.aboutjyln .aboutjylnn ul li {
		width: 32%;
		float: left;
		margin-right: 2%;
		border-bottom: rgba(255, 255, 255, 0.2) 0.1rem solid;
		padding-bottom: 3.5rem;
		opacity: 0;
	}

	.aboutjyln .aboutjylnn ul li:nth-child(3) {
		margin-right: 0;
	}

	.aboutjyln .aboutjylnn ul li .pic {
		width: 100%;
	}

	.aboutjyln .aboutjylnn ul li span {
		color: #fff;
		font-size: 3.2rem;
		font-weight: bold;
		margin-top: 4rem;
		display: block;
	}

	.aboutjyln .aboutjylnn ul li p {
		color: #fff;
		font-size: 1.6rem;
		margin: 0;
		margin-top: 2rem;
	}

	/*关于我们底部*/
	.aboutbttom {
		width: 100%;
		background: url(../images/about11.png) no-repeat 100% 100%;
		background-size:100% 100%;
	}

	.aboutbttom .aboutbttomn {
		width: 76%;
		margin: 0 12%;
		padding: 14rem 0;
	}

	.aboutbttom .aboutbttomn .aboutbttomnr {
		width: 40%;
		float: right;
		opacity: 0;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl {
		width: 55%;
		float: left;
		opacity: 0;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl h3 {
		color: #0870eb;
		font-size: 5.2rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul {
		width: 100%;
		margin-top: 2rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul .li {
		width: 100%;
		margin-top: 1rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul .li .pic {
		width: 7rem;
		height: 7rem;
		float: left;
		margin-right: 1rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir {
		float: left;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir span {
		color: #0870eb;
		font-size: 2.2rem;
		font-weight: bold;
		margin-top: 1rem;
		display: block;
	}

	.aboutbttom .aboutbttomn .aboutbttomnl .ul .li .lir p {
		margin: 0;
		color: #777;
		font-size: 1.6rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb {
		border-top: #ddd 0.1rem solid;
		width: 100%;
		margin-top: 3rem;
		padding-top: 2rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb h3 {
		color: #0870eb;
		font-size: 3.2rem;
		margin-bottom: 3.5rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap {
		width: 100%;
		position: relative;
		height: 12rem;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic {
		width: 40%;
		height: 12rem;
		text-align: center;
		cursor: pointer;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic1 {
		position: absolute;
		top: 0;
		left: 0;
		background: #0870eb;
		z-index: 4;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic2 {
		position: absolute;
		top: 0;
		left: 25%;
		background: #6fadff;
		z-index: 3;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic3 {
		position: absolute;
		top: 0;
		left: 50%;
		background: #a8b6c6;
		z-index: 2;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .active {
		z-index: 5;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic h3 {
		color: #fff;
		font-size: 2.2rem;
		margin-top: 3.7rem;
		margin-bottom: 0;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .wrap .pic p {
		color: #fff;
		font-size: 1.6rem;
		margin: 0;
	}

	.aboutbttom .aboutbttomn .aboutbttomnb .tip {
		color: #777;
		font-size: 1.6rem;
		margin-top: 3.5rem;
	}

	/*新闻*/
	.news {
		width: 100%;
	}

	.news .newsbanner {
		width: 76%;
		margin: 0 12%;
		background: #fff;
		margin-top: 14rem;
		margin-bottom: 7rem;
	}

	.news .newsbanner .swiper {
		width: 100%;
		height: 100%;
	}

	.news .newsbanner .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.news .newsbanner .newsnr {
		width: 100%;
		display: block;
	}

	.news .newsbanner .newsnr .pic {
		width: 45%;
		float: left;
	}

	.news .newsbanner .newsnr .neswr {
		width: 48%;
		margin-right: 2%;
		float: right;
	}

	.news .newsbanner .newsnr .neswr h3 {
		color: #0870eb;
		font-size: 3.2rem;
		margin-top: 4rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	.news .newsbanner .newsnr .neswr p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		line-height: 2;
		margin-top: 2rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	}

	.news .newsbanner .newsnr .neswr .more {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		margin-top: 4.2rem;
		display: block;
	}

	.news .newsbanner .newsnr .neswr .more span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.news .newsbanner .newsnr .neswr .more .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.news .newsbanner .newsnr .neswr .neswrb {
		border-top: #ddd 0.1rem solid;
		position: absolute;
		bottom: 0;
		right: 2%;
		width: 48%;
		height: 10rem;
	}

	.news .newsbanner .newsnr .neswr .neswrb ul {
		width: 100%;
	}

	.news .newsbanner .newsnr .neswr .neswrb ul li {
		float: left;
		border-right: #ddd 0.2rem solid;
		padding-right: 2rem;
		margin-top: 4rem;
	}

	.news .newsbanner .newsnr .neswr .neswrb ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.news .newsbanner .newsnr .neswr .neswrb ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.news .newsbanner .newsnr .neswr .neswrb ul li span {
		font-size: 1.6rem;
		color: #777;
	}

	.news .wrap {
		margin: 0 12%;
		width: 76%;
		min-height: 64rem;
		position: relative;
	}

	.news .wrap .pic {
		width: 32%;
		margin-right: 2%;
		padding-bottom: 4rem;
		cursor: pointer;
		background: #fff;
		padding-top: 0.1rem;
		float: left;
		margin-bottom: 2rem;
		overflow: hidden;
		transition-duration: .8s;
		-webkit-transition-duration: .8s; /* Safari */
	}

	.news .wrap .pic:nth-child(3n) {
		margin-right: 0;
	}

	.news .wrap .pic:nth-child(4) {
		clear: both;
	}

	.news .wrap .active {
		background: #0870eb;
		overflow: hidden;
	}

	.news .wrap .pic .newpic {
		width: 80%;
		margin: 4rem 10%;
	}

	.news .wrap .pic p {
		color: #333;
		font-size: 2.4rem;
		width: 80%;
		margin: 0 10%;
		height: 6.2rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	.news .wrap .pic .more {
		width: 80%;
		margin: 0 10%;
	}

	.news .wrap .pic .more span {
		height: 0.3rem;
		background: #ddd;
		float: left;
		width: 70%;
		margin-top: 3.25rem;
	}

	.news .wrap .pic .more .morepic {
		width: 5rem;
		height: 5rem;
		margin: 1rem;
		float: right;
	}

	.news .wrap .pic .more .morepic1 {
		width: 7rem;
		height: 7rem;
		float: right;
		display: none;
	}

	.news .wrap .active .more .morepic1 {
		display: block;
	}

	.news .wrap .active .more .morepic {
		display: none;
	}

	.news .wrap .pic ul {
		width: 80%;
		margin: 0 10%;
	}

	.news .wrap .pic ul li {
		float: left;
		border-right: #ddd 0.2rem solid;
		padding-right: 2rem;
	}

	.news .wrap .pic ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.news .wrap .pic ul li .icon1 {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
		display: none;
	}


	.news .wrap .pic ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.news .wrap .pic ul li span {
		font-size: 1.6rem;
		color: #777;
	}

	.news .wrap .active p {
		color: #fff;
	}

	.news .wrap .active ul li .icon {
		display: none;
	}

	.news .wrap .active ul li .icon1 {
		display: block;
	}

	.news .wrap .active .more span {
		background: #fff;
	}

	.news .wrap .active  ul li {
		border-right: rgba(255, 255, 255, 0.2) 0.2rem solid;
	}

	.news .wrap .active  ul li span {
		color: #fff;
	}

	/*分页*/
	.pages {
		text-align: center;
		padding-top: 8rem;
		padding-bottom: 10rem;
	}

	.pages .prve {
		display: inline-block;
	}

	.pages .prve img {
		width: 5rem;
		height: 5rem;
	}

	.pages .num {
		display: inline-block;
		width: initial;
	}

	.pages .num .span {
		width: 4.9rem;
		height: 4.9rem;
		line-height: 4.9rem;
		text-align: center;
		border: #e1e3e6 0.1rem solid;
		margin: 0 1rem;
		float: left;
		border-radius: 50%;
		font-size: 1.6rem;
		color: #777;
	}

	.pages .num .spanc {
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
		text-align: center;
		margin: 0 1rem;
		float: left;
		color: #777;
		font-size: 1.6rem;
	}

	.pages .num .active {
		background: #0870eb;
		border: 0;
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
		color: #fff;
	}


     .pages .num .active  a{
	   
	   color: #fff;
   }

      .pages .span:hover{
	   
	   background: #0870eb;

		color: #fff;
   }

    
	.pages .next {
		display: inline-block;
	}

	.pages .next img {
		width: 5rem;
		height: 5rem;
	}

	/*新闻详情*/
	.news_details {
		width: 100%;
	}

	.news_detailsn {
		width: 76%;
		padding: 0 12%;
		background: url(../images/news_detailsbj.png) no-repeat;
		background-size:100% 100%;
		padding-bottom: 10rem;
	}

	.news_detailst {
		width: 100%;
		border-bottom: #0870eb 0.5rem solid;
		padding-bottom: 3.7rem;
		padding-top: 12.2rem;
	}

	.news_detailst .news_detailstl {
		width: 80%;
		float: left;
	}

	.news_detailst .news_detailstl h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-bottom: 5rem;
	}

	.news_detailst .news_detailstl ul {
		width: 100%;
	}

	.news_detailst .news_detailstl ul li {
		float: left;
		border-right: #ddd 0.2rem solid;
		padding-right: 2rem;
	}

	.news_detailst .news_detailstl ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.news_detailst .news_detailstl ul li .icon1 {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
		display: none;
	}

	.news_detailst .news_detailstl ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.news_detailst .news_detailstl ul li span {
		color: #777;
		font-size: 1.6rem;
	}

	.news_detailst a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.news_detailst a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.news_detailst a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.news_detailsn .news_detailsc {
		width: 100%;
	}

	.news_detailsn .news_detailsc .pic {
		width: 100%;
	}

	.news_detailsn .news_detailsc img {
	   width: 100%;
   }

	.news_detailsn .news_detailsbs {
		width: 100%;
	}

	.news_detailsn .news_detailsbs .list {
		width: 100%;
		height: 9rem;
		border-top: #ddd 0.1rem solid;
		position: relative;
	}

	.news_detailsn .news_detailsbs .list .pic {
		width: 7rem;
		height: 7rem;
		margin: 1rem;
		position: absolute;
		top: 0;
		left: 0;
	}

	.news_detailsn .news_detailsbs .list p {
		margin: 0 20%;
		line-height: 9rem;
		height: 9rem;
		width: 60%;
		text-align: center;
		color: #333;
		font-size: 2.2rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.news_detailsn .news_detailsbs .list  ul {
		position: absolute;
		right: 0;
		top: 3.5rem;
	}

	.news_detailsn .news_detailsbs .list ul li {
		float: left;
		border-right: #ddd 0.2rem solid;
		padding-right: 2rem;
		color: #777;
		font-size: 1.6rem;
	}

	.news_detailsn .news_detailsbs .list ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.news_detailsn .news_detailsbs .list ul li .icon1 {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
		display: none;
	}

	.news_detailsn .news_detailsbs .list ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.news_detailsn .news_detailsbs .list:nth-child(2) {
		border-bottom: #ddd 0.1rem solid;
	}

	.news_details .news_detailsb {
		background: #e9eff9;
		width: 100%;
		padding-bottom: 6rem;
	}

	.news_details .news_detailsb .top {
		width: 80%;
		padding: 10rem 10% 6rem;
	}

	.news_details .news_detailsb .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.news_details .news_detailsb .top a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.news_details .news_detailsb .top a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.news_details .news_detailsb .top a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.news_details .wrap {
		margin: 0 10%;
		width: 80%;
		min-height: 64rem;
		position: relative;
	}

	.news_details .wrap .pic {
		width: 32%;
		margin-right: 2%;
		padding-bottom: 4rem;
		cursor: pointer;
		background: #fff;
		padding-top: 0.1rem;
		float: left;
		margin-bottom: 2rem;
		transition-duration: .8s;
		-webkit-transition-duration: .8s; /* Safari */
	}

	.news_details .wrap .pic:nth-child(3n) {
		margin-right: 0;
	}

	.news_details .wrap .active {
		background: #0870eb;
	}

	.news_details .wrap .pic .newpic {
		width: 80%;
		margin: 4rem 10%;
	}

	.news_details .wrap .pic p {
		color: #333;
		font-size: 2.4rem;
		width: 80%;
		margin: 0 10%;
		height: 6.2rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	.news_details .wrap .pic .more {
		width: 80%;
		margin: 0 10%;
	}

	.news_details .wrap .pic .more span {
		height: 0.3rem;
		background: #ddd;
		float: left;
		width: 70%;
		margin-top: 3.25rem;
	}

	.news_details .wrap .pic .more .morepic {
		width: 5rem;
		height: 5rem;
		margin: 1rem;
		float: right;
	}

	.news_details .wrap .pic .more .morepic1 {
		width: 7rem;
		height: 7rem;
		float: right;
		display: none;
	}

	.news_details .wrap .active .more .morepic1 {
		display: block;
	}

	.news_details .wrap .active .more .morepic {
		display: none;
	}

	.news_details .wrap .pic ul {
		width: 80%;
		margin: 0 10%;
	}

	.news_details .wrap .pic ul li {
		float: left;
		border-right: #ddd 0.2rem solid;
		padding-right: 2rem;
	}

	.news_details .wrap .pic ul li .icon {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
	}

	.news_details .wrap .pic ul li .icon1 {
		width: 2rem;
		height: 2rem;
		float: left;
		margin-right: 1rem;
		display: none;
	}


	.news_details .wrap .pic ul li:nth-child(2) {
		margin-left: 2rem;
		border-right: 0;
	}

	.news_details .wrap .pic ul li span {
		font-size: 1.6rem;
		color: #777;
	}

	.news_details .wrap .active p {
		color: #fff;
	}

	.news_details .wrap .active ul li .icon {
		display: none;
	}

	.news_details .wrap .active ul li .icon1 {
		display: block;
	}

	.news_details .wrap .active .more span {
		background: #fff;
	}

	.news_details .wrap .active  ul li {
		border-right: rgba(255, 255, 255, 0.2); 0.2rem solid;
	}

	.news_details .wrap .active  ul li span {
		color: #fff;
	}


	/*产品与技术*/
	.product {
		width: 100%;
	}

	.product ul {
		width: 76%;
		padding: 0 12%;
		padding-top: 15rem;
	}

	.product ul li {
		width: 32%;
		float: left;
		margin-right: 2%;
		background: #fff;
		margin-bottom: 2rem;
		transition-duration: .8s;
		-webkit-transition-duration: .8s;
		/*opacity: 0;*/
	}

	.product ul li:hover {
		background: #0870eb url(../images/hover.png) no-repeat;
	}

	.product ul li:nth-child(3n) {
		margin-right: 0;
	}

	.product ul li a {
		display: block;
	}

	.product ul li a h3 {
		color: #333;
		font-size: 3.2rem;
		margin-top: 6.5rem;
		margin-left: 4.1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.product ul li a p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		margin-top: 2rem;
		margin-left: 4.1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.product ul li:hover a h3 {
		color: #fff;
	}

	.product ul li:hover a p {
		color: #fff;
	}

	.product ul li a .bottom {
		width: 100%;
	}

	.product ul li a .bottom .bottoml {
		width: 5rem;
		height: 5rem;
		float: left;
		margin-top: 2.4rem;
		margin-left: 4.1rem;
	}


	.product ul li a .bottom .bottomla {
		width: 5rem;
		height: 5rem;
		float: left;
		margin-top: 2.4rem;
		margin-left: 4.1rem;
		display: none;
	}

	.product ul li:hover a .bottom .bottoml {
		display: none;
	}

	.product ul li:hover a .bottom .bottomla {
		display: block;
	}

	.product ul li a .bottom .bottomr {
		width: 70%;
		float: right;
	}


	/*产品详情*/
	.product_detailsn {
		width: 76%;
		padding: 0 12%;
		background: url(../images/news_detailsbj.png) no-repeat;
		background-size:100% 100%;
		padding-bottom: 10rem;
	}

	.product_detailsn .product_detailsnt {
		width: 100%;
	}

	.product_detailsn .product_detailsnt .product_detailsntl {
		width: 50%;
		float: left;
		margin-top: 10rem;
	}

	.product_detailsn .product_detailsnt .product_detailsntr {
		width: 48%;
		float: right;
	}

	.product_detailsn .product_detailsnt .product_detailsntr .title {
		color: #0870eb;
		font-size: 5.2rem;
		border-bottom: #0870eb 0.2rem solid;
		padding-top: 20rem;
		padding-bottom: 3.4rem;
		margin-bottom: 4.5rem;
	}

	.product_detailsn .product_detailsnt .product_detailsntr .title1 {
		color: #0870eb;
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}

	.product_detailsn .product_detailsnt .product_detailsntr p {
		margin: 0;
		color: #777;
		font-size: 1.6rem;
		margin-bottom: 5.7rem;
	}

	.product_detailsn .product_detailsnt .product_detailsntr a {
		width: 21.2rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
	}

	.product_detailsn .product_detailsnt .product_detailsntr a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.product_detailsn .product_detailsnt .product_detailsntr a .pic {
		width: 2.8rem;
		height: 2.8rem;
		float: right;
		margin: 1.1rem 0;
		margin-right: 2.4rem;
	}

	.product_detailsn .list {
		width: 100%;
	}

	.product_detailsn .list h3 {
		color: #0870eb;
		font-size: 3.2rem;
		padding-bottom: 4rem;
		padding-top: 7rem;
	}

	.product_detailsn .list ul {
		width: 100%;
		padding-top: 4rem;
	}

	.product_detailsn .list ul li {
		position: relative;
		padding-left: 3.4rem;
		line-height: 2;
	}

	.product_detailsn .list ul li span {
		width: 0.8rem;
		height: 0.8rem;
		border-radius: 50%;
		background: #0870eb;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.4rem;
	}

	.product_detailsn .list ul li p {
		margin: 0;
		color: #777;
		font-size: 1.6rem;
	}

	.product_detailsn .list .bordb {
		border-bottom: #0870eb 0.2rem solid;
	}

	.product_detailsn .list .tab {
		width: 100%;
		margin-bottom: 3.6rem;
	}

	.product_detailsn .list .tab .pic {
		width: 100%;
	}

	.product_detailsn .list .tip {
		margin: 0;
		color: #777;
		line-height: 2;
		font-size: 1.6rem;
	}

	.product_detailsb {
		width: 100%;
		background: #e9eff9;
		padding-bottom: 6rem;
	}

	.product_detailsb ul {
		padding-top: 0;
	}

	.product_detailsb .top {
		width: 76%;
		padding: 10rem 12% 6rem;
	}

	.product_detailsb .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.product_detailsb .top a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.product_detailsb .top a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.product_detailsb .top a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	/*技术*/
	.technology {
		width: 100%;
	}

	.technologyjsgf {
		width: 76%;
		padding: 0 12%;
		background: #fff;
	}

	.technologyjsgf .top {
		width: 100%;
		padding-top: 9.8rem;
		padding-bottom: 6.2rem;
	}

	.technologyjsgf .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.technologyjsgf .top .tab {
		width: 24rem;
		height: 5rem;
		line-height: 5rem;
		border: #0870eb 0.1rem solid;
		border-radius: 2.5rem;
		overflow: hidden;
		float: right;
	}

	.technologyjsgf .top .tab .list {
		width: 50%;
		color: #0870eb;
		text-align: center;
		font-size: 1.6rem;
		float: left;
	}

	.technologyjsgf .top .tab .active {
		background: #0870eb;
		color: #fff;
	}

	.technologyjsgfb {
		width: 100%;
		padding-bottom: 12rem;
	}

	.technologyjsgfb ul {
		width: 100%;
	}

	.technologyjsgfb ul li {
		width: 32%;
		margin-right: 2%;
		float: left;
		margin-bottom: 2rem;
		background: #e9eff9;
	}

	.technologyjsgfb ul li:nth-child(3n) {
		margin-right: 0;
	}

	.technologyjsgfb ul li .pic {
		width: 90%;
		margin: 2rem 5%;
	}

	.technologyjsgfb ul li p {
		width: 90%;
		margin: 1.2rem 5% 4rem;
		color: #333;
		font-size: 2.2rem;
	}

	.technologyjsgfb ul li:nth-child(6) .pic {
		width: 100%;
		margin: 0;
	}

	.technologyjsnl {
		width: 76%;
	    padding: 14rem 12%;
	    background: #e9eff9;
	    overflow-y: hidden;
	}

	.technologyjsnl .technologyjsnll {
		width: 40%;
		float: left;
		opacity: 0;
	}

	.technologyjsnl .technologyjsnll h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-top: 8.6rem;
		padding-bottom: 5.2rem;
		border-bottom: #ddd 0.1rem solid;
	}

	.technologyjsnl .technologyjsnll .list {
		width: 100%;
		color: #333;
		font-size: 3.2rem;
		height: 9rem;
		line-height: 9rem;
		position: relative;
		border-bottom: #ddd 0.1rem solid;
	}

	.technologyjsnl .technologyjsnll .list.active {
		border-bottom: #0870eb 0.3rem solid;
		color: #0870eb;
	}

	.technologyjsnl .technologyjsnll .list span {
		display: block;
	}

	.technologyjsnl .technologyjsnll .list .pic {
		width: 2rem;
		height: 2rem;
		position: absolute;
		top: 3.5rem;
		right: 2%;
	}

	.technologyjsnl .technologyjsnll .list .pic1 {
		width: 2rem;
		height: 2rem;
		position: absolute;
		top: 3.5rem;
		right: 2%;
		display: none;
	}

	.technologyjsnl .technologyjsnll .list.active .pic1 {
		display: block;
	}

	.technologyjsnl .technologyjsnll .list.active .pic {
		display: none;
	}

	.technologyjsnl .technologyjsnlr {
		width: 55%;
		float: right;
		opacity: 0;
	}

	.technologyjsnl .technologyjsnlr .pic {
		width: 100%;
	}


	.technologyscnl {
		width: 76%;
	    padding: 14rem 12%;
	    background: #fff;
	    position: relative;
	}

	.technologyscnl .technologyscnll {
		width: 47%;
		position: absolute;
		top: 15rem;
		left: 12%;
	}

	.technologyscnl .technologyscnll .swiper {
		width: 100%;
		height: 100%;
		padding: 0 0.5rem;
	}

	.technologyscnl .technologyscnll .swiper .swiper-slide {
		background-position: center;
	    background-size: cover;
	}

	.technologyscnl .technologyscnll .swiper .swiper-slide .pic {
		width: 93%;
		margin: 0 auto;
	}

	.technologyscnl .technologyscnll .swiper-button-next:after {
		content: inherit;
	}

	.technologyscnl .technologyscnll .swiper-button-prev:after {
		content: inherit;
	}

	.technologyscnl .technologyscnll .mySwiper .swiper-button-next {
		background: url(../images/tabblinexta.png) no-repeat;
		background-size:100% 100%;
		width: 7rem;
		height: 7rem;
		position: absolute;
		top: 50%;
		margin-top: -3.5rem;
		bottom: initial;
		right: 0rem;
	}

	.technologyscnl .technologyscnll .mySwiper .swiper-button-prev {
		background: url(../images/tabblipreva.png) no-repeat;
		background-size:100% 100%;
		width: 7rem;
		height: 7rem;
		position: absolute;
		top: 50%;
		margin-top: -3.5rem;
		bottom: initial;
		left: 0rem;
	}

	.technologyscnl .technologyscnll .mySwiper .swiper-button-next.swiper-button-disabled {
		background: url(../images/tabblinext.png) no-repeat;
		background-size:100% 100%;
		width: 7rem;
		height: 7rem;
		position: absolute;
		top: 50%;
		margin-top: -3.5rem;
		bottom: initial;
		right: 0rem;
	}

	.technologyscnl .technologyscnll .mySwiper .swiper-button-prev.swiper-button-disabled {
		background: url(../images/tabbliprev.png) no-repeat;
		background-size:100% 100%;
		width: 7rem;
		height: 7rem;
		position: absolute;
		top: 50%;
		margin-top: -3.5rem;
		bottom: initial;
		left: 0rem;
	}

	.technologyscnl .technologyscnll .mySwiper .swiper-slide {
		cursor: pointer;
	}

	.technologyscnl .technologyscnlr {
		width: 30%;
		float: right;
	}

	.technologyscnl .technologyscnlr h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-bottom: 6.5rem;
	}

	.technologyscnl .technologyscnlr .pic {
		width: 100%;
	}

	.technologyzznl {
		width: 76%;
	    padding: 14rem 12%;
	    background: #e9eff9;
	}

	.technologyzznl h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-bottom: 6.2rem;
	}

	.technologyzznl ul {
		width: 100%;
	}

	.technologyzznl ul li {
		width: 32%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2rem;
		background: #fff;
	}

	.technologyzznl ul li:nth-child(3n) {
		margin-right: 0;
	}

	.technologyzznl ul li .pic {
		width: 100%;
	}

	.technologyzznl ul li p {
		color: #333;
		font-size: 3.2rem;
		margin: 0 5%;
		width: 90%;
		padding: 4rem 0;
	}

	/*解决方案*/
	.solve {
		width: 100%;
	}

	.solve ul {
		width: 76%;
		padding: 14rem 12%;
		background: #fff;
	}

	.solve ul li {
		width: 49%;
		float: left;
		margin-bottom: 2rem;
		opacity: 1;
	}

	.solve ul li:nth-child(2n) {
		float: right;
	}

	.solve ul li .pic {
		width: 100%;
	}

	.solve ul li h3 {
		color: #333;
		font-size: 3.2rem;
		margin-top: 3rem;
		margin-bottom: 1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.solve ul li p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		margin-bottom: 3rem;
		height: 4.2rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	/*解决方案详情*/
	.solve_details {
		width: 100%;
		background: url(../images/solve_detailsbj.png) no-repeat;
		background-size:100% 100%;
	}

	.solve_detailsbanner {
		width: 76%;
		padding: 0 12%;
		padding-top: 14rem;
		position: relative;
	}

	.solve_detailsbanner .swiper {
		width: 60%;
		float: left;
		height: 100%;
	}

	.solve_detailsbanner .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.solve_detailsbanner .swiper-pagination {
		width: initial !important;
		text-align: right;
		left: 63% !important;
		margin-bottom: 3rem;
	}

	.solve_detailsbanner .newsnr {
		width: 100%;
		display: block;
	}

	.solve_detailsbanner .newsnr .pic {
		width: 100%;
	}

	.solve_detailsbanner .neswr {
		width: 25%;
		margin-right: 2%;
		position: absolute;
		top: 15rem;
		left: 63%;
	}

	.solve_detailsbanner .neswr h3 {
		color: #0870eb;
		font-size: 3.2rem;
		margin-top: 5rem;
	}

	.solve_detailsbanner .neswr p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		line-height: 2;
		margin-top: 2rem;
		padding-bottom: 5.6rem;
		border-bottom: #ddd 0.1rem solid;
	}

	.solve_detailsn {
		width: 76%;
		padding: 7.3rem 12% 10rem;
	}

	.solve_detailsn h3 {
		color: #0870eb;
		font-size: 3.2rem;
		border-bottom: #0870eb 0.3rem solid;
		padding-bottom: 3.8rem;
		margin-bottom: 4rem;
	}

	.solve_detailsn p {
		color: #777;
		font-size: 1.6rem;
		line-height: 1.7;
		margin: 0;
	}

	.solve_detailsn .solve_detailsnc {
		border-top: #ddd 0.1rem solid;
		width: 100%;
		margin-top: 4.4rem;
		padding-bottom: 4rem;
	}

	.solve_detailsn .solve_detailsnc .list {

	}

	.solve_detailsn .solve_detailsnc .list ul {
		width: 100%;
		padding-top: 4rem;
	}

	.solve_detailsn .solve_detailsnc .list ul li {
		position: relative;
		padding-left: 3.4rem;
		line-height: 2;
	}

	.solve_detailsn .solve_detailsnc .list ul li span {
		width: 0.8rem;
		height: 0.8rem;
		border-radius: 50%;
		background: #0870eb;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.4rem;
	}

	.solve_detailsn .solve_detailsnc .list ul li p {
		margin: 0;
		color: #0870eb;
		font-size: 2.2rem;
	}

	.solve_detailsnb {
		width: 100%;
		border-top: #ddd 0.1rem solid;
		border-bottom: #ddd 0.1rem solid;
		margin-top: 10rem;
		height: 9rem;
	}

	.solve_detailsnb .solve_detailsnbl {
		width: 33.33%;
		float: left;
	}

	.solve_detailsnb .solve_detailsnbl .pic {
		float: left;
		width: 5rem;
		height: 5rem;
		margin: 2rem 0;
		margin-right: 2rem;
	}

	.solve_detailsnb .solve_detailsnbl span {
		display: block;
		float: left;
		height: 9rem;
		line-height: 9rem;
		color: #333;
		font-size: 2.2rem;
	}

	.solve_detailsnb .solve_detailsnbc {
		width: 33.33%;
		float: left;
	}

	.solve_detailsnb .solve_detailsnbc a {
		width: 17rem;
	    height: 5rem;
	    line-height: 5rem;
	    background: #0870eb;
	    border-radius: 2.5rem;
	    display: block;
	    margin: 2rem auto;
	}

	.solve_detailsnb .solve_detailsnbc a span {
		float: left;
	    margin-left: 2.4rem;
	    color: #fff;
	    font-size: 1.6rem;
	}

	.solve_detailsnb .solve_detailsnbc a .pic {
		width: 2rem;
	    height: 2rem;
	    float: right;
	    margin: 1.5rem 0;
	    margin-right: 2.4rem;
	}

	.solve_detailsnb .solve_detailsnbr {
		width: 33.33%;
		float: left;
	}

	.solve_detailsnb .solve_detailsnbr .pic {
		float: right;
		width: 5rem;
		height: 5rem;
		margin: 2rem 0;
		margin-left: 2rem;
	}

	.solve_detailsnb .solve_detailsnbr span {
		display: block;
		float: right;
		height: 9rem;
		line-height: 9rem;
		color: #333;
		font-size: 2.2rem;
	}

	.solve_detailsb {
		background: #fff;
		width: 100%;
	}

	.solve_detailsb .top {
		width: 76%;
		padding: 10rem 12% 6rem;
	}

	.solve_detailsb .top h3 {
		color: #0870eb;
		font-size: 5.2rem;
		float: left;
	}

	.solve_detailsb .top a {
		width: 17rem;
		height: 5rem;
		line-height: 5rem;
		background: #0870eb;
		border-radius: 2.5rem;
		display: block;
		float: right;
	}

	.solve_detailsb .top a span {
		float: left;
		margin-left: 2.4rem;
		color: #fff;
		font-size: 1.6rem;
	}

	.solve_detailsb .top a .pic {
		width: 2rem;
		height: 2rem;
		float: right;
		margin: 1.5rem 0;
		margin-right: 2.4rem;
	}

	.solve_detailsb .solve_detailsbul {
		width: 76%;
		padding: 0 12%;
	}

	.solve_detailsb .solve_detailsbul .list {
		width: 49%;
		float: left;
		margin-bottom: 2rem;
	}

	.solve_detailsb .solve_detailsbul .list:nth-child(2n) {
		float: right;
	}

	.solve_detailsb .solve_detailsbul .list .pic {
		width: 100%;
	}

	.solve_detailsb .solve_detailsbul .list h3 {
		color: #333;
		font-size: 3.2rem;
		margin-top: 3rem;
		margin-bottom: 1rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.solve_detailsb .solve_detailsbul .list p {
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		margin-bottom: 3rem;
		height: 4.2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	/*招贤纳士*/
	.invite {
		width: 100%;
	}

	.invite .inviteb {
		width: 76%;
		padding: 11.5rem 12% 0;
	}

	.invite .inviteb .invitebt {
		width: 100%;
	}

	.invite .inviteb .invitebt h3 {
		color: #0870eb;
		font-size: 5.2rem;
		line-height: 2;
		margin-bottom: 5.6rem;
	}

	.invite .inviteb .invitebt ul {
		width: 100%;
		margin-bottom: 6rem;
	}

	.invite .inviteb .invitebt ul li {
		width: 32%;
		height: 7rem;
		line-height: 7rem;
		position: relative;
		float: left;
		margin-right: 2%;
		outline: #777 0.1rem solid;
	}

	.invite .inviteb .invitebt ul li:nth-child(3) {
		margin-right: 0;
	}

	.invite .inviteb .invitebt ul li select {
		color: #777;
		font-size: 2.2rem;
		width: 100%;
		padding: 0 5%;
		height: 7rem;
		line-height: 7rem;
		background: none;
		position: relative;
		z-index: 2;
		cursor: pointer;
	}

	.invite .inviteb .invitebt ul li .pic {
		width: 2rem;
		height: 2rem;
		position: absolute;
		top: 2.5rem;
		right: 3%;
	}

	.invite .inviteb .ul {
		width: 100%;
	}

	.invite .inviteb .ul .list {
		width: 95%;
		padding: 4rem 2.5% 4.6rem;
		background: #ffff;
		margin-bottom: 3rem;
	}

	.invite .inviteb .ul .list .listt {
		width: 100%;
		border-bottom: #ddd 0.1rem solid;
		padding-bottom: 4rem;
		position: relative;
	}

	.invite .inviteb .ul .list .listt .listtl {
		width: 60%;
		float: left;
	}

	.invite .inviteb .ul .list .listt .listtl h3 {
		color: #0870eb;
		font-size: 3.2rem;
		margin-bottom: 1rem;
	}

	.invite .inviteb .ul .list .listt .listtl p {
		margin: 0;
		color: #777;
		font-size: 1.6rem;
	}

	.invite .inviteb .ul .list .listt .listtr {
		width: 4.5rem;
		height: 4.5rem;
		position: absolute;
		right: 0;
		top: 2rem;
	}

	.invite .inviteb .ul .list .listt .listtr1 {
		display: none;
		width: 4.5rem;
		height: 4.5rem;
		position: absolute;
		right: 0;
		top: 2rem;
	}

	.invite .inviteb .ul .list .listb {
		width: 100%;
		padding-top: 3.5rem;
	}

	.invite .inviteb .ul .list .listb .li {
		width: 20%;
		float: left;
		color: #777;
		font-size: 1.6rem;
	}

	.invite .inviteb .ul .list .listyc {
		width: 100%;
		margin-top: 6rem;
		display: none;
	}

	.invite .inviteb .ul .list .listyc p {
		color: #777;
		font-size: 1.6rem;
		line-height: 2;
		margin: 0;
	}

	.invite .inviteb .ul .list .listyc a {
		width: 22rem;
	    height: 5rem;
	    line-height: 5rem;
	    background: #0870eb;
	    border-radius: 2.5rem;
	    display: block;
	    margin-top: 4rem;
	}

	.invite .inviteb .ul .list .listyc a span {
		float: left;
	    margin-left: 2.4rem;
	    color: #fff;
	    font-size: 1.6rem;
	}

	.invite .inviteb .ul .list .listyc a .pic {
		width: 2.5rem;
	    height: 2.5rem;
	    float: right;
	    margin: 1.25rem 0;
	    margin-right: 2.4rem;
	}

	/*联系方式*/
	.contact {
		width: 100%;
		background: #fff;
		overflow-y: hidden;
	}

	.contact .form {
		width: 76%;
		padding: 10rem 12%;
	}

	.contact .form h3 {
		color: #0870eb;
		font-size: 5.2rem;
		margin-bottom: 5rem;
	}

	.contact .form ul {
		width: 100%;
	}

	.contact .form ul .list {
		width: 48%;
		float: left;
		background: #f0f3fb;
		height: 9rem;
		line-height: 9rem;
		margin-bottom: 3rem;
		border-bottom: #fff 0.3rem solid;
		opacity: 0;
	}

	.contact .form ul .list:nth-child(2n) {
		float: right;
	}

	.contact .form ul .list input {
		width: 100%;
		padding: 0 2.5%;
		height: 9rem;
		line-height: 9rem;
		color: #0870eb;
		font-size: 2.2rem;
		background: none;
	}

	.contact .form ul .list1 {
		width: 100%;
		height: 32rem;
		background: #f0f3fb;
		margin-bottom: 6rem;
		opacity: 0;
	}

	.contact .form ul .list1 textarea {
		width: 100%;
		padding: 2rem 1.25%;
		height: 28rem;
		color: #0870eb;
		font-size: 2.2rem;
		background: none;
	}

	.contact .form .submit {
		width: 17rem;
	    height: 5rem;
	    line-height: 5rem;
	    background: #0870eb;
	    border-radius: 2.5rem;
	    display: block;
	    margin-top: 4rem;
	    border: 0;
	    outline: 0;
	    margin: 0;
	    padding: 0;
	    cursor: pointer;
	}

	.contact .form .submit span {
		float: left;
	    margin-left: 2.4rem;
	    color: #fff;
	    font-size: 1.6rem;
	}

	.contact .form .submit .pic {
		width: 2rem;
	    height: 2rem;
	    float: right;
	    margin: 1.5rem 0;
	    margin-right: 2.4rem;
	}

	.contactmap {
		width: 100%;
		position: relative;
	}

	.contactmap .pic {
		width: 100%;
	}

	.contactmap .contactmapc {
		width: 76%;
		margin: 0 12%;
	}

	.contactmap .contactmapc .contactmapcp {
		width: 30rem;
		height: 30rem;
		position: absolute;
		top: 20.2rem;
		left: 14%;
	}

	.contactmapcpn {
		position: relative;
		width: 30rem;
		height: 30rem;
	}

	.contactmap .contactmapc .contactmapcp .pic {
		width: 30rem;
		height: 30rem;
	}

	.contactmap .contactmapc .contactmapcp .pic1 {
		width: 18rem;
		height: 18rem;
		position: absolute;
		top: 6rem;
		left: 6rem;
	}

	.contactmap .contactmapc .contactmapcp .pic2 {
		width: 12rem;
		height: 12rem;
		position: absolute;
		top: 9rem;
		left: 9rem;
	}

	.contactmap .contactmapc .contactmapcwz {
		background: #fff;
		padding: 6rem;
		position: absolute;
		top: 13rem;
		right: 12%;
		min-width: 53rem;
		opacity: 0;
	}

	.contactmap .contactmapc .contactmapcwz h3 {
		color: #0870eb;
		font-size: 3.6rem;
		margin-bottom: 3rem;
	}

	.contactmap .contactmapc .contactmapcwz ul {
		width: 100%;
		padding-bottom: 5rem;
		border-bottom: #ddd 0.1rem solid;
	}

	.contactmap .contactmapc .contactmapcwz ul li {
		color: #939aa4;
		font-size: 2.2rem;
		line-height: 1.7;
	}

	.contactmap .contactmapc .contactmapcwz .contactmapcwzb {
		width: 100%;
		margin-top: 5rem;
	}

	.contactmap .contactmapc .contactmapcwz .contactmapcwzb .pic {
		width: 7.1rem;
		height: 7.1rem;
		float: left;
	}

	.contactmap .contactmapc .contactmapcwz .contactmapcwzb .contactmapcwzbr {
		float: left;
		margin-left: 2rem;
	}

	.contactmap .contactmapc .contactmapcwz .contactmapcwzb .contactmapcwzbr span {
		color: #0870eb;
		font-size: 1.6rem;
	}

	.contactmap .contactmapc .contactmapcwz .contactmapcwzb .contactmapcwzbr p {
		color: #0870eb;
		font-size: 3.6rem;
		font-weight: bold;
		margin: 0;
	}

	/*搜索*/
	.search {
		width: 100%;
		padding-bottom: 50rem;
		padding-top: 15.7rem;
		background: #f9f9fb url(../images/searchbj.png) no-repeat 100% 100%;
		position: absolute;
		top: 10rem;
		left: 0;
		z-index: 15;
		display: none;
	}

	.search .searchn {
		width: 76%;
		padding: 0 12%;
		padding-bottom: 10rem;
	}

	.search .searchn .form {
		width: 100%;
	}

	.search .searchn .form .input {
		width: 80%;
		float: left;
		height: 9rem;
		line-height: 9rem;
		position: relative;
		background: #e9eff9;
	}

	.search .searchn .form .input .pic {
		position: absolute;
		top: 2.9rem;
		left: 3rem;
		width: 3.2rem;
		height: 3.2rem;
	}

	.search .searchn .form .input input {
		color: #333;
		font-size: 2.2rem;
		padding-left: 9rem;
		line-height: 9rem;
		background: none;
	}

	.search .searchn .form .submit {
		width: 20%;
		height: 9rem;
		line-height: 9rem;
		text-align: center;
		background: #0870eb;
		color: #fff;
		font-size: 2.2rem;
		border: 0;
		padding: 0;
		margin: 0;
	}

	.searchb {
		width: 80%;
		margin: 0 10%;
	}

	.searchb h3 {
		color: #333;
		font-size: 2.4rem;
		border-bottom: #ddd 0.1rem solid;
		padding-top: 8rem;
		padding-bottom: 2.6rem;
	}

	.searchb ul {
		width: 100%;
	}

	.searchb ul li {
		border-radius: 1.5rem;
		float: left;
		margin-right: 3rem;
		margin-top: 3rem;
		overflow: hidden;
	}

	.searchb ul li a {
		display: block;
		padding: 0.5rem 1.5rem;
		color: #777;
		background: #e9eff9;
		font-size: 1.6rem;
	}

	.searchb ul li:hover a {
		background: #0870eb;
		color: #fff;
	}

	/*搜索结果*/
	.search_result {
		width: 100%;
		background: url(../images/search_result.png) no-repeat;
		background-size: 100% 100%;
	}

	.search_result .search_resultt {
		width: 76%;
		padding: 0 12%;
		padding-top: 15.8rem;
	}

	.search_result .search_resultt .form {
		width: 100%;
		background: #e9eff9;
	}

	.search_result .search_resultt .form .input {
		width: 76%;
		float: left;
		height: 9rem;
		line-height: 9rem;
		position: relative;
		background: none;
		color: #0870eb;
		font-size: 2.2rem;
		padding: 0 2%;
	}

	.search_result .search_resultt .form .submit {
		width: 20%;
		height: 9rem;
		line-height: 9rem;
		text-align: center;
		background: #0870eb;
		color: #fff;
		font-size: 2.2rem;
		border: 0;
		padding: 0;
		margin: 0;
	}

	.search_result .search_resultc {
		width: 76%;
		margin: 0 12%;
		border-bottom: #ddd 0.2rem solid;
		margin-top: 4.8rem;
	}

	.search_result .search_resultc ul {
		width: 70%;
		float: left;
	}

	.search_result .search_resultc ul li {
		margin-right: 12.5rem;
		float: left;
		height: 8rem;
		line-height: 8rem;
	}

	.search_result .search_resultc ul li a {
		color: #333;
		font-size: 2.4rem;
		position: relative;
		display: inline-block;
	}

	.search_result .search_resultc ul li a span {
		display: none;
	}

	.search_result .search_resultc ul li:hover a {
		color: #0870eb;
	}

	.search_result .search_resultc ul li:hover a span {
		height: 0.4rem;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		display: inline-block;
		background: #0870eb;
	}

	.search_result .search_resultc ul li.active a {
		color: #0870eb;
	}

	.search_result .search_resultc ul li.active a span {
		height: 0.4rem;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		display: inline-block;
		background: #0870eb;
	}

	.search_result .search_resultc .tip {
		float: right;
		width: 30%;
		color: #777;
		font-size: 1.6rem;
		margin: 0;
		text-align: right;
		height: 8rem;
		line-height: 8rem;
	}

	.search_result .search_resultc .tip span {
		color: #0870eb;
	}

	.search_result .search_resultb .solve {
		/*display: none*/;
	}

	.search_result .search_resultb .solve ul {
		/*background: none;*/
	}

	.search_result .search_resultb .news {
		/*display: none;
		background: none;*/
		padding-top: 8rem;
	}

	.search_resultb .product ul{ padding-top: 8rem;}
	.search_resultb .solve ul{ padding-top: 8rem;}

}