html { font-family: sans-serif; }
body { margin: 0px; }
h1 { font-size: 2em; margin: 0.67em 0px; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
html { font-size: 10px; }
h1{ font-size: 31px; }
h3{ font-size: 21px; }
p { margin: 0px 0px 8.5px; }
.container-fluid::after { clear: both; }
.row::before, .row::after { content: " "; display: table; }
.row::after { clear: both; }
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6{ float: left; }
.col-xs-5 { width:430px; float:right; top:60px; }
.col-xs-6 { width:80px; }
div.function_block {width:1200px; height: 460px; overflow: hidden; margin-left:auto; margin-right:auto; }
div.function_block2 {width:1200px; height: 700px; overflow: hidden; margin-left:auto; margin-right:auto; }
div.function_block .container .title { padding-top: 50px; }
div.function_block .container .content { padding-top: 64px; }
div.function_block .container .content .left .phone{ position: absolute; top: 20px;left:-30px; z-index: 1; opacity: 1; width: 770px; height:442px; margin: 0px auto; background: transparent url('../images/mac.png') repeat scroll 0% 0% / 100% 100%;}/*--首页电脑定位--*/
div.function_block .container .content .left .phone2{ position: absolute; top: 20px;left:40px; z-index: 1;width: 560px; height:519px; margin: 0px auto; background: transparent url('../images/iPhone.jpg') repeat scroll 0% 0% / 100% 100%; overflow:hidden; }/*--首页手机背景定位--*/
div.function_block .container .content .left .phone3{ position: absolute; top: 20px; left:50px; z-index: 1; width: 580px; height:520px; margin: 0px auto; background: transparent url('../images/ddj.jpg') repeat scroll 0% 0% / 100% 100%; }/*--首页单定机背景定位--*/
div.function_block .container .content .left .app { opacity: 1; position: absolute; top: 44px; left: 56px; z-index: 2; width:600px; height:366px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; }/*--首页电脑图片定位--*/
div.function_block .container .content .left .app2 { opacity: 0; position: absolute; top: 90px; left: 254px; z-index: 3; width:260px; height:458px; overflow: hidden; }/*--首页手机图片定位--*/
div.function_block .container .content .left .app3 { opacity: 0; position: absolute; top: 64px; left: 90px; z-index: 3; width:508px; height:311px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; }/*--首页单定机图片定位--*/
div.function_block .container .content .left .app .function .dingimg { display: none; position:absolute;}
div.function_block .container .content .left .app .function .dingimg img{width:600px;height:370px; position:relative;}
div.function_block .container .content .left .app .function .dingimg .touchbtn { position: absolute; left: 0px; top: 0px; z-index: 30; display: none; width: 20px; height: 20px; background: rgb(246, 191, 38) none repeat scroll 0% 0%; border-radius: 100%; animation: 0.8s ease 0s normal none infinite running animations; }
div.function_block .container .content .left .app .function .dingimg.active { display: block; }
div.function_block .container .content .left .app .top { padding-top: 0px; margin-top: 0px; }

div.function_block .container .content .left .app2 .function .dingimg2 { display: none; position:absolute;}
div.function_block .container .content .left .app2 .function .dingimg2 img {width:260px;height:458px; position:relative;}/*--首页手机图片宽度大小--*/
div.function_block .container .content .left .app2 .function .dingimg2 .touchbtn { position: absolute; left: 0px; top: 0px; z-index: 30; display: none; width: 20px; height: 20px; background: rgb(246, 191, 38) none repeat scroll 0% 0%; border-radius: 100%; animation: 0.8s ease 0s normal none infinite running animations; }
div.function_block .container .content .left .app2 .function .dingimg2.active { display: block; }
div.function_block .container .content .left .app2 .top { padding-top: 0px; margin-top: 0px; }

div.function_block .container .content .left .app3 .function .dingimg3 { display: none; position:absolute;}
div.function_block .container .content .left .app3 .function .dingimg3 img {width:510px; position:relative;}
div.function_block .container .content .left .app3 .function .dingimg3 .touchbtn { position: absolute; left: 0px; top: 0px; z-index: 30; display: none; width: 20px; height: 20px; background: rgb(246, 191, 38) none repeat scroll 0% 0%; border-radius: 100%; animation: 0.8s ease 0s normal none infinite running animations; }
div.function_block .container .content .left .app3 .function .dingimg3.active { display: block; }
div.function_block .container .content .left .app3 .top { padding-top: 0px; margin-top: 0px; }

div.function_block .container .content .left .app .bottom { padding-top: 0px; margin-top: 0px; }
div.function_block .container .content .left .app2 .bottom { padding-top: 0px; margin-top: 0px; }
div.function_block .container .content .left .app3 .bottom { padding-top: 0px; margin-top: 0px; }
div.function_block .container .content .right .icon_box h2 { font-size: 28px; }
div.function_block .container .content .right .icon_box .ctn .row { text-align: left; }
div.function_block .container .content .right .icon_box .ctn .row .features,.features2,.features3{ text-align: center; cursor: pointer; padding:5px; }
body { font-family: "Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;}
    /*returnTop*/  
    p#back-to-top{  
        position:fixed;  
        display:none;  
        bottom:100px;  
        right:60px;  
    }  
    p#back-to-top a{  
        text-align:center;  
        text-decoration:none;  
        color:#d1d1d1;  
        display:block;  
        width:64px;  
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
        -moz-transition:color 1s;  
        -webkit-transition:color 1s;  
        -o-transition:color 1s;  
    }  
    p#back-to-top a:hover{  
        color:#2D2D2D;  
    }  
    p#back-to-top a span{  
        background:transparent url(../images/db.png) no-repeat 0px 0px;  
        border-radius:6px;  
        display:block;  
        height:64px;  
        width:64px;  
        margin-bottom:5px;
		opacity:0.6;
			  
        /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
        -moz-transition:background 1s;  
        -webkit-transition:background 1s;  
        -o-transition:background 1s;  
    }  
    #back-to-top a:hover span{  
        background:transparent url(../images/db2.png) no-repeat 0px 0px;  
    }  
	
	@media (max-width: 1200px){ body{width:1920px;} }