@charset "utf-8";
* {padding: 0; margin: 0; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body {font: 0.14rem/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0;line-height: 1.5;  -webkit-text-size-adjust: none;}
: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;  margin: auto;}
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;}
textarea { resize: none;}
h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em { font-weight: normal;  font-style: normal;}
html { font-size: 100px;}

.clearboth { clear: both;}
ol, ul {margin-bottom: 0;}
p {  margin: 0 0 0px;}
dl { margin-bottom: 0;}
.container {max-width: 1300px;  margin: 0 auto;padding-left: 0;  padding-right: 0;}
.navbar-left { float: left;}
.navbar-right { float: right;}
.productscd { height: 1.4rem;  border-bottom: 1px solid #ededed;}
.productsTopvd { height: 1.4rem; overflow: hidden; margin-top: 0.1rem; margin-bottom: 0.2rem;}
.col-lg-1 { width: 8.33333333%;}
.col-lg-2 { width: 16.6666666%;}
.col-lg-3 { width: 25%;}
.col-lg-4 { width: 33.33333333%;}
.col-lg-5 { width: 41.66666666%;}
.col-lg-6 { width: 50%;}
.col-lg-7 { width: 58.33333333%;}
.col-lg-8 { width: 66.66666666%;}
.col-lg-9 { width: 75%;}
.col-lg-10 { width: 83.33333333%;}
.col-lg-11 {width: 91.666666666;}
.col-lg-12 { width: 100%;}

.mbanner { width: 100%;}
.mbanner img {  width: 100%;  display: block;  height: 100%;}

.ny {height: auto;overflow: hidden;	width: 100%;padding: 30px 0;}
.ny .fl {width: 300px;border: 1px solid #ccc;}
.ny .fr {width: 960px;}
.ny .fl .title {height: 70px;width: 270px;background: #0055C7 url(../images/ico01.jpg) no-repeat 20px center;color: #FFF;padding: 15px 0 0 30px;}
.ny .fl .title span {font-size: 28px;padding-left: 50px;display: block;}
.ny .fl .title span i {display: block;	font-size: 14px;font-style: normal;	text-transform: uppercase;}

.ny .contact {	background: #0055C7;text-align: center;	padding: 20px 0;}
.ny .contact p {font-size: 18px;color: #FFF;margin-top: 10px;}
.ny .contact p span {display: block;font-size: 24px;font-weight: bold;}

.ny .fr .title {line-height: 42px;	border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span {font-size: 20px;color: #0055C7;border-bottom: 3px solid #0055C7;padding-bottom: 10px;}
.ny .fr .title p {display: inline-block;float: right;}
.ny .fr .tit {line-height: 38px;border-bottom: 1px solid #e1e1e1;margin-bottom: 15px;}
.ny .fr .tit span {	font-size: 18px;color: #0055C7;	border-bottom: 3px solid #0055C7;	padding-bottom: 8px;}
.ny .fr .txt {	border: 1px solid #e1e1e1;	background: #f4f4f4;margin-top: 20px;padding: 15px;}

.list-1 dl {border-bottom: 1px solid #e1e1e1;padding: 15px 0;}
.list-1 dl dt {	line-height: 35px;	font-size: 16px;}
.list-1 dl dt:before {content: '■';	font-size: 12px;margin-right: 5px;	color: #0055C7;	position: relative;	top: -3px;}
.list-1 dl dt span {float: right;font-size: 14px;}
.list-1 dl dt a {font-weight: bold;}
.list-1 dl dd {	color: #999;margin-bottom: 10px;border-bottom: 1px #999 dashed;padding-bottom: 5px;}

.list-2 {height: auto;overflow: hidden;	padding-bottom: 30px;position: relative;}
.list-2 ul li {float: left;	display: inline-block;	margin-right: 27px;	font-size: 16px;text-align: center;	margin-top: 20px;}
.list-2 ul li:nth-child(3n) {margin-right: 0}
.list-2 ul li .img {width: 280px;height:210px;	border: 1px solid #c1c1c1;position: relative}
.list-2 ul li img {max-width: 100%;	height:210px;}
.list-2 ul li .mask {background: rgba(0,85,199,0.8);display: none;text-align: center;width:280px;height: 210px;position: absolute;	left: 0;top: 0;}
.list-2 ul li:hover .mask {display: block;}
.list-2 ul li .mask h2 {font-size: 18px;line-height: 42px;padding-top: 60px;}
.list-2 ul li .mask .more {width: 120px;height: 30px;margin: 0 auto;border: 1px solid #FFF;border-radius: 15px;line-height: 30px;}
.list-2 ul li a:hover .mask h2 {color: #FFF;}
.list-2 ul li a:hover .more {color: #FFF;}
.list-2 ul li h2{ margin-top: 5px;font-size: 14px;font-weight: normal}

.category {width: 100%;	padding: 20px 0;background: #FFF;height: auto;overflow: hidden;}
.category h3 {line-height: 58px;width: 230px;height: 58px;margin-left: 25px;}
.category h3 a {float: left;line-height: 58px;	color: #FFF;width: 230px;border-bottom: 1px solid #ccc;
	padding-left: 20px;	background: #484848 url(../images/ico02.png) no-repeat 210px center;
	display: block;}
.category h3.on a {	background: #0055C7 url(../images/ico02.png) no-repeat 210px center;color: #FFF;}
.category h3 span {float: left;}
.category ul {display: none;float: left;width: 100%;height: auto;overflow: hidden;}
.category li {display: block;line-height: 40px;}
.category li a {display: block;	color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a {	color: #0055C7;}

.l_news{width:auto; margin:5px auto;text-align:left; clear:both}
.l_news_t{margin:0 auto;background:#F2F3F5; line-height:35px; height:35px;padding: 0}
.l_news_t h2{float:left;width:80%; color:#585858; text-indent: 20px;font-size: 16px;margin: 0;font-weight: bold}
.l_news_t a{text-align:right;padding-right: 10px; float: right}
.news {	padding: 0px 0 0;}
.news h1 {text-align: center;font-size: 24px;padding-top: 30px;}
.news .date {text-align: center;font-size: 14px;padding: 5px 0;}
.news .date span {padding: 0 15px;}
.news .info {padding: 10px 0 0;	line-height: 0.45rem;font-size: 0.16rem;color: #666}
.news .info img {max-width: 100%;}

.page {	line-height: 50px;}
.page span {float: right;}
.pagination p {margin: 0;cursor: pointer}
.pagination {height: 40px;text-align: center;padding: 20px 0px;}
.pagination a {	display: inline-block;	margin-right: 10px;	padding: 2px 12px;	height: 24px;	border: 1px #cccccc solid;	background: #fff;	text-decoration: none;	color: #808080;	font-size: 12px;line-height: 24px;}
.pagination a:hover {color: #0055C7;	background: white;	border: 1px #0055C7 solid;}
.pagination a.cur {	border: none;	background: #0055C7;	color: #fff;}
.pagination p {	display: inline-block;padding: 2px 12px;font-size: 12px;height: 24px;line-height: 24px;	color: #bbb;border: 1px #ccc solid;	background: #fcfcfc;margin-right: 8px;}
.pagination p.pageRemark {border-style: none;background: none;	margin-right: 0px;	padding: 4px 0px;color: #666;}
.pagination p.pageRemark b {color: red;}
.pagination p.pageEllipsis {border-style: none;background: none;padding: 4px 0px;color: #808080;}

.pro {width: 100%;height: auto;	overflow: hidden;padding: 10px 0 30px;}
.pro .img {	float: left;display: inline-block;width: 480px;}
.pro .text {float: right;display: inline-block;	width: 350px;}
.pro .text h1 {font-size: 24px;	padding-top: 20px;}
.pro .text .desc {padding: 20px 0;	height: auto;font-size: 16px;line-height: 25px;}
.pro .text .btn {width: 120px;height: 40px;	background: #0055C7;color: #FFF;display: block;	text-align: center;	line-height: 40px;	font-size: 18px;}

.pro-content .tits {border-bottom: 1px solid #e1e1e1;height: 40px;width: 100%;font-size: 18px;}
.pro-content .tits span {background: #0055C7;	color: #FFF;display: block;	width: 120px;height: 40px;text-align: center;line-height: 40px;}
.pro-content .info {padding: 20px 0;}
.pro-content .info img{	max-width: 100%;height: auto!important;}

.list-anli { height: auto; overflow: hidden; padding-bottom: 30px;}
.list-anli ul li { float: left;  display: inline-block;  margin-right: 27px;  font-size: 16px; text-align: center;  margin-top: 20px;}
.list-anli ul li:nth-child(3n) { margin-right: 0}
.list-anli ul li .img { width:280px;  height:210px; border: 1px solid #c1c1c1;}
.list-anli ul li img { max-width: 100%; height:210px;}
.list-anli ul li h2 { margin-top: 5px;font-size: 14px;font-weight: normal}



.caseMenu {width: 100%;  height: 150px;background: url(../img/caseMenu.jpg) no-repeat center; color: #999;}
.caseMenu a { color: #999;}
.caseMenuTop span a { color: #333;}
.caseMenuTop {width: 100%;padding: .1rem 0; border-bottom: 1px solid #e6e6e6; color: #999;  font-size: 0.15rem;}
.caseMenuTop a { color: #999;}
.caseMenuR i { float: right;  padding-right: 5px;}
.caseMenuR img { padding-left: 5px;}
.caseMenuR a:hover { color: #333;}
.caseMenuBottom { padding-top: .24rem;}
.caseTitleL { font-size: .24rem;  color: #333;}
.caseRe { float: left;}
.caseRer {float: left;  text-align: right;  margin-top: .06rem;}
.text-center { margin-top: 20px;}
.caseTitleR ul li {float: left;padding: .05rem .2rem;  background: #fff;  border-radius: .05rem;  border: 1px solid #f2f2f2;  margin-right: .1rem;  -webkit-transition: .4s;  transition: .4s;  margin-right: .3rem;  margin-bottom: 0.03rem;}
.caseRe i { font-size: .22rem;}
.caseTitleR ul li a { display: block; line-height: .2rem;  -webkit-transition: .5s;  transition: .5s;}
.caseTitleR ul li a::before { width: .1rem;  height: .1rem;  border: 2px solid #ddd;  content: "";  display: inline-block;  margin-right: 10px;  border-radius: 50%;  line-height: .2rem;  vertical-align: unset;}
.caseTitleR ul li:hover {  box-shadow: 0 0 10px rgba(32, 107, 209, 0.2);}
.caseList { padding-top: .4rem;  margin-bottom: .4rem;}
.caseList li {margin-bottom: .3rem;  -webkit-transition: .5s;  transition: .5s;  border-radius: 0 0 .03rem .03rem;
  overflow-y: hidden;}
.caseList li i { display: block;  position: relative;  padding: 34%;  overflow: hidden;  border: 1px solid #d8d8d8;
  background: #fff;  border-radius: 5px 5px 0 0;}
.caseList li img.caseImgList1 { position: absolute;  top: 0;  left: 0;  width: 100%;  margin: auto;  bottom: 0;
  right: 0;  border-radius: 5px;}
.caseLdd .caseListdd {  display: block;  margin: 1%;  position: absolute;  width: 98%;  height: 96.1%;  top: 0;
  left: 0;  right: 0;  bottom: 0;  overflow: hidden;  border-radius: 5px 5px 0 0;}
.caseListBg {  width: 100%;  height: 100%;  display: block;  top: 0%;  left: 0%;  position: absolute;  z-index: 2;  -webkit-transition: .5s;  transition: .5s;}

.caseListhide {width: 0%;  height: 0%;  display: block;  top: 50%;  left: 50%;  -webkit-transition: .8s;  transition: .8s;  background: rgba(255, 255, 255, .2) url(../img/See.png) no-repeat center;  position: absolute;
  z-index: 1;  -moz-transform: rotateX(90deg);}

.newsMeenu .caseMenu {width: 100%;  height: 150px;  background: url(../img/aboutMenu.jpg) no-repeat center;  color: #999;}
.aboutMenu .caseMenu {width: 100%; height: 150px;background: url(../img/aboutMenu1.jpg) no-repeat center;  color: #999;}
.contactMenu .caseMenu {width: 100%;height: 150px; background: url(../img/contact.jpg) no-repeat center; color: #999;}

.caseList li:hover .caseListhide {  width: 100%;  height: 100%;  top: 0%;  left: 0;}
.caseList li .caseListTitle {
  font-size: .18rem;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .12rem 5%;
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.caseLdd:hover .caseListTitle {
  font-weight: bold;
}
.caseLine {
  width: .2rem;
  height: 1px;
  margin: .08rem auto .1rem;
  background: transparent;
}
.caseList li p {
  font-size: .14rem;
  line-height: 2;
  padding: 0 .1rem;
  height: .52rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #999;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  text-align: center;
}
.caseLdd:hover .caseText {
  border-bottom: 1px solid transparent;
}
.caseList li:hover p {
  color: #fff;
}
.caseList li .caseMore {
  font-size: .36rem;
  display: block;
  text-align: center;
  margin-top: .08rem;
  font-weight: 100;
  color: #fff;
}
.caseList li .caseMore img {
  position: relative;
  animation: lr linear 3s infinite alternate;
}
.caseText {
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: .1rem;
  padding-bottom: .1rem;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 0rem;
  height: 100%;
}
.caseList li:hover .caseListTitle {
  color: #fff !important;
}
.caseList li:hover .caseLine {
  background: #fff;
}
.pagination {
  text-align: center;
}
.wjdh-message .message-form ul li button {
  outline: none;
}
input {
  outline: none;
}
.pagination a, .pagination span {
  color: #999;
  margin: 0 .1rem;
  position: relative;
  float: left;
  padding: 5px 15px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  margin-bottom: 0.05rem;
}
.pagination a:hover, .pagination span:hover {
  color: #fff;
  background: #333;
  box-shadow: 0 0 14px rgba(0, 0, 0, .2);
}
.caseCenter h3 {
  text-align: center;
  padding-top: .2rem;
  font-size: .24rem;
  color: #4c4c4c;
  line-height: 2;
}
.casemfx {
  display: block;
  text-align: center;
  padding-top: .1rem;
  position: relative;
  font-size: .15rem;
  color: #8c8c8c;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: .3rem;
}
.sidepromenu {
  margin-top: 0rem;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.scan {
  vertical-align: text-top;
}
.casemfx a {
  color: #8c8c8c;
}
.casemfx i {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: .02rem;
}
.casemfx i img {
  padding: 0 0.05rem;
}
.casemImg ul li a {
  position: relative;
  padding: 80%;
  float: left;
}
.casemImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.casemImg {
  padding: .13rem .3rem .2rem .1rem;
  border: 1px solid #ddd;
  position: absolute;
  top: 2.8rem;
  right: .5rem;
  display: none;
  z-index: 2;
  background: #fff;
}
.casemImg b {
  display: block;
  text-align: left;
  padding-left: .1rem;
  padding-bottom: .07rem;
  font-weight: normal;
}
.detailsR {
  position: absolute;
  right: 0
}
.casemfx {
  padding-bottom: .1rem;
  position: relative;
}
.productsTTOP .casemImg {
  width: 2.6rem;
}
.caseContainer {
  padding-top: .1rem;
  padding-bottom: .2rem;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ededed;
  margin-top: .3rem;
}
.caseRe img {
  border-left: 180px solid transparent;
  -webkit-filter: drop-shadow(-180px 0 0px #333);
  filter: drop-shadow(-180px 0 0px #333);
}
.caseContainer p {
  padding-top: .2rem;
  margin: 0;
  font-size: .15rem;
  color: #666;
}
.caseContainer {
  padding-bottom: .2rem;
  border-bottom: 1px solid #ddd;
}
.caseContainer img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}
.productRtopr h4 {
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.08rem auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-slide .swiper-wrapper {  padding-bottom: .1rem;}
.preview ul li.active-nav {  border: 1px solid #333;}

.productsCenter {
  border-top: 1px solid #ededed;
  padding-top: .1rem;
  overflow: hidden;
  padding-bottom: .2rem;
  display: block;
}
.caseTab ul li {
  padding: .25rem;
  background: #ededed;
  -webkit-transition: .5s;
  transition: .5s;
  color: #666;
}
.productsText {
  padding-top: .2rem;
}
.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;
}
.caseTab ul li:last-child:hover a {
  background: url(../img/caseCenterIco2-1.png) no-repeat center right;
}
.caseTab ul li i.caseCenterIco1 {
  display: block;
  float: left;
  padding: .25rem;
  background: url(../img/caseCenterIco1.png) no-repeat center;
  animation: lr linear 3s infinite alternate;
}
.caseTab ul li i.caseCenterIco2 {
  display: block;
  padding: .25rem;
  animation: lr linear 3s infinite alternate;
  background: url(../img/caseCenterIco2.png) no-repeat center;
}
.caseTab ul li span {
  width: 47%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .5rem;
  margin: 0 .1rem;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: .15rem;
}
.caseTab ul li b {
  margin: 0 .07rem;
  position: relative;
  padding: .25rem 13%;
  -webkit-transition: .5s;
  transition: .5s;
}
.caseReC ul li i a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: auto;
  bottom: 0;
  right: 0;
}
.caseTab ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.caseTab ul li:hover img {
  opacity: 1;
}
.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: .5s;
  transition: .5s;
  color: #666;
  font-size: 0.14rem;
}
.caseTab ul li:hover {
  background: #333;
}
.caseTab ul li:hover a {
  color: #fff !important;
}
.caseTab {
  margin-top: .1rem;
}
.caseTab ul li:hover a {
  background: url(../img/caseCenterIco1-1.png) no-repeat center left;
}
.caseTab ul li:hover .caseCenterIco2 {
  background: url(../img/caseCenterIco2-1.png) no-repeat center;
}
.caseTab ul li:hover span {
  color: #fff;
}
.caseRecommend {
  padding: .3rem 0 .2rem 0;
  margin-bottom: .4rem;
}
.caseRel {
  font-size: .2rem;
  color: #333;
}
.caseRel img {
  display: inline-block;
  margin-right: .05rem;
}
.caseRer a {
  display: block;
  color: #666;
}
.caseRecenter {
  cursor: url(../img/curpo.png), default;
}
.caseRecenter a {
  cursor: url(../img/curpo.png), default;
}
.caseRecenter li i {
  display: block;
  position: relative;
  padding: 30%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px 5px 0 0;
}
.caseCenter {
  max-width: 1300px;
  margin: 0 auto;
}
.contactBox iframe {
  display: none;
}
.caseRecenter li {
  margin-bottom: .3rem;
  -webkit-transition: .5s;
  transition: .5s;
  width: 33.333333333333333%;
}
.caseRecenter li:hover .caseListhide {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  transform: rotateX(90deg);
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(90deg);
}
.caseList li:hover .caseText {
  background: transparent;
  border-bottom: 1px solid transparent;
}
.caseRecenter li:hover .caseListTitle {
  color: #fff;
}
.caseRecenter li:hover .caseLine {
  background: #fff;
}
.caseRecenter li:hover p {
  color: #fff;
}
.caseRecenter li .caseMore {
  font-size: .36rem;
  display: block;
  text-align: center;
  margin-top: .04rem;
  font-weight: 100;
  color: #fff;
}
.caseRecenter li .caseMore img {
  position: relative;
  animation: lr linear 3s infinite alternate;
}
.caseRecenter li .caseListTitle {
  font-size: .18rem;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .1rem 5%;
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.caseReC {
  position: relative;
}
.caseRecenter li p {
  font-size: .14rem;
  line-height: 2;
  padding: 0 .1rem;
  height: .52rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666;
  text-align: center;
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.caseRecenter {
  margin-top: .3rem;
}
.caseRecenter .caseText {
  padding-bottom: .2rem;
}
.proList {
  padding-top: .4rem;
  margin-bottom: .4rem;
  position: relative;
  z-index: 0;
}
.proListL {
  margin-left: .121rem;
  position: relative;
  overflow: hidden;
}
.proBg {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  margin-bottom: 7px;
  display: block;
  height: 112px;
}
.prouctsTitle {
  position: relative;
  z-index: 1;
  /* padding-bottom:0.13rem;	*/
}
.pro-ico {
  margin: .12rem auto 0rem;
  display: block;
}
.proListRsort1 {
  border-bottom: 1px solid #f2f2f2;
}
.proListRsort .proListRsort {
  border: 0;
}
.productss .proListRsort1 {
  border: 0;
  border-bottom: 1px solid #dededd;
  box-shadow: 0 0 0;
  margin-bottom: 0rem;
  padding-bottom: 0.1rem;
}
.prouctsTitle h3 {
  text-align: center;
  font-size: .22rem;
  color: #fff;
  padding: 0;
  margin: 0.1rem 0 0;
}
.proListRsort1 a {
  display: inline-block;
  margin-right: 20px;
  font-size: .14rem;
  line-height: 2.5;
  color: #666;
  -webkit-transition: .5s;
  transition: .5s;
}
.proListRsort1 a::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  margin: 3px .07rem;
}
.proListTop {
  overflow: hidden;
}
.newsTop li {
  padding: 0 8px;
}
.prouctsTitle p {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding-top: 0rem;
  margin-bottom: 19px;
  font-size: 0.16rem;
  height: 0.16rem;
}
.proList_classify {
  background: #fafafa;
  overflow: hidden;
}
.news_classify {
  overflow: hidden;
}
.proList_classify ul {}
.proList_classify ul li a.proListclass1 {
  position: relative;
  margin-top: .06rem;
}
.proList_classify ul li i {
  width: 3%;
  background: #fff;
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 2px;
}
.proList_classify ul li p {
  border: 1px solid #dededd;
  border-top: 1px solid #fff;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
.proListclass1 {
  padding: .12rem;
  background: #333;
  display: block;
  width: 100%;
  padding-left: 6%;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.proListclass1 span {
  width: 85%;
  margin-left: 2%;
  display: block;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proListclass1:hover {
  color: #fff;
}
.proList_classify ul li p a {
  border-bottom: 1px solid #f3f3f3;
  width: 94%;
  padding-top: 0;
  margin-left: 3%;
  display: block;
  margin: .05rem;
  padding-bottom: .05rem;
  position: relative;
}
.proList_classify ul li p a span {
  padding: .07rem;
  width: 90%;
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  font-size: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proList_classify ul {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  overflow: hidden;
}
.proList_classify ul li p a b {
  position: absolute;
  width: 100%;
  height: 86%;
  background: #333;
  left: -108%;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: .04rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.proList_classify ul li p a:hover b {
  left: -0.07rem;
}
.proList_classify ul li p a.cur b {
  left: -0.07rem;
}
.proList_classify ul li p a.cur span {
  color: #fff;
}
.proList_classify ul li p a:hover span {
  color: #fff;
}
.proList_classify ul li p a span::before {
  width: 2px;
  padding: .05rem 0;
  margin-right: .1rem;
  vertical-align: middle;
  background: #dededd;
  content: "";
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
  height: .2rem;
  margin-left: 0.05rem;
}
.proHot {
  width: 100%;
  padding: .1rem 0 0.18rem;
  background: #fafafa;
}
.proHot i {
  display: block;
  font-size: .22rem;
  text-align: center;
}
.proHot i img {
  padding-right: .1rem;
}
.proList_sort1 {
  width: 100%;
  margin-top: .2rem;
  position: relative;
}
.proList_sort1 li {
  margin-bottom: .1rem;
}
.proList_sort1 ul li img {
  width: 100%;
}
.proList_sort1 ul li p a {
  display: block;
  text-align: center;
}
.proList_sortGd {
  width: 100%;
  margin-top: .2rem;
  position: relative;
}
.proList_sortGd li {
  margin-bottom: .1rem;
}
.proList_sortGd ul li img {
  width: 100%;
}
.proList_sortGd ul li p a {
  display: block;
  text-align: center;
}
.proHotimg {
  display: block;
  position: relative;
  padding: 36%;
  border: 5px solid #fff;
}
.proHotimg img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  right: 0;
  margin: auto;
}
.proHot_txt {
  text-align: center;
  display: block;
  line-height: .3rem;
  border-bottom: 1px solid #dededd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-next img {
  margin-left: 80%;
  cursor: pointer;
}
.pro-prev img {
  cursor: pointer;
  margin-left: 20%;
}
.newsHot {
  width: 100%;
  padding: .1rem 0.1rem 0.1rem;
  background: #fafafa;
  margin-top: .1rem;
  overflow: hidden;
}
.newsHot > i {
  display: block;
  font-size: .22rem;
  text-align: center;
  padding-bottom: .1rem;
  border-bottom: 1px solid #e6e6e6;
}
.newsHot i img {
  padding-right: .1rem;
}
.newsHot ul li {
  display: inline-block;
  line-height: 2.6;
  border-bottom: 1px solid #e6e6e6;
  color: #999;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsHot ul li:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.newsHot ul li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  margin-left: .1rem;
  font-size: .14rem;
  width: 8em;
}
.newsHot ul li i, .newsHot ul li span {
  color: #999;
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .15rem;
  white-space: nowrap;
}
.newsHot ul li:hover i, .newsHot ul li:hover span {
  color: #333
}
.proListR {
  float: left;
}
.proListRtop {
  padding: .1rem 0;
  background: #f4f4f4;
}
.proListRtop i {
  padding-left: .2rem;
  font-size: .16rem;
}
.proListRtop i img {
  display: inline-block;
  margin-right: .1rem;
}
.proListRsort {
  padding: .15rem;
  background: #fff;
  box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);
  border: 1px solid #f2f2f2;
  border-top: 0;
}
.productsLir {
  padding: 0;
}
.proListRsort a {
  display: inline-block;
  margin-right: 20px;
  font-size: .14rem;
  line-height: .3rem;
  color: #666;
}
.proList_sort ul li:hover .proHot_txt {
  color: #333;
}
.proListRsort a::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  margin: 3px .07rem;
}
.proListCenter li {
  margin-top: .2rem;
  padding: 0 10px;
}
.proListCenter i a {
  position: relative;
  padding: 31%;
  overflow: hidden;
  object-fit: cover;
  display: block;
}
.row1 {
  margin-left: -10px;
  margin-right: -10px;
}
.proListCenter i a::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  z-index: 2;
  background: url(../img/See.png) no-repeat center;
}
.proListCenter i a::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  z-index: 2;
}
.productsBorer:hover i a::before, .productsBorer:hover i a::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pagination span.current {
  display: block;
  background: #333;
  color: #fff;
}
.productsBorer i {
  position: relative;
  padding: 0%;
  overflow: hidden;
  object-fit: cover;
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
  width: 96%;
  margin: 2%
}
.productsBorer i::after {
  content: "";
  width: 0%;
  height: 0%;
  background: rgba(0, 0, 0, .1);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: .03rem
}
.proText {
  width: 96%;
  margin: 0 2%;
}
.productsBorer:hover i::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.productss ul li {
  margin-bottom: .3rem;
}
.productsMore {
  display: block;
  margin-bottom: .4rem;
}
.border-left {
  width: 1px;
  height: 0px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-right {
  width: 1px;
  height: 0px;
  background: #333;
  position: absolute;
  bottom: 0;
  right: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-top {
  width: 0px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-bottom {
  width: 0px;
  height: 1px;
  background: #333;
  position: absolute;
  bottom: 0;
  right: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-proleft {
  width: 1px;
  height: 0px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-proright {
  width: 1px;
  height: 0px;
  background: #333;
  position: absolute;
  bottom: 0;
  right: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-protop {
  width: 0px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.border-probottom {
  width: 0px;
  height: 1px;
  background: #333;
  position: absolute;
  bottom: 0;
  right: 0%;
  -webkit-transition: .5s;
  transition: .5s;
}
.proListCenter li .productsBorer:hover .border-left {
  height: 100%;
}
.proListCenter li .productsBorer:hover .border-right {
  height: 100%;
}
.proListCenter li .productsBorer:hover .border-top {
  width: 100%;
}
.proListCenter li .productsBorer:hover .border-bottom {
  width: 100%;
}
.productsLil:hover .border-proleft {
  height: 100%;
}
.productsLil:hover .border-proright {
  height: 100%;
}
.productsLil:hover .border-protop {
  width: 100%;
}
.productsLil:hover .border-probottom {
  width: 100%;
}
.proListCenter i a img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  right: 0;
  bottom: 0;
  margin: auto;
}
.proListRsort a:hover {
  color: #333;
}
.proListCenter ul li:hover .caseListhide {
  top: 0;
}
.proListCenter ul li:hover a.proListTitle {
  color: #333;
  border-bottom: 1px solid #dededd;
}
.proListCenter ul li:hover a.proMore {
  color: #333;
}
.proListCenter ul li:hover .productsBorer {}
.productsBorer {
  border: 1px solid #dededd;
  padding: 0;
  border-radius: .05rem;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
}
.proText a.proListTitle {
  display: block;
  padding: .1rem 0;
  color: #4c4c4c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: .16rem;
  padding: .08rem;
  border-bottom: 1px solid #dededd;
}
@keyframes llr {
  0% {
    background: url(../img/proMore.png) no-repeat 95% center;
  }
  25% {
    background: url(../img/proMore.png) no-repeat 97% center;
  }
  50% {
    background: url(../img/proMore.png) no-repeat 100% center;
  }
  75% {
    background: url(../img/proMore.png) no-repeat 97% center;
  }
  100% {
    background: url(../img/proMore.png) no-repeat 95% center;
  }
}
@keyframes proll {
  0% {
    background: url(../img/productsIco3.png) no-repeat 95% center;
  }
  25% {
    background: url(../img/productsIco3.png) no-repeat 97% center;
  }
  50% {
    background: url(../img/productsIco3.png) no-repeat 100% center;
  }
  75% {
    background: url(../img/productsIco3.png) no-repeat 97% center;
  }
  100% {
    background: url(../img/productsIco3.png) no-repeat 95% center;
  }
}
.proMore {
  padding: .08rem;
  display: block;
  font-size: .1rem;
  text-transform: uppercase;
  color: #c6c6c6;
  background: url(../img/proMore.png) no-repeat 100% center;
  animation: llr linear 1.5s infinite alternate;
}
.pro_page {
  padding-top: .1rem;
  margin-left: 15px;
  margin-top: .4rem;
}
.btn-text-parent {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
.wrap_text {
  display: inline-block;
}
.buildin-btn-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  transform: translateY(100%);
}
.buildin-btn-text .btn-letter {
  opacity: 0;
}
.btn-letter {
  display: inline-block;
  margin: 0em 0.05em;
  position: relative;
  transition: transform .6s, opacity .6s ease;
}
.current-btn-text .btn-letter:nth-child(1) {
  transition-delay: 49ms;
}
.current-btn-text .btn-letter:nth-child(2) {
  transition-delay: 99ms;
}
.current-btn-text .btn-letter:nth-child(3) {
  transition-delay: 149ms;
}
.current-btn-text .btn-letter:nth-child(4) {
  transition-delay: 199ms;
}
.current-btn-text .btn-letter:nth-child(5) {
  transition-delay: 249ms;
}
.current-btn-text .btn-letter:nth-child(6) {
  transition-delay: 299ms;
}
.current-btn-text .btn-letter:nth-child(7) {
  transition-delay: 349ms;
}
.current-btn-text .btn-letter:nth-child(8) {
  transition-delay: 399ms;
}
.current-btn-text .btn-letter:nth-child(9) {
  transition-delay: 449ms;
}
.current-btn-text .btn-letter:nth-child(10) {
  transition-delay: 499ms;
}
.current-btn-text .btn-letter:nth-child(11) {
  transition-delay: 549ms;
}
.current-btn-text .btn-letter:nth-child(12) {
  transition-delay: 599ms;
}
.current-btn-text .btn-letter:nth-child(13) {
  transition-delay: 649ms;
}
.current-btn-text .btn-letter:nth-child(14) {
  transition-delay: 699ms;
}
.current-btn-text .btn-letter:nth-child(15) {
  transition-delay: 749ms;
}
.current-btn-text .btn-letter:nth-child(16) {
  transition-delay: 799ms;
}
.current-btn-text .btn-letter:nth-child(17) {
  transition-delay: 849ms;
}
.current-btn-text .btn-letter:nth-child(18) {
  transition-delay: 899ms;
}
.current-btn-text .btn-letter:nth-child(19) {
  transition-delay: 949ms;
}
.current-btn-text .btn-letter:nth-child(20) {
  transition-delay: 999ms;
}
.current-btn-text .btn-letter:nth-child(21) {
  transition-delay: 1049ms;
}
.current-btn-text .btn-letter:nth-child(22) {
  transition-delay: 1099ms;
}
.current-btn-text .btn-letter:nth-child(23) {
  transition-delay: 1149ms;
}
.current-btn-text .btn-letter:nth-child(24) {
  transition-delay: 1199ms;
}
.current-btn-text .btn-letter:nth-child(25) {
  transition-delay: 1249ms;
}
.current-btn-text .btn-letter:nth-child(26) {
  transition-delay: 1299ms;
}
.current-btn-text .btn-letter:nth-child(27) {
  transition-delay: 1349ms;
}
.current-btn-text .btn-letter:nth-child(28) {
  transition-delay: 1399ms;
}
.current-btn-text .btn-letter:nth-child(29) {
  transition-delay: 1449ms;
}
.current-btn-text .btn-letter:nth-child(30) {
  transition-delay: 1499ms;
}
.buildin-btn-text .btn-letter:nth-child(1) {
  opacity: 0;
  transition-delay: 49ms;
}
.buildin-btn-text .btn-letter:nth-child(2) {
  opacity: 0;
  transition-delay: 99ms;
}
.buildin-btn-text .btn-letter:nth-child(3) {
  opacity: 0;
  transition-delay: 149ms;
}
.buildin-btn-text .btn-letter:nth-child(4) {
  opacity: 0;
  transition-delay: 199ms;
}
.buildin-btn-text .btn-letter:nth-child(5) {
  opacity: 0;
  transition-delay: 249ms;
}
.buildin-btn-text .btn-letter:nth-child(6) {
  opacity: 0;
  transition-delay: 299ms;
}
.buildin-btn-text .btn-letter:nth-child(7) {
  opacity: 0;
  transition-delay: 349ms;
}
.buildin-btn-text .btn-letter:nth-child(8) {
  opacity: 0;
  transition-delay: 399ms;
}
.buildin-btn-text .btn-letter:nth-child(9) {
  opacity: 0;
  transition-delay: 449ms;
}
.buildin-btn-text .btn-letter:nth-child(10) {
  opacity: 0;
  transition-delay: 499ms;
}
.buildin-btn-text .btn-letter:nth-child(11) {
  opacity: 0;
  transition-delay: 549ms;
}
.buildin-btn-text .btn-letter:nth-child(12) {
  opacity: 0;
  transition-delay: 599ms;
}
.buildin-btn-text .btn-letter:nth-child(13) {
  opacity: 0;
  transition-delay: 649ms;
}
.buildin-btn-text .btn-letter:nth-child(14) {
  opacity: 0;
  transition-delay: 699ms;
}
.buildin-btn-text .btn-letter:nth-child(15) {
  opacity: 0;
  transition-delay: 749ms;
}
.buildin-btn-text .btn-letter:nth-child(16) {
  opacity: 0;
  transition-delay: 799ms;
}
.buildin-btn-text .btn-letter:nth-child(17) {
  opacity: 0;
  transition-delay: 849ms;
}
.buildin-btn-text .btn-letter:nth-child(18) {
  opacity: 0;
  transition-delay: 899ms;
}
.buildin-btn-text .btn-letter:nth-child(19) {
  opacity: 0;
  transition-delay: 949ms;
}
.buildin-btn-text .btn-letter:nth-child(20) {
  opacity: 0;
  transition-delay: 999ms;
}
.buildin-btn-text .btn-letter:nth-child(21) {
  opacity: 0;
  transition-delay: 1049ms;
}
.buildin-btn-text .btn-letter:nth-child(22) {
  opacity: 0;
  transition-delay: 1099ms;
}
.buildin-btn-text .btn-letter:nth-child(23) {
  opacity: 0;
  transition-delay: 1149ms;
}
.buildin-btn-text .btn-letter:nth-child(24) {
  opacity: 0;
  transition-delay: 1199ms;
}
.buildin-btn-text .btn-letter:nth-child(25) {
  opacity: 0;
  transition-delay: 1249ms;
}
.buildin-btn-text .btn-letter:nth-child(26) {
  opacity: 0;
  transition-delay: 1299ms;
}
.buildin-btn-text .btn-letter:nth-child(27) {
  opacity: 0;
  transition-delay: 1349ms;
}
.buildin-btn-text .btn-letter:nth-child(28) {
  opacity: 0;
  transition-delay: 1399ms;
}
.buildin-btn-text .btn-letter:nth-child(29) {
  opacity: 0;
  transition-delay: 1449ms;
}
.buildin-btn-text .btn-letter:nth-child(30) {
  opacity: 0;
  transition-delay: 1499ms;
}
.caseTitleR > ul {
  position: relative;
}
.caseTitleR ul li {
  float: left;
  text-align: center;
  font-size: 15px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
.caseTitleR ul li a {
  display: block;
  color: #666666;
  overflow: hidden;
  font-size: .15rem;
}

.pc-slide {	width: 100%;margin: 0 auto;	text-align: center;}
.view .swiper-slide .imgauto {	width: 100%;height: 350px;position: relative;}
.view .swiper-slide .imgauto img {max-width: 90%;	max-height: 100%;position: absolute;margin: auto;top: 0;	bottom: 0;	left: 0;right: 0}
.view .swiper-container {width: 100%;}

.preview {width: 100%;margin-top: 10px;	position: relative;}
.preview .swiper-container {width: 80%;	margin: 0 10%;	overflow: hidden;}
.preview .swiper-slide {width: 22.5%;padding: 5px;}
.preview .swiper-slide .imgauto {width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;	text-align: center;	cursor: pointer;position: relative;	display: block;}
.preview .swiper-slide .imgauto img {display: inline-block;	vertical-align: middle;	max-width: 90%;	max-height: 100%;position: absolute;margin: auto;	top: 0;	bottom: 0;	left: 0;right: 0}
.preview .slide6 {width: 82px;}
.preview img {padding: 1px;}
.preview .active-nav .imgauto {	border: 1px solid #0055C7;}
.preview .arrow-left {background: url(../img/feel3.png) no-repeat left center;position: absolute;left: 10px;	top: 50%;margin-top: -9px;	width: 10px;	height: 18px;	z-index: 10;}
.preview .arrow-right {background: url(../img/feel4.png) no-repeat left center;	position: absolute;	right: 10px;top: 50%;margin-top: -9px;	width: 10px;	height: 18px;z-index: 10;}


.productTopImg i { display: block; position: relative;  padding: 33.9%;}
.messageBth { width: 1rem; height: 0.3rem;  display: block; border: 1px solid #dedede; position: absolute; left: 36%; top: 70%; -webkit-transition: .5s;  transition: .5s;}
.messageBth:hover {
  background: #333;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .02);
}
.productTopImg img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 96%;
  max-height: 96%;
  margin: auto;
}
.productTopImg {
  padding: 0rem;
}
.productsTTOP:hover .casemImg {
  display: block;
}
.view {
  border: 1px solid #ededed;
}
.preview ul li span {
  display: block;
  position: relative;
  padding: 32.8%;
}
.preview ul li span img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 96%;
  max-height: 96%;
  bottom: 0;
  right: 0;
  margin: auto;
}
.contactBox ul li:last-child {
  border-right: 0;
}
.productRtopr h4 a {
  color: #333;
  font-weight: bold;
  -webkit-transition: .5s;
  transition: .5s;
  display: block;
}
.productRtopr h4 a:hover {
  color: #333;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.productRtopr p {
  height: 1.6rem;
  overflow: hidden;
}
.productRtopr span {
  font-size: .1rem;
  line-height: 2;
  color: #999;
  display: block;
  font-size: .12rem;
  height: .7rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 0.1rem;
}
.productRtopr h5 {
  font-weight: bold;
  font-size: .15rem;
  font-weight: bold;
  margin-top: .1rem;
  margin-bottom: 0.1rem;
}
.relevant a {
  display: inline-block;
  border: 1px solid #dededd;
  padding: .03rem .1rem;
  margin-bottom: .04rem;
  margin-right: .05rem;
  color: #808080;
  font-size: .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  -webkit-transition: .5s;
  transition: .5s;
}
.relevant a:hover {
  color: #333;
}
.relevantImg ul li {
  width: 48%;
  margin: 0 1%;
  float: left;
}
.relevantImg ul li > a.relevantImgA {
  position: relative;
  padding: 34%;
  display: block;
  border: 1px solid #dededd;
}
.relevantImg ul li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: .02rem;
}
.relevantImg ul li .relevantImgMore {
  display: block;
  text-align: center;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #808080;
}
.relevantImg ul li:hover .relevantImgMore {
  color: #333;
}
.productsMore {
  display: inline-block;
  padding: 0.05rem .1rem;
  border: 1px solid #dededd;
  margin-top: .3rem;
  margin-left: .3rem;
  -webkit-transition: .5s;
  transition: .5s;
  color: #737373;
}
.productsMore i {
  overflow: hidden;
  display: inline-block;
  width: .16rem;
  vertical-align: sub;
}
.productsMore:hover i img {
  border-left: 180px solid transparent;
  -webkit-filter: drop-shadow(-180px 0 0px #fff);
  filter: drop-shadow(-180px 0 0px #fff);
}
.productsMore:hover {
  background: #333;
  color: #fff;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.productsCtl {
  background: #333;
  padding: .05rem .1rem;
  border-radius: .03rem .03rem 0 0;
}
.productsCtl img {
  display: inline-block;
  margin-right: .05rem;
  margin-left: .2rem;
}
.productsCtl i {
  color: #fff;
  font-size: .16rem;
}
.productCenTop {
  overflow: hidden;
  margin-top: .1rem;
  border-bottom: 1px solid #dededd;
  position: relative;
}
.details {
  line-height: 1;
  text-transform: uppercase;
  color: #dededd;
  font-size: 0.16rem;
  margin-top: 0.1rem;
}
.detailsR {
  text-align: right;
  padding: 0;
}
.detailsR i img {
  padding: 0 0.05rem;
}
.casemImg1 {
  padding: .13rem .3rem .2rem .1rem;
  border: 1px solid #ddd;
  top: .3rem;
  right: .05rem;
  z-index: 2;
  background: #fff;
}
.casemImg1 b {
  display: block;
  text-align: left;
  padding-left: .1rem;
  padding-bottom: .07rem;
  font-weight: normal;
}
.casemImg1 ul li a {
  position: relative;
  padding: 80%;
  float: left;
}
.casemImg1 img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.productsText {
  padding-bottom: .2rem;
  border-bottom: 1px solid #dededd;
}
.caseTab {
  padding-top: .4rem;
  background: url(../img/icod33.png) no-repeat center .1rem;
}
.productsText p {
  padding-top: .2rem;
  margin: 0;
  color: #999;
}
.caseTab ul li:hover {
  color: #fff;
}
.productsTTOP {
  position: relative;
}
.productsText img {
  max-width: 100%;
  margin: .2rem 0;
  height: auto;
}
.proMessage h4 {
  text-align: center;
  margin-top: .3rem;
  font-size: .24rem;
}
.proMessage p {
  font-size: .14rem;
  text-align: center;
  color: #666;
  margin-bottom: .2rem;
  font-family: arial;
}
.promessageBox input {
  border: 1px solid #dededd;
  padding: 0.07rem .1rem;
  display: block;
  width: 100%;
  padding-left: .14rem;
  text-indent: .14em;
  color: #666;
  background: #999;
  border-radius: 5px;
  font-size: .15rem;
  text-indent: 1.5em;
}
::-webkit-input-placeholder {
  color: #999;
  font-size: .16rem;
}
::-moz-placeholder {
  color: #999;
  font-size: .16rem;
}
:-ms-input-placeholder {
  color: #999;
  font-size: .16rem;
}
.contactBox input::placeholder {
  color: #999;
}
.promessageBox input::placeholder {
  color: #999;
}
.promessageBox input.pro-name {
  background: url(../img/name.png) no-repeat .1rem center;
}
.promessageBox input.pro-tel {
  background: url(../img/tel.png) no-repeat .1rem center;
}
.promessageBox input.pro-email {
  background: url(../404.html) no-repeat .1rem center;
}
.imgCode1 {
  padding: 0.2rem 15px 0.1rem;
}
.imgcodeText {
  width: 100%;
  padding: 0 5px 0 15px;
}
.pro-textarea {
  width: 80%;
  border: 1px solid #dededd;
  text-indent: 1.44em;
  padding: .8% 1.4%;
  line-height: 1.5;
  min-height: .85rem;
  color: #666;
  margin-top: .2rem;
  background: url(../img/textarea.png) no-repeat .1rem .1rem;
  padding-left: .14rem;
  border-radius: 5px;
  font-size: .16rem;
}
.yanzhengma {
  width: 20%;
  float: right;
}
.promessageBox input.a-bth {
  display: block;
  margin-top: .2rem;
  outline: none;
  border: 0;
  -webkit-transition: .5s;
  transition: .5s;
  color: #fff;
  padding-left: 0;
  letter-spacing: 4px;
}
.promessageBox input.a-bth::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.a-bth:hover {
  background: #333;
  color: #fff;
}
.productsLil {
  border: 1px solid #dededd;
  overflow: hidden;
  border-radius: .03rem;
}
.productsLil i {
  display: block;
  position: relative;
  padding: 49.5%;
  object-fit: cover;
  margin-top: .1rem;
}
.productsLil img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  right: 0;
  bottom: 0;
  margin: auto;
}
.productsTitle {
  display: block;
  width: 100%;
  padding: .1rem 0;
  background: url(../img/productsIco3.png) no-repeat 100% center;
  animation: proll linear 2s infinite alternate;
}
.productsTitle span {
  display: block;
  font-size: .16rem;
}
.productsTitle b {
  display: block;
  font-weight: normal;
  font-size: .14rem;
  color: #999;
}
.productsLir i {
  display: block;
  position: relative;
  padding: 40.5%;
  overflow: hidden;
  border-radius: .05rem;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #e6e6e6;
}
.proMored {
  height: .21rem;
  border-radius: 0 0 .05rem .05rem;
}
.prpductsLi {
  display: block;
  padding: .05rem;
}
.proList {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.prolistImgd:hover i {
  box-shadow: 0 0px 8px rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  border-radius: .03rem;
}
.productsLir i img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 4%;
  right: 0;
  bottom: 0;
  margin: auto;
}
.proMored {
  position: absolute;
  top: 83.5%;
  display: block;
  border-radius: 0 0 .03rem .03rem;
  left: 0;
  width: 96%;
  background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% .08rem;
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 0% 5%;
  font-size: .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20%;
  left: 2%;
  line-height: 1.8;
  height: .24rem;
}
.prolistImgd:hover .proMored {
  padding: 0;
  width: 97%;
  height: 97%;
  display: block;
  text-align: center;
  padding: 33% 2%;
  top: 1.5%;
  color: #fff;
  background: rgba(0, 0, 0, .2) url(../img/productsList4.png) no-repeat center 67%;
  left: 1.5%;
  overflow: hidden;
  border-radius: .03rem;
}
.proListRsort1 a:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.productss .proListRsort {
  border-bottom: 1px solid #dededd;
  box-shadow: 0 0 0;
  margin-bottom: 0rem;
}
.prolistImgd {
  padding: 0 .05rem .1rem;
}
.pagination > li > a, .pagination > li > span {
  margin: 0 .03rem;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background: #333;
  color: #fff;
}
.caseTitleR {
  margin-top: 0.05rem;
}
.abouttitleR ul li {
  margin-right: .2rem;
}
.aboutTitle h3 {
  font-size: .26rem;
  text-align: center;
  line-height: 1;
  margin-top: .4rem;
  color: #4c4c4c;
}
.aboutTitle span {
  text-align: center;
  display: block;
  text-transform: uppercase;
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  font-family: Arial;
}
.aboutTop {
  margin-top: .2rem;
}
.aboutL {
  padding-left: 0;
  padding-bottom: .7rem;
}
.aboutL i {
  display: block;
  position: relative;
  padding: 39%;
  overflow: hidden;
}
.aboutL i img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  transition: .5s;
}
.aboutR {
  padding-top: .2rem;
}
.aboutR h3 {
  color: #fff;
  font-size: .26rem;
  color: #333;
  text-align: center;
}
.aboutR span {
  font-size: .15rem;
  color: #333;
  line-height: 2;
}
.aboutLine {
  width: 1rem;
  height: 1px;
  background: #f2f2f2;
  margin: .2rem auto;
}
.aboutR p {
  color: #666;
  line-height: 2;
  text-indent: 2em;
  -webkit-transition: .3s;
  transition: .3s;
}
.clear {
  clear: both;
}
.aboutR i {
  display: block;
  font-size: .15rem;
  padding-bottom: .5rem;
  background: url(../img/aboutIdd.png) no-repeat center bottom;
}
.honor ul li {
  margin-top: .3rem;
}
.honorImg {
  display: block;
  position: relative;
  padding: 36%;
  background: #fff;
  border: 1px solid #ddd;
}
.honorImg img {
  padding: 2%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.honorMore {
  text-align: center;
  display: block;
  padding-top: 0.08rem;
  line-height: 3;
  font-size: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.honor ul li i {
  width: .08rem;
  height: .08rem;
  display: block;
  border-radius: 50%;
  border: 2px solid #dededd;
  margin: .2rem auto 0;
  background: #fff;
}
.honorArrow {
  height: .3rem;
  position: relative;
}
.honorArrow .honorL {
  width: .3rem;
  height: .3rem;
  overflow: hidden;
  background: #fff url(../img/honorL.png) no-repeat center;
  top: -0.2rem;
  position: absolute;
  z-index: 99;
  left: 0;
  cursor: pointer;
}
.honor {
  position: relative;
}
.honorLine {
  width: 100%;
  height: 1px;
  background: #dededd;
  position: absolute;
  top: -0.05rem;
}
.honorArrow .honorR {
  width: .3rem;
  height: .3rem;
  overflow: hidden;
  background: #fff url(../img/honorR.png) no-repeat center;
  top: -0.2rem;
  position: absolute;
  z-index: 99;
  cursor: pointer;
  right: 0;
}
.contact {
  background: url(../img/aboutBottomHover.jpg) no-repeat center bottom;
  overflow: hidden;
  padding-bottom: 1.5rem;
  margin-bottom: -10px;
}
.contactTop h4 {
  text-align: center;
  padding-top: .9rem;
  font-weight: bold;
  font-size: .18rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.contactmeg {
  background: url(../img/contactico1.png) no-repeat center .1rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.contactNetwork {
  background: url(../img/contactico2.png) no-repeat center .1rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.contactService {
  background: url(../img/contactico3.png) no-repeat center .1rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.contactTop span {
  font-size: .14rem;
  text-align: center;
  display: block;
  padding-bottom: .1rem;
  -webkit-transition: .5s;
  transition: .5s;
  color: #d4d4d4;
}
.contactBottom {
  padding: .3rem .3rem .7rem;
  text-align: center;
  line-height: 2;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
  font-size: .15rem;
  overflow: hidden;
  color: #666;
}
.contactTop {
  background: #fff;
  -webkit-transition: .5s;
  transition: .5s;
  padding: .1rem 0;
}
.contact ul li {
  margin-top: .4rem;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
}
.contact ul li:hover .contactTop {
  background: #333;
}
.contact ul li:hover .contactTop h4 {
  color: #fff;
}
.contact ul li:hover .contactTop span {
  color: #fff;
}
.contact ul li:hover h4.contactmeg {
  background: url(../img/contactico1-1.png) no-repeat center .1rem;
}
.contact ul li:hover h4.contactNetwork {
  background: url(../img/contactico2-1.png) no-repeat center .1rem;
}
.contact ul li:hover h4.contactService {
  background: url(../img/contactico3-1.png) no-repeat center .1rem;
}
.contact ul li:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.aboutTitle p {
  padding: .3rem .5rem;
  font-size: .15rem;
  color: #999;
  text-align: center;
  line-height: 1.8;
}
.contactList {
  overflow: hidden;
}
.contactList ul li {
  border-right: 1px solid #dededd;
  padding: .2rem 0 0.4rem;
}
.contactList ul li:last-child {
  border-right: 0;
}
.contactList ul li img {
  display: block;
  margin: 0 auto .1rem;
  height: .4rem;
  animation: tb linear 3s infinite alternate;
}
.contactList ul li h4 {
  font-size: .2rem;
  text-align: center;
  line-height: 3;
  margin: 0;
}
.contactList ul li p {
  text-align: center;
  font-size: .16rem;
  height: .6rem;
  line-height: 2;
  padding: 0 .2rem;
}
.contactBox {
  border: 5px solid #f4f4f4;
  display: block;
  overflow: hidden;
  margin-top: .5rem;
}
.contactBox ul li {
  padding: 2% 5%;
  margin: .4rem 0;
  border-right: 1px solid #dededd;
  min-height: 3.7rem;
}
.contactBox ul li p {
  line-height: 2;
  color: #999;
  font-size: .15rem;
}
.contactBox ul li p span {
  font-size: .16rem;
}
.contactBox .proMessage h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.contactBox input.contact-name {
  background: url(../img/name.png) no-repeat .1rem center;
}
.contactBox input.contact-imgCode {
  background: url(../404.html) no-repeat .1rem center;
  width: 80%;
  margin-top: 0.2rem;
  float: left;
}
.contactImgcode {
  float: left;
  margin-top: 0.2rem;
  margin-left: 1%;
}
.contactBox input {
  border: 1px solid #dededd;
  padding: .07rem .1rem;
  display: block;
  width: 100%;
  text-indent: .25rem;
  color: #666;
  font-size: .14rem;
}
.contactBox input.contact-tel {
  background: url(../img/tel.png) no-repeat .1rem center;
}
.contact-textarea {
  width: 100%;
  border: 1px solid #dededd;
  text-indent: .28rem;
  padding: 1% 1.4%;
  line-height: 1.5;
  min-height: .7rem;
  color: #666;
  margin-top: .1rem;
  background: url(../img/textarea.png) no-repeat .08rem .1rem;
  margin-top: .2rem;
  font-size: .16rem;
}
.contactBox .contact-bth {
  display: block;
  margin-top: 0.05rem;
  outline: none;
  border: 0;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: .05rem;
  color: #fff;
  background: #999;
  margin-top: .2rem;
  padding-left: 0;
  letter-spacing: 4px;
  font-size: .16rem;
  text-indent: 0rem;
}
.news_classify ul {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0px;
}
.news_classify ul li {
  margin-bottom: 0.05rem;
}
.news_classify ul li:nth-child {
  margin-bottom: 0;
}
.newsclass1 {
  padding: .12rem;
  background: #fafafa;
  display: block;
  width: 100%;
  padding-left: 6%;
  font-weight: bold;
  color: #333;
}
.news_classify ul li i {
  width: 2%;
  background: #fff;
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100px;
  z-index: 9;
  -webkit-transition: .5s;
  transition: .5s;
}
.news_classify span {
  width: 100%;
  padding: 0 15%;
  display: block;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  position: relative;
  z-index: 999;
  background: url(../img/newsIco1.png) no-repeat 90% center;
  -webkit-transition: .5s;
  transition: .5s;
}
.news_classify ul li b {
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #333;
  -webkit-transition: .5s;
  transition: .5s;
}
.news_classify ul li:hover i {
  left: .18rem;
}
.news_classify ul li:hover b {
  left: 0;
}
.news_classify ul li:hover span {
  color: #fff;
  background: url(../img/newsIco3.png) no-repeat 90% center;
}
.newsCenterTop {
  padding: .2rem;
  overflow: hidden;
  box-shadow: 0 -5px 12px rgba(0, 0, 0, .03);
  margin-bottom: 0.3rem;
}
.newsCenterTopl a {
  display: block;
  position: relative;
  padding: 32%;
  overflow: hidden;
  border: 1px solid #f2f2f2;
}
.newsCenterTopl a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 98%;
  max-height: 98%;
  -webkit-transition: 1s;
  transition: 1s;
}
.newsCenterTop:hover a img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  opacity: .8;
}
.newsCenterTopr h4 a {
  font-size: .2rem;
  display: block;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  -webkit-transition: 1s;
  transition: 1s;
}
.newsCenterTop:hover h4 a {
  color: #333;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.newsCenterTopr p {
  font-size: .15rem;
  line-height: 2;
  height: .54rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #999;
}
.newsCenterTopr span {
  margin-top: .3rem;
  display: block;
  color: #999;
}
.newsCenterTopr span img {
  display: inline-block;
  vertical-align: inherit;
  padding-right: .06rem;
}
.newsCemterb ul li {
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
}
.newsCenterb ul li .newsCenterbImg {
  position: relative;
  padding: 18%;
  display: block;
  background: #fafafa;
}
.newsCenterb ul li .newsCenterbImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  margin: auto;
  max-height: 100%;
}
.newsCenterbImg::after {
  content: "";
  top: 8%;
  right: 5%;
  bottom: 8%;
  left: 5%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  -moz-transition: opacity .4s, -moz-transform .4s;
  -o-transition: opacity .4s, -o-transform .4s;
  transition: opacity .4s, transform .4s;
}
.newsCenterbImg::before {
  top: 8%;
  right: 5%;
  bottom: 8%;
  z-index: 2;
  left: 5%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  -moz-transition: opacity .4s, -moz-transform .4s;
  -o-transition: opacity .4s, -o-transform .4s;
  transition: opacity .4s, transform .4s;
}
.newsCenterbImg i {
  display: block;
  width: 0%;
  height: 0%;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsCenterb ul li:hover .newsCenterbImg i {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.newsCenterb ul li:hover .newsCenterbTextr a {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.newsCenterbImg::before, .newsCenterbImg::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  -moz-transition: opacity .4s, -moz-transform .4s;
  -o-transition: opacity .4s, -o-transform .4s;
  transition: opacity .4s, transform .4s;
}
.newsCenterb ul li:hover .newsCenterbImg::before, .newsCenterb ul li:hover .newsCenterbImg::after {
  content: "";
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.nwesCenterbText {
  overflow-y: hidden;
  padding-bottom: .05rem;
}
.nwesCenterbText span {
  display: block;
  width: 20%;
  margin: .1rem;
  border: 1px solid #dededd;
  font-size: .25rem;
  line-height: 1;
  padding: .1rem .12rem;
  color: #999;
  float: left;
}
.nwesCenterbText span i {
  font-size: .15rem;
  display: block;
  padding-top: .04rem;
  padding-bottom: 0rem;
}
.newsCenterbTextr {
  padding: 0 .2rem 0 0;
  width: 74.4%;
  float: left;
  background: url(../img/newsIco04.png) no-repeat 97% center;
}
.newsCenterbTextr a {
  padding: .16rem 0 0;
  display: block;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
  width: 90%;
}
.newsCenterbTextr p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 2.7;
  margin: 0;
  font-size: .15rem;
  width: 96%;
  color: #808080;
}
.proHot_txt {
  display: block;
  font-size: .14rem;
  line-height: 3;
  color: #4c4c4c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caseMenuL {
  font-size: .14rem;
}
.newsCenter {
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  border-bottom: 1px solid #dededd;
}
.newsCenterb ul li {
  margin-top: .3rem;
}
.newsCenterb ul li:hover .newsCenter {
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  border-bottom: 1px solid #fff;
}
.newsCenterb ul li:hover a {
  color: #333;
}
.newsdetails {
  padding: 0 2%;
  overflow: hidden;
  padding-bottom: .2rem;
}
.newsdetails .casemImg {
  top: .5rem;
}
.newsdetails .caseCenter h3 {
  padding-top: 0;
}
.aboutTitle a {
  display: block;
  text-align: center;
  font-size: .16rem;
  padding-top: .1rem;
  color: #333;
}
.newsTop ul li a.newsImg {
  position: relative;
  padding: 34%;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
}
.newsTop ul li a.newsImg img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.newsText {
  font-size: .15rem;
  display: block;
  padding: .1rem 0;
}
.newsTopcenter {
  border: 1px solid #dededd;
  -webkit-transition: .8s;
  transition: .8s;
  margin-bottom: .2rem;
  border-radius: 6px 6px 0 0;
}
.newsTopcenter .newsText {
  padding: 0 .07rem;
  margin: .05rem 0;
  margin-bottom: .15rem;
  height: .46rem;
  -webkit-transition: .5s;
  transition: .5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: .15rem;
  -webkit-transition: 1s;
  transition: 1s;
}
.newsTop {
  margin-top: .3rem;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
}
.newsTopcenter span {
  margin: 0 .07rem .1rem;
  width: 96%;
  padding-right: 30%;
  display: block;
  background: url(../img/newsListMore.png) no-repeat 96% center;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: .15rem;
  color: #999;
}
.newsTop ul li:hover .newsTopcenter {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
  background: #333;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
}
.newsTop ul li:hover .newsText {
  color: #fff;
}
.newsTop ul li:hover .newsTopcenter span {
  color: #fff;
  background: url(../img/newsListMore2.png) no-repeat 96% center;
}
.newsTop ul li:hover a.newsImg {
  background: #fff;
}
.newsListCenter {
  margin-top: .3rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsListLImg {
  display: block;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
}
.newsListLImg::after {
  content: "";
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  border: 1px solid white;
  height: 2.68rem;
  width: 90%;
  position: absolute;
  top: 0.18rem;
  left: 5%;
  padding: 70px;
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: transparent;
}
.newsListLImg img {
  width: 100%;
}
.newsListLcenter img {}
.newsListLcenter:hover .newsListLImg::after {
  opacity: 1;
  content: "";
  transform: scale(1);
  background-color: transparent;
}
.newsListLtext {
  padding: 4.1% .2rem;
  -webkit-transition: .5s;
  transition: .5s;
  position: absolute;
  z-index: 3;
  bottom: 0;
  background: #fff;
  width: 100%;
}
.newsQa ul li:hover i span {
  animation: tan linear 2s infinite alternate;
}
.newsListLtext a {
  display: block;
  font-size: .16rem;
  line-height: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsListLcenter {
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: .05rem .05rem 0 0;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  height: 5rem;
  position: relative;
}
.newsListLtext p {
  color: #999;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: .68rem;
  font-size: .15rem;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 2;
}
.page-content {
  margin: .2rem 0;
  overflow: hidden;
  font-size: .16rem;
  line-height: 0.3rem;
  display: block;
  color: #666;
}
.productsText {
  font-size: .16rem;
  line-height: 2;
}
.newsListLcenter span {
  margin-top: .2rem;
  display: block;
  background: url(../img/news04.png) no-repeat center left;
  padding-left: .2rem;
  color: #999;
  font-size: .14rem;
}
.newsListLcenter:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
}
.newsListLcenter:hover .newsListLtext a {
  color: #333;
}
.newsListRtop {
  padding: .17rem;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: .05rem;
  border-radius: 5px;
}
.newsListRtop span {
  font-size: .22rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: .2rem;
  float: left;
  padding-bottom: 0.5em;
  color: #4c4c4c;
  font-family: arial;
}
.newsListRtop b {
  font-size: .16rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  float: right;
  font-weight: normal;
  line-height: .2rem;
  padding-bottom: 0.5em;
  color: #4c4c4c;
  font-family: arial;
}
.newsListRtop b::after {
  content: "";
  display: block;
  clear: both;
}
.newsListRtop a.newsListRImg {
  display: none;
  position: relative;
  padding: 36%;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #f1f1f1;
}
.newsListRtopR {
  width: 100%;
  padding: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsListRtopL {
  padding: 0;
  width: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsListRtop a.newsListRImg img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
}
.newsListRtopR a {
  display: block;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.newsListRtopR p {
  font-size: .14rem;
  color: #999;
  margin-top: 0.05rem;
  line-height: 1.5;
  height: .6rem;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newsListRtop:hover .newsListRtop a.newsListRImg {
  display: block;
  position: relative;
  padding: 30%;
}
.newsListRtop:hover span, .newsListRtop:hover b {
  color: #333;
}
.newsListRtop:hover .newsListRImg {
  display: block;
}
.newsListRtop:hover .newsListRtopR {
  width: 75%;
  padding: 0 .1rem;
}
.newsListRtop:hover {
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  border: 1px solid #fff;
}
.newsListRtop:hover .newsListRtopL {
  width: 25%;
}
.newsListRtop:hover .newsListRtopR a {
  color: #333;
}
.newsListR ul li {
  margin-bottom: .1rem;
}
.newsQa ul li {
  background: #fff;
  border: 1px solid #f2f2f2;
  padding: .3rem .1rem;
  border-radius: 0.05rem;
}
.newsQa ul li span {
  font-size: .13rem;
  background: #333;
  float: left;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: .2rem;
}
.newsQa ul li p {
  margin-top: .15rem;
}
.newsQa ul li b {
  margin: 0 .1rem;
  float: left;
  width: 85%;
  font-weight: normal;
  background: #fcfcfc;
  font-size: 0.15rem;
  padding: .03rem .1rem;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2;
  padding-bottom: .08rem;
}
.newsQa ul li a {
  margin: 0 .1rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
  font-weight: normal;
  background: #fcfcfc;
  padding: .05rem .1rem;
  font-size: .15rem;
  cursor: url(../img/curpo.png), default;
}
.newsQa ul li:hover a {
  color: #333
}
.newsQa ul li i::after {
  content: "";
  clear: both;
  display: block;
}
.newsQa ul li p span {
  background: #333;
}
.newsQa {
  overflow: hidden;
  padding-bottom: .5rem;
  margin-top: .3rem;
  cursor: url(../img/curpo.png), default;
}
.content-show {
  border: 18px solid #f4f4f4;
  padding: 22px;
  background-color: #fff;
  margin: .2rem 0;
}
.wjdh-map {
  position: relative;
}
.wjdh-map #r-result {
  position: absolute;
  right: 0;
  top: 0;
  width: 450px;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 99;
}
.wjdh-map #wmap {
  width: 100%;
  height: 500px;
}
.driving-way {
  font-family: 'Microsoft JhengHei';
}
.driving-way .hd li.on {
  background-color: #333;
  color: #fff;
}
.driving-way .hd li {
  float: left;
  font-size: 15px;
  width: 50%;
  height: 50px;
  line-height: 50px;
  background-color: #eee;
  text-indent: 80px;
  cursor: pointer;
}
.driving-way .map-tab {
  padding: 20px 0;
}
.driving-way .map-tab .trip-mode a {
  position: relative;
  float: left;
  font-size: 16px;
  padding-left: 50px;
  width: 100px;
  height: 50px;
  line-height: 50px;
}
.driving-way .map-tab .trip-mode a.active {
  _background: url(../404.html) no-repeat 10px center;
  *background: url(../../../404.html) no-repeat 10px center;
}
.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;
}
.driving-way .map-tab ul .d1 {
  top: 0;
  transition: .5s;
}
.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;
}
.driving-way .map-tab ul li input {
  font-size: 16px;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.driving-way .map-tab ul i {
  display: block;
  width: 75%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: 50px;
  top: 56px;
}
.driving-way .map-tab ul .d2 {
  top: 56px;
  transition: .5s;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.driving-way .map-go ul:before {
  transform: rotateX(180deg);
}
.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;
}
.driving-way .map-tab .trip-mode a i {
  width: 14px;
  height: 14px;
  display: block;
  border: 3px solid #666;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}
.driving-way .map-tab .trip-mode a:hover i, .driving-way .map-tab .trip-mode a.active i {
  transform: translateZ(0px) rotate(45deg);
  -webkit-transform: translateZ(0px) rotate(45deg);
}
.driving-way .map-tab .trip-mode a i {
  width: 14px;
  height: 14px;
  display: block;
  border: 3px solid #666;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
  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);
}
.newsdetails .casemImg {
  top: .35rem;
  right: -.5rem;
}
.aboutTop:hover .aboutL img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.honorImg span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
}
.honorImg span::before {
  content: "";
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center -.2rem;
  padding: 14px 18px;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.honor ul li:hover .honorImg span::before {
  width: 100%;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center center;
}
.buildin-btn-text {
  position: absolute;
  left: 0;
  top: 0%;
  z-index: 9;
  width: 100%;
  transform: translateY(100%);
}
.honorMore::after, .honorMore::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-top: 1px solid transparent;
  bottom: 0;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.honor ul li:hover .honorMore::after, .honor ul li:hover .honorMore::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-color: #ddd;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 90%;
  content: "";
}
.honorMore:hover::before {
  bottom: auto;
  top: 0;
  width: 90%;
}
.honor ul li:hover .honorMore {
  color: #333;
}
.contact ul li .contactBottom::before {
  content: "";
  width: 90%;
  height: 1px;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: 99%;
  left: 5%;
  opacity: 1;
  -webkit-transition: .5s;
  transition: .5s;
}
.contact ul li:hover .contactBottom::after {
  content: "";
  bottom: 81px;
  right: -306px;
}
.contactTop span:after {
  content: ""
}
.contact ul li:hover .contactBottom::before {
  content: "";
  height: 101%;
  top: 0%;
  opacity: 1;
  border-top: 1px solid #ddd;
}
.contact ul li:hover .contactBottom {
  background: #fcfcfc;
}
.contactTop i {
  display: block;
  width: 50px;
  height: 1px;
  background: #ddd;
  margin: 0 auto;
  position: absolute;
  left: 43.5%;
  top: 1.8rem;
}
@keyframes newsd {
  0% {
    background: url(../img/newsIco04.png) no-repeat 97% center;
  }
  50% {
    background: url(../img/newsIco04.png) no-repeat 95% center;
  }
  100% {
    background: url(../img/newsIco04.png) no-repeat 97% center;
  }
}
.newsCenterb ul li:hover .newsCenterbTextr {
  animation: newsd linear 1s infinite alternate;
}
.newsImg::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 102%;
  height: 103%;
  border: 2px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: .8s;
  transition: .8s;
}
.newsTop ul li:hover .newsImg::before {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1);
  z-index: 2;
}
@keyframes lr {
  0% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  25% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@keyframes tb {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  25% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.promessageBox input.a-bth {
  text-indent: 0rem;
  color: #fff;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  margin-top: .2rem;
  display: block;
}
.promessageBox input.a-bth::after {
  width: 50%;
  left: 50%;
  background: #333;
  position: absolute;
  content: "";
}
.promessageBox input.a-bth::after:hover {
  width: 100%;
  height: 100%;
  background: #333;
  content: "";
}
.caseTitleR ul li a {
  position: relative;
}
.caseTitleR ul li .ctc {
  display: block;
  width: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  opacity: 0;
  font-size: 0.15rem;
}
.caseTitleR ul li:hover .ctc {
  width: 100%;
  color: #333;
  opacity: 1;
}
.caseTitleR ul li .gaoliang .ctc {
  width: 100%;
  color: #333;
  opacity: 1;
}
.news_classify ul li .gaoliang i {
  left: .18rem;
}
.news_classify ul li .gaoliang span {
  color: #fff;
  background: url(../img/newsIco3.png) no-repeat 90% center;
}
.news_classify ul li .gaoliang b {
  left: 0;
}
.caseTitleR ul li span::before {
  width: .1rem;
  height: .1rem;
  border: 2px solid #333;
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  line-height: .2rem;
  vertical-align: revert;
  border-color: #333;
}
.caseTitleR ul li a {
  position: relative;
}
.caseTitleR ul li .ctc {
  display: block;
  width: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  opacity: 0;
}
.caseTitleR ul li:hover .ctc {
  width: 100%;
  color: #333;
  opacity: 1;
}
.caseTitleR ul li span::before {
  width: .1rem;
  height: .1rem;
  border: 2px solid #333;
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  line-height: .2rem;
  vertical-align: unset;
  border-color: #333;
}
.proListclass2 {
  width: 82%;
  color: #fff;
  display: inline-block;
  font-size: .16rem;
  margin-left: .05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
.caseLdd {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 .03rem .03rem;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.caseLdd:hover .caseText {
  border-radius: 0 0 .03rem .03rem;
}
.caseLdd:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
}
.caseLdd .button_text_container {
  width: 0%;
  height: 0%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #0258b8;
  z-index: -1;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  border-radius: 50%;
}
.caseLdd:hover .button_text_container {
  top: 0;
  left: -25%;
  width: 150%;
  height: 150%;
  background: #333;
}
.proListclass1 b {
  display: inline-block;
  width: 15%;
  background: url(../img/proIco1.png) no-repeat center;
  overflow: hidden;
  cursor: pointer;
  padding: .1rem 0;
  vertical-align: bottom;
  transition: all .4s;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  position: relative;
  z-index: 2;
}
.proListclass1 i {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: .03rem;
  background: #fff;
  z-index: 3
}
.proListclass1 b.active {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.proListclass2:hover {
  color: #fff !important;
}
.bdsharebuttonbox {
  zoom: 1;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 10px;
}
.button_text_container {
  position: absolute;
  top: 0;
  left: 0;
}
.detailsR {
  width: 35%;
  margin-top: .04rem;
}
.productsCC {
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  padding-left: -15px;
  padding-right: -15px;
}
.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;
}
#qrcode {
  margin-top: 10px;
  position: absolute;
  right: 8px;
  top: .3rem;
}
.newsdetails #qrcode {
  position: absolute;
  right: -50px;
  top: 40px;
  z-index: 3
}
#qrcode img {
  width: 200px;
  height: 200px;
  border: 8px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  position: relative;
  z-index: 9999999;
}
.map-marker dt {
  float: left;
}
.map-marker dd {
  height: 100px;
  overflow: hidden;
  margin-left: 110px;
}
.map-marker h4 {
  height: 30px;
  font-size: 18px;
  padding-bottom: 0;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0;
  margin-top: 0;
  line-height: 30px;
}
.map-marker {
  height: 100px;
}
.map-marker dd span {
  font-size: 18px;
}
.map-marker p {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.bdshare-button-style1-16 span {
  float: left;
  margin-top: .02rem;
  color: #666;
}
.addLine {
  display: block;
  font-size: .15rem;
  padding-bottom: .2rem;
  background: url(../img/aboutIdd.png) no-repeat center bottom;
  margin-bottom: .2rem;
}
.contactMap {
  background: url(../img/aboutBottomHover.jpg) no-repeat center bottom;
  overflow: hidden;
  padding-bottom: .10rem;
  margin-bottom: -10px;
}
.productRtopl {
  padding: 0;
}
.productRtopr {
  padding: 0;
  border: 1px solid #ededed;
  border-left: 0;
  padding: 0 3% .1rem;
  height: 417px;
}
.pc-slide .view {
  height: 417px;
}
.relevant {
  overflow: hidden;
  max-height: 0.66rem;
  margin-bottom: 0.2rem;
}
.caseRe img {
  display: inline-block;
}
.caseREimg {
  width: .32rem;
  height: .25rem;
  overflow: hidden;
  display: inline-block;
  float: none;
  margin-top: 6px;
  vertical-align: sub;
}
.caseContainer {
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #666;
}
.caseContainer p, .caseContainer span, .productsText p, .productsText span {
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.productsCC img {
  display: inline-block;
}
.proListclass1:before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  -webkit-transition: .5s;
  z-index: 1;
}
.dd:before {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  -webkit-transition: .5s;
  z-index: 1;
}
.sidepromenu:hover .proListclass1:before {
  top: 0;
}
.JourTop {
  margin-top: 0.36rem;
}
.JourTopLineL {
  height: 0.1rem;
  border: 1px solid #dadada;
  border-left: 0;
  border-right: 0;
  margin-top: 0.07rem;
  float: left;
  width: 40%;
}
.JourTopLineR {
  height: 0.1rem;
  border: 1px solid #dadada;
  border-left: 0;
  border-right: 0;
  margin-top: 0.07rem;
  float: left;
  width: 40%;
}
.JourTopLineText {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  float: left;
  width: 20%;
}
.JourTopLineText span {
  font-size: 0.18rem;
  color: #797979;
  letter-spacing: 2px;
}
.JourTopLineText h4 {
  font-size: 0.26rem;
  font-weight: bold;
  margin-top: 0.04rem;
}
.JourTopLineText a {
  width: 0.38rem;
  height: 0.17rem;
  display: block;
  margin: 0.12rem auto 0;
}
.JourTopLineText a img {
  display: block;
}
.JourTopCenter ul li {
  height: 1.1rem;
  width: 100%;
  border-bottom: 1px solid #dadada;
}
.JourTopCenterL {
  margin-top: 0.05rem;
}
.JourTopCenterLimg {
  padding-left: 0;
  margin: 0;
  padding-right: 0;
  width: 48.66%;
}
.JourTopCenterLimg a {
  display: block;
  height: 1rem;
  width: 100%;
}
.JourTopCenter {
  margin-top: 0.26rem;
}
.JourTopCenterLimg a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.JourTopCenterLTime {
  border-right: 1px solid #dadada;
  height: 0.9rem;
  margin-top: 0.05rem;
}
.JourTopCenterLTime h4 {
  font-size: 0.4rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #d6d6d6;
  margin-top: 0.1rem;
  line-height: 0.4rem;
}
.JourTopCenterLTime span {
  text-align: center;
  display: block;
  color: #d6d6d6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.22rem;
}
.JourTopCenterR {
  margin-top: 0.05rem;
}
.JourTopCenterRL {
  padding-left: 6px;
  width: 89%;
  float: left;
}
.JourTopCenterRL a {
  display: block;
  font-size: 0.16rem;
  color: #363636;
  padding-top: 0.18rem;
  line-height: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JourTopCenterRL P {
  font-size: 0.14rem;
  line-height: 0.22rem;
  height: 0.44rem;
  margin-top: 0.12rem;
  color: #c2c2c2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.JourTopCenterRR {
  float: right;
  width: 10%;
  height: 100px;
  background: url(../img/JourTopCenterMore.png) no-repeat 70% center;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourTopCenter ul li {
  -webkit-transition: .5s;
  transition: .5s;
  height: 1.1rem;
}
.JourTopCenter ul li:hover {
  background-color: #fff;
  height: 1.1rem;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
}
.JourTopCenter ul li.JourTopCenterActive {
  background-color: #fff;
  height: 1.1rem;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
}
.JourTopCenter ul li:nth-child(1) {
  border-top: 1px solid #dadada;
}
.JourTopCenter ul li:hover .JourTopCenterRR {
  background: url(../img/JourTopCenterMore.png) no-repeat 85% center;
}
.JourCenter {
  margin-top: 0.5rem;
}
.JourCenterTitle h3 {
  float: left;
  padding-left: 0.4rem;
  font-size: 0.26rem;
  color: #363636;
  font-weight: bold;
  position: relative;
}
.JourCenterTitle {
  display: block;
  padding-bottom: 0.1rem;
  border-bottom: 4px solid #b1b1b1;
  line-height: 36px;
}
.JourCenterTitle h3::before {
  content: "";
  width: 0.04rem;
  height: 0.35rem;
  background: #0f4c81;
  position: absolute;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  left: 0.08rem;
}
.JourCenterTitle h3::after {
  content: "";
  width: 0.04rem;
  height: 0.35rem;
  background: #0f4c81;
  position: absolute;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  left: 0.2rem;
  opacity: 0.2;
}
.JourCenterTitle a {
  float: right;
  margin-top: 0.1rem;
}
.JourCenterN a.JourCenterNImg {
  display: block;
  position: relative;
  display: block;
  background: #f1f1f1;
  height: 1.55rem;
}
.JourCenterN a.JourCenterNImg img {
  width: 100%;
  height: 100%;
}
.JourCenterN h4 a {
  font-size: 15px;
  font-weight: bold;
}
.JourCenterText {
  padding: 0.1rem 0.15rem;
}
.JourCenterNCenter {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: #f6f6f6;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourCenterText h4 {
  width: 100%;
}
.JourCenterText h4 a {
  display: block;
  width: 100%;
  line-height: 0.22rem;
  height: 0.44rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #373636;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourCenterText p {
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #929292;
  padding: 0.06rem 0;
}
.JourCenterTimeBox i {
  padding-left: 0.16rem;
  background: url(../img/JourCenterTime.png) no-repeat center left;
  font-size: 0.12rem;
  color: #c0c0c0;
  float: left;
}
.JourCenterTimeBox a {
  padding-left: 0.16rem;
  background: url(../img/JourCenterMore.png) no-repeat center left;
  font-size: 0.12rem;
  color: #c0c0c0;
  float: right;
}
.JourCenterTimeBox {
  padding: 0.rem 0;
}
.JourCenterN ul li {
  margin-top: 0.2rem;
}
.JourCenterN ul li .JourCenterNCenter:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, .2);
  background-color: #f6f6f6;
}
.JourCenterN ul li .JourCenterNCenter:hover .JourCenterText h4 a {
  color: #0f4c81;
}
.JourCenterL {
  width: 65%;
  float: left;
}
.JourCenterR {
  width: 31%;
  float: right;
}
/* curHover */
/* curEnd */
.JourCenterR ul li {
  width: 100%;
  padding-left: 5%;
  border-left: 2px solid #e4e4e4;
  margin-left: 2%;
  position: relative;
  padding-right: 0.07rem;
  padding-bottom: 0.3rem;
}
.JourCenterR ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: 0%;
  border-left: 2px solid #0f4c81;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourCenterR ul li:hover::after {
  width: 2px;
  height: 100%;
}
.JourCenterR ul li:hover span a {
  color: #0f4c81;
}
.JourCenterRCenter {
  position: relative;
}
#lanPos {
  width: 100%;
  padding-left: 5%;
  border-left: 2px solid #0f4c81;
  margin-left: 2%;
  position: absolute;
  padding-right: 0.07rem;
  padding-top: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourCenterR ul li span i {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  border: 1px solid #0f4c81;
  margin: 0 auto;
  left: -0.08rem;
  top: 0rem;
  position: absolute;
}
.JourCenterR ul li span i::before {
  width: 0.08rem;
  display: block;
  height: 0.08rem;
  border-radius: 50%;
  border: 1px solid #0f4c81;
  position: absolute;
  content: "";
  left: 0.02rem;
  top: 0.02rem;
}
.JourCenterR ul li:nth-child(1) span i {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  border: 1px solid #0f4c81;
  margin: 0 auto;
  left: -0.08rem;
  top: 0.1rem;
  position: absolute;
}
.JourCenterR ul li:nth-child(1) span i::before {
  width: 0.08rem;
  display: block;
  height: 0.08rem;
  border-radius: 50%;
  border: 1px solid #0f4c81;
  position: absolute;
  content: "";
  left: 0.02rem;
  top: 0.02rem;
}
.JourCenterR ul li:nth-child(4) {
  padding-bottom: 0;
}
.JourCenterR ul li span a {
  font-size: 0.15rem;
  display: block;
  line-height: 0.15rem;
  height: 0.15rem;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JourCenterR ul li p {
  padding: 0.08rem 0.22rem;
  background: #fcfcfc;
  font-size: 0.13rem;
  color: #9e9e9e;
  line-height: 0.22rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.15rem;
  border-radius: 6px;
}
.JourCenterR ul li p i {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 0.22rem;
  height: 0.44rem;
  display: -webkit-box;
}
.JourCenterR ul li b {
  padding-left: 0.16rem;
  background: url(../img/JourCenterTime.png) no-repeat 0 0.04rem;
  font-size: 0.12rem;
  margin: 0.09rem 0 0;
  display: block;
  font-weight: normal;
  color: #c0c0c0;
}
.JourCenterR ul {
  margin-top: 0.2rem;
  width: 100%;
}
.JourCenterR ul li:nth-child(1) {
  padding-bottom: 0.21rem;
  padding-top: 10px;
}
.JourBottom {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.JourBottomCenterBox {
  margin-top: 0.26rem;
  padding: 0 15px;
}
.JourBottomCenterBox ul li {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  margin: 0.2rem 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.JourBottomCenterBox ul li:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}
.JourBottomCenterBoxTitle i {
  font-size: .13rem;
  background: #333;
  float: left;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: .25rem;
}
.JourBottomCenterBoxTitle a {
  width: 82%;
  float: right;
  margin: 0 .1rem;
  background: #fcfcfc;
  padding: .05rem .1rem;
  font-size: .15rem;
  border-radius: 5px;
  position: relative;
}
.JourBottomCenterBoxTitle a b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  display: block;
}
.JourBottomCenterBoxTitle a::after {
  content: "";
  border-left: 13px solid transparent;
  width: 2px;
  height: 0;
  border-top: 13px solid #fcfcfc;
  left: -1%;
  position: absolute;
  top: 3px;
  transform: rotate(-133deg);
}
.JourBottomCenterBoxText {
  margin-top: 0.15rem;
}
.JourBottomCenterBoxText i {
  font-size: .13rem;
  background: #0f4c81;
  float: left;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: .25rem;
}
.JourBottomCenterBoxText p {
  margin: 0 .1rem;
  float: right;
  width: 84%;
  font-weight: normal;
  background: #fcfcfc;
  font-size: 0.14rem;
  padding: .03rem .1rem;
  color: #999;
  position: relative;
  padding-bottom: .08rem;
  border-radius: 5px;
}
.JourBottomCenterBoxText p b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2;
  font-weight: normal;
}
.JourBottomCenterBoxText p::after {
  content: "";
  border-left: 13px solid transparent;
  width: 2px;
  height: 0;
  border-top: 13px solid #fcfcfc;
  left: -1%;
  position: absolute;
  top: 3px;
  transform: rotate(-133deg);
}
.JourBottomCenterBox ul li:hover .JourBottomCenterBoxTitle i {
  animation: tan linear 2s infinite alternate;
}
@media (max-width:1300px) {
  .caseMenu {
    width: 100%;
    height: auto;
    background: none;
    padding-bottom: .1rem;
  }
  .caseMenuTop {
    display: none;
  }
  .caseMenuBottom {
    padding-top: 0rem;
  }
  .caseMenuBottom .caseTitleL {
    padding-top: .12rem;
    padding-bottom: .12rem;
    text-align: center;
    font-size: .2rem;
    background: #f4f5f8;
  }
  .caseMenuBottom .caseTitleL i {
    padding-right: .05rem;
  }
  .caseMenuBottom .caseTitleR ul {
    padding-top: .3rem;
  }
  .caseMenuBottom .caseTitleR ul li {
    margin-top: .1rem;
    padding: .04rem .08rem;
  }
  .caseTab ul li span {
    width: 1.6rem;
    font-size: .15rem;
  }
  .proListTop img {
    display: none;
  }
  .proList {
    padding-top: .2rem;
  }
  .prouctsTitle h3 {
    color: #333;
  }
  .prouctsTitle p {
    color: #666;
  }
  .proList_classify ul li p {
    display: none;
  }
  .proHot, .newsHot {
    display: none;
  }
  .proListRtop {
    display: none;
  }
  .proListRsort {
    display: none;
  }
  .productsBorer {
    padding: .05rem;
  }
  .proListCenter ul {
    margin-right: -15px;
    margin-left: -15px;
  }
  .proListclass1 {
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
  }
  .proListclass1 b {
    display: none;
  }
  .proListclass1 a {
    color: #333;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: normal;
  }
  .proListclass2:hover {
    color: #333;
  }
  .proList_classify ul li i {
    display: none;
  }
  .proListclass1 span {
    width: 100%;
    font-size: 1.4rem;
    font-weight: normal;
    color: #333;
  }
  .proListCenter ul li:hover .productsBorer {
    border: 1px solid #dededd;
  }
  .proListCenter ul li:hover .caseListhide {
    top: -100%;
  }
  .proListCenter li {
    margin-top: .1rem;
    margin-bottom: .1rem;
  }
  .proListCenter ul li:hover a.proListTitle {
    color: #333;
    border-bottom: 1px solid #dededd;
  }
  .proListCenter ul li:hover a.proMore {
    color: #999;
  }
  .proListclass1 a {
    color: #fff;
  }
}
@media (max-width:992px) {
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.6666666%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666666%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.666666666;
  }
  .col-md-12 {
    width: 100%;
  }
  .caseMenuTop {
    display: none;
  }
  .caseMenuBottom .caseTitleR ul {
    padding-top: .1rem;
  }
  .caseMenuBottom .caseTitleR ul li {
    padding-right: .05rem;
  }
  .caseTab ul li b {
    display: none;
  }
  .caseRel i {
    display: block;
    text-align: center;
    font-size: .2rem;
  }
  .proListclass1 a {
    color: #fff;
  }
}
@media (max-width:768px) {
  .proListclass1 a {
    color: #fff;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.6666666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.666666666;
  }
  .col-sm-12 {
    width: 100%;
  }
  .caseMenuBottom .caseTitleR ul {
    padding-top: .1rem;
  }
  .caseMenuBottom .caseTitleR ul li {
    padding: .05rem 0.2rem;
  }
  .caseRer {
    display: none;
  }
  .caseList {
    padding-top: .2rem;
  }
  .caseTitleR ul li:hover {
    box-shadow: 0 0 0;
  }
  .caseList li:hover .caseText {
    background: #fff;
  }
  .caseList li .caseListTitle {
    font-size: .14rem;
    font-weight: normal;
  }
  .caseList li:hover .caseListTitle {
    font-weight: bold;
    font-weight: normal;
  }
  .caseList li {
    margin-bottom: .2rem;
  }
  .caseList li:hover .caseListTitle {
    color: #333;
  }
  .caseList li p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: .6rem;
    font-size: .15rem;
    padding: 0 .05rem;
  }
  .caseText {
    padding-top: 0;
    padding-bottom: .05rem;
  }
  .caseList li .caseMore {
    display: none;
  }
  .caseLine {
    display: none;
  }
  .caseList li:hover p {
    color: #666;
  }
  .caseList li:hover .caseListhide {
    top: -102%;
  }
  .caseContainer {
    padding-bottom: .4rem;
  }
  .caseTab ul li img {
    display: none;
  }
  .caseTab ul li span {
    display: none;
  }
  .caseTab ul li i {
    display: block;
    margin: 0 auto;
  }
  .caseTab ul li i.caseCenterIco2 {
    display: block;
    float: right;
    padding: .25rem;
    background: url(../img/caseCenterIco2.png) no-repeat center;
  }
  .caseTab ul li {
    padding: 0 .2rem;
    background: #ededed;
  }
  .caseTab {
    margin-top: .2rem;
  }
  .caseCenter h3 {
    font-size: .24rem;
    line-height: .13rem;
  }
  .caseRecenter li .caseMore {
    display: none;
  }
  .caseRecenter li p {
    font-size: .14rem;
    line-height: .2rem;
    padding: 0 .1rem;
    line-height: .2rem;
    height: .8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #666;
  }
  .caseRecenter .caseText {
    background: #f2f2f2;
    padding-bottom: 1rem;
  }
  .caseRe i {
    display: block;
    text-align: center;
    font-size: .24rem;
  }
  .proListTop img {
    display: none;
  }
  .proList {
    padding-top: .2rem;
  }
  .prouctsTitle h3 {
    color: #333;
  }
  .prouctsTitle p {
    color: #666;
  }
  .proList_classify ul li p {
    display: none;
  }
  .proHot, .newsHot {
    display: none;
  }
  .proListRtop {
    display: none;
  }
  .proListRsort {
    display: none;
  }
  .productsBorer {
    padding: .05rem;
  }
  .proListCenter ul {
    margin-right: -15px;
    margin-left: -15px;
  }
  .proListclass1 {
    background: #f1f1f1;
  }
  .proList_classify ul li i {
    display: none;
  }
  .proListclass1 span {
    width: 100%;
    font-size: .14rem;
    font-weight: normal;
    color: #333;
  }
  .proListCenter ul li:hover .productsBorer {
    border: 1px solid #dededd;
  }
  .proListCenter ul li:hover .caseListhide {
    top: -100%;
  }
  .proListCenter li {
    margin-top: 0;
    margin-bottom: .1rem;
  }
  .proListCenter ul li:hover a.proListTitle {
    color: #333;
    border-bottom: 1px solid #dededd;
  }
  .proListCenter ul li:hover a.proMore {
    color: #999;
  }
  .pro_page {
    margin: 0;
    text-align: center;
  }
  .proList_sort ul li:hover .proHot_txt {
    color: #333;
  }
  .proList_classify {
    margin-left: 15px;
    margin-right: 15px;
  }
  .exzoom .exzoom_zoom_outer {
    display: none
  }
  .productRtopr h4 {
    display: none;
  }
  .productRtopr p {
    display: none;
  }
  .productRtopr h5 {
    display: none;
  }
  .relevant {
    display: none;
  }
  .relevantImg {
    display: none;
  }
  .details {
    display: none;
  }
  .detailsR {
    display: none;
  }
  .promessageBox input {
    margin-top: .1rem;
  }
  .textarea {
    min-height: .8rem;
  }
  .show {
    height: 1.4rem;
  }
  .show img {
    height: 1.4rem;
  }
  .smallshow > .middle_box {
    width: 78%;
  }
  .productRtopl {
    padding-left: -15px;
    padding-right: -15px;
  }
  .smallshow .middle > li {
    padding: 0 1%;
  }
  .bg_right {
    display: none;
  }
  .mask {
    display: none;
  }
  .smallshow .middle {
    overflow: hidden;
    transition: all 0.5s;
    height: .4rem;
  }
  .smallshow .middle > li {
    width: 21%;
  }
  .prolistImgd {
    padding: 0px;
    margin-bottom: .1rem;
  }
  .productsLil i {
    display: none;
  }
  .productsLil {
    margin-top: .1rem;
    margin-bottom: .1rem;
  }
  .productsLir i {
    margin-bottom: 0;
  }
  .productsLir {
    padding: 0;
  }
  .productss .proListRsort {
    border-bottom: 1px solid #dededd;
    box-shadow: 0 0 0;
    margin-bottom: 0rem;
  }
  .aboutTop {
    background: none;
  }
  .aboutL {
    padding-right: 0;
    padding-bottom: 0;
  }
  .aboutR h4 {
    font-size: .18rem;
  }
  .aboutR {
    padding-top: .1rem;
    color: #333;
  }
  .aboutR h4 {
    color: #333;
    text-align: center;
  }
  .aboutR span {
    display: block;
    color: #333;
    text-align: center;
    color: #999;
  }
  .aboutR p {
    color: #333;
    height: auto;
  }
  .aboutLine {
    margin: .4rem auto;
    background: #666;
  }
  .aboutTitle h3 {
    margin-top: .2rem;
    font-size: .2rem;
  }
  .aboutTitle span {
    padding-top: 0;
  }
  .honor ul li {
    margin-top: .1rem;
  }
  .contact ul li:hover .contactBottom {
    background: none;
  }
  .contact ul li:hover .contactTop {
    background: none;
  }
  .contact ul li:hover h4.contactmeg {
    background: url(../img/contactico1.png) no-repeat center .1rem;
  }
  .contact ul li:hover h4.contactNetwork {
    background: url(../img/contactico2.png) no-repeat center .1rem;
  }
  .contact ul li:hover h4.contactService {
    background: url(../img/contactico3.png) no-repeat center .1rem;
  }
  .contact ul li:hover .contactTop h4 {
    color: #333;
  }
  .contact ul li:hover .contactTop span {
    color: #666;
  }
  .contactBottom {
    padding: 0.1rem 0;
  }
  .contact ul li:first-child .contactBottom {
    padding: 0.1rem 0 .8rem;
  }
  .contact ul li {
    margin-top: .2rem;
  }
  .contactTop {
    padding: .1rem 0;
  }
  .contact {
    padding-bottom: .2rem;
  }
  .contactBox ul li {
    padding: 0 3%;
    margin: .2rem 0;
    height: auto;
  }
  .contactList ul li h4 {
    line-height: 2;
  }
  .contactBox {
    margin-top: 0;
  }
  .aboutTitle p {
    padding: .2rem 5%;
    text-align: left;
    text-indent: .2em;
  }
  .news_classify {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_classify ul li a {
    background: #f2f2f2;
  }
  .news_classify ul li b {
    display: none;
  }
  .news_classify ul li i {
    display: none;
  }
  .newsCenterTop {
    padding: .1rem;
    margin-top: .2rem;
    border-radius: .5px;
  }
  .newsCenterT, .newsCenterTopl, .newsCenterTopr {
    padding-left: 0;
    padding-right: 0;
  }
  .nwesCenterbText span {
    display: none;
  }
  .newsCenterbTextr {
    width: 100%;
    padding: 0 8% 1%;
  }
  .honorMore1 {
    margin-bottom: 0.2rem;
  }
  .bdshare-button-style1-16 {
    display: none;
  }
  .newsCenterb ul li {
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  }
  .news_classify ul li:hover span {
    color: #333;
    background: url(../img/newsIco1.png) no-repeat 90% center;
  }
  .newsCenterb ul li:hover a {
    color: #333;
  }
  .newsTop ul li:hover .newsTopcenter {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  }
  .newsTop ul li:hover .newsText {
    color: #333;
  }
  .newsTop ul li:hover .newsTopcenter span {
    color: #333;
    background: url(../img/newsListMore.png) no-repeat 96% center;
  }
  .newsTopcenter span {
    margin-top: .05rem;
    color: #999;
  }
  .newsTopcenter .newsText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .newsListRtop:hover .newsListRtopL {
    display: none;
    width: 0;
  }
  .newsListRtop:hover .newsListRtopR {
    width: 100%;
  }
  .newsQa {
    margin-top: .3rem;
  }
  .newsQa ul li a {
    width: 83%;
  }
  .newsQa ul li b {
    width: 83%;
  }
  .newsQa ul li:hover {
    color: #333;
  }
  .newsListRtop:hover {
    box-shadow: 0 0 0 rgb(255, 255, 255);
    border-bottom: 1px solid #f2f2f2;
  }
  .newsListLcenter:hover {
    box-shadow: 0 0 0 rgba(255, 255, 255, 1)
  }
  .newsListRtop:hover .newsListRtopR {
    padding: 0;
  }
  .newsListRtop:hover .newsListRtopR a {
    color: #333;
  }
  .productTopImg {
    padding: 0;
  }
  .pc-slide {
    margin: .2rem 0 0rem;
  }
  .driving-way .hd {
    display: none;
  }
  .driving-way .map-tab #result {
    top: 130%;
    width: 100%;
  }
  .content-show {
    overflow: hidden;
    padding-bottom: .4rem;
  }
  .wjdh-map #wmap {
    height: 5rem;
  }
  .caseRecommend {
    padding-bottom: .5rem;
  }
  .caseRecenter li:hover .caseListhide {
    display: none;
  }
  .caseRecenter li:hover .caseText {
    background: #f2f2f2;
  }
  .caseRecenter li:hover .caseListTitle {
    color: #333;
    font-weight: bold;
  }
  .caseRecenter li:hover p {
    color: #666;
  }
  .prolistImgd:hover .proMored {
    position: absolute;
    top: 84%;
    width: 100%;
    height: 0%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% .8rem;
    color: #fff;
    line-height: 1.4rem;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 3% 5%;
    text-align: left;
  }
  .aboutR p {
    height: auto
  }
  .aboutR p:hoveR {
    height: auto;
  }
  .newsdetails {
    margin-left: 0;
    margin-right: 0;
  }
  .productsCenter {
    padding-left: -15px;
    padding-right: -15px;
  }
  .productRtop .productRtopl {
    padding-left: -15px;
    padding-right: -15px;
  }
  .pro-textarea {
    text-indent: .25rem;
    line-height: 2.4;
  }
  .productsTTOP:hover .casemImg {
    display: none;
  }
  .caseTitleR ul li:hover a {
    color: #333;
  }
  .honor ul li:hover .honorImg span::before {
    opacity: 0;
  }
  .honor ul li:hover .honorMore {
    color: #333;
  }
  .contact ul li:hover .contactBottom::before, .contact ul li:hover .contactBottom::after {
    opacity: 0;
    content: "";
  }
  .contact ul li:hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .caseList li:hover .caseListhide {
    display: none;
  }
  .newsCenterb ul li:hover .newsCenterbImg::before, .newsCenterb ul li:hover .newsCenterbImg::after {
    opacity: 0;
    content: "";
  }
  .newsCenterb ul li .newsCenterbImg i {
    opacity: 0;
  }
  .newsCenterb ul li:hover .newsCenterbImg i {
    opacity: 0;
  }
  .newsTopcenter .newsText {
    height: .2em;
    display: block;
  }
  .proListCenter li .productsBorer:hover .border-left {
    opacity: 0;
  }
  .proListCenter li .productsBorer:hover .border-right {
    opacity: 0;
  }
  .proListCenter li .productsBorer:hover .border-top {
    opacity: 0;
  }
  .proListCenter li .productsBorer:hover .border-bottom {
    opacity: 0;
  }
  .productsBorer:hover i a::before, .productsBorer:hover i a::after {
    display: none;
  }
  .newsCenterTop:hover a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  .newsCenterTopr h4 a {
    font-size: .16rem;
  }
  .newsCenterTop:hover h4 a {
    color: #333;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .newsCenterb ul li:hover .newsCenterbTextr a {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .newsCenterb ul li .newsCenterbTextr {
    animation: newsd linear 3s infinite alternate;
  }
  .newsTop ul li:hover .newsImg::before {
    opacity: 0;
  }
  .prolistImgd:hover .proMored {
    height: 20%;
  }
  .productsCtl img {
    margin-left: .05rem;
  }
  .sidepromenu {
    padding-left: 2px;
    padding-right: 2px;
  }
  .JourTopLineL, .JourTopLineR {
    display: none;
  }
  .JourTopLineText {
    width: 100%;
  }
  .JourTopCenterL {
    display: none;
  }
  .JourCenterL {
    width: 100%;
  }
  .JourCenterR {
    width: 100%;
    margin-top: 0.5rem;
  }
  .JourTopLineText h4, .JourCenterTitle h3 {
    font-size: 0.2rem;
  }
  .JourBottom {
    margin-bottom: 0.5rem;
  }
  .JourCenterTitle h3::before, .JourCenterTitle h3::after {
    display: none;
  }
  .JourCenterTitle h3 {
    padding-left: 0;
  }
  .JourCenterTimeBox i {
    display: none;
  }
  .JourCenterText h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-weight: normal;
    height: 0.22rem;
  }
  .JourCenterText {
    padding: 0.1rem;
  }
  .JourCenterText p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: inherit;
    white-space: initial;
    height: 0.66rem;
    margin-bottom: 0.1rem;
  }
}
.caseMenu {
  width: 100%;
  height: 150px;
  background: url(../img/caseMenu.jpg) no-repeat center;
  color: #999;
}
.honorImg1 {
  display: block;
  position: relative;
  padding: 40%;
  background: #fff;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
}
.honorMore1 {
  text-align: center;
  display: block;
  padding-top: .08rem;
  line-height: 3;
  font-size: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.honorImg1 span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.productsText p span {
  font-size: .15rem;
}
.page-content span {
  font-size: .15rem;
}
.honorImg1 img {
  width: 100%;
  height: 100%;
  padding: 0%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  object-fit: contain;
}
.honorBox ul li:hover .honorImg1 span::before {
  width: 100%;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center center;
}
.honorImg1 span::before {
  content: "";
  box-sizing: border-box;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center -2rem;
  padding: 14px 18px;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.honorMore1 {
  text-align: center;
  display: block;
  padding-top: 0.08rem;
  line-height: 3;
  font-size: .15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  margin-bottom: 2rem;
}
.honorMore1::after, .honorMore1::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-top: 1px solid transparent;
  bottom: 0;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.honorBox ul li:hover .honorMore1::after, .honorBox ul li:hover .honorMore1::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-color: #ddd;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 90%;
}
.caseRecommend .caseRecommend {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.honorBox {
  overflow: hidden;
}
.honorBox ul {
  margin-top: .2rem;
}
.searchBoxTitle {
  font-weight: bold;
  margin-top: .4rem;
  font-size: .2rem;
  letter-spacing: .2px;
  margin-bottom: .4rem;
}
.searchProducts h5 {
  border: 1px solid #ccc;
  padding: .1rem;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: .2rem;
}
.searchImg a.searchImgCenter {
  display: block;
  position: relative;
  padding: 50%;
  border: 1px solid #ccc;
}
.searchImg a.searchImgCenter img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  padding: 10%;
}
a.searchText {
  text-align: center;
  display: block;
  margin-top: .1rem;
  font-size: .12rem;
  font-weight: bold;
  color: #666;
}
a.searchText {
  margin-bottom: .2rem;
}
.searchNews h5 {
  border: 1px solid #ccc;
  padding: .1rem;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: .2rem;
}
.searchNews ul li a {
  color: #333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .05rem 0;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: .15rem;
  font-weight: bold;
}
.searchNews ul li a:hover {
  color: #12a7eb;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.siteMapBox {
  overflow: hidden;
  border: 1px solid #ccc;
  margin-top: .3rem;
  padding-bottom: .3rem;
  margin-bottom: 0.3rem;
}
.text-right1 {
  float: right;
  padding: .05rem;
  background: #F8F8F8;
  color: #666;
  border: 1px solid #E0E0E0;
  z-index: 2;
}
.text-right1 a {
  color: #666;
  display: inline-block;
  padding: 0 5px;
}
.text-right1 a:hover {
  color: #333;
}
.siteMapBox ul li {
  padding: 0rem .2rem;
  line-height: .2rem;
  overflow: hidden;
}
.siteMapBox ul li a.siteTitle {
  font-weight: bold;
  display: block;
  line-height: .4rem;
  font-size: .16rem;
}
.siteMapBox ul li .siteMapMt {
  overflow: hidden;
  border: 1px solid #ccc;
  padding: .05rem;
}
.siteMapBox ul li .siteMapMt a.siteMore {
  padding: 0 20px;
}
.siteMapBox {
  position: relative;
}
.text-right1 {
  position: absolute;
  right: 0;
}
.siteMapBox ul li a.siteMore:hover {
  color: #333;
}
.siteMapBox ul li .siteMapMt b {
  display: block;
  width: 100%;
}
.searchMore {
  display: block;
}
.siteMore {
  display: block;
}
.siteMore i {
  display: block;
}
.siteMdd {
  display: block;
}
.siteMapMt span {
  display: block;
  text-align: center;
}
.siteMapMt p {
  float: left;
  margin-bottom: 0;
}
.webqq_left span {
  font-size: 18px;
}
.pro_addPageTitle {
  width: 100%;
  height: 0.7rem;
  background: #333;
  border-radius: 10px 10px 0 0;
  position: relative;
  padding: 0 20px;
}
.pro_addPageTitle h4 {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 0.24rem;
  z-index: 2;
  background: #333;
  margin-top: 0.22rem;
}
.pro_addPageTitle p {
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 0.7rem;
  color: #fff;
  opacity: 0.2;
  z-index: 2;
  text-transform: uppercase;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.4rem;
  letter-spacing: -5px;
}
.pro_addPageTitle img {
  width: 0.3rem;
  height: 0.3rem;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.pro_addPagenr {
  border: 1px solid #eaeaea;
  border-top: 0;
  padding: 0 0.2rem 0.2rem;
}
.pro_addPagenr h5 {
  width: 100%;
  height: 0.5rem;
  display: block;
  background: #eaeaea;
}
.pro_addPagenr ul li h5 a {
  width: 80%;
  padding: 0 10px;
  display: block;
  padding-right: 0%;
  font-size: 0.18rem;
  line-height: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.pro_addPagenr ul li h5 b {
  width: 20%;
  background: url(../img/pro_addPagenrIco.png) no-repeat center;
  float: left;
  height: 0.5rem;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer;
}
.pro_addPagenr ul li h5 b.on {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pro_addPagenr ul li:hover h5 {
  background: #333;
  -webkit-transition: .5s;
  transition: .5s;
}
.pro_addPagenr ul li:hover h5 a {
  color: #fff;
  -webkit-transition: .5s;
  transition: .5s;
}
.pro_addPagenr ol li {
  border: 1px solid #ededed;
  border-top: 0;
  padding: 0 10px;
  line-height: 50px;
}
.pro_addPagenr ul > li {
  padding-top: 0.2rem;
}
.pro_addPagenr ol li {
  margin-top: 0;
}
.pro_addPagenr ol li a {
  width: 100%;
  padding: 0;
  display: block;
  padding-right: 20%;
  font-size: 0.14rem;
  line-height: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../img/pro_addPagenrIco.png) no-repeat 95% center;
  -webkit-transition: .5s;
  transition: .5s;
  color: #666;
}
.pro_addPagenr ol li:hover a {
  color: #333;
  -webkit-transform: translateX(5px);
}
.pro_addNewsTitle {
  height: 0.46rem;
  width: 100%;
  background: #333333;
  padding: 0 20px;
  margin-top: 0.2rem;
}
.pro_addNewsTitle img {
  width: 0.21rem;
  height: 0.23rem;
  vertical-align: sub;
}
.pro_addNewsTitle i {
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.46rem;
  padding-left: 0.1rem;
}
.pro_addNewsBox {
  width: 100%;
  padding: 0 0.2rem;
  border: 1px solid #ededed;
  border-top: 0;
}
.pro_addNewsImg {
  display: block;
  position: relative;
  padding: 32.6%;
  border: 4px solid #f0f0f0;
  margin: 0.1rem 0 0;
}
.pro_addNewsImg img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pro_addNewsText {
  height: 0.38rem;
  border-bottom: 1px solid #ededed;
  display: block;
  text-align: center;
  line-height: 0.38rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}
.pro_addNewsCenter {
  height: 30px;
  margin-top: 10px;
}
.pro_addNewsCenter .pro_addNewsBoxL {
  width: 50%;
  position: relative;
  float: left;
  height: 18px;
}
.pro_addNewsCenter .pro_addNewsBoxL img {
  display: block;
  margin: 2px 4px;
}
.pro_addNewsCenter .pro_addNewsBoxL i {
  position: absolute;
  right: 10px;
  width: 0.18rem;
  height: 0.18rem;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #ededed;
}
.pro_addNewsCenter .pro_addNewsBoxR i {
  position: absolute;
  left: 10px;
  width: 0.18rem;
  height: 0.18rem;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #ededed;
}
.pro_addNewsCenter .pro_addNewsBoxR {
  width: 50%;
  position: relative;
  float: left;
  height: 30px;
}
.pro_addNewsCenter .pro_addNewsBoxR img {
  display: block;
  margin: 2px 4px;
}
.pro_addNewsCenter .pro_addNewsBoxR:hover i, .pro_addNewsCenter .pro_addNewsBoxL:hover i {
  background: #333;
}
.pro_addNewsTitle1 img {
  height: 0.19rem;
  width: 0.17rem;
}
.pro_addNewsBoxList ul li {
  border: 1px solid #ededed;
  border-top: 0;
  padding: 0 0.2rem;
  line-height: 0.4rem;
}
.pro_addNewsBoxList ul li a {
  padding-left: 0.2rem;
  line-height: 0.4rem;
  display: block;
  background: url(../img/pro_addNewsBoxListIco.png) no-repeat center left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
  color: #666;
}
.pro_addNewsBoxList ul li a:hover {
  color: #333;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.proListR ul li .proListCenterBpx {
  border: 1px solid #ededed;
  padding: 5px 5px 0;
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  border-radius: 5px;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
  margin: 0 -6px 20px;
  background: #f7f7f7;
}
.proListR ul li .proListCenterBpx:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.proListR ul li .proListCenterBpx:hover .proListCenterTextL a {
  font-weight: 600;
  color: #333;
}
.proListR ul li .proListCenterBpx:hover .proListCenterTextR {
  background: #333;
}
.proListCenterTextL {
  width: 80%;
  float: left;
  display: block;
  background: #f9f9f9;
  padding-left: 0.2rem;
}
.proListCenterTextR {
  width: 20%;
  float: left;
  background: #e9e9e9;
  -webkit-transition: .5s;
  transition: .5s;
}
.proListCenterP {
  width: 105%;
  height: 5px;
  background-color: #fff;
  clear: both;
  margin: 0 -5px;
}
.proListCenter1d {
  position: relative;
  display: block;
  border: 1px solid #f1f1f1;
  border-bottom: 0;
  padding: 30%;
}
.proListR ul li .proListCenterBpx:hover {
  border-color: #333;
  background: #fff;
}
.proListCenter1d img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.proListCenterTextL {
  height: 66px;
  overflow: hidden;
}
.proListCenterTextR {
  height: 66px;
}
.proListCenterTextR img {
  display: block;
  margin: 0.18rem auto;
}
.proListCenterText2 {
  font-size: 0.18rem;
  line-height: 2;
  font-weight: 500;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.proListCenterTextL p {
  font-size: 0.14rem;
  color: #999;
  padding-right: 0.1rem;
  margin-bottom: 0.09rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:768px) {
  .caseTitleR {
    margin-bottom: .2rem;
    overflow: hidden;
  }
  .caseMenuBottom .caseTitleR ul {
    padding-top: 0;
  }
  .caseMenu {
    background: none;
  }
  .caseMenu {
    height: auto;
  }
  .honorImg1 span {
    display: none;
  }
  .honorBox ul li:hover .honorMore1::after, .honorBox ul li:hover .honorMore1::before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: transparent;
    -webkit-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 90%;
    content: "";
  }
  .caseRecommend {
    padding-bottom: 0;
  }
  .caseTitleR ul li .ctc {
    display: none;
  }
  .caseTab ul li {
    padding: .2rem .2rem;
  }
  .caseTab ul li:last-child a {
    background: none;
  }
  .caseTab ul li a {
    background: none;
  }
  .caseTab ul li:hover {
    background: none;
  }
  .caseTab ul li:last-child:hover a {
    background: none;
  }
  .caseTab ul li:hover a {
    background: none;
  }
  .scan, .bdsharebuttonbox {
    display: none;
  }
  .proListCenter i a::after, .productsBorer i::after {
    display: none;
  }
  .border-left, .border-right, .border-top, .border-bottom, .border-proleft, .border-proright, .border-protop, .border-probottom {
    display: none;
  }
  .proListCenter ul li:hover a.proListTitle {
    color: #333 !important;
  }
  .pagination a, .pagination span {
    padding: 4px 7px;
    margin: 0 .05rem;
  }
  .proListclass2:hover {
    color: #fff;
  }
  .proMored {
    background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% 1rem;
  }
  .webqqs {
    display: none;
  }
  .caseRecenter .caseText {
    padding: 0;
  }
  .caseLdd .button_text_container {
    display: none;
  }
  .proList b {
    display: none !important;
  }
  .proListclass1 {
    overflow: hidden;
  }
  .aboutTop img {
    max-width: 100%;
    height: auto;
  }
  .contact ul li:hover .contactTop {
    background: #fff !important;
  }
  .contact ul li:hover .contactBottom::before, .contact ul li .contactBottom::before {
    display: none;
  }
  .row1 {
    margin: 0 -15px;
  }
  .proListCenter li {
    margin-top: .2rem;
    padding: 0 15px;
  }
  .productRtopr {
    height: auto;
  }
  .productsCenter img {
    max-width: 100%;
    height: auto;
  }
  .proListCenter {
    margin: 0 -15px;
  }
  .proListCenter li {
    padding: 0 15px;
  }
  .proList_classify {
    margin: 0 0px;
  }
  .proListL {
    margin-left: 0;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .proListclass1 i {
    display: none;
  }
  .proList_classify {
    margin-left: 15px;
    margin-right: 15px;
  }
  .proListCenter {
    margin: 0 15px;
  }
  .prolistImgd:hover .proMored {
    position: absolute;
    top: 83.5%;
    display: block;
    border-radius: 0 0 .03rem .03rem;
    left: 0;
    width: 96%;
    background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% .08rem;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0% 5%;
    font-size: .14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20%;
    left: 2%;
    line-height: 1.8;
    height: .24rem;
  }
  .pc-slide .view {
    height: 217px;
  }
  .productRtopr, .productsMore {
    display: none;
  }
  .caseList li:hover .caseListTitle {
    color: #333 !important;
  }
  .caseList li p {
    display: none;
  }
  .caseMenu {}
  .caseMenuBottom {
    padding-top: 0;
  }
  .caseList {
    padding-top: .4rem;
  }
  .caseLdd:hover {
    box-shadow: 0 0 0;
  }
  .caseList li .caseListTitle {
    padding: 0.05rem 0;
  }
  .caseList li:hover .caseText {
    border-bottom: 1px solid #f2f2f2;
  }
  .caseContainer {
    padding: 0 15px;
  }
  .caseREimg img {
    display: none;
  }
  .caseRecenter li:hover .caseListTitle {
    font-weight: normal;
  }
  .caseTab {
    padding: 0 15px;
  }
  .newsTop li {
    padding: 0;
  }
  .newsTop ul li:hover .newsTopcenter {
    border-top: 1px solid #f2f2f2;
    background: #fff !important;
  }
  .newsListLcenter {
    box-shadow: 0 0 0;
  }
  .newsListR {
    margin-top: 0.2rem;
  }
  .honorMore1 {
    margin-bottom: 0.2rem;
  }
  .caseRe i {
    text-align: center;
    display: block;
  }
  .wjdh-map {
    position: relative;
    width: 100%;
    height: 500px;
  }
  .wjdh-map #r-result {
    width: 100%;
    height: 5rem;
  }
  .content-show {
    padding: 0;
  }
  .map-tab {
    display: none;
  }
  #wmap {
    height: 5rem;
  }
  #r-result {
    display: none;
  }
  .map-marker h4 {
    font-size: 0.16rem;
  }
  .map-marker dd span, .map-marker p {
    font-size: .14rem;
  }
  .newsListLImg::after {
    display: none;
  }
  .newsListLcenter:hover .newsListLtext a, .newsListRtop:hover span, .newsListRtop:hover b, .newsListRtop:hover .newsListRtopR a {
    color: #333 !important;
  }
}
.h1, h1 {
  font-size: 100%;
  box-sizing: content-box;
}
.page-content p {
  margin-bottom: 10px;
}
.caseContainer p {
  margin-bottom: 10px;
}
@keyframes newsAiMore {
  0% {
    background: url(../../../404.html) no-repeat 100% center;
  }
  20% {
    background: url(../../../404.html) no-repeat 95% center;
  }
  40% {
    background: url(../../../404.html) no-repeat 100% center;
  }
  60% {
    background: url(../../../404.html) no-repeat 95% center;
  }
  80% {
    background: url(../../../404.html) no-repeat 100% center;
  }
  100% {
    background: url(../../../404.html) no-repeat 95% center;
  }
}
.newsAi ul li .newsAicenter {
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
  padding: 15px 30px;
  margin-top: 0.3rem;
}
.newsAi ul li .newsAicenter span {
  font-size: 0.2rem;
  color: #999;
  display: block;
}
.newsAi ul li .newsAicenter span i {
  font-size: 0.14rem;
  padding-left: 0.05rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.newsAiTitle {
  display: block;
  line-height: 3;
  font-size: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsAicenter p {
  font-size: 0.14rem;
  color: #666;
  line-height: 2;
  height: 0.56rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.newsAiMore {
  display: block;
  border-top: 1px solid #f5f5f5;
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #b2b2b2;
  line-height: 3;
  background: url(../404.html) no-repeat 100% center;
  animation: newsAiMore linear 4s infinite alternate;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsAi ul li:hover a.newsAiTitle {
  color: #333;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.newsAiMore:hover {
  color: #333;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.nwesCenterbText1 {
  overflow-y: hidden;
}
.nwesCenterbText1 span {
  display: block;
  margin: 0.2rem 0.1rem;
  border: 1px solid #dededd;
  font-size: .25rem;
  line-height: 1;
  padding: .1rem .12rem;
  color: #999;
  float: left;
  line-height: 1.5;
  padding: 0.15rem 0.2rem;
}
.nwesCenterbText1 span i {
  font-size: .15rem;
  display: block;
  padding-top: .04rem;
  padding-bottom: 0rem;
}
.newsCenterbTextr1 {
  padding: 0 0 0 2%;
  width: 85%;
  float: left;
  background: url(../404.html) no-repeat 117% 100% 54%;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
  margin-top: 0.16rem;
  overflow: hidden;
  height: 1rem;
}
.newsCenterbTextr1 a.newsAiText {
  display: block;
  font-size: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  line-height: 2;
  overflow-y: hidden;
  position: relative;
}
.newsAiMore1 {
  position: absolute;
  right: -10%;
  top: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsCenterbTextr1 p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2;
  margin: 0;
  font-size: .14rem;
  width: 100%;
  color: #808080;
  -webkit-transition: .5s;
  transition: .5s;
  margin-top: 0.1rem;
}
.proListR1 .newsCenterb ul li {
  margin-top: 0;
  margin-bottom: 0rem;
}
.proListR1 .newsCenterb ul li .newsCenter {
  padding: 20px 30px;
}
.newsCenterb ul li:hover .newsAiMore1 {
  right: 0%;
}
.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText, .newsCenterb ul li:hover .newsCenterbTextr1 p {
  width: 100%;
}
.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {
  color: #333;
}
.proListR1 .newsCenter {
  border-bottom: 1px solid #f2f2f2;
}
.honorBox .honorMore1 {
  margin-bottom: 0.2rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.honorMore1:hover {
  color: #000;
}
.productCenterShow .ShowProductTitle {
  background: #333 url(../img/ShowProductTitle.png) no-repeat top;
  padding: 0 20px;
  border-radius: 10px 10px 0 0;
  height: 1.04rem;
}
.productCenterShow .ShowProductTitleYY {
  display: block;
  width: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
  height: 1px;
}
.productCenterShow .ShowProductTitle h4 {
  font-size: 0.22rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 0.24rem 0.22rem 0;
}
.productCenterShow .ShowProductTitle p {
  font-size: 0.16rem;
  color: #fff;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
}
.productCenterShow .ShowProductTitle p::after, .productCenterShow .ShowProductTitle p::before {
  content: "-";
  padding: 0 5px;
}
.productCenterShow .ShowProductTitle img {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.1rem;
}
.ShowProductCenter {
  background-color: #f9f9f9;
  margin-top: 10px;
}
.ShowProductCenter ul li h6 {
  background-color: #333;
  padding: 10px 15px;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
.ShowProductCenter ul li h6 a {
  color: #fff;
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 0.21rem;
  display: block;
  width: 90%;
  float: left;
}
.ShowProductCenter ul li h6 i {
  width: 0.21rem;
  margin-right: 10px;
}
.ShowProductCenter ul li h6 i img {
  width: 0.21rem;
  vertical-align: bottom;
}
.ShowProductCenter ul li h6 b {
  width: 10%;
  background: url(../img/ShowProductPevr.png) no-repeat center right;
  height: 0.21rem;
  display: block;
  float: left;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductCenter ul li h6 b.on {
  background: url(../img/ShowProductPevr.png) no-repeat center center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ShowProductCenter ul li ol {
  padding: 0.1rem 0.1rem 0.1rem;
  overflow: hidden;
}
.ShowProductCenter ul li {
  margin-bottom: 0.1rem;
}
.ShowProductCenter ul li ol li {
  padding: 4px 10px;
  margin: 10px 0;
  position: relative;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .14);
  border-radius: 4px;
}
.ShowProductCenter ul li ol li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  background: url(../img/ShowProductOl.png) no-repeat 6px center;
  padding-left: 30px;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 0.15rem;
  color: #626161;
}
.ShowProductCenter ul li ol li i {
  width: 0%;
  height: 100%;
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductCenter ul li ol li:hover a {
  color: #fff;
  background: url(../img/ShowProductOl1.png) no-repeat 6px center;
}
.ShowProductCenter ul li ol li:hover i {
  width: 100%;
}
.HotproductShow, .HotproductShow1 {
  border-top: 3px solid #333;
}
.HotproductShow1 ul li i {
  float: left;
  position: relative;
}
.HotproductShow1 ul li span {
  float: left;
  font-size: 0.14rem;
}
.HotproductShow1 ul li a i::after {
  content: "";
  width: 0.1rem;
  height: 1px;
  display: inline-block;
  background: #ccc;
  vertical-align: middle;
  margin: 0 5px 0 12px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}
.HotproductShow1 ul li a:hover i::after {
  width: 0.2rem;
  margin: 0 5px 0 7px;
  background: #333;
}
.HotproductShow1 ul li {
  padding: 0 10px;
}
.ShowproductList .ShowProductListTitle {
  width: 100%;
  height: 60px;
  background: #f9f9f9;
}
.ShowProductTitleL {
  position: relative;
  overflow: hidden;
  width: 11%;
  float: left;
}
.ShowProductTitleL i {
  background: #ebebeb;
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  top: -140%;
  right: 0;
}
.ShowProductTitleText {
  float: left;
  margin-left: 2%;
}
.ShowProductTitleL b {
  height: 60px;
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 60px;
  font-size: 0.5rem;
  color: #fff;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.ShowProductTitleText a, .ShowProductTitleText span {
  font-size: 0.16rem;
  display: block;
  padding-top: 0.06rem;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductTitleText p {
  font-size: 0.14rem;
  color: #999;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showProductTitleMore {
  margin-right: 2%;
  float: right;
  width: 2em;
  box-sizing: content-box;
  border: 1px solid #999;
  padding: 1px 9px;
  color: #999;
  margin-top: 0.06rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.showProductTitleMore:hover {
  color: #333;
  border: 1px solid #333;
}
.ShowProductsListBoxImg {
  background: #f9f9f9;
  padding: 12px;
  border-radius: 5px;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductsListBoxImgD {
  position: relative;
  padding: 33.3%;
  display: block;
}
.ShowProductsListBoxImgBox {
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  border-radius: 5px;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductsListBoxImgBox a.ShowProductsListBoxImgD img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: .5s;
  transition: .5s;
}
.showProductListMOredR {
  -webkit-transition: .5s;
  transition: .5s;
}
.showProductListMOredR a {
  display: block;
}
.showProductListMOred {
  overflow: hidden;
  margin-top: 0.1rem;
}
.showProductListMOredL {
  width: 80%;
  float: left;
  -webkit-transition: .5s;
  transition: .5s;
}
.tubiapo {
  padding-top: 0.14rem;
}
.showProductListMOredR {
  float: right;
  width: 10%;
  position: relative;
  padding: 2%;
}
.showProductListMOredR img {
  display: block;
  margin: 0 auto;
}
.ShowProductListBox {
  margin: 0 -10px;
}
.showProductListMOredL a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.16rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductListBox ul li:hover .showProductListMOredL a {
  color: #333;
}
.ShowProductListBox ul li:hover .showProductListMOredL p {
  color: #333;
}
.ShowProductCWC {
  border: 5px solid #f9f9f9;
  overflow: hidden;
  margin-top: 0.2rem;
  padding: 5px 0px;
}
.ShowProductListTitleTitle .ShowProductCWC {
  margin-top: 0;
  border-top: 0;
}
.ShowProductCWC a {
  padding-left: 25px;
  color: #858585;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 2;
}
.ShowProductCWC a i {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  overflow: hidden;
}
.ShowProductCWC a img {
  display: inline-block;
}
.ShowproductList {
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.ShowProductCWC a:hover i img {
  border-left: 180px solid transparent;
  -webkit-filter: drop-shadow(-180px 0 0px #333);
  filter: drop-shadow(-180px 0 0px #333);
}
.ShowProductCWC a:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.showProductListMOredL p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductListBox ul li {
  margin-top: 0.16rem;
  padding: 0 10px;
}
.ShowProductCWC a:hover {
  color: #333;
}
.ShowProductsImgBox {
  padding: 0.1rem 0;
  background: #f9f9f9;
  margin: 0.2rem 0 0;
  overflow: hidden;
}
.ShowProductImgL a {
  position: relative;
  display: block;
  padding: 33.6%;
  border: 1px solid #f1f1f1;
}
.ShowProductImgL a img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ShowProductImgRBox {
  width: 94%;
  height: 90%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dedede;
  padding: 20px;
  margin: 10px;
}
.ShowProductImgRBoxTitle {
  display: block;
  font-size: .18rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.1rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductImgRLine {
  width: 100%;
  border-top: 1px solid #dedede;
  margin: 0 auto;
}
.ShowProductImgRBox p {
  color: #858585;
  line-height: 2;
  text-indent: 2em;
  margin-top: 0.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 0.84rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductImgRLine1 {
  width: 10%;
  border-top: 1px solid #dedede;
  margin: 0.2rem auto;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductImgBoxCenterL {
  float: left;
  height: 0.44rem;
  animation: msClock 2s linear infinite;
  animation: msClock 2s linear infinite;
}
.ShowProductImgBoxCenterLText {
  margin-left: 0.1rem;
  float: left;
  height: 0.44rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductImgBoxCenterLText span {
  font-size: 0.14rem;
  color: #7f7f7f;
  display: block;
}
.ShowProductImgRBox:hover .ShowProductImgRBoxTitle {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.ShowProductImgRBox:hover p {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
@keyframes msClock {
  0%, 70%, 100% {
    transform: rotate(0) scale(1);
  }
  10%, 30% {
    transform: rotate(-15deg) scale(1.05);
  }
  20%, 40% {
    transform: rotate(15deg) scale(1.05);
  }
}
.ShowProductImgBoxCenterLText i {
  font-size: 0.18rem;
  color: #7f7f7f;
  font-weight: bold;
}
.ShowProductImgBoxCenterRMore {
  float: right;
  height: 0.44rem;
  width: 20%;
  border-left: 1px solid #a7a7a7;
  padding-left: 0.1rem;
  color: #999;
  line-height: 0.44rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.ShowProductImgBoxCenterRMore:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  color: #333;
  border-left: 1px solid #333;
}
@media(max-width:768px) {
  .nwesCenterbText1 span {
    display: none;
  }
  .proListL {
    display: none;
  }
  .newsCenterbTextr1 {
    width: 100%;
  }
  .proListR1 .newsCenterb ul li {
    margin-top: 0.3rem;
    margin-bottom: 0;
  }
  .newsCenterb ul li .newsAiMore1 {
    display: none;
  }
  .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText, .newsCenterb ul li:hover .newsCenterbTextr1 p {
    width: 100%;
  }
  .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {
    color: #333;
  }
  .newsCenter {
    border-bottom: 1px solid #e6e6e6;
  }
}
.driving-way .map-go ul .d1 {
  top: 56px;
}
.driving-way .map-go ul .d2 {
  top: 0;
}
.ShowProductListBox ul li:hover .ShowProductsListBoxImg .ShowProductsListBoxImgBox {
  box-shadow: 0 0 16px rgba(0, 0, 0, .2);
}
.ShowProductListBox ul li:hover .ShowProductsListBoxImg img {
  display: block;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.ShowProductListBox ul li:hover .showProductListMOredL {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.ShowProductImgRBox:hover .ShowProductImgRLine1 {
  width: 30%;
}
.ShowProductImgRBox:hover .ShowProductImgBoxCenterLText {
  margin-left: 0.12rem;
}
.ShowProductImgRBox:hover .ShowProductImgBoxCenterRMore {
  margin-right: 0.02rem;
}
.ShowProductListBox ul li:hover .showProductListMOredR {
  margin-right: 0.04rem;
}
@media(max-width:768px) {
  .pro_addNews {
    display: none !important;
  }
  .pro_addNew, .pro_addNewsBoxList {
    display: none !important;
  }
  .pro_addPagenr {
    margin-bottom: 0.2rem;
  }
  .pro_addPage .row {
    margin: 0;
  }
  .ShowProductImgRBox {
    margin: 10px 15px;
  }
  .ShowProductImgBoxCenterRMore {
    width: 28%;
  }
  .showProductListMOredR {
    display: none;
  }
  .showProductListMOredL {
    width: 100%;
  }
}
@keyframes tan {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  75% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/* 2020.5.13 */
.newsTOnewTop {
  background: #fbfbfb;
  padding: 0.5rem 0;
}
.newsTonewTopLBox {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0.2rem;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);
}
.newsTonewTopLBox h4 a {
  display: block;
  text-align: center;
  font-size: 0.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newsTonewTopLBox h4 i {
  width: 0.3rem;
  height: 0.02rem;
  background: #cacaca;
  display: block;
  margin: 0.12rem auto;
}
.newsTonewsTopLImg {
  width: 100%;
  height: 2.2rem;
  display: block;
  position: relative;
}
.newsTonewsTopLImg a.newsTonewsTopLImgA {
  width: 100%;
  height: 2.2rem;
  display: block;
}
.newsTonewsTopLImg a.newsTonewsTopLImgA img {
  display: block;
  width: 100%;
  height: 2.2rem;
  border-radius: 5px;
  -webkit-transition: .5s;
  transition: .5s;
  object-fit: cover;
}
.newsTonewsTioTime {
  width: 0.8rem;
  height: 0.8rem;
  background: #0f4c81;
  position: absolute;
  bottom: -0.25rem;
  -webkit-transition: .5s;
  transition: .5s;
  left: 0;
}
.newsTonewsTioTime h4 {
  padding-top: 0.16rem;
  font-size: 30px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  padding-left: 0.06rem;
  padding-bottom: 0.08rem;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.newsTonewsTioTime span {
  padding-left: 0.06rem;
  line-height: 0.24rem;
  color: #fff;
}
.newsTOnewTopL p {
  padding-top: 0.4rem;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #999;
  text-indent: 2em;
}
.newsTOnewTopLMore {
  display: block;
  width: 1.7rem;
  height: 0.3rem;
  display: block;
  margin: 0.22rem auto 0;
  border: 1px solid #d0d0d0;
  line-height: 0.3rem;
  text-indent: .3rem;
  color: #515151;
  background: url('../img/newsTOnewTopLMore.png') no-repeat 74% center;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewTopL:hover .newsTonewsTopLImg a.newsTonewsTopLImgA img {
  transform: scale(1.02);
}
.newsTOnewTopL:hover .newsTonewsTioTime {
  left: 1%;
}
.newsTOnewTopL:hover .newsTOnewTopLMore {
  background: #0f4c81 url('../img/newsTOnewTopLMore.png') no-repeat 76% center;
  color: #fff;
  text-indent: .25rem;
}
.newsTOnewTopRTitle {
  width: 100%;
}
.newsTOnewTopRTitleL {
  float: left;
  width: 4%;
}
.newsTOnewTopRTitleL h4 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  color: #0f4c81;
  position: relative;
}
.newsTOnewTopRTitleL span {
  font-size: 13px;
  display: block;
  line-height: 1;
  position: absolute;
  bottom: -0.06rem;
  text-align: center;
}
.newsTOnewTopRTitleLTitle {
  float: left;
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  color: #0f4c81;
  margin-left: 2px;
  padding-top: 6px;
  border-bottom: 1px solid #0f4c81;
  height: 0.46rem;
}
.newsTonewTopRTitleR {
  float: right;
  width: 96%;
  height: 0.46rem;
  border-bottom: 1px solid #dcdcdc;
}
.newsTonewTopRTitleRMore {
  line-height: 1.2;
  border: 1px solid #999;
  border-left: 0;
  border-right: 0;
  float: right;
  margin-top: 0.16rem;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 0 10px;
}
.newsTonewTopRTitleRMore:hover {
  border: 1px solid #0f4c81;
  color: #0f4c81;
  border-left: 0;
  border-right: 0;
  transform: translateX(-2px);
}
.newsTOnewTopRCenter ul li {
  width: 100%;
  height: 0.94rem;
  background: #fff;
  margin-top: 0.15rem;
  border: 1px solid #e4e4e4;
}
.newsTOnewTopRCenterL {
  float: left;
  width: 14%;
  height: 0.94rem;
  border: 1px solid #f2f2f2;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewTopRCenterR {
  float: left;
  width: 86%;
  padding: 0 0.17rem;
}
.newsTOnewTopRCenterL span {
  font-size: 30px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #0f4c81;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  position: relative;
  border-bottom: 1px solid #0f4c81;
  width: 60%;
  margin: 0 auto;
  line-height: 1.5;
  padding-top: 8%;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewTopRCenterL i {
  width: 60%;
  margin: 0 auto;
  line-height: 0.24rem;
  color: #0f4c81;
  display: block;
  padding-top: 0.05rem;
  line-height: 1.5;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewTopRCenterR a {
  display: block;
  line-height: 2;
  font-size: 0.16rem;
  padding-top: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewTopRCenterR p {
  font-size: 0.14rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 0.42rem;
}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL {
  transform: translate(5px, 5px);
  background: #0f4c81;
}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL span {
  color: #fff;
  border-color: #fff;
}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL i {
  color: #fff;
}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterR a {
  color: #0f4c81;
  padding-top: 0.1rem;
}
.newsToNewCenterL {
  padding: 0.6rem 15px;
}
.newsToNewCenterL .newsTOnewTopRTitleL {
  width: 8%;
}
.newsToNewCenterL .newsTonewTopRTitleR {
  width: 92%;
}
.newsToNewCenterL .JourCenterR {
  width: 100%;
}
.newsToNewCenterL .JourCenterR ul li {
  border-color: #fff;
}
.newsToNewCenterR {
  padding: 0.6rem 15px;
}
.newsToNewTopRRboxL {
  width: 24%;
  float: left;
  height: 1.26rem;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);
}
.newsToNewTopRRboxL img {
  width: 100%;
  height: 1.26rem;
  object-fit: cover;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewTopRRboxR {
  float: left;
  width: 74%;
  margin-left: 2%;
}
.newsToNewTopRRbox ul li {
  margin-top: 0.16rem;
}
.newsToNewTopRRboxRTitle {
  color: #0f4c81;
  display: block;
  padding-bottom: 1%;
  border-bottom: 1px solid #dcdcdc;
  padding-top: 2%;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
}
.newsToNewTopRRboxRTitle::after {
  content: "";
}
.newsToNewTopRRboxRTitle a {
  display: block;
  float: left;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.16rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewTopRRboxRTitle span {
  float: right;
  color: #b1b1b1;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewTopRRboxR p {
  padding-top: 1%;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newsToNeWStOPrRBoxMore {
  display: block;
  color: #c0c0c0;
  padding-left: 20px;
  background: url(../img/JourCenterMore.png) no-repeat center left;
  margin-top: 0.13rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.12rem;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxL img {
  transform: scale(1.04);
}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle a {
  color: #0f4c81;
  transform: translateX(5px);
}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle span {
  transform: translateX(-5px);
}
.newsToNewTopRRboxRTitle::after {
  content: "";
  width: 0%;
  background-color: #0f4c81;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle::after {
  width: 100%;
}
.newsToNeWStOPrRBoxMore:hover {
  transform: translateX(5px);
}
.newsToNewCenter {
  border-bottom: 1px solid #f2f2f2;
}
.newsTOnewBottom {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.newsTOnewBottomtitle h3 {
  text-align: center;
  font-size: 0.26rem;
  font-weight: bold;
  color: #0f4c81;
}
.newsTOnewBottomtitle p {
  font-size: 0.2rem;
  text-align: center;
  color: #cdcdcd;
}
.newsTOnewBottomtitle p i {
  padding: 0 0.05rem;
  line-height: 1;
}
.newsTOnewBottomBox {
  margin-top: 0.5rem;
  border-bottom: 1px solid #f2f2f2;
  display: block;
  height: 2.62rem;
}
.newsTOnewBottomBox ul li {
  padding: 0;
  height: 1.3rem;
  border: 1px solid #e4e4e4;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewBottomBox ul li .newsTOnewBottomBoxTimeL {
  width: 29%;
  float: left;
  height: 1.3rem;
  background-color: #fbfbfb;
  -webkit-transition: .9s;
  transition: .9s;
}
.newsTOnewBottomBox ul li .newsToNewBottomBoxText {
  float: left;
  height: 1.3rem;
  width: 71%;
}
.newsTOnewBottomBoxTimeL h4 {
  font-size: 0.32rem;
  padding-left: 30%;
  margin-top: 0.4rem;
  color: #999;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewBottomBoxTimeL span {
  font-size: 0.16rem;
  padding-left: 30%;
  display: block;
  color: #999;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewBottomBoxText {
  padding: 0 6%;
}
.newsToNewBottomBoxText a {
  font-size: 0.16rem;
  line-height: 4;
  font-size: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsToNewBottomBoxText p {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL {
  background: #0f4c81;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL h4, .newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL span {
  color: #fff;
}
.newsTOnewBottomBox ul li::after {
  content: "";
  width: 0%;
  height: 1px;
  background: #0f4c81;
  position: absolute;
  bottom: 0px;
  left: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewBottomBox ul li::before {
  content: "";
  width: 0%;
  height: 1px;
  background: #0f4c81;
  position: absolute;
  top: -1px;
  left: 0;
  -webkit-transition: .5s;
  transition: .5s;
}
.newsTOnewBottomBox ul li:hover::after, .newsTOnewBottomBox ul li:hover::before {
  width: 100%;
}
.newsTOnewBottomBox ul li:hover .newsToNewBottomBoxText a {
  color: #0f4c81;
  transform: translateX(5px);
}
@media(max-width:768px) {
  .newsTOnewTopRTitleL {
    width: 15%;
  }
  .newsTonewTopRTitleR {
    width: 85%;
  }
  .newsTOnewTopRTitle {
    margin-top: 0.3rem;
  }
  .newsTOnewTopRCenterL {
    display: none;
  }
  .newsToNewTopRRboxL {
    display: none;
  }
  .newsToNewTopRRboxR {
    width: 100%;
  }
  .newsTOnewTopRCenterR {
    width: 100%;
  }
  .newsToNewCenterL, .newsToNewCenterR {
    padding: 0.2rem 15px;
  }
  .newsTOnewBottomBoxTimeL h4, .newsTOnewBottomBoxTimeL span {
    padding-left: 16%;
  }
}
.teamlist .caseLdd .caseListdd {
  height: 98%;
}
.tag a {
  display: inline-block;
  border: 1px solid #dededd;
  padding: .03rem .1rem;
  margin-bottom: .04rem;
  margin-right: .05rem;
  color: #808080;
  font-size: .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  -webkit-transition: .5s;
  transition: .5s;
}
.caseLdd {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 .03rem .03rem;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.caseLdd:hover .caseText {
  border-radius: 0 0 .03rem .03rem;
}
.caseLdd:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, .1);
}
.caseLdd .button_text_container {
  width: 0%;
  height: 0%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #0258b8;
  z-index: -1;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  border-radius: 50%;
}
.caseLdd:hover .button_text_container {
  top: 0;
  left: -25%;
  width: 150%;
  height: 150%;
  background: #333;
}
.big_img_box {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999999999999999999999999999999;
  overflow: hidden;
}
.big_img_box .item {
  width: 990px;
  height: 650px;
  background-color: #fff;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  overflow: hidden;
}
.big_img_box .item .prev {
  opacity: 0;
  transition: 0.5s;
  width: 20%;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 46px;
  color: #fff;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  cursor: url(../img/caseNewjiantouL.png), default;
}
.big_img_box .item .next {
  opacity: 0;
  transition: 0.5s;
  width: 20%;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 46px;
  color: #fff;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999999;
  cursor: url(../img/caseNewjiantouR.png), default;
}
.big_img_box .item .pnon {
  opacity: 1;
}
.big_img_box .item #big_close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  opacity: 0;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  transition: 0.5s;
  background: url(../img/close_black.png) no-repeat center;
  outline: none;
  cursor: pointer;
  transition: 0.7s;
  z-index: 999999999999999999;
  background-size: 20px;
}
.big_img_box .item #big_close:hover {
  color: #666;
}
.big_img_box .item_open1 {
  height: 650px;
}
.big_img_box .item_open2 {
  width: 990px;
}
.big_img_box .item_open2 #big_close {
  opacity: 1;
}
.big_img_box .item_box {
  position: relative;
  width: 990px;
  height: 550px;
}
.big_img_box .item_box > a.honorImg1Alert {
  width: 990px;
  height: 550px;
  display: block;
  box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
.big_img_box .item_box .img {
  width: 990px;
  height: 550px;
  position: relative;
  display: block;
}
.big_img_box .honorMore1 {
  padding: 0 30px;
  line-height: 50px;
  font-size: 0.16rem;
}
.big_img_box .item_box .img img {
  transition: 0.7s;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.big_img_menu {
  height: 50px;
  border-bottom: 1px solid #f2f2f2;
}
.big_img_box .item_box .img img {
  width: 750px;
  height: 430.5px;
  width: 100%;
}
.big_img_box .item_box .text {
  border-top: none;
  transition: 0.5s;
  padding: 0 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.big_img_box .item_box .text a {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0px;
  color: #4d4d4d;
  transition: 0.5s;
  transition: 0.7s;
}
.big_img_box .item_box .text a:hover {
  color: #ff770f;
}
.big_img_box .item_box .text p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
}
.big_img_box .item_box:hover .text a {
  color: #ff770f;
}
.open {
  height: 100%;
}
.item_box .caseLdd i .caseListdd img.caseImgList1 {
  width: 100%;
  height: 100%;
}
.item_box .caseLdd .caseText {
  position: absolute;
  height: 1.2rem;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, .7);
  padding: 0.1rem 4%;
}
#imgBox img {
  display: block;
  width: 80%;
  margin: 30px auto;
}
.Honoryingcang {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.teamlist li i {
  display: block;
  position: relative;
  padding: 64% 34%;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  background: #fff;
  border-radius: 5px 5px 0 0;
}
.slider-pro {
  font-family: 'Open Sans', Arial;
}
/* Example 5 */
#example5 .sp-thumbnail-image-container {
  width: 140px;
  height: 80px;
  overflow: hidden;
  float: left;
}
#example5 .sp-thumbnail-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#example5 .sp-thumbnail-text {
  width: 140px;
  float: right;
  height: 80px;
  padding: 15px;
  background-color: #F0F0F0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#example5 .sp-thumbnail-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #333;
}
#example5 .sp-thumbnail-description {
  font-size: 14px;
  color: #333;
}
@media (max-width: 500px) {
  #example5 .sp-thumbnail {
    text-align: center;
  }
  #example5 .sp-thumbnail-image-container {
    display: none;
  }
  #example5 .sp-thumbnail-text {
    width: 120px;
  }
  #example5 .sp-thumbnail-title {
    font-size: 12px;
    text-transform: uppercase;
  }
  #example5 .sp-thumbnail-description {
    display: none;
  }
}
.caseBimg {
  position: fixed;
  top: -300%;
  left: 0;
  background: #171717;
  z-index: 9999999999999;
  width: 100vw;
  height: 0vh;
  padding-top: 0.4rem;
  display: block;
  -webkit-transition: .8s;
  transition: .8s;
  overflow: hidden;
}
.sp-image {
  width: 100%;
  height: 500px !important;
  object-fit: contain;
  background: #fff;
  display: block;
}
.sp-thumbnail-container {
  height: 100px !important;
}
.caseBimg i {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 999999;
  cursor: pointer;
}
.caseBimg i img {
  width: 0.3rem;
  height: 0.3rem;
  display: block;
}
/* .sp-slides-container,.sp-mask,.sp-slides,.sp-slide,.sp-image-container{    width: 800px !important;    height: 500px !important;    display: block;    left: 0 !important;} */
#play {
  width: 990px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0px auto 25px;
  height: 632px;
  overflow: hidden;
}
#play .change_a {
  width: 10%;
  height: 552px;
  position: absolute;
  top: 60px;
  z-index: 1;
  cursor: pointer;
  display: block;
  overflow: hidden;
  /* background: url(about:blank); */
}
#play .prev_a {
  left: 0;
  cursor: url(../img/caseNewjiantouL.png), default;
}
#play .next_a {
  right: 0;
  cursor: url(../img/caseNewjiantour-2.png), default;
}
#play .change_a span {
  width: 24px;
  height: 43px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  display: none
}
#play .prev_a span {
  cursor: url(../img/caseNewjiantouL.png) default;
}
#play .next_a span {}
#play .img_ul {
  position: relative;
  z-index: 1;
}
#play .img_ul li {
  width: 990px;
  height: 612px;
}
#play .img_ul li img {
  display: block;
  width: 100%;
  height: 572px;
  object-fit: cover;
}
.img_ulText {
  font-size: 16px;
  color: #7b7b7b !important;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 15px;
  display: block;
  line-height: 60px;
}
.img_hdBg {
  width: 990px;
  background-color: #222222;
  overflow: hidden;
  height: 66px;
  padding: 0px 0;
  height: 128px;
  margin-top: 15px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
.img_hd {
  width: 830px;
  background-color: #222222;
  overflow: hidden;
  height: 66px;
  padding: 13px 0;
  height: 99px;
  margin-top: 15px;
  margin: 0px auto;
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
}
.img_hd ul {
  position: absolute;
  z-index: 1;
}
.img_hd ul li {
  float: left;
  width: 132px;
  height: 98px;
  border: 4px solid #444;
  cursor: pointer;
  margin: 0 15px 0 1px;
  overflow: hidden;
  *display: inline;
  padding: 1px;
  text-align: center;
  border-radius: 4px;
}
.img_hd ul li a {
  display: block;
  width: 126px;
  height: 92px;
  transform: translate(-1px, -1px);
}
.img_hd ul li img {
  width: 100%;
  height: 92px;
  display: block;
}
.img_hd ul li.on {
  border-color: rgb(45, 150, 233);
}
.img_hdBg .bottom_a {
  width: 44px;
  height: 44px;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -22px;
  cursor: pointer;
  z-index: 10;
  background: #333;
  border-radius: 50%;
}
.img_hdBg .prev_a {
  left: 20px;
  background: #444 url(../img/s_gallery_2012110702L.png) no-repeat center;
}
.img_hdBg .next_a {
  background: #444 url(../img/s_gallery_2012110702R.png) no-repeat center;
  right: 20px;
}
#caseListAlert .caseLine {
  display: none;
}
.playfanhuiliebiao {
  display: block;
  color: #9c9c9c;
  background: #444;
  width: 138px;
  height: 36px;
  border-radius: 18px;
  margin: 20px auto;
  position: relative;
  z-index: 99999999999999999999999999999999;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.xiangceAlert {
  width: 1070px;
  margin: 0 auto;
  background: #000;
  padding-bottom: 1px;
}
@media(max-width:1660px) {
  .caseBimg {
    padding-top: 0.1rem;
  }
  .fanhuiliebiao {
    display: none;
  }
}
#caseListAlert li .caseListTitle {
  text-align: left;
}
#caseListAlert li p {
  text-align: left;
}
#caseListAlert li p a {
  color: #999;
  display: inline-block;
  padding-left: 10px;
  -webkit-transition: .5s;
  transition: .5s;
}
#caseListAlert li:hover p a {
  color: #fff;
}
.picture-content span {
  position: absolute;
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  color: #333;
  line-height: 40px;
  top: -40px;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}
.big_img_box .honorImg1 {
  padding: 0;
}
.searchBox {
  padding-bottom: 0.5rem;
}