html{word-wrap:break-word;-webkit-text-size-adjust:none;word-break:break-all}
body{color:#333; background: #fff; font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif}
@font-face{font-family:iconfont;src:url(iconfont/iconfont.woff2?t=1625538897231) format("woff2"),url(iconfont/iconfont.woff?t=1625538897231) format("woff"),url(iconfont/iconfont.ttf?t=1625538897231) format("truetype")}
.iconfont{font-style:normal;font-size:14px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap: break-word;margin:0;padding:0;outline:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align: top;}
a{color:#333;text-decoration:none;transition:all .15s ease 0s}
a:hover{color:#0069cc;text-decoration:none}
button{background:0 0}
button:focus,input:focus,textarea:focus{outline:0}
ol,ul{list-style-type:none}
i{font-style:normal}
img{height:auto;max-width:100%;border:0;vertical-align:middle;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;-o-transition:1s ease 0s;transition:1s ease 0s;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)}
video{width:100%!important;height:auto!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.clear{clear:both}
.center{text-align:center}
.left{float:left}
.right{float:right}

/* 阴影 */
header{position: fixed; z-index:999;height:auto;background:#3a6ea5;transition:top .5s;height:60px;margin:0;padding:0 20px; left:0;right:0;top:0;  box-shadow:0 3px 5px rgba(0,0,0,.05)} 
/* logo和标题 */
.name{float: left;white-space:nowrap;font-size:18px;line-height:60px;margin-right: 10px;color:#fff}
.name a{color:#fff;}
.name a::before{content: "\e91b";font-family: iconfont;margin:0 5px 0 0;}
button{float:right;font-size:18px;line-height:60px;padding:0 10px;color: #fff;cursor: pointer;}
.main{position: relative;background:#fff;margin:0 auto;max-width:1080px;padding:80px 0 0 0;}
#imgDiv{overflow: hidden;padding:0 15px 0 0;}
.section{margin:20px 0;}
.section .h2{line-height:40px;width:100%;display: block;margin:0 0 20px 0;padding:0 20px;
    /* border-bottom: 2px solid #f2f2f2; */
}
.section .h2 h2{display: inline-block;position: relative;font-weight: normal;
    /* font-family:"NSimSun" */
}
.section .h2 h2::before{content: ""; width:100%; height:2px;background: #0069cc;display: inline-block;position: absolute;top:40px ;left:0;}
.section .h2 span{font-size:16px;float:right;color:#999;
    /* background: #0069cc;color: #fff; border-radius: 5px;position: relative;margin-left: 20px; */
}
.section .h2 span::before{
    content: "——"; margin:0 5px 0 0;
}
/* .section .h2 span.set::before{
    content: ""; display: inline-block;position: absolute;top:5px;left: -8px;
    height: 0px;
    width: 0px;
    border:4px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color:transparent ;
    border-right-color: #0069cc;
} */
/* 前言 */
.content{margin:30px 0 0 0; line-height: 200%;font-size: 16px; color:#999; padding:7px 0 0 70px;position: relative;
    /* border: 1px solid #0069cc; */
    border-radius: 10px;}
.content::before{content: "\ea9e";font-family: "iconfont";font-size: 30px;color:#e8e8e8;  position: absolute;top:0px;left: 20px;}
/* 服务承诺 */
.list-service{font-size: 0;padding:0 0 20px 20px}
.list-service li{font-size: 16px;display: inline-block;width:33.33333333%;padding:40px 20px 0 0;text-align: center; }
.list-service li .icon{margin:0 0 10px 0;background: #999; color:#fff; height: 100px;width:100px;display: inline-block;border-radius: 15px;position: relative;}
.list-service li span.iconfont{font-size: 50px;margin:15px 0 0 0;line-height: 50px;display: inline-block;}
.list-service li.html5 .icon{background: #5a92af;}
.list-service li.original .icon{background: #86c1d4; }
.list-service li.upgrade .icon{background: #9cd9de;}
.list-service li.test .icon{background: #6c737e;}
.list-service li.www .icon{background: #7393a7; }
.list-service li.long .icon{background: #b5cfd8;}
.list-service li.help .icon{background: #5c8d89; }
.list-service li.service .icon{background: #74b49b;}
.list-service li.demo .icon{background: #a7d7c5; }
.list-service li .icon p{font-size: 16px;line-height: 20px; color:#fff; margin:0; position: absolute;bottom:10px; left: 0;right:0; z-index: 9;}
.list-service li p {margin:10px 0 0 0;line-height: 200%;color:#999;}
.list-service li p span{padding:0 3px;margin:0 7px;display: inline-block;line-height: 135%;}
.list-service li p span::before{content: "\e65e";font-family: "iconfont";margin-right: 2px;color:#30b300}
.list-service li p span.warn::before{content: "\e642";color:#e00606}
/* 功能列表 */
.list-funzione{font-size: 0;padding:0 0 20px 20px}
.list-funzione li{font-size: 16px;display: inline-block;width:33.33333333%;padding:40px 20px 0 0; text-align: center;}
.list-funzione li h2.red{color:#cc1919}
.list-funzione li h2{position: relative;line-height: 150%; border-top:1px solid #f2f2f2;padding:40px 0 0 0;}
.list-funzione li:first-child h2 , .list-funzione li:nth-child(2)  h2 , .list-funzione li:nth-child(3) h2 {padding:0;border:0;}
.list-funzione li h2 span{position: absolute;top:15px;font-size: 14px;right:0;font-weight: normal;background: #e00606; color:#fff; display:inline-block; padding:1px 5px; line-height: 18px; border-radius: 3px;}
.list-funzione li h2 span::before{ content: ""; display: inline-block;position: absolute;top:20px;left: 5px;height: 0px;width: 0px;border:5px solid #fff;border-top-color: #e00606;border-bottom-color: transparent;border-left-color:transparent ; border-right-color: transparent;}
.list-funzione li:first-child h2 span, .list-funzione li:nth-child(2)  h2 span, .list-funzione li:nth-child(3) h2 span{top:-25px;}
.list-funzione li h2 span.sub{position: relative;top:6px;margin-left:15px; background: #6c737e; }
.list-funzione li h2 span.sub::before{ position: absolute;top:4px;left: -9px;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-right-color:#6c737e;}
.list-funzione li h2 span.sub2{position: relative;top:6px;margin-left:15px; background: #b5cfd8; }
.list-funzione li h2 span.sub2::before{ position: absolute;top:4px;left: -9px;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-right-color:#b5cfd8;}
.list-funzione li p {margin:10px 0 0 0;line-height: 200%;color:#999;}
.list-funzione li p span{padding:0 3px;margin:0 7px;display: inline-block;line-height: 135%;}
.list-funzione li p span::before{content: "\e65e";font-family: "iconfont";margin-right: 2px;color:#30b300}
.list-funzione li p span.warn::before{content: "\e642";color:#e00606}
.list-funzione li p span.close::before{content: "\e601";color:#e00606}
.backtop{position:fixed;right:0;width:50px;text-align: center;}
.backtop a{display: block; line-height: 16px;padding:10px;background: #3a6ea5; color:#fff;cursor: pointer;}
.backtop a:hover{background: #4078b5;}
.backtop a::before{content: "返回顶部";}
.scan-code{position:fixed;top:170px;left:50%;margin-left:560px;padding:20px 20px 15px 20px;background: #ffffff;border:1px solid #f2f2f2;  text-align: center;box-shadow:0 3px 5px rgba(0,0,0,.05)}
.scan-code img{width:102px;height:102px;margin-bottom:10px;}
.scan-code canvas {width:102px;height:102px;margin-bottom:10px;}
.scan-code p{line-height:150%;color:#666666;}
@media screen and (max-width:1400px){
    .scan-code{position:fixed;top:270px;left:auto;right:0;margin-left:0;}
    }
@media screen and (max-width:720px){
#imgDiv{padding:0;}
.section h2{font-size:18px !important;}
.section .h2 span{font-size:12px;float:right;color:#999;}
.content{font-size: 12px;padding:5px 0 0 60px;}
.content::before{font-size: 24px;}
.list-service li , .list-funzione li{font-size: 12px;width:50%;}
.list-funzione li:nth-child(3) h2 {border-top:1px solid #f2f2f2;padding:40px 0 0 0;}
.list-funzione li h2 span{font-size:12px;}
.scan-code{display: none;}
}