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

*{ margin:0px; padding:0px;}
body{ font-size:12px;}
ul{ list-style:none;}
img{ border:none;}

/* body */
.top,.banner,.about,.banner-about,.friend,.floor,.about-banner{ width:1002px; margin:0px auto;}

/*top*/
.top{ background:url(images/top-bg.gif) repeat-x left top; height:99px;}
.top .logo{ float:left; display:inherit; width:176px; height:44px; margin-left:10px; }
.top .logo img{ height:100%; width:100%;float:left;}
.top .t-l{ float:right; width:800px; height:99px; display:inherit;}
.top .t-l .map-link{ width:100%; height:45px;}
.top .t-l .map-link li{ float:right; margin-top:20px; height:25px; line-height:25px;}
.soso{ height:25px; line-height:25px; background:url(images/soso-box.gif) no-repeat left center; width:150px; margin-right:60px;}
.soso .soso-box,.soso .soso-but{ border:none; float:left; margin-top:3px; display:inherit;}
.soso .soso-box{ width:125px; height:17px; padding-top:2px; margin-left:2px; border:red; }
.soso .soso-but{ background:url(images/soso-but.gif) no-repeat left center; width:20px;height:17px; cursor:pointer; border:none;} 
.baidu-map,.xml-map,.site-map{ text-decoration:none; color:#666; margin-right:10px; padding-left:15px; background:url(images/map-ion.gif) no-repeat left center;}
.nav{ height:54px; width:720px; line-height:54px; margin-left:40px;}
.nav li{ float:left; display:inherit; width:70px; height:27px; margin-top:18px;overflow:hidden; margin-left:10px}
.nav li h2{ width:70px;}
.nav li a{ font-size:14px; color:#000; text-decoration:none; margin-left:23px; display:inline-block; margin:0px; padding:0px; width:70px; text-align:center; height:27px;  line-height:27px;}
.nav li a:hover{background:url(images/nav-h.gif) no-repeat left top;}


/*  */
.banner-about{ position:relative; height:595px; overflow:hidden;  }
.about-banner{overflow:hidden;}
/* banner */
.banner-about .banner{ height:426px; position:absolute; left:0px; top:0px;}
.about-banner .banner{ height:220px;}
.banner img{ }
/**/
.about{ position:absolute; height:190px; left:21px; top:400px; z-index:20}
.qydt{ background:url(images/d-t-p.gif) no-repeat left top; width:310px; height:184px;float:left; display:inherit;}
.qydt .title,.qygs .title{ height:40px; width:100%; line-height:40px;}
.qydt .title a{ margin-left:255px;text-decoration:none;}
.qygs .title a{ margin-left:355px; text-decoration:none;}
.qydt .link-list{ width:285px; margin:15px auto;}
.qydt .link-list li{ height:20px; margin:1px 0px 1px 5px;width:260px;}
.qydt .link-list li a{border:solid #fff 1px; font-size:12px; text-decoration:none; color:#333; display:block; height:20px; line-height:20px; background:url(images/list-ion.gif) no-repeat 5px center; width:250px; padding:0px 5px 0px 5px; padding-left:15px;}
.qydt .link-list li a span{ float:right; color:#333;}
.qydt .link-list li a:hover{ border:solid #ddd 1px; background:#eaeaea url(images/list-ion-h.gif) no-repeat 5px center; color:red;}

.qygs{ background:url(images/qygs.gif) no-repeat left top; width:410px; height:184px; float:left; display:inherit; margin-left:10px;}
.qygs img{ float:left; display:inherit; border:solid red 1px; margin:27px 12px;}
.qygs p{ margin-top:20px; float:left; display:inherit; line-height:20px; color:#333; width:280px;}

.links{ height:184px; float:left; display:inherit; margin-left:10px; width:220px; height:184px;}
.links a{ display:block; height:61px; width:220px; text-decoration:none;}
.online{ background:url(images/link-online.gif) no-repeat left top;}
.online:hover{background:url(images/link-online-h.gif) no-repeat left top;}
.customer{ background:url(images/link-resources.gif) no-repeat left top;}
.customer:hover{background:url(images/link-customer-h.gif) no-repeat left top;}
.resources{ background:url(images/link-resouroes.gif) no-repeat left top;}
.resources:hover{background:url(images/link-resources-h.gif) no-repeat left top;}
/*  */
.about,.main{ width:960px; margin:0px auto; overflow:hidden;}


/* main */
.main{ margin-top:0px; overflow:hidden;}
/* main left */
.m-l{ width:200px; float:left; display:inherit;}
.p-list{ background:url(images/p-list-bg.gif) no-repeat left top; width:198px;padding-bottom:5px; overflow:hidden; margin-bottom:5px;border:solid #fff 1px;}
.p-list .link-list { margin:50px 8px 0 8px; }
.p-list .link-list li{ background:url(images/p-i-bg.gif) no-repeat left top; width:182px; height:30px;; line-height:30px; margin-top:5px; }
.p-list .link-list li a{text-decoration:none; margin-left:25px; color:#333;}
.p-list .link-list li a:hover{ color: red;}

.g-list{ background:url(images/g-list-bg.gif) no-repeat left top; width:198px; padding-bottom:5px; overflow:hidden; margin-bottom:5px; border:solid #fff 1px;}
.g-list div{ padding-left:89px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; margin-top:15px;}
.g-list .link-list { margin:5px 8px 0 8px; }
.g-list .link-list li{ background:url(images/p-i-bg.gif) no-repeat left top; width:182px; height:30px;	 margin-top:5px; line-height:30px; }
.g-list .link-list li a{text-decoration:none; margin-left:25px; color:#333;}
.g-list .link-list li a:hover{ color: red;}

.v-list{ background:url(images/v-list-bg.gif) no-repeat left top; width:198px; padding-bottom:5px; overflow:hidden; margin-bottom:5px; border:solid #fff 1px;}
.v-list div{ padding-left:10px; margin-top:15px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;}
.v-list .link-list { margin:5px 0;  border:solid #ccc 1px; width:196px; border-top:none; }
.v-list .link-list li{ background: url(images/list-ion.gif) no-repeat 10px center; width:182px; height:25px;line-height:30px; overflow:hidden; }
.v-list .link-list li a{text-decoration:none; font-weight:normal; margin-left:25px; color:#333;}
.v-list .link-list li a:hover{ color: red;}

.video{ margin-top:5px; width:188px; height:124px; background:url(images/vdio-bg.jpg) no-repeat left top; padding:40px 5px 0 5px;}
.video a{ text-decoration:none; margin:5px auto; color:#333; font-weight:bold; display:block; background:url(images/QQ-ion.gif) no-repeat left center; height:40px; width:120px; padding-left:40px; font-size:18px; }
.video a span{ color:#666; font-size:14px;}
.bottom-link{ background:red url(images/bottom-link-bg.gif) no-repeat left top; width:200px; height:194px; overflow:hidden;}
.bottom-link a{ text-decoration:none; display:block; height:57px; width:100%; margin-bottom:11px;}

/* main right*/
.m-r{ width:745px; margin-left:15px; float:left; display:inherit; padding-bottom:15px;}
.p-t{ height:30px; padding-left:15px; overflow:hidden; background:red url(images/p-t-t-bg.gif) repeat-x left top;}
.p-t li{ float:left; margin-top:0px;}
.p-t .p-t-b,.p-t-b-h{ margin-left:2px; width:78px ; height:30px; line-height:40px; text-align:center; cursor:pointer; }
.p-t-b-h{background:url(images/p-t-t-h.gif) no-repeat left top;font-size:14px; font-weight:bold; color:red; }
.p-t-b{background:url(images/p-t-t-i.gif) no-repeat left top;font-size:12px;  }

.p-t .p-t-m{ margin-left:45px; height:100%; line-height:30px; width:500px; overflow:hidden;}
.p-t .p-t-m strong{ color:red; margin-left:15px;}
.double-len{ background:url(images/double-bg.gif) repeat-x left center;}
.p-c{ width:743px; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}
.p-c-i{ height:350px; width:100%;}
.p-i-t{  height:35px; line-height:35px;}
.p-i-t li{ float:left; height:100%;}
.p-i-t .pt{ margin-left:15px; font-weight:bold; }

.p-i-t .double-len{ width:550px; margin-left:20px;}
.p-box{ width:100%; overflow:hidden;}

.p-item { overflow:hidden; width:174px; float:left; display:inherit; margin-left:9px;}
.p-item img{ height:130px; width:172px; border:solid 1px #ccc;}
.p-item strong{ text-align:center; width:100%; height:25px; line-height:25px; display:block;}
.p-item a{ text-decoration:none; color:#666;}

.p-bottom{ background:url(images/p-bottom-bg.jpg) no-repeat left bottom; height:15px;}

.news{ width:100%; overflow:hidden; margin-top:15px;}
.news .h-news,.t-news{ float:left; display:inherit; width:365px; height:225px; margin-top:15px; background:url(images/new-i-bg.jpg) no-repeat left bottom;}
.h-news-t{ width:100%; height:25px; background:url(images/h-new-t-b.jpg) no-repeat left center;}
.t-news{ margin-left:15px;}
.t-news-t{ width:100%; height:25px; background:url(images/t-new-t-b.gif) no-repeat left center;}
.h-news-t li,.t-news-t li{ float:left;  height:25px; line-height:25px;}
.h-news-t .title,.t-news-t .title{ width:156px;}
.h-news-t .double-len,.t-news-t .double-len{ width:150px;}
.h-news-t .move,.t-news-t .move{}
.h-news .link-list,.t-news .link-list{ width:336px; margin:15px auto;}
.h-news .link-list li,.t-news .link-list li{ height:20px; margin:1px 0px 1px 5px;width:330px;}
.h-news .link-list li a,.t-news .link-list li a{border:solid #fff 1px; font-size:12px; text-decoration:none; color:#333; display:block; height:20px; line-height:20px; background:url(images/list-ion.gif) no-repeat 5px center; width:300px; padding:0px 5px 0px 5px; padding-left:15px;}
.h-news .link-list li a span,.t-news .link-list li a span{ float:right; color:#333;}
.h-news .link-list li a:hover,.t-news .link-list li a:hover{ border:solid #ddd 1px; background:#eaeaea url(images/list-ion-h.gif) no-repeat 5px center; color:red;}

/* firend */
.friend{ background:url(images/friend-t-bg.gif) repeat-x left top;}
.friend .friend-ion{ background:url(images/friend-ion.jpg) no-repeat 100px center; height:24px;}
.friend a{ font-size:12px; text-decoration:none; margin-left:5px; color:#c8c8c8; }

/* floor */
.floor{ background:url(images/floor-bg.gif) repeat-x left top; height:95px;}
.floor p{ text-align:center; line-height:20px;color:#333}
.floor p a{ color:#333; text-decoration:none;}
.floor p a:hover{ color:red;}
.move-link{ padding-left:15px; color:#333;   text-decoration:none;}
.move-link:hover{ color:red;}


/* page about*/
.site{ height:30px; line-height:30px; padding-left:15px;}
.site a,span{ margin-left:5px;}
.site a{ text-decoration:none; color:#666;}
.site a:hover{ text-decoration:underline;}
.article{ line-height:35px; margin:20px 10px;}
.article p{ line-height:25px; }
.viciao{ margin-top:10px;}
.viciao span,.viciao a{ margin-left:5px;}

/*Product*/
.Product{}
.Product h1{ width:100%; height:35px; line-height:35px; text-align:center; display:block; padding-bottom:15px;}
.Product h1 a{ color:#333; text-decoration:none;}
.Product .pm{ float:left; height:265px; width:350px; border:dotted 1px #ccc;}
.Product .pa{ height:300px; width:300px; float:left; margin-left:20px;}
.Product .pa li{ height:30px; font-size:12px; margin-top:2px;}
.Product .pr{ clear:both; margin-top:15px; padding:5px; line-height:25px;}


.n-box{ width:730px; margin:0px 0px 0px 15px;}
.n-box a{ font-size:12px; color:#333; text-decoration:none;}
.n-box a:hover{ color:red;}
.n-box span{ float:right; display:inherit;}
.n-box li{ height:30px; line-height:30px; width:700px; padding-left:15px; background:url(images/list-ion.gif) no-repeat left center;}


.n-box h1{ height:35px; line-height:35px; text-align:center; display:block; font-size:16px; }
.n-box .dea{ height:25px; line-height:25px; width:100%; margin-top:15px; text-align:center; color:#666;}
.n-box .block{overflow:hidden; line-height:25px; margin-top:15px;border-bottom:dotted #ccc 1px;border-top:dotted #ccc 1px; background:#eee; padding:5px;}
.n-box .content{ margin-top:10px; line-height:25px; padding:10px; }
.n-box .content p{ margin-top:5px; line-height:25px;}


.QQLink { margin-top:5px; width:221px; }

.QQLink li { background:url(images/QQLink_bg.gif) no-repeat left top; height:53px; width:100%; }
.QQLink li a{ display:block; height:100%; width:100%;}

.qqcs_qq {
	position:fixed; top:220px; right:1px; _position:absolute;z-index:9999;
}
.qqcs_qq .qtapa{
width:130px; overflow:hidden;
}
.qqcs_qq .qtop{
height:46px;
background: url(../images/qq/qqtop.gif) no-repeat top right;
}
.qqcs_qq .qcnt{
	background: url(../images/qq/qqcnt_01.gif) repeat-y right top;
	padding:0 15px;
}
.qqcs_qq .qcnt a{
	border-bottom:1px solid #cecece;
	padding:5px 2px;
	display:block;
	text-decoration: none;
	color:#cd5a22;
}
.qqcs_qq .qbtt{
height:9px;
background: url(../images/qq/qqbotten.gif) no-repeat bottom right;
}