/* 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:#222;font-family:"宋体";}
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 15px 0 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;}
a:hover{ color:#ff0000;}
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;}
*: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;margin-right:37px;}
div.span-1 {width:750px;}
div.span-2 {width:413px;}
div.span-3 {width:687px; margin-right:21px;}
div.span-4 {width:492px;}
div.span-5 {width:325px;}
div.span-6 {width:278px; margin-right:40px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:882px;}
.span-19 {width:943px;}
.span-24, div.span-24 {width:960px;}
.last, div.last {margin-right:0;}
.spbg, div.spbg { background:none; padding-right:0;}
body{ font-family:"宋体";}
/*外部框架*/
.w-1{margin:0 auto; max-width:1900px; min-width:1200px;position:relative;}
.w{width:1200px;margin:0 auto; position:relative;}
.bg-1{ background:url(../images/bk_01.jpg) no-repeat center bottom; height:457px;}

.bg-2{ background:url(../images/bk_03.jpg) repeat 0 0; padding:30px 0; margin:1px auto 0;}

.bg-3{ background:url(../images/bk_04.jpg) no-repeat center 0; height:519px;}
.bg-3 .bys{ position:relative; margin:36px 0 0;font-family:"微软雅黑"; height:465px;}
.bg-3 .bys .bfont{ width:383px; height:133px; clear:both; position:absolute;opacity:0;}
.bg-3 .bys .bfont p strong{ color:#680102; font-weight:bold; font-size:16px; display:block;font-family:"微软雅黑"; margin:0 0 10px;}
.bg-3 .bys .bfont p{ margin:0; color:#333333; font-size:12px; line-height:24px; margin:0 10px 0 10px;font-family:"宋体";}
.bg-3 .bys .bf1{ top:140px; left:60px;}
.bg-3 .bys .bf2{ top:299px; left:60px;}
.bg-3 .bys .bf3{ top:140px; right:-15px;}
.bg-3 .bys .bf4{ top:299px; right:-15px;}
.bg-3 .bys .bf3 p strong,.bg-3 .bys .bf4 p strong{ text-align:left;}

.bg-3 .bys .am2{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;}
.bg-3 .bys .am3{animation:atop2 2s;-moz-animation:atop2 2s;-webkit-animation: atop2 2s;-o-animation:atop2 2s; opacity: 1;top:180px;}
.bg-3 .bys .am5{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;}

.bg-3 .bys .am10{animation: wrimg 2s;-moz-animation: wrimg 2s;-webkit-animation: wrimg 2s;-o-animation: wrimg 2s; opacity: 1;}

@keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-moz-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-webkit-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-o-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@keyframes atop2
{
from { top:250px; opacity: 0;}
to { top:180px;opacity: 1;}
}

@-moz-keyframes atop2
{
from { top:250px; opacity: 0;}
to { top:180px;opacity: 1;}
}

@-webkit-keyframes atop2 
{
from { top:250px; opacity: 0;}
to { top:180px;opacity: 1;}
}
@-o-keyframes atop2 
{
from { top:250px; opacity: 0;}
to { top:180px;opacity: 1;}
}

@keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-moz-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-webkit-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-o-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}


.bg-4{ background:url(../images/bk_05.jpg) no-repeat center center; height:123px;}
.bg-4 .w{ position:relative;height:123px;}
.bg-4 .w span{ display:block; position:absolute; font-size:24px; font-weight:bold; color:#fff;font-family:"微软雅黑"; right:221px; top:60px;}

.bg-5{ background:url(../images/bg.jpg) repeat 0 0; padding:20px 0;}
/*页头*/
.header{ clear:both; height:126px; background:url(../images/bg_01.jpg) no-repeat 0 0;}
.header .w{ position:relative; z-index:10000;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}

.head_tel{width: 250px;float: right;}

.h-top{ padding:10px 0 0; color:#000000;width:474px;*width:474px;float:right;font-family:"微软雅黑";margin:0; text-align:right; position:relative; line-height:30px;}
.h-top a{color:#000000; line-height:14px; margin:0 5px; font-size:12px; }
.h-top a:hover{color:#f00;}
.h-top p{ font-weight: bold;display:block; margin:0; clear:both; overflow:hidden;color:#52362a;line-height:50px;font-size:14px; font-family:"微软雅黑"; background:url(../images/bg_tel.jpg) no-repeat left center; padding:0 60px 0 0; text-align:right;}
.h-top p span{ font-size:24px; color:#dc2718; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block;}
.h-top span{display: inline-block;width: 100%;float: right;text-align: left;font-size: 16px}
/*导航*/
.nav{ height:52px; background:#561803;}
.nav ul{ list-style:none;}
.nav ul li{height:52px;float:left;font-family:"微软雅黑"; padding:0; width:150px;}
.nav ul li a{ color:#fff; font-size:16px;line-height:52px; margin:0;font-family:"微软雅黑"; display:block; text-align:center;}
.nav ul li a:hover,.nav ul li.on a,.nav ul li a:hover{ color:#fff; background:#cc2424;}

.nav li ul.menu{ margin:0; padding:10px 0;position:absolute;display:none; height:auto; width:171px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both; background:#0075a9;}
.nav li ul.menu li{ width:auto; padding:0;line-height:33px; height:33px; float:none; margin:0; overflow:hidden; background:none;}
.nav li ul.menu li a{line-height:33px;color:#fff;padding:0;background:none;font-family:"微软雅黑";height:33px; font-size:15px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;}
.nav li ul.menu li a:hover{color:#fff; background:#c00000; transition-duration:0.4s;}

.nav ul li.none{ background:none;}

/*焦点图*/
.banner{height:443px; margin:0 auto; z-index:100;clear:both; position:relative; }
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
#kinMaxShow{display:none;}

.binfo{ background:url(../images/bg_info.jpg) repeat-x 0 0; height:67px; line-height:67px;}
.binfo a{ color:#333333; font-size:14px;}
.binfo a:hover{ color:#f00;}
/*页脚*/
.footer{ margin:0 auto; position:relative; color:#e1dcdc; line-height:26px; font-size:14px; padding:35px 0 20px; background:url(../images/bg_f.jpg) repeat-x 0 0 #561803;font-family:"宋体";}
.footer .w{ position:relative;}
.footer p{color:#e1dcdc; margin:0; line-height:24px; text-align:center; font-size:12px;}
.footer span{color:#e1dcdc; font-size:12px; line-height:35px;}
.footer a{ color:#e1dcdc; font-size:12px; margin:0 5px;}
.footer a:hover{ color:#f00;transition-duration:0.4s;}
/*内部样式*/
.block-1{ padding:63px 94px 0 0;}
.block-1 p{ color:#333333; line-height:25px; margin:0;}
.block-1 em{ display:block; text-transform:uppercase; color:#302e2e; font-size:9px; font-style:normal;}
.block-1 a{ display:block; float:left; text-align:center; width:180px; margin:0 30px; padding:155px 0 0;}
.block-1 a:hover span,.block-1 a:hover em{ color:#bb211e;}


.block-2{ background:url(../images/bk_02.jpg) no-repeat 0 0; height:397px; margin:23px 0 0;}
.block-2 strong{ color:#3a3a3a; font-size:16px; font-family:"微软雅黑"; display:block;}
.block-2 p{ line-height:24px; color:#777777; margin:10px 0 0;}

.block-3{ background:url(../images/bk_06.jpg) no-repeat center 0; height:270px; padding:10px 30px 0;}

.box1{ border:2px solid #efe9de;}
.subbg{ background:#561803;}
.subnav{list-style:none; margin:0 auto; position:relative; width:229px;}
.subnav li{font-family:"微软雅黑"; line-height:35px; height:35px; margin:0 auto 15px; position:relative; z-index:100000000000; background:url(../images/sub_li.jpg) no-repeat 0 0;}
.subnav li a{color:#333333; font-size:14px; display:block; padding-left:48px;}
.subnav li a:hover,.subnav li.on a{ color:#f00;}
/*标题样式*/
.ititle-1{height:53px;font-family:"微软雅黑"; text-align:center; line-height:47px; position:relative; background:url(../images/t_dot_01.png) no-repeat center center;}
.ititle-1 span{font-size:26px; display:block;color:#fff; text-align:center; padding:0;}
.ititle-1 em{color:#6a6565; font-size:16px; font-style:normal; text-transform: uppercase; display:block;}

.title-1{font-family:"微软雅黑"; line-height:44px; height:44px; position:relative; background:#561803;}
.title-1 span{font-size:16px; color:#fff; float:left; background:#333333; padding:0 20px; height:44px;}

.title-2{padding:0; height:50px; line-height:50px; font-family:"微软雅黑"; border-bottom:1px solid #999999;}
.title-2 span{font-size:16px; color:#fff; background:#333333; padding:0 20px; height:50px; display:block; float:left;}

a.more1{ color:#fff; font-size:14px;font-family:"微软雅黑";line-height:44px;text-transform: uppercase; float:right; padding:0 15px 0 0;}
a.more1:hover{ color:#f00; transition-duration:0.4s;}
/*面包屑*/
.place{line-height:50px; height:50px;color:#333333;font-size:12px; margin:0 0 0 0;text-transform: uppercase; text-align:right; font-family:"宋体"; float:right;}
.place a{ color:#333333;}
.place a:hover{color:#f00;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li {float: left;margin:0 10px 20px;width:280px; height:234px;}
.ul-1 li a{overflow: hidden;position: relative;display:block; padding:0; display:block;}
.ul-1 li div{width:280px; height:201px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:184px; margin:0 auto; border:1px solid #000;}
.ul-1 li div img{vertical-align:middle;}
.ul-1 li a.a-p{font-size:16px;color:#1c1c1a;line-height:24px; height:41px;font-family:"微软雅黑"; padding:5px 10px 10px; text-align:center; font-weight:bold;}
.ul-1 li a.a-p span{ display:block; font-size:12px; color:#808080;}
.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover{ color:#561803; transition-duration:0.6s;}
.ul-1 li p{ color:#979595; line-height:24px; font-size:12px; padding:10px; margin:0;}
.ul-1 li:hover{transition-duration:0.6s;}

.ul-2{list-style:none;margin:0;}
.ul-2 li{ margin:0 15px 20px 0; display:block; overflow:hidden; float:left; width:278px;}
.ul-2 li a.a-p{font-size:14px;color:#fff;line-height:30px;font-family:"微软雅黑"; display:block; text-align:center;}
.ul-2 li p{ color:#3d3d3d; line-height:24px; margin:0;}
.ul-2 li div{width:274px; height:250px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:234px; margin:0; float:left; border:2px solid #52362a;}
.ul-2 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-2 li:hover a.a-p,.ul-2 li a.a-p:hover,.ul-2 li:hover span{ color:#f94141; transition-duration:0.6s;}
.ul-2 li.last{ margin-right:0;}
/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{ line-height:24px; overflow:hidden; border-bottom:1px dotted #bbbbbb; padding:0; height:24px;}
.ul-news li span{color:#333333; font-size:12px;font-family:"微软雅黑"; float:right;}
.ul-news li p{ margin:0; color:#909090; clear:both; overflow:hidden;}
.ul-news li a{font-size:12px; color:#333333; float:left;}
.ul-news li a:hover{ color:#f00;}

.ul-news li.li-1{line-height:19px;overflow:hidden; margin:0; padding:0 0 8px; height:auto;}
.ul-news li.li-1 a{color:#333333; font-size:14px; line-height:28px; padding:0; background:none;font-family:"微软雅黑";display:block; float:none; font-weight:bold;}
.ul-news li.li-1 a:hover{ color:#f00;}
.ul-news li.li-1 div.fr{width:465px; position:relative;}
.ul-news li.li-1 p{ margin:0; color:#333333; font-size:12px; line-height:24px;}

.ul-nlist{ margin:0; list-style:none; }
.ul-nlist li{line-height:24px; height:72px; font-size:12px; padding:5px 0; margin-bottom:5px;}
.ul-nlist li a{color:#333333; font-size:12px;font-family:"宋体"; background:url(../images/dot_w.jpg) no-repeat 0 center; line-height:24px; padding:0 0 0 33px; display:block; height:24px;}
.ul-nlist li p{ margin:0; color:#333333; line-height:24px; font-size:12px; background:url(../images/dot_d.jpg) no-repeat 0 3px; padding:0 0 0 33px;}
.ul-nlist li a:hover{ color:#f00;}
.ul-nlist li.fl{ width:546px; border-right:1px solid #999; padding-right:50px;}
.ul-nlist li.last{ margin-left:50px; border:none; width:537px; padding-right:0;}
/*内容*/
.content{ line-height:28px; min-height:645px;color:#000;padding:15px 0; font-size:13px;}
.content p{color:#000; line-height:28px; margin:0 0 10px; font-size:13px;}

.nobg{ background:none;}
/*ϵ*/
/*边距*/
.npad{padding:none;}
.pad{ padding:30px 0;}
.pad2{padding:27px 0; background:#fff;}
.pad3{ padding:15px; background:#1b1b1b;}

.mrg-t{margin:0 29px;}
.mrg-t-15{ margin-top:15px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-30{ margin-top:40px;}
.mrg-b-10{ margin-bottom:10px;}
.pad-t-20{ padding-top:40px;}


.nonep{ padding:0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}