@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: "Gotham-Medium","Source Han Sans CN","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: Barlow;
	src: url("../images/Barlow-SemiBold.otf");
}




/*导航*/
.header {
    width: 100%;
	padding: 0 .8rem;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: all 0.3s;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background: #0e0c36;
	overflow: hidden;
}
.header .logo {
    padding: .14rem 0;
	display: block;
    overflow: hidden;    
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.header .logo img {
    max-height: .34rem;
}

.nav > li{
	float: left;
	margin: 0 .15rem;
	line-height: .6rem;
	position: relative;
	transition: all 0.3s;
}
.nav > li:after {
    display: block;
    position: relative;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #fff;
    content: '';
    transition: all 0.3s;
}
.nav > li:hover:after {
    width: 100%;
}
.nav > li > a {
	padding: 0 .15rem;
    font-size: .16rem;
    color: #fff;
	transition: all 0.3s;
	position: relative;
}
.nav > li:hover > a {
    color: #f36b16;
}
/*导航 结束*/




/*侧边栏*/
.side_box{
	position: fixed;
	bottom: 20%;
	right: .16rem;
	z-index: 2;    
	border-radius: 4px;
	border: 1px solid #fff;
    background-image: linear-gradient(to top, #ffffff 0%, #f5f5fa 100%);
    box-shadow: 0 8px 20px rgba(14,12,54,0.1);
}
.side_box li{
	cursor: pointer;
	width: 70px;
	text-align: center;
	padding: 10px 0;
	color: rgba(14,12,54,0.4);
	background-image: linear-gradient(to top, #ffffff 0%, #f5f5fa 100%);
	transition: all 0.3s;
	position: relative;
}
.side_box li a{
	color: rgba(14,12,54,0.4);
}
.side_box li:first-child{
	border-radius: 4px 4px 0 0;
}
.side_box li:last-child{
	border-radius: 0 0 4px 4px;
}
.side_box li:hover{
	color: #fff;
	background-image: linear-gradient(to top, #f36b16 0%, #ff8030 100%);
}
.side_box li:hover a{
	color: #fff;
}
.side_box li .ico{
	display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 4px;
	background: url("../images/side_ico.png") no-repeat 0px 0px;
}
.side_box .li_tel .ico{
	background-position: 0px 0px;
}
.side_box .li_email .ico{
	background-position: 0px -28px;
}
.side_box .li_totop .ico{
	background-position: 0px -56px;
}
.side_box .li_tel:hover .ico{
	background-position: -28px 0;
}
.side_box .li_email:hover .ico{
	background-position: -28px -28px;
}
.side_box .li_totop:hover .ico{
	background-position: -28px -56px;
}
/*侧边栏 结束*/




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



.banner_pc{	
	display: block;
	position: relative;
	background: url("../images/banner.jpg") no-repeat 0px 0px;
	background-size: 100% 100%;
}
.banner_pc .container{	
	padding: 1rem 0;
}
.banner_pc .ban_info{
	text-align: left;
}
.banner_pc .ban_info h1 {
	color: #fff;
	font-size: .5rem;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: .3rem;
	margin-top: 0;
	position: relative;
}
.banner_pc .ban_info h1 .mark_img {
    position: absolute;
    top: -.1rem;
    left: 4.7rem;
	animation: pronamei 1s infinite both;
    -webkit-animation: pronamei 1s infinite both;
}
@keyframes pronamei {
  0% {
      top:-25px;
  }
 
  50%{
    top:-15px;
  }
 
  100% {
      top:-25px;
  }
}

@-webkit-keyframes pronamei {
   0% {
      top:-25px;
  }
 
  50%{
    top:-15px;
  }
 
  100% {
      top:-25px;
  }
}
.banner_pc .ban_info ul {
	margin-bottom: .4rem;
	overflow: hidden;
}
.banner_pc .ban_info li {
	float: left;
	width: 25%;
	margin-bottom: .2rem;
	color: #fff;
	font-size: .18rem;
	padding-left: .24rem;
	background: url("../images/application-icon.png") no-repeat 0px center;
	background-size: .16rem .12rem;
}
.banner_pc .ban_info p {
	color: rgba(255,255,255,0.6);
	font-size: .14rem;
	line-height: .24rem;
	padding-left: .1rem;
	margin-bottom: .2rem;
}
.banner_pc .ban_info p span {
	display: inline-block;
	margin-right: .4rem;
}
.banner_pc .ban_info a {
	float: left;
	display: block;
	padding: 0 .3rem;
	text-align: center;
    height: .62rem;
    line-height: .58rem;
    border-radius: .4rem;
    font-size: .24rem;
}
.banner_pc .ban_info a.a_download {
	color: #fff;
	background: #0e0c36;
	border: .02rem solid #0e0c36;
}

.banner_pc .ban_info a.a_buy {
	padding: 0 .6rem;
	margin-left: .3rem;
	color: #0e0c36;
	border: .02rem solid #0e0c36;
}



/*下载总数*/
.download_amount {
    margin: -40px auto 0;
	padding: .4rem 0;
    text-align: center;
    color: #0e0c36;
    font-size: .4rem;	
    border-radius: 4px;
    border: 2px solid #fff;
    background-image: linear-gradient(to top, #ffffff 0%, #f5f5fa 100%);
    box-shadow: 8px 8px 20px rgba(14,12,54,0.1);
	position: relative;
}
.download_amount strong {
    color: #f36b16;
    font-size: .5rem;	
	padding: 0 .1rem;
	letter-spacing: .06rem;
}
/*下载总数 结束*/



/*选择我们的理由*/
.advantage {
    padding: 1rem 0;
}
.advantage ul {
	margin-top: .8rem;
	overflow: hidden;
}
.advantage li {
	text-align: center;
}
.advantage li img {
	width: 1.06rem;
}
.advantage li h3 {
    margin-bottom: .2rem;
    font-size: .22rem;
    font-weight: 600;
    color: #0e0c36;
    letter-spacing: 0.2px;
}
.advantage li p {
    font-size: .16rem;
    font-weight: 300;
    color: #6a6a6a;
    letter-spacing: 0.2px;
}
/*选择我们的理由 结束*/



/*下载*/
.download{
	width: 100%;
	padding: 1rem 0;
    --slide-background: 250,250,252;
    background-color: rgba(var(--slide-background),1);
    background-image: url(../images/common_bg.jpg);
    background-blend-mode: multiply;
    background-size: 100% 100%;
	overflow: hidden;
}
.download_l{
	padding: 0!important;
}
.download_l h1{
	font-size: .4rem;
    color: #0e0c36;
    font-weight: 400;
}
.download_l p{
	margin: 0 0 .2rem 0;
	font-size: .18rem;
    font-weight: 300;
    color: #6a6a6a;
}
.download_l span {
    display: inline-block;
	padding: 0 .4rem 0 .2rem;
    height: .4rem;
    border-radius: .2rem;
    line-height: .4rem;
	font-size: .16rem;
    color: #fff;
    background: #f36b16;
	position: relative;
}
.download_l span:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.05rem;
    right: .2rem;
    display: block;
    width: .15rem;
    height: .1rem;
    background: url(../images/download_jt.png) no-repeat 0px center;
	background-size: auto;
}

.download ul{
	padding: 0!important;
}
.download li{
	float: left;
	width: 43%;
	margin-left: 7%;
	padding: .3rem;
	border-radius: 4px;
	border: 2px solid #fff;
	background-image: linear-gradient(to top, #ffffff 0%, #f5f5fa 100%);
	box-shadow: 8px 8px 20px rgba(14,12,54,0.1);
}
.download li img{
	float: left;
	width: .8rem;
	margin-right: .4rem;
}
.download li h1{
	margin-top: 0;
	font-size: .22rem;
    color: #0e0c36;
    font-weight: 400;
}
.download li p{
	font-size: .14rem;
    font-weight: 300;
    color: rgba(14,12,54,0.4);
}
.download li a{
	display: inline-block;
	padding: 0 .2rem;
    height: .4rem;
    border-radius: .2rem;
    line-height: .4rem;
	font-size: .16rem;
    color: #0e0c36;
	border: 1px solid #f5f5fa;
	background-image: linear-gradient(135deg, #ffffff 0%, #f5f5fa 100%);
	margin-top: .2rem;
}


.download2 {
    --slide-background: 243,107,22;
}
.download2 .download_l p{
    color: #0e0c36;
}
.download2 .download_l span {
    color: #0e0c36;
    background: none;
	line-height: .36rem; 
	border: 2px solid #0e0c36;
}
.download2 .download_l span:after {
    background: url(../images/download2_jt.png) no-repeat 0px center;
}

.download2 li{
	border: 1px solid #ff9a5b;
	background-image: linear-gradient(135deg, #ff8030 0%, #f36b16 100%);
	box-shadow: none;
}
.download2 li img{
}
.download2 li h1{
    color: #fff;
}
.download2 li p{
    color: rgba(255,255,255,0.4);
}
.download2 li a{
    color: #fff;
	border: 1px solid #ff9a5b;
	background-image: linear-gradient(135deg, #f36b16 0%, #ff8030 100%);
}
/*下载 结束*/



/*核心产品*/
.product {
    padding: 1rem 0;
}
.product p {
    font-size: .18rem;
    line-height: .3rem;
    font-weight: 300;
    color: #6a6a6a;
    letter-spacing: 0.2px;
	text-align: center;
	margin: 0 .6rem .4rem;
}


.slideBox .hd{
	width: 100%;
}
.slideBox .hd ul{
	text-align: center;
	padding: 0 .5rem;
}
.slideBox .hd li{
	cursor: pointer;
	display: inline-block;
	width: auto;
	margin: 0 -2px;
	padding: .2rem .3rem;
	font-size: .18rem;
    color: #0e0c36;
    font-weight: 600;
	border: 2px solid #fff;
	background-image: linear-gradient(to top, #ffffff 0%, #f5f5fa 100%);
	box-shadow: 0 8px 20px rgba(14,12,54,0.1);
}
.slideBox .hd li.on{
    color: #fff;
	background-image: linear-gradient(to top, #f36b16 0%, #ff8030 100%);
	position: relative;
}
.slideBox .hd li.on:after {
    content: '';
    position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -.2rem;
    display: block;
    width: 0;
    height: 0;
    border-top: .1rem solid #f36b16;
    border-right: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    border-left: .1rem solid transparent;
}

.slideBox .bd{
	width: 100%;
	margin-top: .8rem;
	overflow: hidden;
}
.slideBox .cont{
	margin: 0 .5rem;
}
.slideBox .cont_l{
	padding: 0;
	position: relative;
}
.slideBox .cont_l img{
	max-width: 100%;
}
.slideBox .cont_l .pro_img{
	width: 64%;
	position: absolute;
	top: .16rem;
	left: 18%;
	right: auto;
}

.slideBox dl{
	text-align: left;
	padding: .4rem 0;
}
.slideBox dl dt{ 
	font-size: .3rem;
    font-weight: 400;
    color: #0e0c36;
	margin-bottom: .3rem;
}
.slideBox dl p{
	text-align: left;    
	font-size: .14rem;
    font-weight: 300;
    color: #6a6a6a;
	margin: 0 0 .1rem 0;
	padding-left: .26rem;
	background: url("../images/pro_ico.png") no-repeat left center;
}
/*核心产品 结束*/



/*典型客户*/
.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);
  }
}
/*典型客户 结束*/



/*用户评价*/
.evaluation{
	width: 100%;
	padding: 1rem 0;
	--slide-background: 250,250,252;
	background-color: rgba(var(--slide-background),1);
    background-image: url("../images/common_bg.jpg");
    background-blend-mode: multiply;
    background-size: cover;
	margin: .8rem auto 0;
}
.evaluation .h1_title {
	margin-bottom: .3rem;
}
.evaluation p {
    font-size: .18rem;
    line-height: .3rem;
    font-weight: 300;
    color: #6a6a6a;
    letter-spacing: 0.2px;
    text-align: center;
    margin: 0 auto;
}

.slidePj {
	position: relative;
}
.slidePj .bd{
	width: 100%;
	margin-top: .4rem;
	overflow: hidden;
}
.slidePj .cont{
	width: 5rem;
	padding: .4rem; 
	border-radius: .3rem;
	position: relative;
	background: #fff;
	box-shadow: 0 8px 20px rgba(14,12,54,0.1);
	margin: .5rem auto .3rem;
}
.slidePj .toux{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: .04rem solid #fff;
	overflow: hidden;
	position: absolute;
	top: -.5rem;
	left: 50%;
	margin-left: -.5rem;
	box-shadow: 0 8px 20px rgba(14,12,54,0.1);
}
.slidePj .toux img{
	max-width: 100%;
}
.slidePj h1{
	text-align: center;
	font-size: .3rem;
    color: #0e0c36;
    font-weight: 600;
	margin-bottom: .2rem;
	margin-top: .3rem;
}
.slidePj p{
	text-align: center;
	font-size: .16rem;
	line-height: .26rem;
    color: #6a6a6a;
    font-weight: 300;
}

.slidePj .hd{
	width: 100%;
	margin: .2rem auto 0;
}
.slidePj .hd ul{
	text-align: center;
}
.slidePj .hd li{
	cursor: pointer;
	display: inline-block;
	width: .16rem;
	height: .16rem;
	border-radius: .08rem;
	margin: 0 .05rem;
	background: rgba(0,0,0,0.2);
}
.slidePj .hd li.on{
	width: .4rem;
}

.slidePj .prev,
.slidePj .next{  
	display:block;  
	position:absolute; 
	z-index:1; 
	top: 40%; 
	width: .46rem; 
	height: .35rem; 
	cursor:pointer; 
	background-size: .46rem .35rem!important;
	filter:alpha(opacity=0);opacity:0;}
.slidePj .prev{ 
	left: 10%; 
	background:url("../images/btn_l.png") no-repeat 0 0;}
.slidePj .next{ 
	right: 10%; 
	background:url(../images/btn_r.png) no-repeat 0 0;}
.slidePj:hover .prev{ left: 16%; filter:alpha(opacity=100);opacity:1;}
.slidePj:hover .next{ right: 16%; filter:alpha(opacity=100);opacity:1;}

/*用户评价 结束*/





/*表单弹窗*/
#mask_box{
	background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    display: none;
}
.tc_content {
	width: 1000px;
    display: none;
    z-index: 3;
    position: fixed;
    top: 18%;
    left: 50%;
    margin-left: -500px;
    padding: .16rem;
    background: #fff;
    border-radius: .2rem!important; 
	box-shadow: 0 8px 20px rgba(14,12,54,0.1);
}
.tc_close {
    cursor: pointer;
	float: right;
    width: .48rem;
    height: .48rem;
	filter: alpha(opacity=50);
    opacity: .5;
}
.tc_close:hover, .tc_close:focus {
    filter: alpha(opacity=100);
    opacity: 1;
}
.tc_close img {
	max-width: 100%;
}

.rdd {    
	width: 100%;
    max-height: 900px;
    z-index: 10;
    margin-top: .6rem;
	margin-bottom: .4rem;
}
.rdd .h1_title {
    font-size: .36rem;
    font-weight: 600;
	margin-bottom: .6rem;
}
.form_box {
	margin: 0 .5rem;
	text-align: center;
}
.form_box .form-control{
	margin: 0 0 .3rem 0;
	background: #ffffff;
	border: 1px solid #eeeeee;
	font-weight: 300;
}
.form_box select.form-control{
	height: .54rem;
}
.form_box .btn{
	width: 2.4rem;
	text-align: center;
    height: .65rem;
    line-height: .65rem;
    border-radius: .33rem;
    font-size: .18rem;
    z-index: 2;
    display: inline-block;
    color: #0e0c36;
    transition: all 0.5s ease;
    background: #f36b16;
	font-weight: 600;
	margin-top: .3rem;
}
.form_box .form-control#tel,
.form_box .form-control#email{
	margin-left: .3rem;
}

.privacy_box{
	display: block;
	text-align: center;
	font-size: .16rem;
	line-height: .2rem;
	color: rgba(14,12,54,0.8);
	margin:  .2rem auto 0;
	position: relative;
	background: url("../images/line_1.png") no-repeat center center;
	background-size: auto 1px;
}
.privacy_box:hover{
	color: rgba(14,12,54,1);
}
/*表单弹窗 结束*/



/*底部*/
.footer{
	position: relative;
	--slide-background: 14,12,54;
    background-color: rgba(var(--slide-background),1);
    background-image: url(../images/common_bg.jpg);
    background-blend-mode: multiply;
    background-size: contain;
}
.footer_box {
	padding: .6rem 0 .4rem;
	width: 19%;
}
.footer_box dl {
	width: 19%;
}
.footer_box dl:first-child {
	width: 34%;
}
.footer_box dl:last-child {
	width: 9%;
	text-align: right;
}
.footer_box .foot_logo {
	width: 1.76rem;
}
.footer_box .foot_logo img {
	max-width: 100%;
}
.footer_box .foot_a {
    display: block;
	width: 1.3rem;
	text-align: center;
    height: 40px;
    border-radius: 20px;
    line-height: 38px;
    font-size: .16rem;
    color: #fff;
    border: 1px solid #242245;
    background-image: linear-gradient(135deg, #13123d 0%, #2f3065 100%);
    margin-top: .5rem;
}
.footer_box dt {
	font-size: .16rem;
	font-weight: normal;
	color: rgba(255,255,255,0.6);
	margin-bottom: .12rem;
}
.footer_box dt span {
	font-size: .12rem;
	color: #606266;
	margin-left: .06rem;
}
.footer_box dd p{
	color: #292b32;
	font-size: .16rem;
	line-height: .3rem;
	margin: 0;
}
.footer_box dd p img{
	width: .22rem;
	margin-right: .1rem;
}
.footer_box 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_box dd a{
	display: block;
	line-height: .34rem;
	font-size: .14rem;
	color: rgba(255,255,255,0.4);
}
.footer_box dd a:hover{
	color: rgba(255,255,255,0.8);
}

.copyright{
	padding: .24rem 0;
	font-size: .12rem;
	background: url("../images/copyright_bg.jpg") repeat-x 0px top;
}
.copyright span{
	color: rgba(255,255,255,0.4);
	font-weight: 300;
}
.copyright .items{
	float: right;
}
.copyright .items a{
	padding: 0 .1rem;
	color: rgba(255,255,255,0.4);
	border-right: 1px solid rgba(255,255,255,0.4);
}
.copyright .items a:last-child{
	border-right: none;
}
.copyright .items a:hover{
	color: rgba(255,255,255,0.8);
}
/*底部结束*/
/*------------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;
    }
}