/* 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:#cc0e18;}
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:320px; margin-right:30px;}
div.span-2 {width:540px; margin-right:30px;}
div.span-3 {width:280px;}
div.span-4 {width:155px;}
div.span-5 {width:120px;}
div.span-6 {width:325px;}
div.span-7 {width:155px;}
.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;}

.w-1{margin:0 auto; max-width:1920px; min-width:1200px;position:relative; background: url(../images/bg_m.jpg) repeat-y center 0;}
.w{width:1200px;margin:0 auto;}

.bg{ background:url(../images/bg_b.jpg) no-repeat center bottom; padding:40px 0 10px;}

.bg-1{ background:url(../images/bg_k1.jpg) no-repeat center bottom; height: 795px; position: relative; }
.bg-1 .w{ padding-top:60px;}


.bg-2{ position: relative; background:url(../images/bg_k2.jpg) no-repeat center center; height: 644px;}
.bg-2 .w{ position: relative; padding:80px 0 0;}

.bg-3{ background:url(../images/bg_k3.jpg) no-repeat center 0;}
.bg-3 .w{ position:relative; padding-top: 10px;}
.bg-pic{ background: url(../images/bg_pic.jpg) no-repeat center 0; height: 180px;}
.bg-pic a{ display: block; height: 100%;}

.bg-4{ background:url(../images/bg_k4.jpg) no-repeat center 0;}
.bg-4 .w{ padding: 80px 0 10px;}

/*页头*/
.header{ clear:both;transition: all 0.5s; height: 262px; background: url(../images/bg_t.jpg) no-repeat center 0;}
.header .w{}
.header h1{ margin:0;line-height:0; font-size:0; float: left; height: 84px;}
.header-min{ transition: all 0.5s; }

.h-top{ color:#032f4a;float:right; padding-top: 5px; text-align: right;}
.h-top a{color:#fff; line-height:24px; margin:0 5px; }
.h-top a:hover{color:#f4e400;}
.h-top p{ margin: 60px 0 0; color: #cf1c25; font-size:16px;line-height: 30px; text-align: left;}
.h-top p span{ font-size:25px; color:#cf1c25; font-weight: bold;}
/*导航*/
.nav{ height:72px; margin-top: 35px;}
.nav ul{ list-style:none; height:72px;}
.nav ul li{float:left; width:150px; position:relative; text-align:center;}
.nav ul li a{ color:#282828; font-size:16px; line-height:72px; margin:0; 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:56px;  background: #333435; left:0; right:0; bottom: 0; top: 0; margin:auto auto; z-index:-1; opacity: 0;}
.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:#cc0e18; background: url(../images/nav_hover.png) no-repeat center center; transition-duration:0.4s;}
.nav ul li a:hover::after,.nav ul li.on a:after{ width:0;border-radius:0; opacity:1;transition:0.4s;}


.nav li .menu{ margin:0;position:absolute;display:none; height:auto; width:150px; left:0; overflow:hidden; opacity: 0;z-index:1000000000;clear:both;background:#cc0e18; padding:0;}
.nav li .menu li{ height:35px; margin:0; width:auto; line-height:35px; float:none; text-align:center; background:none; border-bottom:1px solid #fff;}
.nav li .menu li a{line-height:35px;color:#fff;font-family:"微软雅黑";height:35px; font-size:14px;background:none;}
.nav li .menu li a:after{ display:none;}
.nav li .menu a:hover{color:#000; background: #f4e400; transition-duration:0.4s;}

.search{width:306px;height:32px;margin-top:10px;}
.search .text{background:none;border:none; border-bottom:1px solid #fff ;float: left;height:32px; line-height:32px;margin:0; padding:0 10px;width:215px; color:#eee; font-size:14px;}
.search .btn{background:none;border:none;cursor: pointer;float:left;height:32px;margin:0;width:70px; padding:0; color:#fff; background: url(../images/dot_s.png) no-repeat center center;}
.search a{ color:#fff; margin:0 10px;}
.search a:hover{ color:#da0000;}

.nav ul li.none{ background:none; border-right:0;}


/*焦点图*/
.banner{height:634px; 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;}

.nbanner{ background:url(../images/nban.jpg) no-repeat center center; height:300px; position: relative;}


.binfo{ background:rgba(0,0,0,0.6); height: 50px; color: #fff; position: absolute; z-index: 10000; bottom: 0; left: 0; width: 100%; line-height: 50px;}
.binfo span{ color:#fff; display: block; font-size: 14px;line-height: 23px; text-align: center; padding: 71px 0 20px;}
.binfo a{ color:#fff; display: block; clear: both; overflow: hidden;}

.binfo p{ font-size: 16px; line-height: 25px; margin: 0 0 0 38px;}
.binfo .fl{ width: 65%;}
/*页脚*/
.footer{margin:0; position:relative; line-height:30px; color:#fff; font-size:14px; background:#2e2e2e; padding: 30px 0;}
.footer .w{ position:relative;}
.footer a{ color:#fff; display:inline-block;}
.footer a:hover{ color:#4a82f3;}
.footer p{line-height:24px; font-size: 12px; color: #adadad;}

.fnav{ margin: 0; border-bottom: 1px solid #4e4e4e; padding-bottom: 5px; margin-bottom: 10px;}
.fnav a{ margin: 0 5px; color: #fff; font-size: 12px;}
.fnav a:hover{ color: #cc0e18;}

.m-form{ }
.m-form .form-group{ margin-bottom:5px;}
.m-form .btn{ background:#3b3b3b; color: #fff; font-size: 12px; width: 100%; line-height: 30px; border:none; margin: 0;}
.m-form .form-control{ padding: 0; background: #f7f8fa; border: none; color:#333; width: 100%; line-height: 30px; font-size: 12px; font-family: "微软雅黑"; text-indent: 10px;}


.f-link{  color:#cc0e18;line-height:35px; position: relative; text-align: center;}
.f-link .w{ padding: 20px 0;}
.f-link span{ font-size:16px; font-weight: bold; color:#cc0e18; display: inline-block;}
.f-link a{ color:#cc0e18; font-size:14px; margin:0 5px; display: inline-block; border: 1px solid #cc0e18; padding: 0 8px;}
.f-link a:hover{ color:#fff; background: #cc0e18;}
/* 本例子css */
.picScroll-left{position:relative; margin-top: 40px;}
.picScroll-left .hd{ overflow:hidden;  height:90px; width: 90px; position: absolute; left: 480px; bottom:50px; z-index: 1000;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:90px; height:90px; overflow:hidden;cursor:pointer; position: absolute; right: 0; bottom: 0;}
.picScroll-left .pageState{ display: none;}
.picScroll-left .hd .next{background: url(../images/dot_m.jpg) no-repeat;}
.picScroll-left .hd .prev{right: auto; left: 0;}

.picScroll-left .hd ul{ text-align: center; display: none; list-style: none;}
.picScroll-left .hd ul li{ display: inline-block;  width:8px; height:8px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#fff; border-radius: 10px; border: 1px solid #1e51ac; }
.picScroll-left .hd ul li.on{ background:#1e51ac; }
.picScroll-left .bd{ overflow: hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;list-style: none; }
.picScroll-left .bd ul li li{ clear: both; overflow: hidden;}

.picScroll-left .bd ul li .pic{ float: right; width: 600px;}
.picScroll-left .bd ul li .pic a{ display: block;}
.picScroll-left .bd ul li .pic img{ width:100%;}
.picScroll-left .bd ul li .pic a:hover img,.picList1 li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:30px; padding: 50px 0 0;text-align: left; float: left; width: 550px; color: #fff;}
.picScroll-left .bd ul li .title span{ display: block; font-size: 24px;}
.picScroll-left .bd ul li .title span i{ font-style: normal; opacity: 0.5; font-size: 14px; display: block;}
.picScroll-left .bd ul li .title p{ margin: 30px 0 20px; opacity: 0.7; font-size: 15px;}
.picScroll-left .bd ul li .title a{ opacity: 0.7; color: #fff; transition: all 0.5s;}
.picScroll-left .bd ul li .title a:hover{ font-size: 18px; opacity: 1; transition: all 0.5s;}

/* 本例子css */
.picScroll-left2{ overflow:hidden; position:relative; }
.picScroll-left2 .hd{ overflow:hidden;  height:30px; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 100000;}
.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left2 .hd ul li{ float:left; border-radius: 10px;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #fff; }
.picScroll-left2 .pageState{ display: none;}
.picScroll-left2 .hd ul li.on{ background: #000;}
.picScroll-left2 .bd{}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ width:699px; height: 554px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left2 .bd ul li .pic{ text-align:center; width:699px; height: 554px;}
.picScroll-left2 .bd ul li .pic img{height:100%; display:block; }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .bd ul li .title{ line-height:24px;   }

/* 本例子css */
.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative; }

.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ clear: both; overflow: hidden; zoom:1; border-bottom: 1px solid #ddd; padding: 25px 0;}
.picScroll-top .bd ul li .pic{ text-align:center; float: left; width: 140px; }
.picScroll-top .bd ul li .pic img{}
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .title{ line-height:24px;  float: right; width: 370px; padding-top: 20px;}
.picScroll-top .bd ul li .title span{ font-weight: bold; font-size: 20px; font-weight: bold; color: #333;}
.picScroll-top .bd ul li .title p{ color: #666; font-size: 14px; line-height: 24px; margin:10px 0 0;}

.block-1{ position:relative; margin-top: 59px;}
.block-1 .fl{ width: 45%;}
.block-1 .fr{ width: 45%; padding-top: 50px;}
.block-1 .btit{ line-height: 0;}
.block-1 .btit img{ width: 100%;}

.block-1 p{line-height:30px; margin:30px 0 0; color: #fff; font-size: 16px;}
.block-1 .atel{ text-align: center;}
.block-1 .atel p{ font-weight: bold; font-size: 16px; padding-bottom: 20px;}
.block-1 .atel span{ font-size: 28px;}
.block-1 a{ color: #cc0e18; display: inline-block; width: 163px; height: 30px; line-height: 30px; background: #fff; margin: 0 10px; font-weight: normal;}
.block-1 a:hover,.block-1 a.on{ background: #cc0e18; color: #fff;}

.block-2{ }
.block-2 .fl{ width: 699px;}
.block-2 .fr{ width: 458px;}

.sub{ text-align:right;}
.sub a{color:#999;font-size:16px; display:inline-block;line-height:25px; margin: 0 10px;}
.sub a:hover,.sub a.on{ color:#000; transition:all 0.5s;}

/*标题样式*/
.ititle-1{text-align:center; position:relative; line-height:0;}


.title-1{ position:relative; line-height:34px;color:#091136; }
.title-1 span{ font-size:24px; display: block;}
.title-1 i{ font-style:normal; font-size: 36px; font-weight:normal; text-transform: uppercase; font-family: Georgia;}

/*面包屑*/
.place{color:#666;font-size:14px; margin:0;text-transform: uppercase; margin-bottom: 10px;}
.place a{ color:#666; float: none;}
.place a:hover{color:#FF0000;}
/*产品列表*/
.ul-1{list-style:none;margin:0;}
.ul-1 li{position:relative; display:block; float:left;width:274px;margin:0 10px 20px;overflow:hidden; }
.ul-1 li a{ display:block;}
.ul-1 li div{width:272px; height:182px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:block;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:164px; margin:0 auto; overflow:hidden;transition: all 0.6s;border: 1px solid #dddddd; background: #fff;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li a.a-p{font-size:14px;line-height:45px;text-align:left; color:#0f0f0f; display:block; padding: 0 20px; background: url(../images/dot_more.jpg) no-repeat 240px center;}
.ul-1 li a.a-p p{ color: #999; line-height: 20px; font-size: 12px; text-align: center;}
.ul-1 li div2{width:260px; height:260px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:190px; margin:0 auto; overflow:hidden; background:#eee;}
.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{ color:#004ce8;transition: all 0.6s;}


/*新闻列表*/
.ul-news{ margin:0; list-style:none;}
.ul-news li{overflow:hidden; position:relative; border: 1px solid #cc0e18; padding:10px 20px; margin-bottom: 20px; color: #0a0a0a;}
.ul-news li .fl{ width: 80px; text-align: right;}
.ul-news li .fl span{ font-size: 18px; display: block;}
.ul-news li .fl i{ display: block; font-style: normal; margin-top: 15px;}
.ul-news li .fr{ width: 305px;}
.ul-news li a{ font-size: 18px;}
.ul-news li p{ margin: 5px 0 0;}
.ul-news li:hover{ background: #cc0e18; color: #fff;transition: all 0.5s;}
.ul-news li a:hover,.ul-news li:hover a{ color: #fff; 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:#cc0e18; 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:#cc0e18;}
.ul-news2 li a:hover p,.ul-news2 li a:hover h3,.ul-news2 li a:hover p i{ color:#fff;}


.news-box{}
.news-box .nrow{ background: #cc0e18; padding: 20px 30px; color: #fff;}
.news-box a{ display:block;}
.news-box .fl{ width:400px;}
.news-box h3{ font-size: 18px; color: #fff; margin: 0;}
.news-box span{font-size: 16px; display:block; margin: 10px 0;}
.news-box p{ line-height: 26px; opacity: 0.7;}
.news-box .nrow a:hover{ border-color: #425383; transition: all 0.5s;}


/*产品列表*/

/*内容*/
.content{ line-height:30px; min-height:600px;color:#333;padding:25px 0 0; font-size:14px; margin-bottom: 20px;}
.content p{ font-size:14px; line-height:30px; color:#333; margin:0 0 10px;}

.ul-plist{ list-style: none;}
.ul-plist li{ width: 280px; float: left; margin: 0 10px 20px;}
.ul-plist li .pimg{ width: 100%; height: 200px; background-position: center center; background-size:cover;}
.ul-plist li .pcon{ background: #fff; padding: 10px 20px;}
.ul-plist li .pcon span{ font-size: 16px; color: #d70000;}
.ul-plist li .pcon p{ margin: 0;}
.ul-plist li a{ display: block;}
.ul-plist li a:hover .pcon{ background: #d70000; color: #fff; transition: all 0.5s;}
.ul-plist li a:hover p,.ul-plist li a:hover span{ color: #fff; transition: all 0.5s;}

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