@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;}
#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:447px; float: left; overflow:hidden;}
.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 h2 img {
    left: 10px;
    position: absolute;
    top: 70px;
}

.Adcon span {
    color: #878787;
    font-size: 14px;
    right:10px;
    position: absolute;
    top: 100px;
    width: 300px;
	line-height:24px;
}
#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: 190px;
    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: 190px;
    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; margin:auto;}
.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:990px; float:left;  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;}


.link1{ color:#1563ba; font-size:30px; font-weight:bold; float:left; text-indent:30px; line-height:75px;}
.link2{ float:left; width:880px; padding-top:10px;}
.link2 li{float:left; font-size:12px; color:#666; line-height:25px; text-indent:20px;}



#footer{ width:100%; height:auto; float:left; background:#e1e1e1; }


.footer{ width:980px; height:30px;margin:0 auto; line-height:30px;}
#botter {
    background: none repeat scroll 0 0 #ccc;
    float: left;
    height: 130px;
    overflow: hidden;
    width: 100%;
}
.botter{ width:980px; height:auto; margin:0 auto; text-align:center; margin-top:10px;overflow:hidden;}

/*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;
	float:left;
	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;
}


/*在线客服*/
/*-- 本例样式 --*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0; top:44px; _position:absolute; z-index:9999;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:44px; _position:absolute;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}


/*新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/044.jpg') center top no-repeat}
.main_image li .img_2 {background: url('../images/033.jpg') center top no-repeat}
.main_image li .img_3 {background: url('../images/01.jpg') center top no-repeat}
.main_image li .img_4 {background: url('../images/02.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%;
}