.wrap {
	margin: 0 auto;
    font-family: 'ROKAFSansMedium';
}
/* header */
.wrap .header .menu_bg .menu .tab_menu .on_tab:after {
	content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #37ab96;
    border-radius: 50%;
    left: 40px;
    bottom: 36px;
}
.wrap .header .menu_bg .menu .tab_menu .on_tab {color: #37ab96;}
/* contents */
.wrap .contents {
	background-image: url(/resource/images/sub_new.jpg); height: 380px;
}
/* contents1 */
.wrap .contents .contents1 {
	width: 1316px;
    margin: 0 auto;
    padding: 90px 0px 0 0;
}
.wrap .contents .contents1 h2 {
	font-family: 'ROKAFSansMedium';
    font-size: 46px;
    color: #fff;
    letter-spacing: -1.5px;
}
.wrap .contents .contents1 span {
	font-size: 71px;
    color: #fbd02d;
    line-height: 1.6;
}
.wrap .contents .contents1 p {
	font-size: 19px;
    color: #fff; letter-spacing: -1px;
}
/* .wrap .contents .contents1 .sub_menu {
	float: right;
    position: relative;
    bottom: 182px;
    background: #fff;
    border-radius: 20px; box-shadow: 3px 7px 20px 0px #9a9a9a;
} */
.wrap .contents .contents1 .tab_menu {
	display: inline-flex;
    margin-top: 61px;
}
.wrap .contents .contents1 .tab_menu ul {display: flex;}
.wrap .contents .contents1 .tab_menu ul li {
	width: 140px;
    background: #faf5ee;
    height: 50px;
    text-align: center;
    padding: 15px;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 8px;
}
.wrap .contents .contents1 .tab_menu ul .off {
	background: #1f8b77;
}
.wrap .contents .contents1 .tab_menu ul li a {
	font-size: 22px;
    font-family: 'ROKAFSansBold';
}
.wrap .contents .contents1 .tab_menu ul .on a {
    color: #2a2a2a;
}
.wrap .contents .contents1 .tab_menu ul .off a {
	color: #fff;
}
.wrap .contents .contents1 .tab_menu .add {
	position: relative;
    /* left: 225px; */
    top: 8px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    background: #1f8b77;
	padding: 3px 7px;
}
/* contents2 */
.wrap .contents .contents2_bg {
    background: #faf5ee;
    padding: 10px;
    height: 100%;
}
.wrap .contents .contents2 {
	width: 1316px; margin: 0 auto; position: relative;
}
.wrap .contents .contents2 .inner_contents {
	margin: 15px 0 50px;
}
.wrap .contents .contents2 .inner_contents ul {width: 553px;}
.wrap .contents .contents2 .inner_contents ul li {line-height: 2.0;}
.wrap .contents .contents2 .inner_contents ul li a{
	font-size: 17px;
    color: #222;
    font-family: 'ROKAFSansMedium';
    letter-spacing: -0.7px; text-overflow: ellipsis;
    white-space: nowrap;overflow: hidden;
}
.wrap .contents .contents2 .inner_contents ul li span{
	font-size: 16px;
    color: #807e7c;
    font-family: 'ROKAFSansMedium';
    letter-spacing: -0.7px;
    float: right;
}
/* 220307 */
.wrap .contents .contents2 .sub_nav {
	float: right;
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: #FFF;
    border-radius: 20px;
    box-shadow: 3px 7px 20px 0px #9a9a9a;
} 
.wrap .contents .contents2 .sub_nav .sub_menu:before {
    position:absolute;left:42px;top:50%;width:calc(100% - 84px);height:1px;background:#e8e8e8;content:'';
}
.wrap .contents .contents2 .sub_nav .sub_menu {
    position: relative;
    width: 711px;
    padding: 0 42px;
    font-size: 0;
}
.wrap .contents .contents2 .sub_nav .sub_menu a {
    display:inline-block;width:33.3%;padding:40px 0;vertical-align:top;text-align:center;
}
.wrap .contents .contents2 .sub_nav .sub_menu a .icon {
    display:block;width:114px;height:83px;margin:0 auto;
}
.wrap .contents .contents2 .sub_nav .sub_menu a span img {}
.wrap .contents .contents2 .sub_nav .sub_menu a strong {
    display:block;margin-top:20px;font-size:20px;color:#515151;letter-spacing:-0.5px;
}
/* /220307 */
.wrap .contents .contents2 .box {
	display: flex;
    width: 1316px;
    justify-content: space-between;
	margin-right: 10px;
	position: absolute;
}
.wrap .contents .contents2 .box .box1 {
	border-radius: 10px;
    background: #fff;
    padding: 30px;
    display: grid; box-shadow: 3px 7px 20px 0px #ccc;
    place-items: center; width: 255px;
}
.wrap .contents .contents2 .box .box1 a img {
	margin-bottom: 10px;
}
.wrap .contents .contents2 .box .box2 {
	border-radius: 10px;
    background: #fff;
    padding: 30px;
    display: grid; width: 255px;
    place-items: center; box-shadow: 3px 7px 20px 0px #ccc;
}
.wrap .contents .contents2 .box .box2 a img {}
.wrap .contents .contents2 .box .box3 {
	border-radius: 10px;
    background: #fff;
    padding: 30px;
    display: grid; width: 255px;
    place-items: center; box-shadow: 3px 7px 20px 0px #ccc;
}
.wrap .contents .contents2 .box .box3 p {
	font-family: 'ROKAFSansBold';
    font-size: 22px;
}
.wrap .contents .contents2 .box .box3 em {
    line-height: 0; margin-bottom: 5px;
}
.wrap .contents .contents2 .box .box3 strong {
    font-size: 27px;
    font-family: 'ONE Mobile Title';
    letter-spacing: -1.5px;
}
.wrap .contents .contents2 .box .box4 {
	border-radius: 10px;
    background: #fff;
    padding: 30px;
    display: grid; width: 255px;
    place-items: center; box-shadow: 3px 7px 20px 0px #ccc;
}
.wrap .contents .contents2 .box .box4 p {
	font-family: 'ROKAFSansBold';
    font-size: 22px;
}
.wrap .contents .contents2 .box .box4 em {
    line-height: 0; margin-bottom: 5px;
}
.wrap .contents .contents2 .box .box4 strong {
	font-size: 27px;
    font-family: 'ONE Mobile Title';
    letter-spacing: -1.5px;
}
/* footer */