/* shkawai.com 样式设置 20200831更新 */
/*这段CSS代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
} */
body { background:#f5f5f5 url(image/bg10.jpg) repeat-x;
color:#333;line-height:2.0;
scrollbar-base-color:#55aa77;
font-size:12px;
font-family:"微软雅黑",Arial, Helvetica, sans-serif,"黑体";
padding:0px;margin:0px; margin-top:30px;
}
td,p { font-weight:400;}
p {line-height:166.6%;text-indent: 2em;margin-left:8px;}
td span{line-height:200%}
h1,h2{color:#666;line-height:1.2;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li, pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { margin:0px; padding:0px;}
.top-title{margin-left:155px;color:#666;}
.m {width:960px;margin:auto;}
.head {}
.head div {margin: 0 auto;float:left;}
.head .logo {padding:15px 10px 0 0px;height:70px;overflow:hidden;}
.head h1 {font-size:24px;margin:32px 0 0 10px;color:#666;font-family:榛戜綋;}
.head h2 h4 {font-size:16px;margin:0 0 0 10px;color:#666;}
/* 超级链接,2种颜色即可 */
a { text-decoration:none; transition:all 0.4s linear; } /*重置超链下划线 */
a:link { color:#333; }
a:visited{ color:#808080; }
a:hover { color:#fff; background-color:#eb8c14; border-radius:15px; font-size:110%; transition:all 0.4s linear; }
/* 图片加上滤镜的效果 */
img {border:0; border-radius:5px; filter: drop-shadow(1px 1px 2px #666) sepia(0.1);}
table{border:0;border-spacing: 0; border-collapse: collapse; }
ul,li,ol{list-style:none; }
/* 横幅居中的定义 */
#banner {text-align:center;}
/* 横幅居中的定义: 更新 */
.banner {text-align:center;width:960px;margin:0px auto;}
.rFloat {float:right;}
/* 新 横线及部分字体的颜色,宽度 20221022 */
.line-f6f6f6{background-color:#f8f8f8;height:1px; }
.line-eb8c14{background-color:#eb8c14;height:1px; }
.font-eb8c14{color:#eb8c14;font-weight:700;}
.font-bold{font-weight:bold;}
.width-960 {width:960px;}
.width-990 {width:990px;}
.table-center {margin-right:auto; margin-left:auto;}
/* 靠左右浮动 */
.left {float:left;}
.right {float:right;margin:10 auto;}
.ibanner{text-align:center;widht:100%;background:#fafaf9;}
.header_container{
position:fixed;
top:0;
width:100%;
height:1px;
background-color:#fefaf9;
}
.header_solid
{ height:40px;background:#449cfe;font-size:16px;color:#fff;opacity:0.8;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;}
/* 面包屑导航：当前位置-》 */
.breadcrumb {
padding: 8px 16px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb-item {
display: inline;
font-size: 14px;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">";
padding: 0 8px;
color: #999;
}
.breadcrumb-item a {
color:#449cfe;
text-decoration: none;
}
.breadcrumb-item a:hover {
text-decoration: underline;
}
.breadcrumb-item.active {
color: #666;
}
/* 产品列表背景色 */
.pro-tab {background-color:#f8f8f8; text-align:center;}
/* 导航nav,列表list,内容main:字体颜色的变化 */
.nav a{color:#fff;}
.nav2 a{color:#333;}
.list a{color:#333;}
.main a{color:#02599c;}
.nav a:hover{color:red; }
.nav2 a:hover{color:red; }
.list a:hover{color:red; border-radius:50px; }
.main a:hover{color:red; border-radius:50px; }
.nav { background-image:url(http://www.ch-senjing.com/image/top_bg.gif)}
.nav td{ text-align:center;}
.blog a:link {text-decoration:none; color:#333; }
.blog a:hover {text-decoration:underline; color:orange; }
.blog a:visited {text-decoration:none; color:#808080;}
/* 导航栏效果， 切圆角 */
#nav{
margin:0px auto;
height:35px;
font-family: Verdana;
text-align:center;
width:960px; background-color:#009966;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;
}
#nav ul{
list-style:none;margin-left:0px;
}
#nav li{
display:inline;margin-left:20px;
}
#nav a{
color:#fafaf9;
font-weight:900;
line-height:30px;
padding:5px 5px;
}
#nav a:hover{
color:#009966;
background-color:#fafaf9;
border-radius:15px;font-size:120%;
}
/* 底部footer,copy-right，加入圆角效果，颜色适当变化 */
/* .footer-line{background-color:#eb8c14;height:3px;} */
.footer { clear:both;
background-color:#009966; border-color:#009966;
border-top:2px solid #eb8c14;
color:#fafaf9;
font-size:16px;
font-family:"Microsoft Yahei","黑体";
text-align:center;padding-top:1px;
}
.footer a {color:#fafaf9;text-decoration:none;padding:5px 5px;}
.footer a:hover{color:#009966;background-color:#fafafa;}
.copy-right {text-align:center;background-color:#22aa66;color:#c9c9c9;
height:160px;
}
.copy-right a {color:#c9c9c9;}
/*页面底部显示新闻列表，通栏的方式 20200909*/
.news-main {width:100%; background-color:#fafaf9;font-size:14px;}
.news-list { margin:0px auto; width:960px; text-align:left; color:#666;height:200px;
}
.news-list-left,.lFloat { background-color:#fff;margin:10px 50px 10px 10px ; ;line-height:1.66;
padding:10px; width:395px; }
/* 型号列表栏宽度及背景色 20200910*/
.side-list {background-color:#fff;color:#333;font-size:14px;width:220px;text-align:center; float:left; }
.side-list p{line-height:25px;}
.side-list ul,li{text-align:center;margin:20px auto;}
.side-main,.main { background-color:#fff;
font-size:14px;
padding-top: 10px; padding-left: 20px; padding-right: 20px;
text-align:left;
width:700px;
}
/* 合并相同属性 20250516 */
.side-list, .news-list-left, .parameter_radius, .lFloat {
border-radius:15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
float:left;
transition: all 0.3s ease; /* 平滑过渡 */
}
.side-list:hover, .news-list-left:hover, .parameter_radius:hover, .lFloat:hover {
background: #f5f5f5; /* 悬停时变暗 */
border-top:2px solid #eb8c14;
}
.chanpin-list {
float:left;
transition: all 0.3s ease; /* 平滑过渡 */
}
.chanpin-list:hover{
background: #f5f5f5; /* 悬停时变暗 */
border-top:2px solid #eb8c14;
border-radius:15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
/* 多层级内阴影 20250519 部分页面调用 */
.chanpin-list-inset {
border-radius:10px;
box-shadow:10px 10px 5px rgba(20, 165, 32, 0.5) inset,
10px 10px 10px rgba(218, 165, 32, 0.5) inset;
width:960px;
background-color:#fafaf9;
text-align:center;
}
/* 改用DIV进行布局，型号列表栏宽度及背景色 20221125, 改版*/
.div-side-list {background-color:#f6f6f6;font-size:14px;width:220px;text-align:center; vertical-align:text-top;float:left;}
.div-side-list p{line-height:25px;}
.div-side-list ul,li{text-align:center;margin:20px auto;}
.div-side-main {background-color:#ffffff; width:720px;font-size:14px;margin-left: 20px; text-align:left;vertical-align:text-top; float:left;}
/* 图片上显示文字,鼠标移动上去后,文字消失 20221017*/
.wenzi-show {background:#fff url(http://www.shkawai.com/image/3c.jpg) no-repeat;
height:170px;float:left;width:350px;}
.wenzi-show2 {background:#fff url(http://www.shkawai.com/image/ce.jpg) no-repeat;
height:170px;float:right;width:350px;}
.wenzi-show,.wenzi-show2{
background-position:top;
position:relative;
}
.wenzi-show span,.wenzi-show2 span{display:block;text-align: center; text-decoration:none;color:#eb8c14;bottom:-20px;
position:absolute;width:100%;
}
.wenzi-show:hover span,.wenzi-show2:hover span{display:none;}
/*悬停图片后就有一个上浮效果*/
img:hover {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transform: translate(-2px,-2px);
-webkit-transform: translate(-2px,-2px);
-o-transform: translate(-2px,-2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px,-2px);
-webkit-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
-moz-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
-o-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
}