/* 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:22px;}
div.span-1 {width:319px;}
div.span-2 {width:314px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0 22px;}
div.span-3 {width:287px;}
div.span-4 {width:394px; margin-right:15px;}
div.span-5 {width:208px; margin-right:15px;}
div.span-6 {width:218px; margin-right:22px;}
.span-7 {width:314px;}
.span-8 {width:795px;}
div.span-18{width:762px;}
.span-19 {width:785px;}
.span-24, div.span-24 {width:960px;}
.last, div.last {margin-right:0;}
body{ }
/*外部框架*/
.w-1{margin:0 auto; max-width:1900px; min-width:1002px;position:relative;}
.w{width:1002px;margin:0 auto;}
.bg-1{ background:url(../images/line1.jpg) repeat-x 0 bottom #eaeaea; padding:15px 0 30px;}
.bg-1 .w{ position:relative;}
.bg-2{ background:url(../images/bg_02.jpg) repeat 0 0;}
.bg-2 .w{ position:relative;}
.bg-2 .bk1{ background:url(../images/bg_k_01.jpg) no-repeat center 0;}
.bg-3{ background:#eaeaea; border-top:1px solid #e0e0e0;}

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

.himg{ margin:62px 0 0;}

.h-top{ padding:31px 0 0 0;color:#fff;width:368px;*width:368px;float:right;font-family:"微软雅黑";margin:0; text-align:right; position:relative;}
.h-top p{ display:block; margin:0; clear:both; text-align:right;overflow:hidden;color:#242424;line-height:26px;font-size:16px;font-family:"微软雅黑"; background:url(../images/bg_tel.jpg) no-repeat right center; padding-right:54px;}
.h-top p span{ font-size:30px; color:#c83806; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block;}
/*导航*/
.nav{height:47px; background:url(../images/nav_bg.jpg) repeat-x 0 0;}
.nav ul{list-style:none;display:block;height:47px; padding:0;}
.nav ul li{height:47px;float:left; width:125px;}
.nav ul li a{ color:#4b4a4a; font-size:14px;line-height:43px;font-family:"微软雅黑"; text-align:center; position:relative; padding:0; height:43px; display:block; margin-top:4px;}
.nav ul li a:hover{ color:#fff;background:#003c7e; transition-duration:0.2s;}

.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; width:125px; background:#ecf3f8; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both;}
.nav li ul.menu li{ width:100px; padding:0;line-height:33px; height:33px; float:none; overflow:hidden; margin:0 auto; border-bottom:1px dashed #929698;}
.nav li ul.menu li a{line-height:33px;color:#3c3c3c;padding:0;background:none;font-family:"微软雅黑";height:33px; font-size:14px; font-weight:normal; text-align:center;transition-duration:0.4s; margin:0;}
.nav li ul.menu li a:hover{color:#c83806;}
.nav li ul.menu li:last-child{ border-bottom:none;}

.nav ul li.none{ background:none; padding-right:0;}

/*焦点图*/
.banner{height:458px; 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:44px; line-height:44px;}
.binfo span{ color:#1e1e1e; font-size:16px; font-family:"微软雅黑";}
.binfo a{ color:#777777; margin-left:5px;}
.binfo a:hover{ color:#c83806;}
/*页脚*/
.footer{ margin:0 auto; position:relative; color:#b2d0f1; line-height:22px; background:#035bb4;}
.footer .w{ background:url(../images/logo_f.jpg) no-repeat 0 0; min-height:217px;}
.footer p{color:#b2d0f1; margin:0; line-height:22px; padding:15px 0 0 221px; font-size:12px; text-align:left;}
.footer a{ color:#b2d0f1; font-size:12px;}
.footer a:hover{ color:#e8b436;transition-duration:0.4s;}

.f-link{color:#b2d0f1; line-height:20px; margin:0 0 0 221px; border-bottom:1px solid #3d82c8; padding:39px 0 5px;}
.f-link span{color:#b2d0f1; font-size:14px;font-family:"微软雅黑";}
.f-link a{ color:#b2d0f1; margin:0 10px;}
.f-link a:hover{ color:#e8b436;}
/*内部样式*/
.i_news_box {position: relative;width:1002px; padding:10px 0 0;}
.i_news_box .tempWrap{width:1002px; overflow:hidden;}
.i_news_box ul {margin: 0 auto; list-style:none;}
.i_news_box li {background: #d7d5d5;float: left;margin:0 14px 0 0;width:180px; padding:4px;}
.i_news_box li a.con {overflow: hidden;position: relative;width:180px; display:block; padding:0;}
.i_news_box li .con div{width:180px; height:123px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:100px; margin:0 auto;}
.i_news_box li .con div img{vertical-align:middle;}
.i_news_box li .news_title {color: #2e2c2c;font-family:"微软雅黑";display: block; font-size:14px;line-height:35px; height:35px;overflow: hidden; padding:0; text-align:center;}
.i_news_box li:hover{ background:#ffc001;transition-duration:0.6s;}
.i_news_box li:hover .news_title{ color:#000;}
.i_news_box li a.con:hover .news_title{ color:#000; transition-duration:0.6s;}
.i_news_box .prev_next {}
.i_news_box .prev_next a { position:absolute;}
.i_news_box .prev_next a:hover {opacity: 0.7;}
.i_news_box .prev {left:-55px; top:66px;}
.i_news_box .next {right:-55px; top:66px;}

.block-1{position:relative;font-family:"微软雅黑"; height:811px; background:url(../images/title_04.jpg) repeat-x 0 bottom;}
.block-1 p{ line-height:24px; color:#fff; font-size:24px; margin:0; position:absolute; top:30px; left:0;opacity:0;}
.block-1 img{ position:absolute;opacity:0;}
.block-1 .bimg1{ top:65px; left:200px;}
.block-1 .bimg2{ top:39px; right:130px;}
.block-1 .bimg3{ top:10px; right:0;}

.block-1 .bimg4{ top:218px; left:247px;}
.block-1 .bimg5{ bottom:0; left:0;}

.block-1 .bimg6{ top:365px; left:23px;}
.block-1 .bimg7{ top:306px; left:127px;}
.block-1 .bimg8{ top:370px; left:287px;}

.block-1 .bimg9{ top:313px; left:450px;}
.block-1 .bimg12{ top:313px; right:86px;}
.block-1 .bimg10{ top:475px; left:500px;}
.block-1 .bimg13{ top:475px; right:37px;}
.block-1 .bimg11{ top:640px; left:560px;}
.block-1 .bimg14{ top:640px; right:8px;}

.block-1 .am2{animation:atop2 2s;-moz-animation:atop2 2s;-webkit-animation: atop2 2s;-o-animation:atop2 2s; opacity: 1;left:44px;}
.block-1 .am3{animation:atop3 2s;-moz-animation:atop3 2s;-webkit-animation: atop3 2s;-o-animation:atop3 2s; opacity: 1;right:230px;}
.block-1 .am4{animation:atop4 1s;-moz-animation:atop4 1s;-webkit-animation: atop4 1s;-o-animation:atop4 1s; opacity: 1;top:-18px;}
.block-1 .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;}

.block-1 .am10,.block-1 .am11,.block-1 .am12{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 { left:130px; opacity: 0;}
to { left:44px;opacity: 1;}
}

@-moz-keyframes atop2
{
from { left:130px; opacity: 0;}
to { left:44px;opacity: 1;}
}

@-webkit-keyframes atop2 
{
from { left:130px; opacity: 0;}
to { left:44px;opacity: 1;}
}
@-o-keyframes atop2 
{
from { left:130px; opacity: 0;}
to { left:44px;opacity: 1;}
}

@keyframes atop3
{
from { right:130px; opacity: 0;}
to { right:230px;opacity: 1;}
}

@-moz-keyframes atop3
{
from { right:130px; opacity: 0;}
to { right:230px;opacity: 1;}
}

@-webkit-keyframes atop3 
{
from { right:130px; opacity: 0;}
to { right:230px;opacity: 1;}
}
@-o-keyframes atop3 
{
from { right:130px; opacity: 0;}
to { right:230px;opacity: 1;}
}

@keyframes atop4
{
from { top:10px; opacity: 0;}
to { top:-18px;opacity: 1;}
}

@-moz-keyframes atop4
{
from { top:10px; opacity: 0;}
to { top:-18px;opacity: 1;}
}

@-webkit-keyframes atop4 
{
from { top:10px; opacity: 0;}
to { top:-18px;opacity: 1;}
}
@-o-keyframes atop4 
{
from { top:10px; opacity: 0;}
to { top:-18px;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);}
}


.blast{ margin-right:0;}

.block-2{ border:1px solid #e0e0e0; background:#fff;  border-top:none; padding:12px;}
.block-2 p{ line-height:23px; color:#626262; margin:0; padding:0;}
.block-2 p strong{font-family:"微软雅黑"; color:#101010; font-size:16px; padding:0 0 10px; margin-bottom:10px; display:block; border-bottom:1px dotted #b9b9b9;}

.block-c{ background:#035bb4; padding:15px 22px 30px;}
.block-c p{ color:#fff; margin:0; padding:10px 0 0;font-size:12px; text-align:left; line-height:24px; clear:both; overflow:hidden;}
.block-c span{color:#2b2b2b; font-size:20px; line-height:34px;font-family:"微软雅黑"; display:block; text-align:center; background:#ffc001;}
.block-c a{ display:block; line-height:0; text-align:center;}
.bc{ background:none;}

a.a-1{ color:#fff; background:#3363c1; text-align:center; width:131px; height:31px; line-height:31px; text-align:center; display:block; margin:5px auto 0;}
a.a-1:hover{ background:#f00; transition-duration:0.6s;}
/*分类列表*/
.subnav{list-style:none; overflow:hidden; margin:0; padding:10px 0 15px;background:#035bb4; position:relative;}
.subnav li{font-family:"微软雅黑";line-height:41px;height:41px; overflow:hidden; margin:0 auto; width:171px;padding:0; background:url(../images/sub_li.jpg) no-repeat center center; border-bottom:1px dotted #5c95ce;}
.subnav li a{color:#fff; font-size:13px;line-height:41px; height:41px; overflow:hidden;padding:0 0 0 38px; display:block;}
.subnav li a:hover,.subnav li.on a{ color:#2b2b2b; background:url(../images/sub_hover.jpg) no-repeat center center;}
/*.subnav li:last-child{ margin:0;}*/
/*标题样式*/
.title-1{color:#000000;margin: 0;padding:0;font-family:"微软雅黑"; height:50px; background:url(../images/title_01.jpg) no-repeat center 11px;}
.title-1 span{font-size:20px; display:block; line-height:24px; text-align:center;}
.title-1 em{color:#5f5f5f; font-size:12px; font-style:normal; display:block; margin:0; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

.title-2{font-family:"微软雅黑"; line-height:24px; height:93px; background:url(../images/title_03.jpg) no-repeat 0 0;}
.title-2 span{font-size:20px; color:#fff; display:block; text-align:center;}
.title-2 em{color:#689dd2; font-size:20px; font-style:normal; display:block; margin:0; padding-top:20px; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

.title-3{color:#000000;margin: 0;padding:0;font-family:"微软雅黑"; height:42px; line-height:42px; background:url(../images/title_02.jpg) repeat-x 0 center;}
.title-3 span{font-size:20px; display:block; padding-right:20px; float:left; line-height:36px; background:#fff;}
.title-3 em{color:#000000; font-size:12px; font-style:normal; margin:0; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

.t3{ height:57px; background:url(../images/title_04.jpg) repeat-x 0 bottom;}
.t3 span{ background:none; line-height:48px;}

.title-4{font-family:"微软雅黑"; line-height:56px; height:56px; background:#035bb4; padding:0 20px;}
.title-4 span{font-size:20px;display:block;color:#f3f3f3; float:left;}
.title-4 em{color:#f3f3f3; font-size:12px; font-style:normal; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

.title-5{font-family:"微软雅黑"; line-height:24px; height:75px; background:#009b02; position:relative; border:1px solid #067531; border-bottom:none;}
.title-5 span{font-size:14px;display:block;color:#fff; text-align:center; padding:12px 0 0;}
.title-5 em{color:#fefefe; font-size:18px; display:block; font-style:normal; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

a.more1{ color:#272727; font-size:12px;font-family:"微软雅黑"; margin-right:0; float:right; background:#fff; padding:0 0 0 20px;}
a.more1:hover{ color:#f00;}
.title-4 a.more1{ color:#f3f3f3; background:none; padding:0;}
.title-4 a.more1:hover{ color:#edb227;}
/*面包屑*/
.place{line-height:48px;color:#555;font-size:12px; margin:0; font-family:"宋体"; float:right; padding-right:0;}
.place a{ color:#555;}
.place a:hover{color:#cf0000;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{ width:215px; height:170px; float:left; margin:0 7px 13px;_margin:0 7px 13px; overflow:hidden; background:#eaeaea; padding:12px;} 
.ul-1 li div{width:215px; height:148px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:124px; margin:0 auto; padding:0;}
.ul-1 li img{vertical-align:middle;}
.ul-1 li a.a-p{ font-size:14px;color:#0f0f0f; line-height:30px;display:block; height:30px; text-align:center;margin:0;font-family:"微软雅黑";}
.ul-1 li:hover{ background:#ffc001;transition-duration:0.6s;}
.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover{ color:#000;}
.ul-1 li a{ display:block; position:relative; overflow:hidden;}
.ul-1 li.last{ margin-right:0;}
/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{line-height:19px;overflow:hidden; padding:0 0 12px; margin:0 0 12px; border-bottom:1px solid #dedfdf;}
.ul-news li div.fl{ width:64px; height:50px; text-align:center;font-family:"微软雅黑"; text-align:center; border-right:1px solid #acadad;}
.ul-news li div.fl em{ font-size:12px; font-style:normal; line-height:16px; margin:7px auto 0; color:#595959; display:block;}
.ul-news li div.fl span{ display:block; color:#595959; font-size:30px; text-align:center; line-height:27px;}
.ul-news li div.fr{width:215px; height:50px; position:relative; line-height:20px;}
.ul-news li div.fr a{color:#222223;font-family:"微软雅黑"; font-size:14px; line-height:24px; float:left; font-weight:bold; padding:0;}
.ul-news li div.fr a:hover{ color:#f11212;}
.ul-news li div.fr span{ float:right; color:#595757;}
.ul-news li div.fr p{ margin:0; color:#222223; font-size:12px; line-height:24px;font-family:"宋体"; clear:both; overflow:hidden; zoom:1;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover div.fr a{ color:#f11212;}
.ul-news li:last-child{ margin:0; border-bottom:none;}

.un li div.fr{ width:645px;}
/*内容*/
.content{ line-height:24px; margin:0;color:#000;padding:15px; background:#fff; border:1px solid #dddddd; margin:15px 0 0;}
.content p{color:#000; line-height:24px; margin:0 0 10px;}
/*ϵ*/
/*边距*/
.npad{padding:none;}
.pad{ padding:20px 0;}
.mrg-t{ margin:20px auto;}
.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;}