@charset "UTF-8";
/*body,html{background:#fff; font-family:"微软雅黑";,sans-serif;font-size:16px;font-weight:300;color:#333;margin:0;padding:0;-webkit-tap-highlight-color:transparent;min-width:1200px}*/
.doctor-view, :after, :before, a, abbr, acronym, address, applet, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.content-box, .index_news .bd .wrap::after, .lists_view .con .wrap::after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}
.showOmit-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.case .case_v_li p, .index_news .bd li:not(:first-child) h2, .lists_view .con .title, .new_detail .page a span, .showOmit-11 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.index_news .bd h2, .showOmit-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.icon-dianhua:before {
	content: "\e90e"
}
.icon-erweima:before {
	content: "\e90f"
}
.icon-QQ1:before {
	content: "\e910"
}
.icon-jiantou1:before {
	content: "\e911"
}
img {
	border: 0
}
a {
	border: none;
	list-style-type: none;
	text-decoration: none;
	-webkit-touch-callout: none;
	outline: 0
}
a:active, a:hover {
	text-decoration: none
}
b, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0
}
li, ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline: 0
}
.clear:after, .content:after, .customer_case .customer_case_li:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}
.support, .t_b_pad {
	padding: 100px 0
}
.font_82, .officeEnvironment .about_text_view .area b {
	font-size: 82px
}
.font_68, .technical_support .technical_support_li i {
	font-size: 68px
}
.font_60, .summary .text .t_t {
	font-size: 60px
}
.banner .banner1 .ba1_title h1, .font_54 {
	font-size: 54px
}
.font_48 {
	font-size: 48px
}
.banner .banner2 h1, .font_40 {
	font-size: 40px
}
.font_39 {
	font-size: 39px
}
.banner.sm .banner1 .ba1_title h1, .banner.sm .banner2 .ban2_title h1, .font_36, .policy .policy_view_li .num, .summary li i.add:after, .ys_view .middle h2 {
	font-size: 36px
}
.font_35 {
	font-size: 35px
}
.font_32, .super_con .super_con_title h1, .super_det .super_det_titel h1 {
	font-size: 32px
}
.font_30, .new_detail .title, .text_view h1 {
	font-size: 30px
}
.font_29 {
	font-size: 29px
}
.font_28, .title_view h1 {
	font-size: 28px
}
.about_text_view h1, .customer_case .case_total h1, .font_24, .index_news .bd h3, .officeEnvironment .about_text_view .area b span, .rx .rx_view_li .rx_in_an h1, .serviceadvantage .serviceadvantage_text h2, .sticker li.kefu a:before, .sticker li:before, .support .support_view .su_v_li .support_no1 {
	font-size: 24px
}
.font_23 {
	font-size: 23px
}
.font_22 {
	font-size: 22px
}
.case .case_v_li h1, .case_cl .case_cl_li h1, .content_w .w_title, .flow .content h1, .flow .content i, .font_20, .h20, .h2_t, .home li div h2, .kfadvantage .con_view h1, .map .map_view .map_d p, .repository .re_nav_left .title, .scene .scene_li h2, .serviceflow .flow_view h2, .serviceway .serviceway_li h2, .team .title h1, .technical_support .technical_support_li h1, .title_view .ti_sm, .ys_view .middle em, footer .footer_li h2, header .header .head_phone h2 {
	font-size: 20px
}
.banner .banner1 .ba1_title p, .banner .banner2 .b_t_c, .font_18, .index_news .bd h2, .policy .policy_view_li h2, .repository .re_nav_left .kefu h2, .repository .re_right .con h2, .sticker li.phone, .text_view .t_v_p, .ys_view .middle h4 {
	font-size: 18px
}
.customer_case .c_c_l_view h2, .diagram .diagram_titel h1, .font_16, .index_news .hd li a, .jf_summary .jf_su_view .title, .lists_view .con .title, .officeEnvironment .about_text_view .area b span:after, .repository .re_nav_left .sideMenu h3, .summary li i:after, .summary li p, .super_con .super_con_title p, .super_det .hd li, .super_det .super_det_titel p, .title_view p, footer .f_url p, footer .footer_li h1, footer .footer_li p.address:before, header .header .nav {
	font-size: 16px
}
.banner .banner2 .ban2_d_view .b2_t, .banner.sm .banner1 .ba1_title p, .banner.sm .banner2 .ban2_title p, .case .case_v_li p, .case_cl .case_cl_li p, .cloud .cloud_li .resolvent_btn, .cloud .cloud_li .serve_con .serve_btn, .customer_case .c_c_l_view p, .customer_case .case_total p, .diagram .diagram_titel li, .flow .content p, .font_14, .home li div p, .index_news .bd .wrap, .kfadvantage .con_view p, .lists_view .btn .more, .lists_view .con .com, .lists_view .paging a, .nav_crumb .nav_r, .new_detail .con p, .new_detail .page a, .new_detail .tip, .p14, .p_t, .policy .policy_view_li p, .repository .re_nav_left .kefu a, .repository .re_nav_left .sideMenu ul a, .repository .re_right .con, .scene .scene_li p, .scene .scene_li:after, .section_w.new .content_main li, .serve_con .cloud .cloud_li .serve_btn, .serve_con .text_view .serve_btn, .serve_con .ys_view .middle .serve_btn, .serviceadvantage .serviceadvantage_text p, .serviceflow .flow_view p, .serviceway .serviceway_li p, .team .title h1 span, .team .title p, .technical_support .technical_support_li p, .text_view .resolvent_btn, .text_view .serve_con .serve_btn, .text_view .t_v_c, .ys_view .middle .resolvent_btn, .ys_view .middle .serve_con .serve_btn, .ys_view .middle p {
	font-size: 14px
}
.banner .banner2 .b_t_e, .font_12, .index_news .bd span, .lists_view .btn .time, .repository .re_nav_left .kefu span, .sticker li.topwin, footer .bq, footer .f_url a, footer .footer_li a, footer .footer_li p, header .header .head_phone span {
	font-size: 12px
}
.font_10, .sticker li.topwin:before {
	font-size: 10px
}
.h2_t, .repository .re_nav_left .title, .team .title h1 {
	font-weight: 300;
	color: #666;
	line-height: 61px
}
.p_t, .team .title h1 span, .team .title p {
	font-weight: 300;
	color: #999;
	line-height: 24px
}
.case .case_v_li h1, .h20 {
	color: #666
}
.case .case_v_li p, .p14 {
	color: #999
}
.fadeInUps {
	-webkit-animation-name: fadeInUps;
	animation-name: fadeInUps
}

@media screen and (max-width:1500px) {

		.head_phone{ display:none;}	
			
        }

@-webkit-keyframes fadeInUps {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUps {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}
}
.case .case_v_li, .case .case_v_li h1, .case .case_v_li h1:after, .cloud .cloud_li .resolvent_btn, .cloud .cloud_li .serve_con .serve_btn, .cloud .cloud_li h2, .culture .culture_li, .culture .culture_li .img .opacity, .diagram .diagram_view .hd li, .index_news .bd h2, .index_news .bd h3:after, .index_news .bd li, .index_news .hd li a, .interests .interests_li, .lists_view .btn .more, .lists_view .con .title, .partner_li, .policy .policy_view_li, .policy .policy_view_li h2, .policy .policy_view_li i, .repository .re_nav_left .sideMenu h3:after, .resolvent .resolvent_li, .rx .rx_view_li, .rx .rx_view_li .hide, .rx .rx_view_li .rx_in_an, .rx .rx_view_li:before, .scene .scene_li, .scene .scene_li i, .serve .serve_li .serve_an, .serve .serve_li .serve_an:after, .serve .serve_li .serve_btn, .serve_con .cloud .cloud_li .serve_btn, .serve_con .text_view .serve_btn, .serve_con .text_view .serve_btn:after, .serve_con .ys_view .middle .serve_btn, .serve_con .ys_view .middle .serve_btn:after, .sticker li, .super_det .hd li, .support .support_view .su_v_li, .team .title, .text_view .resolvent_btn, .text_view .resolvent_btn:after, .text_view .serve_con .serve_btn, .text_view .serve_con .serve_btn:after, .tran3, .ys_view .middle .resolvent_btn, .ys_view .middle .resolvent_btn:after, .ys_view .middle .serve_con .serve_btn, .ys_view .middle .serve_con .serve_btn:after {
	-webkit-transition: all .3s;
	transition: all .3s
}
.home li:before, .img_view:after, .officeEnvironment .changeOpac .opacity, .tran5, header, header .header .nav .nLi a, header .header .nav .nLi:before {
	-webkit-transition: all .5s;
	transition: all .5s
}
.icon_sm, header .header .head_phone span:before {
	background-image: url(../images/icon_sm.png);
	background-repeat: no-repeat
}
.an_op {
	-webkit-animation: flash 6s linear infinite;
	animation: flash 6s linear infinite
}
.an_op2 {
	-webkit-animation: flash 6s linear .5s infinite;
	animation: flash 6s linear .5s infinite
}
.an_op3 {
	-webkit-animation: flash 6s linear .8s infinite;
	animation: flash 6s linear .8s infinite
}
.an_top {
	-moz-animation: an_t_sm 3s linear infinite alternate;
	-webkit-animation: an_t_sm 3s linear infinite alternate;
	-o-animation: an_t_sm 3s linear infinite alternate;
	-ms-animation: an_t_sm 3s linear infinite alternate;
	animation: an_t_sm 3s linear infinite alternate
}
 @-webkit-keyframes an_t_sm {
from {
-webkit-transform:translate3d(0, -6px, 0);
-ms-transform:translate3d(0, -6px, 0);
transform:translate3d(0, -6px, 0)
}
50% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
to {
	-webkit-transform: translate3d(0, 6px, 0);
	-ms-transform: translate3d(0, 6px, 0);
	transform: translate3d(0, 6px, 0)
}
}
@keyframes an_t_sm {
from {
-webkit-transform:translate3d(0, -6px, 0);
-ms-transform:translate3d(0, -6px, 0);
transform:translate3d(0, -6px, 0)
}
50% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
to {
	-webkit-transform: translate3d(0, 6px, 0);
	-ms-transform: translate3d(0, 6px, 0);
	transform: translate3d(0, 6px, 0)
}
}
.an_top_bu1 {
	-webkit-animation: an_t_b 6s linear infinite;
	animation: an_t_b 6s linear infinite
}
.an_top_bu2 {
	-webkit-animation: an_t_b 6s 1s ease infinite;
	animation: an_t_b 6s 1s ease infinite
}
.an_top_bu3 {
	-webkit-animation: an_t_b 6s 2s ease-in infinite;
	animation: an_t_b 6s 2s ease-in infinite
}
.an_top_bu4 {
	-webkit-animation: an_t_b 6s 3s ease-out infinite;
	animation: an_t_b 6s 3s ease-out infinite
}
.an_top_bu5 {
	-webkit-animation: an_t_b 6s 4s ease-in-out infinite;
	animation: an_t_b 6s 4s ease-in-out infinite
}
.an_top_bu6 {
	-webkit-animation: an_t_b 6s 5s step-start infinite;
	animation: an_t_b 6s 5s step-start infinite
}
.an_top_bu7 {
	-webkit-animation: an_t_b 3s 3.5s step-end infinite;
	animation: an_t_b 6s 3.5s step-end infinite
}
@-webkit-keyframes an_t_b {
from {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
opacity:1
}
80% {
opacity:1
}
to {
	-webkit-transform: translateY(-130px);
	-ms-transform: translateY(-130px);
	transform: translateY(-130px);
	opacity: 0
}
}
@keyframes an_t_b {
from {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
opacity:1
}
80% {
opacity:1
}
to {
	-webkit-transform: translateY(-130px);
	-ms-transform: translateY(-130px);
	transform: translateY(-130px);
	opacity: 0
}
}
@-webkit-keyframes ripple {
from {
opacity:0;
-webkit-transform:scale(.1, .1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1)
}
}
@-moz-keyframes ripple {
from {
opacity:0;
-moz-transform:scale(.1, .1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-moz-transform: scale(1)
}
}
@-o-keyframes ripple {
from {
opacity:0;
-o-transform:scale(.1, .1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-o-transform: scale(1)
}
}
@keyframes ripple {
from {
opacity:0;
-webkit-transform:scale(.1, .1);
-moz-transform:scale(.1, .1);
-ms-transform:scale(.1, .1);
transform:scale(.1, .1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
}
@-webkit-keyframes fadeInUpsm {
0% {
opacity:0;
-webkit-transform:translateY(200px);
transform:translateY(200px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpsm {
0% {
opacity:0;
-webkit-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpsm {
	-webkit-animation-name: fadeInUpsm;
	animation-name: fadeInUpsm
}
.banner, .case .case_view, .min_width, .rx .rx_view, header .header {
	min-width: 1200px
}
nav {
	height: 80px
}
header {
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
header.show, header.shows {
	background: #313645
}
header .header {
	padding: 0 60px;
	color: #fff
}
header .header .logo {
	width: 350px;
	height: 55px;
	display: block;
	float: left;
	margin-top: 10px
}



header .header .nav {
	float: left;
	margin-left: 65px
}
header .header .nav .nLi {
	float: left;
	height: 79px;
	text-align: center;
	position: relative
}
header .header .nav .nLi.ons:before, header .header .nav .nLi:hover:before {
	opacity: 1
}
header .header .nav .nLi.ons>a, header .header .nav .nLi:hover>a {
	color: #fff
}
header .header .nav .nLi:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	background: linear-gradient(to bottom right, #04affc, #257dff)
}
header .header .nav .nLi a {
	position: relative;
	height: 100%;
	top: 0;
	width: 100%;
	padding: 0 27px;
	line-height: 79px;
	display: block;
	cursor: pointer;
	color: #c6cacf;
	z-index: 10
}
@media screen and (max-width:1550px) {
header .header .nav .nLi a {

	padding: 0 17px;

}
			
        }
header .header .nav .nLi a.top:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 9px;
	vertical-align: 3px;
	border: 1px solid #c6cacf;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}
header .header .nav .nLi a.left:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	float: right;
	vertical-align: 3px;
	margin-top: 15px;
	border: 1px solid #c6cacf;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
header .header .nav .nLi .sub {
	position: absolute;
	top: 79px;
	left: 0;
	width: 135px;
	background: #fff;
	display: none;
	border-top: 2px solid #257dff;
	box-shadow: 0 0 40px 0 rgba(12,39,113,.15)
}
header .header .nav .nLi .sub .nlis:hover>a {
	color: #fff;
	background: #247eff
}
header .header .nav .nLi .sub a {
	position: static;
	line-height: 40px;
	padding: 0 19px;
	text-align: left;
	color: #666
}
header .header .nav .nLi .sub a:hover {
	color: #fff;
	background: #247eff
}
header .header .nav .nLi .sub>li {
	position: relative
}
header .header .nav .subs {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 100%;
	background: #fff;
	display: none;
	box-shadow: 0 0 40px 0 rgba(12,39,113,.15);
	border-top: 2px solid #257dff
}
header .header .head_phone {
	float: right;
	text-align: right;
	padding: 13px 0 0
}
header .header .head_phone span {
	color: #c6cacf
}
header .header .head_phone span:before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 13px;
	background-position: 0 -126px;
	margin-right: 5px;
	vertical-align: middle
}
header .header .head_phone h2 {
	font-weight: 400;
	margin-top: 5px
}
section {
	overflow: hidden
}
section.customer_case, section.diagram, section.hub {
	background: #f8fafc
}
.content {
	width: 1200px;
	margin: 0 auto
}
.banner {
	height: 630px;
	overflow: hidden;
	position: relative
}
.banner.sm {
	height: 280px
}
.banner.sm .banner1 .ba1_title, .banner.sm .banner2 .ban2_title {
	margin-top: 120px;
	margin-left: 0;
	width: auto
}
.banner.sm .banner1 .ba1_title h1, .banner.sm .banner2 .ban2_title h1 {
	font-weight: 400;
	line-height: 47px
}
.banner.sm .banner1 .ba1_title p, .banner.sm .banner2 .ban2_title p {
	margin-top: 16px!important;
	line-height: 27px;
	width: 550px;
	font-weight: 100
}
.banner.sm .banner1 .ba1_title p {
	display: block;
	margin: 0 auto
}
.banner.bg {
	height: 710px
}
.banner .content {
	color: #fff
}
.banner [class*=banner] {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.banner .bd {
	background: #353535;
	height: 100%
}
.banner .bd li {
	color: #fff;
	overflow: hidden
}
.banner .bd li:nth-of-type(1) {
	background-color: #353535;
	background-image: url(../images/bg-2.jpg)
}
.banner .bd li:nth-of-type(2) {
	background-color: #353535;
	background-image: url(../images/bg-1.jpg)
}
.banner .bd li:nth-of-type(3) {
	background-color: #16181b;
	background-image: url(../images/bg-2.jpg);
	background-size: cover
}
.banner .bd li:nth-of-type(4) {
	background-color: #121824;
	background-image: url(../images/bg-2.jpg);
	background-size: cover
}
.banner .hd {
	position: absolute;
	bottom: 21px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
.banner .hd li {
	float: left;
	cursor: pointer;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0 10px
}
.banner .hd li.on {
	background: #fff
}
.banner .banner1 .ba1_title {
	text-align: center;
	margin-top: 273px
}
.banner .banner1 .ba1_title h1 {
	line-height: 63px
}
.banner .banner1 .ba1_title p {
	line-height: 19px;
	margin-top: 19px
}
.banner .banner2 .ban2_title {
	width: 507px;
	margin: 245px 0 0 71px;
	float: left
}
.banner .banner2 .b_t_c {
	margin: 15px 0 20px
}
.banner .banner2 .b_t_e {
	line-height: 17px;
	font-family: PingFang
}
.banner .banner2 .ban2_d_view {
	float: right;
	margin: 163px 71px 0 0;
	width: 470px;
	height: 339px;
	background: url(../images/banner1t.png) no-repeat;
	background-size: 100% 100%;
	position: relative
}
.banner .banner2 .ban2_d_view i {
	position: absolute
}
.banner .banner2 .ban2_d_view .b2_t_1, .banner .banner2 .ban2_d_view .b2_t_2, .banner .banner2 .ban2_d_view .b2_t_3 {
	width: 91px;
	height: 91px;
	background: url(../images/b2_b.png) no-repeat;
	background-size: 100% 100%;
	left: 179px;
	top: 69px
}
.banner .banner2 .ban2_d_view .b2_t_2 {
	left: 92px;
	top: 99px
}
.banner .banner2 .ban2_d_view .b2_t_3 {
	left: 269px;
	top: 100px
}
.banner .banner2 .ban2_d_view .b2_t {
	width: 32px;
	height: 32px;
	font-style: normal;
	color: #a8e1fa;
	text-align: center
}
.banner .banner2 .ban2_d_view .b2_t.t1 {
	left: 119px;
	top: 127px
}
.banner .banner2 .ban2_d_view .b2_t.t2 {
	left: 206px;
	top: 97px
}
.banner .banner2 .ban2_d_view .b2_t.t3 {
	left: 296px;
	top: 128px
}
.banner .banner3 .ban2_title {
	margin-left: 20px
}
.banner .banner3 .ban3_d_view {
	float: right;
	width: 639px;
	height: 412px;
	margin: 178px 20px 0 0;
	background: url(../images/banner2t.png) no-repeat;
	background-size: 100% 100%;
	position: relative
}
.banner .banner3 [class*=b3_t_] {
	position: absolute;
	width: 74px;
	height: 86px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}
.banner .banner3 .b3_t_1 {
	background-image: url(../images/jaban.png);
	top: 148px;
	left: 5px
}
.banner .banner3 .b3_t_2 {
	background-image: url(../images/yf.png);
	top: 36px;
	left: 78px
}
.banner .banner3 .b3_t_3 {
	background-image: url(../images/sj1.png);
	top: -4px;
	left: 303px
}
.banner .banner3 .b3_t_4 {
	background-image: url(../images/sj.png);
	top: 55px;
	left: 494px
}
.banner .banner3 .b3_an_view {
	width: 60px;
	height: 100px;
	position: absolute;
	left: 282px;
	top: 77px;
	overflow: hidden
}
.banner .banner3 .b3_an_view .b3_i_view {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0
}
.banner .banner3 .b3_an_view .b3_i_view i {
	width: 2px;
	height: 20px;
	float: left;
	margin: 0 1px;
	background: linear-gradient(to bottom, #25d8d7, rgba(255,255,255,0))
}
.banner .banner4 .ban2_title {
	margin-left: 20px
}
.banner .banner4 .ban4_d_view {
	width: 650px;
	height: 413px;
	float: right;
	margin: 156px 20px 0 0;
	background: url(../images/banner3t.png) no-repeat;
	background-size: 100% 100%;
	position: relative
}
.banner .banner4 .ban4_d_view i {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%
}
.banner .banner4 .ban4_d_view .b4_b {
	width: 209px;
	height: 123px;
	background-image: url(../images/gx.png);
	left: 292px;
	top: 121px
}
.banner .banner4 .ban4_d_view .b4_t {
	width: 90px;
	height: 150px;
	background-image: url(../images/wenjian.png);
	left: 347px;
	top: 84px
}
.banner .banner10 {
	background-image: url(../images/banner1.jpg)
}
.banner .banner11 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.banner .banner12 {
	background-image: url(../images/banner.jpg)
}
.banner .banner13 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.banner .banner14 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.banner .banner15 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.banner .banner16 {
	background-image: url(../images/banner.png);
	overflow: hidden
}
.banner .banner17 {
	background-image: url(../images/banner.png);
	overflow: hidden
}
.banner .banner18, .banner .banner19, .banner .banner20 {
	background-image: url(../images/banner.png);
	overflow: hidden
}
.banner .banner19 {
	background-image: url(../images/banner.png)
}
.banner .banner20 {
	background-image: url(../images/banner.png)
}
.banner .banner21 {
	background-image: url(../images/banner.jpg)
}
.banner .banner21 .ban2_title {
	padding-left: 250px
}
.banner .banner22 {
	background-image: url(../images/banner.png);
	overflow: hidden
}
.banner .banner23 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.banner .banner23 .ban2_title {
	padding-left: 250px
}
.banner .banner24 {
	background-image: url(../images/banner.jpg);
	overflow: hidden
}
.home {
	background: #313645
}
.home li {
	width: 240px;
	height: 130px;
	position: relative;
	float: left
}
.home li:hover:before {
	opacity: 1
}
.home li:hover>a {
	color: #fff
}
.home li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	background: linear-gradient(to bottom right, #04affc, #257dff)
}
.home li div {
	position: relative;
	z-index: 10;
	color: #fff;
	height: 100%;
	padding: 27px 30px 0
}
.home li div p {
	line-height: 24px;
	margin-top: 15px
}
.title_view {
	text-align: center;
	margin-bottom: 45px;
	line-height: 1
}
.title_view.fff .ti_sm, .title_view.fff h1, .title_view.fff p {
	color: #fff
}
.title_view h1 {
	color: #333;
	font-weight: 500
}
.title_view p {
	color: #999;
	line-height: 24px;
	margin: 16px 0 -4px
}
.title_view .ti_sm {
	color: #4387fa;
	font-weight: 300;
	margin-top: 14px;
	display: block
}
.support {
	overflow: hidden
}
.support .support_view {
	margin: 0 -18.75px
}
.support .support_view .su_v_li {
	float: left;
	width: 375px;
	height: 458px;
	border: 1px solid #dfe4ee;
	margin: 0 18.75px
}
.support .support_view .su_v_li:hover {
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(30,34,37,.11)
}
.support .support_view .su_v_li .su_v_li_h {
	height: 209px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding-top: 44px
}
.support .support_view .su_v_li .hi {
	display: inline-block;
	width: 65px;
	height: 65px;
	background-image: url(../images/support.png);
	background-repeat: no-repeat
}
.support .support_view .su_v_li .support_no1 {
	color: #fff;
	font-weight: 400;
	margin-top: 25px
}
.support .support_view .su_v_li:nth-of-type(1) .su_v_li_h {
	background-image: url(../images/gdwz_bg.jpg)
}
.support .support_view .su_v_li:nth-of-type(1) .su_v_li_h i {
	background-position: -85px -196px
}
.support .support_view .su_v_li:nth-of-type(2) .su_v_li_h {
	background-image: url(../images/wx_bg.jpg)
}
.support .support_view .su_v_li:nth-of-type(2) .su_v_li_h i {
	background-position: -170px -196px
}
.support .support_view .su_v_li:nth-of-type(3) .su_v_li_h {
	background-image: url(../images/yfw_bg.jpg)
}
.support .support_view .su_v_li:nth-of-type(3) .su_v_li_h i {
	background-position: 0 -196px
}
.support .support_view .su_v_li .sup_title {
	padding-top: 20px
}
.support .support_view .su_v_li .sup_title_v {
	color: #666;
	text-align: center;
	line-height: 48px
}
.support .support_view .su_v_li .sup_title_v:hover {
	color: #2281ff
}
.cloud {
	padding: 70px 0
}
.cloud .cloud_li {
	float: left;
	width: 223px;
	height: 317px;
	position: relative
}
.cloud .cloud_li:not(:last-child) {
	margin-right: 102px
}
.cloud .cloud_li:hover h2 {
	color: #2878ff
}
.cloud .cloud_li:hover i:after {
	opacity: 1
}
.cloud .cloud_li .resolvent_btn, .cloud .cloud_li .serve_con .serve_btn, .serve_con .cloud .cloud_li .serve_btn {
	display: inline-block;
	width: 110px;
	text-align: center;
	height: 36px;
	border: 1px solid #dedede;
	border-radius: 22px;
	line-height: 34px;
	color: #999;
	position: absolute;
	bottom: 0;
	left: 0;
	cursor: pointer
}
.cloud .cloud_li .resolvent_btn:hover, .cloud .cloud_li .serve_con .serve_btn:hover, .serve_con .cloud .cloud_li .serve_btn:hover {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff;
	padding: 0
}
.rx {
	overflow: visible
}
.rx .rx_view {
	max-width: 1920px;
	margin: 0 auto
}
.rx .rx_view_ul {
	width: 100%;
	height: 540px
}
.rx .rx_view_li {
	float: left;
	max-width: 25%;
	height: 540px;
	text-align: center;
	position: relative;
	color: #fff
}
.rx .rx_view_li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center
}
.rx .rx_view_li:hover:after, .rx .rx_view_li:hover:before {
	opacity: .9;
	-webkit-transform: scaleY(1.1);
	transform: scaleY(1.1)
}
.rx .rx_view_li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #2878ff, #05acfc);
	opacity: 0;
	transition: opacity, transform .3s
}
.rx .rx_view_li .icon {
	width: 99px;
	height: 78px;
	display: inline-block;
	background-image: url(../images/support.png);
	background-repeat: no-repeat
}
.rx .rx_view_li:nth-of-type(1):before {
	background-image: url(../images/wlw_bg.jpg)
}
.rx .rx_view_li:nth-of-type(1) .icon {
	background-position: 0 0
}
.rx .rx_view_li:nth-of-type(2):before {
	background-image: url(../images/gyl_bg.jpg)
}
.rx .rx_view_li:nth-of-type(2) .icon {
	background-position: 0 -98px
}
.rx .rx_view_li:nth-of-type(3):before {
	background-image: url(../images/dsj_bg.jpg)
}
.rx .rx_view_li:nth-of-type(3) .icon {
	background-position: -119px -98px
}
.rx .rx_view_li:nth-of-type(4):before {
	background-image: url(../images/sp_bg.jpg)
}
.rx .rx_view_li:nth-of-type(4) .icon {
	background-position: -119px 0
}
.rx .rx_view_li .rx_in_view {
	position: relative;
	z-index: 5
}
.rx .rx_view_li:hover .rx_in_an {
	margin-top: 90px
}
.rx .rx_view_li:hover .hide {
	display: block;
	opacity: 1
}
.rx .rx_view_li .rx_in_an {
	margin-top: 193px
}
.rx .rx_view_li .rx_in_an h1 {
	margin-top: 50px;
	color: #fff
}
.rx .rx_view_li .hide {
	margin: 29px 10% 0;
	display: none;
	opacity: 0;
	height: 167px;
	position: relative
}
.rx .rx_view_li .hide p {
	font-weight: 300;
	line-height: 27px
}
.rx .rx_view_li .hide a {
	width: 132px;
	height: 44px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -67px;
	line-height: 44px;
	color: #138cff;
	background: #fff;
	box-shadow: 0 0 32px 0 rgba(13,116,213,.64);
	border-radius: 22px
}
.policy .content {
	padding: 70px 0 70px
}
.policy .policy_view {
	margin: 0 -6px
}
.policy .policy_view_li {
	float: left;
	width: 230px;
	height: 368px;
	margin: 0 6px;
	background-repeat: no-repeat;
	background-position: 78px 50px;
	position: relative;
	text-align: center;
	padding: 0 30px;
	border: 1px solid #eaeffd
}
.policy .policy_view_li:nth-of-type(1) {
	background-image: url(../images/01.png)
}
.policy .policy_view_li:nth-of-type(2) {
	background-image: url(../images/02.png)
}
.policy .policy_view_li:nth-of-type(3) {
	background-image: url(../images/03.png)
}
.policy .policy_view_li:nth-of-type(4) {
	background-image: url(../images/04.png)
}
.policy .policy_view_li:nth-of-type(5) {
	background-image: url(../images/05.png)
}
.policy .policy_view_li:hover {
	background-color: #fff;
	z-index: 2;
	box-shadow: 0 0 27px 0 rgba(55,62,84,.14)
}
.policy .policy_view_li:hover h2 {
	color: #4387fa
}
.policy .policy_view_li:hover i {
	background: #4387fa;
	-moz-box-shadow: 15px 0 #4387fa, -15px 0 #4387fa;
	-webkit-box-shadow: 15px 0 #4387fa, -15px 0 #4387fa;
	box-shadow: 15px 0 #4387fa, -15px 0 #4387fa
}
.policy .policy_view_li h2 {
	color: #666;
	font-weight: 400;
	margin-top: 140px
}
.policy .policy_view_li p {
	line-height: 24px;
	margin-top: 25px;
	color: #999
}
.policy .policy_view_li .num {
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: #e1e1e1
}
.policy .policy_view_li i {
	display: block;
	width: 6px;
	height: 6px;
	background: #9196b6;
	border-radius: 6px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -3px;
	-moz-box-shadow: 15px 0 #9196b6, -15px 0 #9196b6;
	-webkit-box-shadow: 15px 0 #9196b6, -15px 0 #9196b6;
	box-shadow: 15px 0 #9196b6, -15px 0 #9196b6
}
.case {
	overflow: hidden;
	padding: 70px 0 30px;
	background: #f7f7f7;
	width:100%;
}
.case .case_view {
	margin: 60px auto 0
}
.case .case_v_li {
	float: left;
	width: 32%;
	margin: 0 1.979166% 30px 0
}
.case .case_v_li:nth-of-type(3n) {
	margin-right: 0
}
.case .case_v_li:hover {
	background: #fff;
	box-shadow: 0 0 57px 0 rgba(42,48,63,.1)
}
.case .case_v_li:hover h1:after {
	background-position: 0 0
}
.case .case_v_li .case_imgs {
	width: 100%
}
.case .case_v_li .case_v_li_b {
	padding: 29px
}
.case .case_v_li h1 {
	font-weight: 300;
	color: #666
}
.case .case_v_li h1:after {
	content: "";
	display: block;
	width: 25px;
	height: 8px;
	background: url(../images/right.png) no-repeat;
	background-position: -33px 0;
	float: right;
	margin-top: 20px
}
.case .case_v_li p {
	margin-top: 13px;
	color: #999
}
.serve.serve_b {
	background: #f7f7f7
}
.serve .content {
	padding: 70px 0
}
.serve .serve_li {
	width: 375px;
	height: 450px;
	float: left;
	text-align: center;
	color: #fff
}
.serve .serve_li .serve_an {
	height: 100%;
	border-radius: 6px;
	position: relative
}
.serve .serve_li .serve_an:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	box-shadow: 0 0 40px 1px #282828;
	z-index: -1;
	opacity: 0
}
.serve .serve_li:nth-of-type(1) .serve_an {
	background: url(../images/serve_bg1.png) no-repeat
}
.serve .serve_li:nth-of-type(1):hover .serve_btn {
	color: #677bf7
}
.serve .serve_li:nth-of-type(2) {
	margin: 0 37px
}
.serve .serve_li:nth-of-type(2) .serve_an {
	background: url(../images/serve_bg2.png) no-repeat
}
.serve .serve_li:nth-of-type(2):hover .serve_btn {
	color: #14cab5
}
.serve .serve_li:nth-of-type(3) .serve_an {
	background: url(../images/serve_bg3.png) no-repeat
}
.serve .serve_li:nth-of-type(3):hover .serve_btn {
	color: #f6618f
}
.serve .serve_li:hover .serve_an {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px)
}
.serve .serve_li:hover .serve_an:after {
	opacity: 1;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px)
}
.serve .serve_li:hover .serve_btn {
	border-color: #fff;
	background: #fff
}
.serve .serve_li .serve_btn_blank {
	display: block
}
.case .case_v_li .serve .serve_li p a, .serve .serve_li .case .case_v_li p a, .serve .serve_li .p14 a {
	color: #fff;
	margin: 0 10px
}
.serve .serve_li .serve_li_img {
	width: 122px;
	height: 122px;
	margin-top: 63px
}
.serve .serve_li h1 {
	margin: 29px 0 19px;
	color: #fff
}
.serve .serve_li .serve_btn {
	display: block;
	position: absolute;
	right: 0;
	bottom: 64px;
	width: 160px;
	height: 44px;
	line-height: 42px;
	color: #fff;
	left: 50%;
	margin-left: -80px;
	border: 1px solid #fff;
	border-radius: 44px
}
.map {
	background: url(../images/map_back.png);
	padding: 70px 0
}
.map .content h1 {
	color: #fff
}
.map .content p {
	color: #fff
}
.map .map_view {
	margin: 70px auto 0;
	background: url(../images/map.png) no-repeat;
	height: 490px;
	width: 1019px;
	position: relative
}
.map .map_view .map_text {
	position: absolute;
	top: 202px;
	left: 744px;
	color: #fff
}
.map .map_view .map_d {
	position: absolute
}
.map .map_view .map_d.l a {
	background: #2b97fd
}
.map .map_view .map_d.l [class*=point_]:after {
	border-color: #2b97fd
}
.map .map_view .map_d.mx {
	width: 100px;
	height: 100px;
	top: 60px;
	left: 30px
}
.map .map_view .map_d.md {
	width: 100px;
	height: 100px;
	top: 153px;
	left: 145px
}
.map .map_view .map_d.bx {
	width: 100px;
	height: 100px;
	top: 325px;
	left: 250px
}
.map .map_view .map_d.zd {
	width: 120px;
	height: 120px;
	top: 128px;
	left: 472px
}
.map .map_view .map_d.els {
	width: 120px;
	height: 120px;
	top: 68px;
	left: 682px
}
.map .map_view .map_d.odly {
	width: 130px;
	height: 130px;
	top: 318px;
	left: 787px
}
.map .map_view .map_d.hl {
	width: 130px;
	height: 130px;
	top: 168px;
	left: 655px
}
.map .map_view .map_d.hb {
	width: 130px;
	height: 130px;
	top: 76px;
	left: 748px
}
.map .map_view .map_d.hd {
	width: 130px;
	height: 130px;
	top: 115px;
	left: 735px
}
.map .map_view .map_d p {
	text-align: center;
	line-height: 180px
}
.map .map_view .map_d a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 13px;
	height: 13px;
	margin: auto;
	background: #1aca49;
	border-radius: 13px;
	cursor: pointer;
	z-index: 10
}
.map .map_view .map_d [class*=point_] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: 0 0
}
.map .map_view .map_d [class*=point_]:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #1aca49;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out infinite;
	-moz-animation: ripple 4.5s ease-out infinite;
	-o-animation: ripple 4.5s ease-out infinite;
	animation: ripple 4.5s ease-out infinite
}
.map .map_view .map_d .map_point_1:after {
	-webkit-animation-delay: 225ms;
	-moz-animation-delay: 225ms;
	-o-animation-delay: 225ms;
	animation-delay: 225ms
}
.map .map_view .map_d .map_point_2:after {
	-webkit-animation-delay: 425ms;
	-moz-animation-delay: 425ms;
	-o-animation-delay: 425ms;
	animation-delay: 425ms
}
.map .map_view .map_d .map_point_3:after {
	-webkit-animation-delay: 625ms;
	-moz-animation-delay: 625ms;
	-o-animation-delay: 625ms;
	animation-delay: 625ms
}
.map .map_view .map_d .map_point_4:after {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s
}
.map .map_view .map_d .map_point_5:after {
	-webkit-animation-delay: 1125ms;
	-moz-animation-delay: 1125ms;
	-o-animation-delay: 1125ms;
	animation-delay: 1125ms
}
.map .map_view .map_d .map_point_6:after {
	-webkit-animation-delay: 1.35s;
	-moz-animation-delay: 1.35s;
	-o-animation-delay: 1.35s;
	animation-delay: 1.35s
}
.map .map_view .map_d .map_point_7:after {
	-webkit-animation-delay: 1575ms;
	-moz-animation-delay: 1575ms;
	-o-animation-delay: 1575ms;
	animation-delay: 1575ms
}
.map .map_view .map_d .map_point_8:after {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	animation-delay: 1.8s
}
.map .map_view .map_d .map_point_9:after {
	-webkit-animation-delay: 2025ms;
	-moz-animation-delay: 2025ms;
	-o-animation-delay: 2025ms;
	animation-delay: 2025ms
}
.map .map_view .map_d .map_point_10:after {
	-webkit-animation-delay: 2.25s;
	-moz-animation-delay: 2.25s;
	-o-animation-delay: 2.25s;
	animation-delay: 2.25s
}
.partner {
	padding: 70px 0 100px;
	background: url(../images/hzbl_bg.jpg) center bottom no-repeat
}
.partner_li {
	float: left;
	width: 170px;
	height: 80px;
	margin: 0 35px 24px;
	position: relative
}
.partner_li img {
	width: 100%;
	height: 100%;
	display: block
}
.partner_li a {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.partner_li:hover {
	box-shadow: 0 0 57px 0 rgba(42,48,63,.1)
}
footer {
	background: #333;
	padding: 49px 0 19px;
	color: #aab1ce
}
footer .content {
	overflow: hidden
}
footer .footer_ul {
	margin: 0 -48px
}
footer .footer_li {
	float: left;
	padding: 0 48px
}
footer .footer_li.last-child {
	float: right
}
footer .footer_li h1 {
	font-weight: 500;
	color: #aab1ce;
	margin-bottom: 40px
}
footer .footer_li a {
	color: #aab1ce;
	line-height: 32px;
	display: block
}
footer .footer_li h2 {
	color: #d7d7da;
	margin-top: -18px
}
footer .footer_li p {
	color: #aab1ce;
	line-height: 19px;
	padding-left: 30px;
	position: relative;
	margin-bottom: 20px
}
footer .footer_li p:before {
	position: absolute;
	left: 0;
	top: 2px
}
footer .footer_li p.address {
	width: 270px
}
footer .footer_li p.heat_ray {
	padding-left: 19px
}
footer .footer_li p.heat_ray:before {
	background-position: -85px -40px
}
footer .footer_li p.route {
	padding: 0;
	width: 270px
}
footer .footer_li p.route:before {
	display: none
}
footer .footer_li .baidu_map {
	width: 270px;
	height: 128px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px
}
footer .f_url {
	margin: 30px -10px
}
footer .f_url p {
	margin: 0 10px 15px
}
footer .f_url a {
	color: #aab1ce;
	margin: 5px 10px;
	display: inline-block
}
footer .bq {
	text-align: center;
	color: #aab1ce;
	font-weight: 400;
	margin-top: 44px
}
footer .bq a {
	color: #aab1ce
}
.sticker {
	position: fixed;
	right: 23px;
	top: 50%;
	margin-top: -100px
}
.sticker ul {
	width: 50px
}
.sticker li {
	border: 1px solid #cbcbcb;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	margin: 5px 0;
	cursor: pointer;
	float: right;
	position: relative;
	background: #fff;
	color: #313645
}
.sticker li:hover {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff
}
.sticker li:before {
	vertical-align: middle
}
.sticker li.kefu:hover {
	width: 159px
}
.sticker li.kefu a {
	display: block;
	height: 100%;
	color: #313645;
	line-height: 44px;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0
}
.sticker li.kefu a:before {
	vertical-align: middle;
	margin: 0 12px
}
.sticker li.kefu a:hover {
	color: #fff
}
.sticker li.kefu a:hover:before {
	margin-left: 0
}
.sticker li.kefu:before {
	background-position: -45px -40px
}
.sticker li.phone {
	white-space: nowrap;
	overflow: hidden
}
.sticker li.phone:before {
	margin: 0 12px
}
.sticker li.phone:hover {
	width: 228px
}
.sticker li.phone:hover:before {
	margin-left: 0
}
.sticker li.code img {
	width: 239px;
	height: 228px;
	position: absolute;
	right: 60px;
	top: 10px;
	display: none
}
.sticker li.code:hover img {
	display: block
}
.sticker li.topwin {
	line-height: 1;
	color: #282828
}
.sticker li.topwin:before {
	display: block;
	margin: 14px auto 2px
}
.sticker li.topwin:hover {
	color: #fff
}
.resolvent {
	padding: 100px 0 40px
}
.resolvent .resolvent_li {
	margin: 0 0 40px;
	height: 480px;
	background: #fff
}
.resolvent .resolvent_li .text_view {
	width: 640px
}
.resolvent .resolvent_li .img_view, .resolvent .resolvent_li .text_view {
	height: 100%
}
.resolvent .resolvent_li:hover {
	box-shadow: 0 0 166px 0 rgba(21,16,17,.14)
}
.resolvent .resolvent_li:hover .img_view:after {
	opacity: 1
}
.resolvent_new {
	padding: 110px 0
}
.resolvent_new .title_view {
	position: relative;
	z-index: 1;
	margin: -40px 0 90px
}
.resolvent_new .text_view {
	padding: 60px 90px 0 0;
	height: auto;
	position: relative;
	z-index: 1
}
.resolvent_new .text_view.right {
	padding-left: 130px;
	padding-right: 0;
	text-align: left
}
.resolvent_new .img_view {
	width: 630px;
	height: 434px
}
.resolvent_new .img_view img {
	width: 100%
}
.resolvent_new .img_view.right {
	text-align: right
}
.resolvent_new .img_view.bg img {
	width: 890px;
	height: 640px;
	margin: -103px -130px
}
.resolvent_new .img_view.bg.top img {
	margin-top: -120px
}
.img_view, .text_view {
	float: left;
	height: 480px
}
.img_view {
	width: 560px;
	background: no-repeat;
	position: relative
}
.img_view:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.img_view.wlw {
	background-image: url(../images/wlw_01.jpg)
}
.img_view.wlw:after {
	background-image: url(../images/wlw_02.jpg)
}
.img_view.dsj {
	background-image: url(../images/dsj_01.jpg)
}
.img_view.dsj:after {
	background-image: url(../images/dsj_02.jpg)
}
.img_view.gyl {
	background-image: url(../images/gyl_01.jpg)
}
.img_view.gyl:after {
	background-image: url(../images/gyl_02.jpg)
}
.img_view.spyx {
	background-image: url(../images/sp_01.jpg)
}
.img_view.spyx:after {
	background-image: url(../images/sp_02.jpg)
}
.img_view.full {
	width: 630px;
	height: 428px;
	background-image: url(../images/tupian.png)
}
.img_view.fulls {
	width: 630px;
	height: 430px
}
.text_view {
	width: 570px;
	padding: 90px 30px;
	color: #333;
	position: relative;
	line-height: 1
}
.text_view h1 {
	color: #333;
	line-height: 61px;
	font-weight: 300
}
.text_view .line {
	display: inline-block;
	width: 10px;
	height: 2px;
	background: #9c9c9c
}
.text_view .t_v_p {
	line-height: 61px;
	font-weight: 300;
	color: #666
}
.text_view .t_v_c {
	line-height: 24px;
	font-weight: 300;
	color: #999;
	height: 124px;
	text-align: justify
}
.serve_con .text_view .serve_btn, .text_view .resolvent_btn, .text_view .serve_con .serve_btn {
	display: inline-block;
	width: 140px;
	text-align: center;
	height: 44px;
	border: 1px solid #3079fc;
	border-radius: 22px;
	line-height: 44px;
	color: #3079fc;
	padding-left: 15px;
	cursor: pointer
}
.serve_con .text_view .serve_btn:after, .text_view .resolvent_btn:after, .text_view .serve_con .serve_btn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 8px;
	background: url(../images/jitou.png) no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 15px;
	opacity: 0
}
.serve_con .text_view .serve_btn:hover, .text_view .resolvent_btn:hover, .text_view .serve_con .serve_btn:hover {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff;
	padding: 0
}
.serve_con .text_view .serve_btn:hover:after, .serve_con .text_view .serve_btn:hover:before, .text_view .resolvent_btn:hover:after, .text_view .resolvent_btn:hover:before, .text_view .serve_con .serve_btn:hover:after, .text_view .serve_con .serve_btn:hover:before {
	opacity: 1;
	width: 16px
}
.idea {
	padding: 70px 0 0
}
.idea .title_view {
	margin: 0
}
.idea .title_view .t_v_c {
	height: auto
}
.idea .title_view p {
	color: #666
}
.idea .idea-text {
	width: 837px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 29px;
	padding: 30px 0 0
}
.idea .video-img {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	display: block
}
.idea .video-img.video-img2 {
	padding: 70px 0
}
.idea .video-img.video-img3 {
	padding: 0 0 70px
}
.framework {
	text-align: center;
	background: #f7f7f7;
	padding: 80px 0 60px
}
.technical_support {
	padding: 80px 0
}
.technical_support .technical_support_li {
	float: left;
	width: 330px;
	height: 452px;
	margin: 0 35px;
	padding: 220px 32px 0;
	text-align: right;
	border: 1px solid #ececec;
	background-repeat: no-repeat;
	background-size: 100% auto
}
.technical_support .technical_support_li:nth-of-type(1) {
	background-image: url(../images/tu01.png)
}
.technical_support .technical_support_li:nth-of-type(2) {
	background-image: url(../images/tu02.png)
}
.technical_support .technical_support_li:nth-of-type(3) {
	background-image: url(../images/tu03.png)
}
.technical_support .technical_support_li i {
	opacity: .17;
	color: #000;
	font-weight: 200;
	font-style: normal
}
.technical_support .technical_support_li h1 {
	color: #333;
	font-weight: 400;
	line-height: 24px
}
.technical_support .technical_support_li p {
	color: #666;
	font-weight: 300;
	line-height: 24px;
	margin-top: 10px
}
.serve_con {
	padding: 70px 0
}
.serve_con.ash {
	background: #fafafa
}
.serve_con .text_view {
	padding: 30px 0 0;
	height: auto
}
.serve_con .text_view.right .t_v_c {
	padding-left: 200px
}
.serve_con .text_view h1 {
	font-size: 28px
}
.serve_con .serve_img {
	height: auto
}
.serve_con .serve_btn {
	color: #377ff9!important
}
.serve_con .serve_btn:hover {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff!important;
	padding: 0
}
.serve_con .serve_btn:hover:after, .serve_con .serve_btn:hover:before {
	opacity: 1!important;
	width: 16px!important
}
.kfadvantage {
	background: url(../images/ys_bg.png) center no-repeat;
	background-size: cover;
	padding: 80px 0 120px
}
.kfadvantage .kaf_img {
	position: relative;
	margin: 0 auto;
	width: 713px;
	height: 501px;
	background: url(../images/6.png) no-repeat
}
.kfadvantage .kaf_img .k {
	position: absolute;
	display: block;
	width: 76px;
	height: 85px;
	background: url(../images/fk.png) no-repeat
}
.kfadvantage .kaf_img .k.k1 {
	left: 95px;
	top: 75px
}
.kfadvantage .kaf_img .k.k2 {
	left: 5px;
	top: 235px
}
.kfadvantage .kaf_img .k.k3 {
	left: 195px;
	top: 395px
}
.kfadvantage .kaf_img .k.k4 {
	right: 195px;
	top: 395px
}
.kfadvantage .kaf_img .k.k5 {
	right: 5px;
	top: 235px
}
.kfadvantage .kaf_img .k.k6 {
	right: 95px;
	top: 75px
}
.kfadvantage .kaf_img .opc {
	position: absolute;
	display: block;
	width: 213px;
	height: 176px;
	background: url(../images/gg.png) no-repeat;
	left: 255px
}
.kfadvantage .kaf_img .qip {
	width: 121px;
	height: 140px;
	position: absolute;
	left: 300px;
	overflow: hidden
}
.kfadvantage .kaf_img .qip .qip_view {
	width: 100%;
	position: absolute;
	top: 140px;
	left: 0
}
.kfadvantage .kaf_img .qip .qip_view i {
	float: left;
	width: 5px;
	height: 5px;
	background: #3eedff;
	border-radius: 5px;
	margin-right: 5px
}
.kfadvantage .con_view {
	position: relative
}
.kfadvantage .con_view h1 {
	font-weight: 300;
	line-height: 61px;
	color: #fff
}
.kfadvantage .con_view p {
	font-weight: 300;
	color: #98a1bd;
	line-height: 21px
}
.kfadvantage .con_view .t {
	position: absolute
}
.kfadvantage .con_view .t.r {
	text-align: right
}
.kfadvantage .con_view .t.t1 {
	width: 206px;
	top: 40px;
	left: 100px
}
.kfadvantage .con_view .t.t2 {
	width: 233px;
	top: 200px;
	left: 0
}
.kfadvantage .con_view .t.t3 {
	width: 233px;
	top: 475px;
	left: 220px
}
.kfadvantage .con_view .t.t4 {
	width: 233px;
	top: 475px;
	right: 220px
}
.kfadvantage .con_view .t.t5 {
	width: 233px;
	top: 200px;
	right: 0
}
.kfadvantage .con_view .t.t6 {
	width: 216px;
	top: 40px;
	right: 100px
}
.flow {
	padding: 85px 0
}
.flow .content {
	height: 400px;
	position: relative
}
.flow .content:before {
	content: "";
	position: absolute;
	right: 0;
	top: 80px;
	height: 227px;
	background: url(../images/lct_bg.png) center right no-repeat;
	width: 200%;
	z-index: 0
}
.flow .content ul {
	text-align: center;
	position: relative;
	z-index: 5;
	color: #666
}
.flow .content i {
	width: 42px;
	height: 42px;
	background: #fff;
	border: 2px solid #138cff;
	border-radius: 50%;
	display: inline-block;
	line-height: 38px;
	font-style: normal
}
.flow .content h1 {
	font-weight: 300;
	color: #282828;
	line-height: 61px
}
.flow .content p {
	font-weight: 300;
	line-height: 18px;
	margin-bottom: 30px
}
.flow .content li {
	position: absolute
}
.flow .content li.li1 {
	width: 129px;
	left: 0;
	top: 220px
}
.flow .content li.li2 {
	width: 194px;
	left: 120px;
	top: 10px
}
.flow .content li.li3 {
	width: 214px;
	left: 300px;
	top: 110px
}
.flow .content li.li4 {
	width: 126px;
	left: 500px;
	top: 40px
}
.flow .content li.li5 {
	width: 126px;
	left: 640px;
	top: 170px
}
.flow .content li.li6 {
	width: 200px;
	right: 240px;
	top: -20px
}
.flow .content li.li7 {
	width: 126px;
	right: 180px;
	top: 190px
}
.flow .content li.li8 {
	width: 154px;
	right: 0;
	top: 0
}
.case_cl {
	padding: 70px 0
}
.case_cl .case_cl_li {
	float: left;
	width: 385px
}
.case_cl .case_cl_li:not(:nth-of-type(3n)) {
margin-right:22px
}
.case_cl .case_cl_li img {
	display: block;
	width: 386px;
	height: 222px
}
.case_cl .case_cl_li div {
	padding: 5px 14px 15px;
	line-height: 1
}
.case_cl .case_cl_li h1 {
	font-weight: 300;
	color: #282828;
	line-height: 50px
}
.case_cl .case_cl_li p {
	font-weight: 300;
	color: #666;
	line-height: 20px
}
.serviceadvantage {
	background: url(../images/05.jpg) center no-repeat;
	background-size: cover;
	padding: 80px 0 120px
}
.serviceadvantage .serviceadvantage_view {
	width: 649px;
	height: 469px;
	background: url(../images/06.png) no-repeat;
	margin: 0 auto;
	position: relative
}
.serviceadvantage .serviceadvantage_view img {
	position: absolute;
	top: 20px;
	left: 286px
}
.serviceadvantage .s_v {
	position: relative
}
.serviceadvantage .serviceadvantage_text {
	color: #fff
}
.serviceadvantage .serviceadvantage_text h2 {
	font-weight: 300
}
.serviceadvantage .serviceadvantage_text p {
	font-weight: 300;
	line-height: 28px;
	margin-top: 15px
}
.serviceadvantage .serviceadvantage_text div {
	float: left;
	margin: 0 20px
}
.serviceadvantage .serviceadvantage_text img {
	float: left
}
.serviceadvantage .serviceadvantage_text li {
	position: absolute
}
.serviceadvantage .serviceadvantage_text .s_t_l_1 {
	left: 0;
	top: 0
}
.serviceadvantage .serviceadvantage_text .s_t_l_2 {
	left: 0;
	bottom: 110px
}
.serviceadvantage .serviceadvantage_text .s_t_l_3 {
	right: 0;
	top: 0;
	text-align: right
}
.serviceadvantage .serviceadvantage_text .s_t_l_4 {
	right: 0;
	bottom: 110px;
	text-align: right
}
.serviceway {
	padding: 80px 0
}
.serviceway .serviceway_ul {
	margin: 0 69px
}
.serviceway.customer_case .serviceway_li, .serviceway.diagram .serviceway_li, .serviceway.hub .serviceway_li {
	background-image: url(../images/09.png)
}
.serviceway.customer_case p, .serviceway.diagram p, .serviceway.hub p {
	text-align: center!important
}
.serviceway .serviceway_li {
	float: left;
	width: 224px;
	height: 480px;
	background: url(../images/16.png) no-repeat;
	padding: 21px;
	margin: 0 65px;
	text-align: center
}
.serviceway .serviceway_li i {
	display: inline-block;
	width: 12px;
	height: 13px;
	background: url(../images/11.png) no-repeat;
	margin-top: 20px
}
.serviceway .serviceway_li h2 {
	font-weight: 300;
	color: #282828;
	line-height: 41px
}
.serviceway .serviceway_li p {
	font-weight: 300;
	color: #666;
	line-height: 26px;
	text-align: left
}
.serviceflow {
	padding: 80px 0 0;
	background: #fafafa
}
.serviceflow .flow_view {
	height: 569px;
	background: url(../images/13.png) bottom left no-repeat;
	position: relative
}
.serviceflow .flow_view .flow_line {
	width: 950px;
	height: 457px;
	background: url(../images/14.png) bottom left no-repeat;
	position: absolute;
	right: 0;
	top: 0
}
.serviceflow .flow_view i {
	width: 10px;
	height: 10px;
	background: #138cff;
	display: block;
	position: absolute;
	border-radius: 50%
}
.serviceflow .flow_view i:after {
	content: "";
	display: block;
	width: inherit;
	height: inherit;
	background: #138cff;
	border-radius: 50%;
	opacity: .5;
	-weblit-transform: scale(2);
	transform: scale(2)
}
.serviceflow .flow_view i.i1 {
	width: 5px;
	height: 5px;
	left: 0;
	top: 94px
}
.serviceflow .flow_view i.i2 {
	left: 127px;
	top: 84px
}
.serviceflow .flow_view i.i3 {
	left: 468px;
	top: 74px
}
.serviceflow .flow_view i.i3s {
	left: 348px;
	top: 11px
}
.serviceflow .flow_view i.i4 {
	right: 28px;
	top: 86px
}
.serviceflow .flow_view i.i5 {
	right: 172px;
	top: 293px
}
.serviceflow .flow_view i.i6 {
	left: 379px;
	top: 386px
}
.serviceflow .flow_view i.i4s {
	left: 550px;
	top: 59px
}
.serviceflow .flow_view i.i5s {
	right: 158px;
	top: 0
}
.serviceflow .flow_view i.i6s {
	right: 0;
	top: 152px
}
.serviceflow .flow_view i.i7s {
	right: 194px;
	bottom: 10px
}
.serviceflow .flow_view i.i8s {
	right: 399px;
	bottom: 3px
}
.serviceflow .flow_view i.i9s {
	right: 605px;
	bottom: 81px
}
.serviceflow .flow_view li {
	text-align: center;
	position: absolute;
	width: 254px
}
.serviceflow .flow_view li.li1 {
	left: 10px;
	top: 100px
}
.serviceflow .flow_view li.li2 {
	left: 349px;
	top: 100px
}
.serviceflow .flow_view li.li3 {
	left: 642px;
	top: 40px
}
.serviceflow .flow_view li.li4 {
	left: 517px;
	top: 250px
}
.serviceflow .flow_view li.li5 {
	left: 262px;
	top: 400px
}
.serviceflow .flow_view li.li2s {
	left: 229px;
	top: 20px
}
.serviceflow .flow_view li.li3s {
	left: 439px;
	top: 70px
}
.serviceflow .flow_view li.li4s {
	left: 669px;
	top: 10px
}
.serviceflow .flow_view li.li5s {
	left: 750px;
	top: 125px
}
.serviceflow .flow_view li.li6s {
	left: 710px;
	top: 265px
}
.serviceflow .flow_view li.li7s {
	left: 610px;
	top: 365px
}
.serviceflow .flow_view li.li8s {
	left: 430px;
	top: 375px
}
.serviceflow .flow_view li.li9s {
	left: 210px;
	top: 375px
}
.serviceflow .flow_view h2 {
	font-weight: 300;
	color: #282828;
	line-height: 61px
}
.serviceflow .flow_view p {
	font-weight: 300;
	color: #666;
	line-height: 21px
}
.serviceflow .flow_view .logos {
	position: absolute;
	left: 108px;
	top: 324px
}
.interests {
	padding: 80px 0
}
.interests .interests_ul {
	margin: 0 15px
}
.interests .interests_li {
	width: 340px;
	height: 386px;
	border: 1px solid #ebebeb;
	border-top-width: 10px;
	box-shadow: 0 4px 2px 0 rgba(21,16,17,.06);
	border-radius: 10px;
	padding: 44px;
	text-align: center;
	float: left;
	margin: 0 25px
}
.interests .interests_li:hover {
	border-top-color: #377ff9
}
.interests .interests_li img {
	margin: 20px 0
}
.summary {
	padding: 110px 0 85px
}
.summary .text {
	float: left;
	width: 820px;
	padding: 0 100px 0 0
}
.summary .text .t_t {
	font-family: Didot-HTF-B16-Bold;
	font-weight: 700;
	color: #353b4b;
	line-height: 39px
}
.summary .text .t_t_f {
	line-height: 90px
}
.summary .text .t_c {
	margin-top: 30px;
	line-height: 30px
}
.summary li {
	display: inline-block;
	margin: 80px 180px 0 0;
	text-align: center
}
.summary li:nth-of-type(3n) {
	margin-right: 0
}
.summary li i {
	font-size: 82px;
	font-family: ADELE-Light;
	font-weight: 400;
	font-style: normal;
	color: #377ff9
}
.summary li i:after {
	vertical-align: top
}
.summary li i.year:after {
	content: "年"
}
.summary li i.add:after {
	content: "+"
}
.about_text_view h1 {
	font-family: Didot-HTF-B16-Bold;
	font-weight: 700;
	color: #353b4b;
	line-height: 30px
}
.about_text_view h2 {
	line-height: 40px
}
.about_text_view i {
	width: 30px;
	height: 2px;
	background: #999;
	display: block;
	margin: 20px 0
}
.about_text_view p {
	line-height: 27px
}
.officeEnvironment {
	border-top: 1px solid #f7f7f7
}
.officeEnvironment .about_text_view {
	width: 350px;
	float: left;
	padding-top: 130px
}
.officeEnvironment .about_text_view .area {
	color: #666;
	margin-top: 80px
}
.officeEnvironment .about_text_view .area b {
	font-family: ADELE-Light;
	font-weight: 400;
	line-height: 40px;
	opacity: .9;
	color: #377ff9
}
.officeEnvironment .about_text_view .area b span {
	font-family: PingFangSC-Light;
	font-weight: 300;
	line-height: 40px
}
.officeEnvironment .about_text_view .area b span:after {
	content: "2";
	vertical-align: top
}
.officeEnvironment .changeOpac {
	position: relative
}
.officeEnvironment .changeOpac.big_img {
	float: right;
	margin-right: -397px
}
.officeEnvironment .changeOpac:hover .opacity {
	opacity: 1
}
.officeEnvironment .changeOpac img {
	display: block
}
.officeEnvironment .changeOpac .opacity {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.officeEnvironment .marImg {
	margin-top: 15px;
	height: 420px
}
.officeEnvironment .marImg ul {
	width: 1920px;
	margin-left: -360px
}
.officeEnvironment .marImg li {
	float: left
}
.officeEnvironment .marImg li:not(:last-child) {
	margin-right: 13px
}
.team {
	padding: 100px 0 80px
}
.team .trensdil {
	height: 526px
}
.team #featured-area {
	height: 337px;
	width: 1200px;
	margin: 40px auto 0 auto;
	position: relative
}
.team #featured-area img {
	cursor: pointer
}
.team .roundabout-holder {
	list-style: none;
	width: 500px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden
}
.team .title {
	width: 1200px;
	height: 182px;
	background: #f7f7f7;
	border-radius: 97px;
	opacity: 0;
	position: absolute;
	top: 330px;
	padding: 50px 80px
}
.team .title:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 20px 10px;
	border-color: transparent transparent #f7f7f7 transparent;
	position: absolute;
	top: -20px;
	left: 49%
}
.team .title.show {
	opacity: 1
}
.team .title h1 {
	line-height: 27px
}
.team .title h1 span {
	margin-left: 10px
}
.team .title p {
	margin-top: 20px
}
.team .roundabout-in-focus {
	cursor: auto
}
.team .roundabout-in-focus .title {
	opacity: 1
}
.team .roundabout-in-focus .opacity {
	opacity: 1
}
.team .roundabout li {
	margin: 0
}
.culture {
	padding: 80px 0 30px
}
.culture .culture_li {
	float: left;
	width: 320px;
	height: 356px;
	padding: 45px;
	text-align: center;
	margin-top: 20px
}
.culture .culture_li:not(:nth-of-type(3n)) {
margin-right:120px
}
.culture .culture_li:hover {
	background: #fff;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.04)
}
.culture .culture_li:hover .img .opacity {
	opacity: 1
}
.culture .culture_li .img {
	width: 98px;
	height: 100px;
	margin: 0 auto;
	position: relative
}
.culture .culture_li .img .opacity {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.about_partner {
	padding: 80px 0
}
.repository {
	padding: 60px 0 100px
}
.repository .re_nav_left {
	float: left;
	width: 240px;
	background: #f2f3f5;
	border-radius: 4px
}
.repository .re_nav_left .title {
	padding: 0 31px;
	font-weight: 400
}
.repository .re_nav_left .sideMenu {
	border-bottom: 1px solid #ebebeb
}
.repository .re_nav_left .sideMenu h3 {
	line-height: 55px!important;
	padding: 0 28px;
	border-top: 1px solid #ebebeb;
	color: #333;
	cursor: pointer;
	font-weight: 400
}
.repository .re_nav_left .sideMenu h3:after {
	content: "";
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	border: 1px solid #999;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 25px
}
.repository .re_nav_left .sideMenu h3.on {
	color: #377ff9;
	border-left: 2px solid #377ff9;
	background: linear-gradient(to right, #ceddf6 0, #f2f3f5 40%)
}
.repository .re_nav_left .sideMenu h3.on:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #377ff9
}
.repository .re_nav_left .sideMenu ul {
	padding: 8px 25px;
	display: none;
	border-top: 1px solid #ebebeb
}
.repository .re_nav_left .sideMenu ul a {
	color: #666;
	display: block;
	padding: 5px 0
}
.repository .re_nav_left .sideMenu ul li {
	cursor: pointer
}
.repository .re_nav_left .sideMenu ul li.on a {
	color: #377ff9
}
.repository .re_nav_left .sideMenu ul li:hover a {
	color: #377ff9
}
.repository .re_nav_left .kefu {
	padding: 27px 24px;
	background: url(../images/06.png) right bottom no-repeat
}
.repository .re_nav_left .kefu span {
	font-weight: 400;
	color: #666;
	line-height: 31px
}
.repository .re_nav_left .kefu span:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 16px;
	background: url(../images/05.png) no-repeat;
	vertical-align: middle;
	margin-right: 5px
}
.repository .re_nav_left .kefu h2 {
	font-family: TimesNewRomanPS-BoldMT;
	font-weight: 400;
	color: #377ff9;
	line-height: 40px
}
.repository .re_nav_left .kefu a {
	display: block;
	width: 90px;
	height: 30px;
	border: 1px solid #377ff9;
	border-radius: 16px;
	text-align: center;
	line-height: 30px;
	color: #377ff9;
	margin-top: 10px
}
.repository .re_right {
	float: left;
	width: 919px;
	margin-left: 39px
}
.repository .re_right .con {
	color: #333;
	font-family: PingFangSC-Light;
	font-weight: 300;
	line-height: 30px
}
.repository .re_right .con p {
	text-indent: 2em;
	margin: 0 0 25px
}
.repository .re_right .con h2 {
	font-family: PingFangSC-Semibold;
	font-weight: 600;
	text-indent: 2em;
	line-height: 17px;
	margin-bottom: 15px
}
.repository .re_right .con ul {
	padding-left: 30px;
	color: #377ff9;
	margin-bottom: 15px
}
.repository .re_right .con li {
	list-style-type: disc;
	color: #377ff9;
	margin: 10px 0
}
.repository .re_right .con li span {
	font-weight: 600
}
.repository .re_right .con li h3 {
	color: #333
}
.repository .re_right .con li p {
	color: #333;
	text-indent: 0;
	margin: 0
}
.repository .re_right .con li.l {
	color: #377ff9;
	list-style-type: none
}
.nav_crumb {
	background: #f7f9fc
}
.nav_crumb .nav_r {
	font-weight: 400;
	color: #333;
	line-height: 17px;
	padding: 17px 0
}
.nav_crumb .nav_r:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 18px;
	vertical-align: middle;
	background: url(../images/01.png) no-repeat;
	margin-right: 5px
}
.nav_crumb .nav_r a {
	color: #999
}
.nav_crumb .nav_r a:not(:last-child):after {
	content: ">";
	margin: 0 5px
}
.nav_crumb .nav_r a:last-child {
	color: #333
}
.section_w {
	margin: 30px 0
}
.section_w.top {
	padding-top: 80px;
	margin-top: 45px
}
.content_w {
	margin: 0 45px;
	border: 1px solid #ebebeb
}
.content_w .bread, .content_w .w_title {
	height: 60px;
	padding: 0 20px;
	line-height: 60px
}
.content_w .bread a, .content_w .w_title a {
	color: #333
}
.content_w .bread a:not(:last-child):after, .content_w .w_title a:not(:last-child):after {
	content: ">>";
	margin: 0 5px
}
.content_w .w_title {
	position: relative;
	background: #f9fafc;
	color: #2084fc
}
.content_w .w_title:before {
	content: '';
	width: 5px;
	height: 16px;
	display: block;
	position: absolute;
	left: 0;
	top: 22px;
	background: #2084fc
}
.section_w.new .content_main {
	padding: 35px 55px
}
.section_w.new .content_main li {
	float: left;
	width: 50%;
	height: 38px;
	line-height: 38px
}
.section_w.new .content_main a {
	color: #333;
	display: block;
	padding: 0 15px
}
.section_w.new .content_main a:before {
	content: "";
	display: inline-block;
	border-radius: 5px;
	margin-right: 10px;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background: #666
}
.section_w.new .content_main a:hover {
	color: #2084fc;
	background: #f4f5f7
}
.section_w.new .content_main a:hover:before {
	background: #2084fc
}
.section_w.new.list3 .content_main {
	width: 1050px
}
.section_w.new.list3 li {
	width: 33.3333%
}
.section_w.new.list3 li.child a {
	padding-left: 50px
}
.section_w.new.list3 li.child a:before {
	background: 0 0;
	border: 1px solid #666
}
.section_w.new.list3 li.child a:hover:before {
	border-color: #2084fc
}
.diagram {
	padding: 70px 0
}
.diagram .diagram_view .hd {
	margin-bottom: 50px
}
.diagram .diagram_view .hd ul {
	text-align: center
}
.diagram .diagram_view .hd li {
	display: inline-block;
	width: 240px;
	height: 50px;
	line-height: 48px;
	border: 1px solid #dedede;
	border-radius: 4px;
	margin: 0 2px;
	cursor: pointer
}
.diagram .diagram_view .hd li.on {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff
}
.diagram .diagram_view .bd {
	height: 510px;
	overflow: hidden
}
.diagram .diagram_view .bd .bd_li {
	overflow: hidden;
	height: 510px;
	background: #fff;
	padding-top: 26px;
	position: relative
}
.diagram .diagram_view .bd .bd_li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 26px;
	right: 0;
	background: #505362;
	border-radius: 10px 10px 0 0
}
.diagram .diagram_view .bd .bd_li:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	left: 14px;
	top: 10px;
	background: #ff6b6b;
	border-radius: 7px;
	z-index: 1;
	box-shadow: 15px 0 #ffbf35, 30px 0 #47ee6e
}
.diagram .diagram_view .diagram_img {
	float: left;
	text-align: center;
	width: 710px;
	line-height: 484px;
	height: 100%
}
.diagram .diagram_view .diagram_img a {
	display: block;
	width: 100%;
	height: 100%
}
.diagram .diagram_view .diagram_img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}
.diagram .diagram_titel {
	float: left;
	width: 490px;
	border-left: 1px solid #ececec;
	height: 100%
}
.diagram .diagram_titel h1 {
	background: #f5f8ff;
	font-weight: 400;
	color: #333;
	line-height: 60px;
	text-align: center
}
.diagram .diagram_titel ul {
	padding: 15px 20px 15px 39px
}
.diagram .diagram_titel li {
	list-style-type: disc;
	font-weight: 300;
	color: #666;
	line-height: 24px;
	margin: 19px 0
}
.scene {
	padding: 70px 0 30px
}
.scene .scene_ul {
	margin: -39px 0 -39px -37px
}
.scene .scene_li {
	float: left;
	width: 271px;
	height: 299px;
	text-align: center;
	border: 1px solid #eaeffd;
	padding: 49px 25px;
	margin: 39px 0 39px 37px;
	counter-increment: wangxiaoer 1;
	position: relative
}
.scene .scene_li:after {
	content: "0" counter(wangxiaoer);
	position: absolute;
	right: 7px;
	top: 7px;
	color: #6090f8
}
.scene .scene_li:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #f5f9ff transparent transparent
}
.scene .scene_li:hover {
	box-shadow: 0 12px 43px 0 rgba(55,62,84,.08)
}
.scene .scene_li i {
	display: inline-block;
	width: 100px;
	height: 100px;
	border: 1px solid #fff;
	border-radius: 50%
}
.scene .scene_li h2 {
	color: #666;
	font-weight: 400;
	margin-top: 25px
}
.scene .scene_li p {
	color: #999;
	margin-top: 10px;
	line-height: 24px
}
.customer_case {
	padding: 70px 0
}
.customer_case .customer_case_li {
	height: 415px;
	position: relative;
	background: #fff
}
.customer_case .customer_case_li .bg {
	width: 350px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.customer_case .customer_case_li:not(:last-child) {
	margin-bottom: 28px
}
.customer_case .case_total {
	float: left;
	padding: 35px 24px;
	color: #fff;
	width: 350px;
	position: relative;
	z-index: 1
}
.customer_case .case_total h1 {
	line-height: 34px;
	margin-top: -10px;
	font-weight: 500
}
.customer_case .case_total p {
	margin-top: 20px;
	line-height: 24px
}
.customer_case .c_c_l_view {
	float: right;
	width: 850px;
	padding: 0 38px
}
.customer_case .c_c_l_view li {
	position: relative;
	padding-left: 74px;
	margin: 35px 0
}
.customer_case .c_c_l_view img {
	position: absolute;
	left: 0;
	top: 0
}
.customer_case .c_c_l_view h2 {
	font-weight: 500;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px
}
.customer_case .c_c_l_view p {
	color: #999;
	line-height: 22px
}
.support_list {
	background: #f7f7f7;
	border-top: 1px solid #f0f0f1
}
.support_list .support_list_li {
	float: left;
	height: 110px;
	padding-top: 30px
}
.support_list .support_list_li:not(:last-child) {
	margin-right: 88px
}
.support_list .support_list_li div {
	float: left
}
.support_list .support_list_li .img {
	width: 30px;
	margin-right: 8px
}
.support_list .support_list_li .img img {
	width: 24px;
	height: 23px
}
.support_list .support_list_li h2 {
	font-size: 20px;
	font-weight: 300;
	color: #333;
	line-height: 20px
}
.support_list .support_list_li p {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	line-height: 14px;
	margin-top: 9px
}
.la {
	color: #2380ff
}
.super_t {
	padding: 100px 0;
	text-align: center
}
.super_t .title_view p {
	width: 890px;
	display: block;
	margin: 22px auto 0
}
.super_con {
	padding: 100px 0
}
.super_con .fl:first-child {
	float: left
}
.super_con .fl:last-child {
	float: right
}
.super_con .super_con_title {
	width: 582px;
	position: relative;
	top: 100px
}
.super_con .super_con_title.top {
	top: 60px;
	width: 630px
}
.super_con .super_con_title h1 {
	color: #333;
	margin-bottom: 35px;
	font-weight: 400
}
.super_con .super_con_title p {
	color: #666;
	line-height: 30px
}
.super_con .super_con_img img {
	vertical-align: middle
}
.super_det {
	padding: 90px 0
}
.super_det .hd {
	text-align: center;
	font-size: 0
}
.super_det .hd li {
	display: inline-block;
	width: 170px;
	height: 46px;
	line-height: 44px;
	border: 1px solid #dedede;
	border-radius: 4px;
	color: #666;
	margin: 0 5px;
	cursor: pointer
}
.super_det .hd li.on {
	background: #2281ff;
	color: #fff;
	border-color: #2281ff
}
.super_det .bd {
	visibility: hidden
}
.super_det .bd_li {
	margin-top: 80px
}
.super_det .super_det_titel {
	float: left;
	width: 386px;
	position: relative;
	top: 100px
}
.super_det .super_det_titel.top {
	top: 20px
}
.super_det .super_det_titel h1 {
	margin-bottom: 35px;
	color: #333;
	font-weight: 400
}
.super_det .super_det_titel p {
	color: #666;
	line-height: 30px
}
.super_det .super_det_img {
	float: right;
	padding: 0 20px 20px
}
.super_det .super_det_img img {
	box-shadow: 0 12px 32px 0 rgba(0,0,0,.06)
}
.lists_view {
	padding: 35px 0 70px
}
.lists_view .center, .lists_view .left {
	float: left
}
.lists_view .right {
	float: right
}
.lists_view .lists_view_li {
	padding: 29px 0;
	border-bottom: 1px solid #eaeffd
}
.lists_view .btn, .lists_view .con, .lists_view .img {
	height: 138px;
	position: relative
}
.lists_view .img {
	width: 270px
}
.lists_view .img img {
	width: inherit;
	height: inherit
}
.lists_view .con {
	padding: 0 40px;
	width: 760px;
	box-sizing: content-box
}
.lists_view .con .title {
	margin: 16px 0 20px;
	color: #333
}
.lists_view .con .title:hover {
	color: #247fff
}
.lists_view .con .wrap {
	color: #999;
	height: 48px;
	line-height: 24px;
	overflow: hidden
}
.lists_view .con .com {
	float: right;
	margin-left: -10px;
	width: 100%;
	word-break: break-all
}
.lists_view .con .wrap::before {
	float: left;
	content: '';
	width: 10px;
	height: 48px
}
.lists_view .con .wrap::after {
	float: right;
	content: "...";
	height: 24px;
	line-height: 24px;
	width: 3em;
	margin-left: -3em;
	position: relative;
	left: 100%;
	top: -24px;
	padding-right: 10px;
	background: #fff
}
.lists_view .btn {
	max-width: 100px
}
.lists_view .btn .time {
	color: #999
}
.lists_view .btn .more {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 89px;
	height: 33px;
	border: 1px solid #e1e8fe;
	color: #999;
	text-align: center;
	line-height: 31px
}
.lists_view .btn .more:after {
	content: '>';
	margin-left: 8px
}
.lists_view .btn .more:hover {
	color: #fff;
	background: #247fff
}
.lists_view .paging {
	margin-top: 29px;
	font-size: 0;
	text-align: center
}
.lists_view .paging a {
	display: inline-block;
	border: 1px solid #e1e8fe;
	color: #999;
	padding: 6px 15px;
	margin-right: 9px;
	cursor: pointer;
	border-radius: 2px
}
.lists_view .paging a[href='#'] {
	cursor: no-drop
}
.lists_view .paging a.on {
	color: #fff;
	background: #247fff;
	border-color: #247fff
}
.new_detail {
	padding: 70px 0
}
.new_detail .title {
	text-align: center;
	color: #333
}
.new_detail .tip {
	text-align: center;
	color: #999;
	margin-top: 15px
}
.new_detail .con {
	padding: 47px 0
}
.new_detail .con p {
	margin: 21px 0;
	line-height: 27px;
	color: #333
}
.new_detail .con img {
	max-width: 100%;
	display: block;
	margin: 40px auto
}
.new_detail .page a {
	color: #333;
	vertical-align: middle;
	line-height: 1;
	display: inline-block
}
.new_detail .page a span {
	color: #247eff;
	display: inline-block;
	max-width: 200px;
	line-height: 1;
	vertical-align: -2px
}
.new_detail .page a[href='#'] {
	display: none
}
.new_detail .page .next {
	float: right
}
.ys_view {
	height: 620px
}
.ys_view .content {
	height: 100%
}
.ys_view .ta_l {
	float: left;
	height: 100%
}
.ys_view .ta_l.img {
	width: 570px;
	line-height: 620px;
	overflow: hidden
}
.ys_view .ta_l.img img {
	vertical-align: middle;
	width: 100%
}
.ys_view .ta_l.text {
	width: 630px;
	position: relative;
	line-height: 1
}
.ys_view .middle {
	position: absolute;
	left: 100px;
	right: 0;
	top: 50%;
	margin-top: -110px
}
.ys_view .middle.l {
	left: 0;
	right: 90px
}
.ys_view .middle em {
	font-style: normal;
	display: inline-block;
	width: 103px;
	height: 34px;
	color: #fff;
	line-height: 34px;
	text-align: center;
	background: #ff684e;
	border-radius: 17px;
	font-weight: 700
}
.ys_view .middle em.g {
	background: #ff932a
}
.ys_view .middle em.b {
	background: #10c4e4
}
.ys_view .middle em.v {
	background: #12d3bf
}
.ys_view .middle h2 {
	color: #333;
	margin-top: 13px
}
.ys_view .middle h4 {
	color: #333;
	margin-top: 18px;
	font-weight: 400
}
.ys_view .middle p {
	color: #666;
	line-height: 28px;
	margin: 21px 0 -7px;
	word-break: break-all;
	text-align: justify
}
.ys_view .middle .t_v_c {
	height: 124px
}
.serve_con .ys_view .middle .serve_btn, .ys_view .middle .resolvent_btn, .ys_view .middle .serve_con .serve_btn {
	display: inline-block;
	width: 140px;
	text-align: center;
	height: 44px;
	border: 1px solid #3079fc;
	border-radius: 22px;
	line-height: 44px;
	color: #3079fc;
	padding-left: 15px;
	cursor: pointer
}
.serve_con .ys_view .middle .serve_btn:after, .ys_view .middle .resolvent_btn:after, .ys_view .middle .serve_con .serve_btn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 8px;
	background: url(../images/jitou.png) no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 15px;
	opacity: 0
}
.serve_con .ys_view .middle .serve_btn:hover, .ys_view .middle .resolvent_btn:hover, .ys_view .middle .serve_con .serve_btn:hover {
	background: #377ff9;
	border-color: #377ff9;
	color: #fff;
	padding: 0
}
.serve_con .ys_view .middle .serve_btn:hover:after, .serve_con .ys_view .middle .serve_btn:hover:before, .ys_view .middle .resolvent_btn:hover:after, .ys_view .middle .resolvent_btn:hover:before, .ys_view .middle .serve_con .serve_btn:hover:after, .ys_view .middle .serve_con .serve_btn:hover:before {
	opacity: 1;
	width: 16px
}
.index_news {
	padding: 70px 0
}
.index_news .hd {
	text-align: center;
	font-size: 0;
	margin-bottom: 40px
}
.index_news .hd li {
	display: inline-block;
	line-height: 1
}
.index_news .hd li a {
	display: block;
	width: 114px;
	height: 38px;
	background: #eee;
	line-height: 38px;
	border-radius: 19px;
	margin: 0 10px;
	color: #333
}
.index_news .hd li.on a {
	color: #fff;
	background: #247eff
}
.index_news .bd {
	line-height: 1
}
.index_news .bd ul {
	margin: -3px
}
.index_news .bd li {
	width: 396px;
	background: #fff;
	position: relative;
	float: left;
	margin: 3px;
	height: 207px
}
.index_news .bd li:hover {
	box-shadow: 0 0 68px 0 rgba(0,0,0,.11)
}
.index_news .bd li:hover h2 {
	color: #247eff
}
.index_news .bd li:hover h3:after {
	background-position: 0 0
}
.index_news .bd li:first-child {
	height: 420px
}
.index_news .bd li:not(:first-child) {
	height: 207px
}
.index_news .bd li:not(:first-child) h2 {
	margin-top: 20px
}
.index_news .bd .view {
	margin: 20px
}
.index_news .bd img {
	width: 100%;
	height: 259px
}
.index_news .bd h2 {
	color: #333;
	font-weight: 500;
	line-height: 28px;
	margin: -5px 0
}
.index_news .bd .wrap {
	color: #666;
	height: 38px;
	margin: 17.5px 0 -2.5px;
	line-height: 19px;
	overflow: hidden
}
.index_news .bd .wrap p {
	float: right;
	margin-left: -10px;
	width: 100%;
	word-break: break-all
}
.index_news .bd .wrap::before {
	float: left;
	content: '';
	width: 10px;
	height: 38px
}
.index_news .bd .wrap::after {
	float: right;
	content: "...";
	height: 19px;
	line-height: 19px;
	width: 3em;
	margin-left: -3em;
	position: relative;
	left: 100%;
	top: -19px;
	padding-right: 10px;
	background: #fff
}
.index_news .bd hr {
	background: #eee;
	height: 1px;
	border: 0;
	position: absolute;
	bottom: 80px;
	left: 20px;
	right: 20px
}
.index_news .bd .fot {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px
}
.index_news .bd span {
	color: #999
}
.index_news .bd h3 {
	color: #666
}
.index_news .bd h3:after {
	content: "";
	display: block;
	width: 25px;
	height: 8px;
	background: url(../images/right.png) no-repeat;
	background-position: -33px 0;
	float: right;
	margin-top: 20px
}
.jf_summary {
	padding: 200px 0
}
.jf_summary .jf_su_view {
	height: 220px;
	background: #f7f8fa;
	border-radius: 110px;
	padding: 35px 100px
}
.jf_summary .jf_su_view .title {
	float: right;
	width: 610px;
	color: #666;
	line-height: 30px;
	margin: -7px 0
}
.jf_ .ta_l {
	overflow: visible!important
}
.jf_ .ta_l.img {
	width: 610px!important
}
.jf_ .ta_l.text {
	width: 590px!important
}