@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(../Images/bannerbg2.png) no-repeat center
}

.banner_comm {
	height: 100%;
	background: url(../Images/banner2.jpg) 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(../Images/whitelayer.png) 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(../Images/pageno.png) 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(../Images/ellipsis_case.png) no-repeat;
	margin-top: 2px
}

.pageEllipsis_new {
	display: inline-block;
	width: 21px;
	height: 20px;
	zoom: 1;
	*display: inline;
	background: url(../Images/ellipsis_new.jpg) no-repeat
}

.pageEllipsis_model {
	float: left;
	width: 30px;
	height: 22px;
	background: url(../Images/ellipsis_model.png) 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(../Images/prevshow.png) no-repeat
}

.pagePrev .prevHide {
	display: block;
	width: 35px;
	height: 29px;
	background: url(../Images/prevhide.png) no-repeat
}

.pageLine {
	float: left;
	width: 2px;
	height: 26px;
	background: url(../Images/pageline.png) no-repeat
}

.pageNext {
	float: left;
	width: 35px;
	height: 29px;
	margin-right: 40px
}

.pageNext .nextShow {
	display: block;
	width: 35px;
	height: 29px;
	background: url(../Images/nextshow.png) no-repeat
}

.pageNext .nextHide {
	display: block;
	width: 35px;
	height: 29px;
	background: url(../Images/nexthide.png) no-repeat
}

.pagenation_blog {
	width: auto;
	height: 28px;
	text-align: center;
	font-size: 0
}

.pageNo_blog {
	width: 28px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.pageNo_blog a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px
}

.pageNo_blog:hover .grayContent,
.pageNo_blog a:hover .grayContent {
	color: #fff
}

.pageNo_blog span {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: #2f82ff;
	border-radius: 50%
}

.pageEllipsis_blog {
	width: 28px;
	height: 24px;
	line-height: 24px;
	margin-top: 2px;
	display: inline-block;
	color: #333;
	font-size: 14px;
	vertical-align: middle
}

.pagePrev_blog {
	width: 28px;
	height: 28px
}

.pagePrev_blog .prevShow_blog {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-decoration: none
}

.pagePrev_blog .prevHide_blog {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-decoration: none
}

.pageNext_blog {
	width: 35px;
	height: 28px
}

.pageNext_blog .nextShow_blog {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px
}

.pageNext_blog .nextHide_blog {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px
}

.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(../Images/regcountico.gif) 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(../Images/comm.png) 0 -270px no-repeat
}

.regCountRight .phone {
	background: url(../Images/comm.png) 0 -313px no-repeat
}

.regCountRight .bdshare_t {
	background: url(../Images/comm.png) 0 -355px no-repeat
}

.regCountRight .weibo {
	background: url(../Images/comm.png) 0 -397px no-repeat
}

.regCountRight .ts {
	background: url(../Images/comm.png) 0 -439px no-repeat
}

.regCountRight .weixin_b {
	background: url(../Images/regcountrightweixin0.png)
}

.regCountRight .weixin_b:hover {
	background: url(../Images/regcountrightweixin1.png)
}

.regCountRight .phone_b {
	background: url(../Images/regcountrightphone0.png)
}

.regCountRight .phone_b:hover {
	background: url(../Images/regcountrightphone1.png)
}

.regCountRight .bdshare_t_b {
	background: url(../Images/regcountrightbdshare0.png)
}

.regCountRight .bdshare_t_b:hover {
	background: url(../Images/regcountrightbdshare1.png)
}

.regCountRight .weibo_b {
	background: url(../Images/regcountrightweibo0.png)
}

.regCountRight .weibo_b:hover {
	background: url(../Images/regcountrightweibo1.png)
}

.regCountRight .ts_b {
	background: url(../Images/regcountrightts0.png)
}

.regCountRight .ts_b:hover {
	background: url(../Images/regcountrightts1.png)
}

.regCountRight .weixin .weixinContent {
	display: none;
	position: absolute;
	top: 38px;
	left: -68px;
	width: 168px;
	height: 197px;
	background: url(../Images/logoweixin_new.png) -53px -52px no-repeat
}

.regCountRight .phone .phoneContent {
	display: none;
	position: absolute;
	top: 38px;
	left: -138px;
	width: 272px;
	height: 54px;
	line-height: 60px;
	background: url(../Images/qrcode.png) -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(../Images/headfoot2.png) -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: #0e72ff;
	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(../Images/headfoot2.png) -230px -46px no-repeat;
	width: 20px;
	height: 28px
}

.headTopMiddle {
	float: left;
	background: url(../Images/topmiddle.png) repeat-x;
	height: 28px;
	font-size: 12px
}

.headTopRight {
	float: left;
	background: url(../Images/headfoot2.png) -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(../Images/headfoot2.png) -290px -52px no-repeat;
	_background: url(../Images/headfoot2.gif) -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(../Images/headfoot2.png) -201px 0 no-repeat
}

.headBottomMiddle {
	float: right;
	padding-top: 16px;
	padding-right: 27px
}

.headBottomMiddle_zc {
	float: left;
	width: 94px;
	height: 32px;
	background: url(../Images/headfoot2.png) 0 0 no-repeat
}

.headBottomMiddle_zc:hover {
	float: left;
	width: 94px;
	height: 32px;
	background: url(../Images/headfoot2.png) 0 -39px no-repeat
}

.headBottomMiddle_login {
	float: left;
	width: 67px;
	height: 32px;
	background: url(../Images/headfoot2.png) -109px 0 no-repeat
}

.headBottomMiddle_login:hover {
	float: left;
	width: 67px;
	height: 32px;
	background: url(../Images/headfoot2.png) -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 {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	text-decoration: none;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #333
}

.nav a: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(../Images/pray.jpg) center #000 no-repeat
}

.bigBanner_index {
	width: 100%;
	height: 400px;
	background: url(../Images/bigbanner_bg4.jpg) center no-repeat
}

.bigBannerGif {
	position: absolute;
	top: 121px;
	left: 38px;
	_top: 120px;
	_left: 38px;
	width: 150px;
	height: 200px;
	background: url(../Images/bigbannergif.gif) no-repeat
}

.bigBannerLink {
	position: absolute;
	top: 242px;
	left: -349px;
	display: block;
	width: 165px;
	height: 49px;
	background: url(../Images/all3.png) 0 -701px no-repeat
}

.bigBannerLink:hover {
	background: url(../Images/all3.png) 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(../Images/all3.png) -162px -395px no-repeat
}

.webBanner_index .nextBtn .nextJt {
	background: url(../Images/all3.png) -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(../Images/all3.png) -318px 0 no-repeat
}

.buildStep_index .content .buildStepDiv .img2 {
	background: url(../Images/all3.png) -318px -173px no-repeat
}

.buildStep_index .content .buildStepDiv .img3 {
	background: url(../Images/all3.png) -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(../Images/all3.png) -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(../Images/modelandmobicase.png) 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(../Images/modelandmobicase.png) 0 -242px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv1 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(../Images/modelandmobicase.png) -227px -255px no-repeat
}

.indexModelDiv .content .modelDiv #modelDivPosition2 {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 222px;
	height: 146px;
	background: url(../Images/modelandmobicase.png) 0 -413px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv2 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(../Images/modelandmobicase.png) -227px -425px no-repeat
}

.indexModelDiv .content .modelDiv #modelDivPosition3 {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 222px;
	height: 146px;
	background: url(../Images/modelandmobicase.png) 0 -583px no-repeat
}

.indexModelDiv .content .modelDiv #modelDiv3 {
	display: block;
	position: absolute;
	top: 32px;
	left: 233px;
	width: 71px;
	height: 126px;
	background: url(../Images/modelandmobicase.png) -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(../Images/modelandmobicase.png) -309px -30px no-repeat;
	_background: url(../Images/modelandmobicase2.png) -7px -6px no-repeat
}

.indexModelDiv .content .modelDiv #mobiModel2 {
	background: url(../Images/modelandmobicase.png) -309px -181px no-repeat;
	_background: url(../Images/modelandmobicase2.png) -7px -157px no-repeat
}

.indexModelDiv .content .modelDiv #mobiModel3 {
	background: url(../Images/modelandmobicase.png) -309px -332px no-repeat;
	_background: url(../Images/modelandmobicase2.png) -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(../Images/all3.png) 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(../Images/all3.png) 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(../Images/all3.png) -230px -359px no-repeat
}

.newsAndBlogIndexDiv .content .list .newsLink_index .new {
	display: inline-block;
	width: 35px;
	height: 100%;
	background: url(../Images/newsico.gif) 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(../Images/all3.png) -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(../Images/all3.png) -239px -392px no-repeat;
	margin-right: 10px
}

.caseAndModel_index .content .contentRight .tradeDiv .link a {
	color: #fff
}

.caseAndModel_index .content .contentLeft .case1 {
	background: url(../Images/photo.jpg) -270px -395px no-repeat
}

.caseAndModel_index .content .contentLeft .case2 {
	margin-top: 10px;
	background: url(../Images/photo.jpg) -270px -590px no-repeat
}

.caseAndModel_index .content .contentLeft .model1 {
	background: url(../Images/photo.jpg) -270px 0 no-repeat
}

.caseAndModel_index .content .contentLeft .model2 {
	margin-top: 10px;
	background: url(../Images/photo.jpg) -270px -195px no-repeat
}

.caseAndModel_index .content .contentRight .case3 {
	background: url(../Images/photo.jpg) -560px -395px no-repeat
}

.caseAndModel_index .content .contentRight .case4 {
	margin-top: 12px;
	background: url(../Images/photo.jpg) -560px -527px no-repeat
}

.caseAndModel_index .content .contentRight .case5 {
	margin-top: 12px;
	background: url(../Images/photo.jpg) -560px -659px no-repeat
}

.caseAndModel_index .content .contentRight .model3 {
	background: url(../Images/photo.jpg) -560px 0 no-repeat
}

.caseAndModel_index .content .contentRight .model4 {
	margin-top: 12px;
	background: url(../Images/photo.jpg) -560px -132px no-repeat
}

.caseAndModel_index .content .contentRight .model5 {
	margin-top: 12px;
	background: url(../Images/photo.jpg) -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(../Images/modelandmobicase.png) -750px -29px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg1 {
	width: 174px;
	height: 259px;
	background: url(../Images/modelandmobicase.png) -430px -840px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg2 {
	width: 174px;
	height: 259px;
	background: url(../Images/modelandmobicase.png) -430px -300px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg3 {
	width: 174px;
	height: 259px;
	background: url(../Images/modelandmobicase.png) -430px -30px no-repeat
}

.caseAndModel_index .mobiContent .contentLeft .bigImg4 {
	width: 174px;
	height: 259px;
	background: url(../Images/modelandmobicase.png) -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(../Images/modelandmobicase.png) -620px -510px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg2 {
	margin: 0 0 20px 0;
	background: url(../Images/modelandmobicase.png) -620px -190px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg3 {
	margin: 0 20px 20px 0;
	background: url(../Images/modelandmobicase.png) -620px -30px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg4 {
	margin: 0 0 20px 0;
	background: url(../Images/modelandmobicase.png) -620px -350px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg1 {
	margin: 0 20px 20px 0;
	background: url(../Images/modelandmobicase.png) -621px -510px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg2 {
	margin: 0 0 20px 0;
	background: url(../Images/modelandmobicase.png) -621px -190px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg3 {
	margin: 0 20px 20px 0;
	background: url(../Images/modelandmobicase.png) -621px -30px no-repeat
}

.caseAndModel_index .mobiContent .contentRight .smallImg4 {
	margin: 0 0 20px 0;
	background: url(../Images/modelandmobicase.png) -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(../Images/all3.png) 0 -483px no-repeat
}

.feature .img2 {
	background: url(../Images/all3.png) -98px -483px no-repeat
}

.feature .img3 {
	background: url(../Images/all3.png) -199px -480px no-repeat
}

.feature .img4 {
	background: url(../Images/all3.png) -295px -483px no-repeat
}

.feature .img5 {
	background: url(../Images/all3.png) -391px -483px no-repeat
}

.feature .img6 {
	background: url(../Images/all3.png) -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(../Images/all3.png) 0 -366px no-repeat
}

.search_index .searchBtn:hover {
	background: url(../Images/all3.png) 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(../Images/photo.jpg) 0 -376px no-repeat
}

.clientSays_index .content .contentDiv#saysContent2 .left .photo {
	background: url(../Images/photo.jpg) -125px -376px no-repeat
}

.clientSays_index .content .contentDiv#saysContent3 .left .photo {
	background: url(../Images/photo.jpg) 0 -376px no-repeat
}

.clientSays_index .content .contentDiv#saysContent4 .left .photo {
	background: url(../Images/photo.jpg) -125px 0 no-repeat
}

.clientSays_index .content .contentDiv#saysContent5 .left .photo {
	background: url(../Images/photo.jpg) -125px -376px no-repeat
}

.clientSays_index .content .contentDiv#saysContent6 .left .photo {
	background: url(../Images/photo.jpg) 0 -376px no-repeat
}

.clientSays_index .content .contentDiv#saysContent7 .left .photo {
	background: url(../Images/photo.jpg) 0 -125px no-repeat
}

.clientSays_index .content .contentDiv#saysContent8 .left .photo {
	background: url(../Images/photo.jpg) -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(../Images/funcnewsbg.png) 0 0 no-repeat
}

.funcMiddle {
	width: 314px;
	height: 141px;
	background: url(../Images/funcnewsbg.png) -315px 0 repeat-y
}

.funcLeft {
	float: left;
	width: 126px;
	height: 128px;
	margin: 7px 0 0 2px;
	_margin: 7px 0 0 2px
}

.funcLeftImg1 {
	background: url(../Images/all2.png) -135px -1255px no-repeat
}

.funcLeftImg2 {
	background: url(../Images/all2.png) -138px -1410px no-repeat
}

.funcLeftImg3 {
	background: url(../Images/all2.png) 0 -1415px no-repeat
}

.funcLeftImg4 {
	background: url(../Images/all2.png) 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(../Images/all.png) 0 -339px no-repeat
}

.funcBtnFree {
	display: block;
	width: 87px;
	height: 26px;
	background: url(../Images/all.png) -147px -260px no-repeat
}

.funcBtnFree:hover {
	background: url(../Images/all.png) -147px -339px no-repeat
}

.funcBtnPro:hover {
	background: url(../Images/all.png) -147px -755px no-repeat
}

.funcBtnGrawPro2:hover {
	background: url(../Images/all.png) 0 -755px no-repeat
}

.funcBtnGrawBiz:hover {
	background: url(../Images/all.png) 0 -260px no-repeat
}

.funcBottom {
	width: 314px;
	height: 13px;
	background: url(../Images/funcnewsbg.png) -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(../Images/icon2.png) 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(../Images/icon2.png) 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(../Images/icon2.png) 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(../Images/linkline2.png) 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(../Images/linkline2.png) 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(../Images/all.png) 6px -784px no-repeat;
	_background: url(../Images/all.gif) 6px -784px no-repeat
}

.linkLeftPic1:hover {
	background: url(../Images/all.png) -141px -784px no-repeat;
	_background: url(../Images/all.gif) -141px -784px no-repeat
}

.linkLeftPic2 {
	width: 60px;
	background: url(../Images/all.png) 8px -813px no-repeat;
	_background: url(../Images/all.gif) 8px -813px no-repeat
}

.linkLeftPic2:hover {
	background: url(../Images/all.png) -139px -813px no-repeat;
	_background: url(../Images/all.gif) -139px -813px no-repeat
}

.linkLeftPic3 {
	width: 60px;
	background: url(../Images/all.png) 8px -842px no-repeat;
	_background: url(../Images/all.gif) 8px -842px no-repeat
}

.linkLeftPic3:hover {
	background: url(../Images/all.png) -139px -842px no-repeat;
	_background: url(../Images/all.gif) -139px -842px no-repeat
}

.linkLeftPic4 {
	width: 67px;
	background: url(../Images/all.png) 7px 0 no-repeat;
	_background: url(../Images/all.gif) 7px 0 no-repeat
}

.linkLeftPic4:hover {
	background: url(../Images/all.png) -140px 0 no-repeat;
	_background: url(../Images/all.gif) -140px 0 no-repeat
}

.linkLeftPic6 {
	width: 38px;
	background: url(../Images/all.png) 5px -369px no-repeat;
	_background: url(../Images/all.gif) 5px -369px no-repeat
}

.linkLeftPic6:hover {
	background: url(../Images/all.png) -142px -369px no-repeat;
	_background: url(../Images/all.gif) -142px -369px no-repeat
}

.linkLeftPic7 {
	width: 56px;
	background: url(../Images/all.png) 0 -964px no-repeat;
	_background: url(../Images/all.gif) 0 -964px no-repeat
}

.linkLeftPic7:hover {
	background: url(../Images/all.png) -147px -964px no-repeat;
	_background: url(../Images/all.gif) -147px -964px no-repeat
}

.linkLeftPic8 {
	width: 61px;
	background: url(../Images/all.png) 5px -397px no-repeat;
	_background: url(../Images/all.gif) 5px -397px no-repeat
}

.linkLeftPic8:hover {
	background: url(../Images/all.png) -142px -397px no-repeat;
	_background: url(../Images/all.gif) -142px -397px no-repeat
}

.linkLeftPic9 {
	width: 56px;
	background: url(../Images/all.png) -46px -813px no-repeat;
	_background: url(../Images/all.gif) -46px -813px no-repeat
}

.linkLeftPic9:hover {
	background: url(../Images/all.png) -194px -813px no-repeat;
	_background: url(../Images/all.gif) -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(../Images/all.png) 0 -290px no-repeat;
	_background: url(../Images/all.gif) 0 -290px no-repeat
}

.linkRightPic1:hover {
	background: url(../Images/all.png) -147px -290px no-repeat;
	_background: url(../Images/all.gif) -147px -290px no-repeat
}

.linkRightPic2 {
	width: 47px;
	background: url(../Images/all.png) 0 -25px no-repeat;
	_background: url(../Images/all.gif) 0 -25px no-repeat
}

.linkRightPic2:hover {
	background: url(../Images/all.png) -147px -25px no-repeat;
	_background: url(../Images/all.gif) -147px -25px no-repeat
}

.linkRightPic3 {
	width: 63px;
	background: url(../Images/all.png) 0 -908px no-repeat;
	_background: url(../Images/all.gif) 0 -908px no-repeat
}

.linkRightPic3:hover {
	background: url(../Images/all.png) -147px -908px no-repeat;
	_background: url(../Images/all.gif) -147px -908px no-repeat
}

.linkRightPic4 {
	width: 64px;
	background: url(../Images/all.png) 0 -931px no-repeat;
	_background: url(../Images/all.gif) 0 -931px no-repeat
}

.linkRightPic4:hover {
	background: url(../Images/all.png) -147px -931px no-repeat;
	_background: url(../Images/all.gif) -147px -931px no-repeat
}

.linkRightPic5 {
	width: 59px;
	background: url(../Images/all.png) 0 -991px no-repeat;
	_background: url(../Images/all.gif) 0 -991px no-repeat
}

.linkRightPic5:hover {
	background: url(../Images/all.png) -147px -991px no-repeat;
	_background: url(../Images/all.gif) -147px -991px no-repeat
}

.linkRightPic6 {
	width: 60px;
	background: url(../Images/all.png) 0 -48px no-repeat;
	_background: url(../Images/all.gif) 0 -48px no-repeat
}

.linkRightPic6:hover {
	background: url(../Images/all.png) -147px -48px no-repeat;
	_background: url(../Images/all.gif) -147px -48px no-repeat
}

.linkRightPic7 {
	width: 59px;
	background: url(../Images/all.png) 0 -887px no-repeat;
	_background: url(../Images/all.gif) 0 -887px no-repeat
}

.linkRightPic7:hover {
	background: url(../Images/all.png) -147px -887px no-repeat;
	_background: url(../Images/all.gif) -147px -887px no-repeat
}

.linkRightPic8 {
	width: 64px;
	background: url(../Images/all.png) 0 -868px no-repeat;
	_background: url(../Images/all.gif) 0 -868px no-repeat
}

.linkRightPic8:hover {
	background: url(../Images/all.png) -147px -868px no-repeat;
	_background: url(../Images/all.gif) -147px -868px no-repeat
}

.serviceBox {
	width: 188px;
	height: 316px;
	position: absolute;
	top: 250px;
	z-index: 100;
	background: url(../Images/servicebox4.png)
}

.serviceBox2 {
	width: 188px;
	height: 400px;
	position: absolute;
	top: 250px;
	z-index: 100;
	background: url(../Images/servicebox.png)
}

.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(../Images/bannerbg_2.png) repeat-x
}

.banner_proFun {
	height: 100%;
	background: url(../Images/banner_2.jpg) 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(../Images/hot.png) no-repeat;
	_background: url(../Images/hot.gif) no-repeat;
	position: absolute;
	top: -7px;
	left: -6px;
	_top: -8px;
	_left: -6px
}

.smallhot {
	display: block;
	width: 33px;
	height: 33px;
	background: url(../Images/smallhot.png) no-repeat;
	_background: url(../Images/smallhot.gif) 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(../Images/wenhao.png) 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(../Images/yes3_w.jpg) 0 50% no-repeat
}

.supportGray {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(../Images/yes3_g.jpg) 0 50% no-repeat
}

.nosupport {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(../Images/no3_w.jpg) 0 50% no-repeat
}

.nosupportGray {
	display: inline-block;
	width: 21px;
	height: 54px;
	background: url(../Images/no3_g.jpg) 0 50% no-repeat
}

.xiala {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(../Images/down.png) no-repeat;
	position: absolute;
	left: 282px;
	cursor: pointer
}

.xiala2 {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(../Images/down.png) no-repeat;
	position: absolute;
	right: 262px;
	cursor: pointer
}

.shangshou {
	display: inline-block;
	width: 184px;
	height: 10px;
	background: url(../Images/up.png) no-repeat;
	position: absolute;
	left: 282px;
	cursor: pointer
}

.shangshou2 {
	width: 184px;
	height: 10px;
	background: url(../Images/up.png) no-repeat;
	position: absolute;
	right: 262px;
	cursor: pointer
}

.website {
	width: 214px;
	height: 100%;
	background: url(../Images/website.jpg) 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(../Images/foot.png) 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(../Images/backtop.jpg) center no-repeat;
	cursor: pointer
}

.mao .backTop:hover {
	background: url(../Images/backtop_h.jpg) 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(../Images/banner_3.png) no-repeat;
	margin: 0 auto
}

.webBanner_reg {
	clear: both;
	width: 100%;
	height: 74px;
	background: url(../Images/bannerbg.png) 0 0 repeat-x
}

.banner_reg {
	height: 171px;
	background: url(../Images/banner_3.png) center no-repeat
}

.arrow_reg {
	display: block;
	width: 81px;
	height: 64px;
	background: url(../Images/arrow.png) 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(../Images/one.png) no-repeat
}

.regToRight {
	float: left;
	width: 60px;
	height: 100%;
	background: url(../Images/toright.png) 0 22px no-repeat
}

.regStepTwo {
	float: left;
	width: 240px;
	height: 100%;
	background: url(../Images/two.png) no-repeat
}

.regLine1 {
	clear: both;
	width: 100%;
	height: 16px;
	background: url(../Images/dotted.png) 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(../Images/foot.png) 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(../Images/ico.png) 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(../Images/botleft.png) no-repeat
}

.sucBotMiddle {
	float: left;
	width: 776px;
	height: 7px
}

.sucBotRight {
	float: left;
	width: 7px;
	height: 7px;
	background: url(../Images/botright.png) 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(../Images/pro315.gif) 5px 0 no-repeat
}

.webPrice .proDiv a {
	color: #09c;
	text-decoration: none
}

.priceBanner {
	width: 883px;
	height: 100px;
	margin: 0 auto 20px auto;
	background: url(../Images/banner.png) 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(../Images/backgray.png) 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(../Images/foot.png) 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(../Images/botleft.png) no-repeat
}

.conBotMiddle {
	float: left;
	width: 795px;
	height: 7px;
	background: url(../Images/botmiddle.png) repeat-x
}

.conBotRight {
	float: left;
	width: 7px;
	height: 7px;
	background: url(../Images/botright.png) no-repeat
}

.webCase {
	clear: both;
	width: 998px;
	height: auto;
	margin: 8px auto 30px auto;
	font-size: 14px;
	color: #9b9b9b
}

.caseSep {
	clear: both;
	width: 960px;
	height: 8px;
	margin: auto
}

.caseMenuDiv {
	width: 240px;
	height: 34px;
	position: relative;
	float: right;
	top: 41px;
	right: 48px
}

.caseMenu {
	float: left;
	width: 120px;
	height: 100%;
	color: #8a9696;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 20px;
	cursor: pointer
}

.caseMenu-click {
	color: #389cda
}

.caseMenu .casePCMenuTip {
	height: 34px;
	line-height: 34px;
	width: 76px;
	float: left
}

.caseMenu .casePCMenuIcon {
	width: 40px;
	height: 34px;
	background: url(../Images/bg04.png) -522px -62px no-repeat;
	float: left
}

.caseMenu-click .casePCMenuTip {
	height: 34px;
	line-height: 34px;
	width: 76px;
	float: left
}

.caseMenu-click .casePCMenuIcon {
	width: 40px;
	height: 34px;
	background: url(../Images/bg04.png) -522px -16px no-repeat;
	float: left
}

.caseMenu .caseMobiMenuIcon {
	width: 40px;
	height: 34px;
	background: url(../Images/bg04.png) -576px -62px no-repeat;
	float: left
}

.caseMenu .caseMobiMenuTip {
	height: 34px;
	line-height: 34px;
	width: 76px;
	float: left
}

.caseMenu-click .caseMobiMenuTip {
	height: 34px;
	line-height: 34px;
	width: 76px;
	float: left
}

.caseMenu-click .caseMobiMenuIcon {
	width: 40px;
	height: 34px;
	background: url(../Images/bg04.png) -576px -16px no-repeat;
	float: left
}

.caseTop {
	width: 200px;
	height: 45px;
	margin: 28px auto 0 auto;
	float: left
}

.caseTitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	_margin-left: 10px;
	float: left;
	font-family: "Microsoft Yahei"
}

.caseTileCheck {
	float: right;
	margin: 15px 15px 0 0;
	position: relative;
	line-height: 28px;
	color: #000;
	z-index: 10
}

.caseTrade {
	width: 190px
}

.caseVersion {
	width: 100px
}

.caseCheckBtn {
	float: left;
	height: 24px;
	line-height: 24px;
	border-top: 1px solid #ccc;
	border-left: none;
	border-right: 0;
	border-bottom: 0;
	margin-right: 8px;
	padding: 0 8px;
	background: url(../Images/checkbtn.gif) 95% 50% #fff no-repeat
}

.caseSearch {
	float: left;
	width: 150px;
	height: 24px;
	line-height: 24px;
	border-top: 1px solid #ccc;
	border-left: none;
	border-right: 0;
	border-bottom: 0;
	padding: 0 0 0 8px
}

.caseSearchBtn {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 26px;
	height: 24px;
	background: url(../Images/searchbtn.gif) center no-repeat
}

.caseTileCheck .remind {
	color: #000;
	position: absolute;
	top: 1px;
	left: 8px;
	height: 24px;
	line-height: 24px
}

.caseTradeSelectDiv {
	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	width: 450px;
	height: 160px;
	border: 1px solid #c9c9c9;
	background: #f8f8f8
}

.caseTradeSelectTop {
	width: 7px;
	height: 5px;
	background: url(../Images/tradetop.gif) no-repeat;
	position: absolute;
	top: -5px;
	left: 90px
}

.caseTradeSelectEmbedded {
	height: 142px;
	padding: 8px 5px;
	border: 1px solid #fff
}

.caseTradeSelectItem {
	float: left;
	width: 130px;
	height: 28px;
	line-height: 28px;
	padding-left: 15px;
	color: #727272;
	border-bottom: 1px dotted #b0aeb0;
	background: url(../Images/tradetoright.png) 5px 11px no-repeat;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none
}

.caseTradeSelectItem:hover {
	color: #f60!important
}

.caseVersionSelectDiv {
	display: none;
	position: absolute;
	z-index: 10;
	top: 33px;
	left: 225px;
	width: 88px;
	height: 164px;
	border: 1px solid #c9c9c9;
	background: #f8f8f8
}

.caseVersionSelectTop {
	width: 7px;
	height: 7px;
	background: url(../Images/tradetop.png) no-repeat;
	position: absolute;
	top: -6px;
	left: 40px
}

.caseVersionSelectEmbedded {
	height: 151px;
	padding: 5px 5px;
	border: 1px solid #fff
}

.caseVersionSelectItem {
	display: block;
	width: 76px;
	height: 30px;
	line-height: 30px;
	color: #727272;
	border-bottom: 1px dotted #b0aeb0;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none
}

.caseVersionSelectItem:hover {
	color: #f60!important
}

.caseSeo {
	color: #d70b28
}

.caseTypeLine {
	float: left;
	margin-left: 10px
}

.caseFlag0 {
	float: left
}

.caseFlag1 {
	float: left;
	margin-left: 10px
}

.caseFlag2 {
	float: left;
	margin-left: 10px
}

.caseVersion1 {
	float: left;
	margin-left: 10px
}

.caseVersion2 {
	float: left;
	margin-left: 10px
}

.caseFlagLeft {
	float: left;
	width: 5px;
	height: 40px
}

.caseFlagLeftCheck {
	background: url(../Images/flagleft.png) center no-repeat
}

.caseFlagMiddle {
	float: left;
	width: auto;
	height: 40px
}

.caseFlagMiddleCheck {
	background: url(../Images/flagmiddle.png) center repeat-x
}

.caseFlagRight {
	float: left;
	width: 5px;
	height: 40px
}

.caseFlagRigtCheck {
	background: url(../Images/flagright.png) center no-repeat
}

.caseFlagWhite {
	color: #fff!important;
	text-shadow: none
}

.caseMobi,
.casePC {
	height: 0;
	opacity: 0;
	overflow: hidden
}

.caseMobi.show,
.casePC.show {
	opacity: 1;
	height: auto;
	overflow: visible;
	transition: opacity .6s ease
}

.caseContent {
	clear: both;
	width: auto;
	height: auto
}

.caseConTop {
	width: 100%;
	height: 12px
}

.caseConMiddle {
	width: auto;
	height: auto;
	padding: 10px
}

.caseConTitle {
	width: auto;
	height: 34px;
	line-height: 34px;
	padding-left: 20px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #888
}

.caseMobiConTitle {
	width: 300px;
	height: 34px;
	line-height: 34px;
	padding-left: 20px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #888;
	position: relative;
	top: 44px;
	left: 10px
}

.caseTotal {
	float: right;
	padding-right: 28px;
	color: #333
}

.caseConList {
	clear: both;
	height: auto;
	padding-left: 15px;
	margin-top: 22px
}

.caseConList .caseForm {
	float: left;
	width: 284px;
	height: 268px;
	margin: 0 30px 30px 30px;
	margin-left: 0
}

.caseConList .caseForm .bgPanel {
	width: 265px;
	height: 250px;
	background: rgba(0, 0, 0, 0.5);
	margin: 10px;
	position: absolute;
	transition: opacity .6s ease;
	opacity: 0;
	border-radius: 6px 6px 0 0
}

.caseConList .caseForm .bgPanel .viewCase {
	font-family: "微软雅黑";
	width: 64px;
	height: 64px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	margin: 100px auto;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px
}

.caseConList .caseForm .bgPanel .viewCase .icon {
	height: 24px;
	width: 24px;
	margin-left: 20px;
	margin-top: 20px;
	background: url(../Images/home_ico.png) -274px -14px no-repeat
}

.caseConList .caseForm .bgPanel .viewCase .tip {
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 14px;
	float: left;
	margin-left: 5px
}

.caseConList .caseForm .caseViewPanel {
	width: 265px;
	height: 250px;
	margin: 10px
}

.caseConList .caseFormHover {
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #fff
}

.caseConList .casePic {
	height: 170px;
	overflow: hidden
}

.caseConList .casePicHover {
	background: url(../Images/casepic-hover2.png) no-repeat
}

.caseConList .casePic img {
	display: block;
	width: 265px;
	height: auto;
	margin: 10px
}

.caseConList .caseText {
	clear: both;
	height: auto;
	padding: 12px 0 0 0;
	font-family: "微软雅黑"
}

.caseConList .caseText a {
	text-decoration: none;
	text-shadow: 1px 1px #fff;
	font-size: 14px;
	font-weight: bold;
	color: #2f82ff;
	margin-left: 20px
}

.caseConList .caseText .caseCompanyName {
	font-size: 16px
}

.caseConBottom {
	width: 100%;
	height: 18px
}

.casePreview {
	position: absolute;
	width: 51px;
	height: 32px;
	bottom: 0;
	right: 8px;
	display: none;
	background-color: #0079dc;
	text-align: center;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}

.caseCusBuild {
	float: left
}

.caseTestNow {
	float: left;
	margin-left: 5px;
	text-decoration: none
}

.caseCompanyName {
	display: block;
	width: 195px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.caseConList .caseForm .seoCaseCorpName {
	padding-top: 12px;
	padding-bottom: 3px;
	width: 285px
}

.caseConList .caseForm .seoCaseCorpName a {
	font-size: 14px;
	color: #2c82cf;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	text-decoration: none
}

.caseConList .caseForm .seoCaseLink {
	clear: both;
	height: 24px;
	line-height: 24px
}

.caseConList .caseForm .seoCaseLinkTitle {
	float: left;
	text-align: left;
	width: 60px
}

.caseConList .caseForm .seoCaseLinkContent {
	float: left;
	text-align: left;
	width: 220px
}

.caseConList .caseForm .seoCaseKeywordDiv {
	clear: both;
	height: 75px;
	line-height: 24px
}

.caseConList .caseForm .seoCaseKeywordTitle {
	float: left;
	text-align: left;
	width: 60px
}

.caseConList .caseForm .seoCaseKeywordContent {
	float: left;
	text-align: left;
	width: 220px
}

.caseConList .caseForm .seoCaseKeyword {
	text-align: left;
	width: 220px
}

.caseMobiIframe {
	width: 100%;
	height: 1450px;
	*height: 1480px;
	border: 0 none;
	border-color: #fff
}

.caseMobiContent {
	clear: both;
	width: auto;
	height: auto;
	padding: 30px 0 0 15px;
	font-family: "微软雅黑"
}

.caseMobiContent .caseForm {
	margin-right: 35px;
	_margin-right: 30px;
	float: left;
	width: 188px;
	height: auto;
	padding: 10px 5px
}

.caseMobiContent .casePic {
	position: relative;
	width: 100%;
	height: 353px;
	background: url(../Images/casemobi.png) no-repeat
}

.caseMobiContent .casePicHover {
	background: url(../Images/casemobi-hover.png) no-repeat
}

.caseMobiContent .casePic .casePicLink {
	position: absolute;
	top: 46px;
	left: 15px;
	width: 160px;
	height: 240px;
	border: 1px solid #9cc0da
}

.caseMobiContent .casePicHover .casePicLink {
	border-color: #f60
}

.caseMobiContent .caseText {
	clear: both;
	height: 50px;
	padding: 12px 0 0 0
}

.caseMobiContent .caseText a {
	text-decoration: none;
	text-shadow: 1px 1px #fff;
	font-size: 14px;
	font-weight: bold;
	color: #2c82cf
}

.caseMobiContent .caseCompanyName {
	display: block;
	width: 195px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.caseMobiContent .caseForm .seoCaseCorpName {
	padding-top: 12px;
	padding-bottom: 3px;
	width: 200px
}

.caseMobiContent .caseForm .seoCaseCorpName a {
	font-size: 14px;
	color: #2c82cf;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	text-decoration: none
}

.caseMobiContent .caseForm .seoCaseLink {
	clear: both;
	height: 24px;
	line-height: 24px
}

.caseMobiContent .caseForm .seoCaseLinkTitle {
	float: left;
	text-align: left;
	width: 50px
}

.caseMobiContent .caseForm .seoCaseLinkContent {
	float: left;
	text-align: left;
	width: 145px
}

.caseMobiContent .caseForm .seoCaseKeywordDiv {
	clear: both;
	height: 75px;
	line-height: 24px
}

.caseMobiContent .caseForm .seoCaseKeywordTitle {
	float: left;
	text-align: left;
	width: 50px
}

.caseMobiContent .caseForm .seoCaseKeywordContent {
	float: left;
	text-align: left;
	width: 145px
}

.caseMobiContent .caseForm .seoCaseKeyword {
	text-align: left;
	width: 145px
}

.caseLeftContainer {
	width: 696px;
	height: auto;
	float: left
}

.caseLeftContainer a {
	text-decoration: none;
	color: #0063db
}

.caseLeftContainer .caseTypesTitle {
	color: #686868;
	padding-left: 11px;
	padding-right: 11px;
	width: auto;
	background: #f7f7f7;
	line-height: 37px;
	font-size: 14px;
	border: 1px solid #ddd
}

.caseLeftContainer .caseTypesTitle .caseTypesTitleRight {
	float: right;
	display: inline;
	width: 164px;
	height: 33px
}

.caseLeftContainer .caseTypesTitle input {
	margin-top: 8px;
	margin-right: 11px;
	float: right;
	padding-right: 45px;
	width: 104px;
	height: 17px;
	border: 1px solid #ddd;
	outline: 0
}

.caseLeftContainer .caseTypesTitle a {
	text-align: center;
	display: inline-block;
	float: right;
	height: 19px;
	width: 40px;
	*margin-left: 111px;
	*margin-right: 0;
	margin-right: -161px;
	margin-top: 9px;
	background: #00b4bf;
	line-height: 19px;
	color: #fff;
	font-size: 12px
}

.caseLeftContainer .caseTypes {
	width: auto;
	height: auto;
	padding-top: 3px;
	zoom: 1;
	padding-bottom: 18px;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0
}

.caseLeftContainer .caseAllTypesSep {
	color: #686868;
	margin: 15px 0 15px 0;
	width: auto;
	height: 33px;
	line-height: 33px;
	padding-left: 11px;
	padding-right: 11px
}

.caseOneType {
	float: left;
	width: 157px;
	height: 14px;
	margin-left: 10px;
	margin: 18px 0 0 10px;
	font-size: 12px
}

.caseOneType,
.caseTryTitle a {
	color: #0063db
}

.caseTypeFirst-check a {
	color: red;
	text-decoration: underline
}

.caseTypesDetail {
	border: 1px solid #ddd;
	font-size: 11px;
	line-height: 30px;
	padding-left: 16px
}

.casekindsTitle {
	margin-right: 22px
}

.caseTypesDetail a {
	margin-right: 25px
}

.caseSelectedTypes {
	float: left;
	color: #686868;
	font-size: 12px
}

.caseSecondTypes {
	display: none
}

.caseSecondTypes .caseSecondType {
	font-size: 12px;
	color: #0063db;
	margin-left: 19px;
	margin-right: 0
}

.caseContainer {
	width: 100%;
	height: auto
}

.casePreForm {
	float: left;
	margin-left: 7px;
	*margin-left: 9px;
	_margin-left: 7px;
	margin-bottom: 15px;
	border: 1px solid #fff;
	position: relative
}

.casePreOutterForm {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 201px;
	height: 121px;
	padding: 7px
}

.casePreInnerForm {
	width: 201px;
	height: 121px;
	overflow: hidden;
	margin: auto
}

.casePreview {
	position: absolute;
	width: 51px;
	height: 32px;
	bottom: 0;
	right: 8px;
	display: none;
	background-color: #0079dc;
	text-align: center;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}

.caseBaiduTitle {
	*display: inline;
	width: 28px;
	height: 24px;
	float: left;
	background: url(../Images/casebaiduimg.jpg) no-repeat;
	margin-left: 7px
}

.caseTryTitle {
	color: #686868;
	width: auto;
	height: 33px;
	line-height: 33px;
	padding-left: 11px
}

.baiduSeoCase {
	float: left;
	background: url(../Images/bg04.png) -526px -117px no-repeat;
	width: 146px;
	height: 39px;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 30px
}

.caseGrayContent {
	color: #595959;
	margin-left: 12px
}

.pagenation_case {
	clear: both;
	width: auto;
	height: 48px;
	text-align: center;
	padding-top: 38px;
	padding-bottom: 10px;
	font-family: "微软雅黑";
	font-size: 14px;
	margin-right: 40px
}

.pagePrev_case {
	display: inline-block;
	width: 90px;
	height: 48px;
	position: relative;
	zoom: 1;
	*display: inline;
	*margin-right: 6px
}

.pagePrev_case a .san {
	position: absolute;
	width: 0;
	height: 0;
	top: 19px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #ff7200;
	left: 5px
}

.pagePrev_case a .text {
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #afafaf;
	padding-left: 5px
}

.pagePrev_case a.prevShow_case {
	display: block;
	width: 90px;
	height: 48px;
	border: 1px solid #e9e9e9;
	transition: background .4s ease
}

.pagePrev_case a.prevShow_case:hover {
	background: #ff7200;
	border: 0;
	position: relative;
	left: 1px
}

.pagePrev_case a.prevShow_case:hover .san {
	border-right-color: #fff
}

.pagePrev_case a.prevShow_case:hover .text {
	color: #fff
}

.pagePrev_case .prevHide_case {
	display: block;
	width: 90px;
	height: 48px;
	border: 1px solid #f2f2f2
}

.pagePrev_case .prevHide_case .san {
	position: absolute;
	width: 0;
	height: 0;
	top: 19px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #ebebeb;
	left: 5px
}

.pagePrev_case .prevHide_case .text {
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #ebebeb;
	padding-left: 5px;
	display: none
}

.pageNext_case {
	display: inline-block;
	width: 90px;
	height: 48px;
	position: relative;
	*display: inline;
	zoom: 1
}

.pageNext_case a.nextShow_case {
	display: block;
	width: 90px;
	height: 48px;
	border: 1px solid #e9e9e9;
	transition: background .4s ease
}

.pageNext_case a .san {
	position: absolute;
	width: 0;
	height: 0;
	top: 19px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #ff7200;
	right: 5px
}

.pageNext_case a .text {
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #afafaf;
	padding-right: 14px
}

.pageNext_case a.nextShow_case:hover {
	background: #ff7200;
	border: 0;
	position: relative;
	left: 1px
}

.pageNext_case a.nextShow_case:hover .san {
	border-left-color: #fff
}

.pageNext_case a.nextShow_case:hover .text {
	color: #fff
}

.pageNext_case .nextHide_case {
	display: block;
	width: 90px;
	height: 48px;
	border: 1px solid #f2f2f2
}

.pageNext_case .nextHide_case .san {
	position: absolute;
	width: 0;
	height: 0;
	top: 19px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #ebebeb;
	right: 5px
}

.pageNext_case .nextHide_case .text {
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #ebebeb;
	padding-right: 14px;
	display: none
}

.pageNo_case {
	display: inline-block;
	width: 30px;
	height: 48px;
	*margin-right: 6px;
	zoom: 1
}

.pageNo_case a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	color: #9f9f9f
}

.pageCaseBottom {
	display: inline-block;
	width: 60px;
	height: 48px;
	*display: inline;
	zoom: 1;
	color: #afafaf
}

.pageCaseBottom input {
	width: 43px;
	margin-left: 2px;
	margin-right: 2px;
	outline: 0
}

.pageCaseBottom .bottomSearch {
	display: block;
	width: 88px;
	height: 46px;
	border: 1px solid #fd6500;
	border-radius: 3px;
	color: #fff;
	line-height: 46px;
	background: #ff7200;
	cursor: pointer
}

.pageCaseBottom .grayTitle {
	display: block;
	width: auto;
	height: 48px;
	line-height: 48px;
	font-size: 14px
}

.pageCaseBottomInput {
	display: inline-block;
	width: 130px;
	height: 48px;
	margin-right: 10px;
	*display: inline;
	zoom: 1
}

.pageCaseBottomInput .grayTitle {
	display: block;
	width: auto;
	height: 48px;
	line-height: 48px
}

.pageCaseBottomInput input {
	width: 68px;
	height: 42px;
	margin-left: 6px;
	margin-right: 6px;
	outline: 0;
	border: 1px solid #e9e9e9
}

.caseRightContainer {
	width: 245px;
	height: 695px;
	float: left;
	margin-left: 15px;
	border: 1px solid #ddd
}

.caseRightContainer .caseTypesTitle {
	color: #686868;
	padding-left: 11px;
	margin-bottom: 15px;
	width: auto;
	background: #f7f7f7;
	line-height: 37px;
	font-size: 14px;
	border-bottom: 1px solid #ddd
}

.caseRightContainer .casePreForm {
	float: left;
	margin-left: 14px;
	*margin-left: 14px;
	_margin-left: 7px;
	margin-bottom: 21px;
	border: 1px solid #fff;
	position: relative
}

.caseRightContainer .casePreForm:hover {
	border-color: #008cff
}

.caseRightContainer .casePreOutterForm {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 201px;
	height: 121px;
	padding: 7px
}

.caseRightContainer .casePreOutterForm:hover {
	border-color: #008cff
}

.caseRightContainer .casePreInnerForm {
	width: 201px;
	height: 121px;
	overflow: hidden;
	margin: auto
}

.webModel {
	width: 1002px;
	height: auto;
	margin: auto;
	margin-bottom: 30px;
	overflow: hidden
}

.modelSep {
	clear: both;
	width: 960px;
	height: 8px;
	margin: auto
}

.modelMenu {
	float: left;
	width: 240px;
	height: 100%;
	background-color: #eee
}

.modelMenuTitle {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	background: url(../Images/modelmenutitle2.png)
}

.modelMenuText {
	width: 100%;
	height: 31px;
	line-height: 31px
}

.modelMenuTextCheck {
	background-color: #2f9ec7
}

.modelMenuIcoCheck {
	background: url(../Images/ico-hover.png) 25px center no-repeat!important
}

.modelMenuText a {
	display: block;
	padding-left: 40px;
	height: 31px;
	line-height: 31px;
	background: url(../Images/ico.png) 25px center no-repeat;
	text-decoration: none
}

.modelMenuText a:hover {
	color: #33649e;
	text-decoration: underline
}

.modelMenuFirst {
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	background: url(../Images/ico2right2.png) right no-repeat;
	color: #666;
	cursor: pointer
}

.modelMenuFirst-hover {
	color: #f30;
	text-decoration: underline
}

.modelMenuFirst-check {
	background: url(../Images/ico2down2.png) right no-repeat;
	color: #213e62;
	font-weight: bold
}

.modelMenuFirst-check2 {
	background: url(../Images/ico2right2_blue.gif) 215px center no-repeat;
	color: #213e62;
	font-weight: bold
}

.modelMenuDiv {
	padding-left: 33px;
	display: none;
	background-color: #dedede
}

.modelMenuSecond {
	float: left;
	width: 65px;
	height: 28px;
	line-height: 28px
}

.modelMenuSecond a {
	color: #666;
	text-decoration: none
}

.modelMenuSecond a:hover {
	color: #f30;
	text-decoration: none
}

.modelTitleBottom_line {
	display: block;
	width: 100%;
	height: 2px;
	line-height: 0;
	font-size: 0;
	background: url(../Images/line2.png) repeat-x
}

.modelContent {
	float: left;
	width: 700px;
	height: 100%
}

.modelConMiddle {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.modelConTitle {
	width: 650px;
	height: 50px;
	padding-top: 11px;
	padding-left: 40px
}

.modelConTitleRight {
	float: left;
	width: 195px;
	height: 100%;
	background: url(../Images/compute.png) no-repeat
}

.modelConList {
	clear: both;
	width: 670px;
	height: auto;
	padding-left: 30px
}

.modelConList p {
	font-size: 20px;
	padding-left: 28px
}

.modelConList .modelForm {
	float: left;
	width: 206px;
	height: 304px;
	padding-bottom: 20px
}

.modelPic {
	width: 165px;
	height: 232px;
	background: url(../Images/modelpic2.png) no-repeat;
	padding: 15px 17px 20px 18px
}

.modelPicHover {
	background: url(../Images/modelpic-hover2.png) no-repeat
}

.modelPic a img {
	display: block;
	width: 165px
}

.modelBtn {
	width: 100%;
	height: 27px;
	line-height: 27px;
	text-align: center;
	margin-top: 10px
}

.modelBtn a {
	display: inline-block;
	width: 81px;
	height: 27px;
	background: url(../Images/btn.png) no-repeat
}

.modelBtnHover {
	background: url(../Images/btn-hover.png) no-repeat!important
}

.modelLeftContainer {
	width: auto;
	height: auto
}

.modelLeftContainer a {
	text-decoration: none
}

.modelLeftContainer .modelTypesTitle {
	color: #686868;
	padding-left: 11px;
	width: auto;
	background: #f7f7f7;
	line-height: 37px;
	font-size: 14px;
	border: 1px solid #ddd
}

.modelLeftContainer .modelTypes {
	width: auto;
	height: auto;
	zoom: 1;
	padding: 0 0 0 10px
}

.modelLeftContainer .modelAllTypesSep {
	color: #686868;
	margin: 15px 0 15px 0;
	width: auto;
	*+width: 960px;
	height: 33px;
	background: #ededed;
	font-size: 14px;
	line-height: 33px;
	padding-left: 11px
}

.modelOneType {
	float: left;
	width: 135px;
	height: 22px;
	line-height: 22px;
	padding-left: 15px;
	margin: 0 48px 12px 0;
	font-size: 12px;
	background: url(../Images/modelonetypeico.gif) 3px center no-repeat
}

.modelOneType .f-link {
	color: #666
}

.modelOneType a.notSelected {
	text-decoration: none;
	cursor: default
}

.modelTypeFirst-check a {
	color: red;
	text-decoration: underline
}

.modelTypesDetail {
	font-size: 11px;
	padding-left: 11px;
	border-top: 0
}

.modelkindsTitle {
	margin-right: 22px
}

.modelTypesDetail a {
	margin-right: 25px
}

.modelSelectedTypes {
	float: left;
	color: #686868;
	font-size: 12px;
	margin-top: 4px;
	line-height: 26px
}

.modelSecondTypes {
	display: none;
	padding-top: 36px
}

.modelSecondTypes .modelSecondType {
	font-size: 12px;
	color: #0063db;
	margin-left: 19px;
	margin-right: 0
}

.modelContainer {
	width: 100%;
	height: auto
}

.modelPreForm {
	float: left;
	margin: 16px 18px;
	_margin: 14px 15px;
	border: 1px solid #fff;
	position: relative
}

.modelPreOutterForm {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 198px;
	height: 210px;
	padding: 5px
}

.modelPreInnerForm {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: auto
}

.modelPreview {
	position: absolute;
	width: 51px;
	height: 32px;
	bottom: 0;
	right: 8px;
	display: none;
	background-color: #0079dc;
	text-align: center;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}

.modelKindShow {
	display: inline-block;
	max-width: 1040px;
	_display: inline;
	_width: 1040px;
	margin-left: 8px
}

.modelKindShowInner {
	float: left;
	margin-top: 6px;
	line-height: 22px
}

.modelKindShowInner a:hover {
	color: #f30;
	text-decoration: underline
}

.fk-modelContainer {
	width: 1060px
}

.fk-modelPreForm {
	padding: 28px 93px 38px 12px;
	float: left
}

.fk-modelPreForm .f-modelPreInnerForm {
	width: 246px;
	height: 171px;
	position: relative;
	background: url(../Images/model.png) no-repeat 0 0;
	_background: url(../Images/model.gif) no-repeat 0 0;
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	transition: transform .2s ease-out
}

.fk-modelPreForm .f-modelPreInnerForm:hover {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04)
}

.fk-modelPreForm .f-pcModel {
	width: 244px;
	height: 154px;
	border: 1px solid #cfcfcf;
	border-top: 0;
	overflow: hidden;
	position: absolute;
	top: 16px;
	left: 0
}

.fk-modelPreForm .f-pcModelImg {
	width: 246px
}

.fk-modelPreForm .f-pcModelUrl {
	display: block;
	height: 100%
}

.fk-modelPreForm .f-mobiModel {
	width: 63px;
	height: 119px;
	border: 0;
	border-radius: 6px;
	box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 60px;
	right: -21px;
	background: url(../Images/model.png) 0 -190px;
	_background: url(../Images/model.gif) 0 -190px
}

.fk-modelPreForm .f-mobiModelUrl {
	display: block;
	width: 57px;
	height: 98px;
	overflow: hidden;
	margin: 8px 0 0 3px
}

.fk-modelPreForm .f-mobiModelImg {
	width: 57px
}

.modelLeftContainer .secondBoxTri {
	display: none;
	z-index: 12;
	position: absolute;
	width: 9px;
	height: 6px;
	background: url(../Images/model_sjt.png) 0 -2px no-repeat
}

.modelLeftContainer .secondBoxOuter {
	position: absolute;
	top: 20px;
	z-index: 10;
	width: 136px
}

.modelLeftContainer .space {
	height: 10px;
	width: 136px;
	font-size: 7px
}

.modelLeftContainer .secondBox {
	z-index: 11;
	display: none;
	position: absolute;
	top: 10px;
	_top: 9px;
	left: 0;
	width: 170px;
	border: 1px solid #b9c7d9;
	background: #fff
}

.modelLeftContainer .secondInnerBox {
	margin-top: 5px;
	margin-left: 15px;
	border: solid #b9c7d9 1px\9;
	background: #fff
}

.modelLeftContainer .secondInnerBox::before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	margin-left: -6px;
	width: 0;
	height: 0;
	top: -12px;
	border-style: solid;
	border-width: 6px;
	border-color: transparent;
	border-bottom-color: #fff;
	z-index: 1
}

.modelLeftContainer .secondInnerBox::after {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	width: 1px;
	height: 1px;
	top: 2px;
	border-bottom-color: #fff;
	z-index: -1;
	box-shadow: 0 0 10px 2px #333
}

.modelLeftContainer .secondBoxDetail {
	width: 72px;
	line-height: 1;
	height: 12px;
	font-size: 12px;
	float: left;
	margin-bottom: 15px;
	color: #777674
}

.modelLeftContainer a.secondBoxDetailLink {
	color: #555
}

.modelLeftContainer a.secondBoxDetailLink:hover {
	color: #f30
}

.modelLeftContainer .colSpace {
	width: 8px;
	height: 14px;
	float: left;
	margin-bottom: 12x
}

.pagenation_model {
	clear: both;
	width: auto;
	height: 30px;
	text-align: center;
	padding-top: 20px;
	*+margin: auto
}

.pagePrev_model {
	display: inline-block;
	width: 66px;
	height: 29px;
	zoom: 1;
	*display: inline;
	*margin-right: 6px
}

.pagePrev_model a.prevShow_model {
	display: block;
	width: 66px;
	height: 29px;
	background: url(../Images/prevshowmodel.png) no-repeat
}

.pagePrev_model a.prevShow_model:hover {
	background: url(../Images/prevshowmodelhover.png) no-repeat
}

.pagePrev_model .prevHide_model {
	display: block;
	width: 66px;
	height: 29px;
	background: url(../Images/prevhidemodel.png) no-repeat
}

.pageNext_model {
	display: inline-block;
	width: 66px;
	height: 29px;
	*display: inline;
	zoom: 1
}

.pageNext_model a.nextShow_model {
	display: block;
	width: 66px;
	height: 29px;
	background: url(../Images/nextshowmodel.png) no-repeat
}

.pageNext_model a.nextShow_model:hover {
	background: url(../Images/nextshowmodelhover.png) no-repeat
}

.pageNext_model .nextHide_model {
	display: block;
	width: 66px;
	height: 29px;
	background: url(../Images/nexthidemodel.png) no-repeat
}

.pageNo_model {
	display: inline-block;
	width: 30px;
	height: 29px;
	margin-right: 6px;
	position: relative;
	top: -10px;
	*top: -7px;
	*display: inline;
	zoom: 1
}

.pageNo_model a {
	display: block;
	width: 30px;
	height: 29px;
	line-height: 29px;
	background: url(../Images/pagenum_bg.png) no-repeat;
	text-decoration: none;
	color: #9f9f9f
}

.pageNo_model a:hover {
	color: #FFF;
	background: url(../Images/pagenum_bghover.png) no-repeat
}

.pageNo_model span {
	display: block;
	width: 30px;
	height: 29px;
	line-height: 29px;
	color: #ff6400
}

.yellowTitle {
	color: #ff6400
}

.pageModelBottom {
	display: inline-block;
	width: 52px;
	height: 29px;
	margin-left: 10px;
	position: relative;
	top: -10px;
	*+top: -5px;
	*display: inline;
	zoom: 1
}

.pageModelBottom input {
	width: 43px;
	margin-left: 2px;
	margin-right: 2px;
	outline: 0
}

.pageModelBottom .bottomSearch {
	display: block;
	width: 51px;
	height: 23px;
	border: 1px solid #fd6500;
	border-radius: 3px;
	color: #fff;
	line-height: 24px;
	background: #ff7200;
	cursor: pointer;
	position: relative;
	top: -1px
}

.pageModelBottom .grayTitle {
	display: block;
	width: auto;
	height: 29px;
	line-height: 29px
}

.pageModelBottomInput {
	display: inline-block;
	width: 95px;
	height: 24px;
	position: relative;
	top: -10px;
	*+top: -10px;
	_top: 0;
	*display: inline;
	zoom: 1
}

.pageModelBottomInput .grayTitle {
	display: block;
	width: auto;
	height: 29px;
	line-height: 29px
}

.pageModelBottomInput input {
	width: 43px;
	margin-left: 2px;
	margin-right: 2px;
	outline: 0
}

.modelRightContainer {
	width: 245px;
	height: 695px;
	float: left;
	margin-left: 15px;
	border: 1px solid #ddd
}

.modelRightContainer .modelTypesTitle {
	color: #686868;
	padding-left: 11px;
	margin-bottom: 15px;
	width: auto;
	background: #f7f7f7;
	line-height: 37px;
	font-size: 14px;
	border-bottom: 1px solid #ddd
}

.modelRightContainer .modelPreForm {
	float: left;
	margin-left: 14px;
	*margin-left: 14px;
	_margin-left: 7px;
	margin-bottom: 21px;
	border: 1px solid #fff;
	position: relative
}

.modelRightContainer .modelPreForm:hover {
	border-color: #008cff
}

.modelRightContainer .modelPreOutterForm {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 201px;
	height: 121px;
	padding: 7px
}

.modelRightContainer .modelPreOutterForm:hover {
	border-color: #008cff
}

.modelRightContainer .modelPreInnerForm {
	width: 201px;
	height: 121px;
	overflow: hidden;
	margin: auto
}

.middleImg_box {
	padding-left: 2px;
	height: 175px
}

.middleImg_box .img1 {
	float: left;
	width: 316px;
	height: 149px;
	background: url(../Images/img1.png) no-repeat
}

.middleImg_box .img2 {
	float: left;
	width: 316px;
	height: 149px;
	background: url(../Images/img2.png) no-repeat
}

.middleImg_box .img3 {
	float: left;
	width: 315px;
	height: 149px;
	background: url(../Images/img3.png) no-repeat
}

.webBanner_blog {
	clear: both;
	width: 100%;
	height: 200px;
	background: url(../Images/bannerbg_2.png) repeat-x
}

.banner_blog {
	height: 100%;
	background: url(../Images/banner_2.jpg) no-repeat
}

.webHelp {
	clear: both;
	width: 100%;
	height: auto
}

.blogPaper {
	width: 998px;
	height: auto;
	margin: auto
}

.blogTitle {
	width: 779px;
	height: 74px;
	line-height: 70px;
	float: right;
	background: #f0f1f3
}

.blogSearch {
	position: relative;
	float: right;
	margin-right: 48px;
	width: 648px;
	height: 100%;
	_margin-right: 24px
}

.blogSearchText {
	float: left;
	width: 600px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #639ddc;
	padding: 0;
	padding-left: 10px;
	margin-top: 17px
}

.blogSearchBtn {
	position: absolute;
	top: 4px;
	left: 508px;
	float: left;
	width: 94px;
	height: 37px;
	border: 0;
	padding: 0;
	margin-left: 10px;
	margin-top: 14px;
	background: #639ddc;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff
}

.blogSearchBtn:hover {
	background: #528ecf
}

.blogContent {
	clear: both;
	display: table;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1
}

.blogBorder {
	border-bottom: 1px solid #ccc
}

.blogConLeft {
	border-top: 1px solid #ccc;
	float: left;
	width: 184px;
	height: auto;
	padding: 0 0 80px 0
}

.blogFirstNav {
	clear: both;
	width: 100%;
	font-size: 14px
}

.blogFirstNav a {
	display: block;
	padding: 20px 0;
	padding-left: 55px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	height: 100%;
	color: #484848;
	text-decoration: none;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #000
}

.blogFirstNav a:hover {
	color: #32659c;
	font-size: 18px;
	font-family: "微软雅黑"
}

.blogFirstNav a.dthover {
	color: #fff;
	background: #609ada;
	position: relative;
	border: 0 solid
}

.blogFirstNav a.dthover span {
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 26px;
	left: 23px
}

.blogSecondNav {
	clear: both;
	width: 100%;
	font-size: 18px
}

.blogSecondNavShow {
	display: block;
	padding: 25px 0;
	font-size: 18px;
	color: #fff!important;
	background: #609ada!important;
	position: relative;
	width: 184px!important;
	border: 0 solid #dfdfdf!important
}

.blogSecondNavShow span {
	display: block;
	width: 11px;
	height: 13px;
	position: absolute;
	top: 28px;
	left: 22px;
	background: url('../Images/bz.png') -663px -128px no-repeat!important
}

.blogSecondNav a {
	width: 182px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	display: block;
	text-align: center;
	padding-left: 55px;
	background: url(../Images/bz.png) no-repeat -642px -170px;
	text-decoration: none;
	padding: 20px 0;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #000
}

.blogSecondNav a:hover {
	color: #666
}

.blogSecondNavDiv {
	display: none
}

.blogThirdNav {
	clear: both;
	width: 182px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf
}

.blogThirdNav a {
	display: block;
	padding-left: 19px;
	height: 100%;
	color: #666;
	text-decoration: none;
	font-family: "微软雅黑"
}

.blogThirdNav a:hover {
	color: #32659c
}

.ddhover a {
	color: #609ada
}

.ddhover a:hover {
	color: #609ada
}

.blogConRight {
	float: right;
	width: 779px;
	height: auto;
	padding-top: 8px;
	background: #fff
}

.blogList {
	clear: both;
	width: 100%;
	height: auto
}

.blogListTitle {
	width: 100%;
	height: 38px;
	line-height: 38px;
	margin-top: 7px
}

.blogListTitle .titleLeft {
	float: left;
	width: 5px;
	height: 100%
}

.blogListTitle .titleMiddle {
	float: left;
	width: auto;
	height: 100%;
	font-family: "微软雅黑", "宋体", "新宋体", "Arial Unicode MS";
	font-weight: bold
}

.blogListTitle font {
	float: left;
	color: #e7161a;
	font-size: 14px;
	margin-right: 3px
}

.blogListTitle .titleMiddle a {
	display: inline-block;
	color: #333b41;
	text-decoration: none;
	font-size: 16px;
	width: 600px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.blogListTitle .titleRight {
	float: left;
	width: 5px;
	height: 100%
}

.blogListIntro {
	clear: both;
	width: 738px;
	height: auto;
	line-height: 22px;
	padding: 0 7px 13px 3px;
	border-bottom: 1px solid #ccc
}

.blogDotted {
	clear: both;
	float: right;
	width: 525px;
	height: 0;
	line-height: 0;
	font-size: 0
}

.blogBottom {
	clear: both;
	width: 100%;
	height: 1px;
	margin-bottom: 35px
}

.blogProCase {
	background: #f0f1f3;
	position: absolute;
	width: 186px;
	height: 65px;
	line-height: 65px;
	left: 0;
	bottom: 0;
	text-align: center
}

.blogProCase a {
	font-size: 14px;
	color: #484848;
	text-decoration: none
}

.blogProCase a:hover {
	text-decoration: underline
}

.viewContentRigth {
	float: left;
	width: 647px;
	height: auto;
	padding: 20px 70px
}

.viewDetail {
	width: 100%;
	height: auto
}

.viewDetail .title {
	width: 100%;
	height: auto;
	min-height: 40px;
	line-height: 35px;
	font-size: 16px;
	font-family: "微软雅黑", "宋体", "新宋体", "Arial Unicode MS";
	font-weight: bold;
	text-align: center
}

.viewDetail .time {
	clear: both;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.viewDetail .viewContent {
	clear: both;
	width: 625px;
	height: auto;
	padding: 20px 11px;
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
	word-break: normal
}

.viewDetail .viewContent p {
	margin: 0;
	margin-bottom: 6px
}

.viewDetail .viewContent table td {
	padding: 0 10px
}

.viewRelated {
	clear: both;
	width: 570px;
	height: auto;
	padding-left: 11px
}

.viewRelated .title {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #e2efff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px
}

.viewRelated .content {
	clear: both;
	width: 540px;
	height: auto;
	padding: 18px 15px;
	line-height: 23px
}

.viewRelated .content ul {
	margin: 0;
	padding: 0;
	width: 270px;
	float: left
}

.viewRelated .content ul li {
	width: 200px
}

.viewRelated .content a {
	text-decoration: none
}

.viewRelated .content a:hover {
	color: #33649e
}

.viewContentRigth .adLink {
	width: 600px;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.webAlliance {
	clear: both;
	display: block;
	width: 100%;
	height: auto
}

.webAlliance .banner {
	width: 100%;
	background: url(../Images/bnr.jpg) 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(../Images/l1.jpg) 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(../Images/l2.jpg) 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(../Images/l3.jpg) 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(../Images/l4.jpg) 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(../Images/inverstment.png) 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(../Images/cooperation.png) 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(../Images/view.png) 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(../Images/extend.png) no-repeat
}

.webProject {
	clear: both;
	display: block;
	width: 100%;
	height: auto;
	background: url(../Images/shadow_comm.png) 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(../Images/leaf.png) 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(../Images/peitu.png) 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(../Images/contact.png) no-repeat
}

.webBanner_ts {
	clear: both;
	width: 100%;
	height: 74px;
	background: url(../Images/bannerbg.png) repeat-x
}

.banner_ts {
	width: 1125px;
	height: 74px;
	background: url(../Images/banner.png) no-repeat;
	margin: auto
}

.webTs {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 20px
}

.tsPaper {
	width: 806px;
	height: auto;
	margin: auto;
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	background-color: #fff
}

.ts-tips {
	width: 660px;
	height: 60px;
	margin: auto;
	border: 1px solid #feeecd;
	background-color: #fffaec;
	padding: 0 20px
}

.ts-tips p {
	line-height: 20px;
	color: #6d6d6d
}

.tsContent {
	clear: both;
	width: 100%;
	height: auto;
	padding: 30px 0
}

.tsLine {
	clear: both;
	width: 100%;
	height: auto
}

.tsTitle {
	float: left;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 14px;
	margin-right: 15px;
	color: #484848
}

.tsTitle .must {
	color: red;
	margin: 0 5px
}

.tsInput {
	float: left;
	width: 230px;
	height: 40px;
	margin-right: 10px
}

.tsInput select {
	width: 230px;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	border: 1px solid #aabbcb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 5px;
	_margin-top: 8px
}

.tsInput input {
	width: 218px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #aabbcb;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 6px;
	_margin-top: 5px
}

.tsTextarea {
	float: left;
	width: 410px;
	height: 218px;
	margin: 10px 10px 10px 0
}

.tsTextarea textarea {
	width: 398px;
	height: 206px;
	line-height: 18px;
	border: 1px solid #aabbcb;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.tsValidcode {
	float: left;
	width: 70px;
	height: 28px;
	margin: 7px 10px 0 0
}

.tsValidcode img {
	width: 70px;
	height: 28px;
	cursor: pointer
}

.tsSubmit {
	float: left;
	width: 90px;
	height: 30px;
	margin-top: 20px
}

.tsSubmit input {
	width: 88px;
	height: 30px
}

.tsText {
	float: left;
	width: auto;
	height: 40px;
	line-height: 40px;
	color: #6d6d6d
}

.tsTextTypetips {
	clear: both;
	display: none;
	height: 40px;
	line-height: 40px;
	padding-left: 175px;
	color: #6d6d6d
}

.warning-tips {
	color: red
}

.tsFoot {
	clear: both;
	width: 808px;
	height: 33px;
	margin: auto;
	background: url(../Images/foot.png) no-repeat
}

.webAbout {
	clear: both;
	width: 960px;
	height: auto;
	padding-bottom: 45px;
	margin: 0 auto
}

.aboutContentRight {
	float: left;
	margin-bottom: 50px
}

.aboutPaper {
	position: relative;
	width: 850px;
	height: auto;
	border: 1px solid #eaeaea;
	background-color: #fff;
	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
}

.aboutTitle {
	width: 100%;
	height: 30px;
	margin-top: 50px
}

.aboutTitleLeft {
	float: left;
	width: 187px;
	height: 30px;
	background: url(../Images/text.png) center no-repeat;
	margin-left: 40px
}

.aboutTitleLeft_2 {
	float: left;
	width: 200px;
	height: 30px;
	background: url(../Images/text_2.jpg) center no-repeat;
	margin-left: 40px
}

.aboutTitleRight {
	float: left;
	width: 500px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px dotted #cbcbcb
}

.aboutTitleRight_2 {
	float: left;
	width: 500px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px dotted #cbcbcb
}

.aboutContent {
	clear: both;
	width: 100%;
	height: auto
}

.aboutContent img {
	float: left
}

.aboutContent .aboutText {
	line-height: 23px;
	padding-top: 30px;
	letter-spacing: 1.5px;
	color: #929292;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px
}

.aboutContent .aboutText a {
	text-decoration: none;
	letter-spacing: normal
}

.aboutContentLeft {
	float: left;
	position: relative;
	top: 0;
	left: 1px;
	z-index: 1
}

.aboutMenu {
	width: 73px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #FFF;
	border: 1px solid #e5e5e5;
	color: #666;
	cursor: pointer;
	margin-top: 5px
}

.aboutMenuCheck {
	border-right-color: #fff
}

.aboutPaper .imgContact {
	position: absolute;
	top: 65px;
	left: 90px
}

.aboutPaper .people {
	position: absolute;
	bottom: 30px;
	right: 55px
}

.aboutPaper .contactDotted {
	width: 650px;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: auto;
	margin-top: 135px
}

.aboutPaper .contactText {
	position: absolute;
	display: block;
	width: 500px;
	height: auto;
	left: 55px;
	font-size: 14px
}

.aboutPaper .contactText .conTextLine {
	width: auto;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
	font-family: "微软雅黑";
	color: #21709b
}

.aboutPaper .contactText .conTextLine a {
	font-family: "微软雅黑";
	color: #21709b
}

.aboutPaper .contactText .conTextLine a:hover {
	color: #f30
}

a.joinus {
	font-family: "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	padding: 11px 35px;
	color: #fff;
	background-color: #13b5b1;
	line-height: 38px;
	text-decoration: none;
	-webkit-transition: background-color .2s ease-in 0s;
	-moz-transition: background-color .2s ease-in 0s;
	-ms-transition: background-color .2s ease-in 0s;
	-o-transition: background-color .2s ease-in 0s;
	transition: background-color .2s ease-in 0s
}

a.joinus:hover {
	background-color: #0ea7a2
}

.webRecruitment {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 45px
}

.recruitmentPaper {
	width: 730px;
	height: auto;
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 50px 25px 30px 25px;
	margin: auto;
	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
}

.recTop {
	width: 100%;
	height: 360px
}

.recJoinus {
	position: absolute;
	top: 10px;
	left: 15px
}

.recDotted {
	clear: both;
	width: 685px;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-top: 1px dotted #dbdbdb;
	margin: auto
}

.recBottom {
	position: relative;
	width: 690px;
	height: auto;
	padding: 0 0 80px 45px
}

.recFoot {
	float: right;
	width: 190px;
	height: 17px;
	background: url(../Images/contact.png) no-repeat;
	margin-right: 20px
}

.recTop,
.recBottom {
	*zoom: 1
}

.recOl,
.recUl {
	line-height: 25px
}

.recTopImg,
.recTopInfo {
	float: left
}

.recTopImg {
	margin-left: 18px;
	width: 240px
}

.recTopInfo {
	margin-left: 28px;
	width: 420px
}

.recInfoTitle {
	font-family: "微软雅黑", sans-serif;
	font-size: 20px;
	color: #ff8a1d;
	padding: 30px 0 18px 0
}

.recOl {
	padding-left: 25px;
	color: #888
}

.recUl {
	list-style-type: square;
	padding-left: 18px
}

.recBottomImg {
	position: absolute;
	top: 88px;
	right: -20px
}

.webContract {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 45px
}

.contractPaper {
	width: 825px;
	height: auto;
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 35px 40px;
	margin: auto;
	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
}

.contrCheck {
	width: 100%;
	height: 65px;
	text-align: center;
	line-height: 43px;
	font-size: 14px
}

.contrBtn1 {
	display: inline-block;
	width: 123px;
	height: 43px;
	background-color: #33649e;
	margin-right: 40px;
	color: #fff
}

.contrBtn2 {
	display: inline-block;
	width: 123px;
	height: 43px;
	background-color: #d5d5d5;
	margin-right: 40px;
	color: #909090
}

.contrDotted {
	clear: both;
	width: 795px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-top: 1px dotted #dbdbdb;
	margin: auto
}

.contrContent {
	width: 100%;
	height: auto;
	line-height: 23px
}

.contrTitle {
	height: 23px;
	color: #33649e
}

.contrText {
	color: #595959;
	padding-bottom: 30px
}

.contrText font {
	color: red
}

.discContent {
	display: none;
	width: 100%;
	height: 2800px;
	line-height: 23px
}

.discTitle {
	height: 23px;
	color: #33649e
}

.discText {
	color: #595959;
	padding-bottom: 30px
}

.webQualification {
	clear: both;
	width: 100%;
	height: auto
}

.qualificationPaper {
	width: 825px;
	height: 780px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 35px 40px;
	margin: auto;
	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
}

.qualCheck {
	width: 100%;
	height: 65px;
	text-align: center;
	line-height: 43px;
	font-size: 14px
}

.qualBtn1 {
	display: inline-block;
	width: 123px;
	height: 43px;
	background-color: #33649e;
	margin-right: 30px;
	color: #fff;
	cursor: pointer
}

.qualBtn2 {
	display: inline-block;
	width: 123px;
	height: 43px;
	background-color: #f8f8f8;
	margin-right: 30px;
	color: #909090;
	cursor: pointer
}

.qualDotted {
	clear: both;
	width: 795px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-top: 1px dotted #dbdbdb;
	margin: auto
}

.qualContent {
	display: none;
	height: auto;
	position: relative;
	padding: 20px 0;
	text-align: center
}

.qualTitle {
	height: 40px;
	line-height: 40px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px;
	color: #484848
}

.qualGreater {
	display: none;
	width: 28px;
	height: 29px;
	position: absolute;
	right: 13px;
	bottom: 13px;
	background: url(../Images/greater.png) no-repeat;
	_background: url(../Images/greater.gif) no-repeat
}

.qualImg-hover {
	opacity: .60;
	filter: alpha(opacity=60)
}

.licenseTopLeft {
	float: left;
	width: 400px;
	position: relative
}

.licenseTopRight {
	float: left;
	width: 400px;
	position: relative
}

.licenseBottomLeft {
	float: left;
	width: 400px;
	position: relative
}

.licenseBottomRight {
	float: left;
	width: 400px;
	position: relative
}

.licenseTopLeftPic {
	width: 367px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.licenseTopRightPic {
	width: 367px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.licenseBottLeftPic {
	width: 367px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.licenseBottRightPic {
	width: 367px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.licenseImg1 {
	width: 366px;
	height: 255px
}

.licenseImg2 {
	width: 367px;
	height: 258px
}

.copyright {
	width: 405px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.copyrightImg {
	width: 405px;
	height: 547px
}

.enterprise {
	width: 566px;
	margin: auto;
	padding: 12px;
	border: 1px solid #d5d5d5;
	position: relative
}

.enterpriseImg {
	width: 566px;
	height: 407px
}

.webBanner_mail {
	width: 100%;
	height: 186px;
	background: url(../Images/bannerbgmail.jpg) center 0 repeat-x
}

.banner_mail {
	background: url(../Images/bannermail.jpg) 50% 50% no-repeat;
	height: 186px
}

.webMailIntro {
	padding: 0 38px 10px 38px
}

.webMailIntroIn {
	width: 210px;
	height: 240px;
	float: left;
	background: #fff;
	margin-right: 12px;
	border: 1px solid #eee
}

.webMailIntroIn4 {
	margin-right: 0
}

.webMailIntroIn_icon {
	width: 100%;
	height: 54px;
	margin-top: 30px
}

.webMailIntroIn_title {
	font-size: 14px;
	margin-top: 5px;
	line-height: 32px;
	width: 100%;
	text-align: center
}

.webMailIntroIn_text {
	margin: 10px 20px;
	line-height: 22px;
	color: #666;
	font-size: 12px
}

.webMailIntroIn_icon1 {
	background: url(../Images/iconmail_1.png) 50% 50% no-repeat
}

.webMailIntroIn_icon2 {
	background: url(../Images/iconmail_2.png) 50% 50% no-repeat
}

.webMailIntroIn_icon3 {
	background: url(../Images/iconmail_3.png) 50% 50% no-repeat
}

.webMailIntroIn_icon4 {
	background: url(../Images/iconmail_4.png) 50% 50% no-repeat
}

.mailTableDiv {
	width: 884px;
	height: auto;
	padding: 21px 38px 21px 38px
}

.mailTableBorderRight {
	border-right: 1px #c2c2c2 solid
}

.mailTableDivHead4 span {
	margin-left: 5px
}

.mailTableDivHead {
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-family: "微软雅黑"
}

.mailTableDivHead .mailTableDivHead1 {
	float: left;
	width: 154px;
	height: 38px;
	background: #4173ae;
	border-left: 1px solid #6d93c1;
	border-right: 1px solid #6d93c1
}

.mailTableDivHead .mailTableDivHead2 {
	float: left;
	width: 181px;
	height: 38px;
	line-height: 38px;
	background: #4173ae;
	border-right: 1px solid #6d93c1
}

.mailTableDivHead .mailTableDivHead3 {
	float: left;
	width: 181px;
	height: 38px;
	line-height: 38px;
	background: #4173ae;
	border-right: 1px solid #6d93c1
}

.mailTableDivHead .mailTableDivHead4 {
	float: left;
	width: 181px;
	height: 38px;
	line-height: 38px;
	background: #4173ae;
	border-right: 1px solid #6d93c1
}

.mailTableDivHead .mailTableDivHead5 {
	float: left;
	width: 181px;
	height: 38px;
	line-height: 38px;
	background: #4173ae;
	border-right: 1px solid #6d93c1
}

.mailTableBorder {
	border-bottom: 1px #ededed solid
}

.mailTableContent {
	width: 960px;
	height: auto;
	background: #fff;
	color: #2d2c2c;
	letter-spacing: 2px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	text-align: center
}

.mailTableMiddle1 {
	height: 60px
}

.mailTableDivMiddle1Td {
	width: 210px;
	height: 60px;
	float: left;
	line-height: 60px;
	text-indent: .8em
}

.mailTableMiddle1 p {
	margin: 0;
	padding: 0;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #d70b28;
	font-weight: bold
}

.mailTableMiddle1 a {
	display: block;
	width: 95px;
	height: 26px;
	margin: 0 auto;
	color: #fff;
	line-height: 26px;
	background: #4173ae;
	text-decoration: none
}

.mailTableDivMiddle1Td p a:hover {
	background: url(../Images/buttonblue.png) 0 100% no-repeat
}

.mailTableMiddle2 {
	height: 301px
}

.mailTableMiddle3 {
	height: 251px
}

.mailTableMiddle2Left {
	width: 90px;
	height: 200px;
	float: left;
	font-size: 14px;
	padding-left: 10px;
	background: #dfe4e8
}

.mailTableMiddle2Right {
	float: left
}

.mailTableMiddle2RightTd {
	float: left;
	width: 210px;
	text-align: center
}

.mailTableBorderRightLast {
	width: 213px
}

.mailTableMiddle2RightIn {
	width: 745px;
	height: 24px
}

.mailTableMiddle2RightIn div {
	padding: 5px 0
}

.mailTableMiddle2RightIn .mailTableMiddle2RightTd1 {
	float: left;
	width: 106px;
	padding-left: 3px
}

.mailTableMiddle2RightTd span {
	display: block;
	background: url(../Images/rightmail.gif) 50% 50% no-repeat;
	margin: 0 auto;
	text-indent: -9999em
}

.mailTableMiddle2RightTd span.nosupport {
	background: url(../Images/wrongmail.gif) 50% 50% no-repeat
}

.mailHeight {
	height: 50px
}

.mailHeight div {
	line-height: 20px
}

.mailHeight .mailTableMiddle2RightTd span {
	height: 40px
}

.mailtitle1 {
	height: 151px;
	*height: 150px;
	_height: 160px;
	padding-top: 150px
}

.mailtitle2 {
	height: 150px;
	*height: 151px;
	_height: 160px;
	padding-top: 100px
}

.mailTdEven {
	background: #f4f4f4
}

.mailFoot {
	width: 886px;
	height: 15px;
	background: url(../Images/foot.png) 50% 50% no-repeat;
	margin-bottom: 10px
}

.mailClear {
	clear: both
}

.mailHeightPrice {
	height: 59px;
	line-height: 59px
}

.mailHeightFunc {
	height: 39px;
	line-height: 39px
}

.mailHeightFunc2 {
	height: 49px;
	line-height: 25px
}

.mailTr {
	color: #313131;
	font-family: "微软雅黑"
}

.mailTrType {
	background: #fcfcfc
}

.mailTdType {
	float: left;
	width: 154px;
	height: 39px;
	line-height: 39px;
	color: #33649e;
	font-size: 14px;
	font-family: "微软雅黑"
}

.mailTdTypeRight {
	float: left;
	width: 728px;
	height: 39px
}

.mailTd1 {
	float: left;
	width: 154px;
	border-right: 1px solid #d7d7d7
}

.mailTd2 {
	float: left;
	width: 181px;
	border-right: 1px solid #d7d7d7
}

.mailTd3 {
	float: left;
	width: 181px
}

.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(../Images/casepic.png) 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(../Images/mianfei.png) 21% 50% no-repeat;
	_background: url(../Images/mianfei_gif.gif) 21% 50% no-repeat
}

.mobiTableDivHead .mobiTableDivHead3 {
	width: 200px;
	background: url(../Images/xuancai.png) 21% 50% no-repeat;
	_background: url(../Images/xuancai_gif.gif) 21% 50% no-repeat
}

.mobiTableDivHead .mobiTableDivHead4 {
	width: 200px;
	background: url(../Images/yingxiao.png) 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(../Images/buttonblue.png) 0 0 no-repeat;
	text-indent: -9999em
}

.mobiTableDivMiddle1Td p a:hover {
	background: url(../Images/buttonblue.png) 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(../Images/rightmail.gif) 50% 50% no-repeat;
	margin: 0 auto;
	text-indent: -9999em
}

.mobiTableMiddle2RightTd span.nosupport {
	background: url(../Images/wrongmail.gif) 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(../Images/foot.png) 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(../Images/rightmail.gif) 50% 50% no-repeat
}

.mobiTableTdSingle .mailNoSupport {
	display: block;
	background: url(../Images/wrongmail.gif) 50% 50% no-repeat
}

.webNews {
	width: 100%;
	height: auto;
	padding-top: 20px
}

.newsPaper {
	width: 867px;
	height: auto;
	margin: 0 auto
}

.newsPaper .newsContentDiv {
	display: table;
	width: 100%;
	height: auto;
	border: 0
}

.newsConLeft {
	float: left;
	width: 189px;
	height: auto
}

.newsConLeft .newsLeftTitle {
	height: 45px;
	line-height: 45px;
	background: #e5e5e5;
	color: #1e468b;
	font-size: 20px;
	font-family: "微软雅黑";
	font-weight: 600;
	padding-left: 20px
}

.newsConLeft .newsLeftMenu {
	height: 40px;
	line-height: 40px;
	background: #e6e6e6;
	margin-top: 1px
}

.newsConLeft .newsLeftMenu .leftIcon {
	float: left;
	width: 20px;
	height: 100%;
	background-image: url(../Images/lefticon.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #4d80c2
}

.newsConLeft .newsLeftMenu a {
	float: left;
	width: 148px;
	height: 100%;
	padding-left: 20px;
	color: #1e468b;
	text-decoration: none
}

.newsConLeft .newsLeftMenu a:hover {
	text-decoration: underline
}

.newsConLeft .newsLeftCheck {
	background: #7daee6
}

.newsConLeft .newsLeftCheck a {
	color: #fff
}

.newsConLeft .newsLeftLink {
	width: 100%;
	height: auto
}

.newsConLeft .newsLeftLink a {
	display: block;
	height: 34px;
	line-height: 16px;
	border: 1px solid #d9e1e4;
	margin-top: 20px;
	padding: 12px 0 12px 68px;
	text-decoration: none
}

.newsConLeft .newsLeftLink .link1 {
	background: url(../Images/link1.gif) 10px 4px no-repeat
}

.newsConLeft .newsLeftLink .link2 {
	background: url(../Images/link2.gif) 8px 6px no-repeat
}

.newsConLeft .newsLeftLink .link3 {
	background: url(../Images/link3.gif) 10px 7px no-repeat
}

.newsConLeft .newsLeftLink .link4 {
	background: url(../Images/link4.gif) 10px 2px no-repeat
}

.newsConLeft .newsLeftLink a .linkText1 {
	color: #1e4890
}

.newsConLeft .newsLeftLink a .linkText2 {
	color: #999
}

.newsConRight {
	float: left;
	width: 647px;
	padding-left: 30px
}

.newsRightTop {
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #ddd;
	font-size: 14px
}

.newsRightTop .topLeft {
	display: inline-block;
	height: 100%;
	padding-left: 32px;
	background: url(../Images/topleft.gif) 10px center no-repeat;
	color: #666
}

.newsRightTop .topRight {
	display: inline-block;
	height: 100%;
	color: #4a81c1
}

.newsConRight .newsRightList {
	padding-top: 20px;
	padding-left: 12px
}

.newsConRight .newsRightList .title {
	font-size: 15px;
	font-weight: bold
}

.newsConRight .newsRightList .title font {
	color: #fe0000
}

.newsConRight .newsRightList .title a {
	color: #4570b4;
	text-decoration: none
}

.newsConRight .newsRightList .content {
	color: #666;
	padding: 14px 0;
	line-height: 20px
}

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

.newsViewContentRigth {
	float: left;
	width: 623px;
	padding-left: 54px
}

.viewDetail .newsViewContent {
	width: 100%;
	padding: 20px 0;
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
	word-break: normal
}

.newsViewRelated {
	width: 570px
}

.newsViewRelated .title {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #e2efff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px
}

.newsViewRelated .content {
	clear: both;
	width: 540px;
	height: auto;
	padding: 18px 15px;
	line-height: 23px
}

.newsViewRelated .content ul {
	margin: 0;
	padding: 0;
	width: 270px;
	float: left
}

.newsViewRelated .content ul li {
	width: 200px
}

.newsViewRelated .content a {
	text-decoration: none
}

.newsViewRelated .content a:hover {
	color: #33649e
}

.newsViewContentRigth .adLink {
	width: 570px;
	height: 25px;
	line-height: 25px;
	text-align: center
}

a {
	text-decoration: none
}

ul li {
	list-style: none;
	float: left
}

.Y_content {
	width: 779px;
	height: 219px;
	background: #f3f8fc;
	float: right;
	margin-bottom: 34px
}

.Y_content .y_spanClass {
	display: block;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #265990;
	padding-top: 20px;
	padding-left: 10px
}

.Y_content .y_listsClass .y_list {
	width: 95px;
	height: 92px;
	background: #a2f6f1;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
	margin-top: 30px;
	position: relative
}

.Y_content .y_listsClass .y_list .y_img_content1 {
	display: block;
	background: url('../Images/bz.png') -118px 0 #fcf8fc;
	no-repeat;
	width: 95px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-family: "微软雅黑";
	color: #626669
}

.Y_content .y_listsClass .y_list .y_img_content1 span {
	display: block;
	position: absolute;
	top: 107px;
	left: 16px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #666
}

.Y_content .y_listsClass .y_list .y_img_content1:hover {
	background: url('../Images/bz.png') 0 0 #fcf8fc no-repeat
}

.Y_content .y_listsClass .y_list .y_img_content1:hover span {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #336fb1
}

.Y_content .y_listsClass .y_list .y_img_content2 {
	display: block;
	background: url('../Images/bz.png') -118px -115px #fcf8fc no-repeat;
	width: 95px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-family: "微软雅黑";
	color: #626669
}

.Y_content .y_listsClass .y_list .y_img_content2 span {
	display: block;
	position: absolute;
	top: 107px;
	left: 16px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #666
}

.Y_content .y_listsClass .y_list .y_img_content2:hover {
	background: url('../Images/bz.png') 0 -115px #fcf8fc no-repeat
}

.Y_content .y_listsClass .y_list .y_img_content2:hover span {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #336fb1
}

.Y_content .y_listsClass .y_list .y_img_content3 {
	display: block;
	background: url('../Images/bz.png') -118px -229px #fcf8fc no-repeat;
	width: 95px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-family: "微软雅黑";
	color: #626669
}

.Y_content .y_listsClass .y_list .y_img_content3 span {
	display: block;
	position: absolute;
	top: 107px;
	left: 16px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #666
}

.Y_content .y_listsClass .y_list .y_img_content3:hover {
	background: url('../Images/bz.png') 0 -229px #fcf8fc no-repeat
}

.Y_content .y_listsClass .y_list .y_img_content3:hover span {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #336fb1
}

.Y_content .y_listsClass .y_list .y_img_content4 {
	display: block;
	background: url('../Images/bz.png') -118px -344px #fcf8fc no-repeat;
	width: 95px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-family: "微软雅黑";
	color: #626669
}

.Y_content .y_listsClass .y_list .y_img_content4 span {
	display: block;
	position: absolute;
	top: 107px;
	left: 16px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #666
}

.Y_content .y_listsClass .y_list .y_img_content4:hover {
	background: url('../Images/bz.png') 0 -344px #fcf8fc no-repeat
}

.Y_content .y_listsClass .y_list .y_img_content4:hover span {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #336fb1
}

.y_spanText {
	display: block;
	width: 755px;
	height: 31px;
	line-height: 31px;
	padding-left: 17px;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #000
}

.question_list {
	width: 779px;
	height: 125px;
	float: right;
	margin-top: 16px
}

.question_list ul li {
	list-style: none;
	float: left
}

.question_list .question_content {
	width: 145px;
	height: 123px;
	margin: 0 20px
}

.question_list .question_content ul li {
	list-style: none;
	float: left
}

.question_list .question_content .question_title {
	font-size: 16px;
	font-family: "微软雅黑";
	color: #336fb1;
	display: block;
	margin-bottom: 14px
}

.question_list .question_content .q_t_content {
	font-size: 12px;
	font-family: "微软雅黑";
	color: #666;
	display: block;
	width: 170px;
	height: 20px;
	text-align: left;
	line-height: 20px
}

.question_list .question_content .q_t_content:hover {
	font-size: 12px;
	color: #609ada;
	text-decoration: underline;
	display: block;
	width: 170px;
	height: 20px;
	text-align: left;
	line-height: 20px
}

.station_step {
	width: 779px;
	height: 175px;
	float: right;
	margin-top: 32px;
	background: url('../Images/bz.png') 0 -465px no-repeat;
	margin-bottom: 34px
}

.novice_guide {
	width: 779px;
	height: 260px;
	border: 1px solid #dfdfdf;
	float: right;
	margin-top: 20px;
	margin-bottom: 30px
}

.novice_guide ul li {
	list-style: none;
	float: left
}

.novice_guide .novice_guide_content {
	width: 256px;
	height: 255px
}

.novice_guide .novice_guide_content .novice_guide_titile {
	display: block;
	width: 256px;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf
}

.novice_guide .novice_guide_content .novice_guide_titile:hover {
	background: url('../Images/bz.png') -661px 1px no-repeat;
	border-bottom: 0 solid #fff;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff;
	line-height: 45px
}

#novice_guide_titile {
	display: block;
	width: 259px;
	height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 0 solid #dfdfdf
}

#novice_guide_titile:hover {
	border-bottom: 0 solid #fff;
	height: 54px;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff;
	background: url('../Images/cdf8ef9bcfc84e8c89c24da5f0593dee.gif') -661px 1px no-repeat
}

.selectClass {
	width: 259px;
	height: 54px!important;
	border-bottom: 0 solid #fff!important;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff!important;
	background: url('../Images/cdf8ef9bcfc84e8c89c24da5f0593dee.gif') -661px 1px no-repeat
}

.novice_guide .novice_guide_content ul li {
	list-style: none;
	float: left
}

.novice_guide .novice_guide_content .n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	border-right: 1px solid #dfdfdf;
	position: relative;
	margin-top: 52px
}

#n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	position: relative;
	margin-top: 52px
}

#bg_img1 {
	display: block;
	width: 46px;
	height: 46px;
	top: 1px;
	left: 100px;
	background: url('../Images/bz.png') -356px 0 no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#bg_img2 {
	display: block;
	width: 52px;
	height: 60px;
	top: -9px;
	left: 97px;
	background: url('../Images/bz.png') -357px -96px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#bg_img3 {
	display: block;
	width: 63px;
	height: 63px;
	top: -11px;
	left: 93px;
	background: url('../Images/bz.png') -357px -191px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.novice_guide .novice_guide_content .n_t_content {
	font-size: 16px;
	color: #000;
	display: block;
	width: 250px;
	height: 22px;
	text-align: center;
	line-height: 22px
}

.novice_guide .novice_guide_content .n_t_content:hover {
	font-size: 16px;
	color: #ff6842
}

.aritcle_list {
	width: 779px;
	height: 125px;
	float: right;
	margin-top: 15px
}

.aritcle_list ul li {
	list-style: none;
	float: left
}

.aritcle_list .aritcle_content {
	width: 383px;
	height: 125px
}

.aritcle_list .aritcle_content .a_t_content {
	display: block;
	width: 260px;
	height: 20px;
	line-height: 20px;
	font-family: "微软雅黑";
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.aritcle_list .aritcle_content .a_t_content:hover {
	font-family: "微软雅黑";
	color: #9b9595;
	text-decoration: underline
}

.aritcle_list .aritcle_content .aritcle_list_content {
	margin-left: 97px
}

.aritcle_list .aritcle_content .aritcle_title {
	display: block;
	width: 53px;
	height: 53px;
	background: url('../Images/bz.png') -457px -384px no-repeat;
	margin-left: 20px;
	margin-top: 26px;
	border-radius: 50px;
	float: left
}

.use_novice_guide {
	width: 770px;
	height: 260px;
	border: 1px solid #dfdfdf;
	float: right;
	margin-top: 20px;
	margin-bottom: 30px
}

.use_novice_guide ul li {
	list-style: none;
	float: left
}

.use_novice_guide .use_novice_guide_content {
	width: 256px;
	height: 255px
}

.use_novice_guide .use_novice_guide_content .use_novice_guide_titile {
	display: block;
	width: 256px;
	height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf
}

.use_novice_guide .use_novice_guide_content .use_novice_guide_titile:hover {
	width: 259px;
	height: 54px!important;
	border-bottom: 0 solid #fff!important;
	height: 54px;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff!important;
	background: url('../Images/bz.png') -661px 1px no-repeat
}

#use_novice_guide_titile {
	display: block;
	width: 256px;
	height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 0 solid #dfdfdf
}

#use_novice_guide_titile:hover {
	width: 259px;
	height: 54px!important;
	border-bottom: 0 solid #fff!important;
	height: 54px;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff!important;
	background: url('../Images/cdf8ef9bcfc84e8c89c24da5f0593dee.gif') -661px 1px no-repeat
}

.use_novice_guide .use_novice_guide_content ul li {
	list-style: none;
	float: left
}

.use_novice_guide .use_novice_guide_content .n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	border-right: 1px solid #dfdfdf;
	position: relative;
	margin-top: 52px
}

#n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	position: relative;
	margin-top: 52px
}

#user_bg_img1 {
	display: block;
	width: 54px;
	height: 65px;
	top: -4px;
	left: 100px;
	background: url('../Images/bz.png') -356px -287px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.user_bg_img1 {
	display: block;
	width: 54px;
	height: 65px;
	top: 4px;
	left: 100px;
	background: url('../Images/bz.png') -255px -287px no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#user_bg_img2 {
	display: block;
	width: 65px;
	height: 55px;
	top: 3px;
	left: 97px;
	background: url('../Images/bz.png') -357px -382px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.user_bg_img2 {
	display: block;
	width: 65px;
	height: 55px;
	top: 8px;
	left: 97px;
	background: url('../Images/bz.png') -256px -382px no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#user_bg_img3 {
	display: block;
	width: 63px;
	height: 63px;
	top: 0;
	left: 93px;
	background: url('../Images/bz.png') -560px 0 no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.use_novice_guide .use_novice_guide_content .n_t_content {
	font-size: 16px;
	display: block;
	width: 250px;
	height: 22px;
	text-align: center;
	line-height: 22px
}

.use_novice_guide .use_novice_guide_content .n_t_content:hover {
	font-size: 16px;
	color: #ff6842
}

.buy_novice_guide {
	width: 770px;
	height: 260px;
	border: 1px solid #dfdfdf;
	float: right;
	margin-top: 20px;
	margin-bottom: 30px
}

.buy_novice_guide ul li {
	list-style: none;
	float: left
}

.buy_novice_guide .buy_novice_guide_content {
	width: 256px;
	height: 255px
}

.buy_novice_guide .buy_novice_guide_content .buy_novice_guide_titile {
	display: block;
	width: 256px;
	height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf
}

.buy_novice_guide .buy_novice_guide_content .buy_novice_guide_titile:hover {
	width: 259px;
	height: 54px!important;
	border-bottom: 0 solid #fff!important;
	height: 54px;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff!important;
	background: url('../Images/bz.png') -661px 1px no-repeat
}

#buy_novice_guide_titile {
	display: block;
	width: 256px;
	height: 54px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #000;
	text-align: center;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	border-right: 0
}

#buy_novice_guide_titile:hover {
	width: 259px;
	height: 54px!important;
	border-bottom: 0 solid #fff!important;
	height: 54px;
	line-height: 45px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff!important;
	background: url('../Images/cdf8ef9bcfc84e8c89c24da5f0593dee.gif') -661px 1px no-repeat
}

.buy_novice_guide .buy_novice_guide_content ul li {
	list-style: none;
	float: left
}

.buy_novice_guide .buy_novice_guide_content .n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	border-right: 1px solid #dfdfdf;
	position: relative;
	margin-top: 52px
}

#n_g_content {
	display: block;
	width: 255px;
	height: 100px;
	position: relative;
	margin-top: 52px;
	border-right: 0
}

#buy_bg_img1 {
	display: block;
	width: 48px;
	height: 66px;
	top: -8px;
	left: 100px;
	background: url('../Images/bz.png') -560px -95px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#buy_bg_img2 {
	display: block;
	width: 58px;
	height: 61px;
	top: -4px;
	left: 97px;
	background: url('../Images/bz.png') -560px -191px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#buy_bg_img3 {
	display: block;
	width: 63px;
	height: 63px;
	top: -4px;
	left: 93px;
	background: url('../Images/bz.png') -557px -286px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.buy_novice_guide .buy_novice_guide_content .n_t_content {
	font-size: 16px;
	display: block;
	width: 250px;
	height: 22px;
	text-align: center;
	line-height: 22px
}

.buy_novice_guide .buy_novice_guide_content .n_t_content:hover {
	font-size: 16px;
	color: #ff6842
}

.n_g_content:hover #bg_img1 {
	display: block;
	position: absolute;
	width: 46px;
	height: 46px;
	top: 1px;
	left: 100px;
	background: url('../Images/bz.png') -255px 0 no-repeat
}

.bg_img1 {
	display: block;
	position: absolute;
	width: 46px;
	height: 46px;
	top: 17px;
	left: 100px;
	background: url('../Images/bz.png') -255px 0 no-repeat!important
}

#bg_img2:hover {
	display: block;
	width: 52px;
	height: 60px;
	background: url('../Images/bz.png') -256px -96px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.bg_img2 {
	display: block;
	width: 52px;
	height: 60px;
	top: 10px;
	left: 97px;
	background: url('../Images/bz.png') -256px -96px no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#bg_img3:hover {
	display: block;
	display: block;
	width: 63px;
	height: 63px;
	background: url('../Images/bz.png') -256px -191px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.bg_img3 {
	display: block;
	width: 63px;
	height: 63px;
	top: 10px;
	left: 93px;
	background: url('../Images/bz.png') -256px -191px no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#user_bg_img1:hover {
	display: block;
	width: 54px;
	height: 65px;
	background: url('../Images/bz.png') -255px -287px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#user_bg_img2:hover {
	display: block;
	width: 65px;
	height: 55px;
	background: url('../Images/bz.png') -256px -382px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

#user_bg_img3:hover {
	display: block;
	width: 63px;
	height: 63px;
	background: url('../Images/bz.png') -459px 0 no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.user_bg_img3 {
	display: block;
	width: 63px;
	height: 63px;
	top: 5px;
	left: 93px;
	background: url('../Images/bz.png') -459px 0 no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#buy_bg_img1:hover {
	display: block;
	width: 48px;
	height: 66px;
	background: url('../Images/bz.png') -459px -95px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.buy_bg_img1 {
	display: block;
	width: 48px;
	height: 66px;
	top: 1px;
	left: 100px;
	background: url('../Images/bz.png') -459px -95px no-repeat!important;
	margin-bottom: 30px;
	position: absolute
}

#buy_bg_img2:hover {
	display: block;
	width: 58px;
	height: 61px;
	background: url('../Images/bz.png') -459px -191px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.buy_bg_img2 {
	background: url('../Images/bz.png') -459px -191px no-repeat!important
}

#buy_bg_img3:hover {
	display: block;
	width: 63px;
	height: 63px;
	background: url('../Images/bz.png') -456px -286px no-repeat;
	margin-bottom: 30px;
	position: absolute
}

.buy_bg_img3 {
	background: url('../Images/bz.png') -456px -286px no-repeat!important
}

.novice_guide_tab {
	width: 765px;
	height: 260px;
	float: right;
	margin-top: 20px;
	margin-bottom: 30px
}

.novice_guide_tab .tab {
	width: 767px;
	height: 47px
}

.novice_guide_tab .novice_guide_titile {
	position: relative;
	display: block;
	float: left;
	width: 254px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #dfdfdf;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #404040
}

.novice_guide_tab .content {
	width: 764px;
	height: 215px;
	margin-top: -2px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf
}

.novice_guide_tab .content .novice_guide_content {
	margin-top: 49px;
	width: 253px;
	height: 92px;
	border-right: 1px solid #dfdfdf;
	float: left;
	position: relative
}

.novice_guide_content .nt_text {
	width: 200px;
	height: 45px;
	margin: 0 auto;
	position: relative;
	top: 85px
}

.content .novice_guide_content .n_t_content_txt {
	display: block;
	width: 200px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #666
}

.selectTabClass {
	position: relative;
	background: #5f96d9;
	color: #fff!important;
	height: 50px!important
}

.novice_guide_tab .novice_guide_titile:hover {
	font-family: "微软雅黑";
	color: #609ada
}

.content .novice_guide_content .n_t_content_txt:hover {
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #f40
}

.hide {
	display: none
}

#fkjzVideoPreBox {
	width: 228px;
	height: 120px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	background: url(../Images/fkjz_play.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	border-radius: 5px;
	_position: absolute;
	_right: 20px;
	_top: expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)-20)
}

#fkjzVideoPreBox:hover {
	background-position: 0 -121px
}

#fkjzVideoBg {
	position: fixed!important;
	_position: absolute;
	_width: expression(document.documentElement.offsetWidth);
	_height: expression(document.documentElement.clientHeight);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	_top: expression(eval(document.documentElement.scrollTop));
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000)\9;
	*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
	_filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
	z-index: 101
}

#fkjzVideoBox {
	width: 890px;
	position: fixed!important;
	top: 120px;
	left: 0;
	right: 0;
	margin: auto;
	*margin-left: expression((document.documentElement.clientWidth-this.offsetWidth)/2);
	_position: absolute;
	_bottom: auto
}

#fkjzVideo {
	width: 100%
}

#fkjzVideoBox p {
	width: 100%;
	text-align: center
}

.fkjzVideoClose {
	width: 30px;
	height: 31px;
	background: url(../Images/close.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: -12px;
	top: -15px;
	z-index: 11;
	cursor: pointer
}

#fkjzVideoLittleClose {
	width: 30px;
	height: 31px;
	background: url(../Images/close.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: -12px;
	top: -15px;
	z-index: 11;
	cursor: pointer
}

.headRight {
	width: 186px;
	height: auto
}

.headRight .fk-freeRegBtn,
.headRight .fk-loginBtn {
	height: 40px;
	line-height: 40px;
	margin-top: 0;
	border-radius: 2px;
	font-size: 14px
}

.headRight .fk-freeRegBtn {
	width: 108px;
	margin-left: 0;
	color: #333;
	background-color: 2f82ff;
	color: #fff
}

.headRight .fk-loginBtn {
	width: 68px;
	margin-left: 8px;
	border-color: #dcdcdc;
	height: 38px
}

.headRight {
	padding-top: 15px
}

.nav {
	margin: 0 14px;
	height: 100%;
	_zoom: 1;
	*display: inline
}

.nav a {
	height: 100%;
	line-height: 70px;
	white-space: nowrap
}

.nav a:hover,
.navCheck a {
	color: #2f82ff;
	font-weight: normal
}

.nav-last {
	margin-right: 0
}

.nav-first {
	margin-left: 0
}

.webNav {
	padding: 0;
	width: auto;
	padding-left: 274px
}

.webHead {
	height: 70px
}

.middle_new {
	width: 1080px;
	padding: 0 60px
}

.headLogo {
	width: auto;
	margin-left: -30px;
	margin-right: 30px
}

.middle_Logo_new .headLogo .f-img {
	background: url(../Images/fkwlogo.png) no-repeat left center;
	height: 71px;
	margin-top: 0
}

.headLogo .f-img {
	margin-top: 4px;
	width: 175px;
	height: 63px;
	background: url(../Images/home_ico.png) no-repeat -1510px 0;
	font-size: 0;
	display: block
}

.fk-banner {
	height: 200px;
	min-width: 1200px
}

.fk-banner-reg {
	background: url(../Images/banner-reg.jpg) no-repeat center center
}

.fk-banner-case {
	background: url(../Images/banner-case.jpg) center center no-repeat
}

.section-caseMenuDiv {
	border-bottom: solid #e5e5e5 1px;
	width: 100%;
	height: 99px
}

.caseMenuDiv {
	width: 1200px;
	margin: 0 auto;
	float: none;
	position: static
}

.caseMenuDiv .f-caseMenuLine {
	position: absolute;
	background: #2f82ff;
	width: 90px;
	height: 4px!important;
	left: 55px;
	top: 96px;
	*display: inline;
	_zoom: 1
}

.caseMenuDiv .caseMobiConTitle {
	display: inline-block;
	float: right;
	vertical-align: middle;
	position: static;
	line-height: 66px;
	width: auto;
	padding-left: 0;
	height: auto
}

.caseMenuWrap {
	height: 66px;
	padding: 34px 55px 0 55px;
	position: relative
}

.caseMenu {
	height: 65px;
	width: 90px;
	line-height: 66px;
	margin-right: 28px;
	font-size: 16px;
	color: #333;
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: none
}

.caseMenu-click {
	text-align: center;
	color: #2f82ff
}

.caseMenu .casePCMenuTip,
.caseMenu .caseMobiMenuTip {
	display: inline-block;
	float: none
}

.webCase {
	margin-top: 0
}

.webCase {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0 0 0
}

.caseConList {
	padding: 0
}

.caseConList .caseForm {
	width: 518px;
	margin-right: 70px;
	height: 441px
}

.caseContent {
	padding: 0 45px
}

.caseConMiddle {
	padding: 0;
	width: 1200px
}

.caseConList .caseForm .bgPanel {
	height: 100%;
	width: 100%;
	margin: 0
}

.caseConList .casePic {
	height: 100%;
	width: 100%
}

.caseConList .casePic img {
	height: 100%;
	width: 100%;
	margin: 0
}

.caseConList .f-imgView {
	width: 520px;
	height: 322px;
	position: relative;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	transform-origin: center center;
	transition: transform .3s
}

.caseConList .f-imgView:hover {
	transform: scale(1.02, 1.02)
}

.caseConList .caseText {
	padding: 0
}

.caseConList .caseText a {
	display: inline;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin: 0
}

.caseConList .caseText-title {
	text-align: center;
	padding-top: 40px;
	width: 100%;
	line-height: 1
}

.caseConList .caseText-desc {
	padding-top: 18px;
	font-size: 13px;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;
	color: #b1b1b1;
	line-height: 1
}

.caseMobiContent {
	padding: 0
}

.caseMobiContent-mobiIframe .caseForm {
	width: 220px;
	padding: 0 18px;
	margin-right: 44px;
	height: 585px;
	overflow: hidden
}

.caseMobiContent-mobiIframe .pagenation_case {
	padding-top: 0
}

.caseMobiContent-mobiIframe {
	padding: 0;
	width: 100%
}

.caseMobiIframe {
	height: 1885px;
	*height: 1885px
}

.caseMobiContent-mobiIframe .caseText {
	padding: 0 15px;
	height: auto
}

.caseMobiContent-mobiIframe .caseText-title {
	padding-top: 16px
}

.caseMobiContent-mobiIframe .caseText a {
	display: inline;
	font-size: 16px;
	font-weight: normal;
	color: #333
}

.caseMobiContent-mobiIframe .grayContent {
	margin: 0;
	padding-top: 18px;
	height: 70px;
	color: #b1b1b1
}

.caseMobiContent .casePic {
	background-image: none;
	height: 395px
}

.caseMobiContent-mobiIframe .caseForm {
	transform-origin: center center;
	transition: transform .3s
}

.caseMobiContent-mobiIframe .caseForm:hover {
	transform: scale(1.05, 1.05)
}

.caseMobiContent-mobiIframe .f-listWrap-mobiCase {
	width: 1120px;
	margin: 0 auto;
	padding-top: 20px
}

.caseMobiContent-mobiIframe .f-list-mobicase {
	margin-left: -40px;
	width: 1400px;
	overflow: hidden;
	padding-top: 10px;
	margin-top: -10px
}

.caseMobiContent-mobiIframe .f-list-mobicase .f-item {
	width: auto;
	margin: 0 40px;
	float: left
}

.fk-caseForm .f-phone-template {
	position: absolute;
	left: -2px;
	top: 0;
	width: 260px;
	height: 470px;
	background: url(../Images/home_ico.png) -880px -689px no-repeat;
	z-index: -1
}

.div_opacity {
	float: none
}

.caseMobiContent .casePic .casePicLink {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 198px;
	height: 354px;
	border: 0
}

.caseMobiContent-mobiIframe .caseText {
	margin-top: 64px
}

.caseMobiContent .caseImg {
	width: 100%;
	height: 100%
}

.fk-slider {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0
}

.webCase .fk-slider .f-slider-wrap {
	width: 3000px
}

.webCase .fk-slider .f-slider-item {
	width: 1200px
}

.fk-slider .f-slider-wrap {
	width: 200%;
	position: relative;
	left: 0;
	transition: left .3s;
	overflow: hidden
}

.fk-slider .f-slider-item {
	width: 50%;
	float: left;
	vertical-align: top;
	display: block
}

.fkIcon-preview {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	width: 24px;
	background: url(../Images/home_ico.png) -274px -14px no-repeat;
	margin-right: 3px
}

.pagenation-frist,
.pagenation-last,
.casePagenation-first,
.casePagenation-last {
	display: inline-block
}

.pageNext_case .nextHide_case,
.pagePrev_case .prevHide_case {
	width: 100%;
	height: 100%
}

.pageNext_case .nextHide_case .san,
.pagePrev_case .prevHide_case .san {
	display: none
}

.pagenation-frist,
.pagenation-last,
.pageNext_blog,
.pageNo_blog,
.pagePrev_blog,
.pagePrev_case,
.pageNext_case,
.pageNo_case,
.casePagenation-first,
.casePagenation-last {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	vertical-align: middle;
	line-height: 28px;
	*display: inline;
	*zoom: 1;
	margin: 0 7px
}

.pageNo_case,
.pageNo_case a,
.pageNo_case span {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0;
	color: #666;
	border-radius: 50%;
	vertical-align: middle;
	*display: inline;
	_zoom: 1;
	*zoom: 1
}

.pageNo_case {
	margin: 0 8px
}

.pageNo_case a:hover,
.pageNo_case span:hover {
	color: #fff;
	background: #2f82ff;
	border-radius: 50%
}

.pagenation-frist a,
.pagenation-last a {
	display: block;
	height: 28px;
	width: 28px
}

.pageNext_case .nextHide_case,
.pagePrev_case .prevHide_case {
	border: 0
}

.pagenation-first a,
.pagenation-last a,
.casePagenation-first a,
.casePagenation-last a {
	width: 28px;
	height: 28px;
	display: block;
	border: 0
}

.pagePrev_case,
.pageNext_case,
.casePagenation-first,
.casePagenation-last,
.pagenation-frist,
.pagenation-last,
.pageNext_blog,
.pagePrev_blog {
	background: url(../Images/home_ico.png) no-repeat -214px -50px;
	font-size: 0
}

.pageNo_blog a {
	background: transparent
}

.icon-pg-first:hover {
	background-position: -241px -50px
}

.icon-pg-prev:hover {
	background-position: -235px -104px
}

.icon-pg-next:hover {
	background-position: -234px -133px
}

.icon-pg-last:hover {
	background-position: -239px -76px
}

.icon-pg-first-disable:hover {
	background-position: -214px -50px
}

.icon-pg-prev,
.icon-pg-prev-disable:hover {
	background-position: -211px -104px
}

.icon-pg-next,
.icon-pg-next-disable:hover {
	background-position: -210px -133px
}

.icon-pg-last,
.icon-pg-last-disable:hover {
	background-position: -212px -76px
}

.pageNo_case span,
.pageNo_blog:hover {
	background: #2f82ff;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	vertical-align: middle
}

.pagePrev_case a.prevShow_case,
.pageNext_case a.nextShow_case {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 0
}

.pageNo_blog {
	font-size: 0
}

.pagePrev_case a .san,
.pageNext_case a .san,
.pageNext_case a .text,
.pagePrev_case a .text {
	display: none
}

.pageNext_case a.nextShow_case:hover,
.pagePrev_case a.prevShow_case:hover {
	background: 0
}

.fk-index-caseForm {
	width: 220px;
	padding: 0 18px;
	margin-right: 44px;
	height: 585px;
	overflow: hidden;
	position: relative
}

.fk-index-caseForm .f-phone-template {
	z-index: 0
}

.fk-index-caseForm .f-screen {
	position: absolute;
	width: 198px;
	height: 354px;
	width: 200px;
	height: 356px;
	left: 27px;
	top: 40px;
	overflow: hidden
}

.fk-index-caseForm .f-screen-link {
	display: block;
	width: 100%;
	height: 100%
}

.fk-index-caseForm .f-screen-img {
	width: 100%;
	height: auto;
	min-height: 100%
}

.fk-index-caseForm .f-screenMask {
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden
}

.fk-index-caseForm .f-qrCode {
	width: 134px;
	height: 134px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	border: 8px solid #fff;
	border-radius: 3px;
	overflow: hidden;
	outline: 0;
	background: #fff
}

.fk-index-caseForm .f-qrCode .f-qrCodeImg {
	width: 134px;
	height: 134px;
	outline: 0
}

.fk-index-caseForm .f-btn-preview {
	display: block;
	height: 38px;
	width: 110px;
	border-radius: 19px;
	line-height: 36px;
	margin: 0 auto;
	padding: 0;
	background: #2f82ff;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: 250px;
	font-size: 14px
}

.fk-index-caseForm .f-btn-preview .f-txt,
.fk-index-caseForm .f-btn-preview .fkIcon-preview {
	display: inline-block;
	vertical-align: middle;
	line-height: 1
}

.fk-index-caseForm .f-screen-contentWrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

.fk-index-screen .f-qrCodeImg {
	width: 134px;
	height: 134px
}

.fk-index-screenHover .f-screenMask,
.fk-index-screenUnHover .f-screenMask {
	opacity: 0;
	filter: alpha(opacity=0)
}

.fk-index-screenHover .f-screenMask {
	transition: opacity .3s
}

.fk-index-screenHover .f-qrCode,
.fk-index-screenUnHover .f-qrCode {
	top: -151px
}

.fk-index-screenHover .f-qrCode {
	transition: top .3s
}

.fk-index-screenHover .f-btn-preview,
.fk-index-screenUnHover .f-btn-preview {
	filter: alpha(opacity=0);
	opacity: 0
}

.fk-index-screenHover .f-btn-preview {
	transition: opacity .3s
}

.fk-index-screenHover:hover .f-screenMask {
	filter: alpha(opacity=60);
	opacity: .6;
	transform: scale(1)
}

.fk-index-screenHover:hover .f-btn-preview {
	filter: alpha(opacity=100);
	opacity: 1;
	transform: scale(0.953)
}

.fk-index-screenHover:hover .f-qrCode {
	top: 75px
}

.fk-index-mobiArea {
	width: 220px;
	height: 452px;
	position: relative
}

.fk-index-mobiPlaceholder {
	width: 220px;
	height: 452px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -226px
}

.fk-index-mobiPlaceholder .fk-index-caseForm {
	position: absolute;
	left: -16px;
	height: 470px
}

.fk-index-mobiAreaHover .fk-index-mobiPlaceholder {
	transform-origin: center center;
	transition: transform .3s
}

.fk-index-mobiAreaHover:hover .fk-index-mobiPlaceholder {
	transform: scale(1.05, 1.05)
}

.fk-caseForm {
	width: 220px;
	height: 583px
}

.fk-caseForm .f-link {
	color: #333
}

.fk-caseForm .f-caseTtitle {
	padding-top: 26px;
	font-size: 16px;
	font-weight: 1;
	color: #333
}

.fk-caseForm .f-caseProp {
	margin: 0;
	padding-top: 12px;
	height: 70px;
	color: #b1b1b1;
	font-size: 14px;
	width: 105%
}

.fk-caseForm .f-caseInfo {
	padding: 0 0 0 15px
}

.fk-footer {
	min-width: 1200px
}

.fk-footer .f-footer-wrap {
	width: 1200px;
	margin: 0 auto
}

.fk-footer .f-footer-main {
	height: 210px
}

.fk-footer .f-footer-partWrap {
	text-align: center;
	width: 1200px
}

.fk-footer .f-footer-mainPart {
	display: inline-block;
	display: inline-block;
	*display: inline;
	_zoom: 1;
	*zoom: 1;
	vertical-align: top
}

.fk-footer .f-footer-connect {
	width: 136px;
	margin-right: 250px
}

.fk-footer .f-footer-partner {
	width: 224px;
	margin-right: 167px
}

.fk-footer .f-footer-friendLink {
	width: 400px;
	overflow: hidden
}

.fk-footer .f-footer-mainPart-title {
	padding-top: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #909090;
	line-height: 1
}

.icon-share,
.icon-wx {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block
}

.fk-footer .f-icon {
	position: relative
}

.fk-footer .f-icon-bg {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../Images/home_ico.png) no-repeat -295px -752px;
	transition: opacity .3s
}

.fk-footer .icon-share .f-icon-bg1 {
	background-position: -367px -752px;
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.fk-footer .icon-share .f-icon-bg2 {
	background-position: -367px -819px;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0)
}

.fk-footer .icon-wx .f-icon-bg2 {
	background-position: -295px -819px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.fk-footer .icon-wx:hover .f-icon-bg1,
.fk-footer .icon-share:hover .f-icon-bg1 {
	opacity: 0;
	filter: alpha(opacity=0)
}

.fk-footer .icon-wx:hover .f-icon-bg2,
.fk-footer .icon-share:hover .f-icon-bg2 {
	opacity: 1;
	filter: alpha(opacity=100)
}

.icon-wx:hover {
	background-position: -296px -819px
}

.fk-footer .f-footer-mainPart-content {
	padding-top: 32px
}

.fk-footer .f-footer-mainPart-content .icon-wx {
	margin: 0 auto
}

.fk-footer .f-footer-mainPart-content .icon-share {
	float: right
}

.fk-footer .f-main-list {
	overflow: hidden
}

.fk-footer .f-main-item {
	float: left
}

.fk-footer .f-footer-partner .f-main-item {
	width: 80px;
	height: 30px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-size: 0
}

.f-footer-partner .f-main-item.f-main-item a {
	display: block;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0)
}

.f-footer-partner .f-main-item {
	background: url(../Images/home_ico.png) -288px -898px no-repeat
}

.f-footer-partner .f-main-item-baidu {
	background-position: -389px -899px
}

.f-footer-partner .f-main-item-sogou {
	background-position: -492px -898px
}

.f-footer-partner .f-main-item-cft {
	background-position: -288px -949px
}

.f-footer-partner .f-main-item-alipay {
	background-position: -389px -949px
}

.f-footer-partner .f-main-item-cn {
	background-position: -491px -950px
}

.f-footer-partner .f-footer-mainPart-content {
	padding-top: 30px;
	position: relative
}

.fk-footer .f-footer-partner .f-main-list {
	width: 150%;
	margin-top: -4px;
	margin-left: -28px
}

.fk-footer .f-footer-main a {
	color: #5d5d5d;
	font-size: 14px
}

.fk-footer .f-footer-friendLink .f-main-list {
	width: 150%;
	margin-bottom: 24px
}

.fk-footer .f-footer-friendLink {
	width: 400px
}

.fk-footer .f-friendLink-list1 .f-main-item {
	padding-right: 30px
}

.fk-footer .f-friendLink-list2 .f-main-item {
	padding-right: 10px
}

.fk-footer .f-footer-connect,
.fk-footer .f-footer-partner,
.fk-footer .f-footer-friendLink {
	_overflow: hidden
}

.fk-footer .f-footer-mainPart-content .icon-wx,
.fk-footer .f-footer-partner .f-main-list,
.fk-footer .f-footer-friendLink .f-main-list1,
.fk-footer .f-footer-friendLink .f-main-list2 {
	position: relative
}

.webFoot {
	background: #2c2c2c
}

.fk-footer {
	height: 310px
}

.footLinks {
	padding-top: 30px
}

.footLinks a {
	font-size: 13px
}

.footLinks span {
	margin: 0 8px
}

.f-foot {
	width: 1200px;
	height: 98px
}

.footCpy {
	font-size: 13px;
	color: #525252
}

.footCpy .f-img,
.footCpy .f-txt {
	display: inline-block;
	vertical-align: middle
}

.fk-trustLink {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 10px;
	vertical-align: bottom
}

.fk-footer-splitLine {
	border-top: solid #343434 1px;
	border-bottom: solid #202020 1px
}

.fk-footer .f-main-item a {
	display: block;
	line-height: 1
}

.fk-footer .f-qrCodeWrap {
	width: 142px;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -71px;
	z-index: 99
}

.fk-footer .f-qrCode {
	width: 142px;
	height: 182px;
	position: absolute;
	left: 0;
	bottom: 4px;
	background: url(../Images/home_ico.png) no-repeat -1208px -925px;
	z-index: 99
}

.fk-footer .icon-wxHover .f-qrCode {
	display: none
}

.fk-footer .icon-wxHover:hover .f-qrCode {
	display: block
}

.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(../Images/home_ico.png) 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(../Images/home_ico.png) 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(../Images/home_ico.png) 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(../Images/home_ico.png) 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(../Images/home_ico.png) 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(../Images/home_ico.png) 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)
}

.fk-webHead-isFkw .middle_new {
	text-align: right
}

.webNav {
	margin-right: 25px;
	*width: 392px
}

.fk-webHead-isFkw .webNav {
	display: inline-block;
	*diplay: inline;
	zoom: 1;
	margin-right: 50px
}

.webNav,
.headRight {
	float: right
}