@charset "utf-8";

body {font-family:'Noto'; font-weight:400}
a:hover {text-decoration:none;}

.introBg_1 {background: url('/groups/intro/images/intro_bg3.jpg') no-repeat 50%;background-size: cover;background-attachment: scroll;overflow: hidden;min-height: 100%;}

.intro_1 {width: 980px; margin: 0 auto; padding: 200px 0 0; word-break: keep-all;}
.intro_1 .intro_tit{margin: 0 0 5px auto;overflow: hidden;}
.intro_1 .intro_tit .logo {background: url('/groups/intro/images/logo.png') no-repeat 50%;float:left;background-size: 270px;width: 270px;height: 70px;}
.intro_1 .intro_tit .slogun {background: url('/groups/intro/images/slogun01.png') no-repeat 50% 84%;width: 450px;height: 70px;float:right;background-size: 440px; display:none;}
.intro_1 .txt {background: rgba(255, 255, 255, 0.8);display: block;color: #222;border-radius: 8px;padding: 10px;margin-bottom: 7px;}
.intro_1 .txt p {font-size:1.25em;}

.intro_1 .box_wrap {width: 100%;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.intro_1 .intro_box {background: rgb(255 255 255 / 72%);padding: 30px 0;color: #222;border-radius: 8px;}
.intro_1 .intro_box h4 {font-size: 2.4em;text-align: center;margin-bottom: 10px;}
.intro_1 .intro_box h4 br {display:none}
.intro_1 .intro_box p.key {position:relative; margin-bottom: 5px; font-size: 1.6em; text-align: center;}
.intro_1 .intro_box p.warn {position:relative; font-size: 1.4em; text-align: center; font-weight:500;}
.intro_1 .intro_box .intro_btn {margin: 18px 0 0;}
.intro_1 .intro_box h4 .color{color: #074671;}
.intro_1 .intro_box .intro_btn ul {text-align: center;overflow: hidden;}
.intro_1 .intro_box .intro_btn ul li {width: 38%;display: inline-block;margin-bottom:10px;}
.intro_1 .intro_box .intro_btn ul li:nth-child(1), .intro_1 .intro_box .intro_btn ul li:nth-child(3) {margin-right: 6px;}
.intro_1 .intro_box .intro_btn a{text-align: center;padding: 18px 10px;display: block;background: #0c814a;font-size: 1.5em;color: #fff;border-radius: 5px;word-break: keep-all;}

.intro_1 .baro {margin-bottom: 40px;}
.intro_1 .baro ul {margin: 0 auto 30px;overflow: hidden;}
.intro_1 .baro ul li {width: 32%; float: left; border-radius: 10px;}
.intro_1 .baro ul li:nth-child(1) {background: #008f4cbf url(images/icon_bg_01.png) no-repeat; background-position:right bottom; background-size:40%;}
.intro_1 .baro ul li:nth-child(2) {margin: 0 1.8%;background: #156443d1 url(images/icon_bg_01.png) no-repeat; background-position:right bottom; background-size:40%;}
.intro_1 .baro ul li:nth-child(3) {background: #0e9952ab url(images/icon_bg_01.png) no-repeat; background-position:right bottom; background-size:40%;}
.intro_1 .baro ul li a {color: #fff;display: block;font-size: 1.6em;text-align: center;padding: 25px 0; }
.intro_1 .baro ul li::before {content:'';display: none;position:absolute;background: url('/groups/intro/images/icon.png') no-repeat 50%;background-size: 30px;width: 30px;height: 30px;top: 14px;left: 20%;}       
.intro_1 .baro i {padding-left: 30px; margin-right: 5px;}
.intro_1 .baro .icon01 {background: url('/groups/intro/images/icon01.png') no-repeat 50%;background-size: 30px;}
.intro_1 .baro .icon02 {background:url('/groups/intro/images/icon02.png') no-repeat 50%;background-size: 27px;}
.intro_1 .baro .icon03 {background:url('/groups/intro/images/icon03.png') no-repeat 50%;background-size: 30px;}

.context{cursor:context-menu}
.sub {font-size:1.6em !important; font-weight:500;}

@media all and (max-width:1000px) {
	.intro_1 {width: 94%;}
}
@media all and (max-width:800px) {
	.intro_1 {padding-top: 30px;}
	.intro_1 .box_wrap {width: 100%;display: inline-block;vertical-align: top;font-size: 95%;}
	.intro_1 .box_wrap_mr {margin-right:0}
    .intro_1 .intro_box {height: auto;padding: 25px 30px;}
    .intro_1 .intro_box .intro_btn ul li {width:100%}
}
@media all and (max-width:780px) {
	.intro_1 .intro_tit .slogun {height: 40px;width: 100%;float: none;margin: 0 auto;}
}
@media all and (max-width:700px) {
	.intro_1 .box_wrap {font-size: 90%;}
}
@media all and (max-width:667px) {
    .intro_1 .intro_tit {margin-bottom: 15px;}
    .intro_1 .intro_tit .logo {float: none;width: 100%;height: 60px;margin: 0 auto;}
}
@media all and (max-width:640px) {
    .intro_1 .intro_box h4 {text-align: center;font-size:2.2em;}
}
@media all and (max-width:480px) {
	.intro_1 {padding-top: 30px;}
	.intro_1 .intro_box h4 {text-align: center;margin-bottom: 20px;}
	.intro_1 .intro_tit .slogun {height: 40px;background-size: 360px;}
    .intro_1 .baro ul li{width: 100%;float: none;margin-bottom: 8px!important;}
	.intro_1 .baro ul li:nth-child(2) {margin-left:0;}
}