.index_nav {
    width: 100%;
    height: 75px;
    margin: 20px 0;
    border-top: 5px solid #bd1a21;
    border-bottom: 1px solid #e3e3e3;
}
.htc_input .htc_input_1 {
    height: 40px;
}
/*====================公共样式======================*/
* {
    margin: 0;
    padding: 0;
}
img { margin: 0; border: 0 none; vertical-align: center; vertical-align: middle;}
ul, li { list-style-type: none;}
body, input, select, button, textarea { font-family:"微软雅黑";  outline: none;}	/*设置默认字体*/
button { cursor: pointer; }
i, em, cite { font-style: normal; }
aside section,.body{display:block;  margin:0 auto;}
a, a:link { color: #000; text-decoration: none; }/*设置a标签基本样式与伪类选择器设置*/
a:visited {}
a:active, a:hover { text-decoration: none; color:#d00000; }
a:focus { outline: none; } 
.orange { color:#F26E01;}

.clear:after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear:both;
}
.product_listing {
	width: 1200px;
	margin: 0 auto;
}
.pl_nav {
	width: 1200px;
	height: 35px;
	margin: 0 auto;
	color: #999;
	clear: both;
	line-height: 35px;
	font-size: 12px;
}
.pl_nav a {
	color: #999;
}
.pl_nav a:hover {
	color: #e4393c;
}
/*.last {
   border:  1px solid #DDD;
   padding: 2px 0 2px 5px; 
}
.last em {
    color: #e4393c;
}
.last i {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background: no-repeat url(../images/shut.png) center;
    background-size: 8px 8px;
    margin-top: -2px; 
    margin-left: 3px; 
}
.last:hover {
    border: 1px solid #e4393c;
}
.last:hover i {
    background: no-repeat url(../images/shut_1.png) center;
    background-size: 8px 8px;
    background-color: #e4393c;
}*/
.pl_li {
	width: 1198px;
	border: 1px solid #e5e5e5;
	margin-top: 10px; 
}
.pl_li_line {
	width: 1198px;
	border-bottom: 1px dashed #e5e5e5;
	overflow: hidden;
	position: relative;
}
.plll_left {
	width: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #999999;
}
.pl_icon {
	width:14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px; 
}
.area {
	background: no-repeat url(../images/area.png) center;
	background-size: 100% 100%;
}
.material {
	background: no-repeat url(../images/material.png) center;
	background-size: 100% 100%;
}
.style {
	background: no-repeat url(../images/style.png) center;
	background-size: 100% 100%;
}
.type {
	background: no-repeat url(../images/type.png) center;
	background-size: 100% 100%;
}
.brand {
	background: no-repeat url(../images/brand.png) center;
	background-size: 100% 100%;
}
.pl_title {
	display: inline-block;
}
.plll_right {
	float: right;
	width: 1118px;
}
.plll_right li {
	display: inline-block;
	line-height: 39px;
	font-size: 13px;
	padding: 0 20px;
}
.plll_right li a {
	color: #111111;
}
.plll_right li a:hover, .plll_right li a.cur {
    color: #bf1923;
}
.pl_li_line:last-child {
	border: 0;
}
.pl_show {
	width: 1200px;
	margin: 30px auto; 
	overflow: hidden;
}
.pl_show dl {
	width: 283px;
    height: 307px;
	margin-right: 20px; 
	margin-bottom: 20px; 
	float: left;
    border: 1px solid #e5e5e5;
}
.pl_show dl:nth-child(4n) {
	margin-right: 0; 
}
.pl_show dl dt {
	width: 281px;
	height: 190px;
	overflow: hidden;
}
.pl_show dl dt img {
	width: 100%;
}
.pl_show dl dd {
	border-top: 0px;
	padding: 10px; 
}
.pl_show dl dd p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
height:40px;
line-height:20px;

}
.pl_show dl dd p a {
	color: #333;
}
.pl_show dl dd p a:hover {
	color: #bf1923;
}
.pls_bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px; 
}

.pls_enterprise a {
	width: 80px;
	display: inline-block;
}
.pls_enterprise a img {
	width: 100%;
}
.pls_name {
	font-size: 14px;
	color: #999;
	margin-left: 5px; 
	display: inline-block;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.pls_obtain {
	width: 85px;
	float: right;
	color: #fff;
	background: #bf1923;
	font-size: 12px;
	border-radius: 20px;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor:pointer;
}
.pls_bottom a {
    color: #fff;
}
.serve-content {
    position: relative;
}

.serve-content-box {
    width: 1200px;
    margin: 0 auto;
}

.serve-content-title {
    text-align: center;
    font-size: 32px;
    color: #333;
    padding-top: 50px;
    padding-bottom: 15px;
}

.serve-content-text {
    width: 184px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: url(../images/icon-line.jpg) repeat-x left center;
}

.serve-content-text em {
    display: inline-block;
    padding: 0 10px;
    background: #FFF;
    font-size: 14px;
    color: #777;
    font-style: normal;
}

.serve-content-btn {
    text-align: center;
    padding: 45px 0 104px;
}

.serve-content-btn a {
    display: inline-block;
    width: 190px;
    height: 55px;
    background-color: rgb(0, 162, 255);
    color: rgb(255, 255, 255);
    box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px;
    border-radius: 8px;
    font: 400 16px/55px 微软雅黑;
}

.serve-content-list {
    float: left;
    width: 270px;
    height: 348px;
}

.serve-content-info {
    width: 640px;
    height: 337px;
    float: left;
    margin: 0 10px;
    position: relative;
}

.serve-content-btn a:hover {
    background: #41b8fc;
}

.serve-content-middle {
    overflow: hidden;
}

.serve-content-list ul li {
    display: block;
    width: 266px;
    padding: 37px 0;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    margin-bottom: 10px;
    cursor: pointer;
}

.serve-content-list ul .on {
    background: #FFF;
    border: 2px solid #00aeff;
}

.serve-content-list ul li span {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 72px;
    margin-right: 15px;
    overflow: hidden;
}

.serve-content-list ul li span img {
    display: block;
    float: left;
}

.serve-content-list ul li p {
    display: block;
    overflow: hidden;
    line-height: 28px;
    color: #333;
    font-size: 18px;
}

.serve-content-list ul .on p {
    color: #00aeff;
}

.serve-content-list ul .on span img {
    margin-top: -28px;
}

.serve-content-info ul {
    width: 640px;
    height: 337px;
    position: absolute;
    left: 0;
    top: 0;
}

.serve-image-img {
}

.serve-image-box {
    background: url(../images/cclarity-bg.png);
    width: 322px;
    height: 100px;
    padding: 47px 159px;
    position: absolute;
    top: 72px;
    left: 0;
}

.serve-image-comm1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 80px;
    top: 28px;
 
}
.serve-image-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.serve-image-comm2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 95px;
    bottom: 35px;
}

.serve-image-info {
    width: 322px;
    height: 99px;
}

.serve-image-info-title {
    overflow: hidden;
}

.serve-image-info-title span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.serve-image-info-title span img {
    display: block;
    float: left;
}

.serve-image-info-title p {
    line-height: 32px;
    display: block;
    float: left;
    font-size: 22px;
    color: #fff;
}

.serve-image-info strong {
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
}
.souguo .ssinput {
    height: 32px;
    line-height: 32px;
}
.nlast {
    border: 1px solid #DDD;
    padding: 2px 0 2px 5px;
margin-right:5px;
}

.nlast em {
    color: #e4393c;
}

.nlast i {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background: no-repeat url(../images/shut.png) center;
    background-size: 8px 8px;
    margin-top: -2px;
    margin-left: 3px;
}

.nlast:hover {
    border: 1px solid #e4393c;
}

.nlast:hover i {
    background: no-repeat url(../images/shut_1.png) center;
    background-size: 8px 8px;
    background-color: #e4393c;
}
.plll_right a.current_a {
    color: #bf1923;
}
.clear:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.classification {
    width: 1158px;
    padding: 35px 20px;
    margin: 20px auto;
    border: 1px solid #ddd;
    overflow: hidden;
}

.classification_af {
    width: 370px;
    padding-right: 20px;
    float: left;
}

.ca_top {
    border-bottom: 1px solid #ddd;
    height: 32px;
    overflow: hidden;
    margin-bottom: 10px;
}

.cat_title {
    height: 30px;
    width: 110px;
    line-height: 30px;
    text-align: center;
    border-bottom: 2px solid #e62318;
    background: #fff;
    font-size: 14px;
    float: left;
}

.cat_more {
    float: right;
    font-size: 13px;
    line-height: 30px;
}

.cab_af {
    width: 370px;
    overflow: hidden;
}

.cab_af dt {
    width: 146px;
    height: 97px;
    border: solid 1px #dadada;
    float: left;
}

.cab_af dt img {
    width: 100%;
}

.cab_af dd {
    width: 208px;
    float: right;
    font-size: 14px;
    line-height: 24px;
}

.cab_af dd a {
    color: #333;
}

.cab_bf {
    margin-top: 15px;
}

.cab_bf li {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.cab_bf li a {
    color: #333;
}

.classification_bf {
    width: 370px;
    padding-right: 20px;
    float: left;
}

.classification_cf {
    width: 370px;
    float: left;
}

.cc_bf a {
    font-size: 12px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    color: #666;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    line-height: 12px;
    text-align: center;
    padding: 8px 10px;
}
.s-brand .plll_right {
    width: 1125px;
    height: 65px;
    float: none;
    padding-left: 80px;
    overflow: hidden;
}

.s-brand .plll_right li {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    display: block;
    overflow: hidden;
}
.s-brand .plll_right li h1 {
    line-height: 30px;
}
.pl_li .sl-ext {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 110px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.pl_li .sl-ext .sl-e-more {
    float: right;
    margin-right: 0px;
    position: relative;
    width: 52px;
    height: 23px;
    line-height: 23px;
    padding: 0 7px 0 4px;
    background: #fff;
    visibility: hidden;
    color: #333;
    border: 1px solid #ddd;
}

.pl_li .sl-ext .sl-e-more:hover {
    text-decoration: none;
    color: #e4393c;
}

.pl_li .sl-ext .sl-e-more i, .pl_li .sl-ext .sl-e-multiple i {
    background: url(/search/images/search.ele.png) no-repeat 9999px 9999px;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
}

.pl_li .sl-ext .sl-e-more i {
    position: absolute;
    top: 1px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-position: 4px 7px;
}

.pl_li .sl-ext .sl-e-more:hover i {
    border-color: #e4393c;
    background-position: 4px -11px;
}

.extend .plll_right {
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}