@charset "utf-8";
/*-- ------ Define style ------ --*/
body{ background-image:url(../Img/banner1_bg.jpg); background-repeat:no-repeat; background-position:center 0px; }

/*-- ------ Div style ------ --*/
.OutFrameA{ width:1100px; margin:0px auto 0px auto; }

.Box_Gray{ background-color:#ECF0F1; }
.Box_GrayLight{ background-color:#F9F9F9; }
.Box_Blue{ background-color:#2C3E50; }
.Box_Black1{ background-color:#111111; }
.Box_Black2{ background-color:#000000; }

.Title_Home_Title{ width:300px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; color:#333333; text-align:center; font-size:32px; line-height:32px; }
.Title_Home_Text{ width:360px; margin:14px auto 14px auto; text-align:center; color:#999999; }
.Title_Home_En{ width:200px; margin:0px auto 0px auto; background-color:#243D7F; text-align:center; line-height:30px; color:#FFFFFF; }

.Title_Little_0{ text-align:center; font-size:16px; }

.ButtonWhite{ width:140px; display:inline-block; background-color:#000000; text-align:center; line-height:42px; color:#FFFFFF;  }

.CommonBg_Gray{ background-color:#333333; }
.CommonBg_Black{ background-color:#000000; }
.CommonBg_Blue{ background-color:#243D7F; }
.CommonBg_Gold{ background-color:#CFAE58; }





/*-- ------ #PHead ------ --*/
.PHead_Box{ width:100%; height:36px; background-color:#F9F9F9; }
.PHead_Box .ATitle{ display:block; float:left; line-height:36px; }
.PHead_Box .ALink{ display:block; float:right; padding:0px 1% 0px 1%; border-right:1px #EEEEEE solid; line-height:36px; }


/*-- ------ #Head ------ --*/
.Head_Box{}
.Head_Box .ALogo{ display:block; float:left; margin:12px 0px 10px 0px; }
.Head_Box .ANavigation{ width:7%; float:right; margin:26px 0px 0px 2%; line-height:36px; color:#999999; font-size:14px; text-align:center; text-decoration:none; }
.Head_Box .ANavigation:hover{ background-color:#EEEEEE; text-decoration:underline; }
.Head_Box .ANavigationLight{ width:7%; float:right; margin:26px 0px 0px 2%; background-color:#506499; line-height:36px; color:#FFFFFF; font-size:14px; text-align:center; text-decoration:none; }


/*-- ------ #Version ------ --*/
.Version_Link{ padding:36px 0px 36px 0px; line-height:32px; }
.Version_Link .AIntroBox{ width:25%; float:left; margin:0px 4% 0px 0px; color:#999999; }
.Version_Link .ALinkBox{ width:20%; float:left; margin:0px 4% 0px 0px; }
.Version_Link .AImgBox{ width:16%; float:right; text-align:center; color:#999999; }
.Version_Link .AImgBox img{ width:100%; display:block; }
.Version_Link .ATitle{ display:block; margin:0px 0px 12px 0px; font-size:1.4em; color:#FFFFFF; }
.Version_Link .ALink{ width:50%; float:left; display:block; color:#999999; }
.Version_Text{ text-align:center; color:#FFFFFF; line-height:54px; }




/*-- ------ #Banner ------ --*/
.Banner_Out{ height:660px; background-color:#none; }
.Banner1_1{ width:60%; margin:190px 0px 0px 20%; position:absolute; z-index:1; font-size:36px; line-height:36px; font-family:"宋体","黑体","微软雅黑"; text-align:center; }
.Banner1_2{ width:50%; margin:260px 0px 0px 25%; position:absolute; z-index:1; color:#666666; text-align:center; }
.Banner1_3{ width:50%; margin:315px 0px 0px 25%; position:absolute; z-index:1; color:#999999; text-align:center; }
.Banner1_4{ width:35%; margin:370px 0px 0px 35%; position:absolute; z-index:2; color:#FFFFFF; text-align:center; line-height:38px; }
.Banner1_5{ width:35%; margin:370px 0px 0px 35%; position:absolute; z-index:1; background-color:#243D7F; text-align:center; line-height:38px; }

.BannerInner{ margin:0px auto 0px auto; background-repeat:repeat-x; background-position:center 0px; }






/*-- ------ #Service ------ --*/
.ServiceBox{}
.ServiceBox .ABox{ width:270px; height:340px; float:left; margin:0px 6px 0px 0px; }
.ServiceBox .AImage{ width:270px; display:block; position:absolute; z-index:3; margin:45px auto 0px auto; text-align:center; font-size:60px; color:#FFFFFF; }
.ServiceBox .ATitle{ width:270px; position:absolute; z-index:3; margin:140px auto 0px auto; color:#FFFFFF; font-size:22px; font-weight:100; text-align:center; }
.ServiceBox .ALittle{ width:270px; position:absolute; z-index:3; margin:170px auto 0px auto; color:#FFFFFF; text-align:center; opacity:0.7; *filter:alpha(opacity=70); }
.ServiceBox .AContent{ width:230px; position:absolute; z-index:3; margin:260px auto 0px 20px; color:#FFFFFF; text-align:center; }
.ServiceBox .ABg1{ width:270px; height:220px; background-color:#333333; opacity:0.8; *filter:alpha(opacity=80); }
.ServiceBox .ABg2{ width:270px; height:120px; background-color:#333333; }

.ServiceBox .ABg_Black{ background-color:#000000; }
.ServiceBox .ABg_Blue{ background-color:#243D7F; }
.ServiceBox .ABg_Gold{ background-color:#CFAE58; }

.ServiceBox .ABox:hover .AImage{ transform:rotateY(720deg);
	animation: ServiceBox_ABox_AImage_an 1.5s; }
@keyframes ServiceBox_ABox_AImage_an{
from{ transform:rotateY(0deg); }
to{ transform:rotateY(720deg); }
}

.ServiceBox2{}
.ServiceBox2 .ABox{ width:270px; height:220px; float:left; margin:0px 6px 0px 0px; }
.ServiceBox2 .AImage{ width:270px; position:absolute; z-index:3; margin:45px auto 0px auto; text-align:center; font-size:60px; color:#FFFFFF; }
.ServiceBox2 .ATitle{ width:270px; position:absolute; z-index:3; margin:140px auto 0px auto; color:#FFFFFF; font-size:22px; font-weight:100; text-align:center; }
.ServiceBox2 .ALittle{ width:270px; position:absolute; z-index:3; margin:170px auto 0px auto; color:#FFFFFF; text-align:center; opacity:0.7; *filter:alpha(opacity=70); }
.ServiceBox2 .ABg1{ width:270px; height:220px; opacity:0.8; *filter:alpha(opacity=80); }

.ServiceBox2 .ABox:hover .AImage{ transform:translateY(0px);
	animation: ServiceBox2_ABox_AImage_an 0.7s; }
@keyframes ServiceBox2_ABox_AImage_an{
0%{ transform:translateY(0px); }
25%{ transform:translateY(-10px); }
50%{ transform:translateY(10px); }
75%{ transform:translateY(-10px); }
100%{ transform:translateY(0px); }
}


.ServiceTitle{ width:270px; height:105px; margin:0px auto 0px auto; }
.ServiceTitle div{ width:270px; }
.ServiceTitle .ATitle{ margin:30px auto 0px auto; position:absolute; z-index:3; text-align:center; color:#FFFFFF; font-size:22px; }
.ServiceTitle .ALittle{ margin:60px auto 0px auto; position:absolute; z-index:3; text-align:center; color:#FFFFFF; opacity:0.7; *filter:alpha(opacity=70); }
.ServiceTitle .ABg{ width:270px; height:105px; opacity:0.8; *filter:alpha(opacity=80); }






/*-- ------ #Solution ------ --*/
.SolutionBox{}
.SolutionBox .ABox{ width:270px; height:300px; float:left; margin:0px 6px 6px 0px; background-color:#ECF0F1; overflow:hidden; }
.SolutionBox .ATitle1{ width:270px; height:70px; /* position:absolute; z-index:3; */ margin:210px auto 0px auto; padding:20px 0px 0px 0px; background-color:#333333; color:#FFFFFF; font-size:22px; font-weight:100; text-align:center; opacity:0.8; *filter:alpha(opacity=80); visibility:visible; }
.SolutionBox .ABox:hover .ATitle1{ margin:300px auto 0px auto; animation: SolutionBox_ABox_ATitle1_an 0.5s; }
.SolutionBox .ALittle{ width:90%; margin:10px auto 0px auto; font-size:12px; color:#FFFFFF; text-align:center; opacity:0.7; *filter:alpha(opacity=70); }
.SolutionBox .ABox:hover .ATitle2{ width:270px; height:260px; /* position:absolute; z-index:3; */ margin:-390px auto 0px auto; padding:40px 0px 0px 0px; background-color:#FF6600; color:#FFFFFF; font-size:22px; font-weight:100; text-align:center; opacity:0.9; *filter:alpha(opacity=90); visibility:visible;
	animation: SolutionBox_ABox_ATitle2_an 0.5s; }
.SolutionBox .ABox:hover .AContent{ width:90%; margin:10px auto 0px auto; font-size:12px; color:#FFFFFF; text-align:center; }

@keyframes SolutionBox_ABox_ATitle1_an{
from{ margin-top:210px; opacity:0.8; *filter:alpha(opacity=80); visibility:visible; }
to{ margin-top:300px; opacity:0.0; *filter:alpha(opacity=00); visibility:visible; }
}
@keyframes SolutionBox_ABox_ATitle2_an{
from{ margin-top:0px; opacity:0.3; *filter:alpha(opacity=30); visibility:visible; }
to{ margin-top:-390px; opacity:0.9; *filter:alpha(opacity=90); visibility:visible; }
}



/*-- ------ #Software ------ --*/
.SoftwareBox{}
.SoftwareBox .ARow{ width:360px; height:220px; float:left; margin:0px 10px 10px 0px; background-color:#CCCCCC; background-position:right 0px; background-repeat:no-repeat; text-align:center; text-decoration:none; }
.SoftwareBox .AImage{ display:block; margin:42px auto 0px auto; }
.SoftwareBox .ATitle{ width:80%; margin:24px auto 12px auto; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; color:#FFFFFF; }
.SoftwareBox .AText{ width:80%; margin:0px auto 0px auto; text-decoration:none; color:#FFFFFF; opacity:0.7; *filter:alpha(opacity=70); }

.SoftwareBox .ARow1{ background-color:#AAAAAA; }
.SoftwareBox .ARow1:hover{ background-image:url(../Img/bg_product_1.jpg);
	animation: SoftwareBox_ARow1_an 0.5s; }
@keyframes SoftwareBox_ARow1_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}
.SoftwareBox .ARow2{ background-color:#AAAAAA; }
.SoftwareBox .ARow2:hover{ background-image:url(../Img/bg_product_2.jpg);
	animation: SoftwareBox_ARow2_an 0.5s; }
@keyframes SoftwareBox_ARow2_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}
.SoftwareBox .ARow3{ background-color:#FFFFFF; }
.SoftwareBox .ARow3:hover{ background-image:url(../Img/bg_product_3.jpg);
	animation: SoftwareBox_ARow3_an 0.5s; }
@keyframes SoftwareBox_ARow3_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}
.SoftwareBox .ARow4{ background-color:#AAAAAA; }
.SoftwareBox .ARow4:hover{ background-image:url(../Img/bg_product_4.jpg);
	animation: SoftwareBox_ARow4_an 0.5s; }
@keyframes SoftwareBox_ARow4_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}
.SoftwareBox .ARow5{ background-color:#AAAAAA; }
.SoftwareBox .ARow5:hover{ background-image:url(../Img/bg_product_5.jpg);
	animation: SoftwareBox_ARow5_an 0.5s; }
@keyframes SoftwareBox_ARow5_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}
.SoftwareBox .ARow6{ background-color:#AAAAAA; }
.SoftwareBox .ARow6:hover{ background-image:url(../Img/bg_product_6.jpg);
	animation: SoftwareBox_ARow6_an 0.5s; }
@keyframes SoftwareBox_ARow6_an{
from{ background-position:300px 0px; }
to{ background-position:-40px 0px; }
}

.PartnerBox{}
.PartnerBox .ARow{ width:175px; display:block; float:left; margin:0px 6px 0px 0px; padding:6px 0px 2px 0px; border:1px #CCCCCC solid; background-color:#FFFFFF; text-align:center; }
.PartnerBox .ARow:hover{ border:1px #FF6600 solid; }
.PartnerBox .ARow img{ width:90%; }












/*-- ------ #Cases ------ --*/
.CaseBox{}
.CaseBox .ARow{ width:535px; height:450px; display:block; float:left; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; }
.CaseBox .AImg{ width:100%; margin:0px 0px 0px 0px; padding:32px 0px 32px 0px; background-color:#666666; text-align:center; }
.CaseBox .ARow:hover .AImg{ background-color:#F1C40F;
	animation: CaseBox_ARow_AImg_an 0.5s; }
@keyframes CaseBox_ARow_AImg_an{
from{ background-color:#666666; }
to{ background-color:#F1C40F; }
}
.CaseBox .ATitle{ width:90%; margin:18px auto 10px auto; padding:0px 0px 0px 0px; text-align:center; font-size:16px; font-family:"微软雅黑", "黑体", "宋体"; color:#333333; }
.CaseBox .ARow:hover .ATitle:hover{ color:#FF3300;
	animation: CaseBox_ARow_ATitle_an 0.5s; }
@keyframes CaseBox_ARow_ATitle_an{
from{ color:#333333; }
to{ color:#FF3300; }
}
.CaseBox .AText{ width:90%; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:center; color:#AAAAAA; }


.CaseLogoBox{}
.CaseLogoBox .ARow{ width:355px; height:200px; display:block; float:left; margin:0px 17px 17px 0px; padding:0px 0px 0px 0px; background-color:#EFEFEF; text-align:center; }
.CaseLogoBox .ARow:hover{}
.CaseLogoBox .ARow img{ margin:55px 0px 0px 0px; }


/*-- ------ #News ------ --*/
.NewsBox{}
.NewsBox_Section{ width:345px; float:left; margin:0px 30px 0px 0px; }
.NewsBox_Section .ATitle{ margin:0px 0px 8px 0px; padding:0px 0px 12px 0px; border-bottom:1px #CCCCCC dotted; font-size:18px; font-family:"微软雅黑", "黑体", "宋体"; }
.NewsBox_Section .ATitle span{ margin:0px 0px 0px 12px; font-size:12px; color:#CCCCCC; }
.NewsBox_Section .ARow{ border-bottom:1px #EEEEEE dotted; line-height:36px; }
.NewsBox_Section .AText{ float:left; color:#666666; }
.NewsBox_Section .ARow:hover .AText{ padding:0px 0px 0px 12px; color:#FF6600;
	animation: NewsBox_Section_ARow_AText_an 0.5s; }
@keyframes NewsBox_Section_ARow_AText_an{
from{ padding:0px 0px 0px 0px; color:#666666; }
to{ padding:0px 0px 0px 12px; color:#FF6600; }
}
.NewsBox_Section .ATime{ float:right; color:#CCCCCC; }

.EndButton{ width:120px; display:block; margin:0px auto 0px auto; background-color:#243D7F; color:#FFFFFF; text-align:center; line-height:42px; }









.ServiceDetail{}
.ServiceDetail_ChildTitle{ text-align:center; font-size:18px; }