@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
}

@font-face {
	font-family:Conv_HelveticaNeueLTPro-Lt;src:url(../fonts/9b5e654f541f4c52bb336ae88d634adf.eot);src:url(../fonts/8e88c6f872bf4b89bc35916ddd85565b.woff) format('woff'),url(../fonts/29e5ce618f7446dab21ee4aabae8e8dd.ttf) format('truetype'),url(../fonts/ed6d4b1a78084ccdbce0a1230e09c064.svg) format('svg');font-weight:400;font-style:normal
}

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

.cc_container .cc_item a.ci_home,.cc_container .cc_item a.ci_message,.cc_container .cc_item.cc_message a.ci_home,.cc_container .cc_item.cc_message a.ci_message,.ci_message_content .cmc_icon_left,.ci_message_content .cmc_icon_right,.featured .nextslide,.featured .prevslide,.hb_block.hb_four .hc_pic,.hb_block.hb_one .hc_pic,.hb_block.hb_three .hc_pic,.hb_block.hb_two .hc_pic,.home_app .ha_logo,.home_section .hs_item.hs_five .hi_pic,.home_section .hs_item.hs_four .hi_pic,.home_section .hs_item.hs_three .hi_pic,.home_section .hs_item.hs_two .hi_pic,.hs_three .ht_four .ht_pic,.hs_three .ht_one .ht_pic,.hs_three .ht_three .ht_pic,.hs_three .ht_two .ht_pic,.index_life .il_block.il_one .ib_pic,.index_life .il_block.il_three .ib_pic,.index_life .il_block.il_two .ib_pic,.index_solution ul.ib_mark li.ib_community a em,.index_solution ul.ib_mark li.ib_home a em,.index_solution ul.ib_mark li.ib_hotel a em,.index_solution ul.ib_mark li.ib_inCur.ib_community a em,.index_solution ul.ib_mark li.ib_inCur.ib_home a em,.index_solution ul.ib_mark li.ib_inCur.ib_hotel a em,.index_solution ul.ib_mark li.ib_inCur.ib_office a em,.index_solution ul.ib_mark li.ib_office a em,.pc_select a.cross_link em,.pc_select a.cross_link.ps_active em,.pc_select a.cross_link:active em,.pc_select a.cross_link:hover em,.pc_select a.vertical_link em,.pc_select a.vertical_link.ps_active em,.pc_select a.vertical_link:active em,.pc_select a.vertical_link:hover em,.sc_menu .sm_content .sm_right a.sr_one em,.sc_menu .sm_content .sm_right a.sr_one:hover em,.sc_menu .sm_content .sm_right a.sr_two em,.sc_menu .sm_content .sm_right a.sr_two:hover em,.sc_problem dl dt em,.sc_video .sv_block a .sv_mask em,.sc_video .sv_block a .sv_timer em,.sc_video .sv_block a:hover .sv_timer em,.sc_video .sv_block p.sv_title em,.sp_result ul.sr_items li a em,.ss_item .si_content .sc_line em,.ss_item .si_content .sc_line em.sl_dot,.support_details .sd_left li a em,.support_details .sd_left li a.sd_active em,.support_details .sd_right .sr_title div em {
	background: url(../fonts/11d9585826384a2d871bab3b0be6a534.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: 724px;
	width: 100%
}

.i_banner {
	position: relative
}

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

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

.i_banner .ib_slider .ibs1 {
	background: url(../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
}

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

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

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

.ip_slides {
	width: 1400px;
	margin: 48px auto
}

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

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

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

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

.i_pro ul li,.i_sec ul li {
	float: left;
	margin-right: 80px;
	width: 290px
}
.i_pro ul li:last-child{
	margin-right: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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 {
	background-color: #f6f6f6;
	padding-top: 78px;
	padding-bottom: 78px
}

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

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

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

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

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

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

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

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

.is_more {
	font-size: 16px;
	color: #d30808
}

.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: #fff;
	margin-bottom: 20px;
}

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

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

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

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

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

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

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

.index_news .in_container ul li a .ic_item {
	height: 120px
}

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

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

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

.in_container ul li a .ic_item .ii_content {
	color: #000;
	padding: 20px;
	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;
	padding-left: 10px;
}

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

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

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

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

.life_title {
	width: 100%;
	height: 960px;
	background: url(../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: #12cd3e
}

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

.life_bar .lb_title.lbt_two em {
	display: block;
	width: 162px;
	height: 59px;
	margin: 46px auto 0;
	background: url(../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: #12cd3e;
	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: #12cd3e
}

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

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

.lc_form .lf_code input {
	width: 180px
}

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

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

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

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

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

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

.other_login {
	margin: 0 auto;
	width: 300px;
	text-align: center;
	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: #12cd3e;
	border-radius: 25px;
	margin: 46px auto 0;
	line-height: 50px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl_content ul.pc_list li.pc_active a img.pl_default,.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: #12cd3e;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #12cd3e;
	color: #12cd3e
}

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

.sc_menu .sm_content .sm_right {
	float: right
}

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

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

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

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

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

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

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

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

.sc_service {
	height: 960px
}

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

.ss_line {
	width: 1px;
	height: 113px;
	background: url(../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: #12cd3e;
	color: #12cd3e
}

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

.ss_item a.wechat_btn em {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../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: #12cd3e
}

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

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

.sc_video .sv_block {
	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: #12cd3e
}

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

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

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

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

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

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

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

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

.sp_result ul.sr_items li a {
	display: block;
	font-size: 14px;
	color: #888;
	float: left;
	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: #12cd3e
}

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

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

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

.sr_paging a.page_before em {
	background: url(../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: #12cd3e
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hotel_title {
	width: 100%;
	height: 729px;
	background: url(../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: #12cd3e
}

.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: #12cd3e;
	margin: 30px auto 0
}

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

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

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

.home_section .hs_item .hi_text.hi_animate {
	-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: #12cd3e;
	margin-top: 22px;
	margin-left: 112px
}

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

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

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

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

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

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

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

.home_app {
	height: 958px;
	width: 100%;
	background: url(../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: #12cd3e;
	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: #12cd3e
}

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

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

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

.office_two .ot_phone .op_two {
	position: absolute;
	left: 0;
	top: 198px;
	width: 631px;
	height: 248px;
	z-index: 1;
	background: url(../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: #12cd3e
}

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

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

.office_five .of_content .oc_container {
	width: 1260px;
	height: 466px;
	margin: 0 auto;
	background: url(../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: #12cd3e
}

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

.office_six .os_icon {
	position: absolute;
	width: 57px;
	height: 56px;
	background-position: -210px 0;
	top: 320px;
	right: 260px;
	-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: #12cd3e
}

.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: #12cd3e
}

.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: #12cd3e
}

.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: 500px;
	width: 100%;
	background: url(../images/case_banner.jpg) center center no-repeat;
	text-align: center
}

.case_banner p {
	font-size: 40px;
	color: #fff;
	padding-top: 242px
}

.case_sec {
	padding-bottom: 75px;
	min-height: 960px
}

.cc_container {
	width: 1190px;
	margin: 0 auto;
	padding-top: 43px;
	position: relative;
	min-height: 1368px
}

.cc_container .cc_item {
	display: block;
	float: left;
	border: 1px solid #ececec;
	width: 370px;
	margin-top: 56px;
	text-align: center;
	position: absolute;
	min-height: 400px
}

.cc_container .cc_item img {
	width: 370px;
	height: 230px
}

.cc_container .cc_item.cc_one {
	position: absolute;
	left: 0;
	top: 0
}

.cc_container .cc_item.cc_two {
	position: absolute;
	left: 405px;
	top: 0
}

.cc_container .cc_item.cc_three {
	position: absolute;
	left: 810px;
	top: 0
}

.cc_container .cc_item.cc_four {
	position: absolute;
	left: 0;
	top: 456px
}

.cc_container .cc_item.cc_five {
	position: absolute;
	left: 405px;
	top: 456px
}

.cc_container .cc_item.cc_six {
	position: absolute;
	left: 810px;
	top: 456px
}

.cc_container .cc_item.cc_seven {
	position: absolute;
	left: 0;
	top: 912px
}

.cc_container .cc_item.cc_eight {
	position: absolute;
	left: 405px;
	top: 912px
}

.cc_container .cc_item.cc_nine {
	position: absolute;
	left: 810px;
	top: 912px
}

.about_banner,.about_menu,.ju_menu {
	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: #12cd3e;
	font-family: "Microsoft YaHei",微软雅黑,\9ed1\4f53,\5b8b\4f53,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu
}

.ca_content {
	margin-top: 50px
}

.ca_content p {
	text-indent: 28px;
	margin-top: 10px;
	color: #666
}

.ca_content p em {
	color: #333
}

.jg_q {
	margin-top: 26px
}

.jg_q em {
	background-color: #12cd3e;
	width: 25px;
	height: 2px;
	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(//static.orvibo.com../images/joinUs/icons.png?cache-buster) 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(//static.orvibo.com../images/joinUs/bg2.jpg?cache-buster) 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: #12cd3e;
	font-weight: 100
}

.juc_title h2 a {
	float: right;
	margin: 17px 35px 0 0;
	font-weight: 400;
	width: 54px;
	height: 26px;
	border: 1px solid #12cd3e;
	border-radius: 12px;
	color: #12cd3e;
	font-size: 12px
}

.juc_title h2 a div {
	height: 26px;
	line-height: 26px;
	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: #12cd3e;
	display: block
}

.juc_list ul li a:hover div.juc_top {
	width: 243px;
	height: 289px;
	border-left: 1px solid #12cd3e;
	border-right: 1px solid #12cd3e;
	border-top: 1px solid #12cd3e
}

.juc_list ul li a:hover div.juc_top img {
	top: -1px;
	left: -1px
}

.juc_list ul li a:hover div.juc_top em {
	top: 13px;
	right: 13px
}

.juc_list ul li a:hover div.juc_bottom {
	background-color: #12cd3e
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description b,.jul_left {
	background-color: #fff
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description h3,.juc_list ul li a:hover div.juc_bottom div.jucb_description h4 {
	color: #fff
}

.juc_list ul li a:hover div.juc_bottom div.jucb_description h3 {
	border-bottom: 1px solid #41d765
}

.joinus_list {
	margin-top: 95px;
	padding-bottom: 100px
}

.jul_left {
	float: left;
	width: 221px;
	min-height: 619px
}

.jul_left dl dt {
	height: 221px;
	height: 60px;
	background-color: #12cd3e;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: 700
}

.jul_left dl dd {
	width: 216px;
	height: 46px;
	border-left: 5px solid #fff;
	cursor: pointer
}

.jul_left dl dd.cur {
	border-left: 5px solid #12cd3e;
	position: relative
}

.jul_left dl dd.cur div {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 216px;
	height: 44px
}

.jul_left dl dd div a {
	float: left;
	width: 156px;
	height: 46px;
	text-align: right;
	line-height: 46px;
	color: #333
}

.jul_left dl dd.cur div em {
	position: absolute;
	width: 5px;
	height: 10px;
	background-position: -64px 0;
	top: 19px;
	right: 30px
}

.jul_right {
	float: right;
	width: 910px;
	min-height: 800px
}

.julr_top {
	background-color: #fff;
	padding-bottom: 30px
}

.julr_top dl {
	margin: 13px 0 0 24px;
	width: 853px;
	float: left;
	font-size: 12px
}

.julr_top dl.julrt_address {
	margin: 38px 0 0 24px
}

.julr_top dl dt {
	float: left;
	color: #333;
	font-weight: 700
}

.julr_top dl dd {
	float: left;
	padding: 0 28px;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 5px
}

.julr_top dl dd:last-child {
	border-right: 0
}

.julr_top dl dd a {
	color: #333
}

.julr_top dl dd a:hover,.julr_top dl dd.cur a {
	color: #12cd3e
}

.julr_bottom {
	margin-top: 20px;
	background-color: #fff
}

.julrb_content table {
	table-layout: fixed;
	margin: 30px 0 0 90px;
	float: left
}

.julrb_content table tr td {
	font-size: 12px;
	padding: 3px 0
}

.julrb_content table tr td.julrb_name {
	width: 90px
}

.julrb_content table tr td.julrb_param {
	width: 290px
}

.julrb_content table tr td.julrb_more {
	width: 700px
}

.julrb_content table tr td.julrb_more p {
	padding: 3px 0
}

.apply_station {
	margin: 30px 0 0 182px
}

.apply_station a.email_appointment {
	width: 86px;
	height: 28px;
	border: 1px solid #12cd3e;
	background-color: #12cd3e;
	color: #fff;
	text-align: center;
	line-height: 28px;
	display: block;
	border-radius: 4px;
	margin-top: 15px
}

.julrb_share {
	margin: 52px 0 0 182px
}

.julrb_share dd,.julrb_share dt {
	float: left
}

.julrb_share dt {
	height: 32px;
	line-height: 32px;
	margin-right: 12px
}

.julrb_share dd a {
	width: 32px;
	height: 32px;
	margin-right: 12px;
	float: left
}

.julrb_share dd a.julrb_weibo {
	background-position: -236px -66px
}

.julrb_share dd a.julrb_wechat {
	background-position: -270px -66px;
	position: relative
}

.wechat_qcode {
	position: absolute;
	top: -95px;
	left: 20px;
	padding: 5px;
	background-color: #e9e9e9;
	display: none
}

.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: #12cd3e;
	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 #12cd3e;
	padding-left: 9px;
	font-weight: 100;
	color: #12cd3e;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 22px
}

.cooperations_contacts div.global_center dl dd div h5 {
	height: 40px
}

.cooperations_contacts div.global_center dl dd div h5 em {
	font-size: 14px;
	display: block;
	margin-top: 2px
}

.cooperations_contacts div.global_center dl dd div p {
	margin: 4px 0 0 14px
}

.scroll_page ol.scroll_nav {
	position: fixed;
	width: 14px;
	right: 80px;
	top: 50%;
	margin-top: -24px;
	bottom: 0;
	z-index: 9999;
	padding: 0
}

.scroll_page ol.scroll_nav li {
	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: #12cd3e
}

.htl1 h2 em {
	font-weight: 400
}

.pdbg_iterm a {
	border-radius: 28px;
	width: 138px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -69px;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	bottom: 40px;
	letter-spacing: 4px
}

.pdbg_iterm a.waiting_sales {
	background-color: #888
}

.htl6,.pdbg_iterm a.sales {
	background-color: #12cd3e
}

.htl2 h3,.htl3 h3,.htl4 h3,.htl5 h3,.htl7 h3 {
	width: 100%;
	padding-top: 70px;
	font-size: 48px;
	color: #222;
	font-weight: 400
}

.htl2 h3 em,.htl3 h3 em,.htl4 h3,.htl5 h3 {
	color: #333;
	font-weight: 100
}

.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: #12cd3e
}

.htl4 div p,.htl4 h3,.htl5 div p,.htl5 h3 {
	color: #fff
}

.htl4 h3 em {
	color: #12cd3e
}

.pc_appmodel p {
	float: left;
	width: 25%
}

.htl5 .pdbg_center {
	width: 1500px
}

.htl5 .pdbg_center div.pc_appmodel {
	width: 100%;
	padding-top: 430px;
	margin-left: 10%
}

.htl5 .pdbg_center div.pc_appmodel p {
	position: relative;
	height: 109px
}

.htl5 .pdbg_center div.pc_appmodel p img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.htl5 .pdbg_center div.pc_appmodel p em {
	border-bottom: 2px dotted #12cd3e;
	position: absolute;
	width: 50%;
	height: 1px;
	z-index: 1;
	right: 30px;
	bottom: 6px
}

@media screen and (max-width:1200px) {
	.htl5 .pdbg_center {
		width: 980px
	}
}

.htl6 {
	height: 495px
}

.htl6 img {
	margin-top: 60px
}

.htl7 h3 {
	color: #333
}

.htl7 div {
	width: 1047px;
	margin: 45px auto
}

.new_support_container {
	width: 1190px;
	margin: 0 auto;
	position: relative
}

.support_service {
	position: fixed;
	left: 1190px;
	display: block;
	bottom: 10%
}

.media_bg,.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:500px;
	background: #f6f6f7;
}

.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 #12cd3e;
	color: #12cd3e
}

.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: #f0f0f0
}

.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: #12cd3e
}

.pdbuy_center {
	height: 120px
}

.pd_buy {
	background-color: #12cd3e
}

.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: #12cd3e;
	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: #12cd3e;
	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: #12cd3e
	}

	.ip_title h2 a,.ip_title h2 img {
		display: none
	}

	.in_list,.ip_recommend {
		width: 96%;
		padding-bottom: 70px;
		margin: 0 auto
	}

	.ip_recommend ul li {
		width: 49%;
		margin: 2vh 1% 0 0
	}

	.ip_recommend ul li a div.ipr_top {
		width: 100%;
		float: left;
		height: auto
	}

	.ip_recommend ul li a div.ipr_top img {
		width: 100%;
		position: relative
	}

	.ip_recommend ul li a div.ipr_bottom {
		width: 100%;
		height: auto
	}

	.ipr_bottom div.iprb_description {
		width: 80%;
		margin-left: 10%
	}

	.ip_recommend ul li a:hover div.ipr_top {
		width: 100%;
		height: auto;
		border: 0
	}

	.ip_recommend ul li a:hover div.ipr_top img {
		top: 0;
		left: 0
	}

	.ip_recommend ul li a:hover div.ipr_top em {
		top: 14px;
		right: 14px
	}

	.ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h3 {
		color: #4b4b4b
	}

	.ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h4,.ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h6 {
		color: #c7c7c7
	}

	.index_product .in_more {
		display: block
	}

	.in_list ul li {
		width: 100%;
		height: auto
	}

	.in_list ul li a {
		width: 100%;
		height: auto;
		padding-bottom: 10rem
	}

	.in_list ul li a em {
		margin: 3rem 0 0 3rem;
		font-size: 1.5rem
	}

	.in_list ul li a h3 {
		margin: 1rem 0 0 3rem;
		font-size: 2rem;
		width: 90%
	}

	.in_list ul li a p {
		margin: 2rem 0 0 3rem;
		font-size: 1.8rem;
		width: 90%;
		text-align: justify
	}

	.in_list ul li a div {
		right: 5%;
		bottom: 2rem;
		font-size: 1.8rem
	}

	.in_list ul li a div span {
		height: 18px;
		line-height: 18px
	}

	.in_list ul li a div img {
		width: 18px
	}
}

@media screen and (min-width:320px) and (max-height:842px) {
	.fa_phone {
		width: 546px
	}

	.fa_phone img {
		width: 100%
	}

	.fa_right {
		margin-right: -75px;
		margin-right: 0\9;
		opacity: 0;
		transition: all .6s linear
	}

	.fa_logo {
		right: 263px;
		bottom: 573px
	}

	.fa_title {
		right: 204px;
		bottom: 479px
	}

	.fa_more {
		right: 93px;
		bottom: 331px
	}

	.fa_a {
		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: #f6f6f6;
	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
}

.inwrap{ float:left; position:relative; left:50%;} 

.product_list_container .main .nav {
	margin-bottom: 38px;
	float:left;
	position:relative;
	left:-50%;
}

.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: #d30808
}

.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: #d30808!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;
	display: none
}

.product_list_container .list ul {
	width: 1220px
}

.product_list_container .list ul li {
	width: 590px;
	height: 300px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	background-color: #fff;
	position: relative;
	transition: all .2s linear;
	-webkit-transition: all .2s linear
}

.product_list_container .list ul li a.block {
	display: block;
	width: 590px;
	height: 300px
}

.product_list_container .list ul li .left {
	width: 285px;
	float: left;
	margin-left: 30px;
	position: relative;
	height: 300px
}

.product_list_container .list ul li .left .title {
	margin-top: 48px;
	font-size: 18px;
	color: #2f2f2f
}

.product_list_container .list ul li .left .text {
	font-size: 14px;
	color: grey;
	margin-top: 16px;
	padding-right: 30px
}

.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: right;
	width: 260px;
	height: 260px;
	margin-right: 15px;
	margin-top: 20px
}

.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: #d30808;
	border-color: #d30808;
	color: #fff
}

.aboutinfo{
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	text-indent: 2em;
}
.contentinfo{
	width: 100%;
	text-align: left;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
}