.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }




.functebox{ background:#fafafa; position:relative; overflow:hidden; z-index:10;}
.combinate{}
.combinate span{ display:block; text-align:center; margin-bottom:22px;}
.combinate strong{ display:block; text-align:center; color:#000000; font-size:40px; margin-bottom:38px; font-weight:normal;}
.combinate small{ display:block; text-align:center; width:500px; margin:auto; color:#646464; font-size:14px; line-height:1.8; margin-bottom:38px;}
.combinate .details{ opacity:1; visibility:visible; top:0; text-align:center;}
.combinate .details a{ color:#000000;}
.funte{ position:relative; padding-top:70px;}
.combinate .details a:before{ background:#000;}
.combina{ margin-top:246px; position:relative; text-align:center; }
.combina >img{ display:block; margin:auto; padding-top:22px; position:relative; left:-40px; z-index:16;}
.combinlist{ width:100%; height:740px; position:absolute; left:0; top:-200px; z-index:20;}
.combinlist li{ float:left; width:50%; }
.combinlist li a{ display:block; padding-top:20px; width:262px; position:relative;}
.combinlist li a:before{ content:""; width:10px; height:10px; background:url(../images/add.png) center no-repeat; position:absolute; right:11px; bottom:11px; opacity:0; visibility:hidden; transition:0.43s;}
.combinlist li p{ color:#646464; font-size:13px; margin-top:18px; height:46px; overflow:hidden; text-align:left; opacity:0; visibility:hidden; transition:0.34s; transform:translateY(14px); -webkit-transform:translateY(14px); -moz-transform:translateY(14px);}
.combinlist li:nth-child(2n+2){ float:right; width:276px; margin-left:0;}
.combinlist li.act{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.combinlist li b{ display:block; width:62px; height:62px; border:1px solid #bfbfbf; border-radius:8px; float:left; transition:350ms; position:relative;}
.combinlist li b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.3s;}
.combinlist li b img.hide{ opacity:0; visibility:hidden;}
.combinlist li span{ display:block; float:left; line-height:64px; color:#000000; font-size:22px; margin-left:20px; transition:320ms;}
.combinlist li:nth-child(1),.combinlist li:nth-child(2){ margin-top:0;}

.combinlist li a:hover{ background:#fff;}
.combinlist li a:hover:before{ opacity:1; visibility:visible; transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg);}
.combinlist li a:hover span{ color:#b20101;}
.combinlist li a:hover b{ border-color:#b20101;}
.combinlist li a:hover b .show{ opacity:0; visibility:hidden;}
.combinlist li a:hover b .hide{ opacity:1; visibility:visible;}
.combinlist li a:hover p{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.functemore{ position:absolute; right:72px; bottom:36px; text-align:center;}
.functemore span{ display:block; width:25px; height:25px; margin:auto; border:1px solid #a0a0a0; position:relative; border-radius:4px;}
.functemore span:before{ content:""; width:5px; height:5px; background:url(../images/arrow3.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.32s;}
.functemore b{ display:block; text-align:center; color:#000000; font-size:14px; margin-top:8px; transition:0.34s;}
.functemore a:hover span{ border-color:#e46723;}
.functemore a:hover span:before{ background:url(../images/arrow4.png) center no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.functemore a:hover b{ color:#e46723;}

.platform{ padding-top:84px; position:relative; height:auto !important; overflow:hidden;}
.platformwr{ position:relative; padding-bottom:340px;}
.platformwr .combinate span,.platformwr .combinate strong,.platformwr .combinate small{ color:#fff;}
.platformwr .combinate .details a{ color:#fff;}
.platformwr .combinate .details a:before{ background:#fff;}
.software{ margin-top:180px;}
.soft{ position:relative; z-index:5;}
.eq{ float:left; margin-left:7px; margin-right:40px;}
.eq span,.softs span{ display:block; text-align:center; color:#fff; font-size:14px; margin-top:11px;}
.softload{ position:relative; float:left; overflow:hidden;}
.soft-list{ position:absolute; left:0; top:0; width:100%;}
.soft-list li{ position:relative; background:#545454; opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:300ms;  transform-origin:left top; perspective:500px;}
.softload.on{ overflow:visible;}
.softload.on .soft-list li{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.softload.on .soft-list li:nth-child(2){ transition:340ms 230ms;}
.softload.on .soft-list li:nth-child(3){ transition:340ms 460ms;}
.soft-list li:before{ content:""; width:100%; height:100%; background:url(../images/bg1.png) center no-repeat; position:absolute; left:0; top:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.soft-list li a{ display:block; padding-top:86px; height:34px; position:relative; text-align:center; color:#fff; font-size:14px;}
.soft-list li:hover:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-origin:left top; visibility:visible\9;}
.soft-list li:nth-child(1) a{ background:url(../images/widown.png) center 18px no-repeat;}
.soft-list li:nth-child(2) a{ background:url(../images/addrown.png) center 17px no-repeat;}
.soft-list li:nth-child(3) a{ background:url(../images/app.png) center 19px no-repeat;}

.eqfix{ margin-top:64px; padding-left:4px;}
.eqfix p{ color:#fff; font-size:14px; line-height:1.8;}
.hands{ width:400px; height:514px; background:url(../images/hand.png) center no-repeat; position:absolute; right:-58px; bottom:0;}
.hands img{ display:block; width:174px; position:absolute; left:47px; top:65px;}

.casebox{ padding:142px 0 182px; background-size:cover !important; z-index:10; position:relative; overflow:hidden;}
.case .combinate span,.case .combinate strong,.case .combinate small{ color:#fff;}
.case .combinate a{ color:#fff;} 
.case .combinate a:before{ background:#fff;}

.information{ padding:48px 0 0; background:#f9f9f9; position:relative; z-index:10;}
.informatt{ margin-bottom:60px;}
.informatt h3{ position:relative; text-align:center; color:#000000; font-size:20px; padding-bottom:23px; font-weight:normal;}
.informatt h3:before{ content:""; width:38px; height:3px; background:#dcdcdc; position:absolute; left:50%; margin-left:-19px; bottom:0;}
.news{ width:695px; float:left; background:#fff; position:relative;}
.news figure{ display:block; line-height:1; overflow:hidden; width:348px; float:left;}
.news figure img{ display:block; width:100%; height:auto; line-height:1; transition:500ms;}
.newtext{ width:300px; margin-right:20px; float:right; padding-top:28px;}
.newtext h3{ color:#000000; font-size:18px; line-height:1.5; margin-bottom:16px; font-weight:normal;}
.newtext p{ color:#646464; font-size:13px; line-height:2; margin-bottom:30px;}
.newtext time{ display:block; color:#969696; line-height:1;}
.newtext span{ display:block; width:32px; height:23px; background:#a0a0a0 url(../images/arrow1.png) center no-repeat; position:absolute; right:0; bottom:0; transition:320ms;}
.news:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.news:hover .newtext h3{ color:#e46723;}
.news:hover .newtext span{ background:#e46723 url(../images/arrow1.png) center no-repeat;}

.newlist{ width:397px; height:251px; float:right; background:#fff;}
.newinfo{ padding-top:23px;}
.newinfo li{ position:relative;}
.newinfo li:before{ content:""; width:100%; height:100%; background:#ebebeb; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transition:320ms;}
.newinfo li a{ display:block; position:relative; padding:0 22px; line-height:35px; color:#646464; font-size:14px;}
.newinfo li:hover:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.mores{ text-align:center; margin-top:80px; background:#d2d2d2;}
.mores a{ display:block; text-align:center; color:#000000; margin:auto; line-height:43px; }
.mores a:hover{ color:#e46723;}

.footer-box{ padding:70px 0 24px; position:relative; background:#fff; z-index:10;}
.relative{ margin-bottom:30px;}
.relative span{ display:block; text-align:center; color:#646464; font-size:13px; margin-bottom:8px; line-height:1;}
.relative b{ display:block; text-align:center; line-height:1; color:#323232; font-size:36px; font-family:"Arial"; font-weight:normal;}
.share{ text-align:center;}
.share li{ display:inline-block; margin-right:19px; background:#bfbfbf; border-radius:50%; position:relative;}
.share li:before{ content:""; width:100%; height:100%; border-radius:50%; background:#e46723; position:absolute; left:0; top:0; transition:0.32s; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden;} 
.share li:last-child{ margin-right:0;}
.share li a{ position:relative; display:block; width:35px; height:35px;}
.share li:nth-child(1) a{ background:url(../images/weixin.png) center no-repeat;}
.share li:nth-child(2) a{ background:url(../images/weib.png) center no-repeat;}
.share li:nth-child(3) a{ background:url(../images/load.png) center no-repeat;}
.share li:hover{ background:#fff;}
.share li:hover:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #e46723; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }

.footerdown{ padding-bottom:9px; border-bottom:1px solid #dcdcdc; position:relative; margin-top:41px;}
.footerle{ float:left; position:relative; z-index:5;} 
.footerle a{ display:inline-block; float:left; color:#323232; margin-right:18px;}
.footerle a:last-child{ margin-right:0;}
.footerle a:hover{ color:#e46723;}
.footeradd{ width:100%; position:absolute; left:0; top:0; text-align:center;}
.footeradd p{ color:#323232; text-align:center; font-size:14px;}
.linke{ width:160px; float:right; position:relative;}
.linke span{ display:block; color:#646464; font-size:14px; position:relative; height:22px; line-height:22px; padding-bottom:5px; border-bottom:1px solid #a0a0a0; cursor:pointer; padding-left:10px;}
.linke span.active:before{ transform:rotate(-180deg);}
.linke span:before{ content:""; width:10px; height:6px; background:url(../images/arrow2.png) center no-repeat; position:absolute; right:9px; top:8px; transition:0.32s;}
.linkdown{ width:100%; position:absolute; left:0; bottom:31px; background:#bfbfbf; display:none;}
.linkdown li{ border-bottom:1px solid #fff;}
.linkdown li a{ display:block; height:30px; line-height:30px; padding-left:10px; color:#fff;}
.linkdown li a:hover{ color:#000;}

.copyright{ padding:7px 0 0;}
.copyright p{ text-align:center; margin-bottom:25px; color:#646464;}
.copetop{ text-align:center;}
.copetop span,.copetop a{ display:inline-block; color:#646464;}
.copetop span{ margin-right:38px;}
.copetop a:hover{ color:#e46723;}