﻿@charset "utf-8";
#Banner { height: 260px; overflow:hidden; position:relative; }
#Banner .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
#Banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
#Banner .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
#Banner .hd ul li.on{ background:#2E58BE; color:#fff; }

#Main { background: url(../Images/MainBj.gif) center top no-repeat; min-height: 400px; padding-top:30px; }
#Left { width:242px; float:left; }
#Right { float:right; width:740px; }


.Title { background:url(../images/RightTitleBj.png) left top repeat-x; }
.Title .T { float:left; display:block; overflow:hidden;  text-indent:-9999em; }
.Title .more{ float:right; display:block; margin-top:8px; margin-right:15px; }

/*#Left*/
.LeftBox { margin-bottom:13px; }
.LeftBox .Title { height:41px; font-size:19px;  letter-spacing:1px; color:#FFF; text-align:center; line-height:41px; text-shadow:1px 1px 2px #333; background:url(../Images/LeftTitle.png) left top no-repeat;  }
.LeftBox .Box { border:1px solid #E3E3E3; border-top:none; }

.LeftBox.Category .Box { background:#EFEFEF; }
.LeftBox.Category .Box ul { padding:5px 0px; }
.LeftBox.Category .Box ul li { line-height:35px; padding-bottom:1px; background:url(../Images/CategoryLibj.gif) center  bottom no-repeat; padding-left:50px; }
.LeftBox.Category .Box ul li:last-child { background:none; }
.LeftBox.Category .Box ul li a { background:url(../Images/CateAr.gif) left 6px no-repeat; padding-left:12px; font-size:14px; }
.LeftBox.Category .Box ul li a:hover,.LeftBox.Category .Box ul li a.sel { background-position:left -34px; color:#5175D5; }

.LeftBox.Article .Box { padding:0px; border:none; }
.LeftBox.Article .Box ul { padding:5px 0px; }
.LeftBox.Article .Box ul li { border-bottom:1px dashed #CCC; line-height:30px; padding:0 12px; }
.LeftBox.Article .Box ul li:last-child { border-bottom:none; }
.LeftBox.Article .Box ul li a {  font-family:SimSun; }

.LeftBox.ImgBox{ position:relative;}
.LeftBox.ImgBox .Box { overflow:hidden; position:relative; padding:0px; border:none; border:1px solid #E3E3E3; width:240px; height:218px; text-align:center; display:table-cell; line-height:218px; vertical-align:middle;}
.LeftBox.ImgBox .Box ul li{ width:240px; height:218px;}
.LeftBox.ImgBox .Box ul li img{ vertical-align:middle; max-width:220px; max-height:210px;}

.LeftBox.ImgBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.LeftBox.ImgBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.LeftBox.ImgBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
.LeftBox.ImgBox .hd ul li.on{ background:#2E58BE; color:#fff; }




.LeftBox.Contact .Box { font-family:SimSun; padding:10px; line-height:2; background:url(../Images/LeftContactbj.jpg) right bottom no-repeat; }
.LeftBox.Contact .Box h1 { color:#f00; font-size:14px;  line-height:2; text-align:center; }
.LeftBox.Contact .Box span { padding-left:34px; }



/*Right*/


.About { border:1px solid #EFEFEF; margin-bottom:12px; }
.About .Title { height:41px; margin-bottom:8px; }
.About .Title .T { width:321px; height:41px;  background:url(../Images/AboutTitle.png) left top no-repeat; }
.About .Box { padding:10px; height:190px; }
.About .Box img { float:left; margin-right:20px; padding:1px; border:1px solid #CCC; }
.About .Box h2{ text-align:center; color:#5175D5; font-size:20px;}
.About .Box p { text-indent:24px; line-height:2; padding-top:8px; color:#333; font-family:"宋体"; }
.About .Box p a{ color:#5175D5}
 
.Product {  border:1px solid #EFEFEF; margin-bottom:12px;}
.Product .Title { height:49px; position:relative; }
.Product .Title .T {  display:block; width:312px; height:49px; background:url(../Images/ProductTitle.png) left top no-repeat; position:absolute; left:-4px; top:0px; }
.Product .Box { padding:10px 0px; min-height:250px; }

.Pro { width:172px; height:auto; float:left; margin-left:10px;  margin-bottom:5px; }
.Pro .ProImg { width:170px; height:140px; line-height:135px; border:1px solid #CCC; display:table-cell; vertical-align:middle; text-align:center; }
.Pro .ProImg img { max-width:170px; max-height:131px; vertical-align:middle; }
.Pro .ProName { text-align:left; line-height:25px; height:25px; padding-top:4px; padding-left:5px; overflow:hidden; }
.Pro .ProName a { font-weight:bold; display:block; text-align:center;line-height:25px; height:25px; overflow:hidden }
.Pro .ProName span { display:block; font-size:12px; color:#888; }

.Customs{border:1px solid #EFEFEF;}
.Customs .Title { height:49px; position:relative; margin-bottom:5px; }
.Customs .Title .T {  display:block; width:412px; height:49px; background:url(../Images/CUstomers.png) left top no-repeat; position:absolute; left:-4px; top:0px; }
.Customs .Box{ height:115px; overflow:hidden;}
.Customs .Box ul{}
.Customs .Box ul li{ height:50px; margin-bottom:8px; margin-left:12px;  overflow:hidden;}
.Customs .Box ul li img{ width:100px; height:50px; float:left; margin:0 4px;}


.Article { margin-top:10px; border:1px solid #EFEFEF; }
.Article .Title { height:49px; position:relative; }
.Article .Title .T { background:url(../Images/NewsTitle.png) left top no-repeat; height:49px; width:308px; position:absolute; left:-4px; top:0px; }
.Article .Box { min-height:170px; padding:10px 25px; }
.Article .ArticleBox { width:450px; }
.Article .ArticleBox div.T { font-size:18px; color:#D13536; margin-bottom:2px; }
.Article .ArticleBox div.T a:link,.Article .ArticleBox div.T a:visited{ color:#FF0000}
.Article .ArticleBox ul { }
.Article .ArticleBox ul li { background:url(../Images/dian.jpg) left center no-repeat; padding-left:12px; height:28px; }
.Article .ArticleBox ul li a { display:block; height:28px; line-height:28px;  border-bottom:1px dashed #CCC; }
.Article .ArticleBox ul li a span { float:right; color:#888; }


.PhotoBox { margin-top:20px; border:1px solid #EFEFEF;}
.PhotoBox .Title { height:49px;  position:relative; }
.PhotoBox .Title .T { width:308px; height:49px; background:url(../Images/Photo.png) left top no-repeat;}
.PhotoBox .Box { min-height:130px; padding:10px 20px; }
.PhotoBox .Box .Ar { display:block; float:left;  width:16px; height:142px; background-image:url(../Images/photoAr.gif); background-repeat:no-repeat; }
.PhotoBox .Box .lar { background-position:left center; }
.PhotoBox .Box .rar { background-position:right center; }
.PhotoBox .Box .MoveBox {  width:635px; height:142px; float:left;  margin:0 15px; overflow:hidden; }
.PhotoBox .Box .MoveBox ul{ overflow:hidden; zoom:1; }
.PhotoBox .Box .MoveBox ul li{ margin:0 3px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.Photo { width:151px; height:auto; }
.Photo .PhotoImg { width:149px; height:114px;  display:table-cell; vertical-align:middle;  border:1px solid #CCC; }
.Photo .PhotoImg img{ vertical-align:middle; max-width:145px; max-height:114px;}
.Photo .PhotoName { background:#333; text-align:center; height:25px; line-height:25px; }
.Photo .PhotoName a { font-weight:bold; }
.Photo .PhotoName a:link, .Photo .PhotoName a:visited { color:#CCC; }
.Photo .PhotoName a:hover { color:#A31513; }


.FrendLink { margin-top:15px; border:1px solid #EFEFEF; }
.FrendLink a { display:block; float:left; margin:0 5px; }





/*内页*/

.PageTitle {  height:41px; background:url(../Images/RightTitleBj.png) left top repeat-x;  border:1px solid #EFEFEF; border-bottom:none; }
.PageTitle .T { float:left; height:41px; line-height:41px; padding:0 23px; background:url(../Images/LeftTitle.png) center top no-repeat;  font-size:16px; color:#FFF; text-shadow: 2px 2px 2px #555;  }
.PageTitle .Root { float:right; display:block; line-height:30px; padding-right:10px; }

.Content { text-align:left; line-height:2; border:1px solid #EFEFEF; border-top:none; padding:10px; min-height:550px; }

.product{ width:348px; height:130px; line-height:1.5; margin-bottom:10px; border:1px solid #CCC; float:left; margin-right:20px;}
.product img{ max-width:110px; max-height:110px;}

/*相关产品*/
.xltitle{ font-size:16px; font-weight:bold; line-height:32px; height:32px; border-bottom:1px dashed #CCC; margin-bottom:12px; color:#2E58BE;}
.pro_box{width:160px;float: left;height:auto;margin-right:17px;margin-top: 5px;margin-bottom:5px; margin-left:5px;}
.pro_img{width:158px;height:148px;border: 1px solid #CCCCCC;text-align: center; vertical-align: middle;position: relative;display: table-cell;}
.pro_img p {+position: absolute; top: 50%; }
.pro_img p img {+position: relative; top: -50%;left: -50%; max-width:138px; max-height:118px; }
.pro_font2 {line-height: 22px;text-align: center;width: 160px;}
.pro_font2 a:link,.pro_font2 a:visited{ color:#272E5A;}
.pro_font2 a:hover{ color:#0066CC;}



.zl_pro_box{width:226px;float: left;margin-left: 6px; margin-right:6px;}
.zl_pro_img{width:224px;height:200px;border: 1px solid #CCCCCC;text-align: center; vertical-align: middle; position: relative;display: table-cell;  }
.zl_pro_img p {+position: absolute;top: 50%;}
.zl_pro_img p img {+position: relative; top: -50%; left: -50%; max-width:224px; max-height:200px; }
.pro_font {line-height: 22px;display:block;text-align: center;height:22px;clear:both;border:none;}


/*相关产品*/
.Related { }
.Related .Box { padding:15px 0px; border:1px solid #EFEFEF; border-top:none; }

