/* COMMON ============================== */
.section {padding: 30px 0;}
.section img {width: 100%;}
.section_title {margin: 0;color: #282828;text-align: center;line-height: normal;}
.section_title b {display: block;font-size: 110%;}
.section_title span {display: block;margin-top: 5px;font-size: 12px;color: #7c7c7c;font-family: 'Muli', sans-serif;text-transform: uppercase;}
.section_title:after {content: "";display: block;margin: 15px auto 25px;width: 30px;height: 0;border-top: 3px solid #6a6a6a;}
.subtitlez {position: relative;margin: 0 auto 25px;padding-top: 15px;}
.subtitlez>span {position: relative;z-index: 2;display: inline-block;padding: 5px 0;color: #28437d;}
.subtitlez>span i {display: block;margin-top: 5px;color: #b3bcd0;font-weight: bold;font-size: 12px;font-style: normal;text-transform: uppercase;}
.subtitlez:after {content: url(../image/down_arrow.png);display: block;padding: 5px 0;font-size: 0;}
.subtitlez:before {content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;width: 56px;border: 1px solid #bac4d9;z-index: 1;}
.fluid_layout {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;overflow: hidden;}
.fluid_layout:before,
.fluid_layout:after {display: none;}
.fluid_layout.col4 li {width: 25%;}
.fluid_layout.col3 li {width: 33.33333%;}
.rfzz_btn {display: inline-block;padding: 10px 20px;font-size: 16px;color: #386ddd!important;border: 1px solid #386ddd;border-radius: 100px;}
.rfzz_btn:after {content: "";display: inline-block;margin-left: 6px;vertical-align: middle;width: 30px;height: 14px;background-image: url(../image/arrows_01.jpg);background-size: contain;background-repeat: no-repeat;}
.rfzz_btn.white {color: #ffffff!important;border-color: #ffffff;}
.rfzz_btn.white:after {background-image: url(../image/arrows_02.jpg);}
.rfzz_btnqm {display: inline-block;padding: 15px 45px 15px 20px;font-size: 16px;color: #ffffff!important;background-color: #386ddd;background-image: url(../image/btn_circle.jpg);background-size: contain;background-repeat: no-repeat;background-position: right center;border-radius: 100px;}
.rfzz_btn.nodec {color: #ffffff!important;border-color: #ffffff;}
.rfzz_btn.nodec:after {display: none;}
/*1*/
.section_01 div.container>p {color: #333333;}
.section_01 .fluid_layout.col4 {margin: 15px auto 0;max-width: 880px;}
.section_01 .fluid_layout.col4 li {position: relative;width: 24%;height: 0;padding-top: 24%;background-color: #4262a9;border-radius: 500px;overflow: hidden;}
.section_01 .fluid_layout.col4 li p {position: absolute;display: block;margin: 0;width: 100%;left: 0;top: 50%;transform: translateY(-50%);color: #ffffff;}
.section_01 .fluid_layout.col4 li p:before {content: "1";display: block;margin: 0 auto 15px;color: #779df1;font-size: 14px;width: 15px;height: 15px;line-height: 15px;}
.section_01 .fluid_layout.col4 li p:after {content: "";position: absolute;left: 50%;top: 0;display: block;width: 21.21320343559643px;height: 21.21320343559643px;border: 1px solid #567cd2;transform: translate(-50%,-16%) rotate(45deg);}
.section_01 .fluid_layout.col4 li:nth-of-type(2) p:before {content: "2";}
.section_01 .fluid_layout.col4 li:nth-of-type(3) p:before {content: "3";}
.section_01 .fluid_layout.col4 li:nth-of-type(4) p:before {content: "4";}
/*2*/
.section_02 {background-color: #28437d;}
.section_02 .section_title {color: #ffffff;}
.section_02 .section_title span {color: #536997;}
.section_02 .section_title:after {border-color: #ffffff;}
.section_02 .subtitlez {font-size: 18px;}
.section_02 .fluid_layout.col3 li,
.section_02 .subtitlez span {background-image: -webkit-linear-gradient(left,#ffffff 70%, #e3e6ec);background-image: -o-linear-gradient(right,#ffffff 70%, #e3e6ec);background-image: -moz-linear-gradient(right,#ffffff 70%, #e3e6ec);background-image: linear-gradient(to right,#ffffff 70%, #e3e6ec);background-repeat: no-repeat;background-size: cover;}
.section_02 .subtitlez span {width: 100%;}
.section_02 .fluid_layout.col3 li {padding: 25px 5px;color: #333333;}
.section_02 .fluid_layout.col3 li>div {color: #2952aa}
.section_02 .fluid_layout.col3 li>div h3 {font-size: 16px;}
.section_02 .fluid_layout.col3 li>div h3>span {display: inline-block;padding: 3px 6px;background-color: #2952aa;color: #ffffff;}
.section_02 .li_hint {margin-top: 25px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;border-radius: 1000px;overflow: hidden;background-image: -webkit-linear-gradient(left,#e3ecf7 5%, #ceddee);background-image: -o-linear-gradient(right,#e3ecf7 5%, #ceddee);background-image: -moz-linear-gradient(right,#e3ecf7 5%, #ceddee);background-image: linear-gradient(to right,#e3ecf7 5%, #ceddee);background-repeat: no-repeat;background-size: cover;color: #000000;}
.section_02 .li_hint .lz_graphic {padding-left: 4.5%;width: 25%;}
.section_02 .li_hint .lz_hint_inofs {padding: 0 8% 0 0;width: 75%;}
.section_02 .li_hint .lz_hint_inofs h3 {position: relative;margin: 0 auto 10px;font-size: 18px;}
.section_02 .li_hint .lz_hint_inofs h3 b {display: inline-block;border-bottom: 1px solid;}
.section_02 .li_hint .lz_hint_inofs h3+p {margin-bottom: 0;font-size: 12px;}
.section_02 .li_hint .lz_hint_inofs h3+p big {position: relative;}
.section_02 .li_hint .lz_hint_inofs h3:before,
.section_02 .li_hint .lz_hint_inofs h3+p big:after {content: "";position: absolute;display: inline-block;width: 12px;height: 10px;background-image: url(../image/quote.png);background-repeat: no-repeat;background-size: contain;}
.section_02 .li_hint .lz_hint_inofs h3:before {left: 0;top:0;transform: translateX(-120%);}
.section_02 .li_hint .lz_hint_inofs h3+p big:after {bottom: 0;right: 0;transform: translate(100%,50%) rotate(180deg);}
.section_02 dl {margin-top: 25px;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_02 dl dt {width: 100%;color: #ffffff;font-size: 18px;}
.section_02 dl dt span {display: block;color: #818cab;text-transform: uppercase;font-size: 12px;}
.section_02 dl dd {margin-top: 30px;width: 31%;}
.section_02 dl dd a {position: relative;display: block;padding: 15px 6px;background-color: #ffffff;color: #274ea2!important;border-radius: 10px;font-size: 16px;box-shadow: -5px 5px 0 0 #386ddd;letter-spacing: -1px;}
.section_02 dl dd a:before,
.section_02 dl dd a:after {content: "";position: absolute;border: 10px solid transparent;border-top-color: #ffffff;bottom: -20px;left: 45px;transform: skew(-50deg);z-index: 2;}
.section_02 dl dd a:after {bottom: -25px;left: 40px;border-top-color: #386ddd;z-index: 1;}
/*3*/
.section_03 div.container>p {margin-bottom: 20px;}
.section_03 div.container>p span {border-bottom: 1px solid;}
.section_03 .fluid_layout.col3 {max-width: 720px;margin: 20px auto 25px;}
.section_03 .fluid_layout.col3 li {position: relative;width: 30%;height: 0;padding-top: 32%;background-image: url(../image/rfzz_02.jpg);background-repeat: no-repeat;background-size: contain;}
.section_03 .fluid_layout.col3 li:after {content: "01";display: block;position: absolute;top: 15%;left: 50%;margin-left: -12px;height: 24px;width: 24px;line-height: 24px;color: #ffffff;border: 1px solid #ffffff;border-radius: 50px;font-size: 14px;}
.section_03 .fluid_layout.col3 li:nth-of-type(2):after {content: "02"}
.section_03 .fluid_layout.col3 li:nth-of-type(3):after {content: "03"}
.section_03 .fluid_layout.col3 li+li:before {content: "+";display: block;position: absolute;top: 50%;left: -10%;transform: translateY(-50%);font-size: 16px;color: #386ddd;}
.section_03 .fluid_layout.col3 li p {position: absolute;top: 50%;left: 0;margin: 0;width: 100%;transform: translateY(-50%);color: #ffffff;}
.lichencai_intro {margin-bottom: 20px;padding: 25px 25px;color: #333333;background-color: #dbe1e7;border-radius: 20px;background-image: url(../image/boss_li.jpg);background-position: right bottom;background-repeat: no-repeat;background-size: 35%;}
.lichencai_intro>img {display: none;}
.lichencai_intro>div {width: 66%;}
.lichencai_intro>div>div {overflow: hidden;}
.lichencai_intro>div img {width: 50%;float: left;}
.lichencai_intro>div h3 {margin-top: 0;font-size: 32px;font-weight: bold;}
.lichencai_intro>div .addspace {margin-bottom: 20px;}
/*4*/
.section_04 {padding-bottom: 0 !important;background-color: #051436;color: #ffffff;}
.section_04 .section_title {color: #ffffff;}
.section_04 .section_title span {color: #37435e;}
.section_04 .section_title:after {border-color: #ffffff;}
.section_04 .child_title {position: relative;margin: 0 auto 25px;padding-bottom: 15px;font-size: 18px;}
.section_04 .child_title>span {position: relative;z-index: 2;display: inline-block;padding: 6px 24px;;color: #559ff2;background-color: #051436;background-image: url(../image/braket.jpg), url(../image/right_braket.jpg);background-position: left center, right center;background-repeat: no-repeat, no-repeat;background-size: contain;}
.section_04 .child_title span b {display: block;}
.section_04 .child_title:before {content: "01";display: block;margin: 0 auto;padding:8px 0 6px;font-size: 24px;font-family: 'Muli', sans-serif;color: #559ff2;line-height: 1;}
.section_04 .child_title:after {content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;width: 80px;border: 2px solid #559ff2;z-index: 1;}
.section_04 .child_title_02:before {content: "02"}
.section_04 .child_title_03:before {content: "03"}
.section_04 .child_title_04:before {content: "04"}
.section_04 p.bigger {font-size: 13px;}
.section_04 ul.brava_tec {margin: 15px auto 25px;max-width: 610px;justify-content: flex-start;}
.section_04 ul.brava_tec li {position: relative;margin-left: -10px;height: 0;padding-top: 25%;border:1px solid #ffffff;border-radius: 100%;}
.section_04 ul.brava_tec li:first-of-type {margin-left: 15px;}
.section_04 ul.brava_tec li p {position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-50%);font-size: 15px;}
.section_04 ul.brava_tec+div {margin-bottom: 20px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;color: #333333;background-color: #ffffff;overflow: hidden;}
.section_04 ul.brava_tec+div>div {width: 54%;border: 8px solid #7ea5d1;}
.section_04 ul.brava_tec+div p {margin-bottom: 0;padding: 0 3%;width: 46%;line-height: 1.5;}
.section_04 ul.brava_tec+div p span {display: block;margin-bottom: 10px;}
.section_04 .table-responsive {margin-bottom: 30px;border: none!important;}
.section_04 .table_brava_tit, 
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {border: 1px solid #051436;vertical-align: middle;text-align: center;background-color: #ffffff;color: #333333;}
.table>tbody>tr:first-of-type>td {padding: 0;}
.section_04 .table_brava_tit,
.table tr>th:nth-of-type(2),
.table tr>td:nth-of-type(2) {color: #386ddd;}
.section_04 .table_brava_tit {margin-bottom: 0;padding: 15px;font-weight: bold;font-size: 18px;}
.section_04 table p {margin-bottom: 0;}
.section_04 div.container-fluid {border-top: 2px solid #293f72;}
.section_04 .fluid_layout.col2>li {width: 50%;}
.section_04 .fluid_layout.col2>li:first-of-type {padding-right: 3%;}
.section_04 .fluid_layout.col2>li:last-of-type {padding-left: 3%;}
.section_04 .fluid_layout.col2>li h3 {margin-top: 0;font-size: 18px;}
.section_04 .fluid_layout.col2>li h3 span {display: inline-block;padding: 5px 10px;background-color: #386ddd;border-radius: 100px;}
.section_04 .fluid_layout.col2>li h3+p {text-align: justify;}
.section_04 .fluid_layout.col2>li>ul {margin-bottom: 20px;}
.section_04 .fluid_layout.col2>li li {position: relative;width: 30%;height: 0;padding-top: 30%;background-color: #386ddd;border-radius: 100%;}
.section_04 .fluid_layout.col2>li li p {position: absolute;margin: 0;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
.s43p1,
.s43p2 {margin-bottom: 15px;}
.s43p2 big {border-bottom: 1px solid;}
.s43p2:after {content: ">";display: block;margin: 5px auto 0;height: 20px;width: 20px;line-height: 20px;color: #ffffff;background-color: #4375af;border-radius: 100%;transform: rotate(90deg);}
.s43p3 b {display: block;}
.s43p3 span {display: inline-block;margin-top: 6px;margin-bottom: 15px;padding: 2px 4px;border: 1px solid;}
.s43p3+img {max-width: 304px;}
.s43p1 big,
.s44p1 big {font-size: 112%;}
.section ul.nipple li {padding: 5px;}
.section ul.flsty li {color: #333333;background-color: #ffffff;background-clip: content-box;}
.section ul.flsty li h3 {margin: 0;padding: 15px 0 10px;font-size: 18px;color: #386ddd;font-weight: bold;}
.section ul.flsty li p {margin-bottom: 15px;padding: 0 15px;text-align: justify;}
.section_04_qa li {margin-bottom: 20px;width: 48%;float: left;}
.section_04_qa li:nth-of-type(even) {float: right;}
.section_04_qa li a {width: 100%;}
/*5*/
.section.section_05 ul.flsty li {padding: 10px;width: 50%;background-color: #e7e7e7;}
/*6*/
.section_06 {background-color: #4f69a3;}
.section_06 .section_title {color: #ffffff;}
.section_06 .section_title span {color: #7287b5;}
.section_06 .section_title:after {border-color: #ffffff;}
.section_06 div.container>p {color: #ffffff;}
.section_06 div.container>p span {border-bottom: 1px solid #ffffff;}
.section.section_06 ul.flsty {margin: 20px auto 25px;}
.section.section_06 ul.flsty li {padding: 3px;width: 20%;}
/*7*/
.section_07 .section_title:after {visibility: hidden;}
.section_07 .fluid_layout li {padding: 5px;}
/* RESPONSIVE ============================== */
@media screen and (max-width: 991px) {
	.section_02 dl dd {width: 48%;}
	.section_04_qa li {width: 60%;}
	.section.section_05 ul.flsty li {padding: 7px;}
	.section.section_05 ul.flsty li:first-of-type h3 {letter-spacing: -1px;}
	.section.section_06 ul.flsty li {margin-bottom: 12px;width: 32%;}
	.section.section_06 ul.flsty li:nth-of-type(4) {margin-left: 17%;}
	.section.section_06 ul.flsty li:nth-of-type(5) {margin-right: 17%;}
}
@media screen and (max-width: 767px) {
	.section_title {font-size: 20px;}
	
	.section_01 div.container>p br,
	.section_03 div.container>p br,
	.section_04 div.container>p br,
	.s43p1 br,
	.s44p1 br,
	.section_06 div.container>p br {display: none;}
	.section_02 .fluid_layout.col3 li {margin-bottom: 5px;width: 50%;}
	.section_02 .fluid_layout.col3 li:last-of-type {width: 100%;}
	.section_02 .fluid_layout.col3 li div>p {letter-spacing: -1px;}
	.section_02 .li_hint {margin-top: 10px;}
	.lichencai_intro>div h3 {font-size: 24px;}
	.section_04 ul.brava_tec+div p {letter-spacing: -1px;}
	.section_04 ul.brava_tec+div p span {margin-bottom: 5px;}
	.section_04 .fluid_layout.col2>li {margin-left: auto;margin-right: auto;padding: 0 !important;width: 100%;max-width: 600px;}
	.section_04 .fluid_layout.col2>li+li {margin-top: 25px;padding-top: 25px!important;border-top: 1px solid #ffffff;}
	.section_04 .fluid_layout.col2>li h3 {font-size: 16px;}
	.section ul.nipple li {padding: 8px;width: 50%;}

}
@media screen and (max-width: 600px) {
	.section_02 .li_hint {border-radius: 10px;}
	.section_02 .li_hint .lz_graphic,
	.section_02 .li_hint .lz_hint_inofs {padding: 15px;width: 100%;}
	.section_02 .li_hint .lz_hint_inofs {padding: 5px 25px 25px;}
	.section_02 dl dd {width: 100%;}
	.section_03 div.container>p {margin-bottom: 10px;text-align: justify;}
	.lichencai_intro {padding: 15px;background-size: 39%;}
	.lichencai_intro>div h3 {margin-bottom: 5px;}
	.lichencai_intro>div .addspace {margin-bottom: 10px;}
	.section_04 ul.brava_tec+div>div,
	.section_04 ul.brava_tec+div>p {width: 100%;}
	.section_04 ul.brava_tec+div>p {padding: 15px 20px;letter-spacing: 1px;}
	.section_04_qa li {margin-bottom: 15px;width: 100%;}
	.section.section_05 ul.flsty li {width: 100%;}
	.section.section_06 ul.flsty li {margin: 0px!important;padding: 5px;width: 50%;}
	.section_07 .fluid_layout li {width: 50%;}

}
@media screen and (max-width: 480px) {
	.section_01 .fluid_layout.col4 li p {font-size: 12px;}
	.section_01 .fluid_layout.col4 li p:before {margin-bottom: 10px;}
	.section_02 .fluid_layout.col3 li {width: 100%;}
	.section_03 .fluid_layout.col3 li {width: 31%;}
	.section_03 .fluid_layout.col3 li:after {top: 10%;width: 18px;height: 18px;line-height: 18px;margin-left: -9px;font-size: 12px;}
	.section_03 .fluid_layout.col3 li p {font-size: 12px;}
	.lichencai_intro {padding: 15px 0;background-image: none;}
	.lichencai_intro>img {display: block;}
	.lichencai_intro>div {position: relative;margin-top: -55%;padding: 10px 15px 0;width: 100%;background-color: #dbe1e7;}
	.lichencai_intro>div>div img {margin-top: 5px;width: 100%;}
	.section ul.nipple li {padding: 5px;}
	.section ul.flsty li p {padding: 0 10px;}

	
}
@media screen and (max-width: 424px) {
	.section {padding: 25px 0;}
	.section_title {font-size: 18px;}
	.section_01 .fluid_layout.col4 li p:before {margin-bottom: 5px;}
	.section_01 .fluid_layout.col4 li p:after {width: 18px;height: 18px;transform: translate(-50%,-10%) rotate(45deg);}

}
@media screen and (min-width: 768px) {
	.section {padding: 40px 0;}
	.section_title:after {margin-bottom: 35px;}
	.rfzz_btn {padding: 12px 24px;font-size: 20px;}
	.rfzz_btn:after {width: 41px;height: 19px;}
	.rfzz_btnqm {padding: 15px 60px 15px 24px;font-size: 20px;}
	.rfzz_btn.nodec {font-size: 16px;}

	.section_01 .fluid_layout.col4 {margin-top: 25px;}
	.section_02 .subtitlez {font-size: 24px;}
	.section_02 .fluid_layout.col3 li>div h3 {font-size: 20px;}
	.section_02 .li_hint .lz_hint_inofs h3 {font-size: 21px;}
	.section_02 .li_hint .lz_hint_inofs h3:before,
	.section_02 .li_hint .lz_hint_inofs h3+p big:after {width: 20px;height: 17px;}
	.section_02 .li_hint .lz_hint_inofs h3+p {font-size: 14px;}
	.section_02 dl {margin-top: 35px;}
	.section_02 dl dt {font-size: 27px;}
	.section_02 dl dd a {font-size: 18px;}
	.section_03 .fluid_layout.col3 li p {font-size: 18px;}
	.lichencai_intro {margin-bottom: 35px;}
	.section_04 .child_title {margin-bottom: 35px;padding-bottom: 20px;font-size: 27px;}
	.section_04 .child_title:after {width: 100px;border-width: 4px;}
	.section_04 .child_title>span {padding: 8px 32px;}
	.section_04 .child_title:before {padding: 13px 0 10px;font-size: 30px;}
	.section_04 ul.brava_tec {margin: 25px auto 30px;}
	.section_04 p.bigger {font-size: 14px;}
	.section_04 ul.brava_tec li p {font-size: 21px;}
	.section_04 ul.brava_tec+div {margin-bottom: 30px;}
	.section_04 .table_brava_tit {padding: 20px 0;font-size: 24px;}
	.section_04 .fluid_layout.col2>li:last-of-type {border-left: 1px solid #ffffff;}
	.section_04 .fluid_layout.col2>li h3 {margin-bottom: 20px;}
	.section_04 .fluid_layout.col2>li>ul {margin-top: 20px;margin-bottom: 30px;}
	




}
@media screen and (min-width: 992px) {
	.section_title:after {margin-bottom: 45px;}
	.section_02 .li_hint .lz_hint_inofs h3 {margin-bottom: 15px;}
	.lichencai_intro {padding: 55px 45px;background-position: top right;}
	.lichencai_intro>div .addspace {margin-bottom: 30px;}
	.lichencai_intro p {line-height: 1.8;}
	.section_04 ul.brava_tec+div>div {width: 56%;border-width: 20px;}
	.section_04 ul.brava_tec+div>p {width: 44%;line-height: 1.8;}
	.section_04 .fluid_layout.col2>li h3 {font-size: 24px;}
	.rfzz_btn.nodec {font-size: 18px;}
	.section ul.nipple {margin: 25px auto 0;}
	.section ul.flsty li h3 {padding-top: 20px;padding-bottom: 15px;font-size: 20px;}
	.section ul.flsty li p {margin-bottom: 20px;}
	.section.section_05 ul.flsty li h3 {padding-top: 25px;padding-bottom: 20px;}
	.section.section_05 ul.flsty li p {margin-bottom: 25px;padding: 0 20px;}
	.section.section_06 ul.flsty {margin: 25px auto 30px;}


}
@media screen and (min-width: 1200px) {
	.section {padding: 50px 0;}
	.section_title {font-size: 36px;}
	.section p {font-size: 16px;}
}
/* ANIMATION ============================== */
