/* 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:#00a2da;}
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:585px;}
div.span-2 {width:800px;}
div.span-3 {width:435px;}
div.span-4 {width:370px;}
div.span-5 {width:325px;}
div.span-6 {width:280px; margin-right:40px;}
.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;}

.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:#f5f5f5; padding: 40px 0;}

.bg-2{ background: url(../images/bg_k1.jpg) no-repeat center center; height:523px;}
.bg-2 .w{ padding:60px 0 0;}

.bg-3{ background:url(../images/bg_k3.jpg) no-repeat 0 center;}

.bg-4{background:url(../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(../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:38px; line-height:37px; background:#222629;text-transform:uppercase;}
.top .fr{ }
.top .fl{}
.top .fr p{ margin: 0;}
.top .fr span{ font-size: 16px; font-family: Impact;}
.top a{ color:#fff; margin:0 5px; }
.top a:hover{ color:#0097d5;}
.top .w{ position:relative;}


.header{ clear:both; height:120px;}
.header .w{ position:relative;}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}

.h-top{float:right; background: url(../images/dot_tel.jpg) no-repeat 0 0;}
.h-top p{ display:block; padding: 25px 0 0 130px;}
.h-top p span{ font-size:30px; color:#d70000; font-family:"times new roman"; 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(../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:120px;}
.nav ul{ list-style:none;}
.nav ul li{height:120px;float:left; width: 105px;}
.nav ul li a{ color:#333; font-size:16px;line-height:120px; 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:#009fe1; transition-duration:0.4s;}

.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:111px; 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:549px; 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(../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(../images/nban.jpg) no-repeat center 0; height: 250px; 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(../images/link_left.png); left: -55px;}
.picScroll-left .hd .next{ background: url(../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; background:#c6c6c6; width: 285px; float:left; overflow:hidden; }
.picScroll-left .bd ul li .pic{ text-align:center; width: 285px; height:215px; text-align: center; line-height: 0;}
.picScroll-left .bd ul li .pic img{ width:auto; max-width: 100%; height:100%;}
.picScroll-left .bd ul li .title{ line-height:24px; padding: 10px 0; text-align: center;}
.picScroll-left .bd ul li .title a{ color: #000; display: block;}
.picScroll-left .bd ul li .title span{font-size: 16px; display: block;}
.picScroll-left .bd ul li:hover{ background: #00a2da; transition: all 0.5s;}
.picScroll-left .bd ul li:hover .title{ color: #fff;transition: all 0.5s;}

.picScroll-2 .bd ul li{ margin-right:30px; background:#f2f2f2; width: 340px; padding: 20px 20px 10px; float:left; overflow:hidden; }
.picScroll-2 .bd ul li .pic{ text-align:center; width: 340px; height:227px; text-align: center; line-height: 0;}
.picScroll-2 .bd ul li .pic img{ width: 100%;}
.picScroll-2 .bd ul li .title{ text-align: left; padding: 10px 5px;}
.picScroll-2 .bd ul li .title i{ display:block; margin-top: 5px; background: url(../images/dot_date.jpg) no-repeat 0 center; padding-left: 25px; font-style: normal;}
/*页脚*/
.footer{ position:relative; color:#fff; line-height:30px; font-size:14px; background: #292728; padding: 20px 0;}
.footer .w{ position:relative;}
.footer p{ color:#fff;}
.footer a{ color:#fff; display:inline-block;}
.footer a:hover{ color:#e1b61a;transition-duration:0.4s;}
.footer .w .atop{ position:absolute; right:-65px; bottom:149px; background:url(../images/top.png) no-repeat 0 0; width:57px; height:51px;}

.footer .fcon{ padding: 30px 0;}
.footer .fl{ margin-right: 20px;}
.footer .fw1{ width: 180px;}
.footer .fw2{ width: 180px;}
.footer .fw3{ width: 250px;}


.fnav{ list-style: none; margin-top: 10px;}
.fnav li{ display: inline-block; margin-right:10px; font-size: 16px;}

.f-link{color:#333; line-height:28px;}
.f-link span{color:#333; font-size:16px; font-weight: bold;}
.f-link a{ color:#333; margin:0 10px; font-size:14px; line-height:28px;}
.f-link a:hover{ color:#b80004;}
/*内部样式*/
.ntel{ color:#fff; font-size:23px; line-height:54px; font-weight:bold; text-indent:66px; background:url(../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{ padding-top: 40px;}



.block-2{}
.block-2 .fl{ width: 406px; color: #fff; margin-left: 336px;}
.block-2 span{ display: block; font-size: 30px; font-weight: bold; color: #b80004; padding: 20px 0 15px; border-bottom: 1px solid #999;}
.block-2 p{ margin-top: 128px; line-height: 33px; }
.block-2 .fl a{ color: #009fe1;}

.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{ background: #009fe1; padding:10px 20px 20px; color: #fff;}
.block-c p{ line-height:24px;}


/*分类列表*/
.sub{ padding: 15px 0 30px;}
.sub a{color:#fff; font-size:16px; margin-right:10px; line-height:45px; padding:8px 35px; border:1px solid #fff;}
.sub a:hover,.sub a.on{ color:#fff; background:#e1b61a; border-color: #e1b61a; transition-duration:0.4s;}

.subnav{list-style:none; margin:0; position:relative; background: #009fe1; padding: 10px 0 30px;}
.subnav li{ display:block;height:45px; line-height:45px; position:relative;}
.subnav li a{ display:block; text-indent:60px; color: #fff; font-size: 18px; position: relative; z-index: 10;}
.subnav li:hover a,.subnav li a:hover{ color:#f5e31a;transition:all 0.5s;}
/*标题样式*/
.ititle-1{ text-align: center;}
.ititle-1 span{font-size:30px; font-weight: bold;text-transform:uppercase; display: block; position: relative;}
.ititle-1 span:before,.ititle-1 span:after{ content: ""; width: 42%; height: 1px; border-top: 1px dashed #999; display: block; position: absolute; top: 0; bottom: 0; margin: auto 0;}
.ititle-1 span:before{ left: 0;}
.ititle-1 span:after{ right: 0;}
.ititle-1 i{ font-style: normal; font-size: 30px; font-weight: bold; color: #00a2da; display: block; text-transform: uppercase;}

.title-1{ background: url(../images/tit_1.jpg) no-repeat center center; height: 91px;}
.title-1 span{font-size:30px; font-weight: bold; float:left; text-transform:uppercase;}
.title-1 i{ font-style: normal; font-size: 18px; font-weight: normal; margin-left: 15px;}
.title-1 p{ float: right; font-size: 18px; font-weight: bold; margin: 0; line-height: 61px;}
.t2{background: url(../images/tit_2.png) no-repeat center center; height: 91px; top: -40px; position: relative; z-index: 3;}
.t3{background: url(../images/tit_3.jpg) no-repeat center center; height:140px;}


.title-2{line-height:30px; position:relative;background:url(../images/tit_1.jpg) no-repeat center center #009fe1; height: 160px; text-align: center; color:#fff;}
.title-2 span{font-size:24px; display:block;}
.title-2 i{ text-transform:uppercase; font-size: 16px; font-style: normal; display: block; padding-top: 40px;}

.title-3{line-height:66px; position:relative; border-bottom: 1px solid #ccc; background: url(../images/tdot1.jpg) no-repeat 0 center; padding-left: 20px;}
.title-3 span{font-size:18px; 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:66px;color:#666; float: right;}
.place a{ color:#666;}
.place a:hover{color:#b80004;}
/*产品列表*/
.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:260px; background-position: center center; background-repeat: no-repeat; background-size:140% auto ; position: relative; margin: 0 auto;}
.ul-1 li img{vertical-align:middle; transition-duration:0.4s;}
.ul-1 li .ptxt{color: #333; line-height: 20px; font-size: 16px; padding: 20px; text-align: center;}
.ul-1 li .ptxt span{ display: block;}
.ul-1 li .ptxt i{ font-style: normal; }
.ul-1 li:hover{transition: all 0.4s;}
.ul-1 li:hover img{ transform: scale(1.2); transition: all 0.4s;}
.ul-1 li:hover .ptxt{ background:#333; color: #fff; 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;}
.unp li div.bimg{ height: 190px;background-size:auto 130%;}
.unp li .ptxt{ padding: 10px 20px;}


/*新闻列表*/
.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{overflow:hidden; line-height: 60px; border-bottom: 3px solid #ddd; padding: 0 10px;}
.ul-news li.li-1{ line-height: 30px; padding: 10px 0; float: left; width: 370px; margin: 0 15px;}
.ul-news li a{ color:#333; font-size: 18px;}
.ul-news li span{ color: #666; display: block;}
.ul-news li p{ margin: 0; color: #666;}
.ul-news li:hover{  border-color: #b80004; transition: all 0.4s;}
.ul-news li:hover a{ color:#b80004; 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:#009fe1; 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:#009fe1;}
.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(../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(../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;}