@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {

}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  
}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
   
}
/* max 1024 end */


/**/
@media all and (max-width: 750px) {
body{ padding: 55px 0 0 0 !important;}
.m_center{ width: 100%; padding: 0 2%;}
.header{ width:100%; height: 55px; position: fixed; top: 0; left: 0; z-index: 9999; background: #FFF; }
.header_center{ width: 100%; padding: 0 2%; display:flex; align-items: center;}
.header_moblie{ display: none;}
.header .logo{ width: 50%; padding: 5px 0 0 0;}
.header_right{ position: fixed !important; width:100% !important; height: calc(100vh - 55px); background: #0055a4; padding:15%; border-radius:0 0 100% 100%; position: fixed; top: calc(-100vh - 55px); left:0; z-index: 888;  transition: all .5s; opacity: .5;}
.c_nav{ display: flex;}
.js_navnuw{ top: 55px; border-radius: 0; opacity: 1;}
.header_nav{ display: block; width: 100%; padding: 0;}
.header_nav_list{ width:100%; height: 37px; line-height: 37px; color: #fff; display: block; font-size:14px; border-bottom: 1px solid rgba(255,255,255,.4); position: relative; margin-right:0; font-weight:lighter;}
.header_nav_list .stay_style{ color: inherit !important;}
.header_nav_list a{ color: #FFF;}

.swiper-pagination{ display:none;}

.ha-la{ width:100%; min-height:inherit; text-align:center;}
.ha-la-to{ text-align:center; height: auto; padding: 10px 0;}
.ha-la-to span { left: 50%; margin-left: -15px;}
.to-fo { font-family: "bim";font-size: 36px;color: #555555;}
.to-fob { font-size: 32px; font-weight: bold; color: #333333;}

.ha-lb{ display: block; padding-top: 15px; width: 100%;}
.ha-lb img{height: 200px;}
.ha-lr{ width: 100%; height: auto; margin-left:0;}
.hlt-dr{display: block; border: none; height: auto; width: 100%;}
.hd-ce{width: 100%; position: inherit; height: auto; padding-left: 5px;}
.hd-ce p:nth-child(2){font-size: 18px;}
.hd-ce p:nth-child(3){font-size: 14px;}
.ha-lr-to{ height: auto;}
.hlt-dt{ padding:0; margin: 10px 0;}

.hom-about-ul .hom-about:nth-child(2){display: block;}
.hom-about-ul .hom-about:nth-child(2) .ha-lb{float: inherit; margin-left:0;}
.hom-about-ul .hom-about:nth-child(2) .ha-lr{float: inherit; margin-left:0;}


.hom_service_top{ height: auto; padding:0;}
.homsertop_more{ height: auto; padding: 2% 0;}
.homsertop_more_but{ display: none;}

.hom_service_bot{ padding:2% 0;}
.hom_service_bot .service_list{ width: 48%; margin: 0 4% 4% 0;}
.hom_service_bot .service_list:nth-child(2n){ margin-right: 0;}
.service_list .service_list_img{ height: 140px;}
.service_list .service_list_tit{ font-size: 16px; padding:2% 0;}
.service_list .service_list_see span{ width: 22px; height: 22px;}

.hom_product{ padding: 2% 0;}
.hc-to-lt{ width: 100%; text-align: center;}
.hc-to-lt p:nth-child(1){ font-size: 32px;}
.hc-to-lt p:nth-child(2){ font-size: 36px;}

.hom_product_center{ margin: 2% 0 0 0;}
.hc-bo-la{ width: 48%; height: 129px; margin: 0 4% 4% 0;}
.hc-bo-la:nth-child(2n){ margin-right: 0;}
.hbl-bo{ height: 35px; line-height: 35px;}
.hbl-bo-tit{ width: 100%;}
.hbl-bo-tit p:nth-child(1){ width: 100%; font-size: 14px;}

.ho-br-ls{ width: 100%; height: auto; padding:2% 0;}
.hom_hotevents_tp{ position: static; height: auto; padding: 2%;}
.ho-br-rw{ width: 100%; height: auto; padding: 0;}
.hbr-cen{ height: auto;}
.hbr-cen .swiper-slide{ height: 129px;}
.hbr-cen .swiper-slide .hoteven_hititle{ padding: 5%; font-size: 14px;}
.hbr-qh{ position: static; width: 70px; height: auto; margin-top: 4%;}
.hbr-qh a{ width: 30px; height: 30px; line-height: 30px; font-size: 20px;}

.hom-news{ padding: 2% 0;}
.h-n-nt{}
.h-n-nt .fl{ width: 100%;}
.nes-gt{ width: 100%; padding-top: 5%; text-align: center;}
.nes-gt a{ display: inline-block; margin: 0 4%;}

.hnn-bred{ height: auto; margin-top:5%;}
.pg_newul{ width: 90%; padding-bottom:10px;}
.pg_newli{ width: 100% !important; height: auto !important; margin:2% 2% 2% 0; padding:2%;}
.pg_newli_img{ height: auto;}
.pg_newli_tit{ height: 30px; line-height: 30px;}
.pg_newli_intr{ height: auto; line-height: 18px;}
.pg_newli_more{ margin-top: 10px;}
.pg_new_l, .pg_new_r{ top: 20%; left: 2%;}
.pg_new_r{ left: inherit; right: 2%;}

.hom_contact{ padding: 2% 0;}
.hom_contact_left{ width: 100%; height: 190px;}
.homcontact_hier{ width: 227px; height: 127px; left: calc(50% - (227px / 2)); top: calc(50% - (127px / 2)); font-size: 14px; line-height: 18px;}
.hom_contact_right{ width: 100%; height: auto; font-size: 14px; padding: 2%;}

.footer{ padding: 2% 0;}
.foot_nav{ width: 100%; height: auto;}
.foot_nav a{ display: inline-block; margin-bottom: 10px; padding-left: 10px; font-size: 14px;}
.lianxi{ width: 100%; padding-left:0;}
.lianxi .fl{ width: 100%;}
.lianxi .fr{ width: 100%;}
.lianxi .fl p{ font-size: 14px; line-height: 18px;}
.lianxi .fr img{ width: 140px; height: 140px;}
.lianxi .fr h1{ font-size: 14px; margin-top: 5px;}
.make{ width: 100%; padding-left:0;}
.make .make_tit{ font-size: 14px; margin-bottom: 10px;}
.make table tr td .name{ width: 45%; height:30px; line-height: 30px; padding-left: 20px; font-size: 14px; margin-right: 4%; margin-bottom: 4%;}
.make table tr td .phone{ width: 45%; height:30px; line-height: 30px; padding-left: 20px; font-size: 14px; margin-right: 4%;}
.make table tr td .xh{ width: 45%; height:30px; line-height: 30px; padding-left: 20px; font-size: 14px; margin-right: 4%;}
.make table tr td textarea{ width: 100%; height:100px; padding: 2%; font-size: 14px; margin-top: 10px;}
.make table tr td .button{ float: left; width: 80px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 10px;}
.bottom{ line-height: 18px; font-size: 14px; padding: 2%;}

.insnav{ height: auto; line-height: 40px;}
.insnav_list{ height: 40px; padding:0 2%; font-size: 14px;}
.insnav_center .insnav_center_more{ display: none;}

.page_conter{ padding: 4% 0;}
.quoa_center_list{ width: 48%; height: auto; margin: 0 4% 4% 0;}
.quoa_center_list:nth-child(2n){ margin-right: 0;}
.quoa_center_list_img{ height: 172px;}
.quoa_center_list_tit{ height: 30px; line-height: 30px; font-size: 14px;}

.quob_center{ width: 100%;}
.quob_center_right{ width: 50%;}
.quob_center_right_list{ height: 30px; line-height: 30px; font-size: 14px;}

.quob_center_rintr{ width: 50%;}
.quob_center_rintr_tit{ font-size: 18px;}
.quob_center_rintr_intr{ font-size: 14px; line-height: 18px;}

.vehi ul li{ height: auto; font-size: 14px; padding-bottom: 2%;}
.vehi ul li .fl{ width: 100%;}
.vehi ul li .fr{ width: 100%; height: auto;}
.vehi ul li .fr .cx{ font-size: 16px;}
.vehi ul li .fr .jg{ font-size: 14px; margin-top:10px;}

.cx{ font-size: 14px; line-height: 28px;}
.cx_tx{ width: 60%; height: 30px; line-height: 30px; padding: 0 2%;}
.cx_tx .text{ width: 80%; height: 30px; line-height: 30px;}
.cx_tx .button{ font-size: 14px;}

.cx_text{ width: 100%; font-size: 14px; line-height: 28px; padding:20px 0 0 0}

.login_center{ width: 80%;}
.login_username{ height: 30px; margin-bottom: 10px;}
.login_inputa{ height: 30px; line-height: 30px; font-size: 14px; text-indent: 25px;}
.login_username em{ font-size: 14px; top: 8px; left: 10px; }
.login_password{height: 30px; margin-bottom: 10px;}
.login_password em{ font-size: 14px; top: 8px; left: 10px; }
.login_submit{ height: 30px;}
.login_buttona{ height: 30px; line-height: 30px; font-size: 14px;}
.login_hmreg{ height: 30px; line-height: 30px; font-size: 14px;}

.contact .fl{ width: 100%;}
.contact_tit{ margin-bottom: 10px;}
.contact_tit h1{ height: auto; font-size: 18px; line-height: 24px;}
.contact_tit div{ height: auto; font-size: 16px; line-height: 24px;}
.contact_li ul li{ margin-bottom: 10px;}
.contact_li ul li .lx{ height: auto; font-size: 14px; line-height: 18px;}
.contact_li ul li p{ font-size: 12px; padding: 5px 0;}

.contact .fr{ width: 100%; margin-top: 10px;}
.contact .fr table tr td .text, .contact .fr table tr td .time{ width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.contact .fr table tr td textarea{ height: 100px; font-size: 14px; padding: 2%;}
.contact .fr table tr td .button{ height: 30px; line-height: 30px; font-size: 14px;}
.map{ height: auto;}
/* .map img{ width: 100%; height: auto;} */
.single_page{ line-height: 28px; font-size: 14px;}


.lacmask_list{ width: 48%; margin: 0 4% 4% 0;}
.lacmask_list:nth-child(2n){ margin-right: 0;}
.lacmask_list_img{ height: 130px;}
.lacmask_list_tit{ height: 30px; line-height: 30px; font-size: 14px;}
.lacmask_list_intr{ font-size: 12px; line-height: 16px;}
.lacquer_clsn{ font-size: 14px; margin-bottom:20px;}

.carwell{ width: 80%;}
.car_tit{ height: 30px; line-height: 30px; font-size: 14px;}
#city_1 .prov, #city_1 .city{ width: 100%; height: 30px; line-height: 30px; margin:10px 0 0 0; padding-left:10px; font-size: 14px;}
.carwell .button{ width: 50%; height: 30px; line-height: 30px; font-size: 14px;}

.zhuce{ width: 90%;}
.zc tr td .name{ width: 25%; height: 30px; line-height: 30px; font-size: 12px;}
.zc tr td .name:after{ height: 20px; top: 6px;}
.zc tr td .text{ width: 75%; height: 30px; line-height: 30px; font-size: 14px; padding:0 2%;}
#city_3{ width: calc(100% - 25%);}
.prov, .city{ height: 30px; line-height: 30px;}
#city_3:after{ height: 20px; top: 6px;}
.zc tr td .button{ height: 30px; line-height: 30px; font-size: 14px;}
.zc tr td{ padding-bottom: 10px;}


.cxgz{ width: 48%; margin:0 4% 4% 0;}
.cxgz:nth-child(2n){ margin-right: 0;}
.cxgz .img { height: auto;}
.cxgz .xx{ padding: 2%;}
.cxgz .xx .ky{ height: 30px; font-size: 16px;}
.cxgz .xx .fb{ font-size: 14px; padding-top:5px;}

.news ul li{ width: 100%; height: auto; padding: 2%; margin: 0 0 4% 0;}
.news ul li .tit{ height: auto; line-height: 24px; font-size: 16px;}
.news ul li .sj{ height: 30px; line-height: 24px; font-size: 14px;}
.news ul li .xx{ height: auto; line-height: 24px; font-size: 14px;}
.news ul li .gd{ width: 30px; height: auto; line-height: 24px;}
.news ul li .gd i{ font-size: 18px;}

.center{ width: 100%;  margin: 0 auto 4%;}
.center .img{ width: 120px;}
.center .img img{ width: 120px;}
.center .fl{ width: auto; margin-top:4%;}
.center .fl h1{ height: auto; font-size: 16px; line-height:1;}
.center .fl div{ height: auto; font-size: 14px; line-height:1; margin-top: 4%;}

.info{ width: 100%; height: auto; padding-top: 4%; padding-bottom: 4%; margin: 0 auto 4%;}
.info .sz{ font-size: 24px; height: auto; line-height:normal;}
.info .zbxx{ font-size: 18px; height: auto; line-height: normal;}
.info .sl span{ font-size: 14px;}

.cen_list{ width: 100%;}
.cen_list ul li{ height: auto; line-height: 36px; padding: 0 4%; font-size: 16px;}
.quit a{ font-size: 16px; height: auto; line-height: 36px;}

.dzzb{ margin-bottom: 20px;}
.pg_zpul{ width: 100%;}
.pg_zplih2{ height: 40px; line-height: 40px; font-size: 12px;}
.pg_zplih2 div{ padding-left: 2%;}
.zp{ right: 8px; top: 45px;}

.pg_zplitxt{ margin-bottom: 10px;}
.pg_zplitxt ul li{ font-size: 14px; line-height: 40px; padding: 0;}
.pg_zplitxt ul li a.del{  width: auto; height: auto; line-height: 26px; font-size: 14px; padding: 0 6%;}
.zp img{ width: auto; height:auto;}

.my_dealer{ width: 100%;}
.my_dealer .all{ height: auto; line-height: 24px; font-size: 14px;}
.my_dealer .all div{ font-size: 14px;}
.up{ padding: 0; margin-bottom: 20px;}
.up .img{ width: 80px;}
.up .img img{ width: 80px; height: 80px;}
.up .fl{ width: auto;}
.up .fl .tit{ font-size: 14px; height: auto; line-height: 26px;}
.up .fl .xm{ font-size: 12px; height: auto; line-height: 20px;}
.up .fr{ width: 40px; height: 40px; line-height: 40px; margin-top:10px}
.up .fr i{ font-size: 24px;}
.db{ height: auto; line-height: 26px; padding: 0 2%; font-size: 14px;}

.zhuce{ width: 100%;}
.jxs{ width: calc(100% - 25%); height: 30px; line-height: 30px; font-size: 12px;}
.jxs select{ height: 30px; line-height: 30px;}

.dealer_xx{ width: 100%;}
.up .img{ margin-right: 10px;}

.cjh{ width: 100%; height: auto; line-height: 36px; font-size: 14px; padding-left:2%;  margin: 0 auto 4%;}
.cz_info{ width: 100%;}
.cz_info ul li{ height: auto; line-height: 36px; font-size: 14px;}
.cz_info ul li .fl{ width: auto;}
.cz_info ul li .fr{ width: auto;}

.sc a{ height: auto; line-height: 36px; font-size: 16px;}









} 
/* max 750 end */