
*{margin:0;padding:0;}
html,body{width:100%;margin:0;padding:0;background-color: #fafafa;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
a{text-decoration: none;color:#333;}
ul{-webkit-padding-start:0;padding:0;}
li{list-style: none;}
p{margin:0;}
input[type=text]{}

.hide_none{display:none!important;}
.t_l{text-align: left;}
.t_c{text-align: center;}
.t_r{text-align: right;}
.p_r{position: relative;}
.p_a{position: absolute;}
.d_i_b{display: inline-block;}
.h_c{display:inline-block;position: absolute;left:50%;top:50%;}
.left,.right{display: inline-block;}
.round_img{border-radius: 50%;}

#div_head,#div_main,#div_foot{
    width:100%;
    position: relative;
    min-width:1340px;
}
#div_head .div_nav{padding:24px 0;}
#div_head .div_nav>div>div{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.nav_left{margin-right:120px;}/*287-145*/
.nav_left>a{display:inline-block;}
.div_nav a:hover{text-decoration: none;color:black;}
.logo_img{
    background:url(../images/index/Ostoto.png) 0 0 no-repeat;
    width:50px;
    height:50px;
    vertical-align:middle;
    display:inline-block;
    margin-right: 14px;
}
.logo_text{display: inline-block;vertical-align: middle;}
.logo_text span:first-child{display:block;font-size: 26px;color:#262322;font-weight: bold;}
.logo_text span:first-child+span{display:block;font-size: 14px;color:#666666;}

.nav_right>ul{line-height: 50px;}
.nav_right>ul>li{
    display: inline-block;
    padding:0 16px;/*26*/
    position:relative;
    vertical-align: top;
    height:50px;
}
.nav_right>ul>li.active{ color:black;}/*font-weight: bold;*/
.nav_right>ul>li:hover{background-color: #f2f2f2;color:#ccc;}
.nav_right>ul>li>a{
    font-size:16px;
    color:#666666;
    vertical-align: middle;
    display: inline-block;
    margin-right:10px;
    padding: 0 2px;
}

.select_down{
    background:url(../images/index/select_down.png) 0 0 no-repeat;
    width:10px;
    height:6px;
    cursor: pointer;
}
.select_down.active{background:url(../images/index/select_up.png) 0 0 no-repeat;}
.select_down+ul{
    display: none;
    font-size: 14px;
    color:#808080;
    width:100%;
    position: absolute;
    top:50px;
    left:0;
    background-color: #f2f2f2;
    z-index: 20;
}
.select_down+ul>li{padding:10px 15px ;line-height: 20px;}
.select_down+ul>li:hover{background:#e5e5e5;}
.select_down.active+ul{display: block;}
.div_main{text-align: center;}
.div_main>div{background-color: #0a2540;width:100%;}
.div_main>div>img{display: block;width:100%;}/*height:100%;*/
.div_main>div>a>img{display: block;width:100%;}/*height:100%;*/
.div_main[data-id=ostoto_index]>div[data-id]>img{width:100%;}/*height:866px;*/
.div_main .btn_main{
    background: url(../images/index/div_pic.png) 0 0 no-repeat;
    width:153px;
    height:30px;
    line-height: 33px;/*30px*/
    position: absolute;
    left:50%;
    margin-left:-76px;
    bottom:20px;
}
.div_main .btn_main div{
    display: inline-block;
    text-align: center;
    width:30px;
    height:15px;
}
.wait_pic>i{
    display: inline-block;
    background: url(../images/index/wait_pic.png) 0 0 no-repeat;
    width:15px;
    height:15px;
    cursor: pointer;
}
.wait_pic.active>i{
    display: inline-block;
    background: url(../images/index/now_pic.png) 0 0 no-repeat;
    width:30px;
    height:15px;
    cursor: pointer;
}


#div_main>div{
    display: inline-block;
    position: relative;
    width:100%;
    text-align: center;
}

.div_main_1{
    height:494px;
    padding:110px 0 66px;
}
.div_main_1 .our_pro>div{
    display: inline-block;
    margin:0 55px 56px;
    position: relative;
}
.div_main_1 .our_pro>.option_div .txt{
    position: absolute;
    bottom: 22%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    left: 6%;
    width: 240px;
}
.div_main_1 .our_pro>.option_div .txt>span{
    font-size: 13px;
    font-weight: normal;
}
.div_main_1 .our_pro>.option_div .txt-2{
    position: absolute;
    bottom: 26%;
    font-size: 14px;
    color: #fff;
    left: 6%;
    width: 240px;
    text-align: center;
}
.div_main_1 .our_pro>.option_div .txt-2>p{
    text-align: left;
    height: 100px;
    width: 200px;
    margin: 0 auto;
    line-height: 24px;
}

.div_main_1 .our_pro>.option_div .txt-2>span{
    font-size: 16px;
    font-weight: bold;
}
.option_div{
    perspective: 1000px;
}
.rotate-z{
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s ;
    -ms-transition: all 1.5s ease 0s ;
    -o-transition: all 1.5s ease 0s ;
    transition: all 1.5s ease 0s ;
}
.rotate-f{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    backface-visibility: hidden;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
.rotate:hover .rotate-z{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.rotate:hover .rotate-f{
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
}
.div_main_1 .our_pro>div>a{display: inline-block; width: 272px;height: 290px;}


.div_main_1 .our_pro>div>a>img{display: block;margin-bottom: 24px;}
/*.div_main_1 .main_1_title>span{display: inline-block;font-size: 1.5em;}*/
.div_main_1 .main_1_title>h2{display: inline-block;font-size: 1.5em;}
.div_main_1 .see_more{}
.div_main_1 .see_more>a{color:#1da9f0;font-size: 16px;}
.div_main_2{
    width:1903px;
    height:494px;
    background-color: #f2f2f2;
}
.div_main_2 .main_2_title{padding-top: 70px;}
.div_main_2 .main_2_title>span{display: inline-block;font-size: 1.5em;}
.div_main_2 .main_2_title>.blue_line{margin:25px 0 50px;}
.div_main_2 .main_2_content{text-align: center;}
.div_main_2 .main_2_content>div{
    display: inline-block;
    position: relative;
    height:258px;
    width:364px;
    vertical-align: top;
    padding:10px;
}
.div_main_2 .main_2_content>div:hover{background-color: #e5e5e5;border-radius: 5px;}
.div_main_2 .main_2_content>div>img{margin-bottom: 20px;}
.div_main_2 .main_2_content .title_text{
    display: inline-block;
    text-align: left;
    width:364px;
    height:139px;
    color:#666;
    font-size:16px;
}
.div_main_2 .main_2_content .title_img{margin-bottom: 42px;width:100%;height:45px;}
.div_main_2 .main_2_content .title_img>img{width:170px;height:100%;}
.div_main_2 .main_2_content>div>a{
    position: absolute;
    left:124px;/*5px*/
    bottom: 0;
    font-size: 17px;
    color:#1da9f0;
}

.div_main_3{padding:70px 0;}
.div_main_3>div{
    width:1040px;
    height:542px;
    display: inline-block;
}
.say_title>p{font-size:1.5em;}
.say_main{
    display: inline-block;
    background: url(../images/index/say_bg.png);
    width:1035px;
    height:352px;
    margin:50px 0 32px;
}
.say_main>div{width:100%;height:100%;}
.say_main>div>.r_img{
    width:100px;
    height:100px;
    padding: 0;
    top:0;
    left:50%;
    margin:-50px 0 0 -50px;

}
.say_main>div>.r_img>img{border-radius: 50%;width:100%;height:100%;}
.say_main>div>div{
    display: inline-block;
    width: 900px;
    height: 160px;
    margin: 107px 0 0;
    padding-top: 40px
}
.amail{
    position: absolute;
    left: 0;
    bottom: 18%;
    width: 100%;
}
.say_main>div>div>.user_name{
    display: inline-block;
    width:96%;
    line-height: 50px;
    font-size: 20px;
}
.say_btn div{
    width:15px;
    height:15px;
    line-height: 15px;
    margin:0 10px;
    cursor: pointer;
}
.say_btn div>i{
    display: inline-block;
    background: url(../images/index/btn_img_1.png) no-repeat scroll center;
    width:13px;
    height:13px;
}
.say_btn div.active>i{
    background: url(../images/index/btn_img_2.png) no-repeat scroll center;
    width:15px;
    height:15px;
}

.div_main_4{
    padding: 0;
    width:1903px;
    height:861px;
    background-color: #f2f2f2;
}
.div_main_4>form{
    padding-top:70px;
    width:1184px;
    display: inline-block;
}
.main_4_top{}
.main_4_top>div{
    display: inline-block;
    vertical-align: top;
}
.main_4_top .form_left>div:first-child{margin-bottom: 70px;}
.main_4_top .form_right>div{text-align: left;width:670px;position: relative;}
.main_4_top .form_right>div:first-child>div{
    display: inline-block;
    width:325px;
    height:70px;
    margin-bottom: 24px;
}
.main_4_top .form_right input[type=text],
.main_4_top .form_right select,
.main_4_top .form_right textarea{
    width:100%;
    height:46px;
    /*background-color:#f7f7f7;*/
    border:1px solid #d9d9d9;
    text-indent: 10px;
    margin:10px 0 24px;
}
.main_4_top .form_right select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/index/select_down.png) no-repeat scroll 640px center #FFFFFF;
    padding-right:30px;
    color:black;
}
.main_4_top .form_right select>option{padding:10px 30px;}
.main_4_top .form_right textarea{
    resize: none;
    height:250px;
    padding:5px 0;
}
.main_4_top .form_right .left_input{width:325px;}
.main_4_top .form_right .right_input{position: absolute;right:0;}
.main_4_top .form_right .right_input>input{background-color: #fff;}
.main_4_btn{position: relative;width:100%;text-align: right;}
.main_4_btn>span#hint_text{margin-right: 15px;}
.main_4_btn>input[type=button]{
    width:110px;
    height:37px;
    font-size: 15px;
    background-color: #3eb5f0;
    color:#fff;
    border-width:1px;
    border-radius: 2px;
    position: relative;
    right:5px;
    cursor: pointer;
}

.blue_line{
    display: inline-block;
    background: url(../images/company/blue_line.png) 0 0 no-repeat;
    width:51px;
    height:3px;
    vertical-align: middle;
    margin-bottom: 52px;
}
.top_div{
    display: inline-block;
    position: relative;
    height:200px;
    width:100%;
    margin-bottom:20px;
}
.left_div,.right_div{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left:50%;
    top:50%;
}
.top_div .left_div{
    width:247px;
    height:198px;
    margin-left:-261px;
    margin-top:-99px;

}
.top_div .right_div{
    width:272px;
    height:128px;
    margin-left:14px;
    margin-top:-64px;
}
.bottom_div{
    display: inline-block;
    position: relative;
    min-height:40px;
    width:100%;
}
.bottom_div .left_div{
    width:270px;
    height:40px;
    margin-left:-270px;
    margin-top:-20px;
}
.bottom_div .right_div{
    width:272px;
    height:40px;
    margin-left:14px;
    margin-top:-20px;
    text-align: left;
}
.down_text{
    width:263px;
    height:128px;
    color:#737373;
    font-size: 15px;
    line-height:28px;
    text-align: left;
}

.in_block{display: inline-block;}
.free_div .in_block{
    /*height:260px;*/
    width:600px;
    margin:0 0 88px 60px;
}
.bottom_div .right_div>a{
    width:106px;
    height:38px;
    background: url(../images/download/try_now.png) 0 0 no-repeat;
    display: inline-block;
    line-height: 38px;
    color:#1da0f0;
    cursor: pointer;
    text-align: center;
}
.bottom_div .right_div>a:first-child{margin-right:30px;}
.buy_now:hover{
    background: url(../images/download/buy_now.png) 0 0 no-repeat;
    color:#fff;
}
.right_div p{width:271px;font-size: 14px;}
.left_div p{font-size:18px;color:#555;}
.left_div span{font-size: 14px;color:#999;}
.ipdf-buy{
    background-img:none ;
    background-color: #1da0f0;
    border-radius: 5px;
    color: #fff;}
.free_trial{margin:50px 0 54px;}/*margin:100px 0 54px*/
.free_use{margin-bottom:88px;}/**132px*/
.free_download{
    width:138px;
    height:40px;
    background: url(../images/download/use_btn1.png) 0 0 no-repeat;
    display: inline-block;
    line-height: 40px;
    color:#fff;
    cursor: pointer;
    text-align: center;
}
.free_download a{
    width:138px;
    height:40px;
    background: url(../images/download/use_btn1.png) 0 0 no-repeat;
    display: inline-block;
    line-height: 40px;
    color:#fff;
    cursor: pointer;
}

/*store  start*/
.buy_pro{margin-top:110px;}
.buy_card{margin-top:90px;}
.buy_pro,.buy_card{
    height:520px;
    position: relative;
}
.pro_left,.pro_right{display: inline-block;position: absolute;top:0;}
.pro_left{width:400px;left:50%;margin-left:-520px;}
.pro_right{width:580px;text-align: left;right:50%;margin-right:-520px;font-family: "Arial",sans-serif;}
.pro_right hr{border: 1px solid #e2e2e2;}
.pro_left .big_pic{height:413px;}
.select p{margin-bottom: 8px;}
.select .edit_div,.select .edit_div2{
    display: inline-block;
    border:1px solid #ccc;
    text-align: center;
    position: relative;
}
.select .edit_div{
    width:210px;
    height:66px;
    margin:0 32px 18px 0;
}
.select .edit_div2{
    width:120px;
    height:44px;
    margin:0 18px 15px 0;
}
.edit_div.active,.edit_div2.active{border:1px solid #21aaf0;}
.edit_div2.forbidden .edit_span1{color:#ececec;cursor: not-allowed;}
.edit_div.active .selected_1,.edit_div.active .selected_2{display: inline-block;}
.selected_1{
    width:15px;
    height:15px;
    position: absolute;
    bottom:0;
    right:0;
    display: none;
}
.selected_2{
    width:14px;
    height:13px;
    position: absolute;
    bottom:0;
    right:0;
    display: none;
}
.edit_span1{
    display: block;
    color:#666;
    font-size: 14px;
    margin:14px 0 12px;
}
.edit_div .edit_span2{
    display: block;
    color:#21aaf0;
    font-size: 12px;
    margin-bottom:12px;
}
.small_show{
    display: inline-block;
    width:90px;
    height:80px;
    background-color:#f9f9f9;
    cursor: pointer;
    border:1px solid #d9d9d9;
}
.title_p{font-size: 1.5em;color:#555555;margin:0 0 10px;font-weight: bold}
.text_p{font-size: 14px;color:#666666;margin:14px 0 26px;}
.statement{margin-bottom:140px;min-width: 1180px;}
.statement1{
    display: inline-block;
    width:1172px;
    height:157px;
    margin-bottom:42px;
}
.statement1 .title_p{font-size: 16px;color:#666666;margin-bottom: 20px;}
.statement1 .text_p{font-size: 14px;color:#808080;line-height: 20px;margin:0;}
.st_bg{
    display: inline-block;
    text-align: center;
    background-color: #f0f0f0;
    width:286px;
    height:81px;
}
.st_bg>img{position: relative;top:18px;}
#foot_sale{padding: 30px;text-align: center; position: fixed;bottom: 0; background-color: #f0f5fa;z-index: 120;width: 100%;}/**min-width: 1501px;*/
#foot_sale>div{vertical-align: top;display: inline-block;margin:0 4%;}
#foot_sale>div>div{vertical-align: top;display: inline-block;}
.sale_left{
    width:400px;
    height:58px;
}
.sale_left>div{vertical-align: top;font-size: 15px;}
.sale_left .left_img{width:46px;height:31px;margin-right:28px;}
.sale_left .left_text p[name=title_p]{color:#555555;}
.sale_left .left_text a[name=contact_p]{color:#1da9f0;}

.foot_sale_center,.foot_sale_right{width:240px;text-align: left;}
.foot_sale_center>div>div{vertical-align: top;}
.foot_sale_center .center_img{width:51px;height:47px;margin-right: 28px;}
.foot_sale_center .center_text{}
.foot_sale_center .center_text p[name=title_p]{font-size: 15px;color:#555;}
.foot_sale_center .center_text p[name=title_p]>span{font-size: 26px;color:#1da9f0;font-weight: bold;}
.foot_sale_center .center_text span[name=title_p]{font-size: 15px;color:#999;}
.foot_sale_center .save_num>div{vertical-align: middle;}

.foot_sale_right .save_num .right_text p{font-size: 15px;color:#555;}
.foot_sale_right .save_num .right_text p>span{font-size: 30px;color:#1da9f0;}
.sale_right{}
.sale_right span{display: inline-block;font-size: 22px;color:#4c4c4c;vertical-align: middle;}
.foot_sale_right .right_text span{
    font-size: 22px;
    color:#4c4c4c;
    font-weight: bold;
    margin:0 10px;
}
.foot_sale_right .right_text p.hint{width:272px;font-size: 12px;margin: 10px;color:red;}
.foot_sale_right .right_text>span,.foot_sale_right .right_text>button{vertical-align: middle;}
.foot_sale_right .right_text .div_btn{
    display: inline-block;
    font-size:15px;
    color:#f9f9f9;
    background-color: #30a6e2;
    width:111px;
    height:46px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 4px;
}
/*store  end*/

/*company start*/
#company_main{
    padding:80px 0 160px;
    text-align: center;
    min-width: 1321px;
}
#company_main>div.t_l,.ab_t_more{width:1210px;}/*width:1321*/
.ab_t_more>div,.affiliate_more>div{padding:64px 0 64px 244px;}
#company_main i{
    display: inline-block;
    vertical-align: middle;
}
#company_main ul{
    text-align: center;
    position: relative;
}
#company_main li{list-style: none;text-align: left;display: inline-block;cursor: pointer;}
.company_right{
    display:inline-block;
    vertical-align: top;
    position: relative;
    left:292px;
}
.company_right{width:965px;}
.company_left{
    display: inline-block;
    width:224px;
    height:360px;
    border-right:1px solid #dbdbdb;
    position: absolute;
}
.company_left>div{margin-bottom:48px;font-size: 18px;cursor: pointer;}
.company_left>div.active>a{color:#1da9f0;}
.about_us>i{
    background: url(../images/company/about_us.png) 0 0 no-repeat;
    width:34px;
    height:32px;
    margin-right:18px;
}
.partners>i{
    background: url(../images/company/partners.png) 0 0 no-repeat;
    width:34px;
    height:34px;
    margin-right:18px;
}
.about_us.active>i{background: url(../images/company/about_us_2.png) 0 0 no-repeat;}
.partners.active>i{background: url(../images/company/partners_2.png) 0 0 no-repeat;}
.company_right ul{display: inline-block;margin:0 0 50px;border-bottom: 1px solid #dbdbdb;}
.company_right ul>li{margin:0 30px;padding: 8px 30px 12px;position: relative;top: 1px;}
.company_right ul>li.active{border-bottom:2px solid #1da9f0;}
.business_div .left,.business_div .right{display: inline-block;vertical-align: middle;}
.business_div .left{margin-right:48px;}
.business_div .right>p{
    width:350px;
    text-align: left;
    font-size: 15px;
    color:#666;
    line-height: 28px;
}
.business_div .right>p>span{
    color:#222;
}
.our_reseller>p{
    width:800px;
    line-height: 30px;
    font-size:15px;
    color:#666;
}
.our_conditions{margin:106px 0 50px;}
.our_conditions>b,.benefits>b{display:inline-block;font-size: 20px;color:#333;}
.blue_line{display: inline-block;width:51px;height:3px;background-color: #1da9f0;margin:24px 0 50px;}
.partners_pic{margin:41px 0 30px;}
.partners_pic>div{
    width:369px;
    height:281px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 2px -2px;
}
.partners_pic>div>p{
    width:284px;
    margin-top:104px;
    font-size: 16px;
    color:#fff;
    line-height: 30px;

}
.pic_1{background: url(../images/company/pict_1.png) 0 0 no-repeat;}
.pic_2{background: url(../images/company/pict_2.png) 0 0 no-repeat;}
.pic_3{background: url(../images/company/pict_3.png) 0 0 no-repeat;}
.pic_4{background: url(../images/company/pict_4.png) 0 0 no-repeat;}

.pic_1>span{
    background: url(../images/company/pic_1_text.png) 0 0 no-repeat;
    width:263px;
    height:77px;
    margin-left:-131px;
    margin-top:-38px;
}
.pic_2>span{
    background: url(../images/company/pic_2_text.png) 0 0 no-repeat;
    width:285px;
    height:74px;
    margin-left:-142px;
    margin-top:-37px;
}
.pic_3>span{
    background: url(../images/company/pic_3_text.png) 0 0 no-repeat;
    width:286px;
    height:77px;
    margin-left:-143px;
    margin-top:-38px;
}
.pic_4>span{
    background: url(../images/company/pic_4_text.png) 0 0 no-repeat;
    width:275px;
    height:74px;
    margin-left:-137px;
    margin-top:-37px;
}
.become_btn a,.sign_up>span{
    display:inline-block;
    font-size: 15px;
    color:#fff;
    font-weight: bold;
    height:36px;
    background-color: #3db5f0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.sign_up>span>a{color:#fff;}
.become_btn a{width:142px;}
.sign_up>span{width:102px;margin-top:50px;}
.affiliate_div>div:first-child>p{font-size: 15px;color:#666666;line-height: 30px;}
.benefits{margin:80px 0 10px;}
.benefits .blue_line{margin:24px 0 0;}
.benefit_img>div{display: inline-block;width:235px;vertical-align: top;}
.benefit_img>div>p{display: inline-block;margin-bottom:70px;font-size: 14px;color:#808080;}

.affiliate_more1,.affiliate_more3{background-color: #f2f2f2;}
.how_to_be_pic{display: inline-block;vertical-align: top;width:196px;font-size: 14px;color:#808080;}
.how_to_be_pic>p{line-height: 24px;}

.commission_text>p{font-size: 15px;color:#666;}
.commission_img{margin-top:60px;}
.how_to_get_img{display: inline-block;}
.get_img{
    display: inline-block;
    background: url(../images/company/get_img.png) 0 0 no-repeat;
    width:173px;
    height:167px;
    vertical-align: top;
}
.get_img>p{
    font-size: 14px;
    color:#808080;
    margin-top:28px;
    width:149px;
    line-height: 18px;
}
.how_to_get_text{text-align: right;margin-top:44px;}
.how_to_get_text>p{font-size: 16px;color:#1da9f0;}

.ab_title2{margin-top:78px;}
.main_1_1>div>div>p,.ab_title3>p,.ab_title5>p{font-size:1.5em;font-weight: bold;}
.ab_text1 .text_p{font-size:15px;line-height: 30px;color:#666;}

.ab_text2>div{width:344px;vertical-align: top;margin: 0 60px;}
.ab_text2>div>p{
    margin:14px 0 64px;
    display: inline-block;
    font-size: 14px;
    color: #808080;
    line-height: 20px;
}
.ab_text3_img{
    font-size: 13px;
    width:796px;
    height:390px;
    background: url(../images/company/ab_text3_1.png) 0 0 no-repeat;
    position: relative;
}

.ab_text3_img>.ab_left,.ab_text3_img>.ab_right{
    width:120px;
    height:390px;
    position: absolute;
    top:0;
}
.ab_text3_img>.ab_left p,.ab_text3_img>.ab_right p{
    margin: -13px 0 0 -57px;
    width:96%;
    color:#f9f9f9;
    line-height: 16px;
}
.ab_text3_img>.ab_left{left:0;}
.ab_text3_img>.ab_right{right:0;}
.ab_text3_img>.ab_center{
    position: absolute;
    width:380px;
    height:380px;
    margin:-190px 0 0 -190px;
    border-radius: 50%;
}
.ab_text3_img>.ab_center>div{
    width:360px;
    margin-left:-180px;
}
.ab_text3_img>.ab_center>.ab_t3_text{
    height:60px;
    margin-top:-60px;
    color:#666;
    font-size:14px;
    line-height: 30px;
}
.ab_text3_img>.ab_center>.ab_t3_main{height:86px;}
.ab_text3_img>.ab_center>.ab_t3_main p{color:#666;font-size:15px;}
.ab_text3_img>.ab_center>.ab_t3_main>div{display: inline-block;vertical-align: middle;}
.ab_t3_main>div{width:76px;}
.ab_t3_main>.ab_t3_main_c{width:145px;height:86px;line-height: 86px;}
.ab_t3_main>.ab_t3_main_c>div{display: inline-block;width:40px;height:86px;color:#2baef0;font-size: 18px;}
.ab_t3_num_1{background: url(../images/company/ab_t3_num_1.png) 0 0 no-repeat;}
.ab_t3_num_2,.ab_t3_num_3{background: url(../images/company/ab_t3_num_2.png) 0 0 no-repeat;}

.ab_t3_t1,.ab_t3_t2,.ab_t3_b1,.ab_t3_b2{width:120px;height:120px;position: absolute;border-radius: 50%;}

.ab_t3_t1{top:0;left:0;}
.ab_t3_t2{top:0;right:0;}
.ab_t3_b1{bottom:0;left:0;}
.ab_t3_b2{bottom:0;right:0;}




div[name=ab_title3],
div[name=ab_title5]{background-color: #f2f2f2;width:100%;}

div[name=ab_title4] .p_r{width:909px;height:370px;}
div[name=ab_title4] .p_r>div{position: absolute;top:0;height:370px;}
div[name=ab_title4] .p_r>div>.title_p{margin-top:76px;font-size: 26px;color:#f9f9f9;}
div[name=ab_title4] .p_r>div>.text_p{font-size: 15px;color:#f0f0f0;line-height: 25px;padding: 0 10px 0 20px;}
div[name=ab_title4] .p_r>.img1{
    left:0;
    background-color: #8f9ba5;
    width:310px;
}

div[name=ab_title4] .p_r>.img2{
    left:310px;
    background: url(../images/company/ab_vision.jpg) -9px 0 no-repeat;
    width:289px;
}
div[name=ab_title4] .p_r>.img3{left:599px;background-color: #343538;width:310px;}

.ab_text5>div>.ab_5_text{
    position: relative;
    vertical-align: top;
    margin-bottom:64px;
    width:284px;
    height:267px;
}
.ab_text5>div>.ab_5_text .text_p{font-size: 15px;color:#808080;margin:57px 0 0;line-height: 30px;}
.ab_text5>div>.ab_5_text.num_1{background: url(../images/company/num_1.png)no-repeat center 30px;}
.ab_text5>div>.ab_5_text.num_2{background: url(../images/company/num_2.png)no-repeat center 30px;}
.ab_text5>div>.ab_5_text.num_3{background: url(../images/company/num_3.png)no-repeat center 30px;}
.ab_text5>div>.ab_5_text.num_4{background: url(../images/company/num_4.png)no-repeat center 30px;}
.ab_text5>div>.ab_5_text.num_5{background: url(../images/company/num_5.png)no-repeat center 30px;}
.ab_text5>div>.ab_5_text.num_6{background: url(../images/company/num_6.png)no-repeat center 30px;}
/*company end*/

/*support start*/
#support_main{padding:80px 0 160px;text-align: center;min-width: 1305px;}
#support_main i{
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
#support_main>div{display: inline-block;text-align: left;width:1210px;}/*width:1305*/
.support_right{
    width:1005px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left:292px;
}
.support_left{
    width:224px;
    height:360px;
    border-right:1px solid #dbdbdb;
    position:absolute;
    /*z-index:20;*/
    background-color:#fafafa;
}
.support_left>div{margin-bottom:48px;font-size: 18px;cursor: pointer;}
.support_left>div.active>a>span{color:#1da9f0;}
.support_bg1{
    background: url(../images/support/support_bg1.jpg) center center no-repeat;
    width:1903px;
    height:330px;
    -webkit-background-size:100% 100%;
    background-size:cover;
}
.faq a i{
    background: url(../images/support/faq_1.png) 0 0 no-repeat;
    width:35px;
    height:36px;
}
.translate i{
    background: url(../images/support/help.png) 0 0 no-repeat;
    width:34px;
    height:34px;
}
.contact_us i{
    background: url(../images/support/contact_1.png) 0 0 no-repeat;
    width:32px;
    height:34px;
}
.faq.active i{background: url(../images/support/faq_2.png) 0 0 no-repeat;}
.translate.active i{background: url(../images/support/help_2.png) 0 0 no-repeat;}
.contact_us.active i{background: url(../images/support/contact_2.png) 0 0 no-repeat;}
.general_left,.general_right{display: inline-block;width:450px;vertical-align: top;}
.title_1_1,.title_1_2{margin-bottom:14px;font-size: 18px;}
.faq_option{
    display: inline-block;
    width:440px;
    min-height:45px;
    border-radius: 18px;
    background-color: #f0f5fa;
    margin-top:14px;
}
.faq_option_1{
    position: relative;
    width:440px;
}
.faq_option_1>span{
    display: inline-block;
    width:370px;/*404*/
    line-height:20px;
    font-size: 14px;
    text-align: left;
    padding: 10px 60px 10px 10px;
}
.faq_option_1>i{
    background: url(../images/support/select_down.png) 0 0 no-repeat;
    width:16px;
    height:8px;
    position:absolute;
    top:50%;
    margin-top:-4px;
    right:22px;
    cursor: pointer;
}
.faq_option_1.select_up>i{background: url(../images/support/select_up.png) 0 0 no-repeat;}
.faq_option_1.select_up>span{border-bottom:1px solid #dfe0e2;}
.faq_option_2{display:none;}
.faq_option_2>p{
    display: inline-block;
    width:410px;
    font-size: 13px;
    line-height:24px;
}
.select_up+div{display: block;}
.product_faq{margin-top:80px;}
.pro_option{
    height:212px;
    min-width:921px;
    margin-bottom:40px;
}
.pro_option>div{
    display: inline-block;
    vertical-align: top;
    background: url(../images/support/pro_bg_1.png) 0 0 no-repeat;
    width:170px;
    height:170px;
    position:relative;
    /*margin:0 -12px;*/
    margin:0 20px;
    padding-top:78px;
    padding-top:78px;
}
.pro_option>div.active{
    background: url(../images/support/pro_bg_2.png) 0 0 no-repeat;
    width:187px;
    height:187px;
    /*margin:-9px -24px;*/
    margin:-9px 20px;
    padding-top:85px;
}
/*.pro_option>div.num_2{top:42px;}*/
.pro_option>div.num_2>img.mt9{margin-top:-9px;}
.pro_content{
    background-color: #f2f2f2;
    padding:30px 10px 36px;
}
.pro_text{margin-bottom:38px;font-family: sans-serif;}
.pro_text>.title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:14px;
}
.pro_text>.content{
    font-size: 14px;
    color:#808080;
}
.pro_foot ul{margin:40px 0 0;}
.pro_foot li{
    list-style: none;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.choose_i{
    width:24px;
    height:24px;
    line-height:24px;
    background-color: #ebebeb;
    color: #666;
    font-size: 13px;
}
.choose_i.active{
    background-color: #4cafff;
    color: #fff;
}
.find_translate>div{display: inline-block;}
.translate .find_left{
    width:603px;
    height:262px;
}
.translate .title_p{font-size: 21px;margin-bottom: 0;}
.translate .text_p{font-size: 16px;line-height: 24px;color:#666666;}
.translate .find_right{
    background: url(../images/support/find_right.png) 0 0 no-repeat;
    width:394px;
    height:313px;
}
.tobe_translate .tobe_top{
    width:881px;
    margin:40px 0 22px;
}
.tobe_from{width:886px;height:223px;position: relative;}
.tobe_from>div{
    text-align: left;
    display: inline-block;
    position: absolute;
}
.from_div1{left:0;top:0;}
.from_div2{right:0;top:0;}
.from_div3{left:0;top:81px;}
.from_div4{right:0;top:81px;}
.tobe_from .input_div,.tobe_from .select_div{
    width:420px;
    height:47px;
    margin-bottom:20px;
    position: relative;
    margin-top: 10px;
}
.tobe_from .input_div>input{
    border:1px solid #e5e5e5;
    width:100%;
    height:100%;
    text-indent: 10px;
    background-color:#fff;

}


.tobe_from .select_div>select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/index/select_down.png) no-repeat scroll 390px center #fff;
    padding-right:30px;
    border:1px solid #e5e5e5;
    width:100%;
    height:100%;
    text-indent: 10px;
}
.tobe_from .select_div>select>option{padding:10px 30px;}
.tobe_from .from_div3 input{font-size:16px;background-color: #fff;}
.tobe_from .input_div>i{
    position: absolute;
    right:10px;
}
.tobe_from>.tobe_btn{
    display: inline-block;
    width:110px;
    height:37px;
    background-color: #3eb5f0;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    color:#fff;
    border-radius: 5px;
    position: absolute;
    bottom:0;
    right:0;
    cursor:pointer;
}
.tobe_bottom{text-align: left;margin-top:30px;}
.tobe_bottom .title_article{margin:0 0 14px;}
.tobe_bottom .content_article>div{display: inline-block;vertical-align: top;}
.tobe_bottom .content_article>div>div{margin-top:10px;}
.tobe_bottom .content_article div>i{
    background: url(../images/support/article_logo.png) 0 0 no-repeat;
    width:18px;
    height:20px;
}
.tobe_bottom .article_left{padding-left:10px;}
.tobe_bottom .article_right{margin-left:280px;}
.contact_us{text-align: left;}
.contact_us>div{margin-top:40px;}
.contact_us .div4 .left_img{
    display: inline-block;
    background: url(../images/support/help_img.png);
    width:386px;
    height:336px;
    vertical-align: middle;
    margin-right:80px;
}
.contact_us .div4 .right_text{
    display: inline-block;
    width: 385px;
    vertical-align: middle;
    line-height: 22px;
}
.contact_us .div4 .right_text .title_rsp{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
}
.contact_us .div4 .right_text .text_rsp{
    font-size:16px;
    color:#808080;
    margin-bottom: 30px;
}
.contact_us .div4 .right_text .Address span{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
    display: inline-block;
    color:black;
}
.contact_us .div4 .right_text .Address{
    font-size:16px;
    color:#808080;
}
.contact_us .title_sp{
    font-size:18px;
    color:#222222;
    margin-bottom:20px;
}
.contact_us .content_sp{
    line-height: 21px;
    font-size:16px;
    color:#666666;
}
.contact_us .content_sp>span{color:#212121;}

/*support end*/

/*resources start*/
.resources_bg1{
    background: url(../images/resources/resource_banner.jpg) center center  no-repeat;
    width:1887px;
    height:330px;
    -webkit-background-size:100% 100%;
    background-size:cover;
}
#resource_main{padding:30px 0 160px;text-align: center;min-width: 1300px;}/*padding:80px;*/
#resource_main i{display: inline-block;vertical-align: middle;margin-right:10px;}
#resource_main>div{display: inline-block;text-align: left;width:1210px;}/*width:1267px*/
.div_main_top{margin-bottom:60px;font-size: 14px;color:#999;}
.div_main_top a{font-size: 14px;color:#999;}
.resource_main_content{}
.resource_main_content>div{
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.resource_left{
    width:224px;
    height:360px;
    border-right:1px solid #dbdbdb;
    /*margin-right:66px;*/
    position: absolute;
}
.resource_left>div{margin-bottom:48px;font-size: 18px;cursor: pointer;}
.resource_left>div.active>a{color:#1da9f0;}
.resource_left>div[data-id=main_1] i{
    background: url(../images/resources/articles_1.png) 0 0 no-repeat;
    width:32px;
    height:36px;
}
.resource_left>div[data-id=main_1].active i{background: url(../images/resources/articles_2.png) 0 0 no-repeat;}

.resource_left>div.active>span {color: #1da9f0;}
.resource_left>div[data-id=main_2] i{
    background: url(../images/resources/guide_1.png) 0 0 no-repeat;
    width:34px;
    height:34px;
}
.resource_left>div[data-id=main_2].active i{background: url(../images/resources/guide_2.png) 0 0 no-repeat;}
.resource_left>div[data-id=main_3] i{
    background: url(../images/resources/reviews_1.png) 0 0 no-repeat;
    width:34px;
    height:34px;
}
.resource_left>div[data-id=main_3].active i{background: url(../images/resources/reviews_2.png) 0 0 no-repeat;}

.resource_right{position: relative;left:292px;}/*padding-top:30px;*/
.art_option{
    width:900px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fdfdfd;
}
.art_option>div{
    display: inline-block;
    text-align: left;
    width:800px;
    padding-bottom: 10px;
}
.art_option .art_top{width:100%;border-bottom:1px solid #f0f0f0;padding:14px 0 10px 5px;}
.art_option .art_top>img{width:44px;height:44px;border-radius:50%;vertical-align: middle;}
.art_option .art_top>span{font-size: 18px;font-weight: bold;}
.art_option .art_bottom{position: relative;padding:10px 0;}
.art_option .art_bottom li{margin:10px 0;height:14px;line-height: 14px;padding-left:10px;}
.art_option .art_bottom li>i{
    background: url(../images/resources/li_point.png) 0 0 no-repeat;
    width:6px;
    height:6px;
    vertical-align: middle;
}
.art_option .art_bottom .art_more{
    display: inline-block;
    position: absolute;
    right:10px;
    bottom: 0;
}
.art_option .art_bottom .art_more>a{color:#1da9f0;}
.article_more .article_menu>div{display: inline-block;vertical-align: top;}
.article_menu_left{position: absolute;}
.article_menu_right{position: relative;left:292px;min-height:500px;}
.article_more .article_menu .article_menu_left>p{
    height:60px;
    line-height: 60px;
    font-size:16px;
    font-weight: bold;
    color:#4c4c4c;
    border-bottom:1px solid #d9d9d9;
    text-indent: 30px;
    width:245px;/*width:220px;*/
    cursor: pointer;
}
.article_more .article_menu .article_menu_left>p.active{
    border-left:3px solid #1da9f0;
}
.article_more .article_menu .article_menu_left>p.active>a{color:#1da9f0;}
.article_menu .article_menu_option_right .article_menu_option_title{padding-bottom: 0;width:720px;}
.article_menu_option_title>b{display: block;}
.article_menu_option_title>span{font-size: 12px;font-weight: normal;}
.article_menu_option_content>p{width:742px;font-size: 14px;line-height: 24px;}
.art_detail_left,.art_detail_right{display: inline-block;vertical-align: top;}
.article_detail>div>p{
    margin-bottom: 42px;
    font-size: 20px;
}
.art_detail_left{margin-right:62px;width:705px;min-height:1px;font-size:14px;line-height:24px;}

.art_detail_right>div{margin-bottom:60px;margin-left:20px;}

.article_menu_option_left img{width:130px;height:130px;}/*border-radius: 50%;*/
.article_menu_option,
.guide_option{position: relative;margin-bottom:10px;}

.article_menu_option>div,
.guide_option>div{
    padding:35px 0 40px;
    width:968px;
    height:150px;
    position: relative;
    background-color: #fdfdfd;
}

.article_menu_option>div>div,
.guide_option>div>div{
    display: inline-block;
    vertical-align: top;
    margin-left:20px;
}

.article_menu_option_more,
.guide_option_more{
    position: absolute;
    right:20px;
    bottom: 20px;
}

.article_menu_option_more>a,.guide_option_more>a{color:#1da9f0;}
#nav{background-color: #f0f5fa;padding: 10px 20px 36px 30px;}
#nav ul div.box {
    background: none; 
    width: 260px;
    margin-left: 0;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    padding: 16px 0 10px;
    text-align: left;
    cursor: pointer;
}

.article_menu_option .article_menu_option_title,
.guide_option .guide_option_title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 18px;
    width:100%;
    margin-bottom:16px;
    border-bottom:1px solid #f0f0f0;
}
.guide_option_content{width:746px;}

.guide_more>p{
    font-size:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom:20px;
}
.guide_more_left,.guide_more_right{
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.guide_more_left{
    width:913px;
    min-height:1px;
    font-size:14px;
    line-height:24px;
    text-align: left;
    position: relative;
    padding-right: 20px;
}
.guide_more_left>p{margin:20px 0;}
.guide_more_right{
    background-color: #f0f5fa;
    padding:10px 20px 36px 30px;
    position: absolute;
}
.guide_more_right .menu_option{
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    padding:16px 0 10px;
    text-align: left;
    cursor: pointer;
}
.guide_more_right .menu_option>a{font-size: 13px;color:#808080;max-width: 200px;display:block;}
.guide_more_right .menu_option.active>a{color:#333;}
.guide_more_right .menu_option.active .guide_line{
    display:inline-block;
    width:100px;
    height:2px;
    background-color: #1da9f0;
    margin:0;
    position: absolute;
    bottom: -1px;
    left:0;
}


.reviews_option{text-align: center;width:900px;}
.reviews_option .one_option{
    display: inline-block;
    background: url(../images/resources/reviews_bg.png) 0 0 no-repeat;
    width:175px;
    height:189px;
    margin:0 4px;
    position: relative;
    cursor: pointer;
}
.reviews_option .one_option.active{
    background: url(../images/resources/reviews_bg2.png) 0 0 no-repeat;
}
.reviews_option .one_option>img{
    position: absolute;
    top:42px;
    left:50%;
    margin-left:-43px;
}
.reviews_option .one_option>span{
    display: inline-block;
    width:132px;
    height:28px;
    text-align: center;
    position: absolute;
    top:128px;
    left:50%;
    margin-left:-66px;
}
.reviews_option>div{
    display: inline-block;
}
.reviews_option .line_one {
    position: relative;
    left: -93px;
}
.reviews_option .line_two{
    position: relative;
    top:-40px;
    left: 0;
}

.reviews_content{text-align: center;}
.reviews_content div[data-value=reviews_1],
.reviews_content div[data-value=reviews_2]{position: relative;padding-bottom: 94px;}
.reviews_1_option{position:relative;width:756px;padding:14px 0;}
.reviews_1_option>div{display: inline-block;vertical-align: top;text-align: left;}
.reviews_1_option .right_t{width:670px;border-bottom:1px solid #e9e9e9;margin-left:20px;}
.reviews_1_option .right_t.more_name{position: relative;padding-bottom: 20px;}
.reviews_1_option .right_t>.title_p{font-size: 17px;color:#333;margin:0 0 14px;}
.reviews_1_option .right_t>.text_p{font-size: 15px;color:#666;line-height: 21px;margin:22px 0;}
.reviews_1_option .right_t>span{font-size: 12px;color:#999;}
.reviews_1_option .right_t>span.man_name{position: absolute;right: 20px;bottom: 20px;}
.reviews_1_option div:first-child>img{width:54px;height:54px;border-radius: 50%;}
.reviews_1_option .right_t .amail{
    display: none;
}


.reviews_1_foot{position: absolute;right:76px;bottom:0;}
.reviews_1_foot li{
    list-style: none;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

#reviews_7{display: inline-block;width:920px;text-align: left;}
#reviews_7 input[type=text],#reviews_7 textarea,#reviews_7 select{
    border:1px solid #ccc;
    text-indent: 10px;
    width:100%;
    height:43px;
}
#reviews_7 select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/index/select_down.png) no-repeat scroll 890px center #fff;
    padding-right:30px;
    color:black;
}
#reviews_7 select>option{padding:10px 30px;}
#reviews_7>div{
    width:100%;
    position: relative;
    min-height:62px;
    margin-bottom: 30px;/*34*/
    margin-top:20px;
}
#reviews_7 .left_input,#reviews_7 .right_input{
    display: inline-block;
    position: absolute;
    top:0;
    width:340px;
}
#reviews_7 .left_input{left:0;}
#reviews_7 .right_input{right:0;}
#reviews_7 div>p{margin-bottom:10px;}
#reviews_7 div>textarea{resize: none;height:250px;padding:5px 0;}
#reviews_7 div>input[type=button]{
    width:126px;
    height:40px;
    font-size: 18px;
    background-color: #3eb5f0;
    color:#fff;
    border-width:1px;
    border-radius: 2px;
    position: absolute;
    right:0;
    top:0;
    cursor: pointer;
}
/*resources end*/

/***********************************2016-12-27**********************************/
.our_pro{width: 1250px;margin: 0 auto;}
.support_main_content.support_left>div.active>a>{color:#1da9f0;}
.left_div>p>a{text-decoration:none}
.left_div>p>a:hover{text-decoration:underline}
.left_div>.left_div_use_5{width: 247px; height: 198px;border-radius: 5px;}/*图片改变大小，加了圆角*/
.guide_option_left>.guide_option_left_use_5{
    width: 160px;
    height:140px;border-radius: 5px;}

/*****************************************************************************************************public***********************************************************************************************************/
/*头部搜索按钮*/
.googlesearch{float: right;height: 48px;line-height: 1;width: 250px;}


/*新加安装和卸载页2017-1-4*/
div.top-pic{width:100%;display: block;position: relative}
div.top-pic>div>img{width:100%;text-align: center}
#div_head .install{min-height: 550px; margin: 0 auto; width: 800px;}

div.top-pic .top-pic-install{color:#07382d;font-size:23px;position: absolute;bottom:10%;left:42%}
div.top-pic .top-pic-uninstall{color:#fff;font-size:23px;position: absolute;top:32%;left: 39%}
div.top-pic .top-pic-uninstall span{font-size: 14px;margin-left: 53px;}
div.top-pic .top-pic-install span{font-size: 14px;margin-left: 53px;color:#8f8f8f;}
/*404页面2017-1-21*/
div.top-pic-404{width:100%;display: block;position: relative;text-align: center;background-color:#fff;height: 720px;}
div.top-pic-btn{position: absolute;bottom: 15%;text-align: center;width: 200px;left: 50%;  margin-left: -127px;}

div.top-pic-btn>a{display:inline-block;color:#fff;width:200px;height: 50px;border-radius: 5px;background-color:#42bfed;text-align: center;line-height: 50px;font-size: 20px;}


/*关键词的颜色 */
.a_color{color:#4d90fe;}
.a_color:hover{text-decoration: underline;}

/*返回顶部图片2017-1-10*/
#toTop{display: block;position: fixed;top: 100%;left: 100%;cursor: pointer; margin-top:-80px; margin-left: -86px;
    width: 51px;height: 50px;background: url(../images/index/top-2.png) no-repeat;z-index: 200;}
#toTop:hover{background-position: 0 -50px;}
/*company页面第一进去侧边栏2017-1-11*/
.div_main_about{background: url(../images/company/banner_company.jpg)center no-repeat;height: 330px;background-size: cover；}

/*购买页底部加了文本2017-1-13*/
#foot_sale .foot-text{margin-left: -7%;margin-top:0.6%;color:#999;font-size: 15px}
/*内容页底部提交按钮去掉下划线2017-1-17*/
a#emailsubmit:hover{text-decoration: none;}

/*首页按钮更换banner图片*2017-3-20*/
.bg_1,.bg_2,bg_3{position: relative}
.banner-1{
    position: absolute;
    width: 630px;
    bottom: 50%;
    left: 45%;
    height: 270px;
    margin-bottom: -192px;
    color: #fff;
    margin-left: 111px;
    text-align: left;
}
.banner-1>.banner-title{
    font-size: 53px;
    font-weight: normal;
}
.banner-1>i{
    display: inline-block;
    width:599px;
    height: 27px;
    background: url("../images/index/whiteLine.png")no-repeat center;
}
.banner-1>p{
    font-size: 18px;
    line-height: 30px;
}

.banner-2{
    position: absolute;
    width: 630px;
    bottom: 50%;
    left: 50%;
    height: 270px;
    margin-bottom: -192px;
    color: #fff;
    margin-left: -281px;
    text-align: left;
}
.banner-2>.banner-title{
    font-size: 53px;
    font-weight: normal;
}
.banner-2>i{
    display: inline-block;
    width:599px;
    height: 27px;
    background: url("../images/index/whiteLine.png")no-repeat center;
}
.banner-2>p{
    font-size: 18px;
    line-height: 30px;
}
.banner-3{
    position: absolute;
    width: 630px;
    bottom: 50%;
    left: 45%;
    height: 270px;
    margin-bottom: -192px;
    color: #fff;
    margin-left: 111px;
    text-align: left;
}
.banner-3>.banner-title{
    font-size: 53px;
    font-weight: normal;
}
.banner-3>i{
    display: inline-block;
    width:599px;
    height: 27px;
    background: url("../images/index/whiteLine.png")no-repeat center;
}
.banner-3>p{
    font-size: 18px;
    line-height: 30px;
}
.banner-1-btn{
    width: 255px;
    height: 62px;
    display: inline-block;
    background: url(../images/index/banner-1-btn1.png)no-repeat 0px 0px;
    display: inline-block;
    position: absolute;
    right: 50%;
    bottom: 50%;
    margin-right: 60px;
    margin-bottom: -132px;

}
.banner-2-btn{
    width: 255px;
    height: 62px;
    display: inline-block;
    background: url(../images/index/banner-1-btn2.png)no-repeat 0px 0px;
    display: inline-block;
    position: absolute;
    right: 50%;
    bottom: 50%;
    margin-right: -231px;
    margin-bottom: -132px;
}

.banner-1-btn:hover{
    background:url("../images/index/banner-1-btn1.png")no-repeat -255px 0px;

}
.banner-2-btn:hover{
    background:url("../images/index/banner-1-btn2.png")no-repeat -765px 0px;
}

/************************404页面************************/
#div_head .uninstall_main{
    width: 1000px;
    margin: 0 auto;
    /*min-height: 400px;*/
}
.uninstall_main{
    width: 1000px;
    margin: 0 auto;
    /*min-height: 400px;*/
}
.uninstall_banner{ background-color: #4e6583; width: 100%; height: 210px; }
.uninstall_banner .banner_left{ float: left; }
.uninstall_banner .banner_left img{ margin: 48px 75px 0 50px; }
.uninstall_banner .banner_right{ float: left; }
.uninstall_banner .banner_right h3{ font-size: 28px; color: #ffffff; margin: 65px 0 20px 0; }
.uninstall_banner .banner_right p{ font-size: 18px; color: #ffffff; }
.uninstall_banner .banner_right h4{ font-size: 28px; color: #ffffff; margin-top: 80px; }

.uninstall_main #thank{ margin: 40px 0 10px 0; width: 800px; height: 440px; margin-top: 40px;}
.uninstall_main p{ font-size: 18px; color: #333333;margin: 100px 0; }
.uninstall_main a{color:royalblue;}

.uninstall_main span{ font-size: 14px; color: #666666; float: left; line-height: 30px; margin-top: 5px; }
.uninstall_main div a{ display: block; width: 30px; height: 30px; float: left; margin-top: 5px; }
.uninstall_main div a:last-child{ display: block; width: 30px; height: 30px; float: left; margin-left: 14px; margin-top: 5px; }
.uninstall_main .facebook{ background: url(../images/stall/facebook.png);margin-left: 5px; }
.uninstall_main .twitter{ background: url(../images/stall/twitter.png); }

/********************download下载跳转页面***********************/
.download-pic{
    width: 100%;
    background:rgba(0, 0, 0, 0.58) url("../../images/now-bg.jpg");
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    height: 230px;
    
}
.download-pic .pic_title{
    font-size: 35px;
    color: #fff;
    margin-top: 74px;
    font-weight: normal;
}
.download-pic p{
    line-height: 55px;
    color:#fff;
    font-size: 18px;
    letter-spacing:1px;
    /*下面两个参数是因为下载弹框关闭后定在p上面，档住了下载的链接*/
    z-index: 1;
    position: relative;
}
.download-pic>p>a{
    color:#3D87F1;
    text-decoration:underline

}
.download-content{
    width:1200px;
    margin: 15px auto;
    overflow: hidden;
    padding-top: 20px;

}
.download-content h2{
    color:#666;
    font-weight: normal;
    margin-left: 50px;
}
.article li{
    font-size: 15px;
    line-height: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.article li a{
    display: inline-block;
    color:#84b1fa;
}
.download-content .content-tricks-1,.download-content .content-tricks-2{
    width: 480px;
    min-height: 100px;
    float: left;
    border: 3px solid #EFEFEF;
    margin: 25px 50px;
    padding-top: 27px;
    padding-bottom: 27px;
    background-color:#fff;
    font-size: 17px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;;
}
.download-content .content-tricks-2 {
    float:right;
}
.content-tricks-1 .tricks-img,.content-tricks-2 .tricks-img{
    display: inline-block;
    vertical-align: top;
    width: 59px;
    height: 59px;
    margin: 0 20px;
    background: url("../../images/now-l.png")no-repeat center;
    color:#666;
}
.content-tricks-2 .tricks-img{
    background: url("../../images/now-r.png")no-repeat center;
}
.content-tricks-1 .tricks-text,.content-tricks-2 .tricks-text{
    vertical-align: middle;
    width: 360px;
    line-height: 32px;
    display: inline-block;

}
.more-1{
    margin-left: 50px;
}
.more-1 p{
    line-height: 28px;
    font-size: 15px;
    color:#84B1FA;
}
.more-title{
    margin-bottom: 30px;
}
.more-a{
    display: inline-block;
    width:266px;
    height:50px;
    text-align: center;
    color:#fff;
    line-height: 50px;
    background-color: #3C8BFA;
    margin-top:40px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.uninstall_main  .download-content .more-a{
    display: inline-block;
    width:266px;
    height:50px;
    text-align: center;
    color:#fff;
    line-height: 50px;
    background-color: #3C8BFA;
    margin-top:40px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/*17/5/10 修改首页中间四帽图和尾部*/
.botton-bg{
    width:100%;
    min-width: 1340px;
    height:190px;
    background:#383937 url("../images/index/botton-bg.png")no-repeat center;
    position: relative;
}
.email{
    font-size: 18px;
    color:#fff;
    width: 750px;
    margin:0 auto;
    text-align: center;
    padding-top: 27px;
    font-family: Arial;;
}
.email .SUBSCRIBE{
    margin-bottom: 5px;
    margin-bottom: 5px;
    font-size: 27px;
    display: inline-block;
}
#emailsubmit{
    display: inline-block;
    width: 170px;
    height: 40px;
    background: url("../images/index/email_btn.png")no-repeat 0;
    vertical-align: middle;
    border-radius: 3px;
}
.email_input{
    margin:20px 0 10px;
}
.email_input>input{
    width:400px;
    height:40px;
    background-color: #fff;
    border-radius:3px;
    margin:0 8px;
    text-indent: 10px;
    border: none;
}
#SubcribeEmail_text{
    width: 544px;
    font-size: 15px;
    margin-top: 9px;
}
/*尾部*/
#div_foot{
    background-color: #333;
    color:#999;
    border-top: 1px solid rgba(255, 255, 255, 0.39);
}
.div_foot_bottom{
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.39);
    color: #bfbfbf;
}
#div_foot>ul{
    text-align: center;
    position: relative;
    /*width: 1357px;*/
    min-width: 1340px;
    margin: 0 auto;
}


.new-ico{
    padding-right: 29px;
    background: url(../images/footer/new-ico.png)no-repeat 131px 9px;
}
.div_foot_bottom>.div_foot_bottom-width{
    width:1220px;
    margin: 0 auto;
    overflow: hidden;
}
.div_foot_bottom>.div_foot_bottom-width>div{
    display: inline-block;
    height:13px;
    margin:20px 0;
    font-size: 14px;
}
.foot_text{
    color:#bfbfbf;
    font-size: 15px;
    float: left;
    float: left;
}
.foot_a{
    float: right;
}
.foot_a>a{
    color:#bfbfbf;
    font-size: 15px;
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.5);
}
.foot_li_1{
    display: inline-block;
    vertical-align: top;
    margin: 25px 45px 0;
    /*width: 440px;*/
    text-align: left;
}
.foot_li_1>ul>li{margin:14px 0;}
.foot_li_1>ul.foontSize li>a{
    font: 20px/2 Arial;
}
#div_foot .foot_li_1>.footer-title{
    display: inline-block;
    color: #888;
    font-size: 26px;
    margin: 0 0 16px;
    font-weight: bolder;
    font-family: Arial;
}
.foot_li_1 .li_ul_1 li>a{
    color: #999;
    text-decoration: none;
    font-size: 16px;
    font-family: Arial;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.li_ul_1 .ProvinceLuo{
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;

}
.li_ul_1 p{
    margin-top:10px;
    font-size: 12px;
}
.li_ul_1 .date{
    background: url("../images/index/date.png");
    display: inline-block;
    width: 15px;
    height: 17px;
    vertical-align: bottom;
    margin-right:5px;
}
.Contact{
    text-align: left;
}
.Contact .footer-title{
    display: inline-block;
    font-size: 26px;
    margin: 0 0 34px
}
.Contact P{
    margin-bottom: 20px;
    text-align: left;
    font-size: 17px;
}
.Contact P i{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background:url("../images/footer/comments.png")no-repeat;

    vertical-align: middle;
}
.Contact P.Contact-2 i{
    background:url("../images/footer/time.png")no-repeat;

}
.email_share{
    height:77px;
    width:248px;
    position: relative;
    margin-top: 30px;
}
.email_share>a{
    display: inline-block;
    cursor:pointer;
    line-height: 0px;
}
.fb_like{
    background: url(../images/index/facebook-like.png) 0 0 no-repeat;
    width:76px;
}
.fb_share{
    background: url(../images/index/facebook-share1.png) 0 0 no-repeat;
    width:56px;
    position: absolute;
    left:78px;
}
.follower{
    width:110px;
    position: absolute;
    right:0;
}
/*把图片设置小一点*/
.follower>img{  width: 85px; height: 20px; border-radius: 5px;position:relative;}
.follow-font{   position: absolute;bottom: 44%;right: 35%;font-size: 11px;font-weight: bold;color: #fff;}

/*游戏页面*/
.gameTitle{font-size:26px; text-align: left; margin: 8px 30px 25px}
.inner{
    width: 1200px;      margin: 20px auto 50px;  text-align: center;overflow: hidden;
}
.inner aside{
    width:15%;
    float:left;
}
.inner section{
    width:85%;
    float:left;
}
.inner aside .nav li{ border-bottom: 1px solid #ddd; text-align: left;}
.inner aside .nav li:hover{
    background-color: #f2f2f2;
}
.inner aside .nav li:last-child{
    border-bottom: 1px solid #ddd;
}
.inner aside .nav li a{
    width: 90%; display: inline-block;font-size: 13px; padding: 10px; height: 26px; line-height: 26px;
}
.inner aside .nav li .fa{
    display: inline-block; width: 26px; height: 26px; float: right; background: #ddd; vertical-align: middle;  background: url(../images/game/ICONS.png)no-repeat -150px -92px;;
}
.inner aside .nav li:hover .fa{
    background: url(../images/game/ICONS.png)no-repeat -149px -122px;;
}
.inner aside .nav li .make-up{
    background-position: -390px -92px;
}
.inner aside .nav li:hover .make-up{
    background-position: -390px -122px;
}
.inner aside .nav li .Best-Games{
    background-position: 0 -2px;
}
.inner aside .nav li:hover .Best-Games{
    background-position: 0 -32px;
}
.inner aside .nav li .New-Games{
    background-position: -30px -2px;
}
.inner aside .nav li:hover .New-Games{
    background-position: -30px -32px;
}
.inner aside .nav li .dress-up{
    background-position: -357px -92px;
}
.inner aside .nav li:hover .dress-up{
    background-position: -357px -122px;
}
.inner aside .nav li .girls{
    background-position: -176px -2px;
}
.inner aside .nav li:hover .girls{
    background-position: -176px -32px;
}
.inner aside .nav li .match-3{
    background-position: -90px -2px;
}
.inner aside .nav li:hover .match-3{
    background-position: -90px -32px;
}
.inner aside .nav li .arcade{
    background-position: 0 -92px;
}
.inner aside .nav li:hover .arcade{
    background-position: 0 -122px;
}
.inner aside .nav li .skill{
    background-position: -239px -92px;
}
.inner aside .nav li:hover .skill{
    background-position: -239px -122px;
}
.inner aside .nav li .sports{
     background-position: -273px -92px;
 }
.inner aside .nav li:hover .sports{
    background-position: -273px -122px;
}
.inner aside .nav li .cards{
    background-position: -269px -2px;
}
.inner aside .nav li:hover .cards{
    background-position: -269px -32px;
}
.inner aside .nav li .action{
     background-position: -419px -2px;
 }
.inner aside .nav li:hover .action{
    background-position: -419px -32px;
}
.inner aside .nav li .racing{
    background-position: -120px -2px;
}
.inner aside .nav li:hover .racing{
    background-position: -120px -32px;
}
.inner aside .nav li .cars{
    background-position: -450px -92px;
}
.inner aside .nav li:hover .cars{
    background-position: -450px -122px;
}
.inner aside .nav li .puzzle{
    background-position: -208px -2px;
}
.inner aside .nav li:hover .puzzle{
    background-position: -208px -32px;
}
.inner aside .nav li .jump-and-run{
    background-position: 0 -182px;
}
.inner aside .nav li:hover .jump-and-run{
    background-position: 0 -212px;
}
.inner aside .nav li .time-management-and-strategy{
    background-position: -360px -2px;
}
.inner aside .nav li:hover .time-management-and-strategy{
    background-position: -360px -32px;
}
.inner aside .nav li .mahjong{
    background-position: -176px -92px;
}
.inner aside .nav li:hover .mahjong{
    background-position: -176px -122px;
}
.inner aside .nav li .educational{
    background-position: -90px -92px;
}
.inner aside .nav li:hover .educational{
    background-position: -90px -122px;
}
.inner aside .nav li .quiz{
    background-position: -300px -2px;
}
.inner aside .nav li:hover .quiz{
    background-position: -300px -32px;
}
.inner aside .nav li .bubble-shooter{
     background-position: -240px -2px;
 }
.inner aside .nav li:hover .bubble-shooter{
    background-position: -240px -32px;
}
.inner aside .nav li .tamagotchi{
    background-position: -445px -2px;
}
.inner aside .nav li:hover .tamagotchi{
    background-position: -445px -32px;
}
.inner aside .nav li .management{
    background-position:-418px -92px;
}
.inner aside .nav li:hover .management{
    background-position: -418px -122px;
}
.inner aside .nav li .cooking{
    background-position: -328px -92px;
}
.inner aside .nav li:hover .cooking{
    background-position: -328px -122px;
}
.inner aside .nav li .breakout{
    background-position: -301px -92px;
}
.inner aside .nav li:hover .breakout{
    background-position: -301px -122px;
}
.games li{
    float: left;margin: 0 20px 50px;width: 20%;text-align: center;
}
.games li h1{
    font-size: 20px; margin: 5px 0;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;font-weight: normal;
}
.games li .description{
    margin: 15px 0; height: 18px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;
}
.games li .playNow{
    padding:6px 15px; background:#29a1ea; color: #fff;margin: 5px 0;display: inline-block;
}
.inner aside .nav li.first{
    background-color: #ddd;
    font-weight: bold;
}