@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1163px)
{
	#header .header,#banner,#threebox .threebox,#fourbox .fourbox,#five .five,#fix .fix,#sanven .sanven,#team .team,#footer .footer,#copyright .copyright{ width:98%; padding:0 1%;}
	#banner .banner{ width:100%;}
	#banner .banner .pic_list ul{ text-align:center;}
	#banner .banner .pic_list ul li{ float: inherit; display:inline-block;}
	#page_content{width:98%; padding:0 1%;}
	#page_content .page_content,#team .index_about{ width:100%;}
	#five .five{ width:90%;}
	#in-main .in-main,#brands .brands{width:98%; padding:0 1%;}
	.cm-box img{ max-width:100%;}
}
@media screen and (max-width:1160px)
{
	#header .header .head_nav{ display:none; width:100%; position: absolute; background-color:#ffffff; top:122px;z-index: 3;}
	#header .header ul.navigation li{ width:100%; padding:0; text-align:center; border-bottom:1px solid #cccccc;}
	#header .header ul.navigation li.hover a,#header .header ul.navigation li.hover a:hover{color:#ffffff;}
	#header .header ul.navigation li:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; background-color:#234971; color:#ffffff;}
	#header .header ul.navigation li .search{ float:inherit;width: 90%;}
	#header .header ul.navigation li input.go_btn{float:inherit; position:relative; top:9px; left:-3px;}
	#header .header .menu_button{ display:block;}
	.mobile-pc{display:none;}
	.mobile-head{display:none;}
	
}
@media screen and (max-width:1010px)
{
	#team .team{ display:none}
	#sanven .sanven .conmk .cmli img{ width:90%;}
	#header .header .logo{ width:100%; text-align:center; padding-top:40px; }
	#header .header .head_basic_info{ width:100%; text-align:center;}
	.in-main .cate-nav{width:100%;background-color: #1e62af;}
	.in-main .cate-logo{ width:100%;padding-left:0; margin-top:5px;}
}
@media screen and (max-width:890px)
{
	#page_content .page_content .main .main_left{ position:absolute; left:-252px;z-index: 2; background-color:#ffffff;}
	#page_content .page_content .main .main_right{ width:100%;}
	#left_btn{ display:block;z-index: 3;}
	#page_content .page_content .main .prolist ul.pro_ li{width: 31%;}
	
	#banner .banner .picshow{border-radius: 10px 10px  10px 10px;    -moz-border-radius: 10px 10px  10px 10px;-webkit-border-radius: 10px 10px  10px 10px;    margin-bottom: 0px;}
}
@media screen and (max-width:825px)
{
	#five .five .five_ban{ width:100%;}
	#five .five .five_ban .fiv_other{    width: 100%;padding-left:0;}
	#fix .fix .fix_box .fixbox_li{ width:33.3%;}
	#footer .footer .first{ display:none}
	#footer .footer .f_mk{ width:50%;}
	#copyright .copyright .follow{ width:100%; text-align:center;padding-top:10px; padding-bottom:10px;}
	#copyright .copyright .follow a{ float:none;display: inline-block; }
	#footer .footer .f_mk{ width:96%; padding:0 2%;}
	#footer .footer .f_mk .f_mk_title {padding-left:0}
	.con_ul{  box-sizing:border-box;}
	#footer .footer .fk_three{ padding-left:0;}
	#copyright{ text-align:center;}
	#copyright .copyright img.foot_logo{ float:none;}
	#copyright .copyright .ri_txt{ width:100%;padding-top:0;}
	#footer .footer{ padding:0 20px 20px 20px; box-sizing:border-box;}
}

@media screen and (max-width:800px)
{
	#fourbox .fourbox .ping_m1{ width:30%;}
	#fourbox .fourbox .ping_m2{ width:48%;}
	
}
@media screen and (max-width:740px)
{
	#page_content .page_content .main .prolist ul.pro_ li{width: 48%;}
	#page_content .page_content .main .subclass ul li{padding: 15px 2%;}
	#page_content .page_content .main .detail_right{ width:100%;}
	#page_content .page_content .main .detail_left{    width: 84%;margin-right: 0; }
	.in-main .cate-logo .col-md-4{width: 50%;}
}
@media screen and (max-width:670px)
{
	#threebox .threebox .threeboxcon_row .aboutbox{ padding:0;}
	#threebox .threebox .threeboxcon_row{ width:100%;}
	#fix .fix .fix_box .fixbox_li{ width:50%;}
	#fix .fix .fix_box .fixbox_li img.fx{ width:80%;}
	#sanven .sanven .conmk .cmli{ width:100%; margin-bottom:20px}
	#fourbox .fourbox .ping_m1{width: 37%;}
	#fourbox .fourbox .ping_m2{ width:59%;}
	#fourbox .fourbox .m3{ width:98%;}
}
@media screen and (max-width:600px)
{

	#footer .footer .f_mk{ width:100%; padding-left:0;}
	#footer .footer .fk_three{ padding:0; margin-top:20px;}
	#header .header .head_basic_info{ width:100%;text-align: center;}
	#header .header .logo{ width:100%; text-align:center; padding-top:80px; }
	#header .header ul.navigation{top:40px;}
	#page_content .page_content .main .detail_left{ width: 80%;}
	#banner .banner .pic_list{ display:none}
	#header .header .head_nav{ top:122px;}
	.in-main .cate-logo .col-md-4{width: 100%;}
}
@media screen and (max-width:550px)
{

}
@media screen and (max-width:505px)
{

	#page_content .page_content .main .prolist ul.pro_ li{width: 97%;}
	#page_content .page_content .main .detail_left{ width: 75%;}
}
@media screen and (max-width:340px)
{
	#fix .fix .fix_box .fixbox_li{ width:100%;}
}