@charset "gb2312";
/* CSS Document */
body,ul,li,dl,dt,dd,h1,h2{margin:0;padding:0}
ul,li{list-style:none}
img{border:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
.center{margin:0 auto}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.tcenter{text-align:center}

.bdtopbg,.bdmidbg,.bdfotbg{position:absolute;width:100%}
.bdtopbg{left:0;top:0;z-index:1;background:url(bdtopbg.png);height:50%}
.bdmidbg{left:0;top:0;z-index:3;height:100%}
.bdfotbg{position:fixed;left:0;bottom:0;z-index:2;background:url(bdfotbg.png);height:50%}
.bdmidbg .bg{background:url(bdmbg.png) left center repeat-x}
.wrap{width:1000px;background:#EBEBEB;margin:15px auto}

.head{height:82px;background:#ED1B24}
.logo{float:left;margin-left:25px}
.logo a{display:block;width:153px;height:82px;background:url(logo.png)}
.logotxt{float:left;margin:48px 0 0 30px;width:301px;height:20px;background:url(logotxt.png)}
.qrcode{float:left;width:45px;height:45px;background:url(qrcode.gif);margin:21px 0 0 103px}
.headcontact{float:right;width:316px;height:82px}
.headcontact a{background-image:url(headinfo.gif)}
.headcontactl{float:left;width:173px;margin-top:22px}
.headcontactl a{display:block;width:173px}
.headtel{height:18px;background-position:-174px 0}
.headtel:hover{background-position:0 0}
.headmail{height:17px;background-position:-174px -19px;margin-top:9px}
.headmail:hover{background-position:0 -19px}
.headcontactr{float:left;width:129px;margin:16px 0 0 7px}
.headcontactr a{display:inline-block;width:43px;height:53px}
.headskype{background-position:-44px -37px}
.headskype:hover{background-position:0 -37px}
.headmsn{background-position:-132px -37px}
.headmsn:hover{background-position:-88px -37px}
.headqq{background-position:-220px -37px}
.headqq:hover{background-position:-176px -37px}

.nav{background:url(navbg.gif) repeat-x;height:25px;margin-top:2px}
.nav .nava,.nav .navpro{float:left;font:12px/25px arial;font-weight:bold;color:#F4F4F4;padding:0 25px;background:url(navsplit.gif) right no-repeat}
.nav .nava:hover,.nav .navpro:hover{color:#ED1B24;text-decoration:none}
.nav .navpro{padding-right:45px;background:url(navpro.gif) right no-repeat}
.nav .fr{padding-right:8px}
.nav .fr a{display:inline-block;padding:0 6px 0 7px;margin-top:4px}

#mainMenu{position:relative;z-index:9999999999999}
.dropMenu{POSITION: absolute;PADDING:5px 0;WIDTH:215px;DISPLAY:none;BACKGROUND:url(bg_dropMenu.png) #e0e0e0 repeat-x 50% top;left:83px;TOP:25px}
.dropMenu A{PADDING:3px 15px;WIDTH:185px;DISPLAY:block;COLOR:#666;FONT-SIZE:12px;BORDER-TOP:#cccccc 1px solid;FONT-WEIGHT:bold;}
.dropMenu A:hover{text-decoration:none}
.dropMenuImage{BORDER:#fff 1px solid;POSITION:absolute;TOP:15px;LEFT:215px}
.dropMenuItemHover{BORDER-LEFT:#cccccc 1px solid;PADDING-LEFT:22px !important;BACKGROUND:url(dropMenu_arrow.gif) #fff no-repeat 12px center;COLOR:#EE1D23 !important}
.dropMenuPlaceholder{POSITION:absolute;WIDTH:1px;HEIGHT:1px;VISIBILITY:hidden}

.flash{height:386px}
.indexlist{height:137px;background:url(indexlistbg.gif) repeat-x}
.indexlist{height:137px;background:url(indexlistbg.gif) repeat-x}
.indexlistunit1,.indexlistunit2,.indexlistunit3,.indexlistunit4,.indexlistunit5{float:left;width:138px;background:url(indexlistsplit.gif) right no-repeat;height:127px;padding-top:10px}
.indexlistunit1{padding-left:20px}
.indexlistunit2{padding-left:30px}
.indexlistunit3{padding-left:30px}
.indexlistunit4{padding-left:28px}
.indexlistunit5{width:297px;padding-left:27px;background:none}
.indexlisttitle{font:13px/30px arial;font-weight:bold;color:#000}
.indexlisttitle:hover{color:#ED1C24;text-decoration:none}
.indexlisttitle img{border:1px solid #CCC}
.indexlisttitle:hover img{border:1px solid #ED1C24}
.newtitle{float:left;font:12px/30px arial;font-weight:bold;color:#000;height:30px}
.newmore{float:left;padding-left:164px;height:30px}
.newlist{float:left;margin-left:2px}
.newlist a{font:13px/20px arial;color:#000;display:block;width:170px;word-break:break-all;word-wrap:break-word}
.newlist a span{font-family:simsun}
.newlist a:hover{color:#ED1B24;text-decoration:none}
.indexnewpic{border:1px solid #CCC;padding:1px}
.foot{height:32px;background:#333;font:12px/32px arial;color:#979797;padding-left:8px}

.pd8{padding:8px}

.content{background:white}
.pagetitle{color:#ED1C24;padding-left:25px;line-height:50px}
.pagetitle a{color:#ED1C24}

.leftbodybg{background:url(leftbody.gif) repeat-y;width:234px;float:left;position:relative}
.lefttop{background:url(lefttop.gif);height:22px}
.leftbody{background:url(line1.gif) left repeat-y;padding:0 15px}
.leftbody a{font:13px/20px Arial;font-weight:bold;color:#000}
.leftfoot{background:url(leftfoot.gif);height:22px}
.lefttitlebegin,.lefttitlebegin_1,.lefttitle,.lefttitle_1,.lefttitlelast,.lefttitlenone,.lefttitlenonelast{background:url(ico1.gif) left top no-repeat;height:27px}
.lefttitlebegin a,.lefttitlebegin_1 a,.lefttitle a,.lefttitle_1 a,.lefttitlelast a,.lefttitlenone a,.lefttitlenonelast a{font:13px/27px Arial;font-weight:bold;color:#000}
.lefttitlebegin_1{background-image:url(ico1_1.gif)}
.lefttitle{background-image:url(ico6.gif)}
.lefttitle_1{background-image:url(ico6_1.gif)}
.lefttitlelast{background-image:url(ico1_2.gif)}
.lefttitlenone,.lefttitlenonelast{background-image:url(ico1_2_1.gif)}
.leftul1{margin-left:5px}
.leftul1 .li1{background:url(ico2.gif) left no-repeat;padding-left:32px}
.leftul1 .li2{background:url(ico3.gif) 0 5px no-repeat;padding-left:15px}
.leftul1 .li2_1{background:url(ico3_1.gif) 0 5px no-repeat;padding-left:15px}
.levela:hover{text-decoration:none}
.leftul2{margin-left:6px;background:url(line2.gif) left repeat-y;}
.leftul2 a{font-size:12px;font-weight:normal}
.leftul1 .li2_1 .leftul2{display:none}
.lilast1{background:url(ico4.gif) no-repeat white;padding-left:32px}
.lilast2{background:url(ico5.gif) no-repeat white;padding-left:32px}

.pagecontent{float:left;width:670px;margin:2px 0 0 26px;overflow:hidden;}
.column{width:230px;float:left}
.photo{float:left;margin:0 11px 15px 0}
.photo img{border:1px solid #bbb;padding:3px}
.pro{width:190px;padding:5px;border:1px solid #bbb;float:left;background:url(bg_dropMenu.png) #DDD repeat-x;margin:0 28px 21px 0}
.proa div{background:url(dropMenu_arrowgray.gif) 0 5px no-repeat;padding-left:10px;height:38px}
.proa div b{color:#666;font:12px/17px arial;font-weight:bold}
.proa:hover div{background-image:url(dropMenu_arrow.gif);color:#ED1B24}
.proa:hover div b{color:#ED1B24}
.proa:hover{color:#ED1B24}
.page{text-align:center;padding:0 35px 20px 0;font:13px/25px arial;font-weight:bold;color:#888}
.page a{color:#666;margin:2px}
.page a:hover{color:#ED1B24}

.compname{font:25px/50px arial;margin:0;padding:0}
.contactp{font:14px/35px arial;margin:0;padding:0;border-bottom:1px dashed #999;width:550px}
.add{background:url(ico7.gif) 2px 8px no-repeat;padding-left:32px}
.tel{background:url(ico8.gif) 2px 8px no-repeat;padding-left:32px}
.email{background:url(ico9.gif) 2px 11px no-repeat;padding-left:32px}
.web{background:url(ico10.gif) 2px 8px no-repeat;padding-left:32px}

.news li{float:left;border-bottom:1px solid #EAEAEA;height:90px;padding:10px 0}
.news .li1{padding-left:20px;width:500px;color:#545454;font:13px/22px arial}
.news .li1 a{color:#191919}
.news .li1 p{margin:0;padding:0}
.newname{font:13px/30px arial;color:#545454;border-bottom:1px solid #EAEAEA}
.newname b{color:#191919;font:18px/25px arial}
.newcontent{font:14px/22px arial;color:#545454;padding:10px 0}

.downloadbtn a{display:inline-block;width:255px;height:50px;background:url(btn1.gif);font:23px/50px 'Microsoft YaHei';color:#FFF;font-weight:bold;text-align:center}
.downloadbtn a:hover{background:url(btn2.gif);text-decoration:none}
#downloadtitle{background:#B3B3B3;color:#FFF;font:14px/30px arial;width:553px;margin:1px}
.downloadform{padding:20px 0}
.downloadform li{float:left;height:25px;background:#F2F2F2;margin:1px;font:13px/25px arial;padding:2px}
.downloadform .li1{width:120px;text-align:right;padding-right:10px}
.downloadform .li2{width:415px}
.downloadform .li3{width:421px;padding:15px 0 0 132px;height:45px}

.bigpic{float:left;width:328px;margin-right:8px}
.smallpic{float:left;width:330px}
.picolumn{float:left;width:82px}
.smallpic a{font:12px/15px arial;color:#666;width:80px;margin-left:2px}
.smallpic a .pictxt{height:50px;word-break:break-all;word-wrap:break-word}
.smallpic a img{border:1px solid #999;width:78px}
.smallpic a:hover img{border:1px solid #FE0101}
.cloud-zoom img{border:1px solid #CCC;width:326px}
.cloud-zoom-lens {
	border: 4px solid #fff;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. Download by http://www.codefans.net*/
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #fff;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#fff;
	padding:3px;
	border:1px solid #000;
}

.procontent{font:14px/20px arial;padding:15px 0 25px 0}
.procontent table{font:12px/20px arial;border-top:1px solid #999;border-left:1px solid #999}
.procontent table td{border-right:1px solid #999;border-bottom:1px solid #999;padding:1px}

#focus {overflow:hidden; position:relative;width:984px;height:386px;z-index:1}
#focus ul {height:386px; position:absolute;}
#focus ul li {float:left; width:984px; height:386px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:956px; height:20px; left:0; bottom:0; background:#000;display:none}
#focus .btn {position:absolute; width:936px; height:10px; padding:5px 10px; right:0; bottom:5px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:20px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#FFF;font-size:12px}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;display:none}
#focus .pre {left:0;display:none}
#focus .next {right:0; background-position:right top;display:none}
.srhinput{border:1px solid #999;color:#a0a0a0;height:19px;line-height:18px;float:left}
.srhbtn{background:#c80000;border:1px solid #c80000;color:#FFF;font-weight:bold;font-family:arial;font-size:12px;margin-left:5px;height:23px;float:left}