@charset "utf-8";
/* CSS Document */

body{background: #f7f7f7}

.caseHull{padding: 0 400px 40px 0px;}
.caseLeftNav{ margin: 0 -30px; padding: 14px 0; line-height: 32px; background: #f7f7f7; color: #333; font-size: 14px;}
.caseLeftNav ul{margin: 0;padding: 0;overflow: hidden;}
.caseLeftNav li{position: relative;float: left;}
.caseLeftNav li:before{content: '';width: 1px;height: 14px;background: #d2d2d2;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.caseLeftNav li a{text-decoration: none;font-size: 16px;color: #333;padding: 0 20px;}
.caseLeftNav li a:hover{color: #f69603;}
.caseLeftNav li.on a{color: #f69603;}
.caseLeftNav a{text-decoration: none;color: #333;}
.caseLeftNav em{font-style: normal;color: #575757;}

.caseLeftAddres{border-bottom: 1px solid #dfdfdf;padding: 18px 0 10px;}
.caseLeftAddres ul{margin: 0;padding: 0;}
.caseLeftAddres li{float: left;padding: 0 5px 0 0;}
.caseLeftAddres li a{font-size: 14px;color: #333;line-height: 26px;position: relative;text-decoration: none;padding: 0 20px;display: block;}
.caseLeftAddres li.on a{background: #f69603;color: #fff!important;border-radius: 5px;}
.caseLeftAddres li.on a:before{content:'';width: 6px;height: 6px;background: #f69603;position: absolute;left: 50%;bottom: -3px;margin-left: -3px;transform: rotate(45deg);}
.caseLeftAddres li a:hover{color: #f69603;}

.caseList { }
.caseList ul {margin: 0;padding: 0;}
.caseList li {padding: 20px 0px 20px 0;border-bottom: 1px dashed #e5e5e5;}
.caseList li:last-of-type{border:none;}
.caseList li a {padding: 0px 0px 0px 345px;display: block;color: #575757;text-decoration: none;}
.caseList li a .pic {float: left;width: 345px;padding: 0px 20px 0px 0px;margin-left: -345px;}
.caseList li a .pic img { width: 100%; border-radius: 5px; }
.caseList li a h2 {font-size: 19px;line-height: 1;padding: 10px 0px 35px;color: #333; font-weight: bold;margin: 0;}
.caseList li a .desc {font-size: 14px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;margin-bottom: 40px;color: #575757;}
.caseList li a .bdHull{}
.caseList li a .logos{float: left;}
.caseList li a .logos img{max-height: 26px;}
.caseList li a .tag{float: right;}
.caseList li a .tag span{font-size: 14px;line-height: 26px;border: 1px solid #e3e3e3;padding: 0 20px;margin-left: 10px;display: block;float: left;border-radius: 26px;}
.caseList li a .tag span:first-of-type{margin: 0;}
.caseList li a .date{float: left;line-height: 28px;font-size: 14px;}
.caseList li a .date i{font-size: 20px;padding: 0 5px 0 0;}

/*待拍摄列表*/
.daiPaiShe-list{background: #fff;margin-top: -1px;}
.daiPaiShe-list ul {margin: 0 -1%;padding: 0 0 10px;}
.daiPaiShe-list li {border: 1px solid #eaeaea;border-radius: 5px;margin-bottom: 20px;padding: 30px 30px;color: #575757;width: 48%;float: left;margin: 0 1% 20px;}
.daiPaiShe-list li img{}
.daiPaiShe-list li h2{font-size: 19px;line-height: 1;color: #0a0a0a;margin: 20px 0;}
.daiPaiShe-list li .desc{    font-size: 14px;line-height: 20px;color: #575757;margin-bottom: 20px;/* min-height: 40px;*/}

.daiPaiShe-list li .bd {border-top: 1px solid #ececec;padding: 20px 0 0 0;/* text-align: right; */}
.daiPaiShe-list li .tag {/* float: left; */min-height: 56px;}
.daiPaiShe-list li .tag span { font-size: 14px; line-height: 26px; border: 1px solid #e3e3e3; padding: 0 20px; margin-right: 10px; display: block; float: left; border-radius: 5px; margin-bottom: 5px;}
.daiPaiShe-list li .tag span:last-of-type{margin-right: 0;}

.daiPaiShe-list2{margin: 0 -30px;padding: 0 30px;background: #fff;border-top: 20px solid #f7f7f7;}
.daiPaiShe-list2 ul{padding: 10px 0 10px;margin: 0;}
.daiPaiShe-list2 li{zoom: 1;border-bottom: 1px solid #e5e5e5;line-height: 25px;padding: 12px 0;/* border: 1px solid #eaeaea; *//* border-radius: 5px; *//*margin-bottom: 20px;*/padding: 25px 30px;color: #575757;/* width: 48%; *//* float: left; *//* margin: 0 1% 20px; */}
.daiPaiShe-list2 li:last-of-type{border:none;}
.daiPaiShe-list2 li:after { content: ""; display: block; clear: both; height: 0; }
.daiPaiShe-list2 li h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;max-width: 60%;margin: 0;/* font-weight: normal; */font-size: 15px;color: #000;position: relative;/* padding: 0 0 0 28px; *//* font-size: 19px; */line-height: 1;/* color: #0a0a0a; */margin: 0 0 10px 0;}
.daiPaiShe-list2 li h2:before{content:'';width: 4px;height: 4px;background: #999;position: absolute;left: 3px;top: 50%;margin-top: -2px; display: none;}
.daiPaiShe-list2 li p{font-size: 14px;line-height: 20px;color: #575757;/* margin-bottom: 20px; *//* border-bottom: 1px solid #ececec; *//* padding: 0 0 20px; *//* min-height: 41px; */}
.daiPaiShe-list2 li span{float: right;font-size: 12px;color: #9e9e9e;display: block;}

.page{ padding:30px 0;}
.pages{ text-align:center;line-height:24px;}
.pages a,.pages strong{ color:#666; border:1px solid #ccc; padding:0 10px; margin:0 4px; vertical-align:middle;    display: inline-block;}
.pages strong,.pages a:hover{ color:#fff; background:#fabc1e; border-color:#fabc1e;}

.detailHull{margin: 0 0 22px 0;}
.detailHull .tit{padding: 27px 0  20px 0;}
.detailHull .tit h1{margin: 0 0 15px;padding: 0;font-size: 24px;color: #333;font-weight: normal;line-height: 30px;}
.detailHull .tit p{font-size: 13px;color: #666;line-height: 20px;}
.detailHull .tit p i{padding: 0 5px 0 0;}
.detailHull .con{color: #333;font-size: 15px;line-height: 30px;}
.detailHull .con p{margin: 8px 0;}
.detailHull .con img{margin: 8px 0;border-radius: 5px;}
.detailHull .con a{color: #f69603;}


.caseLeftPro{/* padding: 30px 0 0 0; */}
.caseLeftPro .tit{ font-size: 16px; line-height: 40px; border-bottom: 1px dashed #e5e5e5; color: #000; margin-bottom: 15px;}
.caseLeftPro .tit a{ float: right; font-size: 14px; text-decoration: none; color: #f69603;}
.caseLeftPro ul{margin: 0 -8px;padding: 0;}
.caseLeftPro li{float: left;width: 33.333333%;padding: 0 8px;}
.caseLeftPro li a{display: block;text-align: center;text-decoration: none;}
.caseLeftPro li img{}
.caseLeftPro li a p{font-size: 14px;line-height: 32px;color: #575757;}
.caseLeftPro li a:hover p{color: #f69603;}
.caseLeftPro li a:hover img{box-shadow: rgba(0,0,0,.3) 0 0 10px;}

.DetailPage{margin: 30px 0 0 0;padding: 0;border-top: 1px dashed #e5e5e5;}
.DetailPage li{padding: 10px 0;width: 50%;float: left;text-align: left;}
.DetailPage li:last-of-type{text-align:right}
.DetailPage li a{color: #333;font-size: 14px;line-height: 30px;text-decoration: none;/* padding: 10px 0; */}
.DetailPage li a:hover{color: #f69603;}


.caseLeftHull{width:100%;padding: 0 30px;float:left;background: #fff;min-height: 300px;}
.caseSidebar{width: 380px;padding: 0 20px 20px;background: #fff;float: right;margin-top: 0px;margin-right: -400px;min-height: 500px;}
.caseSidebar .search{padding: 14px 20px;background: #f7f7f7;margin: 0 -20px;}
.caseSidebar .search form{height: 32px;border: 1px solid #ddd;border-radius: 32px;position: relative;padding: 0 40px 0 0;}
.caseSidebar .search .text{width: 100%;height: 30px;line-height: 30px;border: none;background: none;padding: 0 0 0 30px;}
.caseSidebar .search .btn{width: 40px;height: 32px;position: absolute;right: 0;top: 0;border: none;background: none;text-align: left;color: #ddd;cursor: pointer;}
.caseSidebar .itemHull{ margin-bottom: 20px;}
.caseSidebar .itemHull:last-of-type{margin-bottom: 0;}
.caseSidebar .itemTit{border-bottom: 1px solid #dfdfdf;line-height: 54px;text-align: left;height: 55px;font-size: 16px;color: #000;}
.caseSidebar .itemTit a{float: right;text-decoration: none;color: #f69603;font-size: 14px;}
.caseSidebar .changJing{padding: 20px 0 0 0;}
.caseSidebar .changJing ul{margin: 0 -4px;padding: 0;}
.caseSidebar .changJing li{float: left;width: 50%;padding: 4px;}
.caseSidebar .changJing li a{display: block;text-align: center;line-height: 39px;background: #fdfdfd;border-radius: 5px;border: 1px solid #e4e4e4;font-size: 14px;color: #000;text-decoration: none;}
.caseSidebar .changJing li a:hover{color: #f69603;}
.caseSidebar .changJing li.on a{/*background: #f69603;*/color: #f69603;border-color: #f69603;}
.caseSidebar .chengJiaoKeHu{background: #fdfdfd;border-radius: 5px;/* max-height: 440px; *//* min-height: 200px; */padding: 20px 5px 20px 20px;/* overflow: hidden; */border: 1px solid #e4e4e4;}
.caseSidebar .chengJiaoKeHu ul{margin: 0;/*padding: 0 15px 0 0; */padding: 0;}
.caseSidebar .chengJiaoKeHu li{border-bottom: 1px dashed #dfdfdf;padding: 22px 0 15px 20px;}
.caseSidebar .chengJiaoKeHu li:first-of-type{padding-top: 0;}
.caseSidebar .chengJiaoKeHu li:last-of-type{padding-bottom: 0;border: none;}
.caseSidebar .chengJiaoKeHu li span{font-size: 14px;line-height: 1;padding-bottom:10px;color: #888;position: relative;display: block;}
.caseSidebar .chengJiaoKeHu li span:before{content:'';width: 4px;height: 4px;background: #888;position: absolute;left: -20px;top: 5px;/* margin-top: -2px; */}
.caseSidebar .chengJiaoKeHu li p{padding: 4px 0;}
.caseSidebar .chengJiaoKeHu li a{font-size: 14px;line-height: 20px;display: block;color: #000;}
.caseSidebar .moreCases{background:url("../img/moreCases.jpg") no-repeat;background-size: cover;border-radius: 5px;}
.caseSidebar .moreCases a{display: block;text-align: center;text-decoration: none;padding: 30px 0;}
.caseSidebar .moreCases a p{line-height: 1;font-size: 16px;color: #0a0a0a;margin-bottom: 10px;}
.caseSidebar .moreCases span{display: inline-block;font-size: 14px;line-height: 26px;color: #fff;background: #f69603;border-radius: 22px;padding: 0 20px;}
.caseSidebar .moreCases span i{font-size: 12px;padding: 0 0 0 5px;}
.caseSidebar .jieJueFangAn{}
.caseSidebar .jieJueFangAn ul{margin: 0;padding: 0;}
.caseSidebar .jieJueFangAn li{padding: 20px 0 0 0;}
.caseSidebar .jieJueFangAn li a{display: block;text-decoration: none;/* background: #f7f7f7; */border-radius: 5px;overflow: hidden;}
.caseSidebar .jieJueFangAn li a h3{margin: 0 0 15px;background: #fff;font-size: 15px;color: #000;line-height: 1;padding: 0 0 0 17px;position: relative;font-weight: normal;}
.caseSidebar .jieJueFangAn li a h3:before{content:'';width: 4px;height: 4px;background: #999;position: absolute;left: 2px;top: 50%;margin-top: -2px;}
.caseSidebar .jieJueFangAn li a img{
    border-radius: 5px 5px 0 0;
}
.caseSidebar .jieJueFangAn li a .bd{background: #f7f7f7;color: #575757;}
.caseSidebar .jieJueFangAn li a .desc{font-size: 13px;line-height: 20px;padding: 12px 20px 16px;}
.caseSidebar .jieJueFangAn li a:hover .bd{/* background: #f69603; */color: #f69603;}
.caseSidebar .pro{ padding: 0 0 20px; position: relative;}
.caseSidebar .pro .hd{position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;height: 6px;}
.caseSidebar .pro .hd ul{display: inline-block;margin: 0;padding: 0;vertical-align: top;}
.caseSidebar .pro .hd li{float: left;width: 6px;height: 6px;background: #eaf9fe;border-radius: 6px;border: 1px solid #c1ecfe;margin: 0 4px;text-indent: -99999px;}
.caseSidebar .pro .hd li.on{ background: #f69603; border-color: #f69603}
.caseSidebar .pro .bd{ margin: 0; padding: 0;}
.caseSidebar .pro .bd li{}
.caseSidebar .pro .bd li a{border-radius: 5px;overflow: hidden;text-decoration: none;display: block;background: #f7f7f7;color: #000;}
.caseSidebar .pro .bd li a img{}
.caseSidebar .pro .bd li a h3{text-decoration: none;font-size: 16px; font-weight: normal;text-align: center;line-height: 1;margin: 0;}
.caseSidebar .pro .bd li .desc{padding: 20px 0;}
.caseSidebar .pro .bd li a:hover{ background: #f69603; color: #fff;}

.caseSidebar .case{}
.caseSidebar .case ul{margin: 0;padding: 0;}
.caseSidebar .case li{padding: 24px 0 0;}
.caseSidebar .case li a{padding: 0 0 0 110px;display: block;text-decoration: none;}
.caseSidebar .case li .pic{width: 100px;margin: 0 0 0 -110px;float: left;}
.caseSidebar .case li .pic img{width: 100%;height: 70px;}
.caseSidebar .case li a h2{line-height: 20px;font-size: 14px;font-weight: normal;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #000;margin: 0;}
.caseSidebar .case li a p{line-height: 1;font-size: 12px;color: #333;padding: 10px 0 0 0;}
.caseSidebar .case li a:hover h2{ color: #f69603}


.caseSidebar .QA{}
.caseSidebar .QA ul{margin: 0;padding: 0;}
.caseSidebar .QA li{border-top: 1px dashed #dfdfdf;}
.caseSidebar .QA li:first-of-type{border-top:none}
.caseSidebar .QA li a{display: block;color: #000;text-decoration: none;padding: 10px 0 10px 17px;position: relative;font-size: 14px;line-height: 30px;}
.caseSidebar .QA li a:before{content: '';width: 4px;height: 4px;background: #999;position: absolute;left: 2px;top: 50%;margin-top: -2px;}
.caseSidebar .QA li a:hover{color: #f69603}

.caseSidebar .weiPaSshe{background: #fdfdfd;border-radius: 5px;min-height: 200px;padding: 20px 20px 20px 20px;overflow: hidden;border: 1px solid #e4e4e4;}
.caseSidebar .weiPaSshe ul{margin: 0;padding: 0;}
.caseSidebar .weiPaSshe li{}
.caseSidebar .weiPaSshe li a{position: relative;font-size: 14px;line-height: 30px;color: #000;padding: 0 0 0 15px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseSidebar .weiPaSshe li a:before{content: '';width: 4px;height: 4px;background: #888;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.caseSidebar .weiPaSshe .page{background: none;margin: 0;padding: 17px 0 0 0;}
.caseSidebar .weiPaSshe .pages{font-size: 13px;padding: 0;}
.caseSidebar .weiPaSshe .page a{padding: 0 8px;margin: 0 3px;}


.caseSidebar .contact {/* border-top: 1px solid rgb(235, 235, 235); */}
.caseSidebar .contact .hd { text-align: center; padding: 30px 0px; }
.caseSidebar .contact .hd img { display: inline-block; background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(235, 235, 235); max-width: 200px; }
.caseSidebar .contact .hd span { display: block; font-size: 16px; color: rgb(88, 91, 94); line-height: 1; padding: 20px 0px 0px; }
.caseSidebar .contact ul {padding: 0px 15px;/* margin-bottom: 10px; */}
.caseSidebar .contact li { border-top: 1px solid rgb(230, 230, 230); padding: 25px 0px 25px 20px; }
.caseSidebar .contact li img { float: left; margin-right: 30px; }
.caseSidebar .contact li a { display: block; }
.caseSidebar .contact li a h2, .caseSidebar .contact li h2 { font-size: 18px; line-height: 20px; height: 20px; color: rgb(51, 51, 51); vertical-align: top; }
.caseSidebar .contact li a h2 em, .caseSidebar .contact li h2 em { display: inline-block; margin-left: 20px; font-size: 12px; color: rgb(255, 205, 46); border: 1px solid rgb(255, 205, 46); padding: 0px 5px; line-height: 18px; vertical-align: top; }
.caseSidebar .contact li a p, .caseSidebar .contact li p { color: rgb(128, 128, 128); }

@media(max-width:1600px) {
    .caseLeftNav li a{font-size: 14px; padding: 0 15px;}
    .caseLeftAddres li a{padding: 0 15px;}
    
    
}