@charset "utf-8"; /*!
 * Even base CSS
 * Date: 2012-9-23
 * Email: leyewen@163.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
	tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
	caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0
}

body {
	font-size: 12px;
	font-family: "微软雅黑", "Arial", "宋体"
}

a {
	outline: 0;
	-moz-outline-style: none
}

html {
	overflow-x: hidden
}

a:focus {
	outline: 0
}

a:active {
	outline: 0;
	background: inherit
}

input::-ms-clear {
	display: none
}

ul {
	list-style: none
}

img {
	border: 0
}

p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: 0
}

.ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.timeS {
	font-size: 12px;
	margin-bottom: 5px
}

.webBanner_comm {
	clear: both;
	width: 100%;
	height: 200px;
	background: url(/image/bannerbg2.png?v=201711250646) no-repeat center
}

.banner_comm {
	height: 100%;
	background: url(/image/banner2.jpg?v=201711250646) no-repeat
}

.middle {
	width: 960px;
	margin: auto;
	font-size: 12px
}

.middle_new {
	width: 1037px;
	margin: 0 auto;
	font-size: 12px
}

.lineWhite {
	clear: both;
	width: 100%;
	border-top: 1px solid #fff;
	line-height: 0;
	height: 0;
	font-size: 0
}

.whiteLayer {
	clear: both;
	display: block;
	width: 100%;
	height: 32px;
	background: url(/image/whitelayer.png?v=201711250646) center 0 no-repeat
}

.bannerLineShadow {
	clear: both;
	width: 960px;
	height: 22px;
	margin: auto
}

.grayTitle {
	color: #afafaf;
	font-size: 14px
}

.grayTitle3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold
}

.grayTitle_title {
	color: #333;
	font-size: 14px;
	line-height: 40px
}

.grayContent {
	font-size: 14px;
	color: #666
}

.grayBack {
	background-color: #f6f7f7
}

.redText {
	color: #8b7c7f
}

.blueText {
	color: #0178de
}

.blueBack {
	background-color: #4173ae
}

.blueBack2 {
	background-color: #389cda
}

.blueText2 {
	color: #3f423b
}

.grayTitle2 {
	color: #213e62;
	font-size: 16px;
	font-weight: bold
}

.pagenation {
	clear: both;
	float: right;
	width: auto;
	height: 30px;
	text-align: center;
	padding-top: 20px
}

.pageNo {
	float: left;
	width: 30px;
	height: 22px;
	margin-top: 4px
}

.pageNo a {
	display: block;
	width: 30px;
	height: 22px;
	line-height: 20px;
	background: url(/image/pagenation/pageNo.png?v=201711250646) no-repeat;
	text-decoration: none
}

.pageNo span {
	display: block;
	width: 30px;
	height: 22px;
	line-height: 20px
}

.pageEllipsis_case {
	float: left;
	width: 30px;
	height: 22px;
	background: url(/image/pagenation/ellipsis_case.png?v=201711250646)
		no-repeat;
	margin-top: 2px
}

.pageEllipsis_new {
	display: inline-block;
	width: 21px;
	height: 20px;
	zoom: 1;
	*display: inline;
	background: url(/image/pagenation/ellipsis_new.jpg?v=201711250646)
		no-repeat
}

.pageEllipsis_model {
	float: left;
	width: 30px;
	height: 22px;
	background: url(/image/pagenation/ellipsis_model.png?v=201711250646)
		no-repeat;
	margin-top: 2px
}

.pagePrev {
	float: left;
	width: 35px;
	height: 29px;
	margin-left: 20px
}

.pagePrev .prevShow {
	display: block;
	width: 35px;
	height: 29px;
	background: url(/image/pagenation/prevShow.png?v=201711250646) no-repeat
}

.pagePrev .prevHide {
	display: block;
	width: 35px;
	height: 29px;
	background: url(/image/pagenation/prevHide.png?v=201711250646) no-repeat
}

.pageLine {
	float: left;
	width: 2px;
	height: 26px;
	background: url(/image/pagenation/pageLine.png?v=201711250646) no-repeat
}

.pageNext {
	float: left;
	width: 35px;
	height: 29px;
	margin-right: 40px
}

.pageNext .nextShow {
	display: block;
	width: 35px;
	height: 29px;
	background: url(/image/pagenation/nextShow.png?v=201711250646) no-repeat
}

.pageNext .nextHide {
	display: block;
	width: 35px;
	height: 29px;
	background: url(/image/pagenation/nextHide.png?v=201711250646) no-repeat
}

.webRegCount {
	width: 100%;
	height: 56px;
	background: #f8f8f8;
	margin-bottom: 18px;
	position: relative;
	z-index: 100;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.regCountLeft {
	float: left;
	height: 100%;
	font-size: 20px;
	font-family: "微软雅黑", "黑体";
	color: #333;
	padding-top: 7px;
	margin-left: 20px
}

.regCountMiddle {
	float: left;
	height: 50px;
	line-height: 50px;
	padding-left: 20px
}

.regCountMiddle .ico {
	float: left;
	width: 16px;
	height: 100%;
	background: url(/image/regCountIco.gif?v=201711250646) 0 58% no-repeat
}

.regCountMiddle .textDiv {
	float: left;
	position: relative;
	width: 215px;
	margin-left: 10px;
	height: 100%;
	line-height: 55px;
	overflow: hidden
}

.regCountMiddle .textDiv .regCountText {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: 微软雅黑;
	font-size: 14px
}

.regCountRight {
	float: right
}

.regCountRight .ico {
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	margin-top: 9px
}

.regCountRight .weixin {
	background: url(/image/comm.png?v=201711250646) 0 -270px no-repeat
}

.regCountRight .phone {
	background: url(/image/comm.png?v=201711250646) 0 -313px no-repeat
}

.regCountRight .bdshare_t {
	background: url(/image/comm.png?v=201711250646) 0 -355px no-repeat
}

.regCountRight .weibo {
	background: url(/image/comm.png?v=201711250646) 0 -397px no-repeat
}

.regCountRight .ts {
	background: url(/image/comm.png?v=201711250646) 0 -439px no-repeat
}

.regCountRight .weixin_b {
	background: url(/image/regCountRightWeixin0.png?v=201711250646)
}

.regCountRight .weixin_b:hover {
	background: url(/image/regCountRightWeixin1.png?v=201711250646)
}

.regCountRight .phone_b {
	background: url(/image/regCountRightPhone0.png?v=201711250646)
}

.regCountRight .phone_b:hover {
	background: url(/image/regCountRightPhone1.png?v=201711250646)
}

.regCountRight .bdshare_t_b {
	background: url(/image/regCountRightbdshare0.png?v=201711250646)
}

.regCountRight .bdshare_t_b:hover {
	background: url(/image/regCountRightbdshare1.png?v=201711250646)
}

.regCountRight .weibo_b {
	background: url(/image/regCountRightWeibo0.png?v=201711250646)
}

.regCountRight .weibo_b:hover {
	background: url(/image/regCountRightWeibo1.png?v=201711250646)
}

.regCountRight .ts_b {
	background: url(/image/regCountRightTs0.png?v=201711250646)
}

.regCountRight .ts_b:hover {
	background: url(/image/regCountRightTs1.png?v=201711250646)
}

.regCountRight .weixin .weixinContent {
	display: none;
	position: absolute;
	top: 38px;
	left: -68px;
	width: 168px;
	height: 197px;
	background: url(/image/logoWeixin_new.png?v=201711250646) -53px -52px
		no-repeat
}

.regCountRight .phone .phoneContent {
	display: none;
	position: absolute;
	top: 38px;
	left: -138px;
	width: 272px;
	height: 54px;
	line-height: 60px;
	background: url(/image/qrCode.png?v=201711250646) -283px -114px
		no-repeat;
	font-size: 18px;
	font-family: "微软雅黑", "黑体";
	text-align: center;
	z-index: 100
}

.regCountRight .weibo a {
	display: block;
	width: 100%;
	height: 100%
}

.regCountRight .ts a {
	display: block;
	width: 100%;
	height: 100%
}

.webHead {
	width: 100%;
	height: 87px;
	background: #fff;
	border-bottom: solid #e5e5e5 1px;
	min-width: 1200px
}

.head {
	height: 100%
}

.firstView {
	display: none
}

.headLeft {
	float: left;
	width: 165px;
	height: 100%;
	background: #fff
}

.headLeft a {
	display: block;
	width: 240px;
	height: 80px;
	background: url(/image/headfoot2.png?v=201711250646) -210px -120px
		no-repeat
}

.headLogo {
	float: left;
	width: 215px;
	height: 100%
}

.headRight {
	float: right;
	width: 280px;
	height: 80px
}

.headRight .register {
	float: left
}

.headRight .login {
	float: left
}

.headRight .reg {
	display: block;
	width: 130px;
	height: 44px;
	line-height: 44px;
	margin-top: 20px;
	margin-left: 70px;
	text-align: center;
	background-color: #4a68ec;
	font-size: 15px;
	font-family: "微软雅黑";
	border-radius: 5px;
	color: #fff
}

.headRight .login {
	display: block;
	background-color: #fff;
	border: 1px solid #eee;
	width: 58px;
	height: 44px;
	margin-top: 19px;
	margin-left: 15px;
	font-size: 15px;
	font-family: "微软雅黑";
	border-radius: 3px;
	color: #333;
	line-height: 44px;
	text-align: center
}

.headTop {
	height: 28px;
	width: 100%
}

.headTopDiv {
	float: right
}

.headTopLeft {
	float: left;
	background: url(/image/headfoot2.png?v=201711250646) -230px -46px
		no-repeat;
	width: 20px;
	height: 28px
}

.headTopMiddle {
	float: left;
	background: url(/image/topmiddle.png?v=201711250646) repeat-x;
	height: 28px;
	font-size: 12px
}

.headTopRight {
	float: left;
	background: url(/image/headfoot2.png?v=201711250646) -258px -46px
		no-repeat;
	width: 20px;
	height: 28px
}

.headTopText {
	float: left;
	color: #fff;
	line-height: 28px;
	height: 28px;
	padding: 0 2px 0 2px
}

.headTopText a {
	text-decoration: none;
	color: #fff;
	letter-spacing: .5mm
}

.headTopLine {
	float: left;
	background: url(/image/headfoot2.png?v=201711250646) -290px -52px
		no-repeat;
	_background: url(/image/headfoot2.gif?v=201711250646) -290px -53px
		no-repeat;
	width: 6px;
	height: 28px
}

.headBottom {
	float: right;
	height: 69px;
	width: 100%;
	position: relative
}

.headBottomLeft {
	width: 355px;
	height: 69px;
	position: absolute;
	top: -12px
}

.headRegCount {
	display: inline-block;
	line-height: 36px;
	font-size: 20px;
	color: #f3f9ff;
	font-family: "微软雅黑";
	text-shadow: 3px 1px 4px #464646
}

.headSlogan {
	display: inline-block;
	clear: both;
	width: 358px;
	height: 29px;
	background: url(/image/headfoot2.png?v=201711250646) -201px 0 no-repeat
}

.headBottomMiddle {
	float: right;
	padding-top: 16px;
	padding-right: 27px
}

.headBottomMiddle_zc {
	float: left;
	width: 94px;
	height: 32px;
	background: url(/image/headfoot2.png?v=201711250646) 0 0 no-repeat
}

.headBottomMiddle_zc:hover {
	float: left;
	width: 94px;
	height: 32px;
	background: url(/image/headfoot2.png?v=201711250646) 0 -39px no-repeat
}

.headBottomMiddle_login {
	float: left;
	width: 67px;
	height: 32px;
	background: url(/image/headfoot2.png?v=201711250646) -109px 0 no-repeat
}

.headBottomMiddle_login:hover {
	float: left;
	width: 67px;
	height: 32px;
	background: url(/image/headfoot2.png?v=201711250646) -109px -39px
		no-repeat
}

.headBottomRight {
	float: right;
	width: 225px;
	height: 100%
}

.headRegLog {
	float: left;
	position: relative;
	top: 15px
}

.webNav {
	float: left;
	height: 100%;
	position: relative;
	font-size: 14px;
	padding: 0 20px 0 105px
}

.nav {
	float: left;
	height: 70px;
	margin: 0 11px;
	_margin: 0 11px;
	position: relative
}

.nav a, .nav .topbar_btn {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 80px;
	line-height: 80px;
	text-decoration: none;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #333
}

.nav a:hover, .nav .topbar_btn:hover {
	color: #0058ae
}

.nav .checkLine {
	position: absolute;
	left: 0;
	bottom: 12px;
	display: inline-block;
	width: 100%;
	_width: expression(eval(this.parentNode.offsetWidth));
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	background: #12b5b2;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: all .1s
}

.navHover .checkLine {
	opacity: 1;
	filter: alpha(opacity = 100);
	bottom: 20px
}

.navCheck a {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #0058ae;
	font-weight: bold
}

.navCheck .checkLine {
	opacity: 1;
	filter: alpha(opacity = 100);
	bottom: 20px
}

.footLineGray {
	clear: both;
	width: 100%;
	border-top: 1px solid #b8b8b8;
	line-height: 0;
	height: 0;
	font-size: 0
}

.footLineWhite {
	clear: both;
	width: 100%;
	border-top: 1px solid #fff;
	line-height: 0;
	height: 0;
	font-size: 0
}

.webFoot {
	clear: both;
	width: 100%;
	background-color: #ddd;
	color: #777;
	font-family: 微软雅黑
}

.webFont, .footCpy {
	color: #777
}

.foot {
	height: 100%
}

.footLinks {
	text-align: center
}

.footLinks span {
	margin: 0 3px
}

.footLinks a {
	color: #777;
	text-decoration: none
}

.footCpy {
	text-align: center;
	line-height: 25px
}

.footCpy a {
	text-decoration: none
}

.footLinks a, .footCpy a {
	color: #525252
}

.footCert {
	text-align: center
}

.webBottom {
	clear: both;
	width: 100%;
	height: 10px
}

.pray {
	height: 40px;
	background: url(/image/index/pray.jpg?v=201711250646) center #000
		no-repeat
}

.bigBanner_index {
	width: 100%;
	height: 400px;
	background: url(/image/index/bigBanner_bg4.jpg?v=201711250646) center
		no-repeat
}

.bigBannerGif {
	position: absolute;
	top: 121px;
	left: 38px;
	_top: 120px;
	_left: 38px;
	width: 150px;
	height: 200px;
	background: url(/image/index/bigBannerGif.gif?v=201711250646) no-repeat
}

.bigBannerLink {
	position: absolute;
	top: 242px;
	left: -349px;
	display: block;
	width: 165px;
	height: 49px;
	background: url(/image/index/all3.png?v=201711250646) 0 -701px no-repeat
}

.bigBannerLink:hover {
	background: url(/image/index/all3.png?v=201711250646) 0 -763px no-repeat
}

.webBanner_index {
	position: relative;
	float: left;
	width: 480px;
	height: 210px;
	overflow: hidden
}

.webBanner_index a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.webBanner_index .btn {
	position: absolute;
	top: 82px;
	width: 25px;
	height: 45px;
	text-align: center;
	cursor: pointer;
	background: #000;
	opacity: .5;
	filter: alpha(opacity = 50);
	transition: left .3s ease-out, right .3s ease-out, background-color .3s
}

.webBanner_index .btn:hover {
	background-color: #009e96
}

.webBanner_index .btn .jt {
	display: inline-block;
	width: 10px;
	height: 16px;
	margin-top: 14px
}

.webBanner_index .prevBtn {
	left: -25px
}

.webBanner_index .nextBtn {
	right: -25px;
	_right: -26px
}

.webBanner_index .prevBtn .prevJt {
	background: url(/image/index/all3.png?v=201711250646) -162px -395px
		no-repeat
}

.webBanner_index .nextBtn .nextJt {
	background: url(/image/index/all3.png?v=201711250646) -162px -365px
		no-repeat
}

.webIndexContent {
	padding-top: 30px
}

.buildStep_index {
	float: left;
	width: 485px;
	height: 210px;
	margin-left: 30px
}

.buildStep_index .title {
	height: 29px;
	color: #333;
	border-bottom: 1px solid #dfdfdf
}

.buildStep_index .title a {
	float: right;
	color: #2b82d1;
	margin-top: 6px;
	text-decoration: none
}

.buildStep_index .title a:hover {
	color: #f30
}

.buildStep_index .content {
	padding: 28px 0 0 18px
}

.buildStep_index .content .buildStepDiv {
	float: left;
	width: 106px
}

.buildStep_index .content .buildStepDiv .buildStepImg {
	display: block;
	width: 100%;
	height: 110px
}

.buildStep_index .content .buildStepDiv .img1 {
	background: url(/image/index/all3.png?v=201711250646) -318px 0 no-repeat
}

.buildStep_index .content .buildStepDiv .img2 {
	background: url(/image/index/all3.png?v=201711250646) -318px -173px
		no-repeat
}

.buildStep_index .content .buildStepDiv .img3 {
	background: url(/image/index/all3.png?v=201711250646) -318px -333px
		no-repeat
}

.buildStep_index .content .buildStepDiv .buildStepText {
	width: 100%;
	height: 40px;
	line-height: 44px;
	text-align: center;
	font-family: "微软雅黑", "黑体";
	font-size: 18px
}

.buildStep_index .content .buildStepJt {
	float: left;
	width: 65px;
	height: 100%;
	text-align: center
}

.buildStep_index .content .buildStepJt .jt {
	display: inline-block;
	width: 11px;
	height: 18px;
	background: url(/image/index/all3.png?v=201711250646) -94px -381px
		no-repeat;
	margin-top: 48px
}

.indexModelDiv {
	padding-top: 55px
}

.indexModelDiv .title {
	height: 29px;
	color: #333;
	border-bottom: 1px solid #dfdfdf
}

.indexModelDiv .title a {
	float: right;
	color: #2b82d1;
	margin-top: 6px;
	text-decoration: none
}

.indexModelDiv .title a:hover {
	color: #f30
}

.indexModelDiv .content {
	padding: 30px 0
}

.indexModelDiv .content .modelDiv {
	position: relative;
	float: left;
	width: 311px;
	height: 182px;
	margin: 0 8px;
	_margin: 0 6px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) 0 0
		no-repeat
}

.indexModelDiv .content .modelDiv .mobiModelDiv {
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px
}

.indexModelDiv .content .modelDiv #modelDivPosition1 {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 222px;
	height: 146px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) 0
		-242px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv1 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -227px
		-255px no-repeat
}

.indexModelDiv .content .modelDiv #modelDivPosition2 {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 222px;
	height: 146px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) 0
		-413px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv2 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -227px
		-425px no-repeat
}

.indexModelDiv .content .modelDiv #modelDivPosition3 {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 222px;
	height: 146px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) 0
		-583px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv3 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -227px
		-595px no-repeat
}

.indexModelDiv .content .modelDiv .hoverLink {
	display: none;
	position: absolute;
	top: 24px;
	left: 5px;
	width: 223px;
	height: 142px;
	z-index: 1
}

.indexModelDiv .content .modelDiv .hoverText2 {
	display: block;
	display: none;
	position: absolute;
	top: 192px;
	left: 1px;
	width: 311px;
	height: 20px;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size: 16px;
	font-family: "微软雅黑"
}

.indexModelDiv .content .modelDiv .mobiModel {
	position: absolute;
	bottom: -8px;
	right: -40px;
	width: 97px;
	_width: 76px;
	height: 135px;
	z-index: 5
}

.indexModelDiv .content .modelDiv #mobiModel1 {
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -309px
		-30px no-repeat;
	_background: url(/image/index/modelAndMobiCase2.png?v=201711250646) -7px
		-6px no-repeat
}

.indexModelDiv .content .modelDiv #mobiModel2 {
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -309px
		-181px no-repeat;
	_background: url(/image/index/modelAndMobiCase2.png?v=201711250646) -7px
		-157px no-repeat
}

.indexModelDiv .content .modelDiv #mobiModel3 {
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -309px
		-332px no-repeat;
	_background: url(/image/index/modelAndMobiCase2.png?v=201711250646) -7px
		-308px no-repeat
}

.newsAndBlog_index {
	float: left;
	width: 485px;
	height: 427px
}

.newsAndBlogIndexDiv {
	overflow: hidden
}

.newsIndexDiv {
	height: 205px
}

.blogIndexDiv {
	height: 220px
}

.newsAndBlogIndexDiv .title {
	height: 29px;
	color: #333;
	border-bottom: 1px solid #dfdfdf
}

.newsAndBlogIndexDiv .title a {
	float: right;
	color: #2b82d1;
	margin-top: 6px;
	text-decoration: none
}

.newsAndBlogIndexDiv .title a:hover {
	color: #f30
}

.newsAndBlogIndexDiv .content {
	padding-top: 15px
}

.newsAndBlogIndexDiv .content .newsIndexImg {
	position: relative;
	float: left;
	width: 250px;
	height: 136px;
	border: 1px solid #dedede;
	background: url(/image/index/all3.png?v=201711250646) 0 0 no-repeat;
	margin-top: 4px
}

.newsAndBlogIndexDiv .content .newsIndexImg a {
	position: absolute;
	top: 81px;
	left: 117px;
	display: block;
	width: 66px;
	height: 24px
}

.newsAndBlogIndexDiv .content .blogIndexImg {
	position: relative;
	float: left;
	width: 250px;
	height: 159px;
	border: 1px solid #dedede;
	background: url(/image/index/all3.png?v=201711250646) 0 -160px no-repeat;
	margin-top: 4px
}

.newsAndBlogIndexDiv .content .blogIndexImg a {
	position: absolute;
	top: 93px;
	left: 117px;
	display: block;
	width: 66px;
	height: 24px
}

.newsAndBlogIndexDiv .content .list {
	float: left
}

.newsAndBlogIndexDiv .content .list .newsLink_index {
	width: 230px;
	height: 24px;
	line-height: 24px
}

.newsAndBlogIndexDiv .content .list .newsLink_index .dot {
	display: inline-block;
	width: 18px;
	height: 100%;
	background: url(/image/index/all3.png?v=201711250646) -230px -359px
		no-repeat
}

.newsAndBlogIndexDiv .content .list .newsLink_index .new {
	display: inline-block;
	width: 35px;
	height: 100%;
	background: url(/image/index/newsIco.gif?v=201711250646) 10px center
		no-repeat
}

.newsAndBlogIndexDiv .content .list .newsLink_index a {
	color: #333;
	text-decoration: none
}

.newsAndBlogIndexDiv .content .list .newsLink_index a:hover {
	text-decoration: underline
}

.caseAndModel_index {
	float: left;
	width: 485px;
	height: 425px;
	border: 1px solid #ddd;
	margin-left: 30px;
	overflow: hidden
}

.caseAndModel_index .title {
	position: relative;
	height: 34px;
	color: #333;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.caseAndModel_index .title a {
	float: right;
	color: #2b82d1;
	margin: 10px 10px 0 0;
	text-decoration: none
}

.caseAndModel_index .title a:hover {
	color: #f30
}

.caseAndModel_index .title .titleDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 97px;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 16px;
	font-family: '微软雅黑', '黑体';
	cursor: default
}

.caseAndModel_index .title .caseTitleDiv {
	border-right: 1px solid #ccc
}

.caseAndModel_index .title .modelTitleDiv {
	border-right: 1px solid #fff
}

.caseAndModel_index .title .titleDiv_check {
	border-bottom-color: #fff;
	border-right-color: #ccc
}

.caseAndModel_index .content {
	padding: 15px;
	color: #fff;
	text-align: center
}

.caseAndModel_index .content .contentLeft {
	float: left;
	width: 270px;
	height: 360px
}

.caseAndModel_index .content .contentLeft .leftDiv {
	position: relative;
	height: 175px
}

.caseAndModel_index .content .contentLeft .tradeDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 175px;
	background: #000;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-decoration: none
}

.caseAndModel_index .content .contentLeft .tradeDiv .name {
	color: #fff;
	padding-top: 75px;
	font-size: 16px;
	font-weight: bold
}

.caseAndModel_index .content .contentLeft .tradeDiv .link {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding-top: 15px
}

.caseAndModel_index .content .contentLeft .tradeDiv .link span {
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(/image/index/all3.png?v=201711250646) -239px -392px
		no-repeat;
	margin-right: 10px
}

.caseAndModel_index .content .contentLeft .tradeDiv .link a {
	color: #fff
}

.caseAndModel_index .content .contentRight {
	float: left;
	width: 175px;
	height: 360px;
	margin-left: 10px
}

.caseAndModel_index .content .contentRight .rightDiv {
	position: relative;
	height: 112px
}

.caseAndModel_index .content .contentRight .tradeDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 175px;
	height: 112px;
	background: #000;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-decoration: none
}

.caseAndModel_index .content .contentRight .tradeDiv .name {
	color: #fff;
	padding-top: 48px;
	font-size: 14px;
	font-weight: bold
}

.caseAndModel_index .content .contentRight .tradeDiv .link {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding-top: 15px
}

.caseAndModel_index .content .contentRight .tradeDiv .link span {
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(/image/index/all3.png?v=201711250646) -239px -392px
		no-repeat;
	margin-right: 10px
}

.caseAndModel_index .content .contentRight .tradeDiv .link a {
	color: #fff
}

.caseAndModel_index .content .contentLeft .case1 {
	background: url(/image/index/photo.jpg?v=201711250646) -270px -395px
		no-repeat
}

.caseAndModel_index .content .contentLeft .case2 {
	margin-top: 10px;
	background: url(/image/index/photo.jpg?v=201711250646) -270px -590px
		no-repeat
}

.caseAndModel_index .content .contentLeft .model1 {
	background: url(/image/index/photo.jpg?v=201711250646) -270px 0
		no-repeat
}

.caseAndModel_index .content .contentLeft .model2 {
	margin-top: 10px;
	background: url(/image/index/photo.jpg?v=201711250646) -270px -195px
		no-repeat
}

.caseAndModel_index .content .contentRight .case3 {
	background: url(/image/index/photo.jpg?v=201711250646) -560px -395px
		no-repeat
}

.caseAndModel_index .content .contentRight .case4 {
	margin-top: 12px;
	background: url(/image/index/photo.jpg?v=201711250646) -560px -527px
		no-repeat
}

.caseAndModel_index .content .contentRight .case5 {
	margin-top: 12px;
	background: url(/image/index/photo.jpg?v=201711250646) -560px -659px
		no-repeat
}

.caseAndModel_index .content .contentRight .model3 {
	background: url(/image/index/photo.jpg?v=201711250646) -560px 0
		no-repeat
}

.caseAndModel_index .content .contentRight .model4 {
	margin-top: 12px;
	background: url(/image/index/photo.jpg?v=201711250646) -560px -132px
		no-repeat
}

.caseAndModel_index .content .contentRight .model5 {
	margin-top: 12px;
	background: url(/image/index/photo.jpg?v=201711250646) -560px -264px
		no-repeat
}

.caseAndModel_index .mobiContent {
	padding: 28px 0 0 30px
}

.caseAndModel_index .mobiContent .contentLeft {
	float: left;
	width: 174px;
	height: 300px;
	padding: 35px 7px 0 7px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -750px
		-29px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg1 {
	width: 174px;
	height: 259px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -430px
		-840px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg2 {
	width: 174px;
	height: 259px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -430px
		-300px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg3 {
	width: 174px;
	height: 259px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -430px
		-30px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg4 {
	width: 174px;
	height: 259px;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -430px
		-567px no-repeat
}

.caseAndModel_index .mobiContent .contentRight {
	float: left;
	width: 240px;
	margin-left: 22px;
	padding-top: 3px
}

.caseAndModel_index .mobiContent .contentRight .smallImg {
	float: left;
	width: 100px;
	height: 152px;
	border: 1px solid #bcbbc3
}

.caseAndModel_index .mobiContent .contentRight .smallImg:hover {
	opacity: .8;
	filter: alpha(opacity = 80)
}

.caseAndModel_index .mobiContent .contentRight .smallImg1 {
	margin: 0 20px 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -620px
		-510px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg2 {
	margin: 0 0 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -620px
		-190px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg3 {
	margin: 0 20px 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -620px
		-30px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg4 {
	margin: 0 0 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -620px
		-350px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg1 {
	margin: 0 20px 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -621px
		-510px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg2 {
	margin: 0 0 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -621px
		-190px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg3 {
	margin: 0 20px 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -621px
		-30px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg4 {
	margin: 0 0 20px 0;
	background: url(/image/index/modelAndMobiCase.png?v=201711250646) -621px
		-350px no-repeat
}

.feature {
	float: left;
	width: 114px;
	height: 163px;
	padding: 20px 16px 12px 24px;
	margin-right: 13px;
	border: 1px solid #e0e0e0;
	cursor: pointer
}

.feature-hover {
	background-color: #f8f8f8
}

.feature .img {
	width: 64px;
	height: 55px;
	margin: 0 auto
}

.feature .img1 {
	background: url(/image/index/all3.png?v=201711250646) 0 -483px no-repeat
}

.feature .img2 {
	background: url(/image/index/all3.png?v=201711250646) -98px -483px
		no-repeat
}

.feature .img3 {
	background: url(/image/index/all3.png?v=201711250646) -199px -480px
		no-repeat
}

.feature .img4 {
	background: url(/image/index/all3.png?v=201711250646) -295px -483px
		no-repeat
}

.feature .img5 {
	background: url(/image/index/all3.png?v=201711250646) -391px -483px
		no-repeat
}

.feature .img6 {
	background: url(/image/index/all3.png?v=201711250646) -490px -483px
		no-repeat
}

.feature .title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 18px 0 12px 0
}

.feature .content {
	line-height: 20px;
	color: #888
}

.search_index {
	margin-top: 30px;
	height: 42px;
	line-height: 42px;
	background: #eee
}

.search_index #searchInput {
	float: left;
	width: 245px;
	height: 18px;
	margin: 10px 0 0 10px
}

.search_index .searchBtn {
	float: left;
	width: 53px;
	height: 24px;
	margin: 10px 0 0 8px;
	background: url(/image/index/all3.png?v=201711250646) 0 -366px no-repeat
}

.search_index .searchBtn:hover {
	background: url(/image/index/all3.png?v=201711250646) 0 -390px no-repeat
}

.search_index .keyword {
	float: left;
	margin-left: 30px;
	height: 100%
}

.search_index .keyword a {
	color: #000;
	text-decoration: none
}

.search_index .keyword a:hover {
	text-decoration: underline
}

.search_index .keyword .line {
	padding: 0 12px;
	color: #999
}

.clientSays_index {
	margin-top: 30px
}

.clientSays_index .content {
	position: relative;
	width: 1000px;
	height: 245px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.clientSays_index .content .contentDiv {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.clientSays_index .content .contentDiv .left {
	float: left;
	position: relative;
	width: 315px;
	height: 100%
}

.clientSays_index .content .contentDiv .left .photo {
	position: absolute;
	top: 60px;
	left: 50px;
	width: 125px;
	height: 125px;
	background: #06C
}

.clientSays_index .content .contentDiv#saysContent1 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) 0 -376px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent2 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) -125px -376px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent3 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) 0 -376px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent4 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) -125px 0
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent5 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) -125px -376px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent6 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) 0 -376px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent7 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) 0 -125px
		no-repeat
}

.clientSays_index .content .contentDiv#saysContent8 .left .photo {
	background: url(/image/index/photo.jpg?v=201711250646) -126px -376px
		no-repeat
}

.clientSays_index .content .contentDiv .left .text {
	position: absolute;
	top: 95px;
	left: 200px;
	font-family: '微软雅黑', '黑体'
}

.clientSays_index .content .contentDiv .left .text .name {
	display: inline-block;
	height: 28px;
	font-size: 18px;
	color: #5178bb
}

.clientSays_index .content .contentDiv .left .text .jobTitile {
	font-size: 14px;
	color: #aeaeae
}

.clientSays_index .content .contentDiv .line {
	float: left;
	height: 118px;
	border-left: 1px solid #ddd;
	margin: 65px 10px 0 10px;
	font-size: 0
}

.clientSays_index .content .contentDiv .right {
	float: left;
	height: 100%;
	position: relative
}

.clientSays_index .content .contentDiv .right .text {
	position: absolute;
	top: 80px;
	left: 30px;
	width: 570px;
	line-height: 26px;
	font-size: 16px;
	color: #333
}

.clientSays_index .list {
	position: relative;
	width: 1002px;
	height: 116px
}

.clientSays_index .list .box {
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	width: 246px;
	height: 54px;
	border: 1px solid #80cfcb;
	transition: left .3s ease-out, top .3s ease-out
}

.clientSays_index .list .saysLink {
	float: left;
	width: 250px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: '微软雅黑', '黑体'
}

.clientSays_index .list #saysLink1 {
	background: #00879a;
	border-left: 1px solid #00879a
}

.clientSays_index .list #saysLink2 {
	background: #019e97
}

.clientSays_index .list #saysLink3 {
	background: #00a0ea
}

.clientSays_index .list #saysLink4 {
	background: #0168b7;
	border-right: 1px solid #0168b7
}

.clientSays_index .list #saysLink5 {
	background: #00798a;
	border-left: 1px solid #00798a
}

.clientSays_index .list #saysLink6 {
	background: #008f86
}

.clientSays_index .list #saysLink7 {
	background: #0190d2
}

.clientSays_index .list #saysLink8 {
	background: #005ca5;
	border-right: 1px solid #005ca5
}

.promote_index {
	margin-top: 30px;
	height: 42px;
	line-height: 42px;
	background: #eee
}

.promote_index .title {
	float: left;
	width: 80px;
	height: 100%;
	text-align: right;
	text-decoration: none;
	color: #333
}

.promote_index .content {
	float: left;
	width: 920px;
	height: 100%;
	overflow: hidden
}

.promote_index .content .linkDiv {
	height: auto
}

.promote_index .content .linkDiv a {
	display: inline-block;
	width: auto;
	height: 42px;
	padding-right: 20px;
	color: #555;
	text-decoration: none
}

.promote_index .content .linkDiv a:hover {
	text-decoration: underline
}

.webFunc {
	float: left;
	width: 642px;
	_width: 640px;
	height: 344px
}

.func_index {
	float: left;
	width: 314px;
	height: 167px;
	margin: 0 7px 10px 0;
	_margin: 0 2px 10px 0
}

.funcTop {
	width: 314px;
	height: 13px;
	_font-size: 1px;
	background: url(/image/index/funcnewsBg.png?v=201711250646) 0 0
		no-repeat
}

.funcMiddle {
	width: 314px;
	height: 141px;
	background: url(/image/index/funcnewsBg.png?v=201711250646) -315px 0
		repeat-y
}

.funcLeft {
	float: left;
	width: 126px;
	height: 128px;
	margin: 7px 0 0 2px;
	_margin: 7px 0 0 2px
}

.funcLeftImg1 {
	background: url(/image/index/all2.png?v=201711250646) -135px -1255px
		no-repeat
}

.funcLeftImg2 {
	background: url(/image/index/all2.png?v=201711250646) -138px -1410px
		no-repeat
}

.funcLeftImg3 {
	background: url(/image/index/all2.png?v=201711250646) 0 -1415px
		no-repeat
}

.funcLeftImg4 {
	background: url(/image/index/all2.png?v=201711250646) 0 -1255px
		no-repeat
}

.funcRight {
	float: left;
	width: 150px;
	margin: 14px 0 0 10px;
	text-align: right
}

.funcTitle {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #213e62;
	height: 28px;
	line-height: 28px
}

.funcPrice {
	font-family: "宋体";
	font-size: 13px;
	color: #666;
	height: 25px;
	line-height: 25px;
	font-weight: bold
}

.funcContent {
	padding-left: 6px;
	line-height: 22px;
	color: #999;
	text-align: left
}

.funcBtn {
	float: right;
	margin-top: 4px;
	width: 87px;
	height: 26px
}

.funcBtnGraw {
	display: block;
	width: 87px;
	height: 26px;
	background: url(/image/index/all.png?v=201711250646) 0 -339px no-repeat
}

.funcBtnFree {
	display: block;
	width: 87px;
	height: 26px;
	background: url(/image/index/all.png?v=201711250646) -147px -260px
		no-repeat
}

.funcBtnFree:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -339px
		no-repeat
}

.funcBtnPro:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -755px
		no-repeat
}

.funcBtnGrawPro2:hover {
	background: url(/image/index/all.png?v=201711250646) 0 -755px no-repeat
}

.funcBtnGrawBiz:hover {
	background: url(/image/index/all.png?v=201711250646) 0 -260px no-repeat
}

.funcBottom {
	width: 314px;
	height: 13px;
	background: url(/image/index/funcnewsBg.png?v=201711250646) -632px 0
		no-repeat
}

.webIndexNews {
	float: left;
	width: 314px;
	height: 344px;
	overflow: hidden
}

.newsTop {
	width: 314px;
	height: 13px;
	_font-size: 1px
}

.newsMiddle {
	width: 314px;
	height: auto
}

.newsDiv {
	width: 267px;
	height: 100%;
	margin: auto
}

.newsTitle {
	width: 267px;
	height: 23px;
	border-bottom: 1px dashed #b5b3b5
}

.newsTitleLeft {
	float: left;
	width: 210px;
	height: 100%;
	font-size: 14px;
	color: #333;
	margin-left: 10px
}

.newsTitleLeft a {
	font-size: 14px;
	color: #333;
	text-decoration: none
}

.newsTitleRight {
	float: left;
	height: 100%;
	line-height: 23px;
	font-size: 12px
}

.newsTitleRight a {
	text-decoration: none;
	color: #608bc5
}

.newsContent {
	width: 267px;
	height: auto;
	margin-top: 5px
}

.newsList {
	width: 100%;
	height: 27px;
	line-height: 27px
}

.newsListLeft {
	float: left;
	height: 27px
}

.newsList font {
	color: #608bc5;
	font-size: 12px
}

.newsList a {
	color: #666;
	text-decoration: none
}

.newsList a:hover {
	text-decoration: underline
}

.newsTime {
	float: right;
	width: 70px;
	height: 100%;
	color: #828282
}

.newsIcon {
	float: left;
	width: 30px;
	_width: 25px;
	height: 27px;
	background: url(/image/index/icon2.png?v=201711250646) 0 40% no-repeat
}

.news {
	float: left;
	width: 235px;
	color: #828282
}

.newsDiv .promoteContent {
	height: 135px;
	overflow: hidden;
	position: relative
}

.promoteLine {
	width: 100%;
	height: 27px;
	line-height: 27px;
	color: #828282
}

.promoteList0 {
	float: left;
	width: 133px;
	height: 27px;
	line-height: 27px;
	border-right: 1px dotted #b5b3b5
}

.promoteList1 {
	float: left;
	width: 133px;
	height: 27px;
	line-height: 27px
}

.promotes {
	float: left;
	width: 93px;
	padding-left: 30px;
	_padding-left: 25px;
	margin-right: 10px;
	_margin-right: 5px;
	background: url(/image/index/icon2.png?v=201711250646) 0 center
		no-repeat
}

.promotes a {
	color: #828282;
	text-decoration: none
}

.promotes a:hover {
	text-decoration: underline
}

.newsBottom {
	width: 314px;
	height: 13px
}

.tg_title {
	width: 314px;
	height: auto;
	padding-top: 15px
}

.tg_title a {
	color: #666;
	text-decoration: none;
	line-height: 25px;
	letter-spacing: .2mm
}

.tg_title a:hover {
	text-decoration: underline;
	color: #608bc5
}

.jzHelp {
	width: 237px;
	padding-left: 30px;
	_padding-left: 25px;
	background: url(/image/index/icon2.png?v=201711250646) 0 center
		no-repeat
}

.jzHelp a {
	color: #828282;
	text-decoration: none
}

.jzHelp a:hover {
	text-decoration: underline
}

.indexSeo {
	margin-top: 100px
}

.webLink_index {
	clear: both;
	width: 100%;
	background-color: #e8e8e8;
	margin-top: 40px;
	border-top: 5px solid #d8d8d8
}

.link_index {
	padding: 8px 0 10px 0;
	position: relative
}

.linkLine {
	position: absolute;
	left: 245px;
	top: 25px;
	bottom: 25px;
	width: 2px;
	height: auto;
	*height: expression(document.getElementById ( "link_index")
		.offsetHeight- 50);
	background: url(/image/index/linkLine2.png?v=201711250646) repeat-y
}

.linkLine2 {
	position: absolute;
	left: 480px;
	_left: 485px;
	top: 25px;
	bottom: 25px;
	width: 2px;
	height: auto;
	*height: expression(document.getElementById ( "link_index")
		.offsetHeight- 50);
	background: url(/image/index/linkLine2.png?v=201711250646) repeat-y
}

.linkTitle {
	width: 100%;
	height: 41px;
	line-height: 41px;
	text-align: center;
	color: #666;
	letter-spacing: 3px
}

.linkTitle span {
	color: #a4a4a4;
	letter-spacing: 0
}

.linkTitle span:hover {
	color: #00658f
}

.linkLeft {
	float: left;
	width: 250px
}

.linkLeftContent {
	width: 230px;
	padding: 0 10px
}

.linkLeftPicture {
	float: left;
	height: 26px;
	margin: 0 18px 15px 0
}

.linkLeftPicture a {
	display: block;
	height: 26px
}

.linkLeftPic1 {
	width: 56px;
	background: url(/image/index/all.png?v=201711250646) 6px -784px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 6px -784px
		no-repeat
}

.linkLeftPic1:hover {
	background: url(/image/index/all.png?v=201711250646) -141px -784px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -141px -784px
		no-repeat
}

.linkLeftPic2 {
	width: 60px;
	background: url(/image/index/all.png?v=201711250646) 8px -813px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 8px -813px
		no-repeat
}

.linkLeftPic2:hover {
	background: url(/image/index/all.png?v=201711250646) -139px -813px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -139px -813px
		no-repeat
}

.linkLeftPic3 {
	width: 60px;
	background: url(/image/index/all.png?v=201711250646) 8px -842px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 8px -842px
		no-repeat
}

.linkLeftPic3:hover {
	background: url(/image/index/all.png?v=201711250646) -139px -842px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -139px -842px
		no-repeat
}

.linkLeftPic4 {
	width: 67px;
	background: url(/image/index/all.png?v=201711250646) 7px 0 no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 7px 0 no-repeat
}

.linkLeftPic4:hover {
	background: url(/image/index/all.png?v=201711250646) -140px 0 no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -140px 0 no-repeat
}

.linkLeftPic6 {
	width: 38px;
	background: url(/image/index/all.png?v=201711250646) 5px -369px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 5px -369px
		no-repeat
}

.linkLeftPic6:hover {
	background: url(/image/index/all.png?v=201711250646) -142px -369px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -142px -369px
		no-repeat
}

.linkLeftPic7 {
	width: 56px;
	background: url(/image/index/all.png?v=201711250646) 0 -964px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -964px no-repeat
}

.linkLeftPic7:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -964px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -964px
		no-repeat
}

.linkLeftPic8 {
	width: 61px;
	background: url(/image/index/all.png?v=201711250646) 5px -397px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 5px -397px
		no-repeat
}

.linkLeftPic8:hover {
	background: url(/image/index/all.png?v=201711250646) -142px -397px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -142px -397px
		no-repeat
}

.linkLeftPic9 {
	width: 56px;
	background: url(/image/index/all.png?v=201711250646) -46px -813px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -46px -813px
		no-repeat
}

.linkLeftPic9:hover {
	background: url(/image/index/all.png?v=201711250646) -194px -813px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -194px -813px
		no-repeat
}

.linkMiddle {
	float: left;
	width: 460px
}

.linkMiddleContent {
	width: 440px;
	padding: 0 0 0 20px
}

.linkUl {
	width: 100%;
	height: auto;
	padding: 0
}

.linkUl li {
	float: left;
	padding-right: 15px;
	height: 23px
}

.linkUl li a {
	color: #a4a4a4;
	text-decoration: none;
	line-height: 23px
}

.linkUl li a:hover {
	color: #00658f
}

.linkMiddle .linkUrl {
	display: inline-block;
	padding-right: 10px;
	height: 23px;
	line-height: 23px;
	color: #a4a4a4;
	text-decoration: none
}

.linkMiddle .linkUrl:hover {
	color: #00658f
}

.linkRight {
	float: left;
	width: 235px
}

.linkRighContentt {
	width: 220px;
	padding: 0 0 0 15px
}

.linkRightPicture {
	float: left;
	height: 23px;
	margin: 0 11px 15px 0
}

.linkRightPicture a {
	display: block;
	height: 23px
}

.linkRightPic1 {
	width: 53px;
	background: url(/image/index/all.png?v=201711250646) 0 -290px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -290px no-repeat
}

.linkRightPic1:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -290px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -290px
		no-repeat
}

.linkRightPic2 {
	width: 47px;
	background: url(/image/index/all.png?v=201711250646) 0 -25px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -25px no-repeat
}

.linkRightPic2:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -25px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -25px
		no-repeat
}

.linkRightPic3 {
	width: 63px;
	background: url(/image/index/all.png?v=201711250646) 0 -908px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -908px no-repeat
}

.linkRightPic3:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -908px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -908px
		no-repeat
}

.linkRightPic4 {
	width: 64px;
	background: url(/image/index/all.png?v=201711250646) 0 -931px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -931px no-repeat
}

.linkRightPic4:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -931px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -931px
		no-repeat
}

.linkRightPic5 {
	width: 59px;
	background: url(/image/index/all.png?v=201711250646) 0 -991px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -991px no-repeat
}

.linkRightPic5:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -991px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -991px
		no-repeat
}

.linkRightPic6 {
	width: 60px;
	background: url(/image/index/all.png?v=201711250646) 0 -48px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -48px no-repeat
}

.linkRightPic6:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -48px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -48px
		no-repeat
}

.linkRightPic7 {
	width: 59px;
	background: url(/image/index/all.png?v=201711250646) 0 -887px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -887px no-repeat
}

.linkRightPic7:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -887px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -887px
		no-repeat
}

.linkRightPic8 {
	width: 64px;
	background: url(/image/index/all.png?v=201711250646) 0 -868px no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) 0 -868px no-repeat
}

.linkRightPic8:hover {
	background: url(/image/index/all.png?v=201711250646) -147px -868px
		no-repeat;
	_background: url(/image/index/all.gif?v=201711250646) -147px -868px
		no-repeat
}

.serviceBox {
	width: 188px;
	height: 316px;
	position: absolute;
	top: 250px;
	z-index: 100;
	background: url(/image/serviceBox4.png?v=201805071125)
}

.serviceBox2 {
	width: 188px;
	height: 400px;
	position: absolute;
	top: 250px;
	z-index: 100;
	background: url(/image/serviceBox.png?v=201711250646)
}

.serviceBox .serviceTitle {
	position: absolute;
	top: 118px;
	right: 20px;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #013684;
	text-decoration: none
}

.serviceBox .serviceTitle:hover {
	color: #f30
}

.serviceBox .serviceText {
	position: absolute;
	top: 185px;
	left: 56px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 12px
}

.serviceBox .serviceText2 {
	position: absolute;
	top: 220px;
	left: 56px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 12px
}

.serviceBox .serviceText3 {
	position: absolute;
	top: 175px;
	left: 59px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 12px
}

.serviceBox .serviceText4 {
	position: absolute;
	top: 212px;
	left: 59px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 12px
}

.serviceBox .oemServiceTitle2 {
	position: absolute;
	top: 329px;
	right: 26px;
	width: 90px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #013684;
	text-decoration: none
}

.serviceBox .oemServiceTitle2:hover {
	color: #f30
}

.serviceBox .oemServiceText {
	position: absolute;
	top: 268px;
	left: 56px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 14px
}

.serviceBox .oemServiceText2 {
	position: absolute;
	top: 362px;
	left: 61px;
	width: 112px;
	height: 27px;
	line-height: 30px;
	text-align: center;
	color: #013684;
	cursor: pointer;
	font-size: 14px
}

.serviceBox .servicePhone2 {
	position: absolute;
	top: 50px;
	right: 11px;
	width: 130px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #557fb9;
	font-family: "微软雅黑";
	font-size: 14px
}

.webBanner_proFunc {
	clear: both;
	width: 100%;
	height: 200px;
	background: url(/image/proFunc/bannerbg_2.png?v=201711250646) repeat-x
}

.banner_proFun {
	height: 100%;
	background: url(/image/proFunc/banner_2.jpg?v=201711250646) no-repeat
}

.webProFunc {
	clear: both;
	height: auto
}

.proTableDiv {
	width: 960px;
	height: auto;
	position: relative
}

.proFuncHead {
	font-family: '微软雅黑', sans-serif;
	clear: both;
	display: block;
	width: 960px;
	height: 46px;
	position: relative;
	overflow: hidden;
	border-collapse: collapse;
	font-size: 18px;
	padding-left: 4px
}

.tableHead {
	float: left;
	height: 100%;
	position: relative
}

.tableHead p {
	line-height: 18px;
	font-size: 12px;
	padding: 0 8px 16px 8px;
	letter-spacing: normal;
	margin: 0;
	color: #fff
}

.tableHead1 {
	border-collapse: collapse;
	height: auto;
	width: 210px
}

.tableHead2 {
	border-collapse: collapse;
	height: auto;
	width: 185px
}

.tableHead3 {
	border-collapse: collapse;
	height: auto;
	width: 185px
}

.tableHead4 {
	position: relative;
	margin-left: -1px;
	border-collapse: collapse;
	height: auto;
	width: 185px
}

.tableHead5 {
	margin-left: -1px;
	border-collapse: collapse;
	height: auto;
	width: 185px
}

.tableHead6 {
	display: none
}

.tableHead7 {
	border-collapse: collapse;
	height: auto;
	width: 185px;
	display: none
}

.tableHeadBottom1 {
	position: relative;
	width: 215px;
	height: 72px;
	line-height: 72px
}

.tableHeadBottom2 {
	position: relative;
	width: 185px;
	height: auto;
	line-height: 72px;
	color: #333;
	text-align: center;
	font-size: 18px
}

.tableHeadBottom3 {
	position: relative;
	width: 185px;
	height: auto;
	line-height: 72px;
	color: #333;
	text-align: center;
	font-size: 18px
}

.tableHeadBottom4 {
	position: relative;
	width: 185px;
	height: auto;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 72px
}

.tableHeadBottom5 {
	position: relative;
	width: 185px;
	height: auto;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 72px
}

.tableHeadBottom7 {
	display: none;
	position: relative;
	width: 185px;
	height: auto;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 72px
}

.tableHeadBottom6 {
	display: none
}

.thactive {
	background-color: #389cda;
	color: #fff;
	border: 1px solid #389cda;
	z-index: 1
}

.thactive .tableHeadBottom1 {
	color: #fff
}

.thactive .tableHeadBottom2 {
	color: #fff
}

.thactive .tableHeadBottom3 {
	color: #fff
}

.thactive .tableHeadBottom4 {
	color: #fff
}

.thactive .tableHeadBottom5 {
	color: #fff
}

.tableHeadPic {
	width: 192px;
	height: 100%;
	text-align: center;
	font-size: 19px;
	color: #fff;
	background: #4173ad;
	line-height: 61px;
	font-weight: bold;
	letter-spacing: 5px
}

.tableHeadClone {
	width: 960px;
	height: 60px;
	margin: 0 auto
}

.tableHeadClone .tableHead1 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead2 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead3 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead4 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead5 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead6 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead7 {
	border-color: #1d7ebb
}

.tableHeadClone .tableHead1 .tableHeadBottom1 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead2 .tableHeadBottom2 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead3 .tableHeadBottom3 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead4 .tableHeadBottom4 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead5 .tableHeadBottom5 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead6 .tableHeadBottom6 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.tableHeadClone .tableHead7 .tableHeadBottom7 {
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px
}

.hot {
	display: block;
	width: 70px;
	height: 70px;
	background: url(/image/proFunc/hot.png?v=201711250646) no-repeat;
	_background: url(/image/proFunc/hot.gif?v=201711250646) no-repeat;
	position: absolute;
	top: -7px;
	left: -6px;
	_top: -8px;
	_left: -6px
}

.smallhot {
	display: block;
	width: 33px;
	height: 33px;
	background: url(/image/proFunc/smallhot.png?v=201711250646) no-repeat;
	_background: url(/image/proFunc/smallhot.gif?v=201711250646) no-repeat;
	position: absolute;
	top: 9px;
	left: -1px
}

.proFuncContent {
	clear: both;
	display: block;
	position: relative;
	width: 960px;
	height: auto;
	text-align: center
}

.hide {
	display: none
}

.proTrPrice {
	clear: both;
	display: block;
	width: 956px;
	height: 40px;
	color: #f30;
	font-size: 16px;
	padding-left: 4px
}

.proTrFirst {
	clear: both;
	display: block;
	width: 960px;
	height: 60px;
	font-family: "微软雅黑"
}

.proTrSecond1 {
	clear: both;
	display: block;
	width: 960px;
	height: 60px
}

.proTrSecond2 {
	clear: both;
	display: block;
	width: 960px;
	height: 60px;
	font-family: "微软雅黑"
}

.proTrSecond3 {
	clear: both;
	display: block;
	width: 960px;
	height: 75px
}

.proTrInde {
	clear: both;
	display: block;
	width: 944px;
	height: 60px;
	text-align: center;
	background: #f0f4f6;
	line-height: 60px;
	font-family: "微软雅黑";
	color: #666;
	font-size: 18px;
	padding-left: 16px
}

.proTrTitle {
	clear: both;
	display: block;
	width: 960px;
	height: 55px;
	text-align: left;
	line-height: 65px;
	font-family: "微软雅黑";
	color: #f30;
	font-size: 20px;
	border-bottom: 2px solid #ff704c
}

.proTrBtn {
	clear: both;
	display: block;
	width: 960px;
	height: 70px;
	position: relative;
	margin-bottom: 63px
}

.proTd1-1 {
	float: left;
	width: 215px;
	color: #333;
	font-size: 14px;
	position: relative
}

.proTd1-1 .details {
	display: inline-block;
	position: absolute;
	top: 11px;
	width: 16px;
	height: 16px;
	background: url(/image/proFunc/wenhao.png?v=201711250646) no-repeat
}

.proTd1-2 {
	float: left;
	width: 215px;
	color: #333;
	font-size: 14px
}

.proTd1-2 span {
	letter-spacing: 0
}

.proTd2 {
	float: left;
	width: 185px;
	font-size: 14px;
	color: #333
}

.proTd3 {
	float: left;
	width: 185px;
	font-size: 14px;
	color: #333
}

.proTd4 {
	float: left;
	width: 185px;
	font-size: 14px;
	color: #333
}

.proTd5 {
	float: left;
	width: 185px;
	font-size: 14px;
	color: #333
}

.proTd6 {
	display: none;
	font-size: 14px;
	color: #333
}

.proTd7 {
	display: none
}

.proIndeLeft {
	float: left;
	width: 154px;
	height: 40px;
	line-height: 40px;
	color: #33649e;
	font-size: 14px;
	background: #fcfcfc;
	font-family: "微软雅黑"
}

.proIndeRight {
	float: left;
	width: 728px;
	height: 40px;
	position: relative
}

.heightPrice {
	height: 40px;
	font-family: "微软雅黑";
	color: #f30;
	margin-left: -2px
}

.heightPrice2 {
	height: 40px;
	font-family: "微软雅黑";
	color: #f30
}

.heightFirst {
	height: 60px;
	line-height: 60px
}

.heightSecond1 {
	height: 60px;
	line-height: 60px;
	font-family: "微软雅黑"
}

.heightSecond2 {
	height: 34px;
	line-height: 34px;
	font-family: "微软雅黑";
	padding-top: 13px;
	padding-bottom: 13px
}

.heightSecond3 {
	height: 74px;
	line-height: 74px
}

.heightBtn {
	height: 65px
}

.mark {
	background: #f0f4f6
}

.proLineTop {
	border-top: 1px solid #d8d8d8
}

.proBottom {
	height: 65px;
	line-height: 65px
}

.proLineDottedBottom {
	border-bottom: 1px dotted #dfdfdf;
	font-family: "微软雅黑"
}

.support {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(/image/proFunc/yes3_w.jpg?v=201711250646) 0 50%
		no-repeat
}

.supportGray {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(/image/proFunc/yes3_g.jpg?v=201711250646) 0 50%
		no-repeat
}

.nosupport {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(/image/proFunc/no3_w.jpg?v=201711250646) 0 50% no-repeat
}

.nosupportGray {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(/image/proFunc/no3_g.jpg?v=201711250646) 0 50% no-repeat
}

.xiala {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(/image/proFunc/down.png?v=201711250646) no-repeat;
	position: absolute;
	left: 282px;
	cursor: pointer
}

.xiala2 {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(/image/proFunc/down.png?v=201711250646) no-repeat;
	position: absolute;
	right: 262px;
	cursor: pointer
}

.shangshou {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(/image/proFunc/up.png?v=201711250646) no-repeat;
	position: absolute;
	left: 282px;
	cursor: pointer
}

.shangshou2 {
	width: 184px;
	height: 10px;
	background: url(/image/proFunc/up.png?v=201711250646) no-repeat;
	position: absolute;
	right: 262px;
	cursor: pointer
}

.website {
	width: 214px;
	height: 100%;
	background: url(/image/proFunc/website.jpg?v=201711250646) 0 50%
		no-repeat
}

.proOpen {
	display: inline-block;
	width: 120px;
	line-height: 40px;
	background: #f40;
	margin-top: 15px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px
}

.proOpen:hover {
	background: #2fb518
}

.proBuy {
	display: inline-block;
	width: 120px;
	line-height: 40px;
	background: #f40;
	margin-top: 15px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px
}

.proBuy:hover {
	background: #2fb518
}

.proFoot {
	display: block;
	width: 884px;
	height: 29px;
	background: url(/image/proFunc/foot.png?v=201711250646) no-repeat
}

.mao {
	width: 50px;
	height: 163px;
	position: fixed;
	bottom: 30px;
	font-size: 14px;
	font-family: "微软雅黑";
	z-index: 100px;
	margin-left: 1000px;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop) +600)
}

.mao .backTop {
	width: 47px;
	height: 47px;
	background: url(/image/proFunc/backTop.jpg?v=201711250646) center
		no-repeat;
	cursor: pointer
}

.mao .backTop:hover {
	background: url(/image/proFunc/backTop_h.jpg?v=201711250646) center
		no-repeat
}

.mao .backComputer {
	width: 47px;
	height: 47px;
	background: #b5b5b5;
	margin-top: 7px;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.mao .backComputer:hover {
	background: #f30
}

.mao .backPhone {
	width: 47px;
	height: 47px;
	background: #b5b5b5;
	margin-top: 7px;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.mao .backPhone:hover {
	background: #f30
}

.mao .backWeixin {
	width: 47px;
	height: 47px;
	background: #b5b5b5;
	margin-top: 7px;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.mao .backWeixin:hover {
	background: #f30
}

.mao .backFeature {
	width: 30px;
	height: 30px;
	margin: auto;
	padding: 8px;
	line-height: 15px
}

.headDiv {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	display: none;
	z-index: 1000;
	opacity: .9;
	-moz-opacity: .9;
	filter: alpha(opacity = 90);
	_position: absolute;
	_left: 0;
	_top: expression(eval(document.documentElement.scrollTop))
}

.proBorderRight, .proBorderLeft, .proBorderBottom {
	display: none;
	position: absolute;
	background-color: transparent;
	width: 1px
}

.proBorderRight, .proBorderLeft {
	top: -1px;
	border-left: 1px solid #389cda
}

.proBorderBottom {
	border-bottom: 1px solid #389cda
}

.proBanner {
	width: 100%;
	height: auto;
	background: #faf1eb
}

.proBannerImg {
	width: 960px;
	height: 270px;
	background: url(/image/proFunc/banner_3.png?v=201711250646) no-repeat;
	margin: 0 auto
}

.webBanner_reg {
	clear: both;
	width: 100%;
	height: 74px;
	background: url(/image/reg/bannerbg.png?v=201711250646) 0 0 repeat-x
}

.banner_reg {
	height: 171px;
	background: url(/image/reg/banner_3.png?v=201711250646) center no-repeat
}

.arrow_reg {
	display: block;
	width: 81px;
	height: 64px;
	background: url(/image/reg/arrow.png?v=201711250646) no-repeat;
	position: absolute;
	left: 385px;
	top: 33px
}

.regContent {
	clear: both;
	display: block;
	width: 806px;
	height: auto;
	margin: auto;
	padding-top: 25px
}

.regStep {
	clear: both;
	display: block;
	width: 100%;
	height: 80px
}

.regStepLeft {
	float: left;
	width: 180px;
	height: 100%
}

.regStepOne {
	float: left;
	width: 195px;
	height: 100%;
	background: url(/image/reg/one.png?v=201711250646) no-repeat
}

.regToRight {
	float: left;
	width: 60px;
	height: 100%;
	background: url(/image/reg/toright.png?v=201711250646) 0 22px no-repeat
}

.regStepTwo {
	float: left;
	width: 240px;
	height: 100%;
	background: url(/image/reg/two.png?v=201711250646) no-repeat
}

.regLine1 {
	clear: both;
	width: 100%;
	height: 16px;
	background: url(/image/reg/dotted.png?v=201711250646) 50% 0 no-repeat
}

.regLine2 {
	clear: both;
	width: 500px;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-top: 1px dotted #d7d7d7
}

.regIframe {
	width: 100%;
	height: 465px
}

.regFoot {
	clear: both;
	width: 808px;
	height: 33px;
	background: url(/image/reg/foot.png?v=201711250646) no-repeat;
	margin: auto;
	margin-bottom: 20px
}

.successContent {
	clear: both;
	display: block;
	width: 100%;
	height: 580px
}

.successPaper {
	display: block;
	width: 790px;
	height: 380px;
	background-color: #fff;
	position: relative;
	margin: auto
}

.sucPaperSmile {
	position: absolute;
	left: 130px;
	top: 70px
}

.sucPaperPhone {
	position: absolute;
	right: 30px;
	bottom: 10px
}

.sucPaperText {
	position: absolute;
	left: 180px;
	top: 200px;
	display: block;
	width: 500px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #838383;
	background: url(/image/regSuccess/ico.png?v=201711250646) no-repeat 0
		10px;
	padding-left: 30px
}

.sucPaperText a {
	color: #004dcc
}

.sucPaperBg {
	position: absolute;
	right: 0;
	bottom: 0
}

.successBottom {
	clear: both;
	display: block;
	width: 790px;
	height: 7px;
	margin: auto
}

.sucBotLeft {
	float: left;
	width: 7px;
	height: 7px;
	background: url(/image/regSuccess/botleft.png?v=201711250646) no-repeat
}

.sucBotMiddle {
	float: left;
	width: 776px;
	height: 7px
}

.sucBotRight {
	float: left;
	width: 7px;
	height: 7px;
	background: url(/image/regSuccess/botright.png?v=201711250646) no-repeat
}

.webPrice {
	clear: both;
	height: auto
}

.webPrice .proDiv {
	margin-left: 38px;
	height: 30px;
	font-size: 12px
}

.webPrice .proDiv .text {
	display: inline-block;
	height: 15px;
	padding-left: 30px;
	color: #333;
	background: url(/image/price/pro315.gif?v=201711250646) 5px 0 no-repeat
}

.webPrice .proDiv a {
	color: #09c;
	text-decoration: none
}

.priceBanner {
	width: 883px;
	height: 100px;
	margin: 0 auto 20px auto;
	background: url(/image/price/banner.png?v=201711250646) no-repeat
}

.priceDiv {
	width: 883px;
	height: auto;
	padding: 0 39px 21px 38px
}

.priceHead {
	clear: both;
	display: block;
	width: 881px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: 1px solid #d2d2d2;
	font-family: "微软雅黑"
}

.priceHead1 {
	float: left;
	width: 125px;
	height: 100%;
	border-right: 1px solid #9bceeb;
	font-family: "微软雅黑"
}

.priceHead2 {
	float: left;
	width: 351px;
	height: 100%;
	border-right: 1px solid #9bceeb
}

.priceHead2Top {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #9bceeb;
	text-align: center
}

.priceHead2Top a {
	color: #fff799;
	font-size: 12px;
	text-decoration: none
}

.priceHead2Bottom {
	width: 100%;
	height: 29px;
	line-height: 28px;
	font-size: 12px
}

.priceHead21 {
	float: left;
	width: 116px;
	height: 100%;
	border-right: 1px solid #9bceeb
}

.priceHead24 {
	float: left;
	width: 116px;
	height: 100%;
	border-right: 1px solid #9bceeb;
	font-size: 14px;
	color: #fff6db;
	text-shadow: 1px 1px 1px #426895;
	font-weight: bold
}

.priceHead22 {
	float: left;
	width: 116px;
	height: 100%;
	border-right: 1px solid #9bceeb
}

.priceHead23 {
	float: left;
	width: 117px;
	height: 100%
}

.priceHead3 {
	float: left;
	width: 300px;
	height: 100%;
	border-right: 1px solid #9bceeb
}

.priceHead4 {
	float: left;
	width: 102px;
	height: 100%
}

.priceLine {
	clear: both;
	width: 881px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed
}

.priceTd1 {
	float: left;
	width: 125px;
	height: 100%;
	border-right: 1px solid #ededed;
	position: relative;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #000
}

.priceTd_1 {
	float: left;
	width: 125px;
	height: 100%;
	border-right: 1px solid #ededed;
	position: relative;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #111;
	text-indent: 24px;
	display: table-cell;
	vertical-align: middle
}

.priceTd_1 img {
	_margin: 16px 0
}

.priceTd1 a {
	text-decoration: none
}

.priceTd1 a:hover {
	text-decoration: underline
}

.priceTd1 img {
	position: absolute;
	top: 10px;
	right: 10px
}

.priceTd2 {
	float: left;
	width: 351px;
	height: 100%;
	border-right: 1px solid #ededed
}

.priceTd21 {
	float: left;
	width: 116px;
	height: 100%;
	border-right: 1px solid #ededed;
	font-family: "微软雅黑";
	color: #000
}

.priceTd22 {
	float: left;
	width: 116px;
	height: 70px;
	padding: 11px 0;
	border-right: 1px solid #ededed;
	line-height: 32px;
	font-family: "微软雅黑";
	color: #000
}

.priceTd23 {
	float: left;
	width: 117px;
	height: 46px;
	padding: 11px 0;
	line-height: 32px;
	font-family: "微软雅黑";
	color: #000
}

.priceTd24 {
	float: left;
	width: 116px;
	height: 100%;
	border-right: 1px solid #ededed;
	font-family: "微软雅黑";
	color: #f20;
	font-weight: bold
}

.priceTd3 {
	float: left;
	width: 288px;
	height: 100%;
	border-right: 1px solid #ededed;
	text-align: left;
	padding-left: 12px;
	font-family: "微软雅黑";
	color: #999
}

.priceTd31 {
	float: left;
	width: 270px;
	height: 52px;
	border-right: 1px solid #ededed;
	padding: 10px 15px;
	line-height: 25px;
	text-align: left;
	font-family: "微软雅黑";
	color: #999
}

.priceTd32 {
	float: left;
	width: 272px;
	height: 60px;
	border-right: 1px solid #ededed;
	padding: 15px 14px;
	line-height: 20px;
	text-align: left;
	font-family: "微软雅黑";
	color: #999
}

.priceRefund {
	color: #09c
}

.priceTd4 {
	float: left;
	width: 102px;
	height: 100%
}

.priceTd4 .buyBtn {
	display: inline-block;
	width: 89px;
	height: 29px;
	line-height: 29px;
	background-color: #389cda;
	margin-top: 20px;
	text-decoration: none;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff
}

.priceTd4 .buyBtn:hover {
	background-color: #42abe2
}

.priceTd4 .buyPop {
	display: inline-block;
	width: 89px;
	height: 29px;
	line-height: 29px;
	background-color: #f77b1b;
	margin-top: 20px;
	text-decoration: none;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff
}

.priceTd4 .buyPop:hover {
	background-color: #f88e1e
}

.oldPrice {
	text-decoration: line-through
}

.newPrice {
	font-weight: bold
}

.newPrice2 {
	color: #444;
	font-weight: bold
}

.newPrice3 {
	color: #000;
	font-weight: bold
}

.newPrice3_2 {
	color: #595959;
	font-weight: bold
}

.newPrice3_3 {
	color: #ff6500;
	font-weight: bold;
	font-size: 14px
}

.newPrice3_4 {
	color: #f20;
	font-weight: bold;
	font-size: 16px
}

.priceBackGray {
	background: url(/image/price/backGray.png?v=201711250646) repeat-x
}

.priceTd22 .ad {
	color: #fff;
	background: #ff6500;
	font-family: "微软雅黑";
	padding: 2px 5px
}

.priceBottom {
	clear: both;
	width: 881px;
	height: 48px;
	line-height: 55px;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed
}

.priceTd5 {
	float: left;
	width: 351px;
	height: 100%;
	border-right: 1px solid #ededed;
	letter-spacing: 3px;
	font-family: "微软雅黑";
	color: 000
}

.priceTd6 {
	float: left;
	width: 391px;
	height: 100%;
	text-align: left;
	padding-left: 12px;
	font-family: "微软雅黑";
	color: #b5acad
}

.priFoot {
	clear: both;
	width: 100%;
	height: 15px;
	background: url(/image/price/foot.png?v=201711250646) no-repeat
}

.webContact {
	clear: both;
	display: block;
	width: 100%;
	height: 550px
}

.contactPaper {
	display: block;
	width: 807px;
	height: 400px;
	background-color: #fff;
	position: relative;
	margin: auto;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9
}

.contactPaper .imgContact {
	position: absolute;
	top: 65px;
	left: 90px
}

.contactPaper .people {
	position: absolute;
	bottom: 30px;
	right: 55px
}

.contactDotted {
	width: 650px;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: auto;
	margin-top: 135px
}

.contactText {
	position: absolute;
	display: block;
	width: 500px;
	height: auto;
	left: 55px;
	font-size: 14px
}

.contactText .conTextLine {
	width: auto;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
	font-family: "微软雅黑";
	color: #21709b
}

.contactText .conTextLine a {
	font-family: "微软雅黑";
	color: #21709b
}

.contactText .conTextLine a:hover {
	color: #f30
}

.contactBottom {
	clear: both;
	display: block;
	width: 809px;
	height: 7px;
	margin: auto
}

.conBotLeft {
	float: left;
	width: 7px;
	height: 7px;
	background: url(/image/regSuccess/botleft.png?v=201711250646) no-repeat
}

.conBotMiddle {
	float: left;
	width: 795px;
	height: 7px;
	background: url(/image/regSuccess/botmiddle.png?v=201711250646) repeat-x
}

.conBotRight {
	float: left;
	width: 7px;
	height: 7px;
	background: url(/image/regSuccess/botright.png?v=201711250646) no-repeat
}

.webAlliance {
	clear: both;
	display: block;
	width: 100%;
	height: auto
}

.webAlliance .banner {
	width: 100%;
	background: url(/image/alliance/bnr.jpg?v=201711250646) center no-repeat;
	height: 360px
}

.alliancePaper1 {
	width: 100%;
	height: 360px;
	background: #fff
}

.alliancePaper1 .content {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 1080px;
	margin: 0 auto;
	line-height: 36px;
	font-family: "微软雅黑";
	padding-top: 92px;
	height: 100%
}

.alliancePaper1 .content .btn1 {
	width: 200px;
	height: 50px;
	background: #d7322d;
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 50px;
	display: block;
	margin: 51px auto
}

.alliancePaper1 .content .btn1:hover {
	background: #e14641
}

.alliancePaper2 {
	width: 100%;
	height: 400px;
	background: url(/image/alliance/l1.jpg?v=201711250646) center no-repeat
}

.alliancePaper2 .content {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 1080px;
	margin: 0 auto;
	line-height: 36px;
	font-family: "微软雅黑";
	height: 100%
}

.alliancePaper2 .content .contentRight {
	width: 435px;
	height: auto;
	float: right;
	text-align: left;
	margin-top: 114px
}

.alliancePaper2 .content .btn2 {
	width: 168px;
	height: 42px;
	background: #d7322d;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 42px;
	display: block;
	margin-top: 28px
}

.alliancePaper2 .content .btn2:hover {
	background: #e14641
}

.alliancePaper3 {
	width: 100%;
	height: 400px;
	background: url(/image/alliance/l2.jpg?v=201711250646) center no-repeat
}

.alliancePaper3 .content {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	line-height: 30px;
	font-family: "微软雅黑";
	height: 100%
}

.alliancePaper3 .content .contentLeft {
	width: 400px;
	height: auto;
	float: left;
	text-align: left;
	margin-top: 100px
}

.alliancePaper3 .content .btn3 {
	width: 168px;
	height: 42px;
	background: #d7322d;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 42px;
	display: block;
	margin-top: 28px
}

.alliancePaper3 .content .btn3:hover {
	background: #e14641
}

.alliancePaper4 {
	width: 100%;
	height: 400px;
	background: url(/image/alliance/l3.jpg?v=201711250646) center no-repeat
}

.alliancePaper4 .content {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 1080px;
	margin: 0 auto;
	line-height: 36px;
	font-family: "微软雅黑";
	height: 100%
}

.alliancePaper4 .content .contentRight {
	width: 435px;
	height: auto;
	float: right;
	text-align: left;
	margin-top: 114px
}

.alliancePaper4 .content .btn4 {
	width: 168px;
	height: 42px;
	background: #d7322d;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 42px;
	display: block;
	margin-top: 28px
}

.alliancePaper4 .content .btn4:hover {
	background: #e14641
}

.alliancePaper5 {
	width: 100%;
	height: 400px;
	background: url(/image/alliance/l4.jpg?v=201711250646) center no-repeat
}

.alliancePaper5 .content {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 670px;
	margin: 0 auto;
	line-height: 36px;
	font-family: "微软雅黑";
	height: 100%
}

.alliancePaper5 .content .contentCenter {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	padding-top: 250px;
	margin-left: 25px
}

.alliancePaper5 .content .btn5 {
	width: 200px;
	height: 50px;
	background: #d7322d;
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 50px;
	display: block;
	float: left;
	margin-left: 50px
}

.alliancePaper5 .content .btn5:hover {
	background: #e14641
}

.alliancePaper {
	width: 788px;
	height: auto;
	margin: auto;
	background-color: #fff;
	padding: 40px 62px 60px 48px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 50px;
	border: 1px solid #eaeaea;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px
}

.alTitle {
	width: 100%;
	height: 47px;
	border-bottom: 1px dotted #d9d9d9;
	padding-top: 15px
}

.alTitle span {
	float: left;
	display: block;
	width: 90px;
	height: 35px;
	line-height: 35px;
	background-color: #33649e;
	color: #fff;
	text-align: center
}

.alTitle a {
	float: right;
	display: inline-block;
	line-height: 60px;
	text-decoration: none;
	color: #33649e;
	margin-right: 30px
}

.alContent {
	clear: both;
	width: 100%;
	height: auto
}

.alContent .alText {
	width: 770px;
	height: auto;
	padding: 20px 20px 20px 0;
	text-indent: 2em;
	line-height: 23px
}

.alInvPic {
	clear: both;
	width: 100%;
	height: 265px;
	background: url(/image/alliance/inverstment.png?v=201711250646) 28px
		10px no-repeat;
	position: relative
}

.alInvPic a {
	display: block;
	position: absolute;
	width: 120px;
	height: 32px;
	top: 40px;
	left: 40px
}

.alCoopPic {
	clear: both;
	width: 100%;
	height: 620px;
	background: url(/image/alliance/cooperation.png?v=201711250646) center
		no-repeat;
	margin: 20px 0;
	position: relative;
	font-size: 12px;
	letter-spacing: normal
}

.alCoopPic .title {
	position: absolute;
	width: 150px;
	height: auto;
	top: 50px;
	left: 28px;
	font-size: 14px
}

.alCoopPic .circle1 {
	position: absolute;
	width: 95px;
	height: auto;
	line-height: 25px;
	top: 25px;
	left: 360px;
	color: #fff
}

.alCoopPic .circle2 {
	position: absolute;
	width: 90px;
	height: auto;
	line-height: 25px;
	top: 275px;
	left: 99px;
	color: #fff
}

.alCoopPic .circle3 {
	position: absolute;
	width: 90px;
	height: auto;
	line-height: 23px;
	top: 263px;
	right: 87px;
	color: #fff
}

.alCoopPic .circle4 {
	position: absolute;
	width: 95px;
	height: auto;
	line-height: 21px;
	bottom: 14px;
	left: 360px;
	color: #fff
}

.alCoopPic .square1 {
	position: absolute;
	width: 150px;
	height: auto;
	top: 145px;
	left: 180px;
	color: #00a006
}

.alCoopPic .square2 {
	position: absolute;
	width: 107px;
	height: auto;
	line-height: 18px;
	top: 195px;
	right: 196px;
	color: #00a487
}

.alCoopPic .square3 {
	position: absolute;
	width: 110px;
	height: auto;
	bottom: 150px;
	left: 195px;
	color: #b10092
}

.alCoopPic .square4 {
	position: absolute;
	width: 190px;
	height: auto;
	line-height: 20px;
	bottom: 140px;
	right: 160px;
	_right: 140px;
	color: #cd9000
}

.squareText {
	clear: both;
	width: 100%;
	height: auto;
	text-indent: -1em;
	_text-indent: -9px;
	padding-left: 20px
}

.alCoopPic a {
	display: block;
	position: absolute;
	width: auto;
	height: 16px;
	line-height: 16px;
	background: url(/image/alliance/view.png?v=201711250646) no-repeat;
	bottom: 0;
	right: 110px;
	padding-left: 50px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #b3b3b3
}

.alExtPic {
	clear: both;
	width: 100%;
	height: 347px;
	background: url(/image/alliance/extend.png?v=201711250646) no-repeat
}

.webProject {
	clear: both;
	display: block;
	width: 100%;
	height: auto;
	background: url(/image/shadow_comm.png?v=201711250646) center 0
		no-repeat
}

.projectPaper {
	width: 820px;
	height: auto;
	margin: auto;
	background-color: #fff;
	padding: 40px;
	font-size: 14px;
	margin-bottom: 50px;
	border: 1px solid #eaeaea;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px
}

.projectTitle {
	width: 740px;
	height: 51px;
	line-height: 65px;
	border-bottom: 1px dotted #dadada;
	background: url(/image/project/leaf.png?v=201711250646) 10px 0 no-repeat;
	padding-left: 50px;
	font-weight: bold
}

.projectText {
	clear: both;
	width: 790px;
	height: auto;
	line-height: 23px;
	padding: 30px 0 40px 30px;
	color: #595959;
	font-size: 12px;
	position: relative
}

.projectPic {
	display: block;
	width: 347px;
	height: 176px;
	background: url(/image/project/peitu.png?v=201711250646) no-repeat;
	position: absolute;
	top: 0;
	right: 0
}

.projectBottom {
	clear: both;
	width: 750px;
	height: 80px;
	line-height: 80px;
	padding: 0 35px;
	text-align: right;
	font-size: 12px;
	letter-spacing: 1px;
	border-top: 1px dotted #dbdbdb
}

.projectBottom span {
	display: inline-block;
	width: 35px;
	height: 26px;
	background: url(/image/project/contact.png?v=201711250646) no-repeat
}

.webSeoCase {
	clear: both;
	width: 998px;
	height: auto;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 30px;
	font-size: 14px;
	color: #595959
}

.webSeoCase .caseConTitle {
	color: #595959
}

.webSeoCase .caseTitle {
	color: #484848
}

.webSeoCase .caseConList .caseForm {
	float: left;
	width: 285px;
	height: auto;
	margin: 15px 35px;
	margin-left: 0;
	border: 0
}

.webSeoCase .caseConList .caseForm img {
	margin: 10px
}

.webSeoCase .caseTop {
	background: #f2f2f2;
	height: 54px;
	line-height: 54px;
	width: 960px;
	margin-left: 12px
}

.seoCaseTop {
	width: 940px;
	height: 40px;
	line-height: 40px;
	background: #f8f8f8;
	margin-left: 10px
}

.seoCaseTitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	_margin-left: 10px;
	font-family: "Microsoft Yahei"
}

.seoCaseTop a {
	text-decoration: none;
	color: #595959
}

.seoCaseTop a:hover {
	color: #33649e
}

.seoCaseContent {
	clear: both;
	width: 100%;
	height: auto
}

.seoCaseConTop {
	width: 100%;
	height: 12px
}

.seoCaseConMiddle {
	height: auto;
	padding: 10px
}

.seoCaseConTitle {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 20px
}

.seoCaseTotal {
	float: right;
	padding-right: 45px;
	color: #33649e
}

.seoCaseConList {
	clear: both;
	width: 100%;
	height: auto
}

.seoCaseConList .seoCaseForm {
	float: left;
	width: 250px;
	height: 240px;
	padding: 10px 20px 0 15px
}

.seoCasePic {
	width: 215px;
	height: 120px;
	background: url(/image/seoCase/casePic.png?v=201711250646) no-repeat;
	padding: 13px 0 1px 19px
}

.seoCasePic a {
	display: block;
	width: 200px;
	height: 108px;
	overflow: hidden
}

.seoCasePic a img {
	display: block;
	width: 200px;
	height: 200px
}

.seoCaseConBottom {
	width: 100%;
	height: 18px
}

.webProCase {
	clear: both;
	width: 877px;
	height: auto;
	margin: auto;
	margin-bottom: 30px;
	text-shadow: 1px 1px #fff;
	font-family: "微软雅黑"
}

.proCaseTop {
	width: 100%;
	height: 40px;
	line-height: 40px
}

.proCaseTitle {
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px
}

.proCaseTop a {
	text-decoration: none;
	color: #595959
}

.proCaseTop a:hover {
	color: #33649e
}

.proCaseContent {
	clear: both;
	width: 100%;
	height: auto
}

.proCaseConTop {
	width: 100%;
	height: 12px
}

.proCaseConMiddle {
	width: 857px;
	height: auto;
	padding: 10px
}

.proCaseConList {
	clear: both;
	width: 100%;
	height: auto
}

.proCaseConList .proCaseForm {
	float: left;
	width: 250px;
	height: 50px;
	padding: 0 10px 10px 25px
}

.proCaseText {
	clear: both;
	width: 100%;
	height: 21px;
	line-height: 21px;
	text-align: left;
	padding: 0;
	letter-spacing: 2px;
	text-shadow: 1px 1px #fff
}

.proCaseLink a {
	text-decoration: underline;
	letter-spacing: 0
}

.proCaseConBottom {
	width: 100%;
	height: 18px
}

.proCaseLinkTitle {
	float: left;
	text-align: left;
	width: 56px
}

.proCaseLinkContent {
	float: left;
	text-align: left;
	width: 194px
}

.proCaseKeywordTitle {
	float: left;
	text-align: left;
	width: 50px
}

.proCaseKeywordContent {
	float: left;
	text-align: left;
	width: 145px
}

.proCaseKeywordDiv {
	text-align: left;
	width: 145px
}

.mobiTableDiv {
	padding: 10px 60px 10px 60px
}

.mobiTableDiv_in {
	background: #fff;
	padding: 17px
}

.mobiTableBorderRight {
	border-right: 1px #c2c2c2 solid
}

.mobiTableDivHead3 span {
	margin-left: 5px
}

.mobiTableDiv_inTable {
	border: 1px solid #c2c2c2;
	border-bottom: 0
}

.mobiTableDivHead {
	background: #dfe4e8;
	height: 54px
}

.mobiTableDivHead div {
	width: 200px;
	height: 54px;
	float: left;
	text-align: center;
	line-height: 54px;
	font-size: 16px;
	color: #000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	font-family: "微软雅黑"
}

.mobiTableDivHead .mobiTableDivHead2 {
	width: 200px;
	background: url(/image/mobi/mianfei.png?v=201711250646) 21% 50%
		no-repeat;
	_background: url(/image/mobi/mianfei_gif.gif?v=201711250646) 21% 50%
		no-repeat
}

.mobiTableDivHead .mobiTableDivHead3 {
	width: 200px;
	background: url(/image/mobi/xuancai.png?v=201711250646) 21% 50%
		no-repeat;
	_background: url(/image/mobi/xuancai_gif.gif?v=201711250646) 21% 50%
		no-repeat
}

.mobiTableDivHead .mobiTableDivHead4 {
	width: 200px;
	background: url(/image/mobi/yingxiao.png?v=201711250646) 23% 50%
		no-repeat
}

.mobiTableBorder {
	border-bottom: 1px #c2c2c2 solid
}

.mobiTableMiddle1 {
	height: 60px
}

.mobiTableDivMiddle1Td {
	width: 200px;
	height: 60px;
	float: left;
	line-height: 60px;
	text-indent: .8em
}

.mobiTableDivMiddle1Td2 {
	width: 200px;
	text-align: center
}

.mobiTableDivMiddle1Td p {
	margin: 0;
	padding: 0;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #b11213;
	font-weight: 600
}

.mobiTableDivMiddle1Td p span {
	color: #666;
	font-size: 12px;
	margin-left: 2px;
	font-weight: normal
}

.mobiTableDivMiddle1Td p a {
	display: block;
	width: 91px;
	height: 26px;
	margin: 0 auto;
	color: #fff;
	line-height: 26px;
	cursor: pointer;
	background: url(/image/mobi/buttonBlue.png?v=201711250646) 0 0 no-repeat;
	text-indent: -9999em
}

.mobiTableDivMiddle1Td p a:hover {
	background: url(/image/mobi/buttonBlue.png?v=201711250646) 0 100%
		no-repeat
}

.mobiTableMiddle2Left {
	width: 90px;
	height: 200px;
	float: left;
	font-size: 14px;
	padding-left: 10px;
	background: #dfe4e8
}

.mobiTableMiddle2RightTd {
	float: left;
	width: 200px;
	text-align: center
}

.mobiTableBorderRightLast {
	width: 200px
}

.mobiTableMiddle2RightIn {
	height: 24px
}

.mobiTableMiddle2RightIn div {
	padding: 5px 0
}

.mobiTableMiddle2RightIn .mobiTableMiddle2RightTd1 {
	float: left;
	width: 190px;
	padding-left: 10px
}

.mobiTableMiddle2RightTd span {
	display: block;
	background: url(/image/mobi/rightMail.gif?v=201711250646) 50% 50%
		no-repeat;
	margin: 0 auto;
	text-indent: -9999em
}

.mobiTableMiddle2RightTd span.nosupport {
	background: url(/image/mobi/wrongMail.gif?v=201711250646) 50% 50%
		no-repeat
}

.mobiHeight {
	height: 50px
}

.mobiHeight div {
	line-height: 20px
}

.mobiHeight .mobiTableMiddle2RightTd span {
	height: 40px
}

.mobititle1 {
	height: 151px;
	*height: 150px;
	_height: 160px;
	padding-top: 150px
}

.mobititle2 {
	height: 150px;
	*height: 151px;
	_height: 160px;
	padding-top: 100px
}

.mobiTdEven {
	background: #f4f4f4
}

.mobiFoot {
	width: 840px;
	height: 15px;
	background: url(/image/mobi/foot.png?v=201711250646) 50% 50% no-repeat;
	margin-bottom: 10px
}

.mobiClear {
	clear: both
}

.mobiTableTdSingle {
	float: left;
	width: 210px;
	height: 14px;
	padding: 5px 0;
	text-align: center
}

.mobiTableTdSingleRight {
	float: left;
	width: 210px;
	height: 14px;
	padding: 5px 0;
	text-align: center
}

.mobiTableTdSingle .mailSupport {
	display: block;
	background: url(/image/mobi/rightMail.gif?v=201711250646) 50% 50%
		no-repeat
}

.mobiTableTdSingle .mailNoSupport {
	display: block;
	background: url(/image/mobi/wrongMail.gif?v=201711250646) 50% 50%
		no-repeat
}

.pagenation_news {
	clear: both;
	float: right;
	height: 25px;
	margin: 30px 0;
	text-align: center
}

.pagePrev_news {
	float: left;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #dadada;
	margin: 0 5px;
	color: #999;
	text-decoration: none;
	background: #fff;
	transition: background-color .2s ease-out
}

.pageNo_news {
	float: left;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #dadada;
	margin: 0 5px;
	color: #999;
	text-decoration: none;
	background: #fff;
	transition: background-color .2s ease-out
}

.pageNext_news {
	float: left;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #dadada;
	margin: 0 5px;
	color: #999;
	text-decoration: none;
	background: #fff;
	transition: background-color .2s ease-out
}

.pagePrev_news:hover {
	border-color: #999;
	background: #b1b1b1;
	color: #fff
}

.pageNo_news:hover {
	border-color: #999;
	background: #b1b1b1;
	color: #fff
}

.pageNext_news:hover {
	border-color: #999;
	background: #b1b1b1;
	color: #fff
}

.pageEllipsis_news {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 20px
}

.pageNow_news {
	float: left;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #4175b5;
	margin: 0 5px;
	color: #fff;
	background: #4a81c1
}

.newsBottom {
	width: 100%;
	height: 35px
}

a {
	text-decoration: none
}

ul li {
	list-style: none;
	float: left
}

.hide {
	display: none
}

.fk-banner-wrap, .fk-banner {
	height: 200px;
	min-width: 1200px
}

.fk-banner-wrap .fk-banner {
	min-width: auto
}

.fk-banner-list {
	white-space: nowrap;
	width: 100%;
	font-size: 0
}

.fk-banner-list .fk-banner {
	width: 100%;
	display: inline-block;
	_zoom: 1;
	*display: inline
}

.fk-banner-reg {
	background: url(/image/v2/banner-reg.jpg?v=201711250646) no-repeat
		center center
}

.fk-ask-panel {
	width: 182px;
	background: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	z-index: 4
}

.fk-ask-panel .f-ask-telWrap {
	height: 56px;
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -296px
		-1236px;
	text-align: center;
	color: #fff;
	padding-top: 30px
}

.fk-ask-panel .f-ask-qqWrap {
	padding-bottom: 14px
}

.fk-ask-panel .f-tel-txtWrap, .fk-ask-panel .fk-icon-tel, .fk-ask-panel .fk-icon-wx,
	.fk-ask-panel .f-qq-txtWrap {
	display: inline-block;
	*display: inline;
	_zoom: 1;
	vertical-align: middle;
	width: auto;
	text-align: left
}

.fk-ask-panel .fk-icon {
	width: 30px;
	height: 30px;
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -297px
		-1077px
}

.fk-ask-panel .f-tel-txtWrap .f-txt {
	font-size: 16px;
	line-height: 1
}

.fk-ask-panel .f-tel-txtWrap .f-tel {
	font-size: 14px;
	line-height: 1;
	padding-top: 8px
}

.fk-ask-panel .fk-icon-wx {
	background-position: -356px -1075px;
	width: 33px;
	height: 33px
}

.fk-ask-panel .f-qq-hd {
	padding-top: 30px;
	font-size: 18px;
	color: #4ca5ee;
	padding-bottom: 25px;
	text-align: center
}

.fk-ask-panel .f-qq-list {
	width: auto
}

.fk-ask-panel .f-qq-item {
	height: 30px;
	line-height: 30px;
	background: #ccc;
	width: 100px;
	border-radius: 15px;
	text-align: center;
	margin: 0 auto 16px auto;
	overflow: hidden;
	background: #4fbce8;
	color: #fff;
	display: block
}

.fk-ask-panel .f-qq-item-proxy {
	background: #fff;
	color: #4ca5ee;
	background: #fff;
	border: solid 1px #4ca5ee;
	height: 30px;
	width: 98px
}

.fk-ask-panel .f-qq-item-before, .fk-ask-panel .f-qq-item-after,
	.fk-ask-panel .f-qq-item-proxy:hover {
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -297px
		-1130px;
	color: #fff;
	border-color: #fff;
	border-color: transparent
}

.fk-ask-panel .f-qq-item-before:hover, .fk-ask-panel .f-qq-item-after:hover
	{
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -297px
		-1174px
}

.fk-toolArea {
	width: 80px;
	height: 240px;
	font-size: 0;
	text-align: center;
	z-index: 99;
	right: 20px;
	position: fixed;
	top: 274px;
	right: 20px;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop) +274);
	_right: 20px
}

.fk-toolArea .f-toolItem {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 10px;
	margin-bottom: 14px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	background: #fff
}

.fk-toolArea .f-toolAskItem {
	width: 79px;
	height: 79px;
	margin: 0;
	margin-bottom: 20px;
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -1505px
		-90px
}

.fk-toolArea .f-toolRebackItem .f-toolBlock, .fk-toolArea .f-toolRefeedItem .f-toolBlock
	{
	overflow: hidden;
	border-radius: 50%
}

.fk-toolArea .f-icon {
	width: 20px;
	height: 20px;
	background: url(/image/v2/home_ico.png?v=201904031416) no-repeat -498px
		-1080px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	display: block
}

.fk-toolArea .f-icon-reback {
	background-position: -553px -1080px
}

.fk-toolArea .f-icon-ask {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	background-position: -428px -1075px
}

.fk-toolArea .f-toolBlock {
	display: block;
	width: 100%;
	height: 100%
}

.fk-toolArea .f-toolAskItem {
	position: relative
}

.fk-toolArea .f-toolAskItem.disable .fk-ask-panelWrap {
	display: none
}

.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap {
	transition: all .3s;
	left: 0;
	width: 0;
	padding: 8px 0
}

.fk-toolArea .f-toolAskItem.left:hover .fk-ask-panelWrap {
	width: 182px;
	padding: 8px;
	left: -190px
}

.fk-toolArea .f-toolAskItem.left .fk-ask-panel {
	margin-left: 0
}

.fk-toolArea .f-toolAskItem.left .f-subArea, .fk-toolArea .f-toolAskItem.left:hover .f-subArea
	{
	left: -12px
}

.fk-toolArea .f-toolAskItem:hover .f-subArea {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 120px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap
	{
	position: absolute;
	left: 100px;
	top: 0;
	display: block;
	font-size: 14px;
	overflow: hidden;
	width: 182px;
	height: 365px;
	padding: 8px 0;
	margin: -8px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panel, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panel
	{
	margin-left: -184px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panel {
	transition: all .3s .01s
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap
	{
	display: block;
	width: 0
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap {
	transition: width .3s
}

.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panel {
	margin-left: 0
}

.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panelWrap {
	width: 182px;
	padding: 8px
}

.fk-toolArea .f-toolRefeedItem {
	font-size: 14px;
	line-height: 60px
}

.fk-toolArea .f-toolRefeedItem .f-txt {
	color: #333;
	opacity: 0;
	filter: alpha(opacity = 0);
	color: #fff;
	transition: opacity .3s
}

.fk-toolArea .f-toolRefeedItem .f-icon-refeed {
	filter: alpha(opacity = 100);
	opacity: 1;
	transition: opacity .3s
}

.fk-toolArea .f-toolRefeedItem:hover .f-icon-refeed {
	opacity: 0;
	filter: alpha(opacity = 0)
}

.fk-toolArea .f-toolRefeedItem:hover .f-txt {
	opacity: 1;
	color: #333;
	filter: alpha(opacity = 100)
}