﻿@import url("base.css");
/** 整体定于 **/
*html {
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	font-size: 12px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif, "SimSun";
	background: url(../images/big_bg.jpg) repeat-x top left;
}
.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}
.container_bk {
	width: 1100px;
	margin: 0 auto;
	height: auto;
	position: relative;
	background: url(../images/big_bg_bk.gif) repeat-y top center;
}
a {
	color: #666;
}
a:hover {
	color: #dd2961;
	text-decoration: none;
}
.ths a {
	color: #f54e96;
}
.ths-title {
	color: #f54e96; font:bold 14px/40px "宋体";
}
.{ line-height:22px;}
/*视觉图*/
.indexbanner{ min-width:120%; height:550px; margin:0 auto;}
.slide-wp {
	width: 1900px;
	height: 550px;
	position: relative;
	left: 50%;
	margin-left: -950px;
}
.slides, .slide-bg {
	height: 550px;
	background-color: #fff;
	overflow-x: hidden;
	min-width:1100px;
}
.slidesjs-pagination {
	position: absolute;
	top: 520px;
	left: 50%;
	z-index: 11;
	margin-left: -52px;
}
.slidesjs-pagination li {
	float: left;
	margin-right: 10px;
}
.slidesjs-pagination li a {
	text-indent: -9999px;
	background-color: #f1f1f1;
	display: inline-block;
 *display:block;
	_display: block;
	width: 21px;
	height: 7px;
}
.slidesjs-pagination li a.active {
	background-color: #e4559d;
}
.slideChild {
	width:1100px;
	margin: 0 auto;
	z-index: 10;
	height: 550px;
	position: relative;
}
.slideChild a.opa {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
 *display:block;
	_display: block;
	width: 100px;
	height: 50px;
	background-color: #fff;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity: 0;
}
.slideChild a.a-jd {
	top: 320px;
	left: 135px;
	width: 230px;
	height: 55px;
}
.slideChild a.a-video {
	top: 50px;
	left: 40px;
	width: 230px;
	height: 285px;
}
.slideChild a.a-ad {
	position: absolute;
	background-color: #202020;
	color: #fff;
	text-align: center;
	top: 365px;
	left: 404px;
	width: 130px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}
.slideImg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	min-width:1100px;
}
/*内页banenr*/
.aboutbanner{ min-width:1100px; height:400px; background: url(../images/aboutbanner.jpg) no-repeat top center;}
.newsbanner{ min-width:1100px; height:400px; background: url(../images/newsbanner.jpg) no-repeat top center}
.productbanner{ min-width:1100px; height:400px; background: url(../images/productbanner.jpg)  top center}
.contactbanner{ min-width:1100px; height:400px; background: url(../images/contactbanner.jpg) top center}
.jobbanner{ min-width:1100px; height:400px; background: url(../images/jobbanner.jpg) top center}
.memberbanner{ min-width:1100px; height:400px; background: url(../images/memberbanner.jpg) top center}
/*导航*/
#float_menu {
	position: absolute;
	top: 0;
	width:100%;
	height: 125px;
	background: url(../images/menu_bg.png) repeat-x top left;
	z-index: 99;
	min-width:1100px;
}
.navwrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.logo {
	width: 440px;
	height: 68px;
	margin: 23px 0 0 10px;
	background: url(../images/LOGO.png) no-repeat left top;
	float: left
}
.brand {
	width: 127px;
	height: 68px;
	margin: 23px 0 0 0;
	float: left;
	overflow:hidden;
}
.nav {
	width: 520px;
	_width: 500px;
	height: auto;
	right: 0;
	top: 23px;
	position: relative;
	float: right;
}
.Language {
	width: 103px;
	height: 22px;
	line-height: 22px;
	margin-right: 5px;
	background: url(../images/language.GIF) no-repeat left top;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	float: right
}
.login{ width:200px; float:right; text-align:right; padding-right:10px;}
.search {
	width: 159px;
	height: 22px;
	line-height: 22px;
	margin-right: 27px;
	_margin-right: 8px;
	background: url(../images/search.gif) no-repeat left top;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	float: right
}
.sch_bnt {
	width: 130px;
	height: 22px;
	line-height: 22px;
	border: none;
	float: left;
	background: none;
	color: #666;
}
.sch_an {
	width: 29px;
	height: 22px;
	line-height: 22px;
	float: right;
	border: none;
	background: none;
}
.navlist {
	width: 520px;
	_width: 500px;
	height: 30px;
	line-height: 30px;
	margin-top: 12px;
	float:left;
	
}
.navlist ul li a {
	font: 14px/30px "微软雅黑";
	color: #000;
	padding: 0 17px;
	_padding: 0 15px;
	float: left;
}
.navlist ul li a:hover {
	font: 14px/30px "微软雅黑";
	color: #fd1552;
	padding: 0 18px;
	float: left;
}
/*brand*/
#gallery {
	position: relative;
	height: 68px;
	_width:127px;
}
#gallery a {
	float: left;
	position: absolute;
}
#gallery a img {
	border: none;
}
#gallery a.show {
	z-index: 500
}
#gallery .caption {
	z-index: 550;
	background-color: #000;
	color: #ffffff;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#gallery .caption .content {
	margin: 5px
}
#gallery .caption .content h3 {
	margin: 0;
	padding: 0;
	color: #1DCCEF;
}
/*newsproduct*/
.newpro {
	width: 980px;
	height: auto;
	position: relative;
}
.newpro .title {
	width: 193px;
	height: 22px;
	background: url(../images/newprobt.png) no-repeat left top;
}
.newpro .more {
	width: 24px;
	height: 25px;
	top: 0;
	right: 0;
	position: absolute
}
.marqueeleft {
	height: 260px;
	width: 980px;
	overflow: hidden;
	margin: 10px auto;
}
.marqueeleft ul {
	float: left;
}
.marqueeleft li {
	float: left;
	margin: 0 10px;
	display: inline;
	width: 228px;
	height: 260px;
	overflow: hidden;
}
.marqueeleft li .pic {
	display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 146px;/*约为高度的0.873，200*0.873 约为175*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	border: #ccc 1px solid;
	width: 226px;
	height: 168px;
	line-height: 168px;
	overflow: hidden;
	text-align:center;
	margin: 0 auto;
}
.marqueeleft li .pic img{
	display: block;
	width: 226px;
	line-height: 168px;
	text-align:center;
	vertical-align:middle
	margin: 0 auto;
}
.marqueeleft li .txt {
	height: 28px;
	line-height: 28px;
	width: 100%;
	height: 28px;
	background: url(../images/pro_tt_bg.gif) no-repeat top right;
	margin: 5px 0 0 10px;
	font: bold 13px/28px "宋体";
}
.marqueeleft li .txt a {
	color: #000;
}
.marqueeleft li .txt2 {
	line-height: 20px;
	margin: 0 0 0 10px;
}
/*首页about和news*/
.container_c {
	width: 100%;
	height: auto;
	margin-top: 30px;
	position: relative
}
.container_c .about {
	float: left;
	width: 475px;
	height: 305px;
	overflow: hidden
}
.container_c .about .title {
	width: 197px;
	height: 22px;
	background: url(../images/aboutbt.png) no-repeat left top;
}
.container_c .about .more {
	width: 39px;
	height: 14px;
	top: 10px;
	left: 435px;
	position: absolute
}
.container_c .about .line {
	width: 475px;
	height: 7px;
	background: url(../images/line.jpg) repeat-x left top;
	margin-top: 8px;
}
.container_c .news {
	float: right;
	width: 475px;
	height: 305px;
	overflow: hidden
}
.container_c .news .title {
	width: 154px;
	height: 22px;
	background: url(../images/newbt.png) no-repeat left top;
}
.container_c .news .more {
	width: 39px;
	height: 14px;
	top: 10px;
	left: 940px;
	position: absolute
}
.container_c .news .line {
	width: 475px;
	height: 7px;
	background: url(../images/line.jpg) repeat-x left top;
	margin-top: 8px;
}
.container_c .news .fnew {
	width: 475px;
	height: 115px;
	margin-top: 10px;
	position: relative;
}
.container_c .news .fnew img {
	width: 136px;
	height: 101px;
	padding: 2px;
	border: 1px solid #ddd;
}
.container_c .news .bewbt {
	position: absolute;
	width: 320px;
	height: 24px;
	line-height: 24px;
	display: block;
	right: 0;
	top: 0;
	font-weight: bold;
}
.container_c .news .newnr {
	position: absolute;
	width: 320px;
	color: #888;
	height: 119px;
	line-height: 24px;
	display: block;
	right: 0;
	top: 29px;
}
.container_c .news .newlist li {
	width: 475px;
	height: 30px;
	position: relative;
}
.container_c .news .time {
	width: 100px;
	right: 5px;
	text-align: right;
	line-height: 29px;
	position: absolute;
	top: 0;
}
.container_c .news .newlist li a {
	width: 475px;
	height: 29px;
	display: block;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;
	line-height: 29px;
	background: url(../images/new_bnt.jpg) no-repeat left center;
}
.container_c .news .newlist li a:hover {
	color: #dd2961;
}
/*首页product*/
.container_pro {
	width: 100%;
	height: auto;
	margin-top: 20px;
	background: url(../images/probt.png) no-repeat left top;

}
.webwidget_scroller_tab {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 980px
}
.tabContainer {
	width: 100%;
	overflow: hidden;
}
.tabContainer li {
	float: right;
	margin-right: 1px;
}
.tabContainer li a {
	display: block!important;
	display: inline-block;
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
}
.webwidget_scroller_tab .tabHead {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.webwidget_scroller_tab .tabBody {
	height: auto;
	background-color: white;
	overflow: hidden;
	width: 980px;
	position: relative;
}
.webwidget_scroller_tab .tabBody ul, li {
	padding: 0px;
	list-style: none;
}
.webwidget_scroller_tab .tabBody ul {
	width: 980px;
	position: absolute;
}

.webwidget_scroller_tab .tabHead li a {
	text-decoration: none;
	color: #fff;
	background: #dd2961;
}
.webwidget_scroller_tab .tabCot {
	float: left;
}


.indexpro {
	width: 980px;
	height: auto;
	position: relative;
	margin-top:10px;
}
.indexpro li {
	float: left;
	margin: 10px 9px 10px 8px;
	_margin: 10px 7px 10px 7px;
	width: 228px;
	height: 260px;
	overflow: hidden;
}
.indexpro li .pic {
		display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 146px;/*约为高度的0.873，200*0.873 约为175*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	border: #ccc 1px solid;
	width: 226px;
	height: 168px;

	overflow: hidden;
	text-align:center;
}
.indexpro li .pic img{vertical-align:middle}
.indexpro li .txt {
	height: 28px;
	line-height: 28px;
	width: 100%;
	height: 28px;
	background: url(../images/pro_tt_bg.gif) no-repeat top right;
	margin: 5px 0 0 10px;
	font: bold 13px/28px "宋体";
}
.indexpro li .txt a {
	color: #000;
}
.indexpro li .txt2 {
	line-height: 20px;
	margin: 0 0 0 10px;
}
/*版权*/
.footer{
	width: 980px;
	height:90px;
	margin:0;
	padding:0;

}
.footer .line {
	width: 980px;
	height: 7px;
	background: url(../images/line.jpg) repeat-x left top;
	margin-bottom:10px;
}

.footer .txt {
	width: 500px;
	height: auto;
	float:left;
	line-height:24px;
	padding-top:10px;
	color:#888;
}
.footer .txt.a {
	width: 500px;
	height:80px;
	float:left;
	line-height:24px;
	padding-top:10px;
	color:#888;
}
.footer .link {
	width: 160px;
	float:right;
	margin-top:15px;
}
/*友情链接*/

#friLinks { position:relative; z-index:99999; background:url(../images/links.jpg) no-repeat left top; width:150px; height:20px;}
#friLinks .selItem {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 20px; COLOR: #666; PADDING-TOP: 0px
}
#friLinks UL {
	BORDER-BOTTOM: #a0a0a0 1px solid; POSITION: absolute; BORDER-LEFT: #a0a0a0 1px solid; WIDTH: 148px; BOTTOM: 18px; DISPLAY: none; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #a0a0a0 1px solid; LEFT: 0px
}
#friLinks UL LI {
	HEIGHT: 21px; VERTICAL-ALIGN: middle
}
#friLinks UL LI A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; ZOOM: 1; DISPLAY: block; COLOR: #444; PADDING-TOP: 0px
}
#friLinks UL LI A:hover {
	BACKGROUND-COLOR: #6b9bcf; COLOR: #fff; TEXT-DECORATION: none
}

/*内页框架*/
.leftsidebar{ width:200px; height:auto; margin:0 0 0 10px;_margin:0 0 0 7px; background:#f1f1f1; padding-bottom:10px; float:left;}
.leftsidebar .title{ width:190px; height:50px; background:#f54e96; font: 18px/50px "微软雅黑"; padding-left:10px; color:#FFF; margin-bottom:10px;}
.leftsidebar .title span{ font: 12px/50px "微软雅黑";color:#FFF;}
.leftsidebar .list{ width:170px; height:auto; padding:0; margin:0 auto;}
.leftsidebar .list li{ width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg.gif) no-repeat left top;}
.leftsidebar .list li a{ width:170px; height:35px; padding-left:25px; display:block}
.leftsidebar .list li a:hover{width:170px; height:35px;  padding-left:25px; color:#fff; background:url(../images/left_bg2.gif) no-repeat left top;}

.about-right{ width:735px; height:auto; margin:15px 0 0 30px; padding:0; position:relative; float:right;}
.about-right .title{ width:710px; height:20px; line-height:20px; background: url(../images/about_bnt.gif) no-repeat top left #f1f1f1; color:#000; font:bold 16px/20px "宋体"; padding:0 0 0 25px;}
.about-right .title span{ color:#666; font:12px/20px "宋体"; right:0; position: absolute;}
.about-right .wrap{ width:735px; min-height:350px; position:relative; padding:0; margin:25px 0 20px 0;}

/*企业荣誉*/
.hoonerlist {
	margin: 0 auto;
}
.hoonerlist li {
	width: 216px;
	float: left;
	padding: 10px 12px;
}
.hoonerlist li img {
	width: 210px;
	height: 140px;
	padding: 2px;
	border: 1px #e2e3e3 solid
}
.hoonerlist li span {
	width: 216px;
	text-align: center;
	display: block;
	cursor: pointer;
	padding-top: 6px
}
.hoonerlist li a {
	color: #252626;
}
.hoonerlist li a:hover {
	color: #0173b8;
}
/*新闻中心*/
.fnew {
	width: 725px;
	height: 149px;
	position: relative;
}
.fnew img {
	width: 160px;
	height: 143px;
	padding: 2px;
	border: 1px solid #ddd;
}
.bewbt {
	position: absolute;
	width: 543px;
	height: 24px;
	line-height: 24px;
	display: block;
	right: 0;
	top: 0;
	font-weight: bold;
}
.newnr {
	position: absolute;
	width: 543px;
	color: #888;
	height: 119px;
	line-height: 24px;
	display: block;
	right: 0;
	top: 29px;
}
.newlist li {
	width: 725px;
	height: 30px;
	position: relative;
}
.time {
	width: 100px;
	right: 1px;
	text-align: right;
	line-height: 29px;
	position: absolute;
	top: 0;
}
.newlist li a {
	width: 725px;
	height: 29px;
	display: block;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;
	line-height: 29px;
	background: url(../images/bnt01.jpg) left no-repeat;
}
.newlist li a:hover {
	color: #dd2961;
}
.newnav_bt{color: #3c3c3c; font-size: 16px; line-height:28px; text-align:center;  font-weight: bold; margin-top:15px; }
.newnav_bt2{color: #3c3c3c; font-size: 12px; font-weight: normal; margin:0px 0 5px 0; border-bottom:#888 dashed 1px; line-height:30px; text-align:center;}

/*人才招聘*/
.job_list dl{ width:735px;}
.job_list dl dt{ height:39px; margin-bottom:6px; background:#f54e96;}
.job_list dl dt span{ float:left; display:block; padding-left:20px; border-right:1px solid #f5f9fd; font:12px/39px "宋体"; color:#fff;}
.job_list dl dd{ height:33px; margin-bottom:6px;background:#fef6fa;}
.job_list dl dd span{float:left;display:block; padding-left:20px; border-right:1px solid #f5f9fd; font:12px/33px "宋体"; color:#666;}
.job_list dl dd span a:hover{ color:#f54e96;}
.w321{ width:321px; }
.w110{ width:110px; }
.b_btn{ width:45px; height:21px; background:url(../images/bnt.jpg) no-repeat; color:#fff; text-align:center; line-height:21px; border:none;}

/*产品展示*/

.promenu { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg.gif) no-repeat left top; margin:auto; text-indent:25px; display:block}
.promenu a { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg.gif) no-repeat left top; margin:auto; text-indent:25px; display:block}
.promenu a:hover{width:170px; height:35px; color:#fff; background:url(../images/left_bg2.gif) no-repeat left top; display:block;}

.promenusub { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg_1.gif) no-repeat left top; margin:auto; text-indent:35px;display:block}
.promenusub a { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg_1.gif) no-repeat left top; margin:auto; text-indent:35px;display:block}
.promenusub a:hover{width:170px; height:35px; color:#fff; background:url(../images/left_bg2a.gif) no-repeat left top; display:block;}

.promenusub2 { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg_2.gif) no-repeat left top; margin:auto; text-indent:45px;display:block}
.promenusub2 a { width:170px; height:35px; line-height:35px; font:12px/35px "宋体"; border-bottom:#5a5a5a dashed 1px; background:url(../images/left_bg_2.gif) no-repeat left top; margin:auto; text-indent:45px;display:block}
.promenusub2 a:hover{width:170px; height:45px; color:#fff; background:url(../images/left_bg2b.gif) no-repeat left top; display:block;}

.product {
	width: 735px;
	height: auto;
	position: relative;
	margin-top:10px;
}
.product li {
	float: left;
	margin: 10px 9px 10px 8px;
	_margin: 10px 7px 10px 7px;
	width: 228px;
	height: 260px;
	overflow: hidden;
}
.product li .pic {
		display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 146px;/*约为高度的0.873，200*0.873 约为175*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	border: #ccc 1px solid;
	width: 226px;
	height: 168px;
	overflow: hidden;
	text-align:center;
}
.product li .pic img{
vertical-align:middle
}
.product li .txt {
	height: 28px;
	line-height: 28px;
	width: 100%;
	height: 28px;
	background: url(../images/pro_tt_bg.gif) no-repeat top right;
	margin: 5px 0 0 10px;
	font: bold 13px/28px "宋体";
}
.product li .txt a {
	color: #000;
}
.product li .txt2 {
	line-height: 20px;
	margin: 0 0 0 10px;
}

/*产品内页*/
.pro-title{ font:bold 14px/36px "宋体"; color:#3c3c3c; margin:5px 0; text-indent:16px;}
.pro-title span{ width:300px; float:left}
.pro-title-fx{ float:right; width:150px;}
.pro-sm{ font:12px/24px "宋体"; color:#3c3c3c; margin:0 16px; border-top:#ccc dashed 1px; padding:8px 0 0 0 ;}


/*分页 */
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 10px 0;padding:0;height:20px;clear:both;text-align:center;}
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:0 3px 0 3px;font-size:12px;height:16px;line-height:16px;}
#dcms_pager .pages a:hover {border:1px solid #aeaeae;}
#dcms_pager .pages .pgempty {border:1px solid #eee;color:#eee;}
#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#000;font-weight:bold;background-color:#eee;}
.QQbox 
{
    width:120px;
    background:#f7f7f7;
    position:absolute;
    z-index:9999;
    right:0px;
    top:100px;
}
.QQBoxOpen 
{
    width:20px;
    background:#b1d85c;
    position:absolute;
    z-index:9998;
    right:0px;
    top:100px;
    text-align:center;
    color:White;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
}

.badoo { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.badoo a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px} 
.badoo a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;} 
.badoo .current {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none} 
.badoo a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}  
.badoo { font: 12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;} 
.badoo a {border:solid 1px #ccc;color:#283c23;cursor:pointer;text-decoration:none;} 
.badoo a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;} 
.badoo .current {border:1px solid #F50;font-weight:700;color:#F50;background-color:#ffeee5;}
.badoo a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}
.badoo a,.badoo a:visited,.badoo .current,.badoo a:hover {float:left;height:16px;line-height:16px;min-width:10px;_width:10px;margin-right:5px;text-align:center; white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}
