/* CSS Document */

body {text-align: center; margin:0; padding:0; background: url(../images/bod_topbg.gif) top repeat-x; font-size:12px; color:#333; font-family:Tahoma, Verdana, Arial, sans-serif, "宋体";line-height:120%;}
body > div {margin-right:auto; margin-left:auto;} 
input,select {
	font-family: Tahoma, Verdana, Arial, sans-serif, "宋体";
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #CCCCCC;
	padding-right: 2px;
	padding-left: 2px;
	 background:none
}

div,form,ul,ol,li,span {margin: 0; padding: 0; border: 0;}
img,a img{border:0; margin:0; padding:0;}
h1,h3,h4,h5,h6,h2 { margin:0; padding:0;font-size:12px;font-weight:normal;}
ul,ol,li {list-style:none;}

a:link          {color: #333; text-decoration: none }
a:visited       { color: #333; text-decoration: none }
a:active        { color: #333; text-decoration: none }
a:hover         { color: #FF6600; text-decoration: none }
/*index*/
.wrap{width:974px; overflow:hidden; margin:0 auto;}
.search{ float:left; width:400px; height:25px; margin-top:43px}
.btn02 {
	font-family: Tahoma, Verdana, Arial, sans-serif, "宋体";
	color: #666666;
	background: url(../images/btn02.gif);
	height: 19px;
	width: 56px;
	border: 0px;
	border-style: none;
}

.top{ height:81px;width:974px;}
.top .left{width:430px; height:81px; float:left;}
.top .right{float:right;height:41px; width:auto; text-align:left;padding-top:40px;}
.nav{ width:954px; height:66px; background:url(../images/navbg.gif) no-repeat top left; clear:both; float:left; padding-left:20px;}
#menu {width: 100%; height: 66px;}
#menu-parent { margin:auto; height: 33px}
#menu-parent .xs{ float:left; width:2px; height:33px; background:url(../images/nav_x.gif) no-repeat;}
#menu-parent A { font-weight:bold; color:#fff; 
	text-align: center; line-height: 33px; padding-left: 1px; width: 100px; display: block; float: left; height: 33px;}
#menu-parent A:hover {
color:#333; font-weight:bold; background:url(../images/nav_overbg.gif) center no-repeat!important}
#menu-parent A:active {background:url(../images/nav_overbg.gif) center no-repeat!important} 
#menu-parent .menuA { font-weight:bold; color:#333; background:url(../images/nav_overbg.gif) center no-repeat!important}
#menu-son { text-align:left;margin:0; padding:0; width: 970px; clear: both}
#menu-son DIV {line-height: 33px; display: none; height: 33px; color: #777}
#menu-son A {color: #777}
#menu-son A:hover {color: #FF6600;}
#menu-son A:active {color: #FF6600;}
#son1 { margin-left: 24px}
#son2 {margin-left: 125px}
#son3 {margin-left: 203px}	
#son4 {margin-left: 380px}
#son5 {margin-left: 437px}
#son6 {margin-left: 50px}
.son66{color:#ff6600; font-size:14px; font-weight:bold}
#son7 {margin-left: 500px}
#son8 {margin-left: 322px}
#son9 {margin-left: 250px}

.index_baner{ width:974px; height:208px;clear:both; padding:10px 0;}
.index_leftmain{width:723px;margin-right:0px;float: left;}
.company{ width:723px; height:auto; overflow: hidden; padding-top:10px; clear:both;}
.company h1{ width:723px; height:29px; background:url(../images/cpytile_bg.gif) no-repeat;}
.company .indexabout{ text-align:left;line-height:20px;padding:10px 10px 10px 10px; width:701px; display:block; border:1px solid #aacbee; border-top:none;}
.index_rightmain{width:236px; float:right;}
.rt_po{
	width:236px;
	background:url(../images/mesg.gif) no-repeat top;
	padding-top:56px;
	height:154px;
}
.rt_po p{
	margin:0;
	display:block;
	text-align:left;
	width:204px;
	color:#1972aa;
	font-weight:bold;
	height:153px;
	border:1px solid #c7d9e4;
	border-top:none;
	line-height:24px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.rt_po p .f12fe4648{ color:#fe4648;}
.rt_po p .kf{ display:block; float: left; height:23px; width:81px; text-align:center; line-height:23px; font-weight:bold; color:#fff; background:url(../images/kfbtn_bg.gif) no-repeat; margin:5px;}
.rt_po p .kf a{ color:#fff; display:block;}
.new{width:234px; overflow:hidden; margin-top:10px;  border:1px solid #c7d9e4;}
.new h1{ background:url(../images/newstitle.gif) repeat-x; height:22px; padding-top:10px; text-align:right; padding-right:20px;}
.new h2{ background:url(../images/videotitle.gif) repeat-x; height:22px;padding-top:10px;text-align:right; padding-right:20px; *margin-bottom:19px;}
.new ul li{ height:27px; color:#647181; text-align:left; padding:0 10px; line-height:27px;}
.new ul li a:link,.news ul li a:visited,.news ul li a:active{ color:#647181;}
.new ul li a:hover{ color:#f60;}

.footer{ background:url(../images/foot_bg.gif) repeat-x bottom; height:60px; width:974px; clear: none; float:left; padding-top:15px; margin-top:3px;}
.footer .center{ float:left; width:900px; padding-left:10px; text-align:left; font-family:Verdana,"宋体";color:#1972aa;height:49px; line-height:24px;}
.footer .center a:link,.footer .center a:visited,.footer .center a:active{ color:#1972aa;}.footer .center a:hover{ color:#f60;}

/*index end*/



.rightnav{width:190px; float:left;overflow:hidden;}
.rightnav ul{width:190px; height:auto; padding-top:10px;}
.rightnav ul li{float:left; text-align:left; width:190px; font-weight:bold;}
.rightnav ul  a:link,.rightnav ul a:visited{text-decoration:none;padding-top:8px;background:url(../images/sidenavbg3.gif);color:#1d6e96;padding-left:35px; display:block; height:23px;}
.rightnav ul  a:hover{color:#000; text-decoration:none; background:url(../images/sidenavbg2.gif); display:block;padding-top:8px;}
.rightnav ul .title1{padding-top:8px; background:url(../images/sidenavbg1.gif); padding-left:25px; color:#000; height:20px;}
.rightnav .title2{ padding-top:8px;font-weight:bold;background:url(../images/sidenavbg2.gif) no-repeat;padding-left:35px;height:23px; color:#555;}
.rightnav ul .title4{ background:url(../images/sidenavbg4.gif); height:142px;}

.rightnav ul .smallnav {width:190px; height:auto; padding-top:0px;overflow:hidden; margin:0; display:block;}
.rightnav ul .smallnav li{float:left; text-align:left; width:190px; display:block; height:26px;font-weight:100; }
.rightnav ul .smallnav a:link,.rightnav ul .smallnav a:visited{text-decoration:none;padding-top:6px;background:url(../images/sidenavbg6.gif);color:#1d6e96;padding-left:45px; display:block; height:26px;}
.rightnav ul .smallnav a:hover{color:#000; text-decoration:none; background:url(../images/sidenavbg5.gif); display:block;padding-top:6px;}


/*right end*/


/*news*/
news{width:95%;color:#666;margin:15px 0 0 20px;height:300px; }
.nTit {color:#FF6600;
border-bottom:1px solid #eee;
border-top:1px solid #eee;
padding:5px 0;
height:21px;
padding-left:30px;
font-weight:bold;
background:url(../images/bg3.gif) repeat-x;
text-align:left;
 font-size:12px;
 line-height:21px;
}
.nTit span{padding-right:500px; }
.Newslist {margin:0 auto;text-align: center; font-size:12px;}
.Newslist li {
line-height:15px;
width:92%;
margin-top:10px;
margin-left:10px;
border-bottom:1px dotted #ccc;
text-align:left;
padding:4px 0 0 30px;
height:20px;
background:url(../images/arr.gif) no-repeat 5px 30%;
}
.Newslist li a{color:#333;}
.Newslist em{font-style:normal; float:right; margin-right:65px;}
.Newslist li a:hover{ color:#ff6600}
.Newslist li span {color:#333;margin-right:30px;}

/*news end*/
/*connectus*/
.content{width:763px;margin-right:15px;float: left; clear:both;}
.header{ width:763px;clear:both; padding:10px 0;}
.connectus{ width:763px; overflow: hidden;}
.connectus h1{ width:733px; height:44px; background:url(../images/ctustile_bg.gif)  no-repeat; color:#0097cc; font-size:14px; font-weight:bold; line-height:45px; text-align:left; padding-left:33px; }
.connectus span{ float:left; width:auto; height:auto;}
.connectus .title{  font-weight:normal;float:right; height:auto; font-size:12px; color:#666; padding-right:20px;}
.connectus .title a{ color:#666;}
.connectus .title a:hover{ color:#ff6600;}
.connectus .bodynew{ text-align:left;padding:10px 5px 30px 10px;width:740px; height:auto;border:1px solid #e5effa; border-top:none;float:left;line-height:25px; }

.connectus table{border-right:1px solid #e3ecf6;border-top:1px solid #e3ecf6; margin-bottom:30px; font-size:14px; color:#333; width:100%;}
.connectus table a:link,.contact table a:visited{ color:#ec5a04; text-decoration:none; font-size:12px;}
.connectus table a:hover{ color:#ec5a04; text-decoration:underline;}
.connectus table tr td{ border-bottom:1px solid #e3ecf6;border-left:1px solid #e3ecf6; line-height:25px; text-align:center;}



/*contact*/
.contact_leftmain{width:763px;margin-right:15px;float: left;}
.contact_baner{ width:763px;clear:both; padding:10px 0;}
.contact{ width:763px; height:auto; overflow: hidden;}
.contact h1{ width:733px; height:44px; background:url(../images/ctustile_bg.gif)  no-repeat; color:#0097cc; font-size:14px; font-weight:bold; line-height:45px; text-align:left; padding-left:33px;}
.contact .fream{ text-align:left;padding:10px 10px 30px 10px;width:735px;border:1px solid #e5effa; border-top:none;float:left; overflow:hidden;}
.contact table{ text-align:left; border-right:1px solid #e3ecf6;border-top:1px solid #e3ecf6; margin-bottom:30px; font-size:14px; color:#333;}
.contact table a:link,.contact table a:visited{ color:#ec5a04; text-decoration:none; font-size:12px;}
.contact table a:hover{ color:#ec5a04; text-decoration:underline;}
.contact table tr td{ border-bottom:1px solid #e3ecf6;border-left:1px solid #e3ecf6; height:45px;padding-left:15px; line-height:40px;}
/*contact end*/


/*products*/
.indexpic{width:710px;background:url(../images/cygd.gif) no-repeat; height:27px; text-align:left; padding:12px 0 0 17px; }
 .mpic{
	width:721px;
	overflow:hidden;
	border:1px #aeceea solid;
	border-top:none;
	color:#666;
	height: 348px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
 .pro_left{float:left;text-align:left; margin:0 0 20px 20px!important; margin:0 0 20px 10px;  width:335px}
 .product_left{float:left;text-align:left; margin:0 0 20px 20px!important; margin:0 0 20px 10px;  width:670px}
 .mproduct_left{ border:1px #CCC solid; float:left; width:120px; height:100px;padding:2px;}
 .mpro_left{ border:1px #CCC solid; float:left; width:120px; height:120px;padding:2px;}
 .mpro_title{ float:left; width:auto; margin-left:5px; line-height:20px;}
 .mpro_pname{width:120px;line-height:23px;height:20px;overflow:hidden;}
 .mproduct_title{
	float:left;
	width:520px;
	margin-left:5px;
	line-height:20px;
	height: 100px;
}
 .mproduct_title a{ color:#666; font-weight:bold;}
 .mproduct_title a:hover{color:#ff6600;}

 .mproduct_title li a{float:left;display:inline; width:520px; white-space: nowrap; overflow: hidden; 

          o-text-overflow: ellipsis;/* for Opera */
         text-overflow: ellipsis;/* for IE */}
		 
.mproduct_title p a{
	float:left;
	height:80px;
	width:520px;
	overflow: hidden;
	o-text-overflow: ellipsis;/* for Opera */
	text-overflow: ellipsis;/* for IE */
	display: block;
	white-space: normal;
}

 .mpro_title a{ color:#666; font-weight:bold;}
 .mpro_title a:hover{color:#ff6600;}
.mpro_title li {float:left; width:185px; overflow: hidden; 

          o-text-overflow: ellipsis;/* for Opera */
         text-overflow: ellipsis;/* for IE */}
 .mpro_title li a{float:left;display:inline; width:185px; white-space: nowrap; overflow: hidden; 

          o-text-overflow: ellipsis;/* for Opera */
         text-overflow: ellipsis;/* for IE */}

  .mainpro_left{
	float:left;
	text-align:left;
	width:120px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 16px;
}
 .fooerc{ clear:both; line-height:20px; margin-top:5px;height:24px; *height:auto;}
 
 .pro_t{ height:auto;width:97%; clear:both;white-space: nowrap;padding-left:20px; text-align:left; padding-left:20px;}
 .pro_t a{ color:#666666; float:left; width:auto; margin-right:15px; line-height:20px;display: block; text-decoration:underline;}
 .pro_t a:hover{color:#ff6600;}
 
 .prolist{ white-space: nowrap;height:auto;width:100%; padding:10px 0 10px 0;border-top:none;}
 .prok{ white-space: nowrap;height:auto;width:710px; padding:10px 0 10px 20px;border-top:none;}
.prok ul li{float: left;
	display:inline; width:120px; min-height:130px;margin:0 20px 20px 1px; 
	 text-align:center; overflow:hidden}
.prok li a img{
height:98px; width:114px;
	 border:1px solid #ccc;padding:2px;}
.prok a:link,
.prok a:active,
.prok a:visited,
.prok a:hover
{background:none;color: #666;text-decoration: none;}
.prok a:hover	
{color: #ff6600;}	
.prok li a strong {margin-top:3px;		
	width:118px; 
	height:20px; 
	display:block; 
	font-weight:100; 
	color:#333; 
	white-space:nowrap;
/*	text-overflow:ellipsis; */
        overflow:hidden
	}

.prok li a:hover img { 
	border-color: #8FC2D8;
}
.prok li a:hover strong { 
	color:#ff6600;
}

.pager{width:99%; line-height:18px;padding:10px 0px 0 2px;font-size:14px;font-weight:normal; border-top:1px #cccccc dashed;margin-top:10px;clear:both;}
.pleft{width:30%;float:left;text-align:left;}
.pright{width:70%;float:right; text-align:right;}
.pager .pright a:link,.pright a:hover,.pright a:visited{font-size:14px;}

.newshow{width:99%; text-align:center; font-size:14px; font-weight:bold; color:#ff0000; clear:both;}
.newshow .newtime{font-size:12px; color:#666666;font-weight:normal;border-top:1px #cccccc dashed;padding-top:8px;margin-top:8px;}
.newshow .newmsg{font-size:14px; text-align:left;color:#333333; font-weight:normal;margin-top:20px;line-height:25px;white-space:normal}
.newshow .newmsg a{font-weight:bold;}

.inputcss {
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	padding:3px;
}

.proorder{width:99%; border:1px #cccccc solid; margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.proorder .ordertitle{width:99% !important; width:99%;padding-left:30px;border-bottom:1px #cccccc solid;line-height:30px; background:#efefef;font-size:14px; font-weight:bold;color:#ff6600;}
.proorder ul{width:100%; padding:3px; margin:1px;line-height:30px; min-height:30px;  border-bottom:1px #cccccc solid;clear:both;}
.proorder .messages{ height:145px;*height:auto;}
.oleft{width:20%;float:left;text-align:right;}
.oright{width:80%;float:right;}

.repictitle{text-align:left;font-size:14px; font-weight:bold;color:#ff6600;height:25px;border-bottom:1px solid #ff6600;margin-bottom:8px;padding-left:5px;}
.repictitle span{float:right;margin-right:10px;font-size:12px;font-weight:normal;}
.repic{ width:730px; text-align:left; overflow:hidden;}
.repic a{font-weight:100;font-size:12px; text-overflow:ellipsis;overflow:hidden;margin-right:5px;width:235px; line-height:22px; float:left; white-space:nowrap; display:inline}
.repic a:hover{color:#ff6600;}

.weblink{margin:0px; padding:3px;width:100%;}
.weblink li{width:23%;float:left;padding:2px;margin:2px; border:1px solid #efefef; text-align:center; white-space:nowrap; text-overflow:clip; overflow:hidden;}

.link{ clear:both; width:882px;height:48px;border:1px solid #AACBEE; background:url(../images/link.jpg) no-repeat left; padding:7px 0 0 90px; margin-top:8px; float:left} 
.link a{margin-right:10px; color:#666; line-height:22px; float:left; white-space:nowrap; display:inline}
.link a:hover{color:#ff0000;}
.indexabout p {
	text-indent: 20px;
}