/*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 #fff;



}







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



	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: #fff;



	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: #fff;



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



	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 {





	position: absolute;



	left: 10px;



	top: 50%;



	margin-top: -9px;



	width: 9px;



	height: 18px;



	z-index: 10;



}







.preview .arrow-right {





	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: #fff;



	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;



	color: #999;



	font-size: .15rem;



}







.contactBox ul li p span {



	font-size: .16rem;



}







.contactBox .proMessage h4 {



	margin-top: 0;



	margin-bottom: 0;



}







.contactBox input.contact-name {



	background: url(../img/name.png) no-repeat .1rem center;



}



.contactBox input.contact-imgCode {



	background: url(../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;

	background: #fff;



}







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



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

	z-index: 2;



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



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



}







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



	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;



}







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



	}



}