/* 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:Arial, Helvetica, sans-serif;}
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:40px;}
div.span-1 {width:230px;}
div.span-2 {width:830px;}
div.span-3 {width:400px;}
div.span-4 {width:310px;}
div.span-5 {width:410px;}
div.span-6 {width:230px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:930px;}
.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:1920px; min-width:1200px;position:relative;}
.w{width:1200px;margin:0 auto;}
.bg-1{ background:url(../images/bg_k1.jpg) no-repeat center 0; padding:111px 0 0;}

.bg-2{ background:url(../images/bg_k2.jpg) no-repeat center 182px; height:804px;}
.bg-2 .w{ position:relative; height:804px;}
.bg-2 .w .tit{ background:url(../images/why_tit.png) no-repeat center center; height:74px;opacity:0;}
.bg-2 .bys{ position:relative; margin:36px 0 0;font-family:"微软雅黑"; height:620px;}
.bg-2 .bys .bquan{ background:url(../images/people.png) no-repeat 0 0; width:519px; height:692px; position:absolute; top:100px; left:413px;opacity:0;}
.bg-2 .bys .bfont{ width:401px; height:133px; clear:both; position:absolute;}
.bg-2 .bys .bfont span{ display:block; float:right; background:url(../images/number_01.png) no-repeat 0 0; height:109px; width:109px;opacity:0;}
.bg-2 .bys .bfont p strong{ color:#fd3535; font-weight:bold; font-size:24px; display:block;font-family:"微软雅黑"; margin:0 0 10px; text-align:right;}
.bg-2 .bys .bfont p{ margin:0; float:left; color:#fff; font-size:14px; line-height:24px; margin:0 10px 0 10px; width:260px;font-family:"宋体";opacity:0;}
.bg-2 .bys .bf1{ top:190px; left:0;}
.bg-2 .bys .bf2{ top:400px; left:0;}
.bg-2 .bys .bf3{ top:190px; right:0;}
.bg-2 .bys .bf4{ top:400px; right:0;}
.bg-2 .bys .bf2 span{ background:url(../images/number_03.png) no-repeat 0 0;}
.bg-2 .bys .bf3 p strong,.bg-2 .bys .bf4 p strong{ text-align:left;}
.bg-2 .bys .bf3 span{ background:url(../images/number_02.png) no-repeat 0 0; float:left;}
.bg-2 .bys .bf4 span{ background:url(../images/number_04.png) no-repeat 0 0; float:left;}

.bg-2 .bys .bfont .am2,.bg-2 .w .am2{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;}
.bg-2 .w .am3{animation:atop2 2s;-moz-animation:atop2 2s;-webkit-animation: atop2 2s;-o-animation:atop2 2s; opacity: 1;top:180px;}
.bg-2 .w .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-2 .bys .bfont .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-3{ background:url(../images/bg_k3.jpg) no-repeat center 0; padding:51px 0 0;}
/*页头*/
.top{ color:#cccccc; height:29px; line-height:29px;font-family:"宋体"; font-size:12px; background:#24272c;}
.top a{ color:#cccccc; margin:0 8px;}
.top a:hover{ color:#e72126;}
.top .fr{ }
.top .w{ position:relative;}

.header{ clear:both; height:98px;}
.header .w{ position:relative; z-index:10000; height:98px;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}

.h-top{ padding:19px 0 0; color:#e8e8e8;width:255px;*width:255px;float:right;font-family:"宋体";margin:0; text-align:right; position:relative; margin:0; }
.h-top p{ display:block; margin:0; clear:both; text-align:left;overflow:hidden;color:#333333;line-height:31px;font-size:16px; font-family:"微软雅黑"; background:url(../images/bg_tel.jpg) no-repeat 0 center; padding:0 0 0 60px;}
.h-top span{ font-size:26px; color:#a42327; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block;}
/*导航*/
.nav{ height:45px; background:#2e3a4b;}
.nav ul{ list-style:none;}
.nav ul li{height:45px;float:left; width:150px;}
.nav ul li a{ color:#fff; font-size:14px;line-height:45px; height:45px;font-family:"微软雅黑"; text-align:center; padding:0; display:block;}
.nav ul li a:hover,.nav ul li.on a,.nav ul li a:hover{ color:#fff; background:url(../images/nav_hover.jpg) no-repeat center 0;}
.nav ul li a:hover span,.nav ul li.on a span{ color:#000;}

.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:116px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both; background:#a42327;}
.nav li ul.menu li{ width:auto; padding:0;line-height:40px; height:40px; float:none; margin:0 20px; overflow:hidden; border-bottom:1px solid #7a0206; background:none;}
.nav li ul.menu li a{line-height:40px;color:#fff;padding:0;background:none;font-family:"微软雅黑";height:40px; font-size:14px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;}
.nav li ul.menu li a:hover{color:#000; transition-duration:0.4s;}

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

/*焦点图*/
.banner{height:500px; 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;}
/*页脚*/
.footer{ margin:0 auto; position:relative; color:#c9aa7c; line-height:36px; font-size:12px; padding:20px 0; font-family:"宋体"; background:#2b2b2b;}
.footer .w{ position:relative; padding:0; background:url(../images/logo_f.jpg) no-repeat 0 center; padding:10px 0 0;}
.footer .w img.flogo{ position:absolute; top:0; right:0;}
.footer p{color:#c6c6c6; margin:0; line-height:26px; text-align:left; margin-left:500px;}
.footer a{ color:#c6c6c6; font-size:12px; margin:0 5px;}
.footer a:hover{ color:#f00;transition-duration:0.4s;}

.f-link{color:#333333; line-height:40px; background:#eeeeee; font-size:12px;}
.f-link .w{ position:relative;}
.f-link span{color:#333333; font-size:14px;font-family:"微软雅黑";}
.f-link a{ color:#333333; margin:0 10px; font-family:"宋体"; font-size:12px; line-height:36px;}
.f-link a:hover{ color:#cf1214;}

.block-1{ position:relative; line-height:0; border:1px solid #c9c9c9;}
.block-1 .fl{ line-height:0;}
.block-1 a{ display:block; width:198px; float:left; height:183px; text-align:center; border-left:1px solid #c9c9c9;}
.block-1 a span{ display:block; color:#333333; line-height:24px; font-size:14px; font-family:"微软雅黑"; line-height:24px; margin:10px 0 0;}
.block-1 a em{ display:block; background:url(../images/icon_01.png) no-repeat center bottom; width:98px; height:103px; margin:0 auto; padding:32px 0 0;}
.block-1 a.ba1{ width:202px}
.block-1 a.ba2 em{ background:url(../images/icon_02.png) no-repeat center bottom;}
.block-1 a.ba3 em{ background:url(../images/icon_03.png) no-repeat center bottom;}
.block-1 a.ba4 em{ background:url(../images/icon_04.png) no-repeat center bottom;}
.block-1 a.ba5 em{ background:url(../images/icon_05.png) no-repeat center bottom;}


.block-1 a:hover em{animation: wrotate 2s infinite;
-moz-animation: wrotate 2s infinite;	/* Firefox */
-webkit-animation: wrotate 2s infinite;	/* Safari 和 Chrome */
-o-animation: wrotate 2s infinite;transition-duration:0.6s;}
.block-1 a.last{ margin-right:0;}
@-o-keyframes wrotate /* Opera */
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
/* wlines3 */
@-moz-keyframes wrotate /* Firefox */
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-webkit-keyframes wrotate /* Safari 和 Chrome */
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-o-keyframes wrotate /* Opera */
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
a.babg{ background:none; float:none;}

.block-2{ height:496px;}
.block-2 .fr{ width:626px;}
.block-2 .fl{ margin-left:-95px;}
.block-2 p{ font-size:14px; line-height:30px; color:#333333; padding:10px 0 0;}
.block-2 .pimg{ border-top:1px solid #c9c9c9; padding:20px 0 0; margin:15px 0 0;}
.block-2 .pimg div{ float:left; margin-left:10px;}

.block-c{font-family:"微软雅黑"; line-height:0; background:#363138; padding:20px 25px;}
.block-c p{ font-size:20px; color:#fff; line-height:28px; margin:10px 0 0; text-align:center; font-weight:bold;}
.block-c p strong{ font-size:18px; color:#593616; line-height:30px; display:block;}
.block-c span{ font-size:24px; color:#fff; line-height:30px; display:block; padding:0 0 0 45px; background:url(../images/bg_tel2.jpg) no-repeat 0 center;}

.block-c2{font-family:"宋体"; background:url(../images/bg_c.jpg) no-repeat center bottom; height:251px;}
.block-c2 p{ font-size:12px; color:#595757; line-height:26px; margin:10px 0 0;}
.block-c2 strong{ font-size:12px; color:#595757; line-height:30px; display:block;border-bottom:2px dotted #ccc; padding-bottom:10px;}
/*分类列表*/
.subnav{list-style:none; margin:0; position:relative; background:#fff; padding:20px 0;}
.subnav li{font-family:"微软雅黑"; line-height:45px; height:45px; overflow:hidden;}
.subnav li a,.subnav li span{color:#333333; font-size:14px; padding-left:74px; display:block; background:url(../images/jiahao.png) no-repeat 47px center;}
.subnav li a:hover,.subnav li.on a{ color:#fff; background-color:#363138;}
.subs{ background:#f7f7f7;}
/*tab切换样式*/
/*标题样式*/
.title-1{height:91px;font-family:"微软雅黑"; text-align:left; line-height:24px; position:relative; background:#363138;}
.title-1 span{font-size:20px; display:block;color:#fff; text-align:center; padding:22px 0 0;}
.title-1 em{color:#fff; font-size:18px; font-style:normal; text-transform: uppercase; display:block; text-align:center;}

.title-2{color:#c21407; padding:0; height:54px; line-height:54px; font-family:"微软雅黑";}
.title-2 span{font-size:24px; float:left; color:#a42327; font-weight:bold;}
.title-2 em{ font-size:18px; font-style:normal; font-weight:normal; text-transform: uppercase; color:#666666; margin-left:10px; font-weight:bold;}

.title-3{color:#333333; height:40px; line-height:40px; font-family:"微软雅黑"; border-bottom:2px solid #593616;}
.title-3 span{font-size:18px; padding:0; display:block; float:left;}
.title-3 em{font-style:normal; font-size:16px; display:block;text-transform: uppercase;}

a.more1{ color:#593616; font-size:12px;font-family:"宋体";line-height:31px;text-transform: uppercase; float:right;}
a.more1:hover{ color:#f00c17; transition-duration:0.4s;}
/*面包屑*/
.place{line-height:40px;color:#5a3615;font-size:12px; margin:0;text-transform: uppercase; text-align:right; font-family:"宋体"; float:right;}
.place a{ color:#5a3615;}
.place a:hover{color:#f00;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{ margin:0 6px 20px;_margin:0 5px 20px;position:relative; display:block; overflow:hidden; float:left;width:256px;height:234px;}
.ul-1 li a{ display:block;}
.ul-1 li a.a-p{font-size:14px;color:#fff;line-height:42px;font-family:"微软雅黑"; display:block; text-align:center; width:100%; height:42px; position:absolute; bottom:0; left:0; background:#9b2427;opacity:0;}
.ul-1 li div{width:256px; height:234px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:214px; margin:0; background:#363138;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li:hover a.a-p{opacity:1; transition-duration:0.6s;}
.ul-1 li:hover{}
.ul-1 li.last{ margin-right:0;}

.up li{ margin:0 3px 28px;}
/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{line-height:26px;overflow:hidden; padding:0 0 0 15px; background:url(../images/dot_01.jpg) no-repeat 0 center; border-bottom:1px dashed #e3d4ad;}
.ul-news li span{color:#595757; float:right;}
.ul-news li a{color:#595757;font-size:12px; float:left;}
.ul-news li a:hover{ color:#f00;}
.ul-news li.li-1{line-height:19px;overflow:hidden; margin:0; padding:0 0 15px;}
.ul-news li.li-1 .fl{}
.ul-news li.li-1 .fl a{ line-height:0;}
.ul-news li.li-1 a{color:#595757; font-size:12px; line-height:24px; float:none; padding:10px 0 0; background:none;font-family:"宋体"; font-weight:bold; display:block;}
.ul-news li.li-1 a:hover{ color:#f00;}
.ul-news li.li-1 div.fr{width:216px; position:relative;}
.ul-news li.li-1 div.fr span{ float:none; color:#d00000; font-family:"微软雅黑";}
.ul-news li.li-1 p{ margin:0; color:#595757; line-height:24px;  padding:0;}
/*内容*/
.bpad{ padding-top:0;}
.content{ line-height:27px; min-height:600px;color:#000;padding:15px 0; font-size:12px;font-family:"宋体";}
.content p{color:#000; line-height:27px; margin:0 0 10px; font-size:12px;font-family:"宋体";}
.nobg{ background:none;}
/*ϵ*/
/*边距*/
.npad{padding:none;}
.pad{ padding:27px 50px; background:#eeeeee;}
.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;}