/* layout */
.layout .tit{ display: block; font-size: 40px; font-weight: bold; padding-bottom: 20px; text-align: center; line-height: 1;}
.layout .txt{ font-size: 18px; line-height: 1.5; text-align: center;}
.layout .txt strong{ font-size: 1em;}

.layout-01 .con-01{ margin: 60px 0 100px; height: 550px; background: url(../image/sub/layout1-img1.jpg) no-repeat right center;}
.layout-01 .con-01 .wrap{ padding: 60px 620px 0 0; box-sizing: border-box;}
.layout-01 .con-01 .tit{ text-align: left;}
.layout-01 .con-01 .txt{ text-align: justify; word-break: keep-all;}

.layout-01 .con-02{ background-color: #f6f6f6;}
.layout-01 .con-02 .wrap{ padding: 100px 0;}
.layout-01 .con-02 ul{ flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
/* .layout-01 .con-02 li:nth-child(3),{ margin-top: 20px;} */
.layout-01 .con-02 ul li{ height: 80px; width: 580px; line-height: 80px; border: 1px solid #eaeaea; border-radius: 50px;
text-align: left; background-color: #fff; position: relative;}
.layout-01 .con-02 ul li::before{ content: ""; width: 75px; height: 100%; background-color: #486ab2; background-size: cover;
position: absolute; left: 0; border-radius: 50px 0 0 50px;}
.layout-01 .con-02 ul li .num{ font-size: 24px; padding-left: 25px; color: #fff; position: relative; left: 3px; z-index: 1; letter-spacing: -1px !important;}
.layout-01 .con-02 ul li .text{ display: inline-block; font-size: 20px; padding-left: 40px;}

.layout-01 .con-03{}
.layout-01 .con-03 .wrap{ padding: 100px 0;}
.layout-01 .con-03 ul{ justify-content: space-between; margin-top: 80px;}
.layout-01 .con-03 ul li{ width: 580px;}
.layout-01 .con-03 ul li p{ font-size: 20px; text-align: justify; padding-top: 20px; word-break: keep-all;}
.layout-01 .con-03 ul li p span{ display: block; font-size: 25px; font-weight: bold; padding-bottom: 10px;}

.layout-01 .con-04{ background-color: #f6f6f6;}
.layout-01 .con-04 .wrap{ padding: 100px 0;}
.layout-01 .con-04 ul{ margin-top: 30px;}
.layout-01 .con-04 ul li{ width: 20%; text-align: center;}
.layout-01 .con-04 ul li+li{ margin-left: 40px;}
.layout-01 .con-04 ul li span{ display: block; font-size: 20px; padding-top: 10px;}

.layout-01 .con-05{}
.layout-01 .con-05 .tit{ margin-bottom: 30px;}
.layout-01 .con-05 .wrap{ padding: 100px 0;}
.layout-01 .con-05 ul{ flex-wrap: wrap;}
.layout-01 .con-05 ul li{ width: 50%; position: relative; margin-top: 20px;}
.layout-01 .con-05 ul li+li{}
.layout-01 .con-05 ul li::before{ content: ""; width: 3px; height: 3px; background-color: #486ab2; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.layout-01 .con-05 ul li span{ display: block; font-size: 20px; padding-left: 15px;}

.layout-01 .con-06{ background-color: #f6f6f6;}
.layout-01 .con-06 .tit{ margin-bottom: 30px;}
.layout-01 .con-06 .wrap{ padding: 100px 0;}
.layout-01 .con-06 ul{ flex-wrap: wrap;}
.layout-01 .con-06 ul li:nth-child(2n){ width: 700px; padding-left: 30px; box-sizing: border-box;}
.layout-01 .con-06 ul li span{ display: inline-block; font-size: 25px; font-weight: bold;}
.layout-01 .con-06 ul li span .num{ display: inline-block; width: 30px; height: 30px; background-color: #486ab2; color: #fff; border-radius: 50%; text-align: center; font-size: 20px; line-height: 30px;}
.layout-01 .con-06 ul li p{ font-size: 20px; text-align: justify; padding-top: 20px; word-break: keep-all;}
.layout-01 .con-06 ul li p strong{ font-size: 1em;}

.layout-02 .con-01{ background-color: #f6f6f6; margin-top: 60px;}
.layout-02 .con-01 .wrap{ padding: 100px 0;}
.layout-02 .con-01 ul{ justify-content: space-between; margin: 40px 0 20px;}
.layout-02 .con-01 ul li{}
.layout-02 .con-01 .txt{}

.layout-02 .con-02 .wrap{ padding: 100px 0;}
.layout-02 .con-02 .box{ width: 1120px; margin: 60px auto 0; overflow: hidden;}
.layout-02 .con-02 .box li { width: 240px; height: 240px; border: 5px solid #486ab2; border-radius: 230px 230px; margin-left: 35px; display: inline-block; text-align: center;}
.layout-02 .con-02 .box li:first-child {margin-left:0;}
.layout-02 .con-02 .box li dl{padding-top: 35px;}
.layout-02 .con-02 .box li dl dt {font-size:35px; font-weight:900; color: #486ab2; margin-bottom: 25px; position: relative; }
/* .layout-02 .con-02 .box li dl dt:after {content:''; clear:both; display:block; position:absolute; bottom:-15px; left:50%; margin-left:-18px; width:36px;height:1px; background:#e2e2e2;} */
.layout-02 .con-02 .box li dl dd {font-size: 25px; line-height: 1.3; margin: 0;}

.layout-02 .con-02 .num_box{ background-color: #f6f6f6; position: relative;}
.layout-02 .con-02 .num_box:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 68px; height: 30px; margin-left: -23px; background: url(../image/sub/arrow_after.png) no-repeat;}
.layout-02 .con-02 .num_box .wrap{ padding: 50px 0;}
.layout-02 .con-02 .num_list { margin-bottom:40px; width:100%;}
.layout-02 .con-02 .num_list:first-child {margin-top:0;}
.layout-02 .con-02 .num_list:last-child {margin-bottom:0;}
.layout-02 .con-02 .num_list dt {color:#000; font-size:24px; line-height:24px;font-weight:700;}
.layout-02 .con-02 .num_list dt strong {font-weight:900; padding-right: 8px;}
.layout-02 .con-02 .num_list dd {color:#272727; font-size:18px; line-height:26px; padding-top:10px;}

.layout-02 .con-03{}
.layout-02 .con-03 .wrap{ padding: 100px 0;}
.layout-02 .con-03 ul{ justify-content: space-between; margin-top: 50px;}
.layout-02 .con-03 ul li{ width: 300px; text-align: center;}
.layout-02 .con-03 ul li+li{ margin-left: 150px;}
.layout-02 .con-03 ul li span{ display: block; font-size: 25px; font-weight: bold; padding-top: 20px;}
.layout-02 .con-03 ul li p{ font-size: 20px;}

.layout-02 .con-04{ background-color: #555;}
.layout-02 .con-04 .tit{ color: #fff;}
.layout-02 .con-04 .wrap{ padding: 100px 0;}
.layout-02 .con-04 ul{ justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.layout-02 .con-04 ul li{ width: 380px; height: 185px; border: 1px solid #fff; text-align: center;}
.layout-02 .con-04 ul li .num{ display: block; font-size: 30px; font-weight: bold; padding-top: 30px; color: #fff;}
.layout-02 .con-04 ul li p{ font-size: 20px; padding-top: 20px; color: #fff;}

.layout-02 .con-05{}
.layout-02 .con-05 .wrap{ padding: 100px 0;}
.layout-02 .con-05 ul{ justify-content: space-between; margin-top: 40px;}
.layout-02 .con-05 ul li{ width: 280px;}
.layout-02 .con-05 ul li+li{ margin-left: 30px;}
.layout-02 .con-05 ul li .num{ display: block; width: 140px; height: 40px; line-height: 40px; background-color: #486ab2; border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: 20px; margin-left: -70px;}
.layout-02 .con-05 ul li p{ font-size: 20px; padding-top: 20px; text-align: center;}


/* layout-03 */
.layout-03 .con-01{ position: relative;}
.layout-03 .con-01 .wrap{ padding: 60px 0;}
.layout-03 .con-01 .flex{ justify-content: space-between; margin-top: 50px;}
.layout-03 .con-01 .tit{ text-align: left;}
.layout-03 .con-01 .txt{ width: 900px; text-align: justify; letter-spacing: -1.5px;}
.layout-03 .con-01 .bg{ width: 100%; height: 540px; background-color: #f6f6f6; position: absolute; bottom: 0; z-index: -1;}


.layout-03 .con-02{}
.layout-03 .con-02 .wrap{ padding: 100px 0;}

.layout-03 .con-02 .dot-box{ background-color: #555; position: relative;}
.layout-03 .con-02 .dot-box .wrap{ padding: 160px 0 140px;}
.layout-03 .con-02 .dot-box .border{ display: block; width: 1050px; height: 2px; background-color: #fff; margin: -5px 73px;}
.layout-03 .con-02 .dot-box ul{ position:relative;}
.layout-03 .con-02 .dot-box ul li{ width: 150px; background:url(../image/sub/layout_dot.png) no-repeat center top; padding-top: 30px; text-align: center;}
.layout-03 .con-02 .dot-box ul li+li{ margin-left: 25px;}
.layout-03 .con-02 .dot-box ul li:nth-child(1){ }
.layout-03 .con-02 .dot-box ul li:nth-child(2){ }
.layout-03 .con-02 .dot-box ul li:nth-child(3){ }
.layout-03 .con-02 .dot-box ul li:nth-child(4){ }
.layout-03 .con-02 .dot-box ul li:nth-child(5){ }
.layout-03 .con-02 .dot-box ul li:nth-child(6){ }
.layout-03 .con-02 .dot-box ul li:last-child{}
.layout-03 .con-02 .dot-box ul li .title{ color: #fff; font-size: 24px; font-weight: bold; padding-bottom: 10px;}
.layout-03 .con-02 .dot-box ul li p{ color: #fff; font-size: 18px;}

.layout-03 .con-03{}
.layout-03 .con-03 .wrap{ padding: 100px 0;}
.layout-03 .con-03 table{ border-top: 2px solid #486ab2; margin-top: 50px;}
.layout-03 .con-03 table tr{ }
.layout-03 .con-03 table tr td{ border: 1px solid #ddd;}
.layout-03 .con-03 table tr td.subject{ width: 300px; height: 130px; font-size: 20px; font-weight: bold; background-color: #f6f6f6; text-align: center; border-left: 0;}
.layout-03 .con-03 table tr td.text{ font-size: 20px; text-align: justify; padding: 0 40px; border-right: 0;}

.layout-03{}
.layout-03 .con-04{ background-color: #f6f6f6;}
.layout-03 .con-04 .wrap{ padding: 100px 0;}
.layout-03 .con-04 .tit{ padding-bottom: 40px;}
.layout-03 .con-04 .flex{ align-items: center;}
.layout-03 .con-04 ul{ margin-left: 30px;}
.layout-03 .con-04 ul li{ background: url(../image/sub/layout_chk.png) no-repeat left center;}
.layout-03 .con-04 ul li+li{ margin-top: 20px;}
.layout-03 .con-04 ul li span{ display: block; padding-left: 35px; font-size: 20px; line-height: 1;}

.layout-03 .con-05{}
.layout-03 .con-05 .wrap{ padding: 100px 0;}
.layout-03 .con-05 ul{ justify-content: space-between; margin: 20px 40px 0; }
.layout-03 .con-05 ul li{ text-align: center;}
.layout-03 .con-05 ul li span{ display: block; font-size: 20px; line-height: 1.5; padding-top: 20px;}

.layout-03 .con-06 > .flex{ }
.layout-03 .con-06 .left-con{ width: 50%; background-color: #555; text-align: right;}
.layout-03 .con-06 .left-wrap{ display: inline-block; width: 470px; padding: 170px 70px 170px 0;}
.layout-03 .con-06 .left-wrap .tit{ font-size: 45px; color: #fff; font-weight: bold; text-align: left;}
.layout-03 .con-06 .left-wrap .txt{ font-size: 20px; color: #fff; text-align: justify;}
.layout-03 .con-06 .left-wrap .tabs{ justify-content: space-between; margin-top: 60px;}
.layout-03 .con-06 .left-wrap .tabs li{ width: 150px; height: 150px; border: 1px solid #fff; text-align: center;}
.layout-03 .con-06 .left-wrap .tabs li a{ display: block; color: #fff; font-size: 20px; font-weight: bold; padding-top: 40px; box-sizing: border-box;}
.layout-03 .con-06 .left-wrap .tabs li a span{ display: block; color: #fff; font-size: 1em; padding-top: 10px;}

/* selected */
.layout-03 .con-06 .left-wrap .tabs li.selected{ background-color: #486ab2; border: 1px solid #486ab2;}
.layout-03 .con-06 .left-wrap .tabs li.selected a{}

.layout-03 .con-06 .right-con{ width: 50%; background-color: #f6f6f6; text-align: left;}
.layout-03 .con-06 .right-con .right-wrap{ display: inline-block; width: 580px; padding: 100px 0 100px 75px;}
.layout-03 .con-06 .right-con .con{}
.layout-03 .con-06 .right-con .con span{ display: block; font-size: 25px; font-weight: bold; margin-bottom: 20px;}
.layout-03 .con-06 .right-con .con .txt{ font-size: 20px; text-align: justify; word-break: keep-all; margin-top: 20px;}


/* layout-04 */
.layout-04{}
.layout-04 .con-01{}
.layout-04 .con-01 .wrap{ padding: 60px 0 100px;}
.layout-04 .con-01 .tit{ padding-bottom: 60px;}
.layout-04 .con-01 .txt{ padding-top: 20px;}

.layout-04 .con-02{ background-color: #f6f6f6;}
.layout-04 .con-02 .tit{ padding-bottom: 60px;}
.layout-04 .con-02 .wrap{ padding: 100px 0;}
.layout-04 .con-02 .txt{ padding-top: 20px;}
.layout-04 .con-02 ul{ justify-content: space-between; margin-top: 50px;}
.layout-04 .con-02 ul li{ width: 25%; text-align: center;}
.layout-04 .con-02 ul li+li{ border-left: 1px solid #ccc; box-sizing: border-box;}
.layout-04 .con-02 ul li .color{ display: block; font-size: 25px; color: #486ab2; font-weight: bold; padding-bottom: 15px; line-height: 1;}
.layout-04 .con-02 ul li p{ font-size: 20px; line-height: 1.4;}

.layout-04 .con-03{}
.layout-04 .con-03 .wrap{ padding: 100px 0;}
.layout-04 .con-03 .wrap > ul{ justify-content: space-between; align-items: center; margin-top: 60px;}
.layout-04 .con-03 ul li{ width: 550px;}
.layout-04 .con-03 ul li .top{ width: 100%; height: 100px; background-color: #486ab2;}
.layout-04 .con-03 ul li .top span{ display: block; font-size: 30px; font-weight: bold; text-align: center; line-height: 100px; color: #fff;}

.layout-04 .con-03 ul li.right-box .top{ background-color: #888;}
.layout-04 .con-03 ul li.center-box{ text-align: center;}

.layout-04 .con-03 ul li .bottom{ border: 1px solid #ccc; padding: 50px 0 50px 60px;}
.layout-04 .con-03 ul li .bottom ul{}
.layout-04 .con-03 ul li .bottom ul li{ align-items: flex-end;}
.layout-04 .con-03 ul li .bottom ul li+li{ margin-top: 30px;}
.layout-04 .con-03 ul li .bottom ul li p{ padding-left: 20px;}
.layout-04 .con-03 ul li .bottom ul li p strong{ display: block; font-size: 25px;}
.layout-04 .con-03 ul li .bottom ul li p span{ font-size: 20px;}

.layout-04 .con-04{}
.layout-04 .con-04 .tit{ padding-bottom: 60px;}
.layout-04 .con-04 .flex{ align-items: center;}
.layout-04 .con-04 .wrap{}
.layout-04 .con-04 .list{ background-origin: #f6f6f6; padding-left: 40px;}
.layout-04 .con-04 .list .tit{ text-align: left;}
.layout-04 .con-04 .list ul{} 
.layout-04 .con-04 .list ul li{ background: url(../image/sub/layout_chk.png) no-repeat left center;}
.layout-04 .con-04 .list ul li+li{ margin-top: 20px;}
.layout-04 .con-04 .list ul li span{ display: block; padding-left: 35px; font-size: 20px; line-height: 1;}

.layout-04 .con-05{}
.layout-04 .con-05 .tit{ padding-bottom: 60px;}
.layout-04 .con-05 .wrap{ padding: 100px 0;}
.layout-04 .con-05 ul{ flex-wrap: wrap; justify-content: space-between;}
.layout-04 .con-05 ul li{ width: 570px;  position: relative;}
.layout-04 .con-05 ul li .rel{}
.layout-04 .con-05 ul li .rel .num{ display: block; width: 140px; height: 40px; line-height: 40px; background-color: #486ab2; border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: -20px; margin-left: -70px;}
.layout-04 .con-05 ul li p{ font-size: 20px; padding-top: 40px; text-align: center;}

/* layout-05 */
.layout-05{}
.layout-05 .con-01{}
/* .layout-05 .con-01 .tit{ padding-bottom: 30px;} */
.layout-05 .con-01 .wrap{ padding: 60px 0 100px;}
.layout-05 .con-01 .flex{ justify-content: space-between; margin-top: 50px;}

.layout-05 .con-02{ background-color: #f6f6f6;}
.layout-05 .con-02 .wrap{ padding: 100px 0;}
.layout-05 .con-02 .flex{ margin: 50px 0;}

.layout-05 .con-03{}
.layout-05 .con-03 .wrap{ padding: 100px 0;}
.layout-05 .con-03 ul{ margin-top: 60px; align-items: center; justify-content: space-between;}
.layout-05 .con-03 ul li{ width: 580px;}
.layout-05 .con-03 ul li{}
.layout-05 .con-03 ul li.text1{ padding-left: 40px;}
.layout-05 .con-03 ul li.text2{}
.layout-05 .con-03 ul li span{ display: block; font-size: 26px; font-weight: bold; padding-bottom: 15px;}
.layout-05 .con-03 ul li p{ font-size: 18px; text-align: justify; word-break: keep-all;}

.layout-05 .con-04{ background-color: #f6f6f6;}
.layout-05 .con-04 .wrap{ padding: 100px 0;}
.layout-05 .con-04 .tit{ padding-bottom: 60px;}
.layout-05 .con-04 ul{ flex-wrap: wrap; justify-content: space-between;}
.layout-05 .con-04 ul li{ width: 580px;}
.layout-05 .con-04 ul li .text-wrap{ width: 100%; background-color: #fff; border: 1px solid #ccc; text-align: center; padding: 20px 0; box-sizing: border-box;}
.layout-05 .con-04 ul li .text-wrap span{ display: block; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.layout-05 .con-04 ul li .text-wrap p{ font-size: 20px;}

.layout-05 .con-05{}
.layout-05 .con-05 .tit{ padding-bottom: 60px;}
.layout-05 .con-05 .wrap{ padding: 100px 0;} 
.layout-05 .con-05 ul{ flex-wrap: wrap; justify-content: space-between;}
.layout-05 .con-05 ul li{ width: 285px; padding: 40px 0; border: 1px solid #ccc; box-sizing: border-box; text-align: center;}
.layout-05 .con-05 ul li:nth-child(-n+4){ margin-bottom: 20px;}
.layout-05 .con-05 ul li span{ font-size: 20px; display: block; padding-top: 20px;}

.layout-05 .con-06{ background-color: #555;}
.layout-05 .con-06 .wrap{ padding: 100px 0;}
.layout-05 .con-06 .tit{ color: #fff;}
.layout-05 .con-06 .txt{ color: #fff;}
.layout-05 .con-06 .txt strong{ color: #fff;}