/* <äº§å“æ ç›®å¼€å§‹> */

.caseMenuTop {

	width: 100%;

	padding: .1rem 0;

	border-bottom: 1px solid #e6e6e6;

	color: #999;

	font-size: 0.15rem;

}

.container {

	padding-left: 0;

	padding-right: 0;

}

.container {

	width: 1200px;

	margin: 0 auto;

}



.caseMenuL {

	font-size: .14rem;

}

.col-lg-9 {

	width: 75%;

	float:left;

}

.caseMenuTop a {

	color: #999;

}

.caseMenuTop a {

	color: #999;

}

.col-lg-3 {

	width: 25%;

	height:25px;

	float:right;

}

.caseMenuR i {

	float: right;

	padding-right: 5px;

}

.text-right {

	text-align: right;

}

.caseMenuTop a {

	color: #999;

}

.caseMenuR img {

	padding-left: 5px;

	margin-top:5px;

}

.clearboth {

	clear: both;

}

.clearboth:after {

	content: "";

	display: block;

	clear: both;

	font-size: 0;

	line-height: 0;

}

.clearboth {

	clear: both;

}

.proList {

	overflow: hidden;

	position: relative;

	z-index: 0;

}

.proList {

	padding-top: .4rem;

	margin-bottom: .4rem;

	position: relative;

	z-index: 0;

}

.container {

	padding-left: 0;

	padding-right: 0;

}

.container {

	width: 1200px;

	margin: 0 auto;

}



.proListL {

	margin-left: .121rem;

	position: relative;

	overflow: hidden;

}

.col-lg-2-0 {

	width: 20%;

	float: left;

}

.pro_addPageTitle {

	width: 100%;

	height: 0.7rem;

	background: #2d6cd6;

	border-radius: 10px 10px 0 0;

	position: relative;

	padding: 0 15px;

}

.pro_addPageTitle p {

	position: absolute;

	top: 0;

	left: 20px;

	line-height: 0.7rem;

	color: #fff;

	opacity: 0.2;

	z-index: 2;

	text-transform: uppercase;

	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

	font-size: 0.4rem;

	letter-spacing: -5px;

}

.pro_addPageTitle h4 {

	position: relative;

	display: inline-block;

	color: #fff;

	font-size: 0.24rem;

	z-index: 2;

	background: #2d6cd6;

	margin-top: 11px;

	font-weight:normal;

}

.pro_addPageTitle img {

	width: 0.3rem;

	height: 0.3rem;

	display: block;

	position: absolute;

	right: 15px;

	top: 20px;

}

.pro_addPagenr {

	border: 1px solid #eaeaea;

	border-top: 0;

	padding: 0 0.2rem 0.2rem;

}

.pro_addPagenr ul>li {

	padding-top: 0.2rem;

}

.pro_addPagenr h5 {

	width: 100%;

	height: 0.5rem;

	display: block;

	background: #eaeaea;

}

.pro_addPagenr ul li:hover h5 {

	background: #2d6cd6;

	-webkit-transition: .5s;

	transition: .5s;

}

.pro_addPagenr ol li:hover a {

	color: #2d6cd6 !important;

}

.wjdhBg, .wjdhColor::before, .swiper-pagination-bullet-active, .pro_centern2BoxMainNew ul li:hover .bdlistdd, .pro_centern2BoxMainNew ul li:hover .bdlistdd, .pc2b1mb .hd ul li .on i, .wjdhBg1:hover, .xgnrbd ul li:hover, .wjdhBg1, .wjdhBg2:hover, .proBg, .proListclass3:hover, .proListclass1, .proListRsort1 a::before, .wjdhColor3::before, .liebiaocolor ul li:hover, .proList_classify ul li p a b, .caseLdd .button_text_container, .caseLdd:hover .button_text_container, .caseTab ul li:hover, .pro_list .newsTop ul li:hover .newsTopcenter, .pro_list ul li:hover .descdd, .news_classify ul li b, .newsQa ul li i span, .contact ul li:hover .contactTop, .driving-way .hd li .on, .pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i, .pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore, .pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after, .pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after, .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li.on i, .newsTop ul li:hover .newsTopcenter, .driving-way .hd li.on, .pro_addPageTitle, .ShowProductCenter ul li h6, .ShowProductCenter ul li ol li i, .pro_addPageTitle h4, .pro_addPagenr ul li:hover h5, .pro_addNewsTitle, pro_addNewsText:hover, .proListR ul li .proListCenterBpx:hover .proListCenterTextR, .pro_addNewsCenter .pro_addNewsBoxR:hover i, .pro_addNewsCenter .pro_addNewsBoxL:hover i, .pagination a:hover, .pagination span:hover, .pagination span.current, .pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd {

	background: #2d6cd6 !important;

}

.pro_addNewsCenter .pro_addNewsBoxR i {

	position: absolute;

	right: 10px;

	width: 0.18rem;

	height: 0.18rem;

	cursor: pointer;

	-webkit-transition: .5s;

	transition: .5s;

	border: 1px solid #ededed;

}

.pro_addNewsCenter .pro_addNewsBoxR img {

	display: block;

	margin: 2px 4px;

}

.pro_addPagenr ol li:hover a {

	color: #333;

	-webkit-transform: translateX(5px);

}

.pro_addPagenr ul li:hover h5 a {

	color: #fff;

	-webkit-transition: .5s;

	transition: .5s;

}



.pro_addPagenr ul li h5 a {

	width: 80%;

	padding: 0 10px;

	display: block;

	padding-right: 0%;

	font-size: 0.18rem;

	line-height: 0.5rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	float: left;

	color:#333;

}

a:link, a:hover, a:active, a:visited {

	text-decoration: none;

}

.pro_addPagenr ul li h5 b {

	width: 20%;

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

	float: left;

	height: 0.5rem;

	-webkit-transition: .5s;

	transition: .5s;

	cursor: pointer;

}

.pro_addPagenr ol li {

	margin-top: 0;

}

.pro_addPagenr ol li {

	border: 1px solid #ededed;

	border-top: 0;

	padding: 0 10px;

	line-height: 50px;

}

.pro_addPagenr ol li a {

	width: 100%;

	padding: 0;

	display: block;

	padding-right: 20%;

	font-size: 0.14rem;

	line-height: 0.5rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

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

	-webkit-transition: .5s;

	transition: .5s;

	color: #666;

}

.pro_addNewsTitle {

	height: 0.46rem;

	width: 100%;

	background: #333333;

	padding: 0 20px;

	margin-top: 0.2rem;

}

.pro_addNewsTitle img {

	width: 0.21rem;

	height: 0.23rem;

	vertical-align: sub;

}

.pro_addNewsTitle i {

	font-size: 0.18rem;

	color: #fff;

	line-height: 0.46rem;

	padding-left: 0.1rem;

}

.pro_addNewsBox {

	width: 100%;

	padding: 0 0.2rem;

	border: 1px solid #ededed;

	border-top: 0;

}

.swiper-container {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	z-index: 1;

}

.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-slide {

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative;

}

.pro_addNewsImg {

	display: block;

	position: relative;

	padding: 32.6%;

	border: 4px solid #f0f0f0;

	margin: 0.1rem 0 0;

}

.pro_addNewsImg img {

	max-width: 100%;

	max-height: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}

.pro_addNewsText {

	height: 0.38rem;

	border-bottom: 1px solid #ededed;

	display: block;

	text-align: center;

	line-height: 0.38rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #666;

}

.pro_addNewsCenter {

	height: 30px;

	margin-top: 10px;

}

.pro_addNewsCenter .pro_addNewsBoxL {

	width: 50%;

	position: relative;

	float: left;

	height: 18px;

}



.pro_addNewsCenter .pro_addNewsBoxL i {

	position: absolute;

	right: 10px;

	width: 0.18rem;

	height: 0.18rem;

	cursor: pointer;

	-webkit-transition: .5s;

	transition: .5s;

	border: 1px solid #ededed;

}

.pro_addNewsCenter .pro_addNewsBoxL img {

	display: block;

	margin: 2px 4px;

}

.pro_addNewsCenter .pro_addNewsBoxR {

	width: 20%;

	position: relative;

	float: left;

	height: 30px;

	.pro_addNewsCenter .pro_addNewsBoxR i {

	position: absolute;

	left: 10px;

	width: 0.18rem;

	height: 0.18rem;

	cursor: pointer;

	-webkit-transition: .5s;

	transition: .5s;

	border: 1px solid #ededed;

}

.clearboth {

	clear: both;

}

.pro_addNewsTitle {

	height: 0.46rem;

	width: 100%;

	background: #333333;

	padding: 0 20px;

	margin-top: 0.2rem;

}

.pro_ad_a {

	border: 1px solid #666;

	border-top: none;

}



.pro_addNewsBoxList ul li {

    border: 1px solid #ededed;

    border-top: 0;

    padding: 0 0.2rem;

    line-height: 0.4rem;

}



.pro_addNewsBoxList ul li a {

    padding-left: 0.2rem;

    line-height: 0.4rem;

    display: block;

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

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    color: #666;

}



.pro_addNewsBoxList ul li a:hover {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.row ul li a {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 30px;

	display: block;

}

.pro_addNewsTitle1 img {

	height: 0.19rem;

	width: 0.17rem;

}

.pro_addNewsTitle img {

	width: 0.21rem;

	height: 0.23rem;

	vertical-align: sub;

}

.pro_addNewsTitle i {

	font-size: 0.18rem;

	color: #fff;

	line-height: 0.46rem;

	padding-left: 0.1rem;

}

.pro_addNewsBoxList ul li {

	border: 1px solid #ededed;

	border-top: 0;

	padding: 0 0.2rem;

	line-height: 0.4rem;

}

.pro_addNewsBoxList ul li a {

	padding-left: 0.2rem;

	line-height: 0.4rem;

	display: block;

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

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition: .5s;

	transition: .5s;

	color: #666;

}

/* å³ */

.proListR {

	float: right;

}

.col-lg-8-0 {

	width: 78%;

	float: left;

}



.col-lg-4 {

	width: 33.33333333%;

}

.proListR ul li .proListCenterBpx {

	border: 1px solid #ededed;

	padding: 5px 5px 0;

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

	border-radius: 5px;

	-webkit-transition: .5s;

	transition: .5s;

	overflow: hidden;

	margin: 0 -6px 20px;

	background: #f7f7f7;

}

.proListCenter1d {

	position: relative;

	display: block;

	border: 1px solid #f1f1f1;

	border-bottom: 0;

	padding: 30%;

}

.proListCenter1d img {

	max-width: 100%;

	max-height: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}

.proListCenterTextL {

	height: 66px;

	overflow: hidden;

}

.proListCenterTextL {

	width: 80%;

	float: left;

	display: block;

	background: #f9f9f9;

	padding-left: 0.2rem;

}

.proListCenterText2 {

	font-size: 0.18rem;

	line-height: 2;

	font-weight: 500;

	-webkit-transition: .5s;

	transition: .5s;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}

.proListCenterTextL p {

	font-size: 0.14rem;

	color: #999;

	padding-right: 0.1rem;

	margin-bottom: 0.09rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.proListCenterTextR {

	height: 66px;

}

.proListCenterTextR {

	width: 20%;

	float: left;

	background: #e9e9e9;

	-webkit-transition: .5s;

	transition: .5s;

}

.proListCenterTextR img {

	display: block;

	margin: 0.18rem auto;

}

.proListCenterP {

	width: 105%;

	height: 5px;

	background-color: #fff;

	clear: both;

	margin: 0 -5px;

}

.pro_page {

	padding-top: .1rem;

	margin-left: 15px;

	margin-top: .4rem;

}

a:link, a:hover, a:active, a:visited {

	text-decoration: none;

}

.pagination {

	text-align: center;

}

.pagination {

	display: inline-block;

	margin: 20px 0;

	border-radius: 4px;

}

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

	display: block;

	background: #333;

	color: #fff;

}



/* <äº§å“æ ç›®ç»“æŸ> */