@CHARSET "UTF-8";
html{background:#333333;font-family:Microsoft Yahei;}
.mainHeader{position:relative;z-index:10;background:rgba(0,0,0,0.8);}
.body{position:relative;width:90%;margin:0 auto;padding:10px;min-height:120px}
.menuHeader a{border-bottom:2px solid transparent;text-decoration:none;color:#fff;font-size:16px;padding:10px 18px}
.menuHeader{float:right;margin-top:10px;}
.menuHeader .active{border-bottom-color:#668ccc;color:#668ccc}
.menuHeader a:hover{color:#668ccc}
.bgImg{width:100%;position:relative;margin-top:-150px;}
.companyText{font-size:18px;font-weight:bold;color:#fff;position:absolute;right:28px;bottom:10px;}
.margin{margin:10px 0px;}
.mainInfo li{height:390px;margin-bottom:50px;display:inline-block;width:50%;padding:10px;;box-sizing:border-box;}

.mainInfo{color:#eaeaea;font-size:14px;line-height:2;}
.mainInfo h2{font-size:20px;text-shadow:0px 2px 0px #000,0px -1px 0px #ffffff;color:#ddd;}
.mainInfo img{cursor:pointer;border-radius:20px;border:4px solid #eaeaea;width:350px;margin:0 auto;display:block;margin-top:20px;}
.mainInfo img:hover{animation:jelly 1s;}
.companyText font{padding:0px 10px;}
footer{line-height:1.5;margin-top:40px;text-align:center;font-size:14px;color:#ddd;border-top:2px solid #ddd;}
footer h2{color:#fff;font-size:15px;padding:15px;}
.logo img{width:70px;}
.logo{position:relative;display:inline-block;margin-top:20px;text-decoration:none;}
.logo font{position:relative;top:-30px;color:#fff;font-size:28px;margin-left:20px;font-weight:bold;}
.solutionBg{position:relative;background:url(i/solution_bg.png) 0px center/contain no-repeat ;margin:0 auto;margin-top:20px;width:90%;min-height:670px;}
.solutionText{line-height:2;color:#fff;width:350px;height:250px;position:absolute;}
.solutionText h2{color:#eb6100}
.solutionA{left:0px;}
.solutionB{right:0px;}
.solutionC{left:0px;bottom:0px;}
.solutionD{right:0px;bottom:0px;}
.solutionText section{color:#3399CC;font-weight:bold;}
.solutionText i{display:inline-block;width:15px;height:15px;vertical-align:middle;background:url(i/solution_tag.png) 0px 0px/contain;margin-right:10px;}

.softInfo li{display:inline-block;width:33%;margin-bottom:10px;}
.softwareItem{ position:relative;height:280px;width:360px;}
.siImg{position:absolute;left:0px;top:0px;z-index:2;width:100%;height:100%;}
.siInfo{font-size:14px;line-height:2;padding:10px;box-sizing:border-box;transform:rotateY(180deg);background:rgba(0,0,0,0.95);position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;color:#fff;}
.siInfo h2{background:#ddd;height:50px;line-height:50px;background:#222;font-size:16px;padding:0px 10px;font-weight:normal;margin:-10px;margin-bottom:10px;}
.siImg font{width:150px;height:40px;margin-left:-75px;margin-top:-25px;text-align:center;line-height:40px;border-radius:20px;background:rgba(0,0,0,0.8);position:absolute;left:50%;top:50%;color:#fff;}
.siImg i{background:url(i/tag.png) 0px 0px/contain no-repeat;position:absolute;left:-6px;top:20px;width:100px;height:40px;}
.siImg img{width:100%;height:100%;box-sizing:border-box;border:3px solid #fff}
.softInfo .softwareItem{transition:transform .4s linear;transform-style:preserve-3d}
.softInfo .softwareItem:hover{transform:perspective(1500px) rotateY(-180deg)}

.auItem{border-radius:4px;line-height:2;padding:10px;color:#fff;background:#666;}
.auItem h2{text-shadow:0px 1px 2px #111;color:#eb6100;font-size:18px;margin:-10px;padding:10px;border-bottom:1px solid #ddd;margin-bottom:10px;}
.auItemLeft{float:left;width:48%;}
.auItemRight{float:right;width:48%;margin-left:4%;}
.auItem p{text-indent: 2em;}