﻿/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	right: 30px;
	bottom: 50px;
	width: 20px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	z-index:3;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	margin: 0 0 7px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	*width: 8px;
	*height: 8px;
	width: 8px\0;
	height: 8px\0;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.2;
	filter:alpha(opacity=20);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
	opacity: 1;
	filter:alpha(opacity=100);
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/bx_controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/bx_controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* 修正bootstrap */
ul, ol {
    list-style: none;
    margin: 0;
}
.container-fluid {
    padding: 0;
}
.noborder {
    border: 0!important;
}
.hide {
    display: none!important;
}
h1, h2, h3, h4 {
    font-weight: normal;
}

/* 首页和产品页公用 */
/* slider */
.slider {
    height: 482px;
    overflow: hidden;
    font-family: "microsoft yahei";
}
.slider li {
    position: relative;
}
.slider .bx-viewport{
    height: 480px!important;
    z-index:1;
}
.slider li p {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
}
.slider li img {
    margin: 0 auto;
}
.slider li .app-btn {
    background: url("../images/ms_btn.png") no-repeat;
    height: 70px;
    /*text-indent: -9999px;*/
    width: 300px;
    position: absolute;
    top: 65%;
    left: 19%;
}
.slider li.banner01 .app-btn{
    top:73%;
    left: 53%;
}
.slider .banner02 .app-btn {
    background: url("../images/booster_btn.png") no-repeat;
    left: 48%;
}
.slider .banner03 span{
    /*display: inline-block;*/
    /*height: 65px;*/
    /*background: url(../images/vault_btn_all.png) 0 0 no-repeat;*/
    /*position: absolute;*/
    /*left: 43%;*/
    /*top:65%;*/
}
.slider .banner03 span .app-btn {
    position: static;
}
.slider .banner03 span .download-vault-android,.slider .banner03 span .download-vault-ios{
    display: inline-block;
    /*text-indent: -99999px;*/
    background: none;
    width: 254px;
    height: 65px;
    margin-right: 6px;
}
.slider .banner03 span .download-vault-ios{
    margin: 0;
}
.slider .banner04 .app-btn {
    background: url("../images/btn_ios.png") no-repeat;
    left: 48%;
}
.slider .banner05 .app-btn{
    background: url("../images/btn_ea.png") no-repeat;
    left:20%;
    width: 406px;
    height: 90px;
}
.banner09 #protection {
    background: url("../images/btn_pro.png") no-repeat;
    left: 49.7%;
    height: 90px;
    width: 406px;
}
.banner09 #protection a, .slider .banner05 .app-btn a{
    display: block;
    text-indent: -99999px;
    background: none;
    width: 300px;
    height: 65px;
    margin-top: 26px;
}
.slider .banner07 .button{
    margin-top: 60px;
    border-radius: 10px;
    background: #fad524;
    background: -ms-linear-gradient(top, #f5da14, #ffd133);
    background: -moz-linear-gradient(top, #f5da14,#ffd133);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5da14),to(#ffd133));
    background: -webkit-linear-gradient(top, #f5da14,#ffd133);
    background: -o-linear-gradient(top, #f5da14,#ffd133);
    border: none;
    font-family: "microsoft yahei";
    font-size: 32px;
    line-height: 60px;
    text-shadow: 1px 1px 1px #fff;
    color: #653400;
    width: 309px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 18.2%;
    top:43%;
}
.banner07 .button:hover{
    text-decoration: none;
}
.slider .bxslider-v li a{
    text-decoration: none;
    color: #fff;
}
.slider .bxslider-v li.banner05 a{
    color: #333;
}
.slider .banner06 .app-btn{
    background: url("../images/detector_btn.png") no-repeat;
    left: 48%;
}
#download-ripper-android{
    background: url("../images/ripper_btn.png") no-repeat;
    position: absolute;
    top:62%;
    left:46.2%;
}
#ripper #download-ripper-android, #contact .slider .banner04 .app-btn, #detector .slider .banner06 .app-btn, #booster .slider .banner02 .app-btn{
    text-indent: -999em;
}
#detector .slider .banner06 h2{
    top:0;
}
#detector  .slider .banner06 h3{
    top:20%
}
.slider .banner01 {
    background: rgb(96,62,149)
}
.slider .banner02 {
    background: url("../images/booster_bg.jpg") repeat-x;
}
.slider .banner03 {
    background: url("../images/vault_bg.jpg") repeat-x;
}
.slider .banner04 {
    background: url("../images/contact_bg.jpg") repeat-x;
}
.slider .banner05 {
    background: url("../images/bg_ea.png") repeat-x;
}
.slider .banner06 {
    background: url("../images/detector_bg.jpg") repeat-x;
}
.slider .banner07 {
    background: rgb(190,43,35);
    /*background: #1c1b3b;*/
}
.slider .banner08{
    background: #254377;
}
.slider .banner09{
    background:#438c4d   ;
}
.slider .banner09, .slider .banner02 {
    font-family: "microsoft yahei";
}
.slider .banner09 h2, .slider .banner09 h3, .slider .banner09 h4{
    line-height: 80px;
    position: absolute;
    left: 49.5%;
    top:16%;
    width: 500px;
    color: #fff;
}
.slider .banner09 h2{
    font-size: 70px;
}
.slider .banner09 h3{
    top:35%;
}
.slider .banner09 h4{
    top:44%;
}
.slider .banner09 h4{
    font-size: 16px;
    font-weight: normal;
}
.slider .banner09 p{
    background: url(../images/pr_img.jpg) center 0 no-repeat;
}
.slider .banner10{
    background: url(../images/8th-banner-bg.jpg) 0 0 repeat-x;
}
.slider .banner10 p{
    background: url(../images/8th-banner.jpg) center 0 no-repeat;
}
.slider .banner11{
    background: #15121b;
}
.slider .banner11 p{
    background: url(../images/uec_new.jpg) center 0 no-repeat;
}
.slider .banner12{
    background: url(../images/bg_protection_hd.jpg) 0 0 repeat-x;
}
.slider .banner13{
    background: url(../images/globalaction_banner_bg.png) 0 0 repeat-x;
}
.slider .banner13 p{
    background: url(../images/globalaction_banner.jpg) center 0 no-repeat;
}
.slider .banner14{
  
}
.slider .banner14 p{
    background: url(../images/masks2_banner.jpg) center 0 no-repeat;
}
.slider .banner15{
    background: url(../images/gmic_banner.jpg) center 0 no-repeat;
}
.slider .banner15 a{display: block;height: 447px;}
.slider .banner02 h2, .slider .banner02 span, .slider .banner04 h2, .slider .banner04 span {
    position: absolute;
    left: 48%;
}
.slider .banner02 h2, .slider .banner04 h2{
    line-height: 65px;
    top:14%;
    font-size: 65px;
    color: #464345;
}
.slider .banner04 h2{
    line-height: 60px;
    top:15%;
    font-size: 60px;
}
.slider .banner02 span, .slider .banner04 span{
    position: absolute;
    top:40%;
    width: 520px;
    font-size: 16px;
    color: #2c490f;
}
.slider .banner02 span i, .slider .banner04 span i{
    display: inline-block;
    width: 200px;
    margin:0 0 16px 0;
    padding-left: 30px;
    font-style: normal;
    font-weight: bold;
    background: url(../images/booster_icon.png) left 2px no-repeat;
}
.slider .banner04 h2{
    color: #444;
}
.slider .banner04 span{
    top:43%;
}
.slider .banner04 span i{
    margin-bottom: 9px;
    padding-left: 12px;
    width: 235px;
    background: url(../images/booster_icon.png) left -23px no-repeat;
    color: #444;
}
.slider .banner01 h2, .slider .banner01 h3, .slider .banner01 h4{
    position: absolute;
    left: 53%;
    font-family: "microsoft yahei";
    color: #fff;
    font-weight: normal;
}
.slider .banner01 h2{
    margin-bottom: 70px;
    top:25%;
    font-size: 63px;
    text-shadow: 1px 1px 5px #000000;
}
.slider .banner01 h3{
    top:43%;
    font-size: 26px;
    color: #f1ddaa;
}
.slider .banner01 h4{
    top:54%;
    font-size: 39px;
    font-weight: normal;
    color: #fff;
}
.slider .banner07 h2,.slider .banner07 h3,.slider .banner07 h5,.slider .banner07 h6{
    position: absolute;
    left: 18%;
    top:16%;
    color: #fff;
    font-weight: normal;
}
.slider .banner07 h2{
    top:7%;
}
.slider .bxslider-v li.banner07 h2 a{
    color: #7c3166;
}
.slider .banner07 h2{
    font-size: 34px;
    color: #7c3166;
    font-weight: normal;
}
.slider .banner07 h4{
    position: absolute;
    font-size: 16px;
    line-height: 27px;
    width: 450px;
    top:72%;
    color: #fff;
    font-weight: normal;
}
.slider .banner07 h4 span{
    font-weight: bold;
    font-size: 20px;
    color: #ffd800;
}
.slider .banner07 h3, .slider .banner07 h5, .slider .banner07 h6{
    color: #d2bce5;
}
.slider .banner07 h3{
    top:21%;
    font-size: 56px;
    line-height: 60px;
    color: #fff;
}
.slider .banner07 h5{
    top:48%;
    font-size: 30px;
}
.slider .banner07 h5{
    left: 30%;
}
.slider .banner07 h6{
    top:70%;
    font-size: 45px;
}
.slider .banner05 h2, .slider .banner05 h3, .slider .banner05 h4{
    position: absolute;
    left: 20%;
    top:18%;
    color: #333;
}
.slider .banner05 h2{
    font-size: 73px;
}
.slider .banner05 h3,.slider .banner05 h4{
    font-weight: normal;
}
.slider .banner05 h3{
    top:36%;
    font-size: 22px;
}
.slider .banner05 h4{
    top:47%;
    font-size: 16px;
}
.slider .banner08 h2, .slider .banner08 h3{
    line-height:62px;
    position: absolute;
    top:14%;
    left: 46.2%;
    color: #fff;
    font-size: 62px;
}
.slider .banner08 h3{
    top:36%;
    font-size: 17px;
    font-weight: normal;
}
/*.slider .banner03 h2, .slider .banner03 h3{*/
/*left: 43%;*/
/*}*/
/*.slider .banner03 h2{*/
/*font-size: 80px;*/
/*}*/
/*.slider .banner03 h3{*/
/*top:37%;*/
/*}*/
.slider .banner06 h2, .slider .banner06 h3{
    margin-top: 108px;
    position: absolute;
    left: 48%;
    top:17%;
}
.slider .banner06 h2{
    line-height:60px;
    font-size: 60px;
    color: #fff;
}
.slider .banner06 h3{
    top:33%;
    font-size: 24px;
    font-weight: normal;
    color: #d6b9fb;
}


/*产品页2013.11.13vault*/
h1,h2,h3,h4{
    font-weight: normal;
}
.top-area {
    height: 447px;
    margin: 0 auto;
    min-width: 960px;
    /*overflow: hidden;*/
    width: 100%;
    font-family: "microsoft yahei";
}
.vault{
    background:#000 url("../images/vault.jpg") scroll center 0 repeat-x;
}
.music{
    background:url("../images/bg.jpg") scroll center 0 no-repeat;
}
.easyFinder{
    background:url("../images/easy_finder.jpg")  scroll center 0 repeat-x;
    color: #fff;
}
.vlifepaper{
    background:#0650c6 url("../images/bg_1.jpg") scroll center 0 no-repeat;
}
.banner-wraper{
    background: url("../images/bg_rep.jpg") scroll center 0 repeat-x;
}
.vault h2, .vlifepaper h2, .music h2{
    font-size: 80px;
    line-height: 80px;
    padding-top: 100px;
}
.vault h3, .vlifepaper h3, .music h3{
    padding: 0 0 50px 0;
    *padding: 0px 0 0 0;
    font-size: 34px;
}
.vlifepaper h3, .music h3{
    padding: 0 0 30px 0;
    *padding: 0px 0 0 0;
}
.vlifepaper h2, .vlifepaper h3, .music h2, .music h3{
    color: #fff;
}
.vault h2, .vault h3{
    font-weight: normal;
    color: #fff;
}

.top-area span a, .EFDownLoad .EFDownLoadBtn{
    margin-right: 2px;
    width: 300px;
    text-align: center;
    height: 55px;
    padding-top: 15px;
    background: #395ed1;
    font-size: 20px;
    font-family: "microsoft yahei";
    color: #fff;
    display: inline-block;
    border-radius: 0;
}
.EFDownLoadBtn i{
    font-style: normal;
}
#music .top-area span a{
    width: 227px;
}
.top-area span a{
    height: 70px;
}
#vlifepaper .top-area span a, #music .top-area span a{
    height: 70px;
    background: url("../images/bg_t_btn.png")  0 0 repeat-x;
    padding-top: 18px;
}
#music .top-area span a{
    background: url("../images/bg_t_btn_1.png")  0 0 repeat-x;
}
.vault .top-fade-in-l{
    width: 620px;
}
#vault .top-area span a{
    margin-right: 10px;
    width: 295px;
    height: 55px;
    background: url("../images/bg_t_btn_2.png")  0 0 repeat-x;
}
#vault .mod-fade .span7 h2{
    font-size: 40px;
}
#vault .product04 .span7{
    width: 630px;
    position: absolute;
    right: -70px;
}
#vault .product05{
    height: 551px;
}
#intro-4 .container{
    position: relative;
}
#vault .EFDownLoadBtn{
    background: #0f8fe8;
}
#vault .product-down .span6 .eg{
    color: #0f8fe8;
}
.EFDownLoad .EFDownLoadBtn{
    background: #4661ba;
    width: 370px;
    line-height: 32px;
}
#vlifepaper .EFDownLoad .EFDownLoadBtn{
    background:#0f8fe8;
}
#music .EFDownLoad .EFDownLoadBtn{
    background:#0f8fe8;
}
.andr-icon i, .ios-icon i, .google-icon i, .down-icon i{
    display: inline-block;
    height: 35px;
    padding:6px 0 0 40px;
    background: url(../images/btn_ios_andr.png) left 0 no-repeat;
    font-style: normal;
}
.google-icon i, .down-icon i, #music .ios-icon i{
    height: 38px;
    padding:3px 0 0 40px;
}
.down-icon i{
    background-position: 0 -182px;
}
.top-fade-in-r-i .andr-icon i, .top-fade-in-r-i .ios-icon i{
    padding-top: 11px;
}
#security .andr-icon i{
    padding-top: 6px;
}
.ios-icon i{
    background-position: 0 -46px;
}
.google-icon i{
    background-position: 0 -112px;
}
.top-area .inner{
    width: 960px;
    position: relative;
    margin: 0 auto;
}
.phone-area{
    position: absolute;
    top:25px;
    right: -30px;
    *right: -500px;
}
.music .phone-area{
    right:-15px;
}
.vlifepaper .phone-area{
    top:86px;
}
.music .phone-area{
    top:65px;
}
#vault .phone-area{
    right: -78px;
}
.banner03 .phone-area{
    right: 50px;
}
.banner03 .phone-area{
    *right: -678px;
}
.easyFinder .phone-area{
    left: -70px;
    top:126px;
    width: 574px;
}
.product01{
    padding: 40px 0 70px 0;
    background: #fff;
}
.product01 h2{
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 50px;
    line-height: 50px;
    color: #333;
}
.product01 p{
    font-family: "microsoft yahei";
    font-size: 16px;
    width: 606px;
    color: #666;
}
.product02{
    background: #f3f3f3;
    height: 550px;
}
#vlifepaper .product02{
    height: 400px;
}
#music .product02{
    background: #f4f4f5;
}
.product03{
    background: #fff;
}
.product02 .span5,.product04 .span5{
    margin: 0;
}
.product02 .span7, .product03 .span5, .product04 .span7{
    float: right;
}
.product03 .span7{
    float: left;
    margin-left: 0;
}
.product04 .span7{
    width: 558px;
}
#music .product04 .span7 dl{
    padding-left: 100px;
}
.mod-fade .span7 dt, .mod-fade .span6 dt, #vlifepaper .product04 .mod-fade .span7 dt{
    display: block;
    text-indent: -9999px;
    float: none;
    width: auto;
    height: 73px;
    color: #ccc;
    font-size: 90px;
    margin: 180px 0 0 0;
    font-weight: normal;
    background: url(../images/des_i.png) 0 -173px no-repeat;
}
#music .product04 .mod-fade .span7 dt{
    background: url(../images/des_i_1.png) 0 -173px no-repeat;
}
#music .product03 .mod-fade .span7 dt{
    margin-top: 80px;
}
#music .product04 .mod-fade .span7 dt{
    margin-top: 80px;
}
#vlifepaper  .mod-fade .span6 dt, #vlifepaper .product04 .mod-fade .span7 dt{
    background: url(../images/des_i_2.png) 0 0 no-repeat;
}
#music  .mod-fade .span7 h2{
    background: none;
}
.product03 .mod-fade .span7 dt{
    background-position: 0 -260px;
}
.product04 .mod-fade .span7 dt{
    background-position: 0 -349px;
}
.product05 .mod-fade .span6 dt{
    margin-top: 98px;
    background-position: 0 -437px;
}
#vlifepaper  .mod-fade .span6 dt{
    background-position: 0 -88px;
}
.mod-fade dd{
    margin: 0;
}
.mod-fade .span7 h2,.mod-fade .span6 h2{
    background: url(../images/des_i.png) 155px 4px no-repeat;
    font-family: "microsoft yahei";
    font-size: 48px;
    /*height: 54px;*/
    line-height: 50px;
    color: #333;
}
.product05 .mod-fade .span6 h2{
    background: none;
}
.product03 .mod-fade .span7 h2, .product04 .mod-fade .span7 h2{
    background:none;
}
.product03 .mod-fade .span7 h2{
    margin: 10px 0;
}
.product04{
    background: #4962ad;
}
#music .product04{
    height: 399px;
    background: #216dc3;
}
#vlifepaper .product04{
    background: #f3f3f3;
}
.product05{
    position: relative;
    background: #f3f3f3;
    height: 456px;
}
#vlifepaper .product05{
    height: 489px;
}
#vlifepaper .product02{
    position: relative;
}
#vlifepaper .product05{
    background: #fff;
}
.product04 .mod-fade .span7 h2,.product04 .mod-fade .span7 p{
    color: #fff;
}
#vlifepaper .product04 .mod-fade .span7 h2{
    color: #333;
}
#vlifepaper .product04 .mod-fade .span7 p{
    color: #666;
}
.mod-fade .span7 p, .mod-fade .span6 p{
    margin-top: 10px;
    font-family: "microsoft yahei";
    line-height: 25px;
    font-size: 18px;
    color: #666;
}
.product05 .span5{
    position: relative;
}
.product05 .container, .product02 .container{
    position: relative;
}
.product05 .span6,.product05 .span10, #vlifepaper .product02 .span7{
    position: absolute;
}
#vlifepaper .product02 .span7{
    top:50px;
    right: 0;
    position: absolute;
}
#vlifepaper .product02 .span7 p{
    font-size: 16px;
}
#vlifepaper .product02 .span8{
    margin-left: 0;
    width: 652px;
    top:0;
    left: 0;
}
#vlifepaper .product02{
    padding: 0;
}
#vlifepaper .product03 h3, #vlifepaper .product03 p{
    text-align: center;
}
#vlifepaper .product03 h3{
    margin: 100px 0 50px 0;
    font-size: 48px;
    color: #333;
}
#vlifepaper .product03 p{
    margin-bottom: 60px;
    line-height: 24px;
}
.product05 .span6{
    top:0;
    left: 0;
    z-index: 2;
    margin-left: 0;
}
.product05 .span10{
    top:-48px;
    right: -100px;
}
#vault .product05 .span10{
    width: 853px;
    top:-32px
}
.product05 .span10 img{
    position: absolute;
}
.qa{
    padding: 55px 0;
    font-family: "microsoft yahei";
}
.qa dl{
    position: relative;
    color: #333;
}
.qa dt{
    background: none repeat scroll 0 0 #333333;
    border-radius: 13px;
    color: #FFFFFF;
    display: inline-block;
    font-style: normal;
    height: 16px;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 16px;
    font-family: arial;
    font-weight: normal;
}
.qa dd{
    margin: 0;
}
.qa h2{
    margin:0 0 35px 20px;
    font-size: 50px;
    color: #333;
}
.qa h3{
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px;
}
.qa dd h4{
    padding-left: 22px;
    margin: 0;
    font-size: 16px;
}
.qa dd p{
    margin:10px 0 30px 0;
    font-family: "宋体";
    font-size: 12px;
    color: #999;
}
.qa dd h4, .qa dd p{
    padding-right: 40px;
}
.line{
    background: url(../images/line.png) 450px 10px repeat-y;
}
.animation .inner {
    visibility: visible
}
/*动画聚合*/
.top-fade-in-l {
    -webkit-animation: fade-in-l 1.2s 1;
    -moz-animation: fade-in-l 1.2s 1;
    -webkit-transition: all .5s ease
}
.top-fade-in-r {
    -webkit-animation: fade-in-r 1.5s 1;
    -moz-animation: fade-in-r 1.5s 1
}
.fade-in-op, .product03 .animation .span12 {
    -webkit-animation: fade-in-op 3.5s 1;
    -moz-animation: fade-in-op 3.5s 1
}
.animation .span7, .product03 .animation .span5, .product02 .animation .span7, .product02 .span7,.product05 .animation .span10 {
    -webkit-animation: fade-in-r 1.5s 1;
    -moz-animation: fade-in-r 1.5s 1
}

.animation .span5, .product03 .animation .span7, .product02  .span5, .product02 .animation .span5, .product05 .animation  .span6{
    -webkit-animation: fade-in-l 1.5s 1;
    -moz-animation: fade-in-l 1.5s 1
}
#easyFinder .product02 .span7,#easyFinder .product02 .animation .span7, #easyFinder .product03 .animation .span5, #easyFinder .product04 .animation .span7, #easyFinder .product04 .animation .span10, #easyFinder .product05 .animation  .span11 {
    -webkit-animation: fade-in-l 1.5s 1;
    -moz-animation: fade-in-l 1.5s 1
}
#easyFinder .product02 .span5,#easyFinder .product02 .animation .span5, #easyFinder .product03 .animation .span7, #easyFinder .product05 .animation .span6{
    -webkit-animation: fade-in-r 1.5s 1;
    -moz-animation: fade-in-r 1.5s 1
}
#easyFinder .product04 .animation{
    background: url(../images/description04.jpg) center 0;
    -webkit-animation: fade-in-op 1.5s 1;
    -moz-animation: fade-in-op 1.5s 1
}
#security .product05 .animation .span10{
    -webkit-animation: fade-in-op 2.5s 1;
    -moz-animation: fade-in-op 2.5s 1
}
#security .product02 .span7, #vlifepaper .product02 .span7{
    -webkit-animation: fade-in-r 1.8s 1;
    -moz-animation: fade-in-r 1.8s 1
}
#security .product02 .span5, #vlifepaper .product02 .span8{
    -webkit-animation: fade-in-l 1.8s 1;
    -moz-animation: fade-in-l 1.8s 1
}
#easyFinder .product04{
    background:#855e37;
}
#intro-1,#intro-2,#intro-3,#intro-4, #intro-5{
    /*display: none;*/
}
#security .product02 .span7, #security .product02 .span5{
    display: block;
}
#easyFinder .top-area span a{
    width: 404px;
    background: url("../images/bg_t_btn_2.png") no-repeat scroll 0 0;
}
#easyFinder .top-area span a.andr-icon, #easyFinder .top-area span a.ios-icon{
    width: 230px;
}
#easyFinder .top-area span a.andr-icon{
    margin-right: 10px;
}
.animation #intro-1, .animation #intro-2, .animation#intro-3, .animation#intro-4{
    display: block;
}
#easyFinder .qa{
    padding-top: 120px;
}
#security .top-area{
    background: url(../images/bg_top.jpg) center 0 repeat-x;
    height: 678px;
}
#security .phone-area{
    right: -180px;
    top:70px;
}
#security .top-fade-in-l{
    padding-top: 120px;
    width: 422px;
    text-align: center;
    color: #fff;
}
#security .top-fade-in-l h2{
    margin-bottom: 20px;
    font-size: 76px;
    line-height: 76px;
}
#security .top-fade-in-l h3{
    font-size: 36px;
}
#security .top-fade-in-l p{
    font-size: 16px;
    font-family: "microsoft yahei";
    text-align: left;
    margin-top: 20px;
}
#security .top-area span a{
    margin: 30px 0 4px 0;
    background: url(../images/bg_t_btn_3.png) 0 0 no-repeat;
    width: 100%;
}
#security .mod-fade .span7 h2, #security .mod-fade .span6 h2{
    background: none;
}
#security .product02{
    padding: 0;
    background: #fff;
}
#security .product02 dl{
    padding-left: 50px;
}
#security .product03{
    background: #f3f3f3;
    height: 550px;
}
#security .product03 .container{
    position: relative;
}
#security .product03 .span5{
    width: 527px;
    position: absolute;
    right: -92px;
    top:150px;
}
#vlifepaper .EFDownLoad h1, #music .EFDownLoad h1{
    margin-bottom: 90px;
}
#security .mod-fade .span7 dt{
    background: url(../images/des_i_4.png) 0 0 no-repeat;
}
#security .mod-fade .span7 dt{
    background-position: 0 0;
}
#security .product03 .mod-fade .span7 dt{
    background-position: 0 -88px;
}
#security .product04 .mod-fade .span7 dt{
    background-position: 0 -176px;
}
#security .product05 .mod-fade .span7 dt{
    background-position: 0 -264px;
}
#security .product04{
    background: #574972;
    height: 530px;
}
#security .product04 .span5{
    width: 750px;
    margin:154px -10px 0 0;
}
#security .product04 .span7{
    margin: -584px 0 0 20px;
}
#security .product04 .span7 dl{
    padding-left: 80px;
}
#security .product05{
    background: url(../images/bg_pro05.png) center 0 repeat-x;
    height: 517px;
}
#security .product05 .span10{
    width: 246px;
    height: 339px;
    right: 92px;
    top: 139px;
}
#security .product05 .span6 dl{
    padding-left: 27px;
}
#security .product-down .span6{
    float: none;
    margin: 0 auto;
}
#security .product-down .span6 .EFDownLoadBtn{
    background: #8f73bd;
}
.product-down .span6 .eg{
    display: inline-block;
    margin-top: 10px;
    color: #6841a8;
}
#easyFinder .product-down .span6 .eg{
    color: #1b95e6;
}
#vlifepaper .product01 .span12, #music .product01 .span12{
    margin-left: 0;
}
/*首页banner*/
.bxslider-v .active .top-fade-in-l-i, .bxslider-v .active .top-fade-in-r-i{
    position: absolute;
}
.bxslider-v .banner01 .top-fade-in-l-i, .bxslider-v .active .top-fade-in-l-i{
    position: absolute;
    width: 440px;
    top:60px;
    left: 60px;
    color: #fff;
    font-family: "microsoft yahei";
}
.bxslider-v .banner03 .container{
    position: relative;
}
.bxslider-v .banner03 .top-fade-in-l-i{
    position: absolute;
    left: 18px;
    top: 70px;
    width: 700px;
}
.bxslider-v .banner03 .top-fade-in-l-i a.pro-con{
    width: 480px;
    height: auto;
    background: none;
}
.bxslider-v .banner03 .vault h2{
    padding-top: 0;
}

.slider .banner01 .top-fade-in-l-i h2, .slider .banner01 .top-fade-in-l-i h3{
    position: relative;
    left: 0;
}
.slider .banner01 .top-fade-in-l-i h2{
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 16px;
    text-shadow: none;
    color: #fff;
    top:0;
}
.slider .banner01 .top-fade-in-l-i h3{
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 40px;
    color: #fff;
    top:0;
}
.slider .banner01 .top-fade-in-l-i span{
    text-align: center;
}
.slider .banner01 .top-fade-in-l-i a.eg, #security .top-area span a.eg{
    *padding-top: 40px;
    background: none;
    font-size: 18px;
    height: 30px;
    width: auto;
    margin: -43px 0 0 11px;
    font-family: arial;
}
.slider .banner01 .top-fade-in-l-i a.eg{
    margin-left: 102px
}
.bxslider-v .banner05 .top-area span a.eg, #easyFinder .top-area span a.eg, #vault .top-area span a.eg{
    background: none;
    font-size: 18px;
    margin:-18px 0 0 14px;
    color: #025496;
    width: 220px;
    height: 20px;
    font-family: arial;
}
#vault .top-area span a.eg{
    margin: -10px 0 0 36px;
    color: #fff;
}
#easyFinder .top-area span a.eg{
    margin-left: 5px;
}
.slider .banner01 .top-fade-in-l-i a.eg:hover, .bxslider-v .banner05 .top-area span a.eg:hover, #easyFinder .top-area span a.eg:hover, #security .top-fade-in-l-i a.eg:hover{
    text-decoration: underline;
}
.bxslider-v .top-fade-in-l-i a, .bxslider-v .active .top-fade-in-l-i a{
    display: inline-block;
    width: 427px;
    height: 70px;
    background: url(../images/bg_t_btn_3.png) 0 0 no-repeat;
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    border-radius: 0;
    position: relative;
    left: 0;
}
.slider .banner03 span .app-btn{
    position: relative;
}
.bxslider-v .top-fade-in-l-i a.pro{
    background: none;
    width: 100%;
    height: auto;
    top:50px;
}
.bxslider-v .banner01 .top-fade-in-l-i a.pro{
    top:0;
}
.bxslider-v .top-fade-in-l-i a i, .bxslider-v .active .top-fade-in-l-i a i{
    display: inline-block;
    height: 30px;
    padding: 11px 0 0 40px;
    font-style: normal;
    position: relative;
}

.slider .banner03 h3{
    top:0;
    font-size: 34px;
}
.slider .banner03 span, .slider .banner05 span{
    background: none;
    width: 100%;
    display: block;
}
.slider .banner05 span.btn-ef{
    *margin-top: 60px;
}
.bxslider-v .banner03 .top-fade-in-l-i span a{
    background: url("../images/bg_t_btn_2.png") 0 0 repeat-x;
    height: 55px;
    margin-right: 10px;
    width: 295px;
}
.slider .banner03 span a.eg{
    background: none;
    height: auto;
    margin-left: 37px;
    padding-top:8px;
    *padding-top:50px;
    width: auto;
    font-size: 18px;
}
.slider .banner03 span a.eg:hover{
    text-decoration: underline;
}
.bxslider-v .banner05 .top-fade-in-r-i{
    position: absolute;
    width: 535px;
    top:100px;
    *top:50px;
    right: -110px;
}
.slider .banner01{
    background:#924f63 url(../images/bg_top.jpg) center 0 repeat-x
}
.bxslider-v .bg_EA .top-fade-in-l-i, .bxslider-v .bg_EA .active .top-fade-in-l-i{
    width: 663px;
    height: 415px;
    position: absolute;
    left: -84px;
    top:16px;
}
.bxslider-v .banner05 .top-fade-in-r-i{
    color: #fff;
}
.bxslider-v .banner05 .top-fade-in-r-i h2,.bxslider-v .banner05 .top-fade-in-r-i h3{
    color: #fff;
    position: relative;
    left: 0;
}
.bxslider-v .banner05 .top-fade-in-r-i h2{
    font-size: 80px;
    line-height: 80px;
}
.bxslider-v .banner05 .top-fade-in-r-i h3{
    margin-bottom: 17px;
    font-size: 34px;
    top:20%
}
.bxslider-v .banner05 .top-area span a{
    position: relative;
    top:20px;
    width: 250px;
    left: 0;
    background: url(../images/bg_t_btn_2.png) 0 0 no-repeat;
}
.bxslider-v .banner05 .top-area span a i{
    color: #fff;
}
.bxslider-v .active .top-fade-in-l-i{
    -webkit-animation: fade-in-l 1.2s 1;
    -moz-animation: fade-in-l 1.2s 1;
}
.bxslider-v .active .top-fade-in-r-i{
    -webkit-animation: fade-in-r 1.2s 1;
    -moz-animation: fade-in-r 1.2s 1;
}
/*动画聚合结束*/
@-webkit-keyframes fade-in-l {
    0% {
        margin-left: -80px;
        opacity: 0;
    }

    40% {
        margin-left: -80px;
        opacity: 0
    }

    100% {
        margin-left: 0
    }
}

@-moz-keyframes fade-in-l {
    0% {
        margin-left: -80px;
        opacity: 0
    }

    40% {
        margin-left: -80px;
        opacity: 0
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes fade-in-r {
    0% {
        margin-right: -80px;
        opacity: 0
    }

    40% {
        margin-right: -80px;
        opacity: 0
    }

    100% {
        margin-right: 0
    }
}

@-moz-keyframes fade-in-r {
    0% {
        margin-right: -80px;
        opacity: 0
    }

    40% {
        margin-right: -80px;
        opacity: 0
    }

    100% {
        margin-right: 0
    }
}
@-webkit-keyframes fade-in-op {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fade-in-op {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}





