@charset "utf-8";
/* CSS Document */
/* 窗口宽度>1180,设计宽度=1180 */
@media screen and (min-width:1180px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 1180px }
}
/* 窗口宽度<1180,设计宽度=1000 */
@media screen and (max-width:1179px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 1000px }
.slider-item-info{ width:100%; left:0; margin-left:0; box-sizing:border-box}
/*看点*/
.tab-one { width: 203px; }
#tabs_container { width: 780px;}
#tabs_container .tab-c { width: 780px; }
.mod-picbox { width: 420px; }
.mod-rightinfo { width: 480px; }
.mod-pro-other{ width:620px}
.mod-pro-other li{ width:50%; }
.mod-pro-other-1{ width:100%}
.mod-product-1 .u-pro-img{ width:450px}
.mod-hot{ width:100%}
.mod-news{ width:600px;}
.side-product{ float:left; width:100%}
.mod-list-4 .mod-solictinfo {
  width: 40%;
}
}
/* 窗口宽度<1000,设计宽度=768 */
@media screen and (max-width:999px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 100% }
/*看点*/
.tab-one { width: 203px; }
#tabs_container { width: 680px;}
#tabs_container .tab-c { width: 680px; }
/*/*.mod-contribution li { width: 50%; }*/*/
.mod-picbox { width: 100%; }
.mod-rightinfo { width:100%; clear:both }
.mod-recommend-1 li{ width:33.333%}
.mod-product-3 .u-pro-info{ width:100%;}
.mod-pro-other { width:100%}
.mod-pro-other li{ width:50%; }
.mod-product-1 .u-pro-img{ width:100%}
.mod-hot{ width:100%}
.side-product{width:100%}
.mod-news{ width:550px;}
.mod-list-4 li {width: 100%;}
.mod-list-4 .mod-solictinfo {
  width: 50%;
}
}
/* 窗口宽度<1000,设计宽度=768 */
@media screen and (max-width:900px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 100% }
/*看点*/
.tab-one { width: 203px; }
#tabs_container { width: 550px;}
#tabs_container .tab-c { width: 550px; }
/*.mod-contribution li { width: 50%; }*/
.mod-picbox { width: 100%; }
.mod-rightinfo { width:100%; clear:both }
.mod-recommend-1 li{ width:33.333%}
.mod-product-3 .u-pro-info{ width:100%;}
.mod-pro-other{ width:100%; clear:both}
.mod-pro-other ul{ width:100%;}
.mod-pro-other li{ width:50%; }
.mod-product-1 .u-pro-img{ width:100%}
.mod-hot{ width:100%}
.side-product{width:100%}
.mod-news{ width:430px;}
.mod-list-4 li {width: 100%;}
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 100% }
/*看点*/
.tab-one { width: 103px; }
#tabs_container { width: 520px;}
#tabs_container .tab-c { width: 520px; }
/*.mod-contribution li { width: 50%; }*/
.mod-picbox { width: 100%; }
.mod-rightinfo { width:100%; clear:both }
.mod-recommend-1 li{ width:33.333%}
.mod-product-3 .u-pro-info{ width:100%; }
.mod-pro-other{ width:100%;}
.mod-pro-other ul{ width:100%;}
.mod-pro-other li{ width:50%; }
.mod-news{ width:100%; box-sizing:border-box}
.top-nav .navbar-header li#navitem-mobile{ display:block;}
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 100% }
/*看点*/
.tab-one { width: 35px; overflow:hidden }
#tabs_container { width: 420px;}
#tabs_container .tab-c { width: 420px; }
/*.mod-contribution li { width: 50%; }*/
.mod-picbox { width: 100%; }
.mod-rightinfo { width:100%; clear:both }
.mod-recommend-1 li{ width:50%}
.mod-product-3 .u-pro-info{ width:100%; clear:both}
.mod-pro-other{ width:100%; clear:both}
.mod-pro-other ul{ width:100%;}
.mod-pro-other li{ width:50%; }
.mod-list-4 li{ width:100%}
.mod-list-1 dl dd .u-img-1{ float:none; overflow:hidden}
#header .navbar-header{ display:none}
.top-nav .navbar-header { opacity: 1; display:block }
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
.wrap,.grid-c,.grid-4,.foot_cont,.crumb { width: 100% }
.tab-one { width: 35px; overflow:hidden }
#tabs_container { width: 290px;}
#tabs_container .tab-c { width: 290px; }
.mod-contribution li { width: 100%;}
.mod-picbox { width: 100%; }
.mod-rightinfo { width:100%; clear:both }
.mod-recommend-1 li{ width:100%}
.mod-product-3 .u-pro-info{ width:100%; }
.mod-pro-other{ width:100%;}
.mod-pro-other li{ width:100%;}
.pic-story li { width: 100%}
.pic-story ul:hover li{width:100%;}
.pic-story ul li:hover{width:100%;}
.mod-cover{ display:none}
.grid-focusbox {  padding: 20px; }
.mod-recommend li{ width:100%;}
} 
@media screen and (max-height:1000px){
.grid-4{	 min-height:580px;}
 
}
@media screen and (max-height:700px){
.grid-4{	 min-height:450px;}
}
@media screen and (max-height:600px){
.grid-4{	 min-height:350px;}
}
.fa-photo-lg{ font-size:1.11em}