@charset "utf-8";
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px; margin:0px; border:none; font-weight: normal; font-family: "Helvetica","Tahoma","Microsoft YaHei","PingFang HK","Arial", \5b8b\4f53;}
body, button, input, select, textarea, a, span { font-family: "Microsoft YaHei","PingFang HK","Arial", \5b8b\4f53;}
ul, ol ,li{ list-style: none; }
img {margin:0; border:0; padding:0;}
b {font-family:Tahoma; font-weight:300; }
a { text-decoration:none; }
a:hover { text-decoration:none;  }
a:active { color: #fff;  }
.clear { clear: both;}
div:focus,
input:focus,
select:focus,
button:focus,
textarea:focus { outline:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
	text-decoration: none
}
.container2{width: auto; margin: 0 15px; padding: 0;}
@media (min-width: 640px){.container2{margin: 0 7.8125%;}}
@media (min-width: 1200px){.container2{margin: 0 10%;}}
@media (min-width: 1600px){
	.container2{margin: 0 12.5%;}
	.details_box{margin: 0 7%;}
}

body {
    margin: 0 auto;
    overflow-x: hidden;
	width: 100%;
	background: #fff;
}

.bg_img{
	background: url(../images/bg_img.jpg) repeat-y center 0px;	
}
.fl{float: left !important;}
.fr{float: right !important;}

.mb6{margin-bottom: .6rem !important;}
.pd0{padding: 0 !important;}

/*css效果*/
.css_style{
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;}


/*@font-face*/
/*{*/
/*	font-family: Din;*/
/*	src: url("../images/DIN Regular_0.otf");*/
/*}*/




/*导航*/
.header {
    width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: all 0.3s;
}
.header .logo {
    padding: .14rem 0;
	display: block;
    overflow: hidden;    
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.header .logo img {
    max-height: .4rem;
}
.header .logo .logo_1 {
	display: block;
}
.header .logo .logo_2 {
	display: none;
}

.nav > li{
	float: left;
	line-height: .68rem;
	position: relative;
	transition: all 0.3s;
}
.nav > li > a {
	padding: 0 .15rem;
    font-size: .16rem;
    color: rgba(255,255,255,0.8);
	transition: all 0.3s;
	position: relative;
}
.nav > li:hover > a {
	color: #fff;
}



.header_fixed{
	background: rgba(255,255,255,0.6);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);    
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.header_fixed .logo .logo_1 {
	display: none;
}
.header_fixed .logo .logo_2 {
	display: block;
}
.header_fixed .nav > li > a {
    color: #292b32;
}
.header_fixed .nav > li:hover > a {
	color: #8126cf;
}
/*导航 结束*/




/*侧边栏*/
.side_box{
	position: fixed;
	bottom: 20%;
	right: 10px;
	z-index: 2;    
	border-radius: .1rem;
	box-shadow: 0 0 9px rgba(0,0,0,0.1);
}
.side_box li{
	cursor: pointer;
	width: 54px;
	text-align: center;
	padding-top: .08rem;
	padding-bottom: .04rem;
	color: #c7c5d1;
	background: #fff;
	transition: all 0.3s;
	position: relative;
}
.side_box li:first-child{
	border-radius: .1rem .1rem 0 0;
}
.side_box li:last-child{
	border-radius: 0 0 .1rem .1rem;
}
.side_box li:hover{
	color: #fff;
	background: #6634ff;
}
.side_box li .ico{
	display: block;
    width: .22rem;
    height: .22rem;
    margin: 0 auto 0.04rem;
}
.side_box .li_tel .ico{
	background: url("../images/tel.png") no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .li_email .ico{
	background: url("../images/e_mail.png") no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .li_totop .ico{
	background: url("../images/toTop.png") no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .li_tel:hover .ico{
	background: url("../images/tel_2.png") no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .li_email:hover .ico{
	background: url("../images/e_mail_2.png") no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .li_totop:hover .ico{
	background: url(../images/toTop_2.png) no-repeat center center;
	background-size: .22rem .22rem;
}
.side_box .pop_box{
	display: none;
	position: absolute;
	right: .64rem;
	top: 50%;
	margin-top: -.18rem;
	height: .36rem;
	line-height: .36rem;
	color: #fff;
	font-size: .14rem;
	border-radius: .1rem;
	background: linear-gradient(90deg,#6634ff, #8126cf);
}
.side_box .tel_box{
	width: 1.8rem;
}
.side_box .email_box{
	width: 2.6rem;
}
.side_box .pop_box:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -.042rem;
    right: -.1rem;
    width: 0;
    height: 0;
	border-top: .05rem solid transparent;
    border-right: .05rem solid transparent;
    border-bottom: .05rem solid transparent;
    border-left: .06rem solid #8126cf;
}
.side_box .li_tel:hover .tel_box,
.side_box .li_email:hover .email_box{
	display: block;
}
/*侧边栏 结束*/




/*------------index.html  start----------------*/
.h1_title{
	margin: 0 auto .4rem;
	position: relative;
	text-align: center;
	font-size: .48rem;
	color: #292b32;
	font-weight: bold;
}
.p_title{
	padding: 0 .5rem;
	text-align: center;
	font-size: .2rem;
	line-height: .36rem;
	color: #606266;
}



.banner_pc{	
	display: block;
	position: relative;
}
.banner_pc .ban_text{
	width: 41%;
	position: absolute;
	left: 12%;
	top: 26%;
}
.banner_pc .ban_text h1 {
	width: 6rem;
	overflow: hidden;
	margin-bottom: .5rem;
}
.banner_pc .ban_text img {
	max-width: 100%;
}
.banner_pc .ban_text p {
	margin-bottom: .3rem;
	color: #fff;
	overflow: hidden;
	font-size: .22rem;
}
.banner_pc .ban_text p span {
	display: inline-block;
	width: .02rem;
	height: .18rem;
	background: rgba(255,255,255,0.6);
	margin: .08rem .2rem;
	margin-top: .1rem;
}
.banner_pc .ban_text a {
	float: left;
	display: block;
	margin-top: .6rem;
	width: 2.8rem;
	text-align: center;
    height: .6rem;
    line-height: .54rem;
    border-radius: .3rem;
    font-size: .24rem;
	border: .02rem solid #fff;
}
.banner_pc .ban_text .a_windows{
	color: #7b29d9;
	background: #fff;
	box-shadow: 0 10px 20px -6px rgba(0,0,0,0.2);
}
.banner_pc .ban_text .a_mac{
	color: #fff;
	margin-left: .16rem;
}
.banner_pc img {
	max-width: 100%;
}




/*软件介绍*/
.data{
	text-align: center;
	overflow: hidden;
	margin: 1rem auto 0;
}
.data li{
	display: inline-block;
	margin: 0 1.2rem;
	text-align: left;
}
.data li .list_number{
	font-size: .2rem; 
	font-weight: bold;
	background-image:linear-gradient(90deg,#6634ff, #8126cf); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.data li em{
	font-style: normal;
	font-size: .52rem; 
	letter-spacing: 2px;
	background-image:linear-gradient(90deg,#6634ff, #8126cf); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.data li h4{
	font-size: .18rem;
	font-weight: normal;
	color: #606266;
}
/*软件介绍*/



/*软件介绍*/
.introduct{
	overflow: hidden;
	margin: 0 auto 0;
	padding-top: 1rem;
}

.version_box{ 
                text-align: center;
	overflow: hidden;
	margin: .6rem auto;
}
.version_box li{
                text-align: left;
                display: inline-block;
	width: 30.66%;
	height: 140px;
	margin: 0 2% 3.5% 1%;
	background: #fff; 
	position: relative;
	transition: all 0.3s;    
}
.version_box li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: .4rem;
	border: 1px solid #ebedf2;
	border-radius: 16px;
}
.version_box li:nth-child(3n){
	margin: 0 1% 3.5% 1%;
}
.version_box li:hover a{
	border: 2px solid #742ce6;
	box-shadow: 0 5px 20px rgba(218,225,235,0.8);
}
.version_box li img{
	float: left;
	width: .6rem;
	margin-right: .26rem; 
	transition: all .3s;
}
.version_box li p{
	font-size: .18rem;
	line-height: .3rem;
	color: #606266;
}
.version_box li span{
	display: block;
	width: .56rem;
	height: .56rem;
	position: absolute;
	top: 0;
	left: 0;
}
.version_box li .corner1{
	background: url("../images/corner1.png") no-repeat 0px 0px;
	background-size: cover;
}
.version_box li .corner2{
	background: url("../images/corner2.png") no-repeat 0px 0px;
	background-size: cover;
}
.version_box li .corner3{
	background: url("../images/corner3.png") no-repeat 0px 0px;
	background-size: cover;
}
.version_box li .corner4{
	background: url("../images/corner4.png") no-repeat 0px 0px;
	background-size: cover;
}
.version_box li .corner5{
	background: url("../images/corner5.png") no-repeat 0px 0px;
	background-size: cover;
}
.version_box li .corner6{
	background: url("../images/corner6.png") no-repeat 0px 0px;
	background-size: cover;
}


.version_box .li_h .li_box{
	width: 100%;
	height: 100%;
	padding: .4rem;
	border: 1px solid #ebedf2;
	border-radius: 16px; 
}
.version_box .li_h .ewm_box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 12px;
	border: 1px solid #fff;
	border-radius: 16px; 
	background: #fff;
	box-shadow: 0 0 20px rgba(218,225,235,0.8);
	transition: all 0.3s;
	z-index: 2;
	opacity: 0;
	overflow: hidden;
}
.version_box .li_h:hover .ewm_box{
	opacity: 1;
}
.version_box .li_h .ewm_box img{
	width: 1.16rem;
    transform: scale(0, 0);
}
.version_box .li_h:hover .ewm_box img{
    transform: scale(1, 1);
}
.version_box .li_h .ewm_box p{
	color: #292b32;
	margin-top: .1rem;
}
.version_box .li_h i{
    font-style: normal;
	font-size: .16rem;
    color: #909399;
	transition: all 0.3s;
}
/*软件介绍 结束*/



/*广告条*/
.adv_box{
	width: 100%;
	padding: .6rem 0;
	text-align: center;
	color: #fff;
	background: url("../images/adv_bg.jpg") no-repeat 0px 0px;
	background-size: 100% 100%;
}
.adv_box h1{
	font-size: .4rem;
	font-weight: bold;
	margin-top: 0;
}
.adv_box .a_adv{
    display: block;
    margin-top: .6rem;
    width: 2.4rem;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    font-size: .24rem;
	color: #7b29d9;
    background: #fff;
    box-shadow: 0 10px 20px -6px rgba(0,0,0,0.2);
	margin: .4rem auto 0;
}
/*广告条 结束*/



/*产品功能*/
.fun {
	padding: .8rem 0;
}
.fun .container {
	display: table;
}
.fun_2,
.fun_4,
.fun_6 {
	background: #fbfaff;
}
.fun_7 {
	background: url("../images/fun_7_bg.png") no-repeat center center;
	background-size: 100% 100%;
}
.fun .h1_title {
	margin-bottom: .8rem;
}
.fun_img {    
	width: 6.5rem;
	overflow: hidden;
}
.fun_img img{
	max-width: 100%;
}
.fun_text {
	display: table-cell;
    vertical-align: middle;
	width: 3.8rem;
}
.fun_text h2 {
	font-size: .4rem;
	color: #292b32;
	margin-bottom: .4rem;
	margin-top: 0;
	font-weight: bold;
	position: relative;
}
.fun_text ul {
	overflow: hidden;
}
.fun_text li {
	padding-left: .22rem;
	margin-bottom: .2rem;
	font-size: .18rem;
	color: #606266;
	position: relative;
}
.fun_text li:before {
	content: '';
    display: block;
    position: absolute;
    top: 50%;
	margin-top: -.03rem;
    left: 0;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background: linear-gradient(90deg,#6634ff, #8126cf);
}
/*产品功能 结束*/



/*典型客户*/
.customer{
	overflow: hidden;
	margin: 0 auto 0;
	padding-top: 1rem;
}
.customer .container2{
	position: relative;
	overflow: hidden;    
	font-size: 0;
}
.customer .mask{
	position: absolute;
	top: 0;
	z-index: 2;
}
.customer .mask_left{
	left: 0;
}
.customer .mask_right{
	right: 0;
}
.customer .line_odd {
    width: 2904px;
    -webkit-animation: scrollToRight 40s linear infinite;
    animation: scrollToRight 40s linear infinite;
}
.customer .line_even {
    width: 2904px;
    -webkit-animation: scrollToRight 30s linear infinite;
    animation: scrollToRight 30s linear infinite;
}
.customer .line_odd img {
      width: 50%;
      display: inline-block;
}
.customer .line_even img {
      width: 50%;
      display: inline-block;
}
@keyframes scrollToRight {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
  }
}
/*典型客户 结束*/



/*激活验证码*/
.code{
	width: 100%;
	padding: 1.2rem 0 .8rem;
	margin: .8rem auto 0;
	background: url("../images/code_bg.jpg") no-repeat 0px 0px;
	background-size: 100% 100%; 
}
.code .h1_title{
	color: #fff;    
	margin: 0 auto .15rem;
}
.code .p_title{
	color: rgba(255,255,255,0.6);  
	margin: 0 auto .6rem;
}

.form_box {
	margin: 0 .5rem;
}
.form_box .form-control{
	float: left;
	margin: 0 0 .3rem 0;
	background: rgba(0,0,0,0.1);
	border: 1px solid rgba(235,237,242,0.4);
}
.form_box select.form-control{
	height: .54rem;
}
.form_box .btn{
	width: 48%;
    height: .54rem;
    line-height: .54rem;
    padding: 0 .2rem;
    border-radius: 6px;
    font-size: .18rem;
    z-index: 2;
    display: block;
    color: #8126cf;
    transition: all 0.5s ease;
    background: #fff;
}
.form_box .form-control#company,
.form_box .form-control#tel,
.form_box .btn{
	float: right;
}

.privacy_box{
	display: block;
	text-align: center;
	font-size: .16rem;
	line-height: .2rem;
	color: rgba(255,255,255,0.6);
	margin:  .5rem auto 0;
	position: relative;
	background: url("../images/line_1.png") no-repeat center center;
	background-size: auto 1px;
}
.privacy_box:hover{
	color: rgba(255,255,255,0.8);
}
/*激活验证码 结束*/




/*底部*/
.footer{
	padding: .6rem 0;
	position: relative;
}
.footer .foot_QQ {
	width: 27%;
}
.footer .foot_nav {
	width: 15%;
}
.footer .foot_wx  {
	width: 13%;
}
.footer .foot_area  {
	width: 13%;
	display: none;
}
.footer dt {
	font-size: .18rem;
	font-weight: normal;
	color: #292b32;
	margin-bottom: .12rem;
}
.footer .foot_QQ em {
	display: block;
	font-style: normal;
	width: 1.3rem;
	text-align: center;
	height: .42rem;
	border-radius: .21rem;
	line-height: .42rem;
	color: #fff;
	margin-bottom: .06rem;
	background: linear-gradient(90deg,#6634ff, #8126cf);
}
.footer dt span {
	font-size: .12rem;
	color: #606266;
	margin-left: .06rem;
}
.footer dd p{
	color: #292b32;
	font-size: .16rem;
	line-height: .3rem;
	margin: 0;
}
.footer dd p img{
	width: .22rem;
	margin-right: .1rem;
}
.footer dd .foot_a{
	display: block;
	width: 1.3rem;
	text-align: center;
	height: .42rem;
	line-height: .42rem;
	border-radius: .21rem;
	font-size: .18rem;
	color: #fff;
	margin-top: .24rem;
	transition: all 0.3s ease-out 0s;    
	background: linear-gradient(90deg,#6634ff, #8126cf);
}
.footer dd a{
	display: block;
	line-height: .34rem;
	font-size: .12rem;
	color: #606266;
}
.footer dd a:hover{
	color: #292b32;
}
.footer .foot_wx img {
	max-width: 120px;
	border: 1px solid #ebedf2;
	border-radius: 6px;
}
/*底部结束*/
/*------------index.html  end----------------*/




.common_gototop { background: rgba(0,0,0,0.2); border-radius: 4px; width: 3rem; height: 3rem; position: fixed; bottom: 55px; right: 0.5rem; cursor: pointer;z-index: 999;  }
.common_gototop img { width: 1.6rem; height: 1.6rem; margin: 0.7rem auto; display: block;}




@media screen and (max-width: 997px) {
	.banner_pc .ban_text{
        width: 33%;
        left: 10%;
        top: 28%;
    }
    .banner_pc .ban_text img {
        width: 100%;
    }
	
	
	
	.version_box li{
        width: 30.66%;
        height: 90px;
        margin: 0 2% 3.5% 1%;
    }
    .version_box li a{
        padding: .3rem;
    }
    .version_box li:nth-child(3n){
        margin: 0 1% 3.5% 1%;
    }
	
	.version_box .li_h .li_box{
        padding: .3rem;
    }
    .version_box .li_h .ewm_box{
        border-radius: 14px; 
		padding: 10px;
    }
    .version_box .li_h .ewm_box img{  
		width: 1rem;
		margin-right: .1rem;
    }
	.version_box .li_h .ewm_box p{
        margin-top: 0;
    }
}