File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/privatecloud.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">
<link rel="shortcut icon" href="{pboot:sitetplpath}/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/head.css">
<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/static/css/index.css" />
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/home.css">
<style>
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #10cbfe !important;
}
.banner{
display: flex;
justify-content: space-between;
align-items: center;
}
.cy_about_bg_content{
padding-top: 0;
}
.banner-word-btn {
margin-top: 42px;
display: inline-block;
border-radius: 5px;
color: #247ff4;
font-size: 14px;
cursor: pointer;
font-weight: bold;
}
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #1150e1 !important;
}
.help-right-item-sub,.help-right-item-title {
color: #8e98a9;
}
.no {
color: #0b1733;
}
.sy_button_style{
color: white;
font-size: 14px;
padding: 0 24px;
line-height: 40px;
background: #ff6a18;
border-radius: 0.5em;
display: inline-block;
margin: 12px 0;
cursor: pointer;
font-weight: 500;
}
.head{
/*padding-top: 75px;*/
height: auto;
}
.banner-pic{
width: 324px;
margin-bottom: 34px;
}
.banner-pic img{
width: 100%;
}
.main{
background:#FBFBFE;
}
.editionCenter{
width:1125px;
margin:0 auto;
}
.dis_flex{
display:flex;
justify-content: flex-start;
}
.overview{
height:663px;
overflow: hidden;
position: relative;
}
.swiper_title{
height:185px;
position:relative;
}
.swiper_title h2{
font-size:35px;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
}
.swiper_title h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.5;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.swiper_title .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:527px;
top:132px;
}
.swiper{
height:478px;
/* width:100%; */
position:relative;
}
.swiper_item{
width:100%;
height:100%;
position: absolute;
justify-content: space-around;
}
.swiper_item .left{
min-width:400px;
box-sizing: border-box;
padding-left: 20px;
}
.swiper_item h4{
color: #242841;
font-weight: 700;
font-size: 24px;
line-height:58px;
}
.swiper_item p {
color:#677086;
font-size: 18px;
line-height:44px;
}
.swiper_item .learn{
width: 120px;
height: 40px;
opacity: 1;
background: #ff6918;
border-radius: 4px;
box-shadow: -2px 0px 5px 0px rgba(255,105,23,0.46);
color:#fff;
line-height: 40px;
text-align: center;
border:none;
margin-top:32px;
}
.pointer,.contrl{
position: absolute;
height:20px;
width:100%;
bottom:30px;
justify-content:center;
}
.contrl div{
width:44px;
height:44px;
position:absolute;
top:-300px;
cursor: pointer;
}
.pointer_item{
width:18px;
height:18px;
border: none;
border-radius: 50%;
box-sizing: border-box;
padding:4px;
margin-left:10px;
}
.pointer_item div{
background:#FF6919;
width:10px;
height:10px;
border-radius: 50%;
opacity: 0.39;
}
.active.pointer_item{
border:1px solid #FF6919;
padding:3px;
}
.active.pointer_item div{
opacity: 1;
}
.applyPic{
margin-top:50px;
display: flex;
justify-content: space-between;
}
.applyPic .graphic{
width:200px;
height:300px;
box-sizing: border-box;
}
.graphic .img{
display:block;
width:159;
height:159px;
border-radius: 50%;
margin:20px 20px 0;
}
.graphic p{
font-size:16px;
line-height:20px;
color:#677086;
text-align: center;
margin-top:9px;
}
.graphic .title{
font-size: 20px;
color:#242841;
margin-top:44px;
}
.operate{
justify-content: space-between;
}
.operate .move{
width:310px;
height:447px;
background:#F2F3FF;
border-radius: 20px;
}
.operate .title{
width:100%;
height:74px;
line-height: 74px;
text-align: center;
color: #fff;
background: #6974F5;
font-size: 18px;
font-weight: 700;
border-radius: 20px 20px 0 0;
}
.operate .move_item{
padding:35px 45px;
box-sizing: border-box;
position: relative;
}
.operate .move_item div{
width:221px;
height:56px;
margin:30px 0;
font-size: 16px;
color:#fff;
line-height: 56px;
text-align: center;
background:#5D9FFE;
border-radius: 10px;
position: relative;
z-index:99;
}
.operate .move_item .img{
position:absolute;
z-index:90;
width:201px;
height:254px;
bottom:-99px;
left:-66px;
background:none;
}
.operate .pc{
width:765px;
height:447px;
background:#FFF2EB;
border-radius: 20px;
}
.operate .pc .title{
background:#FF813D;
}
.operate .pc_item{
padding: 28px 20px 0;
}
.pc_item .list{
margin-bottom: 20px;
justify-content:space-between;
}
.operate .pc_item .list div{
box-sizing: border-box;
/* padding:10px 0; */
height:37px;
line-height: 37px;
text-align: center;
color:#666;
background:#fff;
border-radius: 19px;
font-size: 14px;
margin-right:10px;
width:192px;
}
.operate .pc_item .list div:last-child{
margin-right: 0;
}
.operate .pc_item .list:last-child div{
width:135px;
}
.operate .pc_item .list .dt{
border-radius: 3px;
background:#A5CC48;
width:105px!important;
}
.operate .pc_item .list:nth-child(even) .dt{
background:#FFBB33;
}
.characteristic{
text-align: center;
position:relative;
}
.characteristic_bg{
width:450px;
height:290px;
display: inline-block;
}
.characteristic_item{
position:absolute;
width:320px;
height:97px;
border-radius: 10px;
box-sizing: border-box;
padding:17px 24px;
background: #89C997;
color:#fff;
}
.characteristic_item p{
font-size: 14px;
font-family: Source Han Sans CN, Source Han Sans CN-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 18px;
}
.characteristic_item p:first-child{
font-size:18px;
font-weight: 700;
margin-bottom: 14px;
}
.bottom{
width:100%;
height:214px;
background:url('{pboot:sitetplpath}/static/images/foot.png') no-repeat;
background-size: 100% 100%;
}
.bottom>div{
justify-content:space-between;
}
.bottom>div .left h3{
font-size: 30px;
color:#fff;
line-height: 90px;
margin-top:24px;
}
.bottom>div .left p{
line-height:30px;
font-size: 15px;
color:#fff;
}
.bottom>div .left p img{
margin-right:12px;
}
.bottom>div .right div{
width:140px;
height:48px;
border:1px solid rgba(255,255,255,0.60);
color:#fff;
font-size: 15px;
line-height: 48px;
display: inline-block;
margin-left:12px;
margin-top:73px;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
.bottom>div .right div:first-child{
width:110px;
border:none;
color:#6974F5;
background:#fff;
}
.applyTitle{
height:156px;
position:relative;
}
.applyTitle h2{
font-size:35px;
line-height:75px;
width:100%;
text-align: center;
z-index:1;
position:absolute;
top:57px;
color: #242841;
font-weight: 700;
}
.applyTitle h3{
font-size: 37px;
line-height:37px;
color:#C4C6D4;
opacity: 0.2;
position:absolute;
width:100%;
text-align: center;
top:60px;
opacity: .2;
}
.applyTitle .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:0;
left:0;
top:132px;
margin: auto;
}
.service{
width: 100%;
background: #f2f5fa;
padding-bottom: 110px;
}
.service_content{
width: 250px;
height: 290px;
background: #ffffff;
border-radius: 20px;
padding-bottom: 33px;
box-sizing: border-box;
}
.service_content div{
width: 100%;
height: 129px;
background: linear-gradient(0deg,#5496fb 0%, #8aa1fb 100%);
border-radius: 20px 20px 0px 0px;
color: #ffffff;
text-align: center;
padding: 35px;
box-sizing: border-box;
}
.service_content div h4{
font-size: 20px;
font-weight: bold;
color: #ffffff;
margin-bottom: 14px;
letter-spacing: 1px;
}
.service_content div p{
border: 2px solid #ffffff;
border-radius: 20px;
color: #ffffff;
width: 92px;
height: 30px;
line-height: 30px;
margin: 0 auto;
cursor: pointer;
}
.service_content ul{
width: 100%;
text-align: center;
padding-left: 30px;
box-sizing: border-box;
}
.service_content ul li{
margin-top: 14px;
color: #666666;
display: flex;
align-items: center;
justify-content: flex-start;
}
.service_content ul li span{
width: 4px;
height: 4px;
display: inline-block;
background: #20acee;
border-radius: 50%;
margin-right: 20px;
}
.two ul li span{
background: #20ACEE;
}
.three ul li span{
background: #2AC9B8;
}
.four ul li span{
background: #FD796F;
}
.technology{
width: 100%;
background: #ffffff;
}
.technology ul{
text-align: center;
}
.technology ul li{
width: 23%;
text-align: center;
margin-bottom: 74px;
display: inline-block;
margin-right: 160px;
}
.technology ul li:nth-child(3),.technology ul li:last-child{
margin-right: 0;
}
.technology ul li img{
margin-bottom: 50px;
max-width: 200px;
}
.technology ul li h3{
font-size: 17px;
color: #242841;
margin-bottom: 18px;
font-weight: 700;
}
.technology ul li p{
font-size: 14px;
color: #434A60;
}
.fullService{
width: 100%;
padding-bottom: 127px;
}
.fullService_title{
margin-top: 40px;
}
.fullService_title ul{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 65px;
}
.fullService_title ul li{
width: 200px;
height: 43px;
line-height: 43px;
text-align: center;
background: #E3E8EF;
cursor: pointer;
}
.show{
background: linear-gradient(-90deg,#ff501a 0%, #ff8a34 98%) !important;
color: #ffffff;
}
.fullService_title ul li:first-child{
border-radius: 40px 0 0 40px;
}
.fullService_title ul li:last-child{
border-radius: 0 40px 40px 0;
}
.fullService_title ul span{
width: 20px;
height: 43px;
display: inline-block;
background: #ffffff;
transform: skewX(20deg);
position: absolute;
right: 204px;
left: 0;
margin: 0 auto;
}
.fullService_content ul{
display: flex;
align-items: center;
justify-content: space-between;
}
.fullService_content ul li{
text-align: center;
width: 150px;
}
.fullService_content ul li img{
width: 108px;
height: 110px;
margin-bottom: 32px;
}
.fullService_content ul li h3{
font-size: 17px;
color: #242841;
margin-bottom: 6px;
font-weight: 700;
}
.fullService_content ul li p{
font-size: 14px;
color: #626573;
}
.choice{
background: #ffffff;
padding-bottom: 77px;
}
.choice ul li{
text-align: center;
}
.choice ul li img{
margin-bottom: 25px;
}
.choice ul li p{
font-size: 16px;
color: #242841;
}
.footer{
width: 100%;
height: 290px;
padding: 84px 0 32px;
box-sizing: border-box;
background: url("{pboot:sitetplpath}/static/images/deploy_footer.png") no-repeat center;
}
.footer h4{
font-size: 30px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
.footer ul{
display: flex;
align-items: center;
justify-content: center;
}
.footer ul li {
color: #fff;
font-size: 15px;
margin: 24px 20px 0;
}
.groupTestBtn{
width:160px;
height:44px;
background:#fff;
color:#0C4BDE;
text-align: center;
line-height:44px;
font-size:14px;
border-radius: 5px;
cursor: pointer;
margin:50px auto 0;
user-select:none;
}
</style>
</head>
<body>
<div class="main">
<div class="head cy_about_bg" style="background: linear-gradient(0deg,#5490ff 0%, #0c4bde 99%)!important; background-color: #2361e9">
{include file=comm/head.html}
<div class="head-in">
<div class="banner">
<div class="banner-word cy_about_bg_content">
<p class="banner-word-1st" style="margin-bottom: 0; font-size: 40px;font-weight: bold;">独立部署，提供源码</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px">三匠互联十年研发经验更可靠</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px">上百人的开发技术团队全心全意为客户服务</p>
<div class="banner-word-btn" style="font-weight: 800;" onclick="wxclick()">联系客服咨询</div>
</div>
<div class="banner-pic">
<img src="{pboot:sitetplpath}/static/picture/deploy_banner.png" alt="">
</div>
</div>
</div>
</div>
<div class="service">
<div class="applyTitle">
<h2>三匠互联电商系统服务类型</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div style="width: 1084px; margin: 55px auto">
<ul style="display: flex; align-items: center; justify-content: space-between;">
<li class="service_content">
<div>
<h4>商城系统开发服务</h4>
<p onclick="wxclick()">咨询客服</p>
</div>
<ul>
<li><span></span>电商平台</li>
<li><span></span>批发商城</li>
<li><span></span>企业商城</li>
<li><span></span>多商户商城</li>
</ul>
</li>
<li class="service_content two">
<div style="background: linear-gradient(0deg,#20acee 0%, #24c3ed 100%);">
<h4>微商城开发服务</h4>
<p onclick="wxclick()">咨询客服</p>
</div>
<ul>
<li><span></span>微店商城</li>
<li><span></span>社区团购</li>
<li><span></span>积分商城</li>
<li><span></span>分销商城</li>
</ul>
</li>
<li class="service_content three">
<div style="background: linear-gradient(0deg,#2ac9b8 0%, #26d394 100%);">
<h4>小程序开发服务</h4>
<p onclick="wxclick()">咨询客服</p>
</div>
<ul>
<li><span></span>电商小程序</li>
<li><span></span>社区团购小程序</li>
<li><span></span>订货小程序</li>
<li><span></span>门店小程序</li>
</ul>
</li>
<li class="service_content four">
<div style="background: linear-gradient(0deg,#fd786f 0%, #fd9366 100%);">
<h4>APP商城开发服务</h4>
<p onclick="wxclick()">咨询客服</p>
</div>
<ul>
<li><span></span>原生APP开发</li>
<li><span></span>Uniapp开发</li>
<li><span></span>混合APP开发</li>
<li><span></span>应用市场上架</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="technology">
<div class="applyTitle">
<h2>过硬的开发技术实力</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div>
<div style="width: 1084px; margin: 55px auto">
<ul>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy1.png" alt="">
<h3>系统稳定</h3>
<p>采用现成稳定框架开发，开发性能强大并且安全稳定，运行流畅</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy2.png" alt="">
<h3>高速云服务</h3>
<p>基于阿里云采用计算机&存储分离架构大幅度提升速度单节点最高100万QPS</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy3.png" alt="">
<h3>数据安全</h3>
<p>通过专业的数据加密技术严格处理数据，提供商家账户安全的保障，安全放心</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy4.png" alt="" style="max-width: 272px">
<h3>专注电商</h3>
<p>三匠互联已有近十年的开发经验，紧随电商行业发展趋势来打造商城</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy5.png" alt="">
<h3>百人团队</h3>
<p>百人技术开发团队，平均五年以上开发经验，只为给用户提供更好的技术服务</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy6.png" alt="">
<h3>功能丰富</h3>
<p>三匠互联经过多年的产品打磨，积累了丰富的商城功能，满足不同用户需求</p>
</li>
</ul>
</div>
</div>
</div>
<div class="fullService">
<div class="applyTitle">
<h2>贴心周到的全程服务</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div style="width: 1084px; margin: 0 auto">
<div class="fullService_title">
<ul>
<li class="show">售前服务</li>
<span style="left: 204px;right: 0;"></span>
<li>售中服务</li>
<span></span>
<li>售后服务</li>
</ul>
</div>
<div class="fullService_content" style="height: 210px">
<ul class="fullService_contentOne">
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy7.png" alt="">
<h3>需求沟通</h3>
<p>合作前理解客户需求</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy8.png" alt="">
<h3>需求确认</h3>
<p>确认合作的需求项</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy9.png" alt="">
<h3>商务沟通</h3>
<p>确定合作方式和报价</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy10.png" alt="">
<h3>合同签订</h3>
<p>准备就绪后签订合同</p>
</li>
</ul>
<ul class="fullService_contentTwo">
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy7_1.png" alt="">
<h3>测试验收</h3>
<p>系统开发完交给客户测试，测试验收后再上线</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy8_1.png" alt="">
<h3>线上指导</h3>
<p>提供专业的线上指导，全程专业人员指导</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy9_1.png" alt="">
<h3>全程沟通</h3>
<p>专业人员提供开发全程的技术沟通</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy10_1.png" alt="">
<h3>需求变更</h3>
<p>服务过程中有任何需求变更可随时联系我们</p>
</li>
</ul>
<ul class="fullService_contentThree">
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy7_1.png" alt="">
<h3>专业客服</h3>
<p>客服7*12小时在线，专业答疑，提供帮助</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy8_2.png" alt="">
<h3>系统维护</h3>
<p>支持商城的系统维护</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy9_2.png" alt="">
<h3>系统升级</h3>
<p>支持商城的升级服务</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy10_2.png" alt="">
<h3>产品升级</h3>
<p>产品专业人员为您提供产品升级服务</p>
</li>
</ul>
</div>
</div>
</div>
<div class="choice" style="">
<div class="applyTitle">
<h2>更多用户的选择</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div style="width: 1084px; margin: 55px auto">
<ul style="display: flex; align-items: center; justify-content: space-between">
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy11.png" alt="">
<p>10年以上开发经验</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy12.png" alt="">
<p>百人服务团队</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy13.png" alt="">
<p>百分百的服务精神</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy14.png" alt="">
<p>累计服务上千家客户</p>
</li>
</ul>
</div>
</div>
<div class="footer">
<div style="width: 1084px; margin: 0 auto">
<h4>支持独立部署，提供商城源码，满足企业定制开发需求</h4>
<ul>
<li>
<img src="{pboot:sitetplpath}/static/picture/phone.png" alt="">
电话：18520002448
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/wechat.png" alt="">
微信：sanjiangAPP
</li>
</ul>
<div class="groupTestBtn" onclick="wxclick()">联系客服咨询</div>
</div>
</div>
{include file=comm/foot.html}
</div>
<script>
$('.fullService_contentTwo').hide()
$('.fullService_contentThree').hide()
$('.fullService_title ul li').click(function () {
$('.fullService_title ul li').removeClass('show')
$(this).addClass('show')
if($(this).text() == '售前服务'){
$('.fullService_contentOne').show()
$('.fullService_contentTwo').hide()
$('.fullService_contentThree').hide()
} else if($(this).text() == '售中服务'){
$('.fullService_contentOne').hide()
$('.fullService_contentTwo').show()
$('.fullService_contentThree').hide()
} else if($(this).text() == '售后服务'){
$('.fullService_contentOne').hide()
$('.fullService_contentTwo').hide()
$('.fullService_contentThree').show()
}
})
</script>
</body>
</html>