/* 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:14px;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:47px;}
div.span-1 {width:808px;}
div.span-2 {width:345px;}
div.span-3 {width:288px;}
div.span-4 {width:245px;}
div.span-5 {width:269px;}
div.span-6 {width:277px; margin-right:50px;}
.span-7 {width:314px;}
.span-8 {width:795px;}
div.span-18{width:873px;}
.span-19 {width:785px;}
.span-24, div.span-24 {width:960px;}
.last, div.last {margin-right:0;}
body{ font-family:"微软雅黑"; font-size:14px;}
/*外部框架*/
/*页头*/
.top{ color:#b8b8b8; height:41px; line-height:41px; font-size:14px; background:#333333; height:41px;}
.top .fr{ background:url(../images/dot_tel.jpg) no-repeat 0 center; padding-left:30px; color:#fff;}
.top .fl{}
.top span{ color:#fff; font-size:18px; font-weight:bold;text-transform:uppercase;}

.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_k2.jpg) no-repeat center center; height:1205px;}
.bg-1 .w{ position:relative; padding:60px 0;}
.bg-2{ background:url(../images/bg_k3.jpg) no-repeat center center; height:208px;}
.bg-3{ background:#f9f9f9; padding:30px 0;}
.bg-3 .brow{ float:left; width:370px; background:#efefef; margin-right:45px; text-align:center; color:#19191e; overflow:hidden; padding:30px 0;}
.bg-3 .brow i{ display:block; margin:0 auto; background:url(../images/cdot_1.png) no-repeat center center; width:88px; height:88px;}
.bg-3 .brow i.i1{ display:block; margin:0 auto; background:url(../images/cdot_2.png) no-repeat center center; width:88px; height:88px;}
.bg-3 .brow i.i2{ display:block; margin:0 auto; background:url(../images/cdot_3.png) no-repeat center center; width:88px; height:88px;}
.bg-3 .brow span{ font-size:24px; display:block; padding:10px 0;}
.bg-3 .brow p{ padding:0 80px; color: #979797;}
.bg-3 .last{ margin-right:0;}
.bg-3 .bon{ background:#d8261c;}
.bg-3 a{ display:block; width:136px; height:32px; text-align:center; line-height:32px; color:#979797; border:1px solid #979797; margin:10px auto 0;border-radius:10px; border: none;}
.bg-3 a:hover{ background:#979797; color:#333;}
.bg-3 .btel a{ background:url(../images/atel.jpg) no-repeat; width:558px; height:75px; color:#fff; font-weight:bold; font-size:29px; text-align:right; display:block; margin:0 auto; line-height:75px; padding-right:40px;}
/*页头*/
.header{ clear:both;}
.header .w{ position:relative; z-index:10000; height:110px;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}
/*导航*/
.nav{height:110px; float:right;}
.nav ul{list-style:none;display:block;height:110px; padding:0;}
.nav ul li{height:110px;float:left;width:90px;}
.nav ul li a{ color:#333; font-size:16px;line-height:110px;font-family:"微软雅黑"; text-align:center; position:relative; padding:0; display:block;}
.nav ul li a:after{ content:""; width:0; height:3px; background:#d8261c; position:absolute; margin:0 auto; left:0; right:0; bottom:20px;}
.nav ul li a:hover,.nav ul li.on a{ color:#d8261c;}
.nav ul li a:hover::after,.nav ul li.on a::after{ width:50%;transition:all 0.5s;}

.nav li ul.menu{ margin:0; padding:10px 0;position:absolute;display:none; width:90px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both; background:#d8261c;}
.nav li ul.menu li{ width:90px; padding:0;line-height:35px; height:35px; float:none; margin:0 auto; overflow:hidden;}
.nav li ul.menu li a{line-height:35px;color:#fff;padding:0;background:none;font-family:"微软雅黑";height:35px; font-size:14px; font-weight:normal; text-align:center; margin:0;}
.nav li ul.menu li a:hover{color:#fdb043;transition-duration:0.4s;}
.nav li ul.menu li a:after{ display:none;}
.nav li ul.menu li:hover::after,.nav li ul.menu li.on a::after{ display:none;}

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

/*焦点图*/
.banner{height:604px; 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;}


/* 本例子css */
.p-hot{ position:relative; z-index:10000; margin-top:-94px;}
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; z-index:10000;}
.slideBox .tempWrap{ height:600px;}
.slideBox .hd{ height:95px; width:118px; overflow:hidden; position:absolute; right:0; top:160px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; list-style:none;}
.slideBox .hd ul li{ position:absolute; top:0; right:0;width:118px; height:95px; line-height:95px; font-size:30px; text-align:center; background:#fff; cursor:pointer; color:#fff;filter:alpha(opacity=0);opacity:0;}
.slideBox .hd ul li.on{ background:#333333; color:#fff;filter:alpha(opacity=100);opacity:1;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:600px;}
.slideBox .bd li a{ display:block; position:relative; height:100%;}
.slideBox .bd li .pinfo{ position:absolute; width:380px; height:440px; background:#efefef; padding:30px; color:#fff; z-index:1000;}
.slideBox .bd li .pinfo h6{ font-size:40px; color:#363636;}
.slideBox .bd li .pinfo h6:after{ content:""; width:50px; height:4px; background:#fe4343; display:block; margin:15px 0;}
.slideBox .bd li .pinfo p{ line-height:40px; font-size:24px;}
.slideBox .bd li .pinfo span{ font-size:20px; color:#d8261c; display:block; width:220px; height:53px; line-height:53px; text-align:center; margin:20px 0; background:#fff;border-radius:10px;}
.slideBox .bd li .pinfo i{ display:block; font-style:normal; font-weight:bold; background:url(../images/dot_tel-06.jpg) no-repeat 0 center; padding-left:50px; font-size:30px; line-height:50px; color: #19191e;}
.slideBox .bd li .pimg{ position:absolute; width:940px; height:388px; bottom:0; right:70px; text-align:right; background:url(../images/bg_kp.jpg) repeat-x 0 bottom;}
.slideBox .bd li .pimg img{ margin:-90px 70px 0 0;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:29%; top:73%; margin-top:-25px; display:block; width:83px; height:49px; background:url(../images/link_left.jpg) no-repeat center center;}
.slideBox .next{ left:auto; right:56%; background:url(../images/link_right.jpg) no-repeat center center;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.binfo{ background:url(../images/bg_k1.png) no-repeat center center; height:98px; color:#fff; line-height:85px; margin-top:-45px; position:relative; z-index:100000;}
.binfo span{ color:#fff; font-size:16px}
.binfo a{ color:#fff; margin:0 5px;}
.binfo a:hover{ color:#f7dd31;}
.binfo p{ background:url(../images/dot_tel2.jpg) no-repeat 0 center; padding-left:60px; line-height:26px; margin-top:15px;}
.binfo p span{ font-size:27px; font-weight:bold; display:block;}

.nbanner{ background:url(../images/nban.jpg) no-repeat center center; height:447px; color:#fff; text-align:center;}
.nbanner .w{ padding-top:140px;}
.nbanner i{ display:block; font-size:48px; font-weight:bold; font-style:normal; text-transform:uppercase;}
.nbanner span{ display:block; font-size:30px; position:relative;}
.nbanner span:after{ content:""; display:block; width:30px; height:3px; background:#fff; position:relative; left:0; right:0; margin:0 auto; bottom:-10px;}

/* 本例子css */
/*页脚*/
.footer{ margin:-30px auto 0; position:relative; color:#fff; line-height:24px;background:#333333; text-align:center; padding-top:50px;}
.footer .w{ position:relative;}
.footer p{color:#c4c4c4; margin:0; line-height:26px;}
.footer a{ color:#fff;}
.footer a:hover{ color:#eccc5f;transition-duration:0.4s;}

.footer .fnav{ padding:0 0 15px;}
.footer .fnav a{ margin:0 20px;}
.footer .fconf{ background:#181818; height:52px;}
.footer .fconf p{ line-height:52px;}

.footer .fmsg{ float:left; width:490px; margin-right:40px;}
.footer .fcont{ float:left; width:430px; text-align:left;}
.footer .fcont h3{ color:#fff;}

.footer .fmsg{ text-align:left;}
.footer .fmsg span{ display:block; font-size:18px; color:#e0e0e0; text-align:left;}
.footer .fmsg input{ display:block; float:left; margin:5px 3% 10px 0; background:#424242; height:37px; line-height:37px; border:none; padding:0 3%; width:41%; color:#fff;}
.footer .fmsg .tcon{ width:90.8%;padding:5px 3%; color:#fff; height:60px; background:#424242; border:none;}
.footer .fmsg .abtn{ background:#d8261c; color:#fff;}

.footer .fwx{ float:right;}

.f-link{color:#fff; background:url(../images/bg_k1.png) no-repeat center 0; position:relative; z-index:1000;line-height: 30px}
.f-link span{color:#19191e; font-size:18px; display:inline-block;background:url(../images/cdot_2.jpg) no-repeat 0 center; padding-left:50px;}
.f-link a{ color:#787878; margin:0 5px; font-size:14px;}
.f-link a:hover{ color:#ebde0e;}
/*内部样式*/
.block-1{position:relative;}
.block-1 p{ color:#333; line-height:30px; font-size:14px; margin:0;}
.block-1 img{ margin-bottom:10px;}
.block-1 p a{ color:#d8261c;}


.tblock{ position:relative; z-index:10000; margin-top:-126px;}
/*分类列表*/
.sub{ height:60px; text-align:center; text-align:center; border-bottom:1px solid #fff;}
.sub a{color:#fff; font-size:16px; line-height:60px; display:inline-block; padding:0 40px; position:relative;}
.sub a:after{ content:""; width:0; height:4px; bottom:-3px; margin:0 auto; left:0; right:0; position:absolute; display:block; background:#d8261c;}
.sub a:hover,.sub a.on{ color:#d8261c;transition-duration:0.5s; }
.sub a:hover::after{ width:60%;transition-duration:0.5s;}

.subnav{list-style:none; margin:0 auto; position:relative; text-align:center; border-bottom:1px solid #fff;}
.subnav li{font-family:"微软雅黑";line-height:64px;height:64px; margin:10px auto 0; background:url(../images/sub_li.jpg) no-repeat 0 center;}
.subnav li a{color:#333; font-size:16px;line-height:64px; height:64px; overflow:hidden;padding:0 0 0 85px; display:block; text-align:left;}
.subnav li a:hover,.subnav li.on a{ color:#fff; background:#fe4343;transition-duration:0.4s;}

/*标题样式*/
.ititle-1{color:#fff;margin: 0;padding:0;font-family:"微软雅黑"; height:105px; text-align:center;}
.ititle-1 span{font-size:24px; display:block; line-height:30px;}
.ititle-1 i{ font-size:36px; font-weight:bold; font-style:normal; display:block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; display:block;}


.title-1{color:#333;margin: 0;padding:0;font-family:"微软雅黑"; height:40px; border-bottom:1px solid #ddd; padding-bottom:5px;}
.title-1 span{font-size:24px; color:#333; display:block; line-height:40px; float:left; font-weight:bold;}
.title-1 em{color:#b5dcfc; font-size:8px; font-style:normal; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform: uppercase;}

.title-2{color:#fff; background:#fe4343; height:66px; text-align:center; line-height:66px; font-family:"微软雅黑"; padding:0; position:relative;}
.title-2 span{font-size:26px; display:block; font-weight:bold;}
.title-2 em{ display:block; background:url(../images/t_dot_02.png) no-repeat 0 0; width:46px; height:63px; position:absolute; right:-4px; top:-4px;}



a.more1{ color:#222324; font-size:12px;font-family:"微软雅黑"; margin-right:0; float:right;line-height:40px; }
a.more1:hover{ color:#f00;}

/*面包屑*/
.place{line-height:45px;color:#666666;font-size:14px; margin:0 10px 0 0;text-transform: uppercase; text-align:right;}
.place a{ color:#666666;}
.place a:hover{color:#006bb9;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{ width:382px; height:369px; margin:0 7px 20px; overflow:hidden; position:relative; float:left!important; clear:none!important; background:#fff;} 
.ul-1 li div{width:382px; height:308px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:144px; margin:0 auto; padding:0;}
.ul-1 li img{vertical-align:middle;transition-duration:0.4s;}
.ul-1 li a.a-p{ font-size:18px;color:#473737; height:61px; line-height:61px;display:block;text-align:left; background:url(../images/abg.jpg) no-repeat right center #efefef; text-indent:20px;}
.ul-1 li:hover{ background:#c22614; color:#473737;transition-duration:0.6s;}
.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover{ color:#fff; background-color:#f4d027;transition-duration:0.6s;}
.ul-1 li a{ display:block; position:relative; overflow:hidden;}
.ul-1 li.last{ margin-right:0;}

.ul-2{list-style:none;margin:0;}
.ul-2 li{ width:275px; height:268px; margin:0 7px 20px; overflow:hidden; position:relative; float:left!important; clear:none!important; background:#fff;} 
.ul-2 li div{width:273px; height:221px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:144px; margin:0 auto; padding:0; border:1px solid #ddd;}
.ul-2 li img{vertical-align:middle;transition-duration:0.4s;}
.ul-2 li a.a-p{ font-size:16px;color:#fff; height:45px; line-height:45px;display:block;text-align:left; background:url(../images/abg.jpg) no-repeat right center #fe4343; background-size:auto 100%; text-indent:20px;}
.ul-2 li:hover{ background:#c22614; color:#fff;transition-duration:0.6s;}
.ul-2 li:hover a.a-p,.ul-2 li a.a-p:hover{ color:#fff; background-color:#f4d027;transition-duration:0.6s;}
.ul-2 li a{ display:block; position:relative; overflow:hidden;}
.ul-2 li.last{ margin-right:0;}

/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{ padding:15px; margin-bottom:5px;}
.ul-news li .fr{ width:550px;}
.ul-news li a{color:#333; font-weight:bold; font-size:18px; line-height:35px;}
.ul-news li a:hover{ color:#fff;}
.ul-news li p{ line-height:24px; color:#666;}
.ul-news li:hover{ background:#fe4343;transition-duration:0.4s;}
.ul-news li:hover a,.ul-news li:hover p{ color:#fff;}

.un li .fr{ width:610px;}

.ul-jobs{ margin:0; list-style:none; padding:0;}
.ul-jobs li{ float:left; width:525px; padding:10px 25px 15px; margin:10px; box-shadow:#eee 0 0 5px}
.ul-jobs li .fr{ width:335px;}
.ul-jobs li a{color:#333333; font-size:16px; line-height:50px;}
.ul-jobs li a:hover{ color:#f00;}
.ul-jobs li span{ color:#999999; font-size:14px; display:block;}
.ul-jobs li p{ line-height:24px; color:#666666; margin:10px 0;}
.ul-jobs li a.na{ display:block; width:47px; height:35px; line-height:35px; text-align:center; border:2px solid #000000; color:#000; font-size:20px; font-weight:bold; font-style:normal; float:right;}
.ul-jobs li:hover a.na,.ul-news li a.na:hover{ background:#f00; color:#fff; border-color:#f00;transition-duration:0.4s;}
.ul-jobs li.lir{ float:right;}
.ul-jobs li:hover{ background:#edecec;transition-duration:0.4s;}

/*内容*/
.bpad{ padding-top:0;}
.content{ line-height:30px; margin:0; min-height:300px;color:#333333;padding:20px 0; background:#fff;}
.content p{color:#333333; line-height:30px; margin:0 0 10px;}

.pblock{}
.pblock .fl{ width:450px;}
.pblock .fr{ width:385px;}
.pblock .fr h6{ font-size:30px; border-bottom:1px solid #ccc; line-height:50px; padding-bottom:10px; margin-bottom:10px;}
.pblock .fr a{ background:#d8261c; color:#fff; text-align:center; display:block; width:197px; height:52px; line-height:52px; font-size:18px;}
.ptit{ background:#fcf8f8; height:53px; line-height:53px;}
.ptit a{ display:inline-block; width:20%; text-align:center; font-size:18px;}
.ptit a.on{ background:#d8261c; color:#fff;}
.pcont{ padding:20px 0;}
.pys .bg-3{ background:#fff;}
.pys .bg-3 .brow{ width:30%; margin-right:3%;}
.pys .bg-3 .brow p{ color:#19191e;padding: 0 9px;} 
.pys .bg-3 .brow span{ font-size: 20px;}
.pys .bg-3 .last{ margin-right:0;}

.block-c{ padding:20px; text-align:center; border:1px solid #d8261c;}
.block-c span{ font-size:45px; font-weight:bold; color:#d8261c; display:block;}
.block-c i{ font-size:30px; font-weight:bold; color:#333; font-style:normal; text-transform:uppercase; display:block;}
.block-c em{ font-size:18px;color:#333; font-style:normal; text-transform:uppercase;  display:block;}
.block-c a{ font-size:19px; font-weight:bold; color:#fff; display:block; background:#fe4343; padding:10px 0; margin-top:10px;}


.nobg{ background:none;}
/*ϵ*/
/*边距*/
.npad{padding:none;}
.pad{ padding:10px;}
.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;}