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


body{background:#f7f7f7;}
.caseHull{padding: 0 360px 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: 14px;color: #333;padding: 0 20px;}
.caseLeftNav li a:hover{ color:#41aaaa;}
.caseLeftNav li.on a{ color:#41aaaa;}
.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: 13px;color: #333;line-height: 26px;position: relative;text-decoration: none;padding: 0 20px;display: block;}
.caseLeftAddres li.on a{background: #41aaaa;color: #fff!important;border-radius: 5px;}
.caseLeftAddres li.on a:before{content:'';width: 6px;height: 6px;background: #41aaaa;position: absolute;left: 50%;bottom: -3px;margin-left: -3px;transform: rotate(45deg);}
.caseLeftAddres li a:hover{color: #41aaaa;}

.caseList { }
.caseList ul {margin: 0;padding: 0;}
.caseList li {padding: 20px 60px 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;margin: 0;font-weight: bolder;}
.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 .logo{float: left;background: none;line-height: initial;padding: 0;height: auto;}
.caseList li a .logo img{max-height: 22px;}
.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;font-weight: bold;}
.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: bold;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;}

.pages{text-align:center;padding: 30px 0 0 0;}
.pages a{display:inline-block;background:#fff;border-radius:4px;text-decoration: none;}
.pages a:hover{background: #41aaaa!important;color: #fff!important;}
.pages a.disabled{background: #41aaaa;color:#fff;cursor:text;border-color: #41aaaa;}
.page {text-align: center;margin: 0 -30px;background: #f7f7f7;}
.page a {color: #666;padding: 5px 15px;border: 1px solid #e6e6e6;margin: 0 5px;text-decoration: none;}
.page .pages { font-size: 14px; }
.page .pages strong { color: #f69603; padding: 8px 15px; border: 1px solid #e5e5e5; margin: 0 5px; background-color: #f6f6f6; }
.page .pages span{display: none;}

.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: #41aaaa;}

.caseBanner{display: none;}
.w1500 img,.imgsDesc img{width: auto!important; height: auto!important}


.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: #41aaaa;}
.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: #41aaaa;}
.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: #41aaaa;}


.caseLeftHull{width:100%;padding: 0 30px;float:left;background: #fff;min-height: 300px;}
.caseSidebar{width:340px; padding: 0 20px 20px; background: #fff;float: right;margin-right: -360px;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: #41aaaa;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: #41aaaa;}
.caseSidebar .changJing li.on a{/*background: #41aaaa;*/color: #41aaaa;/*border-color: #41aaaa;*/}
.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;}
.caseSidebar .moreCases{background:url("../images/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: #41aaaa;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{}
.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: #41aaaa; */color: #41aaaa;}
.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: #41aaaa; border-color: #41aaaa}
.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: #41aaaa; 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: #41aaaa}

.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: #41aaaa}

.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;}


.l_commentsBox {background: #fff;margin: 20px -30px 0px;padding: 30px 30px 30px 30px;border-top: 20px solid #f7f7f7;}
.l_com_txt { font-size: 16px; padding: 10px 0; }
.l_com_trea {position: relative;/*border-bottom: #dddddd 1px solid; *//* padding-bottom: 30px; */}
.l_com_trea .l_submit { position: absolute; right: 0; top: 0px; color: #555; width: 60px; text-align: center; font-size: 16px; height: 38px; line-height: 38px; }
.l_com_trea .l_submit:hover {background: #1f49ff;width: 60px;color: #fff;border-radius: 5px;text-align: center;cursor: pointer;}
.l_com_trea textarea { width: 91%; border-radius: 5px; height: 38px; padding: 12px 12px 0 12px; border: #dddddd 1px solid; resize: none; outline: none; color: #444; }
.l_new_txt {font-size: 16px;padding: 20px 0 10px;border-bottom: 1px dashed #e5e5e5;}
.l_com_img { width: 48px; margin-right: 20px; }
.l_com_img img { width: 48px; height: 48px; border-radius: 50%; }
.l_com_rbox { height: auto; overflow: hidden; }
.l_com_int p b, .l_com_reply p b { font-weight: normal; color: #1f49ff; }
.load_list2{margin: 0;padding: 0;}
.l_com_list { padding: 20px 0; border-bottom: #dddddd 1px solid; }
.l_com_list:last-child { border-bottom: 0; }
.l_com_z, .l_com_d { color: #83878f; padding: 15px 0 0; font-size: 12px; }
.l_com_z { line-height: 100%; }
.l_com_z span { padding: 0 20px; position: relative; }
.l_com_z span:after { content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 10px; background: #ddd; }
.l_com_z i { padding: 0 5px 0 20px; }
.l_com_z i.l_zan { font-size: 18px; }
.l_com_z i.l_znum { padding-left: 0; font-style: normal; }
.l_com_reply { background: #f7f7f7; margin-top: 15px; padding: 0 15px 0 20px; }
.l_com_reply p { padding: 25px 0 12px 0; }
.hfli { position: relative; border-bottom: #ddd 1px solid; padding-bottom: 15px; }
.hfli:last-of-type { border-bottom: 0; padding-bottom: 30px; }
.l_com_date span { width: 50%; font-size: 12px; color: #83878f; }
.l_com_per { position: absolute; right: 0; top: 0; }
.l_com_per span:after { position: inherit; }
.l_com_z span.l_reply, .l_com_per span.l_reply { color: #83878f; cursor: pointer; font-style: normal; padding: 0 30px 0 0; }
.l_com_z span.l_reply:hover, .l_com_per span.l_reply:hover { color: #1f49ff; }
.l_com_list .l_com_trea { display: none; margin: 25px 0 0; }
.l_com_list .on .l_com_trea { display: block; padding-bottom: 0; border-bottom: 0; }
.loaDmore2 {text-align: center;padding: 5px 0 0px;}
.loaDmore2 a { border: 1px solid #1f49ff; border-radius: 4px; display: inline-block; line-height: 36px; background: #fff; padding: 0 10px; color: #1f49ff; }
.loaDmore2 span { color: #1f49ff; font-size: 22px; vertical-align: middle; display: inline-block; margin-top: -2px; margin-left: 5px; }
.loaDmore2 a:hover { color: #fff; background: #4276e1; }
.loaDmore2 a:hover span { color: #fff; }
.loaDmore2 a.disabled, .loaDmore2 a.disabled span { color: #ddd; border-color: #ddd; }
.loaDmore2 a.disabled:hover { background: none; }


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



@media (max-device-width: 1024px){
    .caseLeftAddres li a{padding: 0 15px;}
    .caseLeftNav li a{padding: 0 15px;}
    
}