﻿
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -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:#000; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block; margin: 0 auto;}
.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%;}
.show-img {width: 100%;background: #000}
.show-img img{ width:100%;}
.fdi{position: fixed;
    right: 0;
    bottom: 3%;
    z-index: 99;}
/*头部*/
header{ width:100%; position:absolute;top: 0;    background-color: #000; line-height: 90px; height: 90px;  transition: all .3s ease;    z-index: 100; }
header .container{display: table;  width: 100%;       padding: 0 80px;  margin: 0 auto; height: 100%;}
header .la-x{float:right;}
header .la-x a{display:block;background:url(https://kuaiwang.net.cn/template/pc/skin/images/lan.png) no-repeat left; background-size:28px 28px;    padding-left: 40px; color:#fff; font-size:16px;}
header.hover-animate {  position: fixed;top: 0}

.top-logo{float: left;top: 25px;  position: relative;    z-index: 10;   max-width: 160px; }

.met_flash img{width:100%;}
.search {margin-top:43px;}
.r-c{     cursor: pointer;  float:right;    }
.r-c span.Tmenu_icon { cursor: pointer; margin-left: 25px;position: relative;display: inline-block; width: 45px; height: 45px;line-height: 45px;
 vertical-align: middle;z-index: 4;}
.r-c span i {    position: absolute; width: 65%;background: #b6b6b6;height: 1px;margin-top: -1.5px;left: 25%;top: 50%;}
.r-c span i::before { position: absolute; background: #b6b6b6;right: 0; width: 100%; height: 100%;
content: '';transition: transform 0.3s;top: 9px;}
.r-c span i::after {position: absolute; background: #b6b6b6; right: 0;width: 100%; height: 100%; content: '';transition: transform 0.3s;top: -9px;}
.r-c img{    margin: 34px auto;}
.r-h{display:none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 998;background-color: rgba(0, 0, 0, .7);transition: .3s; cursor: pointer;}
.r-ct{     padding: 50px 60px;   position: fixed;top: 0;right:-100%;width:100%;height: 100%; background:#000;background-size:cover; z-index: 999;transition: .5s cubic-bezier(.77,0,.175,1); overflow: auto;}
.r-ct.r-co{right:0;}
.r-ct h5{   margin-top: 10%; color: #fff;  position: relative;padding-left: 45px;    padding-bottom: 0;margin-bottom: 20px;font-size: 22px;}
.r-ct h5::before { content: '';width: 30px;height: 3px;border-radius: 4px; background-color: #a50010; display: block;position: absolute;top: 17px;left: 0;}
.r-ct h5::after { content: '';width: 15px;height: 3px; border-radius: 4px;background-color: #a50010;display: block;position: absolute;top: 9px;left: 15px;}
.cha{width: 100%;height: 25px; cursor: pointer;}
.cha img{    float: right;}
.r-l img{margin:0 auto;}
.r-ct .cl ul li{margin-top: 10px;text-align:center;}
.r-ct .cl ul li dl{ display:none;}
.r-ct .cl ul li:hover a{color:#fff;}
.r-ct .cl ul li a{   color: #888;  font-size: 36px; font-weight: bold;padding: 20px 0;}
.r-h.r-o{display:block;visibility: visible}
.r-ct .cl{}
.r-ct .container .r-b{position: absolute;width:100%;top: 25%;  left: 0;}
.r-ct .cr h3{font-size:24px; color:#fff;font-weight: bold;}
.r-ct .cr p{    font-size: 15px;color: #888;}
.r-ct .cr h4{font-size: 30px;font-weight: bold;color: #fff; padding-top: 25px;    padding-bottom: 25px;}
.r-ct .cr ul li{ font-siz:15px; color:#888;   margin-bottom: 8px;padding-left: 20px;}
.r-ct .cr ul li:nth-child(1){ background:url(../image/add.png) no-repeat left;}
.r-ct .cr ul li:nth-child(2){ background:url(../image/tell.png) no-repeat left;}
.r-ct .cr ul li:nth-child(3){ background:url(../image/ph.png) no-repeat left;}
.r-ct .cr ul li:nth-child(4){ background:url(../image/time.png) no-repeat left;}
.r-ct .cr{    padding: 0 12%;    border-left: 1px solid #292929;}
.r-ct .cr .wx .wimg{ float:left;}
.r-ct .cr .wx .wxt{float: left;  padding-top:7%;  margin-left: 22px;}
.r-ct .cr .wx .wxt h3{    font-size: 24px;color: #888;font-weight: bold;}
.r-ct .cr .wx .wxt  a{    margin-top: 15px;display: block;width: 150px;height: 44px;line-height: 44px;color: #000;background: #fff; border-radius: 8px;text-align: center;}
.r-ct .cr .wx .wxt  a:hover{background: #a50010; color:#fff;}
/*导航*/
nav ul li{  transition: all .3s ease;      width: 170px;      display: inline-block;text-align: center; position:relative;}
nav ul li:hover{}
header nav ul li:hover a{color:#fff;}
nav ul li a{ display: block;color:#b6b6b6;font-size: 16px;}
nav ul li dl.header-mulu{     transition: .3s all ease;     background: #fff;      display: none !important;  padding-top: 8px;    position: absolute;top: 90px;z-index: 9;width: 100%;left: 0;}
nav ul li:hover dl.header-mulu{display:block;}
nav ul li dl.header-mulu dd a{color:#888;}
nav ul li dl dd a{ font-size: 15px;    color: #666;line-height: 1.3;margin: 20px 0;display: block;}
nav ul div{float:left;}
nav ul li dl dd a:hover{color:#a50010;}
/*nav ul li:hover dl{ opacity:1;}*/
.hover-animate nav ul li dl.header-mulu a{color:#888;}
.hover-animate nav ul li dl.header-mulu dd a:hover{color:#a50010;}
.hover-animate nav ul li:hover a{}
nav{margin: 0 auto; text-align: center; }
.hover-animate  .la-x a{ background:url(https://kuaiwang.net.cn/template/pc/skin/images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }

.flexslider .slides > li .f-img{overflow: hidden;height:100vh; width: 100%;}
.flexslider .slides .bslid{position:absolute;text-align: left; top: 39%;width:100%;color:#fff;}
.flexslider .slides .bslid h2{    text-align: center;font-size:54px;font-weight: 600; animation-delay: .1s;   padding-bottom: 2%;}
.flexslider .slides .bslid h2 i{font-style:normal; border-bottom:4px solid #fff;padding-bottom: 25px;}
.flexslider .slides .bslid span{text-align: center;animation-delay: .2s; display:block;font-size:18px; padding-top: 25px;   FONT-WEIGHT: BOLD;}
.flexslider .slides .bslid h3 a{    display: block;
    text-align: center;
    background: #a50010;
    /* padding: 1% 1%; */
    width: 21%;
    font-size: 24px;
    margin: 22px auto;
    line-height: 50px;
    color: #fff;}
.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;}
.bannerbox{width:100%; overflow:hidden;}
.flexslider .slides > li:nth-child(2) .bslid h2{text-align: left;}
.flexslider .slides > li:nth-child(2) .bslid span{text-align: left;}
/*导航按钮*/
.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:#222;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:16px 12px 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: #999; 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;}

/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 
/*标题*/
.pto{margin:8% 0 4%;      position: relative;  float: left;width: 100%;}
.pt{color: #878787; float: left;    line-height: 1.3;}
.pto span{     position: absolute;right: 0;bottom: 23px;}
.pto span a{ font-size:16px; color:#000; display: block; border-bottom: 1px solid #000; padding-bottom: 10px; transition: all .5s ease;}
.pto span:hover a{background:#a50010; color:#fff;padding: 10px 10px 10px 10px; border-bottom: 1px solid #a50010;}
.pt h3{    font-size: 24px;color: #888;FONT-WEIGHT: BOLD;}
.pt h3 i{font-style:normal;border-bottom:2px solid #045215;padding-bottom:25px;}
 .pt p{ font-size: 58px;color: #000;font-family: Arial;letter-spacing: 1;    font-weight: bold;}
.pto dl{ position: absolute;right: 0;bottom: 23px;}
.pto dl dd{display:inline-block; text-align: center; padding: 0 20px;}
.pto dl dd a{ font-size: 16px;}
.pto dl dd a:hover{ color:#a50010;}
/*关于*/
.as{ width:100%; overflow: hidden; }
.as ul li {  padding: 4.5% 3.5% 6%; color:#fff;}
.as ul li:nth-child(1){background:#a1a1a1;}
.as ul li:nth-child(2){background:#a50010;}
.as ul li:nth-child(3){background:#000;}
.as ul li:nth-child(3){margin-bottom:0;}
.as ul li .xh{ font-size:65px; font-family: "Impact";     line-height: 1;        letter-spacing: 2;}
.as ul li .wz h3{font-size:16px;    padding-top: 24px;}
.as ul li .wz span{display:block; font-size:22px;    font-weight: bold; padding-top: 16px;  }
.as ul li .wz p{font-size:16px; color:#d9d9d9; padding-top: 10px;}
.as ul li .wz p a{ color:#d9d9d9;}

.a-s{width:100%; overflow:hidden; background:#fff;}
.a-s ul li{ text-align:center;}
.a-s ul li img{margin:0 auto;}
.a-s ul li h3{font-size:20px;    padding-top: 20px; }
.a-s ul li p{ color:#888; padding-top:10px;}
.produ{width:100%; overflow:hidden; }
.produ ul li{padding:0; overflow: hidden; position: relative;  /*  min-height: 425px;  */  background: #000;}
.produ ul li img{ width:100%;}
.produ ul li .line{width:80px; height: 3px; background:#fff; margin: 16px 0; transition: .5s all ease;}
.produ ul li:hover .line{width:130px;}
.produ ul li .pr-logo{   content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s; transition: all .5s ease 0s;opacity: 1;      background: rgba(0,0,0,0.2);  padding: 15% 0;}
.produ ul li .pr-logo h5{font-size: 24px; color: #fff; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.produ ul li:hover .pr-logo {background:none;}
.produ ul li .pr-logo span:hover{background:#181818; border:1px solid #181818;}
/*.produ ul li .pr-img{width:100%; height:100%; position:absolute; top:0; left:0;}*/
.produ ul li .pr-logo span{     width: 150px;   transition: all .5s ease;display:none;}
.produ ul li .pr-d{ position:absolute;   bottom: 6%;left: 10%;}
.about {width:100%; overflow:hidden; background:url(../image/about.jpg) no-repeat center; background-size:cover;    padding: 8% 0;}
.about h3{ font-size:24px; color:#000; text-align: center;font-weight: bold;}
.about p{ font-size:15px; color:#888; text-align: center;    width: 78%;margin: 30px auto;}
.about a{display: block; width: 140px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #000; color:#000; font-size: 15px; margin: 0 auto; transition: .5s all ease;}
a.amore:hover{ background:#a50010; color:#fff; border: 1px solid #a50010;}


.ybox{ background: url(../image/cuo.jpg); width:100%; overflow:hidden;     position: relative;height: 74vh; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 11;}
.ybox ul{   margin-top: 10%; }
.ybox li{ color:#fff; }
.ybox ul li h5{ font-size:110px; color:#fff;     letter-spacing: 3px;   font-family: "Impact";}
.ybox ul li p.zl{ color:#fff; font-size:16px; }
.ybox ul li p{ font-size:15px;     color:#b6b6b6;padding-top: 8px;}
.ybox ul li dl dd{ display:inline-block;    margin: 20px; text-align: center;}
.ybox ul li dl{margin-top:30px;}
.ybox ul li dl dd img{margin:0 auto;    opacity: .8;}
.ybox ul li.ybb{ float:right;}
.ybox ul li dl dd h3{ font-size:16px;  color:#b6b6b6;  padding-top: 18px;}
a.ymore{ text-align:center; width: 148px; height: 45px; line-height: 45px; font-size:15px; background:#fff;  transition: .5s all ease; margin: 25% 0;float: right; display: block;}
a.ymore:hover{background:#a50010; color:#fff;}

.a-c{width:100%; background: #e9e9e9; padding-bottom: 5%;}
.a-c .pto{margin: 0 0 2%;}
.ggb{ width:100%; overflow: hidden;padding: 5% 0;}
/*表单*/
.zlx .zt{ padding: 12% 0;}
.zlx .zt p{font-size:36px; color:#fff; text-align: center;padding-bottom: 20px;}
a.zmore{ text-align:center; width: 148px; height: 45px; line-height: 45px; font-size:15px; border: 1px solid #fff;  transition: .5s all ease; margin: 0 auto;display: block;}
a.zmore:hover{background:#a50010; color:#fff;}
.button{    background: rgba(255,255,255,0.3);color:#fff;display:block;font-size:16px;margin:0px auto 0;padding:10px;text-align:center;text-decoration:none;width:180px;    border: none;border-radius: 0; height: 60px;text-shadow: none;box-shadow: none;}
.orange:hover{background:#a50010;}
.zlx{ width:100%;overflow:hidden;   background:url(../image/ly.jpg) no-repeat #e9e9e9; background-size:cover; }
.zlx .container{padding:5% 0;}
.zlx td.text{  padding:6px 5px 6px 0px; text-align:left; font-size:16px; font-weight:bold;}
.zlx td.input{ width:86%; float:left; overflow:hidden; position:relative;}
.zlx td.input input{color: #fff; margin-right:8px; width:100%; outline:none;    background: none; border: none; border-bottom:1px solid rgba(255,255,255,0.3); border-radius: inherit;text-shadow: none;}
.zlx td.input .info{ padding-left:15px; color:#f00;}
.zlx td.input img{ position:relative; bottom:1px;    float: right;    max-width: 100px;}
.zlx td.submint{ width:100%;}
.zlx tbody tr{float:left;width:50%;margin-bottom: 25px;}
.zlx tbody tr:nth-child(4),.zlx tbody tr:nth-child(5){ width:100%;}
.zlx tbody tr:nth-child(3) {width:100%;}
.zlx tbody tr:nth-child(3) td.input {width:92%;}
.zlx tbody tr:nth-child(4) td.input {width:100%;}
.zlx tbody tr:nth-child(4) td.input textarea{height: 72px; color: #fff;   outline: none !important; background: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.3); border-radius: inherit;text-shadow: none;    width: 100%;}
.zlx #messagetable tbody tr:nth-child(6){ width:100%; margin-bottom:0px;}
.zlx tbody part118{ width:100%;}
.zlx .code{ width:75% !important;}
.zlx tbody tr:first-child{ width:48%; margin-right:2%;}
/*留言*/
.zlx .fd-b{    padding:4%; width: 45%;    background: rgba(165,0,16,0.85);float:right;}
.zlx td.input .info{ display:none;    position: absolute; right: 12px;bottom: 5px; }
.zlx td.text{ color:#fff;font-weight:normal;    float: left;}
.zlx tbody tr:nth-child(6) td.text{float:none;}
.zlx .fd-b h4{ width:100%; color:white; font-size:36px; text-align:center;    padding-bottom: 30px;}
.zlx .fd-b p{ font-size:16px; color:white; width:100%; text-align:center;}
.zlx .fd-b .line{ width:30%; margin:13px auto;border-bottom:1px solid #dcdcdc;}

.ly{ width:100%; overflow: hidden; background:url(../image/ly.jpg) no-repeat center; background-size:cover; height: 600px;}
.ly ul li{position:relative;}
.ly ul li .for{position:absolute; width: 100%; height: 100%; background: #a50010;}


.a-b{ background:#fff;    padding: 4%;      position: relative; z-index: 12;  margin: -120px 120px 0;}
 .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: #a50010;
 z-index: 20;-webkit-transition: all 0.3s;transition: all 0.4s;}
  .p-ti .frt{width:240px;  position:absolute;   margin-top: 16px; height:65px; border:1px solid #999; text-align:center; }
 .p-ti .frt:hover:after { transform: scale3d(1,1,1);opacity: 1;}
  .p-ti .frt:hover a{color:#fff;}
   .p-ti .mt{position: relative;width: 240px;}

.yq{ width:100%; overflow:hidden;  }

.ab-n{width:100%; overflow:hidden; background:url(https://kuaiwang.net.cn/template/pc/skin/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;}

.my-map { margin: 0 auto; width:100%; height: 500px; margin-top: 5%;}
		.my-map .icon {    width: 50px;height: 50px; background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-flg { height: 32px; width: 29px; }
		.my-map .icon-flg-red { background-position: -65px -5px; }
		.amap-container{height: 100%;}
.new-bo li .time{width:78px;  overflow: hidden;}
.new-bo li i{ font-style:normal;     color: #999;padding-top: 15px; display: block;}
.new-bo li span{ font-size:28px; color:#999;     letter-spacing: 0;   text-align: right; width: 100%;white-space: nowrap;  text-indent: -331px;  display: block;overflow: hidden;}
.new-bo li .new-t{font-size:18px;padding: 6px 0 14px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.new-bo li p{color:#999;}
.new-bo li{    overflow: hidden;    position: relative;  padding:1.5%;}
.new-bo .new-img{ overflow: hidden;transition: .3s all ease;}
.new-bo .new-img img { display:block; transform:scale(1,1); transition:0.8s;}
.new-bo li:hover .new-img img { transform:scale(1.2,1.2);}

/*首页*/
.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;}
/*产品中心*/
.yq ul li{position:relative; overflow: hidden; color:#fff;    height: 32rem;}
.yq ul li.item1{background:url(https://kuaiwang.net.cn/template/pc/skin/images/d1.jpg) no-repeat  center; background-size:cover;}
.yq ul li.item2{background:url(https://kuaiwang.net.cn/template/pc/skin/images/d2.jpg) no-repeat  center; background-size:cover;}
.yq ul li.item3{background:url(https://kuaiwang.net.cn/template/pc/skin/images/d3.jpg) no-repeat  center; background-size:cover;}
.yq ul li p{ font-family: "Impact"; font-size:100px;    line-height: 1.6;}
.yq ul li span{font-size:46px;    font-weight: bold}
.yq ul li .fl-x .container{position:relative;}
.yq ul li .fl-x{position:absolute; width:100%; height: 100%; left:0; top:0;  display: flex;flex-wrap: wrap;align-items: center;     z-index: 10;}
.yq ul li .fl-b{transition: .3s all ease; background: rgba(0,0,0,.4);position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:9; }
.yq ul li.item1 .fl-t,.yq ul li.item3 .fl-t{text-align: right;}
.yq ul li:hover .fl-b{left:-100%;    background: rgba(0,0,0,.2);}
.yq ul li i{display:block; width: 120px; height:2px; background:#a50010;}

.yq ul li p:after {content: '';display: block;width: 60px;height: 1px;background: rgba(255,255,255,.5);position: absolute;top: 61%;right: 18px;}
.yq ul li.item2 p:after{left: 18px;}
.yq ul li:hover p:after {width: 300px;}
/*产品*/
.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(https://kuaiwang.net.cn/template/pc/skin/images/next_icon.png) no-repeat center;}
.index-product .prev{ left:-64px; background:url(https://kuaiwang.net.cn/template/pc/skin/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(https://kuaiwang.net.cn/template/pc/skin/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(../image/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;}
.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:94.8%; margin:0 12px;background: rgba(34,102,51,0.8);height: 100%;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:24px; 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: 0;}
.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;border: 1px solid #fff; line-height: 40px;color: #fff;margin:30px auto;}
.slick-slide .po-mo:hover{background:#004511; color:#fff; border:1px solid #004511;}
/* Arrows */
.slick-prev, .slick-next {    opacity: .5; 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("../image/q-prev.png") no-repeat left; width: 20px; height:36px;}
.slick-next { right: 40px; background: url("../image/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: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.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; }

.slick-slide .image{padding:10px;}

.slick-slide img.slick-loading{border:0 }
.slick-slider{}
/*底部*/ 
.ku{ width:100%; overflow:hidden; background:#e9e9e9; padding:2.5% 0;}
footer{width:100%;  overflow:hidden;   }
.fo-b{background:#111;    padding: 5% 0;}
.fo-b h4{ font-size:30px; color:#fff;    font-weight: bold;font-family: Arial;}
.fo-b h3{ color:#b6b6b6;  font-size: 18px;}
footer .dn ul li{color: #888;     margin-bottom: 4px;   padding-left: 20px;}
footer .dn ul li:nth-child(1){ background:url(../image/add.png) no-repeat left;}
footer .dn ul li:nth-child(2){ background:url(../image/tell.png) no-repeat left;}
footer .dn ul li:nth-child(3){ background:url(../image/ph.png) no-repeat left;}
footer ul li a{font-size:14px;color: #888;}
footer ul li:hover a{color:#fff;}
footer dl dd a{color:#888; display: block; padding: 10px 10px 0 0; }
footer ul li.line{    width: 1px;height: 10px; background:#333;}
footer .d-nav{ }
footer .d-nav h2{ font-size:16px; color:#fff; font-weight: bold;}
footer .d-nav i{ font-style:normal; color:#888;    padding-bottom: 15px;display: block;}
footer .dny ul li{color: #888;     margin-bottom: 4px;  }
footer .dny ul li dl{ display: none;}
 .wx img{ float:left; max-width: 140px; margin:20px auto;}
footer .wx .mtel{ color:#fff; font-size:30px; float: right;font-weight: bold;}
footer .md{color: #888;}
footer .md div{padding-bottom:10px;}
footer .md a{color: #888;}
footer p a img{margin: 20px auto 40px;}
/*右侧漂浮菜单*/
.righto{position: fixed;right: -50px;top: 50%;margin-top: -102px;z-index: 30;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.righto.act{right: 0;}
.righto .ul1{width: 50px;}
.righto .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} 
.righto .ul1 li{cursor: pointer;margin-bottom: 1px;position: relative;}
.righto .ul1 li .img{display: block;width: 50px;height: 50px;background: #000;position: relative;right: 0; border-radius: 3px;}
.righto .ul1 li .img img{display: block;width: 100%;}
.righto .ul1 li .cla{position: absolute;top: 0;right: -160px; width: 160px;height: 50px; line-height: 50px;background: #f5f5f5;color: #a50010;font-size: 20px;overflow: hidden;text-align: center;z-index: 2;}
.righto .ul1 li.dh:hover .img{right: 160px;}
.righto .ul1 li.dh:hover .cla{right: 0;}
.righto .ul1 li .ewm{width: 100px;position: absolute;top: 0;right: -100px;z-index: -1;}
.righto .ul1 li:hover .ewm{right: 45px;}
/*右侧漂浮菜单 end


/*内页侧栏*/
#showproduct .pshow dd li span{      color: #333;  font-size: 16px;}
#showimg .imgshow img{ margin:0 auto;}
.sidebar { }
.sidebar .sb_nav{  background: #fff; }
.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center;   position: absolute; margin-top: -100px;    max-width: 100%;}
.sidebar .sb_nav dl{       float:left; margin: 0 30px 0 0;  position:relative;}
.sidebar .sb_nav dl dt {      }
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover{ color:#fff;}
.sidebar .sb_nav dl dt a{    padding-bottom: 10px; font-size:16px;color:#888;      font-weight: bold;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ color:#fff;}
.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;}
#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(https://kuaiwang.net.cn/template/pc/skin/images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
/*产品列表*/
#productlist li{ }
#imglist li h3 a{ font-size:16px;}
#imglist li:hover h3 a{color:#a50010;}
#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;}
#productlist li {   }
#productlist li .fl-x {width: 100%;position: absolute;left: 50%;top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10;}
#productlist li .container {position: relative;}
#productlist li .fl-t{ text-align: left;}  
#productlist li p {    position: relative;font-family: "Impact";font-size: 130px;line-height: 1;    padding-bottom: 20px;}
#productlist li p:after {content: '';display: block;width: 0px;height: 1px;background: rgba(255,255,255,.5);position: absolute;top:50%;left:148px; transition: .5s all ease;}
#productlist li :hover p:after {width: 100px;}
#productlist li span {font-size: 46px;font-weight: bold;}
#productlist li .fl-b{transition: .3s all ease; background: rgba(0,0,0,.23);position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:9; }
#productlist li .pm-img{position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:8;}
#productlist li a{color:#fff;}
#productlist li i{display: block;font-style: normal; font-size: 16px;    padding-top: 20px;    width: 56%;}
#imglist li{    transition: .3s all ease; width:33.33333333% !important; height:auto !important;     margin: 0 !important;overflow:hidden;     padding:20px 20px 0 20px;; }

#productlist {padding: 0px;    background: #191919;}
#showimg {padding: 0 15px 0;}
.metpager_8 span.disabled{   color: #888; border: 1px solid #888;}
.jaj{margin-top: -135px;position: absolute;width: 100%;}
.jaj .jab{background: #000;    padding: 4% 5%;}
.jaj .jtt{ border-right:1px solid #232323;}
.jaj dl{ float:right;}
.jaj dl dd{ padding-bottom:15px;letter-spacing: 1px; font-size: 15px;}
.jaj dl dd a{color:#888;}
#id1_1 a{    margin-top: 10px;display: block;line-height: 45px; height: 45px;width: 150px;text-align: center;border: 1px solid rgba(255,255,255,.4);border-radius: 100px;color: #FFF;opacity: .6;    text-indent: 30px;background: url(../image/hj.png) 21% center no-repeat;}
#id1_1 a:hover {background: url(../image/hj1.png) 21% center no-repeat #fff;opacity: 1;color: #000;}
.jaj h4{ font-size:24px; color:#fff;    padding-top: 12px; font-weight: bold;    border-bottom: 1px solid #232323;padding-bottom: 12px;}
.jaj h3{ font-size:30px; color:#888;font-weight: bold;    padding-top: 20px;}
.po-b {width:100%; background: #111;}
/*产品内容页*/
.met_page a{ color:#fff !important;position: relative;}
.new-box{width:100%;     background: #111;overflow:hidden;}
.new-bj.new-bk{padding-bottom: 4%; }
.new-bj{width: 92%;border-radius: 6px; background:#fff;   margin: 0 auto 40px;}
#newslist {padding-top: 4%;    padding-bottom: 2%;}
#shownews{      padding: 0;  background: #191919;}
#newslist ul.new-bo li{   padding: 1.5%;}
#showproduct .editor{    padding: 0;}
#showproduct{       padding: 11% 10px 0;}
#showproduct .editor div img{display: initial;}
.editor div{font-size:16px;}
.xit .x-to h4{font-size:42px;text-align: center;}
h3.in-t{font-size:36px;    text-align: center; color:#fff;    padding-bottom: 5%;}
h3.in-t i{border-bottom:2px solid #045215;padding-bottom:25px; font-style: normal;}
#showproduct 
#showproduct h1.title {color: #333;margin-bottom: 30px; font-size:36px;    margin-top: 10px; font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt {    width: 50% !important;}
#showproduct #imgqwe { display:block; float:left; width:100%;    border: 1px solid #e5e5e5;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important; float:right; margin:0; max-height:693px; overflow:auto;}
#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: inline-block;margin-top: 20px; width: 120px; border: 1px solid #ccc;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd {    width:45% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#metinfo_additional{display:none;}
#thumblist li .zoomThumbActive img{    border: 2px solid #045215 !important;}
#showproduct .pshow dd li{border-bottom:none;font-size: 16px;color: #878787;    }
a.x-more{width:180px; font-size:16px;   margin-top: 30px; height: 50px; background:#045215; display: block; line-height:50px; text-align: center; color: #fff;}
#showproduct .ctitle {      display: none;  font-weight: bold;color: #324373; font-size:36px;border-bottom:none; margin:40px 0px 0px; padding:0px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #c2000b; 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{}
/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 5%;padding: 0;  }
#imglist{margin-top:2%;}
#shownews h1{border:none; font-size: 28px;   padding:4% 0 1.5% 0;margin:0;}
.met_page{    padding-bottom: 4%;color: #fff;}
#shownews .n-time{ margin-bottom: 2%; border-bottom: 1px solid #eee;   padding-bottom: 20px;   color: #999;text-align: center; display: block;}
.new .new-b {height: auto;padding-top: 8%;margin: 0 auto;transition: color .5s;    padding-left: 20px;}
.new .new-b .time { font-size: 16px; line-height: 16px; color: #666;   zoom: 1;}
.new .new-b .time span {float: right;}
.new .new-b .time i {float: left; font-style:normal;}
.new .new-b .new-t {font-size: 18px;line-height: 40px;height:66px;color: #666;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-top: 8px;}
.new .new-img  { width: 100%; height: auto;overflow: hidden;}
.new .new-img  img { transition: transform 1.5s;}
.new li:hover .new-b{background-color: #a50010;}
.new li:hover .time span {color:#fff}
.new li:hover .new-t  {color: #fff;}

.new li:hover .new-img 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;    margin-bottom: 3%;}
.metpager_8 span.current{    background-color: #888;    border: 1px solid #888;}
#showimg h1.title{border-bottom:1px solid #eee;    padding-bottom: 20px;}
#showimg .ctitle{    padding: 20px 20px;    margin: 10px 0px 28px; font-size:36px;}
.show-img{}
/*简介模块*/
.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;}
/*联系我们*/
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{    display: initial;}
#showimg .smallimg{width:100% !important;}
/*公司简介*/
.cul{background:#e9e9e9; width:100%;     padding: 5% 0;  margin-top: 5%; position: relative; overflow:hidden;}
.cul .cu-t h3{    font-size: 36px;color: #000;font-weight: bold;padding-bottom: 20px;}
.cul .cu-t p{color:#888; font-size:15px; margin-bottom:8px;}
.cul .cu-t{padding:0;background: #fff;    min-height: 450px;padding: 5%;}
.cul .cu-i{padding:0;}
.ast{background:#000;    padding-bottom: 4%; overflow: hidden;}
.pto .pt1 p{color:#fff;}
.ast ul li .mc{     margin-bottom: 30px;    padding: 8%;   background: #272727;color:#fff; text-align:center;}
.ast ul li .mc .yc{ width:160px; margin:0 auto; height:117px; overflow:hidden;}
.ast ul li .mc .xh{ font-size:70px;      padding-top: 40px;   padding-bottom: 15px;    line-height: 1;    letter-spacing: 2;color:#fff;    font-family: "Impact";}
.ast ul li .mc span{ font-size:30px;}
.ast ul li .yc img{    transform: translateY(0);transition: 0.8s;}
.ast ul li:hover .yc img{ transform: translateY(-156px); transition: .5s ease all;}
.team{width:100%; overflow:hidden; background:url(../image/team.jpg) no-repeat; background-size:cover;    padding-bottom: 4%;}
.team ul li img{opacity:.6;}
.team ul li:hover img{ opacity:1;}
.team ul li h3{ font-size:16px;font-weight: bold; color:#fff;padding: 25px 5px;}
.jt{ width:100%; overflow:hidden; background:#e9e9e9; text-align:center;    padding: 5% 0 5%;}
.jt h4 i{ font-style:normal;border-bottom:2px solid #000;    padding-bottom: 20px;}
.jt h4{ font-size:24px; font-weight:bold;}
.jt h3{ font-size:54px; font-weight:bold;    letter-spacing: 2px; margin-top:2%;}
.jt P{ font-size:15px;}
.jt img{margin:3% auto ;}
.jt h5{color:#666;    padding-top: 8px; }
.jdf { width:100%; overflow: hidden;   padding-bottom: 5%;}
.jdf .kjt{  padding: 0;  float: right;}
.jdf .kjt ul li{float:left; position:relative;   }
.jdf .kjt ul li:hover h3{  opacity: 1;}
.jdf .kjt ul li h3{  opacity: 0;position:absolute; bottom:30px; left: 30px; font-size:24px; color:#fff;}
.jdf .kj h4{font-size: 58px;font-family: Arial;font-weight: bold;color:#a50010;}
.jdf .kj{     padding-top: 7%;     padding-left: 5%;padding-right: 3%; }
.jdf .kjt img{transition:0.2s;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.jdf .kjt ul li:hover img{-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;}
.jdf .kjt ul{float:right;}
.jdf.jdt{padding-top: 5%;padding-bottom: 0;}
.jdf.jdt .kj {padding-top: 4%;}
.jdf.jdt .kjt ul{float:left;}
.jdf.jdt h3{font-size: 36px;}
.jdf.jdt .kjt{    float: left;}
.jdf.jdt .kjt img{transition:0.2s;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.line{width: 82px;height: 6px;background: #a50010;margin: 30px 0;}
.jdf h3{font-size: 58px;font-family: Arial;font-weight: bold;line-height: 36px;}
.jdo h4{font-size: 36px;font-family: Arial;font-weight: bold;color:#ffff;    padding-bottom: 30px;}
.jdf p{font-size: 15px;color: #888;    margin-top: 20px;text-indent: 2rem;}
.jdo p{font-size: 15px;color: #888;width: 90%;margin: 0 auto;}
.jdo{ width:100%; overflow:hidden; background:url(../image/w3.jpg) no-repeat;  background-attachment: fixed; background-size: cover;text-align: center; padding: 5% 0;margin-top: 5%;}
#messagelist{padding-left:0;height: 587px; background:#fff;margin-top: 0;}
.con .co h4{font-size:36px; font-weight: bold;}
.con .co p{font-size: 16px;color: #888;padding-top: 8px;}
.con .co .co-img{    width: 140px;margin: 20px 0;}
.con .cr ul li h3{    width: 10%; font-size:15px; color:#888; font-weight: bold; float: left;}
.con .cr ul li{width:100%;    float: left; margin-bottom: 40px;}
.con .cr ul li h5{font-size:15px; float: left;  font-weight: bold;  width: 90%;}
.zlx.lyt{width: 100%;overflow: hidden;background: url(../image/lyt.jpg) no-repeat #e9e9e9;margin: 5% 0 0;}
.yw{ width:100%; overflow:hidden;}
.yw ul li{  text-align: center; margin-bottom: 30px;transition: all .5s ease;overflow: hidden;}
.yw ul li .ywb{    padding: 16% 5%;}
.yw ul li h3{ font-size:24px; color:#fff; font-weight: bold;}
.yw ul li p{ font-size:16px;     color: #ffff;padding-top: 15px;}
.hl{width: 100%;overflow: hidden;background: url(../image/hl.jpg) no-repeat; padding: 7% 0;text-align: center; margin: 5% 0 0;background-size: cover;}
.hl h4{letter-spacing: 3px;padding-bottom: 30px; font-size:50px; color: #fff;  font-weight: bold;}
.hl p{color:#888; font-size: 15px; padding: 20px 0 0;}
.hl a{   margin: 35px auto 0;display: block;line-height: 45px;height: 45px; width: 150px;text-align: center;border: 1px solid rgba(255,255,255,.4);border-radius: 100px;color: #FFF;
opacity: .6;text-indent: 30px;background: url(../image/hj.png) 15% center no-repeat;}
.hl a:hover{    background: url(../image/hj1.png) 15% center no-repeat #fff;opacity: 1;color: #000;}
.editor a{ text-decoration:none;}
/*品牌营销*/
.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:100%; height:70px; margin:0px auto; position:relative;}
.footerlist{max-width:100%;  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(../image/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));}
#messagelist td.input input{width: 100% !important;background: #f2f2f2;outline: none; border: none;height: 42px;}
#messagelist textarea{background:#f2f2f2;border: none; outline: none;width: 100%;}
#messagelist table td {font-size: 16px;}
#messagelist .button{margin:0;    background: #324373; border: none;}	
td.input .info{display: none;}
#messagelist table .submit {background: #333;width: 160px;    height: 42px;}
#messagelist table .submit:hover{background: #cd0000; opacity: 1;}
.ms-t h4{      padding:7.5% 10%;  font-size: 36px;color: #666;}
.ms-t p{    color: #878787;font-size: 36px;}
#messagelist table{     margin-left:10%;   float: left;}
.meb{    padding: 28px 0 1% 0;}
td.text{width: auto;}
/*网分页样式*/
.pages {    color: #999;
	clear: both;
	margin: 40px auto 20px auto;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.pages ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 0 1px;
	line-height: 24px;
	color: #999;
	border-radius: 2px
}
.pages ul li:hover {
	background: #2b2c2d;
	color: #fff;
	border: 1px solid #2b2c2d
}
.pages ul li:hover a {
	color: #fff;
}
.pages ul li.active {
	display: inline-block;
	border: 1px solid #2b2c2d;
	padding: 6px 15px;
	margin: 0 1px;
	background: #2b2c2d;
	color: #fff;
}
.pages ul li.active a {
	color: #fff;
}
.pages ul li a {
	display: block;
	color: #999
}
.pages ul li a:hover {
	color: #fff;
}

.content-exp li {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-exp li:last-child {
	text-align: right;
}
/*响应式开始*/
.met_hits{ color: #888; margin-top: 4%;  height: auto;line-height: 60px;}
@media (max-width: 1680px) and (min-width: 1440px) {
	.a-b{    margin: -120px 60px 0;}
	.jdf .kjt ul li{ width:33.333%;}
	.jdf.jdz .kj {padding-top: 0%;}
	.jdf .kj {padding-top: 2%;}
	
}
@media (max-width: 1400px) and (min-width: 1200px) {
	nav {width: 100%;}
	.container{    width: 1200px;}
	nav ul li{    width: 123px;}
	.as ul li .wz h3 {font-size: 14px;}
	.a-b{    margin: -120px 40px 0;}
	.zlx .zt {padding: 15% 0;}
	.show-img {height:372px !important;}
	header{    position: relative;}
	.sidebar .sb_nav .active{    position: static;margin-top: 40px;}
			.sidebar .sb_nav dl dt.on, .sidebar .sb_nav dl dt:hover{    color:#a50010;}
	.sidebar .sb_nav dl dt.on a, .sidebar .sb_nav dl dt:hover a{ color:#a50010;}
	.jdf .kjt ul li{ width:33.3333%;}
	.jdf h3,.jdf .kj h4{font-size: 48px;}
	.new-bj {width: 100%;border-radius: 0;}
	.jaj {margin-top: -31px;}
	#showproduct {padding: 18% 10px 0;}
	.con .cr ul li h5{    padding-left: 15px;}
	.zlx tbody tr{margin-bottom: 15px;}
	.jdf .kj,.jdf.jdt .kj {padding-top: 2%;}
	.jdf.jdz .kjt,.jdf.jdz .kj{ width:100%;}
	.cul .cu-t{ min-height:auto;padding: 3%; background:none;}
}
@media (max-width: 1200px) and (min-width: 991px) {
	.flexslider .slides > li .f-img{height: 800px;}
	header .container{    padding: 0 20px;}
	.as ul li .wz p {font-size: 14px;}
	.as ul li {padding: 4.5% 3% 6%;}
	.a-b{    margin: -120px 40px 0;}
	.jdf .kj {padding-top: 2%;}
	.zlx .fd-b{      height: 600px;overflow: hidden;  width: 50%;}
	.zlx tbody tr{margin-bottom:15px;}
	.zlx{    height: 600px;}
	.zlx .zt {padding: 20% 0;}
nav ul li {    padding: 0 22px;width: auto;}
.new-bj { width: 100%;border-radius: 0;}
	.top-logo img.img1{width: 142px;}
	.show-img{}
	.sidebar .sb_nav .active{    margin-top:40px;    position: static;    -webkit-transform: translateX(0%); -ms-transform: translateX(0%);transform: translateX(0%);left: 0%;}
		.sidebar .sb_nav dl dt.on, .sidebar .sb_nav dl dt:hover{    color:#a50010;}
	.sidebar .sb_nav dl dt.on a, .sidebar .sb_nav dl dt:hover a{ color:#a50010;}
	header{    position: relative;}
	.jdf .kj,.jdf .kjt{ width:100%;}
	.con .cr ul li h5{width: 84%;}
	.con .cr ul li h3 {width: 16%;}
	.ybox ul li h5 {font-size: 90px;}
	.jaj {margin-top: 0;position: static;}
	.jdf .kjt ul li{width:33.3333%; margin-top: 20px;}
	.cul .cu-t{    padding: 1%; min-height: auto; background: none;}
	#messagelist{   height: 470px;}

	#messagelist table {margin-left: 2%;}
	footer dl{    padding-right: 7%;}
}
@media (max-width: 991px) and (min-width: 767px) {
	nav{display:none;}	
.top-logo{width: 92px;float: left;display: block;max-width:92px;margin-top: 5px; top:11px;}
header{position: static;height:60px;}
	.menu_icon{display:none;}
	.r-c{  line-height: initial;   margin-top: 6.5px;}
	.as ul li .xh {font-size: 55px;}
	.flexslider .slides > li .f-img{height: 740px;}
	.as ul li .wz span{    font-size: 16px;}
	.as ul li .wz p{display: none;}
	.ybox{    height: 42vh;}
	.ybox ul li h5 {font-size: 80px;}
	.a-b{ margin:0;}
	.zlx p{    font-size: 24px;}
	.zlx .fd-b{    width: 100%;}
	.new-bo li .new-t{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	footer ul li{    margin: 0 10px;}
	.show-img{}
	.sidebar .sb_nav .active{    position: static;margin-top: 0;-webkit-transform: translateX(0%); -ms-transform: translateX(0%);transform: translateX(0%); left: 50%; width: 100%; max-width: 100%;}
	.sidebar .sb_nav dl dt {padding: 18px 40px 19px}
	.jdf .kjt ul li{    width: 33.33333%;margin-top: 20px;}
	.cul .cu-t{min-height: auto;}
	.fo-b h4 {font-size: 18px;}
	footer dl:nth-child(5){display:none;}
	.sidebar .sb_nav dl dt.on, .sidebar .sb_nav dl dt:hover{    color:#a50010;}
	.sidebar .sb_nav dl dt.on a, .sidebar .sb_nav dl dt:hover a{ color:#a50010;}
	.new-bj {width: 100%;border-radius: 0;}
		.sidebar .sb_nav{    margin-top: 15px;position: static;}
	.sidebar .sb_nav dl {margin: 5px 5px;}
	.wx img{max-width: 120px;}
	.jaj {margin-top: 0;position: static;}
	.con .cr ul li h5{    width: 78%;}
	.con .cr ul li h3{    width: 22%;}
	.zlx tbody tr{    margin-bottom: 8px;}
	.zlx .zt {padding: 6% 0;}

}
@media screen and (max-width: 767px) {
nav{display:none;}	
	.r-c{ line-height: initial;   margin-top: 6.5px;}
	.r-ct .cr{ display:none;}
	.r-ct {padding: 40px 40px;}
	.r-ct .cl ul li a{    font-size: 30px;}
.top-logo{width: 92px;float: left;display: block;max-width:92px;margin-top: 4px;    top: 11px;}
header{position: static;height:60px;}
	.flexslider .slides > li .f-img{    height: 306px;}
	.flexslider .slides .bslid{top: 19%;}
	.flexslider .slides .bslid span{font-size: 14px;}
	.flexslider .slides .bslid h2{ font-size: 24px;}
	.as ul li .xh {font-size: 55px;}
	.as ul li .wz h3{ display: none;   padding-top: 14px;}
	.as ul li {padding: 25px}
	.about p{    width: 100%;}
	.slick-prev{    left: 5px;}
	.slick-next{right:5px;}
	.ybox ul li h5,.ast ul li .mc .xh{    font-size: 55px;}
	a.ymore{      margin: 25% auto 0;      float: none;}
	.pto dl dd{    padding: 0 6px;}
	.zlx .zt p {font-size: 24px;}
	.zlx .fd-b{    width: 100%;}
	.zlx tbody tr:first-child {width: 100%;}
	.zlx tbody tr{width: 100%;}
	.zlx td.input{padding: 0 !important;}
	.ast ul li .mc .yc{ display:none;}
	footer .d-nav:nth-child(2),footer .d-nav:nth-child(3),footer .d-nav:nth-child(4){ display:none;}
	.wx img{ float:none;}
	.zlx .fd-b h4,.con .co h4{font-size: 24px;}
	.fo-b h4 {font-size: 20px;}
	.a-b{    margin: 0;}
	.r-c span.Tmenu_icon{}
	.flex-control-paging{    bottom: 20px;}
	.show-img{}
	#showimg .ctitle{font-size: 26px;}
	.cul .cu-t{    min-height: auto;}
	.ast ul li .mc .xh{    padding-top: 0px;}
	.ast ul li .mc{    padding: 18%;}
	.jt h3{ font-size: 30px;   margin-top: 10%;}
	.a-s .ab-l h5::before{    top: 52px;}
	.a-s .ab-l h1{ padding: 47px 0 20px 0;   line-height: 1.6;}
	.d-nav ul li{margin-bottom:18px;    margin: 0 7px;}
	.pt p{line-height: 30px;padding-bottom: 15px;font-size: 18px;}
	.sidebar .sb_nav dl {margin: 5px 5px;  float: left;  display: block;}
	.sidebar .sb_nav dl dt{padding: 7px 14px;}
	.jdf p{    margin-bottom: 20px;}
	.jdf.jdt h3,.cul .cu-t h3,.ast ul li .mc span {font-size: 24px;}
	.jaj { margin-top: 0; position: static;width: 100%;}
	.jdf .kj h4,.jdf h3{ font-size:36px;}
	.hl h4{font-size: 36px;padding-bottom: 20px;}
	.new-bj {border-radius: 0;width: 100%;}
	.new-bo li .new-t{    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
	.con .cr ul li h3 {width: 16%;}
	.con .cr ul li{    margin-bottom: 20px;}
	td.text{    text-align: left;}
	#messagelist{    height: auto;}
	.met_page {text-align: left;}
	.met_page a{    display: block;margin-right: 0px;}
#imglist li{width: 100% !important;}
	#shownews h1{    font-size: 22px;padding-top: 5%;}
	#showimg h1.title{    margin-bottom: 0px;}
	.sidebar .sb_nav{    margin-top: 15px;position: static;}
	
	#productlist li i{  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  width: 100%;}
	.met_hits{    line-height: 25px;}
	.sidebar .sb_nav .active{    width: 100%;max-width: 100%;    position: static;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);    margin-top: 10px;}
	.sidebar .sb_nav dl dt.on, .sidebar .sb_nav dl dt:hover{    color:#a50010;}
	.sidebar .sb_nav dl dt.on a, .sidebar .sb_nav dl dt:hover a{ color:#a50010;}
	header .container {display: block;    padding: 0 10px;}
	#foote{display: block;}
	.foot-l {padding: 60px 0 60px 0;}
	#newslist li{height:auto;}
  table td{    width: 100% !important; float: left; padding: 10px 0 !important;}
.flex-direction-nav{display:none;}
}
