.intro{min-height:100vh; padding-bottom:50px; background:url(/_res/deu/www/img/sub/bg_intro.jpg) center top no-repeat; background-size:cover;}
.intro .inner{width:1150px; margin:0 auto; padding:50px 0 0;}
.intro .logo{text-align:center; }
.intro .top_link{display:flex; justify-content:center; margin:20px auto; }
.intro .top_link .link{position:relative; display:block; width:calc(100%/3 - 28px/3); height:72px; overflow:hidden; background:rgba(46,200,228,0.7); border-radius:20px; text-align:center; line-height:76px; font-size:18px; font-weight:400; color:#fff; transition:background 0.3s;}
.intro .top_link .link:nth-child(3n+2){margin:0 14px;}
.intro .top_link .link:hover{background:#fff; font-weight:500; color:#093a87; transition:background 0.3s;}
.intro .tit_intro{/*margin:50px auto 0;*/ text-align:center; text-shadow:2px 2px 6px rgba(0,0,0,0.2); line-height:1.2; font-size:42px; font-weight:300; color:#fff;}
.intro .tit_intro strong{font-size:50px; font-weight:500;}
.intro .tit_txt{text-align:center; }
.intro .tit_txt p{display:inline-block; margin:-5px auto 0; padding:5px 10px 0; background:#fff; line-height:1.2; font-size:22px; font-weight:400; color:#000;}
.pass_wrap{display:flex; flex-wrap:wrap; margin-top:30px;}
.pass_box{position:relative; margin-bottom:20px; border-radius:20px;}
.pass_box:before{content:''; position:absolute; right:37px; top:50%; transform:translateY(-50%); display:block; width:40px; height:13px; background:url(../img/arr_right.png) center no-repeat; transition:0.2s right;}
.pass_box a{display:flex; align-items:center; width:100%; height:100%; }
.pass_box.pass_01{width:100%; /*height:185px;*/ background:rgba(0,87,166,0.8) url(/_res/deu/www/img/sub/icon_01.png) left 50px center no-repeat; background-size:auto 120px; transition:0.2s background;}
.pass_box.pass_02{width:49.5%; background:rgba(0,206,174,0.8); transition:0.2s background;}
.pass_box.pass_03{width:49.5%; margin-left:1%; background:rgba(0,146,214,0.8); transition:0.2s background;}
.pass_box.pass_01 a{padding:80px 55px 70px 210px;}
.pass_box.pass_02 a,
.pass_box.pass_03 a{padding:40px 45px 35px 45px;}
.pass_box .h3_tit{font-size:34px; font-weight:400; color:#fff; letter-spacing:-1px; word-break:keep-all;}
.pass_box .h3_tit .thin{font-weight:200;}
.pass_box.pass_02 .h3_tit,
.pass_box.pass_03 .h3_tit{font-size:30px;}
.pass_box.pass_02 .h3_tit .thin,
.pass_box.pass_03 .h3_tit .thin{font-size:26px; }
.pass_box.pass_01 .txt1{margin-top:10px; line-height:1.3; font-size:16px; font-weight:400; color:#6ae8ff; letter-spacing:-1px; word-break:keep-all;}
.pass_box.pass_01:hover{background:rgba(0,87,166,1) url(/_res/deu/www/img/sub/icon_01.png) left 50px center no-repeat; background-size:auto 120px; transition:0.3s background;}
.pass_box.pass_01:hover:before{right:20px; transition:0.3s right; }
.pass_box.pass_02:hover{background:rgba(0,206,174,1); transition:0.3s background;}
.pass_box.pass_03:hover{background:rgba(0,146,214,1); transition:0.3s background; }
.pass_box.pass_02:hover:before,
.pass_box.pass_03:hover:before{right:20px; transition:0.3s right; }


.bottom_banner{display:flex; justify-content:space-between;}
.bottom_banner .banner{position:relative; width:calc(97%/6); background:rgba(255,255,255,0.7); border-radius:20px; transition:0.3s;}
.bottom_banner .banner:before{content:''; position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; width:35px; height:13px; background:url(/_res/deu/www/img/sub/arr_right_black.png) center no-repeat; background-size:contain; transition:0.3s;}
.bottom_banner .banner a{display:flex; align-items:center; width:100%; height:100%; padding:20px 40px 20px 20px;}
.bottom_banner .banner .txt{font-size:17px; font-weight:500; color:#000; word-break:keep-all;}
.bottom_banner .banner .red{font-weight:500; color:#fd250f;}
.bottom_banner .banner:hover{background:#fff; transition:0.3s;}
.bottom_banner .banner:hover:before{right:5px; transition:0.3s;}

.footer{margin-top:20px; text-align:center; line-height:1.4; font-size:14px; font-weight:300; color:#fff;} 





@media screen and (max-width:949px){
	.intro .inner{width:94%; padding:40px 0 0;}
	.intro .tit_intro{/*margin:30px auto 0;*/ font-size:40px; }
	.intro .tit_intro strong{font-size:56px;}
	.intro .tit_txt p{margin:0 auto; font-size:18px; }

	.pass_wrap{margin-top:30px;}
	.pass_box{margin-bottom:15px; border-radius:15px;}
	.pass_box.pass_01:before,
	.pass_box.pass_02:before,
	.pass_box.pass_03:before{right:32px; }
	.pass_box.pass_01{background:rgba(0,87,166,0.8) url(/_res/deu/www/img/sub/icon_01.png) left 45px center no-repeat; background-size:auto 100px;}
	.pass_box.pass_02{width:calc(50% - 15px/2); }
	.pass_box.pass_03{width:calc(50% - 15px/2); margin-left:15px; }
	.pass_box.pass_01 a{padding:60px 50px 50px 180px;}
	.pass_box.pass_02 a,
	.pass_box.pass_03 a{padding:35px 40px 30px 40px;}
	.pass_box .h3_tit{font-size:30px; }
	.pass_box.pass_02 .h3_tit,
	.pass_box.pass_03 .h3_tit{font-size:26px;}
	.pass_box.pass_02 .h3_tit .thin,
	.pass_box.pass_03 .h3_tit .thin{font-size:22px; }
	.pass_box.pass_01 .txt1{font-size:15px; }
	.pass_box.pass_01:hover{background:rgba(0,87,166,1) url(/_res/deu/www/img/sub/icon_01.png) left 55px center no-repeat; background-size:auto 100px;}
	
	.intro .top_link{/*margin:30px auto;*/ }
	.intro .top_link .link{width:calc(100%/3 - 20px/3); height:62px; border-radius:15px; line-height:64px; font-size:18px; }
	.intro .top_link .link:nth-child(3n+2){margin:0 10px;}

	.bottom_banner{display:flex; flex-wrap:wrap;}
	.bottom_banner .banner{width:calc(50% - 15px/2); margin-bottom:10px;}
	

	.footer{/*margin-top:40px;*/ font-size:13px; }
}

@media screen and (max-width:767px){
	.intro{padding-bottom:0;}
	.intro .inner{max-width:450px; padding:30px 0 0;}
	.intro .logo img{height:40px;}
	.intro .top_link{flex-wrap:wrap; /*margin:30px auto 10px;*/  }
	.intro .top_link .link{position:relative; width:calc(100%/3 - 16px/3); height:42px; border-radius:10px; line-height:44px; font-size:15px; }
	.intro .top_link .link:nth-child(3n+2){margin:0;}
	.intro .top_link .link:nth-child(1){width:100%; margin-bottom:5px;}
	.intro .top_link .link:nth-child(2){width:100%; margin-bottom:5px;}
	.intro .top_link .link:nth-child(3){width:100%; margin-bottom:5px;}
	.intro .top_link .link .m_hide{display:none;}
	.intro_banner_wrap{display:block;}
	
	.intro .tit_intro{/*margin:20px auto 0;*/ font-size:24px; word-break:keep-all;}
	.intro .tit_intro strong{font-size:34px;}
	.intro .tit_txt p{font-size:14px; }

	.pass_wrap{margin-top:20px;}
	.pass_box{margin-bottom:10px; border-radius:10px;}
	.pass_box:before{width:25px; background-size:contain;}
	.pass_box.pass_01:before,
	.pass_box.pass_02:before,
	.pass_box.pass_03:before{right:15px; bottom:18px;}
	.pass_box.pass_01{background:rgba(0,87,166,0.8) url(/_res/deu/www/img/sub/icon_01.png) left 25px center no-repeat; background-size:70px auto;}
	.pass_box.pass_02{width:calc(50% - 5px); }
	.pass_box.pass_03{width:calc(50% - 5px); margin-left:10px; }
	.pass_box.pass_01 a{padding:30px 30px 25px 110px;}
	.pass_box.pass_02 a,
	.pass_box.pass_03 a{padding:20px 15px 15px 15px;}
	.pass_box .h3_tit{font-size:24px; }
	.pass_box.pass_02 .h3_tit,
	.pass_box.pass_03 .h3_tit{font-size:17px;}
	.pass_box.pass_01 .h3_tit .thin{display:block; }
	.pass_box.pass_02 .h3_tit .thin,
	.pass_box.pass_03 .h3_tit .thin{font-size:15px; }
	.pass_box.pass_01 .txt1{font-size:13px; }
	.pass_box.pass_01:hover{background:rgba(0,87,166,1) url(/_res/deu/www/img/sub/icon_01.png) left 25px center no-repeat; background-size:70px auto;}
	.pass_box.pass_01:hover:before,
	.pass_box.pass_02:hover:before,
	.pass_box.pass_03:hover:before{right:10px; transition:0.3s right; }

	.bottom_banner{display:block; margin-top:5px;}
	.bottom_banner .banner{width:100%; margin-bottom:8px; border-radius:12px;}
	.bottom_banner .banner:before{right:15px; width:20px; height:8px; }
	.bottom_banner .banner a{padding:20px 40px 20px 18px;}
	.bottom_banner .banner .txt{font-size:15px; font-weight:500; color:#000; }
	.bottom_banner .banner .txt br{display:none;}
	.bottom_banner .banner:hover:before{right:10px;}	
	
	.footer{margin-top:20px; padding:20px 4%; font-size:12px;  word-break:keep-all; }
	.footer .addr span{display:block;}
	.footer .addr br{display:none;}
}

@media screen and (max-width:320px){
	.intro .top_link .link{height:38px; line-height:40px; font-size:13px; }
	.intro_banner_wrap .tit_intro{margin:20px auto 10px; font-size:22px;}

	.pass_box.pass_01{background:rgba(0,87,166,0.8) url(/_res/deu/www/img/sub/icon_01.png) left 20px center no-repeat; background-size:60px auto;}
	.pass_box.pass_01 a{padding:30px 20px 25px 90px;}
	.pass_box .h3_tit{font-size:20px; }
	.pass_box.pass_02 .h3_tit,
	.pass_box.pass_03 .h3_tit{font-size:15px;}
	.pass_box.pass_01:hover{background:rgba(0,87,166,1) url(/_res/deu/www/img/sub/icon_01.png) left 20px center no-repeat; background-size:60px auto;}
}


