@charset "utf-8";

html{font-size:10px;}
.container{width:100%; margin:0 auto; max-width:1000px; position:relative;}

.con01{position:relative; padding:100px 0; background:url(images_my/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:100px 0; background:#fcfcfc}
.con03{position:relative; height:961px; background:url(images_my/con03_bg.jpg) center top}

.con02:after{content:''; display:block; width:100%; height:45%; position:absolute; bottom:0; left:0; background:#ffffff; z-index:1}

.con01 .box{width:900px; margin:0 auto; position:relative; border-radius:0 55px 0 55px; overflow:hidden; box-shadow:20px 20px 20px #b3b3a9; z-index:10}
.con01 .box .tit{position:relative; background:#fff; padding:40px 0; overflow:hidden; text-align:center}
.con01 .box .tit p:nth-child(1){color:#0b94a5; position:relative; font-size:28px; text-align:center; display:inline-block; width:750px; margin:0 auto; font-weight:bold}
.con01 .box .tit p:nth-child(1) span{display:inline-block; position:relative; z-index:10; padding:0 15px; background:#fff}
.con01 .box .tit p:nth-child(1):after{content:''; display:block; width:100%; height:1px; background:#0b94a5; position:absolute; left:0; top:50%; z-index:1}
.con01 .box .tit p:nth-child(2){color:#222222; position:relative; font-size:40px; text-align:center; padding:10px 0 0 0; font-weight:bold; letter-spacing:-1px}

.pdList{position:relative; max-width:900px; margin:0 auto; z-index:10}
.pdList li{position:relative; margin-bottom:60px; text-align:center}
.pdList li:nth-last-child(1){margin-bottom:0}
.pdList .tit{position:relative; padding:30px 0 0 0; font-size:25px; color:#222; font-weight:bold}
.pdList .tail{position:relative; padding:20px 0 0 0; font-size:16px; color:#666; line-height:1.5}
.pdList .btn{position:relative; padding:20px 0 0 0; }
.pdList .btn a{display:inline-block; padding:10px 20px; color:#fff; background:#1295a5; border-radius:30px; font-size:16px;}
.pdList .btn a:after{content:''; display:inline-block; width:8px; height:10px; background:url(images_my/bullet.png) no-repeat; vertical-align:middle; margin-left:5px; position:relative; top:-2px}

.con03 .title{position:relative; padding:80px 0 0 0; color:#fff; font-size:30px; font-weight:bold; line-height:1.5; text-align:center}
.con03 .tail{position:relative; padding:600px 0 0 0; text-align:center; color:#fff; font-size:15px; line-height:1.6}

@media screen and (max-width: 1000px){
	.con01, .con02{padding:70px 0}
	
	.con01 .box{width:auto; margin:0 50px}
	.con01 .box .tit p:nth-child(1){font-size:20px; width:350px}
	.con01 .box .tit p:nth-child(2){font-size:40px}
	
	.pdList{width:auto; margin:0 50px}
	.pdList .tit{font-size:20px}
	.pdList .tail{font-size:15px}
	.pdList .btn a{font-size:15px}
	
	.con03{background-size:auto 940px; height:auto; padding-bottom:50px}
	.con03 .title{padding:50px 0 0 0; font-size:23px; line-height:1.4}
	.con03 .tail{padding:420px 0 0 0; font-size:14px; line-height:1.5}
}

@media screen and (max-width: 768px){
	.con01, .con02{padding:50px 0}
	
	.con01 .box{margin:0 20px}
	.con01 .box .tit{padding:30px 0}
	.con01 .box .tit p:nth-child(1){font-size:15px; width:240px}
	.con01 .box .tit p:nth-child(2){font-size:26px; padding:10px 5px 0 5px}
	
	.pdList{width:auto; margin:0 20px}
	.pdList .tit{font-size:18px}
	.pdList .tail{font-size:14px; padding:15px 0 0 0}
	.pdList .btn a{font-size:13px}
	
	.con03{background:url(images_my/con03_bg_m.jpg) center top / cover; background-size:auto 550px; background-position:center center; height:auto; padding-bottom:50px}
	.con03 .title{padding:50px 0 0 0; font-size:18px; line-height:1.4}
	.con03 .tail{padding:200px 0 0 0; font-size:13px; line-height:1.5}
}

@media screen and (max-width: 610px){
	
}