@charset "utf-8";

.hk *{font-family: '新宋体';}
.tw *{font-family: '新宋体';}
.jp *{font-family: 'DFGothic' !important;}
.th *{font-family:'Cloud-Light',Tahoma;}
.vn *{font-family: Arial;}
.in *{font-family: 'InnisfreeGothic';}
.mBr{display: none;}
.br1024{display: none;}
.event-wrap {max-width:2560px; margin:0 auto;}
.section1{background:url('images_my/visual.jpg') no-repeat center center; background-size:cover;padding:113px 0 765px;text-align: center;}
.section1 .con-wrap{}
.section1 .con-wrap .inner{}
.section1 .con-wrap .inner .title-box{}
.section1 .con-wrap .inner .title-box .sub-title{display: inline-block; padding: 20px;background: #024137;font-size: 56px;color: #fff; font-weight: bold;}

.section2{padding:100px 0;background: #f6f6f8;text-align: center;}
.section2 .con-wrap{}
.section2 .con-wrap .inner{max-width: 1000px; margin: 0 auto;}
.section2 .con-wrap .inner .text-box{}
.section2 .con-wrap .inner .text-box .bg-box{padding:35px 0;background: #024137;position: relative;}
.section2 .con-wrap .inner .text-box .bg-box:before{content: ""; display: block; width: 160px;height: 160px;position:absolute; top:-50px;left:-50px; background: url(images_my/deco.png) 0 0 no-repeat;background-size: contain;}
.section2 .con-wrap .inner .text-box .bg-box:after{content: ""; display: block; width: 160px;height: 160px;position:absolute; bottom:-50px;right:-50px;background: url(images_my/deco.png) 0 0 no-repeat;background-size: contain;}
.section2 .con-wrap .inner .text-box .bg-box .txt{font-size: 28px; color: #fff;} 
.section2 .con-wrap .inner .product-box{}
.section2 .con-wrap .inner .product-box ul{padding-bottom:70px;overflow: hidden;position: relative;}
.section2 .con-wrap .inner .product-box ul li{width: 33.3333%;float: left}
.section2 .con-wrap .inner .product-box ul li img{display: block;margin: 110px auto 0;}
.section2 .con-wrap .inner .product-box ul li p{margin-top:30px;font-size: 24px;color: #0f100e;}
.section2 .con-wrap .inner .product-box ul li p em{display:block;margin-bottom:10px;font-size: 26px; color: #222928; font-weight: bold;}

.section3{padding:110px 0;background: #989c95;text-align: center;}
.section3 .con-wrap {}
.section3 .con-wrap .inner {max-width: 1000px; margin: 0 auto;}
.section3 .con-wrap .inner .con-box{}
.section3 .con-wrap .inner .con-box .txt{font-size:42px;color: #fff;font-weight: 300;font-weight: lighter;}
.section3 .con-wrap .inner .con-box .txt em{font-size:42px;font-weight: bold;}
.section3 .con-wrap .inner .con-box .img-box{margin-top:260px;padding: 110px 0;position: relative;background: #fff;}
.section3 .con-wrap .inner .con-box .img-box img{position: absolute; top:-210px; left:50%;margin-left: -307.5px}
.section3 .con-wrap .inner .con-box .txt2{padding:30px 0;background:#d2ccbe;font-size: 18px; color: #222928;line-height: 1.4;}
.section3 .con-wrap .inner .con-box .etc{margin-top:30px;font-size: 18px; color: #fff;}

.section2 .con-wrap .inner .product-box ul:nth-child(2) li{width: 25%;float: left}
.section2 .con-wrap .inner .learn{display: inline-block;padding: 10px 120px;font-size:34px;color: #fff; font-weight:bold;background: #000;}
@media screen and (max-width: 1024px){
	.inner{padding: 0 5%;}
	.section1 .con-wrap .inner .title-box .sub-title{font-size: 46px;}
	.section2 .con-wrap .inner .text-box .sub-title-txt{font-size: 38px;}
	.section2 .con-wrap .inner .text-box .bg-box .txt{font-size: 38px;}
	.section2 .con-wrap .inner .text-box .bg-box::before,
	.section2 .con-wrap .inner .text-box .bg-box::after{width: 120px;}
	.section2 .con-wrap .inner .product-box ul li{padding:0 2%;box-sizing: border-box;}
	.section2 .con-wrap .inner .product-box ul li img{margin-top:60px;}
	.section2 .con-wrap .inner .product-box ul:nth-child(2) li img{height: 250px;}
	.section2 .con-wrap .inner .product-box ul li p{font-size: 15px;}
	.section2 .con-wrap .inner .product-box ul li p em{font-size: 20px;}
	.section3 .con-wrap .inner .con-box .txt,
	.section3 .con-wrap .inner .con-box .txt em{font-size: 32px;}
	.section3 .con-wrap .inner .con-box .img-box{margin-top: 200px;padding:80px 0;}
	.section3 .con-wrap .inner .con-box .img-box img{width: 500px;top:-170px;margin-left: -250px;}
	.section3 .con-wrap .inner .con-box .txt2{font-size: 15px}
	.section3 .con-wrap .inner .con-box .etc{font-size: 15px;}
}
@media screen and (max-width: 768px){
	.section1{padding:50px 0 400px;}
	.section1 .con-wrap .inner .title-box .sub-title{font-size: 36px;}
	.section2{padding:5% 0;}
	.section2 .con-wrap .inner .text-box .sub-title-txt{font-size: 28px;}
	.section2 .con-wrap .inner .text-box .bg-box{padding: 15px 0;}
	.section2 .con-wrap .inner .text-box .bg-box::before{width: 80px;height:80px;top:-40px;left:-40px;}
	.section2 .con-wrap .inner .text-box .bg-box::after{width: 80px;height:80px;bottom:-40px;right: -40px;}
	.section2 .con-wrap .inner .text-box .bg-box .txt{font-size: 20px;}
	.section2 .con-wrap .inner .product-box ul li img{margin-top:40px;}
	.section2 .con-wrap .inner .product-box ul:nth-child(2) li img{height: 200px;}
	.section2 .con-wrap .inner .product-box ul li p{font-size: 12px;}
	.section2 .con-wrap .inner .product-box ul li p em{font-size: 16px;}
	.section3{padding: 5% 0;}
	.section3 .con-wrap .inner .con-box .txt,
	.section3 .con-wrap .inner .con-box .txt em{font-size: 14px;}
	.section3 .con-wrap .inner .con-box .img-box{margin-top: 150px;padding:50px 0;}
	.section3 .con-wrap .inner .con-box .img-box img{width: 250px;margin-left: -125px;top:-90px;}
	.section3 .con-wrap .inner .con-box .txt2{padding:10px 5%;font-size: 12px}
	.section3 .con-wrap .inner .con-box .etc{font-size: 12px;}

	.section2 .con-wrap .inner .learn{padding: 10px 60px;font-size:20px;}
	.section2 .con-wrap .inner .product-box ul{padding-bottom: 5%}
}

@media screen and (max-width: 480px){
	.section1{padding:5%  0 200px;}
	.section1 .con-wrap .inner .title-box .sub-title{font-size: 20px;}
	.section2 .con-wrap .inner .text-box .sub-title-txt{font-size: 16px;}
	.section2 .con-wrap .inner .text-box .bg-box{padding: 15px 0;}
	.section2 .con-wrap .inner .text-box .bg-box::before{width: 40px;height:40px;top:-20px;left:-20px;}
	.section2 .con-wrap .inner .text-box .bg-box::after{width: 40px;height:40px;bottom:-20px;right: -20px;}
	.section2 .con-wrap .inner .text-box .bg-box .txt{font-size: 13px;}
	.section2 .con-wrap .inner .product-box ul li p{font-size: 11px;}
	.section2 .con-wrap .inner .product-box ul li p em{font-size:12px;}
	.section2 .con-wrap .inner .product-box ul:nth-child(2) li img{height: 120px;}
	.section3 .con-wrap .inner .con-box .img-box{margin-top: 100px;}
	.section3 .con-wrap .inner .con-box .img-box img{width: 200px;margin-left: -100px;top:-50px;}
	.section3 .con-wrap .inner .con-box .txt2{font-size: 11px}
	.section3 .con-wrap .inner .con-box .etc{font-size: 11px;}
	

	.section3 .con-wrap .inner .con-box .txt, .section3 .con-wrap .inner .con-box .txt em{font-size: 13px;}
	.section2 .con-wrap .inner .learn{padding: 10px 40px;font-size:14px;}
}