/*Generated by wjdhcms 3.0 */































@charset "utf-8";































/*-----------------------------------------------------------*/















/*copyright by 动力无限  www.btoe.cn*/















/*邮箱 btoe@btoe.cn*/















/*合作电话 400-0599-360*/















/*版权所有违者必究*/















/*-----------------------------------------------------------*/































































* {















	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;















}































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: 1200px;















	margin: 0 auto;















	/* overflow: hidden; */















}































.navbar-left {















	float: left;















}































.navbar-right {















	float: right;















}































.productscd {















	height: 0.9rem;















	border-bottom: 1px solid #ededed;















}































.productsTopvd {















	height: 0.8rem;















	overflow: hidden;















	margin-top: 0.1rem;















}































.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%;















}































































































































































































































































































/* center */































.mbanner {















	width: 100%;















}































.mbanner img {















	width: 100%;















	display: block;















	height: 100%;















}































.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);















}































































































/* .caseTitleR ul li:hover a {































    color: #333;































    -webkit-transform: translateY(-2px);































    transform: translateY(-2px);































}































































.caseTitleR ul li:hover a::before {































    border-color: #333;































} */































































.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: 28%;















	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;















}































.container {















	padding-left: 0;















	padding-right: 0;















}































.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;















	/* transform:rotateX(90deg);































    -webkit-transform:rotateX(90deg);































    /* Safari and Chrome */















	-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;















	/* transform: rotateX(90deg);































        -webkit-transform: rotateX(360deg);































        -moz-transform: rotateX(90deg); */















}































.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 {















	/* background: #fff; */















	-webkit-transition: .5s;















	transition: .5s;















	padding-top: .1rem;















	padding-bottom: .1rem;















	border-bottom: 1px solid #f2f2f2;















	margin-bottom: 0rem;















	height: 100%;















}































































































/* .caseList li:hover .caseText {































    background: #333;































} */































































.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: .22rem;















	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: 1px;















	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;















}































.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: 1200px;















	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;















}































.proListL {















	margin-left: .121rem;















	position: relative;















	overflow: hidden;















}































.proBg {















	display: block;















	width: 100%;















	position: absolute;















	top: 0;















	left: 0;















	/* height: 20%; */















	background: #333;















	border-radius: 10px 10px 0 0;















	overflow: hidden;















	margin-bottom: 10px;















	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;















	/* line-height: 0rem; */















	font-size: .22rem;















	color: #fff;















}































.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;















	/* margin-bottom: .13rem; */















}































.newsTop li {















	padding: 0 8px;















}































.prouctsTitle p {















	text-transform: uppercase;















	text-align: center;















	color: #fff;















	padding-top: rem;















	margin-bottom: 6px;















	font-size: 0.16rem;















}































.proList_classify {















	background: #fafafa;















	overflow: hidden;















}































.news_classify {















	overflow: hidden;















}































.proList_classify ul {















	/* height: 0; */















	/* transition: all .4s; */















}































.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;















	cursor: url(../images/Acur.png),















		default;















}































.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: .2rem 0 0.18rem;















	background: #fafafa;















	margin-top: .2rem;















}































.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;















}































.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: .2rem 0.1rem 0.1rem;















	background: #fafafa;















	margin-top: .2rem;















	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 {















	width: 8em;















	display: inline-block;















	vertical-align: bottom;















	margin-left: .1rem;















	font-size: .14rem;















}































.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: right;















}































.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: #005fbb;















	position: absolute;















	top: 0;















	left: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-right {















	width: 1px;















	height: 0px;















	background: #005fbb;















	position: absolute;















	bottom: 0;















	right: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-top {















	width: 0px;















	height: 1px;















	background: #005fbb;















	position: absolute;















	top: 0;















	left: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-bottom {















	width: 0px;















	height: 1px;















	background: #005fbb;















	position: absolute;















	bottom: 0;















	right: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-proleft {















	width: 1px;















	height: 0px;















	background: #005fbb;















	position: absolute;















	top: 0;















	left: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-proright {















	width: 1px;















	height: 0px;















	background: #005fbb;















	position: absolute;















	bottom: 0;















	right: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-protop {















	width: 0px;















	height: 1px;















	background: #005fbb;















	position: absolute;















	top: 0;















	left: 0%;















	-webkit-transition: .5s;















	transition: .5s;















}































.border-probottom {















	width: 0px;















	height: 1px;















	background: #005fbb;















	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: #005fbb;















}































.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 {















	/* border: 1px solid #333; */















}































.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;















}































.view .swiper-container {















	width: 100%;















}































.view .arrow-left {















	background: rgba(0, 0, 0, .1);















	position: absolute;















	left: 0px;















	top: 50%;















	margin-top: -25px;















	width: 38px;















	height: 37px;















	z-index: 10;















}































.view .arrow-left:after {















	content: "";















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















	overflow: hidden;















	padding: 49%;















	top: 0px;















	position: absolute;















}































.view .arrow-right:after {















	content: "";















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















	overflow: hidden;















	padding: 49%;















	top: 0px;















	position: absolute;















}































.view .arrow-right {















	background: rgba(0, 0, 0, .1);















	position: absolute;















	right: 0;















	top: 50%;















	margin-top: -25px;















	width: 38px;















	height: 37px;















	z-index: 10;















}































.preview {















	width: 100%;















	margin-top: 10px;















	position: relative;















}































.preview .swiper-container {















	width: 100%;















}































.preview .swiper-slide {















	width: 20%;















	cursor: pointer;















}































.preview .slide6 {















	width: 82px;















}































.preview .arrow-left {















	background: url(../images/feel3.png) no-repeat left top;















	position: absolute;















	left: 10px;















	top: 50%;















	margin-top: -9px;















	width: 9px;















	height: 18px;















	z-index: 10;















}































.preview .arrow-right {















	background: url(../images/feel4.png) no-repeat left bottom;















	position: absolute;















	right: 10px;















	top: 50%;















	margin-top: -9px;















	width: 9px;















	height: 18px;















	z-index: 10;















}































.preview img {















	padding: 1px;















}































.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;















}































































































/*end*/































.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: #005fbb;















	-webkit-transform: translateX(5px);















	transform: translateX(5px);















}































.productRtopr p {















	height: .5rem;















	border-bottom: 1px solid #dededd;















	overflow: hidden;















}































.productRtopr span {















	font-size: .1rem;















	line-height: 1.36;















	color: #999;















	display: block;















	font-size: .14rem;















	height: .39rem;















	overflow: hidden;















	display: -webkit-box;















	-webkit-box-orient: vertical;















	-webkit-line-clamp: 2;















}































.productRtopr h5 {















	font-weight: bold;















	font-size: .14rem;















	font-weight: bold;















	margin-top: .1rem;















	margin-bottom: 0.1rem;















}































.relevant a {















	display: inline-block;















	border: 1px solid #dededd;















	padding: .01rem .1rem;















	margin-bottom: .04rem;















	margin-right: .05rem;















	color: #808080;















	font-size: .14rem;















}































.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 {















	/* WebKit browsers */















	color: #999;















	font-size: .16rem;















}































::-moz-placeholder {















	/* Mozilla Firefox 19+ */















	color: #999;















	font-size: .16rem;















}































:-ms-input-placeholder {















	/* Internet Explorer 10+ */















	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(../img/yanzheng.png) 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;















}































.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;



























	font-size: .15rem;



font-weight:bold;color:#000;











}






























.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(../img/yanzheng.png) 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 0 12px rgba(0, 0, 0, .1);















}































.newsCenterTopl a {















	display: block;















	position: relative;















	padding: 24%;















	overflow: hidden;















}































.newsCenterTopl a img {















	position: absolute;















	top: 0;















	left: 0;















	right: 0;















	bottom: 0;















	margin: auto;















	max-width: 100%;















	max-height: 100%;















	-webkit-transition: 1s;















	transition: 1s;















}































.newsCenterTop:hover a img {















	-webkit-transform: scale(1.1);















	transform: scale(1.1);















	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: #005fbb;















	-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;















}































.newsTop ul li a.newsImg img {















	display: block;















	position: absolute;















	top: 0;















	left: 0;















	bottom: 0;















	right: 0;















	margin: 0 auto;















	max-width: 100%;















	max-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 {















	/* position: absolute;































    top: 0;































    left: 0;































    bottom: 0;































    right: 0;































    margin:0  auto;































    max-width: 100%;































    max-height: 100%; */















}































.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%;















}































@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);















	}















}































.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: .69rem;















	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: .15rem;















	line-height: 2;















	display: block;















}































.productsText {















	font-size: .15rem;















	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: .15rem;















	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: 30%;















	-webkit-transition: .5s;















	transition: .5s;















}































.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;















	width: 100%;















	height: 100%;















	top: 0;















	left: 0;















}































.newsListRtopR a {















	display: block;















	font-size: .16rem;















	overflow: hidden;















	text-overflow: ellipsis;















	white-space: nowrap;















}































.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;















	/*     margin: .5rem 0; */















	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;















	/* text-indent: 2em; */















	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;















	/* 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); */















}































.wjdh-map #wmap {















	width: 100%;















	height: 500px;















}































.driving-way {















	font-family: 'Microsoft JhengHei';















}































.driving-way .hd li.on {















	background-color: #005fbb;















	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(../img/checkbox.png) no-repeat 10px center;















	*background: url(../img/checkbox.png) 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;















}































.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;















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















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















}































.driving-way .map-tab 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;















}































.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;















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















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















}































.driving-way .map-tab 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;















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















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















}































.driving-way .map-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;















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















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















}































.driving-way .map-tab .trip-mode a 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); */















}































.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: #005fbb;















}































































/* .contact ul li .contactBottom::after {































    content: "";































    position: absolute;































    bottom: 269px;































    right: -276px;































    width: 100%;































    height: 100%;































    background: #dedede;































    -webkit-transform: rotate3d(0, 0, 1, 0deg);































    transform: rotate3d(0, 0, 1, 39deg);































    -webkit-transition: .5s;































    transition: .5s;































}































 */































.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;















}































































/* .caseList li:hover .caseListBg{































    border: 1px solid #0258b8;































} */































































@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 {}































.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: #005fbb;















	opacity: 1;















}































.caseTitleR ul li .gaoliang .ctc {















	width: 100%;















	color: #005fbb;















	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: #005fbb;















}































.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: #005fbb;















	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: #005fbb;















}































.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: #005fbb;















}































.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;















	width: 16%;















}































.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 8px 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);















}































.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;















	min-height: 1.1rem;















}































.caseRe img {















	display: inline-block;















}































.caseREimg {















	width: .32rem;















	height: .25rem;















	overflow: hidden;















	display: inline-block;















	float: none;















	margin-top: 6px;















	vertical-align: sub;















}































.caseContainer p,















.caseContainer span,















.productsText p,















.productsText span {















	font-size: 0.15rem;















}































.productsCC img {















	display: inline-block;















}































.dd {}































.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;















}































@media (max-width:1200px) {































	.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;















	}















}































.baidu-maps label {















	max-width: none;















}































@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: .2rem;















		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;















	}















}































.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;















}































.productsText p span {















	font-size: .15rem;















}































.page-content span {















	font-size: .15rem;















}































.honorImg1 img {















	max-width: 94%;















	max-height: 94%;















	padding: 0%;















	position: absolute;















	top: 0;















	left: 0;















	bottom: 0;















	right: 0;















	margin: auto;















}































.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: "";















	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: #005fbb;















}































.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;















}































@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 {















		/* height: .5rem; */















	}































	.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(../img/pageArrow.png) no-repeat 100% center;















	}































	20% {















		background: url(../img/pageArrow.png) no-repeat 95% center;















	}































	40% {















		background: url(../img/pageArrow.png) no-repeat 100% center;















	}































	60% {















		background: url(../img/pageArrow.png) no-repeat 95% center;















	}































	80% {















		background: url(../img/pageArrow.png) no-repeat 100% center;















	}































	100% {















		background: url(../img/pageArrow.png) 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(../img/pageArrow.png) no-repeat 100% center;















	animation: newsAiMore linear 4s infinite alternate;















	-webkit-transition: .5s;















	transition: .5s;















}































.newsAi ul li:hover a.newsAiTitle {















	color: #005fbb;















	-webkit-transform: translateX(5px);















	transform: translateX(5px);















}































.newsAiMore:hover {















	color: #005fbb;















	-webkit-transform: translateX(5px);















	transform: translateX(5px);















}































































.nwesCenterbText1 {















	overflow-y: hidden;















	/* padding-bottom: .05rem; */















}















































.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(../img/newsAic.png) 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 {















	width: 20%;















	height: 100%;















	overflow: hidden;















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















	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: 88%;















}































.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {















	color: #005fbb;















}































.proListR1 .newsCenter {















	border-bottom: 1px solid #f2f2f2;















}















.honorBox .honorMore1 {















	margin-bottom: 0.2rem;















	-webkit-transition: .5s;















	transition: .5s;















}































.honorMore1:hover {















	color: #000;















}































































@media(max-width:768px) {















	.nwesCenterbText1 span {















		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;















	}















}