﻿
/* lg 大分辨率 大型设备（大台式电脑，1200px 起）*/
@media(min-width:1200px) {

.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:100px !important;
    padding: 12px 10px 12px 0px !important;
    color:#000;
	background:#ffffff;
}
    .main_RenderBody {
        padding-top:135px;
    }
    .product_Picture {
        width:100%;
        height:200px;
    overflow: hidden;
    background: #ffffff;
    }
}
/*md 默认 中型设备（台式电脑，992px 起） 宽桌面*/
@media(min-width:992px) and (max-width:1199px) {
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:100px !important;
    padding: 12px 10px 12px 0px !important;
    color:#000;
	background:#ffffff;
}

    .main_RenderBody {
        padding-top:135px;
    }
       .product_Picture {
        width:100%;
        height:200px;
    overflow: hidden;
    background: #ffffff;
    }
}
/* sm 小型设备（平板电脑，768px 起）界于竖直平板与水平平板/桌面之间*/
@media(min-width:768px) and (max-width:991px) {
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:100px !important;
    padding: 12px 10px 12px 0px !important;
    color:#000;
	background:#f7f7f7;
}
    .main_RenderBody {
        padding-top:135px;
    }
       .product_Picture {
        width:100%;
        height:200px;
    overflow: hidden;
    background: #ffffff;
    }
}
/*xs 界于水平手机与竖直平板之间*/
@media(max-width:767px) {
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:80px !important;
    padding: 12px 10px 12px 0px !important;
    color:#000;
	background:#ffffff;
}   
 .main_RenderBody {
        padding-top:80px;
    }
    .product_Picture {
        width:100%;
        height:100%;
    }
}


/*XS Portrait 水平状态的手机及以下*/
@media(max-width:480px){
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:80px !important;
    padding: 12px 10px 12px 0px !important;
    color:#000;
	background:#ffffff;
}
 .main_RenderBody {
        padding-top:80px;
    }
    .product_Picture {
        width:100%;
        height:100%;
    }
}


@media(max-width:360px) and (max-width:410px){
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
    height:80px;
    padding: 12px 10px 12px 0px;
    color:#000;
	background:#ffffff;
}
 .main_RenderBody {
        padding-top:80px;
    }
    .product_Picture {
        width:100%;
        height:100%;
    }
}