@charset "utf-8";
/* CSS Document */

.n_box{width:100%; max-width: 1920px; margin: auto; background: #a52020;}
.n_banner_bg{width:100%; max-width: 1920px; margin: auto;} 
.n_banner{ width:100%; max-width: 1196px; margin: auto;}
.n_banner img{ display: block;width: 100%;}
.n_product_box{ width: 100%; max-width: 1920px; margin: auto; background: #151517; overflow: hidden; padding-bottom: 25px;}
.n_product{ width: 100%; max-width: 1196px; margin: auto;} 
.n_title{ width: 811px; height: 68px; line-height: 68px; font-size: 53px; font-family: Myriad Pro; font-weight: bold; text-align: center; color: #ffffff;  margin: 27px auto 34px;text-transform:uppercase;}
.n_title span{font-size:20px; display: inline-block;line-height: 68px;}


.banner_bottom{ width: 100%; max-width: 1196px; margin: auto; padding: 40px 0;}
.banner_bottom img{ width: 100%;}


.n_product{     width: 100%;
    background: #103b78;
    overflow: hidden;
    padding: 17px;
    background-size: 100%;}
.n_product ul{ width: 100%; margin: auto; padding-top: 10px; overflow: hidden;}
.n_product li{ width: 25%; float: left; padding-bottom: 17px;}
.product_content{ width:98%; max-width: 281px; margin: auto; background: #fff; overflow: hidden;}
.product_img{ width:100%; max-width: 275px; margin: auto; overflow: hidden;}
.product_title{    width: 97%;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 20px;
    height: 40px;
    overflow: hidden;}
.product_title a{ color: #000; text-decoration: none;}
.product_price{ width: 100%; margin: auto; text-align: center; font-size: 20px; font-weight: bold; color: #767272; line-height: 1.4;text-decoration: line-through; }
.product_price p{     display: inline-block;
    color: #f97d18;
    text-decoration: none;
    font-size: 36px;
    padding-right: 5px;}
.product_buy{ width: 100%; max-width: 142px; height: 32px; line-height: 32px; margin:0 auto 17px; background: #f97d18;    text-transform: uppercase;text-align: center;}
.product_buy a{color: #fff;width: 100%; text-decoration: none;}
.product_discount{ display:none;}
.product_img img{width:100%;  transitaion:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -webkit-transition:0.5s;}
.product_img img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.n_product1 li{ width:33.3%;}
.n_product1 .product_content{     width: 98%; max-width: 373px; margin: auto; background: #fff; overflow: hidden;}
.n_title1{}

/*nav*/
li{ list-style-type:none; }
.nav .nav_content h1{ font-size: 20px;text-align: center;line-height: 20px;color: #fff;margin-top: 5px;margin-bottom: 20px;}
.nav { width: 100%; position: fixed; z-index: 9999;}
.nav {transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;opacity: 0;filter: alpha(opacity:0);}
.nav .nav_content { position: fixed; right: 40px; z-index: 99999; width: 136px; padding-top: 17px; bottom: 50%; margin-bottom: -110px; background: #b0b0b0; border-radius: 5px;     padding-top: 15px;    height: 345px;}
.nav_content ul{
	    background: #313131;
    width: 95%;
    margin: auto;
} 

.nav ul .floor_nav,.nav_content a {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	}
.nav_content a:hover { color:#000;}	
.nav ul .floor_nav {
    color: #b0b0b0;
    text-align: center;
    height: 53px;
    width: 86%;
    margin: auto;
    line-height: 1;
    cursor: pointer;
    padding: 15px 0;
    font-size: 14px;
}
.nav ul .floor_nav:hover,.nav ul li.nav_top:hover{}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav:hover {/*background: #000*/	color:#f97d18;}
.nav ul .floor_nav_cur {color:#f97d18;} 
.nav ul li.nav_top { text-align: center;  font-weight: bold; cursor: pointer; line-height: 0px; padding-top: 0px;
    font-size: 14px;
    text-decoration: none;
}
.ico{ padding-left: 10px; padding-top: 8px;}
.ico img{ margin-right: 10px;}
	.coupon{ 
	    position: absolute;
    left: 10.3%;
    top: 46%;
    width: 190px;
    height: 40px;
    font-size: 19px;
    color: #fff;
	}
 @media(max-width:1200px){
    .nav .nav_content { display: none;}    
}
 
@media(max-width:768px){
	.nav .nav_content { display:none;}
    .n_title {
        width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #fde8a2;
    margin: 2px auto 3px;
    text-transform: uppercase;
	}
 .n_product {
    width: 100%;
    overflow: hidden;
    padding: 4px;
    background-size: 100%;
}
	.n_title img{    width: 50%;}
	.n_product ul {
    width: 100%;
    margin: auto;
    padding-top: 4px;
    overflow: hidden;
}
	.n_product li {
    width: 50%;
    float: left;
    padding-bottom: 7px;
}
	.product_title {
    width: 100%;
    font-size: 12px;
    color: #333333;
    text-align: center;
    line-height: 1;
    height: 24px;
    overflow: hidden;
}
	.product_price {
	font-size: 10px;
	}
	.product_price p {
		font-size: 22px;
		
	}
.product_buy {
    width: 100%;
    max-width: 103px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto 7px;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
}
	.banner_bottom {
    width: 100%;
    max-width: 1196px;
    margin: auto;
    padding: 10px 0;
}
	.n_title span {
    font-size: 8px;
}
	
	}