﻿/*base*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body, button, input, select, textarea { font:12px/1.5 tahoma,arial,宋体,sans-serif; }
body { background:transparent url(head.jpg) repeat-x 0 0; line-height:24px; color:#333; }
ol,ul {list-style:none;}
fieldset,img {border:0;}
em, address, b { display:inline; font-style:normal; }
label { font-weight:normal; }
input { _height:18px; }
.clr {clear:both;font-size:1px;height:0;line-height:0;}
.clx{*zoom:1;}
.clx:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.pr20 { padding-right:20px; }
.tac { text-align:center; }
.tar { text-align:right; }
.lhp30 { line-height:26px; padding-left:20px; margin-top:10px;}
.lhp20 { line-height:20px; }
.mg40 {float:left;margin-bottom:10px;margin-right:30px;}
.fb14 { font-size:14px; font-weight:bold; }
.btn { border:none; text-indent:-9999px; cursor:pointer; }
#jsContainer { clear:both; text-decoration:none;}

.word10_hei {
	FONT-SIZE: 10pt;
	COLOR: #000000;
	LINE-HEIGHT: 15pt;
	FONT-FAMILY: "??";
	font-weight: 800;
}

.STYLEDF232 {font-size: 12px; color: #5E5E5E; }



/*link*/
a:visited, a:link {COLOR: #0453AF; TEXT-DECORATION:none;}
a:active, a:hover {COLOR: #FF6600; TEXT-DECORATION:underline;}
a.img {display:block; border: #D8DFEF 1px solid;  padding:2px;}
a.img:hover { border:1px solid #ff0000;}

.page { text-align:right; padding-right:40px; }

.img { padding:2px; border:1px solid #D8DFEF; display:block; text-align:center; }
.img:hover { border-color:#FF6600; }

/*color*/
.red, .red:hover, .red:link{ color: #FF0000;}
.blue, .blue:hover, .blue:link{ color:#0000FF;}
.orange{color:#FF6600;}
.orange_14{color:#FF6600; font-size:14px; font-weight:bold}
.black{color:#000;}
.yellow{color:#FFFF00;}
.del{text-decoration: line-through;}
.gray{ color:#666666}
.white{ color:#FFFFFF}

.head, .contain, .present, .footer { width:980px; margin:0 auto; }
h2{ font-size:14px; color:#FFF; font-weight:bold; text-indent:10px;}
h3{ font-size:14px; color:#0F5DB2; font-weight:bold; text-indent:10px;}
h3 a { font-size:12px; color:#000;float:right; padding-right:12px; font-weight:normal;}

/*head*/
.head { height:140px; position:relative; margin-bottom:10px; padding-top:18px; }
#logo {display:block;width:392px; height:41px; text-indent:-9999px; background: url(logo.gif) repeat scroll 0 0 transparent;}
#logoen {display:block;width:512px; height:52px; text-indent:-9999px; background: url(logoen.gif) repeat scroll 0 0 transparent;font-family:Times New Roman;}
#nosing{ width:280px; height:20px; line-height:20px; background: url(top.jpg);  position:absolute; right:10px; top:10px;}
#nosing li { float:left; width:58px; padding-left:12px; color:#989898;}
#nosing li a{color:#989898;}

#nosingen{ width:280px; height:20px; line-height:20px; background: url(top.jpg);  position:absolute; right:10px; top:10px;}
#nosingen li { float:left; width:58px; padding-left:12px; color:#989898;}
#nosingen li a{color:#989898;}

#menu { position:absolute; top:89px; left:1px; }
#menu li { float:left; width:95px; }
#menu li a { display:block; width:90px; height:32px; line-height:32px; font-size:14px;color:#000; background: url(menu.jpg); text-decoration:none; text-align:center; }
#menu li a.s, #menu li a:hover, .Index a.Index, .About a.About, .Product a.Product, .Facility a.Facility, .Project a.Project, .LeaveWord a.LeaveWord, .Contact a.Contact {background: url(menuS.jpg); color:#FFF;  font-weight:bold;}

/*contain*/
.left { float:left; width:257px; margin-top:10px;}
.right { float:right; width:715px; margin-top:10px; }

.sort{background:#E5F3FE url(sort.jpg) repeat-x 0 0; width:257px;}
.sort h2{text-indent:30px; line-height:40px;}
.ProductClass{ padding:10px;}
.ProductClass li{ background:url(a1.gif) no-repeat left; text-indent:20px; font-weight:bold;}
.subclass { padding:0 0 12px 0; }
.subclass li {float:left; width:45px; margin-left:5px; overflow:hidden; display:inline; background:url(sortpic.jpg) no-repeat;}

.titlewenzi { padding-top:15px;padding-left:12px;padding-bottom:10px; }

.hong_b {
	font-family: "??";
	font-size: 10pt;
	font-weight: 700;
	color: #F71818;
}

.boxother{ margin-top:6px;background:url(searchbg.jpg) repeat-x 0 0; width:257px;  float:left; }
.boxother dl {float:left; margin-top:5px; padding:10px; padding-top:2px; padding-bottom:4px;}

.box{ margin-top:6px;background:url(fenleibg.jpg) repeat-x 0 0; width:257px;  float:left; height:190px;}
.box dl {border-bottom:#E9E9E9 1px dashed; float:left; margin-top:1px; padding:10px;  padding-bottom:4px;}
.box dl dt{padding-left:25px;}
.box dl dt img{width:180px; height:120px;}
.box dl dd{ width:126px; float:left; padding-left:60px; overflow :hidden; text-overflow: ellipsis; white-space : nowrap;  padding-top:16px;}
.box p{ padding:10px;}


.newsshowleft{ background:url(indleftbg1.gif) repeat-x 0 0;  width:257px;  float:left; height:506px; margin-top:8px; }
.newsshowleft dl {border-bottom:#E9E9E9 1px dashed; float:left;  padding:3px;}
.newsshowleft dl dt{float:left; }
.newsshowleft dl dd{ background:transparent url(/images/a1.gif) no-repeat 6px 3px; width:200px; float:left; padding-left:25px; overflow :hidden; text-overflow: ellipsis; white-space : nowrap; line-height:22px;}
.newsshowleft dl dd a {color:#000;}

.pleft{ background:url(pleftbg.gif) repeat-x 0 0;  width:257px;  float:left; height:518px; margin-top:8px; }
.pleft dl {border-bottom:#E9E9E9 1px dashed; float:left;  padding:3px;}
.pleft dl dt{float:left; }
.pleft dl dd{ background:transparent url(/images/a1.gif) no-repeat 6px 3px; width:200px; float:left; padding-left:25px; overflow :hidden; text-overflow: ellipsis; white-space : nowrap; line-height:22px;}
.pleft dl dd a {color:#000;}

.info{}
.info .title{ width:715px; background: url(ind-tit.gif) no-repeat;} 
.info .ggtitle{ width:715px; background: url(ggbj.gif) no-repeat;} 
.info .jsPic, .info .infoCon, .info .infoC{height:280px; margin:10px 0;}
.info .jsPic{ float:left; width:235px;} 
.info .infoC{float:left; width:436px; padding-right:8px; padding-left:8px;line-height:26px; color:#000;} 
.info .infoC p{ text-indent:2em;} 
.info .infoCon{  padding-left:25px; padding-right:25px;  width:690px; } 
.info .infoCon p{ text-indent:2em; line-height:28px;} 

.Product{}
.Product .title{ width:715px; background: url(ind-tit.gif) no-repeat; margin-bottom:10px; float:left;line-height:20px;padding-top:4px;padding-left:17px;}
.Product .more{ float:right; padding-right:28px;}
.Product ul{ padding-left:60px;}
.Product li{ width:250px; height:220px;float:left;padding-left:20px;padding-top:20px;}
.Product li img{ padding:5px;}
.Product li span{ width:173px;}
.Product .center{ text-align:center; margin-top:5px; line-height:20px;}
.Product .big img{ width:195px; height:173px; }
.Product .big span{font-size:16px; font-weight:bold; padding-left:10px;}
.Product .imgs{width:195px; height:173px; background:url(photobg2.gif) no-repeat; display:block;}


.Photo{}
.Photo .title{ width:740px; background: url(product.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px;}
.Photo .more{ float:right;}
.Photo li{ width:310px; height:350px;float:left; padding-left:40px;}
.Photo li img{ padding:5px;}
.Photo li span{ width:300px;}
.Photo .center{ text-align:center; margin-top:5px; line-height:20px;}
.phtitle{ width:410px; float:right; font-size:14px;}
.phtitle li{ height:40px; width:410px;}
.phtitle h1{ color:#FF0000; font-size:16px; font-weight:bold;}


.PdtPic{ width:350px; height:260px; background:url(picCon.jpg) no-repeat; padding:5px; display:block; float:left;}
.parameter{ width:370px; float:right; font-size:14px;}
.parameter li{ height:40px; width:370px;}
.parameter h1{ color:#FF0000; font-size:16px; font-weight:bold;}
.btnBook, .btnBuy{ width:127px; height:36px; background: url(but.jpg) no-repeat; display:block; border:none; float:left;}
.btnBuy{ background-position:-147px 0px; margin-left:20px;}
.titbg{ width:738px; height:25px; background:url(titbg.jpg); border:1px solid #D9D9D9; font-size:14px; text-indent:10px;}
.ProductInfo{ padding:10px;}
.ProductInfo p{ text-indent:2em;}

.LeaveWord{}
.LeaveWord .title{ width:740px; background: url(LeaveWord.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px;}
.LeaveWord tr{ height:40px;  color:#999;}
.LeaveWord th{ width:100px; text-align:right; font-weight:normal;}
.LeaveWord .text{ width:300px; height:22px; border:#CCC 1px solid;}
.LeaveWord .txtComment{ width:400px; height:100px; border:#CCC 1px solid;}
.btnLeave{ width:59px; height:25px; background:url(btnLeave.jpg); border:none;}
.LeaveWord .Review li{  border-bottom:1px solid #CCCCCC; color:#787878; line-height:25px; margin-bottom:5px; padding:10px 0;}
.LeaveWord .Review li p { color:#333;}
.LeaveWord .Review .ask{ background:url(ask.jpg) no-repeat; padding-left:20px;}
.LeaveWord .Review .answer{ background:url(answer.jpg) no-repeat; padding-left:20px; color:#FF6600;}

.buyproduct{}
.buyproduct .title{ width:740px; background: url(LeaveWord.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px;}
.buyproduct tr{ height:40px;  color:#333333;}
.buyproduct th{ width:100px; text-align:right; font-weight:normal;}
.buyproduct .text{ width:100px; height:22px; border:#CCC 1px solid;}


.Project .title{ width:740px; background: url(Project.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px;}
.Project li{ width:185px; height:200px;float:left;}

.news .title{ width:740px; background: url(Project.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px;}
.news li{ width:740px; height:150px;float:left;}


.Facility .title{ width:740px; background: url(Facility.jpg) no-repeat; border-bottom:1px #005BA1 solid; margin-bottom:10px; }
.Facility  li { width:330px; height:250px;float:left;  }

/* link */
#pri_link { border:solid 1px #CCC; height:130px; margin-top:10px;}
#pri_link .title { margin:0; padding:3px; font-size:12px; padding-left:10px; background:transparent url(/images/linkbg.gif) repeat-x left top; }
#pri_link .title span { float:right; padding-right:10px; }
#pri_link ul { padding:5px; list-style:none; height:130px; }
#pri_link ul li { display:inline; float:left;  text-align:center; height:22px; line-height:22px; margin-left: 7px;
    margin-right: 10px;}
#pri_link ul li a { color:#8C8C8C;}


.cata ul{ width:200px;}
.cata ul li{ display:inline; float:left; width:30px; text-align:center; height:22px; line-height:22px; }

#tbLJ { }
#tbLJ tr { height:30px; line-height:30px; }
#tbLJ th, #tbLJ label { font-weight:normal; text-align:right; }

.footer { border-top:#276CAD 2px solid; margin-top:10px; text-align:center; line-height:24px; height:60px;}

#EntDesc { height:24px; line-height:24px; overflow:hidden;}
#EntDesc .entTitle { float:left;line-height:20px;padding-top:4px;padding-left:8px;color:#000; }
#EntDesc .newsTitle { float:right; color:#000; padding-right:8px; font-size:12px;width:90px;font-weight: normal; }
#EntDesc .newsTitle a { color:#000; font-size:12px;width:70px;font-weight: normal; }
#EntDesc .newsList { float:right; width:480px; font-size:12px; color:#000; font-weight: normal;}
#EntDesc .newsList a { float:right; width:480px; font-size:12px; color:#000; font-weight: normal;}


.tb-slide { width:235px; height:175px; overflow:hidden; position:relative; }
.tb-slide .tb-slide-triggers { height:18px; padding-top:2px; position:absolute; bottom:5px; right:5px; z-index:10;}
.tb-slide .tb-slide-triggers li { float: left;  color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #FF7300; background-color: #fff; }
.tb-slide .tb-slide-triggers .cur { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #FF7300; font-weight: bold; }

#J_BannerSlide { width:980px; height:210px;}
#J_aboutSlide { width:600px; height:400px;}