@charset "utf-8";

.navbar-header{ padding: 10px;}

@media (max-width: 768px){

.xs-0{ display: none;}

.logo{ height: 55px;}
#navbar{ padding: 0;}
.navbar-nav{ margin: 0;}
.nav_tel{ display: none;}
.nav > li{ display: block; float: left; width: 33.33%; text-align: center; color: #AF2B38;}
.nav > li > a{ color: #AF2B38; min-width: unset;}
.nav > li.active{ background: #AF2B38;}
.nav > li.active > a{ color: #fff;}
.inforbanner_infor{ height: auto; position: relative;}
.inforbanner img{ position: absolute; height: 100%;}
.inforbanner_list li{ border: 0;}
.index_business_intro{ line-height: 18px; font-size: 12px;}
.ctitle{ margin-top: 0;}
.index_about{ padding: 20px;}
.index_about_bg{ display: none;}
.index_about_img{ width: 100%; padding: 25px 25px 0 25px;}
.index_about_content{ width: 100%;}
.index_about_title{ width: 100%; border: none; margin: 0; color: #fff;}
.index_about_title .ctitle .ctitle_c{ color: #fff;}
.index_about_title .ctitle .ctitle_e{ color: #fff;}
.index_about_intro{ background: #fff;}
.index_office_inner{ height: auto; margin-bottom: 10px;}
.index_office_inner b{ position: relative; height: auto; padding: 10px; background: none;}
.footer_infor{ padding: 10px;}
.footer_inner{ height: auto;}
.footer_form{ padding: 0;}
.footer_form .footer_title{ border-top: 1px solid #fff;}
.footer_icp .container{ padding: 15px 10px; text-align: center;}

.case { margin-top: 20px;}
.case_img img{ height: auto;}
.case_img a{ display: block;}
.case_title{ font-size: 16px; height: 24px; line-height: 24px;}
.case_intro{ margin-top: 10px; font-size: 12px; height: 60px; line-height: 20px;}

.news_inner{ padding: 0 0 0 155px; height: 80px; margin-bottom: 15px;}
.news_img{ width: 145px; height: 80px;}
.news_title{ padding: 0; height: 32px; line-height: 32px;}
.news_intro{ margin: 0; height: 48px; line-height: 24px;}

.join_search{ width: 90%; left: 5%; margin: 0;}
.join_nav{ height: auto; overflow: hidden;}
.join_nav a{ width: 25%; padding: 0; float: left; margin: 0;}

.contact_x0_inner{ margin-bottom: 20px;}
.contact_inline{ margin-left: 0;}

.about_inner{ padding: 10px 0;}

.about1{padding: 20px; margin: 0;}
.about2{padding: 20px; margin: 0;}
.about3{padding: 20px; margin: 0;}

}