@charset "utf-8";

body,html{background: #fff;min-width: 100%;min-height: 100%;}
body,input,textarea,select{word-wrap: break-word;color: #333;font-size: 14px;outline: none;word-break: break-all;word-wrap: break-word;font-family: "Microsoft Yahei","Verdana","arial","宋体";}
/*通用样式*/
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;color: #07528c;}
input{border: 1px solid #d8d8d8;}
button{border: 0;background-color: #fff;width: 100%;height: 100%;}
h2,h4,h5{margin: 0;font-weight: 400;padding: 0;}
dl{list-style: none;margin: 0;}
/*版心1200px*/
.container{width: 1200px;height: 100%;margin: 0 auto;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.clear{clear: both;height: 0;line-height: 0;font-size: 0;overflow: hidden}
.clearfix:after{display: block;content: '';clear: both;visibility: hidden;height: 0;}
.clearfix{*zoom: 1;}
.self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.on{ color:#10aeff ;}
/*头部*/
.qyk_header{ width: 100%;height: 74px;margin: 0 auto;overflow: hidden;position: fixed; background: white;z-index: 99;border-bottom: 1px solid hsla(0,0%,90.2%,.5);}
.qyk_header .logo{float: left;width: 300px;height: 74px;background: url(logo.png) no-repeat; margin-left: 126px;}
.qyk_header .nav{float: left; width: 54%;}
.qyk_header .nav li{width: 12%; text-align: center; float: left;padding: 0 16px;line-height: 74px;font-size: 16px;position: relative;cursor: pointer;}
.qyk_header .nav li.on,.qyk_header .nav li:hover{color: #10aeff;}
.qyk_header .nav li.on::after,.qyk_header .nav li:hover::after{content: ' ';position: absolute;width: 20px;left: 0;right: 0;bottom: 15px;margin: 0 auto;height: 2px;background: #10aeff;}
.qyk_header .nav li a{display: block;height: 74px;}
.qyk_header .top-btn{float: right;height: 74px; margin-right: 122px;}
.qyk_header .top-btn a{display: block;padding: 0 10px;line-height: 30px;border: 1px solid #10aeff;border-radius: 2px;color: #10aeff;margin-top: 21px;}
.qyk_header .top-btn a:hover{color: #fff;background: #10aeff;}

/*banner*/
.qyk_banner{width: 100%;min-width: 1200px;height: 440px;background: url(banner1.jpg) center top no-repeat;}
.qyk_prdouct_banner{width: 100%;min-width: 1200px;height: 200px; background: url(banner2.png) center top no-repeat; background-size: cover; margin-top: 75px;}
.qyk_prdoucts_banner{width: 100%;min-width: 1200px;height: 200px; background: url(banner3.png) center top no-repeat; background-size: cover; margin-top: 75px;}
.qyk_solution_banner{width: 100%;min-width: 1200px;height: 200px; background: url(banner4.jpg) center top no-repeat; background-size: cover; margin-top: 75px;}
.qyk_cases_banner{width: 100%;min-width: 1200px;height: 200px; background: url(banner6.png) center top no-repeat; background-size: cover; margin-top: 75px;}
.qyk_agent_banner{width: 100%;min-width: 1200px;height: 200px; background: url(banner7.jpg) center top no-repeat; background-size: cover; margin-top: 75px;}
.qyk_sofdemo_banner{width: 100%;min-width: 1200px;height: 500px; background: url(sofbanner.jpg) center top no-repeat; margin-top: 75px;}
/**/
.qyk_container{width: 1200px;margin: 0 auto;padding-bottom: 60px;}
.qyk_big_title{height: 120px;line-height: 120px;font-size: 36px;text-align: center;color: #363636;}
.qyk_text_content p{line-height: 1.8;font-size: 17px;color: #999;text-indent: 2em;}
.qyk_small_title{line-height: 80px;text-align: center;font-size: 25px;color: #666;}

.qyk_reason li{width: 25%;height: 200px;float: left;text-align: center;}
.qyk_reason li .icon{width: 90px;height: 90px;overflow: hidden;margin: 0 auto;border-radius: 50%;background: rgba(141,199,233,.1);color: #10aeff;line-height: 90px;font-size: 60px;}
.qyk_reason li .title{font-size: 18px;line-height: 32px;margin-top: 8px;color: #2d2d2d;}
.qyk_reason li:hover .title{color: #10aeff;}
.qyk_reason li .content{padding: 8px 10px;line-height: 18px;color: #969696;}

.qyk_product_nav li{width: 25%;float: left;text-align: center;}
.qyk_product_nav li a{display: inline-block;padding: 0 20px;}
.qyk_product_nav li i{display: block;width: 50px;height: 50px;margin: 0 auto;font-style: normal;color: #666;line-height: 50px;font-size: 45px;}
.qyk_product_nav li span{line-height: 36px;}
.qyk_product_nav li.p_active span{color: #10aeff;}
.qyk_product_nav li.p_active a{border-bottom: 2px solid #10aeff;}
.qyk_product_nav li.p_active i{color: #10aeff;}

.tab-panel{width: 1200px;height: 528px;display: none; margin-top: 30px;overflow: hidden;}
.tab-panel.in{display: block;}
.tab-panel .about-photo{float: left;padding-top: 30px;}
.tab-panel .about-photo img{height: 468px;}
.tab-panel .about-content{float: right;width: 520px;}
.tab-panel .about-content li{padding-bottom: 20px;}
.tab-panel .about-content li h2{font-size: 17px;line-height: 35px;font-weight: 800;color: #10aeff;}
.tab-panel .about-content li span{display: inline-block;width: 26px;height: 26px;line-height: 26px;border-radius: 50%;background: #10aeff;font-weight: 400;text-align: center;margin-right: 8px;font-size: 15px;color: #fff;}
.tab-panel .about-content li p{font-size: 13px;color: #666;line-height: 1.5;}

.tab-panel .img-box{float: left;width: 920px;height: 500px;padding: 14px 0;overflow: hidden;}
.tab-panel .img-box li{width: 100%;height: 500px;display: none;}
.tab-panel .img-box li img{width: 100%;}
.tab-panel .img-nav{float: right;width: 160px;height: 528px;background: url(line.png) left top repeat-y;}
.tab-panel .img-nav li{height: 66px;line-height: 66px;background: url(icon1.png) 17px center no-repeat;padding-left: 50px;cursor: pointer;font-size: 20px;}
.tab-panel .img-nav li.active{background-image: url(icon2.png);color: #10aeff;}
.tab-panel .imgbox{float: left;width: 366px;}
.tab-panel .imgbox ul li{height: 500px;padding: 14px 0;text-align: center;}
.tab-panel .imgbox ul li img{height: 100%;}

.tab-panel .app_title{float: right;width: 700px;}
.tab-panel .app_title h4{font-size: 28px;line-height: 60px;}
.tab-panel .app_list li{float: left;width: 140px;height: 100px;margin-top: 40px;}
.tab-panel .app_list li a{display: block;width: 100px;height: 88px;padding-top: 12px;margin: 0 auto;background: #c9c9c9;}
.tab-panel .app_list li.active a{background: #10aeff;}
.tab-panel .app_list li i{color: #fff;font-size: 32px;line-height: 50px;text-align: center;font-style: normal;display: block;}
.tab-panel .app_list li span{display: block;text-align: center;color: #fff;}
.tab-panel .yj_list li{float: left;width: 320px;margin-left: 24px;border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;background: #fff;}
.tab-panel .yj_list li img{width: 80%;display: block;margin: 0 auto;transition: 0.35s;}
.tab-panel .yj_list li:hover img{transform: scale(1.2);}

.industry_box li{width: 264px;float: left;margin-left: 10px;}
.industry_box .box1{width: 264px;height: 223px;position: relative;overflow: hidden;}
.industry_box .box2{width: 264px;height: 360px;position: relative;overflow: hidden;}
.industry_box span.title{display: block;width: 100%;background: rgba(51,51,51,.5);font-size: 18px;padding: 18px 0 18px 16px;position: absolute;left: 0;bottom: 0;box-sizing: border-box;color: #fff;}
.industry_box .box1:hover .text{top:0;}
.industry_box .box1:hover .title{display: none;}
.industry_box .box1 .text{width: 100%;height: 223px;background: rgba(51,51,51,.5);position: absolute;top: 223px;left: 0;transition:0.35s;
padding: 20px;box-sizing: border-box;
}
.industry_box .text h2{color: #fff;line-height: 2;}
.industry_box .text p{color: #fff;line-height: 1.6;}
.industry_box .box2:hover .text{top:0;}
.industry_box .box2:hover .title{display: none;}
.industry_box .box2 .text{width: 100%;height: 360px;background: rgba(51,51,51,.5);position: absolute;top: 360px;left: 0;transition:0.35s;padding: 20px;box-sizing: border-box;}

.qyk_products li{width: 265px;margin: 0 5px;float: left;height: auto;background: #fff;border-radius: 4px;}
.qyk_products li h2.title{padding: 20px 10px;background: #10aeff;border-radius: 4px 4px 0 0;height: 74px;}
.qyk_products li h2.title b{display: block;width: 100%;line-height: 30px;color: #fff;font-size: 20px;font-weight: 400;}
.qyk_products li h2.title small{display: block;font-size: 15px;color: #fff;opacity: .8;line-height: 1.5;}
.qyk_products li p.content{padding:10px;line-height: 2;color: #666;}
.qyk_products li p.content span{color: #aaa;}
.qyk_products li p.content span.red{color: #f00;}
.qyk_products li p.price{height:60px;line-height: 40px;text-align: center;}
.qyk_products li p.price font{font-size: 20px;}
.qyk_products li p.price small{font-size: 60%;opacity: .6;}
.qyk_products li p.price ins{color: #f76260;font-size: 24px;text-decoration: none;}


.qyk_case li{padding: 6px;margin: 6px;width: 249px;float: left;border: 1px solid #c9c9c9;}
.qyk_case li img{vertical-align: middle;transition: 0.35s;width: 100%;}
.qyk_case li:hover img{transform: scale(1.05);}

.qyk_agent{width: 1098px;margin: 0 auto;}
.qyk_agent li{float: left;width: 183px;text-align: center;cursor: crosshair;}
.qyk_agent li .number{color: #10aeff;font-size: 40px;font-weight: bold;line-height: 1.8;}
.qyk_agent li .icon{width: 108px;height: 108px;line-height: 108px;border-radius: 50%;display: inline-block;box-shadow: 0px 0px 10px 0px #e3e3e3;color: #10aeff;font-size: 64px;}

.qyk_agent li .title{font-size: 15px;line-height: 60px;color: #666;font-weight: 800;}
.qyk_agent li:hover .title{color: #10aeff;}
.qyk_agent_btn{height: 180px;text-align: center;}
.qyk_agent_btn a{display: inline-block;width: 140px;height: 44px;line-height: 44px;border: 1px solid #10aeff;color: #10aeff;background: #fff;font-size: 17px;margin-top: 77px;}
.qyk_agent_btn a:hover{background-color: #10aeff;color: #fff;}

.qyk_bottom{width: 100%;background: #10aeff;}
.qyk_bottom .bottom{width: 1200px;margin: 0 auto;padding-bottom: 32px;}
.qyk_bottom h5{line-height: 95px;font-size: 32px;color: #fff;text-align: center;letter-spacing: 2px;}
.qyk_bottom a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #fff;color: #fff;margin: 0 auto;font-size: 17px;}

.qyk_footer{width: 100%;height: 140px;background: #3f4551;text-align: center;color: #81878c;}
.qyk_footer .box{width: 1200px;margin: 0 auto;}
.qyk_footer .copy{float: left;width: 1200px;padding-top: 30px;line-height: 1.8}
.qyk_footer .copy a{color: #81878c;}
.qyk_footer .copy a:hover{color: #10aeff;}
.qyk_footer .ewm{float: left;width: 300px;display: none;}

/*表单*/
.form-container{padding: 20px;}
.form-container .top h2{line-height: 80px;font-size: 28px;text-align: center;color: #10aeff;}
.form-container .body .tr{padding: 10px 0;}
.form-container .body .tr span{display: inline-block;width: 100px;text-align: right;padding-right: 20px;font-size: 16px;vertical-align: top;color: #666;margin-top: 5px;}
.form-container .body .tr input,.form-container .body .tr select{line-height: 38px;border: 1px solid #c6c6c6;padding: 0 20px;width: 440px;box-sizing: border-box;font-size: 16px;border-radius: 5px;}
.form-container .body .tr select{height: 38px;}
.form-container .body .tr textarea{border: 1px solid #c6c6c6;padding: 10px 20px;width: 440px;box-sizing: border-box;line-height: 24px;height: 94px;font-size: 16px;border-radius: 5px;}
.form-container .body .tr a.button{display: block;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background: #10aeff;width: 200px;margin: 0 auto;border-radius: 5px;}

/*浮动菜单*/
.boradside{position: fixed;right: 0;bottom: 100px; z-index: 999;}
.boradside .right_box{width: 50px;height: 250px;float: right;}
.boradside .right_box li{box-sizing: border-box;height: 50px;border-bottom: 1px solid #fff;background: #10aeff;position: relative;}
.boradside .right_box li a{color: #fff;}
.boradside .right_box li:last-child{background: rgba(0,0,0,.3);border: 0;}
.boradside .right_box li img{width: 68%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.boradside .left_box{float: right;position: relative;height: 200px;}
.boradside .left_small_box{background: #fff;padding: 10px;box-shadow: 0px 0px 2px #dfdfdf;
-webkit-box-shadow: 0px 0px 2px #dfdfdf;
-moz-box-shadow: 0px 0px 2px #dfdfdf;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
min-height: 200px;
box-sizing: border-box;
position: absolute;
right: 0;
bottom: 0;
white-space: nowrap;
display: none;
}
#contact_box h2{line-height: 36px;font-size: 20px;text-align: center;color: #10aeff;}
#contact_box h4{padding: 10px 0;line-height: 1.8;text-align: center;}
#contact_box p{text-align: center;padding-top: 20px;line-height: 1.6;}
#contact_ewm li{margin-bottom: 20px;text-align: center;}
#contact_ewm li img{width: 100px;height: 100px;background: #ccc;line-height: 1.6;}

@font-face {
  font-family: 'iconfont';  /* project id 1482177 */
  src: url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.eot');
  src: url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.woff') format('woff'),
  url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1482177_8kwi2frzcca.svg#iconfont') format('svg');
}
.iconfont {
	font-family: 'iconfont';
}


/*产品概述*/
.prd_sum{ 
  width: 1200px
  ;height: 200px;
  margin: 0 auto;
  text-align: center;
}
.prd_sum h2{ 
  font-size: 45px;
  margin-top: 20px;
  color: #03388c;
}
.prd_sum p{ 
  margin-top: 10px;
}

/* .column_container{
  position: fixed;
  bottom: 100px;
} */
/* .column_title li{
  margin-left: 65px;
  margin-top: 5px;
  width: 82px;
  height: 80px;
  border-radius: 100%;
  border: 1px dashed #10aeff;
} */
/* .column_title a{
  font-weight: 500;
  color: #10aeff;
  text-align: center;
  width: 82px;height: 65px;
  display: block;
  padding: 15px 15px 0 0px;
  line-height: 1.5;
}
.column_title li.on{
  background-color: #f00;
} */

.prd_text{
  margin-top: 10px;
}
.prd_text_bg{
  background-color: #eef0f5;
}
.prd_text_content{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.prd_title h2{
  color: #03388c;
  text-align: center; 
  font-size: 30px;
  margin-top: 5px;
}
.prd_title p{
  text-align: center;
  margin-top: 10px;
}
.prd_content{
  height: 70%;
  padding: 35px 0px;
}
.prd_content p{
  font-size: 24px;
    color: rgb(0, 0, 0);
}
.prd_content_img{
  width: 100%;
}
.prd_content_img img{
  width: 100%;
}
/* .prd_text_bg .prd_content_img{
  margin-top: 25px;
  margin-left: 20px;
}
.prd_content_text{
  margin-left: 40px;
  width: 50%;
  height: 100%;
  margin-top: 40px;
  margin-left: 60px;
}
.prd_content_text h3{
  width: 300px;
  height: 40px;
  color: #03388c;
  font-size: 28px;
  border-bottom: 1px solid #e5dfdf;
}
.prd_content_text ul{
  float: left;
}
.prd_content_text li{
  margin-top: 5px;
  font-size: 15px;
  color: #656464;
} */

/* 功能展示 */
.prds_head{
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
}
.prds_head h2{
  margin: 10px;
}
.prds_head_img li{
  width: 103px;
  float: left;
  padding: 10px 40px;
  text-align: center;
}
.prds_head span{
  width: 100px;
  text-align: center;
  margin-left: 10px;
}
.prds_box{
  width: 100%;
  height: 100%;
}
.prds_box_xb{
  display: flex;
}
.prds_box_xb p{
  margin-top: 8px;
}
.prds_center_img{
  width: 65%;
  height: 280px;
}
.prds_center_img img{
  width: 100%;
  height: 100%;
}
.prds_center_text{
  width: 35%;
  height: 100px;
  color: white;
  padding: 90px 0px;
  text-align: center;
  background:#6699cc ;
}
.prds_title{
  margin-top: 280px;
  width: 1200px;
  margin: 0 auto;
}
.prds_stb{
  display: flex;
  flex-wrap: wrap;
}
.prds_stb li{
  width: 48%;
  padding: 20px 10px;
  display: flex;
}
.prds_title_text{
  margin-top: 15px;
}
.prds_title_text h2{
  color: black;
  font-weight: 900;
  font-size: 20px;
}
.prds_title p{
  margin: 5px;
  margin-top: 10px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 解决方案 */
.solu_box{
  width: 100%;
  height: 100%;
}
.solution_box{
  width: 1200px;
  height: 660px;
  margin: 0 auto;
  background: #eef0f5;
  overflow: hidden;
}
.solution_img{
  width: 520px;
  height: 300px;
  float: left;
  transform: 0.5s ;
  margin-left: 20px;
  margin-top: 20px;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  border: 3px solid white;
}

.solution_img img{
  width: 520px;
  height: 300px;
  position: absolute;
}
.solution_title{
  margin-top: 200px;
  width: 520px;
  height: 100px;
  background-color:rgba(51, 51, 51,0.5);
  color: white;
  position: absolute;
}

.solution_title p{
  margin-top: 10px;
  margin-left: 20px; 
  font-weight: 600 ;  
  font-size: 20px;  
}
.solution_title span{
  width: 500px;
  margin-left: 25px;
  opacity: 0.9;
}
.solution_img h2{
  margin-left: 20px;
  color: white;
  font-weight: 900;
  position: initial;
}
.solution_text{
  width: 520px;
  height: 300px;
  position: relative;
  margin-top: 300px;
  transition: 0.35s;
  background-color:rgba(51, 51, 51,0.5);
}

.solution_text p{
  width: 500px;
  margin-top: 30px;
  margin-left: 20px; 
  color: white;
}
.solution_box :hover .solution_title{
  display: none;
}
.solution_box :hover .solution_text{
  margin-top: 0;
}


/* 商户案例 */
.cases_box{
  width: 1200px;
  margin: 0 auto;
  background: white;
}
.cases_box_title{
  text-align: center;
  padding: 10px 10px;
  font-size: 45px;
    color: #03388c;
  }
.cases_box_sub{
  text-align: center;
}

.cases_case li{
  margin: 20px 20px;
  width: 30%;
  height: 280px;
  float: left;
  overflow: hidden;
}
.cases_img img{
  vertical-align: middle;
  transition: 0.35s;
  width: 100%;
  position: relative;
}
.cases_case li:hover {
  transform: scale(1.05);
}
.cases_bg{
  background-color: #eef0f5;
}
.cases_img{
  width: 100%;
  position: absolute;
}
.cases_img_title{
  float: left; 
  background-color:rgba(0, 0, 0,0.5);
  width:100%;
  height: 30px;
  text-align: center;
  font-weight: 900;  
  font-size: 20px; 
  color: white;
  position: absolute;
  margin-top: 240px;
}

.cases_img_text{
  width:100%;
  height: 340px;
  margin-top: 300px;
  color: white;
  position: relative;
  transition:0.35s;
  background-color: rgba(0, 0, 0,0.5);
}

.cases_img_text {
  text-align: center;
  font-weight: 900;
}
.cases_img_text img{
  margin-top: 15px;
   width:55%;
}
.cases_case :hover .cases_img_title{
  display: none;
}
.cases_case :hover .cases_img_text{
  margin-top: 0;
}

/* 加盟代理 */
.agent_box{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.agent_sbox{
  width: 70%;
  margin: auto;
  margin-top: 25px;
}
.agent_title{
  padding: 13px 0;
  width: 100%;
  height: 20px;
  background-color: #f2f1f1;
  font-size: 16px;
}

.agent_title p{
  margin-left: 20px;
}
.agent_text{
  width:100%;
  height: 100%;
  border-bottom: 1px solid #f2f1f1; 
}
.agent_text img{
  margin-top: 10px;
    width: 100%;
    height: 300px;
}
.agent_text p{
  font-size: 16px;
  margin: 20px 18px;
}

/* apply */
.apply_sq{
  background : url(apbg.jpg) center top no-repeat;
  background-attachment:fixed;
  background-size:100% ;
}

.apply_sqb{
  width: 100%; 
  background: rgba(0,0,0,0.2);
}
.qyk_header .logo1{
  float: left;
  width: 300px;
  height: 74px;
  background: url(logo1.png) no-repeat;
}
.apply_title{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apply_title h2{
  color: black;
}
.apply_box{
  width: 100%;
  height: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apply_sbox{
 width: 90%;
  height: 60%;
}
.delete-css{
  display: flex;
}

.layui-input-block button{
  width: 48%;
}
.layui-form-item iframe{
  margin-left: 110px;
    width: 85%;
    height: 300px;
}
.blink{
  background-color: #fff;
    display: inline;
    margin-left: 10px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
    min-width: 100px;
    text-decoration: none;
    border: 1px solid #25acd9;
    color: #25acd9;
}
.yz{
  background-color: #fff;
  width: 230px;
  height: 38px;
  margin-left: 10px;
  line-height: 36px;
  min-width: 100px;
  border: 1px solid #25acd9;
  color: #25acd9;
}
.layui-upload-list img{
    margin-top: 20px;
    height: 170px;
    width: 48%;
}
.layui-form-label span{
  padding: 5px 5px;
  font-size: 20px;
  color: red;
  text-align: center;
}
.layui-btns{
  width: 50px;
  height: 50px;
  border: 1px solid #999;
}
.apply_banner{
  /* width: 100%;
  height: 100%; */
  /* background : url(applybg.png) center top no-repeat; */
  /* background-size:100% 100%; */
  /* margin-top: 70px; */
 
}
.apply_bg{
  width:850px;
  margin: 0 auto;
  background:rgba(245,245,245,0.9);
  border-radius: 15px;
}
.btn{
  width: 200px;
  height: 150px;
  border: 1px solid white;
  border-style: dashed;
  background: rgba(254,254,254,0.2);
}
.btn_f{
  width:100%;
  display: flex;
}
.btn_icon{
    margin-left: 20px;
    height: 150px;
    width: 130px;
    
}
.btn_icon img{
  width: 100%;
    height: 150px;
}
.delete-css a{
  position: absolute;
  width: 30px;
  background: #ebe3e3;
  margin-left: 6%
}
.delete-css{
  border: 1px solid;
    padding: 1px
}
.btn_j{
    font-size: 70px;
    color: white;
}
.apply .copy a:hover{
  color:white;
}
/* sofdemo */
.sofsq{
  height: 50px;
  padding: 90px 0 0 0;
}
.sofapply a{
  width: 120px;
  height: 20px;
  float: left;
  background-color: rgba(18,20,26,0.5);
  padding: 18px;
  color: white;
  font-size: 20px;
  font-weight: 100;
  margin-left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sofapply span{
  font-size: 25px;
  padding-right: 12px;
}
.sofapply a:hover{
  color: #10aeff;
}
.sofcent{
  width: 1200px;
  margin: 0 auto;
}
.softext{
  padding: 90px 0 0 0;
  color: white;
  font-weight: 100;
}
.softext p:nth-child(1){
  font-size: 40px;
  padding: 0 0 10px 0;
}
.softext p:nth-child(2){
  font-size: 20px;
}
.sofbox{
  width:100%;
}
.sofobox{
  width: 1200px;
  height:600px;
  margin:  auto;
}
.obox_title{
  width: 100%;
  text-align: center;
  padding: 25px 0 25px 0;
}
 .title_en {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  color: #ccc;
}
.title_cn{
  width: 100%;
}
.title_cn div {
  display: inline-block;
}
.line {
  width: 200px;
  height: 48px;
  overflow: hidden;
}
.line hr {
  width: 100%;
  height: 1px;
  overflow: hidden;
  margin-top: 25px;
  color: #ccc;
  background-color: #ccc;
  border: 0;
}
.text1 {
  height: 48px;
  padding: 0 30px 0 30px;
  line-height: 48px;
  font-size: 32px;
  color: #666;
  overflow: hidden;
}
.title_desc {
  padding-top: 5px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  clear: both;
}
.obox_zs{
  width: 100%;
  height: 300px;
}
.obox_zs li{
  width: 24%;
  height: 300px;
  float: left;
  background: #e8e9e9;
  margin-left: 10px;
  box-shadow: 0 0rem 0.2rem #aaa;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.dn img{
  width: 100%;
}
.pb img{
  width: 100%;

}
.sj img{
 height: 100%;
}

.obox_zsd li{
  width: 24%;
  height: 100px;
  float: left;
  color: #6c6e6e;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.obox_zsd p{
  width: 150px;
  padding: 14px;
  text-align: center;
  border: 1px solid #e4e4e4;
}
.obox_zsd span{
  width: 100%;
  font-size: 45px;
  text-align: center;
  padding: 30px 0 20px 0;
}
.softbox{
  width: 100%;
  background: #f5f9ff;
}
.tbox{
  width: 1200px;
  height: 850px;
  margin:  auto;
}
.tab-panel1{
  width: 1200px;
  height: 950px;
  overflow: hidden;
}
.tab-panel1 .imgbox1{
  width: 1200px;
  padding: 20px 0 0 0;
  overflow:hidden;
}

.tboxmb{
  width:1300px;
  height: 550px;
  overflow: hidden;
}
.tboxmb li{
  width: 100%;
  height: 550px;
}
.tboxmb img{
  width: 98%;
  height: 96%;
  padding: 5px 5px 5px 6px;
}
.tboxmb-zs1{
  width: 250px;
  margin-right: 66px;
  margin-top: 30px;
  float: left;
}
.tboxmb-zs{
  width: 583px;
  height: 258px;
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
  overflow: hidden;
  border: 1px solid #efd7d7;
  background: #d3e8f3;
}
/* .tboxmb div:hover {
  transform: scale(1.05);
} */

.tab-panel1 .app_title1{
  width: 1200px;
  margin: auto;
}
.tab-panel1 .app_list1 li{
  float: left;
  width: 140px;
  height: 100px;
  margin: 0px 0 0 135px;
}
.tab-panel1 .app_list1 li a{
  display: block;
  width: 100px;
  height: 88px;
  padding-top: 12px;
  margin: 0 auto;
}
.tab-panel1 .app_list1 li.active i{
  color: #4c88ff;
}
.tab-panel1 .app_list1 li.active span{
  border-bottom:2px solid #4c88ff;
}
.tab-panel1 .app_list1 li i{
  color: #999999;
  font-size: 32px;
  line-height: 50px;
  text-align: center;
  font-style: normal;
  display: block;
}
.tab-panel1 .app_list1 li span{
  display: block;
  text-align: center;
  color: #333333;
  padding-bottom: 8px;
}
.sofsbox{
  width: 1200px;
  margin: auto;
  height: 600px;
  text-align: center;
}
.gnzs{
  padding: 0 0 0 24px;
}
.gnzs li{
  padding: 50px 0 0 30px;
  
  width: 95px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.gnzs i{
  z-index: 1;
  width: 133.33px;
  font-style: normal;
  font-size: 80px;
  color: #ec6941;
}
.gnzs span{
  z-index: 1;
}
.gnzs span{
  /* padding-top: 10px; */
}
.gnzs p{
  font-size: 150px;
  position: absolute;
}
.sjew{
  width: 98%;
  height: 294px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: rgba(0, 0, 0,0.5);
}
.sjew1{
  margin-top: -300px;
}
.sjew img{
  width: 80%;
  height: 80%;
  padding-top: 30px;
}
.sjsp{
  width: 22px;
  height: -9px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid black;
  text-align: center;
  font-size: 15px;
  position: absolute;
  top: 5px;
  right: 4px;
  background: white;
  /* color: red; */
  font-weight: 900;
  
}
/* download */
.down-bg{
  width: 100%;
  height: 100vh;
  background: url(2.jpg) center top no-repeat;
  background-size: cover;
  background-attachment:fixed;
  text-align: center;
  flex-wrap: wrap;
}
.down-co{
  width: 100%;
  height: 100vh;
  color: white;
  background: rgba(0, 0, 0,0.5);
}
.down-xz{
  width: 150px;
  height: 40px;
  background: #10aeff;
  text-align: center;
  font-size: 30px;
  padding: 25px;
  margin-left: 350px;
}
.down-xz a{
  color: white;
}
.down-xz a:hover{
  color: #333;
}