@charset "utf-8";
.page-main .sec-kv {height:279px; background:url(../images/common/main_kv.jpg) center no-repeat; background-size:auto 100%; position:relative;}
.page-main .sec-kv .sec-header {
    color:#fff; font-size:16px; text-align: center; position:absolute; left:50%; top:50%;width:600px;line-height:1.5; margin-top:-35px;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.page-main .sec-kv .sec-header .tit {display:block; font-size:35px; margin-bottom:25px;line-height:1.1;/* font-family:'Noto'; */}
.page-main .col-layout {position:relative; background: #fff; margin-top:-75px; padding:0 15px; display:table; table-layout: fixed; width:100%;}
.page-main .col-layout > .sec {display:table-cell; width:50%; padding:0 10px;}
.page-main .col-layout .sec-header {line-height:60px; border-bottom:3px solid #666; text-align: center; font-size:18px;}
.page-main .col-layout .sec-header .tit {display:inline-block}
.page-main .content-container {margin-top:10px;}
.page-main .content-container > dt,
.page-main .content-container > dd {display:block; width:100%;}
.page-main .content-container .header {height:116px; background:url(../images/common/main_header_bg1.jpg) center left; color:#fff;line-height:1.1;  text-align: center; padding-top:27px;}
.page-main .content-container .header .tit {font-size:25px; display:block;}
.page-main .content-container .header .dec {font-size:15px; margin-top:10px;}
.page-main .content-container > dd {padding-top:20px;}
.page-main .content-container > dd .tit {display:block; line-height:1.1; font-size:18px; color:#333;}
.page-main .content-container .ico-ul {margin:0 -5px; margin-top:15px;}
.page-main .content-container .ico-ul > li {float:left; width:50%; padding:0 3px; margin-bottom:7px;}
.page-main .content-container .ico-ul .box-item {background:#eee; height:70px;color:#333;font-weight:700; position:relative; letter-spacing: -0.4px;}
.page-main .sec1 .ico-ul .box-item .dec {position:absolute; left:15px; right:0;top:50%; padding-left:55px; line-height: 16px;
    -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);
}
.page-main .sec1 .ico-ul .box-item {font-size:15px; }


.page-main .sec2 .ico-ul .box-item .dec {
    position:absolute;
    /* left: 6px; */
    right:0;
    top:50%;
    padding-left:46px;
    padding-right: 3px;
    line-height: 16px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.page-main .content-container .ico-ul .box-item .dec:before {
    content:""; display:block ;width:45px; height:45px; position:absolute; left:0; top:50%;
    -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);
}
.page-main .content-container .ico-ul + .dec {color:#333; font-size:16px;line-height: 22px;}
.page-main .content-container .btn-wrap {margin-top:35px;}
.page-main .content-container .btn {width:100%; display:inline-block; line-height:51px; height:55px; border:2px solid #666; background:#666; color:#fff; font-size:20px; text-align: center}
.page-main .content-container .btn:hover {background:#fff; color:#666; text-decoration: none}
.page-main .content-container .btn.c-red {background:#c30751;border-color:#c30751}
.page-main .content-container .btn.c-red:hover {background:#fff;color:#c30751; text-decoration: none}

.page-main .sec1 .ico-ul .box-item.ico1 .dec:before {background:url(../images/common/main_sec1_obj1.png) center no-repeat; background-size: 98%;}
.page-main .sec1 .ico-ul .box-item.ico2 .dec:before {background:url(../images/common/main_sec1_obj2.png) center no-repeat; background-size: 98%;}
.page-main .sec1 .ico-ul .box-item.ico3 .dec:before {background:url(../images/common/main_sec1_obj3.png) center no-repeat; background-size: 99%;}
.page-main .sec1 .ico-ul .box-item.ico4 .dec:before {background:url(../images/common/main_sec1_obj4.png) center no-repeat; background-size: 98%;}

.page-main .sec2 .sec-header {border-color:#c30751;}
.page-main .sec2 .sec-header .tit {color:#c30751;}
.page-main .sec2 .header {background-image:url(../images/common/main_header_bg2.jpg); }
.page-main .sec2 .ico-ul > li {width:33.33%}
.page-main .sec2 .ico-ul .box-item.ico1 .dec:before {background:url(../images/common/main_sec2_obj1.png) center no-repeat; background-size: 85%;}
.page-main .sec2 .ico-ul .box-item.ico2 .dec:before {background:url(../images/common/main_sec2_obj2.png) center no-repeat; background-size: 90%;}
.page-main .sec2 .ico-ul .box-item.ico3 .dec:before {background:url(../images/common/main_sec2_obj3.png) center no-repeat; background-size: 85%;}
.page-main .sec2 .ico-ul .box-item.ico4 .dec:before {background:url(../images/common/main_sec2_obj4.png) center no-repeat; background-size: 90%;}
.page-main .sec2 .ico-ul .box-item.ico5 .dec:before {background:url(../images/common/main_sec2_obj5.png) center no-repeat; background-size: 85%;}
.page-main .sec2 .ico-ul .box-item.ico6 .dec:before {background:url(../images/common/main_sec2_obj6.png) center no-repeat; background-size: 85%;}
.page-main .sec2 .btn-ul {margin:0 -4px;}
.page-main .sec2 .btn-ul > li {float:left; width:50%; padding:0 4px;}
.page-main .sec2 .btn-ul.t1 {margin-top:20px;}
.page-main .sec2 .btn-ul.t2 {margin-top:35px;}
.page-main .sec2 .btn-item {display:inline-block; width:100%; border:1px solid #999; text-align: center; font-size:14px; line-height:33px; height:35px; background:#fff; color:#666;  }
.page-main .sec2 .btn-item .txt {position:relative; padding-right:23px; }
.page-main .sec2 .btn-item .txt:after {
    content:""; display:block; width:14px; height:14px; background:url(../images/common/ico_share.png) center no-repeat; position:absolute; right:0; top:50%;
    -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);
}
.page-main .sec2 .tip {margin-top:10px; color:#666; font-size:12px; position:relative; padding-left:10px;line-height: 18px;}
.page-main .sec2 .tip:before {content:"*"; display:inline-block; position:absolute; left:0; top:0;}


/*_frame-mobile*/
._frame-mobile {width:100%;}
._frame-mobile .m-main {max-width:768px;width:100%;}


.page-main._frame-mobile #container {min-width:320px;}
.page-main._frame-mobile .sec-kv {background-image:url(../images/common/main_kv_m.jpg); background-size:cover; height:150px;}
.page-main._frame-mobile .sec-kv .sec-header {width:100%;margin-top:0;}
.page-main._frame-mobile .sec-kv .sec-header .tit {font-size:26px;margin-bottom:10px;}
.page-main._frame-mobile .sec-kv .sec-header .dec {font-size:14px; padding: 0 25px;}
.page-main._frame-mobile .col-layout {margin-top:0;padding:0; display:flex;flex-wrap:wrap-reverse;}
.page-main._frame-mobile .col-layout .sec {display:block; width:100%; padding:0;}

.page-main._frame-mobile .col-layout .sec-header {font-size:18px;line-height:40px}
.page-main._frame-mobile .content-container {margin-top:6px;}
.page-main._frame-mobile .content-container .header {background-position:left center; background-repeat: no-repeat; background-color:#c30751;background-size:auto 100%; height:90px; padding-top:17px;}
.page-main._frame-mobile .sec1 .content-container .header {background-color:#666666}
.page-main._frame-mobile .content-container .header .tit {font-size:26px;}
.page-main._frame-mobile .content-container .header .dec {font-size:14px;}

.page-main._frame-mobile .content-container > dd {padding-left:10px; padding-right:10px;}
.page-main._frame-mobile .btn-ul,
.page-main._frame-mobile .content-container .ico-ul {margin-left:-3px; margin-right:-3px}
.page-main._frame-mobile .btn-ul > li,
.page-main._frame-mobile .content-container .ico-ul > li {padding:0 3px;margin-bottom:6px;}
.page-main._frame-mobile .content-container .ico-ul .box-item .dec {font-size:13px;padding-right:5px;padding-left:55px;}
.page-main._frame-mobile .content-container .ico-ul .box-item .dec:before {width:40px; height:40px; background-size:cover;}
.page-main._frame-mobile .content-container .ico-ul + .dec {font-size:14px;}
.page-main._frame-mobile .content-container .btn-wrap {margin-top:20px;}
.page-main._frame-mobile .btn-ul > li {margin-bottom:0;}
.page-main._frame-mobile .content-container .btn {font-size:16px;}

.page-main._frame-mobile .sec1 {margin-top:40px;}

@media (max-width: 768px) {
    .page-main._frame-mobile .content-container .ico-ul .box-item .dec {left:2vw;}
	.page-main._frame-mobile .content-container .header .tit {font-size:20px;}
}
@media (max-width: 500px) {
	.page-main._frame-mobile .sec-kv .sec-header .dec {line-height:18px;}
    .page-main._frame-mobile .sec2 .ico-ul > li {width:50%;}
}
@media (max-width: 370px) {
	.page-main._frame-mobile .content-container .header {padding:15px 10px; height:110px;}
    .page-main._frame-mobile .content-container .ico-ul .box-item .dec{padding-left:44px; padding-right:5px;}
	.page-main._frame-mobile .sec1 .content-container .header {height:85px;}
}