/*工程案例-版块标题*/
.case-tit {
    padding:10px 0;
    text-align: center;
}
.case-tit h3 {
    font-size: 32px;
    color: #333;
    font-weight: normal;
}
.case-tit .line {
    background: #f4de26;
    width: 60px;
    height:4px;
    margin:14px auto;
}
.case-tit .en {
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    
}


/*生产实力*/
.case-power {
    padding:30px 0;
	background: url(../images/home-about-bg.png) no-repeat center right;
}
.power-box {
    padding:50px 0;
    overflow:hidden;
}
.power-box .brand {
    width:400px;

}
.power-box .brand .about {
    width:250px;
    height:320px;
    background:#f4de26;
    padding:40px 30px;
    margin:0 auto;
}
.power-box .brand .about .p1 {
    font-size: 20px;
    color:#000;
}
.power-box .brand .about .p2 {
    font-size: 20px;
    color:#000;
    padding:50px 0 46px 0;
}
.power-box .brand .about .p2 span {
    font-size: 98px;
}
.power-box .brand .about .p3 {
    font-size: 14px;
    color:#252525;
}
.power-box .introduce {
    width:800px;
}
.power-box .introduce .top {}
.power-box .introduce .top p {
    font-size: 14px;
    color:#666;
    text-indent: 2em;
    margin-bottom: 20px;
}
.power-box .introduce .bottom {
    margin:60px 0 0 0;
}
.power-box .introduce .bottom ul {
    overflow:hidden;
}
.power-box .introduce .bottom ul li {
    float:left;
    width:22%;
}
.power-box .introduce .bottom ul li h3 {
    font-size: 24px;
    color:#3a3a3a;
}
.power-box .introduce .bottom ul li h3 span {
    font-size: 36px;
}
.power-box .introduce .bottom ul li p {
    font-size: 14px;
    color:#666;
}

/*生产设备*/
.case-base {
    padding:2% 0 5% 0; 
}
.base-box {}
.base-box ul {
    padding:5% 0;
}
.base-box ul li {
    float:left;
    width:25%;
    padding:0.5%;
}
.base-box ul li img {}
.base-box ul li p {
    font-size: 14px;
    color:#666;
    text-align: center;
    padding: 8px 0 0 0;
}


/*检验程序*/
.case-test {
    padding:50px 0;
    background:#f6f6f6;
}
.case-test .test-box {}
.case-test .test-box .txt {
    width:52%;
}
.case-test .test-box .txt .top {}
.case-test .test-box .txt .top h3 {
    font-size: 24px;
    color:#000;
    position: relative;
}
.case-test .test-box .txt .top h3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    width: 50px;
    height: 3px;
    background: #f4de26;
}
.case-test .test-box .txt .top h4 {
    font-size: 14px;
    color:#666;
    margin-top: 40px;
}
.case-test .test-box .txt .top p {
    font-size: 14px;
    color:#666;
    height:200px;
    margin-top: 60px;
}
.case-test .test-box .txt .bottom {}
.case-test .test-box .txt .bottom ul {}
.case-test .test-box .txt .bottom ul li {
    float:left;
    width:20%;
    padding-left: 10px;
}
.case-test .test-box .txt .bottom ul li h4 {
    font-size: 54px;
    color:#333;
    font-family: 'Futura';
}
.case-test .test-box .txt .bottom ul li p {
    font-size: 14px;
    color:#666;
}

.case-test .test-box .pic {
    width:42%;
    text-align: center;
}
.case-test .test-box .pic img {}


/*品牌荣誉*/
.case-honor {
    padding:4% 0 6% 0;
}
.honor-box {
    padding:5% 0 0% 0;
    overflow:hidden;
}
.honor-box .pic {
    width:35%;
}
.honor-box .pic .title {}
.honor-box .pic .title p {
    font-size: 14px;
    color:#666;
}
.honor-box .pic .photo {
    height: 300px;
}
.honor-box .pic .photo ul {}
.honor-box .pic .photo ul li {
    display:none;
    text-align: center;
}
.honor-box .pic .photo ul li:first-child {
    display:block;
}
.honor-box .pic .photo ul li img {
    max-height: 300px;
}
.honor-box .txt {
    width:55%;
    height:430px;
    padding-right: 80px;
    overflow-x: auto;
}
.honor-box .txt ul {}
.honor-box .txt ul li {
    float:left;
    width:296px;
    height:50px;
    line-height: 50px;
    border:1px solid #e1e1e1;
    padding:0 20px;
    margin-bottom: 26px;
    color:#666;
    cursor: pointer;
}
.honor-box .txt ul li:nth-of-type(even) {
    margin-left: 24px;
}
.honor-box .txt ul li.on {
    color:#3a3a3a;
    background:#f4de26;
    border:1px solid #f4de26;
}

/*滚动条样式*/
.honor-box .txt::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background:#f1f1f1;
}
.honor-box .txt::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    background: #f4de26;
}

.case-case {
    padding:6% 0 6% 0;
    background: url(../images/case-case.jpg) no-repeat center;
}
.case-case .case-tit h3 {
    color: #fff;
}
.case-case .case-tit .en {
    color: #fff;  
}

/*工程案例-轮播*/
.caseslider{ position:relative;overflow:hidden;}
.caseslider .bd{ position:relative; z-index:0; }
.caseslider .bd li {}
.caseslider .hd{ position:absolute; left:0; bottom:0px;line-height:1em;text-align:center; width:100%;}
.caseslider .hd ul{ text-align:center;  padding-top:5px;  }
.caseslider .hd ul li{ cursor:pointer; display:inline-block;zoom:1; width:30px; height:4px; margin:5px; overflow:hidden; font-size:0;background:#fff;}
.caseslider .hd ul .on{ background:#f4de26;}

/*工程案例-案例列表*/
.caseslider {
    padding: 2% 0;
}
.caseslider ul {

}
.caseslider ul li {}
.caseslider ul li dl {}
.caseslider ul li dl dt {
    float:left;
    width:32%;
    margin:10px 2% 20px 0;
    position: relative;
}
.caseslider ul li dl dt:nth-of-type(3n) {
    margin-right:0;
}
.caseslider ul li dl dt img {
	width:422px;
	height:270px;
}
.caseslider ul li dl dt .tit {
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:40px;
    background-image: linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.0001) 100%);
    font-size: 14px;
    color:#fff;
    text-align: center;
    font-weight: normal;
}

/*合作客户-轮播*/
.customerslider{ padding:2% 0 5% 0;position:relative;overflow:hidden;}
.customerslider .bd{ position:relative; z-index:0; }
.customerslider .bd li {}
.customerslider .hd{ position:absolute; left:0; bottom:0px;line-height:1em;text-align:center; width:100%;}
.customerslider .hd ul{ text-align:center;  padding-top:5px;  }
.customerslider .hd ul li{ cursor:pointer; display:inline-block;zoom:1; width:30px; height:4px; margin:5px;border-radius:0; overflow:hidden; font-size:0;background:#3a3a3a;}
.customerslider .hd ul .on{ background:#f4de26;}

/*合作客户-案例列表*/
.case-customer {
    padding: 2% 0;
}
.customerslider ul {

}
.customerslider ul li {}
.customerslider ul li p {
    float:left;
    width:16.666%;
    height: 87px;
    padding:20px 20px;
    position: relative;
	box-shadow: 0 0px 5px rgba(0,0,0,.05);
}
.customerslider ul li p img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
.customerslider ul li p:hover {
	
}

/*工程采购申请*/
.case-message {
    padding:50px 0 120px 0;
}

.case-message .item-title {}
.case-message .item-title h3 {
    font-size: 30px;
    color: #ffdf7d;
    text-align: center;
    visibility: visible;
    animation-name: fadeInUp;
}
.case-message .item-title h4 {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 20px;
    
    visibility: visible;
    animation-name: fadeInUp;
}
.msg-box {
    border: 1px solid #ffdf7d;
    overflow: hidden;
    padding: 15px 25px 35px;
    margin-top: 40px;
}
.msg-list {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
}
.msg-list label {
    display: block;
    left: 1px;
    line-height: 35px;
    outline: 0 none;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 90px;
    font-size: 15px;
    color: #eaeaea;
    font-style: normal;
}
.msg-list em {
    float: left;
    margin-left: 90px;
    display: block;
}
.msg2-input {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 38px;
    line-height: 36px;
    width: 440px;
    color: #666;
}
.msg2-textarea {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 90px;
    line-height: 18px;
    padding: 8px 8px 8px 8px;
    width: 1014px;
    color: #666;
}
.msg-box .submit button {
    background: #ffdf7d;
    border: 0 none;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    vertical-align: middle;
    width: 200px;
    margin: 20px 0 0 90px;
}
.msg-list select {
    border: 1px #ddd solid;
    color: #6a6a6a;
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 120px;
    padding: 0 5px;
    float: left;
}
.w100{width:100%;}
.message-box .select {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
}
.message-box .select select {
    width: 440px;
}