/* 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:"微软雅黑";overflow-y: scroll;transform:none!important;}
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:#c40001; transition: all 0.4s;}
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:805px;margin-right:32px;}
div.span-2 {width:363px;}
div.span-3 {width:656px;}
div.span-4 {width:520px;}
div.span-5 {width:120px;}
div.span-6 {width:260px;}
div.span-7 {width:196px;}
.span-8 {width:900px;}
div.span-18{width:910px;}
.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:1900px; min-width:1200px;position:relative;}
.w{width:1200px;margin:0 auto;}

.bg{ background:#f5f5f5; padding: 30px 0;}

.bg-1{ background:#f1f1f1; padding: 30px 0 40px;}
.bg-1 .p-next{ background: url(../images/link_right.jpg) no-repeat; width: 60px; height: 60px; right: -100px;}
.bg-1 .p-prev{ background: url(../images/link_left.jpg) no-repeat; width: 60px; height: 60px; left: -100px;}

.bg-2{ position: relative; background:url(../images/bg_k1.jpg) no-repeat center 0; height: 456px;}
.bg-2 .w{ height: 100%;}

/*页头*/
.top{ color:#333; height:40px; line-height:40px; font-size:14px; z-index: 100000; border-top: 5px solid #006dd3; border-bottom: 1px solid #ddd;}
.top .fr{}
.top .fr span{ color: #333;}
.top a{ color:#333; margin:0 10px;text-transform:uppercase;}
.top a:hover{color:#c40001;}
.top .w{ position:relative;}

.header{ clear:both;z-index: 100000; width: 100%; transition: all 0.5s; position: relative;}
.header .w{height: 102px;}
.header h1{ margin:0;line-height:0; font-size:0; float: left;}


.h-top{ color:#c0af93;float:right; padding-top: 30px;}
.h-top a{color:#fff; line-height:24px; margin:0 5px; }
.h-top a:hover{color:#f4e400;}
.h-top p{ margin:0; color: #333; font-size:16px;line-height:40px;  background: url(../images/dot_tel.jpg) no-repeat 0 center; padding-left: 60px;}
.h-top p span{ font-size:30px; color: #006dd3; display: block; font-weight: bold; }
/*导航*/
.nav{ height:50px; float: none; clear: both; background: #006dd3;}
.header .nav ul{ list-style:none; height:50px;}
.nav ul li{float:left; width:150px; display: block; position:relative; text-align:center; height: 50px;}
.nav ul li a{ color:#fff; font-size:16px; line-height:50px; margin:0; text-transform:uppercase; display:block; text-align:center; position:relative; z-index:2;}
.nav ul li a:hover,.nav ul li.on a{ color:#fff; background: #0153a1;}
.nav ul li .menu{ display: none;}
.nav ul li .menu li{ height: 40px; border-bottom: 1px dotted #fefefe;}
.nav ul li .menu li a{ line-height: 40px; font-size:16px;}
.nav ul li .menu li a:hover{ background: #f08326;}

.nav ul li.none{ background: none;}

.header-min{ }

/*焦点图*/
.banner{height:504px; margin:0 auto; z-index:100;clear:both; position:relative; max-width:1920px; min-width:1200px; text-align: center;}
.banner .swiper-container {width: 100%;height: 100%; overflow:hidden;}
.banner .swiper-slide{ background-position: center center; background-size: cover;}
.banner .swiper-button-prev,.banner .swiper-button-next{ background: #e62129; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{ color: #fff; font-size: 3rem;}
.banner .swiper-button-prev{ left: 10px;}
.banner .swiper-button-next{ right: 10px;}
.banner .swiper-pagination-bullet{ width: 50px; background: none; font-size: 18px; height: 10px; line-height: 10px; color: #fff; opacity: 1; border-radius:50px; background: #000;  margin: 0 5px!important; position: relative;}
.banner .swiper-pagination{ bottom: 20px!important;}
.banner .swiper-pagination-bullet-active{ background: #f5c52a;}



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


/*页脚*/
.footer{margin:0; position:relative; line-height:30px; color:#fff; background:#333; padding:30px 0; text-align: center;}
.footer .w{ position:relative; clear: both;}
.footer a{ color:#fff; margin: 0 5px; display:inline-block;}
.footer a:hover{ color:#318ee6;}
.footer p{ margin:0; font-size: 15px;}
.footer .fr{ }
.footer .fl{ margin-right: 30px;}


.fnav{ list-style: none; text-align: center; line-height: 30px; padding-bottom: 5px;}
.fnav li{ display: inline-block; margin: 0 20px;}
.fnav a{  font-size: 16px; margin: 0;}
.fnav a:hover{ color: #318ee6;}


.f-link{ color:#999; padding-bottom: 20px;}
.f-link span{ color: #006dd3; font-size: 16px; font-weight: bold; display: inline-block;}
.f-link a{ color:#333; margin:0 10px; display: inline-block;}
.f-link a:hover{ color:#006dd3;}



.block-1{}
.block-1 .fr{ width: 615px;}
.block-1 .btit{ line-height: 60px;}
.block-1 .btit i{ color: #e8f1fe; font-weight: bold; font-style: normal; font-size: 70px;}
.block-1 .btit span{ color: #006dd3; font-size: 36px; font-weight: bold; margin-top: -75px; margin-left: 10px; display: block;}
.block-1 .btit p{ font-size: 18px; color: #333;}
.block-1 p{  line-height: 30px; padding: 10px 0; color: #666; }
.block-1 a{ color: #006dd3; font-size: 16px; text-align: center; display: inline-block; border: 1px solid #ccc; width: 165px; height: 44px; line-height: 44px;}
.block-1 a:hover{ color: #fff; background: #006dd3; border-color: #006dd3;}

.block-2{}
.block-2 .fr{ width: 500px;}


.block-c{}
.block-c p{ line-height: 36px; color: #333; padding: 10px;}
.bc p{ padding: 10px 0; line-height: 28px;}

a.more{ margin:10px auto 0; font-size: 16px; color: #285ab1; border:1px solid #285ab1; width:150px;height: 40px; display:block; text-align: center; line-height: 40px; text-transform: uppercase;}
a.more:hover{ color:#fff; background: #285ab1;}


/*分类列表*/
.sub{ text-align:center; position: relative;}
.sub a{ display: inline-block; line-height: 45px; font-size: 16px; margin: 0 3px; padding: 0 40px; background: #b6b6b6; color: #fff;}
.sub a:hover{ background: #285ab1; color: #fff;}

.subnav{list-style:none;position:relative; z-index:10; background: #efefef; padding: 10px 0;}
.subnav li{ display: block; height: 43px; line-height: 43px; border-bottom: 1px dashed #ddd; margin: 0 20px;}
.subnav li a{color:#333;font-size:16px; display: block; text-align: center;}
.subnav li:hover{transition-duration:0.4s;}
.subnav li a:hover,.subnav li.on a{ color:#fff; background: #1177d6; transition-duration:0.4s;}

/*标题样式*/
.ititle-1{position:relative; text-align: center; line-height: 40px;}
.ititle-1 span{ font-size:36px; font-weight: bold; display:block; color:#006dd3; background: url(../images/tline.jpg) no-repeat center bottom; padding-bottom: 20px;}
.ititle-1 i{ color: #999; font-size: 18px; font-style: normal; display: block; text-transform: uppercase;}
.ititle-1 p{ font-size: 30px; font-weight: bold; color: #285ab1; position: relative;}
.ititle-1 p:before{ content: ""; width: 37%; height: 1px; background: #ddd; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin:  auto 0;}
.ititle-1 p:after{ content: ""; width: 37%; height: 1px; background: #ddd; display: block; position: absolute; top: 0; bottom: 0; right: 0; margin:  auto 0;}
.it1{ text-align: left;}
.it1 p{ padding: 0;}
.it1 p:after,.it1 p:before{ display: none;}
.it1 span{ padding-left: 0;}
.it1 i{ font-size: 30px;}



.title-1{ position:relative; line-height:50px; border-bottom: 2px solid #006dd3;}
.title-1 span{ font-size:30px; color: #006dd3; float: left; font-weight: bold;}
.title-1 span i{ color: #666; font-size: 18px; font-style: normal; text-transform: uppercase; font-weight: normal; margin-left: 10px;}
.title-1 a{ float: right; display: inline-block; color: #006dd3; text-transform: uppercase; }
.title-1 a:hover{ color: #b0281b;}
.t1{}
.t1 span{ color: #fff; }
.t1 a{ margin-top: 0;}

.title-2{  line-height:50px; border-bottom: 1px solid #ccc; margin-top: 20px;}
.title-2 span{  font-size:24px; color: #222; float: left;}

.title-3{ background: #1177d6; color: #fff; text-align: center; height: 64px; line-height: 64px; margin-top: 20px;}
.title-3 span{ font-weight: bold; font-size: 28px;}
/*面包屑*/
.place{color:#333;text-transform: uppercase; text-align: right; float: right;}
.place a{ color:#333; float: none;}
.place a:hover{color:#c13c34;}
/*产品列表*/
.ul-1{list-style:none;margin:0; padding-top: 10px!important;}
.ul-1 li{position:relative; display:block; float: left; width: 286px; margin: 0 5px 20px;}
.ul-1 li a{position:relative; display:block;overflow:hidden;}
.ul-1 li div.bimg{width:286px; height:215px; overflow: hidden;position: relative; background: #fff; text-align: center;}
.ul-1 li div.bimg 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 img{vertical-align:middle; height: 100%; position: relative; z-index: 2; transition-duration:0.4s;}
.ul-1 li .btit{ text-align: center; line-height: 47px; font-size: 18px;}
.ul-1 li a:hover{ background: #285ab1;}
.ul-1 li a:hover .btit{ color: #fff;}

.pro-box{list-style:none;margin:0; padding: 0; }
.pro-box a{position:relative; display:block;overflow:hidden; clear: both; background: #fff; }
.pro-box div.bimg{width:100%; height:210px; overflow: hidden;margin: 0 auto; position: relative; text-align: center;}
.pro-box div.bimg i{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position:center center; background-size:100% 100% ;filter: blur(10px);}
.pro-box img{vertical-align:middle; height: 100%; position: relative; z-index: 2; transition-duration:0.4s;}
.pro-box .btit{ text-align: center; line-height: 30px; font-size: 16px; padding-top: 10px; }
.pro-box .btit span{font-size: 16px; display: block; }
.pro-box .btit i{ display: inline-block; background: #006dd3; color: #fff;  padding: 0 10px; margin: 5px 5px 0; line-height: 30px; font-style: normal; font-size: 14px; }
.p-box .swiper-slide{ text-align: center;}
.pro-box a:hover .btit{ color: #fff; background: #285ab1;}
/*新闻列表*/
.ul-news{ margin:0; list-style:none;}
.ul-news li{overflow:hidden; position:relative; border-bottom: 1px dashed #ccc; line-height: 35px;}
.ul-news li a{ float: left; float: left;}
.ul-news li span{ color: #999; float: right;}
.ul-news li:hover{ transition: all 0.5s;}
.ul-news li:hover a{ color: #006dd3; transition: all 0.5s;}

.un-news{ background: none; padding: 15px 30px;}
.un-news li{ float: none; width: auto;}

.ul-news3{ margin:0; list-style:none; padding:0;}
.ul-news3 li{ line-height: 30px;}
.ul-news3 li a{ float: left; color: #808080;}
.ul-news3 li a:before{ content: "▪"; color: #c5141e; margin-right: 5px;}
.ul-news3 li span{ float: right; color: #808080;}
.ul-news3 li.li-1{ line-height: 22px;}
.ul-news3 li.li-1 a{ font-size: 16px; float: none; color: #222;}
.ul-news3 li.li-1 a:before{ display: none;}
.ul-news3 li.li-1 p{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 5px 0; margin-top: 5px; color: #808080;}
.ul-news3 li a:hover{ color: #c5141e;}

.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:#285ab1; 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:#285ab1;}
.ul-news2 li a:hover p,.ul-news2 li a:hover h3,.ul-news2 li a:hover p i{ color:#fff;}

/*产品详情*/
.bg-5{ color: #fff;}
.bg-5 .w{ background: #eb3f01;}
.bg-5 .fl{ width:60%;}
.bg-5 .fr{ width: 40%;}
.bg-5 .pro-cont{ padding: 40px 40px 0 20px;}
.bg-5 h3{ font-size: 24px; color: #fff; border-bottom: 1px solid #fff; font-weight: bold; padding-bottom: 15px;}
.bg-5 p{ font-size: 16px; line-height: 26px;}
.bg-5 p span{ color: #cb2027;}
.bg-5 .ptel{ font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.bg-5 a.pmore{ width:150px; height: 36px; line-height: 36px; text-align: center; display: inline-block; margin-right:20px;color: #fff; border: 1px solid #f3c1ae;border-radius: 50px; font-weight: bold;}
.bg-5 a.on,.bg-5 a.pmore:hover{ background: #f3c1ae; color: #eb3f01;}
.bg-5 .photo{ position: relative; height: 375px;}
.bg-5 .swiper-container {width: 100%;height: 375px;margin-left: auto;margin-right: auto;}
.bg-5 .swiper-slide {background-size: auto 110%; background-repeat:no-repeat ;background-position: center; background-color:#7f030d ;}
.bg-5 .gallery-top {height: 375px;width: 79%; float: left;}
.bg-5 .gallery-thumbs {width: 120px;height: 375px;box-sizing: border-box;padding:0; margin-right: 20px; float: right;}
.bg-5 .gallery-thumbs .swiper-slide {width: 100%;height: 100%;opacity: 0.4;}
.bg-5 .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.bg-5 .swiper-button-next,.bg-5 .swiper-button-prev{ width:157px ; height: 25px; opacity: 1;}
.bg-5 .swiper-button-prev{ top: 0; margin: 0; right:36px; left: auto;}
.bg-5 .swiper-button-next{ bottom: 0; margin: 0; right:36px; top: auto; left: auto;}


.block-jm{ position: relative; padding: 40px 0 10px;}
.block-jm .fr{ width: 600px; padding-top: 50px;}
.block-jm .adot1{position: absolute!important; left: 200px!important; bottom: 0px!important; top: auto!important;}
.block-jm span{ display: block; font-weight: bold; color: #3c3c3c; font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.block-jm span:before{ content: "■"; color: #eb3f01; font-size: 30px; display: inline-block; vertical-align: baseline; margin-right: 15px;}
.block-jm p{ font-size: 16px; color: #3c3c3c; line-height: 33px; margin: 20px 0 0;}
.block-jm .ptel{ font-weight: bold; color: #1f1917; font-size: 24px;}
.block-jm .ptel strong{ font-size: 30px; color: #eb3f01;}
/*内容*/
.content{ line-height:30px; min-height:400px;color:#222;padding:20px 0 10px;}
.content p{line-height:30px; color:#222; margin:0 0 10px;}

.cbg{ background: #e4e2e2; padding: 30px;}

.ul-plist{ list-style: none;}
.ul-plist li{ width: 288px; float: left; margin:0 82px 40px 0;}
.ul-plist li:nth-child(4n){ margin-right: 0;}
.ul-plist li .pimg{ width: 100%; height: 300px; background-position: center center; background-size:cover; position: relative;}
.ul-plist li .pcon{ background: #dc241b; padding: 15px 20px; text-align: center;}
.ul-plist li .pcon span{ font-size: 16px; color: #fff;}
.ul-plist li a{ display: block;}
.ul-plist li a:hover .pcon{ background: #d1913e; color: #fff; transition: all 0.5s;}
.ul-plist li a:hover span{ color: #fff; transition: all 0.5s;}


.message{}
.message .row{ margin-bottom:30px;}
.message .text1{ float:left; color:#696969; border:none; margin-right:18px; background:#fff; border:1px solid #d1d1d1; width:304px; height:57px; line-height:57px; padding:0 10px; font-size:15px;}
.message textarea{ border:1px solid #d1d1d1; background:#fff;height:57px; width:304px; line-height:57px;padding:0 10px;font-size:14px;color:#696969; float:left; font-family:"微软雅黑";}
.message .btn1{ background:#b6821f; text-align:center; border:none; color:#fff; font-size:15px; height:57px; width:170px; line-height:57px;cursor:pointer; float:right;}
.message .btn1:hover{ background:#ff740e;transition-duration:0.6s;}

.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;}
.f-cb{ clear: both;zoom:1; float:none;}