.xs_list{ width:100%; margin-top:20px; font-size:15px; float:left;}
.xs_list li{ width:21%; border:1px #999 solid; padding:1%; float:left; margin:10px 1%}
.xs_list li p{ text-indent:0; margin-bottom:3px; line-height:1.8;font-size:15px;}
.xs_list li h4{ text-indent:0; font-size:18px; padding-bottom:0; position: relative; font-weight:bold}
.xs_list li h4:after{ left:0; height:8px; width:70px;content: "";
    position: absolute;
    bottom: 0;
    background: red;
    z-index: -1;}

.close_box { transform: translateX(9.3125rem); }
.open { transition: all 0.5s; cursor: pointer; position: fixed; z-index: 99999; right: -2.5rem; bottom: calc(10% + 5.9375rem); color: #ffffff; width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; display: flex; justify-content: center; align-items: center; }
.open_box { transform: translateX(-2.5rem);}

.floating_ck { position: fixed; right: 2.5rem; bottom: 10%; z-index: 99; border-radius: 0.3125rem; transition: all 0.5s; }
.floating_ck dl dd { cursor: pointer; margin: 0.3125rem; border-radius: 0.3125rem; width: 2.5rem; height: 2.5rem; transition: all 0.3s; position: relative; display: flex; justify-content: center; align-items: center; background-color: var(--base_color);}
.floating_ck dl dd i { color: #ffffff; }
.floating_ck dl dd:hover .floating_left { display: flex; justify-content: center; align-items: center; }

.floating_left { display: none; position: absolute; left: -11.875rem; width: 11.25rem; top: 0px; min-height: 2.5rem; border-radius: 0.3125rem; }
.floating_left p { line-height: 2; text-align: center; color: #ffffff; font-size: 0.875rem; }

        #page_banner_box .bg {
            background-image: url('../images/e3ac0d8223582803704e37aeff1716f4.jpg');
            background-size: auto 15.0rem !important;
        }
        @media (min-width: 576px){
            #page_banner_box .bg {
                background-image: url('../images/e3ac0d8223582803704e37aeff1716f4.jpg');
                background-size: unset !important;
            }}       
			
			 #page_banner_box .newsbg {
            background-image: url('../images/news_bg.jpg');
            background-size: auto 15.0rem !important;
        }
        @media (min-width: 576px){
            #page_banner_box .newsbg {
                background-image: url('../images/news_bg.jpg');
                background-size: unset !important;
            }}
			
			
.pro_bg {
            background-image: url('../images/pro_bg.jpg');
            background-size: auto 15.0rem !important;
        }
        @media (min-width: 576px){
.pro_bg {
                background-image: url('../images/pro_bg.jpg');
                background-size: unset !important;
            }}