.tab ul li a{color:#000;}
.tab ul li:nth-child(2) a{color:#02c7ff;border-bottom:3px solid #02c7ff;display: inline-block;box-sizing: border-box}


.banner{height: 200px;text-align: center;color:#fff}
.banner1{background: url(../img/casedetail1.jpg)center top no-repeat;background-size: auto 100%}
.banner2{background: url(../img/casedetail2.jpg)center top no-repeat;background-size: auto 100%}
.banner3{background: url(../img/casedetail3.jpg)center top no-repeat;background-size: auto 100%}
.banner4{background: url(../img/casedetail4.jpg)center top no-repeat;background-size: auto 100%}
.banner5{background: url(../img/casedetail5.jpg)center top no-repeat;background-size: auto 100%}
.banner6{background: url(../img/casedetail6.jpg)center top no-repeat;background-size: auto 100%}


/*背景图片上的字*/
.banner .container{padding:8% 0}
.banner .container .case-brand{margin-bottom:2.5%;color:#ec7913;}
.banner .container .case-title{margin-bottom:3%;color:#ec7913;}
.banner .container .case-tag{width: 80%;margin-left:10%;}
.case-tag-item {font-size: 12px;width: 19%;background:#008de8;display: inline-block;line-height: 30px;border-radius: 2px}


.case-detail-bd .case-summary{margin-top:-4%;background: #008de8;padding: 3% 0 2.5%;text-align: center}
.case-detail-bd .case-summary ul li{color:#fff;display: inline-block;width: 49%;line-height: 30px}
.case-detail-bd .case-summary ul li .case-meta-data{font-size: 25px;}
.case-detail-bd .case-summary ul li .case-meta-title{font-size: 12px}

.case-content{overflow: hidden}
.case-content .l{padding:2% 0 0 4%;color:#000;font-size: 10px;line-height: 2;}
.case-content .l h2{font-size: 12px;margin:10px 0 20px}
.case-content .l p{margin:15px 0}
.case-content .l p span{padding-left:3%}
.case-content .l p span:nth-child(1){padding-left:0}
.case-content .l b{font-weight: bold;font-family: inherit;font-style: inherit}
.case-content .l img{padding: 2% 0}
.case-content .r{}
.case-content .r img{width: 100%}
.case-content .l{width: 100%}
.case-content .r{width: 50%;margin:4% 25%}

.case-navigation{background: #fff;color:#8f8f8f;padding:2%;border-top:1px solid #ededed;max-width: 1200px;margin:0 auto}
.case-navigation a{color:#8f8f8f}


.commodity {background: #fff;margin-top:3%}
.commodity .max{max-width:1250px;background: none}
.main1 .block .col-sm-4{padding:0 1.5%;}
.main1 .block .col-sm-4 .box{background: #fff;box-sizing: border-box;border-top:none}
.main1 .block .col-sm-4 img{width: 100%}
.main1 .block .col-sm-4 .box h3.f18{display: inline-block;width: 98%;padding:7% 2% 0;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.main1 .block .col-sm-4 .box p{color:#000;line-height: 32px}
.main1 .block .col-sm-4 .box p:nth-child(1){color:#1bbbf7}
.main1 .block .col-sm-4 .box .row{padding:2%;line-height: 23px}
.main1 .block .product{margin-top: 20px}
.main1 .block .product .hover{width: 100%;border:1px solid #efefef;box-sizing: border-box}
.main1 .block .product .hover .img{overflow: hidden}
.main1 .block .product .hover:hover img{transform: scale(1.2);transition:all 1s}
.main1 .block .product .hover:hover{border-top:none;box-shadow: #585858 0 2px 6px}
.main1 .max{max-width: 1300px}
.main1 .block .col-sm-4 .box .text{font-size: 12px;text-align: center;color:#666;padding-bottom: 2%}

.ck{width: 100%;}
.ck a{padding: 3% 0;text-align: center;color:#02c7ff;}

.main5{background: #f7f8fa}


.open-account{text-align: center;border-top:1px solid #c9caca;padding:3% 0;background: none!important;}
.open-account h3{color:#000;padding-bottom:3.5%;}
.open-account .open-a{width: 44%;color:#fff;background:#008de8;margin-left:28%;line-height: 40px;border-radius: 3px;margin-bottom: 3%}
.open-account .kh{color:#008de8}


@media screen and (min-width: 600px) {
    .banner{height: 450px;width: 100%;}
    .case-detail-bd .case-summary ul li .case-meta-data{font-size: 50px;}
    .case-detail-bd .case-summary ul li .case-meta-title{font-size: 19px}
    .case-detail-bd .case-summary ul li{line-height: 50px}
    .case-tag-item {font-size: 14px;width: 16%;line-height: 30px;}
    .banner .container .case-tag{width: 50%;margin-left:25%;}
    .case-content .l h2{font-size: 24px;margin:10px 0 20px}
    .case-content .l{font-size: 14px;}
    .open-account .open-a{line-height: 60px;}
    .main1 .block .col-sm-4 .box .text{font-size: 14px}
    .case-content .l{width: 60%}
    .case-content .r{margin:4% 4% 4% 2% ;width: 25%}
    .case-navigation{padding:1% 2%;}


}