﻿/* 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:#d40309;}
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:30px;}
div.span-1 {width:300px; margin-right: 20px;}
div.span-2 {width:880px;}
div.span-3 {width:645px; margin-right: 55px;}
div.span-4 {width:500px;}
div.span-5 {width:325px;}
div.span-6 {width:300px; margin-right:20px;}
.span-7 {width:473px;}
.span-8 {width:795px;}
div.span-18{width:880px;}
.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;}

.sbg{ background: #d40309;}

.w-1{margin:0 auto; max-width:1920px; min-width:1200px;position:relative;}
.w{width:1200px;margin:0 auto;}

.bg-n{ padding: 20px 0;}
.bg-n span{ font-size: 18px; font-weight: bold; color: #00a2da;}
.bg-n span,.bg-n a{ display: inline-block;}
.bg-n a{ margin:0 20px; border-right: 1px dotted #ccc; padding-right: 20px;}

.bg-1{ background:url(../image/bg_k1.jpg) no-repeat center 0; padding-top: 157px;}

.bg-2{background:#f0f0f0; padding: 40px 0 40px;}

.bg-3{ background:url(/Theme/Home/images/bg_k3.jpg) no-repeat 0 center;}

.bg-4{background:url(/Theme/Home/images/bg_k3.jpg) no-repeat center 0;}
.bg-5{ background:#f5f5fa; padding:30px 0;}

.bg-6{ background:  #eee; padding: 20px 0;}

.bg-msg{ background: url(/Theme/Home/images/bg_k4.png) no-repeat center center; height: 287px; position: relative; z-index: 10000;}
.bk-msg{ padding: 60px 200px 0;}
.bk-msg p{ color: #fff; font-size: 16px; padding-left: 20px;}
.bk-msg input,.bk-msg textarea{ font-family: "微软雅黑"; background: #fff; border: none; height: 58px; line-height: 58px; border-radius: 58px; float: left; margin: 0 10px; padding: 0 20px;}
.bk-msg input.text1{ width: 90px;}
.bk-msg input.text2{ width: 230px;}
.bk-msg .text3{ width: 300px;}
.bk-msg .sbtn{ width: 140px; text-align: center; margin: 0 auto; background: #fff600; color: #000; font-size: 16px; font-weight: bold; float: none; display: block;}
/*页头*/
.top{ color:#fff; height:37px; line-height:37px;text-transform:uppercase;}
.top .fr{ }
.top .fl{}
.top .fr{ margin: 0; background: url(../image/htop.jpg) no-repeat; width: 354px; }
.top .fr span{ font-size: 16px; color: #fff; font-weight: bold; display: block; padding-left:70px;}
.top a{ color:#fff; display: inline-block; margin:0 0 0 5px; }
.top a:hover{ color:#fff;}
.top .w{ position:relative;}


.header{ clear:both; height:85px;}
.header .w{ position:relative;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}

.h-top{float:right; padding-top: 33px;}
.h-top p{ display:block; padding: 0 0 0 50px; background: url(/Theme/Home/images/dot_tel.jpg) no-repeat 0 center;}
.h-top p span{ font-size:25px; color:#000; font-weight:bold; display:block;}
.h-top p em{ font-style:normal; color:#ff4a00;}
.h-top .tdot{ position:absolute; top:32px; right:16px; cursor:pointer;}

.search{height:44px; width:470px; padding:0; margin:27px 0 0; background:url(/Theme/Home/images/search_bg.jpg) no-repeat 0 0; line-height:44px; float: left;}
.search .text{background:none;border:none;float: left;height:44px; line-height:44px;margin:0; padding:0 10px 0 46px;width:193px; color:#878486; font-size:14px;}
.search .btn{background:none;border:none;cursor: pointer;float:right;height:44px;margin:0;width:218px; padding:0; color:#fff; }
.search a{ color:#fff; margin:0 10px;}
.search a:hover{ color:#da0000;}
/*导航*/
.nav{ height:85px;}
.nav ul{ list-style:none;}
.nav ul li{height:85px;float:left; width:100px;}
.nav ul li a{ color:#333; font-size:16px;line-height:85px; margin:0;text-transform:uppercase; display:block; text-align:center; font-family:Arial; position: relative;}
.nav ul li a:hover,.nav ul li.on a{ color:#fff;  background:#d40309; transition-duration:0.4s;}

.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:150px; overflow:hidden; opacity: 0; height:auto;z-index:1000000000;clear:both; background:#fff;}
.nav li ul.menu li{ width:auto; padding:0;line-height:35px; height:35px; float:none; margin:0; overflow:hidden; border-bottom:1px dashed #ccc;}
.nav li ul.menu li a{line-height:45px;color:#666;padding:0;background:none;font-family:"微软雅黑";height:45px; font-size:15px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase; text-indent:0;}
.nav li ul.menu li a:hover{color:#fff; background:#efab07; transition-duration:0.4s;}


.nav ul li.none{ background: none;}
.nav ul li.none a:after{ display: none;}


/*焦点图*/
.banner{height:491px; margin:0 auto; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px;}
.banner .w{position:absolute;  z-index: 100000; top: 0; left: 0; right: 0; height: 100%;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
#kinMaxShow{display:none; overflow:hidden;}
.dotScroll{ position: absolute; bottom: 80px; right: 0; left: 0; background: url(/Theme/Home/images/dot_scroll.png) no-repeat; width: 36px; height: 110px; z-index: 1000; margin: 0 auto; animation: ascroll 2s infinite; cursor: pointer;}
@keyframes ascroll{
	0%{ bottom: 130px; opacity: 0.6;}
	50%{bottom: 80px; opacity: 1;}
	100%{bottom: 130px;opacity: 0.6;}
}

.nbanner{ background: url(../image/nban.jpg) no-repeat center center; height: 350px; text-align: center; color: #fff; font-weight: bold; font-size:30px;}
.nbanner span{ display: block; padding-top: 80px;}
.nbanner i{ font-style: normal; text-transform: uppercase;}
/* 本例子css */
.picScroll-left{position:relative; width: 100%; }
.picScroll-left .hd{ }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; position: absolute; width: 39px; height: 76px; top:160px; bottom: 0; margin: 0 auto; cursor: pointer;}
.picScroll-left .hd .prev{ background: url(/Theme/Home/images/link_left.png); left: -55px;}
.picScroll-left .hd .next{ background: url(/Theme/Home/images/link_right.png); right: -50px;}
.picScroll-left .bd{overflow:hidden; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:20px; width: 260px; float:left; overflow:hidden; padding:10px; background: #e4e4e4;}
.picScroll-left .bd ul li .pic{ text-align:center; width: 260px; height:250px; text-align: center; line-height: 0; position: relative; overflow: hidden;}
.picScroll-left .bd ul li .pic img{ width:auto; max-width: 100%; height:100%; position: relative; z-index: 2;}
.picScroll-left .bd ul li .title{ line-height:24px; padding: 10px 0; position: relative;}
.picScroll-left .bd ul li .title:after{ content: "<"; display: block; position: absolute; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #d40309; top: 5px; right: 0; font-size: 25px; border-radius: 38px;}
.picScroll-left .bd ul li .title a{ color: #2c2c2c; display: block;}
.picScroll-left .bd ul li .title span{font-size: 16px; font-weight: bold; display: block;}
.picScroll-left .bd ul li:hover{ background: #d40309; transition: all 0.5s;}
.picScroll-left .bd ul li:hover .title{ color: #fff;transition: all 0.5s;}
.picScroll-left .bd ul li .pic i{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position:center center; background-size:100% 100% ;filter: blur(10px);}

/*页脚*/
.footer{ position:relative; color:#8a8a8a; line-height:25px; font-size:14px; background: #111111; padding: 30px 0;}
.footer .w{ position:relative;}
.footer p{ color:#8a8a8a;}
.footer a{ color:#fff; display:inline-block;}
.footer a:hover{ color:#d40309;transition-duration:0.4s;}

.footer .fcon{ padding: 30px 0;}
.footer .fl{ width: 450px; }
.footer .fr{ border-left: 1px solid #666; padding-left: 50px;}



.fnav{ list-style: none; margin-top: 10px; padding: 20px 0;}
.fnav li{ display: inline-block; margin-right:30px; font-size: 16px;}

.f-link{color:#5c5c5c; line-height:28px; border-top: 1px solid #ccc; padding: 15px 0;}
.f-link span{color:#d40309; font-size:16px; font-weight: bold;}
.f-link a{ color:#5c5c5c; margin:0 10px; font-size:14px; line-height:28px;}
.f-link a:hover{ color:#d40309;}
/*内部样式*/
.ntel{ color:#fff; font-size:23px; line-height:54px; font-weight:bold; text-indent:66px; background:url(/Theme/Home/images/tel_bg2.png) no-repeat 0 0; width:401px; height:54px;float:right; margin:40px 0 0;}
.nt2{ float:none; margin:20px auto 0; color:#282828;}

.block-1{}
.block-1 span{ display:block; font-size: 16px; font-weight: bold; color: #323232; padding: 10px 0;}
.block-1 p{ color: #505050;}
.block-1 a{ color: #fff; display: block; background: #d40309; text-align: center; padding: 10px 0; margin-top: 10px;}

.block-2{}
.block-2 .fl{ width: 406px; color: #fff; margin-left: 336px;}



.block-3{ text-align: center;}
.block-3 .brow{ float: left; margin: 0 4px;}
.block-3 .brow img{ border: 1px solid #ccc;}
.block-3 .brow span{ display: block; line-height: 30px;}

.block-4{}
.block-4 .fr{ width: 325px;}



.block-c{  text-align: center; padding:0;}
.block-c p{ color: #fff; font-weight: bold; font-size: 24px;}
.block-c span{ color: #fff;  font-size: 34px; font-family: impact;}

/*分类列表*/
.sub{background: #1e4793; text-align: center; padding: 7px 0;}
.sub a{color:#fff;line-height:35px; padding:0 20px; display: inline-block;}
.sub a:hover,.sub a.on{ color:#fbc91e; transition-duration:0.4s;}

.sbox{ margin: 5px; border: 1px solid #fff;}
.subnav{list-style:none; margin:0; position:relative; padding: 20px;}
.subnav li{ display:block;height:56px; line-height:56px; position:relative; border-bottom: 1px dashed #d48c8e; padding: 0 30px;}
.subnav li a{ display:block; color: #fff; font-size: 18px; position: relative; z-index: 10; background: url(../image/sub_dot.jpg) no-repeat 0 center; padding-left: 40px;}
.subnav li:hover a,.subnav li a:hover{ color:#f9d33e;transition:all 0.5s;}
/*标题样式*/
.ititle-1{ text-align: center; background: url(../image/tdot1.jpg) no-repeat center center; height: 97px;}
.ititle-1 span{font-size:34px; font-weight: bold;text-transform:uppercase; display: block; position: relative;}
.ititle-1 i{ font-style: normal; font-size: 30px; font-weight: bold; color: #00a2da; display: block; text-transform: uppercase;}


.title-1{ line-height: 40px; background: url(../image/tdot2.jpg) no-repeat 0 center; padding-left: 125px;}
.title-1 span{font-size:20px; font-weight: bold; color: #292929; float:left; text-transform:uppercase;}
.title-1 a{ display: inline-block; float: right;}
.title-1 a:hover{ color: #d40309; }


.title-2{line-height:30px; position:relative;background:url(/Theme/Home/images/tbg.jpg) no-repeat center center #1e4793; padding: 30px 0; text-align: center; color:#fff;}
.title-2 span{font-size:20px; display:block;}
.title-2 i{ text-transform:uppercase; font-size: 16px; font-style: normal; display: block; }

.title-3{line-height:66px; position:relative; border-bottom: 1px solid #ccc; }
.title-3 span{font-size:24px; color: #019626; text-transform:uppercase; float: left;}

a.more{line-height:40px;height: 40px; margin-top: 20px; font-size:14px; color:#fff; background: #222629; display: block; text-align: center; text-transform: uppercase;}
a.more:hover{ color:#fff; background:#00a2da; transition-duration:0.4s;}


#LeftButton4{ position:absolute; left:0; top:72px;}
#RightButton4{ position:absolute;right:0; top:72px;}
/*面包屑*/
.place{line-height:35px;color:#191919; font-size: 16px; padding-bottom: 20px;}
.place a{ color:#191919;}
.place a:hover{color:#ef9d1e;}
/*产品列表*/
.plist a{ display:inline-block; border:1px solid #fff; font-size:14px; width:300px; height:45px; line-height:45px; padding:0 25px; margin:0 22px 5px; position:relative;}
.plist a:after{ content:"▶"; color:#666; font-size:18px; position:absolute; display:block; top:0px; left:25px;}
.plist a span{ display:block; text-indent:20px;}
.plist a:hover{ border-color:#04319c; color:#04319c;transition:all 0.5s;}
.plist a:hover::after{ color:#04319c;transition:all 0.5s;}



.ul-1{list-style:none;margin:0; padding-top: 10px!important;}
.ul-1 li{position:relative; display:block; float:left;width:281px; margin:0 5px 20px;overflow:hidden;border: 1px solid #ddd; transition-duration:0.4s;}
.ul-1 li a{ display:block;}
.ul-1 li div.bimg{width:288px; height:220px; background-position: center center; background-repeat: no-repeat; background-size:140% auto ; position: relative; margin: 0 auto; position: relative; overflow: hidden; text-align: center;}
.ul-1 li div.bimg:after{ content: ""; background: url(/Theme/Home/images/pbg.png) no-repeat center center; width: 100%; height: 35px; display: block; position: absolute; bottom: 0; left: 0; z-index: 3;}
.ul-1 li img{vertical-align:middle; transition-duration:0.4s; position: relative; height: 100%; max-width: 100%; z-index: 2;}
.ul-1 li a i{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position:center center; background-size:100% 100% ;filter: blur(10px);}
.ul-1 li:hover{transition: all 0.4s;}
.ul-1 li:hover img{ transform: scale(1.2); transition: all 0.4s;}
.ul-1 li .title{ line-height:24px; padding: 15px 0; text-align: center;}
.ul-1 li .title a{ color: #000; display: block;}
.ul-1 li .title p{ color: #999;}
.ul-1 li .title span{font-size: 18px;}
.ul-1 li .title i{ display: inline-block; border: 1px solid #333; font-size: 16px; padding: 5px 20px; font-style: normal;}
.ul-1 li:hover{ }
.ul-1 li:hover .title i{ background: #000; color: #fff; transition:all 0.4s;}

.unp li{ margin: 0 5px 20px; height: auto;}


/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{overflow:hidden; line-height:26px; border-top: 1px solid #ccc; padding: 15px 0 10px;}
.ul-news li a{ display: block;}
.ul-news li h3{ color: #393939; font-size: 16px; margin: 0; padding: 0; font-weight: bold; line-height: 30px;}
.ul-news li p{ color: #646464; margin: 0;}
.ul-news li span{ color: #9d9c9c;}
.ul-news li:hover{  transition: all 0.4s;}
.ul-news li a:hover h3{ color:#d40309; transition: all 0.4s;}


.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:#d40309; 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:#d40309;}
.ul-news2 li a:hover p,.ul-news2 li a:hover h3,.ul-news2 li a:hover p i{ color:#fff;}

.ul-nlist{ margin:0; list-style:none; }
.ul-nlist li{line-height:24px; font-size:12px; padding:3px 0 10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.ul-nlist li a{color:#333; font-size:16px;background:url(/Theme/Home/images/dot_w.png) no-repeat 0 center; line-height:30px; padding:0 0 0 25px; display:block; height:30px;}
.ul-nlist li p{ margin:0; color:#333; line-height:24px; font-size:13px; background:url(/Theme/Home/images/dot_d.png) no-repeat 0 3px; padding:0 0 0 25px;}
.ul-nlist li a:hover{ color:#d9333d;}






/*内容*/
.content{ line-height:26px; min-height:500px;padding:20px 0; font-size:15px;color: #272727;}
.content p{line-height:26px; margin:0 0 10px; font-size:15px;color: #272727;}
/*产品详情*/
.pcont{}
.pcont .fl{ width: 506px; overflow: hidden; height: 427px;}
.pcont .fl img{ width: 100%;}
.pcont .fr{ width: 683px;overflow: hidden; background: #fff; height: 427px;}
.pcont .pinfo{ margin-bottom: 10px; clear: both; overflow: hidden;}
.pcont .pinfo span{ display: block; float: left; width: 80px; font-size: 16px;}
.pcont .pinfo p{ font-size: 16px; width: 560px; float: left; margin: 0;}
.pcont .pinfo p i{ font-style: normal; font-size: 25px; font-weight: bold;}
.pcont .pmore a{ display: inline-block; width: 120px; height: 36px; line-height: 36px; text-align: center; border: 3px solid #272727; font-size: 18px; margin-right: 10px;}
.pcont .pmore a:hover{ background: #00eeb1; border-color: #00eeb1; color: #272727; transition: all 0.5s;}
.ptip p{ color: #898989; font-size: 14px;}

.pcontent{ background:#fff; padding: 20px; min-height: 200px;}

.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-30{ margin-top:40px;}
.mrg-t-40{ margin-top:70px;}
.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;}