/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/
/*Common For Max 960*/
@media only screen and (max-width: 1060px){#pro_tj_right,#pro_left,#slider,.pleft{float:none!important; height:auto!important; width:100%!important;}}
@media only screen and (max-width: 999px) {
	.wp{width: 98%;}
	.hid,.Btns{ height:0!important; overflow:hidden!important}
.list_con ul li { width:100%}
.history { background: url(../images/line04.gif) repeat-y 5% 0; overflow: hidden; position: relative; margin-top:30px; }
	.history-date h2 { background: #fff url(../images/icon06.gif) no-repeat 1% 0; height: 59px; font-size: 25px; font-weight: normal; padding-left: 5px; margin-bottom: 74px; }
.history-date ul li { background: url(../images/icon07.gif) no-repeat 4% 0; padding-bottom: 5%; zoom: 1; width:100% }
.history-date h2{padding-left: 25%!IMPORTANT;}
.history-date ul li dt{ padding-left:3%}
.history-date ul li h3{ float:none!IMPORTANT;}
#slider,.slider_box,.silder_panel,.slider_box{ width:500px!important;}
.silder_panel img{ height:400px!important;}
.silder_nav{ width:470px!important;}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	
.hid{ height:0!important; overflow:hidden!important}
.list_con ul{ max-height:195px}}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.pc-nav,#sy_scx {height:0!important; overflow:hidden!important}
	#sy_news{ width:36%!important}
    #sy_pro{ width:58%!important; }
#m-hd{ display:block}
.que_l,.smenu,.turn_b{ width:100%!important; float:none!important}
 .que_r{ display:none!important}
 .tro_x h1{ font-size:16px!important}
 .new_nr img{ width:90%; height:auto; overflow:hidden}

}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
	
	#m-hd{display: block;!important} 
	.hid,.hidlc,.hide480,#sy_news_tj,.footer_about,.scx02,.scx03,.scx04,#pro_right{ height:0!important; overflow:hidden!important}
	.footer_about{ text-align:center}
.search_header .search_box input{ width:50%}
.search-submit{ width:23%}
#sy_news,#sy_pro,.footer-top,.search_share_in .search,.sidebar,.con_main,.sidebarcy,.con_maincy,.cp,.cp2,.con_maintj,.i_recom .panel,.pleft{ width:100%!important; float:none!important}
#sy_news_tj{ padding-bottom:0!important;margin: 7px 0 0!important;}
#sy_news li a .lbt{ width:80%!important}
#sy_news li a .ldt{width:20%!important}
#sy_pro{ margin-left:1%!important}
#sy_pro h3{margin-left:0%!important}
#sy_news{ border-bottom:#ebebeb 1px solid; padding-bottom:10px}
.con_nav li{ width:15%!important}
.scx li{ width:20%; float:left}
.i_recom dl{ margin-right:0px!important;}
.i_recom dd{ width:47%!important}
.con_maintj .i_recom dd{ width:30%!important}
#pro_tj_right,#pro_left{float:none!important; height:auto!important; width:100%!important;}
.rslides .pcimg,.retial_img .pcimg{  height:0!important; overflow:hidden!important;padding:0px!important;}
	.rslides .mobileimg,.retial_img .mobileimg{display:inline-block!important; width:100%; height:auto; overflow:hidden}
	}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	#m-hd,#m-hd2{display: block;!important}
	.hid,.hide,.pro_change,.hide480,.i_recom .panel{height:0!important; overflow:hidden!important}
	.i_recom dd .img{ max-height:80px!important}
	
	.i_main_t .i_add_ico li{ width:30%!important;}
.con_nav li{ width:22%!important}
.contact li dl dd{ font-size:12px}
.nr p img{float: none!important;
    margin-right:0!important;
    margin-top:0!important;}
	.newpic dl dt,.newpic dl dd,.newslist2 li a img{width:100%!important; float:none!important;height:auto !important;}
	#slider, .slider_box, .silder_panel, .slider_box,.silder_panel img,.silder_nav{ width:320px!important}
	.slider_box{ height:400px!important}
	.silder_panel img{height:260px!important}
	
	
	
}
@media only screen and (max-width: 430px) {

}

@media only screen and (max-width: 400px) {.i_recom dd{ width:45%!important};.silder_nav{ height:80px!important}
	
.nav_m ul li a{ font-size:13px!important}
}

@media only screen and (max-width: 1060px) {

	


}
@media only screen and (max-width: 879px){.hide01{ display:none}

}