.subnav-one{background-color: #f0f0f0; border-bottom: 1px solid #b0b0b0;}
.subnav-small{background-color: #fafafa;}
.subnav-small p{width: 140px; text-align: center; float: left; font-size: 18px; line-height: 72px;}
.sublist{float: right; font-size: 12px; line-height: 24px; padding-top:24px;}
.sublist a{display: inline-block; padding: 0 15px; margin-left: 30px;}
.sublist a.on{color: #fbc815;}
.sublist .buybtn{background-color: #fbc815; color: #fff;}


.warp-grey{background-color: #e6e6e6;}
.warp-light-grey{background-color: #f0f0f0;}
.warp-light{background-color: #fafafa;}
.warp-balck{background-color: #323232;}



.case-nav{ padding-top: 38px; padding-bottom: 38px;}
.case-header{display: -webkit-flex; display: -moz-flex; display: flex;}
.case-header h2{font-size: 24px; line-height: 56px; flex: 1;}	
.case-search{background-color: #e6e6e6; border-radius: 5px;padding-left: 25px; padding-top: 12px;}
.case-search .icon-magnifier{font-size: 30px; color: #646464;}
.case-search button{border: none; background: none; padding:0 25px; vertical-align: middle; }
.search-text{font-size: 16px; line-height: 30px; vertical-align: middle; width: 320px; border: none; background: none;}
.case-hotkey{margin-top: 38px;}
.case-hotkey a{color: #252f37; display: inline-block; line-height: 28px; font-size: 12px; padding: 0 9px; border: 1px solid #8b8b8b; margin-right: 8px; border-radius: 4px;}

.case-breadnav{padding: 30px 0; line-height: 32px; font-size: 12px; color: #252f37;}
.case-breadnav a{color: #252f37;}
.case-breadnav span{margin: 0 16px;}

.case-show{padding-top: 10px;}
.case-ppt{width: 750px; height: 620px; float: left;}
.case-pptinfo{float: right;}
.case-item{display: -webkit-flex;display: -moz-flex;display: flex; padding-bottom: 24px; border-bottom: 1px solid #c8c8c8; margin-bottom: 40px;}
.item-type{flex: 1;}
.item-title{color: #252f37; font-size: 18px; line-height: 36px; margin: 10px 0;}
.item-type p{font-size: 16px; color: #252f37; line-height: 45px;}
.link-more{color: #fbc815; margin-left: 10px;}
.case-sever a,.case-sever p{display: inline-block; line-height: 50px; font-weight: bold; border-radius: 5px; font-size: 16px;}
.case-tel{background-color: #f0f0f0; color: #969696; padding: 0 25px;}
.case-tel:hover{color: #969696;}
.case-online{background-color: #fbc815; padding: 0 15px; color: #fafafa; margin-left: 20px;}
.case-online:hover{color: #fafafa;}
.case-online .icon-bubble{background: url(http://images.jiagubang.net/static-pc/images/bubble.png) no-repeat; display: inline-block; width: 30px; height: 28px; vertical-align: middle; margin-right: 15px; }


.fixed-nav{background-color: #faebb5;}
.fixed-nav ul{display: -webkit-flex;display: -moz-flex;display: flex; padding: 40px 0;}
.fixed-nav ul li{flex: 1; text-align: center; line-height: 20px;}
.fixed-nav ul li a{color: #1e1e1e; font-size: 18px;}
.fixed{position: fixed; display: none;top: 0;z-index: 999;width:100%}
.show{display: block;}
.case-main{margin-top: 88px;}
.case-part{width: 710px; float: left;}
.part-each{margin-bottom: 60px;}
.part-each h3{font-size: 18px; display: -webkit-flex;display: -moz-flex;display: flex; line-height: 36px; padding-bottom: 24px; border-bottom: 1px solid #c8c8c8; margin-bottom: 40px;}
.part-each h3 strong{color: #252f37; flex: 1;}
.part-each h3 a{color: #fbc815; font-size: 14px;}
.part-area{overflow: hidden;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.part-area video{width: 710px; height: 400px;}
.part-area dl{width: 150px; margin-right:30px;}
.part-area dl:nth-child(4n){margin-right:0;}
.part-area dl dd{text-align: center; font-weight: 300; font-size: 14px; color:#323232;}
.part-area dt img{width: 171px; height: 114px;}
.part-area .case-picture img{width: 100%;height: 100%;}
.basic-type,.basic-detials span{font-size: 14px; color: #323232; font-weight: 300;}
.basic-detials strong{font-size: 14px; color: #000; margin-left: 6px;}
.case-basic li{display: -webkit-flex;display: -moz-flex;display: flex; flex-direction:row; margin-bottom: 40px;}
.basic-detials{flex:1;}
.basic-type{width: 126px;}
.side-part{width: 360px; float: right;}
.side-part h3,.more-case{background: #fbc815; line-height: 60px; text-align: center;}
.side-part h3 strong{font-size: 18px;}
.side-part h3 a{color: #fafafa; margin-left: 40px;}
.side-case{background-color: #f0f0f0; padding-bottom: 28px;}
.side-case dl{padding: 28px 28px 0;}
.side-case dd{line-height: 36px; padding-top: 8px; text-align: center;}
.side-case dd a{font-size: 14px; color: #1e1e1e;}
.side-case img{width: 285px; height: 190px;}
.more-case{margin: 36px 0; display: block; font-weight: bold;}



.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  height: 500px;
  width: 100%;
}

.gallery-thumbs {
  height: 120px;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}