@charset "utf-8";
/* 模板首页及布局css */

/* 链接颜色 */
a:link { color: #666; }
a:visited { color: #666; }
a:hover { color: #004E73; }
a:active { color: #004E73; }
/* 通用 */
.w980 { width: 980px; margin: 0 auto; clear: both; }
.w966 { width: 966px; margin: 0 auto; clear: both; }
.w250{ width:250px;}
.w706{ width:706px;}
.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; overflow: hidden; width: 100%; }
.left{ float:left;}
.right{ float:right;}
/* 主体背景 */
body{ background:#EBEBEB url(bodybg.png) 0 -13px repeat-x;}

/* head */
#yhead{ height:124px; position:relative;z-index:99;}
#yhead .logo{ position:absolute; top:0; left:0; width:980px; height:85px; overflow:hidden;}
#yhead .logo h1{width:900px; height:85px; overflow:hidden; background:url(logo.png) no-repeat; text-indent:-999px;}
#yhead .c{ position:absolute; top:1px; left:830px; text-align:right;font-size: 12px;}
#yhead .tel {position:absolute; top:50px; left:700px;font-size: 16px;line-height: 30px;font-weight:bold; float:right;color: #CC0000;}
#yhead .s { position: absolute; float:right;top: 21px; left:670px; height: 20px; width: 300px; padding: 0 5px 0 3px;text-align:right; }
#yhead .s h1 { font-size:14px; }
#yhead .s h2 { font-size:14px; }
#yhead .s a{ color:#000000}
#yhead .s input { background: none; border: 0; width: 130px; color: #999; padding: 3px 0 0; line-height:14px; }
#yhead .s button { position: absolute; top: -2px; right: -72px; width: 72px; height: 26px; padding: 0; background: url(icon-bg2.gif) 6px 1px no-repeat; border: 0; text-indent: -2000px; overflow: hidden; cursor: pointer; }
#yhead .b{ position:absolute; top:52px; left:820px;}

.sina-video, .sina-weibo{float:right;display:block;text-indent:-7777em;overflow:hidden;width:25px;height:25px;margin:0 10px 0 0;}
.sina-blog{float:right;display:block;text-indent:-7777em;overflow:hidden;width:27px;height:25px;margin:0 10px 0 0;}
.site-rss{float:right;display:block;text-indent:-7777em;overflow:hidden;width:25px;height:25px;margin:0 10px 0 0;}

.sina-blog{background:url(r-nav.png) no-repeat 0 0px;}
.sina-blog:hover{background:url(r-nav.png) no-repeat 0 -25px;}

.sina-weibo{background:url(r-nav.png) no-repeat -51px 0px;}
.sina-weibo:hover{background:url(r-nav.png) no-repeat -51px -25px;}

.sina-video{background:url(r-nav.png) no-repeat -103px 0px;}
.sina-video:hover{background:url(r-nav.png) no-repeat -103px -25px;}

.site-rss{background:url(r-nav.png) no-repeat -155px 0px;}
.site-rss:hover{background:url(r-nav.png) no-repeat -155px -25px;}


#ymenu{position:absolute; top:87px; left:6px; background:url(ymenu.png) no-repeat; height:37px;}
#menu{z-index:99;}
#menu li{ float:left;padding:0 0 0 2px; background:url(menuline.png) 0px 2px no-repeat; position:relative;z-index:99;}
#menu li.n{ background-image:none;}
#menu li a{ width:100px; height:36px; display:block; text-align:center; line-height:36px;font: 14px/36px \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53, sans-serif;color:#fff;}
#menu li a:hover,#m1s{ background:url(menuhover.png) 0 2px no-repeat;color:#004668;}
#menu li ul{ width:100px;position:absolute; top:36px; left:-2px; background:#fff url(m2.png) no-repeat; border-bottom:#fff 1px solid; padding:10px 0 5px 0; display:none;z-index:999;}
#menu li ul li{padding:0; background-image:none;}
#menu li ul li a{ width:100px; font-size:12px; line-height:22px; text-align:center; height:22px; color:#515151; }
#menu li ul li a:hover,#m2s{color:#000; background-image:none; }
#menu li.jzh a{font-size: 14px;}
/* banner */
#ybanner{ height:240px; padding:5px 0 6px 0; overflow:hidden; position:relative; z-index:1;}

/* main */
#ybgfff{ background:#fff; padding:5px 0;}
#ymain{}

/* left */
.ylbox{}
.ylh2{ height:40px; background:url(lbg.png) no-repeat; overflow:hidden;}
.ylh2 h5{line-height:40px; font-size:12px; font-weight:bold; color:#004E73; text-indent:42px; height:40px; position:relative;}
.ylh2 h5 span{font-weight:normal; position: absolute; top:0; right:0; display:block; height:40px; width:48px; text-indent:0;}
.ylh21{ background:url(h21.gif) 16px 13px no-repeat;}
.ylh22{ background:url(h22.gif) 16px 13px no-repeat;}
.ylh23{ background:url(h23.gif) 16px 13px no-repeat;}
.ylh24{ background:url(h24.gif) 16px 13px no-repeat;}
.ylboxc{ border-left:#B8DEF6 1px solid;border-right:#B8DEF6 1px solid;border-bottom:#B8DEF6 1px solid; padding:0 10px 5px 10px;}

.fenleft ul{}
.fenleft ul li{ display:block; margin:0 auto; width:180px; height:32px; line-height:32px; background:url(fenbg02.gif) no-repeat; text-align:left; padding-left:28px}

.ylnews{ padding:0 8px 5px 8px;}
.ylnews li{ height:28px; line-height:28px; background:url(newline.gif) 8px 26px no-repeat; overflow:hidden;}
.ylnews li a{ color:#555;}
.ylnews li a span{ font-family:\5b8b\4f53;}
.ylnews li a:hover{color:#004E73;}

.yltel{ padding:0 5px 0 15px;}
.yltel li{ height:24px; line-height:24px; overflow:hidden;}

.ylfocus{ width:228px; height:180px; overflow:hidden; margin:0 auto;}

.ylpro{ padding:0 8px 5px 8px;}
.ylpro li{ height:24px; line-height:24px; padding-left:10px;background:url(newline.gif) 8px 22px no-repeat; overflow:hidden;}
.ylpro li a span{ font-family:\5b8b\4f53;}

.ylpro li a{height:24px; line-height:24px; background:url(red.png) 2px 11px no-repeat; padding:0 0 0 10px; display:block;}
.ylpro li a:hover{height:26px;  line-height:26px; background:url(blue.png) 2px 12px no-repeat; text-decoration:underline;}

.mainlist{ height:40px; background:url(rbg.png) no-repeat;overflow:hidden; padding-top:8px; }
.mainlist strong{ float:left; width:200px; text-indent:3em; background:url(h21r.gif) no-repeat 16px center; font-size:14px; color:#345670;}
.mainlist span{ float:right; padding-right:9px; font-size:12px;}

.mainlist1{ height:40px; background:url(rbg1.png) no-repeat;overflow:hidden; padding-top:8px; }
.mainlist1 strong{ float:left; width:200px; text-indent:3em; background:url(h21r.gif) no-repeat 16px center; font-size:14px; color:#345670;}
.mainlist1 span{ float:right; padding-right:9px; font-size:12px;}
/* right */
.yrbox{}
.yrh2{ height:46px; background:url(rbg.png) no-repeat; overflow:hidden;}
.yrh2 h5{line-height:40px; font-size:12px; font-weight:bold; color:#004E73; text-indent:35px; height:40px; position:relative;}
.yrh2 h5 span{position: absolute; top:15px; right:5px;text-indent:-999px;}
.yrh2 h5 span a{ background:url(more.gif) no-repeat;height:20px; width:40px;  overflow:hidden;text-indent:-999px; display:block;}
.yrh21{ background:url(h21r.gif) 11px 13px no-repeat;}
.yrh211{ background:url(h21r.gif) 11px 700px no-repeat;}
.yrh22{ background:url(h22r.gif) 11px 13px no-repeat;}
.yrh23{ background:url(h23r.gif) 11px 13px no-repeat;}
.yrboxc{ border-left:#B8DEF6 1px solid;border-right:#B8DEF6 1px solid;border-bottom:#B8DEF6 1px solid; padding:5px 10px 10px 10px;}

.yrh3{ height:46px; background:url(rbg1.png) no-repeat; overflow:hidden;}
.yrh3 h2{line-height:40px; font-size:12px; font-weight:bold; color:#004E73; text-indent:35px; height:40px; position:relative;}
.yrh3 h2 span{position: absolute; top:15px; right:5px;text-indent:-999px;}

.yrabout{ line-height:2.2; font-size:12px; color:#444; text-indent:2em; float:left;}
.yrf{  overflow:hidden; padding:6px 0 0 6px; float:right;}
.yrf #KinSlideshow2{width:188px; height:140px;}

.yrp{}
.yrp li{ width:220px; height:208px; float:left; padding-right:8px;}
.yrp li a.yrpimg{ width:210px; height:160px; margin:0 auto; border:#ddd 1px solid; display:block;}
.yrp li a.yrpimg:hover{ border:#aaa 1px solid;}
.yrp li a.yrptitle{ width:210px; height:40px; margin:0 auto; line-height:40px; color:#069; text-align:center;display:block; overflow:hidden;}
.yrp li a.yrptitle:hover{color:#444; }


.case_yrbox{}
.case_yrh2{ height:46px; background:url(case_rbg.png) no-repeat; overflow:hidden;}
.case_yrh2 h5{line-height:40px; font-size:12px; font-weight:bold; color:#004E73; text-indent:35px; height:40px; position:relative;}
.case_yrh2 h5 span{position: absolute; top:15px; right:5px;text-indent:-999px;}
.case_yrh2 h5 span a{ background:url(more.gif) no-repeat;height:20px; width:40px;  overflow:hidden;text-indent:-999px; display:block;}
.case_yrh21{ background:url(h21r.gif) 11px 13px no-repeat;}
.case_yrh211{ background:url(h21r.gif) 11px 700px no-repeat;}
.case_yrh22{ background:url(h22r.gif) 11px 13px no-repeat;}
.case_yrh23{ background:url(h23r.gif) 11px 13px no-repeat;}
.case_yrboxc{ border-left:#B8DEF6 1px solid;border-right:#B8DEF6 1px solid;border-bottom:#B8DEF6 1px solid; padding:5px 10px 10px 10px;}


/* 图册 */
.piclist{}
.piclist li{float:left;margin:0 11px;}
.piclist li p{ width:210px; line-height:28px;}
.piclist li img{border:#ddd 1px solid;width:211px;height:167px;}


.rollBox{overflow:hidden; position:relative; width:684px;}
.rollBox .Cont{overflow:hidden; width:684px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:170px; height:160px; float:left;}
.rollBox .Cont .pic a.img{width:160px; height:120px; margin:0 auto; border:#ccc 1px solid; display:block;}
.rollBox .Cont .pic a.title{width:160px; height:30px; margin:0 auto; line-height:30px; color:#333; text-align:center;display:block;}
.rollBox .Cont .pic img{width:160px; height:120px;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1{position:absolute; left:0px; top:0px; cursor:pointer; display:none;}
.img2{position:absolute; right:0px; top:0px; cursor:pointer; display:none;}

/* foot */
#yfoot{font-size: 12px; height:95px; background:url(footbg.png); overflow:hidden;padding:15px 0 0 0; line-height:24px; text-align:center;}
#yfoot1{ height:55px; background:url(footbg.png); overflow:hidden;padding:15px 0 0 0; line-height:24px; text-align:center;}
.yfootl{ padding:20px 0 0 40px; width:200px;}
.yfootr{ padding:15px 0 0 0; line-height:24px; text-align:center;}


/* 模板内页及布局css */

/* right */
.yrcboxc{ padding:10px 15px;border-left:#B8DEF6 1px solid;border-right:#B8DEF6 1px solid;border-bottom:#B8DEF6 1px solid;}
.yabout{line-height:1.8; font-size:12px; color:#444; text-indent:2em;}

.yrcproduct{}
.ypro li{ width:168px; height:160px; float:left;}
.ypro li a.yrpimg{ width:160px; height:120px; margin:0 auto; border:#ddd 1px solid; display:block;}
.ypro li a.yrpimg:hover{ border:#aaa 1px solid;}
.ypro li a.yrptitle{ width:160px; height:30px; margin:0 auto; line-height:30px; color:#069; text-align:center;display:block; overflow:hidden;}
.ypro li a.yrptitle:hover{color:#444; line-height:26px;}

.ylsub{ width:220px; margin:0 auto;}
.ylsub dt{  font-size:12px;font-weight:bold;width:220px;background:url(yuan.jpg) no-repeat;padding-left:18px;margin:auto 0 auto;overflow:hidden; }
.ylsub .suba{ background:url(suba.png) no-repeat;}
.ylsub .subb{ background:url(subb.png) no-repeat;}
.ylsub .subc{ background:url(subc.png) no-repeat;}
.ylsub .subd{ background:url(subd.png) no-repeat;}

.ylsub dd{ font-size:12px;font-weight: normal;width:190px;background: url(cha.gif) no-repeat; padding-left:12px;margin:5px auto 0 auto;}
.ylsub dd a{ padding:0 0 0 5px; display:block;}
.ylsub dd a:hover{ text-decoration:underline;}

/* reset */
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: 14px/1.8 微软雅黑,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,menu,li{list-style:none outside none;}a,a:hover{text-decoration:none;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;}a,area{blr:expression(this.onFocus=this.blur())}:focus{outline:none;}
/* clearfix */
.clearfix:after{content:"\0020";display:block;height:0;clear:both;}.clearfix{zoom:1;}

/*product_index*/

.imgList li { position: relative; width: 200px; margin: 0 12px 0 9px; float: left; height: 205px; display: inline; }
.imgList li img { width: 194px; height: 145px; /* 238x180 */ padding: 8px 8px 20px; background: url(product.jpg) }
.imgList div { text-align: center; width: 210px; /* for text center */ }
.imgList li div a { display: block; color: #353535; font-size: 1.2em; line-height: 22px; height: 22px; overflow: hidden; }
.imgList li div span { color: #A3A3A3; font-size: 0.9em; }

.main2 { padding-top:20px; }
/*product view*/
.probox { padding-left:40px;}
.pro_img { width:400px; display:inline-table; text-align:center; position:absolute; left:0; top:0; }
.pro_txt { padding-right:30px; }
.pro_txt p { height:30px; line-height:25px; }
.pro_txt h1 { font-size:14px;font-weight:bold; line-height:30px; }
.pro_txt .details { line-height:20px; border:1px solid #ddd; padding:6px; background:#fff; height:137px; overflow:hidden;}
.main1box { margin-bottom:10px; }
#main1 ul { display:none; }
#main1 ul li { display:inline-block; _display:inline; position:relative; margin:0 auto; }
#main1 ul.block { display:block; }
.menu1box { }
#menu1 li { display:inline; cursor:pointer; }
#menu1 li img { border:1px solid #ccc; width:50px; height:50px;}
#menu1 li.hover img { border:1px solid #669900; }

#con {	font-size: 14px;line-height:24px; margin: 0px; width:100%;}
.details h2{ font-size:12px; font-weight:normal;}
.xgprlist{ width:100%; float:left; padding-top:15px;}
.xgprlist h3{ width:100%; font-size:14px; font-weight:normal; padding:10px 0 0 15px; height:30px; background:#f0f0f0; margin-bottom:10px;}
.xgprlist ul li{ width:144px; height:160px; float:left; margin:0 12px; display:inline;}
.xgprlist ul li a{ display:block; width:145px; height:160px; z-index:10;}
.xgprlist ul li img{ width:140px; height:105px; float:left; padding:2px; border:1px solid #ccc;}
.xgprlist ul li span{ width:144px; text-align:center; float:left; padding-top:10px; font-size:12px;}
.prodetails { font-size: 12px;line-height:25px; margin:30px 20px 0; }


/*list_index*/
.n_jianjie{ width:680px; padding:15px;
}
.n_jianjie li{ width:660px; border-bottom:#ccc 1px dashed; padding-left:16px; line-height:28px; background:url(icon4.gif) no-repeat left center; float:left;}
.n_jianjie li span{ float:right; padding-right:5px; color:#999}
.page{ width:95%; padding:20px 0; text-align:right}
.newsbiaobi{ font-size:14px; color:#039; padding:8px 0px; border-bottom:#CCC 1px dashed;}
.newdate{ width:100%; height:30px; line-height:30px; color:#999}
.newneir{ width:640px; padding-top:10px;}

/*list_view*/
a{ text-decoration:none;}
/*分页*/
.endPageNum{ clear:both; font-size:12px; text-align:center;}
.endPageNum table{ margin:auto;}
.endPageNum .s1{width:52px;}
.endPageNum .s2{background:#1f3a87; border:1px solid #ccc; color:#fff; font-weight:bold;}
.endPageNum a.s2:visited {color:#fff;}
.endPageNum a{padding:2px 5px;margin:5px 4px 0 0; color:#1F3A87;background:#fff; display:inline-table; border:1px solid #ccc; float:left;}
.endPageNum a:visited{color:#1f3a87;} 
.endPageNum a:hover{color:#fff; background:#1f3a87; border:1px solid #1f3a87;float:left; text-decoration:underline;}
.endPageNum .s3{cursor:default;padding:2px 5px;margin:5px 4px 0 0; color:#ccc;background:#fff; display:inline-table; border:1px solid #ccc; float:left;}
.clear{ clear:both;}
.editor{ float:left; font-size:12px; margin:11px 0; width:545px; text-align:right;}
#newscontent{ width:95%; margin:0 auto; padding:10px;}
#newsconttitle a:hover{ color:#04d;}
#newsconttitle span{ float:left;}
#newsconttitle h1{ font-size:14px; font-weight:bold; color:#666; padding:0; margin:0;}
#newsconttitle p{ width:100%; height:20px; line-height:20px; float:left; padding:15px 0; margin:0; color:#666; border-bottom:1px #ddd solid; text-align:left;}
#newsconttitle p a{ width:410px;height:20px; overflow:hidden; display:block; color:#1e6bc5;word-wrap: break-word;word-break: normal; float:left;}	
#newsummary{margin: 10px 0px 0px;padding: 12px 5px 6px;width:98%; background:#FFF;border: 1px solid #DCDDDD; }
#newsummary h2{text-indent: 2em;font-size: 14px;line-height: 20px;color:#666; font-weight:500;}
#newcontent{line-height: 22px;color:#666;margin:10px 5px 0 5px;float:left;display:inline;}
#newcontent p{ text-indent:24px; padding:0; margin:0;}
#newcontent p a:hover{ color:#04d;}
#newsleft .ad{ margin:10px 0; float:left;}
#newsright{ float:left; width:350px; margin-left:10px; display:inline;}
#articeBottom {font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span{ float:left;}
#articeBottom span a{ font-size:12px;}
#articeBottom span a:hover{ color:#0099FF;}
#articleHeader { margin:5px 0; padding:10px;background:#F5F5F5; height:60px;}
#articleHeader h4{font-size:12px; color:#333; height:20px;}
#articleHeader h4 a{ font-size:12px; color:#333}
.details h2{ background:#F8F8FF; border: 1px solid #DDD; line-height: 25px; margin-bottom: 15px;  padding: 10px; font-size:14px; text-indent:28px;}

/*article*/
img{ border:none;}
a{ text-decoration:none;}
#articlebox{ margin:0 15px; line-height:22px;}
#articlebox h1{text-align:center; font-size:20px; font-family:'微软雅黑'; font-weight:normal; padding:10px 0;}
#articlebox hr{height:5px;border:none;border-top:5px ridge green;}
.details h2{ background:#F8F8FF; border: 1px solid #DDD; line-height: 25px; margin-bottom: 15px;  padding: 10px; font-size:14px; text-indent:28px;}
.artcontent{clear: both; font-size: 14px; line-height: 30px; overflow: hidden; padding: 9px 0; width:99%; word-wrap: break-word;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span { float: left;}
#articeBottom span a { font-size: 12px;}
#articeBottom span a:hover {color: #0099FF;}

/*picture_index*/
#piclist{ width:98%; margin:0 auto;}
#piclist ul li{ list-style:none; float:left; background:url(<?php echo $tag['path.skin']; ?>res/images/picli_bg.png) 10px 6px no-repeat; width:200px; padding:10px 0 0 15px;}
#piclist ul li img{ width:172px; height:129px;}
#piclist ul li h5{ font-size:14px; font-family:"微软雅黑"; padding:25px 0 10px 10px; font-weight:normal;}
#piclist ul li a{ color:#666;}
#piclist ul li a:hover{ color:#03c;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}