* {

  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;

}




.productsDownload{

}

.productsDownload h4{
    font-size: 0.16rem;
    color: #666;
    line-height: 1;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}


.productsDownload ul{
    min-width: 4rem;
    justify-content: left;
    line-height: 0.4rem;
    position: relative;
    overflow: hidden;
}

.productsDownload ul:before{
    content:
    "";
    width:1px;
    height: 24px;
    background: #ededed;
    position: absolute;
    top: 50%;
    left: 200px;
    transform: translateY(-50%);
}

.productsDownload ul::after{
    content: "";
    clear: both;
    width: 0;
    height: 0;
    display: none;
    overflow: hidden;
    vertical-align: middle;
}

.productsDownload ul li:nth-child(1){
    float: left;
    min-width: 200px;
    border: 1px solid #ededed;
    border-right: 0;
}

.productsDownload ul li:nth-child(2){
    float: left;
    min-width: 200px;
    border: 1px solid #ededed;
    border-left: 0;
}


.productsDownload p{

}

.productsDownload ul li i{
    width: 6px;
    height: 6px;
    background: #999999;
    border-radius: 50%;
}

.productsDownload ul li img{
    height: 24px;
    align-items: center;
}

.productsDownload ul li span{
    color: #333333;
    padding: 0 0.3rem 0 0.1rem;
}

.productsDownload ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.productsDownload p{
    margin: 0.3rem 0;
    line-height: 0.3rem;
}

.productsDownload p i{
    color: #666666;
}

.productsDownload p a{
    font-size: 0.14rem;
    color: rgb(46,85,214);
    margin-right: 0.1rem;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
}

.productsDownload p a:hover{
    transform: translateY(-5px);
}






.newsPageBoxCenterFxshare {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-top: 0.3rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: content-box;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareL span {
  margin-right: 0.2rem;
  display: flex;
  align-items: center;
  height: 0.14rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareL span i {
  color: #717171;
  font-size: 0.14rem;
  line-height: 0.14rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.newsPageBoxCenterFxshareLBox {
  display: flex;
  align-items: center;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareL span img {
  height: 0.14rem;
  margin-right: 0.1rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR{

}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component{
  display: flex;
  align-items: center;
  height: 0.14rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a{
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #dbdcdf; 
  border-radius: 50%;
  margin-left: 0.1rem;
  position:relative;
  text-decoration:none;
  margin:4px;
  display:inline-block;
  outline:none;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-share .icon-wechat .wechat-qrcode {
  display:none;
  border:1px solid #eee;
  position:absolute;
  z-index:9;
  top:-205px;
  left:-84px;
  width:200px;
  height:192px;
  color:#666;
  font-size:12px;
  text-align:center;
  background-color:#fff;
  box-shadow:0 2px 10px #aaa;
  transition:all 200ms;
  -webkit-tansition:all 350ms;
  -moz-transition:all 350ms
}
.social-share .icon-wechat .wechat-qrcode.bottom {
  top:40px;
  left:-84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display:none
}
.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight:normal;
  height:26px;
  line-height:26px;
  font-size:12px;
  background-color:#f3f3f3;
  margin:0;
  padding:0;
  color:#777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width:105px;
  margin:10px auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin:0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight:normal;
  line-height:16px;
  padding:0;
  margin:0
}
.social-share .icon-wechat .wechat-qrcode:after {
  content:'';
  position:absolute;
  left:50%;
  margin-left:-6px;
  bottom:-13px;
  width:0;
  height:0;
  border-width:8px 6px 6px 6px;
  border-style:solid;
  border-color:#fff transparent transparent transparent
}
.social-share .icon-wechat:hover .wechat-qrcode {
  display:block
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a::after{
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  position: absolute;
  top: 0.05rem;
  left: 0.05rem;
  -webkit-transition: .5s;
  transition: .5s;
} 

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-qzone::after{
  background: url(../img/newsPageBoxCenterFxshareR1.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-qq::after{
  background: url(../img/newsPageBoxCenterFxshareR2.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-weibo::after{
  background: url(../img/newsPageBoxCenterFxshareR3.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-wechat::after{
  background: url(../img/newsPageBoxCenterFxshareR4.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a:hover{
  background: #333;
  border-color: #333;
}


.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-qzone:hover::after{
  background: url(../img/newsPageBoxCenterFxshareR1_1.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-qq:hover::after{
  background: url(../img/newsPageBoxCenterFxshareR2_1.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-weibo:hover::after{
  background: url(../img/newsPageBoxCenterFxshareR3_1.png) no-repeat center;
  background-size: 0.2rem;
}

.newsPageBoxCenterFxshare .newsPageBoxCenterFxshareR .share-component a.icon-wechat:hover::after{
  background: url(../img/newsPageBoxCenterFxshareR4_1.png) no-repeat center;
  background-size: 0.2rem;
}