
.indThr {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        .kcList {
            width: 18.8rem;
            height: 100%;
            margin: 0 auto;
        }

        .picList {
            width: 86%;
            height: 4.56rem;
            margin: 0;
            padding: 0;
        }

        .picList li {
            width: 32.66%;
            height: 77%;
            float: left;
            margin-right: 1%;
            overflow: hidden;
            margin-bottom: 1%;
        }

        .picList li:nth-child(3n) {
            margin-right: 0;
        }

        .meng {
            width: 100%;
            height: 100%;
            display: block;
        }

        .da-thumbs li a,
        .da-thumbs li a img {
            display: block;
            position: relative
        }

        .da-thumbs li a {
            overflow: hidden
        }

        .da-thumbs li a div {
            position: absolute;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
            opacity: .8;
            filter: alpha(opacity=80);
            text-align: center;
            line-height: 4.56rem;
            font-size: 0.6rem;
            color: #fff;
            font-family: "Medium";
        }

        .da-thumbs li a div.da-animate {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .da-slideFromTop {
            left: 0;
            top: -100%
        }

        .da-slideFromBottom {
            left: 0;
            top: 100%
        }

        .da-slideFromLeft {
            top: 0;
            left: -100%
        }

        .da-slideFromRight {
            top: 0;
            left: 100%
        }

        .da-slideTop {
            top: 0
        }

        .da-slideLeft {
            left: 0
        }

        .picImg {
            width: 100%;
            height: 100%;
        }

/*在线客服*/



/*悬浮链接*/
.suspensions{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-qrcode2 .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}



.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}

.suspension .d-service-item .i-qq2{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq2{background-position:center 3px;}

.suspension .d-service-item .i-qq3{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq3{background-position:center 3px;}


.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/kefu/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 45px 20px}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.suspension .d-qrcode2{text-align:center;}
.suspension .d-qrcode2 .inner-box{padding:20px 45px 20px}
.suspension .d-qrcode2 p{font-size:16px;color:#93959c;}




/*总容器样式*/  
.pager { padding: 3px; color:#606a7a;font-size:12px; font-family:Tahoma;}   
/*分页链接样式*/  
.pager a { margin: 2px; padding:2px 5px; color: #606a7a; text-decoration: none; border: 1px solid #606a7a; }   
/*分页链接鼠标移过的样式*/  
.pager a:hover { color: #fff; border: 1px solid #606a7a; background-color:#606a7a; }   
/*当前页码的样式*/  
.pager span.current { font-weight: bold; margin: 0 2px; padding: 2px 5px; color: #fff; background-color: #606a7a; border: 1px solid #606a7a; }   
/*不可用分页链接的样式(比如第1页时的“上一页”链接)*/  
.pager span.disabled { margin: 0 2px; padding: 2px 5px; color: #CCC; border: 1px solid #DDD; }   
/*跳转下拉菜单的样式*/  
.pager select {margin: 0px 2px -2px 2px; color:#66C;font-size:12px; font-family:Tahoma;}   
/*跳转文本框的样式*/  
.pager input {margin: 0px 2px -2px 2px; color:#66C; border: 1px solid #DDD; padding:2px; text-align:center;font-size:12px; font-family:Tahoma;} 






.xiangmu_list { padding-bottom: 50px;}
.xiangmu_list ul{}
.xiangmu_list ul li{ width:calc(33.20% - 1%); overflow: hidden; float: left; margin: 0 0.5% 1%; position: relative; border:1px solid #cccccc}
.xiangmu_list ul li img{ width: 100%;}
.xiangmu_list ul li:hover img{transform: scale(1.1);}
.xiangmu_list ul li .text{ position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); text-align: center;z-index: 2;}
.xiangmu_list ul li .text b{font-size: 16px; color: #fff; padding-bottom: 6px;transform: scale(0);}
.xiangmu_list ul li .text p{font-size: 14px; color: #fff;opacity:0;filter:alpha(opacity=0);transform:translateY(100%);}
.xiangmu_list ul li i{color: #fff; font-size: 16px; position: absolute; left: 50%; bottom:0%; transform:translate(-50%,0%);z-index: 3; font-weight: bold;opacity:0;filter:alpha(opacity=0);}
.xiangmu_list ul li span{ width: 0%; height: 0%; position: absolute; display: block; left: 50%; top: 50%; transform:translate(-50%,-50%); background: #000;opacity:0;filter:alpha(opacity=0); }
.xiangmu_list ul li:hover span{ width: 90%; height: 90%;opacity:0.6;filter:alpha(opacity=60); }
.xiangmu_list ul li:hover .text{}
.xiangmu_list ul li:hover .text b{transform: scale(1);}
.xiangmu_list ul li:hover .text p{opacity:0.6;filter:alpha(opacity=60);transform:translateY(0%);}
.xiangmu_list ul li:hover i{opacity:1;filter:alpha(opacity=100); bottom: 10%; }




a.dh:link,a.dh:visited,a.dh:active{color:#000000;text-decoration:none;  font-family:"Microsoft YaHei UI";font-size:16px; font-weight:bold}
a.dh:hover{color:#FF0000;text-decoration:none;  font-family:"Microsoft YaHei UI";font-size:18px;font-weight:bold}
