/* bx slider button begin */
.bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -50px;outline: 0;width: 44px;height: 80px;text-indent: -9999px;z-index: 9999;
transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease;}
.bx-wrapper .bx-prev{left:0; background-color:rgba(0,0,0,0.3);
transform:translate3d(-60px,0,0); -moz-transform:translate3d(-60px,0,0); -webkit-transform:translate3d(-60px,0,0);}
.bx-wrapper .bx-prev:after{content:" "; display:block; width:18px; height:32px; position:absolute; left:50%; top:50%; margin:-16px 0 0 -9px; background:url(../img/icons.png) no-repeat 0 0;}
.bx-wrapper .bx-next{right:0; background-color:rgba(0,0,0,0.3);
transform:translate3d(60px,0,0); -mox-transform:translate3d(60px,0,0); -webkit-transform:translate3d(60px,0,0);}
.bx-wrapper .bx-next:after{content:" "; display:block; width:18px; height:32px; position:absolute; left:50%; top:50%; margin:-16px 0 0 -9px; background:url(../img/icons.png) no-repeat -23px 0;}
.bx-wrapper .bx-prev:hover{background-color:rgba(0,0,0,0.4);}
.bx-wrapper .bx-next:hover{background-color:rgba(0,0,0,0.4);}
.bx-wrapper .bx-controls-direction .show{transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.bx-wrapper .bx-viewport{-webkit-box-shadow:none!important;box-shadow:none!important;border:0!important;left:0!important}


/* bx slider button end */
#index-show{margin-bottom:20px;position:relative; width:100%; margin:0 auto; overflow:hidden;}
#index-show .bxslider{position:relative;z-index:1}
#index-show .container{position:relative;margin-top:-606px;z-index:2;margin-bottom:110px;padding-bottom:20px; display:none;}
/*#index-show .slider{height:615px;background-position:top center;background-repeat:no-repeat;background-size:cover}
#index-show .slider a{display:inline-block;background-color: #2883f8;color: #fff;font-size: 18px;text-align: center;line-height: 47px;width: 220px;position: absolute;}
#index-show .slider1{cursor:pointer;background-image:url(../img/index-show1.jpg)}
#index-show .slider1 a{display:block;width:100%;height:460px;}
#index-show .slider2{background-image:url(../img/index-show2.jpg)}
#index-show .slider3{background-image:url(../img/index-show3.jpg)}
#index-show .slider4{background-image:url(../img/index-show4.jpg)}
    #index-show .slider5 {
        background-image: url(../images/index/banner2.png);
        position: relative
    }
#index-show .slider5>a{bottom: 108px;left: 490px;}
#index-show .slider5>a:hover{box-shadow: 0 5px 5px rgba(0,0,0,.5);}
#index-show .slider6{background-image:url(../img/index-show6.jpg)}
    #index-show .slider7 {
        background-image: url(../images/index/banner2)
    }
#index-show .slider8{background-image:url(../img/index-show8.jpg)}
#index-show .slider9{background-image:url(../images/index/banner.png);position:relative}
#index-show .slider9>a{bottom: 23px;right: 65px;height: 50px; line-height:50px;}
#index-show .slider9>a:hover{box-shadow: 0 0 15px rgba(0,0,0,.5) inset;}*/
#index-show .content{padding:100px 0 0 70px;color:#e3e3e3;height:353px}
.content{margin:0 auto}
#index-show .content .sub-title{font-size:28px;font-weight:400;margin-bottom:40px}
#index-show .content p{font-size:24px;font-weight:400;margin-bottom:40px}
#index-show .content .download-button{float:left;color:#fff;margin-left:40px;height:38px;display:none}
#index-show .content .download-button a div{height:37px;text-align:center;padding-top:10px;width:140px;margin-top:250px}
#index-show .content .download-button div span{color:#fff;font-size:15px;margin-left:3px}
#index-show .content .download-button div img{margin-bottom:-4px}
#index-show .content .download-button .android-download-button img{margin-bottom:-8px}
#index-show .content #iOS a{background-color:#5a5a5a;display:block}
#index-show .content #iOS a:hover{background-color:#282828}
#index-show .content #Android a{background-color:#a2d514;display:block}
#index-show .content #Android a:hover{background-color:#88b40f}
#index-show .content #wp8 a{background-color:#672179;display:block}
#index-show .content #wp8 a:hover{background-color:#511e61}
.btn-try-small{width:380px;margin-top:300px;margin-left:470px;display:none}

#what-is-ioffice{width:1200px; margin:0 auto; background-color:#fff;}
.box h2{font-size:28px;font-weight:400;margin-bottom:30px}
#what-is-ioffice.features-circle .container{padding-top:0;text-align:center;padding-bottom:30px; width:1084px; border-bottom:2px solid #f0f0f0;}
#what-is-ioffice a{font-size:16px;font-weight:700;color:#fff}
.index_button{position:relative; top:90px; width:207px;height:37px;background-color:#000;margin:0 auto;line-height:37px}
.index_button:hover{background-color:rgba(41,41,41,.78);cursor:pointer}
/*#what-is-ioffice .title,#who-needs-it .title{margin-bottom:20px}
#what-is-ioffice .sub-title,#who-needs-it .sub-title{margin-bottom:40px;font-size:20px;font-weight:400}
#what-is-ioffice .item-list li{cursor:pointer}
#what-is-ioffice .content-list{margin:30px}
#what-is-ioffice .content-list li{display:none;position:relative;background:#ebeef0;padding:30px 40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
#what-is-ioffice .content-list li.active{display:block}
#what-is-ioffice .content-left{width:500px;float:left}
#what-is-ioffice .img-right{float:left;width:500px;margin-left:58px}
#what-is-ioffice .img-right img{float:right;padding:0 30px}
#what-is-ioffice .content-list .title{font-size:24px;margin:0 0 10px}
#what-is-ioffice .content-list .content{font-size:16px;color:#5a5a5a;line-height:26px}
#what-is-ioffice .content-1 .triangle-to-top{left:40px}
#what-is-ioffice .content-2 .triangle-to-top{left:210px}
#what-is-ioffice .content-3 .triangle-to-top{left:380px}
#what-is-ioffice .content-4 .triangle-to-top{left:550px}
#what-is-ioffice .content-5 .triangle-to-top{left:720px}
#what-is-ioffice .content-6 .triangle-to-top{left:890px}
#what-is-ioffice .content-7 .triangle-to-top{left:1060px}*/
.index_img{position:relative;top:50px}
.container{width:1200px;margin:0 auto;}
.container-border-gray {width:1200px; border:0;}
.container-bg-white{background: #fff;}
.container-bg-gray{background: #f7f7f7;}
#what-can-ioffice-do .item-list{display:none}
#what-can-ioffice-do .item-list li{width:250px;float:left;margin-left:28px}
#what-can-ioffice-do .item-list li:first-child{margin-left:0}
#what-can-ioffice-do .item-list img{margin-bottom:20px;border-radius:4px}
#what-can-ioffice-do .item-list h3{margin-bottom:10px;color:#32a3e5;font-size:22px;font-weight:400;/*margin-left:5px;padding-left:15px;*/text-align:center;/*background:url(../img/icon-dot-blue.png) left center no-repeat*/}
#what-can-ioffice-do .item-list p{font-size:15px;text-align:center;}
.box{width:1084px;margin:0 auto;padding:70px 0 70px 0; border-bottom:2px solid #f0f0f0;}
#who-needs-it .users{margin:0 auto;width:900px}
#who-needs-it .users-first-line{width:704px}
#who-needs-it .users li{width:116px;height:116px;overflow:hidden;margin-left:80px;float:left}
#who-needs-it .users li:first-child{margin-left:0}
#who-needs-it .users img{border:0;margin:0;padding:0}
#who-needs-it .users li.active .avatar{margin-top:-116px}
#who-needs-it .users .profession{width:116px;height:116px;display:table-cell;background:url(../img/icon-circle-lg-blue.jpg) top center no-repeat;color:#fff;font-size:20px;vertical-align:middle}
.btn-try-big{width:559px;margin:80px auto}
#what-is-ioffice .product_title{font-size:28px;font-weight:400;padding: 40px 30px 20px 30px;text-align: left;}
.features-circle .container{padding-top:30px;padding-bottom:30px}
.features-circle .item-list .item{height: 380px;padding:20px 30px;}
.features-circle .item-list .item:hover{background: rgba(13,111,239,.1);border-radius: 10px}
.features-circle .item-list img{margin-bottom:20px;display:block;float:left;display:none;border-radius:10px;}
.features-circle .item-list .content_box{float: left;width: 400px;padding: 110px 30px;display:none;text-align:center}
.features-circle .item-list li.right >img,.features-circle .item-list li.right >.content_box{float:right;}
.features-circle .item-list h1{margin-bottom:17px;font-size:36px;font-weight:400;}
.features-circle .item-list p{font-size:18px;color:#454545;text-align:center;}
/*.features-circle .item-list li.right >.content_box p,.features-circle .item-list li.right >.content_box h1{text-align:right;}*/
#security-and-service .container{padding:40px 0;}
#security-and-service .box{padding-bottom:0; border:0;}
#security-and-service .box li{float:left;margin: 40px 63px 40px 63px;text-align:center;width:90px;}
/*#security-and-service .box li:first-child{margin-left:0;}*/
#security-and-service .box li a{display:block;border-radius:10px;}
#security-and-service .box li a img{display:block;}
#security-and-service .box li a:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.7)}
#security-and-service .box .more_news{display:block;float:right;color:#32a3e5;font-size:18px;margin: 5px 65px;}
#security-and-service .box a:hover{color:#0d6fef;}
.product_download{width:1200px;height:90px;background-color:#fff;margin:0 auto;}
.product_download_frame{width:280px;height:38px;background-color:#e77200;margin:0 auto;position:relative;top:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;text-align:center}
.product_download_frame:hover{background-color:#c26000;cursor:pointer}
.product_download_frame a{font-size:18px;font-weight:700;color:#fff;position:relative;top:4px}
.product_download_frame img{position:relative;top:8px}