﻿/*==========云指首页===========*/

/*云指介绍*/
.yzbg {
	width: 100%;
	background: url(yzbg.jpg) repeat;
}

.infoBox {
	clear: both;
	margin: 0 auto;
	padding-top: 60px;
	width: 1100px;
	height: 340px;
	line-height: 18px;
}

.infoBox .contBox {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	zoom: 1;
	padding: 0;
	width: 340px;
	height: 340px;
	background-color: #fff;
	cursor: pointer;
}

.infoBox .contBox:hover {
	box-shadow: 0 0 8px #ccc;
}

.infoBox .contBox .infoTips {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 39;
	width: 90px;
	height: 90px;
	background: url(tips.png) no-repeat;
}

.infoBox .c1 {
	background: #4a9ebd;
}

.infoBox .c2 {
	background: #90d73d;
}

.infoBox .c3 {
	background: #f37f21;
}

.infoBox .contBoxOn {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 19;
	display: none;
	width: 340px;
	height: 340px;
}

.infoBox .contBox .pic1 {
	position: absolute;
	top: 30px;
	right: 95px;
	z-index: 29;
	width: 150px;
	height: 150px;
	text-align: center;
}

.infoBox .contBox .pic2 {
	position: absolute;
	top: 30px;
	left: -150px;
	z-index: 29;
	width: 150px;
	height: 150px;
	text-align: center;
}

.infoBox .contBox .txt1 {
	position: absolute;
	top: 195px;
	left: 20px;
	z-index: 29;
	width: 300px;
	height: 100px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.infoBox .contBox .txt2 {
	position: absolute;
	top: 195px;
	right: -300px;
	z-index: 29;
	width: 300px;
	height: 100px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.infoBox .contBox span.tit {
	display: block;
	height: 50px;
	text-align: center;
	font-size: 16px;
	font-size: 20px;
	line-height: 40px;
}

.infoBox .contBox .txt1 .tit {
	color: #333;
}

.infoBox .contBox .txt2 .tit {
	color: #fff;
}

.fgH20 {
	float: left;
	width: 40px;
	height: 340px;
}

/*云指数据*/
.webCount {
	clear: both;
	margin: 0 auto;
	margin-top: 40px;
	width: 1100px;
	height: 300px;
	background: #fff;
}

.webCount:hover {
	box-shadow: 0 0 8px #ccc;
}

.webCount .emphasis {
	color: #ff7000;
	font-size: 40px;
	line-height: 92px;
}

.webCount .slogan {
	font-size: 24px;
	line-height: 46px;
	color: #1B69EE;
}

.webCount .finish {
	font-size: 18px;
	line-height: 56px;
}

.webCount .finish span {
	color: #ff0000;
	font-weight: blod;
	font-size: 36px;
}

.webCount .siteBtn {
	display: block;
	margin: 16px auto 0 auto;
	padding: 15px 0;
	width: 260px;
	border-radius: 5px;
	background: #4fa425;
	color: #fff;
	font-size: 16px;
}

.webCount .siteBtn:hover {
	background: #469420;
}
/*云指数据 end*/

/*云指优势Tab*/
.yzAdvBg {
	width: 100%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
	padding-top: 60px
}

.yzAdvTitle {
	width: 1100px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	text-align: left;
	color: #333;
	font-size: 30px
}

.yzAdvTitle span {
	font-size: 16px;
	color: #666
}

.yzAdvBox {
	width: 1100px;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	background: #fff
}

.yzAdvBox .hd {
	height: 50px;
	width: 100%;
	line-height: 50px;
	background: #ebebeb;
	padding: 0;
	position: relative
}

.yzAdvBox .hd ul {
	float: left;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 50px
}

.yzAdvBox .hd ul li {
	float: left;
	height: 50px;
	width: 20%;
	color: #666;
	font-size: 16px;
	cursor: pointer
}

.yzAdvBox .hd ul li.on {
	height: 50px;
	background: url(menuH.png) 100px bottom no-repeat #ff7000;
	color: #fff
}

.yzAdvBox .bd ul {
	padding: 15px;
	zoom: 1
}

.yzAdvBox .bd li {
	height: 50px;
	line-height: 50px
}

.yzAdvBox .bd li .date {
	float: right;
	color: #999
}


/*建站优势*/
.jzys {
	overflow: hidden;
	padding: 20px;
}

.jzys .jzysTitle {
	overflow: hidden;
	zoom: 1;
	height: 60px;
	color: #ff7000;
	font-size: 30px;
	line-height: 60px;
}

.jzys dl {
	float: left;
	display: inline;
	padding: 30px;
	width: 43%;
}

.jzys dl dt {
	float: left;
	width: 150px;
	height: 150px;
	background: url(jzysimg.jpg) no-repeat;
}

.jzys dl dt.jsjz {
	background-position: 0 -170px;
}

.jzys dl dt.hjjy {
	background-position: 0 -332px;
}

.jzys dl dt.sssl {
	background-position: 0 -500px;
}

.jzys dl dt.jzseo {
	background-position: 0 0;
}

.jzys dl dd {
	float: left;
	padding: 30px 0 0 20px;
	line-height: 24px;
}

.jzys dl dd span {
	display: block;
	color: #48a0dc;
	text-align: left;
	font-size: 18px;
}

.jzys dl dd p {
	width: 260px;
	text-align: left;
}

.jzys .d1 {
	color: #48a0dc;
}

.jzys .d2 {
	color: #8cb91b;
}

.jzys .d3 {
	color: #d38e35;
}

.jzys .d4 {
	color: #5542b9;
}

/*PC站优势*/
.pcz {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding: 20px;
}

.pcz .pczTitle {
	color: #ff7000;
	text-align: center;
	font-size: 30px;
	line-height: 60px;
}

.pczCont {
	position: relative;
	height: 600px;
	background: url(tl.jpg) 50% 50% no-repeat;
}

.pczCont span {
	display: block;
	text-align: left;
	font-size: 16px;
}

.pczCont span b {
	font-size: 24px;
}

.pczCont span .b1 {
	color: #1687ef;
}

.pczCont span .b2 {
	color: #f72626;
}

.pczCont span .b3 {
	color: #3fac1e;
}

.pczCont span .b4 {
	color: #bd43bd;
}

.pczCont span .b5 {
	color: #ffb400;
}

.pczCont p {
	padding-top: 10px;
	color: #666;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}

.pczCont .introA {
	position: absolute;
	top: 2%;
	left: 44%;
	width: 285px;
	height: 95px;
	text-align: left;
}

.pczCont .introB {
	position: absolute;
	top: 18%;
	left: 4%;
	width: 285px;
	height: 95px;
	text-align: left;
}

.pczCont .introC {
	position: absolute;
	top: 64%;
	left: 8%;
	width: 285px;
	height: 95px;
	text-align: left;
}

.pczCont .introD {
	position: absolute;
	top: 35%;
	left: 70%;
	width: 285px;
	height: 95px;
	text-align: left;
}

.pczCont .introE {
	position: absolute;
	top: 73%;
	left: 64%;
	width: 285px;
	height: 95px;
	text-align: left;
}

.explain {
	margin: 0 auto;
	width: 450px;
}

.explain span {
	font-size: 30px;
	line-height: 36px;
}

.explain p {
	line-height: 24px;
}

/*微营销优势*/
.wyx {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding: 20px;
}

.wyx .wyxTitle {
	padding-top: 10px;
	color: #ff7000;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
}

.wyx .wyxTitle p {
	color: #333;
	font-size: 16px;
}

.wyx .wyxTitle p span {
	color: #f60000;
}

.wyx .wyxN {
	color: #278bbc;
	font-size: 30px;
	line-height: 60px;
}

.wyxPanel {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding: 0;
	height: 250px;
	text-align: left;
	zoom: 1;
}

.wyxPanel .leftPanel {
	float: left;
	width: 50%;
}

.wyxPanel .rightPanel {
	float: right;
	width: 50%;
}

.wyxPanel .imgCenter {
	text-align: center;
}

.wyxPanel i {
	display: block;
	background: url(wyximg.png) no-repeat;
	width: 320px;
	height: 250px;
	margin: 0 auto;
}

.wyxPanel .wgw {
	background-position: 0px -225px;
}

.wyxPanel .whd {
	background-position: 0 -718px;
}

.wyxPanel .whd2 {
	background-position: 0 -484px;
}

.wyxPanel .wxc {
	background-position: 0 36px;
}

.wyxPanel .wsc {
	background-position: 0 -945px;
}

.panelbg {
	background: #f7fbfd;
}

.wyxPanel h4 {
	padding: 65px 0 0 80px;
	width: 400px;
	color: #313131;
	font-weight: normal;
	font-size: 24px;
	line-height: normal;
}

.wyxPanel p {
	padding: 0 0 0 80px;
	width: 400px;
	color: #666;
	line-height: 24px;
}

.hardWare {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	width: 600px;
}

.hardWare .bt {
	font-size: 20px;
	line-height: 48px;
}

.hardWare dl {
	float: left;
	display: inline;
	width: 200px;
}

.hardWare dl dt {
	display: block;
	background: url(yjimg.png) no-repeat;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.hardWare dl dt.wdy {
	background-position: 0 15px;
}

.hardWare dl dt.wwifi {
	background-position: 0 -148px;
}

.hardWare dl dt.wyyy {
	background-position: 0 -312px;
}

/*分销商城*/
.fxsc {
	overflow: hidden;
	padding: 20px;
}

.fxsc .fxscTitle {
	overflow: hidden;
	zoom: 1;
	height: 60px;
	color: #ff7000;
	font-size: 30px;
	line-height: 60px;
}

.fxsc .fxscTips {
	overflow: hidden;
	zoom: 1;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.fxms {
	overflow: hidden;
	zoom: 1;
	padding: 50px 60px;
}

.fxms .fxmsLeft {
	float: left;
	width: 50%;
}

.fxms .fxmsRight {
	float: right;
	width: 50%;
}

.fxms .fxmsRight h3 {
	color: #ffa10f;
	line-height: 32px;
	font-size: 20px;
	text-align: left;
}

.fxms .fxmsRight p {
	line-height: 24px;
	font-size: 16px;
	text-align: left;
}

.fxsc .expect {
	overflow: hidden;
	zoom: 1;
	height: 60px;
	color: #8ec431;
	font-size: 30px;
	line-height: 60px;
}

/*更新日志*/
.gxrz {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding: 20px;
}

.gxrz .gxTitle {
	color: #ff7000;
	text-align: center;
	font-size: 30px;
	line-height: 60px;
}

.year {
	margin-top: 30px;
	padding-left: 156px;
	background: url(time2.png) repeat-y 405px 0;
}

.year .future {
	overflow: hidden;
	zoom: 1;
}

.year .top {
	float: left;
	padding-left: 86px;
	background: url(time.png) no-repeat left top #fff;
	color: #58a6fb;
	color: #9bcd3f;
	font-size: 24px;
	line-height: 50px;
}

.year h2 {
	float: left;
	padding-right: 11px;
	width: 216px;
	height: 50px;
	color: #9bcd3f;
	text-align: right;
	font-size: 24px;
	line-height: 50px;
}

.year .list ul {
	bottom: 0;
}

.year .list ul li {
	padding: 20px 0;
	background: url(time3.png) no-repeat 229px 31px;
	color: #a1a4b8;
}

.year .list ul li .date {
	float: left;
	clear: left;
	display: block;
	width: 200px;
	color: #333;
	text-align: right;
	font-size: 18px;
	line-height: 32px;
}

.year .list ul li .intro {
	float: left;
	display: block;
	margin-left: 100px;
	width: 400px;
	color: #666;
	text-align: left;
	font-size: 18px;
	line-height: 32px;
}
/*云指优势Tab end*/

/*PC样板*/	
.pcTempletBg {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	margin-top: 60px;
	width: 100%;
	height: 800px;
	background: url(templetbg.jpg) center center no-repeat;
	background-attachment: fixed;
}

.pcTempletTitle {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 80px;
	color: #FFEE00;
	text-align: left;
	font-size: 30px;
	line-height: 80px;
}

.pcTempletTitle span {
	color: #fff;
	font-size: 16px;
}

.pcTempletBox {
	position: relative;
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 640px;
	background: #fff;
}

.pcTempletBox:hover {
	box-shadow: 0 0 8px #ccc;
}

.pcTempletBox .hd .prev,.pcTempletBox .hd .next {
	position: absolute;
	display: block;
	background: url(arrow2.png) 0 0 no-repeat;
	overflow: hidden;
	zoom: 1;
	width: 24px;
	height: 54px;
	cursor: pointer;
}

.pcTempletBox .hd .prev {
	top: 260px;
	left: 10px;
	background-position: 0 0;
}

.pcTempletBox .hd .next {
	top: 260px;
	right: 10px;
	background-position: 0 -58px;
}

.pcTempletBox .hd .prev:hover {
	background-position: 0 -117px;
}

.pcTempletBox .hd .next:hover {
	background-position: 0 -175px;
}

.pcTempletBox .hd ul {
	position: absolute;
	bottom: 90px;
	left: 46.5%;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
}

.pcTempletBox .hd ul li {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin-right: 5px;
	width: 9px;
	height: 9px;
	-background: url(icoCircle.gif) 0 -9px no-repeat;
	text-indent: -999px;
	cursor: pointer;
}

.pcTempletBox .hd ul li.on {
	background-position: 0 0;
}

.pcTempletBox .bd {
	overflow: hidden;
	zoom: 1;
	padding: 30px 40px;
	*padding: 40px;
}

.pcTempletBox .bd ul {
	float: left;
	overflow: hidden;
	zoom: 1;
	width: 340px;
	zoom: 1;
	_display: inline;
}

.pcTempletBox .bd ul li {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 20px;
	border-radius: 5px;
	background: url(boxshow_t300.jpg) 0 0 no-repeat #e2e2e2;
	text-align: center;
	*margin-right: 0;
	_display: inline;
}

.pcTempletBox .templetShow {
	position: relative;
	display: block;
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
	width: 300px;
	height: 190px;
	border: 5px solid #e2e2e2;
	border-top: none;
}

.pcTempletBox .templetShow img {
	width: 300px;
	display: block;
	background: url(loading.gif) center center no-repeat;
}

.pcTempletBox .showContent {
	position: absolute;
	top: 190px;
	left: 0px;
	z-index: 2;
	display: block;
	width: 300px;
	height: 95px;
	background: url(opacitybg.png) repeat;
}

.pcTempletBox .templetShow cite {
	position: absolute;
	top: -95px;
	left: 0px;
	z-index: 2;
	display: block;
	width: 300px;
	height: 95px;
	background: url(opacitybg.png);
}

.pcTempletBox .showLeft {
	float: left;
	overflow: hidden;
	zoom: 1;
	padding: 40px 0 0 10px;
	width: 180px;
}

.pcTempletBox .showLeft i {
	display: block;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
}

.pcTempletBox .showLeft b {
	display: block;
	width: 180px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
}

.pcTempletBox .showLeft font {
	color: #ffc600;
}

.pcTempletBox .showRight {
	float: right;
	padding-top: 45px;
}

.pcTempletBox .showRight .previewBtn {
	float: left;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	background: #A6A4A4;
	color: #fff;
}

.pcTempletBox .showRight .previewBtn:hover {
	background: #818080;
}

.pcTempletBox .showRight .buyBtn {
	float: left;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	background: #ff5a00;
	color: #fff;
}

.pcTempletBox .showRight .buyBtn:hover {
	background: #FF4000;
}

.pcTempletBox .moreBtn {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
	width: 100px;
	border-radius: 5px;
	background: #ff5a00;
	color: #fff;
}

.pcTempletBox .moreBtn:hover {
	background: #FF4000;
}
/*PC样板 end*/	

/*手机样板*/
.mTempletBg {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding-top: 60px;
	width: 100%;
}

.mTempletTitle {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 80px;
	color: #333;
	text-align: left;
	font-size: 30px;
	line-height: 80px;
}

.mTempletTitle span {
	color: #666;
	font-size: 16px;
}

.mTempletBox {
	position: relative;
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 450px;
	background: #fff;
}

.mTempletBox:hover {
	box-shadow: 0 0 8px #ccc;
}

.mTempletBox .hd .prev,.mTempletBox .hd .next {
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: url(arrow2.png) 0 0 no-repeat;
	width: 24px;
	height: 54px;
	cursor: pointer;
}

.mTempletBox .hd .prev {
	top: 150px;
	left: 10px;
	background-position: 0 0;
}

.mTempletBox .hd .next {
	top: 150px;
	right: 10px;
	background-position: 0 -58px;
}

.mTempletBox .hd .prev:hover {
	background-position: 0 -117px;
}

.mTempletBox .hd .next:hover {
	background-position: 0 -175px;
}

.mTempletBox .hd ul {
	position: absolute;
	bottom: 78px;
	left: 47%;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
}

.mTempletBox .hd ul li {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin-right: 5px;
	width: 9px;
	height: 9px;
	-background: url(icoCircle.gif) 0 -9px no-repeat;
	text-indent: -999px;
	cursor: pointer;
}

.mTempletBox .hd ul li.on {
	background-position: 0 0;
}

.mTempletBox .bd {
	padding: 40px;
}

.mTempletBox .bd ul {
	overflow: hidden;
	zoom: 1;
	zoom: 1;
}

.mTempletBox .bd ul li {
	float: left;
	overflow: hidden;
	zoom: 1;
	overflow: hidden;
	margin: 0 18px;
	width: 218px;
	height: 302px;
	background: url(mshowbg.gif) no-repeat;
	text-align: center;
	_display: inline;
}

.mTempletBox .bd ul li .pic {
	position: relative;
	overflow: hidden;
	padding: 30px 14px;
	width: 205px;
	height: 212px;
	text-align: center;
	*padding: 30px 6px;
}

.mTempletBox .bd ul li .pic>img {
	display: block;
	width: 190px;
	background: url(loading.gif) center center no-repeat;
}

.mShow {
	position: absolute;
	top: 302px;
	left: 13px;
	z-index: 10;
	margin-top: 0px;
	padding-top: 40px;
	width: 192px;
	height: 242px;
	background: url(opacitybg.png) repeat;
	text-align: center;
}

.mShow .mImg {
	display: block;
	overflow: hidden;
	text-align: center;
}

.mShow .mImg img {
	width: 100px;
	border: 5px solid #fff;
}

.mShow .mNum {
	color: #fff;
	line-height: 26px;
}

.mShow .mNum font {
	color: #ffc600;
}

.mShow .mBtn {
	overflow: hidden;
	margin: 0 auto;
	width: 110px;
}

.mShow .previewBtn {
	float: left;
	margin-right: 5px;
	padding: 5px 12px;
	border-radius: 5px;
	background: #A6A4A4;
	color: #fff;
}

.mShow .previewBtn:hover {
	background: #818080;
}

.mShow .buyBtn {
	float: left;
	padding: 5px 12px;
	border-radius: 5px;
	background: #ff5a00;
	color: #fff;
}

.mShow .buyBtn:hover {
	background: #FF4000;
}

.mTempletBox .moreBtn {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
	width: 100px;
	border-radius: 5px;
	background: #ff5a00;
	color: #fff;
}

.mTempletBox .moreBtn:hover {
	background: #FF4000;
}
/*手机样板 end*/

/*客户案例*/
.yzCaseBg {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	padding-top: 60px;
	width: 100%;
}

.yzCaseTitle {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 80px;
	color: #333;
	text-align: left;
	font-size: 30px;
	line-height: 80px;
}

.yzCaseTitle span {
	color: #666;
	font-size: 16px;
}

.txMovie {
	position: relative;
	margin: 0 auto;
	width: 1100px;
	height: 510px;
	background: #fff;
}

.txMovie:hover {
	box-shadow: 0 0 8px #ccc;
}

.txMovie .focus_pic {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	zoom: 1;
	width: 770px;
	height: 510px;
}

.txMovie .focus_pic li {
	position: relative;
	width: 770px;
	height: 510px;
	background: url(display.png) no-repeat 120px 50px #fff;
}

.txMovie .focus_pic li.case1 {
	background-color: #57c7a3;
}

.txMovie .focus_pic li.case2 {
	background-color: #2c77bc;
}

.txMovie .focus_pic li.case3 {
	background-color: #D64A6B;
}

.txMovie .focus_pic li.case4 {
	background-color: #62C65D;
}

.txMovie .focus_pic li.case5 {
	background-color: #F07532;
}

.txMovie .focus_pic li.case6 {
	background-color: #5A5FEF;
}

.txMovie .focus_pic li a {
	display: block;
	width: 500px;
	height: 320px;
	position: absolute;
	top: 72px;
	left: 136px;
}

.txMovie .focus_pic img {
	display: inline-block;
	width: 500px;
	height: 320px;
	background: url(loading.gif) center center no-repeat #fff;
}

.txMovie .focus_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	width: 290px!important;
	height: 200px;
}

:root .focus_nav {
	-ms-filter: none;
}

.txMovie .focus_nav ul {
	position: relative;
	padding-top: 10px!important;
	width: 300px!important;
}

.txMovie .tempWrap {
	width: 300px!important;
}

.txMovie .focus_nav li {
	position: relative;
	float: left;
	display: inline;
	margin-right: 3px;
	width: 146px!important;
	cursor: pointer;
}

.txMovie .focus_nav .navNext,.focus_nav .navPrev {
	position: absolute;
	top: 10px;
	display: inline-block;
	overflow: hidden;
	zoom: 1;
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	background-color: rgba(0,0,0,.6);
	background-image: url

(images/focus_nav.png);
	background-repeat: no-repeat;
	line-height: 100;
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
	filter: Alpha(Opacity=60);
}

.txMovie .focus_nav .navPrev {
	right: 47px;
	background-position: 10px 8px;
	border-right-color: transparent;
}

.txMovie .focus_nav .navNext {
	right: 10px;
	background-position: -22px 8px;
}

.txMovie .focus_nav .navNext:hover,.focus_nav .navPrev:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
	border-right-color: #fff;
}

.txMovie .focus_nav img {
	width: 140px;
	border: 1px solid #ddd;
}

.txMovie .focus_nav  .on img {
	width: 140px;
	border: 1px solid #F97F00;
}

.txMovie .focus_nav .on b {
	position: absolute;
	top: -10px;
	left: 30px;
	color: #fff;
	font-size: 10px;
	font-family: arial;
	-webkit-text-size-adjust: none;
}

.txMovie .focus_nav li .cover {
	position: absolute;
	top: 1px;
	left: 3px;
	width: 140px;
	height: 54px;
	line-height: 999px;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
	background: #000;
	filter: alpha(opacity=10);
	opacity: .1
}

.txMovie .focus_nav li.on .cover {
	display: none
}

.txMovie .focus_text {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	zoom: 1;
	width: 330px;
	height: 280px;
	background: #fff;
}

:root .focus_text {
	-ms-filter: none;
}

.txMovie .focus_text h4 {
	display: block;
	overflow: hidden;
	zoom: 1;
	width: 260px;
	height: 32px;
	color: #fff;
	color: #333;
	font-size: 16px;
	line-height: 32px;
}

.txMovie .focus_text ul {
	padding: 20px 20px 0;
}

.txMovie .focus_text ul li {
	display: block;
}

.txMovie .focus_text p {
	padding-bottom: 20px;
	color: #666;
	text-align: left;
}

.txMovie .focus_text a {
	color: #F97F00;
}

.txMovie .focus_text a:hover {
	text-decoration: underline;
}

/*客户案例 end*/

/*证书*/
.yzHonorBg {
	clear: both;
	overflow: hidden;
	zoom: 1;
	padding-top: 60px;
	width: 100%;
}

.yzHonorTitle {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 80px;
	color: #333;
	text-align: left;
	font-size: 30px;
	line-height: 80px;
}

.yzHonorTitle span {
	color: #666;
	font-size: 16px;
}

.yzHonorBox {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	width: 1100px;
	background: #fff;
}

.yzHonorBox:hover {
	box-shadow: 0 0 8px #ccc;
}

.yzHonorBox ul {
	padding: 0;
	width: 100%;
}

.yzHonorBox ul li {
	float: left;
	display: inline;
	padding: 50px 0;
	width: 220px;
	text-align: center;
}

.yzHonorBox ul li img {
	display: block;
	margin: 0 auto;
	width: 120px;
}

.yzHonorBox dl {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	padding-bottom: 60px;
}

.yzHonorBox dl dt {
	overflow: hidden;
	zoom: 1;
	margin: 0px auto;
	width: 1100px;
	height: 60px;
	color: #333;
	font-size: 30px;
	line-height: 60px;
}

.yzHonorBox dl dd {
	float: left;
	padding: 15px 60px 0 60px;
	line-height: 28px;
	text-align: left;
}
/*证书 end*/

/*服务*/
.yzServeBg {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-top: 60px;
	width: 100%;
	height: 200px;
	background: url(severBg.jpg) center bottom no-repeat #FE872B;
}

.yzServeBox {
	margin: 0 auto;
	width: 1100px;
}

.yzServeBox .sTime {
	padding-top: 10px;
	color: #fff;
	font-size: 46px;
	line-height: 60px;
}

.yzServeBox .sCont {
	color: #fff;
	font-size: 30px;
	line-height: 60px;
}

.yzServeBox .sBtn {
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	width: 260px;
	border-radius: 5px;
	background: #4fa425;
	color: #fff;
	font-size: 16px;
}

.yzServeBox .sBtn:hover {
	background: #469420;
} 
/*服务end*/
/*==========云指首页 end===========*/


/*========== 定制站页面 ==========*/
.versionBg {
	width: 100%;
	background: #f6f6f6;
}

.versionBox {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
}

.versionBox .versionTitle {
	width: 100%;
	padding: 60px 0;
	line-height: 50px;
	font-size: 36px;
}

.versionBox .verUl {
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	border: 1px solid #e2e2e2;
}

.versionBox .verUl .verLi {
	display: inline;
	float: left;
	border-top: 3px solid #fff;
	padding: 15px;
	width: 274.5px;
	text-align: left;
	border-right: 1px dashed #e2e2e2;
	background: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s 

ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.versionBox .verUl .verRec {
	position: relative;
}

.versionBox .verUl .verRec .hotPro {
	width: 39px;
	height: 45px;
	position: absolute;
	top: -3px;
	right: -1px;
	z-index: 9;
}

.versionBox .verUl .verLi:last-child {
	border: none;
	border-top: 3px solid #fff;
}

.versionBox .verUl .verLi:hover {
	background: #fafafa;
	border-top: 3px solid #f97f00;
}

.verName {
	overflow: hidden;
	zoom: 1;
}

.verName h4 {
	font-size: 24px;
	padding: 6px 0;
	width: 78px;
	float: left;
}

.verName p {
	padding-top: 12px;
	font-size: 14px;
	color: #666;
	float: left;
}

.vertab {
	padding-top: 5px;
	height: 20px;
	overflow: hidden;
	zoom: 1;
}

.vertab span,.vertab label {
	color: #666;
}

.vertab label {
	padding-left: 5px;
}

.verPrice {
	padding: 8px 0;
}

.verPrice font {
	font-size: 18px;
	color: #ff182f;
}

.verPrice .divselect1,
.verPrice .divselect2,
.verPrice .divselect3 {
	width: 164px;
	position: relative;
	z-index: 1000;
}

.verPrice .divselect1 cite,
.verPrice .divselect2 cite,
.verPrice .divselect3 cite {
	width: 128px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #807a62;
	cursor: pointer;
	font-style: normal;
	padding-left: 4px;
	padding-right: 30px;
	border: 1px solid #e5e5e5;
	background: #fff url(xjt.png) no-repeat right center;
}

.verPrice .divselect1 ul,
.verPrice .divselect2 ul,
.verPrice .divselect3 ul {
	width: 162px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	position: absolute;
	z-index: 1100;
	margin-top: -1px;
	display: none;
}

.verPrice .divselect1 ul li,
.verPrice .divselect2 ul li,
.verPrice .divselect3 ul li {
	height: 34px;
	line-height: 34px;
}

.verPrice .divselect1 ul li a,
.verPrice .divselect2 ul li a,
.verPrice .divselect3 ul li a {
	display: block;
	height: 30px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

.verPrice .divselect1 ul li a:hover
,.verPrice .divselect2 ul li a:hover,
.verPrice .divselect3 ul li a:hover {
	background-color: #cce6ff;
}

.verInfo {
	height: 380px;
	overflow: hidden;
	zoom: 1;
}

.verInfo dl {
	padding-top: 10px;
}

.verInfo dl dt,.verInfo dl dd {
	line-height: 24px;
}

.verInfo dl dt {
	color: #666;
}

.verInfo dl dd {
	color: #999;
	padding-left: 10px;
}

.verBuy .buyBtn {
	background: #ff4e00 none repeat scroll 0 0;
	border: 1px solid #ea6c18;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	transition: all 0.2s ease-in 0s;
	width: 165px;
}

.verBuy p {
	text-align: center;
	padding: 5px 0;
}

.verBuy .buyBtn:hover {
	background: #e64802;
}

.flowBox {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	padding-bottom: 100px;
}

.flowBox .flowTitle {
	width: 100%;
	padding: 60px 0;
	line-height: 50px;
	font-size: 36px;
}

.flowBox ul {
	width: 100%;
}

.flowBox ul li {
	float: left;
	display: inline;
}

.flowBox ul li.flowStep {
	text-align: center;
	width: 200px;
}

.flowBox ul li.flowStep span {
	display: block;
	font-size: 20px;
	margin: 23px 0 10px;
}

.flowBox ul li.flowStep p {
	display: block;
	color: #8d8d8d;
	line-height: 24px;
}

.flowBox ul li.flowStep i {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background: url(flowstep.png) no-repeat;
}

.flowBox ul li.flowStep i.step1 {
	background-position: -21px -12px;
}

.flowBox ul li.flowStep i.step2 {
	background-position: -241px -12px;
}

.flowBox ul li.flowStep i.step3 {
	background-position: -458px -12px;
}

.flowBox ul li.flowStep i.step4 {
	background-position: -683px -12px;
}

.flowBox ul li.flowStep i.step5 {
	background-position: -902px -12px;
}

.flowBox ul li.flowStep:hover i.step1 {
	background-position: -21px -165px;
}

.flowBox ul li.flowStep:hover i.step2 {
	background-position: -241px -165px;
}

.flowBox ul li.flowStep:hover i.step3 {
	background-position: -458px -165px;
}

.flowBox ul li.flowStep:hover i.step4 {
	background-position: -683px -165px;
}

.flowBox ul li.flowStep:hover i.step5 {
	background-position: -902px -165px;
}

.flowBox ul li.flowArrow {
	width: 24px;
	height: 24px;
	margin-top: 50px;
}

.advantageBox .coreTitle,.advantageBox .coreBottom {
	width: 100%;
	overflow: hidden;
	zoom: 1;
	line-height: 50px;
	background: #f6f6f6;
	padding: 50px 0;
}

.advantageBox .coreTitle p,.advantageBox .coreBottom p {
	width: 1100px;
	margin: 0 auto;
	font-size: 36px;
}

.advantageBox .coreBottom p span {
	color: #f97f00;
}

.advantageBox .coreBg {
	background: #fff;
	overflow: hidden;
	zoom: 1;
	height: 650px;
}

.coreBg .coreCont {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}

.coreBg .coreCont font {
	display: block;
	line-height: 100px;
	font-size: 72px;
}

.coreBg .coreCont span {
	display: block;
	line-height: 36px;
	font-size: 24px;
	color: #666;
}

.coreBg .coreCont p {
	display: block;
	width: 430px;
	margin: 0 auto;
	line-height: 28px;
	font-size: 16px;
	color: #999;
}

.coreBg .coreCont .coreImg {
	position: absolute;
	top: 300px;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	-ms-transition: top 1s;
	-o-transition: top 1s;
	transition: top 1s;
}

.coreBg .coreCont .coreImg:hover {
	position: absolute;
	top: 280px;
	top: 300px\9;
}

.coreBg .coreCont .tu1 {
	left: 37%;
}

.coreBg .coreCont .tu2 {
	left: 33%;
}

.coreBg .coreCont .tu3 {
	left: 34%;
}

.coreBg .coreCont .tu4 {
	left: 34%;
}

.coreBg .coreCont .tu5 {
	left: 35%;
}

.firstAdv font {
	color: #3598dc;
}

.secondAdv font {
	color: #03c479
}

.thirdAdv font {
	color: #e84c3d
}

.fourthAdv font {
	color: #5e4ed8
}

.fifthAdv font {
	color: #27ae61
}

.advantageBox .secondAdv,.advantageBox .fourthAdv {
	background: #f9f9f9;
}

.casesBox {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	margin-bottom: 100px;
}

.casesBox .casesTitle {
	width: 100%;
	padding: 60px 0;
	line-height: 50px;
	font-size: 36px;
}

.picScroll-left {
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.picScroll-left .hd .prev,.picScroll-left .hd .next {
	width: 22px;
	height: 38px;
	display: inline-block;
	position: absolute;
	background: url(arrow.png) 0 0 no-repeat;
	cursor: pointer;
}

.picScroll-left .hd .prev {
	left: 0px;
	top: 85px;
	background-position: -46px 1px;
}

.picScroll-left .hd .next {
	right: 0px;
	top: 85px;
	background-position: -46px -38px;
}

.picScroll-left .hd .prev:hover {
	background-position: 0 1px;
}

.picScroll-left .hd .next:hover {
	background-position: 0 -38px;
}

.picScroll-left .hd ul {
	overflow: hidden;
	position: absolute;
	z-index: 1000;
	bottom: 0px;
	left: 50%;
	width: 114px;
	margin-left: -27px;
}

.picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	zoom: 1;
	margin-right: 10px;
	text-indent: -999px;
	cursor: pointer;
	-background: url(icoCircle.gif) 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
	background-position: 0 0;
}

.picScroll-left .bd {
	padding: 10px 40px 40px 40px;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
	zoom: 1;
}

.picScroll-left .bd ul li {
	height: 230px;
	margin: 0 18px;
	float: left;
	_display: inline;
	overflow: hidden;
	zoom: 1;
	text-align: center;
	border-bottom: 1px solid #E0E0E0;
	background: #f9f9f9;
	opacity: 0.9;
	-webkit-transition: background-color .2s 

ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.picScroll-left .bd ul li:hover {
	opacity: 1;
	border-bottom: 1px solid #f97f00;
}

.picScroll-left .bd ul li:hover .title {
	color: #f97f00;
}

.picScroll-left .bd ul li .pic {
	text-align: center;
	overflow: hidden;
	zoom: 1;
	height: 160px;
}

.picScroll-left .bd ul li .pic {
	width: 220px;
	display: block;
}

.tempWrap img{
	width:170px;
        _height:170px;
}

input.labelauty + label { 
	font: 12px "Microsoft Yahei";
	color:#333; 
	float: left;
	margin-right:5px;
	width:190px;
    margin-bottom: 10px;
    margin-right: 15px;
}

.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-left .bd ul li .title {
	line-height: 24px;
	padding-top: 20px;
}

.picScroll-left .bd ul li .eTitle {
	display: block;
	color: #aeaeae;
	font-style: italic;
	font-size: 12px;
}

.picScroll-left .bd ul li a {
	display: block;
}
		
/*========== 定制站页面 end==========*/



.bg{
 background: #f0f0f0;
}


/*========== 新价格页面 ==========*/
.comboBox {
	margin: 50px auto 0 auto;
	width: 1100px;
}

.comboTitle {
	width: 100%;
	font-size: 36px;
	line-height: 50px;
}

.comboCont {
	width: 100%;
	text-align: left;
}

.comboCont .hd {
	margin: 30px 0;
	height: 42px;
	line-height: 42px;
}

.comboCont .hd ul {
	margin: 0 auto;
	width: 450px;
	height: 42px;
}

.comboCont .hd ul li {
	float: left;
	margin-right: 10px;
	width: 140px;
	height: 42px;
	border-radius: 5px;
	background: #ddd;
	color: #999;
	text-align: center;
	cursor: pointer;
}

.comboCont .hd ul li.on {
	background: #f97f00;
	color: #fff;
}

.comboCont .bd {
	overflow: hidden;
	_height: 520px;
}

.comboCont .bd>div {
	overflow: hidden;
	padding: 15px;
	zoom: 1;
}

.tyIntro {
	background:#fff;
	float: left;
	overflow: hidden;
	zoom: 1;
	width: 320px;
}

.tyTop {
	width: 100%;
	height: 70px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #3598dc;
	color: #fff;
}

.tyTop h3 {
	float: left;
	padding-left: 10px;
	font-weight: normal;
	font-size: 32px;
	line-height: 70px;
	color: #fff;
}

.tyTop span {
	float: right;
	padding: 30px 10px 0 0;
}

.tyTop span font {
	color: #fff600;
	font-size: 30px;
}

.tyBtn {
	overflow: hidden;
	zoom: 1;
	background: #fff;
}

.tyBtn a {
	display: block;
	margin: 10px auto 20px auto;
	width: 220px;
	height: 40px;
	border-radius: 5px;
	background: #3598dc;
	color: #fff;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-

ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.tyBtn a:hover {
	background: #3BA3EB;
}

.tyBottom {
	width: 100%;
	height: 10px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #3598dc;
}

.mfbjg .tyTop {
	background: #1bbc9d;
}

.mfbjg .tyBtn a {
	background: #1bbc9d;
}

.mfbjg .tyBtn a:hover {
	background: #22CFAE;
}

.mfbjg .tyBottom {
	background: #1bbc9d;
}

.mfbjg2 .tyTop {
	background: #1bbc9d;
}

.mfbjg2 .tyBtn a {
	background: #1bbc9d;
}

.mfbjg2 .tyBtn a:hover {
	background: #22CFAE;
}

.mfbjg2 .tyBottom {
	background: #1bbc9d;
}

.swbjg {
	margin: 0 54px;
}

.swbjg .tyTop {
	background: #f49c14;
}

.swbjg .tyBtn a {
	background: #f49c14;
}

.swbjg .tyBtn a:hover {
	background: #F3A731;
}

.swbjg .tyBottom {
	background: #f49c14;
}

.sjbjg .tyTop {
	background: #2fa4e7;
}

.sjbjg .tyBtn a {
	background: #2fa4e7;
}

.sjbjg .tyBtn a:hover {
	background: #31ADF5;
}

.sjbjg .tyBottom {
	background: #2fa4e7;
}

.wxbjg {
	margin: 0 54px;
}

.wxbjg .tyTop {
	background: #27ae61;
}

.wxbjg .tyBtn a {
	background: #27ae61;
}

.wxbjg .tyBtn a:hover {
	background: #2DBC6A;
}

.wxbjg .tyBottom {
	background: #27ae61;
}

.qjbjg .tyTop {
	background: #8f44ad;
}

.qjbjg .tyBtn a {
	background: #8f44ad;
}

.qjbjg .tyBtn a:hover {
	background: #A44FC6;
}

.qjbjg .tyBottom {
	background: #8f44ad;
}

.fxscjg,.mfbjg2 {
	margin: 0 0 0 140px;
}

.fxscjg .tyTop {
	background: #e64131;
}

.fxscjg .tyBtn a {
	background: #e64131;
}

.fxscjg .tyBtn a:hover {
	background: #F34534;
}

.fxscjg .tyBottom {
	background: #e64131;
}

.tyCont {
	overflow: hidden;
	zoom: 1;
	padding: 10px;
	height: 310px;
	background: #fff;
	width: 100%;
}

.tyCont>div {
	overflow: hidden;
	zoom: 1;
}

.tyCont b {
	float: left;
	width: 50px;
	font-weight: normal;
	line-height: 25px;
}

.tyCont ul li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.tyCont ul li span {
	float: left;
	width: 32px;
	height: 36px;
	background-image: url(comboico.png);
	background-repeat: no-repeat;
}

.tyCont span.pcIcon {
	background-position: 0 3px;
}

.tyCont span.phoneIcon {
	background-position: 0 -34px;
}

.tyCont span.appIcon {
	background-position: 0 -70px;
}

.tyCont span.wxIcon {
	background-position: 0 -107px;
}

.tyCont span.scIcon {
	background-position: 0 -143px;
}

.tyCont ul li i {
	float: left;
	display: none;
	margin-left: 5px;
	width: 34px;
	font-style: normal;
	line-height: 40px;
}

.tyCont .onico i {
	display: block;
}

.tyCont .param p {
	line-height: 20px;
}

.tyCont .param span {
	float: left;
	width: 50px;
}

.tyCont .param label {
	_margin-right: 5px;
	_padding-left: 3px;
}

.comboCont .circuit {
	float: left;
	margin: 5px 10px 0 0;
	padding: 0 15px 0 30px;
	height: 28px;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(checked.png) no-repeat;
	background-

position: 7px -20px;
	color: #6a6a6a;
	font-size: 14px;
	line-height: 28px;
}

.comboCont .act,.comboCont .circuit:hover {
	border: 1px solid #d90313;
	background-position: 7px 3px;
	color: #d90313;
}
/*套餐详细*/
.contrastBox {
	position: relative;
	margin: 100px auto;
	width: 1100px;
}

.contrastBox .contrastTitle {
	overflow: hidden;
	height: 80px;
	color: #333;
	text-align: left;
	font-size: 30px;
	line-height: 80px;
}

#contrastTop {
	width: 1100px;
	height: 40px;
	color: #fff;
	line-height: 40px;
}

.contrastHead {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #333;
}

.contrastHead tr th {
	height: 50px;
	color: #333;
	font-size: 26px;
	font-Weight: normal;
}

.contrastHead tr th,.contrastHead tr td {
	border-right: 1px solid #ddd;
}

.contrastHead .priceTr {
	height: 30px;
}

.contrastHead .priceTr label {
	padding-left: 3px;
	line-height: 30px;
}

.contrastHead .tc {
	width: 160px;
	border-top: 10px solid #ddd;
}

.contrastHead .mfb {
	border-top: 10px solid #1bbc9d;
	color: #1bbc9d;
}

.contrastHead .tzb {
	border-top: 10px solid #3598dc;
	color: #3598dc;
}

.contrastHead .swb {
	border-top: 10px solid #f49c14;
	color: #f49c14;
}

.contrastHead .sjb {
	border-top: 10px solid #2fa4e7;
	color: #2fa4e7;
}

.contrastHead .wxb {
	border-top: 10px solid #27ae61;
	color: #27ae61;
}

.contrastHead .qjb {
	border-top: 10px solid #8f44ad;
	color: #8f44ad;
}

.contrastHead .fxscb {
	border-top: 10px solid #e64131;
	color: #e64131;
}

.vPrice {
	height: 40px;
}

.vPrice span {
	font-weight: bold;
	font-size: 24px;
}

.vPrice .mfbColor span {
	color: #1bbc9d;
}

.vPrice .tzbColor span {
	color: #3598dc;
}

.vPrice .swbColor span {
	color: #f49c14;
}

.vPrice .sjbColor span {
	color: #2fa4e7;
}

.vPrice .wxbColor span {
	color: #27ae61;
}

.vPrice .qjbColor span {
	color: #8f44ad;
}

.vPrice .fxscColor span {
	color: #e64131;
}

.tdBuy {
	height: 50px;
	line-height: 50px;
}

.tdBuy a,.tdBuy input {
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 30px;
	border-radius: 2px;
	background-color: #ff4b4b;
	color: white;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in;
	-moz-

transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.tdBuy a:hover,.tdBuy input:hover {
	background: #F22525;
}

.contrast {
	background: #ddd;
}

.contrast tr td {
	height: 35px;
	background: #fff;
	line-height: 28px;
}

.contrast tr td img {
	vertical-align: middle;
}

.contrast tr td.dbtitle {
	padding-left: 10px;
	background: #eee;
	text-align: left;
	font-weight: bold;
}

.contrast tr td.dbtitle1 {
	line-height: 40px;
	background: #50C754;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

/*========== 新价格页面 end==========*/

/*========== 新样板页面 ==========*/
/*banner*/
.tBannerBox {
	width: 100%;
	height: 170px;
	overflow: hidden;
	zoom: 1;
	background: url(templatebanner.jpg) top center no-repeat;
	background-attachment: fixed;
}

.templatebanner {
	width: 1100px;
	height: 170px;
	line-height: 170px;
	font-size: 36px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
/*切换按钮样式*/
.showTemplate {
	width: 1100px;
	margin: 40px auto 0;
}

.templateFrame {
	width: 100%;
	height: 62px;
	padding: 30px 0 15px 0;
	background: #fff;
}

.templateSelect {
	height: 56px;
	overflow: hidden;
	zoom: 1;
	background: #f3f3f3;
	border: 1px solid #E0E0E0;
	width: 1100px;
	margin: 0 auto;
	box-shadow: 0 0 8px #ccc;
}

.templateSelect:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.templateSelect div {
	float: left;
	width: 366px;
	height: 56px;
	line-height: 56px;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

#shiftBt_3 {
	background-image: url(selectJpc.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_1 {
	background-image: url(selectPc.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_2 {
	background-image: url(selectPhone.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_3.BtActive {
	background-image: url(selectJpc_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_1.BtActive {
	background-image: url(selectPc_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_2.BtActive {
	background-image: url(selectPhone_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

.BtActive {
	background-color: #fff;
	color: #ff5a00;
	transition: all 0.4s ease-in-out 0s;
}

.BtLink {
	background-color: none;
	color: #666666;
}

/*行业选择*/
.listBox {
	background: #fff;
	overflow: hidden;
	zoom: 1;
}

.template_list {
	width: 1100px;
	margin: 0 auto;
}

.list_title {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	text-align: left;
}

.list_title .list_title_l {
	height: 30px;
	width: 6px;
	background: #f86106;
	float: left;
}

.list_title span {
	float: left;
	font-size: 20px;
	padding-left: 10px;
}

.template_list ul {
	margin-left: 20px;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 30px;
}

.template_list ul:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.template_list ul li {
	width: 19.9%;
	padding-top: 4px;
	height: 26px;
	line-height: 26px;
	float: left;
	text-align: left;
	font-size: 14px;
}

.template_list ul li a {
	color: #555;
}

.template_list ul li a:hover {
	color: #ff6800;
}

.template_list ul li.curSelected a {
	color: #ff6800;
	font-weight: bold;
}

/*行业分类*/
#levelmenu div.unit ul {
	border-top: none;
	padding: 3px 0 8px 0px;
}

#levelmenu h5 {
	text-align: left;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	zoom: 1;
	cursor: default;
	font-size: 18px;
}

#levelmenu div.unit ul {
	display: none;
	line-height: 40px;
}

#levelmenu div.current ul {
	display: block;
}

#levelmenu div.current ul li {
	display: inline-block;
}

#levelmenu div.current h5 {
	background-position: left bottom;
}
 
 /*PC样板*/
.template_showbg {
	overflow: hidden;
	zoom: 1;
	margin: 20px auto 0;
	padding-bottom: 50px;
	font-size: 14px
}

.templateChild {
	float: left;
	width: 310px;
	margin: 26px
}

.wrapper {
	overflow: hidden;
	position: relative;
}

.pcImg {
	display: block;
	overflow: hidden;
	zoom: 1;
	width: 300px;
	height: 240px;
	border: 5px solid #ddd
}

.pcImg img {
	position: relative;
	width: 100%
}

.tMask {
	position: absolute;
	bottom: 5px;
	left: 5px;
	display: none;
	width: 300px;
	height: 240px;
	background: url(opacitybg.png);
	color: #fff
}

.tMask .yulanBtn {
	position: absolute;
	top: 90px;
	left: 130px;
}

.shiyongBtn {
	float: right;
	width: 60px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	margin-top: 6px;
	background: #ff5a00
}

.shiyongBtn a {
	color: #fff;
}

.shiyongBtn:hover {
	background: #FF4000
}

.templateInfo {
	float: left;
	overflow: hidden;
	zoom: 1;
	width: 200px;
}

.templateInfo .bianhao {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	height: 20px;
	color: #555;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	font-size: 12px;
}

.templateInfo .hangye {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	height: 20px;
	color: #555;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	font-size: 12px;
}

/*手机样板*/
.showTable {
	overflow: hidden;
	zoom: 1;
	margin: 20px 0;
}

.showBg {
	position: relative;
	float: left;
	margin: 20px 34px;
	padding-top: 45px;
	width: 200px;
	height: 349px;
	background: url(phoneshell.png) no-repeat 0 0;
	text-align: center;
}

.showBg img {
	width: 196px;
}

.showBg .qrcode {
	display: none;
	position: absolute;
	top: 45px;
	left: 2px;
	z-index: 10;
	width: 196px;
	height: 294px;
	background: url(opacitybg.png);
	text-align: center;
}

.showBg:hover .qrcode {
	display: block;
}

.showBg .qrcode p {
	color: #fff;
}

.showBg .qrcode img {
	margin-top: 55px;
	width: 120px;
	height: 120px;
	border: 10px solid #fff;
	background: #fff;
}

/*页码*/
#WebPager a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 6px;
	margin-right: 3px;
	color: #666;
	background: #fff;
	padding: 10px;
}

#WebPager a:hover {
	background: #ff7e00;
	color: #fff;
}

#WebPager b
/*========== 新样板页面 end ==========*/




/*以下是优站旧的样式，部分内页，全部更新完可以删除*/
.template_frame {
	width: 100%;
	height: 62px;
	background: #f3f3f3;
	padding: 30px 0px;
}

.template_select {
	height: 62px;
	overflow: hidden;
	zoom: 1;
	background: url(tem_1.gif) no-repeat center #f3f3f3;
	width: 1100px;
	margin: 0 auto;
}

.template_select div {
	float: left;
	width: 364px;
	height: 56px;
	line-height: 56px;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	margin-top: 2px;
	margin-left: 2px;
	font-weight: bold;
}

#shiftBt_1 {
	background-image: url(selectPc.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_1.BtActive {
	background-image: url(selectPc_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_2 {
	background-image: url(selectPhone.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_2.BtActive {
	background-image: url(selectPhone_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_3 {
	background-image: url(selectJpc.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

#shiftBt_3.BtActive {
	background-image: url(selectJpc_hover.png);
	background-position: 100px 18px;
	background-repeat: no-repeat;
}

.showBg .qrcode {
	display: none;
	position: absolute;
	top: 45px;
	left: 2px;
	z-index: 10;
	width: 196px;
	height: 352px;
	background: url(opacitybg.png);
	text-align: center;
}
/**********PC样板样式***********/

#listTpl {
	text-align: left;
}

#listExcellentTpl {
	text-align: left;
}

.isShow {
	margin: 0 50px;
	width: 260px;
	height: 190px;
	overflow: hidden;
	background: url(boxshow_t260.png) 0 0 no-repeat white;
	position: relative;
}

#listTpl table {
	width: 100%;
}

#listExcellentTpl table {
	width: 100%;
}

.isShow>div {
	position: absolute;
	z-index: 100;
	display: none;
}

.isShow>div span {
	display: block;
	width: 260px;
	height: 190px;
	background-color: #000;
	filter: Alpha(opacity=65);
	opacity: 0.65;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 22px;
}

.isShow>a {
	display: block;
	width: 260px;
	height: 190px;
	margin-top: 22px;
	overflow: hidden;
	zoom: 1;
}

.isShow>a img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.isShow>a img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

.isShow>div .A_left, .isShow>div .A_right {
	text-align: center;
	font-size: 18px;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
	background: #d21d1d;
}

.isShow>div .A_left {
	position: absolute;
	z-index: 101;
	top: 70px;
	left: 0px;
	display: none;
}

.isShow>div .A_right {
	position: absolute;
	z-index: 102;
	top: 85px;
	left: 70px;
}

.isShow>div a.A_left:hover, .isShow>div a.A_right:hover {
	background: #c00000;
	color: #ffffff;
}

#listTpl .but {
	float: right;
	width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #000;
	border-radius: 8px;
	margin: 20px 5px 0 0;
	text-align: center;
	margin-right: 40px;
	background: url(../images/tem_9.gif) no-repeat left;
}

#listTpl .but:hover {
	color: #fff;
	background: #fe5959;
	transition: all 0.5s ease-in-out 0s;
}
/**********PC样板样式end***********/

/*tabBarclass*/
.bannerBts {
	background: url(BuyAndTrial.png) no-repeat center center;
	position: absolute;
	top: 132px;
	right: 130px;
	width: 220px;
	height: 260px;
}

.buyBt,.freeTryBt,.downloadBt {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 120px;
	height: 30px;
	background-color: #ff973a;
	border: 1px solid white;
	border-radius: 2px;
	line-height: 30px;
	color: white;
	font-size: 14px;
}

.buyBt {
	margin-top: 95px;
	height: 36px;
	line-height: 36px;
}

.bannerBts a:hover {
	background-color: #ff8518;
	color: white;
}
/*tabBarclass end*/

/*tabBarclass*/
.tabBar {
	margin-bottom: 40px;
	padding-top: 30px;
	width: 100%;
	border-top: 5px solid #ddd;
}

.tabBar ul {
	margin: 0 auto;
	width: 1100px;
	height: 130px;
	overflow: hidden;
	zoom: 1;
}

.tabBar li {
	float: left;
	width: 275px;
	height: 130px;
	display: inline-block;
}

.tabBar li a {
	display: block;
	height: 130px;
	line-height: 60px;
	font-size: 18px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.tabBar li a:hover {
	color: white;
}

.tab1 {
	background: url(tab1Img1.png) no-repeat 0 0;
}

.tab1:hover {
	background: url(tab1Img2.png) no-repeat 0 0;
}

.tab2 {
	background: url(tab2Img1.png) no-repeat 0 0;
}

.tab2:hover {
	background: url(tab2Img2.png) no-repeat 0 0;
}

.tab3 {
	background: url(tab3Img1.png) no-repeat 0 0;
}

.tab3:hover {
	background: url(tab3Img2.png) no-repeat 0 0;
}

.tab4 {
	background: url(tab4Img1.png) no-repeat 0 0;
}

.tab4:hover {
	background: url(tab4Img2.png) no-repeat 0 0;
}
/*tabBarclass end*/

/*showBoxclass*/
.showBox {
	margin: 0 auto;
	margin-bottom: 60px;
	width: 1100px;
}

.showBox h1 {
	height: 80px;
	border: 1px solid #ccc;
	border-bottom: 1px dashed #ccc;
	line-height: 80px;
	color: #232b58;
	font-size: 40px;
	text-align: left;
	text-indent: 1em;
}

.showBox h1 span {
	color: #aa1515;
}

#carousel {
	height: 320px;
	border: 1px solid #ccc;
	border-top: 0px;
}

#carousel .frame {
	height: 320px;
	position: relative;
	overflow: hidden;
}

#carousel .frames {
	height: 320px;
	width: 4400px;
	position: relative;
}

#carousel .frame-2 {
	left: 1100px;
	overflow: hidden;
	width: 1098px;
	position: absolute;
	height: 297px;
	zoom: 1;
}

#carousel .frame-3 {
	left: 2200px;
	overflow: hidden;
	width: 1098px;
	position: absolute;
	height: 297px;
	zoom: 1;
}

#carousel .frame-4 {
	left: 3300px;
	overflow: hidden;
	width: 1098px;
	position: absolute;
	height: 297px;
	zoom: 1;
}

#carousel .frame-5 {
	left: 4400px;
	overflow: hidden;
	width: 1098px;
	position: absolute;
	height: 297px;
	zoom: 1;
}

#carousel .controls {
	margin-top: -20px;
	margin-left: 850px;
	width: 212px;
	height: 40px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	cursor: pointer;
	z-index: 50;
}

.controls .arrow {
	float: left;
	width: 30px;
	height: 40px;
	line-height: 40px;
}

.controls .off,.controls .selected,.controls .on {
	float: left;
	width: 30px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.controls .off {
	color: #dadada;
}

.controls .selected,.controls .on {
	color: #a91212;
}

#carousel .l-a {
	background: url(sprFilmstripArrows.gif) no-repeat 7px -83px
}

#carousel .l-h {
	background: url(sprFilmstripArrows.gif) no-repeat 7px -145px
}

#carousel .r-a {
	background: url(sprFilmstripArrows.gif) no-repeat 10px 10px
}

#carousel .r-h {
	background: url(sprFilmstripArrows.gif) no-repeat 10px -50px
}

/*showBoxclass end*/
.conmonH2 {
	margin-bottom: 30px;
	height: 15px;
	border-bottom: 1px solid #aaa;
	color: #333;
	font-size: 28px;
	text-align: left;
}

.conmonH2 span {
	display: block;
	padding: 0 5px;
	background-color: white;
}

.site3core4 {
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	width: 1100px;
	height: auto;
	overflow: hidden;
	zoom: 1;
	color: white;
}

.site3core4 .conmonH2 span {
	width: 280px;
	height: 30px;
	line-height: 30px;
}

#rollContainer {
	margin: 0 auto;
	width: 900px;
	position: relative;
}

#rollContainer li {
	width: 266px;
	height: 266px;
	position: absolute;
	top: 0;
	left: 90px;
	text-align: center;
	cursor: pointer;
}

#rollContainer li h3 {
	display: block;
	margin: 50px 0;
	text-align: center;
	font-size: 20px;
}

#rollContainer li.current {
	cursor: default;
}

.clickEnter0 {
	background: url(clickEnter0.png) center center no-repeat;
}

.clickEnter1 {
	background: url(clickEnter1.png) center center no-repeat;
}

.clickEnter2 {
	background: url(clickEnter2.png) center center no-repeat;
}

.clickEnter3 {
	background: url(clickEnter3.png) center center no-repeat;
}

.clickEnter4 {
	background: url(clickEnter4.png) center center no-repeat;
}

.sBuyBt,.sTryBt {
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 28px;
	border: 1px solid white;
	border-radius: 2px;
	line-height: 28px;
	font-size: 14px;
	color: white;
	text-align: center;
}

.sTryBt {
	margin-top: 17px;
}

.sBuyBt:hover,.sTryBt:hover {
	color: #bbb;
}

/*functionsclass*/
.functions {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 1100px;
}

.functions .conmonH2 span {
	width: 530px;
	height: 30px;
	line-height: 30px;
}

.functions1 {
	margin: 40px 0;
	overflow: hidden;
	zoom: 1;
}

.functions1:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.functions1>li {
	float: left;
	margin: 0 10px;
	width: 200px;
}

.functions1 h4 {
	margin-bottom: 15px;
	text-align: left;
	font-size: 18px;
}

.infoList {
	margin-top: 10px;
}

.infoList li {
	padding: 0 20px;
	background: url(redDot.png) no-repeat 5px 6px;
	text-align: left;
}

.functions2 {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}

.functions2:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.functions2>li {
	float: left;
	margin-left: 16px;
	margin-bottom: 10px;
	width: 168px;
	height: 168px;
	border: 1px solid #e5e5e5;
	background-color: white;
}

.functions2>li img {
	margin: 34px auto 20px;
}

.functions2>li img:hover {
	zoom: 1.1;
}

.functions2 .firstLi {
	margin-left: 0;
}
/*functionsclass end*/

/*mobileMdclass*/
.mobileMd {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 1100px;
	overflow: hidden;
	zoom: 1;
}

.mobileMd .conmonH2 span {
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
}

.moduleUl {
	overflow: hidden;
	zoom: 1;
}

.moduleUl:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.moduleUl li {
	float: left;
	margin: 0 4px;
	padding-top: 62px;
	width: 212px;
	height: 287px;
	background: url(phoneshell.png) no-repeat 0 0;
}

.moreMd {
	float: right;
	padding: 5px;
	width: 70px;
	background-color: white;
	color: #777;
	font-weight: normal;
	font-size: 12px;
}
/*mobileMdclass end*/

/*pcMdclass*/
.pcMd {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 1100px;
}

.pcMd .conmonH2 span {
	width: 160px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
}

.pcMoudleUl {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
	padding: 0 20px;
}

.pcMoudleUl:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.pcMoudleUl>li {
	float: left;
	padding: 9px;
	margin-left: 60px;
	width: 200px;
	height: 230px;
	background-color: white;
	border: 1px solid #ddd;
}

.pcMoudleUl .firstLi {
	margin-left: 0;
}
/*pcMdclass end*/

/*historyclass*/
._history {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 1100px;
	position: relative;
}

.history .conmonH2 span {
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
}

.history .moreMd {
	width: 120px;
}

.history>div {
	background: url(timeLine.png) no-repeat 20px 170px;
}

.doneStep {
	overflow: hidden;
	zoom: 1;
	margin-left: 34px;
}

.doneStep:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.history .stopInfo {
	float: left;
	padding: 0 14px;
	width: 122px;
	height: 165px;
	color: white;
	text-align: left;
	font-size: 12px;
}

.history .stopPoint {
	float: left;
	width: 150px;
	height: 165px;
	text-align: center;
}

.doneStep .stopInfo {
	margin-right: 50px;
	background: url(orangeLi.png) no-repeat 0 0;
}

.doneStep .stopPoint {
	padding-top: 135px;
	height: 30px;
	color: #777;
}

.futureStep {
	overflow: hidden;
	zoom: 1;
	margin-top: 30px;
}

.futureStep:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

.futureStep .stopInfo {
	margin-right: 38px;
	padding-top: 15px;
	height: 150px;
	background: url(grayLi.png) no-repeat 0 0;
}

.futureStep .stopPoint {
	padding-top: 15px;
	height: 150px;
	width: 173px;
	color: #ff7928;
}

.history .stopInfo h4 {
	margin: 10px 0;
}

.history .stopInfo p {
	line-height: 30px;
}

.bBuyBt,.bFreeTryBt {
	display: block;
	width: 250px;
	height: 80px;
	border: 2px solid #ff8e4a;
	border-radius: 3px;
	line-height: 80px;
	font-size: 24px;
	color: #ff8e4a;
	cursor: pointer;
}

.bBuyBt {
	position: absolute;
	left: 110px;
	top: 300px;
}

.bFreeTryBt {
	position: absolute;
	left: 700px;
	top: 70px;
}
/*historyclass end*/

/*feedBackclass*/
.feedBack {
	margin: 0 auto;
	width: 1100px;
}

.feedBack .conmonH2 span {
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
}

.feedBack>div {
	margin: 40px 0;
	border: 1px solid #ddd;
	overflow: hidden;
	zoom: 1;
}

.caseBox {
	float: left;
	width: 716px;
	overflow: hidden;
	zoom: 1;
}

.caseBox li {
	float: left;
	width: 178px;
	height: 110px;
	border-right: 1px solid #ddd;
}

.caseLine {
	border-bottom: 1px solid #ddd;
}

.feedBackw {
	margin-left: 716px;
	height: 181px;
	padding: 15px 70px;
	background: url(feedBack.png) no-repeat 0 0;
}

.feedBackw p {
	display: none;
	text-align: left;
	line-height: 2em;
	color: #777;
}
/*feedBackclass end*/

/*autowebclass*/
.autowebclass {
	width: 1100px;
	margin: 0 auto;
}

.top_class ,.main_class {
	width: 1100px;
	height: 310px;
	margin: 0 auto;
	border-bottom: 1px solid #dedddd;
	background: #fff;
	margin-bottom: 27px;
}

.bottom_class {
	width: 100%;
	overflow: auto;
	zoom: 1;
	border-bottom: 1px solid #dedddd;
	background: #fff;
	margin-bottom: 27px;
}

.left_autoweb01 {
	float: left;
	width: 100%;
	height: 300px;
}

.right_webad {
	width: 31%;
	height: 262px;
	padding: 12px 16px 0 5px;
	float: right;
	text-align: right;
}

.right_webad .lsdzad {
	width: 252px;
	height: 126px;
}

.right_webad .lsdzad img {
	_margin-top: -5px;
}

.product_box {
	margin: 12px 0 0 44px;
	color: #575757;
	float: left;
	display: inline;
	width: 28%;
}

.product_box h3 {
	background: url(/autoweb/images/product_hbg.gif) no-repeat;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding-left: 58px;
}

.product_box h3.accredit {
	background: url(/autoweb/images/warrant_h1bg.gif) no-repeat;
}

.product_box h3 a {
	color: #333;
}

.product_box h3 a:hover {
	color: #333;
}

.product_box ul {
	font-size: 12px;
	height: 141px;
	line-height: 27px;
}

.icon {
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #ff7301;
	float: left;
	_line-height: 0;
	margin: 8px 4px 0 6px;
}

.product_box table {
	width: 100%;
	text-align: center;
	border: 1px solid #e9e9e9;
}

.product_box table tr {
	height: 35px;
}

.product_box table tr td {
	background: #fff;
}

.product_box .buywarrant {
	width: 45%;
	background: #2ecc71;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	float: right;
	color: #ffffff;
	text-align: center;
}

.product_box .download {
	width: 45%;
	background: #3498db;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #ffffff;
	text-align: center;
}

.product_box .download:hover,.product_box .buywarrant:hover {
	color: #ffffff;
}

.product_box ul li p {
	width: 98%;
	float: left;
	line-height: 24px;
	text-indent: 2em;
}

.red {
	color: #ff0000;
}

.more {
	color: #ff7200;
}

.left_autoweb02 {
	width: 100%;
	float: left;
}

.right_process {
	padding: 16px;
	float: left;
}
/*autowebclass end*/

/*caseListclass*/
.caseList {
	width: 1100px;
	margin: 25px auto 10px;
	position: relative;
}

.listWindow {
	margin: 0 60px;
	width: 980px;
	overflow: hidden;
	zoom: 1;
	background-color: white;
}

#btnLeft,#btnRight {
	width: 30px;
	height: 64px;
	position: absolute;
	top: 88px;
	cursor: pointer;
}

#btnLeft {
	left: 15px;
}

#btnRight {
	left: 1055px;
}

#indemo {
	float: left;
	width: 800%;
}

#demo1 {
	float: left;
}

#demo2 {
	float: left;
}
/*caseListclass end*/

/*autoweblis*/
.autoweblis {
	height: 337px;
	border-bottom: 1px solid #dedddd;
	background: #fff;
	margin-bottom: 27px;
}

.autoweblis h1 {
	width: 1168px;
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 18px;
	font-weight: normal;
	padding-top: 10px;
}

.autoweblis h1 span {
	border-bottom: 2px solid #bfbfbf;
	color: #313131;
	line-height: 36px;
	display: block;
	width: 162px;
}

.autoweblis ul {
	width: 1168px;
	margin: 0 auto;
}

.autoweblis ul li {
	width: 200px;
	float: left;
	color: #313131;
	line-height: 30px;
	padding: 0 13px 0 20px;
	background: url(/autoweb/images/icon.gif) 0 center no-repeat;
}
/*autoweblis end*/

/*autoweb*/
.autoweb {
	margin: 0 auto;
	width: 1100px;
	overflow: hidden;
	zoom: 1;
}

.autoweb .autoweb_title {
	width: 1100px;
	background: #1b96d5;
	height: 43px;
	line-height: 43px;
}

.autoweb .autoweb_title h1 {
	height: 43px;
	line-height: 43px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	padding-left: 24px;
	width: auto;
	float: left;
}

.autoweb .autoweb_title a {
	height: 43px;
	line-height: 43px;
	width: 100px;
	width: 120px\9;
	color: #fff;
	float: right;
	padding-right: 20px;
	font-size: 12px;
}

.autoweb .autoweb_title a:hover {
	color: #ffffff;
}

.autoweb ul {
	width: 100%;
	margin: 0 auto;
}

.autoweb ul li {
	width: 20%;
	float: left;
	margin-top: 15px;
}

.weblis {
	width: 97%;
	_width: 96%;
	height: 255px;
	float: left;
	display: block;
	padding-bottom: 5px;
	background: #ffffff;
	border-bottom: 1px solid #dedddd;
}

.weblis dt {
	padding-bottom: 10px;
}

.weblis dd {
	padding-left: 11px;
	font-size: 12px;
}

.weblis dd span {
	color: #ff7200;
}

.dl {
	height: 23px;
	position: absolute;
	cursor: pointer;
	background-color: #000;
	filter: Alpha(opacity=65);
	opacity: 0.65;
	z-index: 100;
	width: 152px;
}

.dl a.al,.dl a.ar {
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	background-color: transparent;
	clear: none;
	padding: 5px;
}

.dl a.ar {
	float: right;
}

.web_top {
	font-size: 14px;
}

.overlay {
	top: 0;
	left: 0;
	position: absolute;
	background-color: Black;
	filter: Alpha(opacity=85);
	opacity: 0.85;
}

.Mobilebox {
	position: absolute;
	top: 150px;
	width: 320px;
	height: 625px;
	background: url(/images/iphone.png) no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/iphone.png');
	_background-image: none;
}

.Mobilebox a {
	display: block;
	width: 89px;
	height: 89px;
	position: absolute;
	top: -70px;
	right: -50px;
	cursor: pointer;
	background: url("../images/2013img/close_icon.gif") no-repeat;
}

.content {
	position: absolute;
	width: 300px;
	height: 433px;
	overflow: hidden;
	zoom: 1;
	display: block;
	top: 95px;
	left: 11px;
}

.iContent {
	width: 320px;
	height: 433px;
	height: 453px\9;
	*height: 433px;
	border: 0;
	margin: -1px;
}

@-moz-document url-prefix() {
	.iContent {
		height: 453px
	}
}

.AutoWebCase {
	margin-top: 10px;
}

.AutoWebCase,.AutoWebCase dt,.AutoWebCase dd {
	list-style-type: none;
	display: block;
	width: 215px;
	overflow: hidden;
	zoom: 1;
}

.AutoWebCase dd {
	background: url(/images/2010img/left_bg.gif) repeat-y;
}

.AutoWebCase dt {
	height: 28px;
	line-height: 32px;
	background: url(/images/2010img/left_top.gif) no-repeat;
}

.AutoWebCase dt b {
	padding-left: 20px;
	font-size: 14px;
}

.AutoWebCase dd a {
	width: 190px;
	display: block;
	overflow: hidden;
	zoom: 1;
	border: solid 1px #ddd;
	margin: 5px auto;
}

.AutoWebCase dd a img {
	width: 190px;
}

.AutoWebCase dd.bt {
	height: 6px;
	background: url(/images/2010img/left_bg3.gif)
}

.WeiXin {
	width: 100%;
	clear: both;
	margin-top: 10px;
	position: relative;
	font-family: 'Microsoft YaHei'
}

.WXProduct,.WXProduct dt,.WXProduct dd {
	display: inline-block;
}

.WXProduct {
	border: solid 1px #ddd;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
}

.WXProduct dt {
	height: 50px;
	width: 100%;
	background: url(http://test.72e.net/autoweb/images/silver_bg.gif) 0 -7px;
	font-size: 15px;
}

.WXProduct dt strong {
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 70px;
	background: url(images/weixin_wiki_logo.png) 10px top no-repeat;
}

.WXProduct dd {
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	background: url(http://test.72e.net/host/images/2011img/jt.gif) 10px 16px no-repeat;
	clear: both;
}

.WXProduct dd label,.WXProduct dd a {
	display: inline-block;
	float: left;
}

.WXProduct dd label span {
	padding-left: 5px;
}

.WXProduct dd a img {
	margin: 8px 0 0 10px;
}

.WXDesc {
	display: block;
	position: absolute;
	top: 50px;
	right: 20px;
	width: 450px;
}

.WXDesc dt,.WXDesc dd {
	display: block;
	height: 20px;
	margin-top: 4px;
	position: relative;
}

.WXDesc span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border: solid 1px #ddd;
	padding: 0 10px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.WXDesc dt span {
	padding-left: 10px;
	margin-left: 18px;
}

.WXDesc dt i {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: -15px;
	background: url(images/weixin_wiki_logo20x20.png) no-repeat;
}

.WXDesc dd span {
	float: right;
	padding-right: 10px;
	background-position: right top;
	margin-right: 18px;
}

.WXDesc dd i {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: -15px;
	background: url(images/weixin_wiki_logo20x20.png) no-repeat;
}
/*autoweb end*/

.click0 {
	background: url(clickEnter0.jpg);
	width: 1100px;
	height: 400px;
	float: left;
}

.click0_frome1 {
	width: 80px;
	height: auto;
	float: left;
	padding: 65px 0 0 180px;
}

.click0_frome2 {
	width: 110px;
	height: auto;
	float: left;
	padding: 95px 0 0 50px;
}

.click0_frome3 {
	width: 145px;
	height: auto;
	float: left;
	padding: 90px 0 0 90px;
}

.click0_frome4 {
	width: 135px;
	height: auto;
	float: left;
	padding: 100px 0 0 50px;
}

.click0_frome5 {
	width: 90px;
	height: auto;
	float: left;
	padding: 80px 0 0 8px;
}

.click0_title {
	width: 100px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 25px;
	float: left;
	color: #fff;
	font-weight: bold;
}

.click0_title2 {
	width: 100px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 23px;
	float: left;
	color: #fff;
	font-weight: bold;
}

.click0_bt1 {
	width: 90px;
	height: auto;
	line-height: 32px;
	text-align: center;
	float: left;
	margin-top: 15px;
}

.click0_bt1 a {
	color: #000;
}

.click0_bt2 {
	width: 95px;
	height: auto;
	line-height: 43px;
	text-align: center;
	float: left;
	margin-top: 20px;
}

.click0_bt2 a {
	color: #000;
}

.click0_bt3 {
	width: 90px;
	height: auto;
	line-height: 50px;
	text-align: center;
	float: left;
	margin-top: 25px;
	font-size: 20px;
}

.click0_bt3 a {
	color: #000;
}

.click0_bt4 {
	width: 90px;
	height: auto;
	line-height: 40px;
	text-align: center;
	float: left;
	margin-top: 18px;
}

.click0_bt4 a {
	color: #000;
}

.click0_bt5 {
	width: 80px;
	height: auto;
	line-height: 35px;
	text-align: center;
	float: left;
}

.click0_bt5 a {
	color: #000;
}






