@charset "utf-8";



* {

	padding: 0;

	margin: 0;

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

}



body {

	font: 0.14rem/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #333;

	margin: 0;

	line-height: 1.5;

	-webkit-text-size-adjust: none;

}



:focus {

	outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

	display: block;

}



a {

	color: #333;

	text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

	text-decoration: none;

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



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;

}



.navbar-left {

	float: left;

}



.navbar-right {

	float: right;

}



.productscd {

	height: 1.4rem;

	border-bottom: 1px solid #ededed;

}



.productsTopvd {

	height: 1.4rem;

	overflow: hidden;

	margin-top: 0.1rem;

	margin-bottom: 0.2rem;

}



.col-lg-1 {

	width: 8.33333333%;

}



.col-lg-2 {

	width: 16.6666666%;

}



.col-lg-3 {

	width: 25%;

}



.col-lg-4 {

	width: 33.33333333%;

}



.col-lg-5 {

	width: 41.66666666%;

}



.col-lg-6 {

	width: 50%;

}



.col-lg-7 {

	width: 58.33333333%;

}



.col-lg-8 {

	width: 66.66666666%;

}



.col-lg-9 {

	width: 75%;

}



.col-lg-10 {

	width: 83.33333333%;

}



.col-lg-11 {

	width: 91.666666666;

}



.col-lg-12 {

	width: 100%;

}



.mbanner {

	width: 100%;

}



.mbanner img {

	width: 100%;

	display: block;

	height: 100%;

}



.caseMenu {

	width: 100%;

	height: 150px;

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

	color: #999;

}



.caseMenu a {

	color: #999;

}



.caseMenuTop span a {

	color: #333;

}



.caseMenuTop {

	width: 100%;

	padding: .1rem 0;

	border-bottom: 1px solid #e6e6e6;

	color: #999;

	font-size: 0.15rem;

}



.caseMenuTop a {

	color: #999;

}



.caseMenuR i {

	float: right;

	padding-right: 5px;

}



.caseMenuR img {

	padding-left: 5px;

}



.caseMenuR a:hover {

	color: #333;

}



.caseMenuBottom {

	padding-top: .24rem;

}



.caseTitleL {

	font-size: .24rem;

	color: #333;

}



.caseRe {

	float: left;

}



.caseRer {

	float: left;

	text-align: right;

	margin-top: .06rem;

}



.text-center {

	margin-top: 20px;

}



.caseTitleR ul li {

	float: left;

	padding: .05rem .2rem;

	background: #fff;

	border-radius: .05rem;

	border: 1px solid #f2f2f2;

	margin-right: .1rem;

	-webkit-transition: .4s;

	transition: .4s;

	margin-right: .3rem;

	margin-bottom: 0.03rem;

}



.caseRe i {

	font-size: .22rem;

}



.caseTitleR ul li a {

	display: block;

	line-height: .2rem;

	-webkit-transition: .5s;

	transition: .5s;

}



.caseTitleR ul li a::before {

	width: .1rem;

	height: .1rem;

	border: 2px solid #ddd;

	content: "";

	display: inline-block;

	margin-right: 10px;

	border-radius: 50%;

	line-height: .2rem;

	vertical-align: unset;

}



.caseTitleR ul li:hover {

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

}



.caseList {

	padding-top: .4rem;

	margin-bottom: .4rem;

}



.caseList li {

	margin-bottom: .3rem;

	-webkit-transition: .5s;

	transition: .5s;

	border-radius: 0 0 .03rem .03rem;

	overflow-y: hidden;

}



.caseList li i {

	display: block;

	position: relative;

	padding: 34%;

	overflow: hidden;

	border: 1px solid #d8d8d8;

	background: #fff;

	border-radius: 5px 5px 0 0;

}



.caseList li img.caseImgList1 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	margin: auto;

	bottom: 0;

	right: 0;

	border-radius: 5px;

}



.caseLdd .caseListdd {

	display: block;

	margin: 1%;

	position: absolute;

	width: 98%;

	height: 96.1%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	overflow: hidden;

	border-radius: 5px 5px 0 0;

}



.caseListBg {

	width: 100%;

	height: 100%;

	display: block;

	top: 0%;

	left: 0%;

	position: absolute;

	z-index: 2;

	-webkit-transition: .5s;

	transition: .5s;

}



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

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

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

	color: #999;

}



.contactMenu .caseMenu {

	width: 100%;

	height: 150px;

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

	color: #999;

}



.caseList li:hover .caseListhide {

	width: 100%;

	height: 100%;

	top: 0%;

	left: 0;

}



.caseList li .caseListTitle {

	font-size: .18rem;

	text-align: center;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: .12rem 5%;

	-webkit-transition: 1.2s;

	transition: 1.2s;

}



.caseLdd:hover .caseListTitle {

	font-weight: bold;

}



.caseLine {

	width: .2rem;

	height: 1px;

	margin: .08rem auto .1rem;

	background: transparent;

}



.caseList li p {

	font-size: .14rem;

	line-height: 2;

	padding: 0 .1rem;

	height: .52rem;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	color: #999;

	-webkit-transition: 1.2s;

	transition: 1.2s;

	text-align: center;

}



.caseLdd:hover .caseText {

	border-bottom: 1px solid transparent;

}



.caseList li:hover p {

	color: #fff;

}



.caseList li .caseMore {

	font-size: .36rem;

	display: block;

	text-align: center;

	margin-top: .08rem;

	font-weight: 100;

	color: #fff;

}



.caseList li .caseMore img {

	position: relative;

	animation: lr linear 3s infinite alternate;

}



.caseText {

	-webkit-transition: .5s;

	transition: .5s;

	padding-top: .1rem;

	padding-bottom: .1rem;

	border-bottom: 1px solid #f2f2f2;

	margin-bottom: 0rem;

	height: 100%;

}



.caseList li:hover .caseListTitle {

	color: #fff !important;

}



.caseList li:hover .caseLine {

	background: #fff;

}



.pagination {

	text-align: center;

}



.wjdh-message .message-form ul li button {

	outline: none;

}



input {

	outline: none;

}



.pagination a,

.pagination span {

	color: #999;

	margin: 0 .1rem;

	position: relative;

	float: left;

	padding: 5px 15px;

	margin-left: -1px;

	line-height: 1.42857143;

	text-decoration: none;

	background-color: #fff;

	border: 1px solid #f2f2f2;

	cursor: pointer;

	-webkit-transition: .5s;

	transition: .5s;

	margin-bottom: 0.05rem;

}



.pagination a:hover,

.pagination span:hover {

	color: #fff;

	background: #333;

	box-shadow: 0 0 14px rgba(0, 0, 0, .2);

}



.caseCenter h3 {

	text-align: center;

	padding-top: .2rem;

	font-size: .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: 0rem;

	padding-left: 0;

	padding-right: 0;

	overflow: hidden;

}



.scan {

	vertical-align: text-top;

}



.casemfx a {

	color: #8c8c8c;

}



.casemfx i {

	position: relative;

	display: inline-block;

	float: left;

	margin-top: .02rem;

}



.casemfx i img {

	padding: 0 0.05rem;

}



.casemImg ul li a {

	position: relative;

	padding: 80%;

	float: left;

}



.casemImg img {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0

}



.casemImg {

	padding: .13rem .3rem .2rem .1rem;

	border: 1px solid #ddd;

	position: absolute;

	top: 2.8rem;

	right: .5rem;

	display: none;

	z-index: 2;

	background: #fff;

}



.casemImg b {

	display: block;

	text-align: left;

	padding-left: .1rem;

	padding-bottom: .07rem;

	font-weight: normal;

}



.detailsR {

	position: absolute;

	right: 0

}



.casemfx {

	padding-bottom: .1rem;

	position: relative;

}



.productsTTOP .casemImg {

	width: 2.6rem;

}



.caseContainer {

	padding-top: .1rem;

	padding-bottom: .2rem;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ededed;

	margin-top: .3rem;

}



.caseRe img {

	border-left: 180px solid transparent;

	-webkit-filter: drop-shadow(-180px 0 0px #333);

	filter: drop-shadow(-180px 0 0px #333);

}



.caseContainer p {

	padding-top: .2rem;

	margin: 0;

	font-size: .15rem;

	color: #666;

}



.caseContainer {

	padding-bottom: .2rem;

	border-bottom: 1px solid #ddd;

}



.caseContainer img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

	height: auto;

}



.productRtopr h4 {

	color: #333;

	font-weight: bold;

	line-height: 1.3;

	margin: 0.08rem auto;

}



.pc-slide .swiper-wrapper {

	padding-bottom: .1rem;

}



.preview ul li.active-nav {

	border: 1px solid #333;

}



.productsCenter {

	border-top: 1px solid #ededed;

	padding-top: .1rem;

	overflow: hidden;

	padding-bottom: .2rem;

	display: block;

}



.caseTab ul li {

	padding: .25rem;

	background: #ededed;

	-webkit-transition: .5s;

	transition: .5s;

	color: #666;

}



.productsText {

	padding-top: .2rem;

}



.caseTab ul li:last-child a {

	text-align: right;

	width: 100%;

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

	padding-right: 15%;

	color: #666;

}



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

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

}



.caseTab ul li i.caseCenterIco1 {

	display: block;

	float: left;

	padding: .25rem;

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

	animation: lr linear 3s infinite alternate;

}



.caseTab ul li i.caseCenterIco2 {

	display: block;

	padding: .25rem;

	animation: lr linear 3s infinite alternate;

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

}



.caseTab ul li span {

	width: 47%;

	float: left;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: .5rem;

	margin: 0 .1rem;

	-webkit-transition: .5s;

	transition: .5s;

	font-size: .15rem;

}



.caseTab ul li b {

	margin: 0 .07rem;

	position: relative;

	padding: .25rem 13%;

	-webkit-transition: .5s;

	transition: .5s;

}



.caseReC ul li i a img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	margin: auto;

	bottom: 0;

	right: 0;

}



.caseTab ul li img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: .5s;

	transition: .5s;

}



.caseTab ul li:hover img {

	opacity: 1;

}



.caseTab ul li a {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 85%;

	padding-left: 15%;

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

	-webkit-transition: .5s;

	transition: .5s;

	color: #666;

	font-size: 0.14rem;

}



.caseTab ul li:hover {

	background: #333;

}



.caseTab ul li:hover a {

	color: #fff !important;

}



.caseTab {

	margin-top: .1rem;

}



.caseTab ul li:hover a {

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

}



.caseTab ul li:hover .caseCenterIco2 {

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

}



.caseTab ul li:hover span {

	color: #fff;

}



.caseRecommend {

	padding: .3rem 0 .2rem 0;

	margin-bottom: .4rem;

}



.caseRel {

	font-size: .2rem;

	color: #333;

}



.caseRel img {

	display: inline-block;

	margin-right: .05rem;

}



.caseRer a {

	display: block;

	color: #666;

}



.caseRecenter {

	cursor: url(../img/curpo.png), default;

}



.caseRecenter a {

	cursor: url(../img/curpo.png), default;

}



.caseRecenter li i {

	display: block;

	position: relative;

	padding: 30%;

	overflow: hidden;

	background: #fff;

	border: 1px solid #d8d8d8;

	border-radius: 5px 5px 0 0;

}



.caseCenter {

	max-width: 1200px;

	margin: 0 auto;

}



.contactBox iframe {

	display: none;

}



.caseRecenter li {

	margin-bottom: .3rem;

	-webkit-transition: .5s;

	transition: .5s;

	width: 33.333333333333333%;

}



.caseRecenter li:hover .caseListhide {

	width: 100%;

	height: 100%;

	top: 0%;

	left: 0;

	transform: rotateX(90deg);

	-webkit-transform: rotateX(360deg);

	-moz-transform: rotateX(90deg);

}



.caseList li:hover .caseText {

	background: transparent;

	border-bottom: 1px solid transparent;

}



.caseRecenter li:hover .caseListTitle {

	color: #fff;

}



.caseRecenter li:hover .caseLine {

	background: #fff;

}



.caseRecenter li:hover p {

	color: #fff;

}



.caseRecenter li .caseMore {

	font-size: .36rem;

	display: block;

	text-align: center;

	margin-top: .04rem;

	font-weight: 100;

	color: #fff;

}



.caseRecenter li .caseMore img {

	position: relative;

	animation: lr linear 3s infinite alternate;

}



.caseRecenter li .caseListTitle {

	font-size: .18rem;

	text-align: center;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: .1rem 5%;

	-webkit-transition: 1.2s;

	transition: 1.2s;

}



.caseReC {

	position: relative;

}



.caseRecenter li p {

	font-size: .14rem;

	line-height: 2;

	padding: 0 .1rem;

	height: .52rem;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	color: #666;

	text-align: center;

	-webkit-transition: 1.2s;

	transition: 1.2s;

}



.caseRecenter {

	margin-top: .3rem;

}



.caseRecenter .caseText {

	padding-bottom: .2rem;

}



.proList {

	padding-top: .4rem;

	margin-bottom: .4rem;

}



.proListL {

	margin-left: .121rem;

	position: relative;

	overflow: hidden;

}



.proBg {

	display: block;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #333;

	border-radius: 10px 10px 0 0;

	overflow: hidden;

	margin-bottom: 7px;

	display: block;

	height: 90px;

}



.prouctsTitle {

	position: relative;

	z-index: 1;

	/* padding-bottom: 0.13rem; */

}



.pro-ico {

	margin: .12rem auto 0rem;

	display: block;

}



.proListRsort1 {

	border-bottom: 1px solid #f2f2f2;

}



.proListRsort .proListRsort {

	border: 0;

}



.productss .proListRsort1 {

	border: 0;

	border-bottom: 1px solid #dededd;

	box-shadow: 0 0 0;

	margin-bottom: 0rem;

	padding-bottom: 0.1rem;

}



.prouctsTitle h3 {

	text-align: center;

	font-size: .22rem;

	color: #fff;

	padding: 0;

	margin: 0.1rem 0 0;

}



.proListRsort1 a {

	display: inline-block;

	margin-right: 20px;

	font-size: .14rem;

	line-height: 2.5;

	color: #666;

	-webkit-transition: .5s;

	transition: .5s;

}



.proListRsort1 a::before {

	content: "";

	display: inline-block;

	width: 5px;

	height: 5px;

	background: #333;

	border-radius: 50%;

	margin: 3px .07rem;

}



.proListTop {

	overflow: hidden;

}



.newsTop li {

	padding: 0 8px;

}



.prouctsTitle p {

	text-transform: uppercase;

	text-align: center;

	color: #fff;

	padding-top: 0rem;

	margin-bottom: 19px;

	font-size: 0.16rem;

}



.proList_classify {

	background: #fafafa;

	overflow: hidden;

}



.news_classify {

	overflow: hidden;

}



.proList_classify ul {}



.proList_classify ul li a.proListclass1 {

	position: relative;

	margin-top: .06rem;

}



.proList_classify ul li i {

	width: 3%;

	background: #fff;

	display: inline-block;

	height: 100%;

	position: absolute;

	top: 0;

	left: 2px;

}



.proList_classify ul li p {

	border: 1px solid #dededd;

	border-top: 1px solid #fff;

	padding-bottom: 10px;

	margin-top: 0;

	margin-bottom: 0;

}



.proListclass1 {

	padding: .12rem;
    margin-top:0.01rem;
	background: #333;

	display: block;

	width: 100%;

	padding-left: 6%;

	font-weight: bold;

	color: #fff;

	position: relative;

}



.proListclass1 span {

	width: 85%;

	margin-left: 2%;

	display: block;

	font-size: .16rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.proListclass1:hover {

	color: #fff;

}



.proList_classify ul li p a {

	border-bottom: 1px solid #f3f3f3;

	width: 94%;

	padding-top: 0;

	margin-left: 3%;

	display: block;

	margin: .05rem;

	padding-bottom: .05rem;

	position: relative;

}



.proList_classify ul li p a span {

	padding: .07rem;

	width: 90%;

	display: block;

	position: relative;

	z-index: 1;

	-webkit-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

	font-size: .15rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.proList_classify ul {

	margin-left: 0px;

	margin-right: 0px;

	display: block;

	overflow: hidden;

}



.proList_classify ul li p a b {

	position: absolute;

	width: 100%;

	height: 86%;

	background: #333;

	left: -108%;

	-webkit-transition: .5s;

	transition: .5s;

	border-radius: .04rem;

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

}



.proList_classify ul li p a:hover b {

	left: -0.07rem;

}



.proList_classify ul li p a.cur b {

	left: -0.07rem;

}



.proList_classify ul li p a.cur span {

	color: #fff;

}



.proList_classify ul li p a:hover span {

	color: #fff;

}



.proList_classify ul li p a span::before {

	width: 2px;

	padding: .05rem 0;

	margin-right: .1rem;

	vertical-align: middle;

	background: #dededd;

	content: "";

	display: inline-block;

	-webkit-transition: .5s;

	transition: .5s;

	height: .2rem;

	margin-left: 0.05rem;

}



.proHot {

	width: 100%;

	padding: .1rem 0 0.18rem;

	background: #fafafa;

	margin-top: 0.1rem;

}



.proHot i {

	display: block;

	font-size: .22rem;

	text-align: center;

}



.proHot i img {

	padding-right: .1rem;

}



.proList_sort1 {

	width: 100%;

	margin-top: .2rem;

	position: relative;

}



.proList_sort1 li {

	margin-bottom: .1rem;

}



.proList_sort1 ul li img {

	width: 100%;

}



.proList_sort1 ul li p a {

	display: block;

	text-align: center;

}





.proList_sortGd {

	width: 100%;

	margin-top: .2rem;

	position: relative;

}



.proList_sortGd li {

	margin-bottom: .1rem;

}



.proList_sortGd ul li img {

	width: 100%;

}



.proList_sortGd ul li p a {

	display: block;

	text-align: center;

}



.proHotimg {

	display: block;

	position: relative;

	padding: 36%;

	border: 5px solid #fff;

}



.proHotimg img {

	position: absolute;

	top: 0;

	left: 0;

	max-width: 100%;

	max-height: 100%;

	bottom: 0;

	right: 0;

	margin: auto;

}



.proHot_txt {

	text-align: center;

	display: block;

	line-height: .3rem;

	border-bottom: 1px solid #dededd;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.pro-next img {

	margin-left: 80%;

	cursor: pointer;

}



.pro-prev img {

	cursor: pointer;

	margin-left: 20%;

}



.newsHot {

	width: 100%;

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

	display: inline-block;

	vertical-align: bottom;

	font-size: .12rem;

}



.newsHot ul li i,

.newsHot ul li span {

	color: #999;

	-webkit-transform: translateX(-5px);

	transform: translateX(-5px);

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: .14rem;

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

	overflow: hidden;

	object-fit: cover;

	display: block;

}



.row1 {

	margin-left: -10px;

	margin-right: -10px;

}



.proListCenter i a::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

	position: absolute;

	top: 5%;

	right: 5%;

	bottom: 5%;

	left: 5%;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	z-index: 2;

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

}



.proListCenter i a::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

	position: absolute;

	top: 5%;

	right: 5%;

	bottom: 5%;

	left: 5%;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	z-index: 2;

}



.productsBorer:hover i a::before,

.productsBorer:hover i a::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



.pagination span.current {

	display: block;

	background: #333;

	color: #fff;

}



.productsBorer i {

	position: relative;

	padding: 0%;

	overflow: hidden;

	object-fit: cover;

	display: block;

	-webkit-transition: .5s;

	transition: .5s;

	width: 96%;

	margin: 2%

}



.productsBorer i::after {

	content: "";

	width: 0%;

	height: 0%;

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

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transition: .5s;

	transition: .5s;

	border-radius: .03rem

}



.proText {

	width: 96%;

	margin: 0 2%;

}



.productsBorer:hover i::after {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



.productss ul li {

	margin-bottom: .3rem;

}



.productsMore {

	display: block;

	margin-bottom: .4rem;

}



.border-left {

	width: 1px;

	height: 0px;

	background: #333;

	position: absolute;

	top: 0;

	left: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-right {

	width: 1px;

	height: 0px;

	background: #333;

	position: absolute;

	bottom: 0;

	right: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-top {

	width: 0px;

	height: 1px;

	background: #333;

	position: absolute;

	top: 0;

	left: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-bottom {

	width: 0px;

	height: 1px;

	background: #333;

	position: absolute;

	bottom: 0;

	right: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-proleft {

	width: 1px;

	height: 0px;

	background: #333;

	position: absolute;

	top: 0;

	left: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-proright {

	width: 1px;

	height: 0px;

	background: #333;

	position: absolute;

	bottom: 0;

	right: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-protop {

	width: 0px;

	height: 1px;

	background: #333;

	position: absolute;

	top: 0;

	left: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.border-probottom {

	width: 0px;

	height: 1px;

	background: #333;

	position: absolute;

	bottom: 0;

	right: 0%;

	-webkit-transition: .5s;

	transition: .5s;

}



.proListCenter li .productsBorer:hover .border-left {

	height: 100%;

}



.proListCenter li .productsBorer:hover .border-right {

	height: 100%;

}



.proListCenter li .productsBorer:hover .border-top {

	width: 100%;

}



.proListCenter li .productsBorer:hover .border-bottom {

	width: 100%;

}



.productsLil:hover .border-proleft {

	height: 100%;

}



.productsLil:hover .border-proright {

	height: 100%;

}



.productsLil:hover .border-protop {

	width: 100%;

}



.productsLil:hover .border-probottom {

	width: 100%;

}



.proListCenter i a img {

	position: absolute;

	top: 0;

	left: 0;

	max-width: 100%;

	max-height: 100%;

	right: 0;

	bottom: 0;

	margin: auto;

}



.proListRsort a:hover {

	color: #333;

}



.proListCenter ul li:hover .caseListhide {

	top: 0;

}



.proListCenter ul li:hover a.proListTitle {

	color: #333;

	border-bottom: 1px solid #dededd;

}



.proListCenter ul li:hover a.proMore {

	color: #333;

}



.proListCenter ul li:hover .productsBorer {}



.productsBorer {

	border: 1px solid #dededd;

	padding: 0;

	border-radius: .05rem;

	-webkit-transition: .5s;

	transition: .5s;

	position: relative;

}



.proText a.proListTitle {

	display: block;

	padding: .1rem 0;

	color: #4c4c4c;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition: .5s;

	transition: .5s;

	font-size: .14rem;

	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;

}



.btn-text-parent {

	position: relative;

	display: inline-block;

	overflow: hidden;

	vertical-align: bottom;

}



.wrap_text {

	display: inline-block;

}



.buildin-btn-text {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 9;

	width: 100%;

	transform: translateY(100%);

}



.buildin-btn-text .btn-letter {

	opacity: 0;

}



.btn-letter {

	display: inline-block;

	margin: 0em 0.05em;

	position: relative;

	transition: transform .6s, opacity .6s ease;

}



.current-btn-text .btn-letter:nth-child(1) {

	transition-delay: 49ms;

}



.current-btn-text .btn-letter:nth-child(2) {

	transition-delay: 99ms;

}



.current-btn-text .btn-letter:nth-child(3) {

	transition-delay: 149ms;

}



.current-btn-text .btn-letter:nth-child(4) {

	transition-delay: 199ms;

}



.current-btn-text .btn-letter:nth-child(5) {

	transition-delay: 249ms;

}



.current-btn-text .btn-letter:nth-child(6) {

	transition-delay: 299ms;

}



.current-btn-text .btn-letter:nth-child(7) {

	transition-delay: 349ms;

}



.current-btn-text .btn-letter:nth-child(8) {

	transition-delay: 399ms;

}



.current-btn-text .btn-letter:nth-child(9) {

	transition-delay: 449ms;

}



.current-btn-text .btn-letter:nth-child(10) {

	transition-delay: 499ms;

}



.current-btn-text .btn-letter:nth-child(11) {

	transition-delay: 549ms;

}



.current-btn-text .btn-letter:nth-child(12) {

	transition-delay: 599ms;

}



.current-btn-text .btn-letter:nth-child(13) {

	transition-delay: 649ms;

}



.current-btn-text .btn-letter:nth-child(14) {

	transition-delay: 699ms;

}



.current-btn-text .btn-letter:nth-child(15) {

	transition-delay: 749ms;

}



.current-btn-text .btn-letter:nth-child(16) {

	transition-delay: 799ms;

}



.current-btn-text .btn-letter:nth-child(17) {

	transition-delay: 849ms;

}



.current-btn-text .btn-letter:nth-child(18) {

	transition-delay: 899ms;

}



.current-btn-text .btn-letter:nth-child(19) {

	transition-delay: 949ms;

}



.current-btn-text .btn-letter:nth-child(20) {

	transition-delay: 999ms;

}



.current-btn-text .btn-letter:nth-child(21) {

	transition-delay: 1049ms;

}



.current-btn-text .btn-letter:nth-child(22) {

	transition-delay: 1099ms;

}



.current-btn-text .btn-letter:nth-child(23) {

	transition-delay: 1149ms;

}



.current-btn-text .btn-letter:nth-child(24) {

	transition-delay: 1199ms;

}



.current-btn-text .btn-letter:nth-child(25) {

	transition-delay: 1249ms;

}



.current-btn-text .btn-letter:nth-child(26) {

	transition-delay: 1299ms;

}



.current-btn-text .btn-letter:nth-child(27) {

	transition-delay: 1349ms;

}



.current-btn-text .btn-letter:nth-child(28) {

	transition-delay: 1399ms;

}



.current-btn-text .btn-letter:nth-child(29) {

	transition-delay: 1449ms;

}



.current-btn-text .btn-letter:nth-child(30) {

	transition-delay: 1499ms;

}



.buildin-btn-text .btn-letter:nth-child(1) {

	opacity: 0;

	transition-delay: 49ms;

}



.buildin-btn-text .btn-letter:nth-child(2) {

	opacity: 0;

	transition-delay: 99ms;

}



.buildin-btn-text .btn-letter:nth-child(3) {

	opacity: 0;

	transition-delay: 149ms;

}



.buildin-btn-text .btn-letter:nth-child(4) {

	opacity: 0;

	transition-delay: 199ms;

}



.buildin-btn-text .btn-letter:nth-child(5) {

	opacity: 0;

	transition-delay: 249ms;

}



.buildin-btn-text .btn-letter:nth-child(6) {

	opacity: 0;

	transition-delay: 299ms;

}



.buildin-btn-text .btn-letter:nth-child(7) {

	opacity: 0;

	transition-delay: 349ms;

}



.buildin-btn-text .btn-letter:nth-child(8) {

	opacity: 0;

	transition-delay: 399ms;

}



.buildin-btn-text .btn-letter:nth-child(9) {

	opacity: 0;

	transition-delay: 449ms;

}



.buildin-btn-text .btn-letter:nth-child(10) {

	opacity: 0;

	transition-delay: 499ms;

}



.buildin-btn-text .btn-letter:nth-child(11) {

	opacity: 0;

	transition-delay: 549ms;

}



.buildin-btn-text .btn-letter:nth-child(12) {

	opacity: 0;

	transition-delay: 599ms;

}



.buildin-btn-text .btn-letter:nth-child(13) {

	opacity: 0;

	transition-delay: 649ms;

}



.buildin-btn-text .btn-letter:nth-child(14) {

	opacity: 0;

	transition-delay: 699ms;

}



.buildin-btn-text .btn-letter:nth-child(15) {

	opacity: 0;

	transition-delay: 749ms;

}



.buildin-btn-text .btn-letter:nth-child(16) {

	opacity: 0;

	transition-delay: 799ms;

}



.buildin-btn-text .btn-letter:nth-child(17) {

	opacity: 0;

	transition-delay: 849ms;

}



.buildin-btn-text .btn-letter:nth-child(18) {

	opacity: 0;

	transition-delay: 899ms;

}



.buildin-btn-text .btn-letter:nth-child(19) {

	opacity: 0;

	transition-delay: 949ms;

}



.buildin-btn-text .btn-letter:nth-child(20) {

	opacity: 0;

	transition-delay: 999ms;

}



.buildin-btn-text .btn-letter:nth-child(21) {

	opacity: 0;

	transition-delay: 1049ms;

}



.buildin-btn-text .btn-letter:nth-child(22) {

	opacity: 0;

	transition-delay: 1099ms;

}



.buildin-btn-text .btn-letter:nth-child(23) {

	opacity: 0;

	transition-delay: 1149ms;

}



.buildin-btn-text .btn-letter:nth-child(24) {

	opacity: 0;

	transition-delay: 1199ms;

}



.buildin-btn-text .btn-letter:nth-child(25) {

	opacity: 0;

	transition-delay: 1249ms;

}



.buildin-btn-text .btn-letter:nth-child(26) {

	opacity: 0;

	transition-delay: 1299ms;

}



.buildin-btn-text .btn-letter:nth-child(27) {

	opacity: 0;

	transition-delay: 1349ms;

}



.buildin-btn-text .btn-letter:nth-child(28) {

	opacity: 0;

	transition-delay: 1399ms;

}



.buildin-btn-text .btn-letter:nth-child(29) {

	opacity: 0;

	transition-delay: 1449ms;

}



.buildin-btn-text .btn-letter:nth-child(30) {

	opacity: 0;

	transition-delay: 1499ms;

}



.caseTitleR>ul {

	position: relative;

}



.caseTitleR ul li {

	float: left;

	text-align: center;

	font-size: 15px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}



.caseTitleR ul li a {

	display: block;

	color: #666666;

	overflow: hidden;

	font-size: .15rem;

}



.pc-slide {

	width: 100%;

	margin: 0 auto;

}



.view .swiper-container {

	width: 100%;

}



.view .arrow-left {

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

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -25px;

	width: 38px;

	height: 37px;

	z-index: 10;

}



.view .arrow-left:after {

	content: "";

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

	overflow: hidden;

	padding: 49%;

	top: 0px;

	position: absolute;

}



.view .arrow-right:after {

	content: "";

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

	overflow: hidden;

	padding: 49%;

	top: 0px;

	position: absolute;

}



.view .arrow-right {

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

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -25px;

	width: 38px;

	height: 37px;

	z-index: 10;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 100%;

}



.preview .swiper-slide {

	width: 20%;

	cursor: pointer;

}



.preview .slide6 {

	width: 82px;

}



.preview .arrow-left {

	background: url(http://www.sxxmele.com/templates/pc_wjdh/images/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview .arrow-right {

	background: url(http://www.sxxmele.com/templates/pc_wjdh/images/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	padding: 1px;

}



.productTopImg i {

	display: block;

	position: relative;

	padding: 40%;

}



.messageBth {

	width: 1rem;

	height: 0.3rem;

	display: block;

	border: 1px solid #dedede;

	position: absolute;

	left: 36%;

	top: 70%;

	-webkit-transition: .5s;

	transition: .5s;

}



.messageBth:hover {

	background: #333;

	color: #fff;

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

}



.productTopImg img {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	max-width: 96%;

	max-height: 96%;

	margin: auto;

}



.productTopImg {

	padding: 0rem;

}



.productsTTOP:hover .casemImg {

	display: block;

}



.view {

	border: 1px solid #ededed;

}



.preview ul li span {

	display: block;

	position: relative;

	padding: 32.8%;

}



.preview ul li span img {

	position: absolute;

	top: 0;

	left: 0;

	max-width: 96%;

	max-height: 96%;

	bottom: 0;

	right: 0;

	margin: auto;

}



.contactBox ul li:last-child {

	border-right: 0;

}



.productRtopr h4 a {

	color: #333;

	font-weight: bold;

	-webkit-transition: .5s;

	transition: .5s;

	display: block;

}



.productRtopr h4 a:hover {

	color: #333;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.productRtopr p {

	height: 1.6rem;

	overflow: hidden;

}



.productRtopr span {

	font-size: .1rem;

	line-height: 2;

	color: #999;

	display: block;

	font-size: .12rem;

	height: .7rem;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	margin-top: 0.1rem;

}



.productRtopr h5 {

	font-weight: bold;

	font-size: .15rem;

	font-weight: bold;

	margin-top: .1rem;

	margin-bottom: 0.1rem;

}



.relevant a {

	display: inline-block;

	border: 1px solid #dededd;

	padding: .03rem .1rem;

	margin-bottom: .04rem;

	margin-right: .05rem;

	color: #808080;

	font-size: .14rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	max-width: 100%;

}



.relevant a:hover {

	color: #333;

}



.relevantImg ul li {

	width: 48%;

	margin: 0 1%;

	float: left;

}



.relevantImg ul li>a.relevantImgA {

	position: relative;

	padding: 34%;

	display: block;

	border: 1px solid #dededd;

}



.relevantImg ul li img {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	padding: .02rem;

}



.relevantImg ul li .relevantImgMore {

	display: block;

	text-align: center;

	line-height: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #808080;

}



.relevantImg ul li:hover .relevantImgMore {

	color: #333;

}



.productsMore {

	display: inline-block;

	padding: 0.05rem .1rem;

	border: 1px solid #dededd;

	margin-top: .3rem;

	margin-left: .3rem;

	-webkit-transition: .5s;

	transition: .5s;

	color: #737373;

}



.productsMore i {

	overflow: hidden;

	display: inline-block;

	width: .16rem;

	vertical-align: sub;

}



.productsMore:hover i img {

	border-left: 180px solid transparent;

	-webkit-filter: drop-shadow(-180px 0 0px #fff);

	filter: drop-shadow(-180px 0 0px #fff);

}



.productsMore:hover {

	background: #333;

	color: #fff;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.productsCtl {

	background: #333;

	padding: .05rem .1rem;

	border-radius: .03rem .03rem 0 0;

}



.productsCtl img {

	display: inline-block;

	margin-right: .05rem;

	margin-left: .2rem;

}



.productsCtl i {

	color: #fff;

	font-size: .16rem;

}



.productCenTop {

	overflow: hidden;

	margin-top: .1rem;

	border-bottom: 1px solid #dededd;

	position: relative;

}



.details {

	line-height: 1;

	text-transform: uppercase;

	color: #dededd;

	font-size: 0.16rem;

	margin-top: 0.1rem;

}



.detailsR {

	text-align: right;

	padding: 0;

}



.detailsR i img {

	padding: 0 0.05rem;

}



.casemImg1 {

	padding: .13rem .3rem .2rem .1rem;

	border: 1px solid #ddd;

	top: .3rem;

	right: .05rem;

	z-index: 2;

	background: #fff;

}



.casemImg1 b {

	display: block;

	text-align: left;

	padding-left: .1rem;

	padding-bottom: .07rem;

	font-weight: normal;

}



.casemImg1 ul li a {

	position: relative;

	padding: 80%;

	float: left;

}



.casemImg1 img {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0

}



.productsText {

	padding-bottom: .2rem;

	border-bottom: 1px solid #dededd;

}



.caseTab {

	padding-top: .4rem;

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

}



.productsText p {

	padding-top: .2rem;

	margin: 0;

	color: #999;

}



.caseTab ul li:hover {

	color: #fff;

}



.productsTTOP {

	position: relative;

}



.productsText img {

	max-width: 100%;

	margin: .2rem 0;

	height: auto;

}



.proMessage h4 {

	text-align: center;

	margin-top: .3rem;

	font-size: .24rem;

}



.proMessage p {

	font-size: .14rem;

	text-align: center;

	color: #666;

	margin-bottom: .2rem;

	font-family: arial;

}



.promessageBox input {

	border: 1px solid #dededd;

	padding: 0.07rem .1rem;

	display: block;

	width: 100%;

	padding-left: .14rem;

	text-indent: .14em;

	color: #666;

	background: #999;

	border-radius: 5px;

	font-size: .15rem;

	text-indent: 1.5em;

}



::-webkit-input-placeholder {

	color: #999;

	font-size: .16rem;

}



::-moz-placeholder {

	color: #999;

	font-size: .16rem;

}



:-ms-input-placeholder {

	color: #999;

	font-size: .16rem;

}



.contactBox input::placeholder {

	color: #999;

}



.promessageBox input::placeholder {

	color: #999;

}



.promessageBox input.pro-name {

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

}



.promessageBox input.pro-tel {

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

}



.promessageBox input.pro-email {

	background: url(http://www.sxxmele.com/templates/pc_wjdh/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: .98rem;

	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(http://www.sxxmele.com/templates/pc_wjdh/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: .1rem;

	overflow: hidden;

	box-shadow: 0 -5px 12px rgba(0, 0, 0, .03);

	margin-bottom: 0.1rem;

}



.newsCenterTopl a {

	display: block;

	position: relative;

	padding: 32%;

	overflow: hidden;

	border: 1px solid #f2f2f2;

}



.newsCenterTopl a img {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	max-width: 98%;

	max-height: 98%;

	-webkit-transition: 1s;

	transition: 1s;

}



.newsCenterTop:hover a img {

	-webkit-transform: scale(1.02);

	transform: scale(1.02);

	opacity: .8;

}



.newsCenterTopr h4 a {

	font-size: .2rem;

	display: block;

	line-height: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #333;

	-webkit-transition: 1s;

	transition: 1s;

}



.newsCenterTop:hover h4 a {

	color: #333;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.newsCenterTopr p {

	font-size: .15rem;

	line-height: 2;

	height: .54rem;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	color: #999;

}



.newsCenterTopr span {

	margin-top: .3rem;

	display: block;

	color: #999;

}



.newsCenterTopr span img {

	display: inline-block;

	vertical-align: inherit;

	padding-right: .06rem;

}



.newsCemterb ul li {

	overflow: hidden;

	box-shadow: 0 0 16px rgba(0, 0, 0, .1);

}



.newsCenterb ul li .newsCenterbImg {

	position: relative;

	padding: 18%;

	display: block;

	background: #fafafa;

}



.newsCenterb ul li .newsCenterbImg img {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	max-width: 100%;

	margin: auto;

	max-height: 100%;

}



.newsCenterbImg::after {

	content: "";

	top: 8%;

	right: 5%;

	bottom: 8%;

	left: 5%;

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1, 0);

	-moz-transform: scale(1, 0);

	-o-transform: scale(1, 0);

	transform: scale(1, 0);

	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-o-transform-origin: 100% 0;

	transform-origin: 100% 0;

	position: absolute;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .4s, -webkit-transform .4s;

	-moz-transition: opacity .4s, -moz-transform .4s;

	-o-transition: opacity .4s, -o-transform .4s;

	transition: opacity .4s, transform .4s;

}



.newsCenterbImg::before {

	top: 8%;

	right: 5%;

	bottom: 8%;

	z-index: 2;

	left: 5%;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0, 1);

	-moz-transform: scale(0, 1);

	-o-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-o-transform-origin: 0 0;

	transform-origin: 0 0;

	position: absolute;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .4s, -webkit-transform .4s;

	-moz-transition: opacity .4s, -moz-transform .4s;

	-o-transition: opacity .4s, -o-transform .4s;

	transition: opacity .4s, transform .4s;

}



.newsCenterbImg i {

	display: block;

	width: 0%;

	height: 0%;

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

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	-webkit-transition: .5s;

	transition: .5s;

}



.newsCenterb ul li:hover .newsCenterbImg i {

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.newsCenterb ul li:hover .newsCenterbTextr a {

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.newsCenterbImg::before,

.newsCenterbImg::after {

	position: absolute;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .4s, -webkit-transform .4s;

	-moz-transition: opacity .4s, -moz-transform .4s;

	-o-transition: opacity .4s, -o-transform .4s;

	transition: opacity .4s, transform .4s;

}



.newsCenterb ul li:hover .newsCenterbImg::before,

.newsCenterb ul li:hover .newsCenterbImg::after {

	content: "";

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.nwesCenterbText {

	overflow-y: hidden;

	padding-bottom: .05rem;

}



.nwesCenterbText span {

	display: block;

	width: 20%;

	margin: .1rem;

	border: 1px solid #dededd;

	font-size: .25rem;

	line-height: 1;

	padding: .1rem .12rem;

	color: #999;

	float: left;

}



.nwesCenterbText span i {

	font-size: .15rem;

	display: block;

	padding-top: .04rem;

	padding-bottom: 0rem;

}



.newsCenterbTextr {

	padding: 0 .2rem 0 0;

	width: 74.4%;

	float: left;

	background: url(../img/newsIco04.png) no-repeat 97% center;

}



.newsCenterbTextr a {

	padding: .16rem 0 0;

	display: block;

	font-size: .16rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition: .5s;

	transition: .5s;

	width: 90%;

}



.newsCenterbTextr p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

	line-height: 2.7;

	margin: 0;

	font-size: .15rem;

	width: 96%;

	color: #808080;

}



.proHot_txt {

	display: block;

	font-size: .14rem;

	line-height: 3;

	color: #4c4c4c;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.caseMenuL {

	font-size: .14rem;

}



.newsCenter {

	overflow: hidden;

	-webkit-transition: .5s;

	transition: .5s;

	border-bottom: 1px solid #dededd;

}



.newsCenterb ul li {

	margin-top: .3rem;

}



.newsCenterb ul li:hover .newsCenter {

	box-shadow: 0 0 16px rgba(0, 0, 0, .1);

	border-bottom: 1px solid #fff;

}



.newsCenterb ul li:hover a {

	color: #333;

}



.newsdetails {

	padding: 0 2%;

	overflow: hidden;

	padding-bottom: .2rem;

}



.newsdetails .casemImg {

	top: .5rem;

}



.newsdetails .caseCenter h3 {

	padding-top: 0;

}



.aboutTitle a {

	display: block;

	text-align: center;

	font-size: .16rem;

	padding-top: .1rem;

	color: #333;

}



.newsTop ul li a.newsImg {

	position: relative;

	padding: 34%;

	display: block;

	overflow: hidden;

	border-bottom: 1px solid #f2f2f2;

}



.newsTop ul li a.newsImg img {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: 0 auto;

	width: 100%;

	height: 100%;

	border-radius: 6px 6px 0 0;

}



.newsText {

	font-size: .15rem;

	display: block;

	padding: .1rem 0;

}



.newsTopcenter {

	border: 1px solid #dededd;

	-webkit-transition: .8s;

	transition: .8s;

	margin-bottom: .2rem;

	border-radius: 6px 6px 0 0;

}



.newsTopcenter .newsText {

	padding: 0 .07rem;

	margin: .05rem 0;

	margin-bottom: .15rem;

	height: .46rem;

	-webkit-transition: .5s;

	transition: .5s;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-size: .15rem;

	-webkit-transition: 1s;

	transition: 1s;

}



.newsTop {

	margin-top: .3rem;

	-webkit-transition: .5s;

	transition: .5s;

	overflow: hidden;

}



.newsTopcenter span {

	margin: 0 .07rem .1rem;

	width: 96%;

	padding-right: 30%;

	display: block;

	background: url(../img/newsListMore.png) no-repeat 96% center;

	-webkit-transition: .5s;

	transition: .5s;

	font-size: .15rem;

	color: #999;

}



.newsTop ul li:hover .newsTopcenter {

	-webkit-transform: translateX(-5px);

	transform: translateX(-5px);

	background: #333;

	box-shadow: 0 0 16px rgba(0, 0, 0, .1);

}



.newsTop ul li:hover .newsText {

	color: #fff;

}



.newsTop ul li:hover .newsTopcenter span {

	color: #fff;

	background: url(../img/newsListMore2.png) no-repeat 96% center;

}



.newsTop ul li:hover a.newsImg {

	background: #fff;

}



.newsListCenter {

	margin-top: .3rem;

	-webkit-transition: .5s;

	transition: .5s;

}



.newsListLImg {

	display: block;

	position: relative;

	-webkit-transition: .5s;

	transition: .5s;

	overflow: hidden;

}



.newsListLImg::after {

	content: "";

	opacity: 0;

	transform: scale(1.5);

	transition: all 0.4s ease-in-out;

	font-weight: normal;

	border: 1px solid white;

	height: 2.68rem;

	width: 90%;

	position: absolute;

	top: 0.18rem;

	left: 5%;

	padding: 70px;

	display: inline-block;

	text-decoration: none;

	padding: 7px 14px;

	text-transform: uppercase;

	color: #fff;

	border: 1px solid #fff;

	border-radius: 0px;

	background-color: transparent;

}



.newsListLImg img {

	width: 100%;

}



.newsListLcenter img {}



.newsListLcenter:hover .newsListLImg::after {

	opacity: 1;

	content: "";

	transform: scale(1);

	background-color: transparent;

}



.newsListLtext {

	padding: 4.1% .2rem;

	-webkit-transition: .5s;

	transition: .5s;

	position: absolute;

	z-index: 3;

	bottom: 0;

	background: #fff;

	width: 100%;

}



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

	font-size: .15rem;

	-webkit-transition: .5s;

	transition: .5s;

	-webkit-transition: .5s;

	transition: .5s;

	line-height: 2;

}



.page-content {

	margin: .2rem 0;

	overflow: hidden;

	font-size: .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;

	font-weight: bold;

	line-height: .2rem;

}



.newsQa ul li p {

	margin-top: .15rem;

}



.newsQa ul li b {

	margin: 0 .1rem;

	float: left;

	width: 85%;

	font-weight: normal;

	background: #fcfcfc;

	font-size: 0.15rem;

	padding: .03rem .1rem;

	color: #999;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	line-height: 2;

	padding-bottom: .08rem;

}



.newsQa ul li a {

	margin: 0 .1rem;

	float: left;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 85%;

	font-weight: normal;

	background: #fcfcfc;

	padding: .05rem .1rem;

	font-size: .15rem;

	cursor: url(../img/curpo.png), default;

}



.newsQa ul li:hover a {

	color: #333

}



.newsQa ul li i::after {

	content: "";

	clear: both;

	display: block;

}



.newsQa ul li p span {

	background: #333;

}



.newsQa {

	overflow: hidden;

	padding-bottom: .5rem;

	margin-top: .3rem;

	cursor: url(../img/curpo.png), default;

}



.content-show {

	border: 18px solid #f4f4f4;

	padding: 22px;

	background-color: #fff;

	margin: .2rem 0;

}



.wjdh-map {

	position: relative;

}



.wjdh-map #r-result {

	position: absolute;

	right: 0;

	top: 0;

	width: 450px;

	max-height: 500px;

	overflow-y: scroll;

	overflow-x: hidden;

	z-index: 99;

}



.wjdh-map #wmap {

	width: 100%;

	height: 500px;

}



.driving-way {

	font-family: 'Microsoft JhengHei';

}



.driving-way .hd li.on {

	background-color: #333;

	color: #fff;

}



.driving-way .hd li {

	float: left;

	font-size: 15px;

	width: 50%;

	height: 50px;

	line-height: 50px;

	background-color: #eee;

	text-indent: 80px;

	cursor: pointer;

}



.driving-way .map-tab {

	padding: 20px 0;

}



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

	position: relative;

	float: left;

	font-size: 16px;

	padding-left: 50px;

	width: 100px;

	height: 50px;

	line-height: 50px;

}



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

	_background: url(http://www.sxxmele.com/templates/pc_wjdh/img/checkbox.png) no-repeat 10px center;

	*background: url(http://www.sxxmele.com/templates/pc_wjdh/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;

}



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

}



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

}



.driving-way .map-go ul:before {

	transform: rotateX(180deg);

}



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

	content: '';

	display: block;

	width: 6px;

	height: 6px;

	background-color: #666;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -3px;

	margin-top: -3px;

	opacity: 0;

}



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

	width: 14px;

	height: 14px;

	display: block;

	border: 3px solid #666;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -10px;

}



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

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

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

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

}



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

	width: 14px;

	height: 14px;

	display: block;

	border: 3px solid #666;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -10px;

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

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

}



.newsdetails .casemImg {

	top: .35rem;

	right: -.5rem;

}



.aboutTop:hover .aboutL img {

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}



.honorImg span {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	display: block;

	overflow: hidden;

}



.honorImg span::before {

	content: "";

	width: 0;

	height: 100%;

	background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center -.2rem;

	padding: 14px 18px;

	position: absolute;

	top: 0;

	left: 50%;

	opacity: 0;

	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;

}



.honor ul li:hover .honorImg span::before {

	width: 100%;

	left: 0;

	opacity: 1;

	background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center center;

}



.buildin-btn-text {

	position: absolute;

	left: 0;

	top: 0%;

	z-index: 9;

	width: 100%;

	transform: translateY(100%);

}



.honorMore::after,

.honorMore::before {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	border-top: 1px solid transparent;

	bottom: 0;

	content: " ";

	display: block;

	margin: 0 auto;

	position: relative;

	-webkit-transition: all 280ms ease-in-out;

	transition: all 280ms ease-in-out;

	width: 0;

}



.honor ul li:hover .honorMore::after,

.honor ul li:hover .honorMore::before {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	border-color: #ddd;

	-webkit-transition: width 350ms ease-in-out;

	transition: width 350ms ease-in-out;

	width: 90%;

	content: "";

}



.honorMore:hover::before {

	bottom: auto;

	top: 0;

	width: 90%;

}



.honor ul li:hover .honorMore {

	color: #333;

}



.contact ul li .contactBottom::before {

	content: "";

	width: 90%;

	height: 1px;

	border-top: 0;

	border-bottom: 1px solid #ddd;

	position: absolute;

	top: 99%;

	left: 5%;

	opacity: 1;

	-webkit-transition: .5s;

	transition: .5s;

}



.contact ul li:hover .contactBottom::after {

	content: "";

	bottom: 81px;

	right: -306px;

}



.contactTop span:after {

	content: ""

}



.contact ul li:hover .contactBottom::before {

	content: "";

	height: 101%;

	top: 0%;

	opacity: 1;

	border-top: 1px solid #ddd;

}



.contact ul li:hover .contactBottom {

	background: #f3f3f3;

}



.contactTop i {

	display: block;

	width: 50px;

	height: 1px;

	background: #ddd;

	margin: 0 auto;

	position: absolute;

	left: 43.5%;

	top: 1.8rem;

}



@keyframes newsd {

	0% {

		background: url(../img/newsIco04.png) no-repeat 97% center;

	}



	50% {

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

	}



	100% {

		background: url(../img/newsIco04.png) no-repeat 97% center;

	}

}



.newsCenterb ul li:hover .newsCenterbTextr {

	animation: newsd linear 1s infinite alternate;

}



.newsImg::before {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 102%;

	height: 103%;

	border: 2px solid #fff;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);

	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition: .8s;

	transition: .8s;

}



.newsTop ul li:hover .newsImg::before {

	opacity: 1;

	background-color: rgba(0, 0, 0, 0.2);

	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);

	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1);

	z-index: 2;

}



@keyframes lr {

	0% {

		-webkit-transform: translateX(-5px);

		transform: translateX(-5px);

	}



	25% {

		-webkit-transform: translateX(5px);

		transform: translateX(5px);

	}



	50% {

		-webkit-transform: translateX(-5px);

		transform: translateX(-5px);

	}



	75% {

		-webkit-transform: translateX(5px);

		transform: translateX(5px);

	}



	100% {

		-webkit-transform: translateX(-5px);

		transform: translateX(-5px);

	}

}



@keyframes tb {

	0% {

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

		transform: translateY(-5px);

	}



	25% {

		-webkit-transform: translateY(5px);

		transform: translateY(5px);

	}



	50% {

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

		transform: translateY(-5px);

	}



	75% {

		-webkit-transform: translateY(5px);

		transform: translateY(5px);

	}



	100% {

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

		transform: translateY(-5px);

	}

}



.promessageBox input.a-bth {

	text-indent: 0rem;

	color: #fff;

	position: relative;

	-webkit-transition: .5s;

	transition: .5s;

	margin-top: .2rem;

	display: block;

}



.promessageBox input.a-bth::after {

	width: 50%;

	left: 50%;

	background: #333;

	position: absolute;

	content: "";

}



.promessageBox input.a-bth::after:hover {

	width: 100%;

	height: 100%;

	background: #333;

	content: "";

}



.caseTitleR ul li {}



.caseTitleR ul li a {

	position: relative;

}



.caseTitleR ul li .ctc {

	display: block;

	width: 0;

	position: absolute;

	left: 0px;

	top: 0px;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transition: all .8s ease-out;

	transition: all .8s ease-out;

	opacity: 0;

	font-size: 0.15rem;

}



.caseTitleR ul li:hover .ctc {

	width: 100%;

	color: #333;

	opacity: 1;

}



.caseTitleR ul li .gaoliang .ctc {

	width: 100%;

	color: #333;

	opacity: 1;

}



.news_classify ul li .gaoliang i {

	left: .18rem;

}



.news_classify ul li .gaoliang span {

	color: #fff;

	background: url(../img/newsIco3.png) no-repeat 90% center;

}



.news_classify ul li .gaoliang b {

	left: 0;

}



.caseTitleR ul li span::before {

	width: .1rem;

	height: .1rem;

	border: 2px solid #333;

	content: "";

	display: inline-block;

	margin-right: 10px;

	border-radius: 50%;

	line-height: .2rem;

	vertical-align: revert;

	border-color: #333;

}



.caseTitleR ul li a {

	position: relative;

}



.caseTitleR ul li .ctc {

	display: block;

	width: 0;

	position: absolute;

	left: 0px;

	top: 0px;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transition: all .8s ease-out;

	transition: all .8s ease-out;

	opacity: 0;

}



.caseTitleR ul li:hover .ctc {

	width: 100%;

	color: #333;

	opacity: 1;

}



.caseTitleR ul li span::before {

	width: .1rem;

	height: .1rem;

	border: 2px solid #333;

	content: "";

	display: inline-block;

	margin-right: 10px;

	border-radius: 50%;

	line-height: .2rem;

	vertical-align: unset;

	border-color: #333;

}



.proListclass2 {

	width: 82%;

	color: #fff;

	display: inline-block;

	font-size: .16rem;

	margin-left: .05rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative;

	z-index: 2;

}



.caseLdd {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	border-radius: 0 0 .03rem .03rem;

	-webkit-transition: .5s;

	transition: .5s;

	border-radius: 5px;

	border-radius: 5px 5px 0 0;

}



.caseLdd:hover .caseText {

	border-radius: 0 0 .03rem .03rem;

}



.caseLdd:hover {

	box-shadow: 0 0 16px rgba(0, 0, 0, .1);

}



.caseLdd .button_text_container {

	width: 0%;

	height: 0%;

	position: absolute;

	top: 100%;

	left: 0;

	background: #0258b8;

	z-index: -1;

	-webkit-transition: 1.2s;

	transition: 1.2s;

	border-radius: 50%;

}



.caseLdd:hover .button_text_container {

	top: 0;

	left: -25%;

	width: 150%;

	height: 150%;

	background: #333;

}



.proListclass1 b {

	display: inline-block;

	width: 15%;

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

	overflow: hidden;

	cursor: pointer;

	padding: .1rem 0;

	vertical-align: bottom;

	transition: all .4s;

	-webkit-transform: rotate(0);

	transform: rotate(0);

	position: relative;

	z-index: 2;

}



.proListclass1 i {

	position: absolute;

	width: 3px;

	height: 100%;

	top: 0;

	left: .03rem;

	background: #fff;

	z-index: 3

}



.proListclass1 b.active {

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

}



.proListclass2:hover {

	color: #fff !important;

}



.bdsharebuttonbox {

	zoom: 1;

	display: inline-flex;

	vertical-align: middle;

	margin-left: 10px;



}



.button_text_container {

	position: absolute;

	top: 0;

	left: 0;

}



.detailsR {

	width: 35%;

	margin-top: .04rem;

}



.productsCC {

	overflow: hidden;

	border-bottom: 1px solid #ededed;

	padding-left: -15px;

	padding-right: -15px;

}



.scan {

	color: #666;

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

	background-repeat: no-repeat;

	background-position: left center;

	padding: 0px 0 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: 437px;

}



.pc-slide .view {

	height: 437px;

}



.relevant {

	overflow: hidden;

	max-height: 0.7rem;

	margin-bottom: 0.2rem;

}



.caseRe img {

	display: inline-block;

}



.caseREimg {

	width: .32rem;

	height: .25rem;

	overflow: hidden;

	display: inline-block;

	float: none;

	margin-top: 6px;

	vertical-align: sub;

}



.caseContainer p,

.caseContainer span,

.productsText p,

.productsText span {

	font-size: 0.15rem;

}



.productsCC img {

	display: inline-block;

}



.dd {}



.proListclass1:before {

	content: "";

	position: absolute;

	top: -100%;

	left: 0%;

	width: 100%;

	height: 100%;

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

	-webkit-transition: .5s;

	z-index: 1;

}



.dd:before {

	position: absolute;

	top: 0;

	left: 0%;

	width: 100%;

	height: 100%;

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

	-webkit-transition: .5s;

	z-index: 1;

}



.sidepromenu:hover .proListclass1:before {

	top: 0;

}



@media (max-width:1200px) {

	.caseMenu {

		width: 100%;

		height: auto;

		background: none;

		padding-bottom: .1rem;

	}



	.caseMenuTop {

		display: none;

	}



	.caseMenuBottom {

		padding-top: 0rem;

	}



	.caseMenuBottom .caseTitleL {

		padding-top: .12rem;

		padding-bottom: .12rem;

		text-align: center;

		font-size: .2rem;

		background: #f4f5f8;

	}



	.caseMenuBottom .caseTitleL i {

		padding-right: .05rem;

	}



	.caseMenuBottom .caseTitleR ul {

		padding-top: .3rem;

	}



	.caseMenuBottom .caseTitleR ul li {

		margin-top: .1rem;

		padding: .04rem .08rem;

	}



	.caseTab ul li span {

		width: 1.6rem;

		font-size: .15rem;

	}



	.proListTop img {

		display: none;

	}



	.proList {

		padding-top: .2rem;

	}



	.prouctsTitle h3 {

		color: #333;

	}



	.prouctsTitle p {

		color: #666;

	}



	.proList_classify ul li p {

		display: none;

	}



	.proHot,

	.newsHot {

		display: none;

	}



	.proListRtop {

		display: none;

	}



	.proListRsort {

		display: none;

	}



	.productsBorer {

		padding: .05rem;

	}



	.proListCenter ul {

		margin-right: -15px;

		margin-left: -15px;

	}



	.proListclass1 {

		background: #f1f1f1;

		border-bottom: 1px solid #fff;

	}



	.proListclass1 b {

		display: none;

	}



	.proListclass1 a {

		color: #333;

		width: 100%;

		display: block;

		text-align: center;

		font-weight: normal;

	}



	.proListclass2:hover {

		color: #333;

	}



	.proList_classify ul li i {

		display: none;

	}



	.proListclass1 span {

		width: 100%;

		font-size: 1.4rem;

		font-weight: normal;

		color: #333;

	}



	.proListCenter ul li:hover .productsBorer {

		border: 1px solid #dededd;

	}



	.proListCenter ul li:hover .caseListhide {

		top: -100%;

	}



	.proListCenter li {

		margin-top: .1rem;

		margin-bottom: .1rem;

	}



	.proListCenter ul li:hover a.proListTitle {

		color: #333;

		border-bottom: 1px solid #dededd;

	}



	.proListCenter ul li:hover a.proMore {

		color: #999;

	}



	.proListclass1 a {

		color: #fff;

	}

}



.baidu-maps label {

	max-width: none;

}



@media (max-width:992px) {

	.col-md-1 {

		width: 8.33333333%;

	}



	.col-md-2 {

		width: 16.6666666%;

	}



	.col-md-3 {

		width: 25%;

	}



	.col-md-4 {

		width: 33.33333333%;

	}



	.col-md-5 {

		width: 41.66666666%;

	}



	.col-md-6 {

		width: 50%;

	}



	.col-md-7 {

		width: 58.33333333%;

	}



	.col-md-8 {

		width: 66.66666666%;

	}



	.col-md-9 {

		width: 75%;

	}



	.col-md-10 {

		width: 83.33333333%;

	}



	.col-md-11 {

		width: 91.666666666;

	}



	.col-md-12 {

		width: 100%;

	}



	.caseMenuTop {

		display: none;

	}



	.caseMenuBottom .caseTitleR ul {

		padding-top: .1rem;

	}



	.caseMenuBottom .caseTitleR ul li {

		padding-right: .05rem;

	}



	.caseTab ul li b {

		display: none;

	}



	.caseRel i {

		display: block;

		text-align: center;

		font-size: .2rem;

	}



	.proListclass1 a {

		color: #fff;

	}

}



@media (max-width:768px) {

	.proListclass1 a {

		color: #fff;

	}



	.col-sm-1 {

		width: 8.33333333%;

	}



	.col-sm-2 {

		width: 16.6666666%;

	}



	.col-sm-3 {

		width: 25%;

	}



	.col-sm-4 {

		width: 33.33333333%;

	}



	.col-sm-5 {

		width: 41.66666666%;

	}



	.col-sm-6 {

		width: 50%;

	}



	.col-sm-7 {

		width: 58.33333333%;

	}



	.col-sm-8 {

		width: 66.66666666%;

	}



	.col-sm-9 {

		width: 75%;

	}



	.col-sm-10 {

		width: 83.33333333%;

	}



	.col-sm-11 {

		width: 91.666666666;

	}



	.col-sm-12 {

		width: 100%;

	}



	.caseMenuBottom .caseTitleR ul {

		padding-top: .1rem;

	}



	.caseMenuBottom .caseTitleR ul li {

		padding: .05rem 0.2rem;

	}



	.caseRer {

		display: none;

	}



	.caseList {

		padding-top: .2rem;

	}



	.caseTitleR ul li:hover {

		box-shadow: 0 0 0;

	}



	.caseList li:hover .caseText {

		background: #fff;

	}



	.caseList li .caseListTitle {

		font-size: .14rem;

		font-weight: normal;

	}



	.caseList li:hover .caseListTitle {

		font-weight: bold;

		font-weight: normal;

	}



	.caseList li {

		margin-bottom: .2rem;

	}



	.caseList li:hover .caseListTitle {

		color: #333;

	}



	.caseList li p {

		font-size: 1.2rem;

		line-height: 1.5rem;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 4;

		overflow: hidden;

		height: .6rem;

		font-size: .15rem;

		padding: 0 .05rem;

	}



	.caseText {

		padding-top: 0;

		padding-bottom: .05rem;

	}



	.caseList li .caseMore {

		display: none;

	}



	.caseLine {

		display: none;

	}



	.caseList li:hover p {

		color: #666;

	}



	.caseList li:hover .caseListhide {

		top: -102%;

	}



	.caseContainer {

		padding-bottom: .4rem;

	}



	.caseTab ul li img {

		display: none;

	}



	.caseTab ul li span {

		display: none;

	}



	.caseTab ul li i {

		display: block;

		margin: 0 auto;

	}



	.caseTab ul li i.caseCenterIco2 {

		display: block;

		float: right;

		padding: .25rem;

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

	}



	.caseTab ul li {

		padding: 0 .2rem;

		background: #ededed;

	}



	.caseTab {

		margin-top: .2rem;

	}



	.caseCenter h3 {

		font-size: .2rem;

		line-height: .13rem;

	}



	.caseRecenter li .caseMore {

		display: none;

	}



	.caseRecenter li p {

		font-size: .14rem;

		line-height: .2rem;

		padding: 0 .1rem;

		line-height: .2rem;

		height: .8rem;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 4;

		overflow: hidden;

		color: #666;

	}



	.caseRecenter .caseText {

		background: #f2f2f2;

		padding-bottom: 1rem;

	}



	.caseRe i {

		display: block;

		text-align: center;

		font-size: .24rem;

	}



	.proListTop img {

		display: none;

	}



	.proList {

		padding-top: .2rem;

	}



	.prouctsTitle h3 {

		color: #333;

	}



	.prouctsTitle p {

		color: #666;

	}



	.proList_classify ul li p {

		display: none;

	}



	.proHot,

	.newsHot {

		display: none;

	}



	.proListRtop {

		display: none;

	}



	.proListRsort {

		display: none;

	}



	.productsBorer {

		padding: .05rem;

	}



	.proListCenter ul {

		margin-right: -15px;

		margin-left: -15px;

	}



	.proListclass1 {

		background: #f1f1f1;

	}



	.proList_classify ul li i {

		display: none;

	}



	.proListclass1 span {

		width: 100%;

		font-size: .14rem;

		font-weight: normal;

		color: #333;

	}



	.proListCenter ul li:hover .productsBorer {

		border: 1px solid #dededd;

	}



	.proListCenter ul li:hover .caseListhide {

		top: -100%;

	}



	.proListCenter li {

		margin-top: 0;

		margin-bottom: .1rem;

	}



	.proListCenter ul li:hover a.proListTitle {

		color: #333;

		border-bottom: 1px solid #dededd;

	}



	.proListCenter ul li:hover a.proMore {

		color: #999;

	}



	.pro_page {

		margin: 0;

		text-align: center;

	}



	.proList_sort ul li:hover .proHot_txt {

		color: #333;

	}



	.proList_classify {

		margin-left: 15px;

		margin-right: 15px;

	}



	.exzoom .exzoom_zoom_outer {

		display: none

	}



	.productRtopr h4 {

		display: none;

	}



	.productRtopr p {

		display: none;

	}



	.productRtopr h5 {

		display: none;

	}



	.relevant {

		display: none;

	}



	.relevantImg {

		display: none;

	}



	.details {

		display: none;

	}



	.detailsR {

		display: none;

	}



	.promessageBox input {

		margin-top: .1rem;

	}



	.textarea {

		min-height: .8rem;

	}



	.show {

		height: 1.4rem;

	}



	.show img {

		height: 1.4rem;

	}



	.smallshow>.middle_box {

		width: 78%;

	}



	.productRtopl {

		padding-left: -15px;

		padding-right: -15px;

	}



	.smallshow .middle>li {

		padding: 0 1%;

	}



	.bg_right {

		display: none;

	}



	.mask {

		display: none;

	}



	.smallshow .middle {

		overflow: hidden;

		transition: all 0.5s;

		height: .4rem;

	}



	.smallshow .middle>li {

		width: 21%;

	}



	.prolistImgd {

		padding: 0px;

		margin-bottom: .1rem;

	}



	.productsLil i {

		display: none;

	}



	.productsLil {

		margin-top: .1rem;

		margin-bottom: .1rem;

	}



	.productsLir i {

		margin-bottom: 0;

	}



	.productsLir {

		padding: 0;

	}



	.productss .proListRsort {

		border-bottom: 1px solid #dededd;

		box-shadow: 0 0 0;

		margin-bottom: 0rem;

	}



	.aboutTop {

		background: none;

	}



	.aboutL {

		padding-right: 0;

		padding-bottom: 0;

	}



	.aboutR h4 {

		font-size: .18rem;

	}



	.aboutR {

		padding-top: .1rem;

		color: #333;

	}



	.aboutR h4 {

		color: #333;

		text-align: center;

	}



	.aboutR span {

		display: block;

		color: #333;

		text-align: center;

		color: #999;

	}



	.aboutR p {

		color: #333;

		height: auto;

	}



	.aboutLine {

		margin: .4rem auto;

		background: #666;

	}



	.aboutTitle h3 {

		margin-top: .2rem;

		font-size: .2rem;

	}



	.aboutTitle span {

		padding-top: 0;

	}



	.honor ul li {

		margin-top: .1rem;

	}



	.contact ul li:hover .contactBottom {

		background: none;

	}



	.contact ul li:hover .contactTop {

		background: none;

	}



	.contact ul li:hover h4.contactmeg {

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

	}



	.contact ul li:hover h4.contactNetwork {

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

	}



	.contact ul li:hover h4.contactService {

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

	}



	.contact ul li:hover .contactTop h4 {

		color: #333;

	}



	.contact ul li:hover .contactTop span {

		color: #666;

	}



	.contactBottom {

		padding: 0.1rem 0;

	}



	.contact ul li:first-child .contactBottom {

		padding: 0.1rem 0 .8rem;

	}



	.contact ul li {

		margin-top: .2rem;

	}



	.contactTop {

		padding: .1rem 0;

	}



	.contact {

		padding-bottom: .2rem;

	}



	.contactBox ul li {

		padding: 0 3%;

		margin: .2rem 0;

		height: auto;

	}



	.contactList ul li h4 {

		line-height: 2;

	}



	.contactBox {

		margin-top: 0;

	}



	.aboutTitle p {

		padding: .2rem 5%;

		text-align: left;

		text-indent: .2em;

	}



	.news_classify {

		padding-left: 15px;

		padding-right: 15px;

	}



	.news_classify ul li a {

		background: #f2f2f2;

	}



	.news_classify ul li b {

		display: none;

	}



	.news_classify ul li i {

		display: none;

	}



	.newsCenterTop {

		padding: .1rem;

		margin-top: .2rem;

		border-radius: .5px;

	}



	.newsCenterT,

	.newsCenterTopl,

	.newsCenterTopr {

		padding-left: 0;

		padding-right: 0;

	}



	.nwesCenterbText span {

		display: none;

	}



	.newsCenterbTextr {

		width: 100%;

		padding: 0 8% 1%;

	}



	.honorMore1 {

		margin-bottom: 0.2rem;

	}



	.bdshare-button-style1-16 {

		display: none;

	}



	.newsCenterb ul li {

		padding-left: 0;

		padding-right: 0;

		box-shadow: 0 0 16px rgba(0, 0, 0, .1);

	}



	.news_classify ul li:hover span {

		color: #333;

		background: url(../img/newsIco1.png) no-repeat 90% center;

	}



	.newsCenterb ul li:hover a {

		color: #333;

	}



	.newsTop ul li:hover .newsTopcenter {

		-webkit-transform: translateY(0px);

		transform: translateY(0px);

		background: #fff;

		box-shadow: 0 0 16px rgba(0, 0, 0, .1);

	}



	.newsTop ul li:hover .newsText {

		color: #333;

	}



	.newsTop ul li:hover .newsTopcenter span {

		color: #333;

		background: url(../img/newsListMore.png) no-repeat 96% center;

	}



	.newsTopcenter span {

		margin-top: .05rem;

		color: #999;

	}



	.newsTopcenter .newsText {

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

	}



	.newsListRtop:hover .newsListRtopL {

		display: none;

		width: 0;

	}



	.newsListRtop:hover .newsListRtopR {

		width: 100%;

	}



	.newsQa {

		margin-top: .3rem;

	}



	.newsQa ul li a {

		width: 83%;

	}



	.newsQa ul li b {

		width: 83%;

	}



	.newsQa ul li:hover {

		color: #333;

	}



	.newsListRtop:hover {

		box-shadow: 0 0 0 rgb(255, 255, 255);

		border-bottom: 1px solid #f2f2f2;

	}



	.newsListLcenter:hover {

		box-shadow: 0 0 0 rgba(255, 255, 255, 1)

	}



	.newsListRtop:hover .newsListRtopR {

		padding: 0;

	}



	.newsListRtop:hover .newsListRtopR a {

		color: #333;

	}



	.productTopImg {

		padding: 0;

	}



	.pc-slide {

		margin: .2rem 0 0rem;

	}



	.driving-way .hd {

		display: none;

	}



	.driving-way .map-tab #result {

		top: 130%;

		width: 100%;

	}



	.content-show {

		overflow: hidden;

		padding-bottom: .4rem;

	}



	.wjdh-map #wmap {

		height: 5rem;

	}



	.caseRecommend {

		padding-bottom: .5rem;

	}



	.caseRecenter li:hover .caseListhide {

		display: none;

	}



	.caseRecenter li:hover .caseText {

		background: #f2f2f2;

	}



	.caseRecenter li:hover .caseListTitle {

		color: #333;

		font-weight: bold;

	}



	.caseRecenter li:hover p {

		color: #666;

	}



	.prolistImgd:hover .proMored {

		position: absolute;

		top: 84%;

		width: 100%;

		height: 0%;

		left: 0;

		width: 100%;

		background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% .8rem;

		color: #fff;

		line-height: 1.4rem;

		-webkit-transition: .5s;

		transition: .5s;

		padding: 3% 5%;

		text-align: left;

	}



	.aboutR p {

		height: auto

	}



	.aboutR p:hoveR {

		height: auto;

	}



	.newsdetails {

		margin-left: 0;

		margin-right: 0;

	}



	.productsCenter {

		padding-left: -15px;

		padding-right: -15px;

	}



	.productRtop .productRtopl {

		padding-left: -15px;

		padding-right: -15px;

	}



	.pro-textarea {

		text-indent: .25rem;

		line-height: 2.4;

	}



	.productsTTOP:hover .casemImg {

		display: none;

	}



	.caseTitleR ul li:hover a {

		color: #333;

	}



	.honor ul li:hover .honorImg span::before {

		opacity: 0;

	}



	.honor ul li:hover .honorMore {

		color: #333;

	}



	.contact ul li:hover .contactBottom::before,

	.contact ul li:hover .contactBottom::after {

		opacity: 0;

		content: "";

	}



	.contact ul li:hover {

		-webkit-transform: translateY(0px);

		transform: translateY(0px);

	}



	.caseList li:hover .caseListhide {

		display: none;

	}



	.newsCenterb ul li:hover .newsCenterbImg::before,

	.newsCenterb ul li:hover .newsCenterbImg::after {

		opacity: 0;

		content: "";

	}



	.newsCenterb ul li .newsCenterbImg i {

		opacity: 0;

	}



	.newsCenterb ul li:hover .newsCenterbImg i {

		opacity: 0;

	}



	.newsTopcenter .newsText {

		height: .2em;

		display: block;

	}



	.proListCenter li .productsBorer:hover .border-left {

		opacity: 0;

	}



	.proListCenter li .productsBorer:hover .border-right {

		opacity: 0;

	}



	.proListCenter li .productsBorer:hover .border-top {

		opacity: 0;

	}



	.proListCenter li .productsBorer:hover .border-bottom {

		opacity: 0;

	}



	.productsBorer:hover i a::before,

	.productsBorer:hover i a::after {

		display: none;

	}



	.newsCenterTop:hover a img {

		-webkit-transform: scale(1);

		transform: scale(1);

		opacity: 1;

	}



	.newsCenterTopr h4 a {

		font-size: .16rem;

	}



	.newsCenterTop:hover h4 a {

		color: #333;

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

	}



	.newsCenterb ul li:hover .newsCenterbTextr a {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

	}



	.newsCenterb ul li .newsCenterbTextr {

		animation: newsd linear 3s infinite alternate;

	}



	.newsTop ul li:hover .newsImg::before {

		opacity: 0;

	}



	.prolistImgd:hover .proMored {

		height: 20%;

	}



	.productsCtl img {

		margin-left: .05rem;

	}



	.sidepromenu {

		padding-left: 2px;

		padding-right: 2px;

	}

}



.caseMenu {

	width: 100%;

	height: 150px;

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

	color: #999;

}



.honorImg1 {

	display: block;

	position: relative;

	padding: 40%;

	background: #fff;

	box-shadow: 0 5px 16px rgba(0, 0, 0, .1);

}



.honorMore1 {

	text-align: center;

	display: block;

	padding-top: .08rem;

	line-height: 3;

	font-size: .15rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative;

}



.honorImg1 span {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0%;

	left: 0%;

	display: block;

	overflow: hidden;

}



.productsText p span {

	font-size: .15rem;

}



.page-content span {

	font-size: .15rem;

}



.honorImg1 img {

	max-width: 94%;

	max-height: 94%;

	padding: 0%;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

}



.honorBox ul li:hover .honorImg1 span::before {

	width: 100%;

	left: 0;

	opacity: 1;

	background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center center;

}



.honorImg1 span::before {

	content: "";

	width: 0;

	height: 100%;

	background: rgba(0, 0, 0, .2) url(../img/sosuo.png) no-repeat center -2rem;

	padding: 14px 18px;

	position: absolute;

	top: 0;

	left: 50%;

	opacity: 0;

	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;

}



.honorMore1 {

	text-align: center;

	display: block;

	padding-top: 0.08rem;

	line-height: 3;

	font-size: .15rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative;

	margin-bottom: 2rem;

}



.honorMore1::after,

.honorMore1::before {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	border-top: 1px solid transparent;

	bottom: 0;

	content: " ";

	display: block;

	margin: 0 auto;

	position: relative;

	-webkit-transition: all 280ms ease-in-out;

	transition: all 280ms ease-in-out;

	width: 0;

}



.honorBox ul li:hover .honorMore1::after,

.honorBox ul li:hover .honorMore1::before {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	border-color: #ddd;

	-webkit-transition: width 350ms ease-in-out;

	transition: width 350ms ease-in-out;

	width: 90%;

}



.caseRecommend .caseRecommend {

	margin-top: 1rem;

	margin-bottom: 1rem;

}



.honorBox {

	overflow: hidden;

}



.honorBox ul {

	margin-top: .2rem;

}



.searchBoxTitle {

	font-weight: bold;

	margin-top: .4rem;

	font-size: .2rem;

	letter-spacing: .2px;

	margin-bottom: .4rem;

}



.searchProducts h5 {

	border: 1px solid #ccc;

	padding: .1rem;

	border-radius: 5px;

	font-weight: bold;

	margin-bottom: .2rem;

}



.searchImg a.searchImgCenter {

	display: block;

	position: relative;

	padding: 50%;

	border: 1px solid #ccc;

}



.searchImg a.searchImgCenter img {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	max-width: 100%;

	max-height: 100%;

	display: block;

	padding: 10%;

}



a.searchText {

	text-align: center;

	display: block;

	margin-top: .1rem;

	font-size: .12rem;

	font-weight: bold;

	color: #666;

}



a.searchText {

	margin-bottom: .2rem;

}



.searchNews h5 {

	border: 1px solid #ccc;

	padding: .1rem;

	border-radius: 5px;

	font-weight: bold;

	margin-bottom: .2rem;

}



.searchNews ul li a {

	color: #333;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: .05rem 0;

	-webkit-transition: .5s;

	transition: .5s;

	font-size: .15rem;

	font-weight: bold;

}



.searchNews ul li a:hover {

	color: #12a7eb;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.siteMapBox {

	overflow: hidden;

	border: 1px solid #ccc;

	margin-top: .3rem;

	padding-bottom: .3rem;

	margin-bottom: 0.3rem;

}



.text-right1 {

	float: right;

	padding: .05rem;

	background: #F8F8F8;

	color: #666;

	border: 1px solid #E0E0E0;

	z-index: 2;

}



.text-right1 a {

	color: #666;

	display: inline-block;

	padding: 0 5px;

}



.text-right1 a:hover {

	color: #333;

}



.siteMapBox ul li {

	padding: 0rem .2rem;

	line-height: .2rem;

	overflow: hidden;

}



.siteMapBox ul li a.siteTitle {

	font-weight: bold;

	display: block;

	line-height: .4rem;

	font-size: .16rem;

}



.siteMapBox ul li .siteMapMt {

	overflow: hidden;

	border: 1px solid #ccc;

	padding: .05rem;

}



.siteMapBox ul li .siteMapMt a.siteMore {

	padding: 0 20px;

}



.siteMapBox {

	position: relative;

}



.text-right1 {

	position: absolute;

	right: 0;

}



.siteMapBox ul li a.siteMore:hover {

	color: #333;

}



.siteMapBox ul li .siteMapMt b {

	display: block;

	width: 100%;

}



.searchMore {

	display: block;

}



.siteMore {

	display: block;

}



.siteMore i {

	display: block;

}



.siteMdd {

	display: block;

}



.siteMapMt span {

	display: block;

	text-align: center;

}



.siteMapMt p {

	float: left;

	margin-bottom: 0;

}



.webqq_left span {

	font-size: 18px;

}



@media (max-width:768px) {

	.caseTitleR {

		margin-bottom: .2rem;

		overflow: hidden;

	}



	.caseMenuBottom .caseTitleR ul {

		padding-top: 0;

	}



	.caseMenu {

		background: none;

	}



	.caseMenu {

		height: auto;

	}



	.honorImg1 span {

		display: none;

	}



	.honorBox ul li:hover .honorMore1::after,

	.honorBox ul li:hover .honorMore1::before {

		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;

		border-color: transparent;

		-webkit-transition: width 350ms ease-in-out;

		transition: width 350ms ease-in-out;

		width: 90%;

		content: "";

	}



	.caseRecommend {

		padding-bottom: 0;

	}



	.caseTitleR ul li .ctc {

		display: none;

	}



	.caseTab ul li {

		padding: .2rem .2rem;

	}



	.caseTab ul li:last-child a {

		background: none;

	}



	.caseTab ul li a {

		background: none;

	}



	.caseTab ul li:hover {

		background: none;

	}



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

		background: none;

	}



	.caseTab ul li:hover a {

		background: none;

	}



	.scan,

	.bdsharebuttonbox {

		display: none;

	}



	.proListCenter i a::after,

	.productsBorer i::after {

		display: none;

	}



	.border-left,

	.border-right,

	.border-top,

	.border-bottom,

	.border-proleft,

	.border-proright,

	.border-protop,

	.border-probottom {

		display: none;

	}



	.proListCenter ul li:hover a.proListTitle {

		color: #333 !important;

	}



	.pagination a,

	.pagination span {

		padding: 4px 7px;

		margin: 0 .05rem;

	}



	.proListclass2:hover {

		color: #fff;

	}



	.proMored {

		background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% 1rem;

	}



	.webqqs {

		display: none;

	}



	.caseRecenter .caseText {

		padding: 0;

	}



	.caseLdd .button_text_container {

		display: none;

	}



	.proList b {

		display: none !important;

	}



	.proListclass1 {

		overflow: hidden;

	}



	.aboutTop img {

		max-width: 100%;

		height: auto;

	}



	.contact ul li:hover .contactTop {

		background: #fff !important;

	}



	.contact ul li:hover .contactBottom::before,

	.contact ul li .contactBottom::before {

		display: none;

	}



	.row1 {

		margin: 0 -15px;

	}



	.proListCenter li {

		margin-top: .2rem;

		padding: 0 15px;

	}



	.productRtopr {

		height: auto;

	}



	.productsCenter img {

		max-width: 100%;

		height: auto;

	}



	.proListCenter {

		margin: 0 -15px;

	}



	.proListCenter li {

		padding: 0 15px;

	}



	.proList_classify {

		margin: 0 0px;

	}



	.proListL {

		margin-left: 0;

	}



	.container {

		padding-left: 15px;

		padding-right: 15px;

	}



	.proListclass1 i {

		display: none;

	}



	.proList_classify {

		margin-left: 15px;

		margin-right: 15px;

	}



	.proListCenter {

		margin: 0 15px;

	}



	.prolistImgd:hover .proMored {

		position: absolute;

		top: 83.5%;

		display: block;

		border-radius: 0 0 .03rem .03rem;

		left: 0;

		width: 96%;

		background: rgba(0, 0, 0, .4) url(../img/productsList3.png) no-repeat 90% .08rem;

		color: #fff;

		-webkit-transition: .5s;

		transition: .5s;

		padding: 0% 5%;

		font-size: .14rem;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		padding-right: 20%;

		left: 2%;

		line-height: 1.8;

		height: .24rem;

	}



	.pc-slide .view {

		height: 217px;

	}



	.productRtopr,

	.productsMore {

		display: none;

	}



	.caseList li:hover .caseListTitle {

		color: #333 !important;

	}



	.caseList li p {

		display: none;

	}



	.caseMenu {}



	.caseMenuBottom {

		padding-top: 0;

	}



	.caseList {

		padding-top: .4rem;

	}



	.caseLdd:hover {

		box-shadow: 0 0 0;

	}



	.caseList li .caseListTitle {

		padding: 0.05rem 0;

	}



	.caseList li:hover .caseText {

		border-bottom: 1px solid #f2f2f2;

	}



	.caseContainer {

		padding: 0 15px;

	}



	.caseREimg img {

		display: none;

	}



	.caseRecenter li:hover .caseListTitle {

		font-weight: normal;

	}



	.caseTab {

		padding: 0 15px;

	}



	.newsTop li {

		padding: 0;

	}



	.newsTop ul li:hover .newsTopcenter {

		border-top: 1px solid #f2f2f2;

		background: #fff !important;

	}



	.newsListLcenter {

		box-shadow: 0 0 0;

	}



	.newsListR {

		margin-top: 0.2rem;

	}



	.honorMore1 {

		margin-bottom: 0.2rem;

	}



	.caseRe i {

		text-align: center;

		display: block;

	}



	.wjdh-map {

		position: relative;

		width: 100%;

		height: 500px;

	}



	.wjdh-map #r-result {

		width: 100%;

		height: 5rem;

	}



	.content-show {

		padding: 0;

	}



	.map-tab {

		display: none;

	}



	#wmap {

		height: 5rem;

	}



	#r-result {

		display: none;

	}



	.map-marker h4 {

		font-size: 0.16rem;

	}



	.map-marker dd span,

	.map-marker p {

		font-size: .14rem;

	}



	.newsListLImg::after {

		display: none;

	}



	.newsListLcenter:hover .newsListLtext a,

	.newsListRtop:hover span,

	.newsListRtop:hover b,

	.newsListRtop:hover .newsListRtopR a {

		color: #333 !important;

	}

}



.h1,

h1 {

	font-size: 100%;

	box-sizing: content-box;

}



.page-content p {

	margin-bottom: 10px;

}



.caseContainer p {

	margin-bottom: 10px;

}



@keyframes newsAiMore {

	0% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/img/pageArrow.png) no-repeat 100% center;

	}



	20% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/img/pageArrow.png) no-repeat 95% center;

	}



	40% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/img/pageArrow.png) no-repeat 100% center;

	}



	60% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/img/pageArrow.png) no-repeat 95% center;

	}



	80% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/img/pageArrow.png) no-repeat 100% center;

	}



	100% {

		background: url(http://www.sxxmele.com/templates/pc_wjdh/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(http://www.sxxmele.com/templates/pc_wjdh/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: #333;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.newsAiMore:hover {

	color: #333;

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

}



.nwesCenterbText1 {

	overflow-y: hidden;

}



.nwesCenterbText1 span {

	display: block;

	margin: 0.2rem 0.1rem;

	border: 1px solid #dededd;

	font-size: .25rem;

	line-height: 1;

	padding: .1rem .12rem;

	color: #999;

	float: left;

	line-height: 1.5;

	padding: 0.15rem 0.2rem;

}



.nwesCenterbText1 span i {

	font-size: .15rem;

	display: block;

	padding-top: .04rem;

	padding-bottom: 0rem;

}



.newsCenterbTextr1 {

	padding: 0 0 0 2%;

	width: 85%;

	float: left;

	background: url(http://www.sxxmele.com/templates/pc_wjdh/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(http://www.sxxmele.com/templates/pc_wjdh/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: 100%;

}



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

	color: #333;

}



.proListR1 .newsCenter {

	border-bottom: 1px solid #f2f2f2;

}



.honorBox .honorMore1 {

	margin-bottom: 0.2rem;

	-webkit-transition: .5s;

	transition: .5s;

}



.honorMore1:hover {

	color: #000;

}



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

	}

}