@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#2f2f2f; -webkit-text-size-adjust:none;    letter-spacing: 0.4px;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#2f2f2f; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
.BMap_shadow div{display:none;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:100%;}
#messagetable table{margin:0px auto;}
.index-b{}
table tr td{padding:10px;    text-indent: 0;}
table.ldb td{width:20%; }
.BMap_omCtrl{display:none;}
label{ text-indent:0;}
/*头部*/
.m-top{background:#241414;    color: #fff;width:100%; overflow:hidden;line-height: 48px;}
.m-top h3{float:left; font-size:14px;    font-size: 16px;    line-height: 48px;}
.m-top .ttl{background:url(../images/lt.png) no-repeat left;padding-left: 36px;float:right;    margin-right: 20px;}
.m-top .tse{float:right;margin-top:11px;width: 25px;}
.head{  display: none;  width:100%;  position:absolute;top: 0;     transition: all .3s ease;    z-index: 100; top:0;}
header{  background:url(../images/s-na.jpg) no-repeat center;background-size: cover;  width:100%;    padding: 60px 0;}
header .container{}
header .la-x{float:right;}
header .la-x a{display:block;background:url(../images/lan.png) no-repeat left; background-size:28px 28px;    padding-left: 40px; color:#fff; font-size:16px;}
header:hover .la-x a{ background:url(../images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }
.top-logo{width:575px;  position: relative;    z-index: 10;   max-width: 575px;margin: 0 auto; }
.top-logo img.img2{top:19.5px; left:0; position:absolute;    display: none;}
header.hover-animate { background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);    position: fixed;top: 0}
.s-nav ul li dl.header-mulu1 a{font-size:14px;}
.met_flash img{width:100%;}
.search {margin-top:43px;}
.s-nav{    text-align: center;    margin-top: 1%; line-height: 90px;}
.s-nav ul li{  background:url(../images/nax.png) no-repeat right;   display: inline-block;text-align: center;padding:0 44px 0 44px; position: relative;}
.s-nav ul li a{color:#fff; font-size:16px;}
.s-nav ul li:last-child{background:none;}
.s-nav ul li dl.header-mulu1{     transition: .3s all ease;     background: rgba(0,0,0,0.5);  display: none;    position: absolute;top:90px;z-index: 9;width: 100%;left: 0;}
.s-nav ul li:hover dl.header-mulu1{display:block;}
.s-nav ul li dl.header-mulu1 dd a{color:#fff;    text-align: center;}
.s-nav ul li dl dd a{ line-height: 1.3;margin: 20px 0;display: block;}
.s-nav ul li dl.header-mulu1 dd:hover a{color:#7f0300;}
/*导航*/
nav{    margin-top: 16%;}
nav ul li{  padding: 0 40px 0 40px;   float: left;text-align: center; position:relative;}
nav ul li:last-child{background:none;}
nav ul li:hover{}
header nav ul li:hover a{color:#fff;}
nav ul li a{padding-bottom: 22px; display: block;font-size: 18px;color:#fff;    border-bottom: 1px solid #7f0300;}
nav ul li dl.header-mulu{      padding-top: 15px;   transition: .3s all ease;    }
nav ul li dl dd a{ font-size: 14px;     padding-bottom: 0;    border-bottom: none;   color: #fff;line-height: 1.3;margin: 20px 0;display: block;}
nav ul div{float:left;}
nav ul li dl dd a:hover{color:#7f0300;}
.m-se{color: #fff;font-size: 16px; text-align: center;display: block;}
.flexslider .slides > li .f-img{overflow: hidden;height:100vh; width: 100%; -webkit-animation: zoom 20s; animation: zoom 20s;}
.flexslider .slides .bslid{position:absolute;text-align: right; top: 39%;width:100%;color:#fff;}
.flexslider .slides .bslid h2{font-size:58px;font-weight: 600; animation-delay: .1s;   padding-bottom: 2%;}
.flexslider .slides .bslid span{animation-delay: .2s; display:block;font-size:30px;}
.flexslider .slides .bslid dl dd{display: inline-block;text-align: center; width: 190px;margin: 2% 1% 0 1%;   height: 60px;line-height: 60px;background:#fff;transition: all .5s ease;animation-delay: .3s;    font-weight: 600;display: none;}
.flexslider .slides .bslid dl dd a{color:#666;}
.flexslider .slides .bslid dl dd:nth-child(1){background:#006533;}
.flexslider .slides .bslid dl dd:nth-child(1) a{color:#fff;}
.flexslider .slides .bslid dl dd:hover{background:#f8981c;}
.flexslider .slides .bslid dl dd:hover a{color:#fff;}
.flexslider .slides .bslid .container{ width:1280px;}
/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:30px; height:20px; position:absolute; right:0; z-index:399; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #c2000b; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:3px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:3px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 8px, 0); transform:translate3d(0, 8px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.eg-b{ position:absolute; right:0; top:0; height:81px; line-height:81px; text-align:center; background:#c2000b; width:8%;}
.eg-b a{ font-size:18px; color:white;}
.wrap_menu {background:#4d0200;background-size:cover;    transition: all .5s ease;}
/*黑色遮罩*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; display: none; top: 0; left: 0; }
/*手机左边弹出导航*/
.menu_icon { margin: 20px 0 10px 4%; cursor: pointer; width: 32px;}
.wrap_menu { width: 280px; position: fixed; top: 0px; left: -280px; height: 100%; text-align: left; z-index: 10000001; overflow-y: scroll; }
.wrap_menu .h-mo{     margin-bottom: 14px;color:#fff;text-align:center;   height: 80px;line-height: 80px; font-size: 18px; font-weight: bold;BORDER-BOTTOM: 1PX SOLID #FFF; position:relative; }
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu .menu_close {    line-height: 80px; font-size: 15px; position: absolute; top: 0px; right: 15px; color: #fff; border-bottom: none; z-index: 1000; }
.wrap_menu li {text-align: center; margin-bottom: 2px; font-size: 14px; position: relative; }
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; padding: 10px 15px; }
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255,255,255,0.8); overflow: hidden; line-height: 30px; font-size: 14px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.wrap_menu_2 { display: none; }
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 175px; }
.menu_icon {float:right;}
.btn-nav{position: absolute;right: 8%;top: 33px; background: transparent; border: none; padding: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease;
-o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;z-index: 99999;}
.he-t {width: 100%;height: 90px; position: absolute;left: 0;bottom: 10px;cursor: pointer;text-align: center;}
.he-t i {width: 8px;height: 36px;display: inline-block; background-image: url(../images/toTop.png);margin-top: 10px;transition: all .5s;}
.he-t a{    text-align: center;font-size: 14px;color: #fff;    display: block;font-family: 'Arial';margin-top: 10px;}
.mzw{position: absolute;left: 0; bottom: 220px;cursor: pointer;}
.f-d{width:100%; overflow:hidden; padding:4% 90px 5% 0px;}
.f-do{padding:4% 0px 5% 0px;}
.f-d ul li{margin-top:6%;}
.f-d h4{font-size:22px; text-align:center;}
.f-d h4 i{font-style: normal; border-bottom:2px solid #7f0300;padding-bottom: 22px;}
.f-d ul li .f-img{  transition: all .5s ease;  background: #eee;border-radius: 50%; width: 270px; height: 270px;float: left}
.f-d ul li:hover .f-img{background:#7f0300;}
.f-d ul li .f-img img{padding: 23px;}
.f-d ul li .f-t{float:right;    border-left: 1px solid #eee; padding-left: 20px;}
.f-d ul li h3{     letter-spacing: 2px;   writing-mode: tb;    font-size: 22px;}
.f-d ul li  span{font-size: 28px;font-family: "Impact"; background:url(../images/bz.png) no-repeat top;    padding-top: 14px;width: 32px; display: block;}
/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 
.nav-r a.men{cursor: pointer;display:block;position: absolute;width: 90px;height: 34px;right: 0;top: 30px; background: url(../images/me.png) no-repeat center;}
.nav-r {position: fixed;width: 90px;height: 100%;z-index: 5;right: 0;top: 0;background: url(../images/r-nav.jpg) no-repeat center;background-size: cover;}
.nav-d {position: fixed;width: 100%;height: 100%; z-index: 1001; left: 0; top:-100%; background: rgba(21,0,0,0.9); visibility: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;}
.nav-d a.cl{position: absolute;width: 90px;height: 34px;right: 0; top: 30px;background: url(../images/cl.png) no-repeat center; cursor: pointer;}
.nav-d.nav-o{ top:0; visibility: visible;}
.log{left: 4%; top: 15px; z-index: 1000;position: absolute;}
/* 搜索 */
.search-trigger{     right: 10%; top: 15px;  z-index: 1000; position:absolute;  width: 15%; text-align: center; vertical-align: middle; cursor: pointer; }
.search-box{ border-bottom: 1px solid #fff;  height:54px; color: #fff; line-height: 34px; white-space: nowrap; }
.search-txt{ padding: 0 44px 0 0 ; }
.search-txt input{font-size: 15px; border: none;background: none; outline: none;display: block; width: 100%; height:100%;  line-height: normal; color:#fff; }
input.search-btn{ position: absolute; right: 0; top:0; height:100%; width:30px;height:54px;  cursor: pointer; background: url(../images/se.png) no-repeat center;border: none;outline: none;    background-size: 25px;}
input::input-placeholder{color:#fff; } 
::-webkit-input-placeholder { /* WebKit browsers */ color:#fff; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff;  } 
::-moz-placeholder { /* Mozilla Firefox 19  */ color:#fff;  } 
:-ms-input-placeholder { /* Internet Explorer 10  */ color:#fff;  } 
/*关于*/
.am{width:100%;padding-right: 90px; overflow:hidden; position:relative;    height: 604px;}
.al{margin-top:80px;    padding: 0;}
.ar{margin-top:80px;  }
.am-r,.ar{padding:0;}
.am-r .ar{}
.m-tx{padding-left: 55px;}
.am-l h3{position:relative;}
.am-l{background:url(../images/ami.jpg) no-repeat center; background-size:cover;  height: 100%; }
.ar h3{    font-size: 20px;     padding: 4% 4% 3% 4%;}
.ar {background:url(../images/g-img.jpg) no-repeat top center; background-size:cover;height: 524px;}
.al h3{font-size: 30px;line-height: 1.5;}
.al dl{     margin-bottom: 50px;   padding-top: 36px;}
.al dl dd a{font-size: 20px;}
.al ul li:nth-child(1){background:#5e3433;}
.al ul li:nth-child(2){background:#491f1f;}
.al ul li:nth-child(3){background:#2e1a19;}
.al ul li{padding:0;  padding:24px 0 24px 0;  text-align: center;}
.al ul li h3{font-size:16px; color:#fff;}
.al ul li img{    margin: 0px auto; width: 50px;margin-bottom:20px;}
.al dl dd{    margin-bottom: 17px;}
.al dl dd:hover a{color:#7f0300;}
.al dl dd img{float:left;    margin-right: 15px;margin-top: 2px;}
.ar p{line-height: 24px;     width: 86%;   padding: 0% 8% 0% 4%;}
.a-s{width:100%; overflow:hidden;}
.a-s ul li{padding:0; position: relative;background: rgba(0,0,0,.98);    transition: .5s all ease;}
.a-s ul li:hover{    background:#7f0300;}
.a-s ul li .s-txt{ transition: .5s all ease;position:absolute; top:21%; left:13%;width: 58%;}
.a-s ul li .s-img{opacity: .8;}
.a-s ul li .s-img img{width:100%;}
.a-s ul li a{ display:block; color:#fff;}
.a-s ul li i{display:block; width:50px;height:1px;background:#fff;}
.a-s ul li .s-txt h3{      padding-bottom: 6%; font-size:26px; color:#fff;}
.a-s ul li .s-txt p{padding: 7% 0; font-size:16px;}
.a-s ul li .jian{margin-right: 5%;opacity: 0;}
.a-s ul li:hover .jian{opacity:1;}
.a-s ul li:hover .s-txt{top:18%;}

.ab-f{    margin-top:4%;}
.a-c a img{margin: 19px auto;width: 22px;}
.p-ti{padding:6% 0 6% 0;    }

 .pt h4{ font-size:28px; color:#333;}
 .pt p{ font-size:16px;  color:#666;  margin-top:3%;}
 .pt1 h4{ font-size:30px; color:#fff;}
 .pt1 p{ color:#fff;  margin-top:16px;}

 .p-ti a{ position:relative;line-height:65px; color:#fff;background:url(../images/hb.png) no-repeat left; padding-left:42px;}
.b-img img{    margin:0 auto;}

.a-c ul li{height:520px;padding:0;position: relative;}
 .p-ti .frt:after {content: '';width: 100%;height: 100%; opacity: 0;position: absolute;left: 0%;top: 0; right: 0%;transform: scale3d(0,1,1);background: #7f0300;
 z-index: 20;-webkit-transition: all 0.3s;transition: all 0.4s;}

   .p-ti .mt{position: relative;width: 240px;}

.yq{ width:100%; overflow:hidden;  }

.ab-n{width:100%; overflow:hidden; background:url(../images/about-n.jpg) no-repeat center; background-attachment: fixed; background-size:cover;height:500px;}
.ab-nt{    width: 100%; height: 100%;display:flex; flex-wrap: wrap; align-items: center; justify-content: center;background: rgba(0,0,0,.6);}
.ab-nt h3{font-size:46px;    letter-spacing: 5px; font-weight: bold; color:#fff;}
.m-j{width:100%; overflow:hidden;}
.m-j ul{padding:0;}
.m-j ul li{padding:0;float: none;    position: relative;}
.m-j ul li .m-o{background:url(../images/n1.jpg) no-repeat center;    padding-bottom: 68%;background-size: cover;}
.m-j ul li .m-t{background:url(../images/n2.jpg) no-repeat center;padding-bottom: 90%;background-size: cover;}
.m-j ul li .m-s{background:url(../images/n3.jpg) no-repeat center;padding-bottom: 90%;background-size: cover;}
.m-j ul li .m-f{background:url(../images/n4.jpg) no-repeat center; padding-bottom: 68%;background-size: cover;}
.m-l{padding:0;}
.m-j ul li .mtto{    position: absolute;     bottom: 22%;left: 16%;}
.m-j ul li h3{font-size: 22px;    padding: 12px 0;}
.m-j ul li span{ color:#7f0300; background:url(../images/bz.png) no-repeat left;padding-left: 36px;}
.m-y li .mttt h3{    color: #fff;}
.m-y li .mttt{top:16%; right:8%;    position: absolute;}
.m-y li p{color:#fff;}
.m-j ul li .mtts{    position: absolute;     top: 16%;left: 12%;}
.m-j ul li .mttf{    position: absolute; text-align: center;width: 100%;    top: 36%;left:0;}
.m-j ul li .mttf h3{color:#fff;}
.m-j ul li .mttf h5{color:#fff;}
.m-r{padding:0;}
.m-r ul li .mttp{    position: absolute;        width: 100%; text-align: center; bottom: 12%;left: 0%;}
.mr-o{background:url(../images/n5.jpg) no-repeat center;    padding-bottom:79%;background-size: cover;}
.on-l,.on-r{padding:0;}
.on-r{background:url(../images/about-f.jpg) no-repeat center; background-size: cover;height:100%;}
.o-box{width:100%; height:604px; overflow:hidden;    padding-right: 90px;}
.on-l{    background: url(../images/one.jpg) no-repeat center;background-size: cover; height: 100%;}
.on-l h3{    width: 100%; text-align: center; position: relative; padding:110px 0 0; color:#fff;  text-transform: uppercase;float: right; font-size:20px; }
.on-l h3:before{ content:""; position: absolute; width: 2px; height:76px; background:#fff; left: 50%; top:0; }
.on-l h3:after{ content:""; position: absolute; width: 2px; height:1000px; background:#fff; left:50%; top:100%; margin-top: 30px; }
.on-l p{text-align: center;color: #fff;font-size: 20px; margin: 0 auto;font-family: Arial;    padding-top: 18px;}
.new .addtime{padding-top: 16px; position:relative;}
.new .addtime:after {     transition: all .5s ease;content: '';display: block;width:100px;height: 1px; background: rgba(255,255,255,.5);position: absolute;top: 61%;    left: 22%;}
.new{padding-bottom: 4%;width:100%;padding-right: 90px; overflow:hidden; background:url(../images/new.jpg) no-repeat; background-size:cover;}
.new .addtime p {overflow: hidden;width:72px;line-height: 54px;text-align: center;color: #FFF;font-size: 60px;font-style: normal;text-indent: -266px;}
.new .addtime p b {    text-indent: 0;display:block;white-space:nowrap;font-weight: normal;}
.new ul{width:100%; float:left; margin-top:30px;}
.new .addtime span {overflow: hidden;width:73px;height: 40px;line-height: 40px;text-align: center;color: #FFF;font-size: 18px;font-style: normal;  display: block;}
.new ul li h3{    font-size: 20px; color: #fff; padding-top: 12px;}
.new .addtime span b{display:block;white-space:nowrap;color:#fff;font-weight:normal;}
.new ul li p{overflow: hidden;text-overflow: ellipsis;    color: #fff;padding-top: 12px;line-height: 1.6;}
.new ul li .ne-img{overflow:hidden;}
.new ul li .ne-img  img { transition: transform 1.5s;}
.new ul li:hover .ne-img img {transform: scale(1.1);}
.new .p-ti {padding: 4% 0 3% 0;}
.new ul li:hover .addtime:after {width: 300px;}
/*首页*/
.style-1 h2.title { text-align:center; margin-bottom:35px; font-weight:normal;}
.style-1 h2.title span{ display:block; color:#666;}
.style-1 h2.title span::before,.style-1 h2.title span::after { content:""; display:inline-block; width:30px; border-top:1px solid #000; margin:0 10px 4px;}

/*产品*/
.fw-b{padding-right:90px;width:100%; background:url(../images/fw.jpg) no-repeat center; background-size:cover; overflow:hidden;padding-bottom:7%;}
.s-box{width:100%; overflow:hidden;}
.index-product{ margin-top:60px; padding-top:30px; padding-bottom:43px; background:#f5f5f5;}
.index-product .active { position:relative;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center;  height:296px !important;}
.index-product ol li .img{ display:block; text-align:center; font-size:12px; padding:10px 10px 0px 10px; position:relative;}
.index-product ol li .img img{ display:block; margin:auto;}
.index-product ol li p { opacity:0; transform:scale(0.5,0.5); transition:0.5s; width:430px; height:296px; background:rgba(242,153,0,.6); position:absolute; top:10px; left:10px;}
.index-product ol li p span { display:block; width:430px; height:296px; margin:14px;  transform:scale(0,0); transition:0.8s;}
.index-product ol li p a { display:inline-block;  text-align:center; margin:0 5px;  margin-top:106px;}

.index-product ol li:hover p { opacity:1; transform:scale(1,1);}
.index-product ol li:hover p span { transform:scale(1,1);}
.index-product ol li h3{ font-weight:normal; height:40px; line-height:40px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ display:block; width:32px; height:56px; overflow:hidden; position:absolute; z-index:9999; top:126px;}
.index-product .next{ right:-64px; background:url(../images/next_icon.png) no-repeat center;}
.index-product .prev{ left:-64px; background:url(../images/prev_icon.png) no-repeat center;}
#trigger{ display:none; float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
.index-product .active a.more { display:block; width:118px; height:32px; text-align:center; margin:0 auto; line-height:32px; background:#333; border:1px solid #333; color:#fff; border-radius:5px; margin-top:30px;}
.index-product .active a.more:hover { background:none; color:#333;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; overflow: hidden;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: auto; min-height: 1px; display: none; }
.slick-slide img { display: block; transition:.3s all ease;width:100%; padding:0 12px;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; position: relative;}
.slick-initialized .slick-slide h3 span{bottom:-100%; padding:20% 0;display:block; position: absolute; width:89%; margin:0 12px;left:17.5px;background:#7f0300;height: 300px;text-align:center;transition:.3s all ease;}
.slick-initialized .slick-slide h3 span i{display:block; width:40px; height:1px; border:1px solid #fff;    margin-top: 23px;}
.slick-initialized .slick-slide h3 span h4{font-size:30px; color:#fff;line-height:25px;padding-right:12px;}
.slick-initialized .slick-slide h3 span p{font-size:18px;color:#fff; margin-top:13px;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-initialized .slick-slide h3{}
.slick-initialized .slick-slide:hover span{bottom:17.5px;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slide .po-mo	{    opacity: 1; text-align: center;width: 120px; height: 40px; line-height: 40px;color: #fff;margin:12px auto;}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 45%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -40px; background: url("../images/q-prev.png") no-repeat left; width: 20px; height:36px;}
.slick-next { right: -40px; background: url("../images/q-next1.png") no-repeat left; width:20px; height: 36px;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; display:none !important;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background:#7f0300; display: block; height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;     border-radius: 50%;}
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display:none; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.button {background: #7f0300;  color: #fff;  width:70%;height: 50px;border: none;}
#searchlist .search_title a{color:#7f0300;font-size: 20px;}
#searchlist .search_content em{color:#7f0300;}
.buttons{padding:0 20px 20px; margin-bottom: 10px;}
.slick-slide .image{padding:10px;}

.slick-slide img.slick-loading{border:0 }
.slick-slider{}
/*底部*/ 
footer{ width:100%; background:url(../images/nfoot.jpg);  overflow: hidden; padding-right: 90px; }
.foot-l{ text-align:center;     padding: 60px 0 60px 0;}
.foot-l h3{     padding: 15px 0;   font-size: 22px; color: #fff;}
.foot-r{padding-right:0;margin: 90px 0 90px 0;float: right;}
footer dl dd{color:#fff;    margin-bottom: 10px;}
footer dl dd a{color:#fff; }
footer dl dd:hover a{color:#7f0300;}
footer .wx{  text-align: center; width:160px; margin:0 auto; border: 1px solid #fff;padding: 13px;}
footer dl.lx-b dd{ display: inline-block;   margin-right: 20px;}
footer .m-bq{     color: #fff;  }
footer .m-bq a{color:#fff;}
footer dl dd a:hover{color:#7f0300;}
/*右侧漂浮菜单*/
.right_bar{ display:none; position:fixed; top:400px; right:0; width:60px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:180px; left:0px; transition:0.5s;}
.right_bar li.rtbar_li1:hover { left:-116px;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:52px; left:0; width:140px;  transition:0.5s;}
.right_bar li.rtbar_li3:hover { left:-70px;}
.right_bar li.rtbar_li4{ }
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:13px; height:50px; line-height:50px; overflow:hidden; background-color:#ab000a; }
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 17px 14px 19px;}
.right_bar li a:hover{ background-color:#282828; opacity:1;}
.right_bar li.rtbar_li2:hover .rtbar_shwx { opacity:1; left:-160px;}
.rtbar_shwx{ opacity:0; position:absolute; top:0px; left:50px;  transition:0.5s;}
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:142px; height:142px; }
/*右侧漂浮菜单 end


/*内页侧栏*/
#showproduct .pshow dd li span{  color: #2f2f2f;    height: auto;  font-size: 16px;}
#showimg .imgshow img{ margin:0 auto;display: block;}
.sidebar { width:100%;background:url(../images/sbg.jpg); overflow:hidden;}
.sidebar .sb_nav{  max-width: 1600px; width: 100%;margin: 0 auto; }
.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; width:100%;    margin: 40px 0;}
.sidebar .sb_nav dl{    margin: 0 10px; display:inline-block;  position:relative;}
.sidebar .sb_nav dl dt a{    display:block;  background:url(../images/nt.png) no-repeat center; width: 122px;height: 44px;line-height: 44px;}
.sidebar .sb_nav dl a.on,.sidebar .sb_nav dl dt a:hover {  background:url(../images/nn.png) no-repeat center;color:#fff }
.sidebar .sb_nav dl dt a{font-weight: normal;}
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%;  overflow:hidden;}
.sidebar .sb_box h3.title{  display: none;   margin-bottom: 40px;    text-align: center; line-height:1.6; font-weight:normal; position:relative;  }
.sidebar .sb_box h3.title span{ font-size:20px; color:#333; padding:0px 10px;}
.sidebar .sb_box h3.title div.position{ float:right; color:#666; margin-top:20px;    display: none;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box .active { margin-top:1%;}
#showproduct .pshow{ margin-top:20px; padding-bottom:22px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
.sidebar .sb_box .editor div{font-size:16px; text-indent: 2rem;    padding-bottom: 16px;}
/*产品列表*/
#productlist li{ }
#imglist li h3 a{ font-size:16px;}
#imglist li:hover h3 a{color:#fff;}
#imglist li a.img{overflow:hidden;}
#imglist li img { display:block; transform:scale(1,1); transition:0.8s;}
#imglist li:hover img { transform:scale(1.2,1.2);}
#imglist li h3{ line-height:3.5;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#productlist li {    text-align: center;height:auto !important;     margin-bottom: 40px;  padding: 0 20px; position:relative;}
#imglist li{    transition: .3s all ease; width:33.33333333% !important; height:auto !important;     margin: 0 !important;overflow:hidden;     padding:20px 20px 0 20px;; }
#productlist li a{display: block;overflow: hidden;    padding: 0; }
#productlist li a span{ display:block; width:85%; color:#000; font-size:14px;margin-left:15px;margin-top:4px;}
#productlist li a.img img {  display:block; border:none; }
#productlist {padding: 0px 10px;}

#productlist li a.text h3 { font-size:24px; font-weight:bold; line-height:1.6; padding:15px 0 0 0; color:#000; margin-left:15px;}
#productlist li:hover a{ }

#productlist>ul>li:hover p{}
#productlist li a.text p {background-size: 30px; width: 108px;margin: 0 auto; padding-left: 35px;  background:url(../images/bz.png) no-repeat left;     color: #666; }
#productlist li a.text i{}
#productlist li a.text{       padding: 24px 0;      background: #ffff;}
#productlist li .pm-img{ overflow: hidden;margin:0 auto;}

#productlist li a.text i{    transition: .3s all ease;    margin-top: 30px;width: 140px;height: 40px;border: 1px solid #fff;font-style:normal;    display: block;text-align: center;
line-height: 40px;font-size: 16px;}
#productlist li a.text i:hover{background:#324373; border:1px solid #324373;}
#productlist li a.text h4{  padding-bottom: 13px;  font-weight: normal;font-size:20px;}
/*产品内容页*/
.met_page a{ color:#666 !important;}
.new-box{    width:100%; overflow:hidden;}
#newslist li{padding:0;background: #fff;    margin-bottom:30px;}
#showproduct .pshow dd h4{      padding-bottom: 10px;  font-size: 22px;color: #7f0300;}
#showproduct {padding: 0 15px;    margin-bottom: 3%;}
#showproduct h1.title {margin-bottom:4%; font-size:30px;      text-align: center;font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt { width:47% !important;}
#showproduct #imgqwe { display:block; float:left; width:100%;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg {    float: left;width: 100% !important; margin-top: 15px; }
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#e89301; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display:block;       margin-right: 15px; width: 120px;float: left;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd {    width:49% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#showproduct .ctitle {     font-size:30px;border-bottom:none; margin:26px 0px 26px 0px; padding:0px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #6f1d21; margin-top:15px;}
#showproduct td{width:50%;    padding: 0 4% 0 0; line-height: 1.7;}
#imglist li a.img img{border:none;}
#imglist li:hover{background:#7f0300;}
#showproduct .pshow dd li{font-size:16px;color: #666;}
#showproduct .pshow dd li:first-child  span{background:url(../images/time.png) no-repeat left;}
/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 0%; padding: 0 15px; font-size: 16px;    margin-bottom:2%;}
#showtext .ds h4{    padding: 1% 0 3% 0;}
#imglist{margin-top: 2%;}
#shownews h1{border:none; font-size: 22px;   padding: 0% 0 1.5% 0;margin:0;    line-height: 1.6;}
#shownews .n-time{ margin-bottom: 2%; border-bottom: 1px solid #eee;   padding-bottom: 20px;   color: #999;text-align: center; display: block;}
#newslist ul.newl li .new-img{float:left;padding: 0;overflow:hidden;}
#newslist ul.newl li i{font-style:normal;float: left;font-size: 16px;}
#newslist ul.newl li .new-t{      text-overflow: ellipsis; overflow: hidden;white-space: nowrap;    padding: 8px 0;  font-size: 22px;}
#newslist ul.newl li .time{}
#newslist li p{    color: #666;}
#newslist ul.newl li span{    float: left;color: #666; padding-left: 25px;}
#newslist ul.newl li .new-b{float:left;  padding: 4% 5.5%;}
#newslist ul li .x-more{background:url(../images/bz.png) no-repeat left; padding-left:35px;    margin-top: 25px;}
#newslist ul.newl li img { transition: transform 1.5s;}

#newslist ul.newl li:hover img {transform:scale(1.1);}

.sidebar .sb_box .active .editor div{    text-indent: 2rem;font-size: 16px;}
.sidebar .sb_box .active .editor img{margin:0 auto;}
#flip{ margin-top:20px; text-align: center;   margin-bottom: 3%;}
 #flip a{    border: 1px solid #999;
    padding: 0 5px;
color: #999;}
#imglist li a.img img {
	margin: auto; height: 324px;}
#showimg h1.title {
    font-size: 24px;
    margin-bottom: 30px;
	text-align: center;}
.list-none {
    list-style: none;
    padding: 0px;
	margin: 0px;}
#flip nav{margin-top:0;}
#imglist li h3 {
     padding: 5px 0px 10px;
	font-weight: normal;}
#imglist li {
    float: left;
    display: inline;
	text-align: center;}
#imglist li a.img {
	display: block;}
.metpager_8 span.current{    background-color: #7f0300;    border: 1px solid #7f0300;}
#showimg h1.title{border-bottom:1px solid #eee; font-size: 22px;   padding-bottom: 20px;}
#showimg{margin-top: 2%;}
#searchlist .search_updatetime{    color: #666;}
#searchlist .search_title em{color:#6f1d21;}

/*简介模块*/
.editor h3.title { font-size:30px; text-align:center; border-bottom:none !important;}
.editor h6.subtitle { font-weight:normal; text-align:center; color:#999;}
.editor h6.subtitle::before { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
.editor h6.subtitle::after { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
.ds{width:100%; overflow:hidden; background:url(../images/ab1.jpg);    height: auto; padding-bottom: 6%;}
.ds h4{font-size:30px; color:#fff;   text-align: center; padding: 5% 0;}
h3.btt{    font-size: 30px; text-align: center; padding: 1% 0 3% 0;}
.dst{background:none;}
.dst dl{text-align:center;    margin-bottom: 30px;}
.dst dl dt{     font-size: 22px;font-weight: normal;}
.dst dl dd{margin-top:10px;}
.dst dl dt:nth-child(2){ font-size:16px;padding: 20px 0 20px 0;}
.dst dl dt:nth-child(3){ font-size:16px;padding: 20px 0 20px 0;}
.dst h4{color: #2f2f2f;}
.dst ul li{padding:0;     text-align: center;   margin-bottom: 30px;}
.dst .sj h3,.dst .sj p{color: #2f2f2f;}
.dst .slick-prev{    background: url(../images/q-prev2.png) no-repeat left; width:62px; height: 62px;left: -80px;}
.dst .slick-next{background: url(../images/q-next2.png) no-repeat left;width: 62px; height: 62px;right: -80px;}
.dst .mt-img{float:left;}
dl.fm dd .dtp {-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;box-sizing: border-box;padding: 0 80px;background:url(../images/ab1.jpg);cursor: pointer;      padding: 40px !important;}
dl.fm dd .dbt{margin:40px 0;    display: none;}
dl.fm dd .dtp h3{    color: #fff; font-size: 22px;}
.editor a{text-decoration: none;}
/*联系我们*/
.contactus ul { width:60%; padding:0; float:left; margin-right:3%;}
.contactus li { margin-bottom:10px; padding:20px 0; border-bottom:1px dashed #ccc;}
.contactus .erweima { width:36%; float:left; text-align:center; line-height:1;}
.contactus .erweima .er-img { width:48%; margin:0 1%; float:left;}
.contactus .erweima img { display:block; width:100%;}
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{    width: auto;}
#showimg .smallimg{width:100% !important;}
/*公司简介*/
.profile .honor img { width:33%;}
.ab-x{width:100%; overflow:hidden; background:#f2f2f2;    padding: 4.5% 0;}
.ab-x ul li{color: #fff;padding:0; height:600px; position:relative;transition: all .5s ease;     transition-delay: .1s; }
.ab-x ul li .a-x{position:absolute; bottom:10%; left:8%;    transition: all .5s ease;}
.on-list { width: 59.5%;    transition-delay: .3s;}
.ab-x ul li h3{font-size:30px;font-weight:bold;   transition: all .5s ease;}
.ab-x ul li p{font-size:16px;transition: all .5s ease;}
.ab-x ul li.on-list h3{font-size:46px; }
.ab-x ul li.on-list p{font-size:24px;}
.sj h3{font-size:22px;     padding-bottom:50px;color:#fff;}
.sj p{font-size:16px;color:#fff;    padding-bottom:25px;}
.ds .container{width:1400px; max-width:100%;}
.ds .slick-slide .image{padding: 0 10%;}
.sj .image{    max-height:500px;overflow: auto;}
.sj .image::-webkit-scrollbar { width:8px; background-color:#ededed; margin-top:20px;    border-radius: 8px;}
.sj .image::-webkit-scrollbar-thumb {border:none;width:6px;background-color:#7f0300;    border-radius: 8px;}
.sj .image::-webkit-scrollbar-corner { background-color:#ededed; }
.amain{width:100%; overflow:hidden;background:url(../images/adb.jpg);  padding:6% 0;}
.amain ul li{position:relative;}
.amain ul li:nth-child(1){    padding: 15px;background: #930401;}
.amain ul li h3{    font-size: 30px;color: #fff;padding: 4% 0;}
.amain ul li p{font-size:16px; color:#fff;}
.amain ul li:nth-child(2){    padding: 0 5%;}
a.m-more{color:#fff; background:url(../images/hb.png) no-repeat left; padding-left:35px; font-size:16px;    margin-top: 25px; display: block;}
.abmo{width:100%; background:url(../images/g3.jpg); overflow:hidden;}
.abmo ul{padding-bottom: 30px;}
.abmo .container{padding-top: 5%;}
.abmo p{text-align:center;    padding: 18px 0;}
.abmo .ambt{background:url(../images/m6.jpg) no-repeat; height: 400px;}
.ambt p{color:#fff; font-size: 16px;}
.m-c ul li a{color:#fff;}
.m-c ul li{padding:0; position: relative;    background:#860300;}
.m-c ul li .mct{position: absolute;top: 5%;left: 10%;}
.m-c ul li .mct h3{font-size:22px;padding:12px 0;}
.nfoot{width:100%; overflow:hidden; background:url(../images/nfoot.jpg);    border-bottom: 1px solid #5d4d4d;}
.nfoot ul li .f-img{ float:right;  padding-left: 25px;  }
.nfoot ul li .f-t{float:left;}
.nfoot ul li h3{font-size:22px; color:#fff;line-height:3;     letter-spacing:2px;  writing-mode: tb-rl;float: right;}
.nfoot ul li span{ color:#fff;      letter-spacing: 2px;  writing-mode: tb-rl;    display: block; float: right;}
.nfoot ul li {text-align: center; margin:4% 0 6% 0; height: 370px;  background: url(../images/footer_1.png) no-repeat center left/auto 100%;}
.nfoot ul li a{display: inline-block;color: #fff;text-align: left;}
.nfoot ul li:first-child{background:none;}
.nfoot .f-d h4{color:#fff;}
.mzd{width:100%; overflow:hidden;}
.mzd ul.mzi li{position:relative; padding:0; overflow:hidden;     background: url(../images/mz1.jpg) no-repeat center; background-size:cover;   height: 860px;}
.mzd ul.mzi li .ma{ position:absolute; right:0; width:48%;padding: 11.5% 5%; height:100%;top: 0; background:rgba(191,131,0,0.7);}
.mzd ul.mzi li h3{      padding: 0 20px;   display: inline-block;     line-height: 2;    letter-spacing: 2px;    float: left; writing-mode: tb-rl;  font-size: 16px; color: #fff;height: 412px;}
.mzd ul.mzi li .fl{margin-bottom: 25px;width:100%; padding-bottom: 40px;   padding-left: 45px;    background: url(../images/ind.png) no-repeat center bottom;}
.mzd ul.mzi li span{display: block;font-size:30px; color:#fff; text-align: center;}
.mzd ul.mzi li p{    color: #fff;text-align: center; font-size: 16px;}
.mzd ul.mzi li h5{    font-family: Impact;font-size: 48px; color: #fff; padding-top: 18px;text-align: center;}
.mzd dl{    background:url(../images/g3.jpg); padding:0; overflow:hidden;    height: 860px;}
.mzd .f-d ul li .f-t{    float: none;border-left: none;padding-left: 0;}
.mzd .f-d ul li h3 {padding: 15px;writing-mode: inherit;font-size: 16px;text-align: left;}
.mzd .f-d ul li .f-img{float:none;}
.mzd .f-d ul li span{    display: initial; background:none;}
.f-d ul.mzo li{    margin-top: 1%;}
.mzd .f-d ul li .f-img{}
.mzd .f-d{padding:4% 4%;}
.mzd .f-d ul li .f-img img {padding: 15px;}
.mzd .f-d h4{font-size:30px;    margin-bottom: 8%;}
.mzd .f-d p{font-size:16px; padding-bottom: 20px;}
ul.searchnavlist li{    height: 50px;       width: 250px;  display: inline-block;}
ul.searchnavlist li:nth-child(1),ul.searchnavlist li:nth-child(2),ul.searchnavlist li:nth-child(3),ul.searchnavlist li:nth-child(4){display:none;}
ul.searchnavlist li select	{border: none; padding: 10px;}
#searchword{background:#fff;border: none;    width: 250px;    text-indent: 2rem; height: 50px;line-height: 50px}
#showtext table td img{margin:0 auto;}
a.m-more1{margin-top:0 !important;padding-left:40px;}
.ma-b,.ma-r{padding:0;margin-top: 30px;}
.ma-r ul li{height:275px; color:#fff;    padding-left: 35px;}
.ma-r ul li:nth-child(1){background:url(../images/lxad.jpg) no-repeat center;}
.ma-r ul li:nth-child(2){background:url(../images/adb.jpg);}
.ma-r ul li h3{font-size:22px; padding:30px 0;text-indent: 0;}
.ma-r ul li dd{margin-bottom:10px;text-indent: 0;}
.ma-r ul li a{color:#fff;}
.ma-r dl.adp dd:nth-child(1){background:url(../images/ptel.png) no-repeat left; padding-left: 30px;}
.ma-r dl.adp dd:nth-child(2){background:url(../images/padd.png) no-repeat left;padding-left: 30px; }
.ma-r span{display:block;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}
#foote{ display:none;
    bottom: 0;
    width: 100%; }
.footerbox{ max-width:640px; height:70px; margin:0px auto; position:relative;}
.footerlist{max-width:640px;  height:70px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#014c8d)); position:absolute; left:0px;  }
#foote ul{ display:-webkit-box; }
#foote ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#foote ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 70px; }
#foote .icon{ display:block; margin:0px auto 6px; position:relative; top:13px; width:30px; height:20px; overflow:hidden; background:url(../images/footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#foote .map{ background-position:-83px 0px;}
#foote .message{ background-position:-45px 0px;}
#foote .home{ background-position:-118px 0px;}
#foote .txt{ height:16px; line-height:47px; font-size:12px;}
#foote ul li:nth-child(2),#foote ul li:nth-child(3){display:none;}
#foote .footerlist{ background:-webkit-gradient(linear,0 0,0 100%,from(#1a1a1a),to(#000));}
td.text{font-size:16px;}
td.input .info{    display: none;}
#messagelist{margin-bottom: 3%;}
#messagelist td.input input{width:100%;border: none;background: #fff; height: 40px;line-height: 40px; outline: none;}
#messagelist textarea{width:100%;border: none;background: #fff;}
#messagelist .button{margin:0;    background: #7f0300; border: none;}
.mess h4{font-size:30px; text-align: center;    padding: 4% 0 2% 0;}
#code{width:50% !important;}
/*响应式开始*/
.met_hits{  margin-top: 4%;  height: auto;line-height: 60px;}
@media (max-width: 2560px) and (min-width: 2048px) {
.mzd dl,.mzd ul.mzi li{    height: 950px;}
.mzd ul.mzi li .fl{padding-left: 24%;}
.m-c ul li img{width:100%;}
}
@media (max-width: 1680px) and (min-width: 1440px) {
	.container{width:1280px;}
	.o-box{height: 490px;}	
	.am{height: 490px;}
	.al {margin-top: 50px;}
	.al dl { margin-bottom: 20px;padding-top: 18px}
	.ar {margin-top: 50px;height: 442px;}
	.f-d ul li .f-img{    width: 200px;height: 200px;}
	.f-d ul li .f-img img {padding: 18px;}
	nav ul li {padding: 0 26px 0 26px;}
	.s-nav ul li{    padding: 0 25px 0 25px;}
	.al ul li img{      margin-bottom: 10px;  width: 36px;}
	.al ul li{    padding: 16px 0 16px 0;}
	.slick-initialized .slick-slide h3 span{left: 0;width:95%;    height: 100%;}
	.slick-initialized .slick-slide:hover span{bottom: 0;}
	.mzd .f-d ul li .f-img {width: 170px;height: 170px;}
	.f-d ul li{    padding: 0;}
	.ds .container{    width: 1280px;}
	#newslist ul.newl li .new-b{    padding: 2.8% 5.5%;}
			.dst .slick-next{    right:25px;}
	.dst .slick-prev{left: 25px;}
}
@media (max-width: 1440px) and (min-width: 1366px) {
.mzd dl,.mzd ul.mzi li{height: 728px;}
	.mzd ul.mzi li .ma{    width: 60%;}
	.on-l,.am-l{width:31%;}
	.on-r,.am-r{width:69%;}
	.m-tx {padding-left: 42px;}
	.al ul li img{      margin-bottom: 10px;  width: 32px;}
	.s-nav ul li{    padding: 0 20px 0 20px;}
	nav ul li a{    font-size: 16px;}
	nav ul li { padding: 0 20px 0 20px;}
	.al ul li{    padding: 14px 0 14px 0;}
	.mzd .f-d ul li .f-img{    width: 160px; height: 160px;}
	.f-d ul li{padding:0;}
	.mzd .f-d ul li h3{    font-size: 18px;}
	.ds .container{width: 1200px;}
	.amain ul li p{height: 253px;overflow: hidden;}
.container {width: 1280px;}
.o-box{height: 435px;}
.am{height:435px;}
	.al dl dd a {font-size: 18px;}
	#newslist ul.newl li .new-b{    padding: 3% 5.5%;}
	.al dl dd {margin-bottom: 13px;}
.ar{height:375px;}
.al,.ar {margin-top: 60px;}
.al dl { margin-bottom: 0px;padding-top: 16px;}
.slick-initialized .slick-slide h3 span{     left: 0;height: 100%; width: 94%;}
.slick-initialized .slick-slide:hover span {bottom: 0;}
.f-d ul li .f-img{width: 180px;height: 180px;}
.f-d ul li .f-img img {padding: 15px;}	
	.dst .slick-next{    right:24px; }
	.dst .slick-prev{left: 24px;}	

}
@media (max-width: 1366px) and (min-width: 1200px) {
.mzd ul.mzi li .fl{    padding-left: 23px;}
.f-d ul.mzo li{    margin-top: 6%;}
.mzd ul.mzi li h3{    padding: 0 16px;}
.mzd ul.mzi li .ma{    width: 53%;}
.flexslider .slides .bslid .container {width: 78%;}
	.on-l,.am-l{width:31%;}
	.on-r,.am-r{width:69%;}
	.m-tx {padding-left: 42px;}
	.al ul li img{      margin-bottom: 10px;  width: 32px;}
	.s-nav ul li{    padding: 0 20px 0 20px;}
	nav ul li a{    font-size: 16px;}
	nav ul li { padding: 0 20px 0 20px;}
	.al ul li{    padding: 14px 0 14px 0;}
.container {width: 1200px;}
.o-box{height: 435px;}
.am{height:435px;}
	.al dl dd a {font-size: 18px;}
	.al dl dd {margin-bottom: 13px;}
.ar{height:375px;}
.al,.ar {margin-top: 60px;}
.al dl { margin-bottom: 0px;padding-top: 16px;}
.slick-prev{left:0;}
.slick-next{right:0;}
.slick-initialized .slick-slide h3 span{     left: 0;height: 100%; width: 94%;}
.slick-initialized .slick-slide:hover span {bottom: 0;}
.f-d ul li .f-img{width: 180px;height: 180px;}
.f-d ul li .f-img img {padding: 15px;}
		.dst .slick-next{    right:25px;}
	.dst .slick-prev{left: 25px;}
}
@media (max-width: 1200px) and (min-width: 991px) {
.m-y li .mttt{padding: 0 26px;}
nav ul li {padding: 0 15px 0 15px;}
.s-nav ul li{padding: 0 15px 0 15px;}
nav ul li a{    font-size: 16px;}
	.flexslider .slides > li .f-img {height:600px;}
	.o-box{   height: 350px;}
	.am{    height:465px;}
	.ar{height:100%; margin-top:0;}
	.am-l{height: auto;padding-bottom: 33%;    display: none;}
	.am-r{width:100%;}
	.al {margin-top:10px;}
	.al dl { margin-bottom: 8px;    padding-top: 8px;}
	.slick-initialized .slick-slide h3 span{height: 187px;width: 100%;margin: 0;left: 0;}
	.f-d h4,.mzd .f-d h4{    margin-bottom: 40px;}
	.f-d ul li .f-img{    width:200px !important; height: 200px !important;float: none;margin: 0 auto;}
	.f-d ul li .f-img img {padding: 12px;}
	.f-d ul li .f-t{float:none;}
	.f-d ul li h3{writing-mode: inherit;}
	.slick-initialized .slick-slide:hover span {bottom: 0;}
	.mzd ul.mzi li .ma{ padding: 4% 5%;   height: auto;width:100%;    position: static;}
	.mzd ul.mzi li h3{    writing-mode: inherit;      padding-left: 0;   margin-bottom: 18px;   height: auto;}
	.mzd ul.mzi li h3:nth-child(2){}
	.mzd ul.mzi li h5{    font-size: 36px;}
		.mzd ul.mzi li{width:100%;height: 604px;}
		.mzd ul.mzi li img{width:50%; float:left;}
		.mzd ul.mzi li .ma{width:100%; float:left;     padding: 12% 12%;   height: 100%;}
	.mzd dl{width:100%;    height: auto;}
	.mzd .f-d {padding: 4% 6%;}
	.f-d ul li {margin-top: 2%;}
	.amain ul li p{    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
	.amain ul li:nth-child(2) {padding: 40px 5%;}
	#newslist li p	{    text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
	#newslist ul.newl li .new-b{padding: 3% 4.5%}
	#newslist ul li .x-more{    margin-top: 20px;}
	.slick-prev {left: 0;}
	.slick-next {right:0px;}
	#showproduct .smallimg span.spic{margin-right: 6px; width: 100px;}
	#productlist li{padding: 0 10px;}
	.sidebar .sb_nav dl {margin: 5px 5px;}
	.on-list {width: 66%;}
	.dst .slick-next{    right:14px;}
	.dst .slick-prev{left: 14px;}
.flexslider .slides .bslid .container { width: 73%;}
.flexslider .slides .bslid h2 { font-size: 42px;}
.flexslider .slides .bslid span{font-size:22px;}
}
@media (max-width: 991px) and (min-width: 767px) {
	.search-trigger{display:none;}
nav{display:none;}	
	.head{display:block;}
	.log{display:none;}
	.sidebar .sb_nav .active{display:block !important;}
.top-logo{width:450px;float: left;display: block;max-width:450px;margin-top: 14px;}
header{position: static;height: 112px;    padding: 0;}
.flexslider .slides  li:nth-child(1) .f-img{background-position: -232px !important;}
.flexslider .slides  li:nth-child(2) .f-img{background-position: -500px !important;}
.flexslider .slides  li:nth-child(3) .f-img{background-position: -220px !important;}
.flexslider .slides .bslid{    top: 73%;}
.flexslider .slides .bslid h2{ font-size:48px; text-align:center;}
.flexslider .slides .bslid span{font-size: 26px;text-align: center;}
	ul.flex-direction-nav{display:none;}
	.nav-r{display:none;}
	.o-box{height:300px;padding-right: 0;}
	.on-r{    height:100%; }
	.on-l{}
	.am-l{ }
	.al h3{font-size: 22px;}
	.al dl dd a {font-size: 16px;}
	.al dl dd{    float: left; margin-right: 45px;}
	.m-tx { padding-left: 15px;}
	.al { margin-top: 32px;}
	.al dl {margin-bottom: 0px;padding-top: 19px;}
	.al ul li img{width: 27px;margin-bottom: 10px;}
	.al ul li{    padding: 18px 0 18px 0;}
	.new ul li h3{     line-height: 1.4;   font-size: 18px;}
	.am{    height: 300px;padding-right: 0;}
	.am-r .ar {padding-right: 0;    display: none;}
	.ar { margin-top: 0;}
	.fw-b {padding-right: 0;}
	.slick-initialized .slick-slide h3 span { bottom: -100%;padding: 20% 0;display: block;position: absolute; width: 100%;margin: 0;left: 0;
	background: #7f0300;height: auto;text-align: center; transition: .3s all ease;}
	.slick-prev {left: 0;}
	.slick-next {right: 0;}
	.slick-initialized .slick-slide:hover span{    bottom: 0;}
	.slick-initialized .slick-slide h3 span h4 {font-size: 22px;}
	.new,footer{padding-right: 0;}
	.new ul li{    margin-bottom: 20px;}
	.f-d{    padding: 40px 0px 40px 0px;}
	.f-d h4,.mzd .f-d h4{    margin-bottom: 40px;}
	.f-d ul li .f-img{    width:150px !important; height: 150px !important;float: none;margin: 0 auto;}
	.f-d ul li .f-img img {padding: 12px;}
	.f-d ul li .f-t{float:none;}
	.f-d ul li h3{writing-mode: inherit;}
	.m-top{display: none;}
	.mzd ul.mzi li .ma{     padding: 37% 14%; width:100%;    position: static;}
	.mzd ul.mzi li h3{    writing-mode: inherit;      padding-left: 0;   margin-bottom: 18px;   height: auto;}
	.mzd ul.mzi li h3:nth-child(2){}
	.mzd ul.mzi li h5{    font-size: 36px;}
	.mzd ul.mzi li .fl{     padding-left: 0;  }
.amain ul li p		{    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.m-c ul li .mct{left: 7%;}
.nfoot ul li{    height: 446px;}
#newslist ul.newl li .new-b {float: left;padding: 1% 3.5%;}
#newslist ul.newl li .new-t{font-size: 18px;}
#newslist ul li .x-more{    margin-top: 8px;}
	.mzd ul.mzi li,.mzd dl{height: 810px;}
.mzd .f-d ul li h3{    font-size: 16px;}
.f-d ul li span {font-size: 22px;}
	.s-nav{    display: none;}
.mzd .f-d ul li{padding: 0;    margin-top: 0;}
#newslist li p{font-size: 16px;    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
#shownews h1{font-size: 16px;}
.sidebar .sb_nav dl{    margin-bottom: 10px;}
#showproduct .pshow dt {width: 100% !important;}
#showproduct .pshow dd {width: 100% !important;}
#showproduct .smallimg span.spic{    margin-right: 6px; width: 66px;}
#showproduct .pshow dd ul {margin: 30px 0px;}
#showproduct .ctitle {font-size: 22px;}
  table td{ text-align: center;   width: 100% !important; float: left; padding: 10px 0 !important;}
td.text{text-align:left;}
	.dst .slick-prev{    left: 0;}
	.dst .slick-next{right: 0;}
}
@media screen and (max-width: 767px) {
	.head{display:block;}
	.log{display:none;}
	.search-trigger{display:none;}
nav{display:none;}	
.flexslider .slides .bslid{top: 70%;}
	.sidebar .sb_nav .active{display:block !important;}
.top-logo{width: 230px;float: left;display: block;max-width:230px;margin-top: 14px;}
header{position: static;height: 70px;    padding: 0;}
.top-logo img.img2{display:block;top: 11.5px;}
.flexslider .slides > li .f-img{height:100vh;}
.flexslider .slides li:nth-child(1) .f-img{background-position: -206px !important;}
.flexslider .slides li:nth-child(2) .f-img{background-position: -358px !important;}
.flexslider .slides li:nth-child(3) .f-img{background-position: -176px !important;}
	ul.flex-direction-nav{display:none;}
	.nav-r{display:none;}
	.o-box{ height: auto;padding-right: 0;}
	.on-r{    height: auto;padding-bottom: 60%;}
	.on-l{height:300px;}
	.am-l{    height: auto; padding-bottom: 94%;}
	.m-tx { padding-left: 15px;}
	.al { margin-top: 30px;}
	.am{height:auto;}
	.am-r .ar {padding-right: 0;}
	.ar { margin-top: 0;    height: auto;padding-bottom: 71%;}
	.fw-b {padding-right: 0;}
	.slick-initialized .slick-slide h3 span { bottom: -100%;padding: 20% 0;display: block;position: absolute; width: 100%;margin: 0;left: 0;
	background: #7f0300;height: auto;text-align: center; transition: .3s all ease;}
	.slick-prev {left: 0;}
	.slick-next {right: 0;}
	.slick-initialized .slick-slide:hover span{    bottom: 0;}
	.slick-initialized .slick-slide h3 span h4 {font-size: 22px;}
	.new,footer,.am{padding-right: 0;}
	.new ul li{    margin-bottom: 20px;}
	.f-d{    padding: 40px 0px 40px 0px;}
	.f-d h4,.mzd .f-d h4{    margin-bottom: 40px;}
	.f-d ul li .f-img{    width:130px !important; height: 130px !important;float: none;margin: 0 auto;}
	.f-d ul li .f-img img {padding: 12px;}
	.f-d ul li .f-t{float:none;}
	.f-d ul li h3{writing-mode: inherit;}
	.m-top{display: none;}
	.mzd ul.mzi li .ma{    height: auto;width:100%;    position: static;}
	.mzd ul.mzi li h3{    writing-mode: inherit;      padding-left: 0;   margin-bottom: 18px;   height: auto;}
	.mzd ul.mzi li h3:nth-child(2){display:none;}
	.mzd ul.mzi li h5{    font-size: 36px;}
	.mzd ul.mzi li span{    font-size: 24px;}
	.mzd ul.mzi li .fl{     padding-left: 0;   padding-bottom: 16px;}
	.mzd ul.mzi li,.mzd dl{height: auto;}
.mzd .f-d ul li h3{    font-size: 16px;}
.f-d ul li span {font-size: 22px;}
	.s-nav{    display: none;}
.mzd .f-d ul li{padding: 0;}
#newslist li p{font-size: 16px;    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
#shownews h1{font-size: 16px;}
.sidebar .sb_nav dl{    margin-bottom: 10px;}
#showproduct .pshow dt {width: 100% !important;}
#showproduct .pshow dd {width: 100% !important;}
#showproduct .smallimg span.spic{    margin-right: 6px; width: 66px;}
#showproduct .pshow dd ul {margin: 30px 0px;}
#showproduct .ctitle {font-size: 22px;}
	td.text{text-align:left;}
  table td{    width: 100% !important; float: left; padding: 10px 0 !important;    text-indent: 0;}
	#imglist li{width:100% !important;}
	#flip{margin-bottom: 30px;}
	.dst .slick-slide .image{padding: 0 2%;}
	.dst .slick-prev{    width: 32px; height: 32px;left: -9px; background-size: 32px;}
	.dst .slick-next{   width: 32px; height: 32px;right: -9px; background-size: 32px;}
	table.jz td{float:none;padding: 10px !important;width: 33.3333% !important;}
	dl.fm dd .dtp{padding: 20px 20px 20px 0px !important;}
	dl.fm dd .dtp h3{    font-size: 18px;}
	h3.btt{padding:1% 0 30px 0;}
.flexslider .slides .bslid h2{ font-size:26px; text-align:center;}
.flexslider .slides .bslid span{font-size: 16px;text-align: center;}
}
@media screen and (max-width:414px) {
.flexslider .slides li:nth-child(1) .f-img {background-position: -320px !important;}
}
@media (max-width: 375px) and (min-width: 320px) {
.flexslider .slides li:nth-child(1) .f-img{background-position: -206px !important;}

}