@media (max-width: 1024px) {

















.lx_2_right_4{ width: 100%;}
.lx_2_right_3{
    width: 100%;
    height: auto;
}
.lx_2_right_2_right p{
    width: 100%;
    font-size: 20px;
    line-height: 40px;
}
.lx_2_right_2_left{
    width: 30%;
}
.lx_2_right_2_right{
    width: 70%;
}
.lx_2_right_2{
    width: 100%;
}
.lx_2_right_1{width: 100%;font-size: 16px;}
.lx_2_right{width: 100%;}
.lx_2_left{width: 100%;}
.lx_2{width: 96%;margin-top: 30px;margin-bottom: 30px;padding: 0 2%;}
.lx_1 p{width: 100%;}
.lx_1 h2{width: 100%;font-size: 24px;}
.lx_1{width: 100%;margin-top: 20px;}
.lx{width: 100%;}
.sl_1 p{width: 100%;}
.sl_1 h2{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}
.sl_1{width: 100%;margin-top: 20px;}
.sl{ width: 100%;}
.sl0{}
.ry_2 ul li:nth-child(2n+2){
    margin-right: 0;
}
.ry_2 ul li img {
    width: 100%;
    height: 120px;
}
.ry_2 ul li{
    width: 49%;
    height: auto;
    margin-left: 0;
    margin-top: 30px;
    margin-right: 2%;
}
.ry_2 ul {
    overflow: hidden;
    margin-left: 0px;
}
.ry_2{width: 100%;margin-bottom: 20px;}
.ry_1 p{width: 100%;}
.ry_1 h2{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}
.ry_1{width: 100%;margin-top: 20px;}
.ry{width: 100%;}
.gy_3 img {
    width: 100%;
    height: auto;
}
.gy_3{width: 100%;height: auto;margin-top: 10px;}
.gy_2 p{
    width: 100%;
}
.gy_1 p{width: 100%;}
  .gy_2{width: 100%;margin-top: 20px;}
  body { width: 100%; min-width: 100%; }
  .top_header { display: none; }
  .header { width: 100%; }
  .header > b { display: none; }
  .header > p { display: none; }
  .logo-a { width: 100%; }
  .logo-img { max-width: 100%; margin: 0px auto; }
  nav { height: auto; background-color: rgb(255, 255, 255); }
  nav ul { width: 100%; }
  nav ul li { width: 31.3%; text-align: center; background-color: rgb(10, 89, 180); border-radius: 4px; margin: 1%; }
  nav ul li > a { height: 30px; padding: 0px; line-height: 30px; font-size: 14px; }
  nav ul li:nth-child(1) { width: 48%; }
  nav ul li:nth-child(2) { width: 48%; }
  nav ul li p { display: none; top: -660px; }
  .js_banner { height: auto; }
  .js_banner img { width: 100%; position: initial; left: 50%; margin-left: 0px; top: 0px; height: auto; }
  .js { width: 100%; }
  .js_1 { width: 100%; height: auto; }
  .js_1 p { width: 100%; font-size: 14px; height: 30px; }
  .js_1 h2 { width: 100%; font-size: 16px; height: 30px; }
  .js_2 { width: 100%; margin-top: 10px; }
  .js_2 ul { margin-left: 0px; padding: 2%; }
  .js_2 ul li { width: 48%; margin-left: 0px; margin-right: 2%; }
  .js_2 ul li a { height: auto; width: 100%; margin: 0px auto; }
  .js_2 ul li p { width: 100%; padding: 2%; font-size: 14px; }
  .js_2 ul li img { width: 100%; height: 120px; }
  .js_2 ul li:nth-child(2n+2) { margin-right: 0px; }
  .xs { width: 100%; }
  .xs_1 { width: 100%; margin-top: 40px; height: auto; }
  .xs_2 { width: 100%; margin-bottom: 20px; }
  .xs_1 p { width: 100%; font-size: 16px; height: 30px; }
  .xs_1 h2 { width: 100%; font-size: 16px; height: 30px; }
  .xs_2 ul { margin-left: 0px; padding: 0px 2%; }
  .xs_2 ul li { width: 49%; margin-left: 0px; margin-top: 10px; margin-right: 2%; border: 0px solid rgb(217, 217, 217); }
  .xs_2 ul li a { width: 100%; }
  .xs_2 ul li p { width: 100%; padding: 2%; font-size: 14px; }
  .xs_2 ul li img { width: 100%; height: 120px; }
  .xs_2 ul li:nth-child(2n+2) { margin-right: 0px; }
  .indexs_aboutbox { padding: 0px; background: url("") center top no-repeat; }
  .indexs_about { width: 96%; padding: 0px 2%; }
  .indexs_abuoul { width: 100%; position: initial; }
  .indexs_abuoul h2 span { font-size: 26px; color: rgb(65, 65, 65); }
  .indexs_abuoul h2 i { font-size: 24px; margin-top: 3px; }
  .indexs_abuoul > i { width: 100%; margin: 10px 0px 0px; }
  .indexs_abuour { width: 100%; }
  .indexs_abuour .img_01 { display: none; }
  .indexs_abuour .img_02 { display: none; }
  .indexs_abuour .about_wen { width: 100%; padding-right: 0px; }
  .indexs_abuoul img { width: 100%; height: auto; }
  .indexs_abuour h1 { margin-top: 14px; margin-bottom: 10px; font-size: 20px; }
  .tab-bd li .tp { width: 49%; margin-right: 2%; }
  .tab-bd li .tp:nth-child(2n+2) { margin-right: 0px; }
  .tab-bd li { padding: 0px; font-size: 14px; }
  .tab-bd { height: 354px !important; }
  .indexs_tp { width: 96%; padding: 0px 2%; margin-top: 0px; }
  .tab-bd li .tp img { width: 100%; height: 120px; }
  .tab-bd li .tp p { width: 100%; font-size: 14px; }
  .liuyan { width: 100%; }
  .liuyan > img { margin-left: 0px; width: 100%; }
  .liuyan_form { width: 100%; margin-top: 10px; }
  .liuyan_form > h2 span { font-size: 16px; margin: 0px 2%; }
  .liuyan_form p input { height: 34px; line-height: 34px; float: right; width: 70%; border: 1px solid rgb(232, 232, 232); }
  .liuyan_form p > span { padding-left: 0px; height: 34px; width: 29%; line-height: 34px; }
  .liuyan_form p { margin-top: 1px; padding: 2% 0px; }
  .liuyan_form > span { padding: 0px 2% 2%; }
  .liuyan_form p textarea { height: 30px; border: 1px solid rgb(232, 232, 232); width: 70%; }
  .liuyan_form .submit_btn { width: 90%; margin: 10px 5%; font-size: 14px; }
  .liuyan_box { width: 96%; background-color: rgb(10, 89, 180); padding-bottom: 28px; margin: 0px 2%; }
  .foot_abs { top: 20px; display: none; }
  footer { padding: 20px 0px; margin-top: 20px; }
  .footer { width: 96%; padding: 0px 2%; }
  .foot_left { width: 100%; }
  .foot_left > span img { float: left; margin-right: 0px; }
  .foot_left > span i { width: 80%; margin-top: 5px; }
  .foot_center { float: left; width: 100%; margin-left: 0px; margin-top: 20px; display: none; }
  .foot_right { float: right; width: 100%; margin-top: 20px; text-align: center; }
  .foot_right img { max-width: 100%; width: 166px; margin: 0px auto; }
  .foot_right span { width: 100%; }
  .links { width: 96%; padding: 0px 2%; }
  .links p { width: 100%; }
  .banner_box { height: auto; }
  .six_box { background-color: rgb(240, 240, 240); padding: 10px 0px; margin-top: 10px; }
  .six_box ul { width: 100%; }
  .six_box ul li { width: 33%; background-image: url(""); }
  .six_box ul li b { font-size: 13px; }
  .index_product { width: 96%; padding: 0px 2%; }
  .index_product .index_title > img { width: 100%; }
  .index_product .index_title span { }
  .index_product .index_title span i { font-size: 16px; margin-left: 30px; }
  .index_product .index_title span b { font-size: 16px; }
  .index_product ul { width: 100%; margin-top: 0px; }
  .index_product dl { width: 100%; }
  .index_product ul li { width: 49%; margin-left: 0px; margin-right: 2%; margin-top: 15px; }
  .index_product ul li span { width: 100%; height: auto; }
  .index_product ul li span img { height: 120px; width: 100%; }
  .index_product ul li:nth-child(2n+2) { margin-right: 0px; }
  .index_product ul li b { height: 34px; width: 100%; font-size: 14px; line-height: 34px; }
  .adv_main { display: none; }
  .adv_main > img { }
  .adv_main .adv_mtext { width: 100%; }
  .duibi_box { width: 96%; margin: 20px auto; padding: 0px 2%; }
  .duibi_box h2 span i { font-size: 15px; color: rgb(251, 135, 14); margin: 10px 0px 0px; }
  .duibi_box dl { margin-left: 0px; margin-top: 20px; }
  .duibi_box dl dd { float: left; position: relative; margin-left: 0px; margin-bottom: 15px; }
  .duibi_box h2 > img { width: 100%; }
  .duibi_box dl dd > img { margin-bottom: 6px; width: 49%; height: 128px; float: left; margin-right: 2%; }
  .duibi_box dl dd > span { display: none; }
  .duibi_box dl dd > p { display: block; line-height: 32px; height: 105px; padding-top: 15px; float: left; width: 100%; }
  .duibi_box dl dd > img:nth-child(2n+2) { margin-right: 0px; }
  .adv_box { display: none; }
  .youshi_box { width: 100%; margin-top: 0px; }
  .youshi_box > h2 img { width: 100%; }
  .youshi_box > span { font-size: 20px; margin-top: 10px; }
  .youshi_box ul { margin-top: 0px; }
  .youshi_box ul li > img { width: 100%; }
  .youshi_box ul li .youshi_text { width: 100%; }
  .youshi_text h3 b { font-size: 28px; }
  .youshi_text p { margin-left: 2%; padding-left: 30px; font-size: 14px; }
  .youshi_box ul li:nth-child(2n) .youshi_text { float: right; width: 100%; }
  .guangao a { width: 100%; position: initial; left: 0px; margin-left: 0px; height: auto; }
  .guangao a img { width: 100%; height: auto; }
  .customer_box { width: 96%; margin: 30px auto 5px; padding: 0px 2%; }
  .customer_box h2 > img { width: 100%; }
  .customer_box h2 span i { font-size: 18px; color: rgb(251, 135, 14); margin: 10px 0px 0px; }
  .customer_box dl { overflow: hidden; margin-top: 20px; margin-left: 0px; }
  .customer_box dl dd { float: left; margin-left: 0px; width: 100%; margin-bottom: 30px; }
  .customer_box dl dd i { width: 100%; }
  .customer_box dl dd img { width: 100%; }
  .jz { width: 100%; }
  .jz_1 { width: 100%; height: auto; }
  .jz_1 h2 { font-size: 14px; height: 40px; line-height: 40px; }
  .jz_2 { width: 100%; float: left; height: auto; }
  .index_news { width: 96%; padding: 0px 2%; }
  .news_left { width: 100%; }
  .news_left > dl { width: 100%; }
  .news_left > dl dd { margin-bottom: 10px; }
  .news_left > dl dd a { height: 30px; line-height: 30px; }
  .news_left > dl dd a span { width: 60%; }
  .news_left > dl dd a i { width: 30%; }
  .right_wenda { float: right; width: 100%; }
  .right_wenda dl dd a { padding: 0%; display: block; }
  .right_wenda dl dd p i { float: left; line-height: 26px; width: 90%; margin-left: 5px; font-size: 14px; color: rgb(116, 116, 116); }
  .right_wenda dl dd a > span b { width: 90%; font-size: 14px; }
  .index_product dl dt { height: 38px; color: rgb(255, 255, 255); background-color: rgb(10, 89, 180); font-size: 18px; font-weight: bold; text-align: center; line-height: 38px; }
  .guangao { width: 100%; position: relative; overflow: hidden; height: auto; }
  .sub_banner img { position: initial; left: 50%; margin-left: 0px; width: 100%; top: 0px; height: auto; }
  .sub_banner { height: auto; }
  .shuini_product { width: 96%; margin-top: 20px; padding: 0px 2%; }
  .shuini_product_left { width: 100%; height: auto; }
  .shuini_product_left img { width: 100%; }
  .shuini_product_right { width: 100%; height: auto; }
  .shuini_product_right_1 { width: 100%; height: 45px; line-height: 45px; font-size: 20px; background: rgb(10, 89, 181); }
  .shuini_product_right_2 { width: 100%; }
  .shuini_product_right_3 { width: 100%; height: auto; float: left; margin-top: 18px; }
  .shuini_product_right_2 p { width: 100%; height: auto; line-height: 29px; font-size: 14px; color: rgb(51, 51, 51); float: left; border-bottom: 1px solid rgb(230, 230, 230); padding: 10px 0px; }
  .banner_box .tempWrap { left: 0px; margin-left: 0px; height: auto; width: 100% !important; }
  .banner_box ul { height: auto; }
  .banner_box li img { width: 1024px; height: auto; }
  .banner_box ul li { }
  .shuini_product_right_3_right { width: 100%; margin-top: 10px; }
  .shuini_product_right_3_left { width: 100%; }
  .bh { width: 100%; }
  .bh_1 { width: 100%; }
  .bh_1 h2 { font-size: 24px; }
  .bh_2 { width: 100%; }
  .bh_2 ul { overflow: hidden; margin-left: 0px; padding: 0px 2%; }
  .bh_2 ul li { width: 49%; margin-left: 0px; margin-right: 2%; }
  .bh_2 ul li img { width: 100%; height: 128px; }
  .bh_2 ul li p { width: 100%; height: 35px; line-height: 35px; }
  .bh_2 ul li:nth-child(2n+2) { margin-right: 0%; }
  .hy { width: 100%; }
  .hy_1 { width: 100%; }
  .hy_1 h2 { font-size: 16px; height: 30px; line-height: 30px; }
  .hy_2 { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background: url("") left center no-repeat; }
  .hy_2 ul { overflow: hidden; margin-left: 0px; }
  .hy_2 ul li { width: 18%; height: 60px; line-height: 60px; background: rgb(1, 83, 185); margin: 1%; font-size: 14px; }
  .hy_3 { width: 96%; padding: 0px 2%; }
  .hy_3 ul { overflow: hidden; margin-left: 0px; }
  .hy_3 ul li { width: 49%; margin-left: 0px; border: 0px solid rgb(230, 230, 230); margin-right: 2%; }
  .hy_3 ul li em { width: 100% !important; }
  .hy_3 ul li:nth-child(2n+2) { margin-right: 0px; }
  .hy_3 ul li img { height: 126px !important; width: 100% !important; }
  .hy_3 ul li p { height: 35px; line-height: 35px; }
  .gg0 { height: auto; margin-top: 10px; }
  .gg0 img { position: initial; left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; }
  .db0 { width: 100%; overflow: hidden; margin-top: 20px; }
  .db { width: 100%; }
  .db_1 { width: 100%; }
  .db_2 { width: 96%; padding: 0px 2%; }
  .db_2 ul li { width: 100%; height: auto; margin-top: 15px; }
  .db_2 ul li img { width: 100%; }
  .db_1 h2 { height: 60px; line-height: 60px; font-size: 24px; }
  .ys0 { margin-top: 0px !important; }
  .ys { width: 100%; }
  .ys_2 ul { margin-left: 0px; }
  .ys_2 ul li { width: 49%; height: 200px; margin-left: 0px; margin-bottom: 10px; margin-right: 2%; }
  .ys_2 ul li img { width: 90px; height: 90px; margin: 10px auto 0px; }
  .ys_2 ul li:nth-child(2n+2) { margin-right: 0%; }
  .ys_2 ul li p { font-size: 14px; }
  .ys_2 ul li span { font-size: 12px; padding: 0px 2%; height: 44px; line-height: 22px; }
  .gg10 { height: auto; }
  .gg10 img { height: auto; width: 100%; position: initial; left: 0px; margin-left: 0px; }
  .lc0 { margin-top: 0px; }
  .lc { width: 100%; }
  .lc_1 { width: 100%; }
  .lc_1 h2 { font-size: 24px; }
  .lc_2 { width: 100%; margin-top: 10px; }
  .lc_2 img { width: 100%; }
  .bh_banner img { width: 100%; margin-left: 0px; left: 0px; position: initial; height: auto; }
  .bh_banner { height: auto; }
  .fn { width: 100%; }
  .fn_1 { width: 100%; }
  .fn_1 h2 { height: 40px; line-height: 40px; font-size: 14px; }
  .fnys { width: 100%; }
  .fnys_1 { width: 100%; padding-top: 0px; padding-bottom: 0px; }
  .fnys_1 ul li { width: 100%; margin-left: 0px; margin-bottom: 10px; height: 125px; background: rgb(10, 89, 181); }
  .fnys0 { width: 96%; padding: 0px 2%; background: url("") center center no-repeat; margin-top: 30px; margin-bottom: 0px; }
  .fnys_1 ul { overflow: hidden; margin-left: 0px; }
  .fnys_1 ul li .left { width: 25%; }
  .fnys_1 ul li .left img { }
  .fnys_1 ul li .right { width: 73%; height: 125px; margin-left: 2%; }
  .fnys_1 ul li .right p { width: 100%; height: 50px; line-height: 50px; color: rgb(255, 255, 255); font-size: 22px; }
  .fnys_1 ul li .right span { color: rgb(255, 255, 255); width: 100%; font-size: 16px; }
  .bh_fa { width: 100%; }
  .bh_fa_1 { width: 100%; }
  .bh_fa_1 h2 { height: 40px; line-height: 40px; font-size: 18px; }
  .bh_fa_2 { width: 100%; margin-top: 0px; }
  .bh_fa_2 ul { overflow: hidden; margin-left: 0px; }
  .bh_fa_2 ul li { width: 49%; margin-left: 0px; margin-right: 2%; }
  .bh_fa_2 ul li:nth-child(2n+2) { margin-right: 0%; }
  .bh_fa_2 ul li img { width: 100%; height: 120px; }
  .bh_fa_2 ul li p { width: 100%; height: 35px; line-height: 35px; font-size: 14px; }
  .bh_fa_3 { width: 100%; }
  .bh_fa_3 h2 { height: 60px; line-height: 60px; font-size: 14px; }
  .bh_fa_4 ul { overflow: hidden; margin-left: 0px; }
  .bh_fa_4 { width: 100%; }
  .bh_fa_4 ul li { width: 49%; margin-left: 0px; margin-bottom: 0px; margin-right: 2%; }
  .bh_fa_4 ul li:nth-child(2n+2) { margin-right: 0%; }
  .bh_fa_4 ul li img { width: 100%; height: 126px; }
  .bh_fa_4 ul li p { font-size: 14px; height: 35px; line-height: 35px; }
  .bh_fa_5 { width: 100%; margin-top: 20px; }
  .bh_fa_5 h2 { font-size: 16px; margin-bottom: 0px; }
  .bh_fa_6 { width: 100%; margin-bottom: 10px; }
  .bh_fa_6 ul li { width: 100%; height: auto; margin-top: 15px; }
  .bh_fa_6 ul li img { width: 100%; }
  .bh_fa_7 { width: 100%; margin-top: 15px; }
  .bh_fa_7 ul li { width: 50%; padding-right: 0px; background-image: url(""); background-position: right 0px; }
  .bh_fa_7 ul li p { height: 35px; line-height: 35px; font-size: 14px; }
.dr img{
    width: 100%;
    height: auto;
    position: initial;
    left: 0;
    margin-left: 0;
}
.dr{width: 100%;height: auto;}
.drym{
    width: 100%;
}
.drym_1 {
    width: 100%;
}
.drym_1 h2{
    height: 80px;
    line-height: 80px;
    font-size: 18px;
}
.drym_2 {
    width: 96%;
    margin-bottom: 20px;
    padding: 0 2%;
}
.drym_2 ul {
    margin-left: 0px;
}
.drym_2 ul li{
    width: 49%;
    height: auto;
    margin-left: 0;
    margin-right: 2%;
    margin-bottom: 15px;
}
.drym_2 ul li:nth-child(2n+2){
    margin-right: 0;
}
.drym_2 ul li img{width: 100%;height: 120px;}
.drym_3 {
    width: 100%;
}
.drym_3 ul li{
    height: 30px;
    padding: 0 2%;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
}
.drym_3 ul {
    justify-content: left;
}
.drgg1{
    height: auto;
    margin-top: 10px;
}
.drgg1 img {
    position: initial;
    left: 0;
    width: 100%;
    margin-left: 0;
    top: 0;
    height: auto;
}
.dbxg{
    width: 100%;
}
.dbxg_1{ width: 100%;
}
.dbxg_1 h2{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.dbxg_2{width: 100%;}
.dbxg_2 ul li{width: 100%;height: auto;}
.dbxg_2 ul li img{ width: 100%;}
.sglc{width: 100%;}
.sglc_1{width: 100%;}
.sglc_1 h2{
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
.sglc_2{width: 96%;height: auto;padding: 0 2%;}
.sglc_2 ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.sglc_2 ul li:nth-child(2n+2){
    margin-right: 0;
}
.sglc_2 ul li img{
    width: 100%;
    height: 120px;
}
.sglc_2 ul li p{
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
    font-size: 14px;
    position: initial;
}
.sglc_2 ul li:nth-child(3) {
    margin-right: 2%;
}
.sglc_2 ul li:nth-child(6) {
    margin-right: 0%;
}
.drgg{width:100%;height: auto;overflow:hidden;margin-top: 20px;position: relative;}
.drgg img{width: 100%;top:0px;height: auto;position: initial;left: 50%;margin-left: 0;}
.news_banner img{
    width: 100%;
}
.main {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px 0;
}
.left_side {
    width: 100%;
}
.news_banner {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.left_side dl dt {
    background-color: #0a59b4;
    overflow: hidden;
    padding: 10px 20px 10px 30px;
    border-radius: 0px 0 0 0;
}
.left_side dl dt span {
    font-size: 16px;
}
.left_side dl dt i {font-size: 16px;margin-top: 0;}
.lianxi h4{
    padding: 0 2%;
}
.lianxi h4 b{
    width: 75%;
}
.right_box{
    width: 96%;
    padding: 2%;
}
.right_box>h2 span{
    float: left;
    display: block;
    width: 100%;
    margin-top: 10px;
}
.news_list dl dd a{
    padding: 2%;
}


.news_list dl dd a em{
    width: 100%;
}
.news_list dl dd a .news_right{
    width: 100%;
}
.news_list dl dd a em img{
    width: 100%;
    height: auto;
}
.al_banner {width:100%;height: auto;position: relative;overflow:hidden;}
.al_banner img{position: initial;left: 0;margin-left: 0;top:0px;width: 100%;height: auto;}
.algl{
    width: 100%;
}
.algl_1{width: 100%;padding: 30px 0;}
.algl_1 h2 {
    margin: 10px 2%;
    font-size: 16px;
}
.algl_2 {
    width: 100%;
    height: auto;
}
.algl_3 {
    width: 96%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 2%;
}
.algl_3 ul {
    margin-left: 0px;
}
.algl_3 ul li{
    margin-left: 0;
    margin-right: 2%;
    width: 49%;
}
.algl_3 ul li:nth-child(2n+2){margin-right: 0%;}
.algl_3 ul li em{
    width: 100%;
    height: auto;
}
.algl_3 ul li img {
    width: 100%;
    height: 128px;
}
.algl_3 ul li p{}
.algl_1 i{
    width: 100px;
}
.gygg{width: 100%;height: auto;}
.gygg img{width: 100%;height: auto;left: 0;margin-left: 0;position: initial;}
.gy{width: 96%;padding: 0 2%;}
.gy_1{width: 100%;margin-top: 0;}
.gy_1 h2{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.links p a {
    color: #dddee0;
    margin-left: 20px;
    font-size: 14px;
}
.news_article {
    padding: 2%;
}





  
}
@media (max-width: 768px) {
  .banner_box li img { width: 768px; height: auto; }
}
@media (max-width: 425px) {
  .banner_box li img { width: 425px; height: auto; }
}
@media (max-width: 375px) {
  .banner_box li img { width: 375px; height: auto; }
}
@media (max-width: 320px) {
  .banner_box li img { width: 320px; height: auto; }
}