.banner{width:100%;min-height:492px;background-color:#fafafa;overflow:hidden}.banner .banner_inner{width:1080px;min-height:492px;margin:0 auto;position:relative}.banner .banner_img{width:578px;height:492px;position:absolute}.banner .banner_img.webshowimg:before,.banner .banner_img.webshowimg:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.banner .banner_img:before,.banner .banner_img:after{-webkit-transform:translate3d(0,382px,0);transform:translate3d(0,382px,0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.25,0.46,0.45,0.94);transition:-webkit-transform 1s cubic-bezier(0.25,0.46,0.45,0.94);transition:transform 1s cubic-bezier(0.25,0.46,0.45,0.94);transition:transform 1s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-transform 1s cubic-bezier(0.25,0.46,0.45,0.94)}.banner .banner_img:before{content:"";width:578px;height:382px;display:block;position:absolute;bottom:-2px}.banner .banner_img:after{content:"";width:578px;height:305px;display:block;position:absolute;bottom:-2px}.banner .banner_text{width:400px;padding-left:640px;margin-top:188px;position:absolute}.banner .banner_text h2{font-size:40px;color:#000;letter-spacing:2.5px;font-weight:normal}.banner .banner_mask{display:none;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background-color:rgba(255,255,255,0.9);-webkit-transition:opacity .5s cubic-bezier(0.25,0.46,0.45,0.94);transition:opacity .5s cubic-bezier(0.25,0.46,0.45,0.94)}.banner .banner_mask.show{opacity:1}


#bubbles{display:block;position:absolute;top:0;left:105px}.container{max-width:960px;margin:0 auto}.container .btn_primary{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#fff;padding:0 27px;background-color:#07c160;text-decoration:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer}.container .btn_primary:hover{text-decoration:none;background-color:#06ad56}.mod_box_web{padding:70px 0;text-align:center;border-bottom:1px solid #e7e7eb}.mod_box_web:last-child{border:0}.mod_box_web .mod_title{font-size:30px;color:#262626;font-weight:normal}.mod_box_web.target .target_list{font-size:0;margin-top:50px}.mod_box_web.target .target_item{width:80px;display:inline-block;font-size:16px;color:#353535;line-height:26px;margin:0 45px; text-align:center;}.mod_box_web.target .target_item:before{content:"";display:block;width:68px;height:68px;margin:0 auto;margin-bottom:10px}.mod_box_web.target .target_item.media:before{background-image:url(media49d02c.png)}.mod_box_web.target .target_item.individual:before{background-image:url(individual49d02c.png)}.mod_box_web.target .target_item.company:before{background-image:url(company49d02c.png)}.mod_box_web.target .target_item.gov:before{background-image:url(gov49d02c.png)}.mod_box_web.target .target_item.other:before{background-image:url(other49d02c.png)}



@media(min-width:1024px){.banner_img.show:before{background-image:url(mockup_new49d02c.png)}.banner_img.show:after{background-image:url(mockup_top49d02c.png)}}

@media(min-width:1024px) and (-webkit-min-device-pixel-ratio:2){.banner_img.show:before{background-image:url(mockup_new@249d02c.png);background-size:cover}.banner_img.show:after{background-image:url(mockup_top@249d02c.png);background-size:cover}.mod_box_web.target .target_item.media:before{background-image:url(media@249d02c.png);background-size:cover}.mod_box_web.target .target_item.individual:before{background-image:url(individual@249d02c.png);background-size:cover}.mod_box_web.target .target_item.company:before{background-image:url(company@249d02c.png);background-size:cover}.mod_box_web.target .target_item.gov:before{background-image:url(gov@249d02c.png);background-size:cover}.mod_box_web.target .target_item.other:before{background-image:url(other@249d02c.png);background-size:cover}.mod_box_web.advantage .advantage_item.doc .item_box:before{background-image:url(doc@249d02c.png);background-size:cover}.mod_box_web.advantage .advantage_item.code .item_box:before{background-image:url(code@249d02c.png);background-size:cover}.mod_box_web.advantage .advantage_item.design .item_box:before{background-image:url(design@249d02c.png);background-size:cover}.mod_box_web.advantage .advantage_item.demo .item_box:before{background-image:url(demo@249d02c.png);background-size:cover}.mod_box_web.flow .flow_item.step_one .item_before:before{background-image:url(step_one@249d02c.png);background-size:cover}.mod_box_web.flow .flow_item.step_two .item_before:before{background-image:url(step_two@249d02c.png);background-size:cover}.mod_box_web.flow .flow_item.step_three .item_before:before{background-image:url(step_three@249d02c.png);background-size:cover}.mod_box_web.flow .flow_item.step_four .item_before:before{background-image:url(step_four@249d02c.png);background-size:cover}}


@media screen and (max-width :1024px){
.banner,.banner .banner_inner{width:100%;min-height:0px;}
.banner .banner_img{ width:100%;}
.banner .banner_img *{ max-width:100%;}
.banner .banner_text{width:90%; padding:0px; margin:auto;min-height:0px; position:relative; padding-bottom:30px; padding-top:20px;}

}
@media screen and (max-width :850px){
.app_tit{padding-top:0px;}
.boxx{ padding-top:30px;}
.mod_box_web{padding:30px 0;}
.mod_box_web.target .target_list{ text-align:left;}
.mod_box_web.target .target_item{margin:10px 15px;}
}