.mo {display:none !important;}
.mo_inline {display:none !important;}


  /* nav */
.main_top_container {background:#18181d; text-align:center; display:none;}
.main_top_container img{ width:100%; max-width:1200px;}

.navbar .row { width:100%;}
.navbar .row .logo_wrap {width:17%;padding:10px 0; display:flex;align-items:center; justify-content:center;}
.navbar .row .logo_wrap .navbar-brand {/* width:100%; */}
.navbar .row .logo_wrap .navbar-brand img { width:100%;}
.navbar .row .collapse {/* background:#8a80fd; */ width:80%;}
.navbar .row .collapse .navbar-nav {width: 100%;max-width: 1200px; justify-content:center; align-items:center; margin:0 ;}
.navbar .row .collapse .navbar-nav .nav-item { }
.navbar .row .collapse .navbar-nav .nav-item .nav-link {padding:0.8rem 1rem; color:#333; text-align:center; /* background:#6b5cf3; */}
.navbar-expand-lg .navbar-nav .nav-link {color:#000;}
.navbar-toggler { color: #7f75ef; font-size: 2.2rem; border: 2px solid #7f75ef;}
.navbar-toggler:focus {border:none; outline:none;}


	/* banner */
header .pc_banner {text-align:right; background:none; padding-top: 30px;}
header .pc_banner img {width:85%;}
header .mo_banner img{display:none;}

#main_1st_container { max-width: 1200px; margin:50px auto; display: flex; padding: 0 15px;}
#main_1st_container .left { width: 35%; padding-top: 20px;}
#main_1st_container .left .keyword { color:#64baf6; }
#main_1st_container .left .main_tit { margin:20px auto; font-size: 1.7rem; font-weight:bold;}
#main_1st_container .left .sub_tit { font-size: 0.9rem; margin:50px auto;}
#main_1st_container .left .sim-ad { margin-top: 30px; }
#main_1st_container .left .sim-ad img {  }
#main_1st_container .right { width: 65%; position: relative;}
#main_1st_container .right .back { position: absolute; z-index: 1;left: 5%; background: #64baf6; border-radius: 20px; padding: 30px; width: 40%; transition:0.3s;}
#main_1st_container .right .back * {color:#fff;}
#main_1st_container .right .back > p { padding:5px 0; border-bottom:1px solid #ffffff4a; font-size:1.2rem;}
#main_1st_container .right .back * ul {margin-top:15px;}
#main_1st_container .right .back * ul li { padding: 10px 0;}
#main_1st_container .right .back .btn span:nth-child(1){ padding: 0 30px 0 0;}
#main_1st_container .right .back .btn span i{color: #ffffff4a;}
#main_1st_container .right .back .btn span i.on { color:#fff;}
#main_1st_container .right .back .page1 { position: relative;}
#main_1st_container .right .back .page1 ul { position: absolute;}
#main_1st_container .right .back .page2 { opacity: 0;}
#main_1st_container .right .front { position: absolute; z-index: 2; right:5%;padding-top: 50px;}
#main_1st_container .right .front img {width:25vw;}
#main_1st_container .right .front .img_wrap {position: relative; display: block;}
#main_1st_container .right .front .img_wrap:after { content:''; display: block; position: absolute; top: 0; left:0 ;width:100%; height: 100%; background:#ddd; opacity: 0;background: #36363630; border-radius: 41px; transition:0.3s;}
#main_1st_container .right .front:hover .img_wrap:after { opacity:1;}
#main_1st_container .right .front .btn { position: absolute; top:50% ; width:100%;text-align:center; transform:translateY(-50%); opacity: 0; transition:0.3s;}
#main_1st_container .right .front:hover .btn { opacity: 1;}
#main_1st_container .right .front .btn span {color:#fff; font-size: 1.2rem;}
#main_1st_container .right .front .btn span:nth-child(1) {padding-right: 10px;}
#main_1st_container .right .front .btn span:nth-child(2) { display: inline-block; background:#fff; border-radius:50%; width:24px; height:24px; line-height:25px; text-align:center; color:#64baf6;}

#bg_gradient { margin:18vw auto 50px; background: linear-gradient(180deg, #f5f5f5, #f3f3f3); padding: 1px; border-radius: 0 200px 0 0;}
#main_2nd_container .inner {  max-width: 1200px; margin-top:-50px;background:#fff; border-radius:20px;padding: 30px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
#main_2nd_container .contents_wrap { display: flex; justify-content:space-between; align-items:center;}
#main_2nd_container .contents_wrap .text_wrap { width: 70%;}
#main_2nd_container .contents_wrap .text_wrap .main_tit { font-size:1.2rem; font-weight:bold; }
#main_2nd_container .contents_wrap .text_wrap .sub_tit { margin:20px auto; }
#main_2nd_container .contents_wrap .icon_wrap { width: 23%;    padding: 0 15px;}
#main_2nd_container .contents_wrap:nth-child(1) .icon_wrap { border-right: 1px solid #ddd;}
#main_2nd_container .contents_wrap .icon_wrap img { width:100%;}
#main_2nd_container .contents_wrap .btn_wrap a { padding:5px 10px ; border:1px solid #ddd; border-radius:20px; color:#999;}

#main_3rd_container { max-width: 1200px; margin:50px auto;}
#main_3rd_container .swiper { width: 100%; height: 100%; }
#main_3rd_container .swiper .swiper-wrapper {}
#main_3rd_container .swiper-slide { font-size: 1rem; background: #fff; display: flex; justify-content: center; align-items: center;}
#main_3rd_container .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#main_3rd_container .swiper-slide .slide_box {padding: 0 45px ;background:#f3f3f3;}
#main_3rd_container .swiper-button-next, .swiper-rtl .swiper-button-prev {    right: var(--swiper-navigation-sides-offset,0px);color: #333;}
#main_3rd_container .swiper-button-next, .swiper-button-prev {color:#333 !important;}
#main_3rd_container .swiper-slide .slide_box .sim-ad { max-width:336px; height: 297px;margin:0 auto; display: flex; align-items:center;}
#main_3rd_container .swiper-slide .slide_box .sim-ad img { height:auto;}
#main_3rd_container .swiper-slide .slide_box p {margin: 15px auto;}
#main_3rd_container .swiper-slide .slide_box .main_tit { font-size:1.3rem; font-weight:bold; color:#333;}
#main_3rd_container .swiper-slide .slide_box .sub_tit { color:#777;}

#main_4th_container { max-width: 1200px; margin:50px auto;}
#main_4th_container .bottom { display: flex; justify-content:space-between;}
#main_4th_container .bottom .left { width:30%;}
#main_4th_container .bottom .right { width:68%;}

#main4_slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

footer { border-top: 1px solid #ddd; padding: 30px 0;}
footer p { color:#333; font-size: 0.9rem;}


header .pc_banner{max-width:1200px;margin:0 auto;padding:0;}
header .pc_banner img{width:100%;}
.navbar .row{max-width:1230px;padding:0;}
.navbar .row .collapse .navbar-nav{justify-content: flex-end;}
.sim-ad img{width: 100%;height: 100%;}
.navbar .row .collapse .navbar-nav .nav-item .nav-link{padding-left:3rem;}


#main_1st_container{max-width:unset;background-color: #00b7f1;margin-bottom:0;}
#main_1st_container .wrap{max-width:1200px;margin:0 auto;width:100%;display: grid;grid-template-columns: repeat(6, 1fr);padding:15px 0;}
#main_1st_container .wrap a .con{display:flex;flex-direction: column;justify-content: center;align-items: center;}
#main_1st_container .wrap a .con .border{border:1px solid #000 !important;border-radius:50%;padding:15px;background-color:#fff;}
#main_1st_container .wrap a .con p{margin-top:15px;font-weight:600;text-align:center;line-height:1.5rem;}


#main_2nd_container{background-color: #e6ebf1;}
#main_2nd_container .titleText{text-align:center;padding:30px 0;}
#main_2nd_container .titleText h4{font-weight:600;}
#main_2nd_container .grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
#main_2nd_container .grid a .con .top img{width:100%;}
#main_2nd_container .grid a .con .bottom{background-color:#fff;padding:20px;}
#main_2nd_container .grid a .con .bottom p{margin-bottom:10px;font-size:.9rem;font-weight:600;}
#main_2nd_container .grid a .con .bottom h5{font-size:1.1rem;font-weight:600;}
#main_2nd_container .next{text-align:center;font-size:.9rem;padding:50px 0 30px;}


.insertAd1{max-width:1200px;margin:50px auto;}


#main_3rd_container{display:grid;grid-template-columns: 1.3fr 1fr;gap:60px;}
#main_3rd_container .left .titleText{display:flex;justify-content: space-between;border-bottom:1px solid #ddd;padding-bottom:10px;align-items: center;}
#main_3rd_container .left .titleText h4{font-weight:600;}
#main_3rd_container .left a .con{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #ddd;}
#main_3rd_container .left a .con img{border-radius:15px;}
#main_3rd_container .left a .con .textBox p{font-size:.8rem;margin-top:20px;}
#main_3rd_container .left a .con .textBox h4{margin:10px 0;font-weight:600;font-size:1.2rem;line-height:1.8rem;}
#main_3rd_container .left a .con .textBox h5{font-size:.9rem;line-height:1.5rem;color:#777;}
#main_3rd_container .right a .con img{width:100%;}
#main_3rd_container .right a .con h4{margin-top:15px;font-size:1.2rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:10px;}
#main_3rd_container .right .sim-ad{margin-top:20px;}


#main_4th_container{max-width:unset;background-color: #f9f3e3;padding-bottom:50px;}
#main_4th_container .titleText{text-align:center;padding:40px 0;}
#main_4th_container .titleText h4{margin-bottom:30px;font-weight:600;}
#main_4th_container .grid{max-width:1200px;margin:0 auto;display:flex;justify-content: space-between;}
#main_4th_container .grid .con{width:fit-content;display:flex;align-items: center;flex-direction: column;border-radius:500px;background-color:#fff;filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));}
#main_4th_container .grid .con img{filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));}
#main_4th_container .grid .con > *{text-align:center;}
#main_4th_container .grid .con h4{margin-top:20px;font-size:1.2rem;font-weight:600;line-height:1.8rem;}
#main_4th_container .grid .con i{color:#1d919a;margin:15px 0 20px;}


#main_5th_container{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns: 1.3fr 1fr;gap:60px;}
#main_5th_container .left .titleText{display:flex;justify-content: space-between;}
#main_5th_container .left .titleText h4{font-weight:600;margin-bottom:40px;}
#main_5th_container .left ul li{padding:10px;border-bottom:2px solid #ddd;}













.sim-ad {display:none !important;}
.sim-ad img{width:100%;}