/* 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:#333;text-decoration:none;outline:0 none;}
a:hover{ color:#d8261e;}
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:10px;}
div.span-1 {width:630px; margin-right:45px;}
div.span-2 {width:525px;}
div.span-3 {width:149px;}
div.span-4 {width:194px;}
div.span-5 {width:120px;}
div.span-6 {width:325px;}
div.span-7 {width:196px;}
.span-8 {width:795px;}
div.span-18{width:850px;}
.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;}
.wimg{ position: absolute; left: 0; top: -80px;}

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

.bg-1{ background: #fffafa; padding: 40px 0 20px;}

/*页头*/
.top{ color:#666; height:36px; line-height:36px; font-size:14px; z-index: 100000; background: #fffafa;}
.top .fl{ margin-right: 100px;}
.top a{ color:#666; margin:0 5px;text-transform:uppercase;}
.top a:hover{color:#c12c20; }
.top .w{ position:relative;}
.top span{ color: #004ea1; font-weight: bold; background: url(../images/dot_tel.jpg) no-repeat 0 center; padding-left: 30px; display: inline-block;}
.top .fr{}

.header{ clear:both; background: #c12c20; transition: all 0.5s;}
.header .w{position:relative; height: 120px;}
.header h1{ margin:0;line-height:0; font-size:0; float: left; height:120px; position: absolute; top: 0; left: 0; z-index: 100000;}
.header-min{ transition: all 0.5s; }

.h-top{ color:#c0af93;float:right; padding-top: 20px;}
.h-top a{color:#fff; line-height:24px; margin:0 5px; }
.h-top a:hover{color:#f4e400;}
.h-top p{ margin:0; color: #fff;line-height:30px;  background: url(../images/bg_tel.jpg) no-repeat 0 center; padding-left: 50px;}
.h-top p span{ font-size:24px; color:#fff; font-weight: bold; display: block;}
/*导航*/
.nav{ height:70px; background: #fffafa;}
.nav ul{ list-style:none; height:70px;}
.nav ul li{float:left; width:150px; position:relative; text-align:center;}
.nav ul li a{ color:#333; font-size:16px; line-height:70px; margin:0; text-transform:uppercase; display:block; text-align:center; position:relative; z-index:2;}
.nav ul li a:after{ content: ""; display: block; position: absolute; height: 100%; background: url(../images/nav_hover.jpg) no-repeat center center; width: 17px; left: 0; top: 0; opacity: 0;transition:0.4s;}
.nav ul li a:hover,.nav ul li.on a{ color:#c12c20;}
.nav ul li a:hover::after,.nav ul li.on a:after{ opacity:1; left:20px; transition:0.4s;}

/*焦点图*/
.banner{height:529px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px; text-align: center;}
.banner .bimg{ position:absolute; margin:auto auto; left:0; right:0; bottom:0; top: 0; z-index:100000;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
.banner .w{ position:relative;}
#kinMaxShow{display:none;}


.fnav{ border-top: 5px solid #900c01; background: #c12c20; text-align: center; color: #fff; height: 50px;}
.fnav ul{height: 50px; }
.fnav ul li{ width: auto; background: none; margin: 0 10px; float: none; display: inline-block;line-height: 50px;}
.fnav ul li a{ font-size: 14px;line-height: 50px; color: #fff;}
.fnav ul li a:hover{ color: #fdd101; background: none;}
.fnav ul li a:hover::after{ opacity: 0;}
/*页脚*/
.footer{margin:0; position:relative; line-height:24px; color:#666; background: #f0f0f0; font-size:14px; padding:20px 0; text-align: center;}
.footer .w{ position:relative; clear: both;}
.footer a{ color:#666; margin: 0 5px; display:inline-block;}
.footer a:hover{ color:#c12c20;}
.footer p{line-height:24px; margin:0;}

.f-link{  color:#333;line-height:35px; position: relative; background: #e8e8e8; padding:10px 15px;}
.f-link .w{}
.f-link span{ color:#333; font-size: 16px; font-weight: bold; display: inline-block;}
.f-link a{ color:#333; font-size:14px; margin:0 8px; display: inline-block;}
.f-link a:hover{ color:#c12c20;}


.block-1{ position:relative;}
.block-1 p{ color: #333; line-height: 36px; font-size: 14px; position: relative; padding-top: 50px; margin-bottom: 10px;}
.block-1 p strong{ display: block; font-weight: bold; font-size: 24px; color: #c12c20; margin-bottom: 10px;}
.block-1 a{ color: #fff;width: 108px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; display: block; background: #c12c20;}
.block-1 a:hover{ color: #c12c20; background: #fdd101; transition: all 0.5s;}
.block-1 .fl{ width: 470px;}


.block-2{ position: relative;}


.sub{ text-align:center; background: #eee; color: #333; border-radius: 5px; height: 52px; line-height: 52px; font-size: 16px;}
.sub span{ font-weight: bold; font-size: 20px;}
.sub a{color:#333; margin: 0 10px;}
.sub a:hover,.sub a.on{ color:#c12c20; transition:all 0.5s;}
/*标题样式*/
.ititle-1{text-align:center; position:relative; line-height:46px;}
.ititle-1 span{ font-size:30px; display:block; font-weight: bold; color:#d8261e; position: relative;}

.title-1{ position:relative; line-height:40px;}
.title-1 .fl{ width: 540px;}
.title-1 span{ font-size:30px; color: #c12c20; font-weight: bold; display: block; background: url(../images/tline.png) no-repeat 260px center;}
.title-1 p{font-size: 16px; letter-spacing: 4px;}
.title-1 i{ font-style:normal; font-size: 18px; font-weight:normal; text-transform: uppercase; color: #333; margin-left: 10px;}


.title-2{ position:relative; line-height:30px; text-align: center; background: url(../images/tline.png) no-repeat center bottom; padding-bottom: 25px;}
.title-2 span{ color:#c12c20; font-size:30px; font-weight: bold;}
.title-2 i{ color: #333; font-size: 24px; font-family: "times new roman"; margin-left: 10px; text-transform: uppercase; font-style: normal;}


.title-3{ line-height:60px; text-align: center; background:#004ce8;}
.title-3 span{font-size:24px;color:#fff; font-weight: bold;}


a.more1{ float:right; font-size:16px;color:#fff; background: #c12c20; text-align: center; display: block; border-radius: 30px; text-transform: uppercase; width: 109px; height: 30px; line-height: 30px; margin-top: 23px;}
a.more1:hover{ color:#c12c20; background: #fdd101; transition-duration:0.4s;}



#LeftButton4{ position:absolute; left:-70px; top:30%; width:49px; height:49px;}
#RightButton4{ position:absolute;right:-70px; top:30%; width:49px; height:49px;}
/*面包屑*/
.place{color:#666;font-size:14px; margin:0;text-transform: uppercase;}
.place a{ color:#666; float: none;}
.place a:hover{color:#d8261e;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{position:relative; display:block; float:left;width:280px;margin:0 9px 20px;overflow:hidden; }
.ul-1 li a{ display:block;}
.ul-1 li div{width:280px; height:210px; background-position: center center; background-repeat: no-repeat; background-size:cover ; position: relative;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li span{font-size:16px;line-height:45px;text-align:center; color:#333; display:block;}
.ul-1 li .pbtn{ background: #c12c20; color: #fff; height: 40px; line-height: 40px; font-size: 18px; position: absolute; bottom: 0; width: 100%; left: 0;}
.ul-1 li .pbtn span{ float: left; color: #fff; background: #fdd101; color: #c12c20; border-radius: 40px; padding: 0 10px; margin-top: -15px; margin-left: 5px;}
.ul-1 li .pbtn i{ font-style: normal; float: right; margin-right: 10px;}
.ul-1 li:hover div{ border-color: #c0af93; transition: all 0.6s;}
.ul-1 li a:hover img{ transform: scale(1.2); transition: all 0.6s;}
.ul-1 li:hover a:hover span{ color:#e70006;transition: all 0.6s;}
/*新闻列表*/
.ul-news{ margin:0; list-style:none;}
.ul-news li{overflow:hidden; position:relative; line-height: 60px; background: #e8e8e8; margin-bottom: 14px;}
.ul-news li a{ float: left; color: #333;}
.ul-news li span{ color: #999; float: left; margin: 0 20px;}
.ul-news li i{ display: inline-block; background: #d3d3d3; font-style: normal; width: 46px; text-align: center; float: right; color: #999; font-size: 22px;}
.ul-news li:hover{ background: #c12c20;transition: all 0.5s;}
.ul-news li:hover a,.ul-news li:hover span{ color: #fff;transition: all 0.5s;}
.ul-news li:hover i{ background: #fff; color: #c12c20;transition: all 0.5s;}


.ul-news li.li-1{ position: relative; overflow: hidden; background: no-repeat;}
.ul-news li.li-1 .fimg{ line-height:0;}
.ul-news li.li-1 .ftxt{ color: #fff; background: #c12c20; position: absolute; right: 0; bottom: 0; top: 0; margin: auto 0; width: 295px; height: 200px; padding: 30px;}
.ul-news li.li-1 a{color:#fff; font-size:16px; font-weight: bold; line-height:45px; display: inline-block; float:none; padding:0; border-bottom: 1px solid #e6aba6;}
.ul-news li.li-1 a:before{ display: none;}
.ul-news li.li-1 a:hover{ color:#f4db08;}
.ul-news li.li-1 .ftxt span{ float:right; color:#fff; font-family:"微软雅黑"; margin:0;}
.ul-news li.li-1 p{ margin:10px 0 15px; color:#fff; line-height:24px;  padding:0; clear: both; overflow: hidden;}
.ul-news li.li-1 a.na-1{ border: 1px solid #fff; border-radius: 30px; line-height: 30px; height: 30px; width: 110px; text-align: center; font-weight: normal;}
.ul-news li.li-1 a.na-1:hover,.ul-news li.li-1:hover a.na-1{ background: #f4db08; color: #c12c20; border-color: #f4db08;transition: all 0.5s;}
.ul-news li.li-1:hover a{ color: #f4db08;transition: all 0.5s;}



.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; color: #333;}
.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:#c12c20; color:#fff;transition-duration:0.6s;}
.ul-news2 li p{ margin:0; padding:10px 0 0; color:#333;}
.ul-news2 li p i{ font-style:normal; color:#c12c20;}
.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:400px;color:#333;padding:30px 0 10px; font-size:14px;}
.content p{ font-size:14px; line-height:30px; color:#333; margin:0 0 10px;}

.ul-plist{ list-style: none;}
.ul-plist li{ width: 380px; float: left; margin: 0 10px 20px;}
.ul-plist li .pimg{ width: 100%; height: 278px; background-position: center center; background-size:cover; position: relative;}
.ul-plist li .pbtn{ background: #c12c20; color: #fff; height: 40px; line-height: 40px; font-size: 18px; position: absolute; bottom: 0; width: 100%; left: 0;}
.ul-plist li .pbtn span{ float: left; color: #fff; background: #fdd101; color: #c12c20; border-radius: 40px; padding: 0 10px; margin-top: -15px; margin-left: 5px;}
.ul-plist li .pbtn i{ font-style: normal; float: right; margin-right: 10px;}
.ul-plist li .pcon{ background: #eee; padding: 10px 20px;}
.ul-plist li .pcon span{ font-size: 16px; color: #333;}
.ul-plist li .pcon p{ margin: 0;}
.ul-plist li a{ display: block;}
.ul-plist li a:hover .pcon{ background: #c12c20; color: #fdd101; transition: all 0.5s;}
.ul-plist li a:hover span{ color: #fdd101; transition: all 0.5s;}
.ul-plist li a:hover .pbtn span{ color: #c12c20;}

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