* {
    box-sizing: border-box;
}
.tf-banner-inner{
    background: url(../images/suggestion_banner.png)center 0px no-repeat;
    height: 350px;
}
.tf-banner-inner h3{
    color: #fff;
}
@font-face {
    font-family: 'F008bc';
    src: url("//i1.mifile.cn/b2c-fe-huodong/f/008bcec89049e4.eot");
    src: local(FZLanTingHei-EL-GBK),url("../../../common/font/tf.woff") format("woff")
}
.tf-top.tf-index-top{
    height: 280px;
}
.tf-top.tf-index-top .tf-banner-item{
    position: absolute;
    left: 0px;
    right: 0px;
    top:0px;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
}
section{
    background-color: #fff;
    padding-bottom: 0px;
}
.tf-top.tf-index-top .tf-banner-item.tf-center{
    opacity: 1;
    visibility: visible;
}

/*.tf-top.tf-index-top .tf-top-image {*/
    /*height: 230px;*/
    /*background: #dbdad8 url(../images/banner1_y.jpg) no-repeat center center;*/
    /*!*background-size: cover;*!*/
    /*!*background-position: bottom;*!*/
    /*padding-top: 145px;*/
    /*text-align: center;*/
/*}*/
.tf-top-wrap{
    height: 160px;
    position: relative;
}

.tf-suggestion>.tf-top-wrap>.tf-group-14{
    background: url(../images/icon006_y.png)180px -306px no-repeat;
}
.tf-suggestion>.tf-top-wrap .tf-left{
    height: 225px;
    background-color: rgba(255, 255, 255, 0.86);
    padding-right: 35px;
}
.tf-suggestion .tf-left{
    float: left;
    width: 430px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    padding-left: 30px;
}
.tf-suggestion .tf-left.tf-float-right{
    float: right;
    overflow: hidden;
}
.tf-top-wrap .tf-suggestion-title{
    color: #000;
    margin-top: 30px;
    position: relative;
    padding-left: 45px;
    margin-bottom: 2px;
}
.tf-top-wrap .tf-suggestion-title:before{
    content: '';
    width: 60px;
    height: 60px;
    top: 0px;
    left: 0px;
    position: absolute;
    background: url(../images/icon006_y.png) -11px -230px;
}
.tf-top-wrap .tf-float-right .tf-suggestion-title:before{
    background-position: -76px -230px;
}
.tf-top-wrap .tf-en-name{
    color: #a9a9a9;
    margin-bottom: 10px;
    font-family: 'F008bc';
    font-size: 16px;
    padding-left: 45px;
}

.tf-suggestion-title{
    font-size: 15px;
    font-weight: bold;
}
.tf-suggestion-des{
    color: #999;
    line-height: 22px;
    font-size: 12px;
}
.tf-link-btn{
    width: 90px;
    height: 30px;
    line-height: 30px;
    background-color: #0027b8;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-top: 25px
}
.tf-link-btn:hover{
    background-color: #0526a3;
    color: #fff !important;
}
.tf-suggestion-list{
   padding-top: 20px;
}
.tf-suggestion-list ul>li{
    position: relative;
    /*padding-left: 75px;*/
    margin-bottom: 40px;
    padding-right: 29px;
}
.tf-suggestion-list ul>li>.tf-icon-suggestion{
    position: absolute;
    left: 0px;
    top:5px;
    width: 55px;
    height: 55px;
    border: 1px solid #dedede;
    border-radius: 100%;
    background: url(../../../common/images/icon006.png) -63px 1px;
    display: none;
}
.tf-suggestion-list .tf-suggestion-title{
    margin-bottom: 10px;
    color: #656565
}
.tf-suggestion-list ul>li>.tf-icon-suggestion.icon2{
    background-position: -63px -46px;
}
.tf-suggestion-list ul>li>.tf-icon-suggestion.icon3{
    background-position: -63px -94px;
}
.tf-suggestion .tf-right{
    float: right;
    text-align: right;
    padding-top: 80px;
}
.tf-suggestion .tf-right .tf-title-1{
    font-size: 18px;
    color: #484848;
}
.tf-suggestion .tf-right .tf-title-1 span{
    margin-left: 30px;
}
.tf-suggestion .tf-right .tf-des-1{
    color: #ababab;
    margin-top: 10px;
}
.tf-bottom-wrap{
    height: 510px;
    background: url(../images/img2017120406_y.jpg) bottom no-repeat;
    position: relative;
}
.tf-bottom-wrap:before{
    content: '';
    height: 259px;
    /*background-image: -webkit-linear-gradient(to bottom,#c7dbe5,rgba(215, 215, 213, 0) 90%);*/
    /*background-image: linear-gradient(to bottom,#CBE2E1,rgba(215, 215, 213, 0) 90%);*/
    position: absolute;
    top: 0px;
    width: 100%;
}