/* 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;}
.huanying{width: 650px;position: absolute;left: 0;top: 0}
/* 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:none;}
ol {list-style-type:none;}
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:30px;}
div.span-1 {width:365px; margin-right:52px;}
div.span-2 {width:735px;}
div.span-3 {width:560px; margin-right:95px;}
div.span-4 {width:544px;}
div.span-5 {width:297px;}
div.span-6 {width:289px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:881px;}
.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;}
/*外部框架*/
.pos{ position:relative;}

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

.bg-1{ background:#0073d0; padding: 35px 0;}
.bg-1 .w{ position:relative;}


/*页头*/
.top{ color:#000; height:40px; line-height:40px; font-size:14px; border-bottom: 1px solid #236aeb;}
.top a{ color:#000; margin:0 5px;text-transform:uppercase;}
.top a:hover{color:#debc71; }
.top .w{ position:relative;}


.header{ clear:both; position:relative; border-top: 5px solid #0073d0;}
.header .w{ height:133px;}
.header h1{padding-top: 36px;margin:0;line-height:0; font-size:0; float:left;}


.h-top{ color:#fff;float:right; background: url(../images/abg.jpg) no-repeat right 0;text-align: right; padding: 0 6px 0 10px; }
.h-top a{color:#fff; line-height:24px; margin:0 2px; }
.h-top a:hover{color:#fff;}
.h-top p{margin-top: 26px;}
.h-top p img{display: inline-block;width: 56px;vertical-align: middle;margin-right: 10px;}
.thetels{display: inline-block;width: 275px;vertical-align: middle;font-size:20px;font-weight: bold;color: #0073d0;}
/*导航*/
.nav{ height:56px; border-top: 1px solid #ccc;}
.nav ul{ list-style:none; height:56px; border-right: 1px solid #ccc;}
.nav ul li{height:56px;float:left;font-family:"微软雅黑";width: 12.4%; position:relative; text-align:center; border-left: 1px solid #ccc;}
.nav ul li > a{ color:#666; font-weight: bold; font-size:16px;line-height:56px;height:56px; margin:0;font-family:"微软雅黑"; text-transform:uppercase; display:block; text-align:center; position:relative; z-index:2;}
.nav ul li > i{ font-style:normal; display:block; color:#959595; font-size:14px; font-weight:normal;}
.nav ul li > a:after{ content:""; position:absolute; width:0; height:5px; background:#0073d0; left:0; right:0; top:0; margin:0 auto; z-index:-1;}
.nav ul li > span{ color:#808080; font-size:12px; display:block; text-transform:uppercase;}
.nav ul li > a:hover,.nav ul li >.on a{ color:#0073d0; transition-duration:0.4s;}
.nav ul li > a:hover::after,.nav ul li >.on a:after{ width:100%;border-radius:0;transition:0.4s;}
.navXL { width:100%;position:absolute;overflow:hidden;display:none;z-index:999999; top:56px;left: 0;}
.navXL a{display: block;background:#e2f2ff;line-height: 34px;color:#333;font-size:12px;text-align:center;}
.navXL a:hover{background:#0073d0;color: #fff;}


/*焦点图*/
.banner{height:400px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px;}
.banner .bimg{ position:absolute; margin:0 auto; left:0; right:0; bottom:-10px; z-index:100000;animation: fadeInUp2 2.5s infinite alternate;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
.banner .w{ position:relative;}
#kinMaxShow{display:none;}


.binfo{overflow: hidden;background-color: #e2f2ff; height: 90px; color: #333;}
.binfo .fl{overflow: hidden;}
.binfo .binfotit{float: left;width: 130px;height: 90px;font-size: 18px;line-height: 1.5;text-align: center;background-color: #0073d0;color: #fff;}
.binfo .binfotit span{display: inline-block;margin-top: 22px;width: 46px;}
.binfo .binfocon{overflow: hidden;padding: 0 20px;}
.binfo .binfocon .tel{padding: 19px 0 0 50px;font-size: 18px;font-weight: bold;background: url(../images/icontel.png) 0px 30px no-repeat;}
.binfo .binfocon .thetels{color: #333;}
.binfo a{display: inline-block; padding: 33px 0; color:#333; margin:0 10px;}
.binfo a:hover{ color:#0073d0;}

/*页脚*/
.footer{ margin:0; position:relative; line-height:28px; color:#fff; font-size:14px; background:#0073d0; padding:30px 0;}
.footer .w{ position:relative; padding:0;}
.footer a{ color:#fff; display:inline-block;}
.footer a:hover{ color:#000;}
.footer p{ color:#fff; line-height:30px; margin:0;}
.ftlinks a{padding-left: 15px;}
.ftlinks a + a:before{content: '';display: inline-block;margin-right: 15px;width: 1px;height: 14px;background-color: #d1dff3;vertical-align: middle;}

.footer .fcon{padding-left: 35px; width: 720px; text-align: left;border-left: 1px solid #4d9dde;}
.footer .flogo p{padding-top: 20px;}
.footer .frtxt{overflow: hidden;padding-top: 15px;}
.footer .frtxt .fl{padding-top: 8px;}


.f-link{ padding:10px; color:#000; border: 1px solid #999; line-height:35px; margin-top: 17px;}
.f-link span{ font-size:22px; line-height: 24px; color:#0073d0; font-weight:bold; display:block; margin: -25px 0 0 10px;padding: 0 20px;background: #fff; position: relative; float: left; text-transform: uppercase;}
.f-link a{ color:#000; font-size:14px;line-height:35px;}
.f-link a + a:before{content: ' | ';display: inline-block;padding: 0 10px;color: #989898;}
.f-link a:hover{ color:#0073d0;}

/*内部样式*/

.block-1{ position:relative; color: #fff;}
.block-1 p{ font-size:14px; line-height:30px; padding:10px 0;}
.block-1 .fl{ width:664px;transition: all 0.5s;}
.block-1 .fl a{ color: #fff; font-weight: bold;}
.block-1 .fl a:hover{ color: #000;}


.indexabouttip p{display: inline-block;margin-right: 12px;padding: 0 15px 0 65px;font-size: 18px;line-height: 60px;background-color: #f8aa00;border: 1px solid #c39e2d;color: #f8f8f8;background-repeat: no-repeat;background-position: 19px 50%;}
.indexabouttip .p1{background-image: url(../images/iconabouttip1.png)}
.indexabouttip .p2{background-image: url(../images/iconabouttip2.png)}
.indexabouttip .p3{background-image: url(../images/iconabouttip3.png)}
.block-c span{color:#333; font-size:16px; display: block;border-bottom: 1px solid #e5e5e5;  margin-bottom: 10px;}



.subnav{list-style:none;position:relative; z-index:10; border: 1px solid #e5e5e5;}
.subnav li{font-family:"微软雅黑";height:46px; line-height:46px; position:relative; margin: 0 20px;}
.subnav li + li{ border-top: 1px dashed #e5e5e5;}
.subnav li a{color:#5c5c5c; font-size:14px;overflow:hidden; display:block; position:relative; padding-left:30px; text-align: left;}
.subnav li a:hover,.subnav li.on a{color:#0073d0; transition-duration:0.4s;}

/*标题样式*/
.ititle-1{text-align:center; position:relative; line-height:30px;}
.ititle-1 span{ font-size:18px; display:block; color:#333; font-weight: bold;}
.ititle-1 i{ font-style:normal; color:#333; font-weight: bold; font-size: 30px; font-family: Times New Roman;  text-transform:uppercase;}
.ititle-1 p{position: relative;z-index: 1; color: #999; font-size: 18px; margin: 10px 0 0; padding-top: 10px;}
.ititle-1 p:after,.ititle-1 p:before{content: '';position: absolute;top: 0;left: 50%;}
.ititle-1 p:before{z-index: 1;margin-left: -260px;width: 520px;height: 1px;background-color: #e5e5e5;}
.ititle-1 p:after{z-index: 2;margin: -2px 0 0 -27px;width: 54px;height: 4px;background-color: #0073d0;}

.it1{ text-align: left;}
.it1 span,.it1 i{ color: #fff;}


.title-2{ background: #0073d0; height: 59px; line-height: 59px;}
.title-2 span{ display:block; font-size:24px; color:#fff; font-weight:bold; padding-left: 30px;}
.title-2 i{ font-style:normal; color:#00a153; font-size:36px;text-transform:uppercase; font-family:Impact; float:left; margin-right:5px;}


.title-3{ line-height:50px; border-bottom:1px solid #ddd;}
.title-3 span{font-size:24px;color:#000; float:left; font-weight:bold;}


/*面包屑*/
.place{color:#666;font-size:14px; margin:0;text-transform: uppercase;font-family:"微软雅黑"; float:right;}
.place a{ color:#666;}
.place a:hover{color:#0073d0;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{position:relative; display:block; float:left;width:282px;margin:0 20px 20px 0;overflow:hidden; background: #e6e6e6;}
.ul-1 li a{ display:block;}
.ul-1 li div{width:282px; height:189px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:230px; margin:0 auto; overflow:hidden; background:#eee;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li a.a-p{font-size:18px;line-height:26px;text-align:center; background: #999; color:#fff; display:block; padding: 20px;}

.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:#0073d0;color:#fff;transition: all 0.6s;}


/*新闻列表*/
.ul-news{ margin:0; list-style:none;}
.ul-news li{overflow:hidden; position:relative; float: left; width: 585px; margin:0 6px 10px; border: 1px solid #999;}
.ul-news li .fr{ width: 566px; padding-top: 10px;padding-left: 10px;float: left;}
.ul-news li a{ display: block; clear: both; overflow: hidden; padding-right: 15px;}
.ul-news li .fr span{ display: block; font-size: 16px; color: #282828; font-weight: bold;}
.ul-news li a p{ margin: 5px 0 0; color: #818181;}
.ul-news li .fl{ background: #999; color: #fff; padding: 10px;}
.ul-news li .fl i{ font-style: normal;}
.ul-news li .fl span{ display: block; font-size: 36px; font-weight: bold; text-align: center;}
.ul-news li a:hover .fl{ background: #0073d0;}
.ul-news li a:hover .fr span{ color: #0073d0;}




.ul-news2{ margin:0; list-style:none; padding:0;}
.ul-news2 li{ border-bottom:1px dotted #ddd;}
.ul-news2 li h3{ font-size:18px; margin:0;}
.ul-news2 li span{ float:right; font-size:14px;}
.ul-news2 li a{ display:block; overflow:hidden; clear:both; padding:20px;}
.ul-news2 li a:hover{ background:#0073d0; color:#fff;transition-duration:0.6s;}
.ul-news2 li p{ margin:0; padding:10px 0 0; color:#666;}
.ul-news2 li p i{ font-style:normal; color:#0073d0;}
.ul-news2 li a:hover p,.ul-news2 li a:hover h3,.ul-news2 li a:hover p i{ color:#fff;}


/*产品列表*/

/*内容*/
.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;}

.prodescript{margin-bottom: 25px;text-indent: 2em;}
.prodescript p{margin: 0;}
.prodescript span{display: inline-block;padding: 0 5px;text-indent: 0;color: #0073d0;}
.prodescript h3{font-size: 20px;font-weight: bold;margin: 15px 0 7px;color: #0073d0;}

.pro-box .fr{ width:440px; padding-top:40px;}
.pro-box .fr h3{ font-size:24px; color:#333; font-weight:bold;}
.pro-box .fr a{ display:inline-block; background:#999; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; margin-right:10px;}
.pro-box .fr a:hover,.pro-box .fr a.on{ background:#00a8ec;}
.ptit{ border-bottom:#ccc 2px solid;}
.ptit span{ display:block; background:#11aeed; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; font-size:18px;}


.bline{border:1px solid #ccae7b; padding:20px; margin:20px 0 0;}


.cbom p.cp1 { color:#000000; font-size:12px;line-height:18px;margin: 0;padding:10px 0;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}

.cen {height:556px;width:753px;}
.cen .cp { margin-right:0; padding:0 15px 0 0; height:556px;}
.cen .cpane   { background:#005095!important;border:none;top:0; width:3px; display:block!important;}
.cen .cslider { background:#ff0000!important;border:none;width:3px;}



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