@media all and (min-width:320px) and (max-width:768px){

.right-pendant {
	display:none;
}
body.menushow {
   overflow: hidden;
    width: 100%;
}
.mt120{
	margin-top:60px;
}
.mb120{
	margin-bottom:60px;
}

.bannertext .t {
    font-size: 18px;
    margin:2% 0 0;
}
.bannertext .b {
    font-size: 14px;
}
.bannertext .line {
    width: 20px;
    height: 2px;
    margin: 2px auto !important;
}

#index01 {
    padding: 60px 0 30px;
}
.index01 {
    margin-top: 30px;
    padding: 0 5px;
}
.swiper-pagination-box-index {
    margin-top: 10px;
}


.indextitle .fl .t {
    font-size: 18px;
}
.indextitle .fl .b {
    font-size: 12px;
    margin-left: 6px;
    margin-top: 4px;
}
.indextitle .fl {
    float: none;

}
.indextitle .fr {
	float: none;
}
.indextitle .fr span {
    font-size: 12px;
    margin: 0 10px;
}
.index01 .swiper-slide {
    width: 100%;
    margin-right: 0;
	padding: 33% 0;
}


.index02 .swiper-slide {
    width: calc(50% - 8px);
    margin-right: 16px;
}
.index02 .swiper-slide .t {

}
.index02 .swiper-slide .c {

}
.index02 .swiper-slide .c span {
    font-size: 12px;
    margin-top: 6px;
}
.index02 .swiper-slide .c a {
    font-size: 12px;
    padding: 4px 10px;
    margin-right: 10px;
}





.index03_fl {
    float: none;
    width: 100%;
    margin-bottom: 15px;
	display:block;
}
.index03_fr {
    float: none;
    width: 100%;
}
.index03_fr_list {
    margin-bottom: 15px;
}
.index04_fl {
    float: none;
    width: 100%;
}
.index04_fr {
    width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    height: auto;
}
.index04_fr #dituContent{
	height:300px;
}
.index04_fl {
    padding: 30px 15px 30px 15px;
}
.index04_fl .input01{
	width:calc(33.33% - 10px); margin-left:15px; margin-top: 20px;
}
.index04_fl .input01.input03 {
    margin-top: 20px;
    height: 50px;
}

.footer_logo {
    margin-bottom: 30px;
}
.footer_menu::before {
    display:none;
}
.footer_menu{
	display:block;
}
.footer_menu_list{
	width:33.33%; float:left; margin:0px;
}
.footer_menu_list:nth-child(3n+1){
	clear:both;
}

.footer_info {
	margin-bottom:15px;
}
.footer_info_list {
    margin: 0;
    margin-bottom: 15px;
}
.footer_info_list:last-of-type{
	margin-bottom:0px;
}
.footer_bei {
    padding:0 0 30px; line-height:20px;
}

.footer02 {
    padding-top: 20px;
}
#footer02 {
    padding-bottom: 30px;
}
.footer_info a{
	display:block; float:none; margin-bottom:15px; text-align:left;
}
.footer02_left{
	float:none; width:100%; margin-bottom:20px;
}
.footer02_right{
	float:none; width:30%;
}

.about01 {
    padding: 30px 0;
}
.about01 .about01_r {
    margin-top: 30px;
}
.about01 .about01_l {
    width: 100%;
    float: none;
}
.about01 .about01_r {
    width: 100%;
    float: none;
    margin-top: 15px;
}
.a_l_t .t {
    font-size: 18px;
    margin-bottom: 12px;
}
.a_l_t {
    padding: 30px 15px;
}
.a_l_t .b {
    font-size: 12px;
}
.aboutt {
    font-size: 20px;
}
.aboutt span {
    margin-top: 10px;
	font-size:12px;
}
.about02 {
    padding: 0 0px !important;
    margin-top: 30px;
}
#about02 {
    margin: 30px 0;
}
.about_sj img {
    height: 13px;
}
#about03,#online {
    padding: 20px 0px ;
}
.about03 {
    margin-top: 20px;
}
.js_list {
    margin-left: 0;
    width: 48.5%;
    padding: 20px 0 ;
    margin-top: 15px;
}
.js_list:nth-of-type(2n){
	float:right;
}
.js_list:nth-of-type(2n+1){
	clear:both;
}
.js_list:nth-of-type(-n+2){
	margin-top:0px;
}
.js_list .t {
    font-size: 16px;
    margin-top: 20px;
}
.js_list .b {
    font-size: 12px;
    margin: 10px 0 20px;
}
#index01, #index02, #index03, #index04 {
    padding: 20px 0;
}

.bannertext.bannertext_page .t{
	font-size:18px;  line-height:30px;
}
.bannertext .line{
	width:30px; height:1px;  margin: 10px auto 15px;
}
.bannertext.bannertext_page .b{
	font-size:16px;
}







#js01 {
    margin: 30px 0 40px;
}
.js_list a {
    padding: 6px 12px;
    margin-top: 40px;
}
.js0101 .js_list .c{
	padding:0 15px;
}




.bannertext_page .textbgin {
    padding: 15px ; width: 60%;
}
.bannertext_page .textbgin .tbt {
    font-size: 16px;
}
.bannertext_page .textbgin .tbt span {
    font-size: 12px;
    margin-left: 5px;
}
.bannertext_page .textbgin .tbbt {
    font-size:14px;
    margin-bottom: 10px;
}
.bannertext_page .textbgin .tbb {
    font-size: 12px;
    line-height: 20px;
	height:40px;
}
.bannertext_page .textbgin .tbline {
    margin: 15px 0;
}

#brands {
    margin: 30px 0;
}
.brands {
    padding: 0 15px 20px;
}
.brands_list {
    padding: 40px 0 30px;
}
.brands_list .t {
    font-size: 16px;
}
.brands_list .b {
    font-size: 12px;
    line-height: 24px;
}
.brands_list .line {
    margin: 15px 0;
}




.probiglist .probiglist_text {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    float: none;
	margin-bottom:15px;
}
.probiglist .probiglist_img {
    width: 100%;
    float: none;
    margin-bottom: 15px;
}
.probiglist .probiglist_text .b {
    font-size: 20px;
}
.probiglist .probiglist_text .t {
    font-size: 20px;
    margin-bottom: 10px;
}
.prosmall_div {
    margin: 0px 0 30px;
}
#pages {
    margin-top: 30px; padding: 0 30px;
}
.prosmall_list{
	width:48.5%; margin-left:0px; margin-top:15px;
}
.prosmall_list:nth-of-type(-n+3){
	margin-top:15px;
}
.prosmall_list:nth-of-type(2n){
	float:right;
}
.prosmall_list:nth-of-type(-n+2){
	margin-top:0px;
}



.pro_show_top .t {
    font-size: 20px;
    margin-bottom: 10px;
}
.pro_show_top .b {
    font-size: 12px;
}
.pro_show_top {
    padding: 20px 0;
}

.pro_show_02 .pro_show_02_img {
    float: none;
    width: 100%;
    margin-left: 0;
}
.pro_show_02 .pro_show_02_text .t {
    font-size: 20px;
    margin-top: 40px;
}
.pro_show_02 .pro_show_02_text {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
}
.pro_show_03_in {
    padding: 0;
}
.pro_show_03_list {
    margin-top: 20px;
    padding: 0 15px;
    width: 50%;
}
.pro_show_03_list:nth-of-type(3n+1) {
    clear: unset;
}
.pro_show_03_list:nth-of-type(3n+1):before{
	display:block;
}
.pro_show_03_list:nth-of-type(2n+1) {
    clear: both;
}
.pro_show_03_list:nth-of-type(2n+1):before{
	display:none;
}
.pro_show_03_list .b {
    font-size: 12px;
    line-height: 24px;
}
.pro_show_05 .pro_show_05_img {
    float: none;
    width: 100%;
}
.pro_show_05 .pro_show_05_text {
    width: 100%;
    margin-left: 0;
    float: none;
    margin-top: 30px;
}
.pro_show_05 .pro_show_05_text .t {
    margin-bottom: 30px;
}
.swiper-container-pro_show_06 .swiper-slide {
    width: 48.5%;
    margin-right: 3%;
    text-align: center;
}
.pro_show_06 {
    margin: 30px 0;
}
.swiper-button-prev.swiper-btn-prev-pro_show_06 {
    left: -22px;
}
.swiper-button-next.swiper-btn-next-pro_show_06{
	right:-22px; 
}
.pro_show_06 .swiper-button-next::after,.pro_show_06 .swiper-button-prev::after{
	font-size:14px;
}
.pro_show_06 .bt {
    margin-bottom: 30px;
}


.showdiv{

}
.showdiv_in {
    padding: 0 10px;
}
.showdiv_in .showt {
    font-size: 18px;
}
.showdiv_in .showb {
    font-size: 14px;
    line-height: 24px;
}
.showdiv_in .showline {
    width: 10px;
    height: 2px;
    margin: 15px auto;
}


.newsbig_list{
	width:48.5%; margin-top:15px; margin-left:0; 
}
.newsbig_list:nth-of-type(2n){
	float:right;
}
.newsbig_list:nth-of-type(3n+1){
	margin-left:0px;
}
.newsbig_list:nth-of-type(-n+3){
	margin-top:15px;
}
.newsbig_list:nth-of-type(-n+2){
	margin-top:0;
}
.newsbig_list .text .t {
    font-size: 14px;
    margin: 12px 0 10px;
}
.newsbig_list .text .b {
    font-size: 12px;
    line-height: 20px;
}
.newsbig_list .text {
    padding: 10px 10px 15px;
}


.newsreal_div{
	margin:30px 0;
}
.newsreal_list{
	padding:15px 10px; margin-top:10px; box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.11);
}
.newsreal_list .img{
	width:100%; float:none; margin-bottom:15px; padding: 29% 0;
}
.newsreal_list .text{
	width:100%; float:none;
}
.newsreal_list .text .t div {
    font-size: 14px; width: calc(100% - 80px);
}
.newsreal_list .text .t {
    margin-top: 0;
}
.newsreal_list .text .t span {
    font-size: 12px;
}
.newsreal_list .text .b {
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 20px;
}
.newsreal_list .text .c {
    padding: 3px 15px;
}





.allnews_list{
	margin-left:0px; width:48.5%;
}
.allnews_list:nth-of-type(2n){
	float:right;
}
.allnews_list:nth-of-type(3){
	display:none;
}
.allnews_list .text {
    padding: 10px 10px 15px;
}
.mored a {
    font-size: 12px;
    padding: 10px 20px;
    margin-top: 30px;
}


#about03.service{
	padding-bottom:30px;
}



.asanw {
    padding: 0 15px;
    margin-bottom: 10px;
}
.asanw.show {
    padding: 10px 15px;
    margin-bottom: 10px;
}

.asanw .t {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
}
.asanw .b {
    font-size: 12px;
    line-height: 20px;
    padding-left: 22px;
}


#pages li a {
    font-size: 14px;
    padding: 6px 10px;
    margin: 0 2px;
}


.service02 {
    padding: 20px 0 ;
}
.down_list {
    padding-bottom: 6px;
}
.down_list .t {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px;
}
.down_list .b {
    padding:15px 30px;
}


#downalllist{
	margin:30px 0;
}

.recruit{
	margin:30px 0;
}
.recruit_list_top, .recruit_list_li {
    line-height: 30px;
    font-size: 14px;
}
.recruit_list_li{
	font-size:12px;
}
.recruit #pages {
    margin-bottom: 15px;
}
.recruit_01 {
    padding-left: 15px; width: 40%;
}
.recruit_02 {
    padding-left: 15px; width: 34%;
}
.recruit_03 {
    padding-left: 5px; width: 26%;
}

.recruit_page_search {
    width: 60%;
	height:30px;
}
.recruit_page_search input.form-control{
    width: calc(100% - 30px); font-size: 14px;
    line-height: 30px;
}
.recruit_page_search input.btn{
    width: 30px;
}
.recruit_page_tab a {
    font-size: 13px;
    margin: 0 15px;
}
.recruit_page_tab {
    margin-bottom: 15px;
}


.recruit_show .recruit_show_b .recruit_show_b_list{
	margin-left:0px; width:50%; margin-top:15px;
}
.recruit_show .recruit_show_b .recruit_show_b_list:nth-child(-n+2){
	margin-top:0px;
}
.recruit_show_end a {
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 8px;
}

.contact01_fl {
	width:100%; float:none; margin-bottom:15px;
    padding: 30px 15px 15px 15px;
}
.contact01_fr {
    width:100%; float:none;  position:relative; height:auto;
}
.contact01_fr > img {
    height: auto;
    width: 100%;
    position: relative;
}
.contact01_fr > #dituContent {
    height: 300px;
    width: 100%;
	position:static;

}
.contact01_fr_text {
    height: auto;
	padding:15px 0; position: static;
}
.contact01_fr_text_list .b {
    font-size: 12px;
}

#cooperation{
	margin:30px 0;
}
.c03_l_con .text .textb span{
	float:left; width:100%; margin-left:0px;
}
.c03_l_con .text {
    float: left;
    margin-left: 15px;
    width: calc(100% - 100px);
	
}

#footer02{
	margin-bottom:40px;
}
.right-pendant{
	display:block; position:fixed; height:40px; line-height:40px; background:#1d1d1d; bottom:0px; left:0px; width:100%;
	top:auto; transform:unset; border-radius:0px;
}
.right-pendant::before{
	height:100%; width:1px; border-left:1px dashed #333; position:absolute; left:50%; top:0px; content:" ";
	z-index:111;
}
.right-pendant  li{
	float:left; width:50%; text-align:center; right:0px; border-radius:0px;
}
.right-pendant li:nth-child(1),.right-pendant li:nth-child(2){
	display:none;
}
.right-pendant li:nth-child(3){
	display:block;
}
.right-pendant li a span img{
	display:inline-block; height:20px; margin-top:0px; transform:translateY(4px);
}
.right-pendant li a .text{
	display:inline-block; margin-left: 10px;
}
.right-pendant li a span{
	float:none;
}
.right-pendant li a{
	border-radius:0px;
}
.right-pendant li .tel{
	display:none !important;
}
.mbx{
	margin-bottom:20px;
}
}