* {



  padding: 0;



  margin: 0;



  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}



html {



  font-size: 100px;



}



body {



  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



  color: #333;



  margin: 0;



  line-height: 1.5;



}



*:before,



*:after {



  box-sizing: content-box;



}



:focus {



  outline: 1;



}



article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



  display: block;



}



a {



  color: #333;



  text-decoration: none;



}



a:link,



a:hover,



a:active,



a:visited {



  text-decoration: none;



}



ins {



  background-color: #ff9;



  color: #000;



  text-decoration: none;



}



mark {



  background-color: #ff9;



  color: #000;



  font-style: italic;



  font-weight: bold;



}



del {



  text-decoration: line-through;



}



table {



  border-collapse: collapse;



  border-spacing: 0;



}



hr {



  display: block;



  height: 1px;



  border: 0;



  border-top: 1px solid #cccccc;



  margin: 1em 0;



  padding: 0;



}



input,



select {



  vertical-align: middle;



}



li,



ul {



  list-style-type: none;



}



img {



  border: none;



}



input,



textarea {



  outline: 0;



  border: 0;



  resize: none;



}



h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



  font-weight: normal;



  font-style: normal;



}



.left {



  float: left;



}



.right {



  float: right;



}



.clearboth {



  clear: both;



}



.fdl {



  transform: translateX(5px);



}



.fdt {



  transform: translateY(-5px);



}



.caseMenuTop {



  width: 100%;



  padding: 0.1rem 0;



  border-bottom: 1px solid #e6e6e6;



  color: #999;



  font-size: 0.15rem;



}



.caseMenuTop .caseMenuL {



  font-size: 0.14rem;



}



.caseMenuTop a {



  color: #999;



}



.caseMenuTop a:last-child {



  color: #fff;



}



.caseMenuTop .caseMenuR i {



  float: right;



  padding-right: 5px;



}



.caseMenuTop .caseMenuR i a {



  color: #999;



}



.caseMenuTop .caseMenuR i a img {



  padding-left: 5px;



}



.newsPageProductPage1 {



  padding-top: 0.58rem;



}







.newsPage{



  padding-bottom: 100px;



}



.newsPageProductPage1 .newsPageProductPage1Title h4 {



  text-align: center;



font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



font-size: 0.48rem;



text-transform: uppercase;



color: #fff;



text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);



color: #fffefe;



opacity: 1;



}



.newsPageProductPage1 .newsPageProductPage1Title h3 {



  display: block;



  width: 100%;



  text-align: center;



  padding-top: 0.15rem;



  font-size: 0.3rem;



  text-align: center;



}



.newsPageProductPage1 .newsPageProductPage1Hd {



  margin-top: 0.43rem;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  justify-content: left;



  border-right: 0;



  border-bottom: 0;



}



 



.newsPageProductPage1 .newsPageProductPage1Hd ul li {



  flex: 0 0 20%;



  justify-content: center;



  float: left;



  width: 20%;



  position: relative;



  padding: 18px 35px;



  border-top: 1px solid #dbdbdb;



  border-bottom: 1px solid #dbdbdb;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(1),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(6),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(11),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(16) {



  border-left: 1px solid #dbdbdb;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(6),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(7),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(8),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(9),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(10),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(11),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(12),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(13),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(14),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(15),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(16),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(17),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(18),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(19),



.newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(20) {



  border-top: 0;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li::after {



  content: "";



  right: 0;



  position: absolute;



  bottom: 0;



  width: 1px;



  height: 100%;



  background: #dbdbdb;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a {



  display: block;



  overflow: hidden;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a img {



  width: 10%;



  height: 0.24rem;



  object-fit: contain;



  float: left;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a i {



  font-size: 0.16rem;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  float: left;



  width: 85%;



  margin-left: 5%;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a::after {



  content: "";



  clear: both;



  visibility: hidden;



  width: 0;



  height: 0;



  overflow: hidden;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom {



  margin-top: 0.1rem;



  height: 0.6rem;



  overflow: hidden;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a {



  display: block;



  height: 0.3rem;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a i {



  width: 10%;



  height: 0.3rem;



  float: left;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a i em {



  width: 0.06rem;



  height: 0.06rem;



  display: inline-block;



  border: 1px solid #a0a0a0;



  border-radius: 50%;



  vertical-align: middle;



  margin-top: 0.12rem;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a span {



  line-height: 0.3rem;



  height: 0.3rem;



  float: left;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 85%;



  margin-left: 5%;



  color: #808080;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a:hover span {



  color: #fff;



}



.newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom a::after {



  content: "";



  clear: both;



  visibility: hidden;



  width: 0;



  height: 0;



  overflow: hidden;



}



/* .newsPageProductPage1 .newsPageProductPage1Hd ul:hover li .newsPageProductPage1HdBottom {



  height: 100% !important;



} */



.newsPageProductPage1 .newsPageProductPage1BottomBd ul {



  display: flex;



  flex-wrap: wrap;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li {



  margin-top: 0.37rem;



  flex: 0 0 32%;



  justify-content: center;



  float: left;



  width: 32%;



  margin-right: 2%;



}







.newsPageProductPage1 .newsPageProductPage1BottomBd ul li:nth-child(3n) {



  margin-right: 0;



}











.newsPageProductPage1 .newsPageProductPage1BottomBd ul li a.newsPageProductPage1BottomBdImg {



  padding: 0.1rem;



  background: #f5f5f5;



  display: block;



  height: 2.76rem;



  position: relative;



  overflow: hidden;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li a.newsPageProductPage1BottomBdImg img {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: cover;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li a.newsPageProductPage1BottomBdImg::after {



  content: "";



  width: 100%;



  height: 100%;



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



  position: absolute;



  bottom: -100%;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  left: 0;



  z-index: 2;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li a.newsPageProductPage1BottomBdImg::before {



  content: "";



  font-weight: 100;



  color: #fff;



  width: 100%;



  height: 100%;



  position: absolute;



  top: -100%;



  left: 0;



  z-index: 3;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  font-size: 0.64rem;



  text-align: center;



  line-height: 2.76rem;



  background: url(../img/newsPageProductPage1BottomBdImgBg.png) no-repeat center;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText {



  display: block;



  width: 100%;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextTitle {



  display: block;



  font-size: 0.16rem;



  line-height: 3;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox {



  font-weight: normal;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox span {



  font-size: 0.12rem;



  flex: 0 0 70%;



  justify-content: center;



  float: left;



  width: 70%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  color: #666;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox i {



  flex: 0 0 25%;



  justify-content: center;



  float: left;



  width: 25%;



  font-size: 0.14rem;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



  color: #666;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox i em {



  width: 0.16rem;



  height: 0.16rem;



  background: #fff;



  text-align: center;



  line-height: 0.13rem;



  border-radius: 50%;



  display: inline-block;



  color: #fff;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li:hover a.newsPageProductPage1BottomBdImg::after {



  bottom: 0;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li:hover a.newsPageProductPage1BottomBdImg::before {



  top: 0;



}



.newsPageProductPage1 .newsPageProductPage1BottomBd ul li:hover .newsPageProductPage1BottomText .newsPageProductPage1BottomTextTitle {



  color: #fff;



  transform: translateX(5px);



}



.newsPageProductaddPage {



  margin-top: 58px;



}



.newsPageProductaddPage ul {



  text-align: center;



}



.newsPageProductaddPage ul li {



  display: inline-block;



}



.newsPageProductaddPage ul li a {



  border: 1px solid #edecec;



  display: inline-block;



  padding: 8px 20px;



  color: #808080;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin: 0 5px;



}



.newsPageProductaddPage ul li a:hover {



  background: #fff;



  color: #fff;



}



.newsPageProductaddPage ul li span {



  background: #fff;



}



.newsPageProductPage1Case {



  padding-top: 0.58rem; 



}



.newsPageProductPage1Case .newsPageProductPage1Title h4 {



  text-align: center;



font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



font-size: 0.48rem;



text-transform: uppercase;



color: #fff;



text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);



color: #fffefe;



opacity: 1;



}



.newsPageProductPage1Case .newsPageProductPage1Title h3 {



  display: block;



  width: 100%;



  text-align: center;



  padding-top: 0.15rem;



}



.newsPageProductPage1Case .newsPageProductPage1Title h3 a {



  font-size: 0.3rem;



  text-align: center;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd {



  position: relative;



  margin-top: 0.25rem;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul {



  text-align: center;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul li {



  display: inline-block;



  width: 1.12rem;



  height: 0.36rem;



  font-size: 0.16rem;



  line-height: 0.36rem;



  background: #f5f5f5;



  margin: 0 0.25rem 0;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul li a {



  font-size: 0.16rem;



  color: #666;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul li.on {



  background: #fff;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd ul li.on a {



  color: #fff;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .hd .hdLine {



  height: 0.16rem;



  width: 1px;



  background: #b3b3b3;



  position: absolute;



  left: 50%;



  top: 0.1rem;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd {



  margin-top: 0.3rem;



  border-right: 1px solid #dbdbdb;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li {



  flex: 0 0 25%;



  justify-content: center;



  float: left;



  width: 25%;



  box-sizing: border-box;



  border: 1px solid #dbdbdb;



  border-right: 0;



  padding: 0.1rem;







}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitle {



  display: block;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitle img {



  display: block;



  width: 100%;



  height:2rem;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li span {



  display: block;



  line-height: 1;



  padding: 0.28rem 0 0.18rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;  



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitleA {



  display: block;



  line-height: 2;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 1.5;



  -webkit-box-orient: vertical;



  font-size: 0.18rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 1;



-webkit-box-orient: vertical;



height: 0.3rem;



color: #333;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li p {



  margin-top: 0.1rem;



  font-size: 0.14rem;



  line-height: 2;



  color: #737373;



  overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;



margin-top: 0.1rem;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitleAMore {



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #999999;



  text-transform: uppercase;



  margin-top: 0.2rem;



  margin-bottom: 0.1rem;



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li:hover .newsPageProductPage1CaseTitle img {



  transform: scale(1.01);



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li:hover span {



  color: #000;



  transform: translateX(5px);



}



.newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li:hover a {



  color: #fff;



}



.newsPageProductPage1Message {



  margin-top: 0.67rem;



  background: url(../img/gdwz_form_bg.png) no-repeat center bottom;



  padding-bottom: 0.8rem;



}



.newsPageProductPage1Message .newsPageProductPage1MessageTitle h3 {



  font-size: 0.3rem;



  line-height: 2;



  text-align: center;



}



.newsPageProductPage1Message .newsPageProductPage1MessageTitle p {



  font-size: 0.14rem;



  text-align: center;



  display: block;



  padding-top: 0.1rem;



  text-transform: uppercase;



  color: #999999;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox {



  margin-top: 0.5rem;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li {



  height: 0.7rem;



  flex: 0 0 23%;



  justify-content: center;



  float: left;



  width: 23%;



  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);



  line-height: 0.7rem;



  position: relative;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li input {



  padding: 0 0.16rem;



  display: block;



  width: 100%;



}







.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li input::placeholder{



  color: #333;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxA {



  position: absolute;



  z-index: 99999999999999999;



  width: 100%;



  height: 0.7rem;



  display: block;



  cursor: pointer;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxCodeText {



  width: 100%;



  height: 0.7rem;



  display: block;



  cursor: pointer;



  position: relative;



  z-index: 2;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxCode {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 0.7rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li:nth-child(4) {



  flex: 0 0 14%;



  justify-content: center;



  float: left;



  width: 10%;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li:nth-child(5) {



  flex: 0 0 12%;



  justify-content: center;



  float: left;



  width: 16%;



  background: #333;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxBth {



  width: 100%;



  display: block;



  height: 0.7rem;



  border: 0;



  color: #fff;



  background: transparent;



  outline: none;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxBth:active {



  transform: translateY(5px);



}



.service2Ny {



  background: #f8f8f8;



}



.service2Ny .service2NyList {



  width: 100%;



  height: auto;



  background: url(../img/serverNy2.png) no-repeat center;



}



.service2Ny .service2NyList .service2NyListBox ul li {



  margin-top: 0.4rem;



  background: #fff;



  padding: 0.5rem;



  position: relative;



  box-shadow: 0 0 18px rgba(0, 0, 0, 0.02);



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList {



  width: 0.5rem;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  border-right: 1px solid #f2f2f2;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  padding: 10% 0;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i {



  flex: 0 0 100%;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i::after {



  background: #333;



  content: "";



  width: 0.05rem;



  height: 0.05rem;



  border-radius: 50%;



  display: block;



  margin: 0.1rem auto;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList i.service2NyListBoxListIco::after {



  background: #fff;



  content: "";



  width: 0.1rem;



  height: 0.1rem;



  border-radius: 50%;



  border: 3px solid #fff;



  display: block;



  margin: 0 auto;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-left: 0.5rem;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL {



  flex: 0 0 48%;



  justify-content: center;



  float: left;



  width: 48%;



  padding-left: 0.15rem;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL i {



  background: #fff;



  width: 0.32rem;



  height: 0.06rem;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin-top: 0.15rem;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLTitle {



  display: block;



  width: 100%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.34rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin-top: 0.32rem;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL p {



  font-size: 0.18rem;



  line-height: 0.3rem;



  margin-top: 0.4rem;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLMore {



  margin-top: 0.5rem;



  font-size: 0.16rem;



  color: #fff;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  display: inline-block;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLMore::after {



  content: "";



  width: 0;



  height: 0;



  border-top: 0.06rem solid transparent;



  border-left: 0.08rem solid #fff;



  border-bottom: 0.06rem solid transparent;



  display: inline-block;



  margin-left: 0.1rem;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLList a {



  display: inline-block;



  width: 1.44rem;



  height: 0.5rem;



  background: #333;



  line-height: 0.5rem;



  text-align: center;



  color: #fff;



  margin-top: 0.6rem;



  margin-right: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLList a:hover {



  transform: translateX(5px);



  background: #fff;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR {



  flex: 0 0 48%;



  justify-content: center;



  float: left;



  width: 48%;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR .service2NyListBoxListTextRImg {



  display: block;



  width: 100%;



  height: 3.9rem;



  overflow: hidden;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR .service2NyListBoxListTextRImg img {



  -webkit-transition: 0.5s;



  transition: 0.5s;



  display: block;



  width: 100%;



  height: 3.9rem;



  object-fit: cover;



}



.service2Ny .service2NyList .service2NyListBox ul li:hover .service2NyListBoxListText .service2NyListBoxListTextL i {



  transform: translateX(5px);



}



.service2Ny .service2NyList .service2NyListBox ul li:hover .service2NyListBoxListText .service2NyListBoxListTextL a.service2NyListBoxListTextLTitle {



  transform: translateY(-5px);



}



.service2Ny .service2NyList .service2NyListBox ul li:hover .service2NyListBoxListText .service2NyListBoxListTextL a.service2NyListBoxListTextLMore {



  animation: mymove 0.5s ease infinite;



}



.service2Ny .service2NyList .service2NyListBox ul li:hover .service2NyListBoxListTextR .service2NyListBoxListTextRImg {



  transform: skew(-2deg);



}



.service2Ny .service2NyList .service2NyListBox ul li:hover .service2NyListBoxListTextR .service2NyListBoxListTextRImg img {



  transform: scale(1.1);



}



.service3Ny .service3NyTable {



  margin-top: 0.5rem;



}



.service3Ny .service3NyTable ul li {



  border: 1px solid #ebe8e8;



  border-bottom: 0;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 0 0.15rem;



  justify-items: center;



  align-items: baseline;



}







.service3Ny .service3NyTable ul li h4{



  line-height:  0.26rem;



  margin-top: 0.1rem;



margin-bottom: 0.1rem;



}







.service3Ny .service3NyTable ul li b{



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



  font-size: 0.16rem;



  text-transform: uppercase;



}











.service3Ny .service3NyTable ul li span{



    font-size: 0.2rem;



    font-weight: bold;



}



.service3Ny .service3NyTable ul li:last-child {



  border-bottom: 1px solid #ebe8e8;



}



.service3Ny .service3NyTable ul li .service3NyTableL {



  flex: 0 0 10%;



  justify-content: center;



  float: left;



  width: 10%;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  color: #fff;



  line-height: 0.26rem;



  margin-top: 0.1rem;



  margin-bottom: 0.1rem;



  padding: 0 10px;



  overflow: hidden;



text-overflow: ellipsis;



white-space: nowrap;



}



.service3Ny .service3NyTable ul li .service3NyTableL a{

  color: #fff;

}



.service3Ny .service3NyTable ul li .service3NyTableR {



  flex: 0 0 88%;



  justify-content: center;



  float: left;



  width: 88%;



}



.service3Ny .service3NyTable ul li .service3NyTableR a {



  display: inline-block;



  color: #666666;



  font-size: 0.16rem;



  padding-right: 0.3rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  line-height: 0.26rem;



  padding-top: 0.1rem;



  padding-bottom: 0.1rem;



}



.service3Ny .service3NyTable ul li .service3NyTableR a:hover {



  color: #fff;



  transform: translateX(5px);



}



.service3Ny .service3NyBox ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.service3Ny .service3NyBox ul li {



  flex: 0 0 48%;



  justify-content: center;



  float: left;



  width: 48%;



  margin-top: 0.3rem;



}



.service3Ny .service3NyBox ul li .service3NyBoxImg {



  padding: 35.5% 30%;



  background: #eee;



  position: relative;



  border: 5px solid #f5f5f5;



  display: block;



  overflow: hidden;



}



.service3Ny .service3NyBox ul li .service3NyBoxImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.service3Ny .service3NyBox ul li .service3NyBoxText {



  padding: 0.1rem 5px;



  width: 100%;



  display: block;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextL {



  flex: 0 0 70%;



  justify-content: center;



  float: left;



  width: 70%;



}



.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextL i {



  font-size: 0.22rem;



  display: block;



  color: #333;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextL b {



  display: block;



  font-weight: normal;



  color: #666666;



  padding-top: 0.1rem;



  overflow: hidden;



text-overflow: ellipsis;



white-space: nowrap;



}



.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextR {



  flex: 0 0 25%;



  justify-content: center;



  float: left;



  width: 25%;



  text-align: right;



  color: #616161;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextR em {



  width: 0.15rem;



  height: 0.15rem;



  display: inline-block;



  background: #fff;



  border-radius: 50%;



  vertical-align: middle;



  line-height: 0.13rem;



  text-align: center;



  color: #fff;



  margin-left: 4%;



}



.service3Ny .service3NyBox ul li:hover .service3NyBoxImg img {



  transform: scale(1.04);



}



.service3Ny .service3NyBox ul li:hover .service3NyBoxText .service3NyBoxTextL i {



  color: #fff;



  transform: translateX(5px);



}



.service3Ny .service3NyBox ul li:hover .service3NyBoxText .service3NyBoxTextR {



  transform: translateY(-5px);



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox {



  border: 1px solid #f2f0f0;



  padding: 0.3rem 0.4rem;



  margin-top: 0.3rem;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox h4 {



  font-size: 0.24rem;



  text-align: center;



  line-height: 1.5;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList {



  display: block;



  text-align: center;



  margin-top: 0.1rem;



  position: relative;



  box-sizing: content-box !important;



  padding-bottom: 0.1rem;



  font-size: 0.15rem;



  color: #8c8c8c;



  text-overflow: ellipsis;



  white-space: nowrap;



  height: 0.3rem;



  border-bottom: 1px solid #f2f0f0;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList span {



  display: inline-block;



  padding: 0 0.1rem;



  vertical-align: bottom;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList div.bshare-custom .bsPromo.bsPromo2 {



  display: inline-block;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .bshare-custom {



  display: inline-block;



  vertical-align: text-top;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList #bsPanel div,



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList #bsMorePanel div,



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList #bshareF div,



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .bFind-wrapper-top {



  box-sizing: content-box !important;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .scan {



  color: #666;



  background-image: url(../img/ewm.gif);



  background-repeat: no-repeat;



  background-position: left center;



  padding: 0px 0 3px 30px;



  position: relative;



  display: inline-block;



  cursor: pointer;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .scan #qrcode {



  margin-top: 10px;



  position: absolute;



  right: 0px;



  top: 0.3rem;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .scan #qrcode img {



  width: 200px;



  height: 200px;



  border: 8px solid #fff;



  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);



  position: relative;



  z-index: 9999999;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxNr {



  margin-top: 0.4rem;



  font-size: 0.16rem;



  line-height: 0.3rem;



  color: #666;



}



.newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxNr  img {



  max-width: 100% !important;



}



.newsPageProductPageNewCenter .caseTab {



  padding-top: 0.4rem;



}



.newsPageProductPageNewCenter .caseTab ul li {



  padding: 0.25rem;



  background: #ededed;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



}



.newsPageProductPageNewCenter .caseTab ul li a {



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 85%;



  padding-left: 15%;



  background: url(../img/caseCenterIco1.png) no-repeat center left;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



  font-size: 0.14rem;



}



.newsPageProductPageNewCenter .caseTab ul li:last-child a {



  text-align: right;



  width: 100%;



  background: url(../img/caseCenterIco2.png) no-repeat center right;



  padding-right: 15%;



  color: #666;



}



.newsPageProductPageNewCenter .caseTab ul li:hover {



  background: #fff;



}



.newsPageProductPageNewCenter .caseTab ul li:hover a {



  color: #fff;



  background: url(../img/caseCenterIco1-1.png) no-repeat center left;



}



.newsPageProductPageNewCenter .caseTab ul li:last-child:hover a {



  color: #fff;



  background: url(../img/caseCenterIco2-1.png) no-repeat center right;



}



@keyframes mymove {



  from {



    transform: translateY(0);



  }



  to {



    transform: translateY(-5s);



  }



}



.aboutNewBox {



  padding-top: 0.7rem;



}











.aboutNewBox .aboutBoxTitle h3 {



  text-align: center;



  font-size: 0.36rem;



  font-weight: bold;



  line-height: 1;



}



.aboutNewBox .aboutBoxTitle i {



  display: block;



  width: 0.7rem;



  height: 0.03rem;



  background: #000;



  margin: 0.2rem auto;



}



.aboutNewBox .aboutBoxCenter {



  padding-bottom: 0.8rem;



  color: #666;



}



.aboutNewBox .aboutBoxCenter  {



  color: #666;



  font-size: 0.16rem;



  line-height: 0.45rem;



}



.aboutNewBox .aboutHonorAndxinxi {



  min-height: 6rem;



  width: 100%;



  background: #f1f1f1;



  position: relative;



  top: 0;



  left: 0;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiBg {



  width: 44.3%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: #fff;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  height: 100%;



  min-height: 6rem;



  border-left: 1px solid #fff;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew {



  flex: 0 0 40.5%;



  justify-content: center;



  float: left;



  width: 40.5%;



  position: relative;



  height: 100%;



  min-height: 6rem;



  padding-left: 5%;



  border-left: 1px solid rgba(255, 255, 255, .5);



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle {



  padding-top: 0.7rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle h3 {



  font-size: 0.36rem;



  line-height: 1;



  font-weight: bold;



  color: #fff;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle i {



  width: 0.7rem;



  height: 0.03rem;



  background: #fff;



  margin-top: 0.2rem;



  display: block;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter {



  width: 88%;



  margin-top: 0.48rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter ul li {



  background: #fff;



  box-sizing: border-box;



  padding: 0.1rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter ul li a.aboutHonorNewImg {



  padding: 33.5% 30%;



  position: relative;



  display: block;



  border: 5px solid #d6d6d6;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter ul li a.aboutHonorNewImg img {



  max-width: 100%;



  max-height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



  justify-content: flex-end;



  margin-top: 0.3rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox .aboutHonorNewImgL {



  width: 0.3rem;



  height: 0.3rem;



  display: inline-flex;



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



  border-radius: 50%;



  cursor: pointer;



  margin-right: 0.2rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox .aboutHonorNewImgL img {



  width: 100%;



  height: 100%;



  box-sizing: border-box;



  padding: 0.06rem;



  object-fit: contain;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox .aboutHonorNewImgR {



  width: 0.3rem;



  height: 0.3rem;



  display: inline-flex;



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



  border-radius: 50%;



  cursor: pointer;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox .aboutHonorNewImgR img {



  width: 100%;



  height: 100%;



  box-sizing: border-box;



  padding: 0.06rem;



  object-fit: contain;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewEnglish {



  position: absolute;



  bottom: 0;



  left: 0;



  font-size: 1.2rem;



  line-height: 0.8;



  color: #fff;



  opacity: 0.2;



  font-weight: bold;



  left: 10%;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew {



  flex: 0 0 54.5%;



  justify-content: center;



  float: left;



  width: 54.5%;



  border-right: 1px solid #ddd;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  justify-content: flex-end;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter {



  width: 90%;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter .aboutXinxiNewRCenterTitle h4 {



  padding-top: 0.7rem;



  font-size: 0.22rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter .aboutXinxiNewRCenterTitle p {



  font-size: 0.14rem;



  color: #999999;



  line-height: 3;



  height: 0.42rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter .aboutXinxiNewRCenterTitle i {



  width: 0.3rem;



  height: 2px;



  background-color: #a6a6a6;



  display: block;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul {



  margin-top: 0.3rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li {



  width: 100%;



  padding: 0.15rem 0;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-right: 20px;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li img {



  flex: 0 0 0.16rem;



  justify-content: center;



  width: 0.16rem;



  height: 0.16rem;



  object-fit: contain;



  float: left;



  margin-top: 0.08rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li b {



  flex: 1;



  float: left;



  font-weight: normal;



  text-align: justify;



  line-height: 0.32rem;



  color: #666;



  font-size: 0.16rem;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li b i {



  width: 0.8rem;



  display: inline-block;



  margin-left: 0.1rem;



  text-align: justify;



  line-height: 0.32rem;



  height: 0.32rem;



  overflow: hidden;



  vertical-align: bottom;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li b i:after {



  content: '.';



  width: 100%;



  display: inline;



  overflow: hidden;



  height: 0;



  display: inline-block;



  vertical-align: top;



}



.aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li::after {



  content: "";



  width: 0;



  height: 0;



  vertical-align: middle;



  visibility: hidden;



  clear: both;



  display: block;



}



.aboutNewBox .aboutBoxTextNewMap {



  padding-top: 0.7rem;



  background: url(../img/aboutBottomHover1.jpg) no-repeat center bottom;



}



.clearboth {



  clear: both;



}



.aboutBoxTextNewMap .content-show {



  border: 18px solid #f4f4f4;



  padding: 22px;



  background-color: #fff;



  margin: 0.2rem 0 0.8rem;



}



.aboutBoxTextNewMap .content-show .wjdh-map {



  position: relative;



}



.aboutBoxTextNewMap .content-show .wjdh-map #r-result {



  position: absolute;



  right: 0;



  top: 0;



  width: 450px;



  max-height: 500px;



  overflow-y: scroll;



  overflow-x: hidden;



  z-index: 99;



}



.aboutBoxTextNewMap .content-show .wjdh-map #wmap {



  width: 100%;



  height: 500px;



}



.aboutBoxTextNewMap .content-show .driving-way {



  font-family: 'Microsoft JhengHei';



}



.aboutBoxTextNewMap .content-show .driving-way .hd li {



  float: left;



  font-size: 15px;



  width: 50%;



  height: 50px;



  line-height: 50px;



  background-color: #eee;



  text-indent: 80px;



  cursor: pointer;



}



.aboutBoxTextNewMap .content-show .driving-way .hd li.on {



  background-color: #fff;



  color: #fff;



}



.aboutBoxTextNewMap .content-show .driving-way .driving-way .map-tab {



  padding: 20px 0;



}



.aboutBoxTextNewMap .driving-way .map-tab .trip-mode a {



  position: relative;



  float: left;



  font-size: 16px;



  padding-left: 50px;



  width: 100px;



  height: 50px;



  -webkit-transition: .5s;



  transition: .5s;



  line-height: 50px;



}



.aboutBoxTextNewMap driving-way .map-tab .trip-mode a i:before {



  content: '';



  display: block;



  width: 6px;



  height: 6px;



  background-color: #666;



  position: absolute;



  left: 50%;



  top: 50%;



  margin-left: -3px;



  margin-top: -3px;



  opacity: 0;



}



.aboutBoxTextNewMap .driving-way .map-tab .trip-mode a i {



  width: 14px;



  height: 14px;



  display: block;



  border: 3px solid #666;



  position: absolute;



  left: 16px;



  top: 55%;



  transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);



  -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);



}







.driving-way .map-tab .trip-mode a.active{



  border: 1px dashed;



  -webkit-transition: .5s;



  transition: .5s;



}



.aboutBoxTextNewMap .driving-way .map-tab .trip-mode a:hover i,



.aboutBoxTextNewMap .driving-way .map-tab .trip-mode a.active i {



  transform: translateZ(0px) rotate(45deg);



  -webkit-transform: translateZ(0px) rotate(45deg);



}



.aboutBoxTextNewMap driving-way .map-tab .trip-mode a.active {



  color: #fff !important;



}



.aboutBoxTextNewMap .driving-way .map-tab ul {



  position: relative;



  width: 100%;



  height: 112px;



  _background: url(../img/ico5.png) no-repeat left center;



  *background: url(../img/ico5.png) no-repeat left center;



}



.aboutBoxTextNewMap .driving-way .map-tab ul:before {



  position: absolute;



  left: 0;



  top: 50%;



  margin-top: -9px;



  content: '';



  display: block;



  width: 16px;



  height: 17px;



  background: url(../img/ico5.png) no-repeat center center;



  -webkit-transition: .5s;



  transition: .5s;



}



.aboutBoxTextNewMap .driving-way .map-tab ul li {



  height: 35px;



  line-height: 35px;



  width: 70%;



  font-size: 16px;



  padding: 10px 0;



  margin-left: 80px;



  position: absolute;



  left: 0;



}



.aboutBoxTextNewMap .driving-way .map-tab ul .d1:before {



  position: absolute;



  left: -20px;



  top: 30px;



  content: '';



  display: block;



  border-radius: 50%;



  width: 3px;



  height: 3px;



  border: 2px solid #ed744e;



}



.aboutBoxTextNewMap .driving-way .map-tab ul i {



  display: block;



  width: 75%;



  height: 1px;



  background-color: #ccc;



  position: absolute;



  left: 50px;



  top: 56px;



}



.aboutBoxTextNewMap .driving-way .map-tab ul .d1 {



  top: 0;



  transition: 0.5s;



}



.aboutBoxTextNewMap .driving-way .map-tab ul .d2 {



  top: 56px;



  transition: 0.5s;



}



.aboutBoxTextNewMap .driving-way .map-tab ul li input {



  font-size: 16px;



  width: 100%;



  height: 35px;



  line-height: 35px;



}



.aboutBoxTextNewMap .driving-way .map-tab ul .d2:before {



  position: absolute;



  left: -20px;



  top: 25px;



  content: '';



  display: block;



  border-radius: 50%;



  width: 3px;



  height: 3px;



  border: 2px solid #12a7eb;



}



.aboutBoxTextNewMap .driving-way .map-tab #result {



  background-color: #313131;



  color: #fff;



  width: 200px;



  height: 50px;



  line-height: 50px;



  position: absolute;



  right: 0;



  top: 50%;



  margin-top: -25px;



  display: block;



  text-align: center;



  font-size: 18px;



  text-transform: uppercase;



  cursor: pointer;



}



.newsPageProductPageNewCenter1 {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1L {



  flex: 0 0 74%;



  justify-content: center;



  float: left;



  width: 74%;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1L .newsPageProductPageNewCenterBox {



  background: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R {



  flex: 0 0 25%;



  justify-content: center;



  float: left;



  width: 25%;



  box-sizing: border-box;



  margin-top: 0.3rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr {



  padding: 0.2rem;



  background: #fff;



  width: 100%;



  border: 1px solid #f2f0f0;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr h4 {



  font-size: 16px;



  line-height: 26px;



  color: #666666;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul {



  padding-top: 0.05rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li {



  margin-top: 0.13rem;



  display: inline-block;



  border: 1px solid #f2f0f0;



  padding: 0.05rem 0.1rem;



  margin-right: 0.05rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li a {



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  font-size: 0.14rem;



  color: #666;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li:hover {



  background: #fff;



  color: #fff;



  border-color: #fff;



  transform: translateY(-5px);



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrMenu ul li:hover a {



  color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList {



  margin-top: 0.2rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList ul li a {



  position: relative;



  padding: 40.3%;



  display: block;



  box-sizing: border-box;



  background: #f2f2f2;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList ul li a img {



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  position: absolute;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList ul li a b {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  height: 0.36rem;



  line-height: 0.36rem;



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



  padding: 0 0.15rem;



  font-weight: normal;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  text-align: center;



  font-size: 0.16rem;



  color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList .newsPageProductPageNewCenter1RXgnrListL {



  position: absolute;



  top: 50%;



  width: 27px;



  height: 44px;



  margin-top: -22px;



  z-index: 10;



  cursor: pointer;



  width: 0.2rem;



  left: 10px;



  height: 0.37rem;



  background: rgba(0, 0, 0, 0.34) url(../img/aboutHonorNewImgL.png) no-repeat center 50%;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList .newsPageProductPageNewCenter1RXgnrListL:hover {



  transform: translateY(-3px);



  background-color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList .newsPageProductPageNewCenter1RXgnrListR {



  position: absolute;



  top: 50%;



  width: 27px;



  height: 44px;



  margin-top: -22px;



  z-index: 10;



  cursor: pointer;



  width: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  right: 10px;



  height: 0.37rem;



  background: rgba(0, 0, 0, 0.34) url(../img/aboutHonorNewImgR.png) no-repeat center 50%;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1RXgnr .newsPageProductPageNewCenter1RXgnrList .newsPageProductPageNewCenter1RXgnrListR:hover {



  transform: translateY(-3px);



  background-color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot {



  padding: 0.2rem;



  background: #fff;



  width: 100%;



  border: 1px solid #f2f0f0;



  margin-top: 0.2rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotTitle {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: flex-end;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotTitle h4 {



  font-size: 16px;



  line-height: 26px;



  color: #666666;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotTitle a {



  color: #666;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotTitle a:hover {



  color: #fff;



  transform: translateY(-3px);



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li {



  margin-top: 0.22rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterImg {



  flex: 0 0 38%;



  justify-content: center;



  float: left;



  width: 38%;



  position: relative;



  display: block;



  padding: 12.4% 0;



  overflow: hidden;



  border: 1px solid #f2f2f2;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  max-width: 100%;



  max-height: 100%;



  margin: auto;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterText {



  flex: 0 0 58%;



  justify-content: center;



  float: left;



  width: 58%;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterText i {



  display: block;



  font-size: 0.12rem;



  line-height: 0.2rem;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  height: 0.4rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666666;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterText b {



  font-size: 0.12rem;



  font-weight: normal;



  float: right;



  padding: 0.03rem 0.1rem;



  background: #fff;



  color: #fff;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li:hover .newsPageProductPageNewCenter1CaseHotCenterImg img {



  transform: scale(1.1);



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li:hover .newsPageProductPageNewCenter1CaseHotCenterText i {



  color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li:hover .newsPageProductPageNewCenter1CaseHotCenterText b {



  transform: translateX(-3px);



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews {



  padding: 0.2rem;



  background: #fff;



  width: 100%;



  border: 1px solid #f2f0f0;



  margin-top: 0.2rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: flex-end;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle h4 {



  font-size: 16px;



  line-height: 26px;



  color: #666666;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle h4 i {



  width: 0.05rem;



  height: 0.05rem;



  background: #999;



  display: inline-block;



  border-radius: 50%;



  margin-right: 0.1rem;



  margin-left: 0.02rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle a {



  color: #666;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle a:hover {



  color: #fff;



  transform: translateY(-3px);



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews .newsPageProductPageNewCenter1CaseHotNewsTitle i {



  display: block;



  width: 100%;



  height: 1px;



  background: #f2f0f0;



  margin-top: 0.15rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul {



  margin-top: 0.1rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a {



  -webkit-transition: 0.5s;



  transition: 0.5s;



  display: block;



  line-height: 0.4rem;



  color: #666;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a i {



  width: 0.08rem;



  height: 0.08rem;



  border: 1px solid #ccc;



  display: inline-block;



  margin-right: 0.1rem;



  transform: rotate(45deg);



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin-left: 0.02rem;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a:hover {



  color: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews ul li a:hover i {



  border-color: #fff;



  background: #fff;



}



.newsPage {



  width: 100%;



  height: auto;



  background: #f8f8f8;



}



.newsPage .newsPageBoxCenter {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-top: 0.5rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL {



  flex: 0 0 75%;



  justify-content: center;



  float: left;



  width: 75%;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox {



  background: #fff;



  width: 100%;



  padding: 0.4rem 0.4rem;



  box-sizing: border-box;



  border-radius: 0.1rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox h4 {



  font-size: 0.32rem;



  text-align: center;



  line-height: 1.5;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList {



  display: block;



  text-align: center;



  margin-top: 0.2rem;



  position: relative;



  box-sizing: content-box !important;



  padding-bottom: 0.2rem;



  font-size: 0.15rem;



  color: #8c8c8c;



  text-overflow: ellipsis;



  white-space: nowrap;



  height: 0.3rem;



  border-bottom: 1px solid #f2f0f0;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList span {



  display: inline-block;



  padding: 0 0.1rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList div.bshare-custom .bsPromo.bsPromo2 {



  display: inline-block;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList .bshare-custom {



  display: inline-block;



  vertical-align: text-top;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList #bsPanel div,



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList #bsMorePanel div,



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList #bshareF div,



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList .bFind-wrapper-top {



  box-sizing: content-box !important;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList .scan {



  color: #666;



  background-image: url(../img/ewm.gif);



  background-repeat: no-repeat;



  background-position: left center;



  padding: 0px 0 3px 30px;



  position: relative;



  display: inline-block;



  cursor: pointer;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList .scan #qrcode {



  margin-top: 10px;



  position: absolute;



  right: 0px;



  top: 0.3rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList .scan #qrcode img {



  width: 200px;



  height: 200px;



  border: 8px solid #fff;



  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);



  position: relative;



  z-index: 9999999;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageBoxCenterText {



  padding-top: 0.34rem;







  color: #666666;



  line-height: 0.36rem;



  font-size: 0.16rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageBoxCenterText img {



  max-width: 100%;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab {



  margin-top: 0.14rem;



  background-color: transparent;



  border-radius: 0.1rem;



  overflow: hidden;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li {



  padding: 0.25rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li a {



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 85%;



  padding-left: 15%;



  background: url(../img/caseCenterIco1.png) no-repeat center left;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



  font-size: 0.14rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li:last-child a {



  text-align: right;



  width: 100%;



  background: url(../img/caseCenterIco2.png) no-repeat center right;



  padding-right: 15%;



  color: #666;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li:hover {



  background: #fff;



  color: #fff;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li:hover a {



  color: #fff;



  background: url(../img/caseCenterIco1-1.png) no-repeat center left;



}



.newsPage .newsPageBoxCenter .newsPageBoxL .caseTab ul li:last-child:hover a {



  color: #fff;



  background: url(../img/caseCenterIco2-1.png) no-repeat center right;



}



.newsPage .newsPageBoxCenter .newsPageBoxR {



  flex: 0 0 22.5%;



  justify-content: center;



  float: left;



  width: 22.5%;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu {



  padding: 34px 22px;



  background-color: #ffffff;



  border-radius: 10px;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu h4 {



  font-size: 0.3rem;



  border-bottom: 2px solid #dedede;



  position: relative;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu h4 i {



  display: inline-block;



  position: relative;



  padding-bottom: 0.15rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu h4 i::after {



  content: "";



  width: 100%;



  height: 2px;



  background: #fff;



  display: block;



  position: relative;



  top: 0.17rem;



  left: 0;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li {



  margin-top: 0.16rem;



  height: 0.46rem;



  background: #fff;



  line-height: 0.46rem;



  position: relative;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li em {



  width: 0.04rem;



  height: 100%;



  background: #fff;



  position: absolute;



  top: 0;



  left: 0;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li a {



  width: 96%;



  height: 100%;



  background: #f8f8f8;



  display: block;



  float: right;



  border-radius: 0 0.05rem 0.05rem 0;



  box-sizing: border-box;



  padding: 0 0.5rem 0 0.14rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.16rem;



  color: #666;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li a::after {



  content: "";



  width: 0.17rem;



  height: 0.04rem;



  background: #fff;



  position: absolute;



  top: 50%;



  right: 0.1rem;



  transform: translateY(-50%);



  opacity: 0;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li::after {



  content: "";



  clear: both;



  visibility: hidden;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li:hover a {



  background: #fff;



  color: #fff;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsMenu ul li:hover a::after {



  opacity: 1;



  right: 0.15rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct {



  padding: 34px 22px;



  background-color: #ffffff;



  border-radius: 10px;



  margin-top: 0.16rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox h4 {



  font-size: 0.2rem;



  border-bottom: 2px solid #dedede;



  position: relative;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox h4 i {



  display: inline-block;



  position: relative;



  padding-bottom: 0.15rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox h4 i::after {



  content: "";



  width: 100%;



  height: 2px;



  background: #fff;



  display: block;



  position: relative;



  top: 0.17rem;



  left: 0;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul {



  padding-top: 0.15rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul li {



  flex: 0 0 48%;



  justify-content: center;



  float: left;



  width: 48%;



  border-radius: 0.05rem;



  height: 0.3rem;



  text-align: center;



  margin-top: 0.04rem;



  background: #f8f8f8;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul li a {



  display: block;



  padding: 0 0.05rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  height: 0.3rem;



  line-height: 0.3rem;



  color: #666;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul li:hover {



  background: #fff;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsProductBox ul li:hover a {



  color: #fff;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox h4 {



  padding-top: 0.34rem;



  font-size: 0.2rem;



  border-bottom: 2px solid #dedede;



  position: relative;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox h4 i {



  display: inline-block;



  position: relative;



  padding-bottom: 0.15rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox h4 i::after {



  content: "";



  width: 100%;



  height: 2px;



  background: #fff;



  display: block;



  position: relative;



  top: 0.17rem;



  left: 0;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul {



  padding-top: 0.1rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li {



  line-height: 0.4rem;



  height: 0.4rem;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a {



  display: block;



  height: 0.4rem;



  line-height: 0.4rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding-left: 0.1rem;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a::after {



  content: "";



  width: 0.04rem;



  height: 0.04rem;



  background: #999;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a:hover {



  color: #fff;



  transform: translateX(-5px);



}



.newsPage .newsPageBoxCenter .newsPageBoxR .newsPageBoxRNewsProduct .newsPageBoxRNewsTextBox ul li a:hover::after {



  background: #fff;



}



.newsPageProductPageNewCenter1 .newsPageProductPageNewCenter4 {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



}



.aboutMenu {



  width: 100%;



  height: 150px;



  background: url(../img/aboutMenu1.jpg) no-repeat center;



  color: #999;



}



.aboutMenu .caseMenuBottom {



  padding-top: 0.24rem;



}



.aboutMenu .caseMenuBottom .caseTitleL {



  font-size: 0.24rem;



  color: #333;



}



.aboutMenu .caseMenuBottom .caseTitleR {



  margin-top: 0.05rem;



}



.aboutMenu .caseMenuBottom .caseTitleR ul {



  position: relative;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li {



  padding: 0.05rem 0.2rem;



  background: #fff;



  border-radius: 0.05rem;



  border: 1px solid #f2f2f2;



  margin-right: 0.1rem;



  -webkit-transition: 0.4s;



  transition: 0.4s;



  margin-right: 0.3rem;



  margin-bottom: 0.03rem;



  margin-right: 0.2rem;



  float: left;



  text-align: center;



  font-size: 15px;



  -webkit-transition: all 0.3s linear;



  transition: all 0.3s linear;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li a {



  position: relative;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li a::before {



  width: 0.1rem;



  height: 0.1rem;



  border: 2px solid #ddd;



  content: "";



  display: inline-block;



  margin-right: 10px;



  border-radius: 50%;



  line-height: 0.2rem;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li a .ctc {



  display: block;



  width: 0;



  position: absolute;



  left: 0px;



  top: -1px;



  white-space: nowrap;



  overflow: hidden;



  -webkit-transition: all 0.8s ease-out;



  transition: all 0.8s ease-out;



  opacity: 0;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li a .ctc {



  width: 100%;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li a .ctc::before {



  width: 0.1rem;



  height: 0.1rem;



  border: 2px solid #333;



  content: "";



  display: inline-block;



  margin-right: 10px;



  border-radius: 50%;



  line-height: 0.2rem;



  vertical-align: unset;



  border-color: #333;



}



.caseTitleR ul li:hover .ctc {



  width: 100%;



  color: #fff;



  opacity: 1;



}



.caseTitleR ul li:hover {



  box-shadow: 0 0 10px rgba(32, 107, 209, 0.2);



}



.caseTitleR ul li:hover .ctc {



  width: 100%;



  color: #fff;



  opacity: 1;



}



.aboutMenu .caseMenuBottom .caseTitleR ul li:hover a .ctc {



  width: 100%;



  color: #fff;



  opacity: 1;



}



.aboutNewBox2 {



  margin-top: 0.6rem;



}



.aboutNewBox2 .aboutNewBox2Box {



  position: relative;



  border-top: 6px solid #fff;



  border-left: 6px solid #fff;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL {



  flex: 0 0 71%;



  justify-content: center;



  float: left;



  width: 71%;



  padding: 0.52rem;



  box-sizing: border-box;



  color: #666;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL::before {



  content: "";



  width: 6px;



  height: 80%;



  position: absolute;



  bottom: 0;



  left: -6px;



  background: #dedede;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLTitle h4 {



  font-size: 0.22rem;



  line-height: 0.28rem;



  color: #333;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLTitle p {



  font-size: 0.14rem;



  line-height: 0.28rem;



  display: block;



  color: #999;



  padding-top: 0.1rem;



  padding-bottom: 0.1rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLTitle span {



  width: 30px;



  height: 2px;



  background-color: #dedede;



  display: block;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL ul {



  padding-top: 0.22rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL ul li {



  font-size: 14px;



  line-height: 36px;



  color: #666666;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLQrcode {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-top: 0.3rem;



  justify-content: left;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLQrcode img {



  margin-right: 0.2rem;



  width: 1.86rem;



  height: 1.86rem;



  display: block;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR {



  flex: 0 0 29%;



  justify-content: center;



  float: left;



  width: 29%;



  background: #fff url(../img/aboutNewsBox2Topxinxi.png) no-repeat bottom left;



  padding: 0 0.46rem;



  box-sizing: border-box;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  height: 100%;



  align-items: center;



  padding-top: 0.4rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



  padding-bottom: 0.2rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li h4 {



  font-size: 0.14rem;



  color: #fff;



  padding: 0.02rem 0 0 0.2rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li p {



  font-size: 0.3rem;



  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;



  color: #fff;



  padding-top: 0.18rem;



  line-height: 1;



  padding-left: 0.2rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li span {



  color: #fff;



  padding-top: 0.18rem;



  line-height: 2;



  padding-left: 0.2rem;



  display: block;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li img {



  width: 1.2rem;



  height: 1.2rem;



  display: block;



  margin: 0 auto;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li em {



  color: #fff;



  padding-top: 0.1rem;



  line-height: 2;



  display: block;



  text-align: center;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li i {



  width: 30px;



  height: 1px;



  background-color: #ffffff;



  display: block;



  margin-left: 0.2rem;



  margin-top: 0.2rem;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li:nth-child(1) h4 {



  background: url(../img/aboutNewBox2BoxRBoxIco1.png) no-repeat center left;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li:nth-child(2) h4 {



  background: url(../img/aboutNewBox2BoxRBoxIco2.png) no-repeat center left;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li:nth-child(3) h4 {



  background: url(../img/aboutNewBox2BoxRBoxIco3.png) no-repeat center left;



}



.aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR .aboutNewBox2BoxRBox li:nth-child(4) h4 {



  background: url(../img/aboutNewBox2BoxRBoxIco4.png) no-repeat center left;



}



.aboutNewBox2 .aboutNewBox2BoxMessage {



  margin-top: 0.34rem;



  width: 100%;



  padding: 0.58rem 0;



  background: #f8f8f8;



}



.aboutNewBox2 .aboutNewBox2BoxMessage h4 {



  padding-left: 0.34rem;



  font-size: 0.24rem;



  line-height: 0.36rem;



  position: relative;



}



.aboutNewBox2 .aboutNewBox2BoxMessage h4::before {



  content: "";



  width: 0.22rem;



  height: 0.02rem;



  background: #fff;



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);



}



.aboutNewBox2 .aboutNewBox2BoxMessage span {



  display: block;



  font-size: 14px;



  line-height: 36px;



  color: #999999;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  margin-top: 0.2rem;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li {



  flex: 0 0 19%;



  justify-content: center;



  float: left;



  width: 19%;



  height: 0.5rem;



  line-height: 0.5rem;



  background: #fff;



  border-radius: 5px;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li input {



  width: 100%;



  height: 0.5rem;



  display: block;



  padding-left: 0.56rem;



  padding-right: 0.2rem;



  color: #999;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(1) input {



  background: url(../img/aboutNewBox2BoxMessage1.png) no-repeat 0.13rem center;



  background-size: 0.3rem;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(2) input {



  background: url(../img/aboutNewBox2BoxMessage2.png) no-repeat 0.13rem center;



  background-size: 0.3rem;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(3) {



  flex: 0 0 26.15%;



  justify-content: center;



  float: left;



  width: 26.15%;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(3) input {



  background: url(../img/aboutNewBox2BoxMessage3.png) no-repeat 0.13rem center;



  background-size: 0.3rem;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(4) {



  position: relative;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(4) input {



  padding-left: 0.18rem;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(4) img {



  top: 0.05rem;



  position: absolute;



  background: #333;



  transform: translateY(-50%);



  right: 0.1rem;



  width: 0.9rem;



  height: 0.36rem;



  cursor: pointer;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(5) {



  flex: 0 0 12.5%;



  justify-content: center;



  float: left;



  width: 12.5%;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(5) button {



  display: block;



  width: 100%;



  height: 0.5rem;



  outline: none;



  border: 0;



  background: #fff;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #fff;



  border-radius: 5px;



}



.aboutNewBox2 .aboutNewBox2BoxMessage ul li:nth-child(5):hover button {



  transform: translateY(-5px);



}



.aboutNewBox2 .baiduMap {



  background: #fff url(../img/aboutBottomHover.jpg) no-repeat center bottom;



  overflow: hidden;



  padding-bottom: 0.1rem;



  margin-bottom: -10px;



}



.aboutNewBox2 .aboutBoxTextNewMap {



  text-align: center;



  padding-top: 0.6rem;



  display: block;



}



.aboutNewBox2 .aboutBoxTextNewMap h3 {



  font-size: 0.24rem;



}



.aboutNewBox2 .aboutBoxTextNewMap span {



  font-size: 0.16rem;



  padding-top: 0.05rem;



  display: block;



  color: #666;



  padding-bottom: 0.05rem;



}



.aboutBoxTextNewMap .driving-way .map-tab ul .d2 {



  text-align: left;



}







.newsPageProductaddPage{







}







.newsPageProductaddPage span,.newsPageProductaddPage a{



  display: inline-block;



  padding: 0.05rem 0.1rem;



  border: 1px solid #ccc;



  margin:  0 5px;



  cursor: pointer;



  color: #666;



  -webkit-transition: .5s;



  transition: .5s;



}











.newsPageProductaddPage span:nth-child(1):hover{



  background: transparent !important;



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



  transform: translateY(0);



  color: #666;



}



.newsPageProductaddPage span:hover,.newsPageProductaddPage a:hover{



    background: #fff;



    color: #fff;



    box-shadow:  0 0 10px rgba(0, 0, 0, 0.1);



    transform: translateY(-4px);



}







 .map-go ul .d2{



  top: 0 !important;



}







 .map-go ul .d1 {



  top: 56px !important;



}



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(1) .service2NyListBoxList  i:nth-child(1)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(2) .service2NyListBoxList  i:nth-child(2)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(3) .service2NyListBoxList  i:nth-child(3)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(4) .service2NyListBoxList  i:nth-child(4)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(5) .service2NyListBoxList  i:nth-child(5)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(6) .service2NyListBoxList  i:nth-child(6)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(7) .service2NyListBoxList  i:nth-child(7)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(8) .service2NyListBoxList  i:nth-child(8)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(9) .service2NyListBoxList  i:nth-child(9)::after,



.service2Ny .service2NyList .service2NyListBox ul li:nth-child(10) .service2NyListBoxList  i:nth-child(10)::after{



  background: #fff;



  content: "";



  width: 0.1rem;



  height: 0.1rem;



  border-radius: 50%;



  border: 3px solid #fff;



  display: block;



  margin: 0 auto;



}







@media (max-width: 980px) {



  .newsPageProductPage1 {



    padding: 0 0.15rem;



    margin-top: 0.3rem;



  }



  .newsPageProductPage1 .newsPageProductPage1Title h4 {



    font-size: 0.24rem;



    padding-bottom: 0.15rem;



  }



  .newsPageProductPage1 .newsPageProductPage1Title h3 {



    padding-top: 0;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd {



    margin-top: 0.2rem;



  }



  .newsPageProductPage1 .newsPageProductPage1Title h3 {



    font-size: 0.2rem;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li {



    flex: 0 0 50%;



    justify-content: center;



    float: left;



    width: 50%;



    border-top: 0;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(1n) {



    border-left: 1px solid #dbdbdb;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(1),



  .newsPageProductPage1 .newsPageProductPage1Hd ul li:nth-child(2) {



    border-top: 1px solid #dbdbdb;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdBottom {



    height: auto;



    display: none;



  }



  .newsPageProductPage1 .newsPageProductPage1BottomBd ul li {



    flex: 0 0 49%;



    justify-content: center;



    float: left;



    width: 49%;



  }



  .newsPageProductPage1 .newsPageProductPage1BottomBd ul li a.newsPageProductPage1BottomBdImg {



    height: 1.5rem;



  }



  .newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox i {



    display: none;



  }



  .newsPageProductPage1 .newsPageProductPage1BottomBd ul li .newsPageProductPage1BottomText .newsPageProductPage1BottomTextBox span {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPageProductPage1 .newsPageProductPage1BottomBd ul li {



    margin-top: 0.2rem;



  }



  .newsPageProductPage1Case .newsPageProductPage1Title h4 {



    font-size: 0.24rem;



  }



  .newsPageProductPage1Case .newsPageProductPage1Title h3 a {



    font-size: 0.2rem;



  }



  .newsPageProductPage1Case {



    padding: 0 0.15rem;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li {



    flex: 0 0 50%;



    justify-content: center;



    float: left;



    width: 50%;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitleA {



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    display: block;



    font-size: 0.16rem;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li p {



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    margin-top: 0;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitle img {



    height: 1.4rem;



    object-fit: cover;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li span {



    padding-top: 0.1rem;



    padding-bottom: 0.1rem;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li p {



    line-height: 1.5;



  }



  .newsPageProductPage1Message {



    margin-top: 0.2rem;



    padding: 0 0.15rem;



    margin-bottom: 0.8rem;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageTitle h3 {



    font-size: 0.2rem;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageTitle p {



    font-size: 0.14rem;



    padding-top: 0;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox {



    margin-top: 0.2rem;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox ul li {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-bottom: 0.2rem;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox ul li:nth-child(4) {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPageProductPage1MessageBoxA {



    display: none !important;



  }



  .newsPageProductaddPage ul {



    padding-bottom: 0.1rem;



  }



  .newsPageProductaddPage ul li {



    margin-bottom: 0.2rem;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxCodeText {



    flex: 0 0 30%;



    justify-content: center;



    float: left;



    width: 30%;



    float: right;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox ul li .newsPageProductPage1MessageBoxCode {



    flex: 0 0 70%;



    justify-content: center;



    float: left;



    width: 70%;



  }



  .newsPageProductPage1Message .newsPageProductPage1MessageBox ul li:nth-child(5) {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a img {



    display: none;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li {



    padding: 18px 10px;



  }



  .newsPageProductPage1 .newsPageProductPage1Hd ul li .newsPageProductPage1HdTop a i {



    width: 100%;



    margin-left: 0;



  }



  .service2Ny .service2NyList .service2NyListBox ul li {



    padding: 0.15rem;



    margin-top: 0.15rem;



    border-radius: 0.1rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText {



    padding-left: 0;



    position: relative;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    padding-left: 0;



    position: absolute;



    top: 0;



    left: 0;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    padding-top: 1.5rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxList {



    display: none;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL i {



    margin-top: 0.3rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLTitle {



    font-size: 0.24rem;



    margin-top: 0.15rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL p {



    margin-top: 0.15rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLMore {



    margin-top: 0.15rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextL .service2NyListBoxListTextLList a {



    width: 1rem;



    margin-top: 0.15rem;



    margin-bottom: 0.15rem;



    height: 0.4rem;



    line-height: 0.4rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR .service2NyListBoxListTextRImg {



    height: 1.5rem;



  }



  .service2Ny .service2NyList .service2NyListBox ul li .service2NyListBoxListText .service2NyListBoxListTextR .service2NyListBoxListTextRImg img {



    height: 1.5rem;



  }



  .service3Ny .service3NyTable {



    padding: 0 0.15rem;



    margin-top: 0.3rem;



  }



  .service3Ny .service3NyTable ul li .service3NyTableL {



    flex: 0 0 30%;



    justify-content: center;



    float: left;



    width: 30%;



  }



  .service3Ny .service3NyTable ul li .service3NyTableR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-top: 0.15rem;



  }



  .service3Ny .service3NyBox {



    padding: 0 0.15rem;



  }



  .service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



  }



  .service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextL i {



    font-size: 0.16rem;



  }



  .service3Ny .service3NyBox ul li {



    margin-top: 0.1rem;



  }



  .service3Ny .service3NyBox ul li .service3NyBoxText .service3NyBoxTextR {



    display: none;



  }



  .newsPageProductPage1Case .newsPageProductPage1CaseBox .bd .newsPageProductPage1CaseBoxList .swiper-slide ul li .newsPageProductPage1CaseTitleAMore {



    margin-top: 0.1rem;



  }



  .swiper-slide {



    width: 100% !important;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiBg {



    width: 100%;



    height: 54%;



  }



  .aboutNewBox .aboutHonorAndxinxi {



    min-height: auto;



    padding-bottom: 0.3rem;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter .aboutHonorNewImgLBox {



    justify-content: center;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter {



    height: auto;



    min-height: initial;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewEnglish {



    display: none;



  }



  .aboutBoxTitle h3 {



    font-size: 0.24rem !important;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter {



    width: 100%;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter .aboutXinxiNewRCenterTitle p {



    font-size: 0.12rem;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle {



    padding-top: 0.4rem;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewCenter {



    width: 100%;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle h3 {



    font-size: 0.24rem;



    text-align: center;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew .aboutHonorNewTitle i {



    margin: 0.2rem auto;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutHonorNew {



    min-height: initial;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter ul li {



    padding: 0.05rem 0;



  }



  .aboutNewBox .aboutHonorAndxinxi .aboutHonorAndxinxiCenter .aboutXinxiNew .aboutXinxiNewR .aboutXinxiNewRCenter .aboutXinxiNewRCenterTitle h4 {



    padding-top: 0.4rem;



  }



  .aboutBoxTextNewMap .content-show .wjdh-map #wmap {



    height: 2rem;



  }



  .aboutBoxTextNewMap .content-show .driving-way .hd li {



    width: 50%;



    text-indent: 0;



    text-align: center;



    padding: 0 10px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



  }



  .aboutBoxTextNewMap .content-show {



    padding: 0;



  }



  .driving-way .map-tab #result {



    top: 130%;



    width: 100%;



  }



  .aboutBoxTextNewMap .driving-way .map-tab ul li {



    box-sizing: content-box;



  }



  .aboutBoxTextNewMap .driving-way .map-tab #result {



    position: relative;



    left: 0;



    width: 100%;



    margin-top: 0;



    background: #fff;



  }



  .aboutNewBox .aboutBoxTextNewMap {



    padding-top: 0.4rem;



    padding-bottom: 0.5rem;



  }



  .aboutBoxTextNewMap .driving-way .map-tab ul li {



    position: relative;



  }



  .aboutBoxTextNewMap .driving-way .map-tab ul {



    height: auto;



  }



  .aboutBoxTextNewMap .driving-way .map-tab ul .d2 {



    top: 0;



  }



  .aboutBoxTextNewMap .driving-way .map-tab ul:before {



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: 0;



    content: '';



    display: block;



    width: 16px;



    height: 17px;



    background: url(../img/ico5.png) no-repeat center center;



    transform: translateY(-200%);



    padding: 0 15px;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList .scan {



    display: none;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList {



    height: auto;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox {



    padding: 0.2rem 0.1rem;



  }



  .newsPageProductPageNewCenter {



    padding: 0 15px;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList span:nth-child(4) {



    display: none;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList span:nth-child(3) {



    display: block;



    text-align: center;



  }



  .newsPageProductPageNewCenter .newsPageProductPageNewCenterBox .newsPageProductPageNewCenterBoxList span {



    padding: 0 0.05rem;



  }



  .newsPageProductPageNewCenter .caseTab ul li {



    margin-bottom: 0.5rem;



  }



  .newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1L {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPageProductPageNewCenter1 {



    padding: 0 0.15rem;



  }



  .newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHotNews {



    margin-bottom: 0.4rem;



  }



  .newsPageProductPageNewCenter1 .newsPageProductPageNewCenter1R .newsPageProductPageNewCenter1CaseHot .newsPageProductPageNewCenter1CaseHotCenter ul li .newsPageProductPageNewCenter1CaseHotCenterImg {



    background: #f2f0f0;



  }



  .newsPageBoxR {



    display: none;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox {



    background: transparent;



  }



  .newsPage .newsPageBoxCenter {



    padding-top: 0.2rem;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox {



    padding: 0.2rem 0.15rem;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox h4 {



    font-size: 0.2rem;



    line-height: 2;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList {



    width: 100%;



    white-space: inherit;



    height: auto;



    margin-top: 0.1rem;



  }



  .newsPage .newsPageBoxCenter .newsPageBoxL .newsPageBoxLBox .newsPageProductPageNewCenterBoxList span {



    line-height: 2;



  }



  .newsPageBox {



    padding-bottom: 1rem;



  }



  .aboutMenu {



    height: auto;



  }



  .aboutMenu .caseMenuBottom {



    display: none;



  }



  .aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    padding: 0.3rem 0.15rem 0.5rem;



    color: #666;



  }



  .aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL::before {



    display: none;



  }



  .aboutNewBox2 .aboutNewBox2Box {



    border: 0px solid #fff;



  }



  .aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLQrcode {



    padding-top: 0;



  }



  .aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxL .aboutNewBox2BoxLQrcode img {



    flex: 0 0 45%;



    justify-content: center;



    float: left;



    width: 45%;



    height: auto;



    margin-right: 2%;



  }



  .aboutNewBox2 .aboutNewBox2Box .aboutNewBox2BoxR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    padding: 0 0.15rem;



    border-radius: 5px;



  }



  .aboutNewBox2 .aboutNewBox2BoxMessage {



    margin-top: 0;



    padding: 0.3rem 0.15rem;



  }



  .aboutNewBox2 .aboutNewBox2BoxMessage ul li {



    flex: 0 0 100% !important;



    justify-content: center !important;



    float: left !important;



    width: 100% !important;



    margin-bottom: 0.2rem;



  }



  .aboutNewBox2 .aboutBoxTextNewMap {



    padding-top: 0.3rem;



  }



  .aboutNewBox2 {



    padding-bottom: 1rem;



  }



}











#wjdh-map{



  display: none;



}







.aboutNewBoxMap{



  display: none;



}







.bFind-wrapper-top,.bsBox{



  box-sizing: content-box;



}