﻿
/* 必要布局样式css */
.info-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.info-container-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.info-container-title h2 {
    font-weight: normal;
    font-size: 36px;
    font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.info-container-list {
    background: #fff;
    padding: 42px 0;
}

.info-listItem {
    width: 340px;
    margin: 0 26px 0 32px;
    float: left;
}

.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
}

.info-more:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list dt {
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list dt a img {
    width: 340px;
    height: 180px;
    transition: all .4s;
}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 10px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list dd {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list dd a {
    font-size: 14px;
    color: #909499;
}

.info-listItem-list dd a:hover {
    color: #ec6061;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#2698F0;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#leftArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;left:170px;z-index:999;}
#leftArrow a{display:block;height:45px;}