@charset "utf-8";
.page-txt{display: none;}
@media screen and (max-width:767px) {
    .head-right,.head-left{min-height: 100px;}
    .icon-mn-sp{z-index: 99999999; color: rgb(235, 23, 23); display: block; position: absolute;font-size:40px; right: 10px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    .menu{display: none;}
    .logo{ position: absolute;left: 10px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;}
    .head-left h2.logo{padding-top: 0;padding-bottom: 0;}
    /* ==============menu sp================ */
    .head-right ul.menu{width: 100%;position: fixed;top: 100px;z-index: 99999;left: 0;background: rgba(255, 255, 255, .75);}
    .head-right ul.menu li{width: 100%;border-right: none}
    .head-right ul.menu li a{padding-top: 15px;padding-bottom: 15px;border-bottom: 1px dashed #d1d1d1;} 
    .head-right ul.menu li:last-child a{border-bottom: none}
    .head-right ul.menu li:first-child a{border-left: none;}
    /* ================footer sp =========== */
    .scrolltop i{padding: 8px 10px;font-size: 25px;}
    .banner-page{overflow: hidden;}
    .img-baner{top: 0}
    .com-banner{min-height: 280px;}
    .com-title{ left: 50%; top: 50%;text-align: center; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
    .banner-page{margin-top: 0;}
    .com-title,.bu-title{display: none;}
    .img-baner,.bu-banner{position: inherit;}
    .banner-page,.com-banner,.bu-banner{min-height: auto}
    .banner-page{background: #fff;}
   
    .page-txt{display: block; text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%);color: #fff;background: rgba(0, 0, 0,0.8);padding: 15px 25px;font-size: 30px;}
}

@media screen and (max-width:480px){
    .wrap-top{min-height: auto;}
    .head-right,.head-left{min-height: 80px;}
    .head-left{width: 80%;float: left;position: relative;}
    .head-right{width: 20%;float: left;position: relative;}
    .coppright-br{display: block;}
    .img-baner,.bu-banner{position: inherit;}
    .banner-page{min-height: auto;margin-top: 80px;}
    .page-txt{font-size: 16px;margin-top: -30px;width: 100%; max-width: 150px;}
    /* ==============menu sp================ */
    .head-right ul.menu{top: 70px;}

    /* ================footer sp =========== */
    .scrolltop i{padding: 5px 7px;font-size: 25px;}
    .banner-page{margin-top: -6px;}
}