@charset "utf-8";
html {width: 100%; height: 100%; position: relative;} 
body {width: 100%; min-width:1400px; height: 100%; margin: 0; padding: 0;}
body input {border: 1px solid #ccc; border-radius: 5px !important; height: 28px; font-size: 14px; text-indent: 10px; line-height: 28px;}
body input[type=date] {text-indent: 5px !important;}
body input.error {border: 1px solid #f80000; background: #ffeeee;}
body input[disabled] {background: #eeee; color: #666;} 
body input:focus {border: 1px solid #2a82f0 !important; background: #fff;}
textarea {border: 1px solid #ccc; border-radius: 5px !important; resize:none; width: calc(100% - 5px);}
textarea:focus {border: 1px solid #2a82f0 !important; background: #fff;}
.text_red {color: #f80000 !important;}
.text_blue {color: #2a82f0 !important;}
.text_gray {color: #999 !important;}
.text_mint {color: #00e2ff !important;}
.bg_gray {background: #eee !important;}
.bg_blue {background: #eaf1fc !important;}
.bg_yallow {background: #fff8d9 !important;}
.section {transition:none;}
/* --------------- */ 
#menu {position: fixed; border-left: 2px solid rgba(195,195,195,0.7); top: calc(50% - 100px); left: 40px; z-index: 10;}
#menu li a {display: block; height: 40px; margin-left: -2px;}
#menu li a span {color: #000; font-size: 24px; font-weight: bold; height: 40px; line-height: 40px; display: none; text-indent: 15px;}
#menu li.active a {border-left: 2px solid #000;}
#menu li.active a span {display: block;}
#menu li:nth-child(1).active a {border-left: 2px solid #fff;}
#menu li:nth-child(1).active a span {color: #fff;}
#menu li:nth-child(2).active a {border-left: 2px solid #fff;}
#menu li:nth-child(2).active a span {color: #fff;}

.sec_title {text-align: center;}
.sec_title dt {font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.sec_title dd {font-size: 50px; font-weight: bold;}
#section1 .sec_title dt {color: #627af8;}
#section1 .sec_title dd {color: #fff;}

#section0 {position: relative;}
#section0:after {content:""; display: block; width: 100%; height: 100%; background:transparent url(../images/sec1_bg.png) no-repeat center center; position: absolute; background-attachment: fixed !important; animation: shrink 25s infinite alternate; background-size: cover; left: 0; top: 0; z-index: -1; transform:scale(1);}
#section0:before {content:""; display: block; background:transparent url(../images/sec0_mouse.png) no-repeat center bottom; position: absolute; left: 0; bottom: 0; width: 100%; height: 52px;}
#section0 .sec0_difx {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; padding: 50px 80px 0; position: absolute; top: 0; left: 0; width: calc(100% - 160px);}
#section0 h1 a {display: inline-block; width: 130px; height: 25px; background:transparent url(../images/top_logo.png) no-repeat center center; overflow: hidden; text-indent: -9999px;}
#section0 .top_alink {display: inline-block; width: 230px; height: 50px; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; background: #fff; border-radius: 30px;}
#section0 .top_alink:hover {background: #000; color: #fff;}
#section0 .sec0_title {font-size: 68px; font-weight: bold; color: #fff; text-align: center;}
#section0 .sec0_subtitle {font-size: 40px; font-weight: bold; color: #fff; text-align: center;}
@keyframes shrink {
  0% {
    transform:scale(1.5);
  }
  100% {
    transform:scale(1);
  }
}

#section1 .mySwiper {margin-top: 50px; padding-bottom: 50px;}
#section1 .swiper-slide {width: 1200px; height: 600px; }
#section1 .sec1_sdtitle {font-size: 26px; font-weight: 500; color: #fff; text-align: center; position: absolute; top: 50px; left: 0; width: 100%;}
#section1 .sec1_slide1 {width: 100%; height: 100%; background: #2d2e30; border-radius: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative;}
#section1 .sec1_slide1 .sec1sd1_text {font-size: 24px; color: #999; line-height: 1.8; margin-top: 70px;}
#section1 .sec1_slide2 {width: 100%; height: 100%; background: #2d2e30; border-radius: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative;}
#section1 .sec1_slide2 img {margin-top: 40px;}
#section1 .sec1_slide3 {width: 100%; height: 100%; background: #2d2e30; border-radius: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative;}
#section1 .swiper-pagination-fraction  {color: #fff;}
#section1 .swiper-pagination-fraction * {color: #fff;}
#section1 .swiper-button-next {right: calc(50% - 60px); top: auto; bottom: 3px; background: #fff; width: 30px; height: 30px; border-radius: 30px; z-index: 20; overflow: hidden;}
#section1 .swiper-button-prev {left: calc(50% - 60px); top: auto; bottom: 3px; background: #fff; width: 30px; height: 30px; border-radius: 30px; z-index: 20; overflow: hidden;}
#section1 .swiper-button-next:after {background:transparent url(../images/slider_right.png) no-repeat 11px center; text-indent: -9999px; display: block; width: 30px; height: 30px;}
#section1 .swiper-button-prev:after {background:transparent url(../images/slider_left.png) no-repeat 9px center; text-indent: -9999px; display: block; width: 30px; height: 30px;}

#section2 {background-image: url(../images/sec2_bg_left.png), url(../images/sec2_bg_right.png); background-repeat: no-repeat, no-repeat; background-position: left bottom, right 50px;  background-attachment: fixed, fixed;}
#section2 .sec2_wrap {width: 1200px; display: flex; justify-content: space-between; align-items: normal; flex-flow: row wrap; margin: 50px auto 0;}
#section2 .sec2_wrap .sec2_box {width: calc(50% - 140px); padding: 60px 60px; border-radius: 25px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative; transition: all ease 0.3s; background: #fff;}
#section2 .sec2_box_title {}
#section2 .sec2_box_title dt {font-size: 18px; font-weight: bold; color: #627af8; margin-bottom: 10px;}
#section2 .sec2_box_title dd {font-size: 40px; font-weight: bold;}
#section2 .sec2_box_list {margin-top: 30px;}
#section2 .sec2_box_list dt {font-size: 16px; font-weight: bold; margin-bottom: 15px;}
#section2 .sec2_box_list dd {font-size: 14px; font-weight: 500; color: #666666; line-height: 1.6;}
#section2 .sec2_box_arrow {display: block; width: 40px; height: 40px; background:transparent url(../images/sec1_btn_off.png) no-repeat 0 0; position: absolute; right: 20px; bottom: 20px; border-radius: 40px;}
#section2 .sec2_box_arrow:after {content:""; display: block; width: 42px; height: 42px; background:#fff url(../images/sec1_btn_on.png) no-repeat 0 0; position: absolute; left: -1px; top: -1px; border-radius: 40px; display: none;}

#section2 .sec2_wrap .sec2_box:hover {background: #627af8; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
#section2 .sec2_wrap .sec2_box:hover * {color: #fff;}
#section2 .sec2_wrap .sec2_box:hover .sec2_box_arrow:after {display: block;}

#section3 .sec3_wrap {display: flex; flex-direction: column; align-items: center;}

#section4 ul {width: 1200px; margin: auto; border-bottom: 1px solid #333333;}
#section4 ul li {display: inline-block; padding: 30px 0; margin-right: 40px;}
#section4 ul li a {font-size: 14px; color: #e6e6e6; display: block; height: 60px; line-height: 60px;}
#section4 .footer_copy {width: 1200px; margin: auto; font-size: 18px; color: #858585; line-height: 1.8; padding: 40px 0 100px;}

.pageup_btn {width: 72px; height: 72px; background: #434545 url(../images/pageup_btn.png) no-repeat center center; border-radius: 70px; position: fixed; bottom: 30px; right: 30px; z-index: 30; bottom: -100px; transition: bottom ease 1s;}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6 {overflow: hidden;}

/* About */
	
	.abt_dl_title1 {}
	.abt_dl_title1 dt {font-size: 38px; font-weight: bold; line-height: 1.5;}
	.abt_dl_title1 dd {font-size: 22px; line-height: 1.5; color: #666; margin-top: 30px;}
	
	.abt_ov_ul1, .abt_ov_ul2 {display: flex; justify-content: space-between; align-items: center; gap:20px; flex-flow: row wrap;}
	.abt_ov_ul1 li {width: 300px; background: #f7f7f7; border-radius: 15px; height: 310px; text-align: center;}
	.abt_ov_ul1 li > p, .abt_ov_ul2 li > p {width: 140px; height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 35px auto 0;}
	.abt_ov_ul1 li dl dt, .abt_ov_ul2 li dl dt {font-size: 16px; font-weight: 500;}
	.abt_ov_ul1 li dl dd > p, .abt_ov_ul2 li dl dd {font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 5px;}
	.abt_ov_ul1 li dl dd > div, .abt_ov_ul2 li dl dd > div {font-size: 26px; font-weight: bold;}
	.abt_ov_ul1 li dl dd > span, .abt_ov_ul2 li dl dd > span {display: block; text-align: center; font-size: 14px;}
	.abt_ov_bt100 {margin-bottom: 100px;}
  
  .abt_ov_ul2 li dl {display: flex; flex-direction: column; gap: 48px;}
  
  .abt_ov_ul2 li {width: 300px; background: #f7f7f7; border-radius: 15px; height: 310px; text-align: center; display: flex; justify-content: center; align-items: center;}    
	/**/
  /**/
	.ctt_maps {width: 100%; max-width: 1200px; height: 300px; background:transparent url(../images/ct_img1.jpg) no-repeat center center; background-size: cover; margin: 50px auto; cursor: pointer;}
	.ctt_com_namebox {width: 100%; max-width: 1200px; font-size: 30px; font-weight: bold;}
	.ctt_com_namebox span {font-size: 16px; color: #888; font-weight: 500; display: block; margin-top: 10px;}
	.ctt_com_infobox {width: 100%; max-width: 1200px; margin-top: 30px;}
	.ctt_com_infobox li {font-size: 18px; color: #666; position: relative; padding-left: 100px; margin: 10px 0;}
	.ctt_com_infobox strong {font-size: 18px; font-weight: bold; position: absolute; left: 0; top: 0;}
	/**/