@charset "utf-8";
/* CSS Document */

body{ font-size:12px; font-family:Arial, "宋体", Helvetica, sans-serif;}
a{ text-decoration:none; color:#666;}
img{ border:none;}
*{ margin:0; padding:0; list-style-type:none;}
a:hover{ color:#2b5eb7; text-decoration:underline;}
#top{ width:100%; height:29px; background:#dedede; float:left;}

.top_a {
    height: 29px;
    margin: 0 auto;
    padding: 0 35px;
    width: 960px;
	line-height:25px;
}.Welcome{ float:left; font-size:12px; color:#666;}
.top_span{ float:right; font-size:12px; color:#666;}
#header{ width:100%; height:120px; background:url(/images/her.png) repeat-x; float:left;}
.header{ width:980px; height:120px; margin:0 auto;}
.logo{ width:644px; height:auto; float:left; margin-top:30px;}
.phone{ width:310px; height:60px; float:right;}

.phoness {
    float: right;
    margin-top: 20px;
    width: 250px;
}



.phoness a {
    float: left;
    width: 120px;
}

#nav{ width:100% ; height:55px; float: left; background: url(/images/nav.jpg) repeat-x;}
.nav{ width:980px; height:48px; margin:0 auto; overflow:hidden;}
.nav ul{}
.nav li{ float:left; width:88px; background: url(/images/nav_li.jpg)  no-repeat scroll -2% -2px;0 top:20px;color:#fff; font-size:14px; line-height:47px; text-align:center;}

.nav a {
    color: #fff;
	text-decoration:none;
}
.nav a:hover{ background:#0066cc; display:block;}
#Keywordsi{ width:100%; height:43px; float:left; background:#eaeaea; line-height:40px;}
.Keywordsi{ width:980px; height:43px; margin:0 auto;}
.Keywordsi h1{ font-size:12px; color:#1563ba; float:left;}
.Keywordsi span{ float:left;}

.Keywordsi li {
    float: left;
}
#banner{ width:100%; height:455px; float: left;}
.banner{ width:980px; height:455px; margin:0 auto;}
#Advantage{ width:100%; height:auto; float:left; background:#e8e8e8;}
.Advantage{ width:980px; height:auto; margin:0 auto;}
.Ad_top {
    border-bottom: 1px solid #3399cc;
    float: left;
    height: 90px;
    width: 980px;
}
.Ad_top img {
    margin-top: 20px;
}
.Adcon{ width:980px; height: auto; float:left; margin-top:20px; margin-bottom:20px;}
.Adcon ul{}
.Adcon li{ float:left; width:470px; height:247px; background:url(/images/Ad.png) repeat-x; position:relative;}
.Adcon h1{ font-size:20px; color:#3399cc; position:absolute; top:30px; left:230px;}
.Adcon img {
    left: 150px;
    position: absolute;
    top: 20px;
}

.Adcon span {
    color: #878787;
    font-size: 14px;
    right:10px;
    position: absolute;
    top: 100px;
    width: 300px;
	line-height:24px;
}

.Adcon h2 img {
    left: 10px;
    position: absolute;
    top: 70px;
}
#Case_top{ width:100%; height:99px; float:left; background:#fff;}
.Case_top{ width:980px; height:99px; margin:0 auto;}
#Case{ width:100%; height:auto; float: left; background:#ededed;}
.Case{ width:980px; height:auto; margin:0 auto;}
.Casecon{ width:980px; height:auto; float:left; margin-top:20px;}
.Casecon ul{}
.Casecon li{ float:left; width:445px; height:auto;}
#Features{ width:100%; height:auto; float:left;}
.Features{ width:980px; height:auto; margin:0 auto;}
.Features_top{ height:150px; width:980px; float:left;}
.Featurescon{ float: left;  height:auto; width:980px; margin-top:20px;}

/*one*/
.Features_one{ width:980px; position:relative; height:290px; float:left;}
.Features_pig1{ position:absolute; left:0; width:470px; height:284px;}
.Featuresione {
    height: 57px;
    position: absolute;
    right: 390px;
    top: 30px;
    width: 67px;
}
.Features_one h1 {
    color: #666;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 50px;

}
.Features_one span {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 100px;
    width: 450px;
}

/*two*/

.Features_two{ width:980px; position:relative; height:290px; float:left;}
.Features_pig2{ position:absolute; right:0; width:470px; height:284px;}

.Featuresitwo {
    height: 57px;
    position: absolute;
    left: 0;
    top: 30px;
    width: 67px;
}
.Features_two h1 {
    color: #666;
    font-size: 20px;
    position: absolute;
    left:80px;
    top: 50px;

}
.Features_two span {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 100px;
    width: 450px;
}


/*three*/
.Features_three{ width:980px; position:relative; height:290px; float:left;}
.Features_pig3{ position:absolute; left:0; width:470px; height:284px;}
.Featuresithree {
    height: 57px;
    position: absolute;
    right: 390px;
    top: 30px;
    width: 67px;
}
.Features_three h1 {
    color: #666;
    font-size: 20px;
    position: absolute;
    right: 150px;
    top: 50px;

}
.Features_three span {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 100px;
    width: 450px;
}



/*four*/

.Features_four{ width:980px; position:relative; height:290px; float:left;}
.Features_pig4{ position:absolute; right:0; width:470px; height:284px;}

.Featuresifour {
    height: 57px;
    position: absolute;
    left: 0;
    top: 30px;
    width: 67px;
}
.Features_four h1 {
    color: #666;
    font-size: 20px;
    position: absolute;
    left:80px;
    top: 50px;

}
.Features_four span {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 100px;
    width: 450px;
}

#conter{ width:100%; height:auto; float:left; margin-top:20px;}
.conter{ width:980px; height:auto; margin:0 auto;}
.Product{ width:980px; height:auto; float:left;}
.Product_le{ width:200px; height:auto; float:left;}
.Product_title{ width:200px; height:34px; float:left; font-weight:bold; background: url(/images/ptitle.png) repeat-x; color:#fff; font-size:14px; text-align:center; line-height:40px;}
.Productcon{ width:198px; height:auto; float:left; border:1px solid #e8e8e8;}
.Productcon ul{}
.Productcon li{ width:200px; float:left;}
.Product_ri{ width:765px; height:auto; float:right;}
.Product_top{ width:765px; height:36px; float:left; background:url(/images/title.png) no-repeat; text-indent:30px; line-height:35px; font-size:14px; color:#fff;}
.Product_ricon{ width:765px; height:auto; float:left; border:1px solid #dedede;}
.Product_ricon ul{}
.Product_ricon li{ width:238px; height:auto; float:left;}
.Information{ width:980px; height: auto; float:left; margin-top:20px;}
.Introduction{ width:660px; height:auto; float: left;}
.Introduction_top{ width:660px; height:35px; float:left; background:url(/images/pig2.jpg) no-repeat; text-indent:30px; line-height:35px; color:#fff; font-size:14px;}
.Introd_con{ width:660px; height:auto; float:left; margin-top:10px;}
.Introd_le{ width:333px; height:211px; float:left;}
.Introd_con h1{ font-size:16px; color:#666; float:left; margin:10px 0 0 10px;}
.Introd_con span{ font-size:12px; float:right; color:#666; width:310px; line-height:24px; margin-top:20px; text-indent:2em;}
.Industry{ float:right; width:296px; height:auto;}
.Industry_top{ float:left; width:296px; height:36px; color:#fff; font-size:14px; background:url(/images/pig3.jpg) no-repeat; text-indent:40px; line-height:35px;}
.Industry_con{ float:left; width:296px; height:auto;}
.Industry_con ul{}
.Industry_con li{ float:left; width:296px; background:url(/images/lipig.png) no-repeat scroll 0px 50%; line-height:30px; text-indent:15px;}
.Enterprises{ float:left; width:980px; height:auto; margin-top:20px;}
.news{ width:670px; height:auto; float:left;}
.news_top{ width:670px; height:35px; background:url(/images/pig4.jpg) no-repeat; font-size:14px; color:#fff; text-indent:35px; line-height:35px;}
.news_con{ width:670px; height:auto; float:left;}
.news_le{ width:224px; height:273px; float:left;}
.news_ri{width:400px; height:auto; float: right; margin-right:20px;}
.news_ri ul{}
.news_ri li{ width:100px;float:left;background:url(/images/lipig.png) no-repeat scroll 1px 50%; line-height:35px; text-indent:10px;}
.Online{ width:296px; height:auto; float:right;}
.Online_top{ float:right; width:296px; height:36px; background:url(/images/pig3.jpg) no-repeat; line-height:35px; text-indent:35px; font-size:14px; color:#fff;}
.Online_con{ width:296px; height:auto; float:left;}
.link{ width:960px; float:left; height:65px; border:1px solid #dddddd; margin:10px 0px;}
.link h1{ color:#1563ba; font-size:30px; font-weight:bold; float:left; text-indent:30px; line-height:75px;}
.link span{ float:left; font-size:12px; color:#666; line-height:77px; text-indent:20px;}
#footer{ width:100%; height:auto; float:left; background:#e1e1e1; }
.footer{ width:980px; height:30px;margin:0 auto; line-height:30px;}
#botter{ width:100%; height:auto; float:left; background:#ccc;}
.botter{ width:980px; height:auto; margin:0 auto; text-align:center; line-height:20px;}

/*banner样式*/
.code {
	height:auto;
	padding:20px;
	border:1px solid #9EC9FE;
	background:#ECF3FD;
}
.code pre {
	font-family:"Courier New";
	font-size:14px;
}
.info {
	font-size:12px;
	color:#666666;
	font-family:Verdana;
	margin:20px 0 50px 0;
}
.info p {
	margin:0;
	padding:0;
	line-height:22px;
	text-indent:40px;
}
h2.title {
	margin:0;
	padding:0;
	margin-top:50px;
	font-size:18px;
	font-family:"微软雅黑", Verdana;
}
h3.title {
	font-size:16px;
	font-family:"微软雅黑", Verdana;
}
.importInfo {
	font-family:Verdana;
	font-size:14px;
}



.Industry_top span {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}


.Industry_top h1 {
    float: left;
    font-size: 16px;
    text-indent: 30px;
}

.news_top span {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

.news_top  h1 {
    float: left;
    font-size: 16px;
    text-indent: 30px;
}
.Online_top span {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
.Online_top h1 {
    float: left;
    font-size: 16px;
    text-indent: 30px;
}
.Introduction_top span {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
.Introduction_top  h1 {
    float: left;
    font-size: 16px;
    text-indent: 30px;
}
.Product_top span {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
.Product_top  h1 {
    float: left;
    font-size: 16px;
    text-indent: 30px;
}
.spe_guestbook_add td {
    float: left;
	margin-top:5px;
}

.spe_input_text {
    border: 1px solid #ccc;
}

#abc img {
    width: 100%;
}

.link li {
    float: left;
}

.menu li {
    float: left;
    height: 180px;
    margin-left: 20px;
    margin-right: 20px;
    width: 200px;
}
.menu img {
    float: left;
}


.menu span {
    display: list-item;
    height: 10px;
    text-align: center;
}
.menu {
    float: left;
    width: 730px;
}
.spe_videoplayer {
    float: left;
}

/*banner*/


.wrapper {
	margin:0 auto;
	overflow:hidden;
}

#focus img {
    height: 447px;
    width: 1440px;
}
#focus {
	width:1440px;
	height:447px;
	overflow:hidden;
	position:relative;
}
#focus ul {
	height:430px;
	position:absolute;
}
#focus ul li {
	float:left;
	width:1440px;
	height:447px;
	overflow:hidden;
	position:relative;
	background:#000;
}
#focus ul li div {
	position:absolute;
	overflow:hidden;
}
#focus .btnBg {
	position:absolute;
	width:1440px;
	height:20px;
	left:0;
	bottom:0;
	background:#000;
}
#focus .btn {
	position:absolute;
	width:780px;
	height:10px;
	padding:5px 10px;
	right:50%;
	bottom:0;
	text-align:right;
}
#focus .btn span {
	display:inline-block;
	_display:inline;
	_zoom:1;
	width:25px;
	height:10px;
	_font-size:0;
	margin-left:5px;
	cursor:pointer;
	background:#fff;
}
#focus .btn span.on {
	background:#fff;
}
#focus .preNext {
	width:45px;
	height:100px;
	position:absolute;
	top:150px;
	background:url(../images/sprite.png) no-repeat 0 0;
	cursor:pointer;
}
#focus .pre {
	left:0;
}
#focus .next {
	right:0;
	background-position:right top;
}




/*新banner开始*/


.main_image {width:100%; height:447px; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:447px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:447px;}
.main_image li span {display:block; width:100%; height:447px}
.main_image li a {display:block; width:100%; height:380px}
.main_image li .img_1 {background: url('/images/1e.jpg') center top no-repeat}
.main_image li .img_2 {background: url('/images/2e.jpg') center top no-repeat}
.main_image li .img_3 {background: url('/images/3e.jpg') center top no-repeat}
.main_image li .img_4 {background: url('/images/4e.jpg') center top no-repeat}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:400px; left:50%; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('/images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(/images/hover_right.png) no-repeat right top;right:100px;}

.main_visual {
    float: left;
    width: 100%;
}