@charset "gb2312";
*html .toTop{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));margin-bottom:80px;}
body{margin:0; padding:0; background:#FFFFFF; text-align:center;font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px}
h1,h2,h3,h4,h5,h6{font-weight:bold; font-size:14px; margin:0; padding:0}
ul,dl,li,dd,ol{margin:0;padding:0;list-style:none; list-style-type:none;}
table,form{font-size:12px; color:#000000; text-align:left;margin:0 auto; padding:0;}
a:link,a:visited{color:#000000;text-decoration: none;}
a:hover,a:active{color:#000000;text-decoration:none;}
.divhidden{overflow:hidden; display:none;}
.clearfix:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
.divclear{clear:both;text-align:center;height:0px; overflow:auto}
img{vertical-align:middle; padding:0; margin:0}

.bold14{font-size: 16px;font-weight: bold;color: #01A3D1; float:left; width:30%}
.daohang{font-size:12px;text-align:right; float:right; display:inline;padding-right:30px}
.pagecount{padding:6px 0; text-align:center; word-spacing:3px; margin:5px auto; clear:both}
.pagecount .pagered{color:#F00; font-weight:bold}
.div25{line-height:25px;margin:5px auto; padding:0 5px; text-align:left; font-size:13px}
.line{background:url(../images/xd2.jpg) left center repeat-x; height:20px; line-height:20px; clear:both}

.banner100{width:100%;margin:0 auto;}
.container{overflow:hidden;width:1250px; margin:0 auto;}
.nav-logo{ float:left; text-align:left}
.bgblue,.breadcrumb{ background:#01A3D1; height:35px; overflow:hidden; color:#FFF; line-height:35px; color:#FFF; text-align:left}
.breadcrumb li{display:inline; margin:0 5px; padding:0 5px}
.bgblue a,.breadcrumb a{color:#FFF;font-weight:bold;font-size:13px;}

.maincon{overflow:hidden;width:1002px; margin:0 auto;zoom:1;}
.maincent{ float:right; width:770px;overflow:hidden; margin-left:8px; border:1px solid #DDDDDD}
.mainleft{ float:left; width:220px; overflow:hidden; background:#01A3D1;}

.search{overflow:hidden;margin:0 auto; float:left; width:780px; font-size:14px}
.search dl dt,.search dl dd{ float:left; margin:0 5px; overflow:hidden; line-height:40px;height:40px;}
.searchr{overflow:hidden;margin:0 auto; float:right; width:220px; height:40px; line-height:40px;}
.button{height:20;font-size:12px;border:#666666 1px solid}

/*头部下拉菜单样式说明*/
.show100{width:100%;margin:0 auto;background: url(../images/BLUE-title.jpg) left top repeat-x; height:48px}
.navbar{ height:48px;line-height:48px;z-index:999999; width:1075px; margin:0 auto; padding-left:15px}
#nav {overflow:hidden; text-align:center;}
#nav .menuone{float:left;width:145px;text-align:center;height:48px; line-height:48px;display:inline-block;}
#nav .menuone a {display:block;color:#FFF;font-weight:bold;font-size:16px;}
#nav .menuone a:hover {color:#F2F2F2;background:url(../images/menu_hover.jpg) repeat-x;}
#nav .menu{display:none; z-index:999999;background:#01A3D1;position:absolute;*margin-left:-70px; z-index:5;width:160px; text-align:center;}
#nav .menuone ul li {background:#01A3D1;width:160px; border:0px solid #999;height:35px; line-height:35px; text-align:center }
#nav .menuone ul li a {color:#FFF; font-weight:normal; font-size:14px}
#nav .menuone ul li a:hover {color:#FFF;background:#018DB6; font-weight:normal }
#nav li.linav{float:left;width:10px;height:48px; line-height:48px; background:url(../images/blue-B.png) center center no-repeat;}

.bottom{margin:0 auto;line-height:15px;color:#FFF;height:auto;background:#01A3D1; padding:5px 0}
.linktext{margin:5px auto;width:900px;color:#FFF;background-color:#018DB6; height:40px; line-height:40px; text-align:center; font-size:14px;}
.linktext a{color:#FFF; font-size:14px; display:inline;}
.bottom1{margin:0 auto; overflow:hidden; overflow:hidden; width:800px; padding-bottom:10px}
.bottom1 .bottom_c{float:right; width:58%; text-align:left; line-height:22px; font-size:14px}
.bottom1 .bottom_d{float:left; width:40%;}
.bottom1 .bottom_d img{vertical-align:middle;}

/* proclass */
.proclass{margin:0 auto; text-align:left;overflow:hidden; background:url(../images/TW3-2.jpg) left top repeat-y; margin-bottom:15px}
.proclass li{background: url(../images/blue-k.png) 3px top no-repeat;text-indent:35px;line-height:45px;}
.proclass li a{display:block;text-decoration:none;font-weight:bold; color:#01A3D1; font-size:15px}
.proclass .ulcss{border:0px solid #666; padding:5px; margin:0 3px;z-index:1020;width:auto}
.proclass li ul li{background:url(../images/BLUE-sign.jpg) 10px center no-repeat; text-indent:25px; border-bottom:1px double #5DAFC5; line-height:35px; height:35px; overflow:hidden}
.proclass li ul a{display:block;width:100%;font-weight:bold; color:#F1F5F0}
/* Table */
.tabbox{width:auto;margin:0 auto;overflow:hidden;}
.tabbox .tab{width:auto;height:38px;background: url(../images/TW3-3A.jpg) left bottom repeat-x;font-size:15px; font-weight:bold}
.tabbox .tab li{width:200px;border-bottom:0px solid #ccc;float:left;line-height:38px; height:38px;text-align:center;cursor:pointer; color:#01A3D1;}
.tabbox .tab li.active{background: url(../images/TW3-3B.png) left center repeat-x #01A3D1;color:#fff;}
.tabbox .tab_lst{width:auto;border:0px solid #ccc;margin-top:2px; overflow:hidden}
.tabbox .tab_lst li{display:none;}
.tab-right{position:relative; top:10px;right:2px; margin-left:270px;color:#01A3D1}
.tab-right a{color:#01A3D1}

/* scrollleft */
.bandemo{width:1000px;overflow:hidden; border:1px solid #01A3D1; height:320px; float:left}
.pro1_class{margin:5px auto;overflow:hidden;text-align:center; float:left;width:200px; height:320px; background:url(../images/bg-9.jpg) center top no-repeat; border-right:2px dotted #CCCCCC; padding:0 5px}
.pro1_class h2{font-size:15px; font-weight:bold; margin:10px auto; color:#01A3D1}
.pro1_class h2.font16{font-size:25px; color:#01A3D1}
.pro1_class img.pimg{width:190px; height:120px; border:1px solid #EAEAEA;margin:1px; padding:2px;}
.pro1_class dl{ margin:0 10px; border-top:0px solid #CCC}
.pro1_class dl dd{background:url(../images/sign1.jpg) 8px center no-repeat; text-indent:20px;line-height:28px; height:28px;text-align:left; border-bottom:1px dotted #ccc; font-size:12px}

.kehu{ float: left; width:650px;overflow:hidden; border:1px solid #DDDDDD}
.kehuright{ float: right; width:336px;overflow:hidden; margin-left:10px;border:1px solid #DDDDDD}
.ktitle{ background:url(../images/TW3-3A.jpg) left center repeat-x; height:38px; line-height:38px; text-align:left; padding-left:10px;}

.fixlefte{width:250px;height:220px;margin:10px auto;overflow:hidden;position: relative; z-index:999}
.fixleft{width:250px;height:220px;padding:0;margin:10px auto;overflow:hidden;position: relative;margin-top:20px}
.fixleft ul{width:auto;position:absolute;left:0px;}
.fixleft ul li{float:left;margin:0;width:230px;}
.fixleft img.pimg{width:210px; height:150px; margin:0 5px; padding:1px; border:1px solid #CCC}
.fixleft h2{font-size:12px;text-align:center; margin:20px auto;  }

.info_pic{margin:5px;overflow:hidden;}
.info_pic dl dt{overflow:hidden; text-align:left;float:left; margin-right:20px}
.info_pic dl dd{line-height:20px; margin:5px auto; text-align:left; font-size:14px}
.info_pic h2{color:#373737; font-size:15px;}
.info_pic img.pimg{width:200px; height:150px;padding:0 2px; margin:0 3px; border:0;}
.info_pic .info_line{ margin-top:10px; vertical-align:middle; padding:0;}

.link{margin:0 auto;line-height:18px; text-align:left; width:1002px; font-size:14px; padding:8px 0}
.link img{padding:0 2px; margin:0 3px; border:0; text-align:left; float:left}
.link h2{ padding-left:10px;}

.divtext{ margin:10px auto; padding:0 10px; line-height:25px; font-size:14px; text-align:left}
/* show_box */
.flexslider{position:relative;height:490px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:490px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;background:#fff;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#fc8f0f;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat; content:"<"}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

/*案例样式*/
.proelite{float:left; width:33%; text-align:center; margin:5px auto}
.proelite .pimg{width:235px; height:215px; margin:1px; padding:2px; border:1px solid #CCC}
.proelite .pimg1{width:235px; height:215px; margin:1px; padding:2px; border:1px solid #666}
.proelite h2{margin:5px auto; font-size:13px; font-weight:normal; color:#696969}
.proelite .divp{margin:5px auto; font-size:13px; font-weight:normal; line-height:18px}

.pro_page{float:left; width:33%; text-align:center; margin:5px auto}
.pro_page .pimg{width:84px; height:112px; margin:1px; padding:2px; border:1px solid #CCC}
.pro_page h2{margin:5px auto; font-size:13px; font-weight:normal}

.spanright{text-align:center; margin-right:10px; float:right; width:auto; color:#01A3D1;font-size:14px;}
.spanright a{color:#01A3D1; font-size:14px; display:inline}
.infokey{margin:5px 10px; text-align:left; overflow: hidden; padding-top:10px; border-top:1px dotted #CCCCCC}
.infokey li{font-size:15px;line-height:30px; height:30px; background:#F6F6F6 ;color:#333; margin:6px auto; padding-left:20px}

.propage{margin:5px auto; overflow:hidden; float:left; width:25%; text-align:center}
.propage img.dimg{width:180px; height:160px; border:1 solid #CCC; padding:1px; margin:1px;}
.propage h2{font-size:12px; padding:4px 0; text-align:center}
.propage .li1 {font-size:12px;line-height:23px;color:#373737; padding:3px 10px}
/*文章列表*/
.l_news{width:720px; margin:5px auto;text-align:left; clear:both}
.l_news_t{margin:0 auto;background:#F2F3F5; line-height:35px; height:35px}
.l_news_t h2{padding:0 10px;float:left;width:85%; color:#585858}
.info_page{margin:5px auto; text-align:left}
.info_page li{border-bottom:dotted 1px #cccccc;float:left;line-height:40px; height:40px; font-size:14px}
.info_page .info_t{width:83%;text-indent:25px; background:url(../images/sign11.jpg) 5px center no-repeat; clear:left}
.info_page .info_d{width:15%; text-align:right; padding-right:10px;}
.info_page .info_p{width:100%;text-indent:25px; background:url(../images/sign11.jpg) 5px center no-repeat; clear:left}
.newstitle{ font-size:16px;line-height:35px; font-weight:bold; color:#01A3D1;text-align:center; padding:10px 0}

.infoelite{ margin:0 auto; overflow:hidden; text-align:left; padding:5px 0;}
.infoelite li{line-height:30px; height:30px; background:url(../images/sign11.jpg) 5px center no-repeat; padding-left:20px;border-bottom:1px dotted #EAEAEA; font-size:14px}
.infoelite1{ margin:3px auto; overflow:hidden; text-align:left}
.infoelite1 li{line-height:28px; height:28px; background:url(../images/sign11.jpg) 5px center no-repeat; padding-left:20px;border-bottom:1px dotted #EAEAEA; float:left; width:45%; margin:0 5px; font-size:14px; overflow:hidden}

.info_class{margin:5px auto;}
.info_class li{border-bottom:1px dotted #CCC;float:left; line-height:23px; height:23px;}
.info_class li.info_lit{width:470px;text-indent:5px;}
.info_class li.info_lid{width:80px;}
.info_class li.info_lit1{width:440px;text-indent:5px;}
.info_class li.info_lid1{width:80px;}
.info_class .info_lip{width:20px;text-align:center; background:url(../images/news1.jpg) center no-repeat; color:#FFF; clear:left}
.info_class .info_lip1{width:20px;text-align:center; background:url(../images/news3.jpg) center no-repeat; color:#FFF; clear:left}
/*网站建设导航*/
.faceclass{margin:5px auto;width:33%; padding:0px;overflow:hidden; text-align:center; float:left;}
.faceclass h2{font-size:12px; font-weight:bold; margin-top:5px;}
.faceclass img.fimg{width:210px; height:150px; border:1px solid #CCC;margin:1px; padding:2px;}

.picelite{margin:1px auto; overflow:hidden; text-align:center}
.picelite .pimg{border:0px solid #CCC; margin:1px; padding:1px;}

.LI3 {font-size: 13px;line-height: 20px;}
.LI4 {font-size: 13px;line-height: 18px;}
.XX {font-size: 12px;color:#333333;line-height: 25px;}
.xx1 {font-size: 16px;font-weight: bold;color: #01A3D1;}
.Li6 {font-size: 12px;color:#FFFFFF;line-height: 18px;}
.LI7 {font-size: 19px;font-weight:bold;color:#222222;}
.LI8 {font-size: 12px;color:#696969;line-height: 18px;}
.LI9 {font-size: 10px;color:#333333;}
.li14{font-size: 16px;color:#333333;line-height: 18px;}
.bk {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid}
.gong {font-size: 13px;line-height: 22px;color: #FFFFFF;font-weight:bold;}
/* 客服 */
#Service{margin-top:0;height:auto;}
.im{position:fixed;width:185px; height:auto;top:130px;right:0px; left: auto; _position: absolute; background:#29a7e2;border-radius:6px 0px 0 6px;z-index:99999; padding:5px;}
.im_main {width:140px; float:left;border:1px solid #e3e3e3;background:#F7F7F7; border-radius:6px;margin-top:4px;font-size: 12px;}
.im_main .floatDtt{font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.im_main .floatDtxt{width:130px; overflow:hidden; line-height:20px; text-align: left; margin:0 5px}
.im_btn {float: left;width:40px;overflow: hidden; margin:0 auto;}
.imOut{position: fixed; width: 40px; height:auto; top:130px; right: 0px; left: auto; _position: absolute; background:#29a7e2;border-radius:6px 0px 0 6px;z-index:99999;}
.imOut img,.im_btn img{cursor: pointer; vertical-align:middle; text-align:center;}
.qqlist{margin:5px; overflow:hidden;padding:0px;}
.qqlist li{line-height:35px;height:35px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.qqlist li img { vertical-align: middle; padding-right:3px}
.toTop{width:20px;height:85px;background:#F6F6F6;border:1px solid #EAEAE;padding:10px;cursor:pointer;position:fixed;right:40px;bottom:50px;}

/*首页劣势内容代码*/
.ts-1 {border: none;
	height: 482px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1002px;
}

.ts-1-1 {
	background-image: url('../images/ag.png');
	border: none;
	height: 482px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1002px;
}

.ts-2 {
	border: none;
	height: 482px;
	position: relative;
	text-align: left;
	width: 1002px;
}

.ts-2-1 {
	border: none;
	height: 482px;
	left: 0px;
	line-height: 482px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 527px;
}

.ts-2-2 {
	border: none;
	height: 80px;
	left: 527px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 475px;
}

.ts-2-3 {
	border: none;
	height: 30px;
	left: 527px;
	line-height: 30px;
	padding: 0px;
	position: absolute;
	top: 111px;
	width: 475px;
	font-size: 22px;
	color:#2B2929;
}

.ts-2-4 {
	border: none;
	height: 63px;
	left: 550px;
	line-height: 63px;
	padding: 0px;
	position: absolute;
	top: 156px;
	width: 475px;
	font-size: 22px;
	color:#2B2929;
}

.ts-2-5 {
	border: none;
	height: 55px;
	left: 555px;
	line-height: 55px;
	padding: 0px;
	position: absolute;
	top: 219px;
	width: 475px;
	font-size: 22px;
	color:#2B2929;
}

.ts-2-6 {
	border: none;
	height: 35px;
	left: 555px;
	line-height: 35px;
	padding: 0px;
	position: absolute;
	top: 284px;
	width: 475px;
	font-size: 22px;
	color:#2B2929;
}

.ts-2-7 {
	border: none;
	height: 25px;
	left: 550px;
	line-height: 25px;
	padding: 0px;
	position: absolute;
	top: 349px;
	width: 475px;
	font-size: 22px;
	color:#2B2929;
}

.ts-2-8 {
	border: none;
	height: 76px;
	left: 527px;
	padding: 0px;
	position: absolute;
	top: 406px;
	width: 475px;
}

.ts-3 {
	border: none;
	height: 46px;
	margin-top: 15px;
	position: relative;
	text-align: left;
	width: 100%;
}

.ts-3-1 {
	border: none;
	height: 46px;
	left: 0.00%;
	line-height: 46px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 62.95%;
font-size: 18px;
	color:#686666;
}

.ts-3-2 {
	border: none;
	height: 46px;
	left: 62.95%;
	line-height: 46px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 37.05%;
}

.gen-1 {
	vertical-align: middle;
}

/*首页优势内容代码*/
.nmts-1 {
	border: none;
	height: 145px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1002px;
}

.nmts-1-1 {
	border: none;
	height: 145px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1002px;
}

.nmts-2 {
	border: none;
	height: 313px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1002px;
}

.nmts-2-1 {
	border: none;
	height: 313px;
	left: 115px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 502px;
	font-size: 20px;
	color:#01A3D1;
	line-height: 55px;
	
}

.nmts-2-2 {
	border: none;
	height: 313px;
	left: 502px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 500px;
}
.ntts-1 {
	border: none;
	height: 416px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1002px;
}

.ntts-1-1 {
	background-image: url('/images/Kp02.png');
	border: none;
	height: 416px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1002px;
}

.ntts-2 {
	border: none;
	height: 135px;
	position: relative;
	text-align: left;
	width: 1002px;
}

.ntts-2-1 {
	border: none;
	height: 135px;
	left: 0px;
	line-height: 135px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 540px;
}

.ntts-2-2 {
	border: none;
	height: 135px;
	left: 540px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 462px;
	font-size: 20px;
	color:#01A3D1;
	line-height: 55px;
}
.bbts-1 {
	border: none;
	height: 389px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1002px;
}

.bbts-1-1 {
	background-image: url('/images/Kp03.png');
	border: none;
	height: 389px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1002px;
}

.bbts-2 {
	border: none;
	height: 108px;
	position: relative;
	text-align: left;
	width: 1002px;
}

.bbts-2-1 {
	border: none;
	height: 108px;
	left: 125px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 597px;
	font-size: 20px;
	color:#01A3D1;
	line-height: 55px;
}

.bbts-2-2 {
	border: none;
	height: 108px;
	left: 597px;
	line-height: 108px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 405px;
}
.vbts-1 {
	border: none;
	height: 376px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 1040px;
}

.vbts-1-1 {
	background-image: url('/images/Kp04.png');
	border: none;
	height: 376px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1040px;
}

.vbts-2 {
	border: none;
	height: 108px;
	position: relative;
	text-align: left;
	width: 1040px;
}

.vbts-2-1 {
	border: none;
	height: 108px;
	left: 0px;
	line-height: 108px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 550px;
}

.vbts-2-2 {
	border: none;
	height: 108px;
	left: 550px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 490px;
		font-size: 20px;
	color:#01A3D1;
	line-height: 55px;
}