*{margin:0;padding:0;list-style: none;text-decoration: none;}

.cf{*zoom:1;}
.cf:after{content:'';display:table;clear: both;}

.bg{width: 100%;min-height:1100px;background: url('../images/bg.jpg') center center no-repeat;
    background-size: 100% 100%;position: relative;
}
.con{background:#fdf9f5;width:1160px;padding:20px;position: absolute;top:450px;left:50%;
    margin-left:-600px;
}
.con .book{width:315px;height:158px;position: absolute;right:-60px;top:-60px;
    background: url('../images/book.png') center center no-repeat;
    background-size:100% 100%;
}
.con .title{width:100%; height:100px;text-align: center;}
.con .list{margin:30px 0;padding:0 30px;}
.con .list dl{margin-bottom:25px;}
.con .list dt a{font-size:20px;color:#423a36;}
.con .list dd{font-size:16px;color:#848484;margin-top:5px;}
.con .list dt a:hover{color:#863325;}
.con .list dd a{font-size:16px;color:#848484;}
.con .list dd span{font-size:16px;color:#848484;display: inline-block;width:70%;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.con .list dd a:hover{color:#863325;}
.more{width:98%;position:absolute;bottom:-50px;margin:auto;padding:20px 0;text-align: right;}
.more a{font-size:16px;color:#848484;}
.more a:hover{color:#863325}
.foot-cp{width:100%;}
.foot-cp img{width: 100%;}
.footer {
    width: 100%;
    height: 40px;
    background: url(tsysj/img/tsysj-foot.jpg) no-repeat;
    background-size: 100%;
}

.web-footer {
    height: 136px;
    background-color: #fff;
}

.web-footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    height: 136px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:#fff;
}

.web-footer .left-box {
    display: flex;
    align-items: center;
}

.web-footer .left-box .icon {
    width: 80px;
    height: 80px;
}

.web-footer .left-box .info-list {
    display: flex;
    padding-left: 30px;
    list-style: none;
    align-items: center;
}

.web-footer .left-box .info-list li {
    position: relative;
    padding: 0 10px;
}

.web-footer .left-box .info-list .text {
    display: inline-block;
    font-size: 12px;
    color: #090909;
}

.web-footer .right-box {
    display: flex;
}

.web-footer .right-box .qr-box {
    margin-left: 30px;
}

.web-footer .right-box .qr-box .code-img {
    width: 64px;
    margin-bottom: 10px;
}

.web-footer .right-box .qr-box .code-img img {
    width: 100%;
    height: 100%;
}

.web-footer .right-box .qr-box {
    margin-left: 30px;
}