﻿/*======网页属性设定：页边距、字体及颜色（在没有具体规定的情况下适用）、主体页面位置（左中右）、整体页面背景=*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,p{padding:0;margin: 0;font-family:Microsoft YaHei;}
ul{ list-style:none;}
i{ vertical-align:middle;}
input{outline:none;-webkit-appearance: none;box-sizing: border-box;}
input:-ms-input-placeholder{color:#999;} /*=//IE10=*/
textarea:-ms-input-placeholder{color:#999;} /*=//IE10=*/  
input::-moz-placeholder{color:#999;}/*=//Firefox=*/
textarea::-moz-placeholder{color:#999;}/*=//Firefox=*/
input::-webkit-input-placeholder{color:#999;}/*=//Chrome,Safari=*/
textarea::-webkit-input-placeholder{color:#999;}/*=//Chrome,Safari=*/
textarea{resize:none} 
img {
	border:0px;
	padding: 0;
	margin: 0;
	image-rendering: optimizeQuality;  /* Firefox 3.6+; default behavior is identical, no need to specify */
	-ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0; default in IE8+ */
	image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
html{font-family:Microsoft YaHei;overflow-x:hidden;overflow: hidden;overflow-y: scroll;}
video{width:100%;height:100%;margin:0px auto 0px auto; padding:0px 0 0 0;object-fit:cover;}
/*========基本表格设置：在没有具体规定的情况下适用=*/
td{font-family:Microsoft YaHei;text-decoration: none;}
/*==========链接基本样式：在没有具体规定的情况下适用=*/
a{text-decoration: none;outline: none;blr:expression(this.onFocus=this.blur());color:#333;font-family:Microsoft YaHei;}
a:hover{color: #069;text-decoration: none;}
/*============页面整体设定：边距、位置、宽度等=*/
#pageset{margin:0; padding:0px 0 0 0;display: flex;flex-direction: column;min-height: 100vh;}
/*===========页面头部=*/
#top_bj{ width:100%;position:relative;MARGIN:0;}
#top{position: relative;width:1230px;height:150px;margin: auto;}
#top_top{position: relative;width:100%;height:46px;margin: auto; background:#09194a;}
#top_top:after{
	content: 'www.shautoparts.cn';
	display: block;
	height: 100%;
	color:#FFF;
	background: #cd6601;
	width:300px;
	text-align:center;
	line-height:46px;
	float:left;
}
#logo a{position:absolute;z-index:10;top:20px;left:0px;width:591px;height:53px;background: url(../images/logo.png) no-repeat;}
.lan_en{position:absolute;top:40px;right:0px;}
.lan_en a{font-size:16px; font-weight:bold; margin:0 20px; color:#039;}
#top_link a{position:absolute;z-index:10;top:55px;right:330px; font-size:18px; font-weight:bold; color:#145ab2;}
#search{position:absolute;z-index:10;top:47px;right:0px;width:300px;overflow:hidden;text-align:left;border:1px solid #ddd;border-radius:5px;background:rgba(255,255,255,0.8);}
.inp_srh{float:left;width:85%;height:40px;padding:0 0 0 10px;color:#333;line-height:40px;font-family:Microsoft YaHei;box-sizing:border-box;margin:0px 0 0 0;border:none;background-color:transparent;font-size:14px;}
.btn_srh{float:right;width:15%;height:40px;line-height:40px;cursor:pointer;text-indent:-999em;background:url(../images/search.png) no-repeat 50% 50%;background-size:18px;border:none;margin:0px 0 0 0;border-radius:0%;}
.btn_srh:after{
	content: '';
	display: block;
	height: 100%;
	transform: translateX(-100%);
	background: inherit;
	filter: drop-shadow(144px 0 0 #000); //需要修改的颜色值
}
.btn_srh:hover{background:#f1f1f1 url(../images/search.png) no-repeat 50% 50%;background-size:18px;}
#index_banner{width:100%;height:673px;margin:0px 0 0 0; background:#09194a no-repeat center center;}
#list_banner{width:100%;height:250px;margin:0px 0 0 0; background:#09194a no-repeat center center;background-size: cover;-webkit-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1); position: relative;}
#list_banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:#09194a;
  opacity: 0.5;
}
#list_banner a{width:100%;height:300px;display:block;}
/*===========页面底部=*/
#bottom{width:100%;padding:0px 0;text-align: left;background:#333; box-sizing: border-box; border-top:0px solid #cc0033;}
#bottom:before{
    background:url(../images/contact_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
    width:100%;
    height:100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
	-webkit-filter: blur(0px);
    filter: blur(0px);
opacity:0.2;
filter:alpha(opacity=20); display:none
}
#bottom dl{width:1230px;margin: auto;overflow:hidden;position:relative;}
#bottom dl dt{xpadding:0px 0px 0 0px;line-height:24px;color:#FFF;text-align: center;}
#bottom dl dt img{opacity:1.0;filter:alpha(opacity=100); margin:10px 0 0 0;}
#bottom dl dt p{color:rgba(255,255,255,0.3); font-size:14px;line-height:2.0; }
#bottom dl dd{padding:20px 0; margin:0;color:rgba(255,255,255,0.3);text-align:center;font-size:14px;}
#bottom dl dd p{color:rgba(255,255,255,0.3); font-size:16px;line-height:2.0;}
#bottom dl dd a{ color:rgba(255,255,255,0.3);}
.tb{ width:100%; margin:auto;padding:0px 0 0px 0;text-align: center;display:table; border-bottom:1px solid rgba(255,255,255,0.2);position:relative;}
.tb ul{width:1230px;margin: auto;padding:0;display:flex;border-right:1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.tb ul li{ width:100%;list-style:none;margin:0 0px 0px 0px;flex: 1; float:left; text-align: left;padding:30px 0px 30px 30px; border-left:1px solid rgba(255,255,255,0.2); display:inline-block}
.tb ul li p{padding:0px;font-size:16px;line-height:30px;color:#fff;transition: all 0.3s;}
.tb ul li span{padding:0px 0 0 0;font-size:14px;line-height:1.5;color:#fff;transition: all 0.3s; float:left }
.tb ul li i{color: #F60;font-size:45px;float:left; margin:0 20px 0px 0;}

.tb ul li:hover p{color:#F90;}
.tb ul li:hover{}
/*===========栏目页设定=*/
#content{margin:auto;WIDTH:1230px;padding:40px 0;-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;box-sizing: border-box;}
#detail_a{WIDTH:1230px; text-align: center;margin:auto;}
#detail_a h2{padding:0px 0 0 0;text-align: ;font-size:36px;font-family:"Microsoft YaHei";COLOR: #fff;min-width:240px;line-height:60px;font-weight: normal;box-sizing:border-box;display:inline-block;text-transform:capitalize;position:relative;}
#detail_a h2:before {
	content:"";
	position:absolute;
	bottom:0;
	top:100%;
	left:50%;
	margin:0 0 0 -8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:6px solid #145ab2; display:none}
#place{position:absolute;z-index:1;top:230px;width:100%;padding:0 0px 0 0px;font-size:14px;font-family:Verdana}
#place ul{width:1230px;height:20px; margin:auto;padding:0px 0px 0 0px;box-sizing: border-box;TEXT-ALIGN: center;background:rgba(0,0,0,0.0);color: #FFF;}
#place ul i{margin:0 10px 0 0; font-weight:normal; font-size:20px;}
#place a{color:#fff;font-family:Microsoft YaHei; line-height:30px;}

/*-----------搜索页关键词-*/
#search_bt{width:1230px;text-align:left;padding:0px 0px 0px 0px}
#search_bt h2{padding:0px 0px 0px 0px;font-size:24px;font-family:"Microsoft YaHei";COLOR:#666;height:60px;line-height:60px;font-weight:lighter;overflow:hidden;display:inline-block}
/*--------------------------------------------------------------------------------【分页样式】*/
#view_page{TEXT-ALIGN:center;font-size:16px;padding:20px 0 0px 0;display:table;width:100%}
a.LnkPgPl{font-size:16px;min-width:36px;height:36px;line-height:36px;margin:0 2px 0 2px;padding:0px 12px 0px 12px;box-sizing:border-box;text-align:center;color:#666;background-color:#fff;display:inline-block;border:1px solid #e1e1e1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px}
a:hover.LnkPgPl{color:#09194a;text-decoration:none;background-color:#fff;border:1px solid #09194a}
.LnkPgPR{font-size:16px;min-width:36px;height:36px;line-height:36px;box-sizing:border-box;margin:0 2px 0 2px;padding:0px 12px 0px 12px;text-align:center;color:#09194a;background:#fff;display:inline-block;border:1px solid #09194a;border-radius:3px}
a:hover.LnkPgPR{color:#fff;text-decoration:none}
a.LnkPN{font-size:16px;min-width:36px;height:36px;line-height:36px;margin:0 2px 0 2px;padding:0px 12px 0px 12px;box-sizing:border-box;text-align:center;color:#666;background-color:#fff;display:inline-block;border:1px solid #e1e1e1;border-radius:3px;font-family:Verdana}
a:hover.LnkPN{color:#09194a;text-decoration: none;background-color:#fff;border: 1px solid #09194a;}