.banner_Bg { position: relative; overflow: hidden;}

.banner .banner01 { background: url(/design/images/new/banner01.jpg) center no-repeat; background-size: cover;}
.banner .banner02 { background: url(/design/images/new/banner02.jpg) center no-repeat; background-size: cover;}
.banner .banner03 { background: url(/design/images/new/banner03.jpg) center no-repeat; background-size: cover;}
.banner .banner04 { background: url(/design/images/new/banner04.jpg) center no-repeat; background-size: cover;}
.banner .banner05 { background: url(/design/images/new/banner05.jpg) center no-repeat; background-size: cover;}

.banner { position: relative; overflow: hidden; height: 580px; display:none;}
.bannerShow { display: block;}
.banner .bannerImg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;float: none;}
.banner1182 { max-width: 1182px; margin: 50px auto 0; height: calc(100% - 50px); position: relative; z-index: 2;}
.bannerUl { position: absolute; right: 0; top: 70px; overflow: hidden; z-index: 3;}
.bannerBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.bannerUl ul { width: 48px;float: right;}
.banner1182 .bannerUl li { height: 48px; margin-bottom: 2px; background-color: rgba(238,238,238,.2); cursor: pointer;}

.bannerUl .li01 {background:url(/design/images/new/li01.png) center no-repeat;}
.bannerUl .li02 {background:url(/design/images/new/li02.png) center no-repeat;}
.bannerUl .li03 {background:url(/design/images/new/li03.png) center no-repeat;}
.bannerUl .li04 {background:url(/design/images/new/li04.png) center no-repeat;}
.bannerUl .li05 {background:url(/design/images/new/li05.png) center no-repeat;}
.bannerUl .li01.liHot { background:#fff url(/design/images/new/li01Hot.png) center no-repeat;}
.bannerUl .li02.liHot { background:#fff url(/design/images/new/li02Hot.png) center no-repeat;}
.bannerUl .li03.liHot { background:#fff url(/design/images/new/li03Hot.png) center no-repeat;}
.bannerUl .li04.liHot { background:#fff url(/design/images/new/li04Hot.png) center no-repeat;}
.bannerUl .li05.liHot { background:#fff url(/design/images/new/li05Hot.png) center no-repeat;}

.bannerMain { height: 100%; display:none;}
.bannerMainShow { display:block;}
.bannerAnn { position: absolute; top: 0; width: 100%;}
.bannerPC { width: 880px; margin: 0 auto;}
.bannerPCmain { overflow: hidden;}
.bannerMobil { margin-bottom: -20px;}
.bannerWechat { margin-bottom: -20px;}
.bannerApp { margin-bottom: -20px;}
.bannerWebapp { margin-bottom: -20px;}
.bannerPC img { width: 100%;}




.sBoxDivs {
	width: 100%;
}
.sTitleDiv {
	background: #fff;
	box-shadow: 0px 0px 15px 0px #d2d2d2;
}
.sTitleUl {
	max-width: 1182px;
	margin: 0 auto;
	overflow: hidden;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
}
.sTitleUl li { width: calc(100%/4); height: 58px; line-height: 58px; float: left; border-bottom: 2px solid transparent; border-right: 1px solid #ddd; box-sizing: border-box;}
.sTitleUl .sTitleHot,.sTitleUl li:hover {border-bottom: 2px solid #f00;}
.sTitleUl li a { font-size: 18px; color: #333; font-family: "Microsoft YaHei"; display: block;}

.sPackage {
	max-width: 1182px;
	margin: 40px auto;
	overflow: hidden;
	background: #fff;
}
.sPKtitle {
	text-align: left;
	font-size: 18px;
	font-family: "Microsoft YaHei";
	line-height: 1.8;
	margin-top: 30px;
	padding: 0 30px;
}
.sPdescription{
	text-align: left;
	padding: 5px 30px;
}
.sPKul {
	overflow: hidden;
	padding: 0 30px;
}
.sPKul li {
	float: left;
	width: 23%;
	text-align: left;
	margin: 10px 0;
	margin-right: 20px;
	border: 1px solid #ccc;
	font-family: "Microsoft YaHei";
	box-sizing: border-box;
	padding: 20px 20px 20px 50px;
	position: relative;
	height: 122px;
}
.sPKul li span.y1{
	background:url(/design/images/new/y1.png) center no-repeat;
	height: 17px;
	width: 20px;
	position: absolute;
	left: 15px;
	float: left;
	top: 25px;
}
.sPKul li span.y2{
	background:url(/design/images/new/y2.png) center no-repeat;
	height: 17px;
	width: 17px;
	position: absolute;
	left: 15px;
	float: left;
	top: 25px;
}
.sPKul li span.y3{
	background:url(/design/images/new/y3.png) center no-repeat;
	height: 18px;
	width: 20px;
	position: absolute;
	left: 15px;
	float: left;
	top: 25px;
}
.sPKul li span.y4{
	background:url(/design/images/new/y4.png) center no-repeat;
	height: 18px;
	width: 20px;
	position: absolute;
	left: 15px;
	float: left;
	top: 25px;
}
.sPKul li:last-child {
	margin-right: 0;
}
.sPKul li h3 {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: normal;
}
.sPKul li p {
	font-size: 14px;
	color: #666;
}

.sPirce .sPirceFirst {
	font-size: 16px;
	font-family: "Microsoft YaHei";
}
.sPirce li {
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
.sPirce label span {
	padding-left: 10px;
}
.sPirce label span font {
	font-size: 35px;
	line-height: 1;
}

.sPirce ul {
	overflow: hidden;
	padding: 20px 30px;
}
.sPirce li {
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
.sPirce li label{
	cursor: pointer;
}
.sPirce .sCkeck{
	text-align: left;
	padding: 10px 30px 0;
	font-family: "Microsoft YaHei";
}
.sPirce .sCkeck span{
	font-size: 18px;
	margin-right: 27px;
}
.sPirce .sCkeck label{margin-right: 30px;cursor: pointer;}
.sPirce .sPirceFirst {
	font-size: 18px;
	line-height: 45px;
}
.sPirce label span {
	padding-left: 10px;
}
.Ts {
	position: absolute;
	right: 0;
	top: 15px;
}
.Ts p {
	font-size: 12px;
	background: #c00;
	color: #fff;
	padding: 2px 8px;
}
.enarr_ts {
	border-color: #c00 transparent transparent;
	border-style: solid dashed dashed;
	border-width: 4px;
	height: 0;
	width: 0;
	font-size: 0;
	position: absolute;
	left: 5px;
}
.sPirce .sPirceLast {
	margin-right: 28px;
	padding: 0px;
	width: 240px;
	line-height: 40px;
	float: right;
}
.sPirce .sPirceLast .sBtn{
	display: block;
	background: #c00;
	color: #fff;
	font-size: 16px;
	width: 100%;
	border: none;
	padding: 10px 0;
	cursor: pointer;
}
.sPirce .sPirceLast .sBtn:hover{
	background: #dd0000;
}
.sTitleMain {display:none;}


.introduceDiv {
	overflow: hidden;
	max-width: 1182px;
	margin: 60px auto;
}
.intrTop {
	overflow: hidden;
}
.intrTop ul {
	overflow: hidden;
	border-left: 1px solid #ddd;
	float: left;
}
.intrTop .intrHot { border-top: 2px solid #f00; background: #fff;}
.intrTop li {
	float: left;
	width: 120px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	height: 40px;
	line-height: 40px;
	background: #f7f7f7;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	cursor: pointer;
	box-sizing: border-box;
}
.intrMore {
	float: right;
	height: 40px;
	line-height: 40px;
	color: #666;
}
.intrBox {
	border: 1px solid #ddd;
	background: #fff;
	box-sizing: border-box;
}
.intrMain {
	text-align: left;
	display: none;
}
.intrMain:nth-child(4) {padding:30px}
.intrMain:nth-child(5) {padding:30px}


.show {display:block;}

#bottom { margin-top: 0px !important;}

/* 套餐介绍 */
.webTxt,.wbox-c{width:96%;}

/* 功能配置 */
.s-left table {width:calc(100% - 40px);margin-right:1px; margin: 20px auto; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.s-left table .tr td{font-family:"Microsoft YaHei","verdana";background:#DDDDDD;line-height:25px;font-size:18px;}
.s-left table td{text-align:left;padding:22px;border:1px solid #CCC;border-width:1px 1px 0px 0px}
.s-left table td.lTd{width:88px;text-align:center;font-size:14px}

/* 模板 */
.category span{height:auto !important; }
.more-show-template{padding: 10px 50px !important;border-bottom: 0px !important;}
.cataList td.fenlei ul li{position:relative;text-align:center;}
.cataList td.fenlei ul li span{display:inline-block;height:60px;line-height:60px;}
.cataList td.fenlei ul li img{vertical-align:middle;}
.cataList td.fenlei ul li ul{display:none;position:absolute;top:60px;left:0;width:100px;z-index:20000;}
.cataList td.fenlei ul li:hover ul{display:inline-block;background:#c00;border-top:3px solid #c00;}
.cataList td.fenlei ul li:hover ul li{height:30px;padding:0;margin:0;}
.cataList td.fenlei ul li:hover ul li a{height:30px;line-height:30px;display:inline-block;width:100px;text-align:center;background:#fff;color:#666;}
.cataList td.fenlei ul li:hover ul li a:hover{background:#c00;color:#fff;}
.all-template{margin:29px 0 0 2px;height:0;}
.all-color{background:url(/design/images/package/color.gif) center center no-repeat;height:19px;}
td.talign{text-align:left;}
.modelCata{border-top:0px;}
#modeList-t-bg{padding:0px 0px 0px 0px;}
.more-show-template{padding:10px 50px;border-bottom:0px;}
#tCateList{font-size:12px;font-weight:normal;padding-left:0px;margin-bottom:0px;background: #fff;}
.modelCata ul{border-top: 1px solid #ccc;}
.cataList table td{width:auto;padding: 0 5px;}

/*========== 推荐案例=====================*/
#templateNum{font-size:12px;font-weight:normal;padding-left:30px;text-align: center;padding-top: 20px;}
.Template-case{border:0px;padding:20px;}
.template-name{font-family:Microsoft Yahei,黑体;font-size:20px;padding:10px 20px;text-align:center;}
.template-link{font-size:16px}
.template-n{float:left;background:#000;padding:8px 8px 2px 8px;border-radius:8px;text-align:center}
.template-n-m{margin-left:20px;margin-right:20px;}
.template-n-s{float:left;padding:8px 8px 2px 8px;border-radius:8px;text-align:center;height:220px;width:580px;margin-left:20px;}
.sm{font-family:Microsoft Yahei,黑体;font-size:16px;padding:10px 0px;}
.tbox{padding:0px 10px 10px 10px;height:auto;}
.template-app{padding-top:10px}
#showCase{overflow:hidden;zoom:1}
#showCase li{float:left;width:23.3%;margin-right:2%;margin-bottom:20px;border:1px solid #ddd;border-radius:3px 3px 0px 0px ;background:#fff;background:#fff url(/design/images/V6_0827/boxshow_t.png) left top no-repeat;padding-top:22px;}
#showCase li.rli{margin-right:0px;margin-left:0px}
#showCase .myshow{height:240px;overflow:hidden;zoom:1;display:block;}
#showCase .myshow img{width:100%;}
#showCase .show_case_link{color:#333;padding:8px 10px;display:block;}

/*============ 版本对比 =============*/
.dbUl { max-width: 800px; margin: 20px auto 10px; overflow: hidden; border-radius: 40px;}
.dbUl li { width: 25%; float: left; text-align: center; background: #eee; line-height: 40px; cursor: pointer; font-size: 14px; color: #333; font-family: "Microsoft YaHei";}
.dbUl .dbLi {background:#c00;color:#fff;}
.dbBox { padding: 30px;}
.dbMain {display:none;}
.dbMainShow {display:block;}
.dbMain:first-child .explanlist tr td:nth-of-type(2) {display: none !important;}
.dbMain .explanlist tr td:nth-of-type(2) {display: table-cell !important;}
.bhdb{font-size: 32px;text-align: center;font-family: 'Microsoft YaHei','verdana';padding: 55px 0 25px;}
.explanlist td.showboxImg{width:330px;}
.explanlist .agent_box .price_div {margin-top: 25px;}

/*案例预览*/
.industry_link{background:rgba(0,0,0,0.3);filter:Alpha(opacity=0);opacity:0;position:absolute;height:100%;width:100%;top:0;left:0;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.bannerPC .bannermain{position:relative;}
.bannerPC .bannermain:hover .industry_link{filter:Alpha(opacity=1);opacity:1;}
.industry_link a{height:100px;width:100px;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.bannerMobil .bannermain,.bannerWechat .bannermain,.bannerApp .bannermain,.bannerWebapp .bannermain{display:table;margin:0 auto;position:relative;}
.bannerMobil .bannermain .industry_link,.bannerWechat .bannermain .industry_link,.bannerApp .bannermain .industry_link,.bannerWebapp .bannermain .industry_link{left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width: 306px;height: 450px;top: 87px;}
.bannerMobil .bannermain:hover .industry_link,.bannerWechat .bannermain:hover .industry_link,.bannerApp .bannermain:hover .industry_link,.bannerWebapp .bannermain:hover .industry_link{filter:Alpha(opacity=1);opacity:1;}
.industry_link img{position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.bannerPC .industry_link img{position:static;-moz-transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;transform:none;}

.intrMain{min-height:300px;position:relative;}
.packload{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

@media screen and (min-width:1024px) and (max-width:1200px){
	#modelList01 ul li{width: 23% !important;}
	.sm{clear:both;}
	#showCase li{width: 23%;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.sPKul li{width:47%;}
	.sm{clear:both;}
	#showCase li{width: 23%;}
	.intrMain center a{padding: 10px 0px !important;}
	.sPirce .sPirceLast{width: 20%;}
	.sPirce .sPirceLast .sBtn{width:100%;}
	#modelList01 ul li{width: 43% !important;margin: 0 20px;}
	.webapp_package .intrMain_package_title>h2{font-size:24px;}
	.banner{height:360px}
}

@media screen and (min-width:414px) and (max-width:767px){
	.sPKul li{width:100%;}
	.intrTop ul{float:none;}
	.intrTop li{width: 33.3%;}
	.more-show-template{padding: 10px 0px !important;}
	.s-left table td{padding:10px;}
	.intrMain:nth-child(4){padding: 10px;}
	#modelList ul li{width:92% !important;}
	.dbBox{padding:10px;}
	.sPirce .sPirceFirst{font-size: 16px;}
	.sPirce li{float:none;margin-right: 20px;padding: 30px 0 0 0;}
	.sPirce .sPirceLast{float:none;width: 70%;margin-bottom: 20px;}
	.Ts{top:5px;}
	.bhdb{font-size: 18px;}
	.intrMain:nth-child(5){padding:0;}
	.template-name{font-size:16px;}
	.sm{font-size: 13px;clear:both;text-align:center;}
	.template-s img{width:100%;}
	#showCase li{width: 45%;margin: 0 2% 20px 2%;}
	#showCase li.rli{margin:0 2% 20px 2%;}
	.intrMain center a{padding: 10px 0px !important;}
	#modelList01 ul li{width: 46% !important;margin: 0 2% !important;}
	.bannerMobil .bannermain img, .bannerWechat .bannermain img, .bannerApp .bannermain img, .bannerWebapp .bannermain img{width: 85%;}
	.bannerMobil .bannermain:hover .industry_link img, .bannerWechat .bannermain:hover .industry_link img, .bannerApp .bannermain:hover .industry_link img, .bannerWebapp .bannermain:hover .industry_link img{width:auto;}
	.bannerPC{width:100%}
	.sTitleUl li a{font-size:16px;}

	.banner{height:240px;}
	.banner1182{margin: 0px auto 0;height: calc(100% - 0px);}
	.bannerUl{top:15px;}
	.explanlist td,.explanlist .rtd .rfont{line-height:inherit !important;}
	.template-n{margin-bottom:10px;}
	.sTitleUl li{width: calc(100%/2);border-bottom: 1px solid #ddd;}
}

@media screen and (max-width:413px){
	.sPKul li{width:100%;}
	.intrTop ul{float:none;}
	.intrTop li{width: 33.3%;}
	.more-show-template{padding: 10px 0px !important;}
	.s-left table td{padding:10px;}
	.intrMain:nth-child(4){padding: 10px;}
	#modelList ul li{width:92% !important;}
	.dbBox{padding:10px;}
	.sPirce .sPirceFirst{font-size: 16px;}
	.sPirce li{float:none;margin-right: 20px;padding: 30px 0 0 0;}
	.sPirce .sPirceLast{float:none;width: 70%;margin-bottom: 20px;}
	.Ts{top:5px;}
	.bhdb{font-size: 18px;}
	.intrMain:nth-child(5){padding:0;}
	.template-name{font-size:16px;}
	.sm{font-size: 13px;clear:both;text-align:center;}
	.template-s img{width:100%;}
	#showCase li{width: 45%;margin: 0 2% 20px 2%;}
	#showCase li.rli{margin:0 2% 20px 2%;}
	.intrMain center a{padding: 10px 0px !important;}
	#modelList01 ul li{width: 46% !important;margin: 0 2% !important;}
	.bannerMobil .bannermain img, .bannerWechat .bannermain img, .bannerApp .bannermain img, .bannerWebapp .bannermain img{width: 85%;}
	.bannerMobil .bannermain:hover .industry_link img, .bannerWechat .bannermain:hover .industry_link img, .bannerApp .bannermain:hover .industry_link img, .bannerWebapp .bannermain:hover .industry_link img{width:auto;}
	.bannerPC{width:100%}
	.sTitleUl li a{font-size:16px;}

	.banner{height:240px;}
	.banner1182{margin: 0px auto 0;height: calc(100% - 0px);}
	.bannerUl{top:15px;}
	.explanlist td,.explanlist .rtd .rfont{line-height:inherit !important;}
	.template-n{margin-bottom:10px;}
	.sTitleUl li{width: calc(100%/2);border-bottom: 1px solid #ddd;}
}
@media screen and (max-width:320px){
	.sTitleUl li a{font-size:15px;}
}
@media screen and (max-width: 768px) {
	.sPackage{
		margin-top: 0;
	}
	.sPirce ul{
		text-align: center;
	}
	.sPKtitle{
		margin-top: 20px;
		padding: 0 20px;
	}
	.sPdescription{
		padding: 5px 20px;
	}
	.sPKul{
		padding: 0 20px;
	}
	.sPKul li{
		width: calc((100% - 10px)/2);
		margin: 5px 10px 5px 0;
		padding: 10px;
		height: 100px;
	}
	.sPKul li:nth-of-type(2n){
		margin-right: 0;
	}
	.show .sPKul li span{
		left: unset;
		top: unset;
		position:static;
		margin-top: 4px;
		margin-right: 5px;
	}
	.sPKul li p{
		font-size: 12px;
	}
	.sPirce ul{
		padding: 20px;
	}
	.sPirce .sPirceFirst{
		font-size: 14px;
	}
	.sPirce li{
		float: left;
		padding: 0;
		margin: 0;
	}
	.sPirce .sPirceLast{
		width: 100px;
		margin: 5px 0 0 0;
		float: right;
	}
	.sPirce .sPirceLast .sBtn{
		font-size: 12px;
	}
	.shared_ylfbjt .editor_text{
		width: calc(100% - 40px);
		padding-top: 30px;
	}
	.shared_ylfbjt .editor_text h5{
		font-size: 18px;
	}
	.shared_ylfbjt .editor_text p{
		font-size: 12px;
	}
	.five_block .content .pro_title{
		font-size: 18px;
	}
	.five_block .content  ul li .bgimg{
		margin: 0 15px 0 0;
	}
	.five_block .five_website_w2 .web_text{
		width: calc(100% - 60px);
		margin-top: 15px;
	}
}