@charset "utf-8";
.content {padding: 40px 10px;}

.prepare {position: relative; padding-bottom: 48px; text-align: center;}
.prepare:after {display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 1px; height: 28px; background: #ddd;}
.prepare .icon {display: block; height: 140px; background: url(../imgs/sub/prepare-ico.jpg) no-repeat center top; background-size: contain; font-size: 0; line-height: 0;}
.prepare .tit {margin: 20px 0 10px; color: #000; font-size: 28px; font-weight: 500; letter-spacing: -3px;}
.prepare .desc {font-size: 16px;}
.prepare .desc span {display: inline;}

.btn-more-color {position: relative; display: inline-block; background: #14192c; padding: 15px 20px; width: 200px; color: #fff; font-size: 14px; text-align: left;}
.btn-more-color:before {display: block; content: ''; position: absolute; right: 20px; top: 50%; width: 16px; height: 2px; margin-top: -1px; background: #fff;}

.basic-tbl {overflow: auto;}
.basic-tbl table {width: 900px; border-top: 2px solid #000;}
.basic-tbl table th, .basic-tbl table td {font-size: 16px; font-weight: 400; text-align: center; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.basic-tbl table th:first-child, .basic-tbl table td:first-child {border-left: 0;}
.basic-tbl table th {background: #f5f5f5; padding: 12px 0;}
.basic-tbl table td {background: #fff; padding: 12px;}
.basic-tbl p.desc {color: #888; font-size: 14px; margin-top: 10px;}

.greeting {padding: 40px 10px;}
.greeting header {background: url(../imgs/bg_sub1.jpg) no-repeat top center; color: #fff; padding: 30px 20px; background-size: cover; text-align: center; margin-bottom: 30px;}
.greeting header h3 {font-size: 16px; text-align: center; display: inline-block;}
.greeting header h3 em {font-size: 18px; font-style: normal; display: block; font-weight: 200;}
.greeting header h3 b {font-size: 22px; font-weight: 700; display: block;}
.greeting p.weirdo {font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #000;}
.greeting .blu {color: #0b61cb; font-style: normal;}
.chart1 {margin-top: 30px; text-align: center;}

.vision {padding: 40px 10px;}
.vision header {background: url(../imgs/sub/bg_vision.jpg) no-repeat top center; padding: 50px 20px; background-size: cover; font-size: 0; line-height: 0; margin-bottom: 30px;}
.vision .list li {display: table; width: 100%; min-height: 76px; margin-top: 20px; background: #fafbff; color: #555864;}
.vision .list li:first-child {margin-top: 0;}
.vision .list li span {display: table-cell; vertical-align: middle;}
.vision .list li .num {width: 25%; background: #455bdb; background: linear-gradient(45deg,  #455bdb 30%,#3e92df 100%); background: -webkit-linear-gradient(45deg,  #455bdb 30%,#3e92df 100%); background: -moz-linear-gradient(45deg,  #455bdb 30%, #3e92df 100%); color: #fff; font-size: 24px; font-weight: 300; text-align: center; box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.15);}
.vision .list li .text {padding: 0 15px;}

.location header {width: 100%;}
.location header h3 {color: #000; font-size: 30px; font-weight: 300; text-align: center;}
.location header .cont li {position: relative; font-size: 16px; margin-bottom: 10px; padding-left: 10px;}
.location header .cont li:before {display: block; content: '-'; position: absolute; left: 0; top: 0;}
.location header .cont li:last-child {margin-bottom: 0;}
.location header .cont li span {display: block; color: #000;}
.location .map-box {position: relative; max-width: 100%; height: 0; padding-top: 60%; overflow: hidden; margin-top: 30px;}
.location .map-box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0;}
.location .map-foot {text-align: center; margin-top: 30px;}

.pipeline {padding: 40px 10px;}
.pipeline article {padding: 30px 0; border-bottom: 1px solid #ddd;}
.pipeline article:first-child {padding: 0 0 30px;}
.pipeline article:last-child {border-bottom: 0; padding: 30px 0 0;}
.pipeline h3, .pipeline p {text-align: center;}
.pipeline h3 {color: #000; font-size: 30px; font-weight: 700; letter-spacing: -2px; vertical-align: top;}
.pipeline h3 em {display: block; color: #888; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: -0.04em;}
.pipeline .cont {vertical-align: top; font-size: 16px;}
.pipeline .cont p.blue-text {color: #0b61cb; font-size: 18px; margin-top: 15px;}
.pipeline .cont ul li {position: relative; margin-top: 10px; padding-left: 14px; font-size: 16px;}
.pipeline .cont ul li:before {display: block; content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: #000;}
.pipeline .basic-tbl {margin-top: 20px;}
/* Extra Small */
@media (max-width: 320px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .prepare .tit {margin: 30px 0 10px; font-size: 38px;}
    .prepare .desc span {display: block;}
    .greeting header {height: 300px; padding: 0 30px;}
    .greeting header h3 {font-size: 30px; margin-top: 70px;}
    .greeting header h3 em {font-size: 36px;}
    .greeting header h3 b {font-size: 46px;}
    .vision header {height: 300px;}
    .vision .list li .num {width: 12%;}
    .location header {display: table;}
    .location header h3, .location header div {display: table-cell; vertical-align: middle;}
    .location header h3 {width: 35%; font-size: 36px;}
    .location header .cont {width: 65%;}
    .location header .cont li {margin-bottom: 6px;}
    .location header .cont li span {display: inline-block; width: 28%;}
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .content {padding: 80px 20px;}
    .prepare {padding-bottom: 68px;}
    .prepare:after {height: 38px;}
    .prepare .icon {height: 180px;}
    .prepare .tit {margin: 30px 0 10px; font-size: 46px;}
    .prepare .desc {font-size: 18px;}
    .prepare .desc span {display: block;}
    .btn-more-color {padding: 20px;}
    .basic-tbl table {width: 100%;}
    .basic-tbl table th {padding: 18px 0;}
    .basic-tbl table td {padding: 18px 20px;}
    .greeting header {height: 300px; padding: 0 40px; text-align: right;}
    .greeting header h3 {font-size: 30px; margin-top: 70px;}
    .greeting header h3 em {font-size: 36px;}
    .greeting header h3 b {font-size: 46px;}
    .greeting p.weirdo {font-size: 28px; margin-bottom: 30px;}
    .greeting p {text-align: center; font-size: 18px;}
    .greeting p span {display: block;}
    .chart1 {margin-top: 60px;}
    .chart1 img {width: 990px;}
    .vision header {height: 300px; margin-bottom: 50px;}
    .vision .list li {margin-top: 30px;}
    .vision .list li .num {width: 8%;}
    .location header {display: table;}
    .location header h3, .location header div {display: table-cell; vertical-align: middle;}
    .location header h3 {width: 40%; font-size: 50px;}
    .location header .cont {width: 60%;}
    .location header .cont li {font-size: 18px; padding-left: 0;}
    .location header .cont li:before {display: none;}
    .location header .cont li span {display: inline-block; width: 20%;}
    .location .map-box {margin-top: 50px;}
    .location .map-box {padding-top: 40%;}
    .location .map-foot {margin-top: 40px;}
    .pipeline article {padding: 60px 0;}
    .pipeline article:first-child {padding: 0 0 60px;}
    .pipeline h3, .pipeline p {text-align: left;}
    .pipeline h3 em {font-size: 18px;}
    .pipeline .cont {font-size: 18px;}
    .pipeline .cont p.blue-text {font-size: 20px; margin-top: 0;}
    .pipeline .cont ul li {margin-top: 12px; padding-left: 16px; font-size: 18px;}
    .pipeline .cont ul li:first-child {margin-top: 20px;}
    .pipeline .basic-tbl {margin-top: 30px;}
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
    .content {padding: 80px 0;}
    .prepare {padding-bottom: 68px;}
    .prepare:after {height: 38px;}
    .prepare .icon {height: 180px;}
    .prepare .tit {margin: 30px 0 10px; font-size: 46px;}
    .prepare .desc {font-size: 18px;}
    .prepare .desc span {display: block;}
    .btn-more-color {padding: 20px;}
    .basic-tbl table {width: 100%;}
    .basic-tbl table th {padding: 18px 0;}
    .basic-tbl table td {padding: 18px 20px;}
    .greeting header {height: 300px; padding: 0 40px; text-align: right;}
    .greeting header h3 {font-size: 30px; margin-top: 70px;}
    .greeting header h3 em {font-size: 36px;}
    .greeting header h3 b {font-size: 46px;}
    .greeting p.weirdo {font-size: 28px; margin-bottom: 30px;}
    .greeting p {text-align: center; font-size: 18px;}
    .greeting p span {display: block;}
    .chart1 {margin-top: 60px;}
    .chart1 img {width: 990px;}
    .vision header {height: 300px; margin-bottom: 50px;}
    .vision .list li {min-height: 96px; margin-top: 30px;}
    .vision .list li .num {width: 7%; font-size: 40px;}
    .vision .list li .text {width: 80%; padding: 0 50px; font-size: 18px;}
    .location header {display: table;}
    .location header h3, .location header div {display: table-cell; vertical-align: middle;}
    .location header h3 {width: 40%; font-size: 50px;}
    .location header .cont {width: 60%;}
    .location header .cont li {font-size: 18px; padding-left: 0;}
    .location header .cont li:before {display: none;}
    .location header .cont li span {display: inline-block; width: 20%;}
    .location .map-box {margin-top: 50px;}
    .location .map-box {padding-top: 40%;}
    .location .map-foot {margin-top: 40px;}
    .pipeline article {display: table; width: 100%; padding: 60px 0;}
    .pipeline article:first-child {padding: 0 0 60px;}
    .pipeline h3, .pipeline p {text-align: left;}
    .pipeline h3 {display: table-cell; width: 28%;}
    .pipeline h3 em {font-size: 18px;}
    .pipeline .cont {font-size: 18px;}
    .pipeline .cont p.blue-text {font-size: 20px; margin-top: 0;}
    .pipeline .cont ul li {margin-top: 12px; padding-left: 16px; font-size: 18px;}
    .pipeline .cont ul li:first-child {margin-top: 20px;}
    .pipeline .basic-tbl {margin-top: 30px;}
}

/* print */
@media print {
}

/* ie only */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
}


/* sub1_2.php */
.history .top-box {height: 300px; background: url(../imgs/sub/bg_history.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.history .top-tit-box {width: 200px; height: 200px; background: linear-gradient(40deg, #455bdb, #3e92df); box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.4); position: absolute; right: 50px; bottom: -50px; display: table; table-layout: fixed;}
.history .top-tit-box p {display: table-cell; vertical-align: middle; color: #fff; font-size: 24px; text-align: center;}
.history .top-tit-box p strong {font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 400;}
.history .list-box {margin-top: 60px; padding: 0 50px; line-height: 1.2;}
.history .item-box {display: flex;}
.history .item-box .year {min-width: 220px; color: #0b61cb; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 600; position: relative;}
.history .item-box .year:before {display: block; content: ""; width: 60px; height: 1px; background: #0b61cb; position: absolute; top: 24px; left: 117px;}
.history .item-box .year:after {display: block; content: ""; width: 11px; height: 11px; background: #fff; border: 3px solid #0b61cb; border-radius: 100%; position: absolute; top: 19px; right: 0;}
.history .item-box ul {position: relative; width: 70%; padding-bottom: 30px; padding-left: 30px; margin-top: 10px;}
.history .item-box ul:before {display: block; content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 20px; left: -6px;}
.history .item-box ul li {margin-bottom: 30px; color: #666; font-size: 18px;}
.history .item-box:last-child ul:before {display: none;}
.history .item-box:last-child ul li:last-child {margin-bottom: 0;}

@media all and (max-width: 1023px) {
    .history .top-box {height: 234px;}
    .history .top-tit-box {right: 20px; bottom: -20px;}
    .history .list-box {padding: 0;}
}
@media all and (max-width: 767px) {
    .history .top-box {height: 172px;}
    .history .top-tit-box {width: 130px; height: 130px;}
    .history .top-tit-box p {font-size: 16px;}
    .history .top-tit-box p strong {font-size: 24px;}
    .history .item-box {display: block;}
    .history .item-box .year {min-width: auto; font-size: 24px; display: inline-block;}
    .history .item-box .year:before {display: none;}
    .history .item-box .year:after {top: 8px; right: -20px;}
    .history .item-box ul {width: 100%; padding-bottom: 10px;}
    .history .item-box ul:before {top: 0; left: 0;}
    .history .item-box ul li {margin-bottom: 15px; font-size: 16px;}
}


/* sub3_1.php */
.tab-box {display: table; width: 100%; table-layout: fixed; position: relative; margin-bottom: 60px;}
.tab-box a {display: table-cell; vertical-align: middle; height: 60px; font-size: 18px; line-height: 60px; text-align: center; border: 1px solid #ddd;}
.tab-box a:nth-child(1) {border-right: none;}
.tab-box a.active {background: #000; color: #fff; font-weight: 500; border: none;}

.product .top-box {display: flex;}
.product .top-box .thumbnail {width: 50%;}
.product .top-box .thumbnail img {width: 100%;}
.product .top-box .cont {width: 50%; padding-left: 80px;}
.product .top-box .title {color: #000; font-size: 30px; font-weight: 700; position: relative;}
.product .top-box .title span {display: block; color: #888; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; margin-top: 5px;}
.product .top-box .title:before {display: block; content: ""; width: 1px; height: 150px; background: #000; margin: 50px 0;}
.product .top-box .desc {margin-top: 40px;}
.product .top-box .desc strong {display: block; color: #0b61cb; font-size: 20px; font-weight: 400;}
.product .top-box .desc p {color: #888; font-size: 18px; font-weight: 300; margin-top: 5px;}
.product .item-box {margin-top: 60px;}
.product .item-box:after {display: block; content: ""; clear: both;}
.product .item-box div {width: 50%;}
.product .item-box .thumbnail {float: left;}
.product .item-box .cont {float: right; padding: 25px 50px 0;}
.product .item-box.right .thumbnail {float: right;}
.product .item-box.right .cont {float: left; text-align: right;}
.product .item-box .cont span {display: inline-block; color: #367cc9; font-family: 'Montserrat', sans-serif; font-size: 60px; position: relative;}
.product .item-box .cont span:after {display: block; content: ""; width: 170px; height: 3px; background: #367cc9; position: absolute; left: -70px; bottom: 0;}
.product .item-box .cont strong {display: block; color: #000; font-size: 24px; font-weight: 700; padding: 40px 0 20px;}
.product .item-box .cont p {display: block; font-size: 20px; font-weight: 300;}
.product .item-box.right .cont span:after {left: auto; right: -70px;}
.product.type2 .top-box .desc strong,
.product.type2 .item-box span {color: #00bf83;}
.product.type2 .item-box span:after {background: #00bf83;}

@media all and (max-width: 1023px) {
    .product .top-box .thumbnail {width: 40%;}
    .product .top-box .cont {width: 60%; padding-left: 60px;}
    .product .top-box .title:before {height: 70px; margin: 0 0 20px;}
    .product .top-box .desc {margin-top: 25px;}
    .product .item-box {margin-top: 40px;}
    .product .item-box div {width: 100%;}
    .product .item-box .thumbnail,
    .product .item-box .cont,
    .product .item-box.right .thumbnail,
    .product .item-box.right .cont {float: none; text-align: left;}
    .product .item-box .thumbnail img {width: 100%; vertical-align: top;}
    .product .item-box .cont {padding: 20px;}
    .product .item-box .cont span {font-size: 40px; margin-right: 5px;}
    .product .item-box .cont span:after {display: none;}
    .product .item-box .cont span,
    .product .item-box .cont strong {display: inline-block;}
    .product .item-box .cont strong {padding: 20px 0 0;}
    .product .item-box .cont p br {display: none;}
}
@media all and (max-width: 767px) {
    .tab-box {display: block;}
    .tab-box a {display: block; height: 50px; font-size: 16px; line-height: 50px;}

    .product .top-box {display: block;}
    .product .top-box .thumbnail,
    .product .top-box .cont {width: 100%; padding-left: 0; padding-top: 20px;}
    .product .top-box .title {font-size: 24px;}
    .product .top-box .title span {font-size: 16px;}
    .product .top-box .title:before {display: none;}
    .product .top-box .desc {margin-top: 15px;}
    .product .top-box .desc strong {font-size: 16px;}
    .product .top-box .desc p {font-size: 14px;}
    .product .item-box .cont {padding: 0;}
    .product .item-box .cont span {display: none;}
    .product .item-box .cont strong {display: block;}
    .product .item-box .cont span,
    .product .item-box .cont strong {font-size: 18px;}
    .product .item-box .cont p {font-size: 16px;}
}


/* :: skin_faq s :: */
.faq-list {border-top: 2px solid #000;}
.faq-list .item-box {border-bottom: 1px solid #ddd;}
.faq-list .item-box button {display: block; width: 100%; padding: 20px; color: #000; font-size: 20px; font-weight: 300; text-align: left;}
.faq-list .item-box .cont {background: #f5f5f5; padding: 20px; font-size: 16px;}

@media all and (max-width: 1023px) {
}
@media all and (max-width: 767px) {
}