html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background: transparent; border: 0; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: none; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 height: auto;
}
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.1; font-weight: 500; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1; color: #999999; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
p { margin: 0 0 10px; }
ul, ol { margin-top: 0; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
.unstyled, .list-unstyled { padding-left: 0; list-style: none; margin-bottom: 0; }
.inline, .list-inline { padding-left: 0; list-style: none; margin-bottom: 0; margin-left: -5px; }
.inline > li, .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
.inline li, .list-inline li {
 *display: inline;
 *zoom: 1; _padding-left: 5px; _padding-right: 5px; }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.5; }
dt { font-weight: 700; }
dd { margin-left: 0; }
img { vertical-align: top; -ms-interpolation-mode: bicubic; }
.reset, .reset p, .reset ul, .reset ol, .reset li, .reset dl, .reset dt, .reset dd, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset form, .reset fieldset, .reset legend, .reset input, .reset select, .reset textarea, .reset button, .reset blockquote, .reset address, .reset pre { margin: 0; padding: 0; }
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset input, .reset textarea, .reset select, .reset label { font-size: 100%; }
.reset ul, .reset ol { list-style: none; }
.reset textarea { resize: none; }
body { overflow-x: hidden; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #333; background-color: #ffffff; }
a { color: #555; text-decoration: none; }
a:hover, a:focus { color: #F07D00; text-decoration: underline; }
.highlight, a.highlight { color: #d9534f; }
.gray, a.gray { color: #999999; }
.blue, a.blue { color: #5bc0de; }
.yahei { font-family: "Microsoft YaHei", sans-serif; }
.simsun { font-family: simsun, serif; }
.split { display: inline-block; padding: 0 5px; color: #eeeeee; }
.fr { float: right; }
.fl { float: left; display: inline; }
.hide-txt { visibility: hidden; display: inline-block; width: 0; height: 0; overflow: hidden; }
.hide { display: none; }
.invisible { visibility: hidden; }
.clearfix { *zoom: 1;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.nav-wrap { width: 1200px; margin: 0px auto; }
.nav { margin-bottom: 0px; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
ul { list-style: none; }
.tg-main { margin: 0; padding: 0; position: relative; }
.tg-main p { font-family: "Microsoft YaHei", sans-serif; }
.arial { font-family: Arial Black; }
a:hover, a:active, a:focus { text-decoration: none; }
.tg-3f-main .j_cms_ctn { width: 262px; }
.j_cms_ctn img { border: 1px solid #e1e1e1; width: 260px; height: 260px; }
.ui-tools-bottom { display: none; }
.tg-grid { width: 1190px; margin: 0px auto; }
.tg-floor { width: 100%; position: relative; overflow: hidden; }
.tg-hf a { width: 100%; display: inline-block; }
.tg-hf a img { width: 100%; border: none; }
.tg-header { margin: 20px auto; }
.tg-header .tg-logo a { width: 170px; height: 60px; float: left; display: inline-block; }
.tg-header .tg-logo p { display: inline-block; height: 50px; line-height: 50px; float: left; font-size: 28px; padding-left: 12px; border-left: 1px solid #bbb; color: #c74341; }
.tg-header .tg-header-phone { height: 60px; float: right; }
.tg-header .tg-header-phone p { height: 50px; line-height: 50px; display: inline-block; font-size: 14px; }
.tg-header .tg-header-phone strong { font-size: 20px; font-weight: normal; height: 50px; line-height: 50px; }
.tg-banner { height: 459px; border-top: 1px solid #418da1; background: #2d6ce9 url(../img/t-bg.jpg) no-repeat top center; }
.tg-banner .tb-ba-content { height: 459px; position: relative; background: url(../img/t-bg.jpg) no-repeat top center; }
.tg-banner .tb-ba-content .tb-ba-r { height: 379px; width: 885px; position: absolute; bottom: 0px; right: -145px; background: url(../img/t-content.png) no-repeat top center; }
.tg-banner .tb-ba-content .tb-ba-r .tb-ba-r-c { position: absolute; top: 70px; left: 322px; }
.tg-banner .tb-ba-content .tb-ba-r .tb-ba-r-c .tb-ba-btn { margin-top: 17px; }
.tg-banner .tb-ba-content .tb-ba-r p { font-family: "����", '΢���ź�', "����"; text-align: center; font-size: 16px; color: #666; margin: 0; padding: 0; height: 25px; line-height: 25px; }
.tb-ba-btn { display: inline-block; height: 75px; width: 295px; background: url(../img/tg-btn.png) no-repeat left top; }
.arrow-floor1 { width: 23px; height: 14px; display: inline-block; background: url(../img/tab.png) -29px -280px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -16px; }
.arrow-floor2 { width: 23px; height: 14px; display: inline-block; background: url(../img/tab.png) -29px -294px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -16px; }
.arrow-tab { width: 10px; height: 6px; display: inline-block; background: url(../img/tab.png) -29px -308px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }
.tg-zz { margin-top: 50px; margin-bottom: 100px; }




.tg-zz .tg-title-warp .tg-title-t { margin: 0 auto; }
.tg-zz .tg-title-warp .tg-title-u {text-align: center;border-bottom: 1px solid #e1e1e1; }
.tg-zz .tg-title-warp .tg-title-t .icon-con { display: inline-block; height: 8px; width: 8px; margin: 0 15px; background: #ff8500; margin-bottom: 5px; }
.tg-zz .tg-title-warp .tg-title-t p { display: inline-block;width: 100%;}
.tg-zz .tg-title-warp .tg-title-t p img{float: left;}
.tg-zz .tg-title-warp .tg-title-t p span.big{font-size: 30px; color: #ff8500; font-weight: bold;padding-top: 12px;display: inline-block;margin-left: 20px;}
.tg-zz .tg-title-warp .tg-title-t p span.small{font-size: 14px;color: #666666;padding-top: 12px;display: inline-block;margin-left: 20px;}
.tg-zz .tg-title-warp .tg-title-u p { display: inline-block; font-size: 18px; color: #141010; height: 40px; line-height:35px; }
.rightnow{
	width: 134px!important;
	height: 39px!important;
	background:url(../img/rightnow.png) no-repeat; 
	border:none!important;
	margin-top: 15px;
}
.title{
	color: #F07D00!important;
}
.warp{

	width: 1200px;
}
.warp ul{
	margin-top: 60px;
	margin-left: 15px;
}
.warp ul li{
	height: 175px;
	float: left;
	text-align: center;
	_display:inline;
}
.warp_img{
	height: 90px;
	line-height: 90px;
	text-align: center;
}
.short{
	width: 116px;
}
.mlong{
	width: 188px;
}
.long{
	width: 197px;
}
.mshort{
	width: 126px;
}
.warp ul li h3{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 25px;
}
.warp ul li p{
	font-size: 14px;
}
.warp ul li h3:hover{
	color: #F07D00!important;
}
.vleft{
	margin-left: 108px;
}
.teamwork{
	width: 100%;
	background-color: #f0f0f0;
	position: relative;
}
.teamwork_main{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.vip_full{
	height: 10px;
	width: 100%;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 99;
	background-color: #F0F0F0;
}
.teamwork_tit{
	height: 53px;
	width: 1200px;
	text-align: center;
	border-bottom: 2px solid #E1E1E1;
}
.teamwork_tit ul{
	width: 210px;
	margin-left: 500px;
	_display: inline;
}
.teamwork_tit ul li{
	font-size: 29px;
	color: #F07D00;
	float: left;
}
.span_img{
	margin-top: -10px;
	margin-left: 15px;
	margin-right: 15px;
}
.span_img1{
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.teamwork_tit ul li p{
	font-weight: bold;
}
.clear_index{
	height: 40px;
	width: 1200px;
}
.teamwork_ul{
	height: 300px;
	width: 1200px;
	margin-top: 49px;
}
.teamwork_ul li{
	height: 103px;
	width: 189px;
	float: left;
	_display: inline;
}
.teamleft{
	margin-left: 13px;
}
.teamtop{
	margin-top: 14px;
}

.tg-content .tg-con-f:nth-child(2n-1) { background: #f0f0f0; }
.tg-content .tg-con-f:nth-child(2n) { background: #fff; }
.tg-content .tg-con-f .tg-f-floor, .tg-content .tg-con-f .tg-f-floor .tg-grid { height: 116px; }
.tg-content .tg-con-f .tg-f-floor .tg-grid1 { background: url(../img/1f-bg.png) no-repeat 330px center; width: 1200px;margin: 0 auto;text-align: center;}
.tg-content .tg-con-f .tg-f-floor .tg-grid2 { background: url(../img/2f-bg.png) no-repeat 330px center; }
.tg-content .tg-con-f .tg-f-floor .tg-grid3 { background: url(../img/3f-bg.png) no-repeat 330px center; }
.tg-content .tg-con-f .tg-f-floor .tg-grid4 { background: url(../img/4f-bg.png) no-repeat 330px center; }
.tg-content .tg-con-f .tg-1f-floor { background: #ff8500; }
.tg-content .tg-con-f .tg-2f-floor { background: #ff6468; }
.tg-content .tg-con-f .tg-3f-floor { background: #39D2AC; }
.tg-content .tg-con-f .tg-4f-floor { background: #659bf6; }
.tg-content .tg-con-f .tg-f-floor .tg-f-num { display: inline-block; height: 116px; font-family: "΢���ź�", Microsoft YaHei; font-size: 70px; text-align: center; line-height: 116px; width: 94px; margin: 0; padding: 0; float: left; }
/*����ÿ����ɫ*/
.tg-f-num1 { margin-top: 5px; }
.tg-f-num1 img { margin-top: 8px; }
.tg-f-num2 { color: #ff6468; background: #F54247; }
.tg-f-num3 { color: #39D2AC; background: #1ab891; }
.tg-f-num4 { color: #659bf6; background: #3c72f6; }
.tg-content .tg-con-f .tg-f-floor .tg-f-title { display: inline-block; height: 116px; float: left;width: 1200px; }
.tg-f-title .tg-ft-t { font-size: 30px; height: 50px; color: #ffffff; font-weight: bold; margin: 20px 0 0 0; }
.tg-f-title .tg-ft-t span{width: 10px;height: 10px;background-color: #fff;display: inline-block;margin-right: 18px;margin-left: 18px;float: left;margin-top: 17px;}
.tg-f-title .tg-ft-t em{font-style: normal;float: left;display: inline-block;}
.tg-ft-t1 { text-shadow: 1px 1px 2px #f6870d; }
.tg-ft-t2 { text-shadow: 1px 1px 2px #ff292e; }
.tg-ft-t3 { text-shadow: 1px 1px 2px #08a571; }
.tg-ft-t4 { text-shadow: 1px 1px 2px #4878ed; }
.tg-f-title .tg-ft-u1 { padding-top: 5px; font-size: 14px; color: #666666; border-top: 1px solid #dd8601; }
.tg-f-title .tg-ft-u2 { padding-top: 5px; font-size: 14px; color: #9b2504; border-top: 1px solid #de4348; }
.tg-f-title .tg-ft-u3 { padding-top: 5px; font-size: 14px; color: #048868; border-top: 1px solid #17c096; }
.tg-f-title .tg-ft-u4 { padding-top: 5px; font-size: 14px; color: #2b5bae; border-top: 1px solid #5b8ce1; }
.tg-content .tg-con-f .tg-1f-main .tg-1f-content { padding: 90px 0; position: relative; height: 280px; border-bottom: 1px solid #ffffff; box-shadow: 0 1px 1px #ccc; }
.tg-1f-grid { width: 810px; height: 280px; margin: 0 auto; position: relative; }
.tg-1f-content a { display: inline-block; height: 20px; line-height: 20px; border-bottom: 1px solid #999999; }
.tg-1f-content a:hover { color: #ff9400; border-bottom: 1px solid #ff9400; }
/*css����*/
.tg-1f-content .tg-1f-shop { position: absolute; left: 0px; top: 200px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .on .tg-1f-shop { left: 0px; top: 0px; opacity: 1; }
/*һ�㶯��*/
.tg-1f-content .tg-shop-home { position: absolute; left: 53px; top: 200px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari �� Chrome */ -o-transition-delay: 0.5s; /* Opera */ background: url(../img/1f-shop-home.png) no-repeat left top; background-size: cover; width: 219px; height: 163px; }
.tg-1f-content .on .tg-shop-home { left: 53px; top: 97px; opacity: 1; }
/*�״ﶯ��*/
.tg-1f-content .tg-shop-ld { position: absolute; left: 200px; top: 200px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.8s; -moz-transition-delay: 0.8s; /* Firefox 4 */ -webkit-transition-delay: 0.8s; /* Safari �� Chrome */ -o-transition-delay: 0.8s; /* Opera */ background: url(../img/1f-ld.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-shop-ld { left: 0px; top: 0px; width: 155px; height: 155px; opacity: 1; }
/*�ֻ�*/
.tg-1f-content .tg-shop-phone { position: absolute; right: 100px; bottom: -9px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 1s; -moz-transition-delay: 1s; /* Firefox 4 */ -webkit-transition-delay: 1s; /* Safari �� Chrome */ -o-transition-delay: 1s; /* Opera */ background: url(../img/1f-iphone.png) no-repeat left top; background-size: cover; width: 32px; height: 67px; }
.tg-1f-content .on .tg-shop-phone { opacity: 1; right: 73px; bottom: -9px; }
.tg-1f-content .tg-shop-ipad { position: absolute; right: -10px; bottom: -4px; opacity: 0; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 1s; -moz-transition-delay: 1s; /* Firefox 4 */ -webkit-transition-delay: 1s; /* Safari �� Chrome */ -o-transition-delay: 1s; /* Opera */ background: url(../img/1f-ipad.png) no-repeat left top; background-size: cover; width: 54px; height: 73px; }
.tg-1f-content .on .tg-shop-ipad { opacity: 1; right: 28px; bottom: -4px; }
/*--------------------2�㶯��-----------------------------*/
.tg-1f-content .tg-2f-pic { position: absolute; right: -50px; top: 120px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .on .tg-2f-pic { right: -50px; top: 20px; opacity: 1; }
/*����1*/
.tg-1f-content .tg-pic-qp1 { position: absolute; left: 59px; top: 106px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; background: url(../img/2f-qp1.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-pic-qp1 { width: 86px; height: 136px; left: 16px; top: -40px; opacity: 1; }
/*����2*/
.tg-1f-content .tg-pic-qp2 { position: absolute; right: 95px; top: 53px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; background: url(../img/2f-qp2.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-pic-qp2 { width: 138px; height: 95px; right: 26px; top: 6px; opacity: 1; }
/*����3*/
.tg-1f-content .tg-pic-qp3 { position: absolute; right: 100px; bottom: 53px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; background: url(../img/2f-qp3.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-pic-qp3 { width: 108px; height: 88px; right: 46px; bottom: 6px; opacity: 1; }
/*--------------------3�㶯��-----------------------------*/
.tg-1f-content .tg-3f-cpd { position: absolute; left: 50px; top: -100px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .on .tg-3f-cpd { left: 0px; top: 0px; opacity: 1; }
/*����*/
.tg-1f-content .tg-cpd-qp { position: absolute; right: 40px; bottom: 198px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; background: url(../img/3f-cpd-qp.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-cpd-qp { width: 68px; height: 68px; right: 4px; bottom: 162px; opacity: 1; }
/*��ʯ*/
.tg-1f-content .tg-cpd-zs { position: absolute; right: 29px; bottom: 39px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; background: url(../img/3f-cpd-zs.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-cpd-zs { width: 138px; height: 138px; right: -40px; bottom: -30px; opacity: 1; }
/*--------------------4�㶯��-----------------------------*/
.tg-1f-content .tg-4f-phone { position: absolute; right: -50px; top: 120px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .on .tg-4f-phone { right: -50px; top: -60px; opacity: 1; }
/*����1*/
.tg-1f-content .tg-phone-qp1 { position: absolute; left: 2px; top: 137px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; background: url(../img/4f-qp3.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-phone-qp1 { width: 105px; height: 68px; left: -50px; top: 105px; opacity: 1; }
/*����1*/
.tg-1f-content .tg-phone-qp2 { position: absolute; left: 120px; top: 261px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; background: url(../img/4f-qp.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-phone-qp2 { width: 97px; height: 63px; left: 0px; top: 230px; opacity: 1; }
/*����1*/
.tg-1f-content .tg-phone-qp3 { position: absolute; right: 120px; top: 261px; opacity: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; background: url(../img/4f-qp2.png) no-repeat left top; background-size: cover; width: 0px; height: 0px; }
.tg-1f-content .on .tg-phone-qp3 { width: 135px; height: 89px; right: 30px; top: 80px; opacity: 1; }
/*--------------------------------------------*/
.tg-1f-content .tg-1fc-left { position: absolute; left: -185px; top: 0px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .tg-1fc-right { position: absolute; right: -210px; top: 20px; opacity: 0; width: 369px; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.tg-1f-content .on .tg-1fc-left { left: 0px; top: 0px; opacity: 1; }
.tg-1f-content .on .tg-1fc-right { right: -50px; top: 20px; opacity: 1; }
.tg-1f-content .tg-1fc-right h3 { font-size: 25px; font-weight: bold; margin-bottom: 18px; }
.tg-1f-content .tg-1fc-right p { font-size: 14px; color: #727272; }
.tg-1f-content .tg-1fc-left h3 { font-size: 25px; font-weight: bold; margin-bottom: 18px; }
.tg-1f-content .tg-1fc-left p { font-size: 14px; color: #727272; }
.tg-red { color: #ff8500; }
.tg-2f-main { position: relative; margin-bottom: 90px; }
.tg-2f-main .tg-2f-m-top { width: 459px; height: 223px; position: absolute; left: 50%; top: 25px; margin-left: -199px; z-index: 99; }
.tg-2f-main .tg-2f-m-midde { padding-top: 206px; height: 81px; width: 914px; margin: 0 auto; }
.tg-2f-main .tg-2f-m-midde .tg-2f-line { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; margin: 0 auto; border: 4px solid #c6c6c6; border-bottom: none; height: 81px; background: #ffffff; z-index: 5; position: relative; }
.tg-2f-main .tg-2f-m-midde .tg-2f-line2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 4px solid #c6c6c6; border-bottom: none; height: 17px; margin-top: -17px; z-index: 1; position: relative; }
.tg-2f-main .tg-2f-m-under ul { list-style: none; margin: 0; padding: 0; }
.tg-2f-main .tg-2f-m-under ul li { border: 1px solid #e1e1e1; width: 262px; height: 262px; float: left; margin-right: 44px; }
.tg-2f-main .tg-2f-m-under ul .last-li { margin-right: 0px; }
.tg-2f-m-under li .tg-2f-li-title { height: 78px; width: 100%; background: #5391f9; text-align: center; position: relative; }
.tg-2f-m-under li .tg-2f-li-title span { padding-left: 30px; height: 30px; line-height: 30px; display: inline-block; font-size: 20px; color: #ffffff; font-weight: bold; background: url(../img/tab.png) no-repeat; }
.tg-2f-m-under li .tg-2f-li-title .tab-2f-1 { margin-top: 15px; background-position: 0px -323px; height: 20px; line-height: 20px; padding-left: 34px; }
.tg-2f-m-under li .tg-2f-li-title .tab-2f-2 { margin-top: 15px; background-position: 0px -343px; height: 20px; line-height: 20px; padding-left: 34px; }
.tg-2f-m-under li .tg-2f-li-title .tab-2f-3 { margin-top: 15px; background-position: 0px -362px; height: 20px; line-height: 20px; padding-left: 34px; }
.tg-2f-m-under li .tg-2f-li-title .tab-2f-4 { margin-top: 15px; background-position: 0px -381px; height: 20px; line-height: 20px; padding-left: 34px; }
.tg-2f-m-under li .tg-2f-li-title p { height: 30px; line-height: 30px; font-size: 14px; color: #12459c; border-top: 1px solid #4a86eb; margin: 5px 0 0 0; }
.tg-2f-m-under li .tg-2f-li-main .tg-2f-li-tab { height: 31px; padding: 15px 30px; background: #f0f0f0; font-size: 12px; border-bottom: 1px solid #e1e1e1; color: #656565; }
.tg-3f-main { position: relative; }
.tg-3f-main ul { margin: 90px 0; padding: 0; overflow: hidden; }
.tg-3f-main ul li { width: 260px; height: 300px; float: left; margin-right: 50px; }
.tg-3f-main ul .last-li { margin-right: 0; }
.tg-3f-main ul li p { font-size: 14px; margin: 0; }
.tg-3f-main .tg-3f-img { border: 1px solid #e1e1e1; overflow: hidden; height: 260px; width: 260px; }
.tg-4f-main .tg-4f-top { text-align: center; height: 50px; font-weight: bold; line-height: 50px; font-size: 25px; margin: 20px 0 0 0; padding-bottom: 10px; border-bottom: 1px solid #dddddd; color: #636363; }
.tg-4f-main .tg-4f-collection { height: 350px; overflow: hidden; width: 900px; margin: 0 auto; margin-top: 20px; }
.tg-4f-main .tg-4f-collection p { height: 40px; line-height: 40px; font-size: 14px; color: #666666; font-family: "����", '΢���ź�', "����"; }
.tg-main .tg-footer { text-align: center; margin-bottom: 60px; }
.tg-main .tg-footer .tb-ba-btn { margin-top: 44px; }
.tb-ba-btn-in { background-position: 0 -75px; }
.tg-main .tg-footer .tg-under { margin-top: 5px; font-size: 14px; text-align: center; }
.tg-main .tg-footer .tg-under a { display: inline-block; height: 20px; line-height: 20px; border-bottom: 1px solid #999999; margin-left: 20px; }
.tg-main .tg-footer .tg-under a:hover { color: #ff9400; border-bottom: 1px solid #ff9400; }
.tg-main .tg-footer .tg-under span { display: inline-block; width: 25px; height: 17px; background: url(../img/tab.png) 0 -306px no-repeat; margin-bottom: 12px; }
.tg-fix { z-index: 9999; width: 100%; height: 79px; position: fixed; top: 0; left: 0; text-align: center; background: #fff; /*background: rgba(203, 203, 203, 1);*/ border-bottom: 1px solid #dadada; box-shadow: 0 1px 2px #ddd; -moz-box-shadow: 0 1px 2px #ddd; -webkit-box-shadow: 0 1px 2px #ddd; }
.tg-fix .tg-fix-div { width: 1100px; margin: 0 auto; height: 79px; }
.tg-fix .tg-fix-click { display: inline-block; height: 70px; width: 110px; padding-left: 60px; margin: 7px 0px 0 38px; line-height: 70px; font-family: '΢���ź�', "����", "����"; font-size: 15px; font-weight: bold; color: #666666; cursor: pointer; }
.tg-fix .tg-fix-menu0 { background: url(../img/tab_01.png) no-repeat;margin-left: 12px; }
.tg-fix .tg-fix-menu0 a{ margin-left: 10px; }
.tg-fix .tg-fix-menu1 { background: url(../img/tab_02.png) no-repeat; }
.tg-fix .tg-fix-menu1 a{ margin-left: 10px; }
.tg-fix .tg-fix-menu2 {background: url(../img/tab_03.png) no-repeat;  }
.tg-fix .tg-fix-menu2 a{ margin-left: 10px; }
.tg-fix .tg-fix-menu3 { background: url(../img/tab_04.png) no-repeat; }
.tg-fix .tg-fix-menu3 a{ margin-left: 10px; }
.tg-fix .tg-fix-menu4 { background: url(../img/tab_05.png) no-repeat; }
.tg-fix .tg-fix-menu4 a{ margin-left: 10px; }
#tg-top { position: fixed; bottom: 50px; right: 70px; width: 55px; height: 55px; background: url(../img/tab.png) no-repeat left top; background-position: 0 -224px; cursor: pointer; animation: hj 2s infinite; -moz-animation: hj 2s infinite; /* Firefox */ -webkit-animation: hj 2s infinite; /* Safari and Chrome */ -o-animation: hj 2s infinite;/* Opera */ }
.p-span1 { width: 10%; display: inline-block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.p-span2 { width: 45%; display: inline-block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.p-span3 { width: 10%; text-align: center; display: inline-block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.p-span4 { width: 16%; display: inline-block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.tg-4f-collection a { width: 10%; display: inline-block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
@keyframes hj { 0% {
 bottom: 60px;
}
 50% {
 bottom: 50px;
}
 100% {
 bottom: 60px;
}
}
@-moz-keyframes hj { 0% {
 bottom: 60px;
}
 50% {
 bottom: 50px;
}
 100% {
 bottom: 60px;
}
}
@-webkit-keyframes hj { 0% {
 bottom: 60px;
}
 50% {
 bottom: 50px;
}
 100% {
 bottom: 60px;
}
}
.container_12 { position: absolute; top: 8px; left: 0; background:#fff; overflow:hidden;}
.slider { border: 1px solid #ccc; padding: 10px; }
.slide > * { max-width: 100%; }
.slider .slide-prev { cursor: pointer; height: 48px; width: 48px; position: absolute; left: 0; top: 50%; margin-top: -24px; background-color: rgba(255,255,255,0.8); padding: 0px; }
.slider .slide-next { cursor: pointer; height: 48px; width: 48px; position: absolute; right: 0; top: 50%; margin-top: -24px; background-color: rgba(255,255,255,0.8); padding: 0px; }
.slider .slide-next:hover, .slider .slide-prev:hover { background-color: rgba(255,255,255,0.9); }
.slider .slide-next img, .slider .slide-prev img { position: relative; top: 0; left: 0; max-height: 100%; max-width: 100%; }
.es-caption { position: absolute; bottom: 0; text-align: center; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 14px; padding: 16px; margin: 10px; width: auto; left: 0; right: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border: 1px solid rgba(255,255,255,0.3); }
ul.es-pager { display: block; width: 100%; text-align: center; margin: 5px 0 0 0; padding: 0; line-height: 0px; }
ul.es-pager li { display: inline-block; margin: 0; padding: 0; height: 16px; width: 16px; /*background-image: url("../Images/pagericon.png");*/ background-repeat: no-repeat; background-position: 0 -16px; cursor: pointer; }
ul.es-pager li:hover, ul.es-pager li.act { background-position: 0 0; }
ul.es-pager li.act { cursor: default; }