@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("../images/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 .navbar {margin: 0 auto;width: 1000px;}
.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("../images/banner.jpg") no-repeat scroll center center #5AA3D0;height: 356px;width: 100%;}
.banner .slogan {margin: 0 auto;width: 590px;color:#FFF;padding:70px 0 0 500px;}
.banner h2 {font-size: 30px;font-weight: normal;}
.banner .l1 {padding:20px 0 10px 30px;}
.banner .l2 {padding:10px 0 10px 80px;font-size: 28px;}
.banner .l3 {padding:10px 0 10px 100px;font-size: 28px;}

.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("../images/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("../images/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 .webw dl {background-position: 0 -770px;}
.index .web 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("../images/arrow.gif") no-repeat scroll 10px 6px;padding-left: 25px;}

.index .why {float: left;margin: 10px 0;}
.index .why a {float: left;background: url("../images/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("../images/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 h2 {font-size: 30px;font-weight: normal;padding-top: 30px;}
.ban .tit h3 {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 h2 {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("../images/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("../images/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: 24px;line-height: 24px;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("../images/tit_bg.gif") repeat-x scroll 0 0;clear: both;height: 72px;margin: 15px 0;overflow: hidden;width: 100%;}
.good .tit span {background: url("../images/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("../images/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("../images/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 .bg {background: url("../images/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("../images/icon05.jpg") no-repeat scroll 0 0;float: left;height: 120px;padding: 0 20px 20px 110px;width: 370px;}
.goodness ul li h5 {color: #195383;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: 50px;margin-top: 20px;min-width: 1000px;width: 100%;clear: both;}
.footernav {margin: 0 auto;width: 980px;height: 50px;text-align:center; }
.footernav a {float: left;border-right: 0px solid #23466B;color: #CECECE;font-size: 16px;line-height: 50px;padding: 0 20px;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;padding:5px 0;}
.footer a {color: #999999;line-height:2em;}
.footer a:hover {color: #F59F18;}
.footer .flink {margin: 0 auto;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;}


.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{
padding:8px 12px;
border:1px #CCCCCC solid;
margin-right:4px;
cursor:pointer;
}
.page .current{
border:1px #195383 solid;
background:#195383;
font-weight:bold;
color:#FFF;
}
.page  a:hover{
border:1px #195383 solid;
text-decoration:none;
}




.viewcontent {border-left: 2px solid #DDDFE1;float: right;line-height: 2em;min-height: 500px;padding: 20px 0 30px 20px;width: 738px;}
.detail{padding:0 26px;}
.detail h1{ color:#0A315A; text-align:center; font-size:24px; margin-top:16px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p,.about p{ text-indent:24px;padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; }
.dow b{ color:#0A315A;}
.dow p{ text-indent:0;font-size:12px;}

.mod_customer_service{position:fixed;_position:absolute;top:40%;right:-1px;z-index:999999;}.mod_customer_service .sevice_btn{width:68px;height:92px;overflow:hidden;background-image:url("../images/sprite.png");background-position:-660px 0;display:block;}.mod_customer_service .sevice_btn:hover{background-image:url("../images/sprite.png");background-position:-660px -100px;}.mod_customer_service .sevice_board{position:relative;width:80px;height:187px;padding:12px 0 0 10px;background-image:url("../images/sprite.png");background-position:-660px -200px;}.mod_customer_service .sevice_board .sevice_btn_back{position:absolute;width:125px;height:22px;bottom:0;left:0;}.mod_customer_service .sevice_board .pre_sales{margin-bottom:20px;}.mod_customer_service .sevice_board h4{font-size:14px;font-weight:normal;margin-bottom:10px;}.mod_customer_service .sevice_board li{line-height:25px;}.mod_customer_service .sevice_board li .link{padding-left:15px;position:relative;}.mod_customer_service .sevice_board li .ico{position:absolute;top:0;left:0;width:13px;height:12px;}.mod_customer_service .sevice_board li .ico_qq{background-image:url("../images/sprite1.png");background-position:-100px -360px;}.mod_customer_service .sevice_board li .ico_sheet{background-image:url("../images/sprite1.png");background-position:-140px -360px;}.mod_customer_service .sevice_board li .ico_person{background-image:url("../images/sprite1.png");background-position:-120px -360px;}.mod_customer_service .sevice_board li a{color:#328CE5;font-size:12px;}