/* Reset and base styles */

.pa-top80{padding-top:80px;}
.pa-top60{padding-top:60px;}
.about-area{background: linear-gradient(135deg, rgb(228 251 249 / 90%) 0%, rgb(233 248 246 / 60%) 50%, rgb(244 240 237 / 100%) 100%);}
.about-tel{font-size: 36px;line-height: 60px;font-weight: bold;color: #0068b7;}
.page-t1{text-align: center;padding-left: 0;}
.page-E1{top: -0.9rem;}
.bg-f5{background: url(../../assets/img/principles.png) center bottom #f5f7f9;background-repeat: no-repeat;background-size: cover;}
.in-hot-bg{background: url(../../assets/img/in-bg1.png) center bottom #fff;background-repeat: no-repeat;background-size: contain;}

.p-banner2{background-repeat: no-repeat;background-position: center bottom;height: 573px;display: flex;align-items: center; }
.p-left{}
.p-left-en{font-family: 'D-DIN-PRO-700-BOLD';font-size: 48px;font-weight:bold; color: rgba(0, 0, 0, 0.03);text-transform: uppercase;}
.p-left-title{font-size: 48px;font-weight:bold;color:#0068b7}
.p-left-text{font-size: 18px;color:#777; width:40%;padding-top: 50px;line-height: 36px;}
.page-Wnav{display:none;}
.pro-detail{background: url(../../assets/img/pro-bg1_02.png) center top #f5f7f9;background-size: cover;}

.p-box1{}
.p-box1-en{font-family: 'D-DIN-PRO-700-BOLD';font-size: 36px;font-weight:bold; color: rgba(0, 0, 0, 0.03);text-transform: uppercase;}
.p-box1-title{font-size: 36px;font-weight:bold;color:#0068b7}
.p-box2, .p-box3, .p-box4{ position: relative}

.dingwei{position:absolute; top:-200px;}
.hbg{background: url(../../assets/img/hbg1.jpg) center bottom #f6f9fb no-repeat;background-size: contain;}
.bbg{background: url(../../assets/img/bbg1.jpg) center bottom no-repeat;background-size: contain;}

.about-2{display: flex;align-items: center;}

.b-x span{position: relative;width:40px; display: inline-block;}
.b-x span::after{display: block;content: " ";height: 3px;width: 30px;position: absolute;left: 5px;bottom: 6px;background-color: #666;transition: height .5s ease;}

.p-box2-title{font-size: 24px;font-weight:bold;color:#666}
.p-box2-n{ border-radius: 10px;background-color: #fff;padding:0;margin-top: 2.7%;box-shadow: 23px 0 90px rgba(29, 56, 75, .17);}
.p-box2-n img{max-width:100%;border-radius: 10px;}

.p-box3-n{ border-radius: 10px;background-color: #fff;margin-top: 2.7%;box-shadow: 23px 0 90px rgba(29, 56, 75, .17); padding:5%; background: #fff;font-size: 16px;line-height: 36px;}

.pro-table{ background: #fff; margin-top: 2.7%;overflow: auto;}
.pro-table table{ table-layout: auto; table-layout: fixed;position: relative;}


.pro-table table tr:nth-child(odd){background: #f5f5f5;}
.pro-table table tr:first-child{background: #0068b7; color: #fff;}

.pro-table table tr td{border: solid 1px #e0e0e0 !important;padding:6px 3px;text-align: center;font-size: 15px;color: #666;}
.pro-table table tr td *{font-family: 'HarmonyOS_Sans_SC_Light';font-size: 13px !important; text-align: center;line-height:32px;color: #666 !important;} 

.pro-table table tr:first-child td p span{color: #fff !important;font-size: 14px !important; line-height: 40px;}

.page-link{padding: 10px 15px;border-radius: 4px;margin: 0px 5px; color:#333;font-size: 16px;}
.page-num-current{padding:10px 15px;border-radius: 4px;border: 1px solid #dee2e6;margin: 0px 5px;color:#333;font-size: 16px;}
.pagination a{padding: 10px 15px;border-radius: 4px;display: block;background-color: #fff;border: 1px solid #dee2e6; margin: 5px;}
.pagination{justify-content: center; margin-top: 50px;}
.pagination a.page-num-current{background: #0068b7;color: #fff;}

.news-content{}
.news-content p{text-indent: 2em; padding-bottom:15px;}

.dingzhi{background: url(../../assets/img/imgbg-dz1.jpg) right top #fff;background-repeat: no-repeat;}
.dingzhi-bg{background: url(../../assets/img/imgbg-dz2.jpg) right bottom ;background-repeat: no-repeat;}
.dingzhi-max-w{max-width:1200px;}

.contact-t i{ margin-right: 15px;font-weight: bold;font-size: 20px;float: left;margin-top: 7px;}
.app-icon .menu-list i{font-size: 16px;margin-left: 10px;}

.about-img-2{box-shadow: 0 3px 10px rgba(85, 85, 86, 0.16);border-radius: 10p}
.contact-bg{background: url(../../assets/img/contactbg.png) center top no-repeat; background-size: cover;}
.zhaocai-bg{background: url(../../assets/img/c-bg1.png) center top no-repeat; background-size: cover;}
.zhaocai-icon i{font-size: 40px;margin-top: 20px;color: #0068b7;}

.pro-table table tr td * strong, .pro-table table tr td * b{color: #fff !important;font-size: 15px !important;}


.p-box2-title span {width: 8px;height: 8px;display: inline-block;border-radius: 50%;opacity: 1;background: var(--clr-theme-primary);position: relative;top: -5px;margin-right: 20px;}
.p-box2-title span::after {position: absolute;left: 50%;top: 50%;content: "";width: 18px;height: 18px;border-radius: 50%;
border: 3px solid var(--clr-theme-primary);text-align: center;transform: translate(-50%, -50%);}


.banner-t{display: inline-block;background: #4491cb;padding: 10px 10px;border-radius: 4px;color: #fff;font-size: 18px;margin-top: 15px;}

.Wnav-ul{max-height:400px;}
.page-Wnav {position: relative;width: 100%;height: 50px;line-height: 50px;background: #0068b7;z-index: 29}

.text-secondary{font-size: 18px;text-align: center;}

.services-area .bn-services-item-icon.pp-t1{width: 50%;border-radius: 40px;height: 50px; line-height: 50px;}
.pinpaiwenhua .services-area .bn-services-item-icon.pp-t1{font-size: 18px;}

.services-area.pp-box3 .bn-services-item-content-text{margin-bottom:0}
.services-area.pp-box3 .text-2{min-height: 100px;}
.p-t-t1{font-size:26px;}
.p-t-t2{font-size:16px;}
.min-h1{min-height:95px;}
.min-h2{min-height:50px;padding-top: 15px;}
.min-h2 .m-span1{font-weight:bold}
.min-h2 .m-span2{color:#c8963e; font-weight: bold; min-width: 120px;display: inline-block;}
.pp-i1{background: url(/assets/img/about-ruisai-2.jpg); background-size: cover;border-radius: 10px;min-height: 400px;display: flex; justify-content: center;align-items: center;}

.pp-img1{width: 90%;}
.pp-img1 .align-items-center{font-size: 16px;}
.jihua-1, .jihua-3{background: rgba(255,255,255,0.7);padding: 15px 10px;border-radius: 10px;color: #081830;text-align: center;}
.jh-text1{font-family: 'Georgia', 'Noto Serif SC', 'Source Han Serif SC', serif;font-size: 28px;font-weight: 700;letter-spacing: 3px;}
.jihua-1 .jh-text1{color: #1b3a5c;}
.jihua-3 .jh-text1{color: #0e9aa7;}
.jh-text2{font-size: 13px;padding: 10px 0;}
.jh-text2{font-size: 15px;}
.jihua-2{color:#fff;text-align: center;font-size: 24px;}
.ppjh{}
.ppjh b{color:#0269b8;}

.principle-banner {
background:linear-gradient(45deg, #0068b7 0%, #0e9aa7 100%);;
color: #fff;
border: none;
border-radius: 8px;
padding: 40px 36px;
text-align: center;
margin-top: 20px; box-shadow: 0 3px 10px #dfedff;
}
.principle-banner .main-line {
font-family: var(--font-heading);
font-size: 22px;
color: #fff;
letter-spacing: 3px;
margin-bottom: 8px;
}
.principle-banner .sub-line {
font-size: 14px;
color: var(--accent-light);
font-weight: 600;
letter-spacing: 1px;
}
.principle-banner .explain {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
margin-top: 12px;
line-height: 1.7;
}
					   
.page-Wnav .Wnav-top {
font-size: 20px;text-transform: uppercase;
color: #fff;background: url(../../assets/img/icon-web-xiasanjiao.png) no-repeat 96% center;
background-size: 16px;
padding: 0 15px; line-height: 52px;
}

.page-Wnav .top-on {
background: url(../../assets/img/icon-web-shangsanjiao.png) no-repeat 96% center !important;
background-size: 16px !important
}

.page-Wnav .Wnav-ul {
position: relative;width: 100%;height: 0;background: #fff;
overflow: hidden;
z-index: 99;
transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
-webkit-transition: all .6s
}

.page-Wnav .Wnav-ul .Wnav-li {
width: 100%;
height: 35px;
line-height: 35px;
padding: 0px 15px;
font-size: 15px;
text-transform: uppercase;
color: #000;
border-bottom: solid 1px #ccc;
}



.page-strip {
    position: sticky;
    top: 1rem;
    left: 0;
    width: 100%;
    height: .7rem;
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgba(72,72,72,0.1);
    overflow: hidden;
    z-index: 29; font-size:16px;
}

.page-strip .strip-box {
    display: flex;
    justify-content: space-between;
   
    height: 100%;
    margin: 0 auto
}

.page-strip .strip-box .box-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
    height: 100%
}

.page-strip .strip-box .box-left .left-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
    height: 100%;
    padding: 0 .2rem;
    font-size: var(--fs16);
    text-align: center;
    color: #666; font-size:15px;
    cursor: pointer
}

.page-strip .strip-box .box-left .left-item:last-of-type {
    margin-right: 0
}

.page-strip .strip-box .box-left .left-item::before {
    content: '';
    position: absolute;
    bottom: -0.05rem;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -5px;
    border-radius: 50%;
    border: solid 2px #fff;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.page-strip .strip-box .box-left .left-item::after {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 1px;
    background: #0068b7
}

.page-strip .strip-box .box-left .left-item:hover {
    color: #fff;
    background: #0068b7;
    background-size: cover
}

.page-strip .strip-box .box-left .left-item:hover::before {
    bottom: .05rem
}

.page-strip .strip-box .box-left .left-item-on {
    color: #fff;
    background: #136bae;
}

.page-strip .strip-box .box-left .left-item-on::before {
    bottom: .05rem
}

.page-strip .strip-box .box-left .left-item-on::after {
    display: block
}

.page-strip .strip-box .box-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 20%;
    text-align: right
}

.page-strip .strip-box .box-right .right-icon {
    width: 10px;
    margin-right: .15rem
}

.page-strip .strip-box .box-right .right-icon img {
    display: block;
    width: 100%
}

.page-strip .strip-box .box-right .right-text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    font-size: var(--fs16);
    font-weight: 100;
    color: #06b54c
}

.page-strip .strip-box .box-right .right-text a {
    max-width: 1rem;
    color: #929292
}

.page-strip .strip-box .box-right .right-text a:hover {
    color: #06b54c;
    text-decoration: underline
}

.page-strip .strip-box .box-right .right-text em {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin: 0 .15rem;
    background: url(../images/icon/icon-index-arrow.png) no-repeat center center;
    background-size: 100%
}

.page-strip .strip-box .box-right .right-text span {
    max-width: 1.82rem
}


@keyframes td_animation_spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}

.rotating-div {
width: 64px;
height: 64px;
background-color: #0068b7;
animation: td_animation_spin 4s linear infinite; /* 持续时间更长，以便更明显地看到效果 */
}

.carousel-container {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}

/* Slider area */
.slider-wrapper {
flex: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.slider-track {
position: relative;
width: 82%;
max-width: 50%;
height:100%;
max-height: 350px;
min-height: 310px;
}

.slider-track.dragging {
/* no transition during drag */
}

/* Card - all cards are absolutely positioned and stacked */
.card {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 12px;
background: #fff;
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		  opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		  filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform, opacity, filter;
display: flex;
flex-direction: row;
cursor: default;
-webkit-box-shadow: 0px 0 10px rgb(68 68 68 / 19%);
-moz-box-shadow: 0px 0 10px rgb(68 68 68 / 19%);
box-shadow: 0px 0 10px rgb(68 68 68 / 19%);
border:0px;
}

/* Card position states - controlled by JS via data attributes */
.card[data-pos="0"] {
/* Active card - center, full size, on top */
transform: translateX(0) scale(1);
opacity: 1;
filter: blur(0);
z-index: 4;
}

.card[data-pos="-1"] {
/* One to the left */
transform: translateX(-50%) scale(0.9);
opacity: 0.7;
z-index: 3;
cursor: pointer;
}

.card[data-pos="1"] {
/* One to the right */
transform: translateX(50%) scale(0.9);
opacity: 0.7;
z-index: 3;
cursor: pointer;
}

.card[data-pos="-2"] {
/* Two to the left */
transform: translateX(-50%) scale(0.82);
opacity: 0;
filter: blur(2px);
z-index: 2;
pointer-events: none;
}

.card[data-pos="2"] {
/* Two to the right */
transform: translateX(50%) scale(0.82);
opacity: 0;
filter: blur(2px);
z-index: 2;
pointer-events: none;
}

.card[data-pos="hidden"] {
/* Far away cards */
transform: translateX(0) scale(0.7);
opacity: 0;
filter: blur(3px);
z-index: 0;
pointer-events: none;
}

/* Card text area (left) */
.card-text {
flex: 1;
padding: 40px 0px 35px 45px;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}

.card-title {
font-size: 24px;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 8px;
height: 64px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.card-title-b{color:#0068b7;font-size:16px; font-weight: bold; margin-top:50px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}

.card-desc {
font-size: 16px;margin-top: 10px;
color: #777;
line-height: 1.75;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

/* Card image area (right) */
.card-image {
width: 350px;
min-width: 120px;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
}

.card-image img {
width: 100%;
height: auto;
max-height: 200px;
object-fit: contain;
}

/* Dots */
.dots-container {
display: flex;
justify-content: center;
align-items: center;
padding: 90px 0 0px;
gap: 10px;
}

.dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: background 0.3s ease;
border: none;
outline: none;
padding: 0;
}

.dot.active {
background: #0068b7
}

/* Safe area for notched phones */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.dots-container {

}
}



@media (min-height: 800px) {
.slider-track {
max-height: 360px;
  max-width: 80%;
}
.card-text {
padding: 15px 0px 15px 15px;
}
.card-title {
font-size: 20px;
}

.card-desc {
font-size: 13px;
-webkit-line-clamp: 5;
}
.card-image {
width: 180px;
}
.card-title-b{margin-top:20px;font-size: 14px;}
}


/*---==================================
<!--Basko Principles Area Css-->
========================================---*/

.jishufa-title{    margin-bottom: 50px;}

.bg-w{background: #fff;}
.principles-area {
position: relative;
z-index: 1;
padding: 70px 221px 61px;
padding-right: 107px;
}

.principles-area .section-title.center {
margin-bottom: 62px;
margin-right: 114px;
}

.single-principles-box {
display: flex;
position: relative;
background: #fff;
clip-path: polygon(0 0, 100% 0, 93% 98%, 0% 100%);
border-radius: 10px;
padding: 30px 31px 31px;
gap: 28px;
max-width: 414px;    margin-bottom: 50px;
}

.single-principles-box:nth-child(2) {
background: #ffff;
clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
position: relative;
left: -84px;
}

.single-principles-box:nth-child(3) {
position: relative;
clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
}

.principles-content h4 {
font-size: 24px;
font-weight: 600;
margin: 0;
}

.principles-content p {
margin: 9px 0 0;
}

.single-principles-box.two {
clip-path: polygon(0% 0, 100% 0, 100% 100%, 6% 100%);
padding-left: 47px;
}

.single-principles-box.two:nth-child(2) {
background: #ffff;
clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
position: relative;
left: 81px;
}

.single-principles-box.two:nth-child(3) {
position: relative;
clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
}

.prinicples-shape {
position: absolute;
left: -10px;
right: 0;
text-align: center;
bottom: 85px;
z-index: 5;
}

.prinicples-shape-two {
position: absolute;
left: 0;
right: 0;
text-align: center;
bottom: 100px;
z-index: 5;
animation: bounce 4s linear infinite;
}
.principles-icon{}
.principles-icon img{    border-radius: 100%; border: solid 3px #d9e1e7;
-webkit-box-shadow: 0px 0 20px rgb(68 68 68 / 20%);
-moz-box-shadow: 0px 0 20px rgb(68 68 68 / 20%);
box-shadow: 0px 0 20px rgb(68 68 68 / 20%);}
.in-nesmore{text-align: center; padding: 30px;}
.b-t-box{padding: 20px 40px;background: #edf4fa;border-radius: 10px;margin-bottom: 50px;margin-top: 50px;-webkit-box-shadow: 0px 0 10px rgb(68 68 68 / 5%);-moz-box-shadow: 0px 0 10px rgb(68 68 68 / 5%);
box-shadow: 0px 0 20px rgb(68 68 68 / 5%);}
.b-t-box-p1{font-size: 24px; font-weight: bold;}
.b-t-box .bn-about-btn{margin-top: 5px; text-align: right;}

.bn-footer{color:#d6dade;font-size: 15px;}
.bn-footer p, .bn-footer a{color:#fff;}
.bn-footer .bn-footer-widget a:hover{color: #f08200;}
.b-e-div{display: inline-block;}
.b-e-div p{text-align: center;font-size: 13px;margin-top: 5px;}

@media (max-width:576px) {
*{font-size: 14px;}
.pt-120, .pt-100{padding-top:40px;}
.page-English{font-size: 0.5rem;top: -0.25rem;left: 35%;}
.page-title{font-size: 30px;padding-left: 20px;}
.about-tel{font-size: 18px;line-height: 50px;}
.pa-top80{padding-top: 40px;}
.pb-70 {padding-bottom: 30px;}
.bn-theme-btn{padding: 0 30px;height: 50px;line-height: 50px;font-size: 16px;}
.pb-120{padding-bottom:40px;}
.bg-f5{background-size: contain;}
.pul_logo img{max-height: 30px;}
.bn-play-btn{height: 45px;line-height: 45px;font-size: 15px;width: 160px;}
.rotating-div{width:40px; height: 40px;;}
header{-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: #0068b7;}
.bn-footer-copyright-menu ul li a{font-size: 10px;}
.pul_initial .search_box{height: 50px;margin-top: 1.8vh;}
.bn-slider-content-title{font-size: 30px;}
.bn-slider-x-title{font-size: 20px;}
.bn-section-title{font-size: 20px;}
.bn-section-text, .bn-about-item-info p, .principles-content p{font-size: 14px;}
.bn-about-item{gap: 15px;}
.bn-about-item-info .title{font-size: 20px;}
.card-text p{font-size: 12px;line-height: 22px;}

.single-principles-box{margin-bottom: 15px;padding: 10px 15px !important;}
.principles-icon{width:22% !important; margin-bottom: 0px !important;}
.principles-content{width:78%}
.principles-icon img{height: 60px !important; width: 60px !important;}
.principles-content h4{font-size: 18px;}
.blog-area .bn-blog-item-content{padding: 15px;}
.blog-area {padding-bottom: 20px;}
.bn-footer-top{padding-top: 40px;}
.b-t-box-p1{font-size: 18px;}
.b-t-box-p2, .bn-footer-widget-text, .bn-footer-widget-contact-info p{font-size: 13px;}
.bn-footer-widget-list li a{margin-bottom: 5px;}


.slider-track {max-width: 50%;min-height: 400px;}
.card-text {padding: 10px;}
.card-title {font-size: 20px;}

.card-desc {font-size: 13px;-webkit-line-clamp: 5;}
.card-image {width: 100%;}
.card-title-b{margin-top:20px;font-size: 14px;}

.card{display: block;}
.r-bottom .b-erweima .col-xl-4{width:50%;margin-bottom: 15px;}
.r-bottom .b-menu.col-xl-2{width:50%;margin-bottom: 15px;}
.page-strip{display: none;}
.page-strip.pro-detail-menu2{display: block;}
.page-strip.pro-detail-menu2 .box-left{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;width: 100%;height: 100%;margin: 0 auto;}
.page-strip.pro-detail-menu2 .strip-box .box-left .left-item{display: flex;align-items: center;justify-content: center;position: relative;width: 33.33%;height:50%;padding: 0 .1rem;font-size: var(--fs28);text-align: center;color: #666;}

.page-strip.pro-detail-menu2 .strip-box .box-left .left-item.left-item-on{color: #fff;}
.page-strip.pro-detail-menu2 .strip-box .box-left .left-item.left-item-on::before{display: none;}

.p-left-text{font-size: 14px;color: #777;width: 100%;padding-top:20px;line-height: 24px;}
.p-left-en, .p-left-title {font-size: 28px;}
.p-banner2{align-items: normal;padding: 20px 0;height: 473px;background-size: 150%;background-repeat: no-repeat;background-position: bottom right;}
.pt-115{padding-top: 35px;}
.page-Wnav{display:block;}
.pro-table table tr td{width:135px;}
.pro-table table{width: 700px !important; }
.page-strip{top: 74px !important;}
.page-strip .strip-box{padding: 0px;}
.dingwei {top: -160px;}
}



@media (min-width:576px) {
.pt-120, .pt-100{padding-top:55px;}
.page-English{font-size: 0.7rem;top: -0.55rem;}
.page-title{font-size: 30px;}
.about-tel{font-size: 18px;}


}

@media (min-width:768px) {
.pt-120, .pt-100{padding-top:65px;}
.page-English{font-size: 0.8rem;top: -0.65rem;}
.page-title{font-size: 40px;}
.about-tel{font-size: 20px;}
.card-image {width: 240px;}
}

@media (min-width:992px) {
.pt-120, .pt-100{padding-top:70px;}
.page-English{font-size: 0.9rem;top: -0.7rem;}
.page-title{font-size: 45px;}
.about-tel{font-size: 24px;}
.slider-track {max-width:55%;}
.card-image{width: 350px;}
.card-text{padding: 40px 0px 35px 45px;}
.card-title{ font-size: 24px;}
	.card-desc {
	font-size: 16px;}
	.card-title-b {
	font-size: 16px;
}
}

@media (min-width:1200px) {
.pt-120{padding-top:80px;}
.pt-100{padding-top:100px;}
.page-English{font-size: 1rem;top: -0.8rem;}
.page-title{font-size: 50px;}
.about-tel{font-size: 30px;}
}

@media (min-width:1400px) {
.pt-120{padding-top:120px;}


}