@charset "utf-8";
/* CSS Document */

*{margin:0 auto; padding:0;  font-family: "微软雅黑" ; font-size:12px; color:#333}
html{line-height:24px;  }
p{ text-indent:0; font-size:14px; color:#333}
ul{list-style:none;}
img{border:none;}
em{font-style:normal;}
a{text-decoration:none;}
a:hover{color:#ff6600;}
body {padding:0;margin:0; width:100%; display:table;}


.header{ width:100%; height:100px; text-align:center; margin-top:55px;_ margin-top:-55px; position: absolute; overflow:hidden; background:none;z-index:200; }
.header_main{ width:1000px; height:100px; text-align:left; z-index:200;} 

.ban{ width:100%; margin:0 auto;height:516px;  top:0; z-index:10; position:relative;}
.hand{ cursor:pointer; _cursor:hand}
.banner{ position:relative; height:516px; top:-14px; text-align:center; background:url(../images/xtl_02.png) no-repeat center 0; }
.classBanner{position:relative; height:614px; top:-14px; background:url(../images/about.jpg) no-repeat center 0;}
.bannerWrap{ width:1000px; overflow:auto; margin:0 auto; position:relative; top:-70px; z-index:0;}
.bannerWrap ul.showList{ margin:0 auto; float:right  }
.bannerWrap ul.showList li{ width:23px; height:23px;  margin:5px;float:left; color:#fff; padding-top:3px; text-align:center;  }
.bannerWrap ul.showList li.special{ color:#fff}

.daohang{ width:100%; text-align:center; height:37px; margin:5px auto 20px auto;}
.daohang_main{ width:1000px; height:37px; margin:0 auto;background:url(../images/xtl_04.png) repeat-x center;}
.daohang_main ul{ _margin-left:-15px;}
.daohang_main ul li{ float:left; width:111px; background:url(../images/xtl_07.png) no-repeat  left center; display:block; height:37px; line-height:37px;}
.daohang_main ul li a{ color: #FFF; font-size:15px; font-weight:bold}
.daohang_main ul li a:hover{ color:#f4af0b} 

.main{ width:100%;margin:0  auto; text-align:center;}
.man01{ width:1000px; height:208px; text-align: center; margin: 15px auto 0 auto;overflow:hidden }
.abou{ width:700px; height:165px; float:left;}
.abou_top{ width:700px; height:40px; margin:0 auto;}
.abou_top h1{ text-align:left; float:left;  width:645px;background:url(../images/xtl_18.png)  repeat-x  20px; margin-left:5px;line-height:35px;  }
.abou_top a{ float:right; text-align:right; margin:10px 5px 0 0px; line-height:20px;}
.abou_xia{ width:670px; margin:10px 15px 10px 10px; float:left; height:154px;}
.abou_xia img{ float:left; border:1px solid #c5e8a6; padding:2px;}
.abou_xia p{ text-align:left;    text-indent:2em}

.con{ float:right; width:280px; height:165px;}
.con p{ text-align:left; font-size:13px; margin-left:10px;}

.main02{ width:1000px; height:330px; text-align: center; margin:15px auto 0 auto; text-align:center;overflow:hidden}
.mei{ width:250px; float:left; height:330px;}
.mei1{ width:250px;}
.new1{ width:475px;}
.pro1{ width:245px;}
.top{ height:50px; background:url(../images/xtl_28.png)  repeat-x center; }
.top h2{ font-size:20px; color:#FFF; text-align:left; float:left; line-height:50px; margin-left:10px;}
.top a{ float:right; line-height:50px; font-size: 14px; color:#FFF; margin-right:10px;}
.top a:hover{color:#f4af0b}
.mei_xia{ width:250px; margin:0 auto; height:280px;}
#hotpic { width: 250px; height:245px; overflow: hidden; margin:10px auto 0; float:left }
#NewsPic { position: relative; width: 250px; height: 245px; overflow: hidden;}
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height: 16px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; 
background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }

.new{ float:left; width:475px; height:330px; margin:0 auto; margin-left:15px;}
.new_xia{ width:475px; height:270px; margin-top:10px;}
.new_xia ul{ _margin-left:-15px;}
.new_xia ul li{ float:left; width:475px; height:30px; line-height:30px; border-bottom: 1px dotted  #999999;}
.new_xia ul li a{ width:380px; float:left; text-align:left; padding-left:15px;background:url(../images/xtl_36.png) no-repeat left ;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.new_xia ul li span{ width:80px; float:right; color:#0a5b52}

.pro{ width:245px; float: right; height:330px; margin:0 auto;}
.pro_xia ul{ _margin-left:-15px;}
.pro_xia ul li{ float:left; width:245px; height:23px; line-height:33px;  margin-top:15px;}
.pro_xia ul li a{width:245px; float:left;text-align:left;font-size:14px; padding-left:50px;
background:url(../images/xtl_34.png) no-repeat  ;}
.pro_xia ul li a:hover{ width:245px; background:url(../images/xtl_35.png) no-repeat ; color:#FFF}

.main03{ width:1000px; height:290px; text-align: center; margin: 0 auto; text-align:center; overflow:hidden}
.ppro_top{ width:1000px; height:41px; margin:0 auto; background:url(../images/xtl_39.png) no-repeat ;}
.ppro_top h3{ float:left; font-size:18px; color:#107817; line-height:40px; margin-left:15px;}
.ppro_top  a{ float:right; line-height:40px; margin-right:10px;}
.ppro_xia{ width:1000px; margin-top:10px; height:240px;}

.rollBox{width:1000px;overflow:hidden;padding:0px 0 5px 6px; margin:0 auto;}
.rollBox .LeftBotton{height:102px;width:19px; background:url(../images/pic_03.jpg) no-repeat 5px 40px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0; margin-right:5px;cursor:pointer;}
.rollBox .RightBotton{height:102px;width:20px; background:url(../images/pic_06.jpg) no-repeat 8px 40px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0; margin-left:5px; cursor:pointer;}
.rollBox .Cont{width:938px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:199px;float:left;text-align:center;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050; }
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;font-size:15px}
.rollBox .Cont a:hover{color:#f4af0b;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.footer{ width:100%; height:239px; margin:0 auto; text-align:center; background:url(../images/xtl_46.png) no-repeat center; overflow:hidden}
.footer_main{ width:1000px; height:239px; margin:0 auto;}
.footer_main p{ font-size:13px; text-align:center; padding-top:55px;} 


/*以下是内页*/

.nei{ width:100%; text-align:center; margin:15px auto 30px auto; overflow:hidden}
.nei_main{ width:1000px; text-align:center; margin:0 auto 30px;overflow:hidden}
.nei_left{ float: left; width:250px; margin:0 auto 20px;}
.nei_left h1{ height:50px; line-height:50px; text-align:left; padding-left:15px; font-size:20px; color:#FFF; 
background:url(../images/nei_03.png) no-repeat center;}
.nei_left img{ border:4px solid #59b81c; margin-top:10px;}
.nei_left ul{ _margin-left:-15px;}
.nei_left ul li{ float:left; width:250px; height:33px; line-height:33px;  margin-top:10px;}
.nei_left ul li a{width:250px; float:left;text-align: center;font-size:14px;
background:url(../images/xtl_37.png) no-repeat  ;}
.nei_left ul li a:hover{ width:250px; background:url(../images/xtl_38.png) no-repeat ; color:#FFF}

.nei_rhlt{ width:730px; float:right; margin:0 auto;}
.nei_rhlt h2{ width:710px; height:50px; line-height:50px; text-align:left; font-size:20px; color:#FFF; padding-left:20px; background:url(../images/xtl_28.png) repeat-x}
.rhlt_xia{ width:710px; margin:10px; float:left;}
.gymw{ width:720px; margin:10px; float:left; text-align:left; line-height:24px;}
.rhlt_xia ul{ _margin-left:-15px;}
.rhlt_xia ul li{ float:left; width:176px; height:210px; margin:15px 30px 5px 25px;}
.rhlt_xia ul li img{ border:1px solid  #CCC}
.rhlt_xia ul li span a{ width:176px; margin-top:5px; float:left; height:30px; line-height:22px; color:#FFF; background:url(../images/xtl_40.png) no-repeat}
.rhlt_xia ul li span a:hover{ text-decoration:underline}

/*以下是产品详情页内页*/

.xqy_xia{width:710px; margin:10px; float:left;}
.xqy_xia b{color: #333;font-size:18px;line-height:30px;height:30px}
.xqy_xia .s_tittle{display:table;height:30px;line-height:30px; width:720px; margin-bottom:10px; text-align: center;  border-bottom:1px dotted #626263;}
.xqy_xia .s_tittle span{margin-right:20px; font-size: 12px; color:#5e5e5e; }
.rt_xia01{ width:720px;  }
.rt_xia01 p{ font-size:14px;color:#686666; text-align:left} 

.tiao{width:700px; height:50px; margin-top:70px; margin-bottom:10px;padding:5px 0 10px 10px; line-height:40px;text-align:left; border-top:1px dotted #626263; }
.tiao span {height:25px; line-height:25px; font-size:15px;  color:#5c5d5e}
.tiao span a{color:#333232; font-size:14px; height:20px; line-height:20px;color:#7e7f80 }
.tiao span a:hover{ color: #f4af0b; text-decoration:underline}



 
.fanye{ width:710px; margin:0 auto; height:40px; overflow:hidden; padding-top:30px;}
 .fanye a{display: inline-block;height:23px;line-height:23px; font-size:13px; color:#4C4C4C; letter-spacing:4px;}
.fanye a.fanye01{  color:#5e5e5e; text-align:center;width:22px;}
.fanye a.fanye01:hover{ background: url(../images/pro_10.jpg) no-repeat; color:#ff6600;}
.fanye a.fanye02{width:33px;text-align:left; padding-left:8px;}

/*----News文件----------------------------------------*/
#news_list ul{ list-style:none;}
#news_list #plug1{ padding:10px;}
#news_list #plug1 li{ height:28px; padding:5px 8px 0px 20px; background:url(../tpl/blue/images/ico.gif) no-repeat 3px 15px; line-height:28px; overflow:hidden; border-bottom:1px dotted #ccc;}
#news_list #plug1 li a{ float:left; font-size:14px}
#news_list #plug1 li span{ float:right; font-size:13px;}
* html #news_list #plug1 li span img{ padding-top:8px;}


/*----Img文件----------------------------------------*/
#img_list ul{ list-style:none;}
#img_list #plug1{ padding:10px 0px;}
#img_list #plug1 ul{ list-style:none; }
#img_list #plug1 li{ float:left; display:inline; margin:0px 12px 5px; text-align:center; overflow:hidden;}
#img_list #plug1 li span{ display:block;}
#img_list #plug1 li img{ border:1px solid #ccc; padding:3px;}
#img_list #plug1 li span.info_title{ height:25px; line-height:25px; overflow:hidden;}