@charset "UTF-8";


.style1 {text-align: left;padding: 150px 0;margin: 0;outline: none;background: #f8f8f8;background-image: url(../img/bg.jpg);background-position: 50% -50px;background-size: auto;background-repeat: no-repeat;background-attachment: fixed;filter: saturate(1.4);}
.style1 .block{margin: 60px auto 0;}
.style1 .block h1{font-size: 40px;line-height: 46px;margin: 0;padding: 0;color: #000000;}
.style1 .block h1 b{color: #0666eb;}
.style1 .block p{margin: 20px auto;font-size: 17px;color: #272a31;font-weight: 600;}
.style1 .block p i{font-weight: 400;}
.style1 .block a{background: #0666eb;color: #fff;padding: 10px;border-radius: 30px;margin: 0;display: block;text-decoration: none;font-size: 16px;font-weight: 700;max-width: 320px;text-align: center;}
.style1 .block a:hover{color: #000;background: #ffc901;transform: scale(1.03);}
.style1 .block .tamb{display: none;}

@media screen and (max-width: 1024px){
  .style1 {padding: 120px 0 0;text-align: center;background: linear-gradient(0deg, #ffffff 0%, #cbd4d1 100%);}
  .style1 .block h1 {font-size: 28px;line-height: 38px;}
  .style1 .block h1 b{font-size: 28px;}
  .style1 .block p br{display: none;}
  .style1 .block a{border-radius: 30px;margin: 10px auto;}
  .style1 .block .tamb{display: block;margin: 40px auto 0;}
}




.style2 {position: relative;outline: none;width: 100%;margin: 0px auto;padding: 100px 0;text-align: center;background: #0f1116;background-image: url(../img/bg2.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.style2 h2{font-size: 26px;line-height: 40px;margin: 0 auto 50px;text-align: center;color: #999;}
.style2 h2 b{color: #fff;display: block;font-size: 36px;}
.style2 p{margin: 0 auto;font-size: 16px;max-width: 600px;}
.style2 p b{display: block;margin: 30px auto 20px;font-size: 23px;}

.style2 .box{background: #0f1116;padding: 20px 15px;border-radius: 20px;margin: 0;}
.style2 .box img{height: 40px;}
.style2 .box p{font-size: 12px;margin: 0;color: #fff;}
.style2 .box p b{color: #ffc901;display: block;font-size: 16px;margin: 10px 0;}

.style2 a{background: #0666eb;color: #fff;padding: 11px 40px;border-radius: 30px;margin: 50px auto 0;display: inline-block;text-decoration: none;font-size: 16px;font-weight: 700;}
.style2 a:hover{background: #ffc901;color: #000;}

@media screen and (max-width: 1024px){
  .style2 h2{font-size: 20px;}
	.style2 h2 b{font-size: 28px;}
	.style2 .box{margin: 30px;text-align: center;}
}





.style3{position: relative;padding: 100px 0;margin: 0;outline: none;background: #0f1116;text-align: center;background-repeat: no-repeat;}
.style3 h2{font-size: 24px;margin: 0 auto 40px;color: #fff;=: 560px;}
.style3 h2 b{color: #ffc901;font-size: 32px;display: block;}
.style3 p{margin: 0 0 15px 0;font-size: 14px;color: #fff;}
.style3 p b{font-weight: 600;}
.style3 img{filter: grayscale(1) contrast(0.4);}

@media screen and (max-width: 1024px) {
	.style3{padding: 60px 0;text-align: center;}
  .style3 h2{font-size: 20px;}
	.style3 h2 b{font-size: 28px;}
	.style3 img{}
}



.style4 {position: relative;outline: none;width: 100%;margin: 0px auto;padding: 100px 0;text-align: center;background: #0f1116;background-image: url(../img/bg2.jpg);background-position: 50% 50%;background-size: contain;background-repeat: repeat;}
.style4 h2{font-size: 24px;line-height: 40px;margin: 0 auto;color: #999;max-width: 680px;}
.style4 h2 b{color: #fff;display: block;font-size: 32px;}
.style4 p{margin: 30px auto;font-size: 16px;color: #fff;max-width: 820px;}
.style4 p b{font-weight: 700;}
.style4 .box{background: #0f1116;padding: 30px;border-radius: 30px;margin: 50px 0 0;text-align: left;}
.style4 .box .image .cover{height: 320px;width: 100%;border-radius: 10px;background: #0f1116;background-image: url(../img/3.jpg);background-position: 50% 0%;background-size: cover;background-repeat: no-repeat;filter: saturate(1.1);z-index: 9;position: relative;}
.style4 .box h3{color: #ffc901;font-size: 22px;margin: 30px auto;}
.style4 .box p{font-size: 15px;margin: 15px 0;color: #fff;}
.style4 span{display: block;margin: 60px auto 20px;font-size: 18px;font-weight: 700;}
.style4 a{background: #0666eb;color: #fff;padding: 10px;border-radius: 30px;margin: 0 auto;display: block;text-decoration: none;font-size: 16px;font-weight: 700;max-width: 270px;transition: all 200ms ease-in-out;}
.style4 a:hover{color: #000;background: #ffc901;transform: scale(1.03);}

@media screen and (max-width: 1024px){
	.style4 h2{font-size: 20px;}
	.style4 h2 b{font-size: 28px;}
	.style4 p{font-size: 15px;}
	.style4 p b{display: block;}
}






.style5 {position: relative;width: 100%;margin: 0px auto;padding: 100px 0 140px 0;text-align: center;outline: none;background: #0f1116;=: url(../img/bg2.jpg);}
.style5 h2{font-size: 24px;margin: 0 auto 80px;color: #999;}
.style5 h2 b{color: #fff;display: block;font-size: 32px;}


.style5 .image .cover{height: 460px;width: 100%;border-radius: 10px;background: #0f1116;background-image: url(../img/v1.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;filter: saturate(1.1);z-index: 9;position: relative;}
.style5 .image::before{content: "";z-index: 0;position: absolute;top: -40px;left: -30px;width: 213px;height: 161px;background: url(../img/dots.svg);}
.style5 .image::after{content: "";z-index: 0;position: absolute;bottom: -40px;right: -30px;width: 213px;height: 161px;background: url(../img/dots.svg);}
.style5 ul{margin: 0 0 0 60px;list-style: none;text-align: left;}
.style5 ul li{font-size: 16px;color: #fff;margin: 15px 0;}
.style5 ul li b{color: #ffc901;}

@media screen and (max-width: 1024px){
	.style5{background-image: none;padding: 50px 0 0 0;text-align: center;}
	.style5 h2{font-size: 20px;}
	.style5 h2 b{font-size: 28px;}
	.style5 ul{margin: 40px 10px;}
	.style5 .image::before,
	.style5 .image::after{display: none;}
}












.style6 {position: relative;outline: none;width: 100%;margin: 0px auto;padding: 100px 0;text-align: center;background: #0f1116;background-image: url(../img/bg2.jpg);background-position: 50% 100%;background-size: cover;background-repeat: no-repeat;}
.style6 h2{font-size: 24px;margin: 0 auto;color: #999;}
.style6 h2 b{color: #fff;display: block;font-size: 32px;}
.style6 .box{background: #0f1116;padding: 30px;border-radius: 30px;margin: 50px 0 0;text-align: left;}
.style6 .box img{width: 50px;}
.style6 .box p{font-size: 13px;margin: 0;color: #fff;max-width: 500px;}
.style6 .box p b{color: #ffc901;display: block;margin: 20px 0;font-size: 16px;}

.style6 span{display: block;margin: 60px auto 20px;font-size: 18px;font-weight: 700;}
.style6 a{background: #0666eb;color: #fff;padding: 10px;border-radius: 30px;margin: 0 auto;display: block;text-decoration: none;font-size: 16px;font-weight: 700;max-width: 270px;transition: all 200ms ease-in-out;}
.style6 a:hover{color: #000;background: #ffc901;transform: scale(1.03);}

@media screen and (max-width: 1024px){
  .style6 h2{font-size: 20px;}
	.style6 h2 b{font-size: 28px;}
}







.style7 {position: relative;width: 100%;margin: 0px auto;padding: 100px 0 140px 0;text-align: center;outline: none;background: #0f1116;=: url(../img/bg2.jpg);}
.style7 h2{font-size: 24px;margin: 0 auto 80px;color: #999;}
.style7 h2 b{color: #fff;display: block;font-size: 32px;}
.style7 .image .cover{height: 470px;width: 100%;border-radius: 10px;background: #0f1116;background-image: url(../img/v2.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;filter: saturate(1.2);z-index: 9;position: relative;}
.style7 .image::before{content: "";z-index: 0;position: absolute;top: -40px;left: -30px;width: 213px;height: 161px;background: url(../img/dots.svg);}
.style7 .image::after{content: "";z-index: 0;position: absolute;bottom: -40px;right: -30px;width: 213px;height: 161px;background: url(../img/dots.svg);}
.style7 ul{margin: 0 0 0 60px;list-style: none;text-align: left;}
.style7 ul li{font-size: 16px;color: #fff;margin: 15px 0;}
.style7 ul li b{color: #ffc901;}

@media screen and (max-width: 1024px){
	.style7{background-image: none;padding: 50px 0 0 0;text-align: center;}
	.style7 h2{font-size: 22px;}
	.style7 h2 b{font-size: 30px;}
	.style7 ul{margin: 40px 10px;}
	.style7 .image::before,
	.style7 .image::after{display: none;}
}







.style8{padding: 80px 0;margin: 0;outline: none;background: #0f1116;background: linear-gradient(0deg, rgb(15 17 22) 20%, rgb(0 0 0) 80%);text-align: center;}
.style8 h2{font-size: 24px;margin: 0 auto 50px;color: #999;}
.style8 h2 b{color: #fff;display: block;font-size: 32px;}
.style8 .toggle-container .border{border: 2px solid #ddd;margin: 0px auto 20px !important;padding: 0;border-radius: 20px;text-align: left;}
.style8 .toggle-container .toggle-head{font-size: 17px;font-weight: 700;color: #ffc901;cursor: pointer;padding: 20px 50px 20px 20px;position: relative;}
.style8 .toggle-container .toggle-head.active{background-image: url(../img/up.png);background-position: 98% 50%;background-size: initial;background-repeat: no-repeat;}
.style8 .toggle-container .toggle-head .plusminus{background-image: url(../img/down.png) !important;background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;height: 20px;width: 25px;display: block;position: absolute;right: 20px;top: 20px;}
.style8 .toggle-container .toggle-head .plusminus.active{background-image: url(../img/up.png) !important;}
.style8 .toggle-container .toggle-body{padding: 0px 20px 20px;}
.style8 .toggle-container .toggle-body p{font-size: 14px;color: #fff;margin: 0;outline: none;}
.style8 .toggle-container .toggle-body > small{display: block;font-size: 13px;color: #282928;margin: 15px auto 0;font-lgpd: italic;}

@media screen and (max-width: 1024px) {
  .style8 h2{font-size: 20px;}
  .style8 h2 b{font-size: 30px;}
}


/* end */