#navHeight{  padding:3vh 0}
.proName{ float:left;height:5vh; line-height:5vh;display: flex;align-items: center; }
.proName i{font-size:1.0vw;color: #cf1a20; padding:0 0.5vw 0 1vw;}
.proName span{ font-size:1.2vw;letter-spacing:.1vw;}
#nav-box{position:fixed;width: 100%; left:0; top:90px;  background:#fbfbfb; padding:2vh 0;z-index:9;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;} 

#nav-box.navFix{padding:2vh 0; position:fixed; width: 100%; left:0; top:0; background:#fbfbfb;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-moz-box-shadow: 1px 1px 10px #cacaca;-webkit-box-shadow: 1px 1px 10px #cacaca;box-shadow:1px 1px 10px #cacaca;} 

#nav-box.navFixandmenu{ position:fixed;width: 100%; left:0; top:90px;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}

.level01{padding:10vh 0;position:relative; }

.level01 .bgImg{ position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0;}

.level01 .bgImg img{ width:100%; height:100%;}

.level01 .pubContainer{}

.level01 .proBox{width:50%; height:auto; float:left; padding:0 0;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}

.level01 .proBox img{ width:100%; height:auto; min-width:450px;}

.level01 .txtBox {width:50%; height:100%; margin:auto; float:left;display: flex;align-items: center;}

.picTxt{padding:6vh 0; width:100%; position:relative;}
.picTxt .titleItem{  padding:6vh 0; font-size:0;height:3.6vw; margin-bottom:1.5vh; display: flex;align-items: center; }
.picTxt .titleItem img{display:inline-block;width:auto; height:3.6vw; padding:0; margin:0;vertical-align:top;}
.picTxt .titleItem h1{color: #fff;line-height:3.6vw; letter-spacing:.1vw; font-weight:500; padding:0 1.5vw 0 1.5vw; height:3.6vw;display:inline-block;background:#d10412; }

.picTxt .showTxt{ border:#f1f1f1 solid 1px; padding:0; background:#fdfdfd;}
.picTxt .showTxt ul li{border:#fff solid 1px;border-top:#f1f1f1 solid 1px;padding:0;}
.picTxt .showTxt ul li:first-child{border-top:#fff solid 1px;}
.picTxt .showTxt ul li .tab{float: left;padding:0 2.5vw;}
.picTxt .showTxt ul li .name{width:180px;padding:1.5vh 2.5vw 1.5vh 2.5vw; text-align:left; border-right:#f1f1f1 solid 1px;}
.picTxt .showTxt ul li .num{width:calc(100% - 180px); padding:1.5vh 2.5vw;text-align:left;border-left:#fff solid 1px; position:relative;}
.picTxt .showTxt ul li .num span.price{font-size:1.2vw; color:#df0716;position: absolute; top: 50%; transform: translate(0, -50%);}
.picTxt .showTxt ul li .num span.through{text-decoration:line-through; margin-left:7vw; color:#686868}
.picTxt .showTxt ul li .num span.sales,.picTxt .showTxt ul li .num span.active{color:#df0716;}
.picTxt .showTxt ul li .num span.active a{color:#df0716; text-decoration:underline;}
.picTxt .showTxt ul li:last-child{width:100%; padding:1.5vh 0; text-align:left; position:relative;cursor:pointer;}
.picTxt .showTxt ul li:last-child i{ padding:0 .3vw 0 0 ; }
.picTxt .showTxt ul li:last-child span{ color: #3f3f3f;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child:hover span{color:#df0716;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child:hover .showCode{ opacity:1; visibility:visible;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child .showCode{-moz-box-shadow: 1px 1px 20px #cacaca;-webkit-box-shadow: 1px 1px 20px #cacaca;box-shadow:1px 1px 20px #cacaca; display:table;  opacity:0; visibility:hidden; width:calc(100% + 4px); height:100%; padding:1vh 2vw; border:#f1f1f1 solid 1px; border-top:#f1f1f1 solid 1px; position:absolute; left:-2px; top:100%; z-index:2; background:#fff;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s; cursor:pointer}
.picTxt .showTxt ul li:last-child .showCode .codeBox{padding:0 ;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeImg{ float:left; width:auto; height:100% ;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeImg img{ width:100%; height:auto;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt{ position: absolute; top: 50%; transform: translate(1.5vw, -50%); display:inline;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt p{ padding:0.2vh 0;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt p.row1{color:#df0615;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up{ position:absolute; top:calc(-1vh - 7px); left:.5vw;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up { width: 0px; height: 0px; border-width: 0 8px 8px; border-style: solid;border-color: transparent transparent #f1f1f1;position: relative;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up .child {width: 0px; height: 0px;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #fff;position: absolute;
top: 1px; left: -7px;}


.picTxt .showTxt ul li .like{width:50%;  padding:1.5vh 1.5vw;  text-align:left;border-left:#fff solid 1px; }
.picTxt .showTxt ul li .like i{color:#df0716; }
.picTxt .showTxt ul li .like i.collection{ display:inline-block; }
.picTxt .showTxt ul li .like i.collection.is-visible{ display:none;}
.picTxt .showTxt ul li .like i.collectioned{ display:inline-block ; }
.picTxt .showTxt ul li .like i.collectioned.is-visible{display:none;}
.picTxt .showTxt ul li .like span{padding:0 .5vw;  }

.level02{padding:8vh 0;position:relative; }
.level02 h1{ font-weight:500; font-size:2.2vw; margin:3vh 0;letter-spacing:.2vw;}
.level02 .mainCon{ padding:2vh 0;}
.level02 .mainCon h2,.level02 .mainCon h3,.level02 .mainCon h4,.level02 .mainCon h5{font-weight:500; padding:0 0; line-height:200%;}
.level02 .mainCon img{ width:auto; height:auto; margin:5vh 0;}
.level02 .mainCon p{ margin:1vh 0; text-align:left; line-height:200%; font-size:0.9vw}
.level02 .mainCon a{ color:#cf1a20 ; text-decoration:underline;}

@media (min-width: 769px) and (max-width: 1320px){
	.level01 .proBox img{ width:100%; height:auto; min-width:inherit;}
	
.picTxt .titleItem{ font-size:0;height:40px; margin-bottom:0; display: flex;align-items: center; }
.picTxt .titleItem img{display:inline-block;width:auto; height:40px; padding:0; margin:0;vertical-align:top;}
.picTxt .titleItem h1{ font-size:24px; color: #fff;line-height:40px; letter-spacing:.1vw; font-weight:500; padding:0 1.5vw 0 1.5vw; height:40px;display:inline-block;background:#d10412; }


	.picTxt .showTxt ul li .name{width:100px;padding:1.0vh 2.0vw 1.0vh 2.0vw; text-align:left; border-right:#f1f1f1 solid 1px;}
.picTxt .showTxt ul li .num{width:calc(100% - 100px); padding:1.0vh 2.0vw;text-align:left;border-left:#fff solid 1px; position:relative;}

}
@media (max-width: 768px) {
#navHeight{  padding:10px 0}
.proName{ display:none;}

#nav-box{position:fixed;width: 100%; left:0; top:60px;  background:#fbfbfb; padding:10px 0;z-index:9;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;} 

#nav-box.navFix{padding:10px 0; position:fixed; width: 100%; left:0; top:0; background:#fbfbfb;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-moz-box-shadow: 1px 1px 10px #cacaca;-webkit-box-shadow: 1px 1px 10px #cacaca;box-shadow:1px 1px 10px #cacaca;} 

#nav-box.navFixandmenu{ position:fixed;width: 100%; left:0; top:60px;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}

.level01{padding:100px 0 20px 0;position:relative;}

.level01 .bgImg{ display:none;}

.level01 .pubContainer{}

.level01 .proBox{width:100%; height:auto; float:none; padding:0 0;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}

.level01 .proBox img{ width:100%; height:auto; min-width:inherit}

.level01 .txtBox {width:100%; height:auto; margin:auto; float:none;display:block;align-items: center;}

.picTxt{ width:100%; position:relative; padding:30px 0;}

.picTxt h1{ padding:40px 0; font-size:36px; font-weight:500}
.picTxt{padding:0 0; width:100%; position:relative;}
.picTxt .titleItem{  padding:30px 0; font-size:0;height:auto; margin-bottom:0; display: flex;align-items: center; }
.picTxt .titleItem img{display:none;width:auto; height:auto; padding:0; margin:0;vertical-align:top;}
.picTxt .titleItem h1{color: #cf1a20;line-height:100%; letter-spacing:0; font-weight:500; padding:0 0; height:auto;display:inline-block;background:none; }

.picTxt .showTxt{ border:#f1f1f1 solid 1px; padding:0; background:#fdfdfd;}
.picTxt .showTxt ul li{border:#fff solid 1px;border-top:#f1f1f1 solid 1px;padding:0;}
.picTxt .showTxt ul li:first-child{border-top:#fff solid 1px;}
.picTxt .showTxt ul li .tab{float: left;padding:0 20px;}
.picTxt .showTxt ul li .name{width:100px;padding:10px 20px 10px 20px; text-align:left; border-right:#f1f1f1 solid 1px;}
.picTxt .showTxt ul li .num{width:calc(100% - 100px); padding:10px 20px;text-align:left;border-left:#fff solid 1px; position:relative;}
.picTxt .showTxt ul li .num span.price{font-size:1.2vw; color:#df0716;position: absolute; top: 50%; transform: translate(0, -50%);}
.picTxt .showTxt ul li .num span.through{text-decoration:line-through; margin-left:7vw; color:#686868}
.picTxt .showTxt ul li .num span.sales,.picTxt .showTxt ul li .num span.active{color:#df0716;}
.picTxt .showTxt ul li .num span.active a{color:#df0716; text-decoration:underline;}
.picTxt .showTxt ul li:last-child{width:100%; padding:10px 0; text-align:left; position:relative;}
.picTxt .showTxt ul li:last-child i{ padding:0 5px 0 0 ;}
.picTxt .showTxt ul li:last-child span{ color: #3f3f3f;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child:hover span{color:#df0716;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child:hover .showCode{ opacity:1; visibility:visible;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.picTxt .showTxt ul li:last-child .showCode{ display:table;  opacity:0; visibility:hidden; width:calc(100% + 4px); height:100%; padding:10px 10px; border:#f1f1f1 solid 1px; border-top:#f1f1f1 solid 1px; position:absolute; left:-2px; top:100%; z-index:2; background:#fff;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s; cursor:pointer}
.picTxt .showTxt ul li:last-child .showCode .codeBox{padding:0 ;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeImg{ float:left; width:auto; max-width:120px; height:100% ;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeImg img{ width:100%; height:auto;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt{ position: absolute; top: 50%; transform: translate(10px, -50%); display:inline;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt p{ padding:5px 0;}
.picTxt .showTxt ul li:last-child .showCode .codeBox .codeTxt p.row1{color:#df0615;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up{ position:absolute; top:calc(-10px - 8px); left:8px;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up { width: 0px; height: 0px; border-width: 0 8px 8px; border-style: solid;border-color: transparent transparent #f1f1f1;position: relative;}
.picTxt .showTxt ul li:last-child .showCode .triangle_border_up .child {width: 0px; height: 0px;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #fff;position: absolute;
top: 1px; left: -7px;}


.picTxt .showTxt ul li .like{width:50%;  padding:1.5vh 1.5vw;  text-align:left;border-left:#fff solid 1px; }
.picTxt .showTxt ul li .like i{color:#df0716; }
.picTxt .showTxt ul li .like i.collection{ display:inline-block; }
.picTxt .showTxt ul li .like i.collection.is-visible{ display:none;}
.picTxt .showTxt ul li .like i.collectioned{ display:inline-block ; }
.picTxt .showTxt ul li .like i.collectioned.is-visible{display:none;}
.picTxt .showTxt ul li .like span{padding:0 .5vw;  }

.level02{padding:50px 0;position:relative; background:#fbfbfb;}
.level02 h1{ font-weight:500; font-size:36px; margin:20px 0;letter-spacing:3px;}
.level02 .mainCon{ padding:10px 0;}
.level02 .mainCon h2,.level02 .mainCon h3,.level02 .mainCon h4,.level02 .mainCon h5{font-weight:500; padding:0 0; line-height:200%;}
.level02 .mainCon img{ width:100%; height:auto; margin:20px 0;}
.level02 .mainCon p{ margin:10px 0; text-align:left; line-height:200%; font-size:14px}
.level02 .mainCon a{ color:#cf1a20 ; text-decoration:underline;}
}