.show{padding:80px 0; background: #fff;}
.show>article{display: flex;}
.showcon{width:50%; float:left; padding-right:60px;}
.showcon h2{position:relative; display:block; margin-top:18px;}
.showcon h2>strong{display:block; position:relative; z-index:1; font-size:38px; color:#c00;}
.showcon h2>span{position:absolute; line-height:1; bottom:0; font-size:88px; font-weight:bold;  color:#f5f7f8;}
.showcon>hr{display:block; width:80px; height:3px; margin:0; margin:18px 0 38px 0; border:none; border-radius:5px; background:#1565e3;}
.showcon>aside{display:block; font-size:16px;}
.showcon>aside>p+p{margin-top:15px;}
.showslide{width:50%; float:left; position: relative;}
.showimgs{position:absolute; left: 0; top:0; right: 0; bottom:0; overflow:hidden;}
.showimgs>ul{width:10000%; height:100%; display:flex; align-items:flex-start;}
.showimgs>ul:after{display:block; content:''; clear:both;}
.showimgs>ul>li{width:1%; height:100%; float:left; position:relative;}
.showimgs>ol{position:absolute; bottom:5%; left:5%; right:5%; text-align:right; font-size:0;}
.showimgs>ol>li{display:inline-block; cursor:pointer;}
.showimgs>ol>li+li{margin-left:12px;}
.showimgs>ol>li:before{display:block; content:''; border-radius:1px; width:10px; height:10px; background:#fff;}
.showimgs>ol>li.active:before{background:#1565e3;}
.showimgs img{display:block; width:100%; height: 100%; object-fit: cover; margin:0 auto;}
@media(max-width:1199px){
.show{padding:40px 0; }
.showcon{padding-right:20px;}
.showcon h2>strong{font-size:32px;}
.showcon h2>span{font-size:66px;}
.showcon>aside{font-size:15px;}
.showimgs{top:0; bottom:0;}
}
@media(max-width:992px){
.show>article{display: block;}
.showcon{width:100%; float:none; padding-right:0;}
.showslide{width:66%; margin:18px auto 0 auto; float:none;}
.showimgs{position: static; height: 600px;}
.showslide{width:100%; padding:18px 0 0;}
}
@media(max-width:767px){
.show{padding:20px 0; }
.showcon h2{margin:0;}
.showcon h2>strong{font-size:26px;}
.showcon h2>span{font-size:52px;}
.showcon>hr{margin:8px 0 18px 0;}
.showcon>aside{font-size:14px;}
.showcon>aside>p+p{margin-top:8px;}
.showimgs{height:300px;}
.showslide{margin-top:8px; padding:8px 0 0;}
}






.idea{display: block; position: relative;}
.idea:after{display:block; content:''; clear:both;}
.idea-text{width: 75%; position: absolute; left: 0; top:0; bottom: 0;}
.idea-text>aside{position: absolute; left: 0; top:0; bottom: 0; right:0; visibility: hidden; opacity: 0; transition: .3s;}
.idea-text>aside>ins{display: block; width: 100%; height: 100%; overflow: hidden;}
.idea-text>aside>ins>img{display: block; width: 100%; height: 100%; object-fit: cover;}
.idea-text>aside>div{position: absolute; z-index: 8; top:0; left: 0; padding: 80px 100px; color: #fff;}
.idea-text>aside>div>b{font-size: 16px; line-height: 1;  text-shadow: 0 2px 4px rgba(0,0,0,.38); margin-bottom:10px; display: block;}
.idea-text>aside>div>h2{font-size: 36px; line-height: 1; text-shadow: 0 2px 4px rgba(0,0,0,.38);}
.idea-text>aside>div>p{font-size: 26px; margin-top: 80px;}
.idea-text>aside.on{opacity: 1; visibility: visible;}
.idea-list{width:25%; float: right;}
.idea-list>ul{display: block;}
.idea-list>ul>li{display: block;}
.idea-list>ul>li+li{border-top:1px solid #e8e8e8;}
.idea-list>ul>li>span{display: block; padding:40px 100px 40px 0; cursor: pointer;}
.idea-list>ul>li>span:after{display:block; content:''; clear:both;}
.idea-list>ul>li>span>em{float: left; width:35%; font-size:38px; text-align: center; margin-top:6px; color:#686868;}
.idea-list>ul>li>span>h3{float: left; width:45%; line-height: 1;}
.idea-list>ul>li>span>h3>i{display: block; font-size:13px; font-style: normal; color:#686868;}
.idea-list>ul>li>span>h3>b{display: block; font-size:24px; margin-top:8px;}
.idea-list>ul>li>span>h6{float: left; width: 20%; font-size:25px; font-weight:normal; text-align: right; margin-top: 4px; color:#989898;}
.idea-list>ul>li.on{background: #1565e3;}
.idea-list>ul>li.on>span>em{color: #fff;}
.idea-list>ul>li.on>span>h3>i{color: #fff;}
.idea-list>ul>li.on>span>h3>b{color: #fff;}
.idea-list>ul>li.on>span>h6{color: #fff;}
@media(max-width:1600px){
.idea-list>ul>li>span{padding:30px 10% 30px 0;}
.idea-text>aside>div{padding: 60px 80px;}
.idea-text>aside>div>p{font-size: 24px; margin-top: 60px;}
.idea-list>ul>li>span>em{font-size:32px;}
.idea-list>ul>li>span>h3>i{font-size:12px;}
.idea-list>ul>li>span>h3>b{font-size:20px;}
.idea-list>ul>li>span>h6{font-size:22px;}
}
@media(max-width:1199px){
.idea-text>aside>div{padding:40px 18px;}
.idea-text>aside>div>b{font-size: 14px;}
.idea-text>aside>div>h2{font-size: 30px;}
.idea-text>aside>div>p{font-size:20px; margin-top:40px;}
.idea-list>ul>li>span{padding: 30px 0;}
.idea-list>ul>li>span>em{width: 40%;}
.idea-list>ul>li>span>h3{width: 60%;}
.idea-list>ul>li>span>h6{display: none;}
}
@media(max-width:992px){ 
.idea-text{width:100%; height:400px; position: relative;}
.idea-text>aside>div>p{font-size:18px;}
.idea-list{width:100%; float:none;}
.idea-list>ul{display: flex;}
.idea-list>ul>li{flex: 1;}
.idea-list>ul>li+li{border-top:none; border-left:1px solid #e8e8e8;}
.idea-list>ul>li>span{padding:20px 0;}
.idea-list>ul>li>span>em{display: block; text-align: center; float: none; width: 100%; margin: 0 0 15px 0;}
.idea-list>ul>li>span>h3{float: none; text-align: center; width: 100%;}
.idea-list>ul>li>span>h3>i{font-size: 10px;}
.idea-list>ul>li>span>h3>b{font-size:18px;}
}
@media(max-width:767px){ 
.idea-text>aside>div{padding:20px 8px;}
.idea-text>aside>div>b{font-size: 12px;}
.idea-text>aside>div>h2{font-size: 24px;}
.idea-text>aside>div>p{font-size:15px; margin-top:20px;}
.idea-list>ul{flex-wrap:wrap;}
.idea-list>ul>li{flex:auto; width: 33.333%; border-bottom: 1px solid #e8e8e8;}
}


.certificate{padding:80px 0; background:#fff;}
.certificate:after{display:block; content:''; clear:both;}
.certificate-title{display: block; position: relative;}
.certificate-title:after{display:block; content:''; clear:both;}
.certificate-title b{font-size:16px; margin-bottom: 5px; color:#989898;}
.certificate-title h2{font-size:36px; font-weight:bold; line-height:1;}
.certificate-title h2:after{display: block; width:80px; margin-top: 18px; border-radius: 1px; height:3px; content: ''; background: #1565e3;}
.certificate-box{margin-top:40px; position: relative;}
.certificate-swiper{overflow:hidden; margin:0 -20px;}
.certificate-wrapper{width:10000%; display:flex; align-items:start;}
.certificate-wrapper:after{display:block; content:''; clear:both;}
.certificate-slide{width:0.25%; padding:20px; float:left;}
.certificate-slide>a{display:block; background:#f0f2f8; padding:20px;}
.certificate-slide>a>img{display:block; width:100%;}
.certificate-pager{position: absolute; bottom:20px; right: 0; font-size: 0;}
.certificate-pager>ul{display: block;}
.certificate-pager>ul>li{display:inline-block; cursor: pointer; width:10px; height:10px; border-radius:1px; margin:0 4px; transition: .3s; background:#989898;}
.certificate-pager>ul>li.on{width:28px; background:#1565e3;}
.certificate-butprev,
.certificate-butnext{position:absolute; z-index:888; left:35px; top:48%; width:35px; height:35px; line-height:35px; border-radius:3px; font-size:28px; cursor:pointer;
text-align:center; background:rgba(0,0,0,.38); color:#fff; transition:.3s; opacity:0; visibility:hidden;}
.certificate-butnext{left:auto; right:35px;}
.certificate-butprev:hover,
.certificate-butnext:hover{background:#1565e3;}
div:hover>.certificate-butprev,
div:hover>.certificate-butnext{opacity:1; visibility:visible;}
@media(max-width:1720px){
.certificate-slide{width:0.25%;}
}
@media(max-width:1440px){
.certificate-text{padding-left:28px;}
}
@media(max-width:1199px){
.certificate{padding:50px 0;}
.certificate-box{margin-top:30px;}
.certificate-title b{font-size:14px;}
.certificate-title h2{font-size: 30px;}
.certificate-swiper{margin:0 -10px;}
.certificate-slide{padding:10px; width:0.33333%;}
.certificate-pager{margin-top:20px;}
}
@media(max-width:992px){
.certificate-slide{width:0.5%;}
}
@media(max-width:767px){
.certificate{padding:30px 0;}
.certificate-title h2{font-size:24px; margin-bottom:8px;}
.certificate-title p{font-size:14px;}
.certificate-title h2:after{display: none;}
.certificate-box{margin-top:15px;}
.certificate-swiper{margin:0 -8px;}
.certificate-slide{width:1%; padding:8px;}
.certificate-slide>a{padding:8px; }
.certificate-pager{margin-top:18px; position: static;}
.certificate-pager>ul>li{width:8px; height:8px; margin:0 4px;}
.certificate-pager>ul>li.on{width:18px;}
}



.culture{background: #fff;}
.culture-title{display: block; position: relative;}
.culture-title:after{display:block; content:''; clear:both;}
.culture-title b{font-size:16px; margin-bottom: 5px; color:#989898;}
.culture-title h2{font-size:36px; font-weight:bold; line-height:1;}
.culture-title h2:after{display: block; width:80px; margin-top: 18px; border-radius: 1px; height:3px; content: ''; background: #1565e3;}
.culture-list{display:block; margin-top:45px;}
.culture-list>ul{display: block;}
.culture-list>ul:after{display:block; content:''; clear:both;}
.culture-list>ul>li{float:left; width:33.333%; position:relative; overflow: hidden;}
.culture-list>ul>li>a{display:block; padding:80px 100px; position:relative; z-index: 2; margin: 1px 0 0 1px; overflow:hidden; background:rgba(0,0,0,.58); color:#fff;}
.culture-list>ul>li>a:before{width: 1px; height: 85px; content: ''; float: left; margin-right:30px; background: #fff;}
.culture-list>ul>li>a>em{font-size:36px; line-height:1; font-style:normal; color:#fff;}
.culture-list>ul>li>a>h3{font-size:28px; line-height:1; position:relative; z-index:3; margin:15px 0;} 
.culture-list>ul>li>a>p{ font-size:17px; height:54px; margin: 80px 0; overflow:hidden; position:relative; z-index:2;} 
.culture-list>ul>li>img{position: absolute; top:1px; left:1px; right:0; bottom: 0; width: 100%; height: 100%; transition: .3s; object-fit: cover;}
.culture-list>ul>li:hover>img{transform: scale(1.05);}
@media(max-width:1600px){
.culture-list>ul>li>a{padding:60px;}
.culture-list>ul>li>a>p{margin:60px 0;}
}
@media(max-width:1199px){  
.culture-list{margin-top:35px;}
.culture-title b{font-size:14px;}
.culture-title h2{font-size: 30px;}
.culture-list>ul>li>a{padding: 18px;}
.culture-list>ul>li>a:before{height:65px; margin-right:18px;}
.culture-list>ul>li>a>em{font-size:28px;}
.culture-list>ul>li>a>h3{font-size:22px; margin:10px 0;} 
.culture-list>ul>li>a>p{ font-size:15px; height:50px; margin:50px 0;}
}
@media(max-width:992px){
.culture-list>ul>li{width:50%;}
}
@media(max-width:767px){ 
.culture-list{margin-top:25px;}
.culture-title h2{font-size:24px; margin-bottom:8px;}
.culture-title p{font-size:14px;}
.culture-title h2:after{display: none;}
.culture-list>ul>li>a{padding:8px; margin: 0;}
.culture-list>ul>li>a:before{height:55px; margin-right:12px;}
.culture-list>ul>li>a>em{font-size:22px;}
.culture-list>ul>li>a>h3{font-size:16px;} 
.culture-list>ul>li>a>p{font-size:14px; margin:20px 0;}
.culture-list>ul>li>img{top:0; left: 0;}
}
