.overview{padding:80px 0;}
.overview-title{text-align:center;}
.overview-title>b{display: block; font-size:26px; line-height:1.2;}
.overview-title>h2{font-size:36px; color: #015cb5;}
.overview-box{margin-top:50px;}
.overview-box:after{display:block; content:''; clear:both;}
.overview-img{float:left; width:48%; }
.overview-img img{display:block; max-width:100%; margin:0 auto;}
.overview-text{float:right; width:48%; }
.overview-text>h3{font-size:24px;}
.overview-text>aside{margin-top:20px; font-size:16px; color:#687078;}
.overview-text>aside>p+p{margin-top:15px;}
@media(max-width:1200px){
.overview{padding:50px 0;}
.overview-img{width:49%;}
.overview-text{width:49%;}
.overview-text>aside{font-size:15px;}
.overview-text>aside>p+p{margin-top:10px;}
}
@media(max-width:992px){
.overview-box{margin:0;}
.overview-img{width:100%; margin:30px 0;}
.overview-text{width:100%;}
}
@media(max-width:767px){
.overview{padding:20px 0;}
.overview-img{margin:15px 0;}
.overview-title>b{font-size:18px;}
.overview-title>h2{font-size:24px;}
.overview-text>h3{font-size:16px;}
.overview-text>aside{margin-top:10px; font-size: 14px;}
.overview-text>aside>p+p{margin-top:5px;}
}
.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;}
}
.features{padding:80px 0; text-align:center;}
.features-title>b{display: block; font-size:26px; line-height:1.2;}
.features-title>h2{font-size:36px; color: #015cb5;}
.features-list{display:block;}
.features-list>ul{margin:0 -15px;}
.features-list>ul:after{display:block; content:''; clear:both;}
.features-list>ul>li{float:left; width:25%; padding:0 15px; margin-top:50px;}
.features-list>ul>li>a{display:block;}
.features-list>ul>li>a>em{display:block; width:80px; height:80px; line-height:80px; font-size:40px; margin:0 auto; text-align:center; border-radius:50%; transition:.6s; color:#fff; box-shadow:0 0 10px #154b9d66; background:#015cb5;}
.features-list>ul>li>a:hover>em{transform:rotate(360deg); background:#154b9d;}
.features-list>ul>li>a>h3{margin:20px 0 10px 0; font-size:18px;}
.features-list>ul>li>a>h3>i{display:none;}
.features-list>ul>li>a>p{color:#687078;}
.features-list>ul>ol{display:none;}
.features-list>ul>ol:nth-child(8n){display:block; width:100%; clear:both;}
@media(max-width:1200px){
.features{padding:50px 0;}
.features-list>ul{margin:0 -10px;}
.features-list>ul>li{padding:0 10px; margin-top:30px;}
.features-list>ul>li>a>h3{margin:15px 0 5px 0;}
}
@media(max-width:992px){
.features-list>ul>li{width:50%;}
.features-list>ul>ol:nth-child(4n){display:block; width:100%; clear:both;}
}
@media(max-width:767px){
.features{padding:20px 0;}
.features-title>b{font-size:18px;}
.features-title>h2{font-size:24px;}
.features-list>ul{margin:0;}
.features-list>ul>li{width:100%; padding:0; text-align:left; margin-top:15px;}
.features-list>ul>li>a>em{float:left; margin-right:10px; width:28px; height:28px; line-height:28px; font-size:18px;}
.features-list>ul>li>a>h3{margin:0 0 5px 0;}
.features-list>ul>li>a>h3>i{display:block; float:right; line-height:inherit; transition:.3s;}
.features-list>ul>li>a>p{height:50px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.features-list>ul>li.on>span>h3>i{transform:rotate(180deg);}
.features-list>ul>li.on>span>p{height:auto; display:block;}
}
.material{padding:80px 0; background: #f8f8f8;} 
.material-title{text-align:center;}
.material-title>b{display: block; font-size:26px; line-height:1.2;}
.material-title>h2{font-size:36px; color: #015cb5;}
.material-list{margin-top:30px;}
.material-list>ul{margin:0 -30px;}
.material-list>ul:after{display:block; content:''; clear:both;}
.material-list>ul>li{float:left; width:50%; padding:0 30px;}
.material-list>ul>li>a{display:block; padding:20px 5px; border-bottom:1px solid #eee;}
.material-list>ul>li>a>h3{margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.material-list>ul>li>a>h3:before{width:5px; height:5px; border-radius:5px; content:''; float:left; margin:12px 10px 0 0; background:#015cb5;}
.material-list>ul>li>a>p{display:block; height:50px; padding-left:15px; overflow:hidden; color:#687078;}
@media(max-width:1200px){
.material{padding:50px 0;}
.material-list{margin-top:20px;}
.material-list>ul{margin:0 -10px;}
.material-list>ul>li{padding:0 10px;}
}
@media(max-width:992px){
.material-list>ul{margin:0;}
.material-list>ul>li{float:none; width:100%; padding:0;}
.material-list>ul>li>a{padding:15px 5px;}
.material-list>ul>li>a>h3{margin-bottom:0;}
}
@media(max-width:767px){
.material{padding:20px 0;}
.material-title>b{font-size:18px;}
.material-title>h2{font-size:24px;}
.material-list{margin-top:10px;}
.material-list>ul>li>a{padding:10px 0;}
.material-list>ul>li>a>h3{font-size:15px;}
}
.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;}
}