@charset "utf-8";
/*应用*/
.app_list .li{margin:0px;padding:38px 0;transition:all 0.15s ease-in-out 0s;height:244px;overflow:hidden;border-bottom:1px solid #eee}
.app_list .li:last-child{border-bottom:0;}
.app_list .li .pic{float:left;width:366px;height:222px;border:1px solid #ccc;padding:10px;position:relative;overflow:hidden}
.app_list .li .pic img{position:absolute;left:10px;top:10px;width:366px;height:222px;transition:All 0.4s ease-in-out;}
.app_list .li .pic .p2{left:386px;}

.app_list .li .desc{float:right;width:770px;}
.app_list .li .desc h2{line-height:26px;height:26px;margin-bottom:10px;}
.app_list .li .desc h2 .tt{float:left;font-size:30px;}
.app_list .li .desc .more{color:#359eef;font-size:16px;}
.app_list .li .desc .more i{float:left;font-size:18px;margin:0px 4px 0 0;color:#b52323;font-weight:700;font-style: normal}
.app_list .li .desc .con{font-size:16px;line-height:24px;color:#999;height:48px;overflow:hidden;}
.app_list .li .desc h3{font-size:18px;line-height:22px;color:#666;margin:48px 0 8px;}
.app_list .li .desc li{float:left;width:370px;height:30px;line-height:30px;margin:0 10px 0px 0;}
.app_list .li .desc li a{color:#359eef;}
.app_list .li:hover .pic{border-color:#359eef;background:#359eef}
.app_list .li:hover .pic .p1{left:-376px;}
.app_list .li:hover .pic .p2{left:10px;}
.app_list .li:hover .tt{color:#359eef}
.app_list .li .desc li a:hover{color:#109adf;}

.app_detail{padding:36px 0 44px;}
.app_detail .pic{float:left;width:366px;border:1px solid #ccc;padding:10px;}
.app_detail .pic img{width:100%;}
.app_detail .detail{float:right;width:770px;font-size:16px;line-height:24px;color:#777}
.app_detail .detail .title{font-size:24px;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 .desc{display:none}

.app_detail .detail .chathd{font-size:18px;line-height:42px;color:#777;border-bottom:1px solid #f0f0f0;margin-top:30px;}
.app_detail .detail .chat{margin-top:15px;}
.app_detail .detail .chat a{float:left;margin-right:28px;padding:0 24px;}

.appbox{border-top:1px solid #eee;padding-bottom:25px;}
.appbox h2{font-size:30px;line-height:110px;text-align:center;}

.app_prod .catelist{margin-top:0;}
.app_prod .list{margin-left:-26px;}
.app_prod li{float:left;width:274px;margin:0 0px 23px 26px;border:1px solid #ddd;padding:2px;}
.app_prod li .pic{display:block;height:210px;overflow:hidden;position:relative;}
.app_prod li .pic img{width:100%;height:100%}
.app_prod li .tt{position:absolute;bottom:0;left:0;width:100%;display:block;font-weight:normal;font-size:16px;line-height:36px;height:36px;overflow:hidden;text-align:center;background:rgba(0,0,0,.6);color:#fff;transition:all 0.15s ease-in-out 0s;}
.app_prod .end{margin-right:0;}
.app_prod li:hover .tt{background:rgba(43,154,238,.9);}

/*列表页*/
.pic_list{}
.pic_list .li{float:left;width:260px;margin:0 40px 34px 0;}
.pic_list .li a{display:block;position:relative;border:1px solid #ddd;padding:2px;}
.pic_list .li .pic{display:block;width:254px;height:168px;overflow:hidden;position:relative;}
.pic_list .li .pic img{width:100%;height:100%}
.pic_list .li .tt{position:absolute;bottom:2px;left:2px;width:254px;display:block;font-weight:normal;font-size:16px;line-height:40px;height:40px;overflow:hidden;text-align:center;background:rgba(0,0,0,.6);color:#fff;transition:all 0.15s ease-in-out 0s;}
.pic_list .end{margin-right:0;}
.pic_list .li:hover .tt{background:rgba(43,154,238,.9);}

.pic_list2{}
.pic_list2 .li{float:left;width:172px;margin:0px 43px 20px 0;}
.pic_list2 .li .pic{display:block;width:168px;height:82px;border:1px solid #ebebeb;padding:1px;border-radius:2px;}
.pic_list2 .li .pic img{width:100%;height:100%}
.pic_list2 .li .pic:hover{border-color:#a5d134}
.pic_list2 .li .tt{display:block;line-height:30px;height:30px;overflow:hidden;font-size:14px;text-align:center;text-align:center;}
.pic_list2 .end{margin-right:0;}
.pic_list2 .li a:hover .pic{border-color:#6cb536;}
.pic_list2 .li a:hover{color:#6cb536}
/*详情页*/
.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;max-width:100%;box-sizing:border-box;}

.pic_detail .nr{padding:10px 0}

