@charset "utf-8";
/* CSS Document */
body{
  background: #f2f2f2;
}
.Xbbox li{
  width:380px;
  box-shadow:0px 5px 15px #eee;
}
.footer_con{
  border:none;
  height: auto;
  overflow: hidden;
  margin-bottom: 0;
  font-family: "微软雅黑";
  font-size: 14px;
  padding: 50px 0px 40px;
}
.ft_logo.imgbox{
  width:250px;
  height:105px;
  float:left;
  margin-right: 30px;
}
.ft_logo.imgbox img{
  width:100%;
  height:auto;
}
.ft_info{
  float:left;
}
.ft_info p{
  font-size:12px;
}
.ftnav{
  overflow:hidden;
  margin: 15px 0 10px;
  font-size: 14px;
}
.ftnav a{
  color:#fff;
  padding: 0 15px;
  border-right:1px #fff solid;
  height: 15px;
  line-height: 14px;
  display: block;
  float: left;
}
.ftnav a:hover{
  color:#ddd;
}
.ftnav a:first-child{
  padding-left:0;
}
.ftnav a:last-child{
  padding-right:0;
  border:none;
}
.footer_con .rule{
  margin: 25px 0 5px;
}
.footer_con .float_right{
  margin:0;
}
.footer_con .float_right p{
  text-align:center;
  font-size: 12px;
}
.footer_con canvas{
  width:80px;
  height: 80px;
  padding:5px;
  background:#fff;
}

/* crumbs */
.crumbs{
  font-family:"微软雅黑";
  font-size:12px;
  color:#999;
  margin-bottom: 18px;
}
.crumbs:before{
  content:"";
  display:block;
  width: 22px;
  height: 15px;
  background: url(../ztw2020_img/crumb.png) no-repeat center left;
  float: left;
}
.crumbs a,.crumbs span{
  margin:0 5px;
  color:#999;
}
.crumbs a:hover{
  color: #ee3535;
}

/* headtop */
.top_box .icon_shouye{
  background: none;
  padding-left: 20px;
  position:relative;
}
.top_box .icon_shouye img{
  position:absolute;
  left: 0px;
  top: -3px;
}
.top_box .float_left a,.top_box .float_right a{
  font-size:12px;
}

/* Pinpai header */
/* logo */
.head{
  height:auto;
  overflow:hidden;
}
.PP_head_Logo{
  overflow:hidden;
}
.PP_head_Logo .logo{
  float:left;
  width: 250px;
  height: 105px;
  border: 1px #eee solid;
  margin-right: 25px;
}
.PP_head_Logo .info{
  float:right;
  font-size:12px;
  color: #999;
  font-family: "微软雅黑";
}
.pp_name{
  margin: 8px 0;
  overflow:hidden;
}
.PP_head_Logo .name{
  font-size:18px;
  float:left;
  margin-right: 15px;
  color: #333;
}
.PP_head_Logo .btnss{
    width: 50px;
    height: 22px;
    line-height: 20px;
    padding: 0;
    border: 1px #fe5454 solid;
    color: #fe5454;
    background: #fff;
    font-size: 14px;
    margin-top: 3px;
}
.rule{
  margin-bottom: 20px;width: 100%;overflow: hidden;
}
.rule span{
  padding: 3px 0 3px 20px;
  margin-right: 20px;
  font-size: 12px;
  color: #999999;
}
.rule .Enterprise{
  padding-left:0;
  font-size:14px;
}
.rule .vip,.rule .cx,.rule .award{
  background-size:16px;
  background-position: center left
  ;background-repeat: no-repeat;}
.rule .vip{
  background-image: url(../ztw2020_img/Bsn/VIP.png);
}
.rule .no-vip{
  background-image: url(../ztw2020_img/Bsn/noVIP.png);
}
.rule .cx{
  background-image: url(../ztw2020_img/Bsn/cx.png);
}
.rule .award{
  background-image: url(../ztw2020_img/Bsn/10award.png);
}

/* headsearch */
.ztwSearch{margin: 32px 0;}

/* nav */
.header{
  margin-bottom: 45px;
}
.Pinpainav{
  height: 50px;
  background: #fff;
  padding-bottom: 10px;
  box-shadow: 0px 4px 15px rgba(132, 132, 132, 0.1);
  z-index: 999;
  position: absolute;
  width: 100%;
  top: 200px;
  overflow: inherit;
  font-family: "微软雅黑";
}
.Pinpainav dl{
  width: 1000px;
  float:left;
  line-height: 38px;
  font-size: 16px;
}
.Pinpainav dt a{
  padding: 0 2px 5px;
}
.Pinpainav dl dt{
  padding:0 30px;
}
.Pinpainav dt.on a{
  color:#dd303a;
  border-bottom:3px #dd303a solid;
  font-weight: bold;
}
#navarea{
  overflow: inherit;
}
.head_Mobile{
  float:right;
  text-align:right;
  line-height: 40px;
  position: relative;
  overflow: inherit;
}
.head_Mobile a:hover + .qrcode{
  opacity:1;
}
.head_Mobile a{
  padding-left: 20px;
  background: url(../ztw2020_img/Pinpai/erweima.png) no-repeat left center;
  font-weight: bold;
}
.head_Mobile .qrcode{
  width: 122px;
  height: 122px;
  position: absolute;
  z-index: 1;
  padding:5px;
  background:#fff;
  opacity: 0;
  right: -50%;
  left: -50%;
  margin: auto;
  border: 1px #eee solid;
}
.head_Mobile .qrcode canvas{
  width:110px;
  height:110px;
}

/* banner */
.Pinpaibanner{
  position: relative;
  height: 460px;
  margin-top: 45px;
  margin-bottom: 20px;
}
.Pinpaibanner .hd{margin-bottom: 30px;}
.Pinpaibanner .bd{margin-top:0px;}
.Pinpaibanner .pic{
  position: absolute;
  height: 460px;
  width: 1920px;
  left: -50%;
  right: -50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.Pinpaibanner .pic img{
  width: 1920px;
  height: 460px;
}
.Pinpaibanner .main_con{
  position:relative;
  height:100%;
  margin: 0 auto;
  padding: 0;
}

.main_con{
  /* margin-top: 75px; */
  padding: 25px 15px 0;
}

/* tab */
.slideBsnBox{
  width: 435px;
  height: 460px;
  overflow:hidden;
  background: rgba(255, 255, 255, 0.98);
  position: absolute;
  left: 0;
}

/* table */
.inp1 li{
  float:left;
  margin: 0 14px 0 0px;
}
table .t1 input[type=radio]{
  float: left;
  margin-top: 3px;
  position: absolute;
  left: -99999px;
}
table .t1 label{
  line-height: 30px;
  float: left;
  max-width: 580px;
  cursor: pointer;
  padding-left: 28px;
  position: relative;
}
table .t1 i {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 25px;
  height: 30px;
  outline: 0;
  transition: border-color .3s;
  -webkit-transition: border-color .3s;
  box-sizing: border-box;
}
table .t1 input + label i:after {
  position: absolute;
  content: '';
  left: 0;
  width: 25px;
  height: 30px;
  transition: opacity .1s;
  -webkit-transition: opacity .1s;
  box-sizing: border-box;
  background: url(../ztw2020_img/radiobutton.png) no-repeat -14px -14px;
  display: inline-table;
}
table .t1 input:checked + label i:after,.Publishbox table .t1 input:checked + label:hover i:after {
  opacity: 1;
  background-position: -14px -215px;
}
table .t1 input + label:hover i:after {
  opacity: 1;
  background-position: -14px -115px;
}

.bsnpinpai{
  display:none;
}

/* Xbbox */
.Xbbox{
  margin-bottom: 15px;
  height:auto;
  overflow-x: visible;
}
.Xbbox .bd,.Xbbox .tempWrap,.Xbbox ul{
  overflow-x: visible !important;
}

/* box */
.Pinpai_con{
  overflow: hidden;
}
.Pinpai_con:after{
  content:"";
  display:block;
  width: 100%;
  height: 100%;
}
.Pinpai_con .col_left,.Pinpai_con .left{
  width: 340px;
  margin-right:30px;
  float: left;
}
.Pinpai_con .col_left .BrandInfo_head .info,.QS_con_r .BrandInfo_head .info{
  padding: 10px 10px;
  margin:0;
  border:none;
  font-family: "微软雅黑";
}
.Pinpai_con .col_left .BrandInfo_head .btns{
  margin: 8px 0 0;
  float: none;
  width: 90px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  font-family: "微软雅黑";
}
.Pinpai_con .col_left .BrandInfo_head .btns:after{
  display:none;
}

.Pinpai_con .col_right,.Pinpai_con .right{
  width: 800px;
  float: right;
}

.ppbox{
  background:#fff;
  margin-bottom:30px;
  padding: 0 20px 15px;
  box-shadow: 0px 5px 15px #eee;
}
.ppbox .title{
  height:60px;
  line-height:60px;
  position: relative;
  border-bottom: 1px #e5e5e5 solid;
  padding: 0 10px;
  color: #333;
  font-family: "微软雅黑";
}
.ppbox .more{
  line-height: 24px;
  display: inherit;
  height: 24px;
  top: 20px;
  right: 2px;
}
.ppbox .content{
  padding:10px 0;
  overflow: hidden;
}
.Pinpai_con .col_right .ppbox .content{
  padding: 10px 10px;
}
.ppbox .content .left{
  float:left;
  width: auto;
  margin-right: 0;
}
.ppbox .content .right{
  float:right;

}

/* form */
.ppform{
  margin-bottom: 30px;
  box-shadow:0px 5px 15px #f7ebeb;
}
.ppform .title{
  height:60px;
  line-height:60px;
  background:#e13e43;
  color:#fff;
  padding: 0 25px;
  border-radius: 3px 3px 0 0;
  font-size: 18px;
  font-weight: bold;
  font-family: "微软雅黑";
}
.ppform .title .col_left{
  width:auto;
}
.ppform .title .tips{
  width: 400px;
  font-size:12px;
  font-weight:normal;
  color: #ffc6c6;
}
.ppform .content{
  border:1px #ff858f solid;
  padding: 20px 70px;
  border-top: none;
  border-radius: 0 0 3px 3px;
  font-size: 14px;
  background: #fff;
}
.ppform .row{
  text-align:center;
  color:#999;
  line-height:32px;
  padding-top: 10px;
  border-top: 1px #ead0d0 dashed;
  margin-top: 8px;
}
.ppform table td{
  padding: 4px 0;
}
.ppform table td:nth-child(2n){
  color:#999;
}
.ppform table td:nth-child(2n-1){
  text-align:right;
}
.ppform td[colspan="4"]{
  text-align: center !important;
  font-size: 14px;
  color: #999;
}
.ppform td[colspan="4"] p{
  margin-top:5px;
  font-size: 12px;
}
.ppform .inp_txt{
  margin-left:10px;
  max-width: 200px;
  background-color: #f8f8f8;
}
.ppform textarea.inp_txt{
  max-width: 5000px;
  width: 536px;
  height: 96px;
  line-height: 18px;
  padding: 8px 10px;
}
.ppform input[name="KaidianAddress"]{
  max-width: 265px;
}
.ppform .btns{
  width:270px;
  height:40px;
  font-size:16px;
  float: none;
  margin: 10px auto 0;
}

.BrandInfo_head .textbox{
  padding:0;
}
.textbox{
  font-size:14px;
  line-height: 21px;
  position: relative;
  overflow: hidden;
}
.textbox p{
  margin:15px 0;
  /* text-indent:2em; */
  text-align: justify;
  line-height: 2;
}
.textbox p[style="text-align:center"],.textbox img{
  text-indent:0em;
}
.textbox p:last-child{
  margin-bottom:0;
}
.textbox .checkmore{
  position:absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  background: url(../ztw2020_img/Pinpai/textbg.png) left bottom;
  height: 100px;
}
.textbox .checkmore a{
  display: block;
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  margin: 75px auto 0;
  text-decoration: underline;
  color: #f85359;
}
.textbox .checkmore a:hover{
  color: #f71d25;
}

/* left */
.hb_l_ewm .qrcode{
  width: 135px;
  padding: 0px 20px 0 19px;
  margin: 20px 25px 5px 0;
  height: 90px;
  border-right: 1px #ddd solid;
}
.hb_l_ewm .qrcode canvas{
  width: 90px;
  height: 90px;
}
.hb_l_ewm .right{
  width: 150px;
  margin-top: 22px;
}
.hb_l_ewm p{
  color:#999;
  font-size:12px;
  line-height:28px;
}

/* hotbrand */
.remen .n_list li{
  height: inherit;
  padding: 8px 5px;
}
.remen .n_list li a{
  padding-left: 10px;
  float: left;
  left: 0;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  font-size: 14px;
  box-sizing: border-box;
}
.remen .n_list li:before{
  content:"";
  display:block;
  width: 18px;
  height: 18px;
  float: left;
  background: #b1b1b1;
  border-radius: 18px;
  color:#fff;
  text-align:center;
  line-height:18px;
  font-size:12px;
}
.remen .n_list li:nth-child(1):before{content:"1";background:#de1515;}
.remen .n_list li:nth-child(2):before{content:"2";background:#ed3a3a;}
.remen .n_list li:nth-child(3):before{content:"3";background:#f16868;}
.remen .n_list li:nth-child(4):before{content:"4";}
.remen .n_list li:nth-child(5):before{content:"5";}
.remen .n_list li:nth-child(6):before{content:"6";}
.remen .n_list li:nth-child(7):before{content:"7";}
.remen .n_list li:nth-child(8):before{content:"8";}
.remen .n_list li:nth-child(9):before{content:"9";}
.remen .n_list li:nth-child(10):before{content:"10";}

.remen .left a{
	width: 180px !important;
}
.remen .right{
	text-align:right;
	font-size:12px;
	color:#bebebe;
	white-space: nowrap;
	line-height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 92px;
}
.remen .right span{
	margin-left:5px;
	white-space: nowrap;
}

/* BrandInfo */
.BrandInfo_head .info{
  overflow:hidden;
  border-bottom: 1px #e5e5e5 dashed;
  margin-bottom: 28px;
  padding: 10px 0px 35px;
}
.BrandInfo_head .info .left{
  width: 400px;
}
.BrandInfo_head .info th{
  color:#ec2c2c;
  padding:15px 0;
  font-family: "微软雅黑";
  font-size: 16px;
}
.BrandInfo_head .info td{
  font-size: 14px;
  padding:4px 0;
  color: #999;
  font-family: "微软雅黑";
}
.BrandInfo_head .info td:first-child{
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
  width: 75px;
  vertical-align: text-top;
  color: #666;
}
.BrandInfo_head .info .right{
  margin: 20px 60px 0 0;
  width: auto;
}
.BrandInfo_head .info .logo{
  width:250px;
  height:105px;
  border:1px #eee solid;
}
.BrandInfo_head .info .btns{
  width:130px;
  height:40px;
  line-height:40px;
  padding: 0 23px;
  float: none;
  margin: 15px auto 0;
  font-family: "微软雅黑";
}
.BrandInfo_head .info .btns:after,.BrandInfo .Info .link .btns:after{
  background:url(../ztw2020_img/Pinpai/btns_arrow.png) no-repeat center;
  content:"";
  width: 20px;
  height:12px;
  display:block;
  float: right;
  margin: 14px 0;
}

/* Jmbox */
.Jmbox li{
  float:left;
  border-bottom:1px #ddd dashed;
  font-size:12px;
  padding: 10px 8px;
  width: 346px;
  margin-right: 15px;
}
.Jmbox li:nth-child(2n){
  margin-right:0;
}
.Jmbox .jmlink{
  width:100%;
  padding-left:10px;
  background:url(../ztw2020_img/ns_d.png) left center no-repeat;
  font-size: 14px;
}
.Jmbox .float_left{
  padding-left:10px;
}
.Jmbox .btns{
  border:1px #f56a70 solid;
  font-size:12px;
  background-color:#fff;
  color:#f56a70;
  padding: 0;
  width: 52px;
  height: 22px;
  line-height: 20px;
  float: right;
}
.Jmbox .btns:hover{
  border-color:#f51822;
  color:#f51822;
}

/* newslist */
.ns_box{
  margin-top: 12px;
  overflow: hidden;
}
.news_row{
  padding: 5px 0px;
  border: none;
  overflow: hidden;
  float: left;
  width: 362px;
  margin: 0 15px 10px 0;
}
.news_row:nth-child(2n){
  margin-right:0;
}
.news_row img{
}
.news_row .na_pic{
  width:120px;
  height:74px;
  display: block;
  float: left;
  border-radius: 3px;
}
.news_row .na_detail{
  width: 220px;
  margin-left: 20px;
  float: left;
}
.news_row .news_title{
  overflow:hidden;
}
.news_row h3{
  margin-top:0px;
  line-height: 18px;
  height: 40px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 15px;
  font-family: "微软雅黑";
}
.news_row a{
  font-size: 14px;
  text-overflow: inherit;
  white-space: normal;
  text-align: left;
}
.news_row .news_tag{
  font-size:12px;
  color: #ccc;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

/* jiameng */
.banner-s{
  padding:0;
  border-radius:10px;
}
/*  */
.zs_box .news_row .na_pic{
  width:120px;
  height:83px;
}
.zs_box .news_row h3{
  height:auto;
  margin-bottom: 10px;
  text-overflow: ellipsis;
}
.zs_box .news_row h3 a{
  white-space: nowrap;
  font-size: 16px;
  font-weight: normal;
}
/*  */
.Pinpai_con .col_left .ppform,.QS_con_r .ppform{
  padding:0;
}
.Pinpai_con .col_left .ppform .content,.QS_con_r .ppform .content{
  padding: 20px 15px;
}
.Pinpai_con .col_left .ppform td:first-child,.QS_con_r .ppform td:first-child{
  width: 90px;
}
.Pinpai_con .col_left .ppform .inp_txt,.QS_con_r .ppform .inp_txt{
  margin-left:5px;
  width: 205px;
  max-width: none;
}
.Pinpai_con .col_left .ppform .inp_txt.left21,.Pinpai_con .col_left .ppform .inp_txt.right21,.QS_con_r .ppform .inp_txt.left21,.QS_con_r .ppform .inp_txt.right21{
  width:100px;
}
.Pinpai_con .col_left .ppform .inp_txt.left41,.QS_con_r .ppform .inp_txt.left41{
  width: 72px;
}

/* jiamengdt */
.jmdt .title{
  border:none;
}
.jmdt .content{
  background:#f5f5f5;
  font-size:12px;
  padding: 20px;
}
.jmdt li{
  border-bottom:1px #ccc dashed;
  padding: 15px 0;
}
.jmdt p.con{
  margin: 5px 0;
}
.jmdt .time{
  text-align:right;
}

/* wenda */
.wenda textarea{
  width:100%;
  height:100px;
  background-color:#fcfcfc;
  margin: 8px 0 12px;
  display: block;
}
.wenda .btns{
  width:100%;
  height:40px;
  line-height:40px;
  float: none;
  font-size: 16px;
}
.wenda .row p{
  font-size: 14px;
  color:#999;
  text-decoration: underline;
  text-align: center;
  margin-top: 5px;
  font-family: "微软雅黑";
}
.hotq{
  background:#f5f5f5;
  padding:8px 15px;
  font-size:14px;
  margin-top: 25px;
}
.hotq p{
  color:#5392e7;
  border-bottom:1px #b5b5b5 dashed;
  line-height:35px;
  font-family: "微软雅黑";
}
.hotq .link{
  padding:10px 0 5px;
}
.hotq .link a{
  width: 270px;
  display:block;
  line-height:28px;
  padding-left:15px;
  background:url(../ztw2020_img/ns_d.png) no-repeat left center;
  margin-left:5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* koubei */
.koubei .left{
  text-align:center;
  width: 135px !important;
  margin: 20px 25px 5px 0;
  border-right: 1px #ddd solid;
  font-size: 12px;
  color: #999;
  padding-bottom: 10px;
}
.koubei h1{
  font-size:32px;
  font-family: "微软雅黑";
}
.koubei .right{
  margin-top: 20px;
  width: 150px;
}
.koubei dd{
  width:100%;
  overflow:hidden;
  margin: 8px 0;
}
.koubei a{
  font-size:14px;
  margin-right: 8px;
  text-decoration: underline;
  float: left;
  font-family: "微软雅黑";
}
.koubei .right img{
  float:left;
  margin-top: 3px;
}
.koubei span{
  font-size:12px;
  margin-left: 5px;
  float: left;
  width: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/* Poster */
.Poster,.Poster .content{
  padding: 0 !important;
}
.Poster img{
  width: 100% !important;
  height: auto !important;
}

/* BrandInfo */
.BrandInfo{
  padding: 30px 35px !important;
}
.BrandInfo .imgbox{
  width:360px;
  height:250px;
  background:#f5f5f5;
  border: 1px #eee solid;
}
.BrandInfo .imgbox img{
  width:auto;
}
.BrandInfo .col_right{
  width: 720px;
  float:right;
}
.BrandInfo .Info .title{
  border-bottom:1px #ddd dashed;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
}
.BrandInfo .Info .title h3{
  float:left;
  margin-right:20px;
  font-family: "微软雅黑";
}
.BrandInfo .Info .title span{
  font-size:14px;
  color:#e5e5e5;
}
.BrandInfo .Info .title .time{
  float:right;
}
.BrandInfo .Info table{
  margin:10px;
  color:#999;
  font-size:14px;
  line-height:28px;
  display: inline-block;
  font-family: "微软雅黑";
}
.BrandInfo .Info td:nth-child(2n-1){
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  text-align-last: justify;
}
.BrandInfo .Info td:nth-child(2n){
  min-width:280px;
  max-width: 600px;
}
.BrandInfo .Info .link{
  overflow:hidden;
}
.btns-b{
  color: #f53e46;
}
.BrandInfo .Info .link a,.btns-b{
  width:130px;
  height:40px;
  line-height: 38px;
  font-size:16px;
  margin: 0 15px;
  display:block;
  float:left;
  text-align: center;
  border: 1px #f53e46 solid;
  box-sizing: border-box;
  border-radius: 3px;
  font-family: "微软雅黑";
}
.BrandInfo .Info .link .btns-b:hover{
  border-color: #ef4d4d;
  background: #fff7f7;
}
.BrandInfo td:first-child{
}

/* Newscenter */
.Newscenter li{
  width:100%;
  border-bottom: 1px #ddd dashed;
  margin: 0;
  padding: 20px 5px;
}
.Newscenter li:first-child{
  padding-top:0;
}
.Newscenter .news_row .na_pic{
  width:200px;
  height:120px;
}
.Newscenter .news_row .na_detail{
  width: 520px;
}
.Newscenter .news_row h3{
  margin-bottom: 10px;
  height: 28px;
  line-height: 28px;
}
.Newscenter .news_row a{
  font-size:16px;
  color: #333;
}
.Newscenter .news_row a:hover{
  color:#ee3535;
}
.Newscenter .con{
  font-size:12px;
  color:#999;
  margin-bottom: 25px;
  height: 38px;
  overflow: hidden;
}

/* QueList */
.QueList h5{
  padding-left:30px;
  background:url(../ztw2020_img/Pinpai/wenda.png) left center no-repeat;
}
.QueList li a{
  padding-left:10px;
  background:url(../ztw2020_img/ns_d.png) left center no-repeat;
}
.Qbox{
  overflow:hidden;
  padding-top:10px;
}
.Qbox li{
  border:none;
  height: 25px;
  padding: 5px 8px;
}

/* product */
.ProList h5{
  color:#f14f56;
  padding:0 15px 12px;
  border-bottom:1px #ddd solid;
  font-family: "微软雅黑";
}
.ProList .hd{
  overflow:hidden;
  text-align:center;
  margin-top: 40px;
}
.ProList .hd ul{
  margin:auto;
  width:max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
}
.ProList .hd li{
  float:left;
  width:120px;
  height:40px;
  line-height:40px;
  background:#fff;
  border-radius:3px;
  margin:10px;
  color:#999;
  cursor:pointer;
}
.ProList .hd li.on{
  background:#666;
  color:#fff;
  box-shadow: 0px 5px 15px #e5e5e5;
}
.ProList .hd li:hover{
  box-shadow: 0px 5px 15px #e5e5e5;
}
.ProList .bd{
  padding: 10px 0;
  overflow: hidden;
  margin-top: 10px;
  font-family: "微软雅黑";
}
.ProList .bd li{
  background:#fff;
  width: 370px;
  float:left;
  margin: 10px 35px 25px 0;
  border-radius: 3px;
  overflow: hidden;
}
.ProList .bd li:hover{
  box-shadow: 0px 5px 15px #e5e5e5;
}
.ProList .bd li:nth-child(3n){
  margin-right:0;
}
.ProList .bd li .imgbox{
  width: 100%;
  height:220px;
}
.ProList .bd li .con{
  padding: 15px 20px 20px;
  overflow: hidden;
}
.ProList .bd li .con .link{
  color:#333;
  margin-bottom:10px;
  display: block;
  height: 48px;
  overflow: hidden;
  text-align: justify;
}
.ProList .bd li .con .col_left{
  width:200px;
  line-height: 18px;
  font-size: 12px;
  color: #999;
}
.ProList .bd li .con .col_left p{
  height: 18px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ProList .bd li .con .btns-b{
  width:85px;
  height:35px;
  line-height: 33px;
  float: right;
  margin: 0;
  font-size: 14px;
}

.Product,.newsbox{
  background:#fff;
  box-shadow:0px 5px 15px #eee;
  margin-bottom: 35px;
}
.Product .left{
  width:370px;
  height: 370px;
  float: left;
  overflow: visible;
  position: relative;
}
.Product .imgbox #wrap{
  width:100%;
  height: 100%;
  overflow: visible;
}
.Product .left>.imgbox{
  height: 300px;
  width: 100%;
  overflow: visible;
}
.Product .imgbox a{
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  height: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  max-width: intrinsic;
  max-height: 300px;
  max-width: 368px;
  overflow: hidden;
}
.Product .imgbox img{
  position: initial;
  height: 298px\9;
  width: 368px\9;
  max-height: 298px;
  max-width: 100%;
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .Product .imgbox img{
    height: 298px;
    width: 100%;
  }
}
/* Edge */
_:-ms-lang(x),
_::-webkit-meter-bar,
.Product .imgbox img{
  height: 298px;
  width: 100%;
}
/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {
  border: 4px solid #888;
  margin:0;
  background-color:#fff;
  cursor:move;
}
/* 这是标题文本 */
.cloud-zoom-title {
  font-family:Arial, Helvetica, sans-serif;
  position:absolute !important;
  background-color:#000;
  color:#fff;
  padding:3px;
  width:100%;
  text-align:center;
  font-weight:bold;
  font-size:10px;top:0px;
}
/* 这是缩放窗口。 */
.cloud-zoom-big {
  border:4px solid #ccc;
  overflow:hidden;
}
/* 这是加载消息。 */
.cloud-zoom-loading {
  color:white;
  background:#222;
  padding:3px;
  border:1px solid #000;
}

.Product .mousetrap{
  bottom:0;
  right: 0;
  margin:auto;
}
.Product .cloud-zoom-big{
  left:375px !important;
  top:-1px !important;
}
.cloud-zoom{
  width: 100%;
}
.cloud-zoom img{
  width: 100%;
}
.zoom-desc a,.zoom-desc a img{
  width: 60px;
}
.zoom-desc a{
  display:block;
  float:left;
  margin:0 3px;
  border:1px #ddd solid;
  height:50px;
  width: 60px !important;
  height: 50px !important;
}
.zoom-desc a:hover, .zoom-desc .on{
  border-color:#fb4d4d;
}
.zoom-desc a img{
  position:absolute;
  bottom:0;
  top:0;
  margin:auto;
}
.cloud-zoom-big{
  width: 400px;height: 400px;
}
.zoom-desc{
  width: 100%;
  box-sizing: border-box;
  padding: 5px 15px;
  overflow: hidden;
}
.Product .con{
  overflow:hidden;
}
.Product .right{
  width: 700px;
  float: right;
}
.Product h3{
  margin: 10px 0 25px;
  padding-bottom: 20px;
  min-height: 45px;
  overflow: hidden;
  border-bottom: 1px #ddd dashed;
  color: #333;
  font-family: "微软雅黑";
}
.Product .pro_left{
  width: 480px;
  float: left;
}
.Product table{
  font-size:14px;
}
.Product table td{
  padding:5px 0;
  font-size: 12px;
}
.Product table td:first-child{
  width: 75px;
  vertical-align: top;
}
.Product table td:last-child{
  width: 405px;
}
.Product table tr:last-child td{
  padding-top:20px;
}
.Product .btns{
  width:130px;
  height:40px;
  line-height:40px;
  font-size:16px;
  font-family: "微软雅黑";
}
.Product .otherlink{
  line-height:40px;
  margin-left:10px;
  text-decoration: underline;
  color: #ccc;
}
.Product .otherlink:hover{
  color: #fb5050;
}
.Product .koubei{
  box-shadow:none;
  float: right;
  width: 180px;
  padding: 0;
  margin-bottom: 0;
}
.Product .koubei .content{
  padding: 0 !important;
}
.Product .koubei .left{
  margin: 5px auto 20px;
  padding-bottom: 20px;
  width: 100%;
  border-right: none;
  border-bottom: 1px #ddd dotted;
  float: none;
  height: auto;
}
.Product .koubei .right{
  max-width: 100%;
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  float: none;
  margin: 5px auto 0;
}
.Product .koubei span{
  width: auto;
}

.Procontent .textbox{
  width: 85%;
  margin:auto;
  padding: 60px 35px;
}
.Procontent h5{
  color:#f14f56;
  line-height: 28px;
  font-family: "微软雅黑";
}
.Procontent h5:before{
  content:"";
  display:block;
  width:18px;
  height:28px;
  float:left;
  margin-right:25px;
  background:#f53e46;
}
.Procontent h5:after{
  content:"";
  border-bottom:1px #ddd dashed;
  display:block;
  float: right;
  height:14px;
  width: 1000px;
  margin-right: 35px;
}
.Procontent .textbox img{
  margin:0 auto;
  display: block;
}
.caigoulist{
  margin-top:10px;
}
.caigoulist li{
  margin: 0 10px;
  padding-left:10px;
  background:url(../ztw2020_img/ns_d.png) left center no-repeat;
}
.caigoulist li a{
  font-size:14px;
}


.picScroll-left{
  overflow:hidden;
  position:relative;
  margin-top: 10px;
}
.picScroll-left .hd{
  overflow:hidden;
  height: 62px;
  width: 100%;
  padding: 0 20px;
  position: absolute;
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{
  display:block;
  width: 5px;
  height: 52px;
  float:right;
  overflow:hidden;
  cursor:pointer;
  background: url("../ztw2020_img/Pinpai/arrow.png") no-repeat 5px 22px;
  position: absolute;
  left: 0;
  padding: 0 5px;
}
.picScroll-left .hd .next{
  background-position: 5px -27px;
  right: 0;
  left: auto;
}
.picScroll-left .hd .prevStop{
  background-position:-60px 0;
}
.picScroll-left .hd .nextStop{
  background-position:-60px -50px;
}
.picScroll-left .hd ul{
  float:right;
  overflow:hidden;
  zoom:1;
  margin-top:10px;
  zoom:1;
}
.picScroll-left .hd ul li{
  float:left;
  width:9px;
  height:9px;
  overflow:hidden;
  margin-right:5px;
  text-indent:-999px;
  cursor:pointer;
  background:url("../ztw2020_img/Pinpai/icoCircle.gif") 0 -9px no-repeat;
}
.picScroll-left .hd ul li.on{
  background-position:0 0;
}
.picScroll-left .bd{
  overflow: hidden;
}
.picScroll-left .bd .tempWrap{
  margin:auto;
}
.picScroll-left .bd li{
  overflow: hidden;
  float: left;
  position: relative;
}
.Product .picScroll-left .imgbox img{
  position:absolute;
  max-height: 100%;
}

/* newsbox */
.newsbox{
  padding: 60px 100px;
}
.newsbox .ns_content{
  padding: 10px 10px 60px;
}
.newsview h2{
  padding: 0 10px;
}
.newsview .ns-data{
  padding:0 10px 18px;
}

.Floor-r{
  z-index:999;
}

/* QS_con_l */
.QS_con_l{
  width:800px;
  float:left;
  margin-right:30px;
  padding: 40px;
}
.QS_con_r{
  width:350px;
  float:left;
}
.QS_con_r .ppform{
  padding:0;
}
.QS_con_r .ppform .content{
  padding:20px 15px;
}
.QS_con_l .ns_pl,.QS_con_l .ns_pl .message{
  width:100%;
}

.QS_con_l .tpage .pagebox{
  width: 47%;
}
.QS_con_r .BrandInfo_head .info .btns{
  margin-top:10px;
}
.QS_con_r .BrandInfo_head .info{
  padding-top:25px;
}