li {list-style:none;}
.fl { float:left; }
.fr  { float:right; }
.tc { text-align:center; }
.bg-blue { background-color:#eff3fa; }
#brand ul { width:100%;  margin-bottom:20px;}
#brand li { float:left; }
#brand .brand-line1 li:first-child { width:21%; }
#brand .brand-line1 li:nth-child(2) { width:26%; }
#brand .brand-line1 li:nth-child(3) { width:30%; }
#brand .brand-line1 li:nth-child(4) { width:23%; }
#brand  li img { display:block; max-width:100%; margin:0 auto; }
#brand .brand-line2 li:first-child { width:28%; }
#brand .brand-line2 li:nth-child(2) { width:25%; }
#brand .brand-line2 li:nth-child(3) { width:16%; }
#brand .brand-line2 li:nth-child(4) { width:31%; }
#brand .brand-line3 li:first-child { width:19%; }
#brand .brand-line3 li:nth-child(2) { width:31%; }
#brand .brand-line3 li:nth-child(3) { width:27%; }
#brand .brand-line3 li:nth-child(4) { width:22%; }
#brand .brand-title { text-align:center; font-size:32px;color:#999; }
.case-ep1 { padding-top:30px;  background-color:#F5F5F5; margin-top:50px; margin-bottom:50px; }
.case-ep1 p { font-size:18px; text-indent: 34px;line-height:40px !important; }
.case-ep2 { margin-bottom:90px; }
.case-ep2 p { line-height:40px !important; font-size:18px; text-indent: 34px;  }
.c-box { position:relative; cursor:pointer; }
.c-box h3 { display:none; line-height:151px; color:#fff; text-align:center; width:243px; height:151px;left:15px; top:0; position: absolute; z-index: 100; }
.c-box .box-shade {display:none; width:243px; height:151px; background:#000; opacity:0.5; position:absolute;z-index:10; left:15px; top:0;}
@media only screen and (max-width:1182px) {
   .c-box .box-shade { width:212px; height:132px; } 
   .c-box h3 { left:0; line-height:132px;}
}
#slider {background: url('../css/images/case/case-main.jpg') no-repeat; background-size:cover;background-position: center center;  }
.com-olt { text-align: center; font-size:22px; }
.com-olt img { text-align: center; margin-bottom:30px; }
.com-olt p { text-align: left;  }
.com-olt h3 {  }
.sbox {cursor:pointer; width:182px; line-height:38px; font-size:22px; height:38px; border:1px solid #edb03b; border-radius:6px 6px 0 0; }
.sboxs {
    cursor: pointer;
    width: 400px;
    line-height: 38px;
    font-size: 22px;
    height: 38px;
    border: 1px solid #edb03b;
    border-radius: 6px 6px 0 0;
}
.case-count { font-size:24px; position:relative; margin:0 auto; background:url('../css/images/case/case-count.png') no-repeat; width:248px; height:248px; }
.case-count li { position: relative; color:#fff;}
.case-count li:first-child { width:124px; height:124px; float:left; line-height:180px;text-align:center; }
.case-count li:first-child span { display:block; position: absolute; left:40px; top:-40px; }
.case-count li:nth-child(2) { width:124px; height:124px; float:left; line-height:180px;text-align:center; }
.case-count li:nth-child(2) span { display:block; position: absolute; left:40px; top:-40px; }
.case-count li:nth-child(3) { width:248px; height:124px; float:left; line-height:180px;text-align:center; }
.case-count li:nth-child(3) span { display:block; position: absolute; left:90px; top:-40px; }
.case-details { padding:100px 0 100px 0; }
.case-details-bottom {
    height: 70px;
}
.collapse-btn {
    width: 200px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.btn-text1,.btn-text2 {
    color: #8B8B8B;
    font-size: 12px;
    line-height: 70px;
    display: inline-block;
}
.btn-text2 { display:none; }
.arrow {
    display: inline-block;
    width: 20px;
    height: 70px;
    background:  url(../css/images/case/arrow-down.png) center center no-repeat;
    vertical-align: middle;
}
.case-details-p { padding-top:100px; display:none; }
.case-details-p h3 { font-size:28px; }
.case-details-p p { font-size:18px; }



.pricing-box.pricing-extended .pricing-desc {
    float: left;
    width: 100%;
    padding: 25px;
}

.pricing-box.pricing-extended .pricing-features li {
    padding: 6px 0;
	font-size: 15px;
	width: 25%;
	float: left;
}
.heading-block:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border: none;
}
@media (max-width: 767px) {
.pricing-box.pricing-extended .pricing-features li {
		width: auto;
		float: none;
}
}

/*******一下是针对页面颜色比较浅写的样式 zzw 
.sf-js-enabled div{
    color:#333;	
}
.sub-menu ul div {
    color:#FFF;
}
#header.sticky-header:not(.static-sticky) .sub-menu ul div{
   color: #444;
}
#caseanalysis div{
	color:#F5A34D;
}
.LoginRegister {
    color:#333;
}*********/
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    color: #444;
}

#case {
    color: #F5A34D;
}