@charset "utf-8";
.ob_container .banner_pic,.ob_container .banner_pic .bs_slider {
 left:0;
 width:100%;
 height:60.3em;
 min-height:650px;
 position:absolute
}
.oe_mes div.oem_title,.sp_result ul.sr_items li a,.support_details .sd_left li a,.support_details .sd_right .sr_title p {
 text-overflow:ellipsis;
 white-space:nowrap
}


.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(../fonts/59bd1cff21e041cb8e1816c46bc2b7db.woff)
}
.index_more .im_bar:hover .im_txt svg {
 stroke-dasharray:2000;
 -webkit-animation:dash 2s ease-in-out;
 animation:dash 2s ease-in-out;
 opacity:1;
 filter:alpha(opacity=100)
}
@-webkit-keyframes dash {
 from {
  stroke-dashoffset:2000;
  opacity:1
 }
 to {
  stroke-dashoffset:0
 }
}
@keyframes dash {
 from {
  stroke-dashoffset:2000;
  opacity:1
 }
 to {
  stroke-dashoffset:0
 }
}
.index_life {
 width:100%;
 position:relative;
 overflow:hidden;
 margin-top:3px;
 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.it_active p {
 margin-left:10px
}
.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(../images/life_bg1.jpg) center center no-repeat;
 opacity:1;
 filter:"alpha(opacity=100)";
 background-size:cover
}
.index_life .il_block.il_two {
 background:url(../images/life_bg2.jpg) center center no-repeat;
 background-size:cover
}
.index_life .il_block.il_three {
 background:url(../images/life_bg3.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(../images/index_life_pic1.png) center center no-repeat
}
.index_life .il_block.il_two .ib_pic {
 margin:30px auto 0;
 width:381px;
 height:49px;
 background:url(../images/index_life_pic2.png) center center no-repeat
}
.index_life .il_block.il_three .ib_pic {
 margin:30px auto 0;
 width:200px;
 height:47px;
 background:url(../images/index_life_pic3.png) center center no-repeat
}
.i_banner,.i_banner .ib_slider,.i_banner .ib_slider li {
 height:100%;
 width:100%
}
.i_banner {
 position:relative;
 margin-top: -62px;
}
.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(../images/banner1.jpg) no-repeat
}
.i_banner .ib_slider .ibs2 {
 background:url(../images/banner2.jpg) no-repeat
}
.i_banner .ib_slider .ibs3 {
 background:url(../images/banner3.jpg) no-repeat
}
.i_banner .ib_mark {
 position:absolute;
 width:170px;
 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;
 float:left;
 margin-right:.2%;
 text-align:center;
 overflow:hidden;
 position:relative
}
.i_solution a.is_item1 {
 background:url(../images/bg1.jpg) center no-repeat
}
.i_solution a.is_item2 {
 background:url(../images/bg2.jpg) center no-repeat
}
.i_solution a.is_item3 {
 background:url(../images/bg3.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(../images/icons.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_pro ul li,.i_sec ul li,.ip_slides {
 position:relative;
 height:320px;
 overflow:hidden
}
.i_solution a.is_item1 img {
 margin-left:-153px;
 width:307px;border-radius: 5%;
}
.i_solution a.is_item2 img {
 margin-left:-126px;border-radius: 5%;
 width:307px;
}
.i_solution a.is_item3 img {
width:307px; margin-left:-126px;
border-radius: 5%;
}
.i_solution a:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.ip_slides {
 width:1400px;
 margin:8px auto;
}
.i_pro,.i_sec {
 text-align:center;
 padding-top: 28px;
 padding-bottom: 28px;
}
.i_pro h2,.i_sec h2 {
 font-size:36px;
 color:#3b2a25;
 font-weight:400
}
.i_sec ul {
 width:1400px;
 margin:48px auto
}
.i_pro ul {
 float:left;
 width:1400px
}
.i_pro ul li img{
 width:250px;
 height: 250px;
 margin-top: 10px;
}
.i_pro ul li,.i_sec ul li {
 float:left;
 margin-right:20px;
 width:264px;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}


.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:16px;
 color:#fff;
 bottom:0;
 width:100%;
 line-height:30px;
 height:30px;
 background-color: rgba(59,42,37,0.8);
}
.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%;
 background: #fff;
}
.i_pro ul li a:hover .ip_title {
 background-color:#412e28;
}
.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(../images/arrow.png) no-repeat;
 opacity:.8;
 filter:alpha(opacity=80)
}
.ip_slides .slidesjs-previous {
 background-position:-120px 0;line-height: 40px;
background: #ddd;
    background-position-x: 0%;
    background-position-y: 0%;
height: 40px;
color: #232323;
 left:0
}
.ip_slides .slidesjs-previous:hover {
 background-position:-80px 0;background: #ddd;color: #333;
 opacity:1;
 filter:alpha(opacity=100)
}
.ip_slides .slidesjs-navigation.disabled {
opacity: .8;
filter: alpha(opacity=80);
text-align: center;
line-height: 40px;
background: #ddd;
    background-position-x: 0%;
    background-position-y: 0%;
height: 40px;
color: #232323;
}
.ip_slides .slidesjs-previous.disabled:hover {
 background-position:-120px 0;background: #000;color: #fff;
}
.ip_slides .slidesjs-next {
 background-position:-40px 0;line-height: 40px;
background: #ddd;
    background-position-x: 0%;
    background-position-y: 0%;
height: 40px;
color: #232323;
 right:0
}
.ip_slides .slidesjs-next:hover {
 background-position:0 0;
 opacity:1;background: #000;color: #fff;
 filter:alpha(opacity=100)
}
.ip_slides .slidesjs-next.disabled:hover {
 background-position:-40px 0
}
@-webkit-keyframes bounceInUp1 {
 0% {
  top:270px
 }
 100% {
  top:0
 }
}
@keyframes bounceInUp1 {
 0% {
  top:270px
 }
 100% {
  top:0
 }
}
@-webkit-keyframes bounceInUp2 {
 0% {
  top:280px
 }
 100% {
  top:120px
 }
}
@keyframes bounceInUp2 {
 0% {
  top:280px
 }
 100% {
  top:120px
 }
}
@-webkit-keyframes bounceInUp3 {
 0% {
  top:320px
 }
 100% {
  top:150px
 }
}
@keyframes bounceInUp3 {
 0% {
  top:320px
 }
 100% {
  top:150px
 }
}
@-webkit-keyframes bounceInUp4 {
 0% {
  top:320px
 }
 100% {
  top:200px
 }
}
@keyframes bounceInUp4 {
 0% {
  top:320px
 }
 100% {
  top:200px
 }
}
@-webkit-keyframes bounceInDown1 {
 0% {
  top:0
 }
 100% {
  top:270px
 }
}
@keyframes bounceInDown1 {
 0% {
  top:0
 }
 100% {
  top:270px
 }
}
@-webkit-keyframes bounceInDown2 {
 0% {
  top:120px
 }
 100% {
  top:280px
 }
}
@keyframes bounceInDown2 {
 0% {
  top:120px
 }
 100% {
  top:280px
 }
}
@-webkit-keyframes bounceInDown3 {
 0% {
  top:150px
 }
 100% {
  top:320px
 }
}
@keyframes bounceInDown3 {
 0% {
  top:150px
 }
 100% {
  top:320px
 }
}
@-webkit-keyframes bounceInDown4 {
 0% {
  top:200px
 }
 100% {
  top:320px
 }
}
@keyframes bounceInDown4 {
 0% {
  top:200px
 }
 100% {
  top:320px
 }
}
.i_sec {
 padding-bottom:28px;
}
.i_sec ul li {
 height:400px;
 background-color:#fff;
 padding-top: 10px;
}
.i_sec ul li img {
 height: 268px;background-color: #fff;
box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);

}
.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(../images/pic4.png) center no-repeat;
 margin-top:14px
}
.i_sec .is_more {
 font-size:16px;
 color:#412e28;
}
.i_sec .is_more em {
 display:block;
 width:30px;
 height:30px;
 background:url(../images/more_icon.png);
 margin:18px auto 0
}
@-webkit-keyframes bounceInUp5 {
 0% {
  top:300px
 }
 100% {
  top:200px
 }
}
@keyframes bounceInUp5 {
 0% {
  top:300px
 }
 100% {
  top:200px
 }
}
@-webkit-keyframes bounceInDown5 {
 0% {
  top:200px
 }
 100% {
  top:300px
 }
}
@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(../images/close_icon.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(../images/comp1.jpg) center no-repeat
}
.i_comp ul.ic_tab li.it_item2 {
 width:210px;
 background:url(../images/comp2.jpg) center no-repeat
}
.i_comp ul.ic_tab li.it_item3 {
 width:209px;
 background:url(../images/comp3.jpg) center no-repeat
}
.i_comp ul.ic_tab li.it_item4 {
 width:190px;
 background:url(../images/comp4.jpg) center no-repeat
}
.i_comp ul.ic_tab li.it_item5 {
 width:217px;
 background:url(../images/comp5.jpg) center no-repeat
}
.i_comp ul.ic_tab li.it_item6 {
 width:186px;
 background:url(../images/comp6.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
}
.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;
 display:none
}
.ic_more div {
 height:277px;
 width:100%;
 background:url(../images/comps.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;
 width:100%;
background-image: url("../images/body1.jpg");
}
.index_news .in_con {
 padding-top:1px;
}
.index_news .in_container {
 width:1190px;
 margin:0 auto;
 padding:0 14px 104px;
}
.index_news .in_title {
 font-size:36px;
 color:#e3e3e3;
 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;
}
.index_news .in_container ul li a img {
 width:480px;
 height:380px;
 position:absolute;
 top:53px;
 left:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 opacity:0;
 transition:all .2s linear;
 -webkit-transition:all .2s linear;
 z-index:2;
 border-radius: 12px;
}
.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;
}
.in_container ul li a .ic_item .ii_time p.it_day {
 font-size:44px;
 line-height:46px;
 color: #f4f2ee;
}
.in_container ul li a .ic_item .ii_time p.it_year {
 font-size:16px;
 line-height:18px;
 color: #bababa;
}
.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;
 color: #f4f2ee;
}
.in_container ul li a .ic_item .ii_content p.ic_txt {
 font-size:12px;
 line-height:24px;
 margin-top:14px;
 color: #adadad;
}
.in_container ul li a:hover .ic_item .ii_time {
 background-color:#565459;
 color:#fff;
 background-color: rgba(65, 46, 40, 0.8);
}
.in_container ul li a:hover .ic_item .ii_content {
 background-color:#605e63;
 color:#fff;
 background-color: rgba(65, 46, 40, 0.7);
}
.in_container ul li a:hover img {
 z-index:3
}
.life_title {
 width:100%;
 height:960px;
 background:url(../images/life_bg.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.lt_active p {
 margin-left:10px
}
.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(../images/life_banner1.jpg) center center no-repeat;
 opacity:1;
 filter:"alpha(opacity=100)";
 background-size:cover
}
.life_block .ll_block.ll_two {
 background:url(../images/life_banner2.jpg) center center no-repeat;
 background-size:cover
}
.life_block .ll_block.ll_three {
 background:url(../images/life_banner3.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_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(../images/life_pic1.png) center center no-repeat;
 height:52px
}
.life_block .ll_block.ll_two .lb_pic {
 width:513px;
 margin-top:30px;
 background:url(../images/life_pic2.png) center center no-repeat;
 height:49px
}
.life_block .ll_block.ll_three .lb_pic {
 width:493px;
 margin-top:30px;
 background:url(../images/life_pic3.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(../images/lwo_bg1.jpg) center center no-repeat
}
.life_banner h2 {
 font-size:45px;
 color:#fff;
 padding-top:388px;
 font-weight:400;
 margin-left:42%
}
.life_banner p {
 font-size:22px;
 color:#fff;
 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:#83635a
}
.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(../images/lwo_icon1.png) center center no-repeat
}
.life_bar .lb_title.lbt_three em {
 display:block;
 width:254px;
 height:61px;
 margin:46px auto 0;
 background:url(../images/lwo_icon2.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(../images/lwo_bg2.jpg) center center no-repeat
}
.life_bar .lb_two {
 background:url(../images/lwo_bg3.jpg) center center no-repeat
}
.life_bar .lb_three {
 background:url(../images/lwo_bg4.jpg) center center no-repeat
}
.life_bar .lb_three p {
 color:#fff
}
.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(../images/lwo_line.png) center center no-repeat
}
.solution_banner {
 width:100%;
 height:360px;
 background:url(../images/solution_bg1.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(../images/solution_bg2.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(../images/solution_bg3.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(../images/solution_bg4.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(../images/solution_bg5.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(../images/solution_bg6.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(../images/solution_bg7.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(../images/logo.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
}
.cooperations_contacts div.global_center dl dd:after,.jc_companyvalues dl:after,.ori_support ul li b:after {
 content:"\0020";
 visibility:hidden;
 clear:both
}
.login_content p.send_txt {
 font-size:14px;
 color:#83635a;
 text-align:center;
 margin-top:90px
}
.lc_form {
 margin:78px auto 0;
 width:300px
}
.login_form,.other_login,.phone_form,.reg_form {
 display:none
}
.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:#83635a
}
.lc_form .lf_group p {
 font-size:12px;
 color:#83635a;
 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:#83635a;
 color:#fff;
 text-align:center;
 height:50px;
 font-size:16px;
 border:none
}
.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:#83635a;
 float:right
}
.other_login {
 margin:0 auto;
 width:300px;
 text-align:center;
 border-top:1px solid #ebebeb
}
.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(../images/weibo_icon.png) center center no-repeat
}
.other_login a.qq_login {
 background:url(../images/qq_icon.png) center center no-repeat
}
.ple_banner {
 width:100%;
 height:600px;
 background:url(../images/en_pro_banner.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:#83635a;
 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:#83635a;
 color:#83635a
}
.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,.vertical_list {
 display:none
}
.cross_list,.pc_select,.vertical_list {
 float:right;
 margin-right:10px;
 width:77%
}
.pc_select {
 width:84px
}
.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:#83635a;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-10px
}
.cross_list .cl_block ul li a:hover p {
 color:#83635a
}
.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:#83635a
}
.vertical_list .vl_block ul li a .vi_right div {
 position:absolute;
 left:60px;
 bottom:34px;
 background-color:#83635a;
 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(../images/support_banner.jpg) center center no-repeat;
 text-align:center;
 margin-top: -60px;
}
.support_banner .sb_title {
 padding-top:122px;
 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:10px;
 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(../images/search_icon.png) 14% center no-repeat #412e28;
 font-size:18px;
 line-height:44px;
 color:#fff;
 border:none;
 border-top-right-radius:10px;
 border-bottom-right-radius:10px;
 float:left;
 padding-left:20px
}
.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 {
 border-bottom:1px solid #ebebeb;
 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:#83635a;
 color:#83635a
}
.sc_menu .sm_content ul li a.sm_active {
 color:#83635a
}
.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;
 -webkit-transform:none;
 transform:none;
 opacity:1;
 transition:none
}
.sc_menu .sm_content .sm_right a:hover {
 color:#83635a
}
.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(../images/support_line.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
}
.ss_item a.order_btn {
 margin-top:28px
}
.ss_item a:hover {
 border-color:#83635a;
 color:#83635a
}
.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(../images/wechat_icon.png) center center no-repeat;
 margin-left:26px
}
.ss_item a.wechat_btn div.erweima {
 display:none;
 width:96px;
 height:102px;
 background:url(../images/erweima.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%;
 border-bottom:1px solid #ebebeb
}
.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:#83635a
}
.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:#83635a
}
.sc_video .sv_block {
 border-bottom:1px solid #ebebeb;
 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)
}
.sc_video .sv_block a:hover {
 border-color:#83635a
}
.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:#83635a
}
.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:#83635a
}
.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;
 overflow:hidden;
 width:100%
}
.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:#83635a
}
.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:#83635a
}
.sr_paging a.page_before em {
 background:url(../images/page_before.png) center center no-repeat
}
.sr_paging a.page_after em {
 background:url(../images/page_after.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:#83635a
}
.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;
 overflow:hidden
}
.support_details .sd_left li a.sd_active,.support_details .sd_left li a:hover {
 color:#83635a
}
.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;
 overflow:hidden
}
.support_details .sd_right .sr_title p span {
 color:#83635a
}
.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(../images/hotel_bg1.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(../images/hotel_logo2.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(../images/solution_video.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(../images/hotel_icons.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(../images/hotel_pic.jpg) center center no-repeat
}
.hotel_experience {
 height:960px;
 width:100%;
 background:url(../images/hotel_bg2.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(../images/hotel_bg3.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(../images/hotel_bg6.jpg) center no-repeat
}
.hb_container .banner_pic .hs_slider.hs_two {
 background:url(../images/hotel_bg4.jpg) center no-repeat;
 display:none
}
.hb_container .banner_pic .hs_slider.hs_three {
 background:url(../images/hotel_bg5.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 {
 -webkit-animation:sh-ripple 2s ease infinite;
 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
}
@-webkit-keyframes sh-ripple {
 0% {
  -webkit-transform:scale(0);
  -webkit-transform-origin:50% 50%
 }
 50% {
  opacity:1;
  filter:alpha(opacity=100)\9
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:50% 50%;
  opacity:0;
  filter:alpha(opacity=0)\9
 }
}
@keyframes sh-ripple {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
 }
 50% {
  opacity:1;
  filter:alpha(opacity=100)\9
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
  filter:alpha(opacity=0)\9;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
 }
}
.hb_mark {
 position:absolute;
 z-index:2;
 bottom:40px;
 left:50%;
 margin-left:-162px
}
.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:#83635a
}
.hotel_bar .hb_block {
 width:100%;
 height:auto
}
.hb_block img {
 width:50%;
 height:auto
}
.hb_block .hb_right {
 width:50%;
 float:right;
 position:relative;
 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 .hr_title,.hb_two .hb_right .hr_txt {
 color:#fff
}
.hb_block.hb_two .hb_right em {
 background-color:#fff
}
.hotel_last {
 width:100%;
 height:960px;
 background:url(../images/hotel_bg7.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(../images/home_banner.jpg) center center no-repeat;
 text-align:center
}
.home_title .ht_logo {
 margin:0 auto 12px;
 height:105px;
 width:137px;
 background-image:url(../images/home_logo.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;
 background-color:#fff
}
.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 {
 position:relative
}
.hs_container .hc_content .hc_pic {
 width:674px;
 height:429px;
 background:url(../images/home_pic.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:#83635a;
 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 {
 -webkit-animation:fadeInUp 1s .6s ease both;
 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 {
 -webkit-animation:fadeInUp 1s .2s ease both;
 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(../images/home_icon8.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%;
 position:relative;
 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(../images/home_bg1.jpg) center center no-repeat;
 opacity:1;
 filter:"alpha(opacity=100)";
 background-size:cover
}
.home_banner .hb_block.hb_two {
 background:url(../images/home_bg2.jpg) center center no-repeat;
 background-size:cover
}
.home_banner .hb_block.hb_three {
 background:url(../images/home_bg3.jpg) center center no-repeat;
 background-size:cover
}
.home_banner .hb_block.hb_four {
 background:url(../images/home_bg4.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:#83635a;
 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(../images/home_bg5.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:#83635a;
 margin:20px auto 0
}
.container {
 text-align:center;
 margin:72px auto;
 width:100%;
 position:relative
}
.featured {
 overflow:hidden;
 height:520px;
 position:relative
}
.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(../images/solution_icons.png) center center no-repeat
}
.office_one {
 width:100%;
 height:800px;
 background:url(../images/office_bg.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(../images/office_logo.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(../images/office_bg2.jpg) center center no-repeat;
 position:relative
}
.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:#83635a
}
.office_four em,.office_three em,.office_two em {
 display:block;
 width:54px;
 height:3px;
 margin:30px auto 20px;
 background-color:#83635a
}
.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(../images/office_pic2.png)
}
.office_two .ot_phone .op_one {
 position:absolute;
 width:569px;
 height:345px;
 top:150px;
 left:31px;
 z-index:3;
 background:url(../images/office_pic1.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;
 -webkit-transform:scale(.8) translateZ(0);
 transform:scale(.8) translateZ(0);
 transition:-webkit-transform .5s 1s;
 transition:transform .5s 1s
}
.office_two .ot_phone.ot_active .op_item {
 -webkit-transform:scale(1) translateZ(0);
 transform:scale(1) translateZ(0)
}
.office_two .ot_phone img.op_animate {
 -webkit-animation:fadeInUp 1s .2s ease both;
 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(../images/office_bg3.jpg) center center no-repeat
}
.office_four {
 width:100%;
 height:951px;
 background:url(../images/office_bg4.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(../images/office_icon2.png) center center no-repeat;
 margin-left:0
}
.office_four .of_content .of_item2 em {
 background:url(../images/office_icon3.png) center center no-repeat
}
.office_four .of_content .of_item3 em {
 background:url(../images/office_icon4.png) center center no-repeat
}
.office_four .of_content .of_item4 em {
 background:url(../images/office_icon5.png) center center no-repeat;
 margin-right:0
}
.office_four .of_content .of_item em.of_animate {
 -webkit-animation:fadeInUp 1s .2s ease both;
 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:#83635a
}
.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(../images/office_pic3.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(../images/office_pic4.png) center center no-repeat;
 -webkit-animation:rota 8s linear infinite;
 animation:rota 8s linear infinite
}
@keyframes rota {
 from {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes rota {
 from {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg);
  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(../images/office_pic5.png) center center no-repeat;
 -webkit-animation:rota 8s linear infinite reverse;
 animation:rota 8s linear infinite reverse
}
.oc_container .oc_small .os_item {
 width:40px;
 height:40px;
 background-color:#50db98;
 border-radius:50%;
 position:absolute
}
.chartImg img,.flowchart .flow {
 border:1px solid #f1f1f1;
 box-shadow:10px 40px 50px #eee
}
.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(../images/office_bg5.jpg) center center no-repeat
}
.office_six .o_container {
 position:relative
}
.office_six .os_title {
 padding-top:100px;
 font-size:40px;
 color:#333
}
.sceSecond,.scences {
 padding-top:80px;
 box-sizing:border-box
}
.office_six em {
 display:block;
 margin:22px auto;
 width:54px;
 height:3px;
 background-color:#83635a
}
.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;
 -webkit-animation:sh-ripple1 2s ease infinite;
 animation:sh-ripple1 2s ease infinite
}
@-webkit-keyframes sh-ripple1 {
 0% {
  -webkit-transform:scale(0);
  -webkit-transform-origin:0 100%
 }
 50% {
  opacity:1;
  filter:alpha(opacity=100)\9
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:0 100%;
  opacity:0;
  filter:alpha(opacity=0)\9
 }
}
@keyframes sh-ripple1 {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
 }
 50% {
  opacity:1;
  filter:alpha(opacity=100)\9
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
  filter:alpha(opacity=0)\9;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
 }
}
.office_banner .ib_slider .ibs1 {
 background:url(../images/banner_01.png) no-repeat;
 background-size:cover!important
}
.office_banner .ib_slider .ibs2 {
 background:url(../images/banner_02.jpg) no-repeat;
 background-size:cover!important
}
.office_banner .ib_slider .ibs3 {
 background:url(../images/banner_03.jpg) no-repeat;
 background-size:cover!important
}
.viewVideo {
 position:absolute;
 top:55%;
 left:47.5%;
 z-index:10;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 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(../images/play.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
}
.scences {
 width:100%;
 height:1140px;
 position:relative
}
.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;
 background-color:#fbfbfb
}
.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(../images/sprite.png) 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
}
.chartImg,.secure {
 width:100%;
 padding-top:80px;
 box-sizing:border-box
}
.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 {
 height:1004px;
 position:relative
}
.chartImg img {
 display:block;
 margin:74px auto 0
}
.chartImg>p {
 font-size:14px;
 color:#2f2f2f;
 margin-top:68px;
 text-align:center
}
.secure {
 height:730px;
 background-color:#fbfbfb
}
.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(../images/secure_icon.png) no-repeat
}
.secure .icon_secure li .secure_icon2 {
 background:url(../images/secure_icon.png) -53px 0 no-repeat
}
.secure .icon_secure li .secure_icon3 {
 background:url(../images/secure_icon.png) -107px 0 no-repeat
}
.secure .icon_secure li .secure_icon4 {
 background:url(../images/secure_icon.png) -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;
 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:384px;
 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
}
.products .content>ul>li:nth-of-type(4) {
 margin-right:0
}
.products .content>ul>li:nth-of-type(5),.products .content>ul>li:nth-of-type(6) {
 margin-bottom: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
}
.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
}
.products .content>ul>li:hover .description {
 opacity:1;
 filter:alpha(opacity=100)
}
.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(../images/sprite.png) 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
}
.btn,.ju_menu ul li {
 vertical-align:middle
}
.enterprise .enterprise_list li:last-child {
 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;
 overflow:hidden;
 top:0;
 left:0
}
.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
}
.ai_center,.comm_five,.company_mm,.jg_q em {
 overflow:hidden
}
.comm_banner {
 width:100%;
 height:801px;
 background:url(../images/community_bg.jpg) center center no-repeat;
 text-align:center
}
.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;
 background-color:#fff;
 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;
 -webkit-animation:sh-ripple 2s ease infinite;
 animation:sh-ripple 2s ease infinite
}
.comm_one .co_btn .co_tips,.comm_one .co_btn p.co_txt {
 text-align:center;
 left:0;
 width:100%;
 position:absolute
}
.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;
 opacity:1;
 filter:alpha(opacity=100);
 top:166px
}
.comm_one .co_btn em.co_img {
 display:block;
 width:22px;
 height:29px;
 background:url(../images/community_icon.png) center center no-repeat;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-11px;
 opacity:0;
 filter:alpha(opacity=0)
}
.comm_system {
 position:relative;
 border-top:1px solid #ebebeb;
 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
}
@-webkit-keyframes mymove {
 0%,100% {
  bottom:56px
 }
 50% {
  bottom:60px
 }
}
@keyframes mymove {
 0%,100% {
  bottom:56px
 }
 50% {
  bottom:60px
 }
}
.comm_two {
 width:100%;
 height:952px;
 background:url(../images/community_bg1.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:#83635a
}
.comm_three {
 width:100%;
 height:948px;
 background:url(../images/community_bg2.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:#83635a
}
.comm_four {
 height:1145px;
 width:100%;
 background:url(../images/community_bg3.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:#83635a
}
.comm_five {
 width:100%;
 position:relative
}
.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(../images/community_bg4.jpg) center center no-repeat;
 opacity:1;
 filter:"alpha(opacity=100)";
 background-size:cover
}
.comm_five .cf_block.cf_two {
 background:url(../images/community_bg5.jpg) center center no-repeat;
 background-size:cover
}
.comm_five .cf_block.cf_three {
 background:url(../images/community_bg6.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:300px;
 width:100%;
 background:url(../images/case_banner.jpg) center center no-repeat;
 text-align:center;
 margin-top: -60px;
}
.case_banner p {
 font-size:40px;
 color:#fff;
 padding-top:146px;
}
.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 {
 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
}
.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
}
.cc_container .ci_message_content {
 display:none
}
.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
}
.company_as .global_center,.jc_companyvalues {
 background-color:#fff
}
.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 {
 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
}
.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
}
.jc_companyvalues dl {
 float:left;
 width:364px;
 margin-right:29px
}
.jc_companyvalues dl:after {
 display:block;
 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 {
 margin-right:0
}
.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
}
.ca_center h4 {
 display:none
}
.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:#83635a;
 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:#83635a;
 width:25px;
 height:2px;
 display:inline-block
}
.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;
 border-bottom:1px solid #ccc;
 left:50%;
 margin-left:-600px
}
.ju_menu ul li {
 float:left;
 line-height:60px;
 height:60px;
 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(../images/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 {
 -webkit-animation:fadeInUp 1s .2s ease both;
 animation:fadeInUp 1s .2s ease both;
 filter:alpha(opacity=100)
}
.ju_block .jb_line2.animate {
 -webkit-animation:fadeInUp 1s .6s ease both;
 animation:fadeInUp 1s .6s ease both;
 filter:alpha(opacity=100)
}
.ju_block .jb_line3.animate {
 -webkit-animation:fadeInUp 1s 1s ease both;
 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(../images/bg2.jpg) center no-repeat;
 margin-top:88px
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0)
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  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:#83635a;
 font-weight:100
}
.juc_title h2 a {
 float:right;
 margin:17px 35px 0 0;
 font-weight:400;
 width:54px;
 height:26px;
 border:1px solid #83635a;
 border-radius:12px;
 color:#83635a;
 font-size:12px
}
.juc_title h2 a div {
 height:26px;
 line-height:26px;
 position:relative;
 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 {
 position:relative;
 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:#83635a;
 display:block
}
.juc_list ul li a:hover div.juc_top {
 width:243px;
 height:289px;
 border-left:1px solid #83635a;
 border-right:1px solid #83635a;
 border-top:1px solid #83635a
}
.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:#83635a
}
.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:#83635a;
 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 #83635a;
 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:#83635a
}
.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 #83635a;
 background-color:#83635a;
 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
}
.wc_section1 div.title,.wc_section1 p,div.wcs_line {
 left:50%;
 position:absolute
}
.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(../images/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(../images/pic.png) no-repeat
}
.wc_section1 div.title {
 width:668px;
 height:74px;
 background-position:0 -919px;
 top:400px;
 margin-left:-334px
}
.wc_section1 p {
 top:564px;
 margin-left:-410px;
 width:820px;
 text-align:center;
 font-size:18px;
 color:#575757;
 line-height:24px
}
div.wcs_line {
 bottom:124px;
 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(../images/about_2.jpg) center center no-repeat
}
.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 {
 text-align:center;
 background-color:#fff
}
.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(../images/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 {
 background-color:#fff;
 text-align:center
}
.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;
 border-bottom:1px solid #ccc;
 background:url(../images/company.gif) no-repeat
}
div.wcs_company15,div.wcs_company16,div.wcs_company17,div.wcs_company18,div.wcs_company19,div.wcs_company20 {
 border-bottom:none;
 height:124px
}
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;
 background-position:-944px -173px
}
div.wcs_company16 {
 width:150px;
 background-position:-1422px -161px
}
div.wcs_company17 {
 width:149px;
 background-position:-596px 0
}
div.wcs_company18 {
 width:151px;
 background-position:0 -142px
}
div.wcs_company19 {
 width:149px;
 background-position:-149px 0
}
div.wcs_company20 {
 width:150px;
 background-position:-1194px 0
}
div.wcs_company21 {
 width:152px;
 height:124px;
 border:none;
 background-position:-311px -152px
}
.cc_title,.comments_list {
 border-bottom:1px solid #e7e7e7
}
.wc_section6 {
 text-align:center;
 background:url(../images/about_5.jpg) center center no-repeat
}
.wc_section6 div.wcs_line {
 bottom:154px
}
.wc_section7 {
 text-align:center;
 background:url(../images/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(../images/about_7.jpg) center center no-repeat
}
.wc_section9 {
 text-align:center;
 background:url(../images/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 h2 {
 height:30px;
 font-family:arial;
 color:#83635a;
 font-size:30px;
 padding:65px 0 60px;
 font-weight:400
}
.comments_list {
 margin-top:51px;
 padding-bottom:35px
}
.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,.fa_qcode,.first_animate a,.first_animate div,.sa_center div,.sr_circle i {
 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
}
.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-weight:400;
 font-family:arial
}
.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;
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
 transition:all .2s linear;
 opacity:0
}
.curr .sr_circle {
 width:622px;
 height:603px;
 -webkit-transform:scale(1);
 transform:scale(1);
 transition:all .6s linear;
 opacity:1
}
.sr_one,.sr_two {
 -webkit-transform:scale(1.2)
}
.sr_one,.sr_three,.sr_two {
 opacity:0;
 transition:all .2s linear
}
.sr_circle i {
 width:8px;
 height:8px;
 background-color:#ddc5a9;
 border:1px solid #ddc5a9;
 border-radius:50%
}
.sr_two {
 left:257px;
 top:-104px;
 transform:scale(1.2)
}
.sr_one {
 left:-64px;
 top:337px;
 transform:scale(1.2)
}
.sr_three {
 right:-64px;
 top:328px;
 -webkit-transform:scale(1.2);
 transform:scale(1.2)
}
.curr .sr_one,.curr .sr_three,.curr .sr_two {
 transition:all .6s linear;
 opacity:1
}
.curr .sr_two {
 left:257px;
 top:-52px;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.curr .sr_one {
 left:-34px;
 top:337px;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.curr .sr_three {
 right:-24px;
 top:328px;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.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 {
 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;
 opacity:0;
 transition:all .2s linear
}
.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 {
 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
}
.pdbc_buyLeft,.pdbc_supportLeft {
 font-family:"宋体",arial
}
.fac_leften h4 {
 font-size:24px
}
.fac_phone {
 top:134px;
 left:122px
}
.fac_icon1 {
 opacity:0;
 top:188px;
 left:49px
}
.fac_icon2 {
 opacity:0;
 top:410px;
 left:-52px
}
.fac_icon3 {
 opacity:0;
 top:72px;
 left:382px
}
.fac_icon4 {
 opacity:0;
 top:603px;
 left:543px
}
.fac_icon5 {
 opacity:0;
 top:669px;
 left:340px
}
.fac_icon6 {
 opacity:0;
 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 {
 display:inline-block;
 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(../images/copperations_banner.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;
 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 #83635a;
 padding-left:9px;
 font-weight:100;
 color:#83635a;
 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 {
 width:12px;
 height:12px;
 margin:10px auto;
 background:0 0;
 border:1px solid #DDD;
 border-radius:12px;
 text-indent:-99px;
 overflow:hidden;
 cursor:pointer
}
.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
}
.ae_center dl,ul.slider_mark {
 position:absolute
}
.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 {
 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 {
 width:12px;
 height:12px;
 margin:10px auto 10px 11px;
 background:#fff;
 border:1px solid #fff;
 border-radius:12px;
 text-indent:-99px;
 overflow:hidden;
 cursor:pointer;
 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 em {
 display:inline-block
}
.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(../images/oc_area.png) center 214px no-repeat
}
.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(../images/oex_line.png) bottom no-repeat;
 color:#fff;
 line-height:103px;
 font-size:22px;
 font-weight:700;
 overflow:hidden
}
.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 {
 margin-top:58px;
 background-image:url(../images/oi_02.jpg);
 background-position:center;
 background-repeat:no-repeat;
 height:600px;
 overflow:hidden
}
.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 {
 display:inline-block;
 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(../images/oi_global.png) no-repeat
}
.or_clouds,.or_values {
 background-repeat:no-repeat;
 overflow:hidden
}
.ori_support ul li b {
 width:95px;
 height:107px;
 float:left;
 margin:51px 0 0 131px
}
.ori_support ul li b:after {
 display:block;
 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(../images/oi_08.jpg);
 background-position:center;
 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 {
 background-image:url(../images/oi_17.jpg);
 background-position:center;
 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(../images/hiw_global.png) no-repeat
}
.htw_banner a {
 position:absolute;
 width:61px;
 height:31px;
 background-position:0 -129px;
 bottom:76px;
 left:50%;
 margin-left:-30px;
 -webkit-animation:mymove 1s infinite;
 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
}
.hc_iterm_left,.hc_iterm_right {
 padding-bottom:55px;
 border-bottom:1px solid #e7e9ec
}
.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 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
}
.btn,.htl1 h2,.htl2 h3,.htl3 h3,.htl4 h3,.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 {
 margin-top:70px
}
.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:#83635a
}
.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:#83635a
}
.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
}
.htl2 .pdbg_center {
 margin-top:70px
}
.htl3 div,.htl4 div,.htl5 div {
 width:1100px;
 margin:50px auto 0;
 font-size:18px
}
.htl3 div p,.htl4 div p,.htl5 div p {
 text-align:center;
 margin-top:8px
}
.htl3 div p em,.htl4 div p em,.htl5 div p em {
 color:#83635a
}
.htl4 div p,.htl4 h3,.htl5 div p,.htl5 h3 {
 color:#fff
}
.htl4 h3 em {
 color:#83635a
}
.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 #83635a;
 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,.pre_window {
 position:absolute;
 left:0
}
.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(../images/global.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
}
.pre_close {
 position:absolute;
 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;
 font-size:14px;
 line-height:1.42857143;
 background-image:none
}
.modal-open {
 overflow:hidden
}
.media_bg {
 background-color:#000;
 opacity:.3;
 z-index:9990;
 filter:alpha(opacity="30")
}
.form-control {
 display:block;
 width:100%;
 height:34px;
 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 {
 display:inline-block;
 margin-bottom:0;
 font-weight:400;
 white-space:nowrap;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-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;
 left:50%;
 text-align:center
}
.pd_banner a {
 top:470px;
 margin-left:-102px;
 position:absolute;
 width:205px;
 border:1px solid #fff;
 border-radius:4px;
 font-size:16px;
 color:#fff
}
.pd_menu nav a:hover {
 border-bottom:1px solid #83635a;
 color:#83635a
}
.pd_img {
 width:100%;
 float:left;
 overflow:hidden;
 font-size:0;
 position:relative;
 background-position:center;
 background-repeat:no-repeat
}
.pd_img a.view_details {
 position:absolute;
 bottom:56px;
 width:205px;
 border:1px solid #fff;
 display:inline-block;
 border-radius:6px;
 color:#fff;
 margin-left:-103px;
 font-size:16px
}
.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
}
.app_en_one,.free_model {
 position:relative
}
.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 {
 display:inline-block;
 margin-left:20px;
 background-position:0 -184px;
 width:35px;
 height:35px;
 margin-bottom:-12px
}
.pd_support,.pds_center {
 height:200px
}
.pd_support {
 background-color:#f4f2ee
}
.pdbc_supportLeft {
 float:left;
 font-size:50px;
 height:200px;
 line-height:200px
}
.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:#83635a
}
.pdbuy_center {
 height:120px
}
.pd_buy {
 background-color:#83635a
}
.pdbc_buyLeft {
 float:left;
 height:120px;
 line-height:120px;
 font-size:30px;
 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
}
.pc_title,.product_center h2 {
 border-bottom:1px solid #e7e7e7
}
.pdbc_buyRight p {
 float:left;
 height:16px;
 margin-top:16px;
 line-height:16px;
 color:#fff;
 margin-left:17px
}
.pc_title h3,.product_center h2 {
 font-size:30px;
 color:#83635a;
 font-weight:400
}
.pd_content,.pd_parameter,.pd_video {
 overflow:hidden
}
.product_center {
 width:1150px;
 margin:0 auto
}
.product_center h2 {
 padding:40px 0
}
.pc_title {
 padding:40px 0 20px
}
.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(../images/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:#83635a;
 background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e0e0e0))
}
.app_en_one {
 height:850px;
 background:url(../images/en_one_bg.jpg) center center no-repeat
}
.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(../images/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(../images/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(../images/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(../images/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(../images/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:#83635a
 }
 .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 {
  right:313px;
  bottom:129px
 }
 .fa_ios {
  right:313px;
  bottom:61px
 }
 .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) {
 .bsc_left h2 img,.bsc_right {
  display:none
 }
 .iuc_iconstart,.iuc_left em.bl_checkmore {
  position:absolute;
  left:0;
  text-align:center
 }
 .address,.banner_video,.ianner_blog,.icc_list,.index_comment,.index_product,.ip_center,.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_left,.iuc_left {
  float:inherit;
  width:100%
 }
 .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 {
  bottom:75px;
  width:100%
 }
 .iuc_iconstart img {
  width:70%
 }
 .iuc_left em.bl_checkmore {
  bottom:10px;
  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%;
  height:auto
 }
 .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 {
  margin:20px auto
 }
 .an_one {
  float:none
 }
 .ano_img img {
  width:100%
 }
 .aj_center {
  width:360px
 }
 .ccc_left,.jc_center {
  margin:20px auto;
  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
 }
}
.product_list_container {
 width:100%;
 height:auto;
 background:#f4f2ee;
 padding:38px 0 40px
}
.product_list_container .icon {
 position:absolute;
 top:10px;
 display:block
}
.product_list_container li:first-child a .icon {
 top:8px
}
.product_list_container li a .ic_active {
 display:none
}
.product_list_container li a .ic_default {
 display:block
}
.product_list_container .main {
 width:1200px;
 margin:0 auto;
 position:relative
}
.product_list_container .main ul li {
 float:left;
 position:relative
}
.product_list_container .main .nav {
 margin-bottom:38px
}
.product_list_container .main .nav>li {
 margin-right:88px
}
.product_list_container .horizontal {
 background:#ccc;
 width:100%;
 border:0;
 height:1px;
 display:block;
 position:absolute;
 top:51px;
 left:0;
 margin-bottom:40px
}
.product_list_container ul.nav li a {
 color:#2f2f2f;
 line-height:50px;
 z-index:10;
 font-size:16px
}
.product_list_container ul.nav li.active a {
 color:#2f7cd3
}
.product_list_container .sub_nav {
 display:none;
 width:100%
}
.product_list_container .sub_nav li:after {
 content:"|";
 color:#b2b2b2;
 margin:0 20px
}
.product_list_container .sub_nav li a {
 color:#b2b2b2!important
}
.product_list_container .sub_nav li.last_one:after {
 content:" ";
 clear:both
}
.product_list_container .sub_nav li.active a {
 color:#2f7cd3!important
}
.product_list_container li.active a .ic_active {
 display:block
}
.product_list_container li.active a .ic_default {
 display:none
}
.product_list_container #second_nav {
 width:100%;
 padding-bottom:15px;
 height:53px
}
.product_list_container .list {
 width:1200px;
 margin:0 auto;
}
.product_list_container .list ul {
 width:1220px
}
.product_list_container .list ul li {
 width:280px;
 /*! height:300px; */
 float:left;
 margin-top:20px;
 margin-right:20px;
 background-color:#fff;
 position:relative;
 transition:all .2s linear;
 -webkit-transition:all .2s linear;
 background-color: #fff;
 box-shadow: 0 0 12px 1px rgba(57, 57, 57, 0.1);
}
.product_list_container .list ul li a.block {
 display:block;
 width:280px;
 height:300px;
}
.product_list_container .list ul li .left {
 width:280px;
 float:left;
 position:relative;
 text-align: center;
}
.product_list_container .list ul li .left .title {
 margin-top:18px;
 font-size:18px;
 color:#2f2f2f
}
.product_list_container .list ul li .left .text {
 font-size:14px;
 color:grey;
 margin:16px 0;
 height: 20px;
 overflow: hidden;
 padding: 0 15px;
}
.product_list_container .list ul li a.button {
 position:absolute;
 bottom:45px;
 left:30px;
 width:120px;
 height:30px;
 text-align:center;
 line-height:30px;
 font-size:14px;
 color:#2f2f2f;
 border:1px solid #ebebeb;
 border-radius:6px;
 transition:all .2s linear;
 -webkit-transition:all .2s linear
}
.product_list_container .list ul li .right {
 float:left;
 width:280px;
 margin-right:15px;
 margin-top:20px
}
.product_list_container .list ul li .right img{

 width:280px;
 height:280px;

 margin: auto;
}
.product_list_container .list ul li:hover {
 transform:translate3d(0,-2px ,0);
 -webkit-transform:translate3d(0,-2px ,0);
 -moz-transform:translate3d(0,-2px ,0);
 box-shadow:0 15px 20px rgba(0,0,0,.1);
 -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);
 -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)
}
.product_list_container .list ul li .button:hover {
 background-color:#267ad0;
 border-color:#267ad0;
 color:#fff
}
677