@charset "utf-8";
/* CSS Document */ 

.event-wrap{position:relative; font-size:15px; max-width:2560px; margin:0 auto; text-align:center; overflow:hidden}
.event-wrap .container{max-width:1000px; position:relative; margin:0 auto}      
.event-wrap > div{box-sizing:border-box}
.sec01{position:relative; height:958px; background:url(images_au/sec01_bg.jpg) center top no-repeat; background-size:cover}
.sec02{position:relative; padding:0 0 50px 0}
.sec03{position:relative; height:1058px; background:url(images_au/sec03_bg.jpg) center top no-repeat; background-size:cover; padding-top:100px}

.sec01 h1{position:relative; padding:85px 0 0 0}
.sec01 .sec01_tit{position:relative; padding:10px 0 0 0; font-size:2em; color:#5aa394}

.sec02{position:relative; background:#fff}
.sec02_tit{position:relative; padding:90px 0 0 0}
.sec02_tit .tit{position:relative; padding:10px 0 0 0}
.sec02_tit .tail{color:#5aa394; font-size:1.5em; padding:20px 0 0 0}
.sec02_tit .tail span{display:inline-block; margin:0 2px}

.product{position:relative; width:990px; margin:0 auto; padding:70px 0 0 0}
.product > div{position:relative; margin:0 auto; margin-bottom:50px}
.product > div:after{content:''; display:block; clear:both}
.product .img{width:473px; height:354px;}
.product .v_right .img{float:right}
.product .con .tit{font-size:1.4em; color:#242525; font-weight:bold}
.product .con .tail{font-size:1.1em; color:#666; line-height:1.4em; padding:15px 0 0 0}
.product .con .btn{padding:20px 0 0 0;}
.product .con .btn a{display:inline-block; font-size:1.1em; color:#242525; border:2px solid #242525; padding:12px 15px; font-weight:bold}

.product .v_left .con{position:absolute; right:0; bottom:10px; text-align:left; width:calc(100% - 510px);}
.product .v_right .con{position:absolute; left:0; bottom:10px; text-align:right; width:calc(100% - 510px);}

.belt01:before{position:absolute; left:-100%; bottom:13px; width:100%; height:303px; background:#b8dcf2;content:'';display:block;}
.belt02:before{position:absolute; right:-100%; bottom:13px; width:100%; height:303px; background:#afd2c7;content:'';display:block;}
.belt03:before{position:absolute; left:-100%; bottom:13px; width:100%; height:303px; background:#c0e4da;content:'';display:block;}
.belt04:before{position:absolute; right:-100%; bottom:13px; width:100%; height:303px; background:#deeee0;content:'';display:block;}

.sec03 .box{position:relative; width:970px; height:760px; border:12px solid #66ad97; background:#fff; margin:0 auto;}
.sec03 .box:before{width:129px; height:58px; content:''; display:inline-block; background:url(images_au/ribbon.png) no-repeat; position:absolute; left:50%; margin-left:-65px; top:-58px;}
.sec03 .box .con{position:relative; padding:7% 5%;}
.sec03 .box .con .tail{font-size:1.5em; color:#66ad97; padding:15px 0 0 0; line-height:1.5em}
.sec03 .box .con .img{padding:20px 0 0 0}
.sec03 .box .con .img img{max-width:100%}

.sec03 .tail_txt{position:relative; margin:0 auto; text-align:center; color:#fff; font-size:1.1em; line-height:1.4em; padding:30px 0 10px 0;}
 
@media screen and (max-width: 1020px){
	.event-wrap{font-size:12px}
	
	.sec01{height:720px;}
	.sec01 h1{padding:60px 0 0 0; max-width:420px; margin:0 auto}
	 
	.sec02_tit{padding:50px 0 0 0}
	
	.product{width:auto}
	.product .v_left .con{width:48%}
	.product .v_right .con{width:48%}
	.product .img{width:48%; height:auto}
	
	.sec03{height:auto; padding:100px 0 50px 0}
	.sec03 .box{width:auto; height:auto; margin:0 40px}
	.sec03 .box .con .img img{max-width:300px}
}

@media screen and (max-width: 640px){
	.event-wrap{font-size:10px}
	
	.sec01{height:380px;}
	.sec01 h1{padding:30px 0 0 0; max-width:240px;}
	.sec01 .sec01_tit{font-size:15px; padding:5px 0 0 0}
	.sec02 .icon img{width:40px}
	
	.sec02_tit .tit img{max-width: 185px;}
	
	.product{padding:40px 0 0 0}
	.product > div{margin-bottom:30px}
	.product .img{width:70%;}
	.product .con{position:relative !important; right:auto !important; left:auto !important; top:auto !important; bottom:auto !important; width:auto !important; clear:both; padding:15px 25px}
	
	.sec03 .box:before{width:100px; height:45px; margin-left:-50px; top:-45px; background-size:cover}
	.sec03 .box{border:5px solid #66ad97; margin:0 20px}
	.sec03 .box .con .img img{max-width:220px}
	.sec03 .box .con .tit img{max-width:240px}
}