@font-face {
    font-family: 'F008bc';
    src: url("//i1.mifile.cn/b2c-fe-huodong/f/008bcec89049e4.eot");
    src: local(FZLanTingHei-EL-GBK),url("//i1.mifile.cn/b2c-fe-huodong/f/008bcec89049e4.eot?#iefix") format("embedded-opentype"),url("../../../common/font/tf.woff") format("woff"),url("//i1.mifile.cn/b2c-fe-huodong/f/008bcec89049e4.ttf") format("truetype"),url("//i1.mifile.cn/b2c-fe-huodong/f/008bcec89049e4.svg") format("svg")
}

.tf-banner-inner h3{
    color: #fff;
}
html,body{
    height: 100%;
    margin: 0px;
    padding-top: 0px;
}
a{
    color: inherit;
    transition: all .3s ease-out;
}


ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.tf-wrapper{
    min-height: calc(100% - 50px);
    position: relative;
}
.tf-wrapper .tf-top{
 margin-top: 0px;
}

.tf-wrapper .tf-top  .tf-category-content {
    width: 800px;
    margin: 0 auto;
    line-height: 40px;
}


.tf-culture-list {
    margin: 0 auto;
}
#tf-culture-list-content {
    padding-bottom: 240px;
    background: url(../images/img2017120406_y.jpg) bottom no-repeat;
}
.tf-culture-list .tf-culture-item {
    text-align: center;
    padding-top: 55px;
    /* background: linear-gradient(to bottom left,#fff,#fff,rgba(238, 238, 237, 0.52),#fff,#fff); */
}
.tf-culture-list .tf-culture-item:nth-child(odd){
	-webkit-animation: move-to-right 1.2s cubic-bezier(.4,0,.2,1) 0s 1;
	animation: move-to-right 1.2s cubic-bezier(.4,0,.2,1) 0s 1 ;
	animation-fill-mode: both;
}
.tf-culture-list .tf-culture-item.tf-first{
	background:#eeeeee url("../images/cloud_001_y.png")no-repeat;
}
.tf-culture-list .tf-culture-item.tf-third{
    background: #eeeeee url("../images/cloud_002_y.png") right -176px no-repeat;
}
.tf-culture-list .tf-culture-item:nth-child(even){
	-webkit-animation: move-to-left 1.2s cubic-bezier(.4,0,.2,1) 0s 1;
	animation: move-to-left 1.2s cubic-bezier(.4,0,.2,1) 0s 1 ;
	animation-fill-mode: both;
}
.tf-culture-list .tf-item-title-en {
    font-size: 28px;
    color: #ff9444;
    line-height: 35px;
    font-family: F008bc
}
.tf-culture-list .tf-item-title-ch {
    font-size: 16px;
    position: relative;
    margin-bottom: 40px;
    font-weight: bold;
    color: #686868;
    margin-top: 10px;
}
.tf-culture-list .tf-item-content-text {
    line-height: 26px;
    color: #6b6b6b;
    padding-bottom: 65px;
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    padding-left: 250px;
    box-sizing: border-box;
    font-size: 13px;
}
.tf-culture-list .tf-item-content-text  .tf-item-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 35px;
}
@-webkit-keyframes move-to-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px,0px,0);
		transform: translate3d(-30px,0px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@keyframes move-to-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px,0px,0);
		transform: translate3d(-30px,0px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@-webkit-keyframes move-to-left {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px,0px,0);
		transform: translate3d(30px,0px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@keyframes move-to-left {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px,0px,0);
		transform: translate3d(30px,0px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}