@charset "utf-8";
/* CSS Document @woniu*/
body, input, select, textarea, button {
    font-family: 'Microsoft Yahei',;
	font-size:14px;
}
.layui-fluid,
.layui-main{
  padding: 0px;
  line-height: 32px;
  min-width: 1200px;
  margin: 0 auto;
}
:root{
  --theme-color:#B80815;
  --light-theme-color:#F94855;
  --border-color:#D4D4D4;
  --white-color:#FFFFFF;
  --black-color:#000000;
  --deep-gray-color:#333333;
  --mid-gray-color:#666666;
  --light-gray-color:#999999;
  --special-color:#FFDC65;
  --other-color:#C76105;
  --bg-color:#EFF0F2;
}
.color-white{color: var(--white-color);}
.color-deep-gray{color: var(--deep-gray-color);}
.color-light-gray{color: var(--light-gray-color);}
.color-theme{color: var(--theme-color);}
.color-light-theme{color: var(--light-theme-color);}

.ptop5{padding-top: 5px;}
.ptop10{padding-top: 10px;}
.ptop15{padding-top: 15px;}
.ptop20{padding-top: 20px;}
.ptop30{padding-top: 30px;}
.ptop50{padding-top: 50px;}
.pbottom5{padding-bottom: 5px;}
.pbottom10{padding-bottom: 10px;}
.pbottom15{padding-bottom: 15px;}
.pbottom20{padding-bottom: 20px;}
.ptb5{padding-top:5px; padding-bottom: 5px;}
.ptb10{padding-top:10px; padding-bottom: 10px;}
.ptb15{padding-top:15px; padding-bottom: 15px;}
.ptb20{padding-top:20px; padding-bottom: 20px;}
.ptb30{padding-top:30px; padding-bottom: 30px;}
.ptb50{padding-top:50px; padding-bottom: 50px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}

.pall5{padding: 5px;}
.pall10{padding: 10px;}
.pall15{padding: 15px;}
.pall20{padding: 20px;}

.mtop5{margin-top: 5px;}
.mtop10{margin-top: 10px;}
.mtop15{margin-top: 15px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}
.mtop50{margin-top: 50px;}
.mbottom5{margin-bottom: 5px;}
.mbottom10{margin-bottom: 10px;}
.mbottom15{margin-bottom: 15px;}
.mbottom20{margin-bottom: 20px;}
.mtb5{margin-top: 5px; margin-bottom: 5px;}
.mtb10{margin-top: 10px; margin-bottom: 10px;}
.mtb15{margin-top: 15px; margin-bottom: 15px;}
.mtb20{margin-top: 20px; margin-bottom: 20px;}
.mtb30{margin-top: 30px; margin-bottom: 30px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mlr5{margin-left: 5px; margin-right: 5px;}
.mlr10{margin-left: 10px; margin-right: 10px;}
.mlr15{margin-left: 15px; margin-right: 15px;}
.mlr20{margin-left: 20px; margin-right: 20px;}

.mall5{margin: 5px;}
.mall10{margin: 10px;}
.mall15{margin: 15px;}
.mall20{margin: 20px;}

.wwbreadcrumb a,
.wwbreadcrumb a:hover,
.wwbreadcrumb span[lay-separator]{color: var(--white-color)!important;}
.breadcrumb a,
.breadcrumb span[lay-separator]{color: var(--mid-gray-color)!important;}
.breadcrumb a:hover{color: var(--theme-color)!important;}

a.bwlink{color: var(--black-color);}
a.wlink,
a.wwlink,
a.wwlink:hover,
a.bwlink:hover{color: var(--white-color);}
a.dglink{color: var(--deep-gray-color);}
a.mglink{color: var(--mid-gray-color);}
a.lglink{color: var(--light-gray-color);}
a.clink,
a:hover{color: var(--theme-color);}

.fr{float: right;}
.fl{float: left;}

.fw{font-weight: bold;}
.fn{font-weight: normal;}

.tleft{text-align: left;}
.tright{text-align: right;}
.tcenter{text-align: center;}

.lh22{line-height: 22px;}
.lh32{line-height: 32px;}
.lh42{line-height: 42px;}
.lh52{line-height: 52px;}
.lh62{line-height: 62px;}
.lh72{line-height: 72px;}
.lh82{line-height: 82px;}

.fsize12{font-size: 12px;}
.fsize16{font-size: 16px;}
.fsize18{font-size: 18px;}
.fsize20{font-size: 20px;}
.fsize22{font-size: 22px;}
.fsize24{font-size: 24px;}
.fsize26{font-size: 26px;}
.fsize30{font-size: 30px;}
.fsize32{font-size: 32px;}
.fsize36{font-size: 36px;}
.fsize40{font-size: 40px;}


.imgbfb{width: 100%;}
.imgbf80{width: 80%;}
.imgbf60{width: 60%;}
.imgbf40{width: 40%;}
.imgh140{height: 140px;}
.imgh160{height: 160px;}
.imgh180{height: 180px;}
.imgh200{height: 200px;}

.imgwbfb img{width: 100%;}
.fixh180 img{height: 180px;}
.fixh200 img{height: 200px;}
.fixh215 img{height: 215px;}
.fixh255 img{height: 255px;}

.elip4,
.elip3,
.elip2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.elip4{-webkit-line-clamp: 4;}
.elip3{-webkit-line-clamp: 3;}
.elip2{-webkit-line-clamp: 2;}

.hideelement{display: none;}

.enlargeimg{overflow: hidden;}
.enlargeimg img{transition: all .5s;}
.enlargeimg:hover img{
  transform: scale(1.1);
  transition: all .5s;
}

.bordersb1{border-bottom: 1px solid var(--border-color);}
.bordersb2{border-bottom: 2px solid var(--border-color);}
.borderdb1{border-bottom: 1px dashed var(--border-color);}
.borderdb2{border-bottom: 2px dashed var(--border-color);}

.borderdall1{border: 1px dashed var(--border-color);}
.bordersall1{border: 1px solid var(--border-color);}

.borderstb1{
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--border-color);
}
.borderdtb1{
  border-width: 1px 0;
  border-style: dashed;
  border-color: var(--border-color);
}

.borderall-double3{border: 3px double var(--border-color);}
.borderb3-double3{
  border-width: 0 0 3px 0;
  border-style: double;
  border-color: var(--border-color);
}

hr {
	border-bottom: 1px solid var(--border-color) !important;
}

.details-table table{
  width: 100%;
  border-collapse: collapse;
  word-wrap: break-word; word-break: break-all;
}
.details-table th,
.details-table td{
  
  border: 1px solid var(--border-color);padding-left: 10px; width:20%;
}
.details-table table th,
.details-table table td:first-child{
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  font-weight: bold;
}
.details-table img{
  width: 100%;
  margin: 5px 0;
}


.details-table table td:nth-child(3n) { width: 20%;}

.wtop-nsnav-bg{background-color: var(--deep-gray-color);}
.wtop-nsnav-usbg{background-color: var(--light-theme-color);}

.logo-nav{height:95px;}
.logo-nav .logo img{margin-top:14px;}
#menu{
  height:95px;
  position:relative;
  z-index:10;
  top:-6px;
}
.wnlevel{
  height:95px; 
  display:inline-block;
  position:relative;
}
.wnlevel:not(:last-child)::after{
  content:''; 
  height: 95px; 
  width: 1px; 
  background:linear-gradient(to top,var(--white-color) 40%,var(--theme-color),var(--white-color) 60%);
  position:absolute;
  right: 0;top: 0;
}
.wnlevel span a{
  height:95px; 
  line-height:95px; 
  display:block;
  font-size:16px;
}
.wnlevel span a:hover,
.wnlevel.on span a{
  color:var(--theme-color);
  font-weight:bold;
}
.wnlevel.on span a::after{
  content: '';
  position: absolute;
  top:70%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30%;
  height: 2px;
  background: var(--theme-color);
}
.wnlevel ul {
  display:none; 
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 81px;
  z-index: 100;
}
.wnlevel li {
  height:40px;
  line-height:40px;
  background-color:var(--theme-color); 
  width:100%;
  cursor:pointer;
}
.wnlevel li:not(:last-child){margin-bottom: 1px;}
.wnlevel li a{color:var(--white-color);}
.wnlevel li:hover{background:var(--light-theme-color);}
.wntriangle{  
  position: relative;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px;
  border-top-width: 0;
  border-color: transparent;
  border-bottom-color: var(--theme-color);
}

.carousel-img div div{
  position: relative;
}
.carousel-lbcover{
  position: absolute;
  z-index:3; 
  left: 0; 
  right: 0; 
  bottom: 0;
  min-width: 1200px;
}
.carousel-tj{
  position: absolute;
  z-index: 4; 
  right: 15%; 
  width: 400px; 
  height: 400px; 
  top: 280px;
}
.carousel-bg{
   background-color: rgba(12,199,244,0.5); 
   z-index: 1; 
   position: absolute; 
   left: 0; right: 0; top: 0; bottom: 0;
}
.carousel-con{
  position: absolute;
  z-index: 2;
  top: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1200px;
  height: 60%;
}
.carousel-info{
  position: relative;
}
.done {
  width: 25px;
  height: 25px;
  background: var(--light-theme-color);
  border: 2px solid var(--white-color);
}
.done::after {
  content: '';
  position: absolute;
  border-color: var(--theme-color);
  border-style: solid;
  border-width: 0 5px 5px 0;
  width: 15px;
  height: 32px;
  top: -15px;
  left: 10px;
  transform: rotate(45deg);
}
.carousel-info .done,
.carousel-info p{
  display: inline-block;
}
.layui-anim {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.wproduct-ncatimglist{
  height: 450px;
  background-color: var(--bg-color);
  position: relative;
}
.wproduct-ncatimglist img{
  position: absolute;
  bottom: 0;
}
.product-catimgbg{
  position: absolute;
  height: 100%;
  background: linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 50%);
  left: 0;
  right: 0;
  transition: all .5s;
}
.product-catimginfo{
  position: absolute;
  height: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all .5s;
}
.product-catimginfo p{
  display: none;
  border: 1px solid var(--white-color);
  padding: 2px 5px;
  width: 40%;
  margin: 2%;
  transition: all .5s;
}
.product-catimginfo p:hover{
  background-color: var(--light-theme-color);
}
.wproduct-ncatimglist:hover .product-catimgbg{
  background-color: rgba(0,0,0,.4);
  transition: all .5s;
}
.wproduct-ncatimglist:hover .product-catimginfo{
  height: 50%;
  transition: all .5s;
}
.wproduct-ncatimglist:hover .product-catimginfo p{
  display: inline-block;
  transition: all .5s;
}
.wproduct-ncatimglist:hover .product-catimginfo h2{
  font-weight: bold;
}
.pcat-txtnav-big{
  display: inline-block;
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  margin-right: 8px;
  position: relative;
  min-width: 140px;
}
.pcat-txtnav-big::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 6px;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid var(--theme-color);
  z-index: 55555;
}
.pcat-txtnav-son{
  display: inline-block;
  border: 1px solid var(--light-gray-color);
  margin-right:8px;
}

.fp-product{
  width: 100%;
  height: 265px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.fp-p-img{
  height: 212px;
  overflow:hidden;
}
.fp-p-img img{min-height: 212px;}
.fp-p-info{
  background-color: var(--bg-color);
  transition: all .5s;
}
.fp-p-more{display: none;}
.fp-product:hover .fp-p-info{
  transition: all .5s;
  transform: translateY(-50px);
  height: calc( + 50px);
}
.fp-product:hover .fp-p-more{
  display: block;
  transition: all .5s;
}
.wgood-content-bgn{background-color: var(--bg-color);}

.waboutn-bg{background: url(../img/ab_bgx.jpg) bottom center no-repeat;}
.waboutn-fieldset{
  border-width: 1px 0 0; 
  border-color: var(--border-color);
}
.waboutn-img{background: linear-gradient(-90deg,var(--theme-color),var(--light-theme-color));}
.waboutn-img img{transform: translateX(-20px) translateY(-20px);}
.waboutn-soncat{
  width: calc(100% + 120px); 
  background-color: var(--white-color); 
  box-shadow: 1px 2px 4px 2px var(--light-gray-color); 
  position: absolute; 
  z-index: 5555;
}
.waboutn-soncat div{width: calc(100%/5.5);}
.waboutn-soncat div:not(:last-child){
  border-right: 1px solid;
  border-image: linear-gradient(var(--white-color) 10%, var(--mid-gray-color), var(--white-color) 90%) 0 30 0 0;
}

.panel-title{
background-color: var(--theme-color);
border-radius: 10px 10px 0 0;
padding: 10px 0 10px 20px;
}
.product-ctree{
}
.product-ctree li,
.product-ctree-dadcat{
padding-left: 20px;
margin: 5px 0;
border-left: 5px solid var(--theme-color);
transition: all .5s;
}
.product-ctree-dadcat{
background-color: var(--other-color);
}
.product-ctree li{
background-color: var(--bg-color);
}
.product-ctree-dadcat:hover,
.product-ctree li:hover{
border-color: var(--light-theme-color);
padding-left: 30px;
}

.tabs{margin: 0px;}
.tabs-brief>.layui-tab-more li.layui-this:after,
.tabs-brief>.tabs-title .layui-this:after {
  height: 78px;
  border:1px solid #C9033B;
}
.tabs-brief[overflow]>.tabs-title .layui-this:after {top: 0px}
.tabs-title {
  margin-top: 5px;
  height: 78px; 
  border: none;
}
.tabs-title li {
  height: 78px;
  padding: 2px;
}
.tabs-title li:not(:first-child) {margin-left: 3.2px;}
.tabs-title li img{height: 74px;}
.tabs-content{padding: 0px;}
.tabs-content .layui-tab-item img{width: 100%;}

.contact-list4{
  padding:0 0 20px 0;
  line-height: 32px;
}
.contact-list4 span{color: red;}


.winfon-details-con{background-color: #F8F8F8;}
.winfon-details-contents{border: 1px solid var(--border-color); min-height: 500px;}
.winfon-details-title p{border-left: 6px solid var(--other-color); height: 20px;margin-right: 8px;}
.winfon-details-fnav,
.winfon-details-fnav a{position: relative; }
.winfon-details-fnav a::after{content: '';position: absolute; bottom: -6px; left: 0; width: 100%; height: 3px; background-color:var(--light-theme-color); z-index: 5;}
.winfon-details-nav-one {position: relative; background: var(--bg-color);}
.winfon-details-nav .on,
.winfon-details-fnav:hover,
.winfon-details-nav-one:hover {background: var(--light-theme-color);}
.winfon-details-nav .on a,
.winfon-details-fnav:hover a,
.winfon-details-nav-one:hover a{color: var(--white-color);}
.winfon-details-nav .on::after,
.winfon-details-fnav:hover::after,
.winfon-details-nav-one:hover::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid var(--light-theme-color);
  z-index: 3;
}

.info-list-time{background-color: var(--bg-color);}
.wpagingn a,
.wpagingn span{
  padding: 0 10px;
  line-height: 42px;
  font-size: 16px;
  color: var(--deep-gray-color);
}
.wpagingn a:hover,
.wpagingn .cpage{color: var(--theme-color);}

.section-title div{
  border-bottom:1px solid var(--light-gray-color);
  padding: 0 0 5px 0;
}
.section-title div span{
  padding-bottom: 10px;
  border-bottom: 3px solid var(--deep-red-color);
}

.infosection-title div,
.infosection-title p{
  border-bottom:1px solid var(--light-gray-color);
  width: 48%;
  display: inline-block;
}
.infosection-title div{padding: 0 0 5px 20px;}
.infosection-title div span{
  padding-bottom: 10px;
  border-bottom: 3px solid var(--deep-red-color);
}

.info-list li {
  border-bottom: 1px dotted var(--light-gray-color);
}
.info-list i{
  font-size: 12px;
  color: var(--deep-red-color);
}
.footer {background-color: var(--deep-gray-color);}

.wxewm {background: url(../img/wxewm.jpg) right no-repeat;}
.nytable table  { width:100%;}

.bottomtel{ width: 100%; background: #cc0c27; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "";}
.bottomteltxt{ background: url(../img/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 480px; margin: 5px auto; padding-left: 720px; }
.bottomteltxt strong{ font-size: 28px;  line-height: 50px; float: left; padding-right: 20px;}