#type02 {overflow:hidden;}

#sec01 {border-top:solid 0px #efefef; margin-top:50px;}
#sec01 .img{position:relative;width:100%;height:554px;overflow:hidden;z-index:-1}
#sec01 .img img {position:absolute;top:0;left:0;width:100%;height:auto; transform:scale(1);animation:bgback 9s infinite linear; }
#sec01 .img:after{display:block;position:absolute;left:0;bottom:0;width:50%;height:155px;content:'';background-color:#fff}
#sec01 .secwrap{position:relative;width:100%; max-width:1200px;margin:0 auto;padding: 70px 0 100px;}
#sec01 .tit{color:#222;}
#sec01 .tit p{margin-top: 55px;font-size:2.55rem;line-height:1.3;font-weight:700;} 
#sec01 .tit .smalltit{font-size:1.04rem;font-weight:700;}
#sec01 .rbox{display:none; position:absolute;right:0; bottom:115px; text-align:right;}
#sec01 .rbox span{display:block;margin-bottom:10px;font-size:15px; color:#a3a3a3;}
#sec01 .rbox a {display:inline-block; font-size:0.8rem; border:1px solid #ddd; padding:0 40px; height:45px; line-height:45px;}
@-webkit-keyframes bgback {
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.1);} 
	100%{transform:scale(1);}
}
@keyframes bgback {
	0%{transform:scale(1);}
	50%{transform:scale(1.1);} 
	100%{transform:scale(1);}
} 

#sec02 {position:relative; border-bottom:1px solid #e9e9e9;}
#sec02 .secwrap{position:relative;width:100%; max-width:1200px;margin:0 auto}
#sec02 .secwrap:after{display:block;visibility: hidden;clear: both;content: ""}
#sec02 .line {position:absolute; width:100%; height:1px; background:#e9e9e9;bottom:272px; z-index:3;}
#sec02 .lbox{position:relative;float:left;margin-top:-155px;width:50%;padding: 90px 0 90px 155px;}
#sec02 .lbox .tit{position:absolute;left:0;top:90px;font-size:1.04rem;font-weight:700;color:#222;font-family:'Josefin Sans'}
#sec02 .lbox .arrbtn{display:block;position:relative;width:145px;margin-top:40px;padding-bottom:10px;border-bottom:solid 3px #222;font-size:14px;color:#222;}
#sec02 .lbox .arrbtn span{position:absolute;width:15px;right:0;bottom:9px;height:15px;overflow:hidden}
#sec02 .lbox .arrbtn span:before,#sec02 .lbox .arrbtn span:after{position:absolute;bottom:-1px;font-family:FontAwesome;width:15px;height:25px;content:'\f178';color:#222;transition:all .2s}
#sec02 .lbox .arrbtn span:before{left:0}
#sec02 .lbox .arrbtn span:after{left:-15px;opacity:0} 
#sec02 .lbox .arrbtn:hover span:before{left:15px;opacity:0;transition-delay:0s}
#sec02 .lbox .arrbtn:hover span:after{left:0;opacity:1;transition-delay:.25s}
#sec02 .latbox {float:left; width:100%; border-right:1px solid #e9e9e9; position:relative;}
#sec02 .gotobtn{position:absolute;right:0;top: -40px;width:76px;height:76px;text-align:center;background-color:#000;z-index:99;transition:all .2s;}
#sec02 .gotobtn span{position:absolute;right: 30px;top:24px;color:#fff;}
#sec02 .gotobtn p{position:absolute;right: 62px;top:24px;width: 120px;font-size:14px;color:#fff;opacity:0;transition:all .2s;}
#sec02 .gotobtn:hover{width:202px}
#sec02 .gotobtn:hover p{opacity:1}

#sec03{padding:160px 0 80px 0;}
#sec03 .tit_area{margin-top:-20px; margin-bottom:120px;text-align:center;color:#111}
#sec03 .tit_area .smalltit{margin-bottom:20px;font-size:0.94rem;font-weight:700;letter-spacing:0;}
#sec03 .tit_area .tit{font-size:29px;font-weight:700;}
#sec03 ul{overflow:hidden; display:table; margin:0 auto; padding:0 80px;}
#sec03 ul li{float:left;width:32%; margin-right:2%;  text-align:center}
#sec03 ul li:nth-child(3n) {margin-right:0;}
#sec03 ul li a {display:block;color:#9e9e9e}
#sec03 ul li .imgbox{overflow:hidden;height:380px;margin-bottom:40px; position:relative;}
#sec03 ul li .imgbox, #sec03 ul li .imgbox img{width:100%; -webkit-transition:all .3s cubic-bezier(0.5, 1, 0.89, 1);transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#sec03 ul li .imgbox img.ht {width:auto; height:100%;}
#sec03 ul li:hover .imgbox{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
#sec03 ul li:hover .imgbox img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
#sec03 ul li p{margin-bottom:15px;font-size:1.315rem;font-weight:700;color:#111}
#sec03 ul li p span{display:block;color:#d5d5d5;font-size:14px;font-weight:700; letter-spacing:0; }

#sec04 {float:left; position:relative; overflow:hidden; width:100%; padding:200px 0; margin-top:100px; transition:all .3s;}
#sec04.sub {float:left; margin-top:150px;}
#sec04 img {position:absolute; width:100%; top:-70%; left:50%; transform:scale(1.0) translate(-50%,0); transition:all .5s;}
#sec04:hover img {transform:scale(1.1) translate(-45%,0); transition:all .5s;}
#sec04:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:''; z-index:1;}
#sec04 .secwrap {width:100%; max-width:1200px; margin:0 auto; position:relative;}
#sec04 .txt {position:absolute; left:0; top:50%; transform:translate(0,-50%); color:#fff; z-index:3;}
#sec04 .txt span {font-weight:700; font-size:1.04rem; color:rgba(255,255,255,0.6);}
#sec04 .txt h2 {margin:20px 0; font-weight:500; font-size:1.5rem;}
#sec04 .txt p {display:inline-block; width:100%; word-break:keep-all; line-height:1.8; border-top:1px solid rgba(255,255,255,0.15); padding-top:20px; font-size:0.94rem; color:#ddd;}
#sec04 .gotobox {position:absolute; right:0; z-index:4; width:220px;}
#sec04 .goto {position:absolute; right:0; top:50%; transform:translate(0,-50%); border:1px solid rgba(255,255,255,0.7); background:#fff; color:#000; height:60px; line-height:60px; padding:0 40px; z-index:4; font-size:0.94rem; transition:all .2s;}
#sec04 .goto:hover {background:#000; color:#fff; border-color:#000; transition:all .2s;}

@media (max-width:1100px) {
	#sec01 .tit p {font-size:1.5rem; margin-top:27px;}
	#sec01 .rbox {display:none;}
	#sec01 .secwrap {padding:35px 20px 50px 20px;}
	#sec01 .img {height:300px;}
	#sec01 .img:after {width:80%;}
	#sec02 .lbox {width:80%; padding:60px 25px 20px 20px; margin-top:-120px; word-break:keep-all;}
	#sec02 .lbox br {display:none; }
	#sec02 .gotobtn {top:-330px;}
	#sec02 .lbox .tit {left:20px; top:0;}
	#sec02 .line {display:none;}
	#sec02 .latbox {border-top:1px solid #e9e9e9; margin-top:80px;}
	#sec03 {padding:140px 0 40px 0;}
	#sec03 .tit_area {padding:0 20px; margin-bottom:40px;}
	#sec03 .tit_area .tit {line-height:1.3; font-size:1.5rem; word-break:keep-all;}
	#sec03 ul {padding:0 20px;}
	#sec03 ul li {width:100%; margin:0 0 40px 0; word-break:keep-all;}
	#sec03 ul li .imgbox {height:initial; margin-bottom:20px;}
	#sec03 ul li .imgbox img.ht {width:100%; height:auto;}
	#sec03 ul li br {display:none;}
	#sec04 {margin-top:0; }
	#sec04.sub {margin-top:50px;}
	#sec04 img {width:auto; height:100%; top:0;}
	#sec04 .txt {padding:0 20px; padding:150px 20px 250px 20px;}
	#sec04 .txt h2 {word-break:keep-all; line-height:1.3; font-size:1.35rem;}
	#sec04 .txt p {width:100%;}
	#sec04 .txt p br{display:none;}
	#sec04 .goto {transform:translate(0,150%); top:initial;}
}