@charset "utf-8";



/* -- #comment#公共部分# -- */
@keyframes ToShow_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes ToShow_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes ToShow_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes ToShow_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}

.OutFrame1200{ width:1200px; margin:0px auto 0px auto; }
.MainHeadBg{ width:100%; height:1px; position:absolute; z-index:100; top:47px; background-color:#FFFFFF; opacity:0.1; *filter:alpha(opacity=10); }
.MainHead{ width:100%; height:48px; position:absolute; z-index:101; }
.MainHead .ALogo{ float:left; display:block; margin:0px 12% 0px 0px; line-height:32px; color:#FFFFFF; font-size:16px; }
.MainHead .ALink{ float:left; display:block; margin:7px 8% 0px 0px; line-height:32px; color:#FFFFFF; font-size:16px; cursor:pointer; text-decoration:none; }
.MainHead .AButtonRight{ float:right; margin:6px 0px 0px 12px; padding:0px 12px 0px 12px; background-color:#FFFFFF; border-radius:3px; line-height:32px; color:#333333; cursor:pointer; }
.MainHead .AButtonRightYellow{ width:64px; float:right; margin:6px 0px 0px 12px; padding:0px 12px 0px 12px; background-color:#FFCC00; border-radius:3px; line-height:32px; color:#333333; cursor:pointer; text-align:center; }

.MainHeadFloat{ width:100%; height:47px; position:absolute; position:fixed; z-index:103; background-color:#FFFFFF; border-bottom:1px #EBECEE solid;
	animation: MainHeadFloat_an 0.5s;
	-moz-animation: MainHeadFloat_an 0.5s; /* Firefox */
	-webkit-animation: MainHeadFloat_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainHeadFloat_an 0.5s; /* Opera */
}
@keyframes MainHeadFloat_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainHeadFloat_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainHeadFloat_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainHeadFloat_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainHeadFloat .ALogo{ float:left; display:block; margin:0px 12% 0px 0px; line-height:32px; color:#333333; font-size:16px; }
.MainHeadFloat .ALink{ float:left; display:block; margin:7px 8% 0px 0px; line-height:32px; color:#333333; font-size:16px; cursor:pointer; text-decoration:none; }
.MainHeadFloat .AButtonRight{ float:right; margin:6px 0px 0px 12px; padding:0px 12px 0px 12px; background:linear-gradient(90deg,#79C255,#67C23A); border-radius:3px; line-height:32px; color:#FFFFFF; cursor:pointer; }
.MainHeadFloat .AButtonRightYellow{ width:58px; float:right; margin:6px 0px 0px 12px; padding:0px 12px 0px 12px; background:linear-gradient(90deg,#FFCC00,#FFCC00); border-radius:3px; line-height:32px; color:#333333; cursor:pointer; text-align:center; }

.MainHeadLanguage{ width:82px; position:fixed; z-index:120; float:right; margin:38px 0px 0px 0px; background-color:#FFFFFF; border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.1);
	animation: MainHeadLanguage_an 0.5s;
	-moz-animation: MainHeadLanguage_an 0.5s; /* Firefox */
	-webkit-animation: MainHeadLanguage_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainHeadLanguage_an 0.5s; /* Opera */
}
@keyframes MainHeadLanguage_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainHeadLanguage_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainHeadLanguage_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainHeadLanguage_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainHeadLanguage .ALinkFirst{ width:82px; display:block; padding:0px 0px 0px 0px; border-bottom:1px #EEEEEE solid; color:333333; line-height:28px; white-space:nowrap; text-align:center; }
.MainHeadLanguage .ALinkEnd{ width:82px; display:block; padding:0px 0px 0px 0px; color:333333; line-height:28px; white-space:nowrap; text-align:center; }

.MainJumpMenu{ width:100%; top:48px; position:absolute; position:fixed; z-index:120; background-color:#FFFFFF; border-bottom:1px #EBECEE solid; box-shadow:3px 3px 12px rgba(0,0,0,0.3);
	animation: MainJumpMenu_an 0.3s;
	-moz-animation: MainJumpMenu_an 0.3s; /* Firefox */
	-webkit-animation: MainJumpMenu_an 0.3s; /* Safari 和 Chrome */
	-o-animation: MainJumpMenu_an 0.3s; /* Opera */
}
@keyframes MainJumpMenu_an{
from{ top:36px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:48px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainJumpMenu_an{
from{ top:36px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:48px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainJumpMenu_an{
from{ top:36px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:48px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainJumpMenu_an{
from{ top:36px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:48px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainJumpMenuProductTwocode{ width:150px; float:left; margin:12px 12px 0px 0px; text-align:center; }
.MainJumpMenuProductTwocode img{ width:150px; }

.MainJumpMenuProduct{ width:100%; margin:12px auto 12px auto; }
.MainJumpMenuProduct .ABlock{ width:16.66%; float:left; margin:12px 0px 12px 0px; }
.MainJumpMenuProduct .BTitle{ color:#67C23A; font-size:16px; }
.MainJumpMenuProduct .BSplit{ height:1px; margin:6px 0px 6px 0px; background:linear-gradient(90deg,#EBECEE,#FFFFFF); }
.MainJumpMenuProduct .BIntroduct{ color:#666666; }

.MainJumpMenuTab{ width:100%; margin:0px auto 0px auto; }
.MainJumpMenuTab .ATabLight{ width:11.11%; float:left; margin:0px 0px 0px 0px; border-bottom:1px #67C23A solid; color:#67C23A; text-align:center; line-height:42px; font-size:16px; cursor:pointer; }
.MainJumpMenuTab .ATab{ width:11.11%; float:left; margin:0px 0px 0px 0px; border-bottom:1px #EBECEE solid; text-align:center; line-height:42px; cursor:pointer; }

.MainJumpMenuTable{ width:100%; margin:12px auto 0px auto; background-color:#EBECEE; }
.MainJumpMenuTable th{ padding:12px 12px 12px 12px; background-color:#FFFFFF; background:linear-gradient(180deg,#F9FAFC,#EEF5FD); }
.MainJumpMenuTable td{ padding:12px 12px 12px 12px; background-color:#FFFFFF; }
.MainJumpMenuTable .AThYellow td{ background-color:#FFFaaa; }
.MainJumpMenuTable .AThGreen td{ background-color:#C8EFD4; }
.MainJumpMenuTable .ACenter{ background-color:#FFFFFF; text-align:center; }
.MainJumpMenuTableAlert{ margin:12px 0px 0px 0px; }

.MainTabMenuDemoPanel{
	animation: ToShow_an 0.5s;
	-moz-animation: ToShow_an 0.5s; /* Firefox */
	-webkit-animation: ToShow_an 0.5s; /* Safari 和 Chrome */
	-o-animation: ToShow_an 0.5s; /* Opera */
}

.MainShadowBlock{ display:block; padding:12px 12px 12px 12px; background-color:#FFFFFF; border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.3); color:#333333; text-decoration:none; }
.MainTitleBig{ font-size:36px; text-align:center; line-height:36px; }
.MainTitleIntroduct{ font-size:14px; color:#999999; text-align:center; }

.MainSectionImg{ width:600px; float:left;
	animation: MainSectionImg_an 0.5s;
	-moz-animation: MainSectionImg_an 0.5s; /* Firefox */
	-webkit-animation: MainSectionImg_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainSectionImg_an 0.5s; /* Opera */
}
@keyframes MainSectionImg_an{
from{ margin-left:-50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainSectionImg_an{
from{ margin-left:-50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainSectionImg_an{
from{ margin-left:-50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainSectionImg_an{
from{ margin-left:-50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainSectionTitle{ width:500px; float:right; margin:50px 0px 0px 0px;
	animation: MainSectionTitle_an 0.5s;
	-moz-animation: MainSectionTitle_an 0.5s; /* Firefox */
	-webkit-animation: MainSectionTitle_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainSectionTitle_an 0.5s; /* Opera */
}
@keyframes MainSectionTitle_an{
from{ margin-left:50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainSectionTitle_an{
from{ margin-left:50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainSectionTitle_an{
from{ margin-left:50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainSectionTitle_an{
from{ margin-left:50px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ margin-left:0px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainSectionTitle .ATitle{ margin:0px 0px 24px 0px; font-size:42px; line-height:42px; }
.MainSectionTitle .AIntroduct0{ margin:0px 0px 24px 0px; font-size:18px; line-height:28px; color:#333333; }
.MainSectionTitle .AIntroduct1{ margin:0px 0px 24px 0px; font-size:14px; line-height:24px; color:#AAAAAA; }

.MainSection{ width:500px; }
.MainSection img{ width:500px; }
.MainSectionMobile{ width:160px; }
.MainSectionMobile img{ width:160px; }

.MainTerminalCell_0{ width:74px; margin:0px 10px 0px 0px; padding:145px 0px 0px 0px;
	animation: MainTerminalCell_0_an 0.5s;
	-moz-animation: MainTerminalCell_0_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_0_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_0_an 0.5s; /* Opera */
}
.MainTerminalCell_0:hover{ padding-top:135px; }
@keyframes MainTerminalCell_0_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_0_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_0_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_0_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_1{ width:74px; margin:0px 10px 0px 0px; padding:120px 0px 0px 0px;
	animation: MainTerminalCell_1_an 0.5s;
	-moz-animation: MainTerminalCell_1_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_1_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_1_an 0.5s; /* Opera */
}
.MainTerminalCell_1:hover{ padding-top:110px; }
@keyframes MainTerminalCell_1_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_1_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_1_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_1_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_2{ width:74px; margin:0px 10px 0px 0px; padding:145px 0px 0px 0px;
	animation: MainTerminalCell_2_an 0.5s;
	-moz-animation: MainTerminalCell_2_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_2_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_2_an 0.5s; /* Opera */
}
.MainTerminalCell_2:hover{ padding-top:135px; }
@keyframes MainTerminalCell_2_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_2_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_2_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_2_an{
from{ padding-top:105px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:145px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_3{ width:74px; margin:0px 10px 0px 0px; padding:120px 0px 0px 0px;
	animation: MainTerminalCell_3_an 0.5s;
	-moz-animation: MainTerminalCell_3_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_3_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_3_an 0.5s; /* Opera */
}
.MainTerminalCell_3:hover{ padding-top:110px; }
@keyframes MainTerminalCell_3_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_3_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_3_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_3_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_4{ width:74px; margin:0px 10px 0px 0px; padding:140px 0px 0px 0px;
	animation: MainTerminalCell_4_an 0.5s;
	-moz-animation: MainTerminalCell_4_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_4_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_4_an 0.5s; /* Opera */
}
.MainTerminalCell_4:hover{ padding-top:130px; }
@keyframes MainTerminalCell_4_an{
from{ padding-top:100px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:140px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_4_an{
from{ padding-top:100px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:140px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_4_an{
from{ padding-top:100px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:140px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_4_an{
from{ padding-top:100px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:140px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_5{ width:269px; margin:0px -20px 0px 0px; padding:128px 0px 0px 0px;
	animation: MainTerminalCell_5_an 0.5s;
	-moz-animation: MainTerminalCell_5_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_5_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_5_an 0.5s; /* Opera */
}
.MainTerminalCell_5:hover{ padding-top:118px; }
@keyframes MainTerminalCell_5_an{
from{ padding-top:88px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:128px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_5_an{
from{ padding-top:88px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:128px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_5_an{
from{ padding-top:88px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:128px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_5_an{
from{ padding-top:88px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:128px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_6{ width:353px; margin:0px -10px 0px -50px; padding:24px 0px 0px 0px;
	animation: MainTerminalCell_6_an 0.5s;
	-moz-animation: MainTerminalCell_6_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_6_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_6_an 0.5s; /* Opera */
}
.MainTerminalCell_6:hover{ padding-top:14px; }
@keyframes MainTerminalCell_6_an{
from{ padding-top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:24px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_6_an{
from{ padding-top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:24px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_6_an{
from{ padding-top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:24px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_6_an{
from{ padding-top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:24px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_7{ width:74px; margin:0px 10px 0px -20px; padding:130px 0px 0px 0px;
	animation: MainTerminalCell_7_an 0.5s;
	-moz-animation: MainTerminalCell_7_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_7_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_7_an 0.5s; /* Opera */
}
.MainTerminalCell_7:hover{ padding-top:120px; }
@keyframes MainTerminalCell_7_an{
from{ padding-top:90px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:130px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_7_an{
from{ padding-top:90px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:130px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_7_an{
from{ padding-top:90px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:130px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_7_an{
from{ padding-top:90px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:130px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_8{ width:74px; margin:0px 10px 0px 0px; padding:120px 0px 0px 0px;
	animation: MainTerminalCell_8_an 0.5s;
	-moz-animation: MainTerminalCell_8_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_8_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_8_an 0.5s; /* Opera */
}
.MainTerminalCell_8:hover{ padding-top:110px; }
@keyframes MainTerminalCell_8_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_8_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_8_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_8_an{
from{ padding-top:80px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ v-top:120px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainTerminalCell_9{ width:74px; margin:0px 10px 0px 0px; float:right; padding:200px 0px 0px 0px;
	animation: MainTerminalCell_9_an 0.5s;
	-moz-animation: MainTerminalCell_9_an 0.5s; /* Firefox */
	-webkit-animation: MainTerminalCell_9_an 0.5s; /* Safari 和 Chrome */
	-o-animation: MainTerminalCell_9_an 0.5s; /* Opera */
}
.MainTerminalCell_9:hover{ padding-top:190px; }
@keyframes MainTerminalCell_9_an{
from{ padding-top:160px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:200px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainTerminalCell_9_an{
from{ padding-top:160px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:200px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainTerminalCell_9_an{
from{ padding-top:160px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:200px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainTerminalCell_9_an{
from{ padding-top:160px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ padding-top:200px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}



.MainEnd{ width:16.66%; float:left; padding:24px 0px 24px 0px; }
.MainEndTitle{ display:block; margin:0px 0px 12px 0px; font-size:16px; color:#FFFFFF; }
.MainEndRows{ margin:12px 0px 0px 0px; line-height:24px; }
.MainEndRow{ display:block; color:#DDDDDD; }
.MainEndRow:hover{ display:block; color:#FFFFFF;
	animation: MainEndRow_hover_an 0.3s;
}
@keyframes MainEndRow_hover_an{
from{ color:#DDDDDD; }
to{ color:#FFFFFF; }
}
.MainEndRow50{ width:50%; display:block; float:left; color:#DDDDDD; }
.MainEndRow50:hover{ color:#FFFFFF;
	animation: MainEndRow50_hover_an 0.3s;
}
@keyframes MainEndRow50_hover_an{
from{ color:#DDDDDD; }
to{ color:#FFFFFF; }
}
.MainEndRow33{ width:33%; display:block; float:left; color:#DDDDDD; }
.MainEndRow33:hover{ color:#FFFFFF;
	animation: MainEndRow33_hover_an 0.3s;
}
@keyframes MainEndRow33_hover_an{
from{ color:#DDDDDD; }
to{ color:#FFFFFF; }
}
.MainFloat{ width:140px; top:180px; right:20px; position:absolute; position:fixed; z-index:100; text-align:center;
	animation: MainFloat_an 0.3s;
	-moz-animation: MainFloat_an 0.3s; /* Firefox */
	-webkit-animation: MainFloat_an 0.3s; /* Safari 和 Chrome */
	-o-animation: MainFloat_an 0.3s; /* Opera */
}
@keyframes MainFloat_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainFloat_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainFloat_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainFloat_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainFloat .AServiceHead{ display:block; margin:0px 0px 12px 0px; padding:12px 12px 12px 12px; border-radius:70px 70px 3px 3px; background-color:#FFFFFF; box-shadow:3px 3px 12px rgba(0,0,0,0.3); color:#333333; text-decoration:none; }
.MainFloat .AServiceHead img{ width:116px; border-radius:116px; }
.MainFloat .ATwocode{ display:block; margin:0px 0px 12px 0px; padding:12px 12px 12px 12px; background-color:#FFFFFF; border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.3); color:#333333; text-decoration:none; }
.MainFloat .ATwocode img{ width:116px; }
.MainFloat .ALink{ display:block; margin:0px 0px 12px 0px; padding:12px 12px 12px 12px; background-color:#FFFFFF; border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.3); color:#333333; text-decoration:none; cursor:pointer; }
.MainFloat .ALinkColor{ display:block; margin:0px 0px 12px 0px; padding:12px 12px 12px 12px; background-color:#FFFFFF; background:linear-gradient(90deg,#79C255,#67C23A); border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.3); color:#FFFFFF; text-decoration:none; cursor:pointer;
	animation: MainFloat_ALinkColor_an 0.3s;
	-moz-animation: MainFloat_ALinkColor_an 0.3s; /* Firefox */
	-webkit-animation: MainFloat_ALinkColor_an 0.3s; /* Safari 和 Chrome */
	-o-animation: MainFloat_ALinkColor_an 0.3s; /* Opera */
}
@keyframes MainFloat_ALinkColor_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainFloat_ALinkColor_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainFloat_ALinkColor_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainFloat_ALinkColor_an{
from{ opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainFloatLittle{ width:50px; height:50px; bottom:210px; right:20px; position:absolute; position:fixed; z-index:100; background:linear-gradient(90deg,#79C255,#67C23A); box-shadow:3px 3px 12px rgba(0,0,0,0.3); border-radius:3px; text-align:center; cursor:pointer;
	animation: MainFloatLittle_an 0.3s;
	-moz-animation: MainFloatLittle_an 0.3s; /* Firefox */
	-webkit-animation: MainFloatLittle_an 0.3s; /* Safari 和 Chrome */
	-o-animation: MainFloatLittle_an 0.3s; /* Opera */
}
@keyframes MainFloatLittle_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainFloatLittle_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainFloatLittle_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainFloatLittle_an{
from{ right:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ right:20px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainFloatLittle img{ margin:8px 0px 0px 0px; }

.MainBg{ background-color:#F8F8F8; }

.MainTitleText{ font-size:24px; color:#333333; text-align:center; }
.MainTitleTextBottom{ width:60px; height:3px; margin:12px auto 0px auto; background-color:#669933; line-height:3px; }

.MainTitleHChildTitle{ font-size:36px; color:#669933; text-align:center; }
.MainTitleHChild{ margin:24px auto 0px auto; color:#999999; text-align:center; }


.MainMark{ width:100%; height:400px; top:0px; left:0px; position:absolute; position:fix; z-index:110; background-color:#000000; opacity:0.0; *filter:alpha(opacity=0); }
.MainMarkBlack{ width:100%; height:400px; top:0px; left:0px; position:absolute; position:fix; z-index:110; background-color:#000000; opacity:0.3; *filter:alpha(opacity=30); }









/* -- #comment#查看大图# -- */
.MainImageView{}
.MainImageView{ width:60%; position:absolute; position:fixed; z-index:200; top:50px; left:20%; padding:0px 0px 24px 0px; background-color:#FFFFFF; border-radius:3px; box-shadow:3px 3px 12px rgba(0,0,0,0.3);
	animation: MainImageView_an 0.3s;
	-moz-animation: MainImageView_an 0.3s; /* Firefox */
	-webkit-animation: MainImageView_an 0.3s; /* Safari 和 Chrome */
	-o-animation: MainImageView_an 0.3s; /* Opera */
}
@keyframes MainImageView_an{
from{ top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:50px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Firefox */
@-moz-keyframes MainImageView_an{
from{ top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:50px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Safari 和 Chrome */
@-webkit-keyframes MainImageView_an{
from{ top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:50px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
/* Opera */
@-o-keyframes MainImageView_an{
from{ top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:hidden; }
to{ top:50px; opacity:1; *filter:alpha(opacity=100); visibility:visible; }
}
.MainImageViewTitle{}
.MainImageViewTitle .ATitle{ float:left; margin:0px 12px 0px 12px; font-size:14px; line-height:42px; }
.MainImageViewTitle .AClose{ float:right; margin:0px 12px 0px 12px; font-size:18px; line-height:42px; cursor:pointer; }
.MainImageViewImage{ text-align:center; }
.MainImageViewImage img{ max-width:90%; max-height:600px; }
