/*Landing Page*/
.TopLevel {padding:0 0 15px;}
.tl-cols .col {float:left;width:213px;height:113px;overflow:hidden;margin:0 15px 0 0;}
.tl-cols .rf {background:url(../images/toplevel/s1.jpg) no-repeat;}
.tl-cols .mm {background:url(../images/toplevel/s2.jpg) no-repeat;}
.tl-cols .ym {background:url(../images/toplevel/s3.jpg) no-repeat;}
.tl-cols .qs {background:url(../images/toplevel/s4.jpg) no-repeat;width:223px;margin-right:0;}
.tl-cols h3 {font-size:14px;color:#fff;text-align:center;height:26px;line-height:26px;}
.tl-cols .bd {padding:15px 0 5px 75px;font-size:10px;padding-top:2px;}
.tl-cols .qs .bd {padding-left:95px;}
.tl-cols .mm .bd {padding-left:85px;}
.tl-cols .rf .bd {padding-top:15px;}


.desc-img {float:left;margin:0 15px 0 0;}
.desc-txt {overflow:hidden;text-align:center;}

.tl-desc h2 {font-size:40px;color:#393766;margin:20px 10px 15px;text-align:center;font-weight:400;}
.tl-desc p {font-size:14px;margin-bottom:15px;line-height:20px;text-align:justify;}


.tl-productw {padding:10px 5px;}
.tl-productw li {float:left;position:relative;overflow:hidden;margin:5px 7px 10px 10px;}


.tl-productw .divimg {}
.divimg .btn {position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:6px 0;background:rgba(0, 0, 0, 0.5);white-space:nowrap;color:#fff;}
.tl-productw li a {display:block;}


.tl-productw li a:hover {text-decoration:none;}

.tl-productw .desc {text-align:center;margin-top:-20px;}
.tl-productw .pimg {text-align:center;overflow:hidden;display:none;}
.tl-productw .pimg h3 {font-size:18px;margin:10px 0;font-weight:400;white-space:nowrap;}
.tl-productw .pimg p {color:#333;}
.tl-productw .price {font-weight:bold;text-align:center;font-size:16px;}
.tl-productw .action {border: 1px solid #ECEBF1;background: #F4F4FA;height: 20px;position: relative;margin-top: 5px;text-align:right;}
.tl-productw .action .select {display: inline-block;font-size: 12px;font-weight: bold;background: #393766;color: #fff;margin: 2px 8px;padding: 1px 4px;}

.tl-pop {display:none;}
.tl-view .btn-normal {padding:10px 30px;font-size:18px;font-weight:400;display:inline-block;margin:20px 0 0;background:#1F3101;float:right;}


.tl-view {position:absolute;left:50%;display:none;z-index:1002;background:#fff;border:1px solid #efefef;}
.tl-view .inn {padding:30px 20px 20px;;}
.tl-view .xxx{position:absolute;top:0;right:5px;font-size:30px;color:#393766;}
.tl-view .xxx:hover {text-decoration:none;}
.tl-view .img {float:left;width:40%;margin-right:5%;margin-bottom:2%;}
.tl-view .img {padding:5px;border:1px solid #efefef;}
.tl-view .txt {overflow:hidden;}
.tl-view .txt h2 {font-size:28px;font-weight:400;margin:10px 0;color:#7d0101;}
.tl-view .txt p {line-height:1.8;font-size:16px}
@media only screen and (min-width: 950px) {
	.tl-view {width:950px;margin-left:-475px;}
	.tl-productw li {width:216px;}
	.divimg .btn {font-size:14px;}
	.tl-banner {margin:0 -30px}
}
@media only screen and (min-width: 1340px) {
	.TopLevel {margin:0 -70px;}
	.tl-productw li {width:313px;}
	.tl-view {width:1200px;margin-left:-600px;}
	.tl-banner {margin:0}

}

@media only screen and  (min-width: 768px) and (max-width: 949px) {
	.tl-banner {margin:0 -10px;}
	.tl-view {width:90%;margin-left:-45%;}
	.tl-productw li {text-align:center;margin:1%;width:48%;}
}

@media only screen and (max-width: 767px) {
	.TopLevel {padding:0 0 18px;}
	.tl-view {width:90%;margin-left:-45%;}
	.tl-productw {padding:0;}
	.tl-productw li {text-align:center;margin:1%;width:48%;}
	.tl-view .img ,.tl-desc p{display:none;}
	.tl-view .txt h2,.tl-desc h2 {font-size:20px;}
	
}