@charset "UTF-8";

/*
*   date: 2019-07-01
*/

.tf-body {
    position: relative;
}

.g-header, .g-main, .g-footer, .g-nav {
    min-width: 1200px;
}

.g-header {
    height: 90px;
    background: url("../../images/tf-head-bg.png") repeat-x;
    background-size: 100% 100%;
}

.tf-head-logo {
    padding-top: 18px;
}

.tf-head-logo .logo {
    display: inline-block;
    width: 287px;
    height: 53px;
    vertical-align: top;
}

.tf-head-logo .logo:hover {
    opacity: 0.8;
}

.tf-head-infor {
    width: 195px;
    height: 23px;
    margin:15px 0 0 23px;
    vertical-align: top;
}

.tf-head-login {
    line-height: 32px;
    padding-top: 29px;
}

.tf-language {
    color: rgb(68, 66, 46); font-family: "����"; font-size: 14px; display: inline-block;
}

.tf-head-login .pipe {
    margin: 0 10px 0 8px;
    font-size: 17px;
    color: #575759;
}

.tf-head-login .chinese {
    width: 138px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: #fde012;
    border-radius: 3px;
}

.tf-head-login .chinese:hover, .tf-head-login .chinese.cur {
    background-color: #eed313;
}

.tf-head-login .chinese.disabled {
    color: #d6d6d6;
    background: #f7f7f7;
}

.tf-head-login .login {
    background: url("../../images/tf-head-login.png") no-repeat 24px rgb(253, 224, 18); border-radius: 3px; width: 138px; text-align: left; color: rgb(0, 0, 0); line-height: inherit; padding-left: 47px; font-size: 16px;
}

.g-nav {
    height: 45px;
    background: #2c2c2c;
}

.g-nav .centerWidth {
    position: relative;
}
.tf-nav-list{
    padding-left: 34px;
}
.tf-nav-list>li>.a {
    display: block;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #a9a9a9;
    padding: 0 20px;
}

.tf-nav-list>li>.a:hover, .tf-nav-list>li>.a.cur {
    color: #000;
    background: #fff;
}

.tf-nav-list>li>.a.active {
    color: #fff;
    background: #393939;
}

.tf-nav-list>li:hover .tf-nav-drop, .tf-nav-list>li.cur .tf-nav-drop {
    display: block;
}

.tf-nav-drop {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 396px;
    background: url("../../images/tf-nav-drop-bg.png");
    z-index: 1;
}

.tf-nav-drop .seg1 {
    width: 850px;
}

.tf-nav-drop .seg2 {
    width: 350px;
}

.tf-nav-dropTab {
    width: 100%;
    margin-top: 30px;
}

.tf-nav-dropTab td {
    width: 284px;
    text-align: center;
    border-right: 1px solid #e3e1e3;
}

.tf-nav-dropTab .a {
    display: block;
    line-height: 1;
    margin-top: 45px;
    font-size: 18px;
    color: #666;
}

.tf-nav-dropTab .a:first-child {
    margin-top: 14px;
}

.tf-nav-dropTab .a:hover {
    color: #000;
}

.tf-nav-drop .tf-nav-ad.mtl {
    margin-top: 119px;
    margin-left: 50px;
}

.tf-nav-ad {
    display: block;
    width: 250px;
}

.tf-nav-ad .img {
    width: 100%;
    height: 158px;
}

.tf-nav-ad .tt {
    margin-top: 26px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    color: #333;
}

.tf-title {
    line-height: 30px;
}

.tf-title .img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.tf-title .a {
    font-weight: bold;
    font-size: 22px;
    color: #333;
}

.tf-nav-search {
    width: 230px;
    margin-top: 7px;
    border: 1px solid #585651;
    border-radius: 6px;
}

.tf-nav-search .inp {
    box-sizing: border-box;
    width: 198px;
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    font-size: 14px;
    color: #a9a9a9;
}

.tf-nav-search .btn {
    width: 17px;
    height: 17px;
    /* margin-top: 6px; */
    font-size: 0;
    background: url("../../images/tf-nav-search-btn.png") no-repeat;
    cursor: pointer;
}

.g-footer {
    padding-top: 12px;
    background: #2c2c2c url("../../images/g-footer-bg.png") center top no-repeat;
}

.tf-login-footer {
    padding: 30px 0;
    text-align: center;
    background-color: #fff;
    background-image: url(../../images/tf-login-footer-bg_02.png);
}

.tf-login-footer-link {
    line-height: 1;
}

.tf-login-footer-link .tt {
    font-size: 14px;
    color: #666;
}

.tf-login-footer-link .a:hover {
    text-decoration: underline;
}

.tf-login-footer-link .pipe {
    margin: 0 12px;
}

.tf-login-footer-copy {
    margin-top: 2px;
}

.tf-login-footer-copy .tt {
    display: inline-block;
    margin-top: 14px;
    line-height: 1;
    font-size: 14px;
    color: #666;
}

.tf-login-footer-copy .a {
    display: inline-block;
    margin-left: 9px;
}

.tf-login-footer-copy .a .img {
    vertical-align: top;
}

.tf-foot-link {
    padding-top: 27px;
    padding-bottom: 42px;
}

.tf-foot-link .seg1 {
    width: 558px;
}

.tf-foot-link .seg2 {
    width: 458px;
    padding-top: 7px;
}

.tf-foot-about>li {
    margin-left: 30px;
}

.tf-foot-about>li:first-child {
    margin-left: 0;
}

.tf-foot-aboutList .title {
    line-height: 1;
    font-size: 18px;
    color: #fff;
}

.tf-foot-aboutList .a {
    display: inline-block;
    margin-top: 17px;
    line-height: 1;
    font-size: 14px;
    color: #959595;
}

.tf-foot-aboutList .a:hover {
    color: #a7a7a7;
}

.tf-foot-pie {
    position: relative;
    padding-right: 28px;
    border-right: 1px solid #585651;
}

.tf-foot-pie li {
    box-sizing: border-box;
    width: 184px;
    height: 40px;
    line-height: 40px;
    margin-top: 13px;
    background: #303230;
    border: 1px solid #585651;
    border-radius: 4px;
}

.tf-foot-pie li:first-child {
    margin-top: 0;
}

.tf-foot-pie .a {
    position: relative;
    display: block;
    padding-left: 51px;
    font-size: 14px;
    color: #acadad;
}

.tf-foot-pie .a1 {
    background: url("../../images/tf-foot-pieIcon_03.png") 8px center no-repeat;
}

.tf-foot-pie .a1:hover, .tf-foot-pie .a1.cur {
    background: url("../../images/tf-foot-pieIcon_03-cur.png") 8px center no-repeat;
}

.tf-foot-pie .a2 {
    background: url("../../images/tf-foot-pieIcon_06.png") 8px center no-repeat;
}

.tf-foot-pie .a2:hover, .tf-foot-pie .a2.cur {
    background: url("../../images/tf-foot-pieIcon_06-cur.png") 8px center no-repeat;
}

.tf-foot-pie .a3 {
    background: url("../../images/tf-foot-pieIcon_08.png") 8px center no-repeat;
}

.tf-foot-pie .a3:hover, .tf-foot-pie .a3.cur {
    background: url("../../images/tf-foot-pieIcon_08-cur.png") 8px center no-repeat;
}

.tf-foot-pie .a:before {
    display: none;
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -6px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #fff;
}

.tf-foot-drop {
    display: none;
    position: absolute;
    left: -134px;
    top: 0;
    width: 124px;
    height: 147px;
    text-align: center;
    background: #fff;
}

.tf-foot-drop .img {
    width: 112px;
    height: 112px;
    margin-top: 6px;
}

.tf-foot-drop .tt {
    margin-top: 8px;
    line-height: 1;
    font-size: 12px;
    color: #333;
}

.tf-foot-pie li:hover, .tf-foot-pie li.cur {
    background: #fff;
    border-color: #fff;
}

.tf-foot-pie li:hover .a:before, .tf-foot-pie li.cur .a:before,
.tf-foot-pie li:hover .tf-foot-drop, .tf-foot-pie li.cur .tf-foot-drop {
    display: block;
}

.tf-foot-phone {
    position: relative;
    height: 146px;
    /*margin-left: 28px;*/
}

.tf-foot-phone .num {
    margin-top: 10px;
    font-size: 30px;
}

.tf-foot-phone .tt {
    line-height: 1;
    color: #ffe000;
}

.tf-foot-phone .infor {
    margin-top: 15px;
    font-size: 20px;
    letter-spacing: 2px;
}

.tf-foot-phone .img {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 186px;
    height: 28px;
}

.tf-foot-msg {
    height: 74px;
    border-top: 1px solid #575759;
}

/*.tf-foot-msg .seg1 {
    width: 558px;
}*/

.tf-foot-msg .tt {
    margin-top: 12px;
    line-height: 22px;
    font-size: 14px;
    color: #959595;
}

.tf-foot-alt {
    padding-top: 18px;
}

.tf-foot-alt .tt {
    line-height: 37px;
    font-size: 14px;
    color: #959595;
}

.tf-foot-alt .tt:hover {
    color: #a7a7a7;
}

.tf-foot-alt .line {
    margin: 0 18px 0 12px;
}

.tf-foot-alt .imgW {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 37px;
}

.g-main {
    background: #fff;
}
.tf-lb-img .lbItems .a {
    text-align: center;
    z-index: 1;
    overflow: hidden;
}
.tf-lb-img .lbItems .a img {
    position: absolute;
    left: 50%;
    width: auto;
    z-index: -1;
}
.tf-lb-img .lbNums {
    z-index: 1;
}
.tf-use-tabItems {
    min-height: 363px;
}
.tf-lb-gjs {
    margin-top: 31px;
}
.tf-lb-gjs, .tf-lb-gjs .lbItems, .tf-lb-gjs .lbItems .a, .tf-lb-gjs .lbItems .a img {
    width: 1200px;
    height: 280px;
}
.tf-lb-img {
    width: 100%; height: 450px;
}
.tf-lb-img .lbNums {
    left: 0px; width: 100%; text-align: center; bottom: 28px;
}
.tf-lb-img .lbNums span {
    background: rgb(251, 251, 251); width: 14px; height: 14px; margin-left: 17px;
}
.tf-lb-img .lbNums span:first-child {
    margin-left: 0px;
}
.tf-lb-img .lbNums span:hover {
    background: rgb(254, 222, 0);
}
.tf-lb-img .lbNums span.cur {
    background: rgb(254, 222, 0);
}
.tf-tabBtns {
    height: 51px; border-bottom-color: rgb(227, 225, 227); border-bottom-width: 1px; border-bottom-style: solid;
}
.tf-tabBtns .btn {
    padding: 0px 39px; border-radius: 5px 5px 0px 0px; border: 1px solid transparent; height: 50px; margin-bottom: -1px;
}
.tf-tabBtns .btn .tt {
    padding: 15px 26px 10px; color: rgb(51, 51, 51); line-height: 1; font-size: 22px; margin-bottom: -1px; border-bottom-color: transparent; border-bottom-width: 5px; border-bottom-style: solid; display: inline-block;
}
.tf-tabBtns .btn:hover {
    border-color: rgb(227, 225, 227) rgb(227, 225, 227) rgb(251, 250, 251);
}
.tf-tabBtns .btn.cur {
    border-color: rgb(227, 225, 227) rgb(227, 225, 227) rgb(251, 250, 251);
}
.tf-tabBtns .btn:hover .tt {
    font-weight: bold; border-bottom-color: rgb(252, 222, 0);
}
.tf-tabBtns .btn.cur .tt {
    font-weight: bold; border-bottom-color: rgb(252, 222, 0);
}
.tf-news {
    padding: 80px 0px;
}
.tf-news-t{
	text-align: center;
	margin-bottom: 72px;
}
.tf-news-t a{
	display: inline-block;
	color: #242424;
	font-size: 22px;
	font-family: Arial;
}
.tf-tabBtns-news .btn {
    padding: 0px 19px;
}
.tf-tabBtns-news .btn:hover {
    border-bottom-color: rgb(255, 255, 255);
}
.tf-tabBtns-news .btn.cur {
    border-bottom-color: rgb(255, 255, 255);
}
.tf-tabBtns-news .btn .tt {
    padding-right: 0px; padding-left: 0px;
}
.tf-more {
    color: rgb(153, 153, 153); font-size: 16px; margin-top: 21px;
}
.tf-text-list li {
    padding: 0px 18px 0px 1px; width: 100%; line-height: 45px; border-bottom-color: rgb(169, 169, 169); border-bottom-width: 1px; border-bottom-style: dashed; float: left; box-sizing: border-box;
}
.tf-text-list .a {
    color: rgb(51, 51, 51); font-size: 16px; float: left; max-width: 80%;
}
.tf-text-list .a:hover {
    color: rgb(0, 0, 0); font-weight: bold;
}
.tf-text-list .d {
    color: rgb(153, 153, 153); font-size: 16px; float: right;
}
.tf-imgnews{
    margin-top: 80px;
}
.tf-imgnews-text{
    width: 550px;
    margin-left: 18px;
}
.tf-imgnews-text .tit{
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 22px;
}
.tf-imgnews-text .con{
    color: #666666;
    font-size: 14px;
    font-family: Arial;
    line-height: 24px;
}
.tf-imgnews-text .more{
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    background: #fde112;
    border-radius: 3px;
    margin-top: 36px;
}
.tf-imgnews-text .more:hover{
    background-color: #eed313;
}
.tf-imgnews-img{
    width: 550px;
    height: 330px;
    margin-right: 20px;
}
.tf-imgnews-img img{
    width: 100%;
    height: 100%;
}
.tf-imgnews-img img:hover{
    opacity: 0.8;
    -khtml-opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=0.8);
    filter:"alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.tf-calendar{
    margin-top: 80px;
    width: 100%;
    height: 475px;
    padding-top: 82px;
    background: url(../../images/bg2.png) top center no-repeat;
}
.tf-calendar-t{
    height: 46px;
    width: 100%;
    background: url(../../images/bg1.png) center no-repeat;
    text-align: center;
    margin-bottom: 20px;
}
.tf-calendar-t .tit{
    display: inline-block;
    width: 220px;
    text-align: center;
    line-height: 46px;
    color: #333333;
    font-size: 18px;
    font-family: Arial;
    border: 1px solid #e4e2e4;
    background: #f8f8f8;
}
.tf-calendar-t .tit.cur{
    border: 1px solid #fde112;
    background: #fde112;
}
.tf-calendar-t .tit1{
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}
.tf-calendar-t .tit2{
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}
.tf-calendar-item{
    width: 100%;
    display: none;
    height: 342px;
    overflow-x: auto;
    white-space: nowrap;
    background: url(../../images/bg3.png) center 156px repeat-x;
}
.tf-calendar-item.show{
    display: block;
}
.tf-calendar-box{
    width: 310px;
    display: inline-block;
    vertical-align: middle;
}
.tf-calendar-box .date{
    height: 146px;
    line-height: 146px;
    text-align: center;
}
.tf-calendar-box .date span{
    display: inline-block;
    line-height: 1;
    color: #000000;
    font-size: 14px;
}
.tf-calendar-box.up .date span{
    vertical-align: bottom;
    margin-bottom: 10px;
}
.tf-calendar-box.down .date span{
    vertical-align: top;
    margin-top: 10px;
}
.tf-calendar-box .text{
	height: 122px;
	line-height: 122px;
}
.tf-calendar-box.up .text{
	text-align: center;
	padding-top: 49px;
	background: url(../../images/icon1.png) top center no-repeat;
}
.tf-calendar-box.down .text{
	padding-bottom: 49px;
	background: url(../../images/icon2.png) bottom center no-repeat;
}
.tf-calendar-box .text p{
	display: inline-block;
	border: 3px solid #e4e2e4;
	padding: 10px 22px;
	text-align: left;
	line-height: 1;
}
.tf-calendar-box.down p{
	vertical-align: bottom;
}
.tf-calendar-box.up p{
	vertical-align: top;
}
.tf-calendar-box .text p a{
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	max-width: 290px;
	max-height: 104px;
	overflow: hidden;
}
.tf-calendar-box .text p a:hover{
    color: #999;
}