@charset "utf-8";
/* CSS Document */
@import url(/css/public.cssv);


.caseWrap{padding: 15px 0 80px;}
.caseWrap a{text-decoration:none;}
.hidden{display:none !important;}
.caseSideBar{width: 360px;float:right;}
.caseSideTitle{font-size:16px;color: #666;position:relative;padding: 0 0 0 30px;font-weight:bold;line-height:32px;/* height:32px; */border-bottom: 1px solid #ccc;background: #f5f5f5;line-height: 57px;}
.caseSideTitle span{ font-size:12px; color:#999; font-weight:normal;}
.caseSideTitle:before{content:"";width:4px;height:4px;background:#4074e1;position:absolute;left:0;top:50%;margin-top:-2px;display: none;}
.caseSideItemBox{border: 1px solid #ccc;margin-bottom:25px;border-radius: 10px;overflow: hidden;}
.caseSide_01{padding: 10px 0 10px 30px;margin: 0;}
.caseSide_01 li{width: 50%;float:left;margin: 5px 0 5px;}
.caseSide_01 li a{display:inline-block;/* padding:0 0 0 25px; */position:relative;line-height:30px;color:#555;}
.caseSide_01 li i{width:20px;height:20px;background:url(../img/001_01.png) no-repeat center center;position:absolute;left:0;top:50%;margin-top:-10px;display: none;}
.caseSide_01 li a:hover{ color:#4074e1;}
.caseSide_01 li a:before {content: '';width: 3px;height: 3px;background: #4276e1;position: absolute;left: -10%;top: 50%;display: none;}
/* .caseSide_01 li a:hover i{ background-image:url(../img/001_01Hover.png);}
.caseSide_01 li.t2 i{background-image:url(../img/001_02.png);}
.caseSide_01 li.t2 a:hover i{background-image:url(../img/001_02Hover.png);}
.caseSide_01 li.t3 i{background-image:url(../img/001_03.png);}
.caseSide_01 li.t3 a:hover i{background-image:url(../img/001_03Hover.png);}
.caseSide_01 li.t4 i{background-image:url(../img/001_04.png);}
.caseSide_01 li.t4 a:hover i{background-image:url(../img/001_04Hover.png);}
.caseSide_01 li.t5 i{background-image:url(../img/001_05.png);}
.caseSide_01 li.t5 a:hover i{background-image:url(../img/001_05Hover.png);}
.caseSide_01 li.t6 i{background-image:url(../img/001_06.png);}
.caseSide_01 li.t6 a:hover i{background-image:url(../img/001_06Hover.png);}
.caseSide_01 li.t2,.caseSide_01 li.t4,.caseSide_01 li.t6{width: 40%;padding:0 0 0 10%;position: relative;}
.caseSide_01 li.t2:before,.caseSide_01 li.t4:before,.caseSide_01 li.t6:before{content:'';width:1px;height: 20px;border: 1px solid #807d7d;border-width:5px 0;display: block;float: left;margin-left: -10%;position: absolute;left: 0;background: #ececec;top: 7px;}
 */
.caseSide_02{padding: 20px 0 20px 30px;margin: 0;}
.caseSide_02 li{padding: 5px 10px 5px 0;float: left;}
.caseSide_02 li a{/* display:block; */font-size:12px;line-height:30px;border: 1px solid #ccc;/* background:#4074e1; */color: #666;border-radius:30px;padding:0 20px;/* float: left; */display: inline-block;}
.caseSide_02 li a:hover{background: #3488ea;color: #fff;border-color: #3488ea;1}
.caseSide_03{padding: 10px 0 10px 30px;margin-left:-20px;margin: 0 0 0 -20px;}
.caseSide_03 li{float:left; width:25%; line-height:20px; margin:20px 0; position:relative; text-align:center;}
.caseSide_03 li a{color: #555;font-size: 14px;}
.caseSide_03 li a:hover{ color:#4074e1;}
.caseSide_03 li:before{ content:''; height:16px; width:1px; background:#ececec; position:absolute; left:0; top:2px;}
.caseSide_03 li:nth-of-type(4N+1):before{ background:none;}
.caseSide_04{padding: 20px 30px 20px 30px;margin: 0;}
.caseSide_04 li{ padding:9px 0;}
.caseSide_04 li a{display:block;line-height:50px;border: 1px solid #ccc;color: #666;font-size:18px;text-align:center;border-radius:4px;}
.caseSide_04 li a:hover{background:#4074e1;color:#fff;border-color: #4074e1;}
.caseSide_05{padding: 0px 30px 0px 30px;margin: 0;}
.caseSide_05 li{/* margin:0 0 0 60px; */padding: 20px 0 20px 60px;position:relative;border-bottom: 1px dashed #ccc;}
.caseSide_05 li:last-of-type{border:none;}
.caseSide_05 .QRbox{ background:url(../img/002_05.png) no-repeat; width:30px; height:30px; float:right; margin-top: 10px; cursor:pointer;}
.caseSide_05 .QRcon{ width:200px; height:200px; position: absolute;right: 30px;top: 50%;margin-top: -105px;border-radius: 3px;overflow: hidden; box-shadow: 0px 0px 10px 0px rgb( 100, 100, 100 ); z-index: 2; display:none;}
.caseSide_05 .QRbox:hover .QRcon{display:block;}
.caseSide_05 .icon{position:absolute;left: 0;top:50%;margin-top:-20px;}
.caseSide_05 h2{font-size:16px;color:#333;line-height: 30px;margin: 0;}
.caseSide_05 p{font-size: 12px;color:#999;line-height: 20px;}

.caseLeft{width: 920px;float:left;/* border-right:1px solid #ececec; */padding: 0 30px;min-height:500px;border: 1px solid #ccc;border-radius: 10px;/* background: #000; */overflow: hidden;}
.caseLeftTab{}
.caseLeftTab ul{padding: 0 0 20px;border-bottom: 1px solid #cccccc;margin: 0;margin: 0 -30px;height: 58px;background: #f5f5f5;}
.caseLeftTab li{float:left; padding:0 12px 0 0;}
.caseLeftTab li a{font-size:16px;color:#666;text-align:center;line-height: 58px;/* border:2px solid #fff; */display:block;padding: 0 15px;/* border-radius:4px; */position:relative;}
.caseLeftTab li a:before{content:''; background:url(../img/004.gif) no-repeat; width:12px; height:7px; position:absolute; left:50%; bottom:-7px; margin-left:-6px; display:none;}
.caseLeftTab li a:hover{color: #0f98ff;}
.caseLeftTab li.on a{color: #0f98ff;border-color:#0f98ff;/* background: #3488ea; */}
.caseLeftTab li.on a:before{display: none;}
.case_list{}
.case_list .date{width:44px;height: 47px;border:1px solid #d4e1fe;text-align:center;background:#f9fafe;font-size:18px;line-height:24px;color:#4276e1;float:left;margin-right:30px;}
.case_list .date .MM{ font-size:14px; line-height:22px; color:#fff; background:#4276e1; display:block;}
.case_list .hd{height: 50px;overflow: hidden;width:80%;}
.case_list .hd h2{font-size:24px;color:#333;/*line-height: 24px;padding-bottom: 8px;*/height:32px;margin: 0;line-height: 32px;}
.case_list .hd a:hover h2{ color:#4276e1;}
.case_list .hd .text{font-size:12px;color:#666;line-height: 20px;}
.case_list .bd{ font-size:15px; line-height:32px; color:#666; padding:20px 0 0 0;}
.case_list .bd .more{float:right; display:inline-block; color:#4074e1; font-size:14px;}
.case_list .bd .info{ color:#666;}
.case_list .bd .info:hover{ color:#4276e1}
.case_list .bd p{ padding:8px 0; text-indent:25px;}
.case_list .bd img{display:block; margin:0 auto; padding:5px 0; border-radius:10px;}
.case_list li{ border-bottom:1px dashed #e8e8e8; padding:0 0 18px; margin-top:40px; max-height:650px;overflow:hidden;transition:max-height 0.5s; position:relative;}
.case_list li .arrow{ width:50px; height:47px; position:absolute; right:0; top:0; /*background:#000;*/ padding:12px 0 0 28px; cursor:pointer; display:none;}
.case_list li .arrow span{ width:22px; height:22px; background:url(../img/005.gif) no-repeat center center; display:block;}
.case_list li.on .arrow span{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}
/*.case_list li img{display:block;}*/
.case_list li.on{max-height:153px;}
/*.case_list li.on img{display:none;}*/
.case_list li:last-of-type{border:none;}
.case_listDetail li{ max-height:inherit;}
.loaDmore{text-align:center;margin-top:30px;margin-left: -30px;margin-right: -30px;background: #fafafa;line-height: 60px;border-top: 1px solid #ccc;}
.loaDmore a{/* border:1px solid #ddd; */border-radius:4px;display:inline-block;font-size:15px;line-height:30px;background:#fff;padding:0 10px;color:#333;}
.loaDmore a span{ color:#ddd; padding:0 0 0 5px; font-size:14px;}
.loaDmore a:hover{ color:#fff; background:#4276e1;}
.loaDmore a:hover span{color:#fff; }
.loaDmore a.disabled,.loaDmore a.disabled span{color:#ddd !important;border-color:#ddd !important;background: none;}

.BreadCrumbs{line-height:40px;font-size:12px;color:#666;padding: 10px 0 0 0;/* margin-left: -10px!important; */}
.BreadCrumbs a{float:left;padding: 0 15px 0 10px;background:url(../img/pro_cp/cp_dot.png) no-repeat right center;color:#666;text-decoration: none;}
.BreadCrumbs a:hover{color:red;}
.BreadCrumbs a:first-of-type{padding-left:0;}
.BreadCrumbs span{float:left;padding-left: 10px;}


@media(max-device-width: 1024px) {
	.caseLeft{width:800px;}
}