body{background-color:#092a3e;}
.main{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;}
a{text-decoration:none;}
ul,li,a{margin:0;padding:0;}
li{list-style:none;}
.main{max-width:1100px;text-align:center;margin:0 auto;}
.cat ul,.cat ul li,.cat ul li a{display:inline-block;}
.double-line{border-top:solid 0.2rem #fff;border-bottom:solid 0.2rem #fff;}
.cat{text-align:center;}
.cat ul li a{color:#fff;float:left;line-height:1.8rem;font-size:1.6rem;padding:0.8rem 1rem;}
.cat ul li:hover a{color:#ffeb3b;}
.banner{padding:1rem auto;}
.banner img{max-width:1100px;width:100%;padding:1rem 0;}
figure{padding:0;margin:0;}
.pro-img, .pro-des{background-color:#fff;}
.des{padding:1.2rem 0;}
.pro-des{text-align:left;padding:1.8rem;}
figure.cat-info{display:inline-block;}
.des-tit{color:#fff;text-align:left;line-height:2.8rem;font-size:1.2rem;border-top:solid 0.2rem #fff;text-indent:0.8rem;}
.cat-tit{color:#fff;text-align:left;line-height:2.8rem;font-size:1.6rem;text-indent:0.8rem;display: inline-block;width: 100%;}
.pro-des p{font-size:1.2rem;line-height:1.8rem;}
.pro-des ul li:before {content:'\2022  '}
.pro-des ul li{font-size:1.2rem;line-height:1.8rem}
.cat-img-list{margin:0;padding:1rem 0;}
.cat-img-list li{float:left;width:24.25%;margin-bottom:1%;display:block;}
.cat-img-list li a{display:inline-block;width: 100%;position:relative; overflow:hidden;}
.cat-img-list li img{width:100%;display:block;transition: all 0.6s;}
.cat-img-list li:hover img{transform: scale(1.2); }  
.cat-tip{position: absolute;z-index: 1;width: 100%;height:auto;background: rgba(234,234,234,.5);left:0;top:0;height:100%;}
.cat-tip .cat-name{font-size:1.3rem;font-weight:bold;color: #000;line-height:2rem;display:inline-block;padding-top: 42%;padding-bottom: 42%;}
ul.cat-img-list li:nth-child(2n),ul.cat-img-list li:nth-child(4n+3){margin-left: 1%;display: inline-block;}
.cat-border {position: absolute;width: 90%;height: 90%;border: solid 3px #fff;top: 4.5%;left: 4.5%;}
.info li{margin-bottom: 1rem;}
.info-btn{display:none;}
.info-mes{display:none;}
.info-mes p ,.info-mes li{color:#fff;text-align:left;font-size:1.2rem;line-height: 2rem;margin: 0;}	
.info-mes li:before{content: '\2022  ';}
.info-mes p img{width:100%;}
ul.other-info-nav {width: 100%;display: inline-block;border-bottom:solid 0.2rem #fff;}
ul.other-info-nav li {float: left;}
ul.other-info-nav li label.info-tit{color:#fff; padding:0 1rem;font-size: 1.8rem;line-height:2rem;}
.other-info .info-btn:nth-child(1):checked~ul.other-info-nav>li:nth-child(1) .info-tit,.other-info .info-btn:nth-child(2):checked~ul.other-info-nav>li:nth-child(2) .info-tit,.other-info .info-btn:nth-child(3):checked~ul.other-info-nav>li:nth-child(3) .info-tit,.other-info .info-btn:nth-child(4):checked~ul.other-info-nav>li:nth-child(4) .info-tit{background:#ccc;color:#000;font-weight:bold;border-radius: .5rem .5rem 0 0;}
.other-info .info-btn:nth-child(1):checked~ul.info>li:nth-child(1) .info-mes,.other-info .info-btn:nth-child(2):checked~ul.info>li:nth-child(2) .info-mes,.other-info .info-btn:nth-child(3):checked~ul.info>li:nth-child(3) .info-mes,.other-info .info-btn:nth-child(4):checked~ul.info>li:nth-child(4) .info-mes{display:block;}
.paymthod{padding: 0.5rem;}
.pay-ico{padding:0 1rem;}
.product-img{display:inline-block;width: 100%;}
label.slide-ico {
    width: 100%;
    height:0;
    position: relative;
    padding-bottom: 100%;
    display: inline-block;
}
.pro-slide input.slide-input{display:none;}
.slide-item{display:none;background:#e9e9e9;}
.pro-slide .slide-input:nth-child(1):checked~.slide-list .slide-item:nth-child(1),.pro-slide .slide-input:nth-child(2):checked~.slide-list .slide-item:nth-child(2),
.pro-slide .slide-input:nth-child(3):checked~.slide-list .slide-item:nth-child(3),.pro-slide .slide-input:nth-child(4):checked~.slide-list .slide-item:nth-child(4),
.pro-slide .slide-input:nth-child(5):checked~.slide-list .slide-item:nth-child(5),.pro-slide .slide-input:nth-child(6):checked~.slide-list .slide-item:nth-child(6),
.pro-slide .slide-input:nth-child(7):checked~.slide-list .slide-item:nth-child(7),.pro-slide .slide-input:nth-child(8):checked~.slide-list .slide-item:nth-child(8),
.pro-slide .slide-input:nth-child(9):checked~.slide-list .slide-item:nth-child(9),.pro-slide .slide-input:nth-child(10):checked~.slide-list .slide-item:nth-child(10),
.pro-slide .slide-input:nth-child(11):checked~.slide-list .slide-item:nth-child(11),.pro-slide .slide-input:nth-child(12):checked~.slide-list .slide-item:nth-child(12),
.pro-slide .slide-input:nth-child(13):checked~.slide-list .slide-item:nth-child(13),.pro-slide .slide-input:nth-child(14):checked~.slide-list .slide-item:nth-child(14),
.pro-slide .slide-input:nth-child(15):checked~.slide-list .slide-item:nth-child(15),.pro-slide .slide-input:nth-child(16):checked~.slide-list .slide-item:nth-child(16),
.pro-slide .slide-input:nth-child(17):checked~.slide-list .slide-item:nth-child(17),.pro-slide .slide-input:nth-child(18):checked~.slide-list .slide-item:nth-child(18),
.pro-slide .slide-input:nth-child(19):checked~.slide-list .slide-item:nth-child(19),.pro-slide .slide-input:nth-child(20):checked~.slide-list .slide-item:nth-child(20)
{display:block;}

.pro-slide .slide-input:nth-child(1):checked~.slide-small-list li:nth-child(1) label img,.pro-slide .slide-input:nth-child(2):checked~.slide-small-list li:nth-child(2) label img,
.pro-slide .slide-input:nth-child(3):checked~.slide-small-list li:nth-child(3) label img,.pro-slide .slide-input:nth-child(4):checked~.slide-small-list li:nth-child(4) label img,
.pro-slide .slide-input:nth-child(5):checked~.slide-small-list li:nth-child(5) label img,.pro-slide .slide-input:nth-child(6):checked~.slide-small-list li:nth-child(6) label img,
.pro-slide .slide-input:nth-child(7):checked~.slide-small-list li:nth-child(7) label img,.pro-slide .slide-input:nth-child(8):checked~.slide-small-list li:nth-child(8) label img,
.pro-slide .slide-input:nth-child(9):checked~.slide-small-list li:nth-child(9) label img,.pro-slide .slide-input:nth-child(10):checked~.slide-small-list li:nth-child(10) label img,
.pro-slide .slide-input:nth-child(11):checked~.slide-small-list li:nth-child(11) label img,.pro-slide .slide-input:nth-child(12):checked~.slide-small-list li:nth-child(12) label img,
.pro-slide .slide-input:nth-child(13):checked~.slide-small-list li:nth-child(13) label img,.pro-slide .slide-input:nth-child(14):checked~.slide-small-list li:nth-child(14) label img,
.pro-slide .slide-input:nth-child(15):checked~.slide-small-list li:nth-child(15) label img,.pro-slide .slide-input:nth-child(16):checked~.slide-small-list li:nth-child(16) label img,
.pro-slide .slide-input:nth-child(17):checked~.slide-small-list li:nth-child(17) label img,.pro-slide .slide-input:nth-child(18):checked~.slide-small-list li:nth-child(18) label img,
.pro-slide .slide-input:nth-child(19):checked~.slide-small-list li:nth-child(19) label img,.pro-slide .slide-input:nth-child(20):checked~.slide-small-list li:nth-child(20)
{border: solid 3px #009688;}
.slide-list,.slide-small-list{display:inline-block;width:100%;}
.slide-item img{width:80%;max-width:800px;}
.slide-small-list{width:100%;}
.slide-small-list li{float:left;width: 12.5%;display: inline-block;}
.slide-small-list li img{width:92%;display: block;border: solid 3px #fff;margin: 0.5rem .25% 0 .25%;border-radius:0.2rem;height: 92%;position: absolute;}	
.pro-slide ul{float:left;}
li.slide-item{position:relative;}
label.slide-dir {display:inline-block;width:40%;position: absolute;height:100%;z-index:100;}
label.slide-prev{left:0;text-align:right;}
label.slide-next{right:0;text-align:left;}
label.slide-prev:before{content:"<";left:0;}
label.slide-next:before{content:">";right:0;}
label.slide-prev:before,label.slide-next:before{font-size: 10rem;color: #092a3e; display: inline-block;top: 50%;position: absolute;margin-top: -10rem;text-shadow: 0px 8px #aaa;}
label.slide-dir:hover{cursor:pointer;}
label.slide-dir:hover:before{color:#009688;}
.des-img img{width:100%;}
@media only screen and (max-width:768px){
	label.slide-prev:before,label.slide-next:before{display:block;}
}
@media (min-width:768px){
	label.slide-prev:before, label.slide-next:before{display:none;}
	.slide-list li:hover label.slide-prev:before, .slide-list li:hover label.slide-next:before{display:block;}
}
	

.des-tab{width:100%;border-collapse: collapse;}
.des-tab td{
	border: 0.2rem solid #000;
	font-size: 1.2rem;
    line-height: 1.8rem;
	text-indent:0.3rem;
}