@charset "utf-8";
/* CSS Document */

@media (max-width:1200px)
{   
	.compname {font-size: 26px;}
	.logo img{ width:120px; height:48px; margin-top:24px; margin-right:10px; float:left;}
	.supply .row .col-lg-2 {width:33.3333333%; float:left;}
	.company_news .container .row .col-lg-6, .company_solution .container .row .col-lg-6, .company_cases .container .row .col-lg-6, .company_article .container .row .col-lg-6, .company_zizhi .container .row.col-lg-6, .company_recruitment .container .row .col-lg-6, .company_contactus .container .row .col-lg-6 { width:50%;margin-top: 20px;}
	.company_zizhi .company_zizhi_pic .row .col-lg-3{ width:25%; float:left;}
	.company_contactus_name,.company_contactus_phone,.company_contactus_email{ width:50% !important; padding-left:0px !important;float:left; }
    .company_contactus_tel,.company_contactus_qq,.company_contactus_code{ width:50% !important;padding-right:0px !important;float:left; }
	.company_contactus_name input,.company_contactus_phone input,.company_contactus_email input,.company_contactus_tel input,.company_contactus_qq input{ width:88%; height:40px; border-radius:0px; display:inline-block;float:left;}
	.company_contactus_code input{ width:46%; }
	.footerbox .row .col-lg-9{ width:65%}
	.footerbox .row .col-lg-3{width:35%}
	.footerbox img{ width:120px; height:120px; margin:0 auto; padding:0px; margin-top:25px;}
	
}

@media ( max-width:992px)
{
	.company_zizhi .company_zizhi_pic .row .col-lg-3{ width:25%; float:left;}
	.company_news .container .row .col-lg-6, .company_solution .container .row .col-lg-6, .company_cases .container .row .col-lg-6, .company_article .container .row .col-lg-6, .company_zizhi .container .row.col-lg-6, .company_recruitment .container .row .col-lg-6, .company_contactus .container .row .col-lg-6 { width:100%; padding-left:15px; padding-right:15px;margin-top: 20px;}
	.company_contactus_info{ width:50%; height:auto; margin-top:30px; padding-left:15px !important;padding-right:15px !important; float:left;}
	.company_contactus_name input,.company_contactus_phone input,.company_contactus_email input,.company_contactus_tel input,.company_contactus_qq input{ width:100%; }
	.company_contactus_message{ width:100%;}
	.company_contactus_name,.company_contactus_phone,.company_contactus_email{ width:50% !important; padding-left:0px !important; float:left; }
    .company_contactus_tel,.company_contactus_qq,.company_contactus_code{ width:50% !important; padding-right:0px !important;float:left; }
	.company_contactus_code input{ width:70%; }
	.company_contactus_message textarea{ width:100%; }
	.footerbox .row .col-lg-9{ width:65%}
	.footerbox .row .col-lg-3{width:35%}
    .footerbox img{ width:120px; height:120px; margin:0 auto; padding:0px; margin-top:40px;}
}

@media( max-width:768px)
{
    .compname {font-size: 26px; line-height: 80px;}
	.logobox,.logo,.focuson{ height:80px; }
	.logo img{ width:120px; height:48px; margin-top:16px; margin-right:10px; float:left;}
	.focuson{ display:none;}
	.breadcrumb{ display:none;}
	.aboutus,.supply,.company_news,.company_solution,.company_cases,.company_article,.company_article,.company_zizhi,.company_recruitment,.company_contactus{margin-bottom:40px;}
    .aboutus h3,.supply h3,.company_news h3,.company_solution h3,.company_cases h3,.company_article h3,.company_zizhi h3,.company_recruitment h3,.company_contactus h3{ font-size:24px; font-size:2.4rem;}
	.aboutus p,.supply_tabs,.company_news .container .row .col-lg-6, .company_solution .container .row .col-lg-6, .company_cases .container .row .col-lg-6, .company_article .container .row .col-lg-6, .company_zizhi .container .row .col-lg-6, .company_recruitment .container .row .col-lg-6, .company_contactus .container .row .col-lg-6 { width:100%;margin-top:20px;}
	.company_padding_left,.company_padding_right{ padding-left:15px; padding-right:15px;}
	.company_zizhi .company_zizhi_pic .row .col-lg-3{ width:25%; float:left;}
	.company_contactus_name input,.company_contactus_phone input,.company_contactus_email input,.company_contactus_tel input,.company_contactus_qq input{ width:100%; }
	.company_contactus_code input{ width:50%;min-width: 100px; }
	.company_contactus_message{ width:100%;}
	.company_contactus_name,.company_contactus_phone,.company_contactus_email{ width:100% !important; padding-left:0px !important; padding-right:0px !important; float:left; }
    .company_contactus_tel,.company_contactus_qq,.company_contactus_code{ width:100% !important;padding-left:0px !important; padding-right:0px !important;float:left; }
	.table-responsive { border:none;}
    .btn{ width:100%;}
	.footerbox { display:none;}
	.footerbox_small{ display:block;}
	.footerbox_small .row .col-lg-3,.footerbox_small .row .col-lg-9{ width:100%;}
	.footerbox_small img{ width:120px; height:120px; margin:0 auto; padding:0px;}
	.header_register a{display: none;}
}

@media( max-width:640px)
{
	.company_zizhi .company_zizhi_pic .row .col-lg-3{ width:50%; padding:15px 15px; }
	.supply .row .col-lg-2{ width:50%; height:auto; }
	.header_register a{display: none;}
}

@media ( max-width:480px)	
{
	.company_zizhi .company_zizhi_pic .row .col-lg-3{ width:100%; padding:8px 15px;}
	.supply .row .col-lg-2{ width:100%; height:auto; }
	.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child{ display:none;}
	.header_register a{display: none;}
}

@media(max-width:480px) and (min-width:320px)
{
	.logobox,.logo,.focuson{ height:78px; }
  	.compname {font-size: 18px;line-height: 78px;}
	.logo img{ width:80px; height:32px; margin-top:20px; }
	.header_register a{display: none;}
}

@media(max-width:320px)
{
	.compname {font-size:18px;line-height: 34px;}
	.logo img{ width:70px; height:28px; margin-top:10px; }
	.header_register a{display: none;}
}