﻿ #slidebox {position:relative; width:100%; height:0; padding:0 0 28% 0;  overflow:hidden; }
.sl-list {position:absolute; width:100%; height:100%; }
.sl-list-pic {position:absolute; width:100%; float:left;opacity:0; z-index:1; }
.sl-list-pic img{width:100%; display:block; float:left; }
.sl-pic-on{ opacity:1; z-index:2; }

.sl-index {position:absolute; left:50%; bottom:10px; z-index:20; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.sl-index-dot {float:left; color:gray; font-size:30px; font-weight:900; width:30px; height:25px; margin-right:-5px; }
.sl-index-dot:hover {cursor:pointer;}
.active{color:white; }


/* #project{position:relative; z-index:3; width:100%; height:150px; margin-top:-155px; }
.proj-list{width:1000px; margin:0 auto; overflow:hidden; }
.proj-list li{width:16.6%; float:left; }
.proj-list a{display:block; width:120px; height:120px; margin:0 auto; background-color:#05828C; border:5px solid rgb(122,195,194); color:#ffffff; text-align:center; border-radius:50%;}
.proj-icon{display:block; width:70px; height:70px; margin:5px auto; background:url('../img/proj-icon.png') no-repeat; background-size:420px;}
.proj-item1 .proj-icon{background-position:0 0;}
.proj-item2 .proj-icon{background-position:-70px 0;}
.proj-item3 .proj-icon{background-position:-140px 0;}
.proj-item4 .proj-icon{background-position:-210px 0;}
.proj-item5 .proj-icon{background-position:-280px 0;}
.proj-item6 .proj-icon{background-position:-350px 0;}
.proj-name:after{content:""; width:0; height:0; display:block; margin:10px auto; border-top:5px solid #fff;  border-right:10px solid transparent; border-left:10px solid transparent;}
.proj-list a:hover{background-color:#fff; color:#05828c;}
.proj-list a:hover .proj-icon{background-image:url(../img/proj-icon2.png); }
.proj-list a:hover .proj-name:after{border-top-color:#05828c; } */


#news{background-color:rgb(220,216,217);}
#news h3, #case h3, #experts h3, #store h3{text-align:center; margin:0; padding:25px 0; font-size:22px; }
.news-list{margin:0 auto; overflow:hidden; }
.news-item{width:50%; float:left; box-sizing:border-box; padding:20px 30px 20px 25px; }
.news-thumb{display:block; float:left; width:145px; height:100px; }
.news-thumb img{width:100%; height:100%; object-fit:cover; -webkit-object-fit:cover; -o-object-fit:cover; -moz-object-fit:cover; object-position:top center;}
.news-detail{overflow:hidden; padding:0 0 0 15px; }
.news-title a{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-title span{color: #333; } 
.news-title{margin-top:0; line-height:1.5em;}
.news-description{font-size:13px; line-height:1.5em; }
.news-link{cursor:pointer; }

.brand{background-color:#333; }
.b-container{position:relative; width:1000px; margin:0 auto; padding:20px 0 30px; text-align:center; font-size:0; }
.v-box{position:relative; display:block; width:65%; }
.b-title{margin:0 0 20px; color:#fff; font-family:"Microsoft Yahei"; font-size:26px; text-align:center; }
.v-box video{display:block; width:640px; max-width:85%; margin:0 auto; border:2px solid transparent; box-shadow:0 0 10px 0 #eee; opacity:0.8; cursor:pointer; }
.v-btn{position:absolute; left:50%; top:50%; width:120px; height:80px; background-color:rgba(7,20,30,0.8); transform:translate(-50%,-14px); -webkit-transform:translate(-50%,-14px); border-radius:10px; box-shadow:0 0 10px rgba(255,255,255,0.5); cursor:pointer; }
.v-btn:before{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); content:""; width:0; height:0;  border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:20px solid #fff; }
.v-box video:hover{opacity:1; }
.brand-info{position:absolute; top:0px; right:0; bottom:0; width:35%; 
    /* background-color:#666;  */
    color:#eee; }
.brand-info p img{display: block; width:80%; margin:0 auto 10px; }
.brand-info .b-title{margin:20px 15px; }
.brand-info p{margin:15px; font-size:14px; line-height:1.7em; text-align:justify; }

.case-swiper{width: 1000px; margin: 0 auto 30px; font-size: 0; overflow: hidden; }
.case-list{width:3000px; transition:transform .3s; -webkit-transition:transform .3s; }
.case-item{display: inline-block; width: 500px; }
.case-item img{display: block; width: 90%; box-sizing: border-box;  border:1px solid #aaa; border-radius:10px 10px 0 0; margin: 0 auto; }
.case-item span{display: block; width: 90%; margin:0 auto; padding: 10px 0; border-radius:0 0 10px 10px; font-size: 16px; font-weight: 500; text-align: center; background-color: #05828c; color: #eee; }

/* #experts{padding:10px 0; background-color:rgb(123,196,202); }
#experts h2{margin:0; padding:20px 0; font-size:20px; text-align:center; color:#333; }
.exp-swiper{width:1000px; margin:0 auto; overflow:hidden; }
.exp-list{width:300%; overflow:hidden; font-size:0; transition:transform .3s; -webkit-transition:transform .3s; }
.exp-list-pic{display:block; float:left; width:1000px; }
.exp-list-pic img{display:inline-block; width:45%; margin:0 25px; box-sizing:border-box; border-radius:20px; }
.swiper-dot{text-align:center; }
.swiper-dot-list{display:inline-block; margin:10px; padding:0 10px; border-radius:10px; text-align:center; background-color:rgba(238,238,238,.5); font-size:0; }
.swiper-dot-item{display:inline-block; width:10px; height:10px; margin:5px; border-radius:50%; background-color:gray; }
.swiper-dot-item:hover{cursor:pointer; }
.swiper-dot-active{background-color:#05828c; } */

.expert{width:100%; background-color: #ddd;}
.expert-container{width: 1000px; margin: 0 auto; padding:20px 0 15px;  color: #333; overflow: hidden; }
.expert-container>h3{text-align: center; color:#333; }
.expert-all{width: 450%; font-size: 0; transition: transform 0.3s linear; }
.expert-item{position: relative; display: inline-block; width: 10.51%; margin: 0 0.3%; box-sizing: border-box; border-radius: 10px; font-size: 14px; line-height: 1.5em; background-color: #fff; }
.expert-item::after{display: block; content: ""; clear: both;}
.expert-link{position: absolute; top: 0; right: 10px; padding: 2px 5px; display: inline-block; background-color: #05828c; color: #fff; text-decoration: none; }
.expert-item img{float: left; width: 40%; border-radius: 10px; }
.expert-info{position: absolute; top: 50%; left: 40%; transform: translate(0, -50%); padding:0 15px 0 0; font-size: 14px; }
.expert-name{display: block; padding: 0 0 10px; font-size: 16px; font-weight: bold; }
.expert-title{display: block; font-size: 14px; font-weight: normal; }
.expert-fields{margin: 10px 0; text-align: justify;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.swiper-dot{text-align:center; }
.swiper-dot-list{display:inline-block; margin:20px 10px; padding:0 10px; border-radius:10px; text-align:center; background-color:rgba(238,238,238,.5); font-size:0; }
.swiper-dot-item{display:inline-block; width:10px; height:10px; margin:5px; border-radius:50%; background-color:gray; }
.swiper-dot-item:hover{cursor:pointer; }
.swiper-dot-active{background-color:#05828c; }

#store{background-color:rgb(220,216,217); overflow:hidden; }
.store-box{width:1000px; position:relative; margin:0 auto; text-align:center; }
.store-swiper{width:83.5%; padding:10px 10px; box-sizing:border-box; overflow:hidden;}
.store-list{float:left; width:210%; position:relative; }
.store-item{width:9.6%; float:left; box-sizing:border-box; padding:15px; }
.store-item-on img{transform:scale(1.2);}
.store-item img{display:block; width:100%; border:1px solid transparent; border-radius:5px; box-shadow:0 0 4px 2px #333; transition:transform 0.2s linear;}
.store-item img:hover{transform:scale(1.2); }
.store-more{position:absolute; top:18px; right:10px; width:15%; height:150px; background-color:rgb(89,89,89);}
.store-more:before{content:""; display:block; position:absolute; bottom:0; width:2px; height:50px; background-color:#fff; transform:rotate(45deg); transform-origin:left bottom; }
.store-more:after{content:""; display:block; position:absolute; top:0; right:0; width:2px; height:50px; background-color:#fff; transform:rotate(45deg); transform-origin:right top;}
.store-more a{display:block; margin-top:48px; color:#fff; text-align:center; }
.store-more a span{display:block; block; font-family:"微软雅黑"; }
.store-more-word2{font-size:18px; }
.store-index{display:inline-block; margin:15px 0 40px 0; }
.store-index-item{display:inline-block; height:20px; line-height:20px; padding:0 5px; background-color:rgb(89,89,89); color:#fff;}
.store-index-item-on{background-color:#05828c; }

/* .flink{ width:1000px; margin:15px auto 0;} */
.flink{position: relative; width: 1000px; height: 70px; margin: 10px auto; border: 1px solid #ccc; color: #333; font-size: 0; }
.flink-type{display: inline-block; padding: 0 10px; font-size: 14px; }
.flink-type span{display: block; height: 35px; line-height: 35px; }
.flink-type ul{position: absolute; top: 35px; left: 0; width: 100%; min-height: 35px; padding-left: 15px; box-sizing: border-box; background-color: #ddd; }
.flink-type:hover{cursor: pointer; }
.flink-type-active{background-color: #ddd !important;}
.flink-type-active ul{z-index: 3; background-color: #ddd !important; }
.flink-item{display: inline-block; }
.flink-item a{display: block; width: 100px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; color: #555;}