*{
	box-sizing: border-box;
}
body{
    padding-top: 0px;
}
.tf-fixed-header.tf-ai:not(.show) .tf-group:before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    content: '';
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 0px;
}
.tf-banner-inner{
    background: url("../images/introduction_banner.png")center 0px no-repeat;
}
.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{
	position: relative;
}
/*.tf-top .tf-top-image{*/
    /*background: #d0cecf url(../images/banner1_y.jpg) no-repeat center center;*/
    /*height: 230px;*/
/*}*/

.tf-company-top-menu{
	position: absolute;
    height: 40px;
    line-height: 40px;
    background-color: #484848;
    width: 100%;
    top: 50px;
    z-index: 10;
    opacity: 0.9;
}
.tf-company-top-menu ul{/* ,.tf-history-main*/
	width: 740px;
	margin: 0 auto;
}
.tf-company-top-menu ul li{
	display: inline-block;
	margin: 0 20px;
}
.tf-company-top-menu ul li>a{
	color:#C8C8C8;
	font-size: 12px;
	cursor: pointer;
}
.tf-company-top-menu ul li>a.active{
	color:#FFAA3D;
	cursor: default;
	text-decoration: none;
}
.tf-introduction-main{
    box-sizing: border-box;
    width: 100%;
    height: 615px;
    position: relative;
}
.tf-introduction-main>.tf-bottom-back{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 300px;
    z-index: 1;
}
.tf-introduction-main .tf-group{
	height:100%;
}

.tf-introduction-main .tf-right {
    height: 100%;
}
.tf-introduction-main .tf-left-img{
    position: absolute;
    width: 500px;
    height: 215px;
    background: url(../images/img2017120407_y.png) no-repeat;
    display: inline-block;
    bottom: 0px;
    z-index: 2;
}
@-webkit-keyframes move-to-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0px,40px,0);
		transform: translate3d(0px,40px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@keyframes move-to-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0px,40px,0);
		transform: translate3d(0px,40px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.tf-introduction-main .tf-left-img{
	-webkit-animation:  move-to-top 1.2s cubic-bezier(.4,0,.2,1) 0s 1;
	animation:  move-to-top 1.2s cubic-bezier(.4,0,.2,1) 0s 1 ;
	animation-fill-mode: both;
}
.tf-introduction-experience {
    text-align: center;
}
.tf-experience-title {
    color: #141414;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 27px;
}
.tf-introduction-experience ul li {
    float: left;
    padding: 0px 40px;
}
.tf-introduction-experience ul li:first-child{
	border-left: 1px solid #e5e5e5;
}
.tf-introduction-experience ul li > div:first-child {
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #717171;
}
.tf-introduction-experience ul li > div:first-child {
    color: #000;
    margin-bottom: 5px;
}
.tf-introduction-experience ul li > div:first-child>span:first-child {
    font-size: 35px;
}
.tf-introduction-experience ul li{
	border-right: 1px solid #e5e5e5;
}
.tf-introduction-des {
    height: 100%;
    width: 630px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}

.tf-introduction-des .tf-en-title {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}
.tf-introduction-des .tf-title {
    color: #1b1b1b;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height:35px;
}
.tf-introduction-des .tf-time ,.tf-introduction-experience .tf-time{
    color: #dbd9d9;
    font-size: 22px;
    font-family: F008bc;
    text-align: center;
     margin-bottom: 8px;
}
.tf-introduction-des p {
    color: #565656;
    line-height: 24px;
    margin: 20px 0px;
    font-size: 13px;
    position: relative;
    z-index: 4;
}
.tf-introduction-des p.tf-des-bottom {
    margin-top: 135px;
}

@-webkit-keyframes move-to-right-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,-40px,0);
		transform: translate3d(-20px,-40px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@keyframes move-to-right-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20px,-40px,0);
		transform: translate3d(-20px,-40px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.tf-introduction-des{
	/*-webkit-animation: move-to-right-bottom 1.2s cubic-bezier(.4,0,.2,1) 0s 1;*/
	/*animation: move-to-right-bottom 1.2s cubic-bezier(.4,0,.2,1) 0s 1 ;*/
}
.tf-advertising-video{
    width: 500px;
    height: 220px;
    margin-top: 70px;
    margin-bottom: 82px;
}
.tf-advertising-video .tf-video-preview {
    height: 100%;
    width:100%;
    background: url(../images/site_001_y.jpg);
    position: relative;
}
.tf-advertising-video .tf-video{
	display: none;
	background-color: rgb(0, 0, 0);
}
.tf-play-icon {
	cursor: pointer;
    width: 45px;
    height: 35px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.41);
    position: absolute;
    top: 85px;
    left: 130px;
}
.tf-play-icon:after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    left: 19px;
    top: 13px;
    cursor: pointer;
}
.tf-video-pause-icon{
    background-image: url(../images/video_pause_y.jpg);
    display: none;
    width: 160px;
    height: 160px;
    position: absolute;
    left: 42%;
    top: 36%;
    background-position: -120px -70px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 100000000000;
}

/**tab-menu*/
ul.tf-introduction-menu-tab{
	height: 110px;
    box-sizing: border-box;
    width: 1400px;
    background-color: #f2f1f1;
    border: 1px solid #dddddd;
    border-top: none;
    display: flex;
    justify-content: center;
    align-content: center;
}
ul.tf-introduction-menu-tab>li{
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
    background-color: transparent;
    float: left;
    font-weight: bold;
    color: #6e6e6e;
    border-right: 1px solid #e5e5e5;
    padding-top: 28px;
}
ul.tf-introduction-menu-tab>li.active{
    cursor: default;
    font-weight: bold;
}
.tf-introduction-tv , .tf-introduction-main{
	display: none;
}
.tf-introduction-tv.active, .tf-introduction-main.active{
	display: block;
    background: url(../images/img2017120406_y.jpg) bottom no-repeat;
}

.tf-list-right {
    width: 300px;
    float: right;
    position: absolute;
    display: inline-block;
    height: 390px;
    top: -111px;
    right: 0px;
}
.tf-list-right>div {
    width: 300px;
    height: 130px;
    float: right;
    margin-top: 0px;
}
.tf-list-right>div>a{
    display: block;
    height: 100%;
    width: 100%;
}
.tf-list-right>div:first-child{
  background: url(../images/news1_y.jpg);
}	
.tf-list-right>div:nth-child(2){
  background: url(../images/news2_y.jpg);
}
.tf-list-right>div:last-child{
  background: url(../images/news3_y.jpg);
}

.tf-share{
	margin-top: 20px;
    color: #797778;
    font-size: 12px;
    float: right;
}
.tf-share>ul{
	display: inline-block;
	vertical-align: middle;
}
.tf-share>ul>li{
	float: left;
	margin: 0px 3px;
}
.tf-share>ul>li>a{
	display: inline-block;
	width: 25px;
	height: 25px;
	background:url("../../../common/images/share.png");
	border-radius: 50%;
	cursor: pointer;
}
.tf-share>ul>li.tf-weixin>a{
	background-color: #81da86;
	background-position: -25px 0px;
}
.tf-share>ul>li.tf-weibo>a{
	background-color: #ea728e;
	background-position: -75px 0px;
}
.tf-share>ul>li.tf-qq-zone>a{
	background-color: #ffc84f;
	background-position: -50px 0px;

}
.tf-share>ul>li.tf-qq>a{
	background-color: #ea728e;
	background-position: -100px 0px;
}