html,
body,
div,
p,
span,
a,
strong,
form,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
fieldset,
iframe,
object,
pre,
img,
b,
i {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

body {
    font-family: 'PingFang SC ', Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
    height: 100%;
    position: relative;
}

html {
    height: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* .common-banner {
    width: 100%;
    height: 66px;
    background-color: #359AFF;
}*/

.header {
    position: absolute;
    width: 100%;
    height: 66px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

li {
    list-style-type: none;
    float: left;
    display: block;
}

/* 导航栏背景滑动 */
.content{
	position: absolute;
    width: 1140px;
    height: 66px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	z-index:999;
}

.background{
	position: absolute;
    width: 100%;
    height: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	z-index:998;
	transition:height 0.1s;
	background:rgba(32, 33,36,1);
}

.content:hover +.background {
    height:66px;
}

/* 导航栏logo */
.logo {
    float: left;
    margin-top: 15px;
}

.logo p {
    width: 176px;
    height: 40px;
    color: #FFFFFF;
    font-size: 30px;
}


/* 导航栏400 */
.service-400 {
    float: right;
    margin-top: 2px;
}

.service-400>.image-400,
.service-400>p {
    display: inline-block;
}

.service-400>.image-400 {
    width: 22px;
    height: 22px;
}

.service-400>p {
    color: white;
    margin-left: 10px;
}



/*导航菜单*/
.content>.nav {
    float: right;
    width: 860px;
    height: 66px;
    margin-top: 24px;
}

.content>.nav>.nav-item {
    width: 670px;
    margin-left: 0px;
}

.nav-item .a {
    font-size: 16px;
    color: #ffffff;
    margin: 0px 12px;
    text-align: center;
    line-height: normal;
    padding: 0px 5px 6px 5px;
}



/*区域下拉菜单*/
.sub_nav{
	position:fixed;
    left:0;
    right:0;
	background:#16171a;
	margin-top:18px;
	display:none;
	
}

.sub_nav_lu{
	 width: 1140px;
	 margin-left: auto;
	 margin-right: auto;
}


/*区域下拉菜单左区list*/
.sub_nav_list {
	float: left;
    width: 210px;
	padding:20px 0px;
}

.sub_nav_list a{
	float: left;
	width: 105px;
	font-size:14px;
	color: #ffffff;
	text-align:left;
	line-height:44px;
}

.sub_nav_list .right{
	text-align:right;
	padding-right:20px;
}

/*区域下拉菜单右区所有产品内容*/

.sub_nav_tc{
	width: 930px;
	height:100%;
	padding:0px 10px;
	border-left:#282828 1px solid;
}

.sub_nav_tc ul{
	float:left;
	width: 115px;
	padding:10px;
	margin-right: 36px;
}

.sub_nav_tc li{
	float:left;
	width: 190px;
}

.sub_nav_tc .title{
	font-size: 14px;
	color:#ffffff;
}

.sub_nav_tc a{
	line-height:30px;
	font-size: 12px;
	color:#A9A9A9;
}

.sub_nav_tc .a2{
	line-height:30px;
	font-size: 12px;
	color:#696969;
}

.sub_nav_tc .key{
	padding-left:20px;
	color:#ff7200;
}

.sub_nav_tc .border{
	border-bottom:#343434 1px solid;
	padding-bottom:6px;
	
}
/*区域下拉菜单右侧单独产品内容*/
.sub_nav_sc{
	width: 930px;
	display:none;
	padding:20px 20px;
}

.sub_nav_sc ul{
	float:left;
	width: 410px;
}

.sub_nav_sc .back{
    width: 390px;
	height: 60px;
	margin-top:10px;
	padding:10px 20px;
    background-color:rgba(32, 33,36,1);
}

.sub_nav_sc li{
	width: 350px;
	float:left;
}


.sub_nav_sc a{
	font-size: 12px;
	line-height:22px;
	color:#ffffff;	
}

.sub_nav_sc .key{
	padding-left:10px;
	color:#ff7200;
}

.sub_nav_sc .vice{
	color:#818181;
}

.sub_nav_sc .a2{
	font-size: 14px;
	line-height:40px;
	color:#ffffff;	
}

.sub_nav_sc .li2{
	text-align:center;
}

/*区域下拉菜单服务支持内容*/
.sub_nav_sc2{
	width: 1140px;
	padding:20px 20px;
}

.sub_nav_sc2 .back{
    width: 250px;
	height: 60px;
	margin-top:10px;
	margin-left:10px;
	padding:10px 20px;
    background-color:rgba(32, 33,36,1);
}

.sub_nav_sc2 a{
	font-size: 14px;
	line-height:40px;
	color:#ffffff;	
}

/*滑动大图*/

.pane {
    position: absolute;
    left: 0;
    right: 0;

    margin-left: auto;
    margin-right: auto;
    width: 1140px;
    height: auto;
}

.pane .pane-right .image-banner {
    width: 449px;
    height: 499px;
}

.pane .pane-left {
    float: left;
    padding-top: 19%;
}

.pane .pane-right {
    float: right;
    padding-top: 10%;
}

.pane-left .pane-title {
    font-size: 46px;
    color: #FFFFFF;
}

.pane-left .pane-subtitle {
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 4px;
    margin-left: 2px;
}

.pane-left .pane-button {
    margin-top: 34px;
    margin-left: 2px;
}

.pane-left .pane-button .pane-btn-left,
.pane-btn-right {
    display: inline-block;
    font-size:16px;
	color:#ffffff;
    text-decoration: none;
    padding: 11px 58px;
    border-radius: 3px;
}
.pane-btn-rightbule {
    display: inline-block;
    background: #2979ff;
    font-size:16px;
	color:#ffffff;
    text-decoration: none;
    padding: 11px 58px;
    border-radius: 3px;
    transition-duration: 0.4s;
}
.pane-btn-rightbule:hover {
    background-color: #FFFFFF;
    color: #359AFF;
    cursor: pointer;
}

.pane-left .pane-button .pane-btn-left {
    background-color: #20c8b1;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
}

.pane-left .pane-button .pane-btn-left:hover {
    background-color: #FFFFFF;
    color: #359AFF;
    cursor: pointer;
}

.pane-left .pane-button .pane-btn-right {
    background-color: transparent;
    margin-left: 20px;
    -webkit-box-shadow: inset 0px 0px 0px 1px #FFFFFF;
    -moz-box-shadow: inset 0px 0px 0px 1px #FFFFFF;
    box-shadow: inset 0px 0px 0px 1px #FFFFFF;
    transition-duration: 0.4s;
}

.pane-left .pane-button .pane-btn-left {
    transition-duration: 0.4s;
}

.pane-left .pane-button .pane-btn-right:hover {
    cursor: pointer;
    color: #359AFF;
    background-color: #FFFFFF;
}

.purchase-dropdown {
    display: none;
    background-color: #FFFFFF;
    width: 108px;
    height: 126px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px #D3D3D3;
    margin-top: 7px;
    padding-top: 10px;
}

.purchase-dropdown li {
    padding: 3px 5px 3px 5px;
    display: block;
    margin-top: 5px;
}

.header>.nav .purchase-dropdown li a {
    text-decoration: none;
    color: #000000;
    opacity: 0.6;
}

.purchase-dropdown li:hover {
    background-color: #EAEAEA;
}

.feedback-banner-title p {
    margin: 20px 20px;
    /*margin-top: 12px;*/
    width: 400px;
    height: 20px;
    font-size: 16px;
    color: #ffffff;
}

.service-dropdown {
    display: none;
    background-color: #FFFFFF;
    width: 120px;
    height: 84px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px #D3D3D3;
    margin-top: 7px;
    padding-top: 10px;
}

.service-dropdown li {
    padding: 3px 5px 3px 5px;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.header>.nav .service-dropdown li a {
    text-decoration: none;
    color: #000000;
    opacity: 0.6;
}

.service-dropdown li:hover {
    background-color: #EAEAEA;
}

a.fa.fa-angle-down {
    padding: 10px 15px;
    color: #fff;
    font-size: 24px;
    /*border: 0px solid #E74C3C;*/
    transition: all 0.5s;
    border-radius: 50%;
    background-color: white;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa-angle-down:before {
    content: "\f107";
    color: #359AFF;
}

a.fa.fa-angle-down:hover {
    background: #EEEEEE;
}

a.fa.fa-angle-down:focus {
    text-decoration: none;
}

.pane .text-center {
    display: block;
    clear: both;
    text-decoration: none;
}


/*particles.js container*/

#particles-js {
    clear: both;
    width: 100%;
    height: 680px;
    background-image:linear-gradient(-90deg, #29323c 100%, #0e0c1e 100%);
    background-repeat: no-repeat;
    /*background-size: cover;*/
    padding-bottom: 50px;
    overflow: hidden;
}

@media screen and (min-height: 900px) {
    /*#particles-js {*/
    /*height: 1080px;*/
    /*}*/
    .pane .text-center {
        padding-top: 5%;
    }
    .pane .pane-left {
        float: left;
        padding-top: 25%;
        padding-right: 25px;
    }
    .pane .pane-right {
        float: right;
        padding-top: 13%;
    }
}

@media screen and (max-height: 700px) {
    .pane .text-center {
        padding-top: -150px;
    }
    .pane .pane-left {
        float: left;
        padding-top: 13%;
    }
    .pane .pane-right {
        float: right;
        padding-top: 3%;
    }
    .pane .pane-right .image-banner {
        width: 399px;
        height: 399px;
    }
}


/*勒索病毒横幅*/

.warn-icon {
    width: 30px;
    height: 30px;
    position: relative;
    top: -3px;
}

.extortion {
    width: 100%;
    height: 60px;
    background-color: #f86f5f;
}

.extortion .title {
    margin-left: 10px;
}

.extortion-content {
    height: 60px;
    width: 1140px;
    margin: 0 auto;
    padding-top: 13px;
}

.extortion-content>.title {
    font-size: 22px;
    color: white;
}

.extortion-content>.sub {
    font-size: 16px;
    color: #FED9B3;
    margin-left: 80px;
}

.extortion-content>.detail {
    float: right;
    font-size: 16px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 1px #FFFFFF;
    border: solid #FFA066 1px;
    color: #FED9B3;
    padding: 6px 36px;
}
/*-----------------------------------右侧固定快捷键-------------------------------*/
.option-box{
    display:none;
    margin-top: 20px;
    width:98px;
    height:98px;
    background: rgba(255,255,255,0.70);
    border: 1px solid rgba(255,255,255,1);
    box-shadow: 0 2px 8px 0 rgba(0,33,77,0.16);
    border-radius: 2px;
}
.option-box>div{
    cursor: pointer;
}
.option-box3>div{
    cursor: pointer;
}

.option-box3{
    width:98px;
    padding: 0 0 24px 0;
    background: rgba(255,255,255,0.70);
    border: 1px solid rgba(255,255,255,1);
    box-shadow: 0 2px 8px 0 rgba(0,33,77,0.16);
    border-radius: 2px;
}
.option-image{
    margin-top: 24px;
    width:100%;
    height:30px;
}
.option-info{
    font-family: PingFangSC-Regular sans-serif;
    font-size: 12px;
    color: #373B3E;
    text-align: center;
    font-weight: 400;
}
.option-cloud{
    background: url("../images/totop/btn-cloud-download-nor.png") center center no-repeat;
}
.option-box3-cloud:hover .option-cloud{
    background: url("../images/totop/btn-cloud-download-hover.png") center center no-repeat;
}
.option-box3-cloud:hover .option-cloud-info{
    color: #0064EC;
}



.option-license{
    background: url("../images/totop/btn-author-nor.png") center center no-repeat;
}
.option-box3-license:hover .option-license{
    background: url("../images/totop/btn-author-hover.png") center center no-repeat;
}
.option-box3-license:hover .option-license-info{
    color: #0064EC;
}

.option-update{
    background: url("../images/totop/btn-update-nor.png") center center no-repeat;
}
.option-box3-update:hover .option-update{
    background: url("../images/totop/btn-update-hover.png") center center no-repeat;
}
.option-box3-update:hover .option-update-info{
    color: #0064EC;
}


.option-feedback{
    background: url("../images/totop/btn-false-reback.png") center center no-repeat;
}
.option-box3-feedback:hover .option-feedback{
    background: url("../images/totop/btn-false-reback-hover.png") center center no-repeat;
}
.option-box3-feedback:hover .option-feedback-info{
    color: #0064EC;
}



.option-aboutUs{
    background: url("../images/totop/btn-contact-nor.png") center center no-repeat;
}
.option-box3-aboutUs:hover .option-aboutUs{
    background: url("../images/totop/btn-contact-hover.png") center center no-repeat;
}
.option-box3-aboutUs:hover .option-aboutUs-info{
    color: #0064EC;
}

.option-toTop{
    background: url("../images/totop/btn-top-nor.png") center center no-repeat;
}
.option-box-toTop:hover .option-toTop{
    background: url("../images/totop/btn-top-hover.png") center center no-repeat;
}
.option-box-toTop:hover .option-toTop-info{
    color: #0064EC;
}



/* ----------------------------------其他公共部分------------------------------- */
.border1 {
	background:#509cff;
	width:60px;
	height:4px;
	margin:10px auto;
}

.border2 {
	background:#509cff;
	width:6px;
	height:40px;
	margin:8px 20px 0px 0px;
}

.product-title{
    cursor:default !important;
    pointer-events:none
}