﻿/* 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:#333;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;}



body{}



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:20px;}

div.span-1 {width:755px;}

div.span-2 {width:425px;}

div.span-3 {width:847px;}

div.span-4 {width:253px; float:right;}

div.span-5 {width:297px;}

div.span-6 {width:232px; margin-right:40px;}

.span-7 {width:473px;}

.span-8 {width:795px;}

div.span-18{width:928px;}

.span-19 {width:893px;}

.span-24, div.span-24 {width:960px;}

.last, div.last {margin-right:0;}

.spbg, div.spbg { background:none; padding-right:0;}

/*外部框架*/

.w-1{margin:0 auto; max-width:1920px; min-width:1200px;position:relative;}

.w{width:1200px;margin:0 auto;}

.w1{width:1200px;margin:0 auto;border:1px solid #d2d2d2;border-radius:10px; padding:30px 0 20px;}



.bg-1{ background:url(../images/bg_k1.jpg) no-repeat center center; height:603px;}

.bg-1 .w{ position:relative;}



/*页头*/

.top{ color:#fff; height:35px; line-height:35px; font-size:14px; background:#0075be;}

.top .fr{ }

.top .fl{}

.top a{ color:#fff; margin:0 5px;text-transform:uppercase;}

.top a:hover{color:#feb100; }

.top .w{ position:relative;}





.header{ clear:both; position:relative; padding:0; background:#fff;}

.header .w{ height:136px;}

.header h1{ margin:0;line-height:0; font-size:0; float:left;}





.h-top{ color:#fff;float:right;font-family:"微软雅黑"; padding-top:25px;}

.h-top p{ margin:0; clear:both; overflow:hidden;color:#fff;line-height:33px;font-size:16px; background:url(../images/bg_tel.jpg) no-repeat 0 center; padding:10px 26px 10px 150px;}

.h-top p span{ font-size:26px; color:#fff; font-weight:bold; display:block;}

/*导航*/

.nav{ height:54px; background:#008be2;}

.nav ul{ list-style:none; height:54px;}

.nav ul li{height:54px;float:left;font-family:"微软雅黑"; width:133px; position:relative; text-align:center;}

.nav ul li a{ color:#fff; font-size:18px;line-height:54px;height:54px; margin:0;font-family:"微软雅黑"; text-transform:uppercase; display:block; text-align:center; position:relative;}

.nav ul li a:hover,.nav ul li.on a{ color:#fff; background:#feb100; transition-duration:0.4s;}



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



/*焦点图*/

.banner{height:570px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px;}

.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}

.banner .w{ position:relative;}

#kinMaxShow{display:none;}



.binfo{ background:url(../images/binfo.jpg) no-repeat center center; height:64px; line-height:64px; position:relative; z-index:1000; margin-top:-30px; color:#fff; font-size:16px;}

.binfo span{ color:#fff; margin-left:20px;}

.binfo a{ color:#fff; margin:0 10px;}

.binfo a:hover{ color:#feb100;}

.binfo .fr{ width:370px; text-align:center;}

.binfo .fr a{ display:inline-block; width:47%; margin:0 1%;}

/*页脚*/

.footer{ margin:0; position:relative; line-height:30px; color:#fff; font-size:14px; background:#0084d6;}

.footer .w{ position:relative; padding:0;}

.footer a{ color:#fff; display:inline-block;}

.footer a:hover{ color:#fff;}

.footer p{}



.footer .fcon{ background:url(../images/logo_f.jpg) no-repeat 0 center; padding-left:280px; padding-top:30px; padding-bottom:20px;}

.footer .fcon .fl{ width:410px;}

.footer .fcon .fr img{margin-top: 37px}

.footer .fnav{ padding:15px 0; border-bottom:1px solid #005d8a; margin-top:20px;}

.footer .fnav a{ color:#fff; font-size:16px; margin:0 12px;}

.footer .fnav a:hover{ color:#feb100;}





.f-link{padding:20px; color:#fff; position:relative; z-index:10; background:#13a2fb;}

.f-link span{ font-size:16px; color:#fff; display:block; padding-top:15px;}

.f-link a{ color:#fff; font-size:14px; margin:0 5px; line-height:40px;}

.f-link a:hover{ color:#feb100;}

/*内部样式*/

.block-1{ position:relative; color:#fff; font-size:16px; padding:370px 0 0 588px;}

.block-1 p{ line-height:24px; margin:10px 0 0;}

.block-1 a{ color:#0f71c3;}

.block-1 a:hover{ color:#f00;}



.block-2{}

.block-2 .fr{ width:407px;}



.block-c{ background:#fafafa; padding:30px;}

.block-c strong{ font-size:20px; color:#353535; font-weight:bold;}

.block-c span{ display:block; font-weight:bold; color:#0084d6; font-size:27px; line-height:44px;}

.block-c p{ font-size:14px;line-height:30px; color:#353535; padding:10px 0 0;}



.bc{ padding:20px;}

.bc strong{ font-size:16px;}

.bc span{font-size: 17px;line-height: 32px;}



/*分类列表*/

.sub{color:#047cc7;}

.sub a{color:#047cc7;font-size:16px; display:inline-block;line-height:22px; text-align:center; margin:0 10px;}

.sub a:hover,.sub a.on{ color:#feb100;}



.subnav{list-style:none;position:relative; background:#0075be; padding:20px 20px 40px; margin-top:-75px; z-index:10;}

.subnav li{font-family:"微软雅黑";height:50px; line-height:50px; padding-left:18px;}

.subnav li a{color:#fff; font-size:18px;overflow:hidden; display:block; position:relative;}

.subnav li a:before{ content:"→"; color:#fff; font-size:30px; display:block; position:absolute; margin:auto 0; top:0; bottom:0; right:-30px;}

.subnav li a:hover,.subnav li.on a{ color:#feb100;border-radius: 30px;transition-duration:0.4s;}

.subnav li a:hover::before{ color:#feb100; right:20px;transition:0.4s}

/*标题样式*/

.title-1{color:#fff; background:url(../images/tit_1.jpg) no-repeat 0 0; height:220px; position:relative;}

.title-1 span{ display:block; font-size:24px; font-weight:bold;}

.title-1 i{ font-style:normal; color:#fff; font-size:30px; font-family:Kalinga; text-transform:uppercase;position:relative; display:block;}

.title-1 a{ position:absolute; bottom:15px; right:-30px;}



.title-2{ background:#017cc4; padding:0 20px; height:55px; line-height:55px;}

.title-2 span{ display:block; font-size:18px; color:#fff; float:left;}



.t2{ background:url(../images/tit_2.jpg) no-repeat 0 0;}



.title-3{ line-height:50px; border-bottom:1px solid #ddd;}

.title-3 span{font-size:20px;color:#047cc7; float:left; font-weight:bold;}



a.more1{ float:right; font-size:14px; line-height:55px;color:#fff;text-transform:uppercase;}

a.more1:hover{ color:#feb100; transition-duration:0.4s;}

/*面包屑*/

.place{color:#333;font-size:14px; margin:0;text-transform: uppercase;font-family:"微软雅黑"; float:right;}

.place a{ color:#333;}

.place a:hover{color:#047cc7;}

/*产品列表*/

.ul-1{list-style:none;margin:0;}

.ul-1 li{position:relative; display:block; float:left;width:220px; margin:0 6px 20px;overflow:hidden;}

.ul-1 li a{ display:block;}

.ul-1 li div{width:220px; height:198px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:170px; margin:0 auto; overflow:hidden;overflow:hidden; background:#efeff1;}

.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}

.ul-1 li a.a-p{font-size:14px;line-height:45px;text-align:center; color:#fff; display:block; font-weight:bold; background:rgba(0, 0, 0, 0.6); position:absolute; width:100%; bottom:0; left:0;}

.ul-1 li:hover{ transition: all 0.6s;}

.ul-1 li:hover a img,.ul-1 li a:hover img{transform: scale(1.2,1.2);transition: all 0.6s;}

.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover{ background:#feb100; color:#fff;}



/*新闻列表*/

.ul-news{ margin:0; list-style:none;}

.ul-news li{ line-height:24px; display:block; overflow:hidden;border-bottom:1px solid #cdcdcd; padding:14px 0;}

.ul-news li a{transition-duration:0.6s; color:#484848;}

.ul-news li a:hover{color:#017cc4;transition-duration:0.4s;}

.ul-news li span{ display:block; color:#484848;}







.ul-news3{ margin:0; list-style:none; padding:0;}

.ul-news3 li{position:relative; overflow:hidden; margin-bottom:18px; color:#666; background:#f1f1f1; padding:10px; height:120px;}

.ul-news3 li .fl{ width:120px; height:120px;position:relative; text-align:center;color:#333;}

.ul-news3 li .fl span{line-height:33px; display:block; font-size:24px; padding:30px 0 0;}

.ul-news3 li .fl em{ display:block; font-size:18px; line-height:22px; font-style:normal; color:#666;}

.ul-news3 li .fl:after{ content:""; width:1px; height:40px; background:#cecece; display:block; float:right; margin-top:-45px;}

.ul-news3 li .fimg{ width:160px; text-align:center; float:left;}

.ul-news3 li a{color:#333; font-size:18px; line-height:40px;}

.ul-news3 li a:hover{ color:#000;}

.ul-news3 li .fr{width:880px; position:relative; padding:15px 0 0; margin-right:10px;}

.ul-news3 li p{ margin:0; font-size:14px; line-height:24px;}

.ul-news3 li:hover{ background:#fdcd00; border-color:#fdcd00;}



.un li{ margin-bottom:20px;}

.un li div.fr{ width:742px;}

/*产品列表*/



/*内容*/

.content{ line-height:30px; min-height:600px;color:#333;padding:20px 0; font-size:15px;}

.content p{ font-size:15px; line-height:30px; color:#333; margin:0 0 10px;}



.nobg{ background:none;}

/*ϵ*/

/*边距*/

.npad{padding:none;}

.pad{ padding:20px;}

.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-25{ margin-top:30px;}

.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;}