.frame{padding:80px 0; text-align:center;}
.frame-title>b{display:block; font-size:26px; line-height:1.2;}
.frame-title>h2{font-size:36px; color:#015cb5;}
.frame-nav{margin-top:50px; font-size:0;}
.frame-nav.v1{display:none;}
.frame-nav>ol>li{line-height:1; padding:0 15px; font-size:18px; cursor:pointer; display:inline-block;}
.frame-nav>ol>li>span{display:block; position:relative; padding:0 20px 20px 20px;}
.frame-nav>ol>li>span:before{position:absolute; transition:.3s; bottom:0; left:50%; right:50%; height:3px; content:''; background:#015cb5;}
.frame-nav>ol>li.on>span{color:#015cb5;}
.frame-nav>ol>li.on>span:before{left:0; right:0;}
.frame-box{background:#fff; padding:40px; margin-top:50px; border-radius:3px; font-size:16px; text-align: left; transition: .3s;}
.frame-box:hover{box-shadow:0 0 12px rgba(0,0,0,.12);}
.frame-nav:not(.v1)+.frame-box{margin-top:0 !important;}
.frame-box>aside:after{display:block; content:''; clear:both;}
.frame-box>aside{display:none;}
.frame-box>aside.on{display:block;}
@media(max-width:1200px){
.frame{padding:30px 0;}
.frame-nav>ol>li{font-size:16px;}
.frame-box{padding:20px;}
}
@media(max-width:767px){
.frame{padding:15px 0;}
.frame-title>b{font-size:18px;}
.frame-title>h2{font-size:24px;}
.frame-nav{margin-top:20px;}
.frame-nav>ol>li{padding:0 10px; font-size:14px;}
.frame-nav>ol>li>span{padding:0 10px 10px 10px;}
.frame-nav>ol>li>span:before{height:2px;}
.frame-box{padding:10px; margin-top:20px;}
}
.facility{padding:80px 0;}
.facility-title{ text-align:center;}
.facility-title>b{display:block; font-size:26px; line-height:1.2;}
.facility-title>h2{font-size:36px; color:#015cb5;}
.facility-list{display:block; padding-top:30px;}
.facility-list>ul{margin:0 -10px;}
.facility-list>ul:after{display:block; content:''; clear:both;}
.facility-list>ul>li{float:left; width:33.333%; margin-top:25px; padding:0 10px;}
.facility-list>ul>li>a{display:block; padding:25px; border-radius:3px; position:relative; overflow:hidden; background:#f8f8f8;}
.facility-list>ul>li>a>em{float:left; width:50px; height:50px; line-height:50px; margin-right:20px; font-size:26px; border-radius:50%; text-align:center; font-style:normal; color:#fff; box-shadow:0 0 8px rgba(0,0,0,.12); background:#015cb5; }
.facility-list>ul>li>a>h3{margin-left:70px; font-size:18px; position:relative; z-index:3; margin-bottom:7px;}
.facility-list>ul>li>a>h3>i{display:none;}
.facility-list>ul>li>a>p{margin-left:70px; font-size:15px; height:105px; overflow:hidden; position:relative; z-index:2; color:#687078;}
.facility-list>ul>li>a>i{position:absolute; font-size:100px; top:100%; right:20px; font-style:normal; font-weight:bold; opacity:0.04; color:#154b9d; transform:translateY(-55%);}
.facility-list>ul>li>a:hover{transform:translateY(-5px); box-shadow:0 0 8px rgba(0,0,0,.12);}
@media(max-width:1200px){
.facility{padding:30px 0;}
.facility-list{padding-top:10px;}
.facility-list>ul>li>a{padding:15px;}
.facility-list>ul>li>a>em{width:40px; height:40px; line-height:40px; margin-right:15px; font-size:22px;}
.facility-list>ul>li>a>h3{margin-left:50px; font-size:16px; margin-bottom:3px;}
.facility-list>ul>li>a>p{margin-left:50px; font-size:14px; height:98px;}
}
@media(max-width:992px){
.facility-list>ul>li{width:50%;}
}
@media(max-width:767px){
.facility{padding:15px 0;}
.facility-title>b{font-size:18px;}
.facility-title>h2{font-size:24px;}
.facility-list>ul{margin:0 -5px;}
.facility-list>ul>li{margin-top:10px; padding:0 5px; float:none; width:100%;}
.facility-list>ul>li>a{padding:10px;}
.facility-list>ul>li>a>em{margin-right:10px;}
.facility-list>ul>li>a>h3{margin-left:40px;}
.facility-list>ul>li>a>h3>i{display:block; float:right; line-height:inherit;}
.facility-list>ul>li>a>p{margin-left:40px; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.facility-list>ul>li>a:hover{transform:translateY(0); box-shadow:0 0 4px rgba(0,0,0,.12);}
.facility-list>ul>li.on>a>h3>i{transform:rotate(180deg);}
.facility-list>ul>li.on>a>p{white-space:pre-wrap;}
}
.establish{padding:80px 0;}
.establish-title{text-align:center;}
.establish-title>b{display: block; font-size:26px; line-height:1.2;}
.establish-title>h2{font-size:36px; color: #015cb5;}
.establish-list{position:relative; overflow:hidden; margin:35px -15px -15px -15px;}
.establish-list>ul{position:relative; width:10000%; z-index:1;}
.establish-list>ul:after{display:block; content:''; clear:both;}
.establish-list>ul>li{float:left; width:.25%; padding:15px;}
.establish-list>ul>li>div{display:block; background:#fff; border:1px solid #eee; border-radius:5px; overflow:hidden; position:relative;}
.establish-list>ul>li>div>a{display:block; overflow:hidden; position:relative; z-index:6;}
.establish-list>ul>li>div>a>img{display:block; width:100%; transition:.3s;}
.establish-list>ul>li>div:hover>a>img{transform:scale(1.02);}
.establish-list>ul>li>div>h3{display:block; padding:10px 15px; border-top:1px solid #eee; text-align: center; position:relative; z-index:8;}
.establish-list>dl{position:absolute; bottom:60%; left:0; right:0; height: 0; transition:.3s; padding:0 50px; z-index:2; opacity:0; visibility:hidden;}
.establish-list:hover>dl{opacity:1; visibility:visible;}
.establish-list>dl>.fa{width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; cursor:pointer; font-size:28px; color:#fff; transition:.3s; box-shadow:0 0 12px #154b9d66; background:#015cb5;}
.establish-list>dl>.fa:hover{background:#154b9d;}
.establish-list>dl>dt{float:left;}
.establish-list>dl>dd{float:right;}
.establish-list>ol{text-align:center; margin-top:25px; font-size:0;}
.establish-list>ol>li{display:inline-block; width:10px; height:10px; margin:0 5px; cursor:pointer; border-radius:50%; background:rgba(0,0,0,.1);}
.establish-list>ol>li.on{background:#015cb5;}
.establish-list.no>ul{width: 100%; display: flex; justify-content: center;}
.establish-list.no>ul>li{width: 25%;}
.establish-list.no>dl,
.establish-list.no>ol{display: none;}
@media(max-width:1200px){
.establish{padding:50px 0;}
.establish-list{margin:30px -10px -10px -10px;}
.establish-list>ul>li{padding:15px 10px;}
.establish-list>ol{margin-top:15px;}
}
@media(max-width:992px){
.establish-list>ul>li{width:.5%;}
.establish-list.no>ul>li{width: 50%;}
}
@media(max-width:767px){
.establish{padding:20px 0;}
.establish-title>b{font-size:18px;}
.establish-title>h2{font-size:24px;}
.establish-list{margin:0 -5px -10px -5px;}
.establish-list>ul>li{width:1%; padding:15px 5px;}
.establish-list.no>ul>li{width: 100%;}
.establish-list>ol{margin-top:0;}
.establish-list>ol>li{width:8px; height:8px;}
}
.similar{padding:80px 0;}
.similar-title{text-align:center;}
.similar-title>b{display: block; font-size:26px; line-height:1.2;}
.similar-title>h2{font-size:36px; color: #015cb5;}
.similar-list{position:relative; overflow:hidden; margin:35px -10px -10px -10px;}
.similar-list>ul{position:relative; width:10000%; z-index:1;}
.similar-list>ul:after{display:block; content:''; clear:both;}
.similar-list>ul>li{float:left; width:.2%; padding:10px;}
.similar-list>ul>li>div{display:block; background:#f8f8f8; padding:10px; border-radius:5px; overflow:hidden; position:relative; transition: .3s;}
.similar-list>ul>li>div:hover{box-shadow:0 0 8px rgba(0,0,0,.18); transform: translateY(-3px);}
.similar-list>ul>li>div>a{display:block; overflow:hidden; position:relative; z-index:6; background: #fff; border-radius: 3px;}
.similar-list>ul>li>div>a>img{display:block; width:100%; transition:.3s;}
.similar-list>ul>li>div:hover>a>img{transform:scale(1.02);}
.similar-list>ul>li>div>h3{display:block; padding:10px; font-size:18px; text-align: center; position:relative; z-index:8;}
.similar-list>ul>li>div:hover>h3>a{color:#015cb5;}
.similar-list>ul>li>div>p{display: block; height:72px; position: relative; top:-5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#687078;}
.similar-list>dl{position:absolute; bottom:60%; left:0; right:0; height: 0; transition:.3s; padding:0 20px; z-index:2; opacity:0; visibility:hidden;}
.similar-list:hover>dl{opacity:1; visibility:visible;}
.similar-list>dl>.fa{width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; cursor:pointer; font-size:28px; color:#fff; transition:.3s; box-shadow:0 0 12px #154b9d66; background:#015cb5;}
.similar-list>dl>.fa:hover{background:#154b9d;}
.similar-list>dl>dt{float:left;}
.similar-list>dl>dd{float:right;}
.similar-list>ol{text-align:center; margin-top:25px; font-size:0;}
.similar-list>ol>li{display:inline-block; width:10px; height:10px; margin:0 5px; cursor:pointer; border-radius:50%; background:rgba(0,0,0,.1);}
.similar-list>ol>li.on{background:#015cb5;}
.similar-list.no>ul{width: 100%; display: flex; justify-content: center;}
.similar-list.no>ul>li{width: 25%;}
.similar-list.no>dl,
.similar-list.no>ol{display: none;}
@media(max-width:1200px){
.similar{padding:50px 0;}
.similar-list{margin:30px -10px -10px -10px;}
.similar-list>ul>li{width:.25%;}
.similar-list>ol{margin-top:15px;}
}
@media(max-width:992px){
.similar-list>ul>li{width:.3333%;}
.similar-list.no>ul>li{width: 50%;}
}
@media(max-width:767px){
.similar{padding:20px 0;}
.similar-title>b{font-size:18px;}
.similar-title>h2{font-size:24px;}
.similar-list{margin:0 -5px;}
.similar-list>ul>li{width:.5%; padding:5px;}
.similar-list>ul>li>div{padding:5px;}
.similar-list>ul>li>div>h3{padding:10px 5px; font-size:16px;}
.similar-list.no>ul>li{width: 100%;}
.similar-list>ol{margin-top:5px;}
.similar-list>ol>li{width:8px; height:8px;}
}
.relation{padding:60px 0; background-position:center; background-size:cover;}
.relation aside{float:left;}
.relation h2{font-size:32px;}
.relation p{font-size:16px; margin-top:10px; color:#687078;}
.relation ul{margin-top:20px;}
.relation ul:after{display:block; content:''; clear:both;}
.relation ul>li{float:left; font-size:16px; margin-right:20px; font-weight:bold; color:#154b9d;}
.relation ul>li:before{float:left; width:6px; height:6px; border-radius:6px; margin:10px 6px 0 0; background:#015cb5; content:'';}
.relation div{float:right; text-align:right;}
.relation div>span{margin:20px 0; line-height:38px; text-align:left; display:block;}
.relation div>span:after{display:block; content:''; clear:both;}
.relation div>span>i{font-size:32px; float:left; width:40px; line-height:inherit; color:#154b9d;}
.relation div>span>strong{font-size:18px; float:left; padding:0 2px; font-style: normal;}
.relation div>span>b{font-size:32px; float:left;}
.relation div>a{padding:6px 36px; font-size:15px; }
@media(max-width:1200px){
.relation{padding:40px 0;}
.relation h2{font-size:28px;}
.relation p{font-size:15px;}
.relation ul>li{font-size:15px;}
}
@media(max-width:992px){
.relation aside{float:none;}
.relation div{float:none; text-align:left;}
}
@media(max-width:767px){
.relation{padding:20px 0;}
.relation h2{font-size:22px;}
.relation p{font-size:14px; margin:5px 0 0;}
.relation ul{margin-top:10px;}
.relation ul>li{margin-right:10px; font-size:14px;}
.relation div>span{margin:10px 0; line-height:38px;}
.relation div>span>i{font-size:28px; width:30px;}
.relation div>span>strong{font-size:16px;}
.relation div>span>b{font-size:28px;}
.relation div>a{padding:4px 24px; font-size:14px;}
}