@charset "utf-8";


/*com*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:13px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#1064a6;text-decoration:none;}
a:active {color:#1064a6;text-decoration:none;}
.hidden{ display:none}
i{ font-style:normal}

body{margin:0px; padding:0px;font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#333; background: #646b71;line-height: 200%;}
body{ background-color:#fff; color:#333; line-height:200%}
body,input,th,td{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;
font-size: 13px;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

.layout:after{content:'\20';display:block;height:0;clear:both;}
.layout{*zoom:1;}
.clear{clear:both;}
.cl, .clearfix {
zoom: 1;
}
.box {
width: 100%;
float: left;
margin: 0 auto;
}



/*head*/
.top_bg{height:30px; background-color:#ffffff;border-bottom:1px solid #C5BEBE;margin-top: -30px;}
.top_left{ width:570px; float:left; text-align:left; height:30px; line-height:30px; font-family: "幼圆"; font-size: 14px; color: #000;}
.top_center{ width:1100px; height:30px; line-height:30px; margin:0 auto; color:#CCC; overflow:hidden;}
.top_center .top_link{ float:right; height:30px; line-height:30px; text-align:right; font-family: "幼圆";  font-size: 14px;  color: #000;}

/*.top_center .top_link a{ color:#ddd; padding:0;}
.top_center .top_link a img{ height:26px; margin-top:2px;}
.top_center .top_link a:hover{ color:#fa0669}
*/



.topWrapper{height: 110px;padding:3px 0; width:100%;background: #fff;position:relative;z-index:40;text-align:center;background: url(/images/c4.jpg);background-position: 47%;}
/*.topHeader{width:1020px;margin:0 auto;padding: 10px 0;height: 80px; display:inline-block;text-align:left;}
.topLogo{display:inline-block;float:left;margin:1px 0 0 0;}
.topLogo img{height: 70px;}
.topNav{float: left;
height: 43px;
line-height: 43px;
padding: 0 0 0 30px;}
.topNav b{font-size: 16px;}
.topNav b em{font-style: italic;
color: #AC0707;
padding: 0 8px;
font-size: 20px;}
*/



.wp{ width: 1020px; margin-left:auto; margin-right:auto;text-align:left}
.navWrapper{ height: 45px; line-height: 45px; background-color: rgb(8, 111, 223); position: relative; background: url(/images/nav_bg1.jpg); border-bottom: 3px solid #0E7AA3;}
	.header{ position:relative}
	.mainnav{ position:relative;}
	.mainnav li,.mainnav li a{height: 45px;line-height: 45px;}/*导航条高度*/
	.mainnav li{float:left;display:inline;color:#fff;font-size:14px; position:relative; z-index:99999;}/*设置字体*/
	.mainnav li a{display:inline-block;padding: 0 10px;color:#fff;/* color: #000; */font-size: 18px;background: url(/images/c51.jpg) no-repeat;background-position: 0px -5px;}/*链接颜色*/
	.mainnav li a:hover{ color: #3283BB; /* text-decoration:underline */ background: url(/images/nav_bg2.jpg);}
	.mainnav li.active a{color: #4b8ab6;text-decoration:none; font-weight:bold; background-color: rgb(242, 245, 247);}/*当前颜色*/
	.mainnav li.navon a{color: #4b8ab6;text-decoration:none;  background-color: rgb(242, 245, 247);}
#index .mainnav li.inde1 a,#index1 .mainnav li.inde2 a,#index2 .mainnav li.inde3 a,#index3 .mainnav li.inde4 a,#server .mainnav li.inde5 a,#zz  .mainnav li.inde6 a,#team  .mainnav li.inde7 a,#case .mainnav li.inde8 a,#news .mainnav li.inde9 a,#lianxi .mainnav li.inde10 a{
color: #4b8ab6;
text-decoration: none;
font-weight: bold;
background: url(/images/nav_bg2.jpg);
}
.headul{position: absolute;left: 0px;display:none;background: rgb(239, 251, 255) !important;top: 46px;width: 135px;z-index: 200;}
.headul li{float:none !important;/* width:100%; *//* text-align: center; */padding-left: 10px; line-height: 30px !important;height:30px !important;}
.headul li a{ color:#7f7f7f;width: 135px; padding:0 !important; background:none !important; font-size:12px !important;line-height: 20px !important;height:20px !important;}
.banner{width:100%;background: url(/images/xixibg.jpg) no-repeat center 200px;height:320px;margin-top:10px;}

.ban{background:url(/images/ban.jpg) no-repeat;width:1003px;height:250px;margin:0 auto;}
#about .ban{background:url(/images/about.jpg) no-repeat;}
#server .ban{background:url(/images/server.jpg) no-repeat;}
#soft .ban{background:url(/images/soft.jpg) no-repeat;}
#lianxi .ban{background:url(/images/lianxi.jpg) no-repeat;}
#news .ban{background:url(/images/news.jpg) no-repeat;}
#team .ban{background:url(/images/team.jpg) no-repeat;}

#zz .ban{background:url(/images/zz.jpg) no-repeat;}
#case .ban{background:url(/images/case.jpg) no-repeat;}
#pingjia .ban{background:url(/images/pingjia.jpg) no-repeat;}
#qianyue .ban{background:url(/images/qianyue.jpg) no-repeat;}

#index1 .ban{background:url(/images/bang1.jpg) no-repeat;}
#index2 .ban{background:url(/images/bang2.jpg) no-repeat;}
#index3 .ban{background:url(/images/bang3.jpg) no-repeat;}
#index4 .ban{background:url(/images/bang4.jpg) no-repeat;}
#index5 .ban{background:url(/images/bang5.jpg) no-repeat;}
#index6 .ban{background:url(/images/bang6.jpg) no-repeat;}

#server3 .ban {background: url(/images/server3.jpg) no-repeat;}
#server4 .ban {background: url(/images/server4.jpg) no-repeat;}
#server5 .ban {background: url(/images/server5.jpg) no-repeat;}





/*index-banner*/
.headerWrapper {
height: 410px;
z-index: 1;
width: 100%;
overflow: hidden;
margin: 0 auto;
position: relative;
}
.zhifub{height:534px;position: relative;}
.zfb_datu_ul{height: 410px;position:relative;width: 100%;margin: 0 auto;}
.zfb_datu_ul li{height: 410px;position:absolute;bottom: 0;left: 0px;z-index:10;width: 100%;background-size: cover;}
.datu_li1{background:url(/images/bannera.jpg) no-repeat scroll center top transparent;height: 534px; cursor: pointer;}
.datu_li2{background:url(/images/bannerb.jpg) no-repeat scroll center top transparent;height: 534px; cursor: pointer;}
.datu_li3{background:url(/images/bannerc.jpg) no-repeat scroll center top transparent;height: 534px; cursor: pointer;}
.datu_li4{background:url(/images/bannerd.jpg) no-repeat scroll center top transparent;height: 534px; cursor: pointer;}
.btn {position: absolute;z-index: 7;bottom: 0px;z-index: 50;right: 5%;}
.btn span {background: url(/images/ban_ico02.gif) no-repeat;display: block;height: 14px;width: 14px;z-index: 50;cursor: pointer;display: inline-block;margin-left: 10px;}
.btn span.cur {background: url(/images/ban_ico01.gif) no-repeat;height: 14px;width: 14px;}



/*foot*/

.banquan {width: 100%;background: #000;padding-top: 10px;margin-top: 20px;}
.banquan_zi {width: 1003px;line-height: 40px;font-size: 14px;text-align: center;color: #fff;margin: 0 auto;}
.banquan_zi a{color: #7f7f7f;}
.fatop a.footer_back_link{ width: 50px;background: url("/images/backtop.png") no-repeat;
height: 50px;overflow: hidden; cursor: pointer;display: none;z-index: 2100;
position: fixed;_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||70)-(parseInt(this.currentStyle.marginBottom,10)||0)));
right: 5px;bottom: 130px;}


/*foot-客服*/
#ritalk1{display: block;
position: fixed;
right: 10px;
width: 168px;
top: 455px;
cursor: pointer;
_position: absolute;
z-index: 20;
}
#ritalk{display: block;
float: right;
padding: 20px 5px 5px;
cursor: pointer;
z-index: 40;
width:125px;border:2px solid rgb(255, 169, 40);border-radius:5px;background:#fff;}

#ritalk h2{background:rgb(255, 169, 40);border-radius:3px;padding:5px;text-align: center;width: 115px;float: left;}
#ritalk .ritalkbox{margin: 10px 0 15px 0;width: 115px;padding:0 5px;line-height: 25px;float: left;}
.ritalkbox span{color:red;font-weight:700;}
.ritalkbox li{float:left;width:100%;margin-bottom: 5px;line-height: 25px;}
.ritalkbox li img{float:left;height: 20px;width: 20px;margin: 0 8px;}
.ritalkbox li font{margin-top: -4px;float:left;font-size: 14px;}



/*---foot-左侧导航--*/
#shortcut-box {display: block;position: fixed;right: 50%;
margin-right: 525px;
width: 82px;top: 455px;cursor: pointer;
_position: absolute;z-index: 20;
background: #fff url(/images/tizi.png) repeat-y 5px 0;
}

#shortcut-box a {position: relative;
height: 32px;width: 80px;border: 1px solid #ddd;
margin-top: 5px;text-align: center;line-height: 34px;background: #fff;
font-size: 12px;color: #090808;text-decoration: none;}
#shortcut-box a:hover{background:#FF8F00;}
#shortcut-box a:hover span{color:#fff;}
.g-ib {display: inline-block;}
#shortcut-box .indexnew {height: 24px;margin-top: 0;
line-height: 24px;background-image: none;text-align: center;background-color: #f7f7f7;}
#shortcut-box .indexnew .text {margin-left: 0;}
#shortcut-box .tip{top: 0px;height: 50px;margin-top: 0;border: none;margin-left: -10px;margin-bottom: -2px;float: left;}







/*---------------------main-------------------------*/

.mainbox {
width: 1023px;
margin: 0 auto;
overflow: hidden;
background: #ecf0f0;
padding: 0 20px;
}
.ser {
width: 1003px;
margin: 30px auto;
overflow: hidden;
background: url(/images/line01.gif) no-repeat 0 bottom;
padding: 20px 0 30px;
}

.redbold 
{
color:#FF0000;
font-weight:bold;
}