/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
html {font-size:100.01%;}
body {font-size:12px;color:#595757;font-family:"宋体"; background:#fcfcfc}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:0 14px 0 0;padding:0;}
p img.right {float:right;margin:0 0 0 5px;}
a:focus, a:hover {color:#000;outline:none;}
a {color:#3d3d3d;text-decoration:none;outline:0 none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
a.a-1 { color:#ffffff; width:85px; height:20px; line-height:20px; background:url(../images/more_1.jpg) no-repeat center; padding:5px; float:right; text-indent:-10000000px; }
*:focus {outline:0 none;}
div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;}
.span-1 {width:735px;}
.span-2{ width:230px;}
.span-3{ width:230px;}
.span-4{ width:705px; padding:15px}
.span-5{ width:350px;}
.span-6{ width:340px}
.span-7{ width:268px;}
body{}
/*外部框架*/
.w-1{ max-width:1600px; _width:100%; margin:0 auto; min-width:1002px; position:relative}
.w{width:1002px;margin:0 auto; }
.bg-1{ background:url(../images/top_bg.jpg) repeat-x top;}
.bg-2{ background:url(../images/notice_bg.jpg) repeat-x; height:42px; line-height:42px;}
.bg-3{ background:#f4f4f4 url(../images/bg_1.jpg) no-repeat 10px 55px; padding:10px;}
.bg-4{ background:#24397a}
.bg-5{ background:#f4f4f4; padding-bottom:15px;}
/*页头*/
.header{ height:99px;padding:0;color:#565454; margin:0 auto}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}
.header h1 img{}
.top{ height:34px; line-height:34px; color:#464646}
.top span{ float:right}
.top a{ color:#464646}
.tel{ float:right; padding:40px 0px 0px 0px; width:250px;}
.tel span{ float:left; padding-right:10px;}
.notice{ height:42px; line-height:42px; color:#6d6e6e; font-family:"微软雅黑"; background:url(../images/notice_1.jpg) no-repeat left center}
.notice span{ color:#ffffff; font-size:14px; float:left; padding-left:15px;}
.notice a{ float:left; font-size:12px; padding-left:30px; color:#595757}
/*导航*/
.nav{height:45px; width:1002px; background:url(../images/nav_bg.jpg) no-repeat 15px 0px}
.nav ul{list-style:none;height:45px; padding:0;}
.nav ul li{ float:left;height:45px; background:url(../images/nav_line.jpg) no-repeat 20px 23px}
.nav ul li a{ color:#ffffff; font-size:14px; display:block;line-height:45px;height:45px;font-family:"微软雅黑";/*text-shadow:1px 1px 1px #665166;*/width:100px;_width:100px;text-align:center;}
.nav ul li a:hover,.nav ul li.on a{ color:#ffffff; width:100px; height:45px; line-height:45px; background:url(../images/nav_hover.jpg) no-repeat center}
.nav ul li.none{ background:none}
.nav li ul.menu{ margin:0;position: absolute; display:none; width:auto; z-index:10000; overflow:hidden; height:auto;background:#24397a; }
.nav li ul.menu li{float: none;text-align:center;width:100px;margin:0 auto; padding:0; height:35px;background:#24397a; border-bottom:1px solid #4a588b}
.nav li ul.menu li a{line-height:35px; padding:0; display:block; color:#ffffff; font-weight:normal; text-align:center;font-size:12px; height:35px; width:auto; background:none;}
.nav li ul.menu li a:hover{color:#ffffff; background:#005fbb}
/*焦点图*/
.banner{ height:407px; overflow:hidden; position:relative; z-index:0;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0;}
/*页脚*/
.foot{ color:#ffffff; line-height:26px; text-align:center; padding:20px; }
.foot p{ }
/*内部样式*/
.block-1{ padding:0px;}
.block-1 img{ float:left; padding-right:10px; padding-top:15px;}
.block-1 p{line-height:24px; padding-top:10px;}
.block-2{text-align:left; font-family:"微软雅黑"; border-top:1px solid #24397a; margin-top:5px; background:#ffffff; padding:3px;}
.block-2 img{ margin-top:2px;}
.block-2 p{ line-height:23px; padding:10px 10px 15px 10px;}
.block-2 a{ font-family:"微软雅黑"; }
.block-3{text-align:left;background:url(../images/pic_con.jpg) no-repeat right bottom }
.block-3 p{ line-height:28px; padding:10px; color:#ffffff}
.border{ border:1px solid #dedede;}
.border1{ border:1px solid #b27d51; padding:10px;}
/*分类列表*/
.subnav{list-style:none; margin:0 auto; border-top:1px solid #24397a; margin-top:2px; padding-bottom:10px; background:#ffffff; }
.subnav li{ text-align:left; height:34px; line-height:34px; background:url(../images/sub_on.jpg) no-repeat center; list-style:none; margin-top:5px;}
.subnav li a{ color:#ffffff; display:block; font-size:14px; padding-left:90px; font-family:"微软雅黑"}
.subnav li a:hover{color:#b26a1f;}
/*标题样式*/
.title-1{font-family:"微软雅黑"; font-size:14px; text-align:left; background:url(../images/tit_1.jpg) no-repeat left bottom; height:30px; padding-left:5px;}
.title-1 span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#cd9514;}
.title-2{ text-align:left; background:#24397a; height:34px; line-height:34px; font-family:"微软雅黑"; color:#ffffff; padding-left:10px; font-size:14px; }
.title-3{text-align:left; height:34px; color:#ffffff; padding-left:30px; line-height:34px;font-family:"微软雅黑"; font-size:14px; background:#24397a url(../images/tit_2.jpg) no-repeat 10px 10px; }
.title-3 span{ color:#cd9514; font-size:12px;}
.title-4{ text-align:left;height:50px; line-height:50px; font-size:14px; font-family:"微软雅黑" }
.title-4 span{ color:#cd9514; font-size:12px;}
.title-5{ text-align:left; background:url(../images/tit_5.jpg) no-repeat left center; text-indent:-10000000px; line-height:30px; margin-top:10px; margin-left:10px;}
.title-6{ text-align:left; background:url(../images/tit_6.jpg) no-repeat left center; text-indent:-10000000px; line-height:30px; margin-top:10px; margin-left:10px;}
.title-7{ border-bottom:1px solid #dedede; height:40px; line-height:40px; font-size:18px; color:#fff100; font-family:"微软雅黑"}
a.more{ color:#1a81cc;font-size:12px; width:66px; float:right; height:30px; line-height:30px; margin:0 12px auto; text-align:center; display:block; text-indent:-10000000px; background:url(../images/more.jpg) no-repeat center center}
a.more1{ float:right; color:#1a81cc;font-size:12px; width:50px; height:45px; line-height:45px; text-align:center; text-indent:-10000000px; background:url(../images/more1.jpg) no-repeat center center}
/*面包屑*/
.place{ text-align:right; line-height:30px; font-size:12px; float:right; padding-right:10px;}
.place a{ color:#6d6d6d; float:none; padding:0}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{ margin:0; float:left!important; clear:none!important; margin-left:10px; width:155px; height:50px; overflow:hidden;text-align:center; }
.ul-1 li a{ display:block; text-align:center;}
.ul-1 li a.a-p{text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑";}
.ul-1 li div{width:155px; height:44px; border:1px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:38px; }
.ul-1 li img{vertical-align:middle;}
.ul-2{list-style:none;margin:0;}
.ul-2 li{ margin:0; float:left!important; clear:none!important; margin-left:10px; width:186px; height:170px; overflow:hidden;text-align:center; }
.ul-2 li a{ display:block; text-align:center;}
.ul-2 li a.a-p{text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑";}
.ul-2 li div{width:186px; height:140px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:122px; }
.ul-2 li img{vertical-align:middle;}
/*新闻列表*/
.ul-news{ list-style:none; padding:10px 0px 0px 0px;}
.ul-news li{line-height:30px; height:30px; background:url(../images/coin.jpg) no-repeat left center }
.ul-news li a{ font-size:12px; float:left; color:#595757; padding-left:10px;}
.ul-news li span{ float:right; color:#595757;}
.ul-news li.li-1{ clear:both; overflow:hidden; height:auto; padding-bottom:10px; }
.ul-news li.li-1 div{ width:285px; line-height:20px; float:left; margin-left:10px; border-bottom:1px solid #704a3a}
.ul-news li.li-1 div a{ float:left; font-weight:bold}
.ul-news li.li-1 img{ float:left}
.ul-news li.li-1 div p{ line-height:24px; }
/*产品列表*/
#picUL1{text-indent:0; overflow:hidden; margin-top:20px; margin-left:10px; list-style:none}
#picUL1 li{ height:250px; width:200px; float:left; line-height:18px; margin:0 10px; _margin:0 4px; text-align:center;}
#picUL1 li img{ vertical-align:middle; border:none; }
#picUL1 li a{ color:#666; text-decoration:none}
#picUL1 li a:hover{ color:#e70312;}
.pic-bg{ width:200px; height:200px; display:block; border:1px solid #CCC; overflow:hidden;display: table-cell;+line-height:200px;*display: block;*font-size:175px;*font-family:Arial;vertical-align: middle;}
.pic-bg img{vertical-align:middle;border:none}
.links{ font-family:"微软雅黑"; line-height:47px;}
.links span{ font-size:16px; padding-left:10px; color:#fff100 }
.links a{ color:#ffffff; padding-left:10px; font-size:12px; font-family:"宋体";}
/*内容*/
div.content{margin:0 auto; min-height:622px; padding:15px; line-height:24px;margin-bottom:15px; }
div.content p{line-height:24px; font-size:12px;}
/*表单*/
.guestbook ul{ list-style:none; padding-left:15px; text-align:left}
.guestbook ul li{ line-height:26px; font-size:14px; border-bottom:1px dashed #c2a9a4; padding-left:15px;}
/*ϵ*/
/*边距*/
.pad{ padding:10px 30px 0px 30px;}
.mrg-t-5{ margin-top:5px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:25px;}
.mrg-t-30{ margin-top:30px;}
.mrg-left{ margin-left:30px; display:inline}
.mrg-left1{ margin-left:20px; display:inline}
.none-m{ margin:15px 0 0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.s-1{ position:absolute; top:0px; left:0px; z-index:10; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.s-2{ position:absolute; top:45px; left:0px; z-index:10; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.s-3{ position:absolute; top:0px; left:175px; z-index:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0,0,1,15deg) scale(0.1);
transform: rotate3d(0,0,1,15deg) scale(0.1);
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
.swing {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.s3
{
animation:s3 1s;
-moz-animation:s3 1s;
-webkit-animation:s3 1s;
-o-animation:s3 1s;
}
@keyframes s3
{
0% {transform: scale(0.3);}
100% {transform: scale(1);}
}
@-webkit-keyframes s3
{
0% {-webkit-transform: scale(0.3);}
100% {-webkit-transform: scale(1);}
}
@-moz-keyframes s3
{
0% {-moz-transform: scale(0.3);}
100% {-moz-transform: scale(1);}
}
@-o-keyframes s3
{
0% {transform: scale(0.3);}
100% {transform: scale(1);}
}