﻿/* 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;}
*: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:314px;}
div.span-2 {width:1200px;}
div.span-3 {width:330px;}
div.span-4 {width:365px;}
div.span-5 {width:297px;}
div.span-6 {width:276px; margin-right:24px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:900px;}
.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;}
.bg-1{ background:url(../images/bg-pro.jpg) no-repeat left top; height:700px;}

.bg-2{ background:url(../images/bg-ab.jpg) no-repeat center;width: 100%;height: 517px;}
.bg-2 .w{ padding:25px 0;}
.bg-2 .ititle-1 span{color: #fff;}
.bg-2 .ititle-1 p{color: #fff;}
.bg-2 .ititle-1 i{background: #fff;}
/*页头*/
.top{ color:#fff; height:57px; line-height:57px; font-size:14px; background:url(../images/bg-top.jpg) no-repeat center;}
.top .fr a i{font-style: normal;font-size: 18px;color: #fff;font-weight: bold;}
.top .fr a:first-child{background: url(../images/bg-tel1.jpg) no-repeat left center;padding-left: 30px;}
.top .fl{}
.top a{ color:#fff; margin:0 10px; text-transform:uppercase;}
.top a:hover{ color:#fff;}
.top .w{ position:relative;}

.header{ clear:both; position:relative;height:129px; background:url(../images/bg-nav.jpg) no-repeat left center;}
.header .w{height:129px;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;margin-top: 40px;}


.h-top{ color:#808080;float:right;font-family:"微软雅黑";background: url(../images/bg_tel.jpg) no-repeat left center;width: 854px;box-sizing: border-box;}

.h-top  span{ font-size:24px; color:#e67f24; font-weight:bold;  display:inline-block;}
.h-top  span:last-child{margin-left: 13px;}
/*导航*/
.nav{width: 854px;margin-top: 47px;}
.nav ul{ list-style:none; height:30px;}
.nav ul li{height:30px;float:left;font-family:"微软雅黑"; width:106px; position:relative; text-align:center; line-height:30px;}

.nav ul li a{ color:#333; font-size:14px;line-height:30px;height:30px; margin:0;font-family:"微软雅黑"; text-transform:uppercase; display:block; text-align:center;border-radius: 15px;}
.nav ul li a:hover{ color:#fff; background:#e77d33; transition-duration:0.4s;}

.nav ul li.none{ background:none; border-right:0;}
.nav dl {
	display: none;
	width: 148px;
	position: absolute;
	top:60px;
	z-index: 999999;
}
.nav dl dd {
	height: 40px;
	line-height:  40px;
	border-top:1px solid #fff;
	background: #e57d35;
	overflow: hidden;
}
.nav dl dd a {
	display: block;
	font-family: "微软雅黑";
	color: #fefefe !important;
	font-size: 14px;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	
}
.nav li:hover dl { display: block !important;}
.nav dl dd:hover { background: #e57d35;}
/*焦点图*/
.banner{height:550px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px; overflow:hidden;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
.banner .w{ position:relative;}
#kinMaxShow{display:none;}
/*页脚*/
.footer{ margin:0; position:relative; line-height:26px; padding:20px 0; color:#fff; font-size:14px; background:#333;}
.footer .w{ position:relative; background:url(../images/logo_f.jpg) no-repeat right center;}
.footer a{ color:#fff; margin:0 5px; display:inline-block;}
.footer a:hover{ color:#f00;}
.footer p{ margin:5px 0; text-align:center;}
/*友情链接*/
.link-nav1 {height: 55px;margin: 30px 0;}
.link-nav1 li{float: left;list-style: none;height: 55px;line-height: 55px;margin-left: 25px;}
.link-nav1 li a{display: block;font-size: 14px;color: #5c5c5c;}
.link-nav1 li:first-child{background: url(../images/bg_link1.jpg) no-repeat left  center;width: 144px;height: 55px;margin-left: 0;}

/*内部样式*/
.block-1{ position:relative;margin-top: 45px;}
.block-1 .fl{width: 520px;}
.block-1 .fr{width: 550px;height:280px;box-sizing: border-box;padding: 13px 20px 10px 5px;}
.block-1 .fr span{display: block;font-size: 20px;color: #fff;font-weight: bold;}
.block-1 .fr p{font-size: 14px;color: #fff;line-height: 30px;margin-top: 10px;margin-bottom: 30px;text-align: justify;}
.block-1 .fr p a{color: #e77d33;}
.block-1 .fr a:hover{color: #fff;}


.block-c{ color:#333;}
.block-c p{ font-size:14px;line-height:26px; margin-top:15px;}
/*分类列表*/
.sub-nav{text-align: center;}
.subnav{list-style:none;position:relative;display: inline-block;}
.subnav li{font-family:"微软雅黑"; line-height:30px; background: #fff; width: 100px;height: 30px;float: left;margin: 0 20px 0 0;}
.subnav li a{color:#fff; font-size:14px;overflow:hidden; display:block; text-align:center;background: #333333;}
.subnav li a:hover,.subnav li.on a{ color:#fff; background:#e77d33;transition-duration:0.4s;}

.subnav1{list-style:none;position:relative;display: inline-block;}
.subnav1 li{font-family:"微软雅黑"; line-height:57px;  border: 1px solid #e5e5e5; width: 99%;height: 57px;float: left;}
.subnav1 li a{color:#333; font-size:16px;overflow:hidden; display:block; text-align:center;}
.subnav1 li a:hover,.subnav1 li.on a{ color:#fff; background:#212121;transition-duration:0.4s;}

/*标题样式*/
.ititle-1{text-align:center; position:relative;}
.ititle-1 p{font-size: 24px;color: #2f2f2f;font-weight: bold;margin-bottom: 5px;}
.ititle-1 span{ color:#2f2f2f; font-size:60px;text-align:center;display: block;font-family: "Aparajita";line-height: 50px;}
.ititle-1 i{display: block;width: 20px;height: 2px;background: #0a0c12;margin: 0 auto;}

.title-1{ position:relative;}
.title-1 span{font-size:18px;color:#2a6cb6; font-weight:bold; display:block;}
.title-1 i{ font-style:normal;font-weight:bold; color:#2a6cb6; font-size:23px; text-transform:uppercase;position:relative; display:block; font-family:Times New Roman;}

.title-2{font-family:"微软雅黑"; position:relative; color:#313131; border-bottom:1px solid #dcdcdc; padding-bottom:10px;}
.title-2 span{font-size:26px;color:#000; font-weight:bold; float:left;}
.title-2 i{ font-style:normal; color:#808080; font-size:18px; font-weight:normal; text-transform:uppercase;position:relative; margin-left:10px;}

.title-3{ background:#e57d35; padding:20px; text-align:center;}
.title-3 span{font-size:24px;color:#fff; font-weight:bold; display:block;}
.title-3 i{ font-style:normal; color:#ccc; font-size:18px; font-weight:normal; text-transform:uppercase;position:relative;}


.title-4{ padding:10px 20px; background:#e57d35; color:#fff; position:relative;}
.title-4 span{font-size:20px; display:block; line-height:30px;color:#fff; font-weight:bold; float:left;}
/*面包屑*/
.place{color:#fff;font-size:14px; margin:0;text-transform: uppercase;font-family:"微软雅黑"; line-height:30px; text-align:right; float:right;}
.place a{ color:#fff;}
.place a:hover{color:#ffac2a;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{position:relative; display:block; float:left;width:400px;overflow:hidden;}
.ul-1 li a{ display:block;}
.ul-1 li .pad-div{box-sizing: border-box;width:400px; height:300px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*//*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:220px; margin:0 auto; overflow:hidden;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li .a-p{height:68px;background: #393939;color: #fff;font-size: 18px;text-align: center;line-height: 68px;}
.ul-1 li:hover{ transition: all 0.6s;}
.ul-1 li:hover .pic-pro{transform: scale(1.1);transition: transform 1s;}
.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover{ background:#e57d35; color:#fff;}
.pro-a1{display: block;width: 260px;height: 48px;background: #006ec7;border-radius: 5px;color: #fff;text-align: center;line-height: 48px;margin: 40px auto 0;}


.f-ul-1 li{position:relative; display:block; float:left;width:287px; margin:5px 6px 20px;overflow:hidden;}
.f-ul-1 li div{width:287px; height:195px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*//*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:220px; margin:0 auto; overflow:hidden;background: #eaeaea;box-sizing: border-box;padding: 5px;}
.f-ul-1 li .a-p{height: 40px;background: #dddddd;text-align: center;line-height: 40px;font-size: 14px;color: #333;}
.ny-box p{line-height: 28px;font-size: 14px;}


.bg-cont1{box-sizing: border-box;padding-top: 20px;}
.bg-cont1 p{font-size: 14px;font-family: "宋体";line-height: 27px;}
/*新闻列表*/
.news-tit1 .fl span{font-size: 20px;color: #1176cb;font-weight: bold;}
.news-tit1 .fl a{font-size: 14px;color: #1176cb;margin-left: 10px;}
.news-tit1 .fr a{display: block;width: 32px;height: 32px;border: 2px solid #0d62be; text-align: center;line-height: 30px;font-size: 20px;font-weight: bold;}
.box-news{box-sizing: border-box;}
.box-news .fl{width: 198px;margin-right: 30px;}
.box-news .fr{width: 495px;}


.ul-news3{ margin:0; list-style:none; padding:0;}
.ul-news3 li{position:relative; overflow:hidden; margin-bottom:20px; color:#666;width: 287px; float: left;margin-right: 17px;}
.ul-news3 li:last-child{margin-right: 0;}
.ul-news3 li .fl{ width:65px; height:65px;position:relative; text-align:center; border:1px solid #c9c9c9;}
.ul-news3 li .fl span{line-height:20px; display:block; font-size:36px; font-weight:bold; color:#333; padding:8px 0; border-bottom:1px solid #c9c9c9;}
.ul-news3 li .fl em{ display:block; line-height:30px; color:#333; font-style:normal;font-size: 12px;}
.ul-news3 li a{color:#000; font-size:16px; line-height:40px;}
.ul-news3 li a:hover{ color:#b6821f;}
.ul-news3 li .fr{width:375px; position:relative; padding:5px 0; height:57px; border-bottom:1px dotted #ccc;}
.ul-news3 li p{ margin:0; font-size:14px; line-height:normal;}
.ul-news3 li:hover a,.ul-news3 li:hover p{ color:#1176cb;}
.ul-news3 li .txt-p span{display: block;font-size: 18px;color: #2f2f2f;} 
.ul-news3 li .txt-p p{font-size: 14px;color: #666;line-height: 30px;}
.ul-news3 li .txt-p a{display: block;width: 110px;height: 30px;background: #e77d33;color: #fff;text-align: center;line-height: 30px;font-size: 14px;margin-top: 10px;}
.ul-news3 li .txt-p a:hover{color: #333;}


.ul-news2{ margin:0; list-style:none; padding:0;}
.ul-news2 li{line-height:20px;overflow:hidden;padding:0; margin:15px 15px 15px; border:2px solid #e5e5e5; color:#494949;}
.ul-news2 li div.fl{ width:60px; height:88px; text-align:center;font-family:"微软雅黑"; text-align:center;}
.ul-news2 li div.fl em{ font-size:14px; font-style:normal; line-height:27px; margin:7px auto 0; display:block; border-top:1px solid #5a5a5a;}
.ul-news2 li div.fl span{ display:block; font-size:36px; text-align:center; line-height:36px; padding:6px 0 0;}
.ul-news2 li a{color:#494949; display:block;font-family:"微软雅黑"; clear:both; overflow:hidden; zoom:1; padding:10px 30px;}
.ul-news2 li div.fr{width:655px; padding:0; position:relative; line-height:30px;}
.ul-news2 li div.fr span{ color:#000000; font-size:15px; font-weight:bold; display:block; padding:2px 0 0;}
.ul-news2 li p{ margin:0; color:#000; font-size:14px; line-height:24px; text-indent:inherit;}
.ul-news2 li a:hover{ background:#e57d35; color:#fff;transition-duration:0.4s;}
.ul-news2 li a:hover span,.ul-news2 li a:hover em,.ul-news2 li a:hover p{ color:#fff;transition-duration:0.4s;}
.ul-news2 li a:hover em{ border-color:#fff;transition-duration:0.6s;}

.un li{ }
.un li div.fr{ width:795px;}
/*内容*/
.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;}