body{}


.column{width:100%;height:auto;background:#fff;box-shadow:0 5px 5px #ededed;}
.column .w,
.content .w {padding:0 50px;}
.column .w ul li{float:left;width:calc(100% / 2);border-right:1px solid #ddd;}
.column .w ul li:last-child{border-right:0;}
.column .w ul li a{display:block;padding:20px 0;}
.column .w ul li a div{width:135px;height:38px;background:transparent;border-radius:19px;text-align:center;line-height:38px;font-size:16px;color:#000;margin:auto;}
.column .w ul li:hover a div{background:#931e20;color:#fff;}
.column .w ul li.current a div{background:#931e20;color:#fff;}

.content{margin-top:30px;}
.content ul li{background:#fff;padding:20px 0 20px 20px;overflow:hidden;position:relative;margin-bottom:20px;box-shadow: 0 5px 5px #ededed;width:900px;}
.content ul li > div{float:left;}
.content ul li .img{width:300px;height:180px;margin-right:30px;}
.content ul li .img img{width:100%;height:100%;}
.content ul li .text{width:55%;}
.content ul li .text h6{font-size:16px;color:#000;font-weight:500;margin-top:15px;
 white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
}
.content ul li .text p{font-size:12px;color:#555;line-height:36px;margin-top:25px;}
.content ul li .text .time{font-size:12px;color:#666;margin-top:25px;}
.content ul li .text .time:before{content:'';display:inline-block;width:15px;height:10px;background:url(../images/n_icon_1.png)no-repeat center/contain;margin-right:5px;}
.content ul li .btn{position:absolute;right:50px;bottom:20px;width:34px;height:34px;border-radius:50%;border:1px solid #d0d0d0;background:url(../images/n_icon_2.png)no-repeat center/40%;}

.content ul li:hover{background:#f0f0f0;}
.content ul li:hover .btn{background:#931e20 url(../images/n_icon_3.png)no-repeat center/40%;border:0;}

.page{text-align:center;padding:30px 0 50px;}
    .page a {
        
        padding: 15px 16px;
        border: 1px solid #f0f0f0;
        font-size: 14px;
        color: #222;
        background: #fff;
        display: inline-block;
    }
    .page .current {
        background: #931e20;
        color:#fff;
    }
        .page a:first-child,
        .page a:last-child {
            padding: 15px 25px;
        }
.page a:hover{background:#931e20;border:0;color:#fff;padding:16px 17px;}
.page a:hover:first-child,
.page a:hover:last-child{padding:16px 26px;}


.floating_window {
    position: fixed;
    top: 400px;
    right: 10px;
    z-index: 10;
}

    .floating_window > div {
        width: 50px;
        height: 50px;
        border-radius: 3px;
        position: relative;
        margin-bottom: 10px;
    }

    .floating_window .wx {
        background: #69a7e2 url(../images/icon_wx.png)no-repeat center/60%;
    }

    .floating_window .qq {
        background: #8ec919 url(../images/icon_qq.png)no-repeat center/60%;
        ;
    }

    .floating_window .tel {
        background: #20d8e8 url(../images/icon_tel.png)no-repeat center/60%;
        ;
    }

    .floating_window .email {
        background: #ff8800 url(../images/icon_email.png)no-repeat center/60%;
        ;
    }

    .floating_window .return {
        background: #decb91 url(../images/icon_return.png)no-repeat center/60%;
        ;
    }

    .floating_window > div > div {
        display: none;
        position: absolute;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
    }

    .floating_window .wx > div {
        width: 220px;
        height: 140px;
        left: -240px;
        top: -42px;
        text-align: center;
        padding-top: 10px;
    }

    .floating_window .wx:hover > div {
        display: block;
    }

    .floating_window .wx > div:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        top: 50%;
        right: -15px;
        border-left: 10px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: translateY(-50%);
    }

    .floating_window .tel > div {
        width: 220px;
        height: 50px;
        left: -240px;
        top: 0;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        line-height: 50px;
        font-size: 18px;
        color: #222;
    }

    .floating_window .tel:hover > div {
        display: block;
    }

    .floating_window .tel > div:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        top: 50%;
        right: -10px;
        border-left: 10px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: translateY(-50%);
    }

    .floating_window .email > div {
        width: 220px;
        height: 50px;
        left: -240px;
        top: 0;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        line-height: 50px;
        font-size: 18px;
        color: #222;
    }

    .floating_window .email:hover > div {
        display: block;
    }

    .floating_window .email > div:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        top: 50%;
        right: -10px;
        border-left: 10px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: translateY(-50%);
    }
a:hover {
    text-decoration:none;
}

@media screen and (max-width:750px) {
    .banner{width:100%;height:100%;}
    .banner img:first-child{display:none;}
    .banner img:last-child{display:block;}


    .column{width:100%;height:auto;}
    .column .w,
    .content .w {padding:0;}


    .column .w ul li{float:left;width:calc(100% / 2);border-right:1px solid #ddd;}
    .column .w ul li:last-child{border-right:0;}
    .column .w ul li a{display:block;padding:0.7rem 0;}
    .column .w ul li a div{width:auto;height:auto;background:transparent;border-radius:19px;text-align:center;line-height:38px;font-size:.8rem;color:#000;margin:auto;}




    .column .w ul li:hover a div{background:transparent;color:#931e20;}
    .column .w ul li.current a div{background:transparent;color:#931e20;}

    .content{margin-top:1rem;}
    .content ul li{background:#fff;width:100%;padding:5%;overflow:hidden;position:relative;margin-bottom:20px;}
    .content ul li > div{float:none;}
    .content ul li .img{width:100%;height:180px;margin-right:30px;}
    .content ul li .img img{width:100%;height:100%;}
    .content ul li .text{width:100%;}


    .content ul li .text h6{font-size:1rem;line-height:1.2rem}
    .content ul li .text p{font-size:12px;line-height:1.4rem;margin-top:1.2rem;}
    .content ul li .text .time{font-size:12px;color:#666;margin-top:25px;}
    .content ul li .text .time:before{content:'';display:inline-block;width:15px;height:13px;background:url(../images/n_icon_1.png)no-repeat center/contain;margin-right:5px;}
    .content ul li .btn{position:absolute;right:50px;bottom:14px;width:20px;height:20px;border-radius:50%;border:1px solid #d0d0d0;background:url(../images/n_icon_2.png)no-repeat center/40%;}

    .content ul li:hover{background:#f0f0f0;}
    .content ul li:hover .btn{background:#931e20 url(../images/n_icon_3.png)no-repeat center/40%;border:0;}

    .page{text-align:center;padding:30px 0 30px;}
    .page a{padding:10px 12px;border:1px solid #f0f0f0;font-size:14px;color:#222;background:#fff;margin-bottom:.5rem;}
    .page a:first-child,
    .page a:last-child{padding:10px 15px;}
    .page a:hover{background:#931e20;border:0;color:#fff;padding:16px 17px;}
    .page a:hover:first-child,
    .page a:hover:last-child{padding:16px 26px;}

    .floating_window {
        top: 350px;
        right: 5px;
    }

        .floating_window > div {
            width: 30px;
            height: 30px;
        }
    a:hover {
        text-decoration:none;
    }
}