html, body {
    height: 100%;
	margin: 0;
    padding: 0;
}

body {
  font: 12px/1.5 'Microsoft Yahei','Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;  min-width: 1000px;
}
ul,li{
list-style:none;
margin:0px;
padding:0px;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-size:12px; font-style:normal; font-weight:normal; line-height:18px;}

img{
border:medium none;
vertical-align:bottom;
}
a:link {
    text-decoration: none;
    color: #444444;
}

a:visited {
 text-decoration: none;
    color: #333333;
}

a:hover {
 text-decoration: none;
    color: #000000;
}

a:active {
 text-decoration: none;
    color: #000000;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;
}
.hei_se{ color:#434343;}
.hei_se a{ color:#434343;}
.hei_se a:hover{ color:#BF2727;}
.hui_se{ color:#777777;}
.hui_se a{ color:#777777;}
.hui_se a:hover{ color:#E88118;}
.hong_se{ color:#B90101;}
.hong_se a{ color:#B90101;}
.hong_se a:hover{ color:#E88118;}
.qian_hui_se{ color:#C8C8C8;}
.qian_hui_se a{ color:#C8C8C8;}
.qian_hui_se a:hover{color:#E88118;}
.clear{ clear:both; border:0px; padding:0px; margin:0px;}
div#header #logo a {
    background: url("../Images/logo.png") no-repeat scroll -7px 3px transparent;


    display: block;
    height: 80px;
    position: absolute;
    text-indent: -9999px;
    top: 0px;
    width: 250px;
}

#logo {
    height: 80px;
    position: relative;
	margin-top:10px;
	 width: 220px;
	  display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#header {
    background-color: #333333;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4) inset;
    height: 95px;
}
.head{
margin:0 auto;
    width: 1000px;
}
.head:before, .head:after{
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0px;
    line-height: 0;
    width: 0px;
    height: 0px;
}
.head:after{
    clear: both;
}
input#Search_Input:focus {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
    color: #000000;
}

#Search_Input {
    border: medium none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
    color: #777777;
    float: left;
    font-size: 14px;
    height: 20px;
    padding: 5px 10px;
    position: relative;
    width: 170px;
    font: 13px/1.5 'Microsoft Yahei','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}

#Search_Button {
    background: url("../Images/button_search.png") no-repeat scroll 0px 0px #EC7322;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 30px;
    padding: 0px;
    position: relative;
    width: 30px;
}

#Search_Button:active {
    background: url("../Images/button_search_click.png") no-repeat scroll 7px 6px #EC7322;
}
.tops {
	float:left;
	width:760px;
}

.search {
	float:right;
	width:220px;
	margin-right:30px;
	display:inline;
	margin-top:20px;
}


.met-nav{
width:760px;
float:left;
height:35px;
margin-top:5px;
}
.met-nav li{ 
float:left; 
height:35px; 
line-height:35px;
text-align:center; 
position:relative; 
z-index:999;
width:104px;
margin-left:3px;
display:inline;}

.met-nav li a.nav{ color:#fcfcfc; display:block; font-size:16px;}
.met-nav li.hover a.nav{ background:#EC7322 !important;}
#page .met-nav li#nav24 a.nav{
background:#EC7322 !important;
}
#home  .met-nav li#nav_10001 a.nav{ color:#fcfcfc; display:block; font-size:16px; /*text-shadow: 0px 1px 0 #000;*/}
#home  .met-nav li#nav_10001.hover a.nav{ color:#FFFFFF;
 background: url("../Images/ico_home.png") no-repeat scroll 10px 6px transparent;
 padding-left:10px;}
.met-nav li dl{ display:none; position:absolute; top:35px; left:0px; z-index:999; width:267px; *width:272px; border:1px solid #565656; border-top:0; background:#fbfbfb; text-align:left; padding:0px 8px;  zoom:1;}
.met-nav li dl dd{ padding:3px 12px 3px 10px; overflow:hidden; border-bottom:1px dashed #ccc; clear:both;  zoom:1;}
.met-nav li dl dd.dc{ border-bottom:0;}
.met-nav li dl dd span.m2{ float:left; color:#d70808; font-size:14px; font-weight:bold; width:60px; padding-right:7px; }
.met-nav li dl dd p{ float:left; border-left:1px dashed #ccc; width:167px; *width:172px; line-height:2.2; padding:5px 0px 5px 8px; margin:6px 0px; word-wrap: break-word; overflow:hidden; zoom:1;}
.met-nav li dl dd p span{ float:left; display:inline;}
.met-nav li dl dd em{ font-style: normal; color:#ccc; padding:0px 8px; display:inline;}
.met-nav li dl dd p a{ color:#333; white-space:nowrap;}
.met-nav li dl dd p a:hover{ text-decoration:underline;}
.met-nav li dl dd a.cred{ color:#f00; text-decoration:underline;}
/*#nav_10001{
background:#EC7322 !important;
}*/
#home .index_bg{
background: url("../Images/ico_home.png") no-repeat scroll 10px 6px #EC7322 !important;
}
.index_bg{background: url("../Images/ico_home.png") no-repeat scroll 10px 6px;
}
#about .about_bg{
background:#EC7322 !important;
}

#case .case_bg{
background:#EC7322 !important;
}

#server .server_bg{
background:#EC7322 !important;
}
#seo .seo_bg{
background:#EC7322 !important;
}
#sou .sou_bg{
background:#EC7322 !important;
}

#home .index_bg{
background: url("../Images/ico_home.png") no-repeat scroll 10px 6px #EC7322 !important;
}
#home .index_bg{
background: url("../Images/ico_home.png") no-repeat scroll 10px 6px #EC7322 !important;
}
#home .index_bg{
background: url("../Images/ico_home.png") no-repeat scroll 10px 6px #EC7322 !important;
}
 .met-nav li a 
 {
}
.met-nav li a:hover{
/*background:#EC7322 !important;*/}
#header .met-nav li#nav_10001 a{
color:#FFFFFF;
 background: url("../Images/ico_home.png") no-repeat scroll 10px 6px transparent;
 padding-left:10px;
 }
 #header .met-nav li#nav_10001 a:hover{
color:#FFFFFF;
 background: url("../Images/ico_home.png") no-repeat scroll 10px 6px transparent;
 padding-left:10px;
 }
/*-------------首页---------bannder------------*/
	#banner{ width:1000px; margin:0 auto; padding:20px 0 0 0; height:auto; text-align:left; }
	#banner .intro{ margin-left:30px; width:450px; 
	float:left;
	display:inline;}
	#banner .intro h1{ margin-top:30px;
	font-size:26px;
	font-weight:bold; }
	#banner .intro_text{ margin-top:25px; font-size:14px; color:#525252; line-height:20px; font-weight:normal; }
	#banner .download_button{ margin-top:25px; }
	.mart10 {
    margin-top: 10px;
}
	.computer { margin-right:30px; background:url(../images/comp_screen.png) no-repeat; height:337px; width:383px;
	float:right;}
	#gellery{ margin:18px auto auto 18px; width:346px; height:220px; overflow:hidden; }
		#gellery ul li{ float:left; }
		#gellery ul li img{ width:346px; height:220px; background:#eee; }
		
		/*----------网站主体----------------*/
		#main{ width:1000px; margin:0 auto;}
		.new_dongtai{ width:920px; height:53px; background:url(../images/index_18.jpg) no-repeat; padding-left:80px;
		float:left;}
.new_dongtai h3{ float:left; width:300px; height:35px; line-height:35px;}
.new_dongtai h3 i{
font-size:16px;
padding:0 10px;
color:#EC7322;} 
.new_dongtai h3 a{color:#777777;
font-size:12px;
font-weight:normal;
text-decoration:none;}
.new_dongtai h3 a:hover{color:#e88118;font-size:12px;
font-weight:normal;
text-decoration:none;}
.zhanshi{ width:1000px;
float:left;}
.processes,.works{ width:1000px; overflow:hidden;float:left;}
.works_left{ float:left; width:200px;}
.works_left li{ width:200px; height:134px; cursor:pointer;}


.works_box{ float:left;width:800px; height:268px;  }
.works_right{width:800px; height:268px; display:none;}
.works_right li{ width:200px;float:left; height:134px; position:relative;}
.li_infor{ width:180px; height:124px; background:url(../images/bg10.png) no-repeat; position:absolute; left:0px; top:0px; padding-left:20px; padding-top:10px; display:none;}
.li_infor a:hover{ text-decoration:underline;}
.infor1{ height:26px; line-height:26px; font-size:13px;}
.infor21{
	
	line-height:20px;

	font-size:12px;

	color: #999999;
}
.infor1 a{ color:#FFFFFF;}
.infor_time{ color:#82580E; font-size:10px; height:20px; line-height:20px;}
.infor2{ width:180px;color:#9A9A9A; padding-top:10px; overflow:hidden;}
.infor2 p a{ color:#9A9A9A;}
.infor2 p{ float:left; padding-right:15px;}
.processes img{ float:left; width:200px; height:150px;}
.processes_infor{ float:left; background:url(../images/index_31.jpg) no-repeat; width:800px; height:150px;}
.processes_infor_one{ width:160px; float:left;}
.processes_infor_one h2{height:30px;font-size:20px; font-weight:bold; line-height:30px; margin-top:15px; margin-left:50px;}
.processes_infor_one ul{ margin-left:30px;}
.processes_infor_one li{ line-height:26px;}




.company_list{ width:1000px; overflow:hidden;
float:left;}
.list_left{ width:720px; float:left; overflow:hidden;}
.service{ width:720px;}
.service_h2{ height:35px;}
.service_content{ width:720px;/*background:url(../images/index_34.jpg) no-repeat; */padding-bottom:20px;}
.one_service{ margin-top:20px;margin-right:13px;}
.one_service_left{ float:left;}
.one_service img{ float:left;width:93px; height:93px;}
.web{ float:left;width:93px; height:93px;}
.web a{ background:url(../images/web.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.web a:hover{ background:url(../images/web.png) no-repeat right bottom;}
.web span{
display:none;}

.seo{ float:left;width:93px; height:93px;}
.seo a{ background:url(../images/seo.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.seo a:hover{ background:url(../images/seo.png) no-repeat right bottom;}
.seo span{
display:none;}

.brand{ float:left;width:93px; height:93px;}
.brand a{ background:url(../images/brand.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.brand a:hover{ background:url(../images/brand.png) no-repeat right bottom;}
.brand span{
display:none;}
.email{ float:left;width:93px; height:93px;}
.email a{ background:url(../images/email.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.email a:hover{ background:url(../images/email.png) no-repeat right bottom;}
.email span{
display:none;}
.sem{ float:left;width:93px; height:93px;}
.sem a{ background:url(../images/sem.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.sem a:hover{ background:url(../images/sem.png) no-repeat right bottom;}
.sem span{
display:none;}


.graphic{ float:left;width:93px; height:93px;}
.graphic a{ background:url(../images/graphic.png) no-repeat left top;
height:93px;
width:93px;
float:left;
overflow:hidden;}
.graphic a:hover{ background:url(../images/graphic.png) no-repeat right bottom;}
.graphic span{
display:none;}
.one_service_img span
{display:none;}

.one_service_desc{ float:left; width:249px; padding-left:5px;}
.one_service_desc h2{ height:30px; line-height:30px; font-weight:bold; font-size:14px;}
.one_service_desc p{ line-height:18px; font-family:"瀹嬩綋";
font-size:12px;}
.product{ width:720px;}
.product_title{ height:35px; background:url(../images/index_66.jpg) no-repeat; padding-left:315px; padding-top:4px; overflow:hidden;}
.product_title li{ float:left; width:97px; height:34px; line-height:26px; text-align:center; font-size:16px; cursor:pointer;
font-weight:bold;}
.product_content{ overflow:hidden; display:none; height:220px;}
.one_product{ width:360px; overflow:hidden; float:left;}
.product_img{width:120px; text-align:center; float:left;}
.product_img img{ margin-top:40px;}
.product_desc{ float:left;}
.product_desc{ line-height:20px; padding-top:30px; padding-bottom:50px;}
.over{padding-bottom:20px;}
.fangan{width:361px; float:left; display:inline;}
.fangan h2{ height:31px; background:url(../images/index8_10.jpg) no-repeat left top; font-size:16px; line-height:31px; padding-left:10px;}
.fangan h2 span{ float:left;}
.fangan h2 a{ float:right; font-size:12px; background:url(../images/index_89.jpg) no-repeat right; display:block; width:40px; height:20px; line-height:20px; margin-top:5px;}
.one_fangan{ overflow:hidden; padding-top:14px; padding-bottom:6px; border-bottom:#C1C1C1 1px dotted;}
.one_fangan img{ float:left; width:53px; height:53px;}
.one_fangan_desc{ float:left; padding-left:10px; width:295px;}
.one_fangan_desc h3{ height:20px; font-weight:bold;}
.one_fangan_desc p{ text-indent:24px;}
.baike{ width:325px; float:left; margin-left:30px;}
.baike span{ float:left;}
.baike h2{ height:32px; background:url(../images/index8_12.jpg) no-repeat; font-size:16px; line-height:31px; padding-left:5px;}
.baike_h2_a{ float:right; font-size:12px; background:url(../images/index_89.jpg) no-repeat right; display:block; width:40px; height:20px; line-height:20px; margin-top:5px;}
.baike_content{ width:325px;}
.one_baike_desc{
	padding-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D4D4D4;
}
.one_baike_desc h3{ font-size:14px; height:38px; line-height:38px;}
.baike_list{ margin-top:10px;}
.baike_list li{ height:24px; line-height:24px; display:inline;}
.baike_list li font{ float:left;}
.baike_list li a{ float:left;width:270px; display:block; background:url(../images/index_108.jpg) no-repeat left; padding-left:10px;}
.customer{ width:720px; overflow:hidden;}
.customer h2{ height:31px;}
.customer h2 span{ float:left;}
.customer_content{ width:720px;background:url(../images/index_103.jpg) no-repeat;padding-bottom:10px; padding-top:20px;}
.customer_content li{text-align:center; line-height:24px; float:left; display:inline; margin-left:22px; margin-right:28px; margin-top:15px;}
.customer_content img{ width:127px; height:55px; border:#D8D8D8 1px solid;}
.list_right{ float:left; width:280px;}
.lianxi{ width:280px; height:584px;background:red;}
.taocan{ width:290px; background:url(../images/index3_03.jpg) no-repeat;height:554px; position:absolute; padding-top:30px;}
.taocan h2{ font-size:16px; margin-left:25px; height:28px; line-height:28px;}
.taocan h3{ font-size:24px; height:35px; line-height:35px; margin-left:27px;}
.shuzi{ font-size:18px;}
.qq{ margin-top:5px; margin-left:30px;}
.qq p{ height:20px; line-height:20px;}
.qq p span{ float:left;}
.qq p img{ float:left;}
.qq p img{ width:60px; height:16px; padding-left:10px;}
.fenlei{ margin-left:15px;}
.one_style{ overflow:hidden; padding-top:10px;}
.one_style img{ float:left;}
.one_style_desc{ float:left; width:200px; margin-left:10px;
font-size:12px;
display:inline;}
.one_style_desc h4{ font-size:16px; height:24px;}
.style_title{ float:left; width:110px;}
.style_money{ float:left; width:90px; font-size:18px;}
.xx{ padding-left:15px;  padding-right:5px;
float:right;}
.zuixin{ width:270px; margin-top:20px;}
.zuixin h2{ height:32px; background:url(../images/index8_07.jpg) no-repeat; line-height:30px; font-size:14px; padding-left:15px;}
.zuixin h2 span{ float:left;}
.zuixin_ul{ overflow:hidden;}
.zuixin_ul li{ line-height:20px; text-align:center; float:left;margin-left:10px; margin-top:10px; display:inline;}
.zuixin_ul li img{ width:120px; height:80px; border:#C8C8C8 1px solid; padding:1px; margin-bottom:5px;}
.news{ width:270px; margin-top:20px;}
.news h2{ height:29px; background:url(../images/index8_17.jpg) no-repeat; font-size:14px; padding-left:15px; line-height:29px; }
.news h2 span{ float:left;}
.baike_list2{ margin-top:10px; margin-left:15px;}
.baike_list2 li{ height:24px; line-height:24px; display:inline;}
.baike_list2 li font{ float:left;}
.baike_list2 li a{ float:left;width:200px; display:block; background:url(../images/index_108.jpg) no-repeat left; padding-left:10px;}

/*--------------简约------------*/
#about-areas {
    background: none repeat scroll 0 0 #EFF1F2;
    clear: both;
    float: left;
    padding: 20px 0px;
    position: relative;
    width: 1000px;
}

#about-areas.cutoff:after, div.blog-meta.cutoff:after {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: -43px;
    height: 60px;
    width: 100px;
}
.cutoff a.desc:after, #about-areas.cutoff:after {
   /* background: url("/wp-content/themes/appex/images/texture-gray.png") repeat scroll 0 0 #EFEFEF;*/
    bottom: -27px;
    content: ".";
    display: block;
    height: 45px;
    overflow: hidden;
    position: absolute;
    right: -29px;
    text-indent: -9999px;
    transform: rotate(-30deg);
    visibility: visible;
    width: 60px;
    z-index: 3;
}
.group:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#about-areas .col {
    float: left;
    padding: 10px 20px 10px 20px;
    width: 292px;
	border-right: 1px solid #D5D8DA;
}
#about-areas .col ul{
margin-top:10px;
float:left;
}
#about-areas .col li
{

line-height:23px;
}
#about-areas .col li a{
color:#787878;
font-size:13px;
}
#about-areas .col li a:hover{
color:#0A9AD1;
font-size:13px;
}
#about-areas .col li span
{
float:right;	
color:#787878;
}
#about-areas h3 {
    color: #118ECC;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#about-areas h3 a{
}
#about-areas p {
    color: #787878;
    font-size: 15px;
    margin-bottom: 30px;
}
#about-areas .col.last {/*
    border-left:  1px solid #D5D8DA;
	border-right: 1px solid #D5D8DA;*/
    padding: 10px 10px 10px 20px;
}
/*-------------------footer--------------*/
#footer{ width:100%; background:#181718;
height:auto;
float:left;
margin-top:50px;
position:relative;
}

.fu_nav{ width:1000px; margin:0 auto;padding-bottom:30px; border-bottom: #0E0E0E 1px solid;padding-top:20px;
}
.fu_nav_content{ width:1000px;}
.one_content{ width:102px; float:left; margin-left:24px; display:inline;z-index:1002;}
.one_content h3{ font-size:14px; font-weight:bold; color:#A9A9A9;}
.zi_menu{ color:#5E5E5E; margin-top:10px;}
.zi_menu li{ height:24px; line-height:24px; border-bottom:#1F1F1F 1px solid;}
.zi_menu li a{ color:#5E5E5E;}
.zi_menu li a:hover{ color:#E88118;}
.copyright{ width:1000px; border-top:#242224 1px solid;color:#5E5E5E; padding-bottom:21px; padding-top:15px; margin:0 auto;}
.copyright p{ text-align:center; line-height:24px;}

/*-------------up-----------*/
/*GOTO TOP*/
.gotop{display:none;background:url(../images/gotop.gif) no-repeat;bottom:118px;height:48px;margin-right:-560px;position:fixed;right:50%;width:48px;z-index:10;}
.gotop:hover{background-position:left -50px;}
/*---------------qq---------*/
/*在线客服边栏*/
#online_service_bar{position:absolute; top:-150px; right:0;overflow:hidden;z-index:1001;}
#online_service_fullbar{display:none;width:138px;padding-bottom:10px;background:url(../images/footer.gif) no-repeat left bottom;}
.service_bar_head{text-indent: -9999px;width:138px;height:58px;position:relative;background:url(../images/header.gif) no-repeat left top;}
.service_bar_main{width:106px;padding:5px 12px;background:url(../images/main.gif) repeat-y left top;}
#service_bar_close{position:absolute;width:35px;height:35px;top:0;right:0;cursor:pointer;display:block;text-indent: -9999px;}

/*在线客服边栏收缩状态*/
#online_service_minibar{margin-top:150px;width:23px;height:80px;background:url(../images/mini.gif) no-repeat right top;display:none;cursor: pointer;}

/*客服菜单列表*/
.service_menu{font-size:12px;width:106px;overflow:hidden;}
.service_menu li{width:106px;display:inline;overflow:hidden;}
.service_menu li dt{text-align:left;margin-bottom:5px;padding:8px 10px 6px 10px;*padding:9px 10px 5px 10px;background:url(../images/menu.gif) no-repeat top center;cursor: pointer;}
.service_menu li dd{display:none;text-align:center;}
.service_menu li dd a img{margin-bottom:5px;}
.service_menu li.hover dt{color:#E21F2B;}
.service_menu li.hover dd{padding:5px 0;line-height:20px;}
.qq_btn{display:block;padding:4px;}
.service_tel{ font-size:12px; font-family:"Microsoft YaHei",Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif; padding-left:10px; height:28px; line-height:28px; /*background:url(../images/tel.png) no-repeat 0px center;display:inline;*/}
.links {width:1000px;margin:0 auto;padding:20px 0 0;}
.links li{line-height:24px; margin-right:8px; float:left;}
.links li  a{color:#939393;"}