@charset "UTF-8";


body,html {
	background: #fff;
	
	font-size: 16px;
	color: #292929;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	min-width: 1200px
}
/*-- 全局reset
-------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
font-family: PingFangSC-Regular,PingFang SC,Microsoft yahei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #333;
}

/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset, img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
    outline: none;
}

/*
form label {
    cursor: pointer;
}
*/

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*重置表格*/
blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;

}

a:hover {
    text-decoration: none;
}

a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}
.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
}




img {
	border: 0;vertical-align:middle;
}

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: 80px 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: 45px; color: #fff;
}

.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  {
	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 {
	color: #666;
	line-height: 61px
}

.p_t,.team .title h1 span,.team .title p {

	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
}

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



.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; background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	border-bottom: 1px solid #ecedee;
}

header.show,header.shows {
	background: #fff;
}

header .header { width: 1400px; margin: 0 auto;
	color: #fff
}

header .header .logo {
	width: 170px;
	height: 45px;
	display: block;
	float: left;
	margin-top: 20px
}

header .header .nav {
	float: left;
	margin-left: 190px
}

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: #2856ff;
}

header .header .nav .nLi:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;


}

header .header .nav .nLi a {
	position: relative;
	height: 100%;
	top: 0;
	width: 100%;
	padding: 0 27px;
	line-height: 79px;
	display: block;
	cursor: pointer;
	color: #333333;
	z-index: 10
}

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: 210px;
	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; height: 60px;
	padding: 18px 0 0; background: url(../images/topphoto.png) no-repeat 0 23px; padding-left: 35px;
}

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; color: #2856ff; font-weight: bold;
}

section {
	overflow: hidden
}

section.customer_case,section.diagram,section.hub { width: 100%; height: 688px; background: url(../images/ysbg.jpg) no-repeat center top;}

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

.banner .banner2 .b_t_e {
	line-height: 17px;
	font-family: PingFang
}
.banner .banner2 .b_t_e span{ display: block; background: #2856ff; width: 145px; height: 50px; color: #fff; font-size: 18px; text-align: center; line-height: 50px;}
.banner .banner2 .ban2_d_view {
	float: right;
	margin: 100px 71px 0 0;
	width: 514px;
	height: 488px;
	background: url(../images/banner2t.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/banner2t.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: 514px;
	height: 488px;
	margin: 100px 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_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: 514px;
	height: 488px;
	float: right;
	margin: 100px 20px 0 0;
	background: url(../images/banner2t.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%
}






.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: 50px;
	line-height: 1; 
}

.title_view.fff .ti_sm,.title_view.fff h1,.title_view.fff p {
	color: #fff
}

.cloud .title_view h1 {
	color: #fff;
	font-weight: 500
}
.title_view p {
 opacity: 0.6;
	line-height: 24px;
	margin: 10px 0 -4px; font-size: 14px;
}
.cloud .title_view p {
	color: #fff; opacity: 0.5;
	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; border-radius: 5px;
}
.support .support_view .su_v_li h3{ font-size: 18px; display: block; margin-bottom: 15px; font-weight: bold;}
.support .support_view .su_v_li span{ opacity: 0.8;}
.support .support_view .su_v_li:hover {
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(55,110,242,.51)
}

.support .support_view .su_v_li .su_v_li_h {
	height: 125px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding-top: 34px
}

.support .support_view .su_v_li .hi {
	display: inline-block;
	width: 65px;
	height: 65px;
	
}

.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: #f5f7fa;
}
.support .support_view .su_v_li:nth-of-type(1){background: url(../images/sqbg1.png) no-repeat right bottom;}
.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){background: url(../images/sqbg2.png) no-repeat right bottom;}
.support .support_view .su_v_li:nth-of-type(2) .su_v_li_h {
	 background: #f5f7fa;
}

.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){background: url(../images/sqbg3.png) no-repeat right bottom;}
.support .support_view .su_v_li:nth-of-type(3) .su_v_li_h {
	 background: #f5f7fa;
}

.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 i{ padding-right: 10px;}
.support .support_view .su_v_li .sup_title_v {
	color: #666;
	text-align: left; padding-left: 20px;
	line-height: 48px; font-size: 16px;
}
.support .support_view .su_v_li:hover .su_v_li_h{ background: #376ef2;}
.support .support_view .su_v_li .sup_title_v:hover {
	color: #2281ff
}
.support .support_view .su_v_li:hover .su_v_li_h h3{ color: #fff;}
.support .support_view .su_v_li:hover .su_v_li_h span{ color: #fff;}
.cloud {
	padding: 70px 0
}

.cloud .cloud_li {
	float: left;
	width: 385px;
	height: 195px; background: #fff; border-radius: 10px; margin-right: 15px; margin-bottom: 20px;
	position: relative;
}

.cloud .cloud_li:not(:last-child) {
	margin-right: 10px
}
.cloud .cloud_li div.ystup{ float: left;  width: 110px;}
.cloud .cloud_li div.ystup img{ display: block; margin-top: 50px; margin-left: 20px;}
.cloud .cloud_li div.ystext{ float: left; width: 230px; padding-top: 20px;}
.cloud .cloud_li:hover h2 {
	color: #386ef2
}

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



.case {
	overflow: hidden;
	padding: 70px 0 30px;
	background: #f7f7f7
}

.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: #376ef2;
	box-shadow: 0 0 30px 0 rgba(55,110,242,.5)
}

.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 {
	color: #333333;
}
.case .case_v_li:hover h1{ color: #fff;}
.case .case_v_li h1:after {
	content: "";
	display: block;
	width: 25px;
	height: 8px;
	
	float: right;
	margin-top: 20px
}

.case .case_v_li p {
	margin-top: 13px;
	color: #666666; opacity: 0.8;
}
.case .case_v_li:hover p{color: #fff; }
.about{ width: 100%; height: 700px; background: url(../images/abtbg.jpg) no-repeat;}
.case_v_li_b{ background:url(../images/rigticon.png) no-repeat  550px center;}
.about_left1{ float: left; width: 510px;}
.about_left1 h1{ color: #fff; font-size: 28px; font-weight: 500; margin-top: 110px;}
.about_left1 p{ font-size: 20px; margin-top: 25px; color: #fff;}
.about_left1 i{ display: block; width: 80px; height: 2px; background: #ffffff; margin-top: 20px;}
.about_left1 div.abouttext p{ font-size: 14px; line-height: 30px;}
.about_left1 div.abouttext a{ display: block; width: 140px; height: 45px; background: #376ef2; line-height: 45px; text-align: center; color: #fff; border-radius: 5px; margin-top: 30px;}
.about_right{ width: 610px; float: right; margin-top: 210px;}
.about_right ul li{ background:#ffffff; width: 170px; height: 205px; float: left; margin-right: 30px; border-radius: 5px;}
.about_right ul li i{ display: block; text-align: center; margin-top: 25px;}
.about_right ul li b{ display: block; text-align: center; font-size:36px ; color: #666666; margin-top: 20px; font-weight: 500;}
.about_right ul li b em{ font-style: normal; font-weight: normal; font-size: 20px;}
.about_right ul li span{ display: block; text-align: center; font-size: 20px; margin-top: 10px;}

.news{overflow: hidden;padding: 70px 0 30px;background: #f7f7f7;}
.news ul li{ width: 580px; float: left; margin-bottom: 40px;}
.news ul li .news_tup{ width: 215px; height: 135px; float: left;}
.news ul li .news_text{width: 316px;margin-left: 24px;padding: 0; float: left;}
.news ul li .news_text h3{ font-size: 18px; color: #333333; font-weight: 550;}
.news ul li .news_text p{ font-size: 14px; color: #666666; margin-top: 15px;}
.news ul li .news_text span{ font-size: 14px; color: #999999; margin-top: 20px; display: block;}




.register {
	padding: 50px 0 45px;
	background: url(../images/register_bg.jpg) no-repeat center; width: 100%; height: 140px;
}

.register .title {
	padding-bottom: 5px;
	font-size: 26px;
	font-weight: normal;
	color: #fff; float: left;
}
.register .zxan{ float: right; width: 400px;}
.register .desc {
	padding-bottom: 20px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.register .btn {
	display: block;
	width: 125px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	transition: all .2s;
	text-align: center;
	cursor: pointer;
	vertical-align: middle; float: left; margin-right: 25px;
}

.register .btn:hover {
	background: rgba(255, 255, 255, .1);
}


/*灏鹃儴*/

.foot {
    background-color: #2a2a36;
}
.foot h4 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
}
.foot a {
    color: #8d94a7; font-size: 13px;
}
.foot .phone .fa {
    margin-right: 5px;
}

.foot .phone {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.foot .qq1{background: #376ef2; width: 140px; height: 35px; text-align: center; line-height: 35px;}
.foot .qq1 span{ color: #fff; font-size: 16px;}

.foot .gzr{ color: #fff; font-size: 14px; height: 50px; line-height: 50px;}
.foot .btn-green {
    margin: 5px 0;
    padding: 5px 12px;
    color: #EEE;
    background-color: #339E60;
}
.foot .btn-green .fa {
    margin-left: 5px;
    color: #DDD;
}
.foot .links {
    max-height: 140px;
    overflow: hidden;
}

footer {
    background-color: #2a2a36;
}
footer .content {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #333;
}
footer .copy {
    color: #737373;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    float: left;
}
footer .copy span {
    color: #777;
    margin: 0 10px;
}
footer .footer-link {
    color: #FFF;
    font-style: 400;
}
.space {
    padding-top: 60px;
    padding-bottom: 60px;
}
.col-xs-2 {
    width: 20%;
    float: left;
}
.col-xs-6 {
    width: 50%;
    float: left;
}
ul.footer_social_links {
    float: right;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.footer_social_links li {
    float: left;
    padding: 0px 10px;
    border-left: 2px solid #404040;
    list-style: none;
    line-height: 20px;
    margin-top: 5px;
}
.footer_social_links li:first-child {
    border-left: 0;
}
.footer_social_links a {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    text-align: right;
}
.footer_social_links a:hover {
    color: #eee;
}

.beian{ float: left; color: #8891a2; font-size: 13px;}
.banquan{ float: right; color: #8891a2;font-size: 13px;}


.nybanner{ width: 100%; height: 450px; background: url(../images/aboutbanner.png) no-repeat; margin-top: 80px;}

.nybanner .content h3{ font-size: 34px; color: #fff; font-weight: 550; padding-top: 130px; font-weight: normal;}
.nybanner .content span{ color: #fff; font-size: 20px; padding-top: 10px; display: block; opacity: 0.5;}
.nybanner .content a{ display: block;width: 145px;height: 45px; border: 1px solid #fff;text-align: center;line-height: 45px;color: #fff; margin-top: 30px; font-size: 16px;}
.nyabout{ padding: 70px 0;}
.nyabout .title_view h2,.qiyewh .title_view h2,.shiming .title_view h2,.rongyu .title_view h2{ font-weight: normal; font-size: 30px; color: #273045;}
.about_left{ float: left; width: 700px; margin-left: 50px;}
.about_left p{ font-size: 16px; color: #596580; line-height: 28px;}
.abouttup{ width: 345px; height: 200px; float: right; margin-right: 50px; margin-top: 20px;}

.qiyewh{ width: 100%; background: #fafafa; padding: 70px 0; }
.qiyewh ul li{ float: left; width: 28%; margin-left: 2.6%; margin-right: 2.6%;}
.qiyewh ul li .ystup{ text-align: center;}
.qiyewh ul li .ystext h2{ text-align: center; color: #273045; font-size: 20px;}
.qiyewh ul li .p_t{ text-align: center; font-size: 14px; color: #747674;}

.shiming{ padding: 70px 0;}
.sm_li{ width: 430px; float: left; margin-left: 120px; margin-right: 120px;}
.sm_li .case_imgs{ float: left; margin-right: 25px;}
.sm_li .sm_li_b h1{ font-size: 20px; color: #273045; font-weight: normal; padding-bottom: 15px;}
.sm_li .sm_li_b p{ color: #747674; font-size: 14px;}


.solution-box {background: url(../images/lcbg.jpg) no-repeat; width: 100%; height: 370px;
}

.solution-bj { width: 870px; float: left; margin-top: 80px;
}

.solution-header {
    max-width: 1210px;
    padding: 50px 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.solution-header h2 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #FAFBFE;
    font-weight: inherit;
}

.solution-header p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.6;
}

.solution-content {
    max-width: 1172px;
    margin: 0 auto;
}

.solution-list {
background: url(../images/20170405img7.png) no-repeat 72px 20px;
    width: 80px;
    height: 165px;
    float: left;
    margin-top: 13px;
}

.solution-list ul li {
    width: 80px;
    height: 26px; 
    margin: 10px 0;
    position: relative;
}

.solution-list ul li h2 {
    font-size: 18px;
    color: #FFFFFF;color: #666666; width: 64px; display: inline-block;
    line-height: 26px;
    font-weight: inherit;
}
.solution-list ul li i{width: 10px;height: 10px;background: #2856ff;border-radius: 50%;display: inline-block;
vertical-align: middle;margin-bottom: 3px;	}
.solution-list ul .on {
    width: 80px;
    margin: 0;

   
   
}

.solution-item { width: 730px;
    display: block;
   float: left;
    overflow: hidden; margin-top: 10px;
}
.lc-list-arrow {
    background: url(../images/20170405img8.png) no-repeat; 
    width: 12px;
    height: 28px;
    position: absolute;
    z-index: 9;
}
.lc-list-arrow.arrow1 {
    left: -12px;
    top: 10px;
}
.lc-list-arrow.arrow2 {
    left: -12px;
    top: 53px;
}
.lc-list-arrow.arrow3 {
    left: -12px;
    top: 93px;
}
.lc-list-arrow.arrow4 {
    left: -12px;
    top: 133px;
}
.solution-item ul{ position: relative; padding: 20px 10px 20px 20px; background: #fff; border: 1px solid #d6d6d6;margin-left: 25px; }
.solution-item ul li {
    padding: 10px 0; font-size: 16px;
}

.solution-item ul li h2 {
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
    margin: 0 0 15px 0;
    font-weight: inherit;
}

.solution-item ul li p {
    opacity: 0.8;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
}

.s-btn {
    display: inline-block;
    color: #36383C;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 20px;
    cursor: pointer;
    border: 1px solid #d4d5d7;
    position: relative;
    letter-spacing: normal;
}

.solution-more {
    border: 1px solid #FAFBFE;
    border-radius: 4px;
    height: 40px;
    width: 140px;
    margin: 20px 0 0 0;
    line-height: 30px;
    font-size: 14px;
    color: #FAFBFE;
    padding-left: 30px;
}



.solution-more:hover {
    color: #fa6f66;
    border: 1px solid #fa6f66;
}



.solution-title {
    position: relative;
}

.solution-title h3 {
    font-size: 18px;
    color: #FFFFFF;
    width: 135px;
    font-weight: inherit;
}

.solution-title span {
    border-top: 1px solid white;
    opacity: 0.2;
    display: inline-block;
    width: 100%;
    position: absolute;
    margin-left: 135px;
    top: 12px;
}

.solution-brand {
    width: 100%;
    position: relative;
}

.solution-brand-item {
    padding: 15px 20px 10px 0;
    width: 213px;
    float: left;
}

.solution-brand-item a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    height: 40px;
    padding-left: 50px;
    display: block;
    position: relative;
}

.solution-brand-item a i {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 20px;
    top: 8px;
    color: #ffffff;
    font-size: 24px;
}

.solution-item .solution-brand-item a p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px
}

.solution-brand-item .solution-more {
    width: auto;
    margin-top: 0;
}

.solution-brand-item a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.solution-more-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    display: block;
}

.solution-more-wrap .solution-more {
    width: auto;
    margin-top: 0;
    color: #999;
	font-size:18px;
    border: none;
}

.solution-more-wrap .solution-more:hover {
    color: #F56F69;
}

.solution-brand-item a i img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
}



.clear a:hover {
    background: none;
}

.solution-item ul {
    display: none;
}
.lctitle{ width: 320px; float:right; margin-top: 100px;}
.lctitle h2{ font-size: 30px; font-weight: normal;}
.lctitle p{ display: block; font-size: 16px; color: #747674; padding: 30px 0;}
.lctitle a{ border: 1px solid #2856ff; color: #2856ff; font-size: 14px; display: block; width: 120px; height: 35px; text-align: center; line-height: 35px;}

.rongyu{ padding: 70px 0;}

.rongyu ul li{ float: left; width: 580px; border: 1px solid #d6d6d6; margin-left: 10px; margin-right: 10px; margin-bottom: 30px; padding: 20px 0;}
.rongyu .news_tup{ float: left; width: 120px; height: 175px; margin-left: 30px; margin-right: 20px;}
.rongyu .news_text h3{ font-weight: normal; font-size: 20px;}
.rongyu .news_text{ padding-right: 30px;}
.rongyu .news_text p{ font-size: 30px; font-size: 14px; margin-top: 30px;}

.cpbanner{ background: url(../images/cpbanner.jpg) no-repeat;}


.shequtg{ width: 100%; padding: 70px 0; background: #fafafa;}
.shequtg .sq_left{ float: left; width: 480px; margin-left: 30px;}
.shequtg .sq_right{  width: 600px; float: right; margin-right: 30px;}
.shequtg .sq_right h3{ font-size: 30px; font-weight: normal; margin-bottom: 60px;}
.shequtg .sq_right p{ line-height: 36px; font-size: 16px;}

.moshi{ background: none;}
.mstup{ width: 1155px; height: 470px; margin: 0 auto;}
.sqys{ width: 100%; height: 700px; background: url(../images/ysbg1.jpg) no-repeat; padding: 70px 0;}

.sqys .title_view h2{ font-weight: normal; font-size: 30px; color: #fff;}
.sqys .case_v_ul .sm_li{ width: 300px;}
.sqys .case_v_ul .sm_li h1{ color: #ffffff; font-size: 16px;}
.sqys .case_v_ul .sm_li h1 i{ margin-right: 5px;}
.sqys .case_v_ul .sm_li p{ color: #848fa5; line-height: 30px;}
.sqys .case_v_ul .sm_li1{ margin-left: 120px;}
.sqys .case_v_ul .sm_li2{ margin-left: 200px;}
.sqys .case_v_ul .sm_li3{ margin-left: 50px; margin-top: 100px;}
.sqys .case_v_ul .sm_li4{ margin-left: 300px; margin-top: 100px;}
.dians{ padding: 70px 0;}
.dians .dslist li{ width: 240px; float: left; margin-left: 80px; margin-right: 80px; margin-bottom:30px; margin-top: 30px;}
.dians .title_view h2{font-weight: normal; font-size: 30px;color: #273045;}
.dians .news_tup{ margin-bottom: 20px;}
.dians .news_text h3{ font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.dians .news_text p{ font-size: 14px; line-height: 25px;}

.fabanner{ background: url(../images/faanbanner.png) no-repeat;}
.fabanner .content h3{  font-weight: normal;}

.fabanner .content a{ display: block; width: 145px; height: 45px; border: 1px solid #ffffff; text-align: center; line-height: 45px; color: 18px; color: #fff; }
.faanlist{ overflow: hidden; padding-bottom: 70px;}
.faanlist .sq_left{ width: 625px; float: left;}
.faanlist .sq_right{ float: left; width: 560px; margin-top: 140px;}
.faanlist .sq_right h3{ font-size: 30px; font-weight: normal; margin-bottom: 30px;}
.faanlist .sq_right .fatext p{ font-size: 16px; line-height: 40px; background: url(../images/dian.png) no-repeat 0 17px; padding-left: 20px;}
.fagn { margin-top: 70px;}
.fagn li{ float: left; width: 60px; height: 60px; text-align: center; margin-right: 80px;}
.fagn li span{ display: block; text-align: center; font-size: 14px; margin-top: 30px;}
.faanlist1{ background: #fafafa;}
.fangangn .title_view h2{ margin-bottom: 20px;}

.fangangn .dslist li{ width: 220px; margin-left: 40px; margin-right: 40px; text-align: center;}
.fangangn .news_text h3 { margin-bottom: 10px;}

.casebanner{ background: url(../images/casebanner.jpg) no-repeat;}
.casebanner .content h3{ font-weight: normal; font-size: 34px;}
.casebanner .content a,.newsbanner .content a{ display: block; width: 145px; height:45px; border: 1px solid #fff; text-align: center; line-height: 45px; color: #fff; margin-top: 30px;}
.fenye{ text-align: center; margin-top: 30px;}
.fenye a{height: 40px;line-height: 40px; padding: 0 16px;display: inline-block; font-size: 15px;color: #666;transition: 0.5s;}
.fenye a.active,.fenye a:hover{ background: #2856ff; color: #fff; border-radius: 50%;}

.newsbanner{ background: url(../images/newsbanner.jpg) no-repeat;}
.newsbanner .content h3{ font-size: 34px; font-weight: normal;}

.newsleft{ float: left; width: 895px; margin-top: 45px;}
.newstitle{ width: 890px; height:50px; line-height: 50px; box-shadow: 0 0 5px 0 rgba(204,204,204,.51); border-radius: 50px; margin-left: 3px;}
.newstitle a{ color: #666666; font-size: 18px; padding: 15px 30px; border-radius: 50px;}
.newstitle a.active,.newstitle a:hover{ background: #2856ff; color: #fff;}

.newsleft .news_v_ul{box-shadow: 0 0 5px 0 rgba(204,204,204,.51);width: 890px;  margin-top: 25px;margin-left: 3px; margin-bottom: 30px; padding-bottom: 30px; }
.news_v_li{ width: 830px; margin: 0 auto; border-bottom: 1px solid #e1e8ec; overflow: hidden; padding-bottom: 50px; padding-top: 50px;}
.news_v_li .news_tup1{ float: left; width: 185px; height: 120px; margin-right: 30px;}
.news_v_li  h3{ font-size: 20px; font-weight: normal; color: #333333; margin-bottom: 20px;}
.news_v_li p{ font-size: 14px; color: #999999;}
.news_v_li p span{ margin-top: 10px; display: block; float: left; margin-right: 10px;}
.news_v_li p span i{ margin-right:5px;}
.news_text1{ float: left; width: 610px;}

.news_right{ width: 270px; float:right;box-shadow: 0 0 5px 0 rgba(204,204,204,.51); margin-right: 3px; margin-top: 50px; padding: 15px;}
.news_right h3{ font-size: 18px; font-weight: normal; border-bottom: 1px solid #e1e8ec; padding-bottom: 15px;}
.news_right ul li{ background: url(../images/dian.png) no-repeat 0 10px; font-size: 14px;  padding-left: 10px; margin-top: 20px;}
.news_right ul li a{color: #858585; font-size: 14px;}
.news_right ul li span{ display: block; margin-top: 10px; font-size: 12px;}
.news_right ul li span i{ margin-right: 5px;}

.lxbanner{ background: url(../images/lxbanner.jpg) no-repeat;}
.lxlist ul li{ width: 270px; height: 250px; border: 1px solid #e8e8e8;box-shadow: 0 0 10px 0 rgba(204,204,204,.51); padding: 20px 20px; float: left; margin-left: 15px; margin-right: 15px;}
.lxlist ul li h3{ font-size: 20px; font-weight: normal; margin-top: 15px;}
.lxlist ul li p{ font-size: 14px; margin-top: 10px;}
.lxlist ul li span{ display: block; margin-top: 20px; font-size: 13px; color: #999999;}
.lxlist ul li span i{ display: block; font-style: normal; color: #2856ff; font-size: 14px; margin-top: 15px;}
.ditu{ width: 450px; margin-left: 15px; float: left;}
.ditu .title_view{ text-align: left;}

.liuyan1{ float: right; margin-right: 15px; width: 650px;}
.liuyan1 .title_view{ text-align: left;}
.liuyan1 span{ display: block; float: left; width: 280px; margin-left: 15px; margin-right: 15px;}
.liuyan1 span em{ display: block; font-style: normal; color: #666666; font-size: 18px;}
.liuyan1 span input{ width: 280px; height: 50px; border: 2px solid #efefef; margin-top: 15px; font-size: 16px; color: #cccccc; padding-left: 10px;}
.liuyan1 p{ margin-left: 15px; margin-top: 30px;}
.liuyan1 p em{ display: block; font-style: normal; color: #666666; font-size: 18px; margin-bottom: 15px;}
.liuyan1 p textarea{width: 620px; height: 100px; border: 2px solid #efefef; font-size: 16px; color: #cccccc; padding-left: 10px; padding-top: 10px;}
.liuyan1 p input.sub{ width: 100px; height: 45px; background: #2856ff; float: right; font-size: 18px; color: #fff; cursor: pointer;}

.news_xq{box-shadow: 0 0 5px 0 rgba(204,204,204,.51);width: 850px;margin-top: 25px;margin-left: 3px; margin-bottom: 30px; padding: 20px; overflow: hidden;}
.position_now {width: 100%;height: 50px;border-bottom: 1px solid #e0e0e0;line-height: 50px;color: #666; text-indent: 20px; font-size: 14px;}
.position_now a { color: #666;}
.detail_title {width: 100%;height: 60px;line-height: 60px;overflow: hidden;font-size: 30px;color: #1e1e1e;text-align: center; margin-top: 50px;}
.detail_fbt {height: 30px; line-height: 30px;color: #999999;text-align: center;overflow: hidden;font-size: 16px; margin-bottom: 30px;}
.detail_fbt span {margin-right: 10px;}
.detail_contet { line-height: 2;font-size: 16px;color: #4a4a4a;}
.next_prev {float: left;width: 100%;height: auto;padding: 20px 0px;border-top: 1px solid #e0e0e0;margin-top: 40px;}
.next_prev ul li {float: left;width: 100%;line-height: 30px;font-size: 16px;}