@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 {max-width: 1000px;margin: 5px auto;padding: 190px 20px;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/slogun.png') no-repeat 50% 84%;width: 362px;height: 70px;float:right;background-size: 440px;}
.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: rgba(255, 255, 255, 0.8);padding: 20px;color: #222;border-radius: 8px;/* min-height: 304px; */}
.intro_1 .intro_box h4 {font-size: 2.3em;text-align: center;margin-bottom: 14px;}
.intro_1 .intro_box h4 br {display:none}
.intro_1 .intro_box p {position:relative;font-size: 1.3em;text-align: center;}
.intro_1 .intro_box p:last-child {margin-bottom:15px;}
/*.intro_1 .intro_box p::before {content:'';position: absolute;background: #222;width: 5px;height: 5px;display: block;top: 11px;left: 7px;}*/
.intro_1 .intro_box .intro_btn {margin: 20px 0 10px 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: 70%;display: inline-block;margin-bottom:10px;}
.intro_1 .intro_box .intro_btn ul li:last-child {/* width:100% */}
.intro_1 .intro_box .intro_btn a{text-align: center;padding: 28px;display: block;background: #008F4C; font-size: 1.7em;color: #fff;border-radius: 8px;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:#3b9b42ed 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:#254e43 url(images/icon_bg_01.png) no-repeat; background-position:right bottom; background-size:40%;}
.intro_1 .baro ul li:nth-child(3) {background:#2c783ced 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:800px) {
	.intro_1 .box_wrap {width: 100%;display: inline-block;vertical-align: top;}
	.intro_1 .box_wrap_mr {margin-right:0}
    .intro_1 .intro_box {height: auto;}
    .intro_1 .intro_box .intro_btn ul li {width:100%}
}


@media all and (max-width:667px) {
	.intro_1 {max-width: 1000px;margin: 5px auto;padding: 130px 20px;}
    .intro_1 .intro_tit{margin-bottom: 15px;}
    .intro_1 .intro_tit .logo {float: none;width: 100%;height: 60px;margin: 0 auto;}
    .intro_1 .intro_tit .slogun {height: 40px;width: 100%;float: none;margin: 0 auto;}
}

@media all and (max-width:640px) {
	.intro_1{padding-top: 111px;}
    .intro_1 .intro_box h4 {font-size:1.8em;text-align: center;margin-bottom: 20px;}
}

@media all and (max-width:480px) {
	.intro_1 .intro_box h4 {font-size: 1.5em;text-align: center;margin-bottom: 20px;}
	.intro_1 .intro_tit .slogun {height: 40px;background-size: 340px;}
	.intro_1{padding-top: 20%;}
    .intro_1 .baro ul li{width: 100%;float: none;margin-bottom: 3px!important;}
	.intro_1 .baro ul li:nth-child(2) {margin:0;}
}

@media all and (max-width:360px) {
    .intro_1 .intro_tit .slogun {height: 40px;background-size: 340px;}
}

@media all and (max-width:320px) {
	.intro_1{padding-top: 40px;}
}