@charset "utf-8";

* {
    outline: none;
}

body {
    margin: 0;
    font-family: '微软雅黑', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    background-color: #fff;
}

a {
    color: #3ca1db;
    text-decoration: none;
}

a:hover {
    color: #46bfe9;
}

p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

img {
    max-width: 100%;
    height: auto;
}

.b {
    font-weight: bolder;
}

.pointer {
    cursor: pointer;
}

.text-shadow {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.box-shadow {
    -webkit-box-shadow: 0.1rem 0.2rem 0.3rem #e7e7e7;
    box-shadow: 0.1rem 0.2rem 0.3rem #e7e7e7;
}

.shadow-bottom {
    -webkit-box-shadow: 0 0.2rem 0.2rem #E7E7E7;
    box-shadow: 0 0.2rem 0.2rem #E7E7E7;
}

.z-index-top {
    position: relative;
    z-index: 999;
}

.overflow-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidden {
    display: none;
}

/*================文字================*/

.text-222 {
    color: #222;
}

.text-222.active,
a.text-222:hover,
a.text-222:focus {
    color: #111;
}

.text-666 {
    color: #666;
}

.text-666.active,
a.text-666:hover,
a.text-666:focus {
    color: #555;
}

.text-999 {
    color: #888;
}

.text-999.active,
a.text-999:hover,
a.text-999:focus {
    color: #888;
}

.text-1 {
    color: #1a3387 !important;
}

.text-1.active,
a.text-1:hover,
a.text-1:focus {
    color: rgba(26, 51, 135, 0.8);
    /*font-weight: 800;*/
}

.text-2 {
    color: #02b7e6 !important;
}

.text-2.active,
a.text-2:hover,
a.text-2:focus {
    color: rgba(50, 116, 175, 0.8);
    /*font-weight: 800;*/
}

.text-3 {
    color: #ffe100 !important;
}

.text-3.active,
a.text-3:hover,
a.text-3:focus {
    color: #b49826;
    /*font-weight: 800;*/
}

/*===============字体/字号/属性=================*/

.font-1 {
    font-family: '黑体', sans-serif;
}

.font-2 {
    font-family: '华文仿宋', sans-serif;
}

.font-3 {
    font-family: 'sans-serif', sans-serif;
}

.small-90 {
    font-size: 90%;
}

/*=================背景色===============*/

.bg-landing-1 {
    background: linear-gradient(90deg, #0d274c, #1c53a3);
}

.bg-landing-2 {
    background: linear-gradient(90deg, #6f42c1, #4682ec);
}

.bg-nav {
    background-color: #1a3387;
}

.bg-footer {
    background-color: #152856;
}

.bg-bottom {
    background-color: #06133b;
}

.bg-a1 {
    background-color: rgba(0, 0, 0, 0.4);
    border: 0;
}

.bg-w1 {
    background-color: #f3f6f9;
}

.bg-w2 {
    background-color: #eff1f5;
}

.bg-1 {
    background-color: #1a3387;
}

.bg-2 {
    background-color: #06133b;
}

/*===============长宽===============*/

.w-logo {
    min-width: 50px;
    max-width: 180px;
}

.h-80px {
    min-height: 80px;
}

.h-100px {
    min-height: 100px;
}

.h-120px {
    min-height: 120px;
}

.h-140px {
    min-height: 140px;
}

.h-420px {
    min-height: 420px;
}

/*================边距================*/

.mt-t1 {
    margin-top: 1.6rem !important;
}

.mt--10rem {
    margin-top: -10rem;
    position: relative;
    z-index: 100;
}

/*================线条================*/

.line-gray {
    border-bottom: 1px solid #dcdcdc;
}

.line-1 {
    border-bottom: 4px solid #1a3387;
}

.line-2 {
    border-top: 4px solid #3274af;
}

.line-3 {
    border-bottom: 3px solid rgba(160, 160, 160, 0.3);
}

.line-left-1 {
    border-left: 4px solid #1a3387;
}

.line-right-1 {
    border-right: 1px solid #1a3387;
}

/*================radius==============*/

.rounded-c {
    border-radius: 50px;
}

.rounded-5 {
    border-radius: 0.5rem !important;
}

.rounded-8 {
    border-radius: 0.8rem !important;
}

/*================图文================*/

.box-inner {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

.box-abs-t-1 {
    position: absolute;
    z-index: 10;

    top: 40px;
    right: 0;
    left: 0;
}

.box-abs-t-2 {
    position: absolute;
    z-index: 10;

    top: 60px;
    right: 0;
    left: 0;
}

.box-abs-b-1 {
    position: absolute;
    z-index: 10;

    right: 0;
    bottom: 40px;
    left: 0;
}

.box-abs-b-2 {
    position: absolute;
    z-index: 10;

    right: 0;
    bottom: 60px;
    left: 0;
}

/*================鼠标滑过容器================*/

.box-over {
    position: relative;
    width: 100%;
}

.box-over-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.box-over-1:hover {
    transition: 0.6s;
    opacity: 0;
}

.box-over-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.box-over-2:hover {
    background-color: rgba(10, 10, 10, 0.6);
    transition: 0.6s;
    opacity: 1;
}

/*===============形状===============*/

/*圆形*/
.circle-1 {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

/*三角*/
.triangle-1 {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top: 50px solid #1a3387;
}

/*梯形*/
.hypotenuse-1 {
    width: 70%;
    height: 40px;
    background: #1a3387;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 95% 0, 85% 100%, 0% 100%);
}

/*================背景图================*/

.bg-img-1 {
    background-image: url(/static/uwau/images/png-1.png);
    background-repeat: unset;
    background-position: top;
    background-size: 100%;
    -moz-background-size: 100%;
}

.bg-img-2 {
    background-image: url(/static/uwau/images/png-1.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    -moz-background-size: 100%;
}

.bg-img-3 {
    background-image: url(/static/uwau/images/png-1.png);
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100%;*/
    /*-moz-background-size: 100%;*/
}

/*===============轮播图===============*/

.ci-1 {
    bottom: 140px;
}

.ci-1 li {
    width: 50px;
    height: 5px;
    margin-right: 5px;
    margin-left: 5px;

    background-color: #a09f9f;
    opacity: .4;
}

.ci-1.active {
    opacity: 1;
}

.prev-1,
.next-1 {
    position: relative;
    display: inline;
    color: #b4b4b4;
    border: 1px solid;
}

.prev-1:hover,
.prev-1:focus,
.next-1:hover,
.next-1:focus {
    color: #b4b4b4;
}

.carousel-indicators-1 {
    position: relative;
    justify-content: left;
    margin-left: 23%;
}

.carousel-indicators-1 [data-bs-target] {
    width: 50px;
    height: 4px;
    background-color: #f0f0f0;
}

.carousel-indicators-1 .active {
    background-color: #c71414;
}

/*================下拉菜单==============*/

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.7);
}

.dropdown-item {
    min-width: 240px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    color: #1a3387;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: rgba(26, 51, 135, 0.95);
}

/*================navbar================*/

/*下拉三角*/
.dropdown-toggle::after {
    color: #fff;
    margin-left: 0.4em;
    vertical-align: 0.1em;

    border-top: 0.4em solid;
    border-right: 0.28em solid transparent;
    border-left: 0.28em solid transparent;
}

.navbar .nav-link {
    color: #fff;
    font-weight: bold;
    /*margin-top: 3px;*/
    /*margin-bottom: 3.5px;*/
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show,
.navbar .nav-link.active {
    color: rgba(255, 255, 255, 0.8);
    /*background-color: #e09d00;*/
    /*border-top: 3px solid rgba(60, 161, 219, 0.1);*/
    /*border-bottom: 3.5px solid #3ca1db;*/
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
}

/*================navbar-b================*/

/*下拉三角*/
.navbar-b .dropdown-toggle::after {
    color: #1a3387;
    margin-left: 0.4em;
    vertical-align: 0.1em;

    border-top: 0.4em solid;
    border-right: 0.28em solid transparent;
    border-left: 0.28em solid transparent;
}

.navbar-b .nav-link {
    color: #1a3387;
    /*margin-top: 3px;*/
    /*margin-bottom: 3.5px;*/
}

.navbar-b .nav-link:hover,
.navbar-b .nav-link:focus,
.navbar-b .nav-link.show,
.navbar-b .nav-link.active {
    color: rgb(27, 138, 201);
    /*background-color: rgba(250, 105, 0, 0.1);*/
    /*border-top: 3px solid rgba(250, 105, 0, 0.1);*/
    /*border-bottom: 3.5px solid #fa6900;*/
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
}

/*================分页================*/

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-right: 0.3rem;

    line-height: 1.25;
    color: #878e93;
    background-color: #f4f4f7;
    border: 0;
}

.page-link:hover {
    z-index: 2;
    color: #878E93;
    text-decoration: none;
    background-color: #eee;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(60, 160, 220, 0.25);
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #878E93;
    border: 0;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #f4f4f7;
    border: 0;
}

/*================手风琴================*/

/*收起*/
.accordion-button-1 {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #b02e42;
}

/*收起图标*/
.accordion-button-1::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*展开*/
.accordion-button-1:not(.collapsed) {
    background-color: #b02e42;
}

/*展开图标*/
.accordion-button-1:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/*收起*/
.accordion-button-2 {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #4271a6;
}

/*收起图标*/
.accordion-button-2::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*展开*/
.accordion-button-2:not(.collapsed) {
    background-color: #4271a6;
}

/*展开图标*/
.accordion-button-2:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}


/*===============nav-1=================*/

.nav-1 {
    border-bottom: 3px solid #446395;
}

.nav-1 .nav-item {

}

.nav-1 .nav-link {
    margin-right: 1rem;
    /*margin-bottom: -3px;*/
    padding-left: 3rem;
    padding-right: 3rem;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #446395;
    background-color: #9addf8;
    font-weight: 800;
}

.nav-1 .nav-link:hover,
.nav-1 .nav-link.active,
.nav-1 .nav-item.active {
    /*color: #dd1a32;*/
    /*border-bottom: 3px solid #dd1a32;*/
    color: #fff;
    background-color: #446395;
}


/*===============nav-2=================*/

.nav-2 {

}

.nav-2 .nav-item {
}

.nav-2 .nav-link {
    /*border: 1px solid #dee2e6;*/
    /*border-radius: 0.25rem;*/
    border-left: 5px solid #1a3387;
    border-bottom: 0;
    color: #333;
    font-weight: 800;
    background-color: #f9f9f9;
}

.nav-2 .nav-link:hover,
.nav-2 .nav-link.active,
.nav-2 .nav-item.active {
    /*border: 1px solid #dee2e6;*/
    /*border-radius: 0.25rem;*/
    color: #061852;
    background-color: #eaebee;
}

/*===============btn-red=================*/

.btn-red {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-red:hover {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
}

.btn-check:focus + .btn-red,
.btn-red:focus {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
    box-shadow: 0 0 0 0.25rem rgba(181, 43, 73, 0.5);
}

.btn-check:checked + .btn-red,
.btn-check:active + .btn-red,
.btn-red:active, .btn-red.active,
.show > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
}

.btn-check:checked + .btn-red:focus,
.btn-check:active + .btn-red:focus,
.btn-red:active:focus,
.btn-red.active:focus,
.show > .btn-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(181, 43, 73, 0.5);
}

.btn-red:disabled,
.btn-red.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-red================*/

.btn-outline-red {
    color: #343a40;
    border-color: #fff;
}

.btn-outline-red:hover {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-outline-red:focus,
.btn-outline-red.focus {
    color: #fff;
    box-shadow: 0 0 0 0 rgba(201, 32, 38, 0.5);
    background-color: #da3458;
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    color: #da3458;
    background-color: transparent;
}

.btn-outline-red:not(:disabled):not(.disabled):active,
.btn-outline-red:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-outline-red:not(:disabled):not(.disabled):active:focus,
.btn-outline-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 32, 38, 0.5);
}

/*================btn-blue================*/

.btn-blue {
    color: #fff;
    background-color: #1CA7F4;
    border-color: #1CA7F4;
}

.btn-blue:hover {
    color: #fff;
    background-color: #4c89ce;
    border-color: #4c89ce;
}

.btn-check:focus + .btn-blue,
.btn-blue:focus {
    color: #fff;
    background-color: #4c89ce;
    border-color: #4c89ce;
    box-shadow: 0 0 0 0.25rem rgba(60, 160, 220, 0.5);
}

.btn-check:checked + .btn-blue,
.btn-check:active + .btn-blue,
.btn-blue:active, .btn-blue.active,
.show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #4c89ce;
    border-color: #4c89ce;
}

.btn-check:checked + .btn-blue:focus,
.btn-check:active + .btn-blue:focus,
.btn-blue:active:focus,
.btn-blue.active:focus,
.show > .btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 160, 220, 0.5);
}

.btn-blue:disabled,
.btn-blue.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*===============btn-outline-blue=================*/

.btn-outline-blue {
    color: #3ca1db;
    border-color: #1CA7F4;
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #40afee;
    border-color: #40afee;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 160, 220, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    color: #3ca1db;
    background-color: transparent;
}

.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #3ca1db;
    border-color: #3ca1db;
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 160, 220, 0.5);
}

/*================btn-purple================*/

.btn-purple {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-purple:hover {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
}

.btn-check:focus + .btn-purple,
.btn-purple:focus {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
    box-shadow: 0 0 0 0.25rem rgba(87, 6, 140, 0.5);
}

.btn-check:checked + .btn-purple,
.btn-check:active + .btn-purple,
.btn-purple:active, .btn-purple.active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
}

.btn-check:checked + .btn-purple:focus,
.btn-check:active + .btn-purple:focus,
.btn-purple:active:focus,
.btn-purple.active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(87, 6, 140, 0.5);
}

.btn-purple:disabled,
.btn-purple.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-purple================*/

.btn-outline-purple {
    color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(87, 6, 140, 0.5);
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    color: #7952b3;
    background-color: transparent;
}

.btn-outline-purple:not(:disabled):not(.disabled):active,
.btn-outline-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(87, 6, 140, 0.5);
}

/*================btn-gray================*/

.btn-gray {
    color: #fff;
    background-color: #9ca9b2;
    border-color: #9ca9b2;
}

.btn-gray:hover {
    color: #fff;
    background-color: #7c8790;
    border-color: #7c8790;
}

.btn-check:focus + .btn-gray,
.btn-gray:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-check:checked + .btn-gray,
.btn-check:active + .btn-gray,
.btn-gray:active, .btn-gray.active,
.show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}

.btn-check:checked + .btn-gray:focus,
.btn-check:active + .btn-gray:focus,
.btn-gray:active:focus,
.btn-gray.active:focus,
.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-gray:disabled,
.btn-gray.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-gray================*/

.btn-outline-gray {
    color: #6c757d;
    border-color: #9ca9b2;
}

.btn-outline-gray:hover {
    color: #fff;
    background-color: #7c8790;
    border-color: #7c8790;
}

.btn-check:focus + .btn-outline-gray,
.btn-outline-gray:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-check:checked + .btn-outline-gray,
.btn-check:active + .btn-outline-gray,
.btn-outline-gray:active,
.btn-outline-gray.active,
.btn-outline-gray.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-check:checked + .btn-outline-gray:focus,
.btn-check:active + .btn-outline-gray:focus,
.btn-outline-gray:active:focus,
.btn-outline-gray.active:focus,
.btn-outline-gray.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-outline-gray:disabled,
.btn-outline-gray.disabled {
    color: #6c757d;
    background-color: transparent;
}

/*================移动端================*/

.ps-2rem {
    padding-left: 2rem;
}

.pe-2rem {
    padding-right: 2rem;
}

.px-2rem {
    padding-left: 2rem;
    padding-right: 2rem;
}

.hidden-1 {
}

.hidden-2 {
    display: none;
}

/*================================*/

/*768px以下*/

@media (max-width: 768px) {
    .ps-2rem {
        padding-left: 12px;
    }

    .pe-2rem {
        padding-right: 12px;
    }

    .px-2rem {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hidden-1 {
        display: none;
    }

    .hidden-2 {
        display: block;
    }

}

/*768px以上*/
@media (min-width: 768px) {
}

/*992px以下*/
@media (max-width: 992px) {
}

/*992px以上*/
@media (min-width: 992px) {
}