@charset "utf-8";

body {font-family: "Microsoft YaHei","Arial";font-size: 14px;color: #333;}
* {padding:0; margin:0;}
ul,li {list-style:none; } 
a {color:#333;text-decoration:none;}
a:hover {color:#FF6D00;text-decoration:none;}
img {border:0}

.header {height: 107px;width: 100%;}
.top {margin: 0 auto;width: 980px;}
.logo {background: url("/imgs/line.jpg") no-repeat scroll right center;float: left;margin-top: 20px;padding-right:18px;}
.top h1 {float: left;font-size: 20px;font-weight: normal;margin-top: 40px;padding-left: 18px;}
.tell {float: right;line-height: 107px;}
.tell span {color: #FC6C02;font-size: 32px;}
.tell i {float: left;color: #676565;font-size: 18px;font-style: normal;}

/*.nav {background-color: #0A315A;height: 43px;min-width: 1000px;width: 100%;}*/
.nav {background-color: #000000;height: 43px;min-width: 1000px;width: 100%;}
.nav .navbar {margin: 0 auto;width: 980px;}
.navbar a {float: left;color: #FFFFFF;display: block;line-height: 43px;padding: 0 29px;font-size:18px;}
.navbar a.on {background-color: #FF8500;}
.navbar a:hover {background-color: #195383;}
.banner {background: url("/imgs/banner.jpg") no-repeat scroll center center #5AA3D0;height: 356px;width: 100%;}
.banner .slogan {margin: 0 auto;width: 480px;color:#FFF;padding:70px 0 0 500px;}
.banner h1 {padding:20px 0;}
.banner h1.l2 {padding-left:40px;}

.success {background-color: #E8E8E8;clear: both;height: 73px;min-width: 1000px;width: 100%;}
.success ul {margin: 0 auto;width: 980px;}
.success ul li {color: #4E4C4D;float: left;width:245px;text-align: center;}
.success ul li h5 {background: url("/imgs/success.gif") no-repeat scroll 0 0;font-size: 24px;font-weight: normal;line-height: 21px;padding: 15px 0 5px;}
.success ul li h5.good01 {background-position: 60px 12px;}
.success ul li h5.good02 {background-position: 40px -112px;}
.success ul li h5.good03 {background-position: 60px -236px;}
.success ul li h5.good04 {background-position: 40px -360px;}
.success ul li p {color: #4E4D4D;font-size: 16px;}

.index {margin: 0 auto;width: 980px;padding-top:10px;}
.index h1 {border-bottom: 1px solid #E3E3E3;padding: 10px 8px;}
.index ul.service {float: left;margin-bottom: 20px;}
.index ul.service li {border-bottom: 1px solid #E3E3E3;border-right: 1px solid #E3E3E3;float: left;overflow: hidden;padding: 10px;width: 306px;}
.index ul.service li.last {border-right: none;}
.index ul.service li b {color: #222222;float: left;padding: 5px 0;width: 100%;}
.index ul.service li b i {background-color: #FF6D00;float: left;height: 15px;margin: 2px 0;width: 5px;}
.index ul.service li h2 {float: left;font-size: 15px;padding-left: 8px;}
.index dl {background: url("/imgs/item.jpg") no-repeat scroll 0 0;float: left;height: 110px;margin: 5px 0;width: 100%;}
.index dt {float: right;line-height: 2em;padding-top: 10px;width: 140px;}
.index .desktop dl {background-position: 0 0;}
.index .server dl {background-position: 0 -110px;}
.index .network dl {background-position: 0 -220px;}
.index .office dl {background-position: 0 -330px;}
.index .website dl {background-position: 0 -440px;}
.index .monitor dl {background-position: 0 -550px;}
.index .wifi dl {background-position: 0 -660px;}
.index .anquan dl {background-position: 0 -770px;}
.index .xitong dl {background-position: 0 -880px;}

.index .tech {float: left;margin: 10px 0 20px;}
.index .tech>ul>li {float:left;margin-left:10px;}
.index .tech > ul > li > ul > li {border-bottom: 1px dotted #EEEEEE;height: 34px;line-height: 34px;width: 315px;overflow: hidden;}
.index .tech > ul > li > ul > li a {background: url("/imgs/arrow.gif") no-repeat scroll 10px 6px;padding-left: 25px;}

.index .why {float: left;margin: 10px 0;}
.index .why a {float: left;background: url("/imgs/icon02.gif") no-repeat scroll 0 0 #F1F1F1;margin-right: 8px;padding: 110px 10px 25px;width: 217px;border:1px solid #E1E1E1}
.index .why a:hover {background: url("/imgs/icon03.gif") no-repeat scroll 0 0 #FBB244;}
.index .why a.a1{background-position: 80px 20px;}
.index .why a.a2 {background-position: 80px -217px;}
.index .why a.a3 {background-position: 80px -565px;}
.index .why a.a4 {background-position: 80px -907px;margin-right: 0;}
.index .why a h2 {font-size: 24px;font-weight: normal;text-align:center;}
.index .why a:hover h2 {color: #FFFFFF;}
.index .why a p {line-height: 1.5em;padding-top: 10px;}
.index .why a:hover p {color: #FFFFFF;}

.main {margin: 0 auto;width: 980px;}
.ban {height: 165px;margin-top: 1px;}
.ban .tit {background-color: #0A315A;color: #FFFFFF;float: left;height: 165px;text-align: right;width: 290px;padding-right:20px;}
.ban .tit h1 {font-size: 30px;font-weight: normal;padding-top: 30px;}
.ban .tit h2 {font-size: 26px;font-weight: normal;text-transform: uppercase;}
.ban p {border-top: 1px solid #23466B;line-height: 20px;margin-top: 8px;padding-top: 3px;}
.ban .img {float: left;}

.title { margin-top:10px;}
.title i {background-color: #195383;float: left;height: 35px;margin-top: 10px;width: 5px;}
.title h1 {border-bottom: 2px solid #DDDFE1;color: #195383;font-size: 28px;font-weight: normal;line-height: 54px;padding-left: 20px;}
.main .left {float: left;margin-top: 20px;overflow: hidden;width: 210px;}
.left h2 {background: url("/imgs/arrow.gif") no-repeat scroll 20px 12px #F5F5F5;font-size: 14px;font-weight: normal;line-height: 32px;margin-bottom: 1px;padding-left: 35px;}
.left .on h2, .left a:hover h2 {background: url("/imgs/arrow02.gif") no-repeat scroll 20px 12px #195383;color: #FFF;}

.content {border-left: 2px solid #DDDFE1;float: right;line-height: 2em;min-height: 500px;padding: 20px 0 30px 20px;width: 738px;}
.content p {margin: 1em 0;text-indent: 2em;}
.content h2 {border-bottom: 1px solid #DEDFE1;clear: both;font-size: 18px;font-weight: bold;margin-bottom: 10px;padding-bottom: 6px;}
.content h3 {clear: both;font-size: 16px;margin: 15px 0 5px;}
.content table {border-collapse: collapse !important;border-spacing: 0 !important;}
.content .table td {border: 1px solid #D8D8D8;font-size: 14px;height: 40px;text-align: center;}
.content li {float: left;padding: 0 10px;width:159px;text-align: center;}
.content span {display:block;margin:10px 0 5px;}
.content li img {border: 1px solid #CBCBCB;}

.main .tech {border-left: 2px solid #DDDFE1;float: right;line-height: 2em;min-height: 700px;padding: 20px 0 30px 20px;width: 738px;}
.main .tech li {float:left;border-bottom: 1px dashed #DFDFDF;padding: 20px 0;width: 100%;}
.main .tech img {float: left; margin-right: 18px;height:115px;width:172px;}
.main .tech h3 {color: #195383;font-size: 20px;font-weight: normal;}
.main .tech h3 a {color: #195383;}
.main .tech h3 a:hover {color: #ED6D00;}
.main .tech p {float:right; width:548px;margin-top: 5px;}
.page {float:left;margin: 30px 0 10px;text-align: center;width:100%}
.page a {border: 1px solid #CCCCCC;display: inline-block;height: 34px;line-height: 34px;margin: 0 2px;padding: 0 13px;}
.page a:hover {border: 1px solid #195383;}
.page a.on {background-color: #195383;border: 1px solid #195383;color: #FFFFFF;font-weight: bold;}

.good h2 {text-align: center;color: #F8440F;font-size: 42px;font-weight: normal; margin:20px 0 10px;}
.good .tit {background: url("/imgs/tit_bg.gif") repeat-x scroll 0 0;clear: both;height: 72px;margin: 15px 0;overflow: hidden;width: 100%;}
.good .tit span {background: url("/imgs/tit_blue02.gif") no-repeat scroll 0 0;color: #FFFFFF;float: left;font-size: 30px;height: 72px;line-height: 72px;text-align: center;width: 146px;}
.good .tit h3 {font-size: 30px;font-weight: normal;line-height: 72px;text-align:center;}
.good ul {overflow: hidden;padding: 10px 0 0;margin-right: -20px;}
.good li {background-color: #4E96D4;border-radius: 5px 5px 5px 5px;color: #FFFFFF;float: left;margin: 0 20px 20px 0;padding: 10px 25px 15px;width: 430px;height: 92px;}
.good li h5 {font-size: 24px;font-weight: normal;}
.good li p {font-size: 16px;line-height: 28px;margin:5px 0 0;}

.goodness .tit {background: url("/imgs/tit_bg.gif") repeat-x scroll 0 0;clear: both;height: 72px;margin: 10px 0 25px;overflow: hidden;width: 100%;}
.goodness .tit span {background: url("/imgs/tit_blue.gif") no-repeat scroll 0 0;color: #FFFFFF;float: right;font-size: 30px;height: 72px;line-height: 72px;text-align: center;width: 146px;}
.goodness .tit h3 {font-size: 30px;font-weight: normal;line-height: 72px;text-align:center;}
.goodness .team {overflow: hidden;padding: 0 0 20px;}
.goodness .team .word {float: left;padding: 30px 0 0;}
.goodness .team .word p {color: #424141;font-size: 22px;line-height:40px;}
.goodness .team .word h1 {background: url("/imgs/team_bg.gif") no-repeat scroll 0 0;color: #FFFFFF;font-size: 45px;height: 65px;letter-spacing: 7px;line-height: 65px;padding: 0 0 0 20px;width: 432px;}
.goodness .team .img {float: right;}
.goodness .mark {border: 4px solid #55ACF9;font-size: 28px;height: 75px;line-height: 70px;margin: 10px 0 30px;text-align: center;}
.goodness ul {overflow: hidden;padding: 15px 0 0;margin-right: -20px;}
.goodness ul li {background: url("/imgs/icon05.jpg") no-repeat scroll 0 0;float: left;height: 120px;padding: 0 20px 20px 110px;width: 370px;}
.goodness ul li h5 {color: #1580DD;font-size: 20px;}
.goodness ul li p {color: #494949;font-size: 16px;line-height:28px;}
.goodness ul li.right {float: right;padding-right: 0;}
.goodness ul li.num01 {background-position: 0 0;}
.goodness ul li.num02 {background-position: 0 -448px;}
.goodness ul li.num03 {background-position: 0 -140px;}
.goodness ul li.num04 {background-position: 0 -593px;}
.goodness ul li.num05 {background-position: 0 -283px;}
.goodness ul li.num06 {background-position: 0 -740px;}

.footnav {background-color: #062E56;border-bottom: 1px solid #23466B;height: 43px;margin-top: 20px;min-width: 1000px;width: 100%;clear: both;}
.footernav {margin: 0 auto;width: 979px;height: 43px;border-left: 1px solid #23466B;}
.footernav a {float: left;border-right: 1px solid #23466B;color: #CECECE;font-size: 16px;line-height: 43px;padding: 0 12px;display:block;}
.footernav a:hover {background-color: #195383;}
.footer {background-color: #062E56;min-width: 1000px;width: 100%;color: #999999;font-size:12px;clear: both;}
.footer .service {margin: 0 auto;width: 980px;padding:5px 0;}
.footer a {color: #999999;line-height:2em;}
.footer a:hover {color: #F59F18;}
.footer .flink {margin: 0 auto;width: 980px;padding:5px 0;}
.foottext {background-color: #000000;min-width: 1000px;width: 100%;font-size:12px;clear: both;}
.foottext .copyright {margin: 0 auto;width: 980px;color: #999;padding: 15px 0;}


.showcase {
	OVERFLOW: hidden; WIDTH: 961px; HEIGHT: 40px; padding-top:10px; font-size:18px; color:#8B8B8B; line-height:30px;
}
.showcase SPAN {
	color:#ff0000;font-weight:bold;font-size:24px;
}
.showcase_txt {
	PADDING-LEFT: 6px; MARGIN-BOTTOM: 15px; WIDTH: 955px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.showcase_txt SPAN {
	PADDING-RIGHT: 25px; BACKGROUND: url(/imgs/index_106.gif) no-repeat right 1px; FLOAT: right; MARGIN-RIGHT: 20px; HEIGHT: 20px
}
.showcase_bottom {
	MARGIN-BOTTOM: 13px; OVERFLOW: hidden; WIDTH: 961px; HEIGHT: 255px
}
.case_one {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 230px; PADDING-TOP: 0px; HEIGHT: 255px
}
.case_one DL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(/imgs/index02_33.gif) no-repeat 0px 0px; PADDING-BOTTOM: 16px; OVERFLOW: hidden; WIDTH: 220px; PADDING-TOP: 5px; HEIGHT: 234px
}
.case_one DL DT {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 220px; HEIGHT: 120px
}
.case_one DL DD {
	PADDING-LEFT: 7px; WIDTH: 213px
}
.case_one DL DD.name {
	FONT-WEIGHT: bold; COLOR: #666666; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.case_one DL DD.name A {
	COLOR: #666
}
.case_one DL DD.name A:hover {
	COLOR: #32abe1
}
.case_one DL DD.time {
	FONT-SIZE: 11px; COLOR: #afafaf; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 18px
}
.case_one DL DD.text {
	OVERFLOW: hidden;PADDING-TOP: 20px;LINE-HEIGHT: 21px; HEIGHT: 66px
}
.scopelm {
	WIDTH: 980px; HEIGHT: 33px;PADDING-bottom: 15px;BACKGROUND: url(/imgs/scope.jpg) no-repeat 0px 0px;
}

.wlink {
	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; WIDTH: 973px; PADDING-TOP: 15px; BORDER-BOTTOM: #e4e4e4 1px solid
}
.wlink UL {
	DISPLAY: inline; FLOAT: left; PADDING-bottom: 6px; 
}
.wlink UL LI {
	FLOAT: left; MARGIN-RIGHT: 3px;PADDING-top: 2px; WIDTH: 116px;BORDER: #e4e4e4 1px solid;TEXT-ALIGN: center;
}