@charset "utf-8";

.main-slider-wrap {position:relative;width:100%;}
.main-slider {}
.main-slider li{box-sizing: border-box;border-collapse:collapse;display:table-cell;}
.main-slider .slick-slide{height: 770px;background-size:cover !important;}
.main-slider .slick-slide .txtBox {font-family: "Montserrat";display: block;position:relative;width:100%;max-width: 1300px;margin: 0 auto;height: auto;text-align: left;z-index: 52;top: 44%;transform: skew(-0.03deg);text-align: center;font-size: 48px;font-weight: 700;color: #fff;}
.main-slider .slick-slide .txtBox .subtit_block {display: block;}
.main-slider .slick-slide .txtBox .subtit_block ul {}
.main-slider .slick-slide .txtBox .subtit_block ul li {text-align: left;}
.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(1) {width: 375px;}
.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(2) {}

.main-slider .slick-dots {padding: 0px; position: absolute; bottom: 40px; left: 50%; width: 100%; max-width: 200px; margin-left: -100px;}
.main-slider .slick-dots li button {width: 48px; height: 5px; cursor: pointer; border: 1px solid #fff; font-size:0px; background-color:transparent;}
.main-slider .slick-dots li.slick-active button {background-color:#fff;}

.vis_circle_anim{position:absolute;top: 40%;left: 11%;margin-top: -220px;animation:2s ease 0.3s both circleAppear;}
.vis_circle_anim svg{width:460px;height:460px;}
.vis_circle_anim .sml_circle{width:460px;height:460px;position:absolute;top: 49%;left:50%;margin: -230px 0 0 -230px;animation:16s linear infinite animRotating;}
.vis_circle_anim .sml_circle::after{content:'';position:absolute;top:0;left:50%;width:26px;height:26px;background:#ffffff;border-radius:100%;transform:translate(-50%,-50%);}
@keyframes animRotating{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
}

@media screen and (max-width:1400px){
    .main-slider .slick-slide .txtBox {width:85%;}
}
@media screen and (max-width:1300px){
	.main-slider .slick-slide .txtBox {font-size: 40px;}
}
@media screen and (max-width:1200px){
	.main-slider .slick-slide .txtBox {width:75%;}
	.main-slider .slick-slide{height:600px;}
	.main-slider .slick-slide .txtBox {top: 38%;font-size: 36px;}
	.vis_circle_anim{top: 65%;}
	.vis_circle_anim svg{width:360px;height:360px;}
	.vis_circle_anim .sml_circle{width:360px;height:360px;top: 75%;left:78%;margin: -280px 0 0 -280px;}
}

@media screen and (max-width:990px){
	.main-slider .slick-slide .txtBox {width:95%;}
	.main-slider .slick-slide{height:550px;}
	.main-slider .slick-slide .txtBox {font-size: 33px;}
}

@media screen and (max-width:850px){
	.main-slider .slick-slide{height:450px;}
	.main-slider .slick-slide .txtBox {font-size: 30px;}
	.vis_circle_anim{top: 100%;}
	.vis_circle_anim svg{width:300px;height:300px;}
	.vis_circle_anim .sml_circle{width:300px;height:300px;top: 90%;left:93%;}
	.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(1) {width: 40%;}
	.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(2) {width: 60%;}
}
@media screen and (max-width:750px){
	.main-slider .slick-slide{height:400px;}
	.main-slider .slick-slide .txtBox {font-size: 26px;}
	.vis_circle_anim{top: 140px;}
	.vis_circle_anim svg{width:250px;height:250px;}
	.vis_circle_anim .sml_circle{width:250px;height:250px;top: 280px;left:112%;}
}
@media screen and (max-width:650px){
	.main-slider .slick-slide .txtBox {top: 20%;font-size: 22px;}
	.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(1) {width: 100%;display: block; padding-bottom:40px;}
	.main-slider .slick-slide .txtBox .subtit_block ul li:nth-child(2) {width: 100%;display: block;}
	.vis_circle_anim .sml_circle::after{width:20px;height:20px;}
	.vis_circle_anim{top: 200px;}
}






.msection1 {width: 100%;text-align: center;background: url('../img/main/main_bg1.jpg') center center  no-repeat;background-size: cover;padding: 150px 0;}
.msection1 span {font-size: 36px; font-weight: 600; line-height: 1.5;}
.msection1 h3 {font-size: 48px; font-weight: 700;}
.msection1 h3 b {font-family:"Montserrat";}

@media screen and (max-width:1280px){
	.msection1 {padding: 120px 0;}
	.msection1 span {font-size: 34px;}
	.msection1 h3 {font-size: 46px;}
}
@media screen and (max-width:1100px){
	.msection1 {padding: 100px 0;}
	.msection1 span {font-size: 30px;}
	.msection1 h3 {font-size: 42px;}
}
@media screen and (max-width:990px){
	.msection1 {padding: 90px 0;}
	.msection1 span {font-size: 28px;}
	.msection1 h3 {font-size: 40px;}
}
@media screen and (max-width:800px){
	.msection1 {padding: 80px 0;}
	.msection1 span {font-size: 26px;}
	.msection1 h3 {font-size: 36px;}
}
@media screen and (max-width:600px){
	.msection1 {padding: 60px 0;}
	.msection1 span {font-size: 24px;}
	.msection1 h3 {font-size: 32px;}
}
@media screen and (max-width:500px){
	.msection1 {padding: 50px 0;}
	.msection1 span {font-size: 22px;}
	.msection1 h3 {font-size: 28px;}
}
@media screen and (max-width:400px){
	.msection1 {padding: 40px 0;}
	.msection1 span {font-size: 18px;}
	.msection1 h3 {font-size: 22px;}
}


.msection2 {width: 100%; background: url('../img/main/main_bg2.jpg') center center no-repeat; background-size: cover; padding: 60px 0;}
.msection2 ul {width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; font-size: 30px; color: #fff; line-height: 1.7; letter-spacing: -1px;}
.msection2 ul h3 {font-size: 48px;font-weight: bold;margin-bottom: 10px;}
.msection2 ul b {font-family:"Montserrat"; font-weight:500;}
.msection2 ul span.br {display:block;}

@media screen and (max-width:1280px){
	.msection2 {padding: 50px 0;}
	.msection2 ul {padding:0 10px; font-size: 28px;}
	.msection2 ul h3 {font-size: 44px;}
}
@media screen and (max-width:990px){
	.msection2 {padding: 40px 0;}
	.msection2 ul {font-size: 26px;line-height: 1.6;}
	.msection2 ul h3 {font-size: 42px;}
}
@media screen and (max-width:800px){
	.msection2 {padding: 30px 0;}
	.msection2 ul {font-size: 24px;line-height: 1.5;}
	.msection2 ul h3 {font-size: 38px;}
}
@media screen and (max-width:600px){
	.msection2 ul {font-size: 22px;}
	.msection2 ul h3 {font-size: 36px;}
}
@media screen and (max-width:500px){
	.msection2 ul {font-size: 20px;}
	.msection2 ul h3 {font-size: 34px;}
}
@media screen and (max-width:450px){
	.msection2 ul {font-size: 18px;}
	.msection2 ul h3 {font-size: 30px;}
	.msection2 ul span.br {display:inline-block;}
}
@media screen and (max-width:400px){
	.msection2 ul {font-size: 16px;}
	.msection2 ul h3 {font-size: 26px;}
}



.msection3 {width: 100%;max-width: 1280px;margin: 0 auto;padding: 100px 0;background: url('../img/main/circle.jpg') right center no-repeat;background-size: 380px;}
.msection3 ul {width: 100%; padding: 50px 30px;}
.msection3 ul li {position:relative; font-size: 30px; padding: 18px 0 18px 80px;}
.msection3 ul li span.br {display:block;}
.msection3 ul li:nth-child(1):before {font-family:"Montserrat";position:absolute;content:'01';font-size:48px;font-weight:bold;top:0px;margin-top:1%;left:0px;}
.msection3 ul li:nth-child(2):before {font-family:"Montserrat";position:absolute;content:'02';font-size:48px;font-weight:bold;top:0px;margin-top:1%;left:0px;}
.msection3 ul li:nth-child(3):before {font-family:"Montserrat";position:absolute;content:'03';font-size:48px;font-weight:bold;top:0px;margin-top:1%;left:0px;}

@media screen and (max-width:1280px){
	.msection3 {padding: 90px 0;background-size: 350px;background-position:right 20px center;}
	.msection3 ul {padding: 40px 20px;}
	.msection3 ul li {font-size: 28px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:46px;}
}
@media screen and (max-width:1100px){
	.msection3 {padding: 80px 0;background-size: 300px;background-position:right 10px center;}
	.msection3 ul {padding: 30px 10px;}
	.msection3 ul li {font-size: 24px;padding: 16px 0 16px 75px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:42px;}
}
@media screen and (max-width:990px){
	.msection3 {background-size: 270px;}
	.msection3 ul {padding: 20px 10px;}
	.msection3 ul li {font-size: 22px;padding: 12px 0 12px 70px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:38px;}
}
@media screen and (max-width:800px){
	.msection3 {padding: 60px 0;background-size: 220px;}
	.msection3 ul {padding: 10px 10px;}
	.msection3 ul li {font-size: 20px;padding: 10px 0 10px 60px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:32px;}
}
@media screen and (max-width:700px){
	.msection3 {background-size: 200px;}
	.msection3 ul li {font-size: 18px;padding: 7px 0 7px 50px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:27px;}
}
@media screen and (max-width:600px){
	.msection3 {padding: 40px 0;background-size: 160px;}
	.msection3 ul li {font-size: 16px;padding: 6px 0 6px 45px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:24px;}
}
@media screen and (max-width:500px){
	.msection3 {padding: 30px 0;background:none;}
	.msection3 ul {padding: 0px 10px;}
	.msection3 ul li {font-size: 14px;padding: 6px 0 6px 40px;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:22px;}
	.msection3 ul li span.br {display:inline-block;}
}
@media screen and (max-width:400px){
	.msection3 ul li {font-size: 14px;padding: 0px;text-align:center;padding:10px 0;}
	.msection3 ul li:nth-child(1):before,
	.msection3 ul li:nth-child(2):before,
	.msection3 ul li:nth-child(3):before {font-size:26px;line-height:1.2;position:relative;display:block;text-align:center;}
}