@charset "utf-8";
.index .newsBlk:after, .slider-album:after,.slider-link:after,.slider-service:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.index .bannerBlk{ position: relative; display: block;}
.bnSearchBlk{ position:absolute; right:0; top:10%; z-index:1; margin-right:5rem; transition: all .125s ease-in;}
.index .mainSearchBlk{ width: 33vw; display: flex; }
.index .mainSearchBlk .form-row { display: flex; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.index .mainSearchBlk input[type="text"], .index .mainSearchBlk .btn{ height: 2.125rem; }
.index .mainSearchBlk input[type="text"] { border: 2px solid rgba(19,133,116,1); background: rgba(255,255,255,.875); width: calc(100% - 62px - 83px); padding: 0 1rem;}
.index .mainSearchBlk .btnBlk{ position: relative; right: inherit; top: inherit; padding: 0 1px 0 0; clear: none;}
.index .mainSearchBlk .btn{ line-height: inherit; min-width: inherit;}
.index .mainSearchBlk .btnBlk .go{ width:inherit;position:relative;padding:0 .75rem;font-size:1rem}
.index .mainSearchBlk .adSearch{ -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px}

.index .slider-banner{ padding: 0 0; margin: 0 0;}
.index .slider-banner li{ list-style-type: none;}
.index .slider-banner li a{ display: block;}
body{padding-top:100px;}
.index .slider-banner .img { display: block; position: relative; transition: all .125s ease-in; padding-bottom: 38.375%;}
.index .slider-banner li a:focus{ border: 2px dotted orange;}
.index [class*="slider-"] .owl-nav .owl-next,.index [class*="slider-"] .owl-nav .owl-prev{ position:absolute; top:50%; margin-top:-50px; width:50px; height:50px; background:rgba(0,0,0,.5)}
.index [class*="slider-"] .owl-nav .owl-next{ right: 1rem; }
.index [class*="slider-"] .owl-nav .owl-prev{ left: 1rem; }
.index [class*="slider-"] .owl-nav .owl-next:before,.index [class*="slider-"] .owl-nav .owl-prev:before{ display:block; height:50px; content:""; text-align:center; font-family:FontAwesome; transition:all 125ms ease-in; line-height:48px; color:#fff; font-size:2rem}
.index [class*="slider-"] .owl-nav .owl-prev:before{ content: "\f104";}
.index [class*="slider-"] .owl-nav .owl-next:before{ content: "\f105";}
.index [class*="slider-"] .owl-nav .owl-next span, .index [class*="slider-"] .owl-nav .owl-prev span{ display: none;}

.index .div_c{ top: -25px;}
.index .div_c a{ color: #e0e0e0;}
.index .mainBlk{ background:transparent url(../images/index/bg.png) no-repeat right top; background-size: inherit; margin-top: -100px;}

.index .newsBlk{ margin: -2rem 0 2rem 0;}
.index .newsBlk .tiiBlk{ padding: 0 0; }
.index .newsBlk .tiiBlk>.title{ background-color:rgba(42,114,187,1); border:1px solid rgba(42,114,187,1); padding:.75rem 1rem; margin:0; border-top-right-radius:4px; border-top-left-radius:4px;}
.index .newsBlk .tiiBlk>.title>.gh3{ display: block; padding: 0 3.5rem .25rem 0; font-size: 1.125rem; color: #ffffff; font-weight: bold; letter-spacing: .0625rem;border-bottom: 2px solid #dedede;}
.index .newsBlk .tiiBlk>.title>.gh3 .fa{ margin-right: .5rem;}
.index .newsBlk .tiiBlk>.title .more{ color:#fff;border:none; background:0 0; padding:0 0; position:absolute; right:1.75rem; top:1rem;}
.index .newsBlk [class*="col-lg-4"]:nth-child(3) .tiiBlk>.title{ background-color:#00387b; border:1px solid #00387b;}
.index .newsBlk .tiiBlk>.box{ padding:.5rem 1rem; background-color:#fff;border-right:1px solid rgba(42,114,187,1);border-bottom:1px solid #0d92f8;border-left:1px solid #0d92f8;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 30%);box-shadow:0 1px 1px rgb(0 0 0 / 30%)}
.index .newsBlk [class*="col-lg-4"]:nth-child(1) .tiiBlk>.box, .index .newsBlk [class*="col-lg-4"]:nth-child(2) .tiiBlk>.box{ height: 525px;}
.index .newsBlk [class*="col-lg-4"]:nth-child(3) .tiiBlk>.box{ padding: .5rem 1rem .5rem 1rem;}
.index .newsBlk [class*="col-lg-4"]:nth-child(3) .tiiBlk>.box.fb{ padding: 0 0; margin-bottom: 20px; height: 174px;  }
.index .newsBlk .tiiBlk>.box iframe{ min-height: inherit; width: 100% !important;}
.index.eng .newsBlk .tiiBlk>.box{/*height: 390px;*/}

.sliderIndexDot.owl-theme .owl-dots { margin-top: .5rem; }
.sliderIndexDot.owl-theme .owl-dots .owl-dot{ margin: 0 3px; height: inherit; vertical-align: top;}
.sliderIndexDot.owl-theme .owl-dots .owl-dot span{ width: 28px; height: 8px; margin: 0 0; border-radius: 0;}

.indexList{ margin: 0 0; padding: 0 0;}
.index .indexList>li, .index .owl-theme li{ list-style-type: none;}
.indexList>li:nth-child(n+2){ border-top:1px dashed #dedede; margin: .5rem 0 0 0; padding: .5rem 0 0 0;}
.indexList>li .date{ font-size: .875rem; font-weight: 300;}
.indexList>li .topic{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; height:1.5rem; line-height:1.5rem; overflow:hidden; text-overflow:ellipsis;}
.indexList>li .topic a{color: #3d3d3d;}
.indexList>li .topic a:hover, .indexList>li .topic a:focus{color: #00479d;}
.index .slider-album{ margin: 0 0 -10px 0; }
.index .slider-album .img{ display:block; position:relative; /*padding-bottom:55.875%;*/padding-bottom:50.875%;}
.index .slider-album p{ padding: .25rem 0; margin:0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; height:1.5rem; line-height:1.5rem; overflow:hidden; text-overflow:ellipsis;}
.slider-album.owl-theme .owl-dots{float: right; margin-top: .25rem !important;}

.index .gridBlk{ margin: 0 0 2rem 0; background: #f1f0f0; }
.index .gridBlk ul{ width: 100%; padding: 2rem 0; margin: 0 0; }
.index .gridBlk ul li{ list-style-type: none; width: 100%; position: relative;}
.index .gridBlk ul>li:nth-child(n+2){ display: block; padding: 1rem 0 0 0; margin: 1rem 0 0 0; border-top: 1px solid #cdcdcd; }
.index .gridBlk ul>li:nth-child(n+2):before{ display: block; position: absolute; right: 0; top: -5px; content: ""; width: 25px; height: 10px; background: #f1f0f0;}
.index .gridBlk ul>li:nth-child(n+2):after{ display: block; position: absolute; right: 0; top: -5px; content: ""; width: 10px; height: 10px; background: #cdcdcd;}
.index .gridBlk ul li ul{ display: flex; width: 100%; padding: 1rem 0;}
.index .gridBlk ul li ul li{ text-align: center;}
.index .gridBlk ul li ul li:nth-child(n+2){ padding: 0 0; margin: 0 0; border:none;}
.index .gridBlk ul li ul li:nth-child(n+2):before, .index .gridBlk ul li ul li:nth-child(n+2):after{ display: none; }
.index .gridBlk ul li ul li a{ display:inline-block;width:196px;height:196px;border-radius:300px;color:#fff;font-size:1rem;padding:150px 0 0 0;background-color:#138574;background-repeat:no-repeat;background-position:center 40px;background-size:94px 94px;transition:all .125s ease-in}
.index .gridBlk ul li ul li.cube01 a{ background-image: url(../images/index/btn-01a.png); }
.index .gridBlk ul li ul li.cube02 a{ background-image: url(../images/index/btn-01b.png); }
.index .gridBlk ul li ul li.cube03 a{ background-image: url(../images/index/btn-01c.png); }
.index .gridBlk ul li ul li.cube04 a{ background-image: url(../images/index/btn-01d.png); }
.index .gridBlk ul li ul li.cube05 a{ background-image: url(../images/index/btn-01e.png); }
.index .gridBlk ul li ul li.cube06 a{ background-image: url(../images/index/btn-01f.png); }
.index .gridBlk ul li ul li.cube07 a{ background-image: url(../images/index/btn-01g.png); }
.index .gridBlk ul li ul li.cube08 a{ background-image: url(../images/index/btn-01h.png); }
.index .gridBlk ul li ul li.cube09 a{ background-image: url(../images/index/btn-01d.png); }

.index .promoBlk{ margin: 0 0 2rem 0; }
.index .slider-promote{ margin: 0 0 2rem 0; }
.index .slider-promote .blk{ display: -ms-flexbox; display: flex;}
.index .slider-promote .content{ min-width: 50%; max-width: 50%; padding: 2.5rem 2rem 1.5rem 2rem; background-color: rgba(42,114,187,1); -ms-flex-item-align: stretch; align-self: stretch;}
.index .slider-promote .content.bgColor01{ background-color: #a65f02;}
.index .slider-promote .content.bgColor02{ background-color: #138574;}
.index .slider-promote .content.bgColor03{ background-color: #003D5C;}
.index .slider-promote .content .h2, .index .slider-promote .content p{ color: #ffffff;}
.index .slider-promote .content .h2{ font-weight: bold;}
.index .slider-promote .content p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;/*height:17.5em;*/overflow:hidden;text-overflow:ellipsis}
.index .slider-promote .img{ width: 50%; display:block; position:relative; padding-bottom:50%;}
.index .slider-promote .more{ display: inline-block; padding: .5rem 2rem; text-align: center; font-weight: bold; border:3px solid #ffffff; color: #ffffff; }

.index .linksBlk{background-color: #f1f0f0;}
.linksBlk .tiiBlk .title{ padding:0; background-color:transparent; border:none; padding: 1rem 0 2rem 0; margin:0 0;}
.linksBlk .tiiBlk .title .gh3{ font-size: 1.5rem; font-weight: bold;}
.linksBlk .tiiBlk .box{ padding: 0 2.5rem;  position: relative;}
.index .slider-link{ margin: 0 0 0 0;}
.index .slider-link li a{ display: block; overflow: hidden;}
.index .slider-link li a .img{ display: block; position: relative; border-radius: 3px; padding-bottom: 38.4615%;}
.index .slider-link .owl-nav .owl-next,.index .slider-link .owl-nav .owl-prev{ margin-top:-37px; width:25px; height:36px;  border-radius: 30px;}
.index .slider-link .owl-nav .owl-next{ right: .25rem }
.index .slider-link .owl-nav .owl-prev{ left: .25rem }
.index .slider-link .owl-nav .owl-next:before,.index .slider-link .owl-nav .owl-prev:before{ height:36px;line-height:32px; color:#fff; font-size:1.5rem}


@media (max-width: 1200px){
.index .mainSearchBlk { width: 50vw;}
.bnSearchBlk{ top: 10%;}
.index .slider-album .img { padding-bottom: 63.75%;}
.index .slider-promote .content .h2 {font-size:1.3em;}
.index .slider-promote .content p {font-size:0.85em;}
}

@media (max-width: 1200px){
.index .slider-banner .img { padding-bottom: 43.25%;}
.index .newsBlk [class*="col-lg-"]:nth-child(1) .tiiBlk>.box, .index .newsBlk [class*="col-lg-"]:nth-child(2) .tiiBlk>.box{ height: 480px;}
.index.eng .newsBlk [class*="col-lg-"] .tiiBlk>.box{ height: 370px;}
.index.eng .newsBlk [class*="col-lg-"]:nth-child(1) .tiiBlk>.box, .index.eng .newsBlk [class*="col-lg-"]:nth-child(2) .tiiBlk>.box {
    height: auto; 
}
}

@media (max-width: 960px){
.bnSearchBlk{ padding: 0 1rem; top: 7.5%; right: inherit; left: 0; width: 100%;}
.index .mainSearchBlk { width: 100%;}
.index .slider-banner .img { padding-bottom: 50%;}
.index .mainBlk{ background:transparent none no-repeat right top; margin-top: 0;}
.index .newsBlk { margin: -3rem 0 2rem 0;}
.index .newsBlk .tiiBlk>.box{ margin: 0 0 20px 0; }
.index .newsBlk [class*="col-lg-"]:nth-child(1) .tiiBlk>.box, .index .newsBlk [class*="col-lg-"]:nth-child(2) .tiiBlk>.box{ height: inherit;}
.indexList>li .topic { -webkit-line-clamp: 2; height: auto;}
.index .gridBlk ul li ul{ padding: 0 0; }
.index .gridBlk ul li ul li{ text-align: center; }
.index .gridBlk ul li ul li a{ width:120px;height:120px;border-radius:120px;padding:120px 0 0 0;background-position:center center;background-size:60px 60px;color:#333;font-size:.913rem;white-space:nowrap;margin:1rem 0}
.index .slider-promote .content p{ display: none; }
body{padding-top:60px;}
}

@media (max-width: 640px){
.index .slider-banner .img { display: block; position: relative; padding-bottom: 66.66%;}
.index .gridBlk ul li ul { -ms-flex-wrap: wrap; flex-wrap: wrap;}
.index .gridBlk ul li ul li{width: 50%;}
.index .slider-promote .content{ padding: 1.5rem 1.25rem 1.5rem 1.25rem; }
.index .slider-promote .content .h2{ font-size: 1.5rem;}
.index .slider-promote .more{ padding: .5rem .75rem; font-size: .875rem; margin: 1rem 0 0 0;}
.linksBlk .tiiBlk .box {padding: 0 0;}
}

@media (max-width: 480px){

}