/* ============容器============== */
*{font-family:'microsoft yahei',Verdana, Arial;
}
html{overflow-y:scroll;
}
body{margin:0;padding:0;border:0;height:100%;text-align:left} 
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:10px auto 10px auto} 
#bottom {position: relative;margin:0px auto} 
#top {position:relative;margin:0px auto;} 
#bodyex {position: absolute;left:0;top:0;margin:0} 
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1} 
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#advsex,#advsex1,#advsex2,#advsex3,#advsex4,#advsex5,#advsex6 {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;} 
#showpages {padding-bottom:40px!important;} 


/*===插件分离层===*/

.pdv_class{position:absolute;border:0px}


/* ==常用== */

div,li,td,p,select,input,textarea,a,button,input{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;text-decoration: none}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2, font {
margin: 0;
padding: 0;
border: 0;
}
ul{margin:0px;padding:0px;}
a:link,a:visited,a:active{color:#505050;text-decoration: none;font-family:'microsoft yahei',Verdana, Arial;
}
a.nomal:link,a.nomal:visited,a.nomal:active{color:#505050;text-decoration: none;}
a:hover{color:#ff0000;text-decoration: none;}
ul, li, dl, dt, dd, ol {
	display: block;
	list-style: none;
}

.stop {
	width: 1004px;
	margin: 30px auto 0px auto;
	padding: 0px 0 10px 0;
	height: 25px;
	background: url(../images/proline.jpg) left center repeat-x
}
.stop b {
	float: left;
	font-size: 22px;
	color: #1d1d1d;
	background: #e6e6e6;
	padding: 0 10px 0 0;
}
.stop a {
	float: right;
	font-size: 14px;
	color: #1d1d1d;
	padding: 5px 0 0 10px;
	background: #e6e6e6;
}

.pro-class {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #343434
}
.pro-class a {
	font-size: 14px;
border-bottom: 3px solid #c3272b;
	display: inline-block;
	padding: 17px 8px;
	color: #343434
}
.pro-class span {
	border-bottom: 3px solid #c3272b;
	display: inline-block;
	padding: 17px 8px;
	font-weight: bold;
}

.iproimg1 {
	float: left;
	width: 323px;
	height: 409px;
	overflow: hidden;
	position: relative;
}
.iproimg1 p {
	display: none;
	position: absolute;
	width: 283px;
	color: #fff;
	line-height: 30px;
	z-index: 10;
	bottom: 0px;
	left: 0;
	font-size: 14px;
	padding: 10px 20px;
	background: url(../images/worbg.png) left top repeat;
}
.iproimg1 p b {
	display: block;
	line-height: 30px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.iproimg1 p span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.pro ul {
	float: left;
	width: 681px;
}
.pro ul li {
	float: left;
	width: 202px;
	display: inline;
	padding: 0 0 10px 0;
	margin: 0px 0 0px 24px;
	position: relative;
	overflow: hidden;
}
.pro ul li img {
	float: left;
	width: 202px;
	height: 151px;
}
.pro ul li a.wor {
	float: left;
	width: 202px;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #343434;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 0 0;
}
.casetitle {
	left: 0;
	top: 0;
	position: absolute;
	width: 202px;
	height: 37px;
	padding-top: 114px;
	text-align: center;
	color: #fff;/* background:rgba(0,0,0,0.5);*/
	_background: none;
	_background: #000;
	_filter: alpha(opacity=50);
}
.zoombut {
	width: 37px;
	height: 37px;
	float: right;
	display: inline;
	background: url(../images/big.png) top center no-repeat;
}

.webosshk {
	float: left;
	padding: 0;
	width: 474px;
	height: 297px;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.webosshk .num {
	overflow: hidden;
	height: 10px;
	position: absolute;
	bottom: 20px;
	right: 145px;
	zoom: 1;
	z-index: 3;
	width: 190px;
	text-align: center;
	display: none
}
.webosshk .num li {
	font-size: 0;
	width: 9px;
	height: 9px;
	color: #FFF;
	background: #fff;
	margin: 0 7px;
	border-radius: 9px;
	cursor: pointer;
	display: inline-block;
	color: #fff
}
.webosshk .num li.on {
	background: #222c50;
	color: #222c50
}
.webosshk .next, .webosshk .prev {
	width: 38px;
	height: 35px;
	position: absolute;
	bottom: 0px
}
.webosshk .prev {
	right: 38px;
	background: url(../images/left.gif) #1d1d1d center center no-repeat
}
.webosshk .next {
	right: 0;
	background: url(../images/right.gif) #1d1d1d center center no-repeat
}
.webosshk .prev:hover {
	background: url(../images/left.gif) #de2c30 center center no-repeat
}
.webosshk .next:hover {
	background: url(../images/right.gif) #de2c30 center center no-repeat
}
.actr {
	float: right;
	width: 502px;
}
.actr ul {
	float: left;
	width: 502px;
	border-top: 1px dotted #5d5d5d;
}
.actr ul li {
	float: left;
	width: 502px;
	border-bottom: 1px dotted #5d5d5d;
}
.actr ul li a {
	float: left;
	width: 470px;
	background: url(../images/act.png) left center no-repeat;
	line-height: 39px;
	padding: 0 0 0 32px;
	color: #393939;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.team {
	float: left;
	width: 1004px;
	padding: 20px 0 0 0;
}
.team li {
	float: left;
	width: 191px;
	height: 255px;
	display: inline;
	margin: 0 12px 0 0;
}
.team li a {
	float: left;
	width: 191px;
	height: 255px;
	position: relative;
	overflow: hidden;
}
.team li a p {
	display: none;
	position: absolute;
	width: 151px;
	color: #fff;
	line-height: 30px;
	z-index: 10;
	bottom: 0px;
	left: 0;
	font-size: 14px;
	padding: 10px 20px;
	background: url(../images/worbg.png) left top repeat;
}
.team li a p b {
	display: block;
	line-height: 30px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.team li a p span {
	display: block;
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.footlink {
	width: 1004px;
	height: 95px;
	margin: 0 auto 0 auto;
	background: url(../images/linkright.jpg) right top #ffffff no-repeat;
}
.footlink .name {
	float: left;
	width: 104px;
}
.linka {
	float: left;
	width: 850px;
	color: #424242;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0 0 20px;
	word-wrap: break-word
}
.linka a {
	display: inline-block;
	margin: 0 5px;
	color: #424242;
}

.ifloat {
	z-index: 99;
	width: 100%;
	position: fixed;
	_position: absolute;
	left: 0px;
	bottom: 0;
	_bottom: "auto";
	height: 96px;
	background: url(../images/top.jpg) left top repeat-x;
}
.qqmei {
	float: left;
	margin-top: -8px;
	padding-left: 5px;
}
.foot-tel {
	float: left;
	font-size: 15px;
	color: #ffffff;
	padding: 20px 0 0 15px;
}
.foot-tel label {
	color: #ffe207;
	font-size: 30px;
	font-family: Impact
}
.fra1 {
	width: 1002px;
	margin: 0 auto;
}
.search {
	position: relative;
	float: left;
	display: inline;
	margin: 30px 0 0 0;
	width: 479px;
	z-index: 999;
	height: 55px;
	border: 1px solid #b11f23;
	display: inline-block;
	line-height: 30px;
	background: #ffffff;
}
.text {
	float: left;
	width: 300px;
	color: #bdbdbd;
	height: 50px;
	padding: 2px 0;
	line-height: 30px;
	border: 0;
	padding-left: 20px;
	font-size: 15px;
}
.button2 {
	float: right;
	width: 58px;
	height: 55px;
	background: url(../images/button.png) center top no-repeat
}
.l_pro {
	width: 242px;
	padding-bottom: 30px;
	background: url(../images/fline.jpg) #fff left bottom no-repeat;
}
.l_pro_t {
	background: url(../images/ftop.jpg) left top no-repeat;
	font-size: 22px;
	text-align: center;
	width: 243px;
	height: 87px;
	color: #fff;
}
.l_pro_t b {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 10px 0 5px 0;
}
.l_pro_t span {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.l_procon {
	padding: 20px 0 0 10px;
}
.proOne {
	padding: 0 0 10px 0;
}
.proOne a {
	display:block;
	background: url(../images/fleft.jpg) left top no-repeat;
	padding-left: 25px;
	color: #5a5a5a;
	line-height: 43px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsmain {
	float: left;
}
.newsmain li {
	float: left;
	border-bottom: 1px dotted #808080;
	padding: 24px 0;
}
.newsmain li a {
	float: left;
	width: 730px
}
.time {
	float: left;
	width: 70px;
	height: 85px;
	background: #fff;
	margin-right: 1px;
	color: #fff;
	font-family: 'microsoft yahei',Verdana, Arial;
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 0 4px
}
.time span {
	line-height: 40px;
	font-size: 14px;
	float: left;
	width: 100%;
	color: #464646;
	border-top: 1px solid #cbcbcb;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.time label {
	line-height: 40px;
	color: #464646;
	font-weight: bold;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.newsli_r {
	float: right;
	line-height: 1.5;
	color: #8b8b8b;
	width: 610px;
}
.newsli_rt {
	float: left;
	width: 610px;
	font: 16px/1.5 'microsoft yahei',Verdana, Arial;
}
.newsli_rt .fl {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 610px;
	font-weight: bold;
	color: #464646;
	font-size: 16px;
}
.newscont {
	float: left;
	width: 610px;
	line-height: 25px;
	font-size: 14px;
	height: 50px;
	overflow: hidden;
	color: #5b5a5a;
	padding: 10px 0 0 0
}

.proul {
	float: left;
	width: 100%;
}
.proul li {
	float: left;
	width: 233px;
	display: inline;
	padding: 0;
	margin: 0px 0 0px 10px;
	position: relative;
	overflow: hidden;
}
.proul li img {
	float: left;
	width: 233px;
	height: 175px;
}
.proul li a.wor {
	float: left;
	width: 233px;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #343434;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 0 0;
}
.casetitle1 {
	left: 0;
	top: 0;
	position: absolute;
	width: 233px;
	height: 37px;
	padding-top: 138px;
	text-align: center;
	color: #fff;/* background:rgba(0,0,0,0.5);*/
	background: url(../images/gray.png) top center repeat;
	_background: none;
	_background: #000;
	_filter: alpha(opacity=50);
}
.pro_txtimg {
}
.pro_txtimg li {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dotted #666666
}
.pro_li_img {
	float: left;
	width: 191px
}
.proimg, .proimg img {
	float: left
}
.pro_txtimg .proimg {
	float: left;
	width: 191px;
	height: 255px
}
.pro_li_txt {
	float: right;
	display: inline;
	width: 510px;
	height: 86px;
	color: #787878;
	line-height: 36px;
	font-size: 14px
}
.procon {
	float: left;
	width: 510px;
	line-height: 28px;
	color: #676767;
text/-indent:22px;
	height: 140px;
	overflow: hidden;
	padding: 10px 0 0 0
}
.protitle {
	float: left;
	width: 510px;
	line-height: 24px;
	padding: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #3d3d3d;
	font-size: 16px;
	font-weight: 700
}
/* ============表单============== */
form{margin:0;padding:0}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000}
select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}

.headtop {
	width: 100%;
	height: 96px;
	background: url(../images/top.jpg) left top repeat-x;
	border-top: 1px solid #ff1500;
	border-bottom: 1px solid #ff1500;
}
.headtop p {
	width: 1004px;
	margin: 0 auto;
	height: 96px;
}
.headtop p a {
	float: left;
	padding: 25px 0 0 0;
}
.headtop p span {
	color: #fff;
	float: left;
	height: 50px;
	background: url(../images/tel.png) left center no-repeat;
	padding: 0 0 0 45px;
	display: inline;
	margin: 20px 0 0 0;
	font-size: 14px;
}
.headtop p span label {
	font-family: Impact;
	font-size: 26px;
}

.news {
	float: left;
	width: 575px;
	background: url(../images/newsright.jpg) #ffffff right top no-repeat;
	height: 211px;
}
p.iname {
	float: left;
	width: 55px;
	height: 211px;
	background: url(../images/newsleft.jpg) left top no-repeat;
	color: #ffffff;
	text-align: center;
}
p.iname label {
	float: left;
	width: 55px;
	background: url(../images/newsline.png) center bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 25px 0
}
p.iname a {
	float: left;
	width: 55px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.news ul {
	float: left;
	width: 488px;
	padding: 0px 0 0 20px;
}
.news ul li {
	float: left;
	width: 488px;
	height: 44px;
	border-bottom: 1px dotted #797979;
	line-height: 44px;
	font-size: 14px;
}
.news ul li a {
	float: left;
	width: 375px;
	font-size: 14px;
	line-height: 44px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #565656;
}
.news ul li span {
	float: right;
	width: 78px;
	padding: 0 5px 0 0;
	color: #929292;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.icontact {
	float: right;
	width: 411px;
	background:#ffffff url(../images/newsright.jpg) right top no-repeat;
	height: 211px;
}
.icontact-con {
	float: left;
	width: 310px;
	line-height: 30px;
	height: 180px;
	overflow: hidden;
	color: #565656;
	font-size: 14px;
	padding: 10px 0 0 20px;
}


/* ==========翻页======= */

div#showpages {
clear:both;
padding:0px;
margin:20px 0px;
width:100%;
height:30px;
white-space: nowrap;
}

div#pagesinfo {
color:#696969;
float:left;
padding:3px 8px;
white-space: nowrap;
}

div#pages {
float:right;
padding-right:8px;
white-space: nowrap;
}

div#pages ul{
margin:0;
padding:0;
}

div#pages a:link,div#pages a:visited,div#pages a:active{
color:#303030;
text-decoration: none;
}

div#pages a:hover{
color:#ff0000;
text-decoration: none;
}

div#pages li{
margin:3px;
padding:2px 5px;
list-style-type: none;
float:left;
background:#dcd9d4;
color:#303030;
border:1px #dcd9d4 solid;
white-space: nowrap;
}

div#pages li.pagesnow{
color:#303030;
background-color:#eee;
white-space: nowrap;
border:1px #dcd9d4 solid;
}

div#pages li.pbutton{
color:#303030;
background-color:#dcd9d4;
padding:3px 5px 1px 5px;
white-space: nowrap;
border:1px #dcd9d4 solid;
}

div#pages li.opt{
color:#303030;
padding:0px;
white-space: nowrap;
border:0px;
}
/* ==提示样式== */

.msgdiv {color:#336699;padding-left:53px;background:url(../images/chk_msg.gif) 30px no-repeat;}
.errdiv {color:#FF0000;padding-left:53px;background:url(../images/chk_error.gif) 30px no-repeat;}
.rightdiv {color:#505050;padding-left:53px;background:url(../images/chk_right.gif) 30px no-repeat;}
.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.securenotice{line-height:100px;color:#FF0000;text-align:center;}


/* ============提示信息窗口============== */
div#alert {display:none;cursor:default;}
div#alert .border{border:1px #97A0AA solid;}
div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 'microsoft yahei',Verdana, Arial;}
div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}
div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}


/* ============弹出frame/或大窗口层============== */
#frmWindow {display:none;cursor:default;}
#frmWindow .border{border:1px #97A0AA solid;}
#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 'microsoft yahei',Verdana, Arial;}
#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}
#frmWindow .Frm{width:100%;height:500px;border:0}
#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}
#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
