.index-kelin-tit {text-align:center;}
.index-kelin-tit h1,.index-kelin-tit h3 {font-size:33px;height:40px;line-height:40px;font-weight:600;color:#2e2e2e;text-transform:uppercase;position:relative;display:inline-block;}
.index-kelin-tit h1::before,.index-kelin-tit h3::before {content:'';width:3px;height:28px;background:#113D9B;display:inline-block;margin-right:35px;}
.index-kelin-tit h1::after,.index-kelin-tit h3::after {content:'';width:3px;height:28px;background:#113D9B;display:inline-block;margin-left:35px;}

.about {padding:70px 0;}
.about .txt {margin:50px 0 0;}
.about .txt p {margin-bottom:25px;font-size:18px;color:#484848;line-height:30px;}

.process {padding:70px 0;overflow:hidden;background:url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/42612/425/f8cc197f1fad1bc647461ef3b99b9052/beijing.jpg)no-repeat center;}
.process .index-kelin-tit h3 {color:#fff;}
.process .index-kelin-tit h3::before {background:#fff;}
.process .index-kelin-tit h3::after {background:#fff;}
.process ul {position:relative;margin:0;font-size:0;text-align:center;}
.process ul li {width:calc(100% / 7);display:inline-block;margin:80px 0 0;text-align:center;vertical-align:top;position:relative;}
.process ul li:not(:nth-child(7)):not(:nth-child(7))::after {content:'';top:86px;right:-50px;position:absolute;z-index:1;width:100px;height:2px;background:#fff;}
.process ul li img {height:44px;}
.process ul li em {background:url(../images/dot2.png) no-repeat center;width:36px;height:36px;display:block;margin:25px auto 0;}
.process ul li p {font-size:17px;color:#fff;line-height:24px;height:48px;overflow:hidden;text-transform:uppercase;font-weight:500;margin:20px 0 0;}
.process .more {width:198px;margin:50px auto 0;background:rgba(17,61,155,0.85);height:47px;line-height:47px;box-sizing:border-box;display:block;color:#fff;font-size:15px;text-align:center;}
.process .more:hover {background:rgba(9,40,104,1);}

.exhibition {padding:70px 0;}
.exhibition .txt {margin:40px 0 0;}
.exhibition .txt p {font-size:19px;color:#484848;line-height:38px;text-align:center;}
.exhibition .txt ul {margin:50px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.exhibition .txt ul li {width:33.333333333%;padding:0 30px;box-sizing:border-box;text-align:center;position:relative;}
.exhibition .txt ul li:not(:last-child)::after {content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:url(../images/line2.png) repeat-y;display:block;}
.exhibition .txt ul li h5 {color:#333;font-size:34px;line-height:1;display:inline-block;position:relative;font-weight:700;}
.exhibition .txt ul li h5::after {content:attr(date-txt);position:absolute;bottom:0;color:#333;right:-30px;font-size:34px;}
.exhibition .txt ul li:nth-child(1) h5::after {right:-40px;bottom:7px;font-size:20px;}
.exhibition .txt ul li p {font-size:20px;color:#333;margin:5px 0 0;text-align:center;text-transform:capitalize;}
.exhibition .list {position:relative;margin:60px 0 0;}
.exhibition .swiper-slide ul {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;position:relative;}
.exhibition .swiper-slide ul li {margin:7px 0 0;position:relative;overflow:hidden;}
.exhibition .swiper-slide ul li:nth-child(1) {width:42%;}
.exhibition .swiper-slide ul li:nth-child(2) {width:21.4%;}
.exhibition .swiper-slide ul li:nth-child(3) {width:35.2%;}
.exhibition .swiper-slide ul li:nth-child(4) {width:42%;}
.exhibition .swiper-slide ul li:nth-child(5) {width:57.3333%;}

.exhibition .swiper-slide ul li a {width:100%;display:block;overflow:hidden;}
.exhibition .swiper-slide ul li img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.exhibition .swiper-slide ul li:nth-child(1) {}
.exhibition .swiper-slide ul li:last-child {position:absolute;right:0;bottom:0;}
.exhibition .swiper-slide ul li>p {position:absolute;z-index:2;left:0;right:0;bottom:0;width:100%;padding:0 30px;box-sizing:border-box;background:rgba(17,61,155,0.75);cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);text-align:center;color:#fff;font-size:20px;height: 30%;}
.exhibition .swiper-slide ul li:hover p {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.exhibition .swiper-slide ul li:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}
.exhibition .swiper-button-prev,.exhibition .swiper-button-next {width:49px;height:67px;background:url(../images/prev.png) no-repeat;border-radius:0;margin-top:-33px;text-align:center;}
.exhibition .swiper-button-prev,.exhibition .swiper-container-rtl .swiper-button-next {left:-70px;right:auto;}
.exhibition .swiper-button-next,.exhibition .swiper-container-rtl .swiper-button-prev {right:-70px;left:auto;background:url(../images/next.png) no-repeat;}
.exhibition .swiper-button-prev i,.exhibition .swiper-button-next i {color:#fff;font-size:23px;line-height:49px;}
.exhibition .swiper-button-prev:hover,.exhibition .swiper-button-next:hover {opacity:0.6;}
.exhibition .swiper-button-prev::after,.exhibition .swiper-button-next::after {content:none;}
.exhibition .swiper-pagination {display:none;position:static;width:100%;font-size:0;margin-top:25px;}
.exhibition .swiper-pagination-bullet {height:12px;width:12px;margin:0 3px;background:#ccc;border-radius:50%;opacity:1;}
.exhibition .swiper-pagination-bullet-active {background:#7490c4;}

.test {padding:70px 0;overflow:hidden;background:url(../images/ibg6.jpg) no-repeat center;}
.test .index-kelin-tit h3 {color:#fff;}
.test .index-kelin-tit h3::before {background:#fff;}
.test .index-kelin-tit h3::after {background:#fff;}

.test .list{position:relative;margin:60px 0 0;padding:50px 40px 30px;background:rgba(255,255,255,0.5);}
.test .list ul{display:flex;flex-wrap:wrap;margin:-20px -20px 0;}
.test .list ul li{width:50%;padding:20px;}
.test .list ul li >a{width:100%;height:59px;overflow:hidden;background:rgba(17,61,155,0.6);display:flex;justify-content:space-between;align-items:center;padding:0 18px;}
.test .list ul li > a span {font-size:13px;color:#fff;text-transform:uppercase;}
.test .list ul li > a img {transition:all 0.3s ease 0s;}

.test .list ul li :hover > a {background:rgba(9,40,104,0.6);}
                            
.teamlist {padding:70px 0;}
.teamlist .list {margin:60px 0 0;}
.teamlist ul{display: flex;margin: 0 -15px;flex-wrap: wrap;}
.teamlist ul li{width: 25%;padding: 10px 15px;}
                            



.certlist {padding:70px 0;}
.certlist .list {margin:60px 0 0;text-align:center;position:relative;}
.certlist .swiper-box {overflow:hidden;}
.certlist .swiper-slide {width:300px;margin:20px 0;background:#fff;}
.certlist .swiper-slide a {width:100%;display:block;}
.certlist .swiper-slide img {width:100%;display:block;box-shadow:rgba(0,0,0,0.4) 0px 4px 10px 0px;}
.certlist .swiper-slide p {display:none;margin:20px 0 0;color:#212121;font-size:20px;text-transform:uppercase;}
.certlist .swiper-slide.swiper-slide-active p {display:block;}
.certlist .list .swiper-button-prev,.certlist .list .swiper-button-next {width:49px;height:67px;background:url(../images/prev.png) no-repeat;border-radius:0;margin-top:-33px;text-align:center;}
.certlist .list .swiper-button-prev,.certlist .list .swiper-container-rtl .swiper-button-next {left:-70px;right:auto;}
.certlist .list .swiper-button-next,.certlist .list .swiper-container-rtl .swiper-button-prev {right:-70px;left:auto;background:url(../images/next.png) no-repeat;}
.certlist .list .swiper-button-prev i,.certlist .list .swiper-button-next i {color:#fff;font-size:23px;line-height:49px;}
.certlist .list .swiper-button-prev:hover,.certlist .list .swiper-button-next:hover {opacity:0.6;}
.certlist .list .swiper-button-prev::after,.certlist .list .swiper-button-next::after {content:none;}
.certlist .swiper-pagination {display:none;position:static;width:100%;font-size:0;margin-top:25px;}
.certlist .swiper-pagination-bullet {height:12px;width:12px;margin:0 3px;background:#ccc;border-radius:50%;opacity:1;}
.certlist .swiper-pagination-bullet-active {background:#7490c4;}


@media screen and (max-width:1450px) {
.exhibition .swiper-slide ul li:nth-child(1) {width:42%;}
.exhibition .swiper-slide ul li:nth-child(2) {width:21.4%;}
.exhibition .swiper-slide ul li:nth-child(3) {width:35.2%;}
.exhibition .swiper-slide ul li:nth-child(4) {width:42%;}
.exhibition .swiper-slide ul li:nth-child(5) {width:57.3333%;}
.exhibition .swiper-slide ul li>p{font-size:18px}  
}

@media screen and (max-width:1367px) {
.exhibition .swiper-button-prev,.exhibition .swiper-button-next {display:none;}
.exhibition .swiper-pagination {display:block;}
.certlist .list .swiper-button-prev,.certlist .list .swiper-button-next {display:none;}
.certlist .swiper-pagination {display:block;}
.exhibition .swiper-slide ul li>p{font-size:16px;  height: 20%;}  
}

@media screen and (max-width:1280px) {
.about{padding:60px 0;}
.index-kelin-tit h1, .index-kelin-tit h3{font-size:31px;}  
.process{padding:60px 0;}
.exhibition{padding:60px 0 30px;}
.certlist{padding:60px 0;}
.test{padding:60px 0;}
.about .txt p{font-size:17px;line-height:28px;}
.exhibition .txt p{font-size:17px;line-height:28px;}
  
}

@media screen and (max-width:992px) {
.test .list ul{margin:-15px 0 0;}
.test .list ul li{width:100%;padding:15px 0;}
  
.teamlist .list ul li{width:33.3333%}

.teamlist .list {margin: 30px 0 0;}
                      
.exhibition .swiper-slide ul li>p{font-size:14px;}                        
}

@media screen and (max-width:768px) {
.index-kelin-tit h1,.index-kelin-tit h3 {font-size:28px;height:36px;line-height:36px;}
.index-kelin-tit h1::before,.index-kelin-tit h3::before {width:2px;height:22px;margin-right:30px;}
.index-kelin-tit h1::after,.index-kelin-tit h3::after {width:2px;height:22px;margin-left:30px;}
.about {padding:30px 0;}
.about .txt {margin:20px 0 0;}
.about .txt p {margin-bottom:20px;font-size:16px;line-height:24px;}
.process {padding:30px 0;background-size:cover;}
.process ul li {width:33.3333333%;margin:40px 0 0;}
.process ul li:not(:nth-child(6)):not(:nth-child(9))::after {content:'';top:86px;right:-40px;width:80px;}
.process ul li:nth-child(3)::after {display:none;}
.process ul li p {font-size:14px;line-height:22px;height:44px;margin:15px 0 0;}
.process .more {width:160px;margin:40px auto 0;height:42px;line-height:42px;}
.exhibition {padding:30px 0 10px;}
.exhibition .txt {margin:25px 0 0;}
.exhibition .txt p {font-size:16px;line-height:24px;}
.exhibition .txt ul {margin:30px 0 0;}
.exhibition .txt ul li {padding:0 20px;}
.exhibition .txt ul li h5 {font-size:28px;}
.exhibition .txt ul li h5::after {bottom:4px;right:-25px;font-size:28px;}
.exhibition .txt ul li:nth-child(1) h5::after {right:-30px;bottom:7px;font-size:18px;}
.exhibition .txt ul li p {font-size:16px;}
.exhibition .list {position:relative;margin:20px 0 0;}
.exhibition .swiper-slide ul {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.exhibition .swiper-slide ul li {margin:7px 0 0;position:relative;overflow:hidden;text-align:center;}
.exhibition .swiper-slide ul li:nth-child(1),.exhibition .swiper-slide ul li:nth-child(6) {width:100%;}
.exhibition .swiper-slide ul li:nth-child(2),.exhibition .swiper-slide ul li:nth-child(3),.exhibition .swiper-slide ul li:nth-child(4),.exhibition .swiper-slide ul li:nth-child(5) {width:49%;height:150px;}
.exhibition .swiper-slide ul li img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.test {padding:30px 0;}
.test .list {margin:30px 0 0;padding:20px;}
.certlist {padding:30px 0;}
.certlist .list {margin:20px 0 0;}
.certlist .swiper-slide {width:200px;margin:15px 0;}
.certlist .swiper-slide img{box-shadow:rgba(0,0,0,0.4) 0 0 5px 0;}
.exhibition .swiper-slide ul li>p{font-size:12px;}      
}

@media screen and (max-width:576px) {                            
.index-kelin-tit h1,.index-kelin-tit h3 {font-size:26px;}               
  
.teamlist .list ul li{width:50%}  
}      
                            
@media screen and (max-width:480px) {
.index-kelin-tit h1,.index-kelin-tit h3 {font-size:24px;height:30px;line-height:30px;}
.index-kelin-tit h1::before,.index-kelin-tit h3::before {width:2px;height:18px;margin-right:30px;}
.index-kelin-tit h1::after,.index-kelin-tit h3::after {width:2px;height:18px;margin-left:30px;}
.exhibition .txt ul li {width:50%;padding:10px 5px;}
.exhibition .txt ul li:last-child {width:100%;}
.exhibition .txt ul li h5 {font-size:20px;}
.exhibition .txt ul li p {font-size:14px;}
.exhibition .swiper-slide ul li>p{font-size:8px;}      
.test .list ul{margin:-10px 0 0;}
.test .list ul li{padding:10px 0;}
}

@media screen and (max-width:420px) {                            
.index-kelin-tit h1,.index-kelin-tit h3 {font-size:22px;}                            
}