@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font:16px/1.5 'Microsoft Yahei', 'helvetica', 'arial'; color:#333; font-size:12px; background:#fff; margin:0; }
*:focus { outline: none; }
div, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, table, input, form, ul, li { margin:0px; padding:0px; font-weight:normal; font-size:12px; }
img { border:0px; }
ul, li { list-style-type:none; }
a { text-decoration:none; }
.f-right, .f_R { float: right; }
.f-left, .f_L { float: left; }
.f-center { text-align: center; }
input { margin: 0px; padding: 0px; }
.bold { font-weight:bold; color:#000 !important; }
.f14 { font-size:14px; }
a { outline:none; color:#464646; }
*html .clearfix { zoom:1; } /* IE6 */
a:hover { color: #0394E2; }
.clear, .cl { clear:both; }
.container { position: relative; }
.content { width:1017px; margin:15px auto; position: relative; }
.center { margin: 0 auto; }
.red { color:#F00; }
/*top*/
.gb-header, .gb-nav {
	width: 100%;
	height: 86px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
}

.header .logo, .gb-nav .logo {
	margin-left: 60px;
	float: left;
	display: inline;
	margin-top: 9px;
}
.gb-nav .logo {
	position: relative;
}
.gb-nav .logo img {
	position: absolute;
	left: 0;
	top: 0;
}
.gb-nav .logo img.img2 {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}
.gb-nav.show .logo img.img2 {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.header .nav {
	margin-right: 50px;
	float: right;
	display: inline;
	margin-top: 40px;
}
.header .nav li {
	float: left;
	display: inline;
	margin-left: 40px;
	font-size: 20px;
	font-weight:bold;
	 color:#fff;
	
}
.fggg{ font-size:20px; font-weight:bold; color:#fff; float:left; display:inline; margin-left:40px; padding-left:34px; background:url(../images/index3_06.png) no-repeat left center; height:30px; line-height:30px; margin-top:-3px;}
.header .nav li a {
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	color:#fff;
}
.header .nav li span {
	display: block;
	/*css3*/

	transition: all 0.3s ease-in-out 0s;
}
.header .nav li span.s2 {
	color: #610085;
	font-weight: bold;
}
.header .nav li a:hover .s1, .header .nav li.selected a .s1 {
	margin-top: -24px;
}
.section {
	position: relative;
}
.page1 {
	background-size: cover !important;
	height: 886px;
}
/* 首页幻灯*/
.flexslider { position: relative; width: 100%; height: 600px; overflow: hidden; zoom: 1; background-size: cover !important;}

.slide-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}
.slide-wrap ul {
	width: 100%;
	height: 100%;
}
.slide-wrap li {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.slide-wrap  .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -250px;
}

.slide-wrap  .bg {
background: url(../images/img50.png) repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	
	
}

.slide-wrap  .img {
	position: relative;
	z-index: 9;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}
.slide-wrap  .img  img{
	margin-top: 80px;
	}

.slide-wrap  .text {
	color: #fff;
	font-size: 20px;
	margin-top: 25px;
	position: relative;
	z-index: 9;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.slide-wrap video {
	position: absolute;
	z-index: 0;
	top: -113px;
	left: 0px;
	min-width: 0px; /*min-height: 999px;*/
	min-width: 100%;
	height: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.slide-wrap #s2 video {
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}
.slide-wrap #s2.selected video {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.slide-wrap #s2 .img {
	position: relative;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap #s2.selected .img {
	opacity: 1;
}
.slide-wrap #s2 .quan {
	position: absolute;
	right: 0;
	top: 0;
}
.slide-wrap #s2 .img {
	opacity: 0;
}
.slide-wrap #s2 .text {
	opacity: 0;
}

.slide-nav-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 25px;
	margin-bottom: -22px;
	opacity: 1;
	overflow: hidden;
	z-index: 8;
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	height: 84px;
}
/* top_news*/
.top_news { width:1130px; margin:0 auto; display:none; }
/*service */
.web_taocan { width:100%; height:470px; }
.web_taocan .api_con { width:100%; height:470px; margin:0 auto; }
.web_taocan .title { width:100%; height:30px; line-height:30px; font-size:26px; font-weight:normal; text-align:center; padding:38px 0 12px; border-bottom: 1px solid #eee; position: relative; }
.web_taocan i.ico_line { width: 200px; height: 3px; background: #37b8cd; position: absolute; left:50%; bottom:-2px; margin-left: -100px; }
.web_taocan .con_info { width:100%; line-height:22px; font-size:18px; color:#a6a6a6; text-align:center; padding-bottom:27px; margin:10px 0; }
.web_taocan .web_taocan_list { width:1200px; overflow:hidden; margin:0 auto; }
.web_taocan_list li { float:left; margin-right:56px; }
.web_taocan_list .s_title, .web_taocan_list h3 { display:block; height:36px; line-height:36px; text-align:center; padding-top:21px; font-size:18px; color:#4c4c4c; font-weight:normal; }
.web_taocan_list h3 .s_title { display:inline-block; padding-top:0; }
.web_taocan_list .icon { display:block; width:128px; height:128px; margin:0 auto; background:url(../images/taocan.png) 0 0 no-repeat; }
.web_taocan_list p { line-height:24px; font-size:14px; color:#808080; font-family:'宋体'; padding-bottom:24px; text-align:center; }
.web_taocan_list p a { color:#808080; }
.web_taocan_list .l1 { width:174px; }
.web_taocan_list .l2 { width:155px; }
.web_taocan_list .l3 { width:170px; }
.web_taocan_list .l4 { width:182px; }
.web_taocan_list .l5 { width:198px; margin-right:0; }
.web_taocan_list .l1 .icon {  background:url(../images/iot.png) 0 0 no-repeat;}
.web_taocan_list .l2 .icon { background:url(../images/gh.png) 0 0 no-repeat; }
.web_taocan_list .l3 .icon { background: url(../images/wxapp.png) 0 0 no-repeat; }
.web_taocan_list .l4 .icon { background:url(../images/xitong.png) 0 0 no-repeat; }
.web_taocan_list .l5 .icon {background:url(../images/code.png) 0 0 no-repeat; }
.web_taocan_list .link { display:block; width:77px; height:32px; background:url(../images/sy_btns.png) 0 0 no-repeat; line-height:32px; text-align:center; font-size:14px; color:#26b77b; margin:0 auto; }
.web_taocan_list a.link:hover { background-position: 0 -32px; }
.web_taocan_list a.connect:hover { color:#26b77b; }
/*Case */
.case_title .title { width:100%; height:30px; line-height:30px; font-size:26px; font-weight:normal; text-align:center; padding:38px 0 12px; border-bottom: 1px solid #eee; position: relative; }
.case_title i.ico_line { width: 200px; height: 3px; background: #F00; position: absolute; left:50%; bottom:-2px; margin-left: -100px; }
.case_title .con_info { width:100%; line-height:22px; font-size:18px; color:#a6a6a6; text-align:center; margin:10px 0; }
.cases { width:100%; height:auto; overflow:hidden; }
.index_case_conn { width:1155px; margin:20px auto; }
.index_case_conn ul li { width:385px; float:left; margin-bottom:35px; }
.index_case_conn ul li .case_box { width:353px; height:235px; margin:0 auto; position: relative; border: 1px solid #ddd; overflow:hidden; }
.index_case_conn ul li .case_box img { display: block; position: relative; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; }
.index_case_conn ul li .case_box:hover img { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
.case_box .txtinfo { height: 50px; width: 100%; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; position: absolute; left: 0; color: #fff; background-color: #34b1c4; }
.index_case_conn ul li .case_box:hover .txtinfo { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
.case_box .txtinfo h5 { display:block; float:left; height:50px; line-height:50px; padding-left: 20px; color: #fff; font-weight: 700; text-align: left; letter-spacing: 1px; }
.case_box .txtinfo a { display:block; float:right; height:30px; line-height:30px; margin:10px 8px; padding:0 8px; background: #2f2f2f; color: #fff; font-size: 13px; border: 1px solid transparent; border-radius: 4px; }
.case_box .txtinfo a:hover { background: #FFF; color:#000; }
/* 新闻列表*/

.index_news { width:1140px; height:auto; margin:20px auto; }
.seo_bg { font-size:12px; }
.seo_l { float:left; width:356px; margin-right:20px; margin-top:15px; }
.seo_c { float:left; width:356px; border-left:1px solid #ccc; padding-left:20px; margin-top:15px; }
.seo_r { float:right; width:356px; border-left:1px solid #ccc; padding-left:20px; margin-top:15px; }
.seo_top { height:40px; line-height:40px; font-size:16px; font-family:"Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.seo_list li { width:100%; float:left; overflow:hidden; line-height:24px; margin-bottom:8px; background:url(../images/dotted7.png) left 9px no-repeat; }
.seo_list li a { font-size:14px; color:#6c6c6c; font-family:'Microsoft YaHei'; padding-left:18px; float:left; width:260px; word-wrap:break-word; word-break:break-all; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis; }
.seo_list li span { float:right; color:#999; }
.i_more { float:right; padding-right:5px; font-size:12px; color:#999; }
/*  kehu */

/*客户案例*/
.kh_div { width:100%; height:502px; background:#fbfbfb; }
.kh_div .title { width:100%; height:30px; line-height:30px; font-size:26px; font-weight:normal; color:#75878b; font-family:'Microsoft YaHei'; text-align:center; padding:64px 0 62px; }
.kh_box { width:1092px; padding:0 30px; height:364px; margin:0 auto; position:relative; }
.kh_boxf { width:100%; overflow:hidden; position:relative; }
.khcon_list { padding:0px 64px 0 72px; height:76px; }
.khcon_list li { width:100%; overflow:hidden; display:none; }
.khcon_list p { line-height:22px; font-size:14px; font-family:'Microsoft YaHei'; color:#808080; }
.khcon_list .khcon { height:54px; }
.khcon_list .khname { text-align:right; padding-right:6px; color:#b3b3b3; margin-top:-10px; }
.khname .line { display:inline-block; width:30px; height:4px; *height:10px;
border-top:#b5b5b5 solid 1px; margin-right:2px; }
.khicon_list { width:100%; overflow:hidden; padding-top:34px; padding-left:18px; }
.khicon_list li { width:140px; height:52px; float:left; margin:0 46px 32px 0; }
.khicon_list .active { background:url(../images/sy_li.png) 20px 44px no-repeat; }
.khicon_list .active a { margin-top:-10px; }
.khicon_list .l1 { margin-right:0; }
.khicon_list a { float:left; display:block; width:140px; height:62px; cursor:default; border:solid 1px #FFF; background-color: #fff; }
/*.khicon_list .a1:hover{background-position: 0 -64px;}*/



/*双引号,左右按钮*/
.kh_box .db_mark1, .kh_box .db_mark2 { display:block; width:28px; height:24px; background:url(../images/sybtns.png) 0 0 no-repeat; position:absolute; }
.kh_box .db_mark1 { left:0px; top:0; }
.kh_box .db_mark2 { background-position: 0 -42px; right:20px; top:68px; }
.kh_box .l_btn, .kh_box .r_btn { display:block; width:28px; height:38px; background:url(../images/sybtns.png) 0 -82px no-repeat; position:absolute; }
.kh_box .l_btn { left:0; top:100px; display:none; }
.kh_box .r_btn { background-position: 0 -137px; right:0; top:100px; }
/*免费电话咨询*/
.common_askbox { width:100%; height:94px; background:#26b77b; }
.common_ask { width:900px; overflow:hidden; margin:0 auto; padding-top:27px; }
.common_ask .num, .common_ask .num i { font-size:18px; background:url(../images/footer_pj.png) 0 0 no-repeat; cursor:pointer; font-family:'Microsoft YaHei'; }
.common_ask .num { background-position:right -39px; padding:0 30px 0 0; display:inline-block; float:left; margin-right:64px; }
.common_ask .num i { height:39px; line-height:39px; color:#FFF; padding:0 0 0 30px; background-position:0 0px; display:inline-block; position:static; font-style:normal; }
.common_ask .num:hover, .common_ask .num:hover i { background:url(../images/footer_pj1.png) 0 0 no-repeat; }
.common_ask .num:hover { background-position:right -39px; padding:0 30px 0 0; }
.common_ask .num:hover i { color:#FFF; padding:0 0 0 30px; background-position: 0 0; }
.common_ask h3 { float:left; line-height:39px; font-size:20px; color:#ffffff; font-family:'Microsoft YaHei'; font-weight:normal; }
/* 友情链接*/
.web_link { width:1130px; margin:20px auto; height:auto; overflow:hidden; }
.weblink_conn { margin:10px auto; font-size:14px; line-height:28px; }
.weblink_conn a { float:left; display:block; padding-left:10px; }
/*================================内页======================================*/



/*pageNav*/
.pageNav { z-index:999; height:34px; position:relative; }
.pageNav ul { width:1000px; margin-top:-34px; }
.pageNav ul li { height:34px; padding:0 22px; float:left; background:#00b6ee; font-size:14px; line-height:32px; margin-right:12px; }
.pageNav ul li a { color:#fff !important; text-decoration:none; }
.pageNav ul li:hover { opacity:0.8; }
.pageNav ul li.on { background:#fff; }
.pageNav ul li.on a { color:#333 !important; }
.fixtop { top:0px; z-index:999; position:fixed; z-index:999; width:100%; background:#1b1b1b; height:auto; }
.fixtop ul { width:1000px; margin:0 auto; padding:10px 0; }
.fixtop ul li { height:26px; line-height:24px; border-radius:2px; }
/*tel400*/



.tel400 { z-index:999; height:34px; position:relative; }
.tel400 ul { width:1000px; margin-top:-34px; }
.tel400 ul li { height:34px; padding:0 22px; float:left; background:url(../images/400navx.png) repeat-x; font-size:14px; line-height:32px; margin-right:12px; }
.tel400 ul li a { color:#fff !important; text-decoration:none; }
.tel400 ul li:hover { opacity:0.8; }
.tel400 ul li.on { background:url(../images/400onx.png) repeat-x; border:1px solid #FFF; border-bottom:0; height:33px; }
.tel400 ul li.on a { color:#333 !important; }
.fixtop400 { top:0px; z-index:999; position:fixed; z-index:999; width:100%; background:#1b1b1b; height:auto; }
.fixtop400 ul { width:1000px; margin:0 auto; padding:10px 0; }
.fixtop400 ul li { height:26px; line-height:24px; border-radius:2px; }
.fixtop400 ul li.on { height:26px; }
/*webCate */



.webCate { position:relative; }
.webCate .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.webCate .hd .tit { font-size:22px; color:#333; }
.webCate .bd { padding-bottom:20px; }
.webCate .bd ul { margin-left:-20px; margin-top:-40px; }
.webCate .bd ul li { width:320px; float:left; margin-left:20px; margin-top:40px; background:#f0f2f4; }
.webCate .bd ul li:hover { background:#d4d4d4; }
.webCate .bd ul li:hover .name a { color:#000 !important; }
.webCate .bd ul li:hover .txtinfo { color:#333; }
.webCate .bd ul li:hover .btns { color:#333; }
.webCate .bd ul li .pic { height:180px; }
.webCate .bd ul li .pic img { vertical-align:middle; width:320px; height:240px; }
.webCate .bd ul li .name { padding:0px 10px; font-size:16px; margin:8px 0; font-weight:bold; }
.webCate .bd ul li .name a { color: #29afe6; }
.webCate .bd ul li .txtinfo { height:5em; overflow:hidden; line-height:20px; margin:8px 0 10px 0; padding:0px 10px; }
.webCate .bd ul li .btns { padding:0px 10px; font-size:14px; margin-bottom:15px; }
.webCate .bd ul li .btns strong { font-size:18px; margin-right:6px; }
.webCate .bd ul li .btns .btn { display:block; height:26px; width:80px; background:#00a8ec; text-align:center; line-height:24px; font-size:14px; color:#fff !important; text-decoration:none; }
/* 建站套餐 列表 webCate2 */
.webCate2 { position:relative; }
.webCate2 .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.webCate2 .hd .tit { font-size:22px; color:#333; }
.webCate2 .bd { padding-bottom:20px; }
.webCate2 .bd ul { margin-left:-20px; margin-top:-40px; }
.webCate2 .bd ul li { width:235px; float:left; margin-left:20px; margin-top:40px; background:#f0f2f4; }
.webCate2 .bd ul li:hover { background:#d4d4d4; }
.webCate2 .bd ul li:hover .name a { color:#000 !important; }
.webCate2 .bd ul li:hover .txtinfo { color:#333; }
.webCate2 .bd ul li:hover .btns { color:#333; }
.webCate2 .bd ul li .pic { height:176px; }
.webCate2 .bd ul li .pic img { vertical-align:middle; width:235px; height:176px; }
.webCate2 .bd ul li .name { padding:0px 10px; font-size:16px; margin:8px 0; font-weight:bold; }
.webCate2 .bd ul li .name a { color: #29afe6; }
.webCate2 .bd ul li .txtinfo { height:5em; overflow:hidden; line-height:20px; margin:8px 0 10px 0; padding:0px 10px; }
.webCate2 .bd ul li .btns { padding:0px 10px; font-size:14px; margin-bottom:15px; }
.webCate2 .bd ul li .btns strong { font-size:18px; margin-right:6px; }
.webCate2 .bd ul li .btns .btn { display:block; height:26px; width:80px; background:#00a8ec; text-align:center; line-height:24px; font-size:14px; color:#fff !important; text-decoration:none; }
/*advantage */



.advantage { position:relative; }
.advantage .hd { width:1000px; overflow: hidden; background:url(../images/web_tit.jpg); height:54px; text-align:center; }
.advantage .hd .tit { color: #fff; font-size: 24px; font-weight: bold; line-height:54px; }
.advantage .bd { width:996px; height: auto; border:2px solid #ff562f; }
.advantage .bd ul { margin-left:-20px; margin-top:-40px; }
.advantage .bd ul li { width:320px; float:left; margin-left:20px; margin-top:40px; background:#f0f2f4; }
.advantage .bd ul li:hover { background:#d4d4d4; }
.advantage .bd ul li:hover .name a { color:#000 !important; }
.advantage .bd ul li:hover .txtinfo { color:#333; }
.advantage .bd ul li:hover .btns { color:#333; }
/*webStep */



.webStep { position:relative; }
.webStep .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.webStep .hd .tit { font-size:22px; color:#333; }
.webStep .bd { }
/*need */



.need { position:relative; }
.need .needHd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.need .needHd .tit { font-size:22px; color:#333; }
.need .needHd .info { font-size:22px; }
.need .needBd { }
/*needform*/



.needform h1 { font-size: 22px; margin-bottom: 10px; text-align: left; }
.needform td { height: 60px; font-size: 14px; }
.needform td a:hover { color: #4da422; text-decoration: underline; }
.needform .input .txtbox { width: 250px; padding-left: 10px; height: 36px; background: #fff; line-height: 36px; border: 1px solid #dadada; -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; color: #999; }
.needform .text { background: #fff; border: 1px solid #d9d9d9; padding: 5px; width:670px; height: 89px; margin-top: 10px; overflow-y: auto; font-size: 12px; ackground: #fff; line-height: 24px; border: 1px solid #dadada; -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .1) inset; color: #999; }
.textfs { color: #999; }
.text:focus { outline: none; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6) }
.needform .submit { padding-left:0; background:#e11629; width: 140px; height: 43px; display: block; border: none; cursor: pointer; color: #fff; font-size: 22px; font-family: "Microsoft YaHei"; border-radius:3px; }
.needform .submit:hover { }
.tipInfo { padding-top:12px; }
.tipInfo .bd { font-size:14px; }
.tipInfo .bd ul li { margin-bottom:15px; line-height:22px; }
.tipInfo .bd ul li strong { margin:0 6px; }
.tipInfo .bd ul li.tel { line-height:2em; }
.tipInfo .bd .ft20 { font-size:20px; }
.tipInfo .bd .ft16 { font-size:16px; }
/*webSiteInfo */



.webSiteInfo { position:relative; }
.webSiteInfo .pic { width:320px; overflow: hidden; padding-top:8px; }
.webSiteInfo .pic img { width:320px; height:240px; }
.webSiteInfo .txtBd { width:640px; }
.website-loop { width:100%; height:auto; zoom:1; overflow:hidden; }
.website-loop h3 { height:32px; overflow:hidden; line-height:32px; font-size:22px; font-weight:normal; color:#454545 }
.website-loop h3 em { color:#e00; font-size:14px; margin-left:8px; }
.website-loop-spancolor { background:#3366cc }
.website-loop-spancolor2 { background:#3366cc }
.website-loop-spancolor3 { background:#3366cc }
.website-loop-spancolor4 { background:#3366cc }
.website-loop-spancolor5 { background:#3366cc }
.website-loop-spancolor6 { background:#3366cc }
.website-loop-textbox { height:auto; zoom:1; overflow:hidden; margin-top:10px; }
.website-loop-ul { }
.website-loop-ul li { display:inline; float:left; margin-right:25px; height:20px; line-height:20px; font-size:14px; }
.website-loop-ul li img { position:relative; top:3px; margin-right:2px; }
.website-loop-textbottom { display:inline; float:left; line-height:24px; margin-top:10px; color:#444444; }
.website-loop-table { float:left; height:auto; zoom:1; overflow:hidden; border:1px #092e94 dashed; margin-top:10px; padding:10px 15px; line-height:22px; font-size:12px; color:#444 }
.websiteColor { color:#e00; font-size:16px; font-weight:bold; }
.website-loop .btns { margin-top:15px; }
/*  网站建设 页面 选项卡tabNav*/
/*tabNav*/
.tabNav { position:relative; }
.tabNav .navHd { background:#FFF; height:34px; border-bottom:1px solid #e7e7e7; }
.tabNav .navHd ul { width:1000px; margin:0 auto; height:35px; }
.tabNav .navHd ul li { height:35px; color:#FFF; padding:0 22px; float:left; cursor:pointer; background:#00b6ee; font-size:14px; line-height:32px; margin-right:12px; }
.tabNav .navHd ul li a { color:#fff !important; text-decoration:none; }
.tabNav .navHd ul li:hover { opacity:0.8; }
.tabNav .navHd ul li.on { background:#f0f2f4; color:#333; border:1px solid #e7e7e7; border-bottom:0 !important; height:34px }
.tabNav .navHd ul li.on a { color:#333 !important; }
/* 网站建设 页面案例 pageCase */



.pageCase { position:relative; }
.pageCase .hd { position:relative; overflow: hidden; margin-bottom:20px; margin-top:10px; line-height:1.1; }
.pageCase .hd .tit { font-size:22px; color:#333; }
.pageCase .hd .prev, .pageCase .hd .next { display:block; width:26px; height:26px; float:right; margin-left:5px; overflow:hidden; cursor:pointer; background:url(../images/btn_arow.png) no-repeat; }
.pageCase .hd .next { background-position:-30px 0; }
.pageCase .hd ul { position:absolute; left:110px; top:4px; }
.pageCase .hd ul li { font-size:14px; float:left; height:22px; display:block; line-height:20px; padding:0 14px; margin-right:5px; cursor:pointer; color:#333; }
.pageCase .hd ul li.on { color:#FFF; background:#6abb07; }
.pageCase .bd { }
.pageCase .bd ul { margin-left:-20px; margin-top:-40px; }
.pageCase .bd ul li { width:320px; height:220px; float:left; margin-left:20px; margin-top:40px; overflow:hidden; position:relative; }
.pageCase .bd ul li:hover { }
.pageCase .bd ul li .pic { height:180px; }
.pageCase .bd ul li .pic img { vertical-align:middle; width:320px; height:180px; }
.hover:hover { opacity:0.8; }
.pageCase .bd ul li .nameInfo { overflow:hidden; height:70px; overflow:hidden; background:#fff; width:320px; position:absolute; bottom:0; left:0; }
.pageCase .bd ul li .nameInfo em { color:#FFF; padding:0 10px; font-size:14px; display:block; line-height:40px; }
.pageCase .bd ul li .nameInfo em a { color:#333; }
.pageCase .bd ul li .nameInfo p { padding:0 10px; margin:0; height:2em; overflow:hidden; line-height:20px; margin-bottom:10px; color:#999 }
/* 网站案例 列表页面 */
.section { width:1155px; margin:30px auto; overflow:hidden; }
.section ul { width:100%; overflow:hidden }
.section ul li { float:left; display:inline; width:385px; margin-bottom:30px; overflow:hidden; }
.section ul li img { display: block; border:solid 2px #d6d4d4; width:353px; height:235px; }
.section ul li img:hover { border:solid 2px #F00; }
.section ul li .photo { width:357px; margin:0 auto; overflow:hidden; }
.section ul li .sitename { width:357px; margin:0 auto; height:30px; line-height:30px; }
.section ul li .sitename a { font-size:14px; color: #000; font-family:微软雅黑; font-weight:bold; }
.section ul li .sitename .more { line-height: 30px; float: right; height: 30px; width: 89px; text-align: right; }
.section a h3 { width:320px; height:40px; line-height:40px; text-align:center; font-family:微软雅黑; font-weight:normal; font-size:16px; }
.section ul li .desc { width:357px; height:80px; line-height:25px; margin:0 auto; overflow:hidden; }
.section ul li .weburl { width:357px; margin:0 auto; line-height:25px; }
.section ul li .weburl a { color:#F00; color:14px; font-weight:bold; }
.section a:hover h3 { color:#1a96ec }
.section .text a { text-decoration:none }
.section .text div { text-align:center; color:#FFF; margin-top:80px; font-size:16px; }
/* 网站建设 页面 问答*/



.gusFaq { }
.gusFaq .hd { width:1000px; overflow: hidden; background:url(../images/web_tit.jpg); height:54px; text-align:center; }
.gusFaq .hd .tit { color: #fff; font-size: 24px; font-weight: bold; line-height:54px; }
.gusFaq .bd { width:996px; height: auto; border:2px solid #ff562f; }
.gusFaq .bd ul li { border-bottom:1px dashed #bbb; padding:10px 25px 10px 25px; line-height:2em; font-size:14px; background:#f5f5f5; }
.gusFaq .bd ul li .title { color:#333; }
.gusFaq .bd ul li .gusmsg { color:#555; }
.gusFaq .bd ul li .date { font-size:12px; margin-left:5px; }
.gusFaq .bd ul .odd { background:#FFF; }
/* casebanner2*/

.CaseBanner2 { width:100%; height:420px; background: url(http://img.hnbest.com/case_banner.jpg) top center; margin-bottom:15px; }
/*案例导航 CaseNav*/

.CaseNav { width:1155px; margin:30px auto; overflow:hidden; }
.CaseNav ul { width:1155px; text-align:center; }
.CaseNav ul li { height:30px; display:inline-block; *display:inline;
border-radius:2px; padding:0 15px; background:#666; font-size:14px; line-height:28px; margin-right:12px; }
.CaseNav ul li a { color: #FFF !important; text-decoration:none; }
.CaseNav ul li:hover { background:#F63; }
.CaseNav ul li.on { background:#00b6ee; }
.CaseNav ul li.on a { color: #000 !important; }
/* 案例页面 */

.case_page { width:1130px; margin:0 auto; }
.show_case { widows:1130px; margin:0 auto; }
.show_case h1 { font-family: "微软雅黑"; font-size: 25px; text-align: center; margin: 15px; color:#000; }
.case_info { width:1130px; margin:15px auto; line-height:28px; font-size:14px; }
.case_hits { width:118px; float:right; color:#F00; }
/*comboBox */



.comboBox { position:relative; }
.comboBox .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.comboBox .hd .tit { font-size:22px; color:#333; }
.comboBox .hd .tel { font-size:18px; margin-top:5px; }
.comboBox .bd { }
/*comboCate*/



.combo { }
.comboCate { }
.comboCate th { background:#FFF; border-bottom:2px solid #cdcdcd; font-size:14px; font-weight:bold; height: 35px; padding: 0 5px; }
.comboCate td { height: 35px; padding:2px 5px; font-size: 12px; line-height:23px; background:#FFF; border-bottom:1px dashed #ccc; }
.comboCate tr.odd td { background:#F5F5F5; }
.comboCate td em { display:block; }
.comboCate td em strong { margin-left:8px; font-weight:400; color:#0876bd; }
.comboCate td .red { padding-left:5px; font-size:14px; }
.pdL10 { padding-left:12px !important; }
.pdL40 { padding-left:40px !important; }
/*ustel*/



.ustel { margin:12px 0 0 0; }
.ustel .tel { font-size:16px; margin-bottom:12px; }
.ustel .tel p { margin:6px 0 10px 0; }
/*pirBox */



.pirBox { position:relative; }
.pirBox .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.pirBox .hd .tit { font-size:22px; color:#107fc6; }
.pirBox .bd { width:998px; overflow: hidden; margin: 20px auto 40px auto; border: 0 dotted #ddd; border-width: 1px 1px 0 0; }
.pirBox .bd ul { }
.pirBox .bd ul li { padding:6px 0; width:198px; float:left; border: 0 dotted #ddd; border-width: 0 0 1px 1px; text-align:center; }
.pirBox .bd ul li img { vertical-align:middle; margin-top:10px; }
.pirBox .bd ul li .pic { }
.pirBox .bd ul li .name { margin:4px 0; font-size:14px; color:#333; height:3em; line-height:1.4; overflow:hidden; }
/*casePicBox*/



/*showother*/

.showother { margin:15px auto; width:1000px; height: 20px; line-height: 20px; position:relative; }
.showother a { display:block; height:20px; line-height:20px; *line-height:18px;
position:absolute; top:0; color:#666; }
.showother a:hover { text-decoration:none; color:#39f; }
.showother .prev { left:0; background:url(../images/ico_prv.png) no-repeat left center; padding-left:14px; }
.showother .prev:hover { background:url(../images/ico_prvon.png) no-repeat left center; }
.showother .next { right:0; background:url(../images/ico_next.png) no-repeat right center; padding-right:14px; }
.showother .next:hover { background:url(../images/ico_nexton.png) no-repeat right center; }
.showother .backAll { left:50%; margin-left:-20px; width:20px; overflow:hidden; background:url(../images/icon_arrows.png) no-repeat 0 -40px; }
.showother .backAll:hover { background-position:-20px -40px; }
/**/



.sub_banner, .sub_help_banner, .sub_taocan_banner, .sub_fangan_banner, .sub_youshi_banner { width:100%; height:230px; margin:0 auto; background:#333; text-align:center; }
.sub_main_block { width:100%; height:auto; margin:0 auto; background:#fff; }
.sub_main_title { height:39px; margin:0 auto; border-bottom:1px dashed #dcdddd; background:url(../images/sub_main_tit_icon.jpg) no-repeat left top; }
.sub_main_titL { height:39px; font-size:26px; line-height:1; font-weight:bold; color:#414345; }
.sub_main_titR { width:auto; height:36px; float:right; padding-top:3px; }
.sub_main_titR a { display:block; float:left; background:url(../images/sub_titR_link_icon.jpg) no-repeat left center; font-size:14px; color:#5c646d; padding:0 20px 0 15px; height:20px; line-height:22px; overflow:hidden; }
.sub_main_titR .selected { color:#ff7200 !important; font-weight:bold !important; }
.sub_main_content { height:auto; margin:0 auto; padding-top:20px; }
.sub_content_tit { height:48px; margin:0 auto; line-height:48px; padding-left:20px; font-size:24px; color:#000; display:inline; }
.sub_content_intro { height:auto; padding:30px 0 10px 0; font-size:14px; font-weight:bold; color:#818387; }
.sub_about_intro { height:auto; }
.sub_about_introL { width:580px; height:auto; float:left; color:#666; font-size:14px; line-height:22px; padding:14px 5px; }
.sub_about_introL p { text-indent:2em; }
.sub_about_logo { float:left; margin:10px 0 0 40px; display:inline; }
.qyhj_table, .qyhd_table, .ryzh_table { width:963px; height:auto; float:left; margin-left:17px; display:inline; color:#666; font-size:14px; }
.qyhj_table td, .qyhd_table td, .ryzh_table td { padding:15px 5px; }
/*  */



.taocan_content, .fangan_content { height:auto; margin:0 auto; background:url(../images/taocan_bj_img.jpg) right top no-repeat; }
.taocan_block { width:700px; height:auto; }
.taocantit, .taocantit2 { width:700px; height:40px; margin:0 auto; font-size:30px; font-weight:bold; color:#739e00; padding:40px 0 20px 0; }
.taocan_table { width:700px; height:auto; text-align:center; font-size:14px; font-weight:bold; color:#444444; }
.taocan_table td { height:109px; }
.tancan_table_tit td, .tancan_table_tit2 td { height:39px !important; background:#739e00; color:#fff; }
.table_three_tr { background:#f2f4f8; }
.texing_con, .texing_con2 { padding:0 22px; text-align:left; line-height:24px; color:#739e00; }
.taocan_table td span { color:#739e00; }
.tancan_table_tit2 td { background:#ff7200 !important; }
.texing_con2, .two span, .taocantit2 { color:#ff7200 !important; }
.sub_taocan_banner { background:url(../images/taocan_banner_bj.jpg) repeat-x; }
/* 办理流程style */
.liucheng_box { margin-top:40px; }
.liucheng_block { height: auto; margin: 0 auto; padding-top:40px; }
.liucheng ul li { display:inline; float:left; width:240px; padding-right:120px; text-align:center; }
.liucheng ul .last { padding-right:0px !important; }
.liucheng ul li b { font-size:14px; padding:10px 0; display:block; }
.liucheng ul li p { text-align:left; color:#666; margin:0; line-height:2; }
/*SmsPicBox*/



.SmsPicBox { position:relative; overflow:hidden; }
.SmsPicBox h3 { font-size:16px; font-size:16px; color:#00b6ee; margin-bottom:20px; }
.SmsPicBox .pic { position:relative; border-bottom:1px dashed #CCC; padding:0 0 20px 0; margin-bottom:20px; overflow:hidden; }
/*helpbox */



.helpbox { position:relative; }
.helpbox .hd { overflow: hidden; height:40px; margin-bottom:20px; line-height:1.1; border-bottom:1px solid #ccc; }
.helpbox .hd .tit { font-size:22px; color:#333; }
.helpbox .bd { }
.helpbox .bd img { vertical-align:middle; }
/*FaqBox */



.FaqBox { position:relative; }
.FaqBox .hd { overflow: hidden; height:40px; margin-bottom:20px; border-bottom:1px solid #ccc; line-height:1.1; }
.FaqBox .hd .tit { font-size:22px; color:#333; }
.FaqBox .bd { }
.FaqBox .bd .item { }
.FaqBox .bd .item h2 { font-size:16px; color:#00a2e9; margin:10px 0; padding:0 20px; }
.FaqBox .bd .item ul { }
.FaqBox .bd .item ul li { border-bottom:1px dashed #bbb; padding:10px 25px 10px 25px; line-height:2em; font-size:14px; background:#f5f5f5; }
.FaqBox .bd .item ul li .title { color:#333; }
.FaqBox .bd .item ul li .gusmsg { color:#555; }
.FaqBox .bd .item ul li .date { font-size:12px; margin-left:5px; }
.FaqBox .bd .item .odd { background:#FFF; }
/*hostCate */

.hostCate { position:relative; padding-top:10px; }
.hostCate .hd { overflow: hidden; margin-bottom:20px; line-height:1.1; }
.hostCate .hd .tit { font-size:22px; color:#333; }
.hostCate .bd { padding-bottom:20px; }
.hostCate .bd ul { margin-left:-20px; margin-top:-40px; }
.hostCate .bd ul li h3 { height:45px; line-height:45px; padding:0 20px; text-align:center; border-bottom:1px dashed #E1E1E1; font-size:16px; font-weight:bold; color:#333; }
.hostCate .bd ul li { border:1px solid #dbdbdb; width:318px; float:left; margin-left:20px; margin-top:40px; font-size:13px; background:#f6f6f6; }
.hostCate .bd ul li:hover { border: 1px solid #FF9A00; background: #FFF; -webkit-transition: border-color 0.3s linear; -moz-transition: border-color 0.3s linear; -ms-transition: border-color 0.3s linear; -o-transition: border-color 0.3s linear; transition: border-color 0.3s linear; }
.hostCate .bd ul li:hover h3 { background: #FF9A00; color: #FFF; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.hostCate .bd ul li dl { padding:3px 10px; border-bottom: 1px dashed #DBDBDB; overflow: hidden; }
.hostCate .bd ul li dt { width:110px; line-height:30px; float:left; font-weight:bold; text-align:right; color:#333; }
.hostCate .bd ul li dd { line-height:30px; margin-left:120px; word-break:break-all; }
.product-box-language { height:60px; }
.product-box-language dd { line-height:28px !important; }
.hostCate .bd ul li dt strong { margin-right:10px; font-weight:400; line-height:44px; }
.hostCate .bd ul li dt strong em { font-size:18px; color:#e00; margin-right:3px; }
.hostCate .bd ul li .btns { font-size:14px; margin: 0; }
.hostCate .bd ul li .btns .btn { margin-top:8px; }
.hostCate .bd ul li dl.last { border-bottom:0; }
.about_width { width:720px; margin:0px auto; }
.about { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; position:relative; }
.aobut_word { padding:10px; float:right; width:350px; line-height:1.5 }
.aobut_word h3 { font-size:24px; color:#4289d5; }
.zq { width:200px; float:left; line-height:1.5; padding:10px; }
.zq .aboutt { color:#9ec639; font-size:36px; height:74px; }
.zq .abouti { color:#000; font-size:14px; }
.zq .bg3 { background:url(../images/zq.png) no-rzepeat left -165px; height:74px; }
.cen { margin:0px 5px; border-left:1px solid #e8e8e4; border-right:1px solid #e8e8e4; }
.tiimg { position:absolute; left: 728px; top: -10px }
.dontshow { display:none; }
/*page*/



.pages { font-size:14px; line-height:1.8; color:#333; }
/*分页样式*/


.page_info { text-align:center; color:#666; margin:15px auto; }
.page_list { height:30px; line-height:30px; text-align:center; letter-spacing:0; font-size:10px; margin-top:30px; }
.page_list a { display:inline-block; color:#666; background:#fff; text-align:center; padding:0 10px; margin:0 1px; border:solid 1px #d8d8d8; }
.page_list a:hover { color:#000; background:#00B6EE; }
.page_list a.on { color:#fff; background:#00B6EE; }
.page_list span { display:inline-block; padding:0 10px; margin:0 1px; background-color: #03a1f0; border: 1px solid #03a1f0; color: white; }
/*内容分页*/
.contPage { height:20px; line-height:20px; text-align:center; letter-spacing:0; font-family:"微软雅黑"; font-size:10px; margin-top:20px; }
.contPage a { display:inline-block; color:#666; background:#fff; text-align:center; padding:0 7px; margin:0 1px; }
.contPage a:hover { color:#fff; background:#00B6EE; }
.contPage a.on { color:#fff; background:#00B6EE; }
/* 网站建设优势*/
.st_ts1 { PADDING-BOTTOM:0; MARGIN:10px 0; PADDING-LEFT:10px; WIDTH:475px; PADDING-RIGHT:10px; FLOAT:left; PADDING-TOP:0 }
.tdb THEAD TD { LINE-HEIGHT:40px; BACKGROUND:#fff; HEIGHT:40px; COLOR:#000; FONT-SIZE:12px; padding-top:5px }
.tdb TD { LINE-HEIGHT:20px; PADDING-LEFT:30px; BACKGROUND:#fff; HEIGHT:35px; COLOR:#555; FONT-SIZE:12px; }
.st_ts1 LI { BORDER-BOTTOM: #CCC 1px dashed; MARGIN:10px 0; WIDTH:475px; FLOAT:left; HEIGHT:130px; COLOR:#333; FONT-SIZE:14px; line-height:25px; }
.st_ts1 LI:hover { background:#CCC; }
.st_ts1 LI IMG { MARGIN-BOTTOM:15px; FLOAT:left; MARGIN-RIGHT:8px }
.st_ts1 LI H4 { PADDING-BOTTOM:2px; PADDING-LEFT:0; PADDING-RIGHT:0; COLOR: #F00; FONT-SIZE:16px; FONT-WEIGHT:bold; }
/*在线客服*/

*html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}
#kefu1 { position:fixed; right:0px; top:80px; z-index:10008; width: 144px; }
.cs_close { position: absolute; right: 20px; top: 15px; width: 12px; height: 12px; background: url('../images/kefu.gif') no-repeat; }
.cs_close a { display: block; height: 10px; }
.cs_close a span { display: none; }
.item_6 .banner { border: 7px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.item_6 .banner img { display: block; width: 100%;/* main */ }
.online_icon { overflow:hidden; }
.online_icon a { display: block; width: 85px; height: 148px; background: url(../images/qq_online_trigger.png) no-repeat; font-size: 16px; text-align: center; color: #000; }
.online_windows { width:144px; }
.online_w_top { background:url(../images/online_bg.png) no-repeat -36px 0; height:10px; _background:url(../images/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom:-7px; }
.online_w_c { background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px; _background:url(../images/online_bg_ie6.png) repeat-y 0 -185px }
.online_w_bottom { background:url(../images/online_bg.png) repeat-y -36px -35px; height:29px; _background:url(../images/online_bg_ie6.png) repeat-y -36px -35px; }
.online_content { background:url(../images/online_bg.png) no-repeat -147px -185px; padding-top:11px; _background:url(../images/online_bg_ie6.png) no-repeat -147px -185px; }
.online_content a.qq_icon { background:url(../images/online_bg.png) no-repeat -37px -130px; width:121px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer; }
.online_content a.qq_icon:hover { background-position:-159px -130px; color:#FFF; }
.online_bar h2 { background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left; }
.online_bar h2 a { display:block; padding-left:14px; margin-left:6px; cursor:pointer; }
.expand h2 a { background:url(../images/online_bg.png) no-repeat -36px -69px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -69px; }
.collapse h2 a { background:url(../images/online_bg.png) no-repeat -36px -96px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -96px; }
.expand h2 a:hover, .collapse h2 a:hover { text-decoration:none; color:#c81d04; }
.online_content { text-align:center; border-bottom:1px solid #d0d0d0; }
.online_content ul li { height:24px; line-height:24px; margin-bottom:4px; }
.online_content ul li a:hover { color:#c81d04; }
.kefu_tel { color: #F00; }
#online_qq_layer { position:absolute; right:-140px; top:80px; _position:absolute; z-index:20; }
* html, * html body { _background-attachment:fixed; }
* html #online_qq_layer { _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + 150));
}
#online_qq_tab { float:left; margin-top: 50px; }
#onlineService { float:left; margin-left:-4px; }
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 { display:none; }
#onlineType1 { display:block; }
/* web banner */

.web_banner { width:100%; height:280px; background:url(../images/banner/web_banner.jpg) center top; }
/* news banner*/

.new_banner { width:100%; height:420px; background:url(../images/banner/xwzx.jpg) center top; }
/* 新闻列表*/

.news_all { width:1130px; margin:10px auto; }
.news_left { width:780px; float:left; }
.news_right { width:300px; float:right; }
/* 新闻 上面 导航 */
.pos_nav { width:1130px; margin:20px auto 20px auto; height:35px; line-height:35px; border-bottom: 1px #d2d2d2 solid; }
.pos_nav p { padding:4px 5px; color:#959595; line-height:15px; white-space:nowrap; }
.pos_nav ul { float: right; margin-top: 5px; display:none; line-height:15px; white-space:nowrap; }
.pos_nav li { display: inline; padding-left: 12px; *padding-left:10px;
_padding-left:10px; }
.pos_navli.lj { width:5px; padding-left:15px; border-right:1px solid #dbdbdb; margin-right:-2px; }
.pos_nav .selected a { color: #f60; }
.news-list ul { }
.news-list li { zoom:1; clear:both; border-bottom: 1px dotted #D7D7D7; padding: 15px 0; }
.news-list li:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.news-list h4 { font-size: 14px; font-weight: bold; margin-bottom: 2px; }
.news-list .datetime { background:url(../images/datetime.jpg) no-repeat 0 0; width:40px; height:42px; padding-top:5px; text-align:center; display:block; float:left; margin-right:20px; line-height:13px; color:#fff; }
.news-list .source { margin-bottom:2px; }
.news-list .source a { color:#F00; }
.news-list .summary { line-height: 1.6; margin-top: 8px; color:#666; }
.news-list .summary a { display: inline-block; }
.news-list .page { margin: 30px 0; }
.news-list .img { border: 1px solid #CCCCCC; float: left; margin-right: 14px; overflow: hidden; padding: 2px; width: 120px; }
.news-list .img img { height: 80px; vertical-align: middle; width: 120px; }
.news-list .nopic .img { display: none; }
.news-list .cnt { float: left; width: 560px; }
.news-list .nopic .cnt { width: auto; }
.news_more:active, .news_more:link, .news_more:visited { float:right; background:url(/images/home_news_more.jpg) no-repeat 0 0; width:39px; padding-left:10px; height:18px; text-align:left; display:block; line-height:18px; color:#fff; margin-top:3px; }
.news_more:hover { color:#fff; background:url(/images/home_news_more.jpg) no-repeat 100% 0; }
/* 新闻列表分页*/

.text-c { text-align:center; }
#pages { width: 685px; height:30px; margin-top:20px; margin-bottom:15px; }
#pages a { border: 1px solid #e3e3e3; height: 24px; display: block; float: left; line-height: 24px; text-align: center; margin-right: 4px; padding: 0 10px; width: auto; }
#pages span { height: 24px; display: block; float: left; text-align:center; margin-right:4px; width:25px; line-height: 24px; background-color: #ffa90f; border: 1px solid #fe8101; color: white; }
#pages a:hover { color:#F00; }
/*公告咨询详细页*/

.info_content { width:776px; border:1px solid #e5e5e5; padding:5px 10px 10px 10px; position:relative; margin-bottom:25px; }
.info_title { height:90px; border-bottom:1px solid #e5e5e5; text-align:center; }
.title_name { color:#004276; font-size:20px; line-height:60px; margin:0; padding:0; }
.tilte_more { height:35px; line-height:35px; }
.my_tou { color:#ff9639; }
.my_tou:hover { color:#7799dd; text-decoration:underline; }
.mes_main { padding: 12px 5px 0 5px; overflow: hidden; line-height:160%; font-size:14px; }
.chucu { width:100%; height:48px; text-align:right; margin-top: 25px; }
.mes_main p, .mes_main h2, .mes_main h3 { text-indent:28px; margin-top:14px; font-size:14px; color:#666; line-height:1.8em; }
.chucu span { display:block; line-height:24px; height:24px; }
.share_mes { width:100%; height:21px; font-size:12px; line-height:21px; padding:10px 0 0px 0; }
.back_next, .other_info { width:100%; height:auto; line-height:25px; padding-top: 15px; font-size:14px; }
.back_next { border-top:1px dotted #b5b5b5; margin-top:15px; padding-top:10px; }
.sx_a { width:100%; height:35px; line-height:35px; background-color:#f8f8f8; }
.other_info_top { width:678px; border-left:6px solid #fe9900; height:14px; text-indent:10px; line-height:14px; margin-bottom:10px; }
.laksj, .laksj_a { width:584px; float:right; height:7px; border-bottom:1px solid #e5e5e5; }
.other_info a, .blaksj a { padding:0 10px 0 16px; background:url(../images/innera.png) no-repeat -990px -463px; }
.other_info span { color:#c6c6c6; }
.back_next a.blueb:hover, .domain a.sn:hover, .oopea_act .opea_detail a:hover { color:#f60; }
.info_main { width:707px; height: auto; padding:20px 0 20px 3px; border-bottom:1px dotted #b5b5b5; clear:both; word-break:break-all; position: relative; *padding:20px 0 0 0;
}
.info_main img { float:left; }
.info_main a.blueb { line-height:20px; display:block; }
.info_m_right { width: 502px; height: auto; float:right; margin-right: 4px; }
.info_m_right p { line-height:23px; margin:11px 0 5px 0; float:left; position:relative; width: 100%; }
.read_all { margin-right:8px; float:right; display:none; color:#004276; line-height:20px; position:absolute; bottom:0px; right:0px; }
.info_main:hover { background-color:#fafbfb; }
.info_main:hover .read_all { display:block; }
.Num_date { width: 502px; height: 20px; float:left; line-height:26px; bottom: 20px; right: 0px; }
.share_info { position:absolute; right:15px; bottom: -6px; width: 44px; height:28px; text-align:right; background-position: -400px -21px; line-height: 28px; }
.share_way { position:absolute; width:196px; height:34px; right:-6px; bottom:-31px; display:none; }
.share_info:hover .share_way { display:block; }
.e_c { border-bottom:2px solid #e74c3c; height:31px; line-height:31px; }
.ni_d, .bi_a { height:343px; width:40px; position:absolute; left:0px; top:0px; display:block; background-position:-100px -421px; }
.bi_a { background-position:7px -75px; }
.end_name a { width:218px; height:33px; line-height:33px; overflow:hidden; display:block; font-size:14px; }
.wtcx a { font-weight:normal; padding-right:15px; }
.e_d { height:212px; overflow:hidden; border-bottom: 1px solid #e5e5e5; margin-bottom:0px; }
.e_e { border-bottom:2px solid #fe8431; }
.e_f { height: 96px; width: 245px; margin:10px 0 0 0; padding: 2px 0 10px 13px; }
.e_g { width: 198px; height:23px; padding:0; margin:0; background-position: -260px -726px; padding-left: 30px; line-height: 23px; }
.e_h { width:228px; height:23px; line-height:23px; padding:0; margin:10px 0 0 0; }
.e_i { padding:0px; left: 13px; top: 57px; padding-left:15px; width: 213px; }
a.e_h:hover { text-decoration:none; }
.e_j { width:96.6%; }
/* 新闻新闻页面 右侧*/

.ws_top { width:300px; float:right; margin-bottom:25px; }
.wtcx { width:298px; height:40px; border:1px solid #e5e5e5; background-color: #eee; line-height:40px; font-weight:bold; color:#404040; }
.wtcx_top { height:30px; padding:0 12px; line-height:30px; float:left; }
.b_v { border-bottom:2px solid #8ace13; width:56px; *width:60px;
}
.b_w { border-bottom:2px solid #fe8431; width:87px; *width:92px;
}
.wtcx_botm { border:1px solid #e5e5e5; height:auto; padding:2px 10px 10px 10px; width:238px; border-top:none; display:block; }
.j_botma { line-height:33px; height: 175px; position:relative; overflow: hidden; border:1px solid #e5e5e5; font-size:14px; }
.ni_d, .bi_a { background: url(../images/innera.png) no-repeat 7px -75px; height:343px; width:40px; position:absolute; left:0px; top:0px; display:block; }
.end_name { width:auto; height:33px; border-bottom:1px dashed #e5e5e5; padding: 0 10px 0 31px; }
.end_name:hover { background-color:#fbfbfb; }
.b_y { height: 345px; padding: 0px; width: 298px; line-height: 32px; color: #404040; position: relative; border-top: none; }
.e_c { border-bottom:2px solid #09F; height:40px; line-height:40px; font-size:16px; }
/*  foot  */

.foot { clear:both; margin-top:10px; padding-top:29px; background:#F7F7F7; color:#666 }
.foot-wrap { width:1012px; margin:0 auto }
.foot-guide .foot-col { float:left; width:231px; margin-right:70px; border-right:1px solid #E4E4E4 }
.foot-guide .last-col { width:106px; margin-right:0; border-right:0 }
.foot-guide .guide-pay { width:234px }
.foot-guide .guide-help { width:226px }
.foot-guide .foot-col h3 { height:30px; line-height:30px; font-weight:bold; font-size:16px }
.foot-guide .foot-col h3 i { display:inline-block; width:30px; height:30px; margin-right:10px; background:url(http://static.gtimg.com/vd/lottery/v3/pc/img/icon.png) no-repeat; vertical-align:-9px; *vertical-align:-5px
}
.foot-guide .guide-new h3 i { background-position:0 -24px }
.foot-guide .guide-pay h3 i { background-position:-30px -24px }
.foot-guide .guide-help h3 i { background-position:-60px -24px }
.foot-guide .guide-good h3 i { background:url(../images/WeChat-Icon.png); }
.foot-guide .foot-col-list { padding-left:39px }
.foot-guide .foot-col-list li { margin:8px auto; }
.foot-guide .foot-col-list a { color:#666 }
.foot-copyright { padding:10px 0 10px; color:#999; text-align:center; }
.foot-copyright p { }
.foot-copyright a { color:#999 }
/* 建站套餐详细页面*/

.b-cont { padding: 40px 0; border-bottom: 1px #ddd dotted; }
.b-cont .cont-l, .b-cont .cont-r { float: left; }
.b-cont .cont-l { width: 290px; }
.b-cont .cont-l a, .b-cont .cont-l img { display: block; }
.b-cont .cont-r { width: 620px; display: inline; margin-left: 50px; }
.b-cont .cont-hd h2, .b-cont .cont-hd div { float: left; }
.b-cont .cont-hd h2 { font-size: 22px; font-weight: normal; }
.b-cont .cont-hd h2 a, .b-cont .cont-hd-font, .b-cont .cont-red, .b-cont .cont-btn { color: #333; }
.b-cont .cont-hd-font { position: relative; top: -10px; }
.b-cont .cont-hd-font span { float: left; padding: 3px; font-size: 14px; color: #fff; font-weight: bold; }
.b-cont .font-01 { background: #f60; margin: 4px 0 0 18px; }
.b-cont .font-02 { background: #0cf; }
.b-cont .cont-p { margin-top: 15px; }
.b-cont .cont-p p { line-height: 22px; font-size: 14px; color: #666; }
.b-cont .cont-btn { margin-top: 32px; }
.b-cont .cont-btn .view { float: left; width: 141px; height: 47px; background: url("../images/makeshow.gif") 0 0 no-repeat; line-height: 47px; text-align: center; font-size: 20px; color: #fff; }
.b-cont .cont-btn .view:hover { text-decoration: none; }
.last { border-bottom: none; }
.cont-02 .cont-p-02, .cont-02 .cont-red, .cont-02 .cont-p-02 p { float: left; display: inline; }
.cont-02 .cont-p-02 p { line-height: 40px; padding: 0 10px; border: 1px #ffc0c0 solid; color: #c00; margin: 5px 10px 0 0; font-size: 18px; }
.cont-02 .cont-p-02 .send { border: 1px #ffe5b2 solid; position: relative; color: #ff7f02; }
.cont-02 .cont-p-02 .send span { position: absolute; top: -8px; left: 3px; padding: 0 2px; background: #ff7800; line-height: 16px; font-family: simsun; font-size: 12px; color: #fff; }
.cont-02 .cont-p-02 .send a { color: #ff7f02; }
.cont-02 .cont-red { margin: 39px 0 0 20px; }
.clearfix:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
/* 成品网站优势*/

.web_js { width:990px; height:480px; margin:0 auto; }
.web_js h2 { font-size:20px; text-align:center; color:#0f2e80; height:50px; line-height:50px; font-weight:normal; }
.aq_list { width:1000px; height:auto; margin:0 auto; }
.web_lb { width:990px; height:1115px; margin:0 auto; border:1px solid #d9d9d9; }
.web_lb li { float:left; width:329px; height:370px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.web_lb li h2 { font-size:20px; text-align:center; color:#333; height:40px; line-height:40px; padding-top:15px; font-weight:normal; }
.web_lb li p { font-size:14px; width:305px; padding-left:15px; color:#777; line-height:25px; height:120px; }
.bz_cp { width:980px; margin:0 auto; height:100px; padding-top:20px; }
.bz_cp h2 { font-size:18px; color:#0f2e80; height:50px; line-height:50px; font-weight:normal; }
.bz_list li { float:left; width:470px; line-height:30px; font-size:14px; color:#555; }
/* 网站建设页面 */

#kunhuo_con { background:url(../images/kunhuo.jpg) bottom right no-repeat; height:355px; width:730px; padding-right:250px; padding-left:10px; padding-top:10px; line-height:30px; }
#kunhuo_con p { margin-top:5px; font-size:20px; font-family:"黑体"; }
#kunhuo_bottom { background:#000000; height:55px; line-height:55px; color:#FFFFFF; font-size:23px; font-family:"黑体"; padding-left:30px; width:966px; overflow:hidden; }
/* 选择我们做营销的理由*/

.liyou { width:100%; }
.liyou_list { width:990px; height:147px; margin:0 auto; margin-top:10px; }
.bg_yellow { background:#f1c50e; }
.bg_blue { background:#39F; }
.bg_red { background:#e74b3c; }
.youshi_tit { height:147px; width:200px; float:left; line-height:147px; font-size:26px; color:#FFF; text-align:center; letter-spacing:0.2em; }
.youshi_img { height:147px; width:200px; float:left; }
.youshi_img img { margin-top:15px; border:2px solid #FFF; }
.youshi_con { float:left; width: 560px; height:137px; overflow:hidden; line-height: 25px; padding-top: 10px; font-size: 14px; padding-left: 10px; color: #000; }
.mb10 { margin-bottom:10px; }
/* 什么是真正的营销型网站 */

.yingxiao_true { position:relative; }
.yingxiao_true .hd { width:1000px; overflow: hidden; background:url(../images/web_tit.jpg); height:54px; text-align:center; }
.yingxiao_true .hd .tit { color: #fff; font-size: 24px; font-weight: bold; line-height:54px; }
.yingxiao_true .bd { width:996px; height: auto; border:2px solid #ff562f; }
#cx { width:990px; margin:0 auto; }
.yxx01-left { width:363px; float:left; padding:24px; }
.yxx01-left span { font-size:22px; height:40px; line-height:40px; }
.yxx01-left p { width:363px; height:auto; background:#cc0000; line-height:30px; margin-top:8px; padding:10px; font-size:18px; color:#FFF; }
.yxx01-right { width:460px; height:267px; background: url(../images/web/sdmb.jpg) no-repeat; float:right; margin-top:40px; margin-right:24px; }
.yxx01-right p { padding:15px; margin-top:70px; line-height:28px; font-size:14px; }
.cb { clear:both; }
.cb0 { width:622px; height:132px; background:url(../images/web/wz001.gif); padding-left:346px; padding-top:20px; border-right:#CCCCCC 1px solid; }
.cb01 { width:622px; height:140px; background:url(../images/web/wz001.gif); padding-left:346px; padding-top:20px; }
.bg01 { width:966px; border-right:#CCCCCC 1px solid; }
.yxx02 { width:970px; height:auto; overflow:hidden; padding-top:40px; }
.yxx02-left { width:460px; height:292px; float:left; background:url(../images/web/sdyq.jpg) no-repeat; margin-left:32px; margin-top:10px; }
.yxx02-left p { padding:20px; margin-top:60px; line-height:28px; font-size:14px; }
.yxx02-right { width:400px; float:right; padding-right:52px; }
.yxx02-right span { font-size:22px; height:40px; line-height:40px; }
.yxx02-right p { width:400px; height:auto; background:#cc0000; line-height:30px; margin-top:5px; padding:10px; font-size:18px; color:#FFF; }
.yxx03 { width:970px; height:auto; overflow:hidden; padding-top:20px; }
.yxx03-left { width:480px; float:left; }
.yxx03-right { width:488px; height:540px; float:right; padding-right:2px; }
.list01 li { width:208px; float:left; padding-left:20px; padding-bottom:20px; list-style-type:none; }
.list01 li img { width:208px; height:145px; }
.list01 li p { width:176px; height:94px; border:#CCC solid 1px; padding:10px 15px; line-height:28px; font-size:14px; }
.text09 { font-size:20px; color:#333; font-weight:bold; line-height:30px; }
.text08 { font-size:20px; color:#333; font-weight:bold; line-height:40px; }
/* 相关案例 */

.mainboxin { width:990px; margin:20px auto; overflow:hidden; }
#marqueediv8 { width:966px; margin:0 auto; height:380px; overflow:hidden; }
.caseout { float:left; width:240px; height:190px; overflow:hidden; }
.casetit { float:left; height:20px; line-height:20px; width:227px; margin-left:5px; display:inline; overflow:hidden; text-align:center }
.case { float:left; width:220px; height:150px; overflow:hidden; background:url(../images/pic_bg.gif) no-repeat; margin-left:4px; display:inline; }
.caseimg { width:216px; height:146px; float:left; overflow:hidden; margin-top:2px; margin-left:2px; display:inline; }
/* 公司资质 */

.zizhi { position:relative; }
.zizhi .hd { width:1000px; overflow: hidden; background:url(../images/web_tit.jpg); height:54px; text-align:center; }
.zizhi .hd .tit { color: #fff; font-size: 24px; font-weight: bold; line-height:54px; }
.zizhi .bd { width:996px; height:180px; overflow:hidden; border:2px solid #ff562f; }
.zizhi_list { width:990px; margin:0 auto; margin-top:10px; text-align:center; }
.zizhi_list li { float:left; height:160px; padding-top:10px; padding-left:20px; }
/* 关于我们页面 */
.banner-about { height: 400px; width: 100%; background: url(../images/about_banner0.jpg) 50% 0 no-repeat; padding: 0; position: relative; }
.banner-about-c { width:1000px; margin:0 auto; }
.banner-about-c h1 { padding:80px 0 30px 0; font-size:28px; height:40px; line-height:40px; color:#FFF; font-weight:normal; }
.banner-about-c h1 span { font-size:24px; padding-left:26px; }
.banner-about-c p { font-size:18px; color:#FFF; line-height:36px; }
.banner-about-c a { font-size:18px; color:#FFF; float:left; height:41px; line-height:41px; margin-top:58px; }
.banner-about-c .a1 { width:154px; text-align:center; background:url(../images/best_btn1.png) 0 0 no-repeat; margin-right:40px; }
.banner-about-c .a1:hover { background-position: 0 -123px; }
.banner-about-c .a2 { text-decoration:underline; }
.about_conn { width:100%; height:auto; margin:10px auto; overflow:hidden; }
.top_con { width:1000px; height: auto; margin:0 auto; font-size:14px; line-height:28px; }
.top_con>div{ font-size:14px; line-height:28px;}
.about_conn .title { width:100%; text-align:center; font-size:30px; color:#75878b; height:30px; line-height:30px; padding:66px 0 38px; font-weight:normal; }
.about_conn p { line-height:32px; font-size:16px; color:#8c9a9d; }
.onesite { width:100%; height:380px; background:#f8f9fb; }
.onesite .onesite_conn { width:1130px; margin:0 auto; }
.onesite .onesite_conn .title { padding:66px 0 56px 0; }
.onesite_list { width:1130px; margin:0 auto; overflow:hidden; }
.onesite_list li { width:168px; height:48px; line-height:48px; color:#FFF; background:#5bcb9d; margin:0 46px 22px 0; text-align:center; float:left; font-size:16px; }
.about_youshi { width:100%; height:588px; }
.about_youshi_box { width:946px; overflow:hidden; margin:0 auto; }
.about_youshi_box .title { padding:78px 0 60px 0; }
.about_youshi_list { width:100%; overflow:hidden; }
.about_youshi_list li { width:444px; height:112px; float:left; padding-bottom:94px; margin-right:55px; }
.about_youshi_list .mr, .div3_list .mr { margin-right:0; }
.about_youshi_list span { float:left; width:139px; height:112px; padding-right:27px; background:url(../images/ydrx_icons.png) left top no-repeat; }
.about_youshi_list .icon2 { background-position: 0 -130px; }
.about_youshi_list .icon3 { background-position: 0 -260px; }
.about_youshi_list .icon4 { background-position: 0 -390px; }
.about_youshi_list .content2 { float:left; }
.about_youshi_list .s_title { line-height:30px; font-size:18px; padding-bottom:15px; font-weight:normal; color:#616564; }
.about_youshi_list .con { width:260px; line-height:20px; font-size:14px;color:#979799; }
/* 联系我们 */
.banner-contact { height: 400px; width: 100%; background: url(../images/contact_banner.jpg) 50% 0 no-repeat; padding: 0; position: relative; }
.banner-contact-c { width:1000px; margin:0 auto; }
.banner-contact-c h1 { padding:80px 0 30px 0; font-size:28px; height:40px; line-height:40px; color:#FFF; font-weight:normal; }
.banner-contact-c h1 span { font-size:24px; padding-left:26px; }
.banner-contact-c p { font-size:18px; color:#FFF; line-height:36px; }
.banner-contact-c a { font-size:18px; color:#FFF; float:left; height:41px; line-height:41px; margin-top:58px; }
.banner-contact-c .a1 { width:154px; text-align:center; background:url(../images/best_btn1.png) 0 0 no-repeat; margin-right:40px; }
.banner-contact-c .a1:hover { background-position: 0 -123px; }
.banner-contact-c .a2 { text-decoration:underline; }