@charset "utf-8";
/* CSS Document */
/* index box css style start */
.box { margin:15px auto; width:1200px; }
/* index box css style end */
/*-- position css start --*/
.box .position { width:1200px; height:40px; margin:10px auto; }
.box .position .posiHand { float:left;width:80px;background:#f2f2f2;color:#000;opacity:0.7;font-size:14px;text-align:center;height:38px;line-height:38px;border-radius:5px 0 0 5px;border:1px solid #ddd; }
.box .position .posiList { float:left;height:38px;line-height:38px;width:1117px;border:1px solid #ddd; border-left:none;border-radius:0 5px 5px 0;position: relative; overflow:hidden; }
.box .position .posiList a { display:inline-block;height:38px;line-height:38px;padding-left:5px; font-weight:bold; color:#666; }
/*-- position css end --*/
/*-- caseInfo css style start --*/
.box .caseInfo { width:1200px;border:0px;color:#333333; }
.box .caseInfo .caseleft { float:left; width:280px; border:1px solid #ddd;border-radius:5px;padding:0px; }
.box .caseInfo .caseleft .caseItem { display:block; height:55px; margin:5px auto; width:280px;border-bottom:3px solid #dfe5e6; color:#444;text-align:center; font-size:22px; line-height:55px;  }
.box .caseInfo .caseleft ul { margin:0px;padding:0px; }
.box .caseInfo .caseleft ul.tabs li a,.box .caseInfo .caseleft ul.tabs li a span{ display:block; }
.box .caseInfo .caseleft ul.tabs { z-index:10;width:100%; padding-bottom:10px; }
.box .caseInfo .caseleft ul.tabs li { display:block;width:100%; border-bottom:1px solid #dfe5e6; height:45px; }
.box .caseInfo .caseleft ul.tabs li a { height:45px; background-position:left top;margin-bottom:5px;}
.box .caseInfo .caseleft ul.tabs li a span { display:block;font-size:15px;height:45px; line-height:45px;padding:0px 15px; color:#626a70;-webkit-transition:0.3s; transition:0.3s;}
.box .caseInfo .caseleft ul.tabs li a:hover span{ font-size:17px; font-weight:bold;color:red;transition: all 1s ease;text-shadow:5px 5px 5px #ddd;} 
.box .caseInfo .caseleft ul.tabs li a span img{ vertical-align: middle; }
.box .caseInfo .caseleft ul.tabs li:hover { background:#f3f6f7;width:276px; border-left:4px #993333 solid; }
.box .caseInfo .caseleft ul.tabs li.active { background:#f3f6f7;width:276px; border-left:4px #993333 solid; }

.box .caseInfo .caseright { float:right; width:898px;border-radius:0px 5px 5px 0px;padding:0px;overflow:hidden; position:relative; }
/* 案例内容页样式 */
.box .caseInfo .caseright { float:right; width:898px;border-radius:0px 5px 5px 0px;padding:0px;overflow:hidden; position:relative;background:#edf1f2; }
.box .caseInfo .caseright .caseTop { margin:10px 20px 10px 20px;padding:5px; background:#fff; border-radius:0 0 5px 5px; display:block; }
.box .caseInfo .caseright .caseTop .h1 { margin:5px auto; width:100%;color:#333; font-size:17px; font-weight:bold; text-align:center;border-bottom:1px dotted #f2f2f2; line-height:50px; height:50px;text-shadow:5px 5px 5px #ddd; }
.box .caseInfo .caseright .caseTop .autoid { display:block; margin:1px auto; }
.box .caseInfo .caseright .caseTop .autoid .atrid { line-height:21px; font-size:12px; color:#666;text-align:center; display:inline-block; margin:1px auto; } 
.box .caseInfo .caseright .caseTop .autoid .atrid span { margin:0px 8px; float:left; }
.box .caseInfo .caseright .rContent { margin:0px 20px 20px 20px;padding:60px 15px 15px 15px;background:#fff;border-radius:5px; position:relative; display:block; overflow:hidden }
.box .caseInfo .caseright .rContent:before { display:block; position:absolute; left:0; top:0px; width:0; height:0; border-bottom: 59px solid #fff; border-left:59px solid transparent; -webkit-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); -moz-box-shadow: 11px 11px 11px rgba(0,0,0,0.3); box-shadow: 11px 11px 11px rgba(0,0,0,0.3); content:''; }
.box .caseInfo .caseright .rContent:after { display:block; position:absolute; left:-1px; top:-1px; width:0; height:0; border-top: 59px solid #edf1f2; border-right: 59px solid transparent; content:''; }
.box .caseInfo .caseright .rContent h1,.box .caseInfo .caseright .rContent h2 { display:block; margin:8px 5px; border-bottom:1px solid #7EB03F; height:42px; color:#000; font-size:16px;text-shadow:5px 5px 5px #ddd;position:relative; }
.box .caseInfo .caseright .rContent h1 strong,.box .caseInfo .caseright .rContent h2 strong { border-bottom:6px solid #7EB03F; position:absolute; left:0; top:7px; height:32px; }
.box .caseInfo .caseright .rContent h3 { display:block; margin:20px 0px; border-bottom:1px dotted #7EB03F; height:17px; font-size:15px;text-shadow:5px 5px 5px #000; color:#7EB03F; position:relative; }
.box .caseInfo .caseright .rContent h3 strong { font-style:normal; background:#7EB03F; color:#fff; border:1px solid #7EB03F; height:32px; line-height:32px; display:inline-block; margin-bottom:13px; font-size:16px; font-weight:bold; padding:0px 15px 0 5px; position:absolute; left:0; top:0 }
.box .caseInfo .caseright .rContent h3 strong:after { border: 18px solid transparent;border-left: 18px solid #7EB03F;width: 0;height: 0;position: absolute; margin-top:-2px; margin-left:15px;content: ' ';}
.box .caseInfo .caseright .rContent p { margin:8px 0; font-size:14px; color:#333; line-height:28px;text-indent:2em; }
.box .caseInfo .caseright .rContent img { max-width:80%; margin:5px auto; vertical-align: middle;justify-content: center; display:block; }

.box .caseInfo .caseright .rContent .product { margin:20px auto;border-collapse:collapse; border:1px solid #ddd; width:100%; }
.box .caseInfo .caseright .rContent .product tr:nth-child(odd) td { background-color:#fff; }
.box .caseInfo .caseright .rContent .product tr:nth-child(even) td { background-color:#F8F8F8; }
.box .caseInfo .caseright .rContent .product tr:nth-child(odd):hover td { background-color:#F8F8F8; }
.box .caseInfo .caseright .rContent .product tr:nth-child(even):hover td { background-color:#fff; }
.box .caseInfo .caseright .rContent .product td { font-size:14px; padding:10px;border:1px solid #ddd; line-height:150%; }
.box .caseInfo .caseright .rContent .product tr > td:first-of-type { width:30%; text-align:right; }

.box .caseInfo .caseright .rContent .table { margin:20px auto;border-collapse:collapse; border:1px solid #ddd; width:100%; }
.box .caseInfo .caseright .rContent .table tr:nth-child(odd) td { background-color:#fff; }
.box .caseInfo .caseright .rContent .table tr:nth-child(even) td { background-color:#F8F8F8; }
.box .caseInfo .caseright .rContent .table tr:nth-child(odd):hover td { background-color:#F8F8F8; }
.box .caseInfo .caseright .rContent .table tr:nth-child(even):hover td { background-color:#fff; }
.box .caseInfo .caseright .rContent .table td { font-size:14px; padding:10px;border:1px solid #ddd; line-height:140%; }
/*-- caseInfo css style end --*/
<!-- index case css style start -->
.box .case { width:1200px; display:inline-block;  }
.box .case .rs { float:left; padding:0; margin:5px 11px 15px 11px;position:relative;width:276px; height:208px; overflow:hidden; border:1px solid #CCCCCC;  }
.box .case .rs h2 { position:absolute; top:3px; left:3px; float:left; height:35px; line-height:35px; background:#70b800; color:#FFFFFF; margin:0; padding:0px 5px;border-radius: 3px 0 7px 0;opacity: 0.7; z-index:10; }
.box .case .rs h2 a { color:#fff; font-size:13px; font-weight:400; }
.box .case .rs div { width:270px; height:202px; margin:3px auto; overflow:hidden; }
.box .case .rs div img { border:0; margin:auto; width:268px; height:200px; border:1px solid #f2f2f2;border-radius:3px;transition:transform 0.5s ease }
.box .case .rs div:hover img  { transform: scale(1.1); }
.box .case .rs p { font-size:12px; color:#666666; width:268px; line-height:30px; height:30px; position:absolute;top:174px; left:3px;background:#006600; color:#FFFFFF; cursor:help;opacity: 0.5;border-radius: 0 0 3px 3px; }
.box .case .rs p:hover { height:90px;line-height:22px; top:113px;width:268px;word-break:break-all;transition: all 1s ease; }
<!-- index case css style end -->
/* 分页样式 */
.box .uipage { width:1200px; display:inline-block; position:relative;  }
.box .uipage .fenye { margin-right:10px;line-height:35px;height:35px;float:right; }
.box .uipage .fenye a { margin:5px 4px 0px 0px;color:#909399;background:#f4f4f5;border:1px solid #d3d4d6;display:inline-block;text-align:center;height:22px;line-height:22px;text-decoration:none;padding:0 5px; }
.box .uipage .fenye a.prev,.box .uipage .fenye a.next{ width:52px;text-align:center; }
.box .uipage .fenye a.curr{ width:22px; background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center; }
.box .uipage .fenye a.curr:visited { color:#fff; }
.box .uipage .fenye a.num { width:22px; }
.box .uipage .fenye a:visited { color:#1f3a87; }
.box .uipage .fenye a:hover { color:#fff; background:#909399; border:1px solid #909399;float:left; }