@charset "utf-8";
/*列表页*/
.pic_list{}
.pic_list .li{float:left;width:280px;padding:0 15px 15px;}
.pic_list .li a{display:block;position:relative;}
.pic_list .li .pic{display:block;height:210px;overflow:hidden}
.pic_list .li .pic img{width:100%;height:100%;}
.pic_list .li .tt{display:block;font-weight:normal;font-size:14px;line-height:36px;height:36px;overflow:hidden;text-align:center;}

.pic_list2{}
.pic_list2 .li{float:left;width:230px;padding:0 0px 10px;margin:0 10px 0 0}
.pic_list2 .li a{display:block;position:relative;}
.pic_list2 .li .pic{display:block;height:153px;overflow:hidden}
.pic_list2 .li .pic img{width:100%;height:100%;}
.pic_list2 .li .tt{display:block;font-weight:normal;font-size:14px;line-height:36px;height:36px;overflow:hidden;text-align:center;}
.pic_list2 .end{margin-right:0;}

.pic_list3{padding:0px 15px}
.pic_list3 .li{float:left;width:200px;margin:0 40px 20px 0;}
.pic_list3 .li a{display:block;position:relative;}
.pic_list3 .li .pic{display:block;height:158px;overflow:hidden;border:1px solid #ccc;padding:3px;}
.pic_list3 .li .pic img{width:100%;height:auto}
.pic_list3 .li .tt{display:block;font-weight:normal;font-size:14px;line-height:36px;height:36px;overflow:hidden;text-align:center;transition:all 0.15s ease-in-out 0s;}

.pic_list3 .end{margin-right:0;}
.pic_list3 .li a:hover .pic{border-color:#0092dc;background:#0092dc;}

.pic_list4{}
.pic_list4 .li{height:98px;padding:0px 0 10px;margin-bottom:10px;border-bottom:1px dotted #adafb2;}
.pic_list4 .li .pic{display:block;float:left;width:130px;height:98px;}
.pic_list4 .li .pic img{display:block;width:100%;height:100%}

.pic_list4 .li .con {margin-left:155px;padding:0px 0px 0 0;}
.pic_list4 .li .con .tit{display:block;height:24px;line-height:24px;overflow:hidden;font-size:14px;color:#0092dc;margin-bottom:8px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;}
.pic_list4 .li .con p{font-size:12px;display:block;height:60px;line-height:20px;overflow:hidden;margin-bottom:16px;}
.pic_list4 .li .con .more{color:#0092dc;margin-left:10px;}

.pic_list4 .li:hover .pic{border-color:#0092dc;background:#0092dc}
.pic_list4 .li:hover .con .tit{color:#0c4da1}
/*详情页*/
.pic_detail .title{text-align:center;font-size:18px;padding:20px;}
.pic_detail .pic{text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dotted #ddd}
.pic_detail .pic img{border:1px solid #ddd;padding:5px;}
.pic_detail .nr{padding:10px 0}



.app_detail{margin-bottom:12px;}
.app_detail .pic{float:left;width:380px;height:288px;border:1px solid #efefef;padding:4px;}
.app_detail .pic img{width:100%;height:100%;}
.app_detail .detail{float:right;width:490px;font-size:14px;line-height:24px;color:#777}
.app_detail .detail .title{font-size:20px;color:#555;line-height:30px;margin-bottom:10px;}
.app_detail .detail .showmore{color:#016aaf}
.app_detail .detail .showmore i{font-weight:700;color:#b52323;font-style:normal}
.app_detail .detail .intro{min-height:139px;}

.chathd{font-size:20px;line-height:50px;color:#777;border-bottom:1px solid #ddd;margin-top:10px;}
.chat{margin-top:20px;}
.chat a{float:left;height:36px;line-height:36px;padding:0 15px 0 12px;border:1px solid #3fa4fa;color:#3fa4fa;border-radius:3px;margin-right:14px;}
.chat a i{float:left;width:20px;height:20px;margin:8px 8px 0 0}
.chat a .icon-skype{background-position:-20px -20px;}
.chat a .icon-ali{background-position:-20px -40px;}
.chat a .icon-qq{background-position:-20px -60px;}

.chat a:hover{text-decoration:none;box-shadow:0 0px 5px #3fa4fa;}

.tab{}
.tab .tabt{border-bottom:2px solid #d3d5d8;height:40px;line-height:40px;text-align:center;color:#777;}
.tab .tabt span{float:left;position:relative;display:inline-block;padding:0 25px;text-align:center;font-size:16px;cursor:pointer;text-transform:uppercase;color:#777;}
.tab .tabt span.active{color:#232f3e;border-bottom:2px solid #252e37;}
.tab .tabt span.active:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #252e37;}
.tab .tabt em{float:left;font-size:12px;}
.tab .tabc{padding:20px 0;display:none;line-height:24px;}

table{border-collapse:collapse}
table td{padding:0 5px;}

.app_case{padding-bottom:20px;}
.app_case li{float:left;width:210px;margin:0 20px 20px 0;}
.app_case li a{display:block;position:relative;}
.app_case li .pic{display:block;height:150px;overflow:hidden;border:1px solid #ccc;padding:5px;}
.app_case li .pic img{width:100%;height:auto}
.app_case li .tt{font-weight:normal;font-size:14px;line-height:36px;height:36px;overflow:hidden;text-align:center;transition:all 0.15s ease-in-out 0s;}
.app_case li a:hover .pic{border-color:#666;}
.app_case li a:hover{color:#000}
.app_case li.end{margin-right:0;}