@charset "utf-8";
/*鍒楄〃椤?/
.pic_list{padding:0px 0}
.pic_list .li{float:left;width:146px;margin:0 37px 20px 0;}
.pic_list .li a{display:block;padding:0px;position:relative;}
.pic_list .li .pic{display:block;border:1px solid #f5f5f5;height:54px;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;transition:all 0.15s ease-in-out 0s;}

.pic_list .end{margin-right:0;}
.pic_list .li a:hover{border-color:#ddd;}
.pic_list .li a:hover .tt{background:rgba(255,255,255,.6);color:#555;}

.pic_list2{padding:0px 0}
.pic_list2 .li{float:left;width:200px;margin:0 14px 20px 0;}
.pic_list2 .li a{display:block;border:1px solid #f5f5f5;}
.pic_list2 .li .pic{display:block;height:94px;overflow:hidden}
.pic_list2 .li .pic img{width:100%;height:auto}
.pic_list2 .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_list2 .end{margin-right:0;}
.pic_list2 .li a:hover{border-color:#ddd;}
.pic_list2 .li a:hover .tt{background:rgba(255,255,255,.6);color:#555;}
/*璇︽儏椤?/
.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;}