.ob_container .banner_pic, .ob_container .banner_pic .bs_slider {
    left: 0;
    width: 100%;
    height: 60.3em;
    min-height: 650px;
    position: absolute
}

@font-face {
    font-family: Conv_HelveticaNeueLTPro-Lt;
    src: url(http://static.orvibo.comhelveticaneueltpro-lt.eot/);
    src: url(https://static.orvibo.comhelveticaneueltpro-lt.woff/) format('woff'), url(https://static.orvibo.comhelveticaneueltpro-lt.ttf/) format('truetype'), url(https://static.orvibo.comhelveticaneueltpro-lt.svg/) format('svg');
    font-weight: 400;
    font-style: normal
}

.en_body a, .en_body h1, .en_body h2, .en_body p {
    font-family: Conv_HelveticaNeueLTPro-Lt
}

.cc_container .cc_item a.ci_home, .cc_container .cc_item a.ci_message, .cc_container .cc_item.cc_message a.ci_home, .cc_container .cc_item.cc_message a.ci_message, .ci_message_content .cmc_icon_left, .ci_message_content .cmc_icon_right, .featured .nextslide, .featured .prevslide, .hb_block.hb_four .hc_pic, .hb_block.hb_one .hc_pic, .hb_block.hb_three .hc_pic, .hb_block.hb_two .hc_pic, .home_app .ha_logo, .home_section .hs_item.hs_five .hi_pic, .home_section .hs_item.hs_four .hi_pic, .home_section .hs_item.hs_three .hi_pic, .home_section .hs_item.hs_two .hi_pic, .hs_three .ht_four .ht_pic, .hs_three .ht_one .ht_pic, .hs_three .ht_three .ht_pic, .hs_three .ht_two .ht_pic, .index_life .il_block.il_one .ib_pic, .index_life .il_block.il_three .ib_pic, .index_life .il_block.il_two .ib_pic, .index_solution ul.ib_mark li.ib_community a em, .index_solution ul.ib_mark li.ib_home a em, .index_solution ul.ib_mark li.ib_hotel a em, .index_solution ul.ib_mark li.ib_inCur.ib_community a em, .index_solution ul.ib_mark li.ib_inCur.ib_home a em, .index_solution ul.ib_mark li.ib_inCur.ib_hotel a em, .index_solution ul.ib_mark li.ib_inCur.ib_office a em, .index_solution ul.ib_mark li.ib_office a em, .pc_select a.cross_link em, .pc_select a.cross_link.ps_active em, .pc_select a.cross_link:active em, .pc_select a.cross_link:hover em, .pc_select a.vertical_link em, .pc_select a.vertical_link.ps_active em, .pc_select a.vertical_link:active em, .pc_select a.vertical_link:hover em, .sc_menu .sm_content .sm_right a.sr_one em, .sc_menu .sm_content .sm_right a.sr_one:hover em, .sc_menu .sm_content .sm_right a.sr_two em, .sc_menu .sm_content .sm_right a.sr_two:hover em, .sc_problem dl dt em, .sc_video .sv_block a .sv_mask em, .sc_video .sv_block a .sv_timer em, .sc_video .sv_block a:hover .sv_timer em, .sc_video .sv_block p.sv_title em, .sp_result ul.sr_items li a em, .ss_item .si_content .sc_line em, .ss_item .si_content .sc_line em.sl_dot, .support_details .sd_left li a em, .support_details .sd_left li a.sd_active em, .support_details .sd_right .sr_title div em {
    background: url(../image/new_global-0884efbccd.png) no-repeat
}

.o_banner {
    position: relative;
    height: 60.3em;
    z-index: 1;
    min-height: 650px;
    margin-bottom: -7px
}

.nb_container, .ob_container {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.ob_container .banner_pic {
    z-index: 1;
    top: 0
}

.ob_container .banner_pic .bs_slider {
    top: 0
}

.ob_container .banner_pic .bs_slider.bs_three, .ob_container .banner_pic .bs_slider.bs_two, .ob_container .banner_pic .bs_slider.en_banner_three, .ob_container .banner_pic .bs_slider.en_banner_two {
    display: none
}

.ob_container .banner_pic .bs_slider .bss_content {
    margin: 0 auto;
    width: 1190px
}

.bs_two h1, .en_banner_one h1 {
    font-size: 44px;
    color: #fff;
    text-align: left;
    width: 620px;
    margin-top: 6.4em;
    font-weight: 400
}

.bs_two p, .en_banner_one p {
    font-size: 20px;
    color: #fff;
    margin-top: 2.5em
}

.bs_two a.bc_android, .bs_two a.bc_ios, .en_banner_one a.bsc_android_btn, .en_banner_one a.bsc_ios_btn {
    display: block;
    float: left;
    margin-top: 6.25em
}

.bs_two a.bc_ios, .en_banner_one a.bsc_ios_btn {
    width: 190px;
    height: 67px;
    background: url(../image/ios_btn-4eb91e1707.png) center center no-repeat
}

.bs_two a.bc_android, .en_banner_one a.bsc_android_btn {
    width: 201px;
    height: 67px;
    background: url(../image/android_btn-b68b43a322.png) center center no-repeat;
    margin-left: 20px
}

.en_banner_three, .en_banner_two {
    text-align: center
}

.en_banner_two h1 {
    font-size: 44px;
    color: #333;
    margin-top: 330px;
    font-weight: 400
}

.en_banner_two p {
    margin-top: 44px;
    color: #333;
    font-size: 20px
}

.en_banner_three h1 {
    font-size: 44px;
    color: #333;
    margin-top: 114px;
    font-weight: 400
}

.en_banner_three p {
    margin-top: 44px;
    color: #333;
    font-size: 20px;
    text-align: 810px;
    text-align: center
}

.ob_mark {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    left: 50%;
    margin-left: -36px
}

.ob_mark li {
    float: left;
    margin-right: 12px
}

.ob_mark li a {
    display: block;
    height: 12px;
    width: 12px;
    border: 1px solid #828486;
    border-radius: 50%;
    transition: all .5s linear;
    -webkit-transition: all .5s linear
}

.ob_mark li.inCur a {
    width: 24px;
    background-color: #12cd3e;
    border-color: #12cd3e;
    border-radius: 6px
}

.ob_container .ob_center {
    width: 1190px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2
}

.ob_container a.slider_arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px
}

.ob_container a.bLeft:hover {
    background: url(../image/banner_left_active-e42df0f370.png) center center no-repeat
}

.ob_container a.bLeft {
    left: 18px;
    background: url(../image/banner_left_default-f6534805da.png) center center no-repeat
}

.ob_container a.bRight {
    right: 18px;
    background: url(../image/banner_right_default-5200a06df8.png) center center no-repeat
}

.ob_container a.bRight:hover {
    background: url(../image/banner_right_active-7c2a719aa9.png) center center no-repeat
}

.bs_one h1, .bs_three h1 {
    font-weight: 400;
    font-size: 44px;
    color: #fff;
    padding-top: 5.7em;
    text-align: center
}

.bs_one p, .bs_three p {
    font-size: 20px;
    color: #fff;
    margin: 28px auto 0;
    text-align: center
}

.bs_three h1 {
    padding-top: 7.7em
}

.bs_three p {
    width: 600px
}

.bs_slider a {
    display: block;
    width: 100%;
    height: 100%
}

.bs_one a.bs_btn, .ibs_content a {
    height: 48px;
    border-radius: 24px;
    line-height: 48px
}

.bs_one a.bs_btn {
    display: block;
    margin: 126px auto 0;
    width: 146px;
    background-color: #12cd3e;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.index_controller, .index_security, .index_smart {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0
}

.index_controller img, .index_security img, .index_smart img {
    width: 100%;
    height: auto
}

.index_controller .ic_txt {
    border-left: 1px solid #fff;
    padding-left: 24px;
    left: 3%;
    width: 45%;
    top: 74%;
    position: absolute;
    overflow: hidden
}

.index_controller .ic_txt.ic_right {
    left: 53%
}

.index_controller .ic_txt p.ic_title {
    font-size: 24px;
    color: #fff
}

.index_controller .ic_txt p.ic_exper {
    font-size: 16px;
    color: #fff;
    margin-top: 32px
}

.index_security a, .index_smart {
    display: block
}

.index_app, .index_security, .index_smart {
    margin-top: -4px
}

.index_app .ia_content, .index_security .is_content, .index_smart .is_content {
    width: 1190px;
    margin: 0 auto
}

.index_security .is_content, .index_smart .is_content {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -595px
}

.index_security .is_content .is_title, .index_smart .is_content .is_title {
    font-size: 46px;
    color: #fff
}

.index_security .is_content .is_txt, .index_smart .is_content .is_txt {
    font-size: 16px;
    color: #fff;
    margin-top: 30px
}

.index_smart .is_content .is_tips {
    font-size: 18px;
    color: #fff;
    margin-top: 30px
}

.index_security .is_content em {
    display: block;
    margin-top: 60px;
    width: 156px;
    height: 24px;
    background: url(../image/en_circle_icon-15e9e9c77c.png) center center no-repeat
}

.index_app {
    height: 915px;
    width: 100%;
    background-color: #f7f7f7;
    position: relative
}

.index_app .ia_content {
    text-align: center;
    padding-top: 86px
}

.index_app .ia_content .ia_title {
    font-size: 46px;
    color: #333
}

.index_app .ia_content .ia_txt {
    font-size: 16px;
    color: #333;
    margin-top: 26px
}

.index_app .ia_content .ia_exper {
    font-size: 22px;
    color: #00cd3e;
    margin-top: 56px
}

.index_app .ia_content .ia_phones {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1025px;
    height: 590px;
    margin-left: -512px;
    background: url(../image/en_phone-a0549ec73b.jpg) center center no-repeat
}

.index_solution {
    position: relative;
    z-index: 1;
    margin-top: 3px;
    height: 960px
}

.index_solution .is_banner, .index_solution .is_banner .ib_slider {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.index_solution .is_banner {
    z-index: 1
}

.index_solution .is_banner .ib_slider.ib_one {
    background: url(../image/index_hotel-3781c5a1a3.jpg) center no-repeat;
    background-size: cover
}

.index_solution .is_banner .ib_slider.ib_two {
    background: url(../image/index_community-c4dae84ca9.jpg) center no-repeat;
    display: none;
    background-size: cover
}

.index_solution .is_banner .ib_slider.ib_three {
    background: url(../image/index_office-d3a0d4bb75.jpg) center no-repeat;
    display: none;
    background-size: cover
}

.index_solution .is_banner .ib_slider.ib_four {
    background: url(../image/index_home-f55cedd542.jpg) center no-repeat;
    display: none;
    background-size: cover
}

.index_solution .is_banner .ib_slider.ib_three .ibs_content h1, .index_solution .is_banner .ib_slider.ib_three .ibs_content p {
    color: #322d33
}

.index_solution .ib_mask {
    position: relative;
    top: 0;
    left: 0;
    background-color: #9f9f9f;
    opacity: .3;
    filter: alpha(opacity=30);
    width: 100%;
    height: 250px;
    z-index: 2
}

.ibs_content a, .ibs_content em, .index_more .im_bar em {
    background-color: #12cd3e;
    display: block
}

.index_solution .ib_title {
    position: absolute;
    text-align: center;
    padding-top: 60px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3
}

.index_solution .ib_title p {
    font-size: 36px;
    color: #fff
}

.index_solution ul.ib_mark {
    margin-top: 24px;
    width: 580px;
    position: absolute;
    margin-left: -290px;
    top: 124px;
    left: 50%;
    z-index: 3
}

.index_solution ul.ib_mark li {
    width: 25%;
    float: left
}

.index_solution ul.ib_mark li a {
    text-align: center
}

.index_solution ul.ib_mark li a p {
    font-size: 14px;
    color: #fff;
    margin-top: 8px
}

.index_solution ul.ib_mark li.ib_inCur a p {
    color: #12cd3e
}

.index_solution ul.ib_mark li.ib_hotel a em {
    display: block;
    margin: 0 auto;
    background-position: -1040px 0;
    width: 45px;
    height: 42px
}

.index_solution ul.ib_mark li.ib_inCur.ib_hotel a em {
    background-position: -1085px 0
}

.index_solution ul.ib_mark li.ib_community a em {
    display: block;
    margin: 0 auto;
    background-position: -957px 0;
    width: 41px;
    height: 41px
}

.index_solution ul.ib_mark li.ib_inCur.ib_community a em {
    background-position: -916px 0
}

.index_solution ul.ib_mark li.ib_office a em {
    display: block;
    margin: 0 auto;
    background-position: -449px 0;
    width: 34px;
    height: 40px
}

.index_solution ul.ib_mark li.ib_inCur.ib_office a em {
    background-position: -483px 0
}

.index_solution ul.ib_mark li.ib_home a em {
    display: block;
    margin: 0 auto;
    background-position: -834px 0;
    width: 41px;
    height: 40px
}

.index_solution ul.ib_mark li.ib_inCur.ib_home a em {
    background-position: -875px 0
}

.ibs_content {
    width: 1190px;
    margin: 0 auto;
    text-align: center;
    padding-top: 32em
}

.ibs_content h1 {
    font-size: 24px;
    color: #fff
}

.ibs_content em {
    width: 74px;
    height: 3px;
    margin: 24px auto
}

.ibs_content p {
    font-size: 14px;
    color: #fff;
    width: 760px;
    margin: 0 auto
}

.ibs_content a {
    margin: 110px auto 0;
    width: 146px;
    font-size: 16px;
    color: #fff
}

.index_life, .index_more {
    margin-top: 3px
}

.i_solution a, .index_more .im_bar {
    margin-right: .2%;
    text-align: center;
    float: left
}

.index_more .im_bar {
    width: 33.2%;
    position: relative
}

.index_more .im_bar.im_last {
    margin-right: 0
}

.index_more .im_bar img {
    width: 100%;
    height: auto
}

.index_more .im_bar .im_txt {
    position: absolute;
    font-size: 28px;
    color: #fff;
    width: 100%;
    line-height: 32px;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -16px;
    z-index: 100
}

.index_more .im_bar em {
    width: 30px;
    height: 3px;
    margin: 18px auto 0
}

.index_more .im_bar .im_btn {
    position: relative;
    text-align: center;
    z-index: 100;
    display: block;
    width: 148px;
    height: 56px;
    font-size: 16px;
    color: #fff;
    line-height: 56px;
    margin: -2px auto 0;
    background: 0 0
}

.index_more .im_bar .im_txt svg {
    position: absolute;
    top: 51px;
    left: 50%;
    margin-left: -73px;
    opacity: 0;
    transition: opacity .5s linear;
    -webkit-transition: opacity .5s linear;
    filter: alpha(opacity=0)
}

.index_life .il_time .it_line.it_active p, .life_block .lb_time .lt_line.lt_active p {
    margin-left: 10px
}

.index_more .im_bar:hover .im_txt svg {
    stroke-dasharray: 2000;
    animation: dash 2s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100)
}

@keyframes dash {
    from {
        stroke-dashoffset: 2000;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0
    }
}

.index_life {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100vh
}

.index_life .il_time {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 172px;
    z-index: 3
}

.index_life .il_time .it_scale {
    margin-top: 24px;
    width: 9px;
    height: 1px;
    filter: alpha(opacity=40);
    opacity: .4;
    background-color: #fff
}

.index_life .il_time .it_scale.it_first {
    margin-top: 12px
}

.index_life .il_time .it_line {
    margin-top: 12px;
    filter: alpha(opacity=40);
    opacity: .4;
    width: 100px;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    display: block
}

.index_life .il_time .it_line.it_active {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 1s linear;
    -webkit-transition: all 1s linear
}

.index_life .il_time .it_line.it_active em {
    width: 27px;
    height: 5px
}

.index_life .il_time .it_line em {
    display: block;
    width: 20px;
    height: 3px;
    float: left;
    background-color: #fff;
    margin-top: 12px
}

.index_life .il_time .it_line p {
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-left: 14px
}

.index_life .il_block {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2
}

.index_life .il_block.il_curr, .index_life .il_time.il_curr {
    position: fixed;
    top: 0;
    left: 0
}

.index_life .il_block.il_one {
    background: url(../image/life_bg1-d3a6f6d618.jpg) center center no-repeat;
    opacity: 1;
    filter: "alpha(opacity=100)";
    background-size: cover
}

.index_life .il_block.il_two {
    background: url(../image/life_bg2-b43a6c7583.jpg) center center no-repeat;
    background-size: cover
}

.index_life .il_block.il_three {
    background: url(../image/life_bg3-189ad07899.jpg) center center no-repeat;
    background-size: cover
}

.index_life .il_block .ib_title {
    height: 200px
}

.index_life .il_block .ib_title span {
    font-size: 48px;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.index_life .il_block .ib_title span.it_number {
    width: 180px
}

.index_life .il_block .ib_title img {
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle
}

.index_life .il_block .ib_txt {
    margin: 44px auto 0;
    text-align: center;
    width: 400px;
    font-size: 16px;
    color: #fff
}

.index_life .il_block .ib_container {
    width: 1190px;
    margin: 0 auto;
    text-align: center;
    padding-left: 20px
}

.index_life .il_block.il_one .ib_pic {
    margin: 30px auto 0;
    width: 212px;
    height: 52px;
    background: url(../image/index_life_pic1-5626185451.png) center center no-repeat
}

.index_life .il_block.il_two .ib_pic {
    margin: 30px auto 0;
    width: 381px;
    height: 49px;
    background: url(../image/index_life_pic2-868784380d.png) center center no-repeat
}

.index_life .il_block.il_three .ib_pic {
    margin: 30px auto 0;
    width: 200px;
    height: 47px;
    background: url(../image/index_life_pic3-8427efc82f.png) center center no-repeat
}

.i_banner, .i_banner .ib_slider, .i_banner .ib_slider li {
    height: 724px;
    width: 100%
}

.i_banner {
    position: relative
}

.i_banner .ib_slider {
    position: absolute;
    overflow: hidden;
    float: left
}

.i_banner .ib_slider li a {
    display: block;
    width: 100%;
    height: 100%
}

.i_banner .ib_slider .ibs1 {
    background: url(../image/banner1-a43ad6a4b9.jpg) no-repeat
}

.i_banner .ib_slider .ibs2 {
    background: url(../image/banner2-77cd0e57d8.jpg) no-repeat
}

.i_banner .ib_slider .ibs3 {
    background: url(../image/banner3-4488f54e61.jpg) no-repeat
}

.i_banner .ib_mark {
    position: absolute;
    width: 230px;
    left: 50%;
    margin-left: -85px;
    bottom: 50px;
    z-index: 999
}

.i_banner .ib_mark li {
    width: 50px;
    margin-right: 10px;
    float: left
}

.i_banner .ib_mark li a {
    display: block;
    width: 100%;
    height: 10px;
    position: relative
}

.i_banner .ib_mark li a div {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 50px;
    background-color: #2f2f2f;
    overflow: hidden;
    left: 0;
    z-index: 1
}

.i_banner .ib_mark li a .im_progress {
    width: 0;
    background-color: #ccc;
    z-index: 9
}

.i_solution {
    margin-top: 4px
}

.i_solution a {
    display: block;
    width: 33.2%;
    height: 399px;
    overflow: hidden;
    position: relative
}

.i_solution a.is_item1 {
    background: url(../image/bg1-c26b004bc7.jpg) center no-repeat
}

.i_solution a.is_item2 {
    background: url(../image/bg2-ab691f4609.jpg) center no-repeat
}

.i_solution a.is_item3 {
    background: url(../image/bg3-f02d0f12c4.jpg) center no-repeat;
    margin-right: 0
}

.i_solution a div {
    padding-top: 30px
}

.i_comp ul.ic_tabs li span, .i_solution a i, .ic_more a {
    display: block;
    margin: 0 auto;
    background: url(../image/icons-fdf8a36c22.png) center no-repeat
}

.i_solution a.is_item1 i {
    width: 51px;
    height: 48px;
    background-position: -48px 0
}

.i_solution a.is_item2 i {
    width: 60px;
    height: 40px;
    background-position: -159px 0
}

.i_solution a.is_item3 i {
    width: 60px;
    height: 36px;
    background-position: -99px 0
}

.i_solution a h4 {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 500;
    margin-top: 6px
}

.i_solution a p {
    font-size: 14px;
    color: grey;
    margin-top: 18px
}

.i_solution a img {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: auto;
    transition: all .6s
}

.i_solution a.is_item1 img {
    margin-left: -153px;
    width: 307px
}

.i_solution a.is_item2 img {
    margin-left: -126px;
    width: 253px
}

.i_solution a.is_item3 img {
    left: 0;
    width: 100%
}

.i_solution a:hover img {
    transform: scale(1.1)
}

.ip_slides {
    overflow: hidden;
    width: 1400px;
    margin: 48px auto;
    height: 320px;
    position: relative
}

.i_pro, .i_sec {
    margin-top: 78px;
    text-align: center
}

.i_pro h2, .i_sec h2 {
    font-size: 36px;
    color: #2f2f2f;
    font-weight: 400
}

.i_sec ul {
    width: 1400px;
    margin: 48px auto
}

.i_pro ul {
    float: left;
    width: 1400px
}

.i_pro ul li, .i_sec ul li {
    float: left;
    margin-right: 80px;
    position: relative;
    width: 290px;
    height: 320px;
    overflow: hidden
}

.i_pro ul li .ip_mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 270px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    animation: bounceInDown1 .6s .2s ease-in-out both;
    -webkit-animation: bounceInDown1 .6s .2s ease-in-out both
}

.i_pro ul li p {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 99;
    overflow: hidden
}

.i_pro ul li p.ip_title {
    font-size: 20px;
    color: #fff;
    bottom: 0;
    width: 100%;
    line-height: 50px;
    height: 50px;
    background: #2f2f2f
}

.i_pro ul li p.ip_txt {
    font-size: 14px;
    color: #fff;
    top: 320px
}

.i_pro ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.i_pro ul li a:hover .ip_title {
    background-color: #2f7cd3
}

.ip_slides .slidesjs-navigation {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    border-radius: 7px;
    z-index: 999;
    background: url(../image/arrow-46503c96df.png) no-repeat;
    opacity: .8;
    filter: alpha(opacity=80)
}

.ip_slides .slidesjs-previous {
    background-position: -120px 0;
    left: 0
}

.ip_slides .slidesjs-previous:hover {
    background-position: -80px 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ip_slides .slidesjs-navigation.disabled {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ip_slides .slidesjs-previous.disabled:hover {
    background-position: -120px 0
}

.ip_slides .slidesjs-next {
    background-position: -40px 0;
    right: 0
}

.ip_slides .slidesjs-next:hover {
    background-position: 0 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ip_slides .slidesjs-next.disabled:hover {
    background-position: -40px 0
}

@keyframes bounceInUp1 {
    0% {
        top: 270px
    }

    100% {
        top: 0
    }
}

@keyframes bounceInUp2 {
    0% {
        top: 280px
    }

    100% {
        top: 120px
    }
}

@keyframes bounceInUp3 {
    0% {
        top: 320px
    }

    100% {
        top: 150px
    }
}

@keyframes bounceInUp4 {
    0% {
        top: 320px
    }

    100% {
        top: 200px
    }
}

@keyframes bounceInDown1 {
    0% {
        top: 0
    }

    100% {
        top: 270px
    }
}

@keyframes bounceInDown2 {
    0% {
        top: 120px
    }

    100% {
        top: 280px
    }
}

@keyframes bounceInDown3 {
    0% {
        top: 150px
    }

    100% {
        top: 320px
    }
}

@keyframes bounceInDown4 {
    0% {
        top: 200px
    }

    100% {
        top: 320px
    }
}

.i_sec {
    background-color: #f6f6f6;
    padding-top: 78px;
    padding-bottom: 78px
}

.i_sec ul li {
    height: 400px;
    background-color: #fff
}

.i_sec ul li .is_block {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    z-index: 9;
    padding: 0 18px;
    height: 120px;
    width: 256px
}

.i_sec ul li .is_block p {
    text-align: left;
    margin-top: 14px;
    color: #2f2f2f
}

.i_sec ul li .is_block p.is_title {
    font-size: 20px
}

.i_sec ul li .is_block p.is_txt {
    font-size: 14px
}

.i_sec ul li .is_block p.is_tips {
    font-size: 14px;
    color: #b2b2b2
}

.i_sec ul li .is_block div {
    width: 30px;
    height: 1px;
    margin-top: 10px;
    background-color: #2f2f2f
}

.i_sec ul li .is_block em {
    display: block;
    width: 234px;
    height: 88px;
    background: url(../image/pic4-d101d7ea01.png) center no-repeat;
    margin-top: 14px
}

.i_sec .is_more {
    font-size: 16px;
    color: #2f7cd3
}

.i_sec .is_more em {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../image/more_icon-86b86aa246.png);
    margin: 18px auto 0
}

@keyframes bounceInUp5 {
    0% {
        top: 300px
    }

    100% {
        top: 200px
    }
}

@keyframes bounceInDown5 {
    0% {
        top: 200px
    }

    100% {
        top: 300px
    }
}

.ism_container {
    width: 1200px;
    margin: 32px auto;
    display: none
}

.ism_container .ismc_close {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: url(../image/close_icon-ca2c7f7ea6.png) center no-repeat
}

.ism_container .ismc_item {
    margin-top: 70px
}

.ism_container .ismc_item img {
    float: left
}

.ism_container .ismc_item .isi_content {
    float: left;
    margin-left: 60px;
    margin-top: 52px;
    text-align: left;
    width: 640px
}

.ism_container .ismc_item .isi_content .isic_p1 {
    font-size: 30px;
    color: #2f2f2f
}

.ism_container .ismc_item .isi_content em {
    display: block;
    width: 30px;
    height: 1px;
    background: #2f2f2f;
    margin: 24px 0
}

.ism_container .ismc_item .isi_content p {
    font-size: 16px;
    color: #2f2f2f;
    line-height: 24px
}

.i_comp a, .i_comp ul.ic_tabs li .it_left .il_title {
    font-size: 14px
}

.i_comp {
    background-color: #fff;
    margin: 100px 0;
    text-align: center
}

.i_comp ul {
    width: 1200px;
    margin: 0 auto
}

.i_comp a, .i_comp ul.ic_tabs {
    margin-top: 20px
}

.i_comp ul.ic_tab li {
    float: left;
    cursor: pointer;
    height: 93px
}

.i_comp ul.ic_tab li.it_item1 {
    width: 188px;
    background: url(../image/comp1-dd34250fd5.jpg) center no-repeat
}

.i_comp ul.ic_tab li.it_item2 {
    width: 210px;
    background: url(../image/comp2-d99b8fbaaf.jpg) center no-repeat
}

.i_comp ul.ic_tab li.it_item3 {
    width: 209px;
    background: url(../image/comp3-36b525e236.jpg) center no-repeat
}

.i_comp ul.ic_tab li.it_item4 {
    width: 190px;
    background: url(../image/comp4-b7ab228594.jpg) center no-repeat
}

.i_comp ul.ic_tab li.it_item5 {
    width: 217px;
    background: url(../image/comp5-d134170f34.jpg) center no-repeat
}

.i_comp ul.ic_tab li.it_item6 {
    width: 186px;
    background: url(../image/comp6-3c3143ace7.jpg) center no-repeat
}

.i_comp a {
    color: #2f7cd3
}

.i_comp ul.ic_tabs li {
    width: 100%;
    height: 180px;
    border-top: 1px solid #eaeaea;
    position: relative;
    display: none
}

.i_comp ul.ic_tabs li span {
    position: absolute;
    display: block;
    top: -1px;
    left: 44px;
    width: 18px;
    height: 10px;
    background-position: 0 0
}

.ic_more, .login_form, .other_login, .phone_form, .reg_form {
    display: none
}

.i_comp ul.ic_tabs li .it_left {
    float: left;
    width: 22%;
    padding-top: 56px
}

.i_comp ul.ic_tabs li .it_left p {
    margin-left: 20px;
    color: #2f2f2f;
    text-align: left
}

.i_comp ul.ic_tabs li .it_left .il_txt {
    font-size: 20px;
    margin-top: 16px
}

.i_comp ul.ic_tabs li .it_right {
    float: left;
    width: 75%;
    padding-top: 44px;
    text-align: left;
    font-size: 16px;
    color: #b2b2b2;
    line-height: 40px
}

.i_comp ul.ic_tabs li#tab2 span {
    left: 252px
}

.i_comp ul.ic_tabs li#tab3 span {
    left: 484px
}

.i_comp ul.ic_tabs li#tab4 span {
    left: 700px
}

.i_comp ul.ic_tabs li#tab5 span {
    left: 912px
}

.i_comp ul.ic_tabs li#tab6 span {
    left: 1130px
}

.ic_more {
    width: 1200px;
    margin: 76px auto
}

.ic_more div {
    height: 277px;
    width: 100%;
    background: url(../image/comps-739dea001a.jpg) center no-repeat
}

.ic_more a {
    margin: 44px auto 0;
    display: block;
    width: 30px;
    height: 50px;
    background-position: -18px 0
}

@media screen and (max-width:1400px) {
    .i_pro ul, .i_sec ul, .ip_slides {
        width: 1200px
    }

    .i_pro ul li, .i_sec ul li {
        margin-right: 13px
    }
}

.index_news {
    margin-top: -1px;
    height: 752px;
    width: 100%;
    background: #fff
}

.index_news .in_con {
    padding-top: 55px
}

.index_news .in_container {
    width: 1190px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 14px 38px
}

.index_news .in_title {
    font-size: 36px;
    color: #2f2f2f;
    line-height: 125px;
    width: 100%;
    height: 125px;
    text-align: center
}

.index_news .in_title span {
    padding-left: 12px;
    font-weight: 400
}

.index_news .in_container ul {
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.index_news .in_container ul li a img {
    width: 580px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    z-index: 2
}

.in_container ul li a:hover img, .index_news .in_container ul li a img.ic_first {
    opacity: 1;
    filter: alpha(opacity=100)
}

.index_news .in_container ul li a .ic_item {
    float: right;
    width: 610px;
    height: 120px
}

.in_container ul li a .ic_item .ii_time {
    float: left;
    width: 120px;
    color: #000;
    text-align: center;
    height: 80px;
    padding: 20px 0;
    background-color: #fff
}

.in_container ul li a .ic_item .ii_time p.it_day {
    font-size: 44px;
    line-height: 46px
}

.in_container ul li a .ic_item .ii_time p.it_year {
    font-size: 16px;
    line-height: 18px
}

.in_container ul li a .ic_item .ii_content {
    width: 450px;
    color: #000;
    padding: 20px;
    float: right;
    height: 80px
}

.in_container ul li a .ic_item .ii_content p.ic_title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.in_container ul li a .ic_item .ii_content p.ic_txt {
    font-size: 12px;
    line-height: 24px;
    margin-top: 14px
}

.in_container ul li a:hover .ic_item .ii_time {
    background-color: #565459;
    color: #fff
}

.in_container ul li a:hover .ic_item .ii_content {
    background-color: #605e63;
    color: #fff
}

.in_container ul li a:hover img {
    z-index: 3
}

.life_title {
    width: 100%;
    height: 960px;
    background: url(../image/life_bg-55e593291b.jpg) center center no-repeat;
    text-align: center
}

.life_title h2 {
    padding-top: 294px;
    font-weight: 400;
    font-size: 44px;
    color: #fff
}

.life_title p {
    margin-top: 24px;
    font-size: 20px;
    color: #fff
}

.life_block {
    width: 100%;
    position: relative;
    overflow: hidden
}

.life_block .lb_time {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 8%;
    z-index: 3
}

.life_block .lb_time .lt_scale {
    margin-top: 24px;
    width: 9px;
    height: 1px;
    filter: alpha(opacity=40);
    opacity: .4;
    background-color: #fff
}

.life_block .lb_time .lt_scale.lt_first {
    margin-top: 12px
}

.life_block .lb_time .lt_line {
    margin-top: 12px;
    filter: alpha(opacity=40);
    opacity: .4;
    width: 100px;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    display: block
}

.life_block .lb_time .lt_line.lt_active {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 1s linear;
    -webkit-transition: all 1s linear
}

.life_block .lb_time .lt_line.lt_active em {
    width: 27px;
    height: 5px
}

.life_block .lb_time .lt_line em {
    display: block;
    width: 20px;
    height: 3px;
    float: left;
    background-color: #fff;
    margin-top: 12px
}

.life_block .lb_time .lt_line p {
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-left: 14px
}

.life_block .ll_block {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2
}

.life_block .lb_time.ll_curr, .life_block .ll_block.ll_curr {
    position: fixed;
    top: 0;
    left: 0
}

.life_block .ll_block.ll_one {
    background: url(../image/life_banner1-d70650af84.jpg) center center no-repeat;
    opacity: 1;
    filter: "alpha(opacity=100)";
    background-size: cover
}

.life_block .ll_block.ll_two {
    background: url(../image/life_banner2-3a2e8e67b9.jpg) center center no-repeat;
    background-size: cover
}

.life_block .ll_block.ll_three {
    background: url(../image/life_banner3-f0f8f3d3de.jpg) center center no-repeat;
    background-size: cover
}

.life_block .ll_block .lb_title {
    height: 200px
}

.life_block .ll_block .lb_title span {
    font-size: 48px;
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.life_block .ll_block .lb_title span.lt_number {
    width: 125px;
    text-align: right
}

.life_block .ll_block .lb_title img {
    padding: 0 30px;
    display: inline-block;
    vertical-align: middle
}

.life_block .ll_block .lb_txt {
    margin-top: 16px;
    text-align: center;
    width: 400px;
    font-size: 16px;
    color: #333;
    margin-left: 50px
}

.life_banner h2, .life_banner p, .life_bar .lb_three p, .life_block .ll_block.ll_three .lb_title span, .life_block .ll_block.ll_three .lb_txt {
    color: #fff
}

.life_block .ll_block.ll_one .lb_pic {
    width: 453px;
    margin-top: 30px;
    background: url(../image/life_pic1-235a431b99.png) center center no-repeat;
    height: 52px
}

.life_block .ll_block.ll_two .lb_pic {
    width: 513px;
    margin-top: 30px;
    background: url(../image/life_pic2-5713709703.png) center center no-repeat;
    height: 49px
}

.life_block .ll_block.ll_three .lb_pic {
    width: 493px;
    margin-top: 30px;
    background: url(../image/life_pic3-d3209b76a6.png) center center no-repeat;
    height: 47px
}

.life_block .ll_block .lb_container {
    width: 1190px;
    margin: 0 auto;
    text-align: left;
    padding-left: 20px
}

.life_banner {
    width: 100%;
    height: 851px;
    background: url(../image/lwo_bg1-e9ad06c646.jpg) center center no-repeat
}

.life_banner h2 {
    font-size: 45px;
    padding-top: 388px;
    font-weight: 400;
    margin-left: 42%
}

.life_banner p {
    font-size: 22px;
    margin-left: 42%;
    margin-top: 60px
}

.life_bar .lb_title {
    width: 100%;
    height: 450px;
    background-color: #fff;
    text-align: center
}

.life_bar .lb_title p.lt_title {
    font-size: 28px;
    color: #333;
    padding-top: 140px
}

.life_bar .lb_title div {
    width: 30px;
    height: 4px;
    margin: 40px auto;
    background-color: #12cd3e
}

.life_bar .lb_title p.lt_txt {
    width: 510px;
    text-align: center;
    font-size: 16px;
    color: #333;
    margin: 0 auto
}

.life_bar .lb_title.lbt_two em {
    display: block;
    width: 162px;
    height: 59px;
    margin: 46px auto 0;
    background: url(../image/lwo_icon1-5418747e8f.png) center center no-repeat
}

.life_bar .lb_title.lbt_three em {
    display: block;
    width: 254px;
    height: 61px;
    margin: 46px auto 0;
    background: url(../image/lwo_icon2-9998df57de.png) center center no-repeat
}

.life_bar .lb_content {
    width: 100%;
    height: 960px
}

.life_bar .lb_content p {
    font-size: 45px;
    color: #333;
    text-align: center;
    padding-top: 458px;
    margin: 0 auto;
    width: 700px
}

.life_bar .lb_content div {
    margin: 50px auto;
    width: 30px;
    height: 4px;
    background-color: #333
}

.life_bar .lb_one {
    background: url(../image/lwo_bg2-ef11aa73b6.jpg) center center no-repeat
}

.life_bar .lb_two {
    background: url(../image/lwo_bg3-1084a89283.jpg) center center no-repeat
}

.life_bar .lb_three {
    background: url(../image/lwo_bg4-460c4b0adf.jpg) center center no-repeat
}

.life_bar .lb_three div {
    background-color: #fff
}

.life_time_line {
    position: absolute;
    z-index: 9;
    top: 1006px;
    left: 18%;
    width: 117px;
    height: 4075px;
    background: url(../image/lwo_line-5215eb99c1.png) center center no-repeat
}

.solution_banner {
    width: 100%;
    height: 360px;
    background: url(../image/solution_bg1-b90c27c763.jpg) center center no-repeat
}

.solution_bar .sob_title {
    width: 100%;
    height: 306px;
    background-color: #fff;
    text-align: center
}

.solution_bar .sob_title .st_title {
    font-size: 28px;
    color: #333;
    padding-top: 84px
}

.solution_bar .sob_title .st_txt {
    margin: 38px auto 0;
    text-align: center;
    width: 860px;
    font-size: 16px;
    color: #333
}

.solution_bar .sob_pic {
    width: 100%;
    height: 600px
}

.solution_bar .sob_pic p.sp_title {
    text-align: 28px;
    padding-top: 72px;
    margin-left: 52.9%;
    font-size: 28px
}

.solution_bar .sob_pic em {
    display: block;
    margin-top: 50px;
    width: 30px;
    height: 4px;
    margin-left: 52.9%
}

.solution_bar .sob_pic p.sp_txt {
    font-size: 16px;
    text-align: left;
    width: 534px;
    margin-top: 66px;
    margin-left: 52.9%;
    line-height: 24px
}

.solution_one .sob_one {
    background: url(../image/solution_bg2-61110edbd6.jpg) center center no-repeat
}

.solution_one .sob_one p.sp_title, .solution_one .sob_one p.sp_txt {
    color: #9c897d
}

.solution_one .sob_one em {
    background-color: #a89081
}

.solution_one .sob_two {
    background: url(../image/solution_bg3-8ea8b61057.jpg) center center no-repeat
}

.solution_one .sob_two p.sp_title, .solution_one .sob_two p.sp_txt {
    color: #918a77
}

.solution_one .sob_two em {
    background-color: #9b927a
}

.solution_two .sob_one {
    background: url(../image/solution_bg4-941e4ab387.jpg) center center no-repeat
}

.solution_two .sob_one p.sp_title, .solution_two .sob_one p.sp_txt {
    color: #9c897d
}

.solution_two .sob_one em {
    background-color: #ac95a4
}

.solution_two .sob_two {
    background: url(../image/solution_bg5-0275ee50d3.jpg) center center no-repeat
}

.solution_two .sob_two p.sp_title, .solution_two .sob_two p.sp_txt {
    color: #8e878e
}

.solution_two .sob_two em {
    background-color: #978d97
}

.solution_three .sob_one {
    background: url(../image/solution_bg6-fcc7c20088.jpg) center center no-repeat
}

.solution_three .sob_one p.sp_title, .solution_three .sob_one p.sp_txt {
    color: #308cef
}

.solution_three .sob_one em {
    background-color: #308cef
}

.solution_three .sob_two {
    background: url(../image/solution_bg7-ff8ddb9ed1.jpg) center center no-repeat
}

.solution_three .sob_two p.sp_title, .solution_three .sob_two p.sp_txt {
    color: #a3a3a3
}

.solution_three .sob_two em {
    background-color: #818181
}

.login_content, .login_header .lh_content {
    width: 1190px;
    margin: 20px auto 0
}

.login_header h1 {
    float: left;
    width: 235px;
    height: 27px;
    background: url(../image/logo-14f79c4ec3.png) center center no-repeat
}

.login_header h1 a {
    display: block;
    height: 0;
    padding-top: 27px;
    overflow: hidden
}

.lh_content .lh_link {
    float: right
}

.lh_content .lh_link a {
    font-size: 16px;
    color: #888;
    float: left
}

.lh_content .lh_link a.lhl_first:after {
    content: "·";
    color: #ccc;
    margin: 0 8px
}

.lh_content .lh_link a.login_active, .lh_content .lh_link a:hover {
    color: #333
}

.login_content .lc_title {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    position: relative;
    margin-top: 128px
}

.login_content .lc_title div {
    width: 158px;
    margin-top: -12px;
    margin-left: -79px;
    background-color: #fff;
    float: left;
    text-align: center;
    position: absolute;
    left: 50%
}

.login_content .find_title div {
    width: 302px;
    margin-left: -151px
}

.login_content .reset_title div {
    width: 112px;
    margin-left: -56px
}

.login_content .lc_title a {
    float: left;
    font-size: 18px;
    color: #888;
    padding: 0 20px
}

.login_content a.login_active, .login_content a:hover {
    color: #333
}

.login_content a.lct_first {
    padding-right: 0
}

.login_content a.lct_first:after {
    content: "·";
    color: #888;
    padding-left: 20px
}

.login_content p.send_txt {
    font-size: 14px;
    color: #12cd3e;
    text-align: center;
    margin-top: 90px
}

.lc_form {
    margin: 78px auto 0;
    width: 300px
}

.lc_form .lf_group {
    margin-bottom: 16px
}

.lc_form .lf_group input {
    font-size: 14px;
    border: 1px solid #ebebeb;
    padding: 10px 0 10px 10px;
    line-height: 22px;
    width: 290px
}

.lc_form .lf_group input:focus {
    border-color: #12cd3e
}

.lc_form .lf_group p {
    font-size: 12px;
    color: #12cd3e;
    margin-top: 16px;
    margin-left: 10px
}

.lc_form .lf_code button {
    display: block;
    float: right;
    width: 100px;
    height: 44px;
    font-size: 14px;
    color: #333;
    line-height: 44px;
    text-align: center;
    border: 1px solid #ebebeb;
    background-color: #fff
}

.lc_form .lf_code input {
    width: 180px
}

.lc_form .lf_code img {
    width: 100px;
    height: 44px;
    float: right
}

.lc_form .lf_submit input {
    width: 100%;
    background-color: #12cd3e;
    color: #fff;
    text-align: center;
    height: 50px;
    font-size: 16px;
    border: none
}

.comm_system, .other_login {
    border-top: 1px solid #ebebeb
}

.lc_form .lf_select {
    padding-bottom: 46px
}

.lc_form .lf_select span {
    font-size: 12px;
    color: #888;
    float: left
}

.lc_form .lf_select input {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    float: left
}

.lc_form .lf_select a {
    font-size: 12px;
    color: #12cd3e;
    float: right
}

.other_login {
    margin: 0 auto;
    width: 300px;
    text-align: center
}

.other_login p {
    font-size: 12px;
    color: #888;
    margin-bottom: 32px;
    margin-top: 38px
}

.other_login a {
    width: 48px;
    height: 48px;
    margin: 0 14px;
    display: inline-block
}

.other_login a.weibo_login {
    background: url(../image/weibo_icon-7dfca00412.png) center center no-repeat
}

.other_login a.qq_login {
    background: url(../image/qq_icon-7a475feaa8.png) center center no-repeat
}

.ple_banner {
    width: 100%;
    height: 600px;
    background: url(../image/en_pro_banner-165fcd8723.jpg) center center no-repeat;
    text-align: center
}

.ple_banner p {
    padding-top: 100px;
    font-size: 32px;
    color: #fff
}

.pl_banner .pb_container a, .ple_banner a {
    display: block;
    width: 196px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    background-color: #12cd3e;
    border-radius: 25px;
    margin: 46px auto 0;
    line-height: 50px
}

.pl_banner {
    width: 100%;
    height: 500px;
    position: relative
}

.pl_banner img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.pl_banner .pb_container {
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    z-index: 3;
    text-align: center
}

.pl_banner .pb_container p {
    font-size: 36px;
    color: #333;
    padding-top: 156px
}

.pl_banner .pb_container a {
    text-align: center
}

.pl_container {
    border-bottom: 1px solid #ebebeb
}

.pl_content {
    width: 1190px;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 46px;
    padding-bottom: 66px
}

.pl_content ul.pc_list {
    float: left;
    margin-left: 10px;
    height: 100%
}

.pl_content ul.pc_list li {
    width: 220px;
    height: 124px;
    margin-bottom: 10px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    border: 1px solid #ebebeb
}

.pl_content ul.pc_list li a {
    display: block;
    color: #888;
    font-size: 14px;
    text-align: center;
    border-left: 3px solid transparent;
    height: 112px;
    padding-top: 12px
}

.pl_content ul.pc_list li a img {
    width: 60px;
    height: 60px;
    margin: 0 auto 18px;
    display: block
}

.pl_content ul.pc_list li a img.pl_active {
    display: none
}

.pl_content ul.pc_list li a.pl_all {
    line-height: 124px;
    padding-top: 0;
    height: 124px
}

.cross_list .cl_block ul li a:hover, .pl_content ul.pc_list li.pc_active, .sc_video .sv_block a:hover, .vertical_list .vl_block ul li a:hover {
    border-color: transparent;
    box-shadow: 0 8px 10px rgba(212, 212, 212, .2);
    -webkit-box-shadow: 0 8px 10px rgba(212, 212, 212, .2);
    -moz-box-shadow: 0 8px 10px rgba(212, 212, 212, .2);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0)
}

.pl_content ul.pc_list li.pc_active a {
    border-color: #12cd3e;
    color: #12cd3e
}

.pl_content ul.pc_list li.pc_active a img.pl_active {
    display: block
}

.pl_content ul.pc_list li.pc_active a img.pl_default {
    display: none
}

.cross_list, .pc_select, .vertical_list {
    float: right;
    margin-right: 10px;
    width: 77%
}

.pc_select {
    width: 84px
}

.vertical_list {
    display: none
}

.pc_select a {
    border: 1px solid #ebebeb;
    width: 40px;
    height: 40px;
    display: block;
    float: left
}

.pc_select a.cross_link em {
    background-position: -44px 0;
    border-right: none;
    display: block;
    width: 12px;
    height: 12px;
    margin: 14px
}

.pc_select a.cross_link.ps_active em, .pc_select a.cross_link:active em, .pc_select a.cross_link:hover em {
    background-position: -80px 0
}

.pc_select a.vertical_link em {
    background-position: -68px 0;
    display: block;
    width: 12px;
    height: 12px;
    margin: 14px
}

.pc_select a.vertical_link.ps_active em, .pc_select a.vertical_link:active em, .pc_select a.vertical_link:hover em {
    background-position: -56px 0
}

.cross_list .cl_block p.cl_title, .vertical_list .vl_block p.vl_title {
    font-size: 24px;
    color: #333;
    padding-top: 60px
}

.cross_list .cl_block ul li {
    width: 282px;
    height: 356px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-top: 20px
}

.cross_list .cl_block ul li a {
    width: 280px;
    height: 354px;
    text-align: center;
    border: 1px solid #ebebeb;
    display: block;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.cross_list .cl_block ul li a p.cb_title {
    font-size: 14px;
    color: #333;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.cross_list .cl_block ul li a p.cb_txt {
    font-size: 12px;
    color: #ccc;
    margin-top: 10px
}

.cross_list .cl_block ul li a em {
    display: none;
    width: 20px;
    height: 3px;
    background-color: #12cd3e;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px
}

.cross_list .cl_block ul li a:hover p {
    color: #12cd3e
}

.cross_list .cl_block ul li a:hover em {
    display: block
}

.vertical_list .vl_block ul li {
    width: 100%;
    height: 272px;
    margin-top: 20px
}

.vertical_list .vl_block ul li a {
    width: 98%;
    height: 270px;
    border: 1px solid #ebebeb;
    display: block;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.vertical_list .vl_block ul li a img {
    padding: 0 36px;
    border-right: 1px solid #ebebeb
}

.vertical_list .vl_block ul li a .vi_right {
    float: right;
    width: 60%;
    position: relative;
    height: 270px
}

.vertical_list .vl_block ul li a .vi_right p.vr_title {
    margin-left: 60px;
    margin-top: 50px;
    font-size: 14px;
    color: #333
}

.vertical_list .vl_block ul li a .vi_right p.vr_txt {
    font-size: 12px;
    color: #ccc;
    margin-top: 28px;
    margin-left: 60px
}

.vertical_list .vl_block ul li a .vi_right em {
    display: block;
    margin-left: 60px;
    margin-top: 20px;
    width: 20px;
    height: 3px;
    background-color: #12cd3e
}

.vertical_list .vl_block ul li a .vi_right div {
    position: absolute;
    left: 60px;
    bottom: 34px;
    background-color: #12cd3e;
    width: 164px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 32px
}

.vertical_list .vl_block ul li a:hover {
    border-color: #ebebeb
}

.support_banner {
    width: 100%;
    height: 399px;
    background: url(../image/support_banner-f7d538b487.jpg) center center no-repeat;
    text-align: center
}

.support_banner .sb_title {
    padding-top: 150px;
    font-size: 36px;
    color: #fff
}

.support_banner .search_form {
    width: 560px;
    margin: 36px auto 0;
    text-align: left
}

.support_banner .search_bar {
    width: 100%;
    height: 44px;
    background-color: #fff;
    border-radius: 22px;
    text-align: left
}

.support_banner .search_bar .sf_input {
    color: #cbcbcb;
    width: 400px;
    line-height: 44px;
    font-size: 14px;
    margin-left: 20px;
    border: none;
    float: left
}

.support_banner .search_bar .sf_input:focus {
    color: #666;
    border: none
}

.support_banner .search_bar .sf_btn {
    width: 140px;
    height: 44px;
    background: url(../image/search_icon-eaca76d7ab.png) 14% center no-repeat #12cd3e;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    border: none;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    float: left;
    padding-left: 20px
}

.sc_menu, .sc_problem dl, .sc_video .sv_block {
    border-bottom: 1px solid #ebebeb
}

.support_banner .search_form p.sf_tips {
    font-size: 14px;
    color: #fff;
    margin-left: 18px;
    margin-top: 14px
}

.support_container {
    background-color: #fff
}

.sc_menu {
    height: 55px
}

.sc_menu .sm_content {
    width: 1190px;
    margin: 0 auto
}

.sc_menu .sm_content ul li {
    float: left;
    margin-right: 64px
}

.sc_menu .sm_content ul li a {
    display: block;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 54px;
    height: 54px;
    border-bottom: 2px solid transparent
}

.sc_menu .sm_content ul li a:hover {
    border-color: #12cd3e;
    color: #12cd3e
}

.sc_menu .sm_content ul li a.sm_active {
    color: #12cd3e
}

.sc_menu .sm_content .sm_right {
    float: right
}

.sc_menu .sm_content .sm_right a {
    margin-left: 36px;
    display: block;
    height: 56px;
    line-height: 56px;
    float: left;
    color: #333;
    transform: none;
    opacity: 1;
    transition: none
}

.sc_menu .sm_content .sm_right a:hover {
    color: #12cd3e
}

.sc_menu .sm_content .sm_right a em {
    display: block;
    float: left;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    margin-top: 16px
}

.sc_menu .sm_content .sm_right a.sr_one em {
    background-position: -273px 0
}

.sc_menu .sm_content .sm_right a.sr_two em {
    background-position: -225px 0
}

.sc_menu .sm_content .sm_right a.sr_one:hover em {
    background-position: -153px 0
}

.sc_menu .sm_content .sm_right a.sr_two:hover em {
    background-position: -249px 0
}

.sc_problem, .sc_service, .sc_video {
    width: 1193px;
    margin: 0 auto
}

.sc_service {
    height: 960px
}

.sc_service .ss_item {
    margin-top: 90px;
    float: left;
    text-align: center;
    width: 297px
}

.ss_line {
    width: 1px;
    height: 113px;
    background: url(../image/support_line-d8d72ac3a3.png) center center no-repeat;
    float: left;
    margin-top: 324px;
    margin-left: 70px;
    margin-right: 70px
}

.ss_item .si_pic .si_name {
    font-size: 20px;
    color: #888;
    margin-top: 50px
}

.ss_item .si_pic .si_describe {
    font-size: 12px;
    color: #333;
    margin-top: 36px;
    text-align: left;
    margin-left: 24px;
    margin-bottom: 10px
}

.ss_item .si_content .sc_line {
    margin-left: 24px;
    text-align: left;
    font-size: 12px;
    color: #888;
    line-height: 24px
}

.ss_item .si_content .sc_line span {
    float: left
}

.ss_item .si_content .sc_line em {
    display: block;
    float: left;
    width: 14px;
    height: 12px;
    background-position: -106px 0;
    margin-left: 2px;
    margin-top: 6px
}

.ss_item .si_content .sc_line em.sl_dot {
    background-position: -92px 0
}

.ss_item a {
    font-size: 12px;
    color: #ccc;
    display: block;
    width: 98px;
    margin: 52px auto 0;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.sc_video .sv_block a:hover, .ss_item a:hover {
    border-color: #12cd3e
}

.ss_item a.order_btn {
    margin-top: 28px
}

.ss_item a:hover {
    color: #12cd3e
}

.ss_item a.wechat_btn {
    margin: 24px 0 0;
    border: none
}

.ss_item a.wechat_btn em {
    display: block;
    width: 33px;
    height: 28px;
    background: url(../image/wechat_icon-d15a930209.png) center center no-repeat;
    margin-left: 26px
}

.ss_item a.wechat_btn div.erweima {
    display: none;
    width: 96px;
    height: 102px;
    background: url(../image/erweima-f0a38122a3.png) center center no-repeat;
    margin-top: 4px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ss_item a.wechat_btn:hover div.erweima {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.sc_problem dl {
    width: 100%
}

.sc_problem dl dt, .sc_video .sv_block p.sv_title {
    font-size: 24px;
    color: #333;
    margin-top: 36px;
    margin-bottom: 30px
}

.sc_problem dl dt em, .sc_video .sv_block p.sv_title em {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 12px;
    background-position: -34px 0;
    margin-top: 12px
}

.sc_problem dl dd {
    float: left;
    margin-left: 22px;
    margin-bottom: 20px;
    width: 23.1%
}

.sc_problem dl dd a {
    font-size: 14px;
    color: #888
}

.sc_problem dl dd a:hover {
    color: #12cd3e
}

.sc_problem .sp_btn, .sc_video .sv_btn {
    display: block;
    margin: 70px auto;
    text-align: center
}

.sc_problem .sp_btn a, .sc_video .sv_btn a {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    vertical-align: middle;
    padding: 12px 40px;
    background-color: #12cd3e
}

.sc_video .sv_block {
    padding-left: 30px
}

.sc_video .sv_block a {
    padding: 12px;
    float: left;
    border: 1px solid transparent;
    position: relative;
    display: block;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin-bottom: 54px
}

.sc_video .sv_block a img.sv_pic {
    width: 262px;
    height: 146px
}

.sc_video .sv_block a p {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    width: 262px
}

.sc_video .sv_block a .sv_timer {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
    line-height: 16px;
    margin-bottom: 24px
}

.sc_video .sv_block a .sv_timer em {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background-position: -137px 0;
    margin-right: 6px
}

.sc_video .sv_block a .sv_mask {
    position: absolute;
    width: 266px;
    height: 146px;
    top: 12px;
    left: 12px;
    z-index: 9;
    background: #000;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s
}

.sc_video .sv_block a .sv_mask em {
    display: block;
    width: 38px;
    height: 38px;
    background-position: -517px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -19px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

.sc_video .sv_block a:hover .sv_mask {
    opacity: .5;
    filter: alpha(opacity=50);
    display: block
}

.sc_video .sv_block a:hover .sv_mask em {
    opacity: 1;
    filter: alpha(opacity=100)
}

.sp_result .sr_title, .support_details .sd_right .sr_title {
    border-bottom: 1px solid #ebebeb
}

.sc_video .sv_block a:hover .sv_timer, .sc_video .sv_block a:hover p {
    color: #12cd3e
}

.sc_video .sv_block a:hover .sv_timer em {
    background-position: -121px 0
}

.sc_video .sv_btn {
    margin-bottom: 160px
}

.sp_result .sr_title {
    font-size: 28px;
    color: #333;
    margin-top: 58px;
    padding-bottom: 26px
}

.sp_result .sr_title span {
    color: #12cd3e
}

.sp_result p {
    font-size: 14px;
    color: #888;
    padding: 34px 0
}

.sp_result ul.sr_items li {
    float: left;
    width: 25%;
    text-align: left;
    margin-top: 24px
}

.sp_result ul.sr_items li a {
    display: block;
    font-size: 14px;
    color: #888;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis
}

.sp_result ul.sr_items li a em {
    float: left;
    display: block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    margin-top: 6px;
    background-position: 0 0
}

.sp_result ul.sr_items li a:hover {
    color: #12cd3e
}

.sr_paging {
    margin: 70px auto 36px;
    text-align: center
}

.sr_paging a em {
    width: 30px;
    height: 30px;
    display: block
}

.sr_paging a.page_after, .sr_paging a.page_before {
    background-color: #12cd3e
}

.sr_paging a.page_before em {
    background: url(../image/page_before-88f856970d.png) center center no-repeat
}

.sr_paging a.page_after em {
    background: url(../image/page_after-ad8d5b09f8.png) center center no-repeat
}

.sr_paging a.disabled_page {
    background-color: #ccc
}

.sr_paging a:first-child {
    margin-left: 0
}

.sr_paging a {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.sr_paging a.page_active, .sr_paging a:hover {
    color: #12cd3e
}

.support_details {
    width: 1190px;
    margin: 42px auto
}

.support_details .sd_left {
    float: left;
    width: 18%
}

.support_details .sd_left li {
    margin-bottom: 18px
}

.support_details .sd_left li a {
    color: #333;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.support_details .sd_left li a.sd_active, .support_details .sd_left li a:hover {
    color: #12cd3e
}

.support_details .sd_left li a em {
    display: block;
    float: left;
    width: 7px;
    height: 7px;
    background-position: -13px 0;
    margin-right: 10px;
    margin-top: 7px
}

.support_details .sd_left li a.sd_active em {
    background-position: -6px 0
}

.support_details .sd_right {
    float: right;
    width: 73%;
    border: 1px solid #ebebeb;
    padding: 40px 50px
}

.support_details .sd_right .sr_title p {
    font-size: 28px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.support_details .sd_right .sr_title p span {
    color: #12cd3e
}

.support_details .sd_right .sr_title div {
    margin-top: 14px;
    font-size: 14px;
    line-height: 16px;
    float: left;
    margin-bottom: 18px
}

.support_details .sd_right .sr_title div em {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-position: -137px 0
}

.sd_right .sr_content p.sc_title {
    font-size: 28px;
    color: #333;
    margin-top: 40px
}

.sd_right .sr_content p.sc_txt {
    color: #888;
    line-height: 26px;
    margin-top: 10px
}

.sd_right .sr_content img {
    margin-left: 20px;
    margin-top: 30px
}

.hotel_title {
    width: 100%;
    height: 729px;
    background: url(../image/hotel_bg1-6e48f93897.jpg) center center no-repeat;
    text-align: center
}

.home_title .ht_container, .hotel_title .ht_container {
    width: 1190px;
    margin: 0 auto;
    padding-top: 196px
}

.hotel_title .ht_logo {
    margin: 0 auto 12px;
    height: 100px;
    width: 153px;
    background-image: url(../image/hotel_logo2-a87a3bbf34.png);
    background-repeat: no-repeat
}

.hotel_title .ht_txt {
    width: 760px;
    margin: 26px auto 0;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.hotel_title h1 {
    font-size: 40px;
    color: #fff
}

.home_title a, .hotel_title a, .office_one a {
    display: block;
    margin: 46px auto 0;
    width: 74px;
    height: 74px;
    background: url(../image/solution_video-01985b877e.png) -74px 0 no-repeat
}

.home_title a:hover, .hotel_title a:hover, .office_one a:hover {
    background-position: 0 0
}

.hotel_process {
    width: 100%;
    background-color: #fff;
    position: relative
}

.hotel_process .hp_container {
    width: 1190px;
    margin: 0 auto;
    padding-top: 98px;
    text-align: center
}

.hotel_process .hp_container .hc_txt {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    text-align: center
}

.hotel_process .hp_container .hc_icons {
    width: 1189px;
    height: 137px;
    margin: 100px auto 0;
    background: url(../image/hotel_icons-8ab4642791.jpg) center center no-repeat
}

.hotel_process .hp_container .hc_title {
    margin-top: 172px;
    font-size: 36px;
    color: #333;
    font-weight: 400
}

.hotel_process .hp_container .hc_tips {
    width: 730px;
    margin: 34px auto 0;
    font-size: 16px;
    color: #888
}

.hotel_process .hp_line {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fbfbfb;
    top: 460px
}

.hotel_process .hp_pic {
    width: 1272px;
    height: 511px;
    margin: 86px auto 136px;
    background: url(../image/hotel_pic-5127bd1f7f.jpg) center center no-repeat
}

.hotel_experience {
    height: 960px;
    width: 100%;
    background: url(../image/hotel_bg2-ff313649f5.jpg) center center no-repeat;
    text-align: center
}

.hotel_experience h2 {
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    padding-top: 46px
}

.hotel_experience p {
    font-size: 16px;
    color: #fff;
    margin-top: 34px
}

.hotel_content {
    height: 961px;
    width: 100%;
    background: url(../image/hotel_bg3-adadad598c.jpg) center center no-repeat
}

.hotel_content .hc_title {
    padding-top: 80px;
    text-align: center;
    font-size: 36px;
    color: #333;
    padding-left: 210px
}

.hotel_content .hc_content {
    width: 50%;
    float: left;
    text-align: left;
    margin-top: 550px
}

.hotel_content .hc_content .hc_title {
    font-size: 18px;
    color: #f4f4f4;
    padding-left: 60px;
    text-align: left
}

.hotel_content .hc_content .hc_txt {
    font-size: 16px;
    color: #f4f4f4;
    margin-top: 40px;
    text-align: left;
    padding-left: 60px
}

.hotel_banner {
    position: relative;
    height: 963px;
    z-index: 1
}

.hotel_banner .hb_container {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.hb_container .banner_pic {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 963px
}

.hb_container .banner_pic .hs_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 963px;
    padding-top: 0
}

.hb_container .banner_pic .hs_slider.hs_one {
    background: url(../image/hotel_bg6-19d0e2b4a1.jpg) center no-repeat
}

.hb_container .banner_pic .hs_slider.hs_two {
    background: url(../image/hotel_bg4-352ef59d81.jpg) center no-repeat;
    display: none
}

.hb_container .banner_pic .hs_slider.hs_three {
    background: url(../image/hotel_bg5-e7ca42f494.jpg) center no-repeat;
    display: none;
    position: relative
}

.hb_container .banner_pic .hs_slider .hss_content {
    margin: 0 auto;
    width: 1190px
}

.hs_one .hss_content h1, .hs_two .hss_content h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    padding-top: 290px;
    margin-left: 90px;
    text-align: left
}

.hs_one .hss_content p, .hs_two .hss_content p {
    font-size: 16px;
    color: #fff;
    margin-top: 60px;
    margin-left: 90px;
    width: 600px;
    text-align: left
}

.hs_two .hss_content h1, .hs_two .hss_content p {
    color: #fff
}

.hs_three .ht_one {
    position: absolute;
    top: 346px;
    left: 23.17%
}

.hs_three .ht_one .ht_pic {
    width: 206px;
    height: 44px;
    background-position: -11px -358px;
    position: absolute;
    top: 25px;
    left: 0
}

.hs_three .ht_one img {
    position: absolute;
    left: 144px;
    top: 0
}

.hs_three .ht_two {
    position: absolute;
    top: 112px;
    left: 35.4%
}

.hs_three .ht_two .ht_pic {
    width: 239px;
    height: 44px;
    background-position: 0 -284px;
    position: absolute;
    top: 25px;
    left: 0
}

.hs_three .ht_two img {
    position: absolute;
    left: 174px;
    top: 0
}

.hs_three .ht_three {
    position: absolute;
    top: 64px;
    right: 33%
}

.hs_three .ht_three .ht_pic {
    width: 156px;
    height: 122px;
    background-position: 0 -133px;
    position: absolute;
    top: 25px;
    left: 0
}

.hs_three .ht_three img {
    position: absolute;
    left: 35px;
    top: 0
}

.hs_three .ht_four {
    position: absolute;
    top: 110px;
    right: 19.8%
}

.hs_three .ht_four .ht_pic {
    width: 156px;
    height: 126px;
    background-position: -167px -132px;
    position: absolute;
    top: 25px;
    left: 0
}

.hs_three .ht_four img {
    position: absolute;
    left: 40px;
    top: 0
}

.hs_three img {
    animation: sh-ripple 2s ease infinite
}

.hs_three .ht_content {
    width: 1190px;
    padding-top: 450px;
    margin: 0 auto
}

.hs_three .ht_content .hc_title {
    font-size: 36px;
    color: #fff;
    margin-left: 276px
}

.hs_three .ht_content .hc_txt {
    font-size: 16px;
    color: #fff;
    margin-left: 276px;
    margin-top: 50px;
    width: 600px
}

.hb_block.hb_two, .hotel_last {
    margin-top: -4px
}

@keyframes sh-ripple {
    0% {
        transform: scale(0);
        transform-origin: 50% 50%
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        transform: scale(1);
        opacity: 0;
        filter: alpha(opacity=0)\9;
        transform-origin: 50% 50%
    }
}

.hb_mark {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    left: 50%;
    margin-left: -162px
}

.container, .featured, .hb_block .hb_right, .home_banner, .hs_container .hc_content, .office_two {
    position: relative
}

.hb_mark li {
    float: left;
    margin-right: 12px
}

.hb_mark li a {
    background-color: #535051;
    padding: 0 16px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    display: block;
    height: 22px
}

.hb_mark li.inCur a {
    background-color: #12cd3e
}

.hotel_bar .hb_block {
    width: 100%;
    height: auto
}

.hb_block img {
    width: 50%;
    height: auto
}

.hb_block .hb_right {
    width: 50%;
    float: right;
    background-color: #fff;
    min-height: 600px
}

.hb_block .hb_right .hr_title {
    font-size: 28px;
    color: #333;
    position: absolute;
    bottom: 282px;
    left: 68px
}

.hb_block .hb_right em {
    display: block;
    width: 38px;
    height: 2px;
    position: absolute;
    left: 68px;
    bottom: 266px;
    background-color: #535051
}

.hb_block .hb_right .hr_txt {
    font-size: 16px;
    color: #333;
    position: absolute;
    width: 514px;
    left: 68px;
    bottom: 150px
}

.hb_block.hb_two .hb_right {
    background-color: #423d39
}

.hb_block.hb_two .hb_right em, .home_system {
    background-color: #fff
}

.hb_block.hb_two .hb_right .hr_title, .hb_two .hb_right .hr_txt {
    color: #fff
}

.hotel_last {
    width: 100%;
    height: 960px;
    background: url(../image/hotel_bg7-ab406097e4.jpg) center center no-repeat;
    text-align: center
}

.hotel_last h2 {
    font-weight: 400;
    font-size: 36px;
    color: #333;
    padding-top: 118px
}

.hotel_last p {
    font-size: 16px;
    color: #888;
    width: 800px;
    margin: 34px auto 0;
    text-align: center
}

.home_title {
    height: 800px;
    width: 100%;
    background: url(../image/home_banner-5dc094815f.jpg) center center no-repeat;
    text-align: center
}

.home_title .ht_logo {
    margin: 0 auto 12px;
    height: 105px;
    width: 137px;
    background-image: url(../image/home_logo-72a8915d5d.png);
    background-repeat: no-repeat
}

.home_title h1 {
    font-size: 30px;
    color: #fff
}

.home_title .ht_txt {
    width: 860px;
    margin: 56px auto 0;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.home_system {
    height: 905px
}

.home_system .hs_container {
    width: 1320px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    height: 100%
}

.home_system .hs_container .hc_title {
    padding-top: 80px;
    font-size: 40px;
    color: #333
}

.home_system .hs_container em {
    display: block;
    width: 54px;
    height: 3px;
    background-color: #12cd32;
    margin: 25px auto 0
}

.hs_container .hc_content .hc_pic {
    width: 674px;
    height: 429px;
    background: url(../image/home_pic-267ba363a4.jpg) bottom center no-repeat;
    margin: 0 auto;
    padding-top: 126px
}

.hs_container .hc_content .hc_item {
    position: absolute;
    text-align: left;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear
}

.hs_container .hc_content .hc_item.hc_animate {
    opacity: 1;
    filter: alpha(opacity=100)
}

.hs_container .hc_content .hc_item.hc_two {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.hs_container .hc_content .hc_item.hc_three {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}

.hs_container .hc_content .hc_item.hc_four {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s
}

.hs_container .hc_content .hc_item.hc_five {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s
}

.hs_container .hc_content .hc_item.hc_six {
    transition-delay: 2s;
    -webkit-transition-delay: 2s
}

.hs_container .hc_content .hc_item.hc_seven {
    transition-delay: 2.4s;
    -webkit-transition-delay: 2.4s
}

.hs_container .hc_content .hc_item p.ht_title {
    font-size: 24px;
    color: #333
}

.hs_container .hc_content .hc_item p.ht_txt {
    font-size: 14px;
    color: #888;
    width: 280px;
    margin-top: 10px
}

.hc_content .hc_one {
    top: 36px;
    left: 0
}

.hc_content .hc_one img {
    position: absolute;
    left: 50px
}

.hc_content .hc_one .hi_text {
    margin-top: 44px
}

.hc_content .hc_two {
    top: 240px;
    left: 0
}

.hc_content .hc_two img {
    position: absolute;
    left: 50px
}

.hc_content .hc_two .hi_text {
    margin-top: 66px
}

.hc_content .hc_three {
    top: 460px;
    left: 0
}

.hc_content .hc_three img {
    position: absolute;
    left: 50px
}

.hc_content .hc_three .hi_text {
    margin-top: 44px
}

.hc_content .hc_four {
    top: 388px;
    left: 0
}

.hc_content .hc_four img {
    position: absolute;
    left: 608px
}

.hc_content .hc_four .hi_text {
    margin-top: 180px;
    margin-left: 565px
}

.hc_content .hc_five {
    top: 480px;
    left: 770px
}

.hc_content .hc_five img {
    position: absolute;
    left: 0
}

.hc_content .hc_five .hi_text {
    margin-top: 30px;
    margin-left: 254px
}

.hc_content .hc_six {
    top: 268px;
    left: 938px
}

.hc_content .hc_six img {
    position: absolute;
    left: 0
}

.hc_content .hc_six .hi_text {
    margin-top: 30px;
    margin-left: 88px
}

.hc_content .hc_seven {
    top: 34px;
    left: 828px
}

.hc_content .hc_seven img {
    position: absolute;
    left: 0
}

.hc_content .hc_seven .hi_text {
    margin-top: 48px;
    margin-left: 200px
}

.home_section {
    height: 730px;
    background-color: #fbfbfb
}

.home_section .hs_container {
    width: 1400px;
    margin: 0 auto;
    text-align: center
}

.home_section .hs_title {
    font-size: 40px;
    color: #333;
    padding-top: 126px
}

.home_section em {
    display: block;
    width: 54px;
    height: 3px;
    background-color: #12cd3e;
    margin: 30px auto 0
}

.home_section .hs_item {
    float: left;
    width: 216px;
    margin-left: 80px;
    margin-top: 80px;
    border-bottom: 2px solid #eaeaea;
    height: 360px;
    padding-top: 0
}

.home_section .hs_item .hi_number {
    font-size: 18px;
    color: #eaeaea;
    width: 100%;
    border-bottom: 2px solid #eaeaea;
    text-align: center;
    margin: 0
}

.home_section .hs_item .hi_text {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.home_section .hs_item .hi_text.hi_animate {
    animation: fadeInUp 1s .6s ease both;
    filter: alpha(opacity=100)
}

.home_section .hs_item p.hi_title {
    font-size: 20px;
    color: #333;
    width: auto;
    margin: 0;
    float: none
}

.home_section .hs_item p.hi_txt {
    width: 70%;
    margin: 16px auto 0;
    font-size: 14px;
    color: #888;
    text-align: center;
    float: none
}

.home_section .hs_item.hs_one {
    margin-left: 0
}

.home_section .hs_item .hi_pic {
    opacity: 0;
    filter: alpha(opacity=0)
}

.home_section .hs_item .hi_pic.hi_animate {
    animation: fadeInUp 1s .2s ease both;
    filter: alpha(opacity=100)
}

.home_section .hs_item.hs_one .hi_pic {
    width: 102px;
    height: 33px;
    margin: 90px auto 80px;
    background: url(../image/home_icon8-100839d4bc.png) center center no-repeat
}

.home_section .hs_item.hs_two .hi_pic {
    width: 61px;
    height: 106px;
    margin: 40px auto 56px;
    background-position: -1130px 0
}

.home_section .hs_item.hs_three .hi_pic {
    width: 91px;
    height: 71px;
    margin: 60px auto 70px;
    background-position: -1507px 0
}

.home_section .hs_item.hs_four .hi_pic {
    width: 74px;
    height: 78px;
    margin: 72px auto 54px;
    background-position: -1264px 0
}

.home_section .hs_item.hs_five .hi_pic {
    width: 73px;
    height: 73px;
    margin: 76px auto 54px;
    background-position: -1191px 0
}

@media screen and (max-width:1400px) {
    .home_section .hs_container {
        width: 100%
    }

    .home_section .hs_item {
        margin-left: 5.7%;
        width: 15.4%
    }
}

.home_banner {
    width: 100%;
    overflow: hidden
}

.home_banner .hb_block {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2
}

.home_banner .hb_block.hb_curr {
    position: fixed;
    top: 0;
    left: 0
}

.home_banner .hb_block.hb_one {
    background: url(../image/home_bg1-b706581b81.jpg) center center no-repeat;
    opacity: 1;
    filter: "alpha(opacity=100)";
    background-size: cover
}

.home_banner .hb_block.hb_two {
    background: url(../image/home_bg2-9088691599.jpg) center center no-repeat;
    background-size: cover
}

.home_banner .hb_block.hb_three {
    background: url(../image/home_bg3-fc371aaa1a.jpg) center center no-repeat;
    background-size: cover
}

.home_banner .hb_block.hb_four {
    background: url(../image/home_bg4-3a34419be7.jpg) center center no-repeat;
    background-size: cover
}

.home_banner .hb_container {
    float: right;
    width: 50%;
    text-align: left
}

.home_banner .hb_container .hc_title {
    font-size: 40px;
    color: #333;
    margin-left: 112px
}

.home_banner .hb_container em {
    width: 79px;
    height: 3px;
    display: block;
    background-color: #12cd3e;
    margin-top: 22px;
    margin-left: 112px
}

.home_banner .hb_container .hc_title1 {
    margin-top: 14px;
    font-size: 24px;
    color: #888;
    margin-left: 112px
}

.home_banner .hb_container .hc_txt {
    font-size: 16px;
    color: #888;
    line-height: 36px;
    width: 538px;
    margin-left: 112px
}

.hb_block .hc_pic {
    height: 61px;
    margin-top: 44px;
    margin-left: 112px
}

.hb_block.hb_one .hc_pic {
    width: 458px;
    background-position: -848px -414px
}

.hb_block.hb_two .hc_pic {
    width: 459px;
    background-position: -285px -345px
}

.hb_block.hb_three .hc_pic {
    width: 441px;
    background-position: -398px -413px
}

.hb_block.hb_four .hc_pic {
    width: 226px;
    background-position: -1001px -348px
}

.home_app {
    height: 958px;
    width: 100%;
    background: url(../image/home_bg5-0835728f76.jpg) center center no-repeat
}

.home_app .ha_container {
    width: 1190px;
    margin: 0 auto;
    padding-top: 96px;
    text-align: center
}

.home_app .ha_logo {
    width: 81px;
    height: 101px;
    background-position: -1338px 0;
    margin: 0 auto
}

.home_app p {
    font-size: 40px;
    color: #333;
    margin-top: 28px
}

.home_app em {
    display: block;
    margin: 24px auto 0;
    width: 54px;
    height: 3px;
    background-color: #c37158
}

.case_section {
    height: 776px;
    background-color: #fff;
    text-align: center;
    width: 100%
}

.case_section .cs_title {
    padding-top: 76px
}

.case_section .cs_title p {
    font-size: 40px;
    color: #333;
    text-align: center
}

.case_section .cs_title em {
    display: block;
    width: 54px;
    height: 4px;
    background-color: #12cd3e;
    margin: 20px auto 0
}

.container {
    text-align: center;
    margin: 72px auto;
    width: 100%
}

.featured {
    overflow: hidden;
    height: 520px
}

.featured .slide {
    position: absolute;
    z-index: 1
}

.featured .slide .s_title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-top: 40px;
    display: none
}

.featured .slide .s_txt {
    font-size: 14px;
    color: #888;
    width: 460px;
    text-align: center;
    margin: 20px auto 0;
    display: none
}

.featured .slide .s_mask {
    z-index: 10;
    width: 270px;
    height: 151px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    left: 0
}

.featured .slide.active {
    z-index: 2
}

.featured .slide.active .s_mask {
    display: none
}

.featured .slide.active p.s_title, .featured .slide.active p.s_txt {
    display: block
}

.featured .slide.active img {
    width: 532px;
    height: 295px
}

.featured .nextslide, .featured .prevslide {
    width: 24px;
    height: 24px;
    top: 416px;
    position: absolute;
    z-index: 20;
    display: block
}

.featured .prevslide {
    background-position: -201px 0;
    left: 0
}

.featured .nextslide {
    background-position: -177px 0;
    right: 0
}

.comm_one .co_btn em.cb_circle, .comm_one .co_btn em.cb_icon, .comm_one .co_btn:hover em.cb_circle, .comm_one .co_btn:hover em.cb_icon, .comm_system a.cs_arrow, .oc_container .oc_big .ob_item1 div, .oc_container .oc_big .ob_item2 div, .oc_container .oc_big .ob_item3 div, .oc_container .oc_big .ob_item4 div, .oc_container .oc_small .os_item1 div, .oc_container .oc_small .os_item2 div, .oc_container .oc_small .os_item3 div, .office_one em, .office_six .os_icon, .office_two .ot_phone .op_item1, .office_two .ot_phone .op_item2, .office_two .ot_phone .op_item3 {
    background: url(../image/solution_icons-e14ddc70b2.png) center center no-repeat
}

.office_one {
    width: 100%;
    height: 800px;
    background: url(../image/office_bg-ac174fe018.jpg) center center no-repeat
}

.o_container {
    width: 1190px;
    margin: 0 auto;
    text-align: center
}

.office_one .o_container {
    padding-top: 278px
}

.office_one em {
    width: 218px;
    height: 97px;
    margin: 0 auto;
    display: block;
    background-image: url(../image/office_logo-12f627087a.png);
    background-repeat: no-repeat
}

.office_one h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-top: 12px
}

.office_one p.oo_txt {
    font-size: 16px;
    color: #fff;
    margin-top: 36px
}

.office_two {
    width: 100%;
    height: 951px;
    background: url(../image/office_bg2-23062db300.jpg) center center no-repeat
}

.office_four p.of_title, .office_three p.ot_title, .office_two p.ot_title {
    padding-top: 90px;
    font-size: 40px;
    color: #333
}

.office_four p.of_title span, .office_three p.ot_title span, .office_two p.ot_title span {
    color: #12cd3e
}

.office_four em, .office_three em, .office_two em {
    display: block;
    width: 54px;
    height: 3px;
    margin: 30px auto 20px;
    background-color: #12cd3e
}

.office_four p.of_txt, .office_three .ot_txt, .office_two .ot_txt {
    font-size: 16px;
    color: #888;
    line-height: 24px
}

.office_two .ot_phone {
    position: absolute;
    width: 631px;
    height: 645px;
    bottom: 10px;
    left: 50%;
    margin-left: -315px
}

.office_two .ot_phone .op_two {
    position: absolute;
    left: 0;
    top: 198px;
    width: 631px;
    height: 248px;
    z-index: 1;
    background: url(../image/office_pic2-2c64e540ad.png)
}

.office_two .ot_phone .op_one {
    position: absolute;
    width: 569px;
    height: 345px;
    top: 150px;
    left: 31px;
    z-index: 3;
    background: url(../image/office_pic1-0a302400b0.png)
}

.office_two .ot_phone img {
    position: absolute;
    width: 351px;
    height: 645px;
    top: 0;
    left: 150px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.office_two .ot_phone .op_item {
    position: absolute;
    width: 113px;
    height: 113px;
    transform: scale(.8) translateZ(0);
    transition: transform .5s 1s
}

.office_two .ot_phone.ot_active .op_item {
    transform: scale(1) translateZ(0)
}

.office_two .ot_phone img.op_animate {
    animation: fadeInUp 1s .2s ease both;
    filter: alpha(opacity=100)
}

.office_two .ot_phone .op_item1 {
    top: 180px;
    left: 40px;
    background-position: -519px 0;
    z-index: 5
}

.office_two .ot_phone .op_item2 {
    top: 410px;
    left: 420px;
    background-position: -632px 0;
    z-index: 5
}

.office_two .ot_phone .op_item3 {
    width: 86px;
    height: 86px;
    top: 245px;
    right: 20px;
    background-position: -433px 0;
    z-index: 5
}

.office_three {
    width: 100%;
    height: 950px;
    background: url(../image/office_bg3-b0bd102aa2.jpg) center center no-repeat
}

.office_four {
    width: 100%;
    height: 951px;
    background: url(../image/office_bg4-e155ef0d92.jpg) center center no-repeat
}

.office_four .of_content {
    margin-top: 30px;
    width: 100%
}

.office_four .of_content .of_item {
    width: 25%;
    height: 174px;
    float: left
}

.office_four .of_content .of_item em {
    display: block;
    width: 224px;
    height: 174px;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0)
}

.office_four .of_content .of_item1 em {
    background: url(../image/office_icon2-830bbca7dc.png) center center no-repeat;
    margin-left: 0
}

.office_four .of_content .of_item2 em {
    background: url(../image/office_icon3-b8baed7bc6.png) center center no-repeat
}

.office_four .of_content .of_item3 em {
    background: url(../image/office_icon4-5ed1eb6521.png) center center no-repeat
}

.office_four .of_content .of_item4 em {
    background: url(../image/office_icon5-26e51514d9.png) center center no-repeat;
    margin-right: 0
}

.office_four .of_content .of_item em.of_animate {
    animation: fadeInUp 1s .2s ease both;
    filter: alpha(opacity=100)
}

.office_five {
    width: 100%;
    height: 950px;
    background-color: #fff;
    text-align: center
}

.office_five .of_title {
    padding-top: 96px;
    font-size: 24px;
    color: #333
}

.office_five em {
    display: block;
    margin: 18px auto;
    width: 54px;
    height: 3px;
    background-color: #12cd3e
}

.office_five .of_content {
    width: 1360px;
    margin: 0 auto;
    text-align: center
}

.office_five .of_content .oc_title {
    font-size: 40px;
    color: #888;
    font-weight: 700
}

.office_five .of_content .oc_container {
    width: 1260px;
    height: 466px;
    margin: 0 auto;
    background: url(../image/office_pic3-f1e52f2743.png) center center no-repeat;
    position: relative
}

.office_five .of_content .oc_container .oc_big {
    position: absolute;
    width: 316px;
    height: 316px;
    left: 470px;
    top: 70px
}

.oc_container .oc_big em {
    display: block;
    width: 266px;
    height: 266px;
    margin: 25px auto;
    background: url(../image/office_pic4-f4dd7adafa.png) center center no-repeat;
    animation: rota 8s linear infinite
}

@keyframes rota {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.oc_container .oc_big .ob_item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #12d376;
    position: absolute
}

.oc_container .oc_big .ob_item.active p {
    display: none
}

.oc_container .oc_big .ob_item.active div {
    display: block
}

.oc_container .oc_big .ob_item p {
    font-size: 14px;
    color: #fff;
    margin-top: 6px;
    display: block
}

.oc_container .oc_big .ob_item div {
    display: none
}

.oc_container .oc_big .ob_item1 {
    top: 4px;
    left: 98px
}

.oc_container .oc_big .ob_item1 div {
    width: 21px;
    height: 31px;
    background-position: -20px 0;
    margin-top: 10px;
    margin-left: 15px
}

.oc_container .oc_big .ob_item2 {
    top: 140px;
    left: 0
}

.oc_container .oc_big .ob_item2 div {
    width: 24px;
    height: 30px;
    background-position: -107px 0;
    margin-top: 10px;
    margin-left: 13px
}

.oc_container .oc_big .ob_item3 {
    top: 236px;
    left: 206px
}

.oc_container .oc_big .ob_item3 div {
    width: 30px;
    height: 30px;
    background-position: -180px 0;
    margin-top: 10px;
    margin-left: 10px
}

.oc_container .oc_big .ob_item4 {
    left: 248px;
    top: 76px
}

.oc_container .oc_big .ob_item4 div {
    width: 22px;
    height: 31px;
    background-position: -63px 0;
    margin-top: 10px;
    margin-left: 14px
}

.office_five .of_content .oc_container .oc_small {
    position: absolute;
    left: 524px;
    top: 124px;
    width: 211px;
    height: 211px
}

.oc_container .oc_small em {
    display: block;
    width: 171px;
    height: 171px;
    margin: 20px auto;
    background: url(../image/office_pic5-0c742de2da.png) center center no-repeat;
    animation: rota 8s linear infinite reverse
}

.oc_container .oc_small .os_item {
    width: 40px;
    height: 40px;
    background-color: #50db98;
    border-radius: 50%;
    position: absolute
}

.oc_container .oc_small .os_item p {
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
    display: none
}

.oc_container .oc_small .os_item div, .oc_container .oc_small .os_item.active p {
    display: block
}

.oc_container .oc_small .os_item.active div {
    display: none
}

.oc_container .oc_small .os_item1 {
    top: 40px;
    left: 18px
}

.oc_container .oc_small .os_item1 div {
    width: 20px;
    height: 23px;
    background-position: 0 0;
    margin-top: 8px;
    margin-left: 10px
}

.oc_container .oc_small .os_item2 {
    left: 84px;
    top: 170px
}

.oc_container .oc_small .os_item2 div {
    width: 22px;
    height: 26px;
    background-position: -41px 0;
    margin-top: 7px;
    margin-left: 9px
}

.oc_container .oc_small .os_item3 {
    top: 14px;
    left: 136px
}

.oc_container .oc_small .os_item3 div {
    width: 25px;
    height: 14px;
    background-position: -155px 0;
    margin-top: 13px;
    margin-left: 7px
}

.oc_container .oc_txt {
    width: 100%
}

.of_content .oc_txt .ot_item {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 36px
}

.of_content .oc_txt .ot_item p.ot_title {
    font-size: 30px;
    color: #13c46f
}

.of_content .oc_txt .ot_item p.ot_text {
    margin: 24px auto;
    width: 80%;
    font-size: 16px;
    color: #989898;
    text-align: center
}

.of_content .oc_txt .ot_item1 p.ot_title {
    color: #f7be64;
    width: 80%;
    text-align: center
}

.of_content .oc_txt .ot_item1 p.ot_text {
    margin-left: 0
}

.of_content .oc_txt .ot_item3 p.ot_title {
    color: #4fa7e6;
    width: 80%;
    text-align: center;
    margin-left: 20%
}

.of_content .oc_txt .ot_item3 p.ot_text {
    margin-left: 20%
}

.office_six {
    width: 100%;
    height: 961px;
    background: url(../image/office_bg5-c2387d68f1.jpg) center center no-repeat
}

.office_six .o_container {
    position: relative
}

.office_six .os_title {
    padding-top: 100px;
    font-size: 40px;
    color: #333
}

.office_six em {
    display: block;
    margin: 22px auto;
    width: 54px;
    height: 3px;
    background-color: #12cd3e
}

.office_six .os_txt {
    font-size: 16px;
    color: #888;
    line-height: 24px
}

.office_six .os_icon {
    position: absolute;
    width: 57px;
    height: 56px;
    background-position: -210px 0;
    top: 320px;
    right: 260px;
    animation: sh-ripple1 2s ease infinite
}

@keyframes sh-ripple1 {
    0% {
        transform: scale(0);
        transform-origin: 0 100%
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        transform: scale(1);
        opacity: 0;
        filter: alpha(opacity=0)\9;
        transform-origin: 0 100%
    }
}

.office_banner .ib_slider .ibs1 {
    background: url(../image/banner_01-1b5ca43d9d.png) no-repeat;
    background-size: cover !important
}

.office_banner .ib_slider .ibs2 {
    background: url(../image/banner_02-df7e72e248.jpg) no-repeat;
    background-size: cover !important
}

.office_banner .ib_slider .ibs3 {
    background: url(../image/banner_03-7874b547e4.jpg) no-repeat;
    background-size: cover !important
}

.viewVideo {
    position: absolute;
    top: 55%;
    left: 47.5%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 114px;
    cursor: pointer
}

.viewVideo a {
    font-size: 20px;
    color: #2f7cd3;
    font-weight: 500
}

.viewVideo i {
    display: inline-block;
    width: 32px;
    height: 24px;
    background: url(../image/play-588234cd8a.png) no-repeat
}

.video_mask, .video_modal {
    display: none;
    position: fixed
}

.video_modal {
    width: 1190px;
    height: 600px;
    left: 50%;
    top: 50%;
    margin-left: -595px;
    margin-top: -300px;
    z-index: 9999
}

.video_mask {
    background-color: #101010;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-overflow-scrolling: touch
}

.sceSecond, .secure {
    background-color: #fbfbfb;
    padding-top: 80px;
    box-sizing: border-box
}

.scences {
    width: 100%;
    height: 1140px;
    position: relative;
    padding-top: 80px;
    box-sizing: border-box
}

.section_title {
    color: #2f2f2f;
    margin: 0 auto;
    text-align: center
}

.section_title h3 {
    font-size: 40px;
    margin-bottom: 22px
}

.section_title p {
    font-size: 18px
}

.scences .scences_lists {
    width: 1192px;
    height: 666px;
    margin: 110px auto 0;
    font-size: 0
}

.scences .scences_lists li {
    display: inline-block;
    width: 280px;
    height: 320px;
    position: relative
}

.scences .scences_lists li:nth-child(1), .scences .scences_lists li:nth-child(2), .scences .scences_lists li:nth-child(3), .scences .scences_lists li:nth-child(5), .scences .scences_lists li:nth-child(6), .scences .scences_lists li:nth-child(7) {
    margin-right: 24px
}

.scences .scences_lists li:nth-child(1), .scences .scences_lists li:nth-child(2), .scences .scences_lists li:nth-child(3), .scences .scences_lists li:nth-child(4) {
    margin-bottom: 25px
}

.scences .scences_lists li img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.scences .scences_lists li p {
    width: 100%;
    height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 19px;
    color: #fff
}

.sceSecond {
    width: 100%;
    height: 1300px
}

.sceSecond .macbook {
    text-align: center;
    margin-top: 80px
}

.sceSecond .sceSecond_list {
    width: 984px;
    height: 400px;
    margin: 80px auto 0;
    padding: 0 94px;
    box-sizing: border-box;
    font-size: 0
}

.sceSecond .sceSecond_list li {
    display: inline-block;
    width: 260px;
    height: 180px;
    vertical-align: top
}

.sceSecond .sceSecond_list li:nth-child(odd) {
    margin-right: 270px
}

.sceSecond .sceSecond_list li:nth-child(1), .sceSecond .sceSecond_list li:nth-child(2) {
    margin-bottom: 40px
}

.sceSecond .sceSecond_list li>div {
    display: inline-block;
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589762225/download_r__330-48_c__29d6ab_.png?x-oss-process=style/png_small) no-repeat
}

.sceSecond .sceSecond_list li .sceIcon1 {
    height: 39px;
    width: 40px;
    background-position: -178px 0
}

.sceSecond .sceSecond_list li .sceIcon2 {
    height: 39px;
    width: 36px;
    background-position: -218px 0
}

.sceSecond .sceSecond_list li .sceIcon3 {
    height: 36px;
    width: 40px;
    background-position: -254px 0
}

.sceSecond .sceSecond_list li .sceIcon4 {
    height: 36px;
    width: 36px;
    background-position: -294px 0
}

.sceSecond .sceSecond_list li h3 {
    margin-top: 16px;
    font-size: 18px;
    color: #2f2f2f
}

.sceSecond .sceSecond_list li p {
    font-size: 12px;
    color: grey;
    line-height: 24px;
    margin-top: 30px
}

.chartImg {
    width: 100%;
    height: 1004px;
    position: relative;
    padding-top: 80px;
    box-sizing: border-box
}

.chartImg img {
    display: block;
    margin: 74px auto 0;
    border: 1px solid #f1f1f1;
    box-shadow: 10px 40px 50px #eee
}

.chartImg>p {
    font-size: 14px;
    color: #2f2f2f;
    margin-top: 68px;
    text-align: center
}

.secure {
    width: 100%;
    height: 730px
}

.secure .icon_secure {
    width: 1192px;
    height: 360px;
    margin: 70px auto 0;
    font-size: 0
}

.secure .icon_secure li {
    display: inline-block;
    width: 280px;
    height: 360px;
    padding-top: 110px;
    box-sizing: border-box;
    margin-right: 24px;
    text-align: center;
    vertical-align: top;
    background-color: #fff
}

.secure .icon_secure li>div {
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.secure .icon_secure li .secure_icon1 {
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589942696/11_r__206-48_c__14d4a4_.png?x-oss-process=style/png_small) no-repeat
}

.secure .icon_secure li .secure_icon2 {
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589942696/11_r__206-48_c__14d4a4_.png?x-oss-process=style/png_small) -53px 0 no-repeat
}

.secure .icon_secure li .secure_icon3 {
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589942696/11_r__206-48_c__14d4a4_.png?x-oss-process=style/png_small) -107px 0 no-repeat
}

.secure .icon_secure li .secure_icon4 {
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589942696/11_r__206-48_c__14d4a4_.png?x-oss-process=style/png_small) -158px 0 no-repeat
}

.secure .icon_secure li i {
    width: 28px;
    height: 2px;
    display: block;
    margin: 42px auto 0;
    background-color: #b0b0b0
}

.secure .icon_secure li:last-child {
    margin-right: 0
}

.secure .icon_secure li p {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 600;
    text-align: center;
    margin-top: 56px
}

.flowchart {
    width: 100%;
    height: 1130px;
    padding-top: 80px;
    box-sizing: border-box
}

.flowchart .flow {
    width: 1198px;
    height: 760px;
    border: 1px solid #f1f1f1;
    box-shadow: 10px 40px 50px #eee;
    margin: 70px auto 0;
    font-size: 0;
    background-color: #fbfbfb
}

.flowchart .flow .leftShow {
    display: inline-block;
    width: 673px;
    height: 760px;
    overflow: hidden
}

.flowchart .flow .leftShow img {
    float: right
}

.flowchart .flow .centerTap {
    width: 141px;
    height: 760px;
    display: inline-block;
    vertical-align: top
}

.flowchart .flow .centerTap .dashed_block {
    width: 137px;
    height: 65px;
    border: 1px dashed #a0a0a0;
    background: #f1f1f1;
    font-size: 16px;
    color: #2f2f2f;
    text-align: center;
    margin-top: 60px;
    cursor: pointer
}

.flowchart .flow .centerTap .dashed_block.taped {
    border: 2px solid #15d1a5;
    background: #f0f8f3
}

.flowchart .flow .centerTap .dashed_block:nth-child(1) {
    margin-top: 87px
}

.flowchart .flow .centerTap .dashed_block p:nth-child(1) {
    margin-top: 12px
}

.flowchart .flow .rightShow {
    width: 381px;
    height: 760px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.products {
    width: 100%;
    padding: 80px 0 100px;
    background-color: #fbfbfb;
    box-sizing: border-box
}

.products .tap {
    width: 808px;
    height: 20px;
    margin: 74px auto 0;
    font-size: 0
}

.products .tap .active {
    color: #2f7cd3
}

.products .tap li {
    display: inline-block;
    width: 200px;
    text-align: center;
    font-size: 18px;
    font-weight: 600
}

.products .tap i {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #bbb
}

.products .tap li a {
    color: #2f2f2f
}

.products .content {
    width: 1192px;
    margin: 86px auto 0
}

.products .content>ul {
    font-size: 0
}

.products .content>ul>li {
    display: inline-block;
    width: 280px;
    height: 360px;
    background-color: #f1f1f1;
    text-align: center;
    vertical-align: top;
    position: relative;
    margin: 0 24px 28px 0
}

.btn, .products .content>ul>li:nth-of-type(5), .products .content>ul>li:nth-of-type(6) {
    margin-bottom: 0
}

.products .content>ul>li:nth-of-type(4) {
    margin-right: 0
}

.products .content>ul>li img {
    margin-top: 98px
}

.products .content>ul>li .tag {
    margin-top: 66px;
    font-size: 15px;
    font-weight: 600
}

.products .content>ul>li .description {
    width: 100%;
    height: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 20px 50px 10px #ebebeb;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s
}

.comm_one .co_btn .co_tips, .products .content>ul>li:hover .description {
    opacity: 1;
    filter: alpha(opacity=100)
}

.products .content>ul>li .description h3 {
    font-size: 16px;
    color: #2f2f2f;
    margin-top: 46px
}

.products .content>ul>li .description p {
    font-size: 14px;
    color: #4b4b4b;
    margin-top: 30px;
    line-height: 24px;
    text-align: left
}

.products .content>ul>li .description>ul {
    list-style: disc;
    font-size: 14px;
    color: #4b4b4b;
    text-align: left;
    margin-top: 20px;
    margin-left: 20px
}

.products .content>ul>li .description>ul>li {
    line-height: 24px
}

.hidden {
    display: none
}

.advantage {
    width: 100%;
    height: 684px;
    padding-top: 80px;
    box-sizing: border-box
}

.advantage .icon_advantage {
    width: 1192px;
    height: 360px;
    margin: 70px auto 0;
    font-size: 0
}

.advantage .icon_advantage li {
    display: inline-block;
    width: 280px;
    height: 360px;
    padding: 80px 12px 0;
    box-sizing: border-box;
    background-color: #fbfbfb;
    margin-right: 24px;
    text-align: center;
    vertical-align: top
}

.enterprise, .lastChoose {
    padding-top: 80px;
    box-sizing: border-box
}

.advantage .icon_advantage li>div {
    display: inline-block;
    background: url(//cdn.xuansiwei.com/xinyu9887/1727589762225/download_r__330-48_c__29d6ab_.png?x-oss-process=style/png_small) no-repeat
}

.advantage .icon_advantage li .advImg1 {
    height: 48px;
    width: 48px;
    background-position: 0 0
}

.advantage .icon_advantage li .advImg2 {
    height: 48px;
    width: 42px;
    background-position: -48px 0
}

.advantage .icon_advantage li .advImg3 {
    height: 48px;
    width: 48px;
    background-position: -90px 0
}

.advantage .icon_advantage li .advImg4 {
    height: 48px;
    width: 40px;
    background-position: -138px 0
}

.advantage .icon_advantage li:last-child {
    margin-right: 0
}

.advantage .icon_advantage li p:nth-of-type(1), .advantage .icon_advantage li p:nth-of-type(2) {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 600
}

.advantage .icon_advantage li p:nth-of-type(1) {
    margin-top: 56px
}

.advantage .icon_advantage li p:nth-of-type(3) {
    font-size: 14px;
    color: grey;
    margin-top: 28px
}

.enterprise {
    width: 100%;
    height: 1040px;
    background-color: #fbfbfb
}

.enterprise .enterprise_list {
    width: 1097px;
    height: 550px;
    font-size: 0;
    margin: 80px auto 40px
}

.enterprise .enterprise_list li {
    display: inline-block;
    width: 316px;
    height: 526px;
    margin-right: 74px;
    vertical-align: top;
    background-color: #fff
}

.enterprise .enterprise_list li:last-child, .jc_companyvalues dl.jcc_three {
    margin-right: 0
}

.enterprise .enterprise_list li h3 {
    font-size: 20px;
    color: #2f2f2f;
    margin-top: 24px;
    text-align: center
}

.enterprise .enterprise_list li p {
    width: 290px;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 14px
}

.enterprise .enterprise_list li p:nth-of-type(1), .enterprise .enterprise_list li p:nth-of-type(2) {
    color: grey
}

.enterprise .enterprise_list li p:nth-of-type(1) {
    margin-top: 36px
}

.enterprise .enterprise_list li p:nth-of-type(2) {
    height: 80px;
    margin-top: 6px;
    line-height: 24px;
    border-bottom: 1px solid #f1f1f1
}

.enterprise .enterprise_list li p:nth-of-type(3), .enterprise .enterprise_list li p:nth-of-type(4) {
    color: #2f2f2f
}

.enterprise .enterprise_list li p:nth-of-type(3) {
    margin-top: 10px
}

.enterprise .enterprise_list li p:nth-of-type(4) {
    margin-top: 6px;
    line-height: 24px
}

.case {
    text-align: center;
    margin-top: 28px
}

.lastChoose {
    width: 100%;
    height: 780px
}

.lastChoose .lastChoose_list {
    margin-top: 74px;
    text-align: center
}

.join_Btn {
    display: block;
    width: 300px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #267ad0;
    color: #fff;
    margin: 76px auto 0;
    border: none;
    border-radius: 5px;
    cursor: pointer
}

.iframeMask, .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

.popup {
    width: 580px;
    height: 615px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    box-shadow: 0 38px 51px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 38px 51px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 38px 51px rgba(0, 0, 0, .07)
}

.iframeMask {
    background-color: #000;
    z-index: 999;
    opacity: .5;
    filter: alpha(opacity=90);
    -webkit-overflow-scrolling: touch
}

.comm_banner {
    width: 100%;
    height: 801px;
    background: url(../image/community_bg-21c81e2991.jpg) center center no-repeat;
    text-align: center
}

.comm_one, .company_as .global_center, .jc_companyvalues {
    background-color: #fff
}

.comm_banner h1 {
    font-size: 40px;
    color: #fff;
    padding-top: 346px
}

.comm_banner h1 span {
    font-weight: 400
}

.comm_banner p {
    margin: 34px auto 0;
    font-size: 16px;
    color: #fff;
    width: 760px;
    text-align: center
}

.comm_one {
    width: 100%;
    height: 950px;
    text-align: center
}

.comm_one .co_container {
    position: relative;
    width: 1204px;
    margin: 0 auto;
    padding-top: 74px
}

.comm_one .co_container .co_title {
    font-size: 40px;
    color: #333
}

.comm_one .co_container .co_txt {
    font-size: 16px;
    color: #888;
    margin: 38px auto 0;
    width: 710px;
    text-align: center
}

.comm_one .co_container img {
    margin-top: 40px
}

.comm_one .co_btn {
    position: absolute;
    bottom: -90px;
    right: 143px;
    display: block;
    width: 136px;
    height: 225px
}

.comm_one .co_btn em.cb_icon {
    width: 83px;
    height: 82px;
    display: block;
    background-position: -350px 0;
    position: absolute;
    left: 27px;
    top: 27px
}

.comm_one .co_btn em.cb_circle {
    width: 136px;
    height: 136px;
    display: block;
    background-position: 0 -97px;
    position: absolute;
    left: 0;
    top: 0;
    animation: sh-ripple 2s ease infinite
}

.comm_one .co_btn .co_tips, .comm_one .co_btn p.co_txt {
    left: 0;
    width: 100%;
    position: absolute;
    text-align: center
}

.comm_one .co_btn p.co_txt {
    font-size: 18px;
    color: #71d34c;
    top: 100px
}

.comm_one .co_btn:hover em.cb_icon {
    background-position: -267px 0
}

.comm_one .co_btn:hover em.cb_circle {
    background-position: -143px -99px
}

.comm_one .co_btn:hover p.co_txt {
    color: #3ea119
}

.comm_one .co_btn .co_tips {
    color: #ccc;
    font-size: 14px;
    top: 166px
}

.comm_one .co_btn em.co_img {
    display: block;
    width: 22px;
    height: 29px;
    background: url(../image/community_icon-b43bf37688.png) center center no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.comm_system {
    position: relative;
    display: none
}

.comm_system .hs_container .hc_content .hc_item {
    opacity: 1;
    filter: alpha(opacity=100)
}

.comm_system a.cs_arrow {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 60px;
    height: 12px;
    width: 24px;
    margin-left: -12px;
    opacity: 1;
    animation: mymove 5s infinite;
    -webkit-animation: mymove .8s infinite;
    background-position: -131px 0
}

@keyframes mymove {
    0%, 100% {
        bottom: 56px
    }

    50% {
        bottom: 60px
    }
}

.comm_two {
    width: 100%;
    height: 952px;
    background: url(../image/community_bg1-afb43481ce.jpg) center center no-repeat
}

.comm_two .ct_container {
    width: 50%;
    text-align: right;
    padding-top: 144px
}

.comm_two .ct_container .cc_title {
    font-size: 40px;
    color: #333;
    padding-right: 5%;
    border-bottom: none
}

.comm_two .ct_container .cc_txt {
    width: 45%;
    padding-right: 5%;
    font-size: 16px;
    color: #888;
    margin-top: 34px;
    text-align: right;
    margin-left: 50%
}

.comm_two .ct_container em {
    display: block;
    width: 35px;
    height: 4px;
    margin-top: 332px;
    float: right;
    margin-right: 5%;
    background-color: #12cd3e
}

.comm_three {
    width: 100%;
    height: 948px;
    background: url(../image/community_bg2-86b48791fd.jpg) center center no-repeat
}

.comm_three .ct_container {
    width: 50%;
    margin-left: 50%;
    text-align: left;
    padding-top: 144px
}

.comm_three .ct_container .cc_title {
    font-size: 40px;
    color: #333;
    padding-left: 5%;
    border-bottom: none
}

.comm_three .ct_container .cc_txt {
    width: 45%;
    padding-left: 5%;
    font-size: 16px;
    color: #888;
    margin-top: 34px;
    text-align: left
}

.comm_three .ct_container em {
    display: block;
    width: 35px;
    height: 4px;
    margin-top: 332px;
    margin-left: 5%;
    background-color: #12cd3e
}

.comm_four {
    height: 1145px;
    width: 100%;
    background: url(../image/community_bg3-0010b51aa0.jpg) center center no-repeat;
    text-align: center
}

.comm_four p.cf_title {
    font-size: 40px;
    color: #333;
    padding-top: 70px
}

.comm_four em {
    display: block;
    width: 54px;
    height: 3px;
    margin: 24px auto 0;
    background-color: #12cd3e
}

.comm_five {
    width: 100%;
    position: relative;
    overflow: hidden
}

.comm_five .cf_block {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2
}

.comm_five .cf_block.cf_curr {
    position: fixed;
    top: 0;
    left: 0
}

.comm_five .cf_block.cf_one {
    background: url(../image/community_bg4-e9cb1d24a3.jpg) center center no-repeat;
    opacity: 1;
    filter: "alpha(opacity=100)";
    background-size: cover
}

.comm_five .cf_block.cf_two {
    background: url(../image/community_bg5-fee8872e7f.jpg) center center no-repeat;
    background-size: cover
}

.comm_five .cf_block.cf_three {
    background: url(../image/community_bg6-cb440906e4.jpg) center center no-repeat;
    background-size: cover
}

.cf_block .cf_container {
    width: 1190px;
    margin: 0 auto
}

.cf_block .cf_container h1 {
    font-size: 36px;
    color: #333;
    padding-top: 86px;
    text-align: center;
    text-indent: -9999em
}

.cf_block .cf_container .cf_title {
    font-size: 40px;
    color: #333;
    text-align: left;
    margin-left: 2%
}

.cf_block .cf_container .cf_txt {
    font-size: 18px;
    color: #333;
    width: 510px;
    text-align: left;
    margin-top: 60px;
    margin-left: 2%
}

.cf_block.cf_one .cf_container .cf_title, .cf_block.cf_one .cf_container .cf_txt {
    margin-left: 52%
}

.cf_block.cf_three .cf_container .cf_title, .cf_block.cf_three .cf_container .cf_txt {
    color: #fff
}

.case_banner {
    height: 500px;
    width: 100%;
    background: url(../image/case_banner-47acdec4e9.jpg) center center no-repeat;
    text-align: center
}

.case_banner p {
    font-size: 40px;
    color: #fff;
    padding-top: 242px
}

.case_sec {
    padding-bottom: 75px;
    min-height: 960px
}

.cc_container {
    width: 1190px;
    margin: 0 auto;
    padding-top: 43px;
    position: relative;
    min-height: 1368px
}

.cc_container .cc_item {
    display: block;
    float: left;
    border: 1px solid #ececec;
    width: 370px;
    margin-top: 56px;
    text-align: center;
    position: absolute;
    min-height: 400px
}

.cc_container .cc_item img {
    width: 370px;
    height: 230px
}

.cc_container .cc_item.cc_one {
    position: absolute;
    left: 0;
    top: 0
}

.cc_container .cc_item.cc_two {
    position: absolute;
    left: 405px;
    top: 0
}

.cc_container .cc_item.cc_three {
    position: absolute;
    left: 810px;
    top: 0
}

.cc_container .cc_item.cc_four {
    position: absolute;
    left: 0;
    top: 456px
}

.cc_container .cc_item.cc_five {
    position: absolute;
    left: 405px;
    top: 456px
}

.cc_container .cc_item.cc_six {
    position: absolute;
    left: 810px;
    top: 456px
}

.cc_container .cc_item.cc_seven {
    position: absolute;
    left: 0;
    top: 912px
}

.cc_container .cc_item.cc_eight {
    position: absolute;
    left: 405px;
    top: 912px
}

.cc_container .cc_item.cc_nine {
    position: absolute;
    left: 810px;
    top: 912px
}

.about_banner, .about_menu, .ju_menu, .juc_title h2 a div, .juc_top {
    position: relative
}

.cc_container .cc_item .ci_title {
    font-size: 20px;
    color: #333;
    margin-top: 20px
}

.cc_container .cc_item .ci_txt {
    font-size: 14px;
    color: #888;
    margin: 24px auto 0;
    width: 90%;
    border-bottom: 1px solid #ececec;
    padding-bottom: 26px;
    text-align: left;
    height: 100px
}

.cc_container .cc_item .ci_btn {
    padding-right: 5%;
    margin: 6px 0 10px 70%
}

.cc_container .cc_item a {
    display: inline-block;
    width: 40px;
    height: 40px
}

.ca_center h4, .cc_container .ci_message_content {
    display: none
}

.cc_container .cc_item.cc_message a.ci_home {
    background-position: -674px 0
}

.cc_container .cc_item.cc_message a.ci_message {
    background-position: -714px 0
}

.cc_container .cc_item a.ci_home {
    background-position: -754px 0;
    margin-right: 4px
}

.cc_container .cc_item a.ci_message {
    background-position: -634px 0
}

.ci_message_content .cmc_icon_left {
    width: 42px;
    height: 40px;
    background-position: -998px 0
}

.ci_message_content .cmc_icon_right {
    width: 39px;
    height: 40px;
    background-position: -555px 0;
    float: right;
    margin-right: 5%
}

.ci_message_content .cmc_txt {
    width: 90%;
    margin: 0 auto 25px;
    font-size: 14px;
    color: #888;
    text-align: left
}

.ci_message_content .cmc_tips {
    margin-right: 5%;
    font-size: 16px;
    color: #333;
    text-align: right;
    margin-top: 80px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ececec
}

.ccc_left dl.ccc_sz, .contacts_container {
    padding-bottom: 40px
}

@media screen and (max-width:1442px) {
    .bs_one h1 {
        padding-top: 4.5em
    }

    .bs_three h1 {
        padding-top: 5em
    }

    .bs_two h1, .en_banner_one h1 {
        margin-top: 5em
    }

    .home_banner .hb_container {
        padding-top: 15em
    }
}

.about_banner {
    height: 480px;
    background-position: center;
    background-repeat: no-repeat
}

.about_menu {
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    top: 0;
    left: 0
}

.am_center {
    width: 1150px;
    margin: 0 auto;
    height: 50px
}

.am_center ul li {
    float: left;
    height: 50px;
    margin-left: 40px
}

.am_center ul li a {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #555
}

.am_center ul li a:hover {
    border-bottom: 2px solid #0dbe2b;
    color: #0dbe2b
}

.company_mm {
    overflow: hidden;
    height: 224px
}

.cc_center {
    width: 1150px;
    margin: 40px auto
}

.ccc_left {
    float: left;
    width: 341px
}

.ccc_right {
    float: right;
    width: 640px
}

.ccc_left dl.ccc_sz {
    border-bottom: 1px solid #e9e9e9
}

.ccc_left dl.ccc_am {
    margin-top: 40px
}

.ccc_left dl dt {
    font-size: 18px;
    color: #333
}

.ccc_left dl.ccc_sz dd h3 {
    margin-top: 30px;
    color: #0dbe2b;
    font-weight: 400;
    font-size: 18px
}

.ccc_left dl.ccc_am dd div, .ccc_left dl.ccc_sz dd div.ccc_address {
    margin-top: 30px
}

.ccc_left dl.ccc_sz dd div.ccc_phone {
    margin-top: 20px
}

.about_it {
    margin-top: 10px
}

.ai_center {
    width: 1150px;
    margin: 0 auto;
    overflow: hidden
}

.aic_managers {
    padding-bottom: 50px;
    border-bottom: 1px solid #e9e9e9
}

.aic_managers ul {
    margin-left: -56px;
    width: 1210px
}

.aic_managers ul li {
    float: left;
    width: 186px;
    margin: 40px 0 0 108px;
    height: 260px
}

.aic_managers ul li div {
    text-align: center;
    margin-top: 15px
}

.financing {
    margin-top: 33px;
    padding-bottom: 27px
}

.financing span {
    float: left
}

.financing_ht {
    margin-right: 96px
}

.financing_lx {
    margin-right: 93px
}

.financing_me {
    margin-right: 84px
}

.jc_companyvalues {
    padding: 106px 0
}

.company_values {
    border-bottom: 1px solid #f5f5f5
}

.ju_menu ul, div.wcs5_img {
    border-bottom: 1px solid #ccc
}

.jc_companyvalues dl {
    float: left;
    width: 364px;
    margin-right: 29px
}

.jc_companyvalues dl:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0
}

.jc_companyvalues dl dd {
    text-align: center;
    height: 105px;
    float: left;
    width: 100%;
    margin-top: 50px
}

.jc_companyvalues dl dd h3 {
    font-size: 22px;
    color: #ff7497;
    font-weight: 400;
    line-height: 22px
}

.jc_companyvalues dl dd div em {
    width: 26px;
    height: 2px;
    overflow: hidden;
    background-color: #ff7497;
    display: inline-block
}

.jc_companyvalues dl dd h5 {
    color: #333;
    margin-top: 20px
}

.jc_companyvalues dl dd h5 p {
    margin-top: 8px
}

.jc_companyvalues dl dt {
    float: left;
    width: 364px;
    height: 100px;
    text-align: center
}

.jc_companyvalues dl.jcc_three dd {
    background: 0 0
}

.jc_companyvalues dl.jcc_two, .jc_companyvalues dl.jcc_two dd {
    width: 364px
}

.jc_companyvalues dl.jcc_two h3 {
    color: #9ad2f1
}

.jc_companyvalues dl.jcc_three h3 {
    color: #fab342
}

.jc_companyvalues dl.jcc_two dd div em {
    background-color: #9ad2f1
}

.jc_companyvalues dl.jcc_three dd div em {
    background-color: #fab342
}

.ca_center {
    width: 795px;
    margin: 0 auto
}

.asc_bottom dl dt div em, .btn, .jg_q em, .oc_content dl, .ori_jg em, .pd_img a.view_details, .pd_video a.pdv_play div em {
    display: inline-block
}

.en_font .jc_companyvalues dl dt h3 {
    font-family: ssps
}

.en_font .jc_companyvalues dl dt h5 {
    font-family: sspr
}

.ca_center h2, .ca_center h3 {
    font-weight: 400;
    font-family: sspr, arial
}

.ca_center h2 {
    font-size: 72px;
    color: #ddd;
    line-height: 72px;
    padding-top: 100px
}

.ca_center h3 {
    color: #333;
    font-size: 22px
}

.ca_center h3 em {
    color: #12cd3e;
    font-family: "Microsoft YaHei", 微软雅黑, \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu
}

.ca_content {
    margin-top: 50px
}

.ca_content p {
    text-indent: 28px;
    margin-top: 10px;
    color: #666
}

.ca_content p em {
    color: #333
}

.jg_q {
    margin-top: 26px
}

.jg_q em {
    background-color: #12cd3e;
    width: 25px;
    height: 2px;
    overflow: hidden
}

.jgq_center {
    text-align: center;
    margin-top: 76px;
    padding-bottom: 142px
}

.en_font .ca_content {
    font-family: sspr
}

.ju_menu {
    width: 100%
}

.ju_menu img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.ju_menu ul {
    position: absolute;
    top: 0;
    width: 1200px;
    left: 50%;
    margin-left: -600px
}

.ju_menu ul li {
    float: left;
    line-height: 60px;
    height: 60px;
    vertical-align: middle;
    margin-right: 48px
}

.ju_menu ul li a {
    font-size: 14px;
    color: #b2b2b2
}

.ju_menu ul li a.active, .ju_menu ul li a:hover {
    color: #2f2f2f
}

.ju_block, .ju_last, .ju_sec {
    margin: 100px auto 0;
    text-align: center;
    width: 1200px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 90px
}

.ju_block h2, .ju_last h2, .ju_sec h2 {
    font-size: 42px;
    color: #2f2f2f;
    font-weight: 500
}

.ju_sec p {
    font-size: 16px;
    color: #b2b2b2;
    margin-top: 34px
}

.ju_block .jb_icon i, .ju_last a, .ju_sec a {
    background: url(//static.orvibo.com../images/joinUs/icons.png) center no-repeat
}

.ju_last a, .ju_sec a {
    display: block;
    width: 240px;
    margin: 74px auto 0;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    height: 50px;
    background-position: -243px -74px
}

.ju_last a:hover, .ju_sec a:hover {
    background-position: 0 -73px
}

.ju_block p {
    margin-top: 58px;
    color: grey;
    font-size: 20px
}

.ju_block .jb_item {
    float: left;
    width: 33.333333%;
    text-align: left;
    margin-top: 102px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ju_block .jb_line1.animate {
    animation: fadeInUp 1s .2s ease both;
    filter: alpha(opacity=100)
}

.ju_block .jb_line2.animate {
    animation: fadeInUp 1s .6s ease both;
    filter: alpha(opacity=100)
}

.ju_block .jb_line3.animate {
    animation: fadeInUp 1s 1s ease both;
    filter: alpha(opacity=100)
}

.ju_block .jb_item em {
    display: block;
    background-color: #2f7cd3;
    width: 40px;
    height: 2px;
    margin-left: 76px
}

.ju_block .jb_item p {
    margin-left: 76px;
    margin-top: 24px;
    font-size: 16px;
    color: #2f2f2f;
    width: 300px
}

.ju_block .jb_icon {
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 144px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ju_block .jb_icon i {
    display: block;
    width: 63px;
    height: 66px;
    margin: 0 auto
}

.ju_block .jb_icon1 i {
    background-position: -378px 0
}

.ju_block .jb_icon2 i {
    background-position: -441px 0
}

.ju_block .jb_icon3 i {
    background-position: -315px 0
}

.ju_block .jb_icon4 i {
    background-position: -63px 0
}

.ju_block .jb_icon5 i {
    background-position: 0 0
}

.ju_block .jb_icon6 i {
    background-position: -189px 0
}

.ju_block .jb_icon7 i {
    background-position: -126px 0
}

.ju_block .jb_icon8 i {
    background-position: -252px 0
}

.ju_block .jb_icon p {
    font-size: 16px;
    color: #2f2f2f;
    margin-top: 14px
}

.ju_last {
    width: 100%
}

.ju_last p {
    margin: 72px auto 0;
    font-size: 20px;
    color: #b2b2b2;
    text-align: left;
    width: 1200px
}

.ju_last .jl_pic {
    width: 100%;
    height: 606px;
    background: url(//static.orvibo.com../images/joinUs/bg2.jpg) center no-repeat;
    margin-top: 88px
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.joinus_dream {
    margin-top: 138px
}

.joinus_dream div.global_center ul {
    margin-left: -8px
}

.joinus_dream div.global_center ul li {
    float: left;
    width: 277px;
    margin-left: 83px;
    text-align: center
}

.joinus_dream div.global_center ul li h2 {
    font-weight: 100;
    font-size: 18px;
    color: #000;
    margin-top: 31px
}

.joinus_dream div.global_center ul li h2.green {
    color: #3ec8a7
}

.joinus_dream div.global_center ul li h2.blue {
    color: #5661e8
}

.joinus_dream div.global_center ul li h2.red {
    color: #ea5747
}

.joinus_dream div.global_center ul li div {
    color: #333;
    margin-top: 20px;
    font-size: 12px;
    text-align: justify;
    line-height: 24px
}

.joinus_category {
    border-top: 1px solid #f5f5f5;
    margin-top: 125px;
    padding-bottom: 129px
}

.juc_title {
    padding: 100px 0 38px
}

.juc_title h2 {
    text-align: center
}

.juc_title h2 span {
    font-size: 45px;
    color: #12cd3e;
    font-weight: 100
}

.juc_title h2 a {
    float: right;
    margin: 17px 35px 0 0;
    font-weight: 400;
    width: 54px;
    height: 26px;
    border: 1px solid #12cd3e;
    border-radius: 12px;
    color: #12cd3e;
    font-size: 12px
}

.juc_title h2 a div {
    height: 26px;
    line-height: 26px;
    padding-right: 4px
}

.juc_title h2 a div em {
    background-position: -58px 0;
    width: 4px;
    height: 7px;
    position: absolute;
    top: 10px;
    right: 9px
}

.juc_bottom, .juc_top {
    width: 245px;
    overflow: hidden
}

.juc_top {
    height: 290px
}

.juc_top img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.juc_bottom {
    height: 99px
}

.juc_list {
    margin-top: 55px
}

.juc_list ul li {
    float: left;
    margin: 38px 0 0 33px;
    position: relative
}

.juc_list ul li a div.juc_bottom div.jucb_description h3 {
    margin-left: 20px;
    padding: 13px 0 19px;
    height: 18px;
    line-height: 18px;
    font-weight: 100;
    width: 206px;
    color: #4b4b4b;
    border-bottom: 1px solid #f5f5f5;
    text-align: center
}

.juc_list ul li a div.juc_bottom div.jucb_description h3 em {
    float: right
}

.juc_list ul li a div.juc_bottom div.jucb_description h4 {
    color: #ccc;
    font-weight: 100;
    text-align: center;
    margin-top: 13px
}

.juc_list ul li a div.juc_bottom div.jucb_description b {
    width: 14px;
    height: 1px;
    margin: 7px auto;
    background-color: #12cd3e;
    display: block
}

.juc_list ul li a:hover div.juc_top {
    width: 243px;
    height: 289px;
    border-left: 1px solid #12cd3e;
    border-right: 1px solid #12cd3e;
    border-top: 1px solid #12cd3e
}

.juc_list ul li a:hover div.juc_top img {
    top: -1px;
    left: -1px
}

.juc_list ul li a:hover div.juc_top em {
    top: 13px;
    right: 13px
}

.juc_list ul li a:hover div.juc_bottom {
    background-color: #12cd3e
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description b, .jul_left {
    background-color: #fff
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description h3, .juc_list ul li a:hover div.juc_bottom div.jucb_description h4 {
    color: #fff
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description h3 {
    border-bottom: 1px solid #41d765
}

.joinus_list {
    margin-top: 95px;
    padding-bottom: 100px
}

.jul_left {
    float: left;
    width: 221px;
    min-height: 619px
}

.jul_left dl dt {
    height: 221px;
    height: 60px;
    background-color: #12cd3e;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-weight: 700
}

.jul_left dl dd {
    width: 216px;
    height: 46px;
    border-left: 5px solid #fff;
    cursor: pointer
}

.jul_left dl dd.cur {
    border-left: 5px solid #12cd3e;
    position: relative
}

.jul_left dl dd.cur div {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 216px;
    height: 44px
}

.jul_left dl dd div a {
    float: left;
    width: 156px;
    height: 46px;
    text-align: right;
    line-height: 46px;
    color: #333
}

.jul_left dl dd.cur div em {
    position: absolute;
    width: 5px;
    height: 10px;
    background-position: -64px 0;
    top: 19px;
    right: 30px
}

.jul_right {
    float: right;
    width: 910px;
    min-height: 800px
}

.julr_top {
    background-color: #fff;
    padding-bottom: 30px
}

.julr_top dl {
    margin: 13px 0 0 24px;
    width: 853px;
    float: left;
    font-size: 12px
}

.julr_top dl.julrt_address {
    margin: 38px 0 0 24px
}

.julr_top dl dt {
    float: left;
    color: #333;
    font-weight: 700
}

.julr_top dl dd {
    float: left;
    padding: 0 28px;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 5px
}

.julr_top dl dd:last-child {
    border-right: 0
}

.julr_top dl dd a {
    color: #333
}

.julr_top dl dd a:hover, .julr_top dl dd.cur a {
    color: #12cd3e
}

.julr_bottom {
    margin-top: 20px;
    background-color: #fff
}

.julrb_content table {
    table-layout: fixed;
    margin: 30px 0 0 90px;
    float: left
}

.julrb_content table tr td {
    font-size: 12px;
    padding: 3px 0
}

.julrb_content table tr td.julrb_name {
    width: 90px
}

.julrb_content table tr td.julrb_param {
    width: 290px
}

.julrb_content table tr td.julrb_more {
    width: 700px
}

.julrb_content table tr td.julrb_more p {
    padding: 3px 0
}

.apply_station {
    margin: 30px 0 0 182px
}

.apply_station a.email_appointment {
    width: 86px;
    height: 28px;
    border: 1px solid #12cd3e;
    background-color: #12cd3e;
    color: #fff;
    text-align: center;
    line-height: 28px;
    display: block;
    border-radius: 4px;
    margin-top: 15px
}

.julrb_share {
    margin: 52px 0 0 182px
}

.julrb_share dd, .julrb_share dt {
    float: left
}

.julrb_share dt {
    height: 32px;
    line-height: 32px;
    margin-right: 12px
}

.julrb_share dd a {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    float: left
}

.julrb_share dd a.julrb_weibo {
    background-position: -236px -66px
}

.julrb_share dd a.julrb_wechat {
    background-position: -270px -66px;
    position: relative
}

.wechat_qcode {
    position: absolute;
    top: -95px;
    left: 20px;
    padding: 5px;
    background-color: #e9e9e9;
    display: none
}

.wechat_qcode img {
    font-size: 0;
    float: left;
    width: 111px;
    height: 111px
}

.julrb_share dd a.julrb_wechat:hover .wechat_qcode {
    display: block
}

.julrb_description {
    margin: 50px 0 0 114px;
    padding-bottom: 20px
}

.w_com {
    position: relative;
    height: 1000px
}

.wc_section1 {
    text-align: center;
    background: url(../image/about_1.jpg) center center no-repeat;
    background-size: 100% 100%
}

.wc_section1 div.title, .wc_section2 div.if_icon, .wc_section3 div.content, .wc_section4 .right, .wc_section4 div.left div.erweima, .wc_section4 div.left div.title div.img, div.black, div.wcs_line, div.white {
    background: url(../image/pic.png) no-repeat
}

.wc_section1 div.title {
    position: absolute;
    width: 668px;
    height: 74px;
    background-position: 0 -919px;
    top: 400px;
    left: 50%;
    margin-left: -334px
}

.wc_section1 p {
    position: absolute;
    top: 564px;
    left: 50%;
    margin-left: -410px;
    width: 820px;
    text-align: center;
    font-size: 18px;
    color: #575757;
    line-height: 24px
}

div.wcs_line {
    position: absolute;
    bottom: 124px;
    left: 50%;
    margin-left: -26px;
    width: 52px;
    height: 3px
}

div.wcs_black {
    background-position: 0 -3px
}

div.wcs_white {
    background-position: 0 0
}

.wc_section2 {
    text-align: center;
    background: url(../image/about_2.jpg) center center no-repeat
}

.wc_section3, .wc_section5 {
    background-color: #fff;
    text-align: center
}

.wc_section2 p.title, .wc_section6 p.title {
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    padding-top: 192px
}

.wc_section2 p.content, .wc_section6 p.content {
    margin-top: 40px;
    color: #fff;
    font-size: 46px;
    line-height: 46px
}

.wc_section2 p.txt, .wc_section6 p.txt {
    width: 950px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding-top: 44px;
    margin: 0 auto
}

.wc_section2 div.if_icon {
    width: 264px;
    height: 135px;
    margin: 146px auto 0;
    background-position: 0 -80px
}

.wc_section3 p.title {
    width: 678px;
    margin: 0 auto;
    padding-top: 116px;
    color: #575757;
    font-size: 46px;
    line-height: 60px
}

.wc_section3 p.txt {
    width: 950px;
    color: #575757;
    font-size: 18px;
    line-height: 24px;
    padding-top: 40px;
    margin: 0 auto
}

.wc_section3 div.content {
    width: 822px;
    height: 565px;
    margin: 50px auto 0;
    background-position: 0 -993px
}

.wc_section4 {
    background: url(../image/about_4.jpg) center center no-repeat
}

.wc_section4 div.left {
    float: left;
    width: 532px;
    margin-top: 264px;
    margin-left: 20%
}

.wc_section4 div.left div.title div.img {
    float: left;
    width: 84px;
    height: 74px;
    background-position: 0 -6px
}

.wc_section4 div.left div.title p {
    float: left;
    font-size: 46px;
    color: #575757;
    padding-top: 28px;
    line-height: 46px;
    padding-left: 14px
}

.wc_section4 div.left p.content {
    display: block;
    clear: both;
    font-size: 26px;
    color: #575757;
    line-height: 26px;
    padding-top: 10px;
    margin-bottom: 25px
}

.wc_section4 div.left p.txt {
    font-size: 18px;
    color: #575757
}

.wc_section4 div.left div.erweima {
    margin-top: 54px;
    width: 266px;
    height: 131px;
    background-position: 0 -215px
}

.wc_section4 .right {
    float: left;
    margin-top: 264px;
    width: 660px;
    height: 573px;
    margin-left: 46px;
    background-position: 0 -346px
}

.wc_section5 p.title {
    padding-top: 150px;
    color: #454549;
    font-size: 26px;
    line-height: 26px
}

.wc_section5 p.content {
    padding-top: 20px;
    color: #454549;
    font-size: 46px;
    line-height: 46px
}

.wc_section5 p.txt {
    width: 1050px;
    margin: 0 auto;
    text-align: center;
    padding-top: 42px;
    color: #454549;
    font-size: 18px;
    line-height: 26px
}

.wc_section5 .container {
    margin: 72px auto 0;
    width: 1072px
}

div.wcs5_img {
    float: left;
    border-right: 1px solid #ccc;
    background: url(../image/company.gif) no-repeat
}

div.wcs_company1 {
    width: 152px;
    height: 116px;
    background-position: -787px -169px
}

div.wcs_company2 {
    width: 150px;
    height: 116px;
    background-position: -1344px 0
}

div.wcs_company3 {
    width: 149px;
    height: 116px;
    background-position: -745px 0
}

div.wcs_company4 {
    width: 151px;
    height: 116px;
    background-position: -156px -147px
}

div.wcs_company5 {
    width: 149px;
    height: 116px;
    background-position: 0 0
}

div.wcs_company6 {
    width: 150px;
    height: 116px;
    background-position: -1494px 0
}

div.wcs_company7 {
    width: 152px;
    height: 116px;
    border-right: none;
    background-position: -629px -163px
}

div.wcs_company8 {
    width: 152px;
    height: 126px;
    background-position: -471px -155px
}

div.wcs_company9 {
    width: 150px;
    height: 126px;
    background-position: -894px 0
}

div.wcs_company10 {
    width: 149px;
    height: 126px;
    background-position: -298px 0
}

div.wcs_company11 {
    width: 151px;
    height: 126px;
    background-position: -1102px -176px
}

div.wcs_company12 {
    width: 149px;
    height: 126px;
    background-position: -447px 0
}

div.wcs_company13 {
    width: 150px;
    height: 126px;
    background-position: -1044px 0
}

div.wcs_company14 {
    width: 152px;
    height: 126px;
    border-right: none;
    background-position: -1261px -167px
}

div.wcs_company15 {
    width: 152px;
    height: 124px;
    border-bottom: none;
    background-position: -944px -173px
}

div.wcs_company16 {
    width: 150px;
    height: 124px;
    border-bottom: none;
    background-position: -1422px -161px
}

div.wcs_company17 {
    width: 149px;
    height: 124px;
    border-bottom: none;
    background-position: -596px 0
}

div.wcs_company18 {
    width: 151px;
    height: 124px;
    border-bottom: none;
    background-position: 0 -142px
}

div.wcs_company19 {
    width: 149px;
    height: 124px;
    border-bottom: none;
    background-position: -149px 0
}

div.wcs_company20 {
    width: 150px;
    height: 124px;
    border-bottom: none;
    background-position: -1194px 0
}

div.wcs_company21 {
    width: 152px;
    height: 124px;
    border: none;
    background-position: -311px -152px
}

.wc_section6 {
    text-align: center;
    background: url(../image/about_5.jpg) center center no-repeat
}

.wc_section6 div.wcs_line {
    bottom: 154px
}

.wc_section7 {
    text-align: center;
    background: url(../image/about_6.jpg) center center no-repeat
}

.wc_section7 p.title, .wc_section8 p.title, .wc_section9 p.title {
    padding-top: 438px;
    font-size: 50px;
    color: #fff;
    line-height: 50px
}

.wc_section7 p.txt, .wc_section8 p.txt, .wc_section9 p.txt {
    position: absolute;
    bottom: 240px;
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    left: 50%;
    width: 154px;
    text-align: center;
    margin-left: -77px
}

.wc_section7 div.wcs_line, .wc_section8 div.wcs_line, .wc_section9 div.wcs_line {
    bottom: 218px
}

.wc_section8 {
    text-align: center;
    background: url(../image/about_7.jpg) center center no-repeat
}

.wc_section9 {
    text-align: center;
    background: url(../image/about_8.jpg) center center no-repeat
}

@media screen and (max-width:1560px) {
    .wc_section4 div.left {
        margin-left: 10%
    }
}

@media screen and (max-width:1390px) {
    .wc_section4 div.left {
        margin-left: 5%
    }
}

@media screen and (max-width:1305px) {
    .wc_section4 div.left {
        margin-left: 0
    }
}

.comments {
    margin-top: 60px
}

.comments_center, .hc_center {
    width: 1150px;
    margin: 0 auto
}

.cc_title {
    border-bottom: 1px solid #e7e7e7
}

.cc_title h2 {
    height: 30px;
    font-family: arial;
    color: #12cd3e;
    font-size: 30px;
    padding: 65px 0 60px;
    font-weight: 400
}

.comments_list {
    margin-top: 51px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e7e7e7
}

.cl_iterm {
    float: left;
    width: 50%;
    height: 187px
}

.cl_iterm .cli_left {
    float: left;
    width: 25%
}

.cl_iterm a.cli_right {
    float: right;
    width: 75%
}

.cl_iterm a.cli_right h3 {
    color: #333
}

.cl_iterm a.cli_right div {
    text-align: justify;
    color: #888;
    margin-top: 8px;
    width: 90%;
    margin-left: 5px
}

.scroll_page {
    position: absolute;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.page_bg, .scroll_page .page {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    color: #FFF;
    overflow: hidden;
    background-color: #fff
}

.page_bg {
    z-index: 1
}

.page_bg img {
    margin: 0 auto;
    height: 100%;
    width: 100%
}

.ae_center, .as_center, .fa_center, .first_animate, .sa_center, .ta_center {
    margin: 0 auto;
    width: 1150px;
    position: relative;
    z-index: 99;
    height: 100%
}

.fa_center div, .first_animate a, .first_animate div, .sa_center div {
    position: absolute
}

.fa_phone {
    bottom: 0;
    left: -353px;
    left: -16px\9;
    opacity: 0;
    transition: all .6s linear;
    width: 693px
}

.fa_phone img {
    width: 100%
}

.fa_right {
    margin-right: -150px;
    margin-right: 0\9;
    opacity: 0;
    transition: all .6s linear
}

.curr .fa_phone, .curr .fa_right {
    opacity: 1;
    transition: all .6s linear
}

.curr .fa_right {
    margin-right: 0
}

.curr .fa_phone {
    bottom: 0;
    left: -16px
}

.fa_logo {
    right: 233px;
    bottom: 643px
}

.fa_title {
    right: 174px;
    bottom: 549px
}

.fa_more {
    right: 63px;
    bottom: 401px
}

.fa_a {
    right: 283px;
    bottom: 199px
}

.fa_ios {
    right: 33px;
    bottom: 199px
}

.fa_qcode {
    right: 36px;
    bottom: 41px;
    position: absolute
}

.fourth_animate, .second_animate, .third_animate {
    width: 100%;
    position: absolute;
    z-index: 99;
    height: 100%;
    left: 0;
    top: 0
}

.sac_left {
    bottom: 258px;
    left: -200px;
    opacity: 0;
    transition: all .2s linear
}

.curr .sac_left {
    bottom: 258px;
    left: -40px;
    opacity: 1;
    transition: all .6s linear
}

.sac_left h3, .ta_title h3 {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    font-family: arial
}

.fac_left h4, .sac_left h4, .ta_title h4 {
    color: #cccbcb;
    font-family: arial;
    font-weight: 400
}

.sac_leften h3, .ta_titleen h3 {
    font-size: 36px
}

.sac_left h4, .ta_title h4 {
    font-size: 30px;
    margin-top: 22px
}

.sac_leften h4, .ta_titleen h4 {
    font-size: 24px
}

.sac_right {
    bottom: 15px;
    width: 622px;
    height: 858px;
    right: -27px
}

.sr_circle {
    width: 622px;
    height: 603px;
    transform: scale(1.2);
    transition: all .2s linear;
    opacity: 0
}

.curr .sr_circle {
    width: 622px;
    height: 603px;
    transform: scale(1);
    transition: all .6s linear;
    opacity: 1
}

.sr_one, .sr_three, .sr_two {
    transform: scale(1.2);
    transition: all .2s linear
}

.sr_circle i {
    width: 8px;
    height: 8px;
    background-color: #ddc5a9;
    border: 1px solid #ddc5a9;
    border-radius: 50%;
    position: absolute
}

.sr_two {
    left: 257px;
    top: -104px;
    opacity: 0
}

.sr_one {
    left: -64px;
    top: 337px;
    opacity: 0
}

.sr_three {
    right: -64px;
    top: 328px;
    opacity: 0
}

.curr .sr_one, .curr .sr_three, .curr .sr_two {
    transform: scale(1);
    transition: all .6s linear;
    opacity: 1
}

.curr .sr_two {
    left: 257px;
    top: -52px
}

.curr .sr_one {
    left: -34px;
    top: 337px
}

.curr .sr_three {
    right: -24px;
    top: 328px
}

.sr_phone {
    top: 627px;
    left: 131px;
    opacity: 0;
    transition: all .2s linear
}

.curr .sr_phone {
    top: 127px;
    left: 131px;
    opacity: 1;
    transition: all .6s linear
}

.curr .ta_title, .ta_title {
    top: 119px;
    position: absolute
}

.ta_title {
    left: -353px;
    opacity: 0;
    transition: all .2s linear
}

.curr .ta_title {
    left: -193px;
    opacity: 1;
    transition: all .6s linear
}

.ta_list {
    position: relative;
    top: 152px;
    width: 1150px;
    left: 0
}

.app_footer, .ta_list div {
    position: absolute
}

.tal_iterm {
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    border-radius: 0;
    transition: all .2s linear
}

.curr .tal_iterm {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 18px;
    transition: all .6s linear;
    border: 1px solid #fff
}

.tal_iterm img, .tal_phone {
    opacity: 0;
    transition: all .2s linear
}

.curr .tal_iterm img {
    opacity: 1;
    transition: all .6s linear
}

.tal_ir {
    width: 79px;
    height: 118px;
    top: 306px;
    left: -249px
}

.tal_ir img {
    margin: 40px 0 0 17px
}

.tal_wifi {
    width: 142px;
    height: 212px;
    top: 258px;
    left: -155px
}

.tal_wifi img {
    margin: 89px 0 0 30px
}

.tal_zwave {
    width: 160px;
    height: 239px;
    top: 245px;
    left: 5px
}

.tal_zwave img {
    margin: 91px 0 0 16px
}

.tal_zigbee {
    width: 190px;
    height: 283px;
    top: 223px;
    left: 185px
}

.tal_zigbee img {
    margin: 121px 0 0 19px
}

.tal_phone {
    width: 361px;
    height: 552px;
    top: 352px;
    left: 396px
}

.curr .tal_phone {
    opacity: 1;
    transition: all .6s linear;
    top: 0;
    left: 396px
}

.tal_osram {
    width: 190px;
    height: 283px;
    top: 223px;
    right: 185px
}

.tal_osram img {
    margin: 126px 0 0 25px
}

.tal_philips {
    width: 160px;
    height: 239px;
    top: 245px;
    right: 5px
}

.tal_philips img {
    margin: 108px 0 0 19px
}

.tal_o {
    width: 142px;
    height: 212px;
    top: 258px;
    right: -155px
}

.tal_o img {
    margin: 71px 0 0 36px
}

.tal_ho {
    width: 79px;
    height: 118px;
    top: 306px;
    right: -249px
}

.tal_ho img {
    margin: 53px 0 0 6px
}

.fac_left {
    left: 1100px;
    top: 348px;
    opacity: 0;
    transition: all .2s linear
}

.curr .fac_left {
    left: 751px;
    opacity: 1;
    transition: all .6s linear
}

.fac_icon1, .fac_icon2, .fac_icon3, .fac_icon4, .fac_icon5, .fac_icon6 {
    opacity: 0;
    transition: all .2s linear
}

.fac_left h3 {
    height: 46px;
    line-height: 46px;
    font-size: 50px;
    font-weight: 400;
    font-family: arial
}

.fac_leften h3 {
    font-size: 36px
}

.fac_left h4 {
    width: 557px;
    text-align: justify;
    margin-top: 29px;
    font-size: 30px
}

.fac_leften h4 {
    font-size: 24px
}

.fac_phone {
    top: 134px;
    left: 122px
}

.fac_icon1 {
    top: 188px;
    left: 49px
}

.fac_icon2 {
    top: 410px;
    left: -52px
}

.fac_icon3 {
    top: 72px;
    left: 382px
}

.fac_icon4 {
    top: 603px;
    left: 543px
}

.fac_icon5 {
    top: 669px;
    left: 340px
}

.fac_icon6 {
    top: 612px;
    left: -78px
}

.curr .fac_icon1 {
    opacity: 1;
    transition: all .6s linear 0s
}

.curr .fac_icon2 {
    opacity: 1;
    transition: all .6s linear .4s
}

.curr .fac_icon3 {
    opacity: 1;
    transition: all .6s linear .2s
}

.curr .fac_icon4 {
    opacity: 1;
    transition: all .6s linear .6s
}

.curr .fac_icon5 {
    opacity: 1;
    transition: all .6s linear .8s
}

.curr .fac_icon6 {
    opacity: 1;
    transition: all .6s linear 1s
}

.app_footer {
    bottom: 0;
    z-index: 999;
    background-color: #1e2023;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #898989;
    font-size: 12px
}

.oc_contacts {
    padding-bottom: 80px
}

.oc_contacts .occ_center {
    width: 1150px;
    margin: 0 auto
}

.oc_contacts .occ_center h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #333
}

.oc_content {
    position: relative;
    width: 1150px;
    overflow: hidden
}

.oc_content dl {
    margin: 75px 0 0 72px;
    width: 300px
}

.oc_content dl dt {
    font-size: 18px;
    color: #333
}

.oc_content dl dd {
    margin-top: 30px
}

.oc_content dl dd p {
    margin-top: 5px
}

.cooperations_banner {
    background: url(../image/copperations_banner-1a50971a37.jpg) center no-repeat;
    height: 500px;
    width: 100%;
    overflow: hidden
}

.cooperations_banner h1 {
    padding-top: 531px
}

.cooperations_descprtion {
    margin-top: 90px
}

.cooperations_descprtion div.global_center {
    padding-bottom: 90px;
    border-bottom: 1px solid #c5c5c5
}

.cooperations_descprtion div.global_center ul {
    margin-left: -50px
}

.cooperations_descprtion div.global_center ul li {
    float: left;
    width: 240px;
    margin-left: 50px;
    text-align: center
}

.cooperations_descprtion div.global_center ul li h2 {
    font-weight: 100;
    font-size: 20px;
    color: #000;
    margin-top: 20px
}

.cooperations_descprtion div.global_center ul li div {
    color: #7a7a7a;
    margin-top: 20px
}

.cooperations_contacts {
    margin-top: 85px
}

.cooperations_contacts div.global_center dl dt {
    text-align: center;
    color: #000;
    padding-bottom: 80px
}

.cooperations_contacts div.global_center dl dt h2 {
    font-weight: 100;
    font-size: 28px;
    letter-spacing: 10px
}

.cooperations_contacts div.global_center dl dt em {
    font-size: 13px;
    margin-left: -12px
}

.cooperations_contacts div.global_center dl dd {
    padding-bottom: 135px;
    width: 1100px;
    margin-left: 50px
}

.cooperations_contacts div.global_center dl dd:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0
}

.cooperations_contacts div.global_center dl dd div {
    float: left;
    width: 275px
}

.cooperations_contacts div.global_center dl dd div h5, .cooperations_contacts div.global_center dl dd div h6 {
    font-size: 20px;
    height: 20px;
    border-left: 4px solid #12cd3e;
    padding-left: 9px;
    font-weight: 100;
    color: #12cd3e;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 22px
}

.cooperations_contacts div.global_center dl dd div h5 {
    height: 40px
}

.cooperations_contacts div.global_center dl dd div h5 em {
    font-size: 14px;
    display: block;
    margin-top: 2px
}

.cooperations_contacts div.global_center dl dd div p {
    margin: 4px 0 0 14px
}

.scroll_page ol.scroll_nav {
    position: fixed;
    width: 14px;
    right: 80px;
    top: 50%;
    margin-top: -24px;
    bottom: 0;
    z-index: 9999;
    padding: 0
}

.scroll_page ol.scroll_nav li, ul.slider_mark li {
    width: 12px;
    text-indent: -99px;
    overflow: hidden;
    cursor: pointer
}

.scroll_page ol.scroll_nav li {
    height: 12px;
    margin: 10px auto;
    background: 0 0;
    border: 1px solid #DDD;
    border-radius: 12px
}

.scroll_page ol.scroll_nav li.curr_page {
    background: #DDD
}

.oc_banner {
    margin-top: 60px;
    position: relative;
    overflow: hidden
}

.oc_banner .ocb_list {
    position: relative;
    width: 100%;
    height: 480px
}

.oc_banner .ocb_list ul.ocb_slider {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1
}

.oc_banner .ocb_list ul.ocb_slider li {
    position: absolute;
    height: 480px;
    overflow: hidden;
    z-index: 1
}

.oc_banner .ocb_list ul.ocb_slider li.cur {
    display: block
}

.oc_banner .ocb_list ul.ocb_slider li a {
    display: block;
    font-size: 0
}

.oc_banner .ocb_list ul.ocb_slider li a img {
    margin: 0 auto
}

ul.slider_mark {
    position: absolute;
    right: 50%;
    bottom: 10%;
    margin-top: -24px;
    z-index: 9999;
    padding: 0;
    margin-right: -28px
}

.banner_bg ul.slider_mark {
    bottom: 40px
}

ul.slider_mark li {
    height: 12px;
    margin: 10px auto 10px 11px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    float: left
}

.as_center .asc_top, .asc_bottom {
    border-bottom: 1px solid #e7e7e7
}

ul.slider_mark li.cur, ul.slider_mark li.inCur {
    background: 0 0
}

.as_center .asc_top {
    padding-bottom: 59px
}

.area_service, .asc_bottom {
    padding-bottom: 40px
}

.as_center .asc_top h2 {
    font-size: 28px;
    text-align: center;
    margin-top: 66px;
    color: #333;
    height: 34px;
    line-height: 34px
}

.as_center .asc_top p {
    color: #888fa2;
    text-align: center;
    height: 14px;
    line-height: 14px;
    font-weight: 700
}

.asc_bottom {
    width: 970px;
    margin: 10px 0 0 34px
}

.asc_bottom dl {
    width: 369px;
    margin: 40px 0 0 116px;
    float: left
}

.asc_bottom dl dt div {
    width: 76px;
    height: 67px;
    margin: 0 auto;
    text-align: center
}

.asc_bottom dl dt div hgroup {
    font-weight: 700;
    color: #333;
    margin-top: 6px
}

.asc_bottom dl.ascb_asservice dt div em {
    background-position: -88px -275px;
    width: 38px;
    height: 34px
}

.asc_bottom dl.ascb_support dt div em {
    background-position: -166px -275px;
    width: 34px;
    height: 34px
}

.asc_bottom dl.ascb_training dt div em {
    background-position: -129px -275px;
    width: 34px;
    height: 34px
}

.asc_bottom dl.ascb_solution dt div em {
    background-position: -202px -275px;
    width: 34px;
    height: 34px
}

.asc_bottom dl dd {
    text-align: justify;
    margin-top: 16px;
    color: #888fa2
}

.all_extend {
    background-color: #f3f5f8;
    height: 978px
}

.ae_center {
    height: 855px;
    background: url(../image/oc_area-483c37115d.png) center 214px no-repeat
}

.ae_center dl {
    position: absolute
}

.ae_center dl.aec_one {
    width: 369px;
    top: 125px;
    left: 408px
}

.ae_center dl.aec_two {
    width: 328px;
    top: 395px;
    left: 0
}

.ae_center dl.aec_three {
    width: 327px;
    top: 321px;
    left: 797px
}

.ae_center dl.aec_four {
    width: 368px;
    top: 721px;
    left: 33px
}

.ae_center dl.aec_five {
    width: 330px;
    top: 711px;
    left: 733px
}

.ae_center dl div {
    height: 40px;
    line-height: 50px
}

.ae_center dl.aec_one div em {
    background-position: -242px -223px;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 12px
}

.ae_center dl.aec_two div em {
    background-position: -316px -223px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 12px 0 107px
}

.ae_center dl.aec_three div em {
    background-position: -284px -223px;
    width: 32px;
    height: 40px;
    float: left;
    margin-right: 12px
}

.ae_center dl.aec_four div em {
    background-position: -155px -223px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 12px 0 184px
}

.ae_center dl.aec_five div em {
    background-position: -202px -223px;
    width: 35px;
    height: 40px;
    float: left;
    margin-right: 12px
}

.ae_center dl dd {
    margin-top: 15px;
    line-height: 23px;
    text-align: justify;
    color: #555
}

.ae_center dl div hgroup {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.offline_exhibition h2 {
    height: 201px;
    text-align: center;
    font-size: 28px;
    color: #333;
    line-height: 201px
}

.offline_exhibition ul {
    width: 100%;
    float: left
}

.offline_exhibition ul li {
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
    height: 459px
}

.offline_exhibition ul li a.oex_img {
    float: left;
    width: 100%;
    font-size: 0
}

.offline_exhibition ul li.oex_first img {
    position: absolute;
    z-index: 1
}

.offline_exhibition ul li a img {
    width: 480px;
    height: 459px
}

.oe_mes {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(14, 18, 39, .9)
}

.oe_mes div.oem_title {
    width: 77%;
    margin: 31px auto 0;
    height: 103px;
    background: url(https://static.orvibo.com/guanwang_second/front/images/oex_line-c438578f47.png) bottom no-repeat;
    color: #fff;
    line-height: 103px;
    font-size: 22px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.oe_mes div.oem_contact {
    width: 77%;
    margin: 45px auto 0;
    color: #fff;
    font-size: 16px
}

.oe_mes div.oem_address {
    width: 77%;
    margin: 26px auto 0;
    color: #fff;
    font-size: 16px
}

.oe_mes div.oem_contact em {
    float: left;
    width: 20px;
    height: 21px;
    background-position: -252px -274px;
    margin-right: 14px
}

.oe_mes div.oem_address em {
    float: left;
    width: 20px;
    height: 28px;
    background-position: -280px -275px;
    margin-right: 14px
}

.oe_mes div.oem_address p {
    margin-top: 9px;
    float: right;
    width: 336px
}

.offline_exhibition ul li.oex_first a.oem_oycg {
    width: 154px;
    height: 52px;
    border: 2px solid #6a6c78;
    text-align: center;
    line-height: 52px;
    color: #6a6c78;
    margin: 50px auto 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    display: block
}

.offline_exhibition ul li.oex_first a.oem_oycg:hover {
    background: #0dbe2b;
    border: 2px solid #0dbe2b;
    color: #fff
}

.oc_window {
    background-color: rgba(255, 255, 255, .9);
    width: 369px;
    height: 431px;
    padding: 67px 116px;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0
}

.ocw {
    width: 370px
}

.prew_group div select {
    width: 45%;
    border-radius: 0;
    background-color: #f6f6f6
}

.prew_group div select.province {
    float: left
}

.prew_group div select.city {
    float: right
}

.oc_top {
    padding-bottom: 18px
}

.ocw_button {
    text-align: center
}

.ocw_button input {
    width: 114px;
    border-radius: 2px;
    padding: 5px 12px;
    height: 44px;
    font-weight: 700;
    font-size: 16px
}

.ocw_tips {
    color: #146ee2;
    line-height: 16px
}

.ocw_tips em {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    background-position: -216px -184px
}

.or_banner, .or_values {
    background-position: center;
    overflow: hidden
}

.or_banner {
    margin-top: 58px;
    background-image: url(../image/oi_02-4b7fbf4153.jpg);
    background-repeat: no-repeat;
    height: 600px
}

.or_banner h2, .or_banner h6 {
    height: 0;
    padding-top: 600px
}

.or_intro {
    height: 805px
}

.or_contacts h2, .or_intro h2, .or_product h2, .or_select h2, .or_suppersupport h2 {
    text-align: center;
    font-size: 34px;
    font-weight: 100;
    color: #000;
    padding-top: 100px;
    height: 30px;
    line-height: 30px
}

.ori_jg {
    text-align: center
}

.ori_jg em {
    width: 181px;
    height: 3px;
    background-color: #99d781;
    overflow: hidden
}

.ori_des {
    margin-top: 15px
}

.ori_des p {
    text-align: center;
    color: #aaa;
    font-size: 16px;
    margin-top: 7px
}

.ori_support {
    width: 1150px;
    overflow: hidden;
    margin: 60px auto 0
}

.ori_support ul {
    width: 1188px;
    margin-left: -36px
}

.ori_support ul li {
    width: 357px;
    height: 357px;
    float: left;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    margin-left: 36px
}

.oc_process div span, .oc_process div.ocp_jg, .ori_support ul li b, .os_content div.osc_two em, .os_user div.osu_right span {
    background: url(../image/oi_global-7e0f4518e9.png) no-repeat
}

.ori_support ul li b {
    width: 95px;
    height: 107px;
    float: left;
    margin: 51px 0 0 131px
}

.ori_support ul li b:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0
}

.ori_support ul li b.oris_two {
    background-position: -97px 0
}

.ori_support ul li b.oris_three {
    background-position: -192px 0
}

.ori_support ul li h4 {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 100;
    margin-top: 12px
}

.ori_support ul li div {
    width: 293px;
    float: left;
    margin: 24px 0 0 32px;
    color: #aaa;
    line-height: 22px;
    text-align: justify
}

.or_values {
    background-image: url(../image/oi_08-c757889f7a.jpg);
    background-repeat: no-repeat;
    height: 500px
}

.or_values h2, .or_values h6 {
    height: 0;
    padding-top: 500px
}

.ori_img {
    margin-top: 100px;
    text-align: center
}

.or_contacts .global_center, .or_select .global_center, .or_suppersupport .global_center {
    padding-bottom: 122px;
    border-bottom: 1px solid #d1d1d1
}

.os_content {
    margin-top: 129px
}

.os_content div {
    float: left
}

.os_content div.osc_one {
    margin-left: 106px
}

.os_content div.osc_one, .os_content div.osc_three {
    width: 204px;
    height: 310px;
    border: 1px solid #7fcd61;
    border-radius: 10px
}

.os_content div.osc_one dt, .os_content div.osc_three dt {
    background-color: #7fcd61;
    width: 202px;
    height: 61px;
    border: 1px solid #7fcd61;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
    line-height: 61px;
    font-size: 24px;
    font-weight: 100
}

.os_content div.osc_one dd p, .os_content div.osc_three p {
    float: left;
    width: 180px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #8e8e8e;
    font-size: 16px;
    border-bottom: 1px dashed #e9e9e9;
    margin-left: 9px
}

.os_content div.osc_one dd p:last-child, .os_content div.osc_three p:last-child {
    border-bottom: 0
}

.os_content div.osc_two {
    margin: 100px 0 0 33px;
    width: 69px
}

.os_content div.osc_two em {
    width: 69px;
    height: 11px;
    float: left
}

.os_content div.osc_two em.osc_green {
    background-position: 0 -108px
}

.os_content div.osc_two em.osc_blue {
    background-position: 0 -119px;
    margin-top: 95px
}

.os_content div.osc_three {
    margin-left: 30px;
    border: 1px solid #356ac8
}

.os_content div.osc_three dt {
    background-color: #356ac8;
    border: 1px solid #356ac8
}

.os_content div.osc_four {
    margin: 98px 0 0 113px;
    height: 74px;
    border-left: 8px solid #3772cf;
    padding-left: 14px
}

.os_content div.osc_four p {
    font-size: 16px;
    margin-bottom: 3px;
    color: #aaa
}

.os_content div.osc_four p.oscf_blue {
    color: #3772cf;
    font-size: 18px
}

.os_user {
    padding-bottom: 110px
}

.os_user div.osc_four {
    margin: 229px 0 0 106px;
    height: 74px;
    border-left: 8px solid #7fcd61;
    padding-left: 14px;
    float: left
}

.os_user div.osc_four p {
    font-size: 16px;
    margin-bottom: 3px;
    color: #aaa
}

.os_user div.osc_four p.oscf_blue {
    color: #7fcd61;
    font-size: 18px
}

.os_user div.osu_right {
    float: right;
    margin: 114px 192px 0 0
}

.os_user div.osu_right span {
    width: 331px;
    height: 331px;
    float: left;
    background-position: 0 -130px
}

.or_clouds, .pd_img {
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.or_clouds {
    background-image: url(../image/oi_17-adae3ce2d7.jpg);
    height: 800px
}

.or_clouds h2, .or_clouds h6 {
    height: 0;
    padding-top: 800px
}

.op_dev {
    margin-top: 104px
}

.op_dev dl {
    float: left
}

.op_dev dl dt {
    text-align: center;
    font-weight: 100;
    font-size: 20px
}

.op_dev dl.opd_wifi {
    width: 432px;
    height: 222px;
    border-right: 1px solid #ccc
}

.op_dev dl dd {
    margin-top: 20px
}

.op_dev dl dd div {
    float: left;
    width: 188px;
    height: 173px;
    position: relative
}

.op_dev dl dd div img {
    position: absolute;
    left: 0;
    bottom: 42px
}

.op_dev dl dd div em {
    position: absolute;
    left: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    bottom: 0;
    text-align: center
}

.op_dev dl dd div.ow_one {
    width: 168px
}

.op_dev dl dd div.ow_one img {
    left: 4px
}

.op_dev dl dd div.ow_two {
    width: 142px;
    margin-left: 60px
}

.op_dev dl dd div.ow_two img {
    left: 20px
}

.op_dev dl dd div.ow_three {
    width: 268px
}

.op_dev dl dd div.ow_three img {
    left: 76px
}

.op_dev dl dd div.ow_four {
    width: 168px
}

.op_dev dl dd div.ow_five {
    margin-left: 76px
}

.or_product .global_center {
    padding-bottom: 149px;
    border-bottom: 1px solid #d1d1d1
}

.oc_contacts {
    margin-top: 12px
}

.oc_contacts p {
    text-align: center;
    font-size: 16px;
    margin-top: 14px
}

.oc_contacts p.occ_title {
    color: #aaa
}

.oc_process {
    margin: 82px 0 0 54px
}

.oc_process div span {
    width: 96px;
    height: 96px;
    float: left
}

.oc_process div {
    width: 96px;
    float: left;
    height: 134px;
    margin: 0 0 0 48px
}

.oc_process div.ocp_one span {
    background-position: 0 -461px
}

.oc_process div.ocp_jg {
    width: 69px;
    height: 11px;
    margin: 43px 0 0 58px;
    background-position: 0 -108px
}

.oc_process div.ocp_two span {
    background-position: -95px -461px
}

.oc_process div.ocp_three span {
    background-position: 0 -558px
}

.oc_process div.ocp_four span {
    background-position: -95px -558px
}

.oc_process div em {
    text-align: center;
    height: 20px;
    margin-top: 20px;
    line-height: 20px;
    width: 100%;
    float: left;
    font-size: 16px;
    color: #aaa
}

.htw_banner {
    height: 918px;
    margin-top: 60px;
    position: relative
}

.hc_bottom div, .hci_t em, .hiw_banner em, .hs_one em, .hs_two div em, .htw_banner a {
    background: url(../image/hiw_global-e5fb27e62a.png) no-repeat
}

.htw_banner a {
    position: absolute;
    width: 61px;
    height: 31px;
    background-position: 0 -129px;
    bottom: 76px;
    left: 50%;
    margin-left: -30px;
    animation: mymove 1s infinite
}

@keyframes mymove {
    0%, 100% {
        bottom: 76px
    }

    50% {
        bottom: 65px
    }
}

.htw_step1 hgroup {
    text-align: center;
    padding-top: 95px;
    font-size: 24px;
    color: #c1c5cd
}

.hs_one {
    margin: 0 auto;
    padding-top: 79px;
    width: 231px
}

.hci_t div.ht_one, .hs_one div.ho_p {
    float: left;
    width: 60px
}

.hci_t div.ht_one em, .hs_one div.ho_p em {
    float: left;
    width: 37px;
    height: 64px;
    margin-left: 12px
}

.hci_t div p, .hs_one div p {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    float: left;
    width: 100%
}

.hci_b, .hs_two div div {
    color: #4f6781;
    text-align: justify
}

.hs_one em.hso_bline {
    float: left;
    width: 46px;
    height: 62px;
    margin: 11px 0 0 31px;
    background-position: 0 -67px
}

.hs_one div.ho_c {
    float: left;
    width: 60px;
    margin-left: 33px
}

.hs_one div.ho_c em {
    float: left;
    width: 47px;
    height: 63px;
    background-position: -40px 0
}

.hs_one div.ho_s {
    float: left;
    width: 38px;
    margin-left: 39px
}

.hs_one div.ho_s em {
    float: left;
    width: 38px;
    height: 63px;
    background-position: -414px -138px
}

.hs_two div.hst_center, .hs_two div.hst_left, .hs_two div.hst_right {
    float: left;
    width: 304px;
    height: 611px;
    margin-top: 76px
}

.hs_two div.hst_left {
    margin-right: 127px;
    margin-left: -4px
}

.hs_two div.hst_center {
    margin-right: 115px
}

.hs_two div em {
    width: 64px;
    height: 70px;
    float: left;
    margin: 57px 0 0 120px
}

.hs_two div.hst_left em {
    background-position: -65px -129px
}

.hs_two div.hst_center em {
    background-position: -131px -129px
}

.hs_two div.hst_right em {
    background-position: -197px -129px
}

.hs_two div div {
    line-height: 24px;
    padding: 0 6px;
    float: left;
    width: 100%;
    margin-top: 29px
}

.hiw_banner {
    height: 330px;
    width: 100%;
    position: relative
}

.hiw_banner em {
    background-position: -264px -129px;
    position: absolute;
    bottom: -37px;
    left: 50%;
    margin-left: -36px;
    width: 73px;
    height: 37px
}

.hiw_content {
    margin-top: 69px
}

.hc_iterm_left {
    padding-bottom: 55px;
    border-bottom: 1px solid #e7e9ec
}

.hc_iterm_left img {
    margin-left: 53px;
    float: left
}

.hci_content {
    float: right;
    width: 656px;
    margin-top: 58px
}

.hci_t {
    float: left;
    width: 100%;
    height: 88px
}

.hci_t em.hso_line {
    float: left;
    width: 46px;
    height: 62px;
    margin: 11px 0 0 31px;
    background-position: -48px -67px
}

.hci_t div.ht_hub {
    float: left;
    width: 94px;
    margin-left: 23px
}

.hci_t div.ht_hub em {
    background-position: -88px 0;
    width: 60px;
    height: 60px;
    float: left;
    margin: 2px 0 0 17px
}

.hci_t div.ht_repeater {
    float: left;
    width: 76px;
    margin-left: 32px
}

.hci_t div.ht_repeater em {
    background-position: -149px 0;
    width: 62px;
    height: 62px;
    float: left;
    margin: 1px 0 0 6px
}

.hci_b {
    float: left;
    width: 600px;
    font-size: 16px;
    margin-top: 50px;
    line-height: 26px
}

.hc_iterm_right, .htl2 .pdbg_center {
    margin-top: 70px
}

.btn, .htl1 h2, .htl2 h3, .htl3 div p, .htl3 h3, .htl4 div p, .htl4 h3, .htl5 div p, .htl5 h3, .htl6, .htl7 div, .htl7 h3, .pdbg_center, .pdbg_iterm a, .prew_button, .support_service div {
    text-align: center
}

.hci_b em {
    color: #31c37c
}

.hc_iterm_right {
    padding-bottom: 55px;
    border-bottom: 1px solid #e7e9ec
}

.hc_iterm_right img {
    float: right
}

.hc_iterm_right .hci_content {
    float: left;
    margin-left: 50px
}

.hci_t div.ht_human, .hci_t div.ht_scene, .hci_t div.ht_switches, .hci_t div.ht_window {
    float: left;
    width: 74px;
    margin-left: 36px
}

.hci_t div.ht_human em {
    background-position: -219px 0;
    width: 62px;
    height: 54px;
    float: left;
    margin: 6px 0 0 6px
}

.hci_t em.hso_add {
    float: left;
    width: 45px;
    height: 46px;
    margin: 13px 0 0 36px;
    background-position: -346px -129px
}

.hci_t div.ht_window {
    margin-left: 34px
}

.hci_t div.ht_window em {
    background-position: -283px 0;
    width: 45px;
    height: 62px;
    float: left;
    margin: 1px 0 0 14px
}

.hci_t div.ht_scene em, .hci_t div.ht_switches em {
    width: 60px;
    height: 60px;
    margin: 2px 0 0 7px;
    float: left
}

.hci_t div.ht_switches em {
    background-position: -330px 0
}

.hci_t div.ht_scene em {
    background-position: -392px 0
}

.hc_bottom {
    margin: 58px 0 0 53px;
    float: left;
    width: 100%;
    padding-bottom: 68px
}

.hc_bottom p {
    margin-top: 12px
}

.hc_bottom div {
    background-position: -98px -71px;
    width: 319px;
    height: 58px;
    float: left;
    margin: 42px 0 0 53px
}

.pdbg_iterm {
    width: 100%;
    position: relative;
    overflow: hidden
}

.htl1 h2 {
    width: 100%;
    padding-top: 260px;
    font-size: 60px;
    color: #12cd3e
}

.htl1 h2 em {
    font-weight: 400
}

.pdbg_iterm a {
    border-radius: 28px;
    width: 138px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -69px;
    color: #fff;
    line-height: 60px;
    font-size: 18px;
    bottom: 40px;
    letter-spacing: 4px
}

.pdbg_iterm a.waiting_sales {
    background-color: #888
}

.htl6, .pdbg_iterm a.sales {
    background-color: #12cd3e
}

.htl2 h3, .htl3 h3, .htl4 h3, .htl5 h3, .htl7 h3 {
    width: 100%;
    padding-top: 70px;
    font-size: 48px;
    color: #222;
    font-weight: 400
}

.htl2 h3 em, .htl3 h3 em, .htl4 h3, .htl5 h3 {
    color: #333;
    font-weight: 100
}

.htl3 div, .htl4 div, .htl5 div {
    width: 1100px;
    margin: 50px auto 0;
    font-size: 18px
}

.htl3 div p, .htl4 div p, .htl5 div p {
    margin-top: 8px
}

.htl3 div p em, .htl4 div p em, .htl5 div p em {
    color: #12cd3e
}

.htl4 div p, .htl4 h3, .htl5 div p, .htl5 h3 {
    color: #fff
}

.htl4 h3 em {
    color: #12cd3e
}

.pc_appmodel p {
    float: left;
    width: 25%
}

.htl5 .pdbg_center {
    width: 1500px
}

.htl5 .pdbg_center div.pc_appmodel {
    width: 100%;
    padding-top: 430px;
    margin-left: 10%
}

.htl5 .pdbg_center div.pc_appmodel p {
    position: relative;
    height: 109px
}

.htl5 .pdbg_center div.pc_appmodel p img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.htl5 .pdbg_center div.pc_appmodel p em {
    border-bottom: 2px dotted #12cd3e;
    position: absolute;
    width: 50%;
    height: 1px;
    z-index: 1;
    right: 30px;
    bottom: 6px
}

@media screen and (max-width:1200px) {
    .htl5 .pdbg_center {
        width: 980px
    }
}

.htl6 {
    height: 495px
}

.htl6 img {
    margin-top: 60px
}

.htl7 h3 {
    color: #333
}

.htl7 div {
    width: 1047px;
    margin: 45px auto
}

.new_support_container {
    width: 1190px;
    margin: 0 auto;
    position: relative
}

.support_service {
    position: fixed;
    left: 1190px;
    display: block;
    bottom: 10%
}

.media_bg, .pd_banner a, .pd_img a.view_details, .pre_close, .pre_window {
    position: absolute
}

.support_service a {
    width: 45px;
    height: 45px;
    display: block;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    background-color: #fff
}

.julrb_share dd a, .support_service a em {
    background: url(../image/global-c8ff315a37.png) no-repeat
}

.support_service a em {
    background-position: -123px -184px;
    width: 26px;
    height: 25px;
    margin: 12px 0 0 10px;
    display: block
}

.support_service div {
    margin-top: 5px
}

.pre_window {
    z-index: 9999;
    width: 450px;
    height: 614px;
    background-color: #fff;
    top: 0;
    left: 0
}

.pre_close {
    right: 40px;
    top: 40px;
    background-position: -69px -184px;
    width: 22px;
    height: 22px
}

.prew {
    margin: 40px 0 0 40px;
    width: 370px
}

.prew_top hgroup {
    font-size: 26px;
    height: 28px;
    line-height: 28px
}

.prew_top em {
    margin-top: 12px;
    color: #999;
    display: block
}

.prew_top div {
    width: 188px;
    height: 28px;
    color: #fff;
    background-color: #eb5c5c;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px;
    padding: 0 10px
}

.prew_group {
    margin-top: 15px
}

.prew_group label {
    color: #999
}

.prew_group input.form-control, .prew_group textarea.form-control {
    box-sizing: border-box;
    background-color: #f6f6f6;
    border-radius: 0
}

.prew_group textarea.form-control {
    height: auto
}

.prew_group em {
    font-style: red;
    font-size: 12px
}

.prew_button input {
    width: 88px;
    border-radius: 2px;
    padding: 5px 12px
}

.btn, .form-control {
    padding: 6px 12px;
    line-height: 1.42857143;
    background-image: none
}

.modal-open {
    overflow: hidden
}

.media_bg {
    left: 0;
    background-color: #000;
    opacity: .3;
    z-index: 9990;
    filter: alpha(opacity="30")
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.btn {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-success {
    color: #fff;
    background-color: #0dbd2a;
    border-color: #0dbd2a
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #12c430;
    border-color: #12c430
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #12c430;
    border-color: #12c430
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.pdb_center, .pdbuy_center, .pds_center {
    width: 1150px;
    height: 600px;
    margin: 0 auto;
    position: relative
}

.pd_banner {
    position: relative;
    width: 100%;
    height: 600px
}

.pd_banner a, .pd_img a.view_details {
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.pd_banner a {
    top: 470px;
    left: 50%;
    margin-left: -102px;
    width: 205px;
    border: 1px solid #fff;
    border-radius: 4px
}

.pd_menu nav a:hover {
    border-bottom: 1px solid #12cd3e;
    color: #12cd3e
}

.pd_img {
    width: 100%;
    float: left;
    font-size: 0;
    position: relative
}

.pd_img a.view_details {
    bottom: 56px;
    width: 205px;
    border: 1px solid #fff;
    border-radius: 6px;
    left: 50%;
    margin-left: -103px
}

.pd_img img {
    margin: 0 auto;
    width: 100%
}

.pd_gif img {
    width: auto
}

.pd_video {
    position: relative
}

.pd_video a.pdv_play {
    bottom: 50%;
    width: 243px;
    height: 63px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -121px
}

.pd_video a.pdv_play div {
    margin-top: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 16px
}

.pd_video a.pdv_play div em {
    margin-left: 20px;
    background-position: 0 -184px;
    width: 35px;
    height: 35px;
    margin-bottom: -12px
}

.pd_support {
    background-color: #f0f0f0;
    height: 200px
}

.pds_center {
    height: 200px
}

.pdbc_supportLeft {
    float: left;
    font-size: 50px;
    height: 200px;
    line-height: 200px;
    font-family: "宋体", arial
}

.pdbc_supportRight {
    float: right;
    height: 20px;
    line-height: 20px;
    margin-top: 89px
}

.pdbc_supportRight a {
    float: left;
    margin-left: 37px;
    color: #333
}

.pdbc_supportRight a:hover {
    color: #12cd3e
}

.pdbuy_center {
    height: 120px
}

.pd_buy {
    background-color: #12cd3e
}

.pdbc_buyLeft {
    float: left;
    height: 120px;
    line-height: 120px;
    font-size: 30px;
    font-family: "宋体", arial;
    color: #fff
}

.pdbc_buyRight {
    float: right;
    height: 49px;
    margin-top: 37px
}

.pdbc_buyRight i {
    float: left;
    width: 49px;
    height: 49px;
    background-position: -251px -174px
}

.pdbc_buyRight em {
    float: left;
    height: 47px;
    line-height: 47px;
    color: #fff
}

.pdbc_buyRight a.pdbc_buybit {
    float: left;
    width: 125px;
    height: 45px;
    border: 1px solid #fff;
    line-height: 45px;
    text-align: center;
    border-radius: 4px;
    margin-left: 26px;
    color: #fff
}

.pdbc_buyRight p {
    float: left;
    height: 16px;
    margin-top: 16px;
    line-height: 16px;
    color: #fff;
    margin-left: 17px
}

.pc_title h3, .product_center h2 {
    color: #12cd3e;
    font-weight: 400;
    font-size: 30px
}

.pd_content, .pd_parameter, .pd_video {
    overflow: hidden
}

.product_center {
    width: 1150px;
    margin: 0 auto
}

.product_center h2 {
    border-bottom: 1px solid #e7e7e7;
    padding: 40px 0
}

.pc_title {
    padding: 40px 0 20px;
    border-bottom: 1px solid #e7e7e7
}

.pc_title div.support_app {
    font-size: 12px;
    margin-top: 12px;
    height: 24px;
    line-height: 24px
}

.pc_title div.support_app div {
    float: left;
    width: 16px;
    height: 24px;
    background: url(../image/phone.png) no-repeat;
    padding-right: 5px
}

.pc_title div.support_app a {
    color: 999
}

.product_parame, .product_sp, .product_tx {
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7
}

.product_parame dl dt, .product_sp dl dt, .product_tx dl dt {
    float: left;
    width: 165px;
    font-size: 30px
}

.product_parame dl dd, .product_sp dl dd, .product_tx dl dd {
    float: right;
    width: 891px
}

.product_parame dl dd div.product_iterm, .product_tx dl dd div.product_iterm {
    float: left;
    width: 40%;
    margin: 0 5% 56px 0
}

.product_parame dl dd div.product_iterm div, .product_tx dl dd div.product_iterm div {
    margin-top: 7px
}

.product_iterm p {
    margin-top: 5px
}

.product_iterm h6 {
    font-size: 14px
}

.product_sp {
    padding-bottom: 56px
}

.product_sp dl dd a.ps_play {
    bottom: 50%;
    width: 243px;
    height: 63px;
    border: 1px solid #333;
    border-radius: 4px;
    display: block;
    float: left;
    color: #333
}

.product_sp dl dd a.ps_play div {
    margin-top: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 16px
}

.product_sp dl dd a.ps_play div em {
    display: inline-block;
    margin-left: 20px;
    background-position: -265px -110px;
    width: 35px;
    height: 35px;
    margin-bottom: -12px
}

.address {
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 100px;
    font-size: 24px;
    color: #12cd3e;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e0e0e0))
}

.free_model {
    position: relative
}

.app_en_one {
    height: 850px;
    background: url(../image/en_one_bg.jpg) center center no-repeat;
    position: relative
}

.app_en_one .aeo_container, .app_en_two .aet_container {
    width: 1190px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.app_en_one .aeo_left, .app_en_two .aet_right {
    float: left;
    width: 714px;
    text-align: center;
    margin-top: 208px
}

.app_en_one .aeo_right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 441px;
    height: 634px;
    background: url(../image/en_phone1.png) center center no-repeat
}

.aeo_erweima, .aeo_left .aeo_line, .aeo_left .aeo_logo, .aeo_left .aeo_slider ul li>dl>dd>div>div, .aet_erweima, .aet_right .aet_icon.one div, .aet_right .aet_icon.two div, .aet_right .aet_line, .aet_right .aet_logo {
    background: url(../image/app_en_icons.png) center center no-repeat
}

.aeo_left .aeo_logo {
    width: 82px;
    height: 73px;
    margin: 0 auto;
    background-position: -98px 0
}

.aeo_left .aeo_title, .aet_right .aet_title {
    font-size: 48px;
    color: #fff;
    line-height: 50px;
    margin-top: 16px
}

.aeo_left .aeo_btns, .aet_right .aet_btns {
    margin-top: 60px
}

.aeo_left .aeo_btns .aeo_android, .aet_right .aet_btns .aet_android {
    margin-right: 15px
}

.aeo_left .aeo_line {
    background-position: -1072px 0
}

.aeo_left .aeo_line, .aet_right .aet_line {
    width: 676px;
    height: 1px;
    margin: 40px auto 30px
}

.aeo_left .aeo_bar, .aet_right .aet_bar {
    margin-top: 30px;
    padding-left: 20px
}

.aeo_left .aeo_bar p, .aet_right .aet_bar p {
    text-align: left;
    font-size: 24px;
    color: #fff
}

.aeo_left .aeo_slider {
    margin-top: 36px;
    height: 110px;
    overflow: hidden
}

.aeo_left .aeo_slider ul {
    width: 99999px
}

.aeo_left .aeo_slider ul li {
    white-space: nowrap;
    float: left
}

.aeo_left .aeo_slider ul li>dl>dd>div {
    float: left;
    width: 238px;
    text-align: left;
    margin-top: 40px
}

.aeo_left .aeo_slider ul li>dl>dd>div>div {
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-right: 16px;
    float: left;
    background-position: 0 0
}

.aeo_left .aeo_slider ul li>dl>dd>div>p {
    font-size: 14px;
    color: #fff;
    float: left;
    line-height: 16px
}

.app_en_two {
    height: 850px;
    background: url(../image/en_two_bg.jpg) center center no-repeat;
    position: relative
}

.app_en_two .aet_left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 463px;
    height: 628px;
    background: url(../image/en_phone2.png) center center no-repeat
}

.app_en_two .aet_right {
    float: right;
    width: 50%
}

.aet_right .aet_logo {
    width: 95px;
    height: 82px;
    background-position: -180px 0;
    margin: 0 auto
}

.aet_right .aet_line {
    width: 567px;
    background-position: -505px 0
}

.aet_right .aet_icon {
    float: left;
    margin-top: 56px
}

.aet_right .aet_icon.one {
    width: 124px
}

.aet_right .aet_icon.two {
    margin-left: 38px;
    width: 156px
}

.aet_right .aet_icon div {
    width: 46px;
    height: 66px;
    margin: 0 auto 18px
}

.aet_right .aet_icon.one div {
    background-position: -52px 0
}

.aet_right .aet_icon.two div {
    background-position: -6px 0
}

.aet_right .aet_icon p {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.aeo_erweima, .aet_erweima {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 115px;
    height: 154px
}

.aeo_erweima {
    background-position: -275px 0
}

.aet_erweima {
    background-position: -390px 0
}

.app_en_three {
    height: 106px;
    background-color: #fff
}

.app_en_three div {
    height: 100%;
    width: 1190px;
    background: url(../image/en_bar.jpg) center center no-repeat;
    margin: 0 auto
}

@media screen and (max-width:1149px) {
    .ai_center, .aj_center, .am_center, .an_center, .as_center, .banner_slider, .bv_center, .cc_center, .cc_content, .company_center, .first_animate, .global_center, .gs_center, .guide_content ul li, .hc_center, .hs_center, .ib_center, .ib_slider, .ic_center, .im_center, .ip_center, .iu_center, .jc_center, .pd_menu nav, .pl_center, .product_list dl, .product_list dl dt, .product_menu nav, .sa_center, .sd_center, .shortcut_center, .shortcut_center ul li, .ss_center, .support_nav nav, .ta_center {
        width: 100%
    }

    .am_center ul li {
        width: 100%;
        background-color: rgba(255, 255, 255, .7)
    }

    .in_list ul li, .ip_recommend ul li a:hover div.ipr_bottom {
        background-color: #fff
    }

    .about_menu {
        display: none
    }

    .company_center ul li.cc_intro_right img {
        float: left
    }

    .ss_search .sss_bit {
        width: 50%;
        font-size: 12px
    }

    .shortcut_center ul li {
        margin: 0 -1px -1px 0
    }

    .sl_center {
        width: 90%;
        margin: 0 auto
    }

    .sl_list dl {
        width: 100%
    }

    .sdc_left {
        width: 90%;
        padding-right: 0;
        border-right: 0;
        margin-left: 5%
    }

    .sdc_right {
        width: 90%;
        padding: 10px 0 0
    }

    .as_center .asc_top p {
        height: auto;
        width: 90%;
        margin: 0 auto
    }

    .ae_center, .asc_bottom {
        width: 90%;
        margin: 10px 5%
    }

    .asc_bottom dl {
        width: 90%;
        margin: 20px auto;
        float: inherit
    }

    .ae_center dl.aec_five, .ae_center dl.aec_four, .ae_center dl.aec_one, .ae_center dl.aec_three, .ae_center dl.aec_two {
        width: 100%;
        margin-top: 50px;
        position: relative;
        float: left;
        top: inherit;
        left: inherit
    }

    .offline_exhibition ul li {
        width: 100%
    }

    .oc_window .pre_close {
        right: 117px
    }

    .banner_slider {
        background-position: left !important
    }

    .hs_two div.hst_center, .hs_two div.hst_left, .hs_two div.hst_right {
        float: inherit;
        margin: 70px auto 0
    }

    .hc_iterm_left img {
        margin: 0 auto;
        display: block
    }

    .hc_bottom, .hci_content {
        float: inherit;
        margin: 58px auto 0
    }

    .hci_content {
        width: 80%
    }

    .hci_b {
        width: 100%
    }

    .hc_bottom {
        width: 80%
    }

    .bsc_left h2 p.bl_one, .bsc_left h2 p.bl_two {
        font-size: 36px
    }

    .ip_title h2 p {
        display: block;
        font-size: 5.5rem;
        color: #333;
        font-weight: 400
    }

    .ip_title h2 p em {
        color: #12cd3e
    }

    .ip_title h2 a, .ip_title h2 img {
        display: none
    }

    .in_list, .ip_recommend {
        width: 96%;
        padding-bottom: 70px;
        margin: 0 auto
    }

    .ip_recommend ul li {
        width: 49%;
        margin: 2vh 1% 0 0
    }

    .ip_recommend ul li a div.ipr_top {
        width: 100%;
        float: left;
        height: auto
    }

    .ip_recommend ul li a div.ipr_top img {
        width: 100%;
        position: relative
    }

    .ip_recommend ul li a div.ipr_bottom {
        width: 100%;
        height: auto
    }

    .ipr_bottom div.iprb_description {
        width: 80%;
        margin-left: 10%
    }

    .ip_recommend ul li a:hover div.ipr_top {
        width: 100%;
        height: auto;
        border: 0
    }

    .ip_recommend ul li a:hover div.ipr_top img {
        top: 0;
        left: 0
    }

    .ip_recommend ul li a:hover div.ipr_top em {
        top: 14px;
        right: 14px
    }

    .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h3 {
        color: #4b4b4b
    }

    .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h4, .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h6 {
        color: #c7c7c7
    }

    .index_product .in_more {
        display: block
    }

    .in_list ul li {
        width: 100%;
        height: auto
    }

    .in_list ul li a {
        width: 100%;
        height: auto;
        padding-bottom: 10rem
    }

    .in_list ul li a em {
        margin: 3rem 0 0 3rem;
        font-size: 1.5rem
    }

    .in_list ul li a h3 {
        margin: 1rem 0 0 3rem;
        font-size: 2rem;
        width: 90%
    }

    .in_list ul li a p {
        margin: 2rem 0 0 3rem;
        font-size: 1.8rem;
        width: 90%;
        text-align: justify
    }

    .in_list ul li a div {
        right: 5%;
        bottom: 2rem;
        font-size: 1.8rem
    }

    .in_list ul li a div span {
        height: 18px;
        line-height: 18px
    }

    .in_list ul li a div img {
        width: 18px
    }
}

@media screen and (min-width:320px) and (max-height:842px) {
    .fa_phone {
        width: 546px
    }

    .fa_phone img {
        width: 100%
    }

    .fa_right {
        margin-right: -75px;
        margin-right: 0\9;
        opacity: 0;
        transition: all .6s linear
    }

    .fa_logo {
        right: 263px;
        bottom: 573px
    }

    .fa_title {
        right: 204px;
        bottom: 479px
    }

    .fa_more {
        right: 93px;
        bottom: 331px
    }

    .fa_a, .fa_ios {
        bottom: 129px
    }

    .fa_qcode {
        right: 56px;
        bottom: 41px;
        position: absolute;
        z-index: 999
    }

    .curr .sac_left {
        bottom: 258px;
        left: 0
    }

    .fac_left h3, .sac_left h3, .ta_title h3 {
        font-size: 40px
    }

    .fac_left h4, .sac_left h4, .ta_title h4 {
        font-size: 24px
    }

    .sac_right {
        bottom: inherit;
        width: 436px;
        height: 601px;
        right: 57px;
        top: 100px
    }

    .curr .sr_circle, .sr_circle {
        width: 436px;
        height: 603px
    }

    .sr_two {
        left: 179px;
        top: -104px;
        width: 78px
    }

    .sr_one {
        left: -64px;
        top: 255px;
        width: 78px
    }

    .sr_three {
        right: -64px;
        top: 243px;
        width: 78px
    }

    .sr_one img, .sr_three img, .sr_two img {
        width: 100%
    }

    .curr .sr_two {
        left: 179px;
        top: -52px
    }

    .curr .sr_one {
        left: -34px;
        top: 255px
    }

    .curr .sr_three {
        right: -24px;
        top: 243px
    }

    .sr_phone {
        top: 627px;
        left: 91px;
        width: 253px
    }

    .sr_phone img, .tal_phone img {
        width: 100%
    }

    .curr .sr_phone {
        top: 127px;
        left: 91px
    }

    .ta_title {
        top: 119px;
        left: -153px
    }

    .curr .ta_title {
        top: 119px;
        left: 13px
    }

    .ta_list {
        position: relative;
        width: 70%;
        margin: 0 auto
    }

    .ta_list div {
        position: absolute
    }

    .tal_iterm {
        background-color: rgba(255, 255, 255, 0);
        border: 0;
        border-radius: 0;
        transition: all .2s linear
    }

    .curr .tal_iterm {
        background-color: rgba(255, 255, 255, .2);
        border-radius: 18px;
        transition: all .6s linear;
        border: 1px solid #fff
    }

    .tal_ir {
        width: 55px;
        height: 83px;
        top: 306px;
        left: -174px
    }

    .tal_ir img {
        margin: 28px 0 0 12px;
        width: 31px
    }

    .tal_wifi {
        width: 99px;
        height: 148px;
        top: 258px;
        left: -108px
    }

    .tal_wifi img {
        margin: 62px 0 0 21px;
        width: 58px
    }

    .tal_zwave {
        width: 112px;
        height: 167px;
        top: 245px;
        left: 3px
    }

    .tal_zwave img {
        margin: 64px 0 0 11px;
        width: 90px
    }

    .tal_zigbee {
        width: 133px;
        height: 198px;
        top: 223px;
        left: 129px
    }

    .curr .tal_phone, .tal_phone {
        left: 278px
    }

    .tal_zigbee img {
        margin: 85px 0 0 13px;
        width: 107px
    }

    .tal_phone {
        width: 253px;
        top: 352px
    }

    .tal_osram {
        width: 133px;
        height: 198px;
        top: 223px;
        right: 129px
    }

    .tal_osram img {
        margin: 88px 0 0 18px;
        width: 98px
    }

    .tal_philips {
        width: 112px;
        height: 167px;
        top: 245px;
        right: 3px
    }

    .tal_philips img {
        margin: 76px 0 0 13px;
        width: 86px
    }

    .tal_o {
        width: 99px;
        height: 148px;
        top: 258px;
        right: -108px
    }

    .tal_o img {
        margin: 50px 0 0 25px;
        width: 49px
    }

    .tal_ho {
        width: 55px;
        height: 83px;
        top: 306px;
        right: -174px
    }

    .tal_ho img {
        margin: 37px 0 0 4px;
        width: 47px
    }

    .fac_phone {
        top: 94px;
        left: 85px
    }

    .fac_phone img {
        width: 253px
    }

    .fac_icon1 {
        top: 131px;
        left: 34px
    }

    .fac_icon2 {
        top: 287px;
        left: -36px
    }

    .fac_icon3 {
        top: 72px;
        left: 267px
    }

    .fac_icon4 {
        top: 422px;
        left: 380px
    }

    .fac_icon5 {
        top: 468px;
        left: 238px
    }

    .fac_icon6 {
        top: 428px;
        left: -55px
    }

    .fac_icon1 img {
        width: 32px
    }

    .fac_icon2 img {
        width: 196px
    }

    .fac_icon3 img {
        width: 218px
    }

    .fac_icon4 img {
        width: 52px
    }

    .fac_icon5 img {
        width: 307px
    }

    .fac_icon6 img {
        width: 304px
    }

    .fac_left {
        left: 1100px;
        top: 348px;
        opacity: 0;
        transition: all .2s linear
    }

    .curr .fac_left {
        left: 651px;
        opacity: 1;
        transition: all .6s linear
    }

    .fac_left h3 {
        height: 46px;
        line-height: 46px
    }

    .fac_left h4 {
        width: 421px;
        margin-top: 29px
    }

    .hs_center hgroup img {
        width: 86%
    }
}

@media screen and (min-width:1100px) and (max-width:1280px) {
    .guide_content ul li .guide_text span {
        font-size: 1.8rem
    }

    .guide_content ul li .guide_text em {
        font-size: 1.2rem
    }

    .fa_ios {
        right: 283px;
        bottom: 134px
    }
}

@media screen and (min-width:320px) and (max-height:742px) {
    .fa_phone {
        width: 446px
    }

    .curr .fa_phone {
        left: 50px
    }

    .fa_phone img {
        width: 100%
    }

    .fa_right {
        margin-right: -75px;
        margin-right: 0\9;
        opacity: 0;
        transition: all .6s linear
    }

    .fa_logo {
        right: 303px;
        bottom: 473px
    }

    .fa_title {
        right: 244px;
        bottom: 379px
    }

    .fa_more {
        right: 133px;
        bottom: 231px
    }

    .fa_a {
        right: 353px;
        bottom: 29px
    }

    .fa_ios {
        right: 103px;
        bottom: 29px
    }

    .fa_qcode {
        right: 96px;
        bottom: 41px;
        position: absolute;
        display: none
    }
}

@media screen and (min-width :320px) and (max-width:1013px) {
    .address, .banner_video, .ianner_blog, .icc_list, .index_comment, .index_product, .ip_center, .ipc_product ul li, .product_list dl dt {
        height: auto
    }

    html {
        font-size: 6px
    }

    .an_one {
        width: 320px
    }

    .ccc_left, .jc_center {
        margin: 10px auto;
        width: 300px
    }

    .ccc_left dl, .ccc_right {
        margin-left: 10px
    }

    .ccc_right {
        width: 320px;
        float: left
    }

    .aic_managers ul, .ccc_right img {
        width: 100%
    }

    .aic_managers ul li {
        width: 300px;
        text-align: center
    }

    .company_center ul li {
        margin-left: 12px
    }

    .bsc_right {
        display: none
    }

    .bsc_left, .iuc_left {
        float: inherit;
        width: 100%
    }

    .bsc_left h2 img {
        display: none
    }

    .bsc_left h2 em.bl_three, .bsc_left h2 p.bl_one, .bsc_left h2 p.bl_two, a.iu_center .iuc_left h4 em.bl_three, a.iu_center .iuc_left h4 p.bl_four, a.iu_center .iuc_left h4 p.bl_one, a.iu_center .iuc_left h4 p.bl_two {
        display: block;
        text-align: center
    }

    .bsc_left a.bsc_video {
        margin: 53px auto
    }

    a.iu_center .iuc_left h4 {
        width: 100%;
        font-weight: 100;
        margin-top: 94px
    }

    a.iu_center .iuc_left h4 img {
        display: none !important
    }

    a.iu_center .iuc_left h4 p {
        color: #333;
        font-size: 40px
    }

    a.iu_center .iuc_left h4 em {
        color: #888;
        font-size: 20px
    }

    .iuc_iconstart {
        position: absolute;
        bottom: 75px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .iuc_iconstart img {
        width: 70%
    }

    .iuc_left em.bl_checkmore {
        position: absolute;
        bottom: 10px;
        text-align: center;
        left: 0;
        width: 100%
    }

    .iuc_right {
        float: inherit;
        margin: 40px auto 0
    }

    .iuc_right img {
        width: 100%
    }

    .ib_center h2 p {
        display: block
    }

    .ib_center h2 img {
        display: none
    }

    .ib_slider ul li {
        display: none;
        float: inherit;
        margin: 10px auto
    }

    .ib_slider ul li:first-child {
        display: block
    }

    .ipc_product ul li {
        width: 100%
    }

    .ipc_product ul li a {
        text-align: center;
        width: 100%
    }

    .index_media, .ipc_product ul li:last-child a:last-child {
        display: none
    }

    .icc_iterm .icci_content {
        font-size: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .icc_list dl dt {
        text-align: center;
        width: 100%
    }

    .icc_list dl {
        border-right: 0;
        margin-left: 0;
        width: 100%;
        margin-top: 10px
    }

    .icc_list dl dd {
        width: 100%;
        text-align: center
    }

    .old_site {
        display: none
    }

    .ib_slider {
        margin: 10px 0 0
    }

    .ib_slider ul {
        width: 100%;
        margin: 0 auto
    }

    .product_list dl dd {
        width: 100%
    }

    .product_list dl dd a {
        margin-top: 20px
    }

    .product_list dl dt a h3 {
        width: 100%;
        margin: 69px 0 0
    }

    .product_list dl dt a span {
        float: inherit !important;
        display: block !important;
        margin: 75px auto !important
    }

    .product_list dl dd a img {
        margin: 0 auto
    }

    .address {
        margin-top: 5.5rem;
        box-shadow: -2px 0 15px #333;
        font-size: 2rem;
        line-height: 2rem;
        padding: 4rem 0
    }

    .ip_recommend ul li a div.ipr_bottom div.iprb_description h3 {
        font-size: 2rem;
        margin-top: 1vh;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ip_recommend ul li a div.ipr_bottom div.iprb_description h4 {
        font-size: 1.7rem;
        margin-top: .33vh
    }

    .ip_recommend ul li a div.ipr_bottom div.iprb_description h6 {
        font-size: 1.5rem
    }

    .in_list ul li {
        transition: all 0 linear !important;
        -webkit-transition: all 0 linear !important;
        margin-top: -1px
    }

    .in_list ul li.cur {
        box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        background-color: #fff
    }

    .ip_title {
        padding: 7rem 0
    }

    .ss_search .btn {
        width: 55px
    }

    .pre_window {
        width: 320px
    }

    .prew {
        width: 300px;
        margin: 20px 0 0 10px
    }

    .support_nav {
        display: none
    }

    .support_search {
        margin-top: 60px
    }

    .mobile_bg {
        display: block;
        width: 100%;
        font-size: 0
    }

    .bv_container, .ca_center h2, .ca_center h3, .jc_companyvalues dl dd div, .jg_q {
        display: none
    }

    .about_banner {
        height: 93.4vw;
        background-size: cover
    }

    .jc_companyvalues {
        padding: 30px 0;
        border-bottom: 0
    }

    .jc_companyvalues dl, .jc_companyvalues dl.jcc_two {
        width: 33.3%;
        margin-right: 0
    }

    .jc_companyvalues dl dd, .jc_companyvalues dl dt, .jc_companyvalues dl.jcc_two dd {
        width: 100%
    }

    .jc_companyvalues dl dd h5 {
        font-size: 1.4rem;
        color: #666;
        width: 90%
    }

    .jc_companyvalues dl dd h3 {
        font-size: 20px
    }

    .jc_companyvalues dl dt img {
        width: 51px;
        margin-top: 10vw
    }

    .ca_center {
        width: 90%;
        margin-top: 20vw;
        padding-bottom: 10vw
    }

    .ca_center h4 {
        text-align: center;
        font-size: 5.7rem;
        color: #333;
        display: block;
        font-weight: 400
    }
}

@media screen and (min-width :360px) and (max-width:1013px) {
    html {
        font-size: 6.5px
    }

    .jc_center {
        margin: 20px auto;
        width: 320px
    }
}

@media screen and (min-width :360px) and (max-height:530px) {
    html {
        font-size: 6px
    }
}

@media screen and (min-width :414px) and (max-width:1013px) {
    html {
        font-size: 7px
    }

    .guide_content ul li a.guide_buy {
        width: 64px;
        height: 28px;
        border-radius: 14px
    }

    .guide_content ul li a.guide_buy div {
        margin-top: 8px;
        height: 16px;
        font-size: 14px;
        line-height: 12px
    }

    .guide_content ul li.guide_cur a.guide_buy {
        width: 82px
    }

    .guide_content ul li.guide_cur a.guide_buy em {
        margin: -1px 0 0 15px
    }

    .gs_jd, .gs_jd div.gs_jd_link, .gs_tmall, .gs_tmall div.gs_tmall_link {
        width: 100%;
        text-align: center
    }

    .gs_tmall {
        margin-top: 10rem;
        padding-bottom: 20rem
    }

    .aj_center, .an_center div.none_right, .an_one, .ccc_left, .jc_center {
        margin: 20px auto
    }

    .an_one {
        float: none
    }

    .ano_img img {
        width: 100%
    }

    .aj_center, .ccc_left, .jc_center {
        width: 360px
    }

    .ccc_left dl, .ccc_right {
        margin-left: 20px
    }

    .ccc_right {
        width: 360px;
        float: left
    }

    .ccc_right img {
        width: 100%
    }

    .company_center ul li {
        margin-left: 63px
    }
}

@media screen and (min-width :480px) {
    html {
        font-size: 7.5px
    }
}

@media screen and (min-width :640px) {
    html {
        font-size: 8px
    }
}

@media screen and (min-width :1024px) {
    html {
        font-size: 12px
    }
}