@charset "UTF-8";
.newfont{font-family:var(--f1);}
@-webkit-keyframes upTop{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes upTop{0%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}}
.mainbanner{background-image:url(../images/banner.jpg);background:image-set(url(../images/banner.webp));}
.pic-2{background-image:url(../images/banner-1.jpg);background:image-set(url(../images/banner-1.webp));}
.mainbanner{position:var(--r);background-repeat:no-repeat !important;background-position:center !important;background-size:cover !important;height:100vh;}
.mainbanner::after,.main-second::after{position:var(--a);content:"";width:100%;height:100%;top:0;left:0;background:linear-gradient(to right,rgba(10,77,131,1),rgba(12,110,173,1));opacity:0.1;z-index:1;}
.mainbanner .container,.main-second .container{position:var(--r);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--w);z-index:2;}
.owl-pic .mainbanner .container{opacity:0;transform:translateY(45px);}
.owl-pic .active .mainbanner .container{-webkit-animation:upTop .5s ease-out;animation:upTop .5s ease-out;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.1s}
.mainbanner h1,.mainbanner h2,.mainbanner .page-tit1{line-height:1.2;text-transform:uppercase;color:var(--w);text-align:center;max-width:1000px;}
.mainbanner p{text-align:center;font-size:1.3rem;max-width:1000px;}
.main-content{position:var(--r);margin:60px auto;}
.main-first{position:var(--r);align-items:center;}
.main-first div{position:var(--r);width:100%;height:100%;}
.main-first img{border-radius:20px;}
.main-first .righttop{position:var(--a);right:-20px;top:-100px;}
.main-first .leftbottom{position:var(--a);left:-40px;bottom:-60px;}
.main-second{position:var(--r);background:linear-gradient(to right,rgba(10,77,131,1),rgba(12,110,173,1));background-image:url(../images/banner.jpg);background:image-set(url(../images/banner.webp));background-repeat:no-repeat;background-position:center;background-size:cover;margin:60px auto;padding:10px 0 40px;}
.main-second::after{background-image:linear-gradient(to right,rgba(1,1,1,0.5) 40%,rgba(1,1,1,0));opacity:1;}
.main-second .container{height:auto;align-items:center;text-align:center;}
.main-second .container p{font-size:1.1rem;}
.main-second p a{color:yellow;font-weight:bold;}
.main-second p a:hover{color:var(--w);}
.main-third{position:var(--r);margin:30px auto;}
.main-third .main-box3{position:var(--r);border-radius:20px;}
.main-third-1 .main-box3{overflow:hidden;}
.main-third .main-box3 img{border-radius:20px;}
.main-third .main-box3 div{position:var(--r);display:flex;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:20px;padding-right:30px;}
.main-title{position:var(--r);}
.main-title::before{position:var(--a);top:-10px;left:0;content:"";height:2px;width:100px;background:var(--m);}
.lpadding30{padding-left:30px;}
.img-cover{position:var(--r);overflow:hidden;min-height:200px;}
.img-cover img{position:var(--a);left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.homebg-1{background-image:url(../images/home-bg1.jpg);background:image-set(url(../images/home-bg1.webp));}
.homebg-2{background-image:url(../images/home-bg2.jpg);background:image-set(url(../images/home-bg2.webp));}
.homebg img{display:none;}
.homebg{padding:100px 15px 0;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.homebg-text{position:var(--r);z-index:10;width:500px;max-width:100%;padding:20px;background:var(--w);text-align:center;border-radius:20px 20px 0 0;}
.homebg-text h2{line-height:1.2;margin:15px 0;}
.home-1{display:grid;grid-template-columns:49% 49%;justify-content:space-between;}
.home-box1{display:block;width:100%;margin-bottom:20px;padding:20px;overflow:hidden;border-radius:20px;}
.home-text1{position:var(--r);display:block;padding:20px;transition:var(--t);z-index:10;height:100%;background:rgba(255,255,255,.88);backdrop-filter:blur(4px);margin-bottom:0;transform:translateY(-150%);color:var(--b);border-radius:20px;opacity:0;}
.home-text1 p{margin:0;}
.home-1 h3{position:var(--a);bottom:-1px;margin-bottom:0;left:0;padding:20px 5px;background:rgba(255,255,255,.6);backdrop-filter:blur(4px);width:100%;text-align:center;transition:var(--t);z-index:2;font-size:1.2rem;line-height:1.2;}
.home-box1:hover .home-text1{transform:translateY(0);opacity:1;}
.home-box1:hover h3{opacity:0;}
.support-section{background-color:#f9f9f9;padding:40px 0 60px;}
.centertitle{text-align:center;margin-bottom:30px;}
.support-section .row-layout{display:flex;align-items:flex-start;text-align:center;flex-wrap:wrap;}
.support-item{flex:1;padding:0 20px;min-width:280px;}
.support-item:not(:first-child):not(:last-child){border-left:1px solid #ddd;border-right:1px solid #ddd;}
.dashicon{font-size:48px;color:#003366;width:48px;height:48px;display:none;line-height:1;}
.support-item h3{color:#003366;margin:16px 0 12px;}
.support-item p{line-height:1.6;}



@media (min-width:1081px){.main-first{display:grid;grid-template-columns:48% 48%;justify-content:space-between;}
.home-1{grid-template-columns:32% 32% 32%;}.home-box1{padding:40px;}.main-second,.homebg{background-attachment:fixed;}.main-second .container p{width:1000px;}.main-third .main-box3{display:grid;grid-template-columns:repeat(auto-fill,50%);justify-content:space-between;}}
@media (min-width:1560px){.mainbanner h2{font-size:3.5rem;}
.mainbanner .container p{font-size:1.4rem;}.main-content,.main-second{margin:100px auto;}.main-second{padding:30px 0 80px 0;}.main-third{margin:60px auto;}.main-second .container p{font-size:1.3rem;}.home-text1{padding:40px;}}
@media (max-width:1080.9px){.mainbanner{padding:30px 0;min-height:450px;}.mainbanner h2{font-size:2rem;}.mainbanner p{font-size:1rem;}.main-second .container p{font-size:1rem;}.main-content,.main-second{margin:30px auto;}.main-first div{margin-bottom:30px;}}
@media (max-width:570px){.main-third .main-box3 div{padding-left:10px !important;padding-right:10px !important;}.home-1{display:block;}}
@media (max-width:500px){.mainbanner,.main-second{background:image-set(url(../images/banner-s.webp));}
.pic-2{background:image-set(url(../images/banner-1s.webp));}}