@charset "utf-8";

.gtss{position:relative; max-width:2560px; margin:0 auto}
.gtss .container{max-width:1000px; margin:0 auto; position:relative; text-align:center}

.con01{position:relative; background:url(images_my/con01_bg.jpg) center top / cover; height:1595px}
.con02{position:relative; background:url(images_my/con02_bg.jpg) center top / cover; height:1400px}
.con03{position:relative; padding:100px 0; text-align:center; background:#71b8d6}
.con04{position:relative; padding:100px 0; text-align:center; background:#e5f2ff}

.con01 .title{position:relative; padding:120px 0 0 0}
.con01 .title p:nth-child(1){position:relative; font-size:30px; color:#14467c; line-height:1.4;}
.con01 .title p:nth-child(2){position:relative; padding:10px}
.con01 .title p:nth-child(3){position:relative}
.con01 .title p:nth-child(3) span{display:inline-block; color:#fff; font-size:30px; font-weight:bold; padding:7px 25px; background:#008ad8; border-radius:0 15px 0 15px}

.con02 .video_wrap{position:relative; top:-280px}
.con02 .video_wrap > div{position:relative; display:block; display:inline-block}
.con02 .video_wrap .video_border{display:block; width:100%}
.con02 .video_wrap .video_i{width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; left:10px; top:10px}

.con02 .box{position:relative; background:#fff; text-align:center; top:-150px}
.con02 .box .tailCon{position:relative; background:#dcf0ff; padding:40px 50px; color:#666; font-size:16px; text-align:center; line-height:1.5}
.con02 .box .tailCon p{margin-bottom:8px}
.con02 .box .tailCon p:nth-last-child(1){margin-bottom:0}
.con02 .box .tailCon p.gray{color:#999}
.con02 .box .con{position:relative; padding:50px 10px; background:#fff}
.con02 .box .con > .tit{position:relative;}
.con02 .box .con > .tit span{display:inline-block; padding:0 5px; position:relative; color:#111; font-weight:bold; font-size:43px;}
.con02 .box .con > .tit span i {position:relative; z-index:10; font-style:normal}
.con02 .box .con > .tit span:after{content:''; display:block; width:100%; height:15px; background:#e6f7e1; z-index:1; position:absolute; left:0; bottom:0}

.con02 .box .cont{position:relative;}
.con02 .box .cont .img{display:inline-block; vertical-align:top; margin-right:60px}
.con02 .box .cont .img p:nth-child(1){position:relative}
.con02 .box .cont .img p.btn{position:relative; padding:20px 0 0 0;}
.con02 .box .cont .img p.btn a{display:inline-block; color:#fff; font-size:17px; background:#222; padding:8px 20px; border-radius:25px}
.con02 .box .cont .img p.btn a:after{content:''; display:inline-block; vertical-align:middle; margin-left:5px; width:20px; height:10px; background:url(images_my/btn.png) no-repeat;}

.con02 .dlus{position:relative; display:inline-block; vertical-align:top}
.con02 .dlus ul{position:relative}
.con02 .dlus ul li{position:relative; padding:0 0 40px 100px; margin-bottom:40px; text-align:left; font-size:18px; color:#444444; line-height:1.5; border-bottom:dashed 1px #cccccc}
.con02 .dlus ul li:nth-last-child(1){margin-bottom:0; border-bottom:0; padding-bottom:0}
.con02 .dlus ul li .num{position:absolute; left:0; top:0;}
.con02 .dlus ul li p{font-size:25px; font-weight:bold;}
.con02 .dlus ul li p.small{font-size:22px; padding-bottom:5px}
.con02 .dlus ul li p.one{color:#1b9f91}
.con02 .dlus ul li p.two{color:#2e9f5e}
.con02 .dlus ul li p.three{color:#4e97c9}

.con03 .title{position:relative; text-align:center; color:#fff; font-weight:bold; font-size:48px}
.con03 .box{position:relative; border-radius:5px; background:#f4fcff; box-sizing:border-box; padding:50px; margin-top:40px}
.con03 .box > div{position:relative; text-align:center}
.con03 .box .con{position:relative; border-radius:20px 20px 5px 5px; border:1px dashed #ccc; background:#fff; padding:40px 20px;}
.con03 .box .con.bb{border-radius:5px 5px 5px 5px}
.con03 .box .con.t1{top:-1px}
.con03 .box .con .tit{position:relative}
.con03 .box .con .img{position:relative; padding:15px 0 0 0;}
.con03 .box .con .ttit{position:relative; padding:10px 0 0 0; font-weight:bold; font-size:21px; color:#555555}
.con03 .box .con .tail{position:relative; padding:10px 0 0 0; line-height:1.4; color:#444; font-size:19px;}
.con03 .box .con .ft{position:relative; padding:15px 20px 0 40px; color:#999; font-size:16px; line-height:1.5; text-align:center;}
.con03 .ft_txt{position:relative; font-size:19px; color:#d9edff; padding:20px 10px 0 10px}
.con03 .shop{position:relative; padding:50px 0 0 0; text-align:center; color:#fff}
.con03 .shop p:nth-child(1){font-size:24px}
.con03 .shop p:nth-child(2){position:relative; padding:20px 0 0 0}
.con03 .shop p:nth-child(2) a{display:inline-block; color:#fff; font-weight:bold; font-size:27px; background:#173846; border-radius:30px; padding:13px 45px}

.con04 .title{position:relative; padding:0 10px}
.con04 .title p:nth-child(1){position:relative; font-size:30px; font-weight:bold; color:#008ad8}
.con04 .title p:nth-child(2){position:relative; font-size:48px; font-weight:bold; color:#14467c;}
.con04 .card{position:relative; padding:40px 0 0 0; text-align:center; font-size:0}
.con04 .card ul{position:relative; font-size:0}
.con04 .card ul li{display:inline-block; vertical-align:top; margin-right:20px; }
.con04 .card ul li:nth-last-child(1){margin-right:0}
.con04 .c_tt{position:relative; padding:40px 0 0 0; text-align:center; line-height:1.5}
.con04 .c_tt p:nth-child(1){color:#90a0af; font-size:17px; font-weight:bold}
.con04 .c_tt p:nth-child(2){color:#90a0af; font-size:16px; padding:15px 0 0 0}

@media screen and (max-width: 1000px){
	.con01{height:1000px}
	.con02{height:1350px}
	.con03{padding:70px 0}
	.con04{padding:70px 0}
	
	.con01 .title{padding:50px 0 0 0}
	.con01 .title p:nth-child(1){font-size:20px}
	.con01 .title p:nth-child(2) img{max-width:450px}
	.con01 .title p:nth-child(3) span{font-size:20px}
	
	.con02 .video_wrap{width:600px; margin:0 auto}
	.con02 .video_wrap .video_i{width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px}
	
	.con02 .box{max-width:600px; margin:0 auto; top:-200px}
	.con02 .box .con > .tit img{max-width:300px; width:100%}
	.con02 .box .cont .img{display:block; margin-right:0}
	.con02 .box .cont .img p:nth-child(1) img{max-width:150px; width:100%}
	.con02 .dlus{display:block; padding:25px 10px 0 10px}
	.con02 .dlus ul li{font-size:16px; padding:0 0 40px 80px; padding-bottom:25px; margin-bottom:25px;}
	.con02 .dlus ul li:nth-last-child(1){padding-bottom:0}
	.con02 .dlus ul li p{font-size:20px}
	.con02 .box .tailCon{font-size:15px}
	.con02 .dlus ul li .num{width:60px}
	.con02 .dlus ul li p.small{font-size:16px}
	.con02 .box .cont .img p.btn{position:relative; padding:20px 0 0 0;}
	.con02 .box .cont .img p.btn a{font-size:15px}
	
	.con03 .title{font-size:34px}
	.con03 .box{max-width:600px; margin:0 auto; margin-top:25px; padding:25px}
	.con03 .box .con .ttit{font-size:18px}
	.con03 .box .con .tail{font-size:15px}
	.con03 .box .con .ft{font-size:14px; padding:15px 20px 0 20px}
	
	.con03 .ft_txt{font-size:17px}
	.con03 .shop p:nth-child(2) a{font-size:20px; padding:10px 35px}
	
	.con04 .title p:nth-child(1){position:relative; font-size:24px;}
	.con04 .title p:nth-child(2){position:relative; font-size:34px;}
	.con04 .card ul li{margin-right:0; width:32%;}
	.con04 .card ul li img{width:90%;}
	.con04 .c_tt{padding:30px 10px 0 10px}
	.con04 .c_tt p:nth-child(1){font-size:15px}
	.con04 .c_tt p:nth-child(2){font-size:14px}
}

@media screen and (max-width: 768px){
	.con01{height:auto; padding:50px 0; min-height:750px}
	.con02{height:auto; padding:50px 0; height:1150px}
	.con03{padding:50px 0}
	.con04{padding:50px 0}
	
	.con01 .title{padding:0}
	.con01 .title p:nth-child(1){font-size:18px}
	.con01 .title p:nth-child(2) img{max-width:450px; width:90%}
	.con01 .title p:nth-child(3) span{font-size:17px}
	
	.con02 .video_wrap{top:-200px; width:90%;}
	.con02 .box{top:-150px; width:90%;}
	.con02 .box .cont{}
	.con02 .box .con > .tit img{max-width:240px}
	.con02 .box .cont .img p:nth-child(1) img{max-width:130px}
	.con02 .box .cont .img p:nth-child(2){font-size:16px; padding:10px 0 0 0}
	.con02 .box .cont .img p:nth-child(3){font-size:14px}
	.con02 .dlus ul li{font-size:13px;}
	.con02 .dlus ul li p{font-size:16px}
	.con02 .box .tailCon{padding:20px 10px; font-size:13px}
	.con02 .dlus ul li p.small{font-size:14px}
	.con02 .box .cont .img p.btn a{font-size:14px; padding:7px 15px}

	.con03 .title{font-size:20px}
	.con03 .box{max-width:none; width:90%; margin:0 auto; margin-top:25px; padding:25px}
	.con03 .box .con{padding:30px 15px;}
	.con03 .box .con .tail{font-size:14px}
	.con03 .box .con .ft{font-size:13px; padding:10px 0 0 0}
	.con03 .box .con .ttit{font-size:15px}
	.con03 .ft_txt{font-size:14px}
	.con03 .shop{padding:20px 0 0 0}
	.con03 .shop p:nth-child(1){font-size:20px}
	.con03 .shop p:nth-child(2){padding:10px 0 0 0}
	.con03 .shop p:nth-child(2) a{font-size:17px}
	
	.con04 .title p:nth-child(1){position:relative; font-size:15px;}
	.con04 .title p:nth-child(2){position:relative; font-size:20px; padding:5px 0 0 0}
	.con04 .card{padding-top:25px}
	.con04 .card ul li{display:block; width:auto; margin-bottom:25px}
	.con04 .card ul li:nth-last-child(1){margin-bottom:0}
	.con04 .card ul li img{width:90%; max-width:280px}
	.con04 .c_tt{padding:30px 10px 0 10px}
	.con04 .c_tt p:nth-child(1){font-size:14px}
	.con04 .c_tt p:nth-child(2){font-size:13px}
}

@media screen and (max-width: 550px){
	.con02{height:1200px}
}