* {
            padding: 0;
            margin: 0;
            list-style: none;
            text-decoration: none
        }
        
        @charset "utf-8";
        /* CSS Document */
        
        body {
            margin: 0px;
            padding: 0px;
            font-family: "微软雅黑";
            color: #666666;
            margin: 0px;
            padding: 0px;
            background-color: #fff;
            overflow-x: hidden;
            box-sizing: border-box;
        }
        
        * {
            font-family: "微软雅黑";
        }
        
        li {
            list-style: none
        }
        
        ul {
            padding-left: 0;
            margin: 0 0
        }
        
        a {
            color: #666;
        }
        
        .center {
            max-width: 1200px;
            margin: 0 auto
        }
        
        h2,
        h3,
        h4,
        h5,
        p {
            margin: 0 0;
            padding: 0 0;
            font-weight: 500;
        }
        
        h1 {
            font-size: 2rem;
        }
        
        .ctrl span {
            float: left;
            cursor: pointer;
        }
        
        input,
        textarea,
        select {
            outline: none;
            font-family: "微软雅黑";
        }
        
        img {
            border: none
        }
        
        .swiper-container {
            width: 100%;
            height: 9.44%;
        }
        
        .swiper-slide img {
            width: 100%
        }
        
        .clear {
            clear: both
        }
        
        @media screen and (min-width:320px) {
            html {
                font-size: 90%;
            }
        }
        
        @media screen and (min-width:400px) {
            html {
                font-size: 90%
            }
        }
        
        @media screen and (min-width:480px) {
            html {
                font-size: 97.5%
            }
        }
        
        @media screen and (min-width:560px) {
            html {
                font-size: 100%
            }
        }
        
        @media screen and (min-width:600px) {
            html {
                font-size: 112.5%
            }
        }
        
        @media screen and (min-width:640px) {
            html {
                font-size: 100%
            }
        }
        /*清除浮动*/
        
        .clearfix:after {
            visibility: hidden;
            clear: both;
            display: block;
            content: ".";
            height: 0
        }
        
        .clearfix {
            *zoom: 1
        }
        
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
        
        .three-card .ico svg {
            font-size: 50px;
            margin-right: 20px;
        }
        
        .card li svg {
            font-size: 55px;
        }
        
        @font-face {
            font-family: 'iconfont';
            src: url('iconfont.eot');
            src: url('iconfont.eot@#iefix') format('embedded-opentype'), url('font/iconfont.woff2') format('font/woff2'), url('font/iconfont.woff') format('font/woff'), url('font/iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
        }
        
        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        /* 导航部分 */
        
        .nav_list ul li span {
            opacity: 0;
            width: 4.0rem;
            height: 3px;
            background-color: #e61e1e;
            margin-top: 23px;
        }
        
        .nav_list ul li:hover span {
            /*! opacity: 1; */
        }
        
        .current {
            color: #e61e1e;
        }
        
        .nav_list li {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }
        
        .nav_list li a:hover {
            color: #e4a862;
        }
        /* 当鼠标经过显示下划线 */
        
        .nav {
            width: 100%;
            background-color: #1f354e;
        }
        
        .main {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .main-nav {
            display: flex;
            justify-content: space-between;
        }
        
        .nav_list li {
            float: left;
            margin-left: 40px;
            margin-top: 45px;
        }
        
        .nav_list li a {
            font-size: 16px;
            color: white;
        }
        
        .nav-left {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
         .logo {
                    
                    font-weight: bold;
                    
                    /*! padding: 20px 10px; */
                    width: 270px;
                }
        .logo  a{color: #fd091f;font-size: 33px;}
        .address .jinan i {
            font-size: 16px;
            color: #e61e1e;
            margin-right: 5px;
        }
        
        .address p {
            display: inline;
        }
        
        .city {
            margin-top: 10px;
        wit}
        
        .city i {
            color: #666;
            font-size: 14px;
            margin-left: 5px;
        }
        /* 顶部大图banner部分 */
        
        .big-img {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: 750px;
        }
        
        .big-img img {
            position: relative;
            /*! top: 0; */
            /*! left: 0; */
            /*! vertical-align: middle; */
            width: 100%;
        }
        /* 大图底部介绍卡部分 */
        
        .intro {
            width: 100%;
            background-color: #fff;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        }
        
        .three-card ul {
            display: flex;
            /*! justify-content: space-between; */
            align-items: center;
            flex-wrap: wrap;
        }
        
        .three-card li {
            width: 32%;
            display: flex;
            justify-content: left;
            align-items: center;
            width: 46%;
            padding: 20px 0px;
            cursor: pointer;
            overflow: hidden;
            margin: 0px 2%;
        }
.three-card li:hover{
   transform: scale(1.2);
transition: all 0.8s ease-in-out;

}
        .ico i {
            font-size: 50px;
            margin-right: 15px;
        }
        
        .text span {
            font-size: 16px;
        }
        
        .text p {
            font-size: 14px;
            margin-top: 10px;
        }
        /* 主体内容四大卡片部分 */
        
        .card {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
            color: white;
            line-height: 30px;
        }
        
        .card ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .card li {
            width: 44%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            background-color: #fff;
        }
        
        .course-card {
            width: 100%;
            background-color: #1f354e;
            padding: 40px 0px;
        }
.course-card .more{/*! margin: 20px 0px; */text-align: center;}
.course-card .more a{
            text-align: center;
            padding: 6px 30px;
            background: #e4a862;
            display: inline-block;
            border-radius: 20px;
            color: white;
            margin-top: 50px;
        }
        .main {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .card-hd {
            text-align: center;
            padding: 40px 0;
        }
        
        .course-card .card-hd span {
            font-size: 40px;
            color: white;
        }
.card .cara{display: flex;align-items: center;}
.card .cara .carab{margin-right:20px;}
.card-hd span {color:#333;font-size: 40px;}
        .card-hd p {
            font-size: 40px;
            display: inline;
            color: #e61e1e;
            font-weight: bold;
        }
        
        .card li {
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        }
        
        .card li:hover {
            border-top: 3px solid#e61e1e;
        }
        
        .card i {
            font-size: 70px;
        }
        
        .card a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px 10px;
        }
        
        .card a i {
            width: 30%;
        }
        
        .right-text {
            margin-left: 20px;
        }
        
        .card .right-text {
            width: 70%;
        }
        
        .right-text span {
            font-size: 18px;
        }
        
        .right-text p {
            font-size: 14px;
            margin-top: 20px;
        }
        
        .button:hover {
            color: #e61e1e;
            cursor: pointer;
        }
        
        .button {
            float: right;
            margin-top: 100px;
        }
        
        .button i {
            font-size: 16px;
        }
        
        .button p {
            font-size: 14px;
            display: inline;
        }
        /* 课程内容部分 */
        
        .con-content {
            padding: 88px 0 35px 0;
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .con-hd {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        /* 课程内容部分左侧标题部分 */
        
        .hd-l {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex: 1;
        }
        
        .con-hd span {
            width: 5%;
            border: 3px solid red;
            margin-right: 30px;
        }
        
        .title p {
            font-size: 26px;
        }
        
        .title i {
            font-size: 16px;
            font-style: normal;
        }
        
        .hd-r p {
            font-size: 16px;
            display: inline;
        }
        
        .icon-b i {
            font-size: 55px;
        }
        /* 课程内容部分轮播图部分 */
        
        .con-bd {
            margin: 30px 0;
        }
        /*轮播图底部分大图介绍部分 */
        
        .lock-intro {
            background: #e5e7eb;
            width: 100%;
            background-size: 100% 100%;
            z-index: -999;
            padding: 130px 0;
        }
        
        .lock-intro {
            margin-bottom: 100px;
        }
        
        .lock-text {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }
.price{/*! display:flex; */}
.lock-text .about{width:50%;}
.lock-text .price{width:48%;margin-left:2%;/*! background:white; *//*! padding: 20px; */}
.price .picecon{background: white;}
.price .picecon .listb{padding:5px 20px;}
.price .pricet  {text-align: center;margin-bottom: 60px;}
.price .lista .priceb{margin-left:auto;}
.price .pricet p{color:#333;}
.price .lista{
	background: #e4a862;
	display: flex;
	align-items: center;
	color: white;
	padding: 5px 10px;
}
.price .listb{background: none;border-bottom:1px solid #eee;padding-bottom:5px;margin:10px 0px;color: #333;}
        .text-title {
            text-align: center;
            margin-bottom: 60px;
            color: #fff;
        }
        
        .text-title p {
            font-size: 26px;
            color: #fff;
        }
        
        .wenzi {
            font-size: 14px;
            line-height: 30px;
            margin-bottom: 100px;
            color: #fff;
        }
        
        .con-button {
            text-align: center;
        }
        
        .con-button a {
            width: 185px;
            height: 50px;
            border: 1px solid #ccc;
            padding: 10px 20px;
            color: #fff;
        }
        
        .con-button p {
            font-size: 14px;
            display: inline;
        }
        /* 品牌介绍部分 */
        
        .brand {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
            margin-bottom: 95px;
        }
        
        .brand-title span {
            font-size: 16px;
            color: #e61e1e;
            display: block;
            margin-bottom: 15px;
        }
        
        .brand-text {
            margin-bottom: 20px;
        }
        
        .brand-text span {
            font-size: 26px;
            color: #e61e1e;
            font-weight: 700;
            display: inline;
        }
        
        .brand-text p {
            font-size: 26px;
            display: inline;
        }
        
        .brand-title i {
            font-size: 16px;
            font-style: normal;
            display: block;
        }
        
        .brand-card ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .brand-card {
            margin-top: 90px;
            margin-bottom: 70px;
        }
        
        .brand-2 i {
            font-size: 65px;
        }
        
        .brand-card li {
            display: flex;
            justify-content: space-between;
        }
        
        .icon i {
            font-size: 45px;
        }
        
        .brand-card-text {
            margin-left: 20px;
        }
        
        .brand-card-text span {
            font-size: 18px;
        }
        
        .brand-card-text p {
            font-size: 14px;
            margin-top: 20px;
        }
        
        .img img {
            width: 100%;
        }
        /* 新闻资讯部分 */
        
        .news {
            width: 100%;
            background-color: #f5f5f5;
            padding: 30px 0;
        }
        
        .news-hd {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .news-hd {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .news-hd-l {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex: 1;
        }
        
        .news-hd-l span {
            width: 5%;
            border: 3px solid #e61e1e;
            margin-right: 30px;
        }
        
        .news-hd-r p {
            display: inline;
        }
        
        .news-list ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin: 60px 0;
        }
        
        .news-list li a {
            display: flex;
            overflow: hidden;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 20px 30px;
        }
        
        .news-list li {
            background-color: #fff;
            margin-bottom: 40px;
        }
        
        .news-list li:hover {
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        }
        
        .news-list-l img {
            width: 100%;
        }
        
        .news-list-l {
            width: 20%;
            margin-right: 30px;
        }
        
        .news-list-text {
            width: 70%;
        }
        
        .news-list-text span {
            font-size: 18px;
            font-weight: 700;
            display: block;
            padding-bottom: 20px;
        }
        
        .news-list-text span:hover {
            color: #e61e1e;
        }
        
        .news-list-text {
            padding: 15px 0;
        }
        
        .news-text p {
            font-size: 14px;
        }
        
        .ico1 {
            margin-right: 20px;
            display: inline;
        }
        
        .ico2 {
            display: inline;
        }
        
        .news-text {
            margin-top: 20px;
        }
        
        .news-list-text p {
            font-size: 14px;
            display: inline;
        }
        
        .news-list-text {
            display: inline;
        }
        
        .news-button:hover {
            color: #e61e1e;
        }
        
        .news-button {
            float: right;
            margin-bottom: 20px;
            margin-right: 20px;
        }
        
        .news-button p {
            display: inline;
        }
        
        .news-button i {
            display: inline;
        }
        /* 底部联系方式部分 */
        
        .lianxi-card {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .lianxi-card ul {
            margin-bottom: 50px;
        }
        
        .lianxi-card li i {
            font-size: 33px;
        }
        
        .lianxi-card a {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0;
        }
        
        .lianxi-card p {
            font-size: 16px;
            text-align: center;
            margin-top: 20px;
        }
        /* 底部footer部分 */
        
        .footer {
            width: 100%;
            background-color: #1f354e;
            padding: 40px 0;
            color: rgb(209, 213, 219);
        }
.footer a{
   color:rgb(209, 213, 219);
}
        .footer-logo {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .footer-cen ul {
            display: flex;
            justify-content: left;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .footer-cen li i {
            margin: 0 25px;
        }
        
        .footer-cen-j {
            text-align: left;
            padding: 20px 0px;
        }
        
        .big-links {
            margin-top: 30px;
            border-top: 1px solid #ccc;
            width: 100%;
        }
        
        .links {
            max-width: 1200px;
            width: 98%;
            margin: 0 auto;
        }
        
        .links ul {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 20px 0;
        }
        
        .lunbo-text {
            z-index: 999;
            position: absolute;
            top: 30%;
            left: 5%;
            width: 50%;
            text-align: left;
        }
        
        .lunbo-text span {
            font-size: 18px;
            color: #666;
            font-weight: 700;
        }
        
        .lunbo-text p {
            margin-top: 20px;
            font-size: .87rem;
            color: #666;
            line-height: 1.4rem;
        }
        
        .lunbo1 {
            background: url(../images/lunbo1_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo2 {
            background: url(../images/lunbo2_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo3 {
            background: url(../images/lunbo3_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo4 {
            background: url(../images/lunbo4_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo5 {
            background: url(../images/lunbo5_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo6 {
            background: url(../images/lunbo6_07.jpg) no-repeat;
            background-size: 100% auto;
        }
        
        .lunbo-button {
            width: 13.0rem;
            height: 3.0rem;
            border: 1px solid #e5e5e5;
            line-height: 3.0rem;
            font-size: .87rem;
            text-align: center;
            color: #999999;
            float: right;
            margin-top: 2.0rem;
        }
        
        .lunbo-button p {
            display: inline;
            color: #999;
        }
        
        .lunbo1 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .lunbo2 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .lunbo3 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .lunbo4 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .lunbo5 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .lunbo6 {
            position: relative;
            height: 0;
            padding-top: 40%;
            width: 100%;
            position: relative;
        }
        
        .phone_nav_list {
            display: none;
        }
        
        .big-img_mo {
            display: none;
        }
        
        .tel i {
            display: inline;
            font-size: 16px;
            color: #fff;
            margin-right: 10px;
        }
        
        .tel p {
            display: inline;
        }
        
        .tel span {
            font-size: 24px;
            color: #fff;
        }
        
        .tel li {
            color: #fff;
            font-size: 16px;
            margin-top: 10px;
        }
        
        .fixed {
            display: none;
            position: fixed;
            top: 70%;
            right: 10px;
            width: 4.0rem;
            height: 4.0rem;
            /*! background: #fd3f2d; */
            border-radius: 50%;
            color: #fff;
            z-index: 9999;
        }
        
        .fixed i {
            font-size: 32px;
        }
        
        .fixed a {
            justify-content: center;
            align-items: center;
            flex-direction: column;
            display: flex;
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            height: 100%;
        }
        
        .phone :hover {
            cursor: pointer;
        }
        
        .fix_display {
            width: 170px;
            height: 85px;
            background-color: #fff;
            position: absolute;
            top: 0px;
            right: 93px;
            text-align: left;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        }
        
        .fix_display span {
            color: black;
            font-size: 14px;
            text-indent: 1.0rem;
            display: block;
            color: #666;
            margin-top: 10px;
        }
        
        .fix_display p {
            text-indent: 1.0rem;
            color: #fd5d50;
            font-size: 18px;
            margin-top: 10px;
        }
        
        .fix .phone {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            top: 0;
            right: 0;
            width: 90px;
            border-radius: 10px;
            height: 90px;
            background-color: #fd3f2d;
        }
        
        .phone i {
            font-size: 18px;
            color: #fff;
        }
        
        .phone,
        .back {
            text-align: center;
            color: #fff;
            font-size: 14px;
        }
        
        .back:hover {
            cursor: pointer;
        }
        
        .fix .back {
            position: absolute;
            top: 110px;
            right: 0;
            width: 90px;
            border-radius: 10px;
            height: 90px;
            background-color: #fd3f2d;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .aside {
            position: fixed;
            top: 50%;
            right: 0;
            z-index: 999;
        }
        
        .phone i {
            font-size: 46px;
            margin-bottom: 3px;
        }
        
        .back i {
            font-size: 46px;
            margin-bottom: 3px;
        }
        
        .back p,
        .phone p {
            font-size: 18px;
        }
        
        .banner_mo img {
            width: 100%;
        }
        /* 当屏幕在手机端的效果 */
        
        @media only screen and (max-width:750px) {
            .nav_list {
                display: none;
            }
            .phone_nav_list {
                display: block;
            }
            .footer-cen ul {
                display: none;
            }
            .card a {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .card li {
                width: 50%;
            }
            .right-text span {
                font-size: 16px;
                margin-top: 5px;
            }
            .right-text p {
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }
            .button {
                margin-top: 30px;
            }
            .icon i {
                font-size: 55px;
            }
            .lunbo-text p {
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            .brand-card ul {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
            }
            .brand-card li {
                padding: 20px 0;
            }
            .brand-card-text p {
                margin-top: 10px;
            }
            .brand-card-text span {
                font-size: 16px;
            }
            .brand-title i {
                font-size: 14px;
            }
            .card-hd span {
                font-size: 30px;
            }
            .card-hd p {
                font-size: 30px;
            }
            .three-card li {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
            }
            .three-card li
            .news-list-l {
                width: 100%;
            }
            .news-list-text {
                width: 100%;
            }
            .lianxi-card p {
                font-size: 10px;
            }
            .lianxi-card li i {
                font-size: 30px;
            }
            .logo {
                width: 90%;
            }
            .logo img {
                /*! width: 100%; */
                max-height: 80px;
            }
            .text {
                text-align: center;
            }
            .three-card .ico svg {
                margin-right: 0;
            }
            .links ul {
                flex-wrap: wrap;
            }
            .title p {
                font-size: 26px;
            }
            .title i {
                font-size: 14px;
            }
            .brand-card {
                margin-top: 50px;
            }
            .hd-r p {
                font-size: 14px;
            }
            .nav-left {
                display: flex;
                justify-content: flex-start;
            }
            .lunbo-button {
                display: none;
            }
            .big-img {
                display: none;
            }
            .big-img_mo {
                display: block;
            }
            .big-img_mo img {
                width: 100%;
            }
            .card-hd {
                padding: 30px;
            }
            .con-content {
                padding-top: 30px;
            }
            .lock-intro {
                margin-bottom: 40px;
            }
            .news-list ul {
                margin-top: 30px;
                margin-bottom: 0;
            }
            .aside {
                display: none;
            }
            .fixed {
                display: block;
            }
            .brand-card i {
                font-size: 40px;
            }
        }
		 .tel_fixed{background: rgba(0,0,0,.6); position: fixed; bottom: 0; left: 0; width: 100%; display: none; z-index: 999;}
    .tel_fixed a{display: block; padding: 1.0rem;}
    .tel_fixed p{ width: 100%; height: 3.0rem; display: flex; justify-content: center; background: #fd3f2d; align-items: center; border-radius: .6rem; color: #fff;}
                /* 当在手机屏幕下的效果 */
         .yljh{background: #395e89;}       
                @media only screen and (max-width:750px) {
                    .lock-text .price{margin-left:0px;}
                    .course-card .card-hd span{font-size:26px;}
                    .lock-intro{padding:40px 0px;}
                    .wenzi{margin-bottom:50px}
                    .lock-text .about,.lock-text .price{width:100%;}
                    .price .pricet{margin:60px auto;}
                    .three-card li .ico img{max-width:80px;}
                    .tel_fixed{background: rgba(0,0,0,.6); position: fixed; bottom: 0; left: 0; width: 100%; display: block;}
    .tel_fixed a{display: block; padding: 1.0rem;}
    .footer{padding:0px}
    
    .tel_fixed p{ width: 100%; height: 3.0rem; display: flex; justify-content: center; background: #fd3f2d; align-items: center; border-radius: .6rem; color: #fff;}
    .card{padding:20px;box-sizing: border-box;}
    .card .cara{flex-wrap:wrap;justify-content:center;}
    .card .cara .carab{margin-bottom:20px;margin-right:0px}
                }