﻿/* =============================================================================

   CSS Reset

   ========================================================================== */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

body{font-family:"Microsoft YaHei",微软雅黑;font-size:12px;}

ul{list-style:none;}

a{ color:#000; text-decoration:none;}

a:hover{ color:#00a7c5; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section { display: block; }





/* =============================================================================

   Fix the clear issue

   ========================================================================== */

.hide { display: none; }



.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 

.clearfix { display: block; } /* End hide from IE Mac */ 



.clear-fixed { height: 100%; overflow: hidden; }





/* =============================================================================

   Links & Image

   ========================================================================== */

a, a:hover, a:focus { text-decoration: none; }

a:hover, a:active, a:focus { outline: none; }

a img { border: none; }

/* 透明度 */

.tm {

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}



/* =============================================================================

   Typography

   ========================================================================== */

::-moz-selection { background: #F78118; color: #FFFFFF; text-shadow: none; }

::selection { background: #F78118; color: #FFFFFF; text-shadow: none; }



body { line-height: 1; }



abbr[title] { border-bottom: 1px dotted; }



b, strong { font-weight: bold; }



em,

i,

dfn { font-style: italic; }



hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }



ins { background: #FFFF99; color: #000000; text-decoration: none; }



mark { background: #FFFF00; color: #000000; font-style: italic; font-weight: bold; }



pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



blockquote, q { quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after { content: ''; content: none; }



small { font-size: 85%; }



sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }





/* =============================================================================

   Button, input, textarea

   ========================================================================== */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }





/* =============================================================================

   Tables

   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0;border-width: 1px 0 0 1px;text-align: center; }

table td, table th {border-color: #623F20;border-image: none;border-style: solid;border-width: 1px 1px 1px 1px;padding: 3px;}

body {background:#f6f6f6}

.clear{height:10px;margin:0 auto;clear:both;}

/* 主菜单 */

.menu1{margin:0 auto;width:100%;position:relative;background:url(../images/menubg1.png) repeat-x;z-index:100;}

.menu{height:48px;padding-left:4px;_overflow:hidden}

.top{width:980px;height:48px;margin:0 auto;position:relative;z-index:2}

.menu li{font-size:14px;float:left;position:relative;width:59px;height:46px;line-height:42px;padding:0px 11px;}

.menu li:hover{width:59px;height:46px;background:url(../images/menu_hover.jpg) no-repeat;padding:0px 11px;}

.menu li:hover a{ color:#fff;}

.menu li:hover ul li a{ color:#000;}

.menucurrent{width:60px;height:46px;background:url(../images/menu_hover.jpg) no-repeat;padding:0px 24px;}

.menucurrent a{ color:#fff;}

.menu ul{background-color:#fff;position:absolute;left:-1px;top:41px;z-index:999;padding:5px 20px 10px 20px;display:none}

.menu li ul li:hover{background:none;}

.menu li ul li a:hover{color:#00a7c5;}

.menubg{ width:60px; height:41px; display:inline-block; background:url(../images/menu_hover.jpg) repeat-x; color:#fff;}

#menu1{background:url(../images/menu1_img.png) no-repeat 0 center #fff;width:340px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu1 li{float:none;width:120px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}

#menu2{position:absolute;left:-100px;top:41px;width:720px; height:490px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu2 li{width:90px;height:90px;float:left;padding:5px 15px 10px 15px;line-height:25px;text-align:center;font-size:12px;float:left;}

#menu2 li img{padding:3px;}

#menu21 span{width:105px;height:20px;padding:5px 15px;line-height:25px;display:block;float:left;font-size:12px;}

#menu21 img{ vertical-align:-5px;}

#menu3{width:350px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu3 h2{height:20px;padding:10px 0px;border-bottom: 1px dashed #CCCCCC;font-size:16px; font-weight:bold;}

#menu3 li{width:350px;height:180px;padding:5px 5px 0px 5px; line-height:25px;text-align:left;font-size:12px; color:#000; }

#menu3 .menu31{float:left;width:140px;height:140px;}

#menu3 .menu31 p{text-align:center;width:100px;height:34px;border-bottom: 1px dotted #CCCCCC;font-size:12px;line-height:34px;}

#menu3 .menu32{float:left;width:200px;height:140px;background:url(../images/menu3_img.png) no-repeat;}

#menu3 .menu33{height:160px}

#menu3 .menu33 p{width:80px;height:20px;padding:5px 15px;line-height:25px;float:left;font-size:12px;}

#menu4{background:url(../images/menu4_img.png) no-repeat #fff;width:345px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu4 li{ color:#000; width:300px;height:30px;padding:5px 5px 0px 5px;line-height:30px;text-align:left;font-size:12px; float:none;}

#menu5{background:url(../images/menu5_img.png) no-repeat #fff;width:260px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu5 li{float:none;width:80px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}

#menu6{position:absolute;left:-80px;top:41px;background:url(../images/menu6_img.png) no-repeat #fff;width:260px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu6 li{float:none;width:80px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}

#menu7{position:absolute;top:41px;background:url(../images/menu7_img.png) no-repeat #fff;width:260px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu7 li{float:none;width:80px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}

#menu8{position:absolute;left:-250px;top:41px;width:380px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;}

#menu8 li{border-bottom: 1px dashed #CCCCCC;font-size:12px;width:380px;height:40px;padding:8px 0px 20px 0px;text-align:left;}

#menu8 li img{border:solid 1px #ccc;padding:3px;float:left;margin:0px 20px 0px 0px; width:60px; height:46px;}

#menu8 h3{ font-weight:bold;padding:0;margin:0;line-height:20px;}

#menu8 p{padding:0;margin:0;line-height:16px;font-family:"宋体"}

#menu9{position:absolute;left:-145px;top:41px;background:url(../images/menu5_img.png) no-repeat #fff;width:200px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu9 li{width:80px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}

#menu3d{position:absolute;top:41px;background:url(../images/menu7_img.png) no-repeat #fff;width:260px;border-radius:0px 0px 6px 6px;border:1px solid #ccc;box-shadow:0px 1px 3px #ccc;border-top:none;}

#menu3d li{float:none;width:80px;height:30px;padding:5px 5px 0px 5px; border-bottom:1px dotted #CCCCCC; line-height:25px;text-align:center;font-size:12px;}



#menu4 li.dared{font-size: 16px; font-weight: bold; color: Red;}

#menu2 li#menu21{width: 680px; height: 50px; padding: 10px 0px 20px 0px; text-align: left;}

/* 导航 */

#daohang{text-align:center; position:absolute;width:66px;top:100px;z-index:999;right:0px;background:#fff;padding:3px 0px;border:solid 1px #ccc;border-radius:3px 3px 3px 3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);}

#daohang p{background:#ccc;height:24px;font-size:12px;line-height:24px;border-bottom:#000 1px dotted; font-weight:bold;text-shadow: 0 0 6px #FFF, 0 0 2px #FFF, 1px 1px 2px #333;}

#daohang div{padding:0px 3px;}

#daohang div .mobile{width:142px;height:144px;background:#4BB7B7;display:none; position:absolute; z-index:99999;top:245px;left:-146px;padding:2px; border:none;}



#weixin_dh{width:142px;height:144px;padding:2px; background:#4BB7B7;position:absolute;top:325px;left:-146px; z-index:99999; display:none;}



/* 头部 */

.head{width:100%; background:url(../images/herd_bg.jpg) repeat-x;clear:both;}

.heada{ width:1000px; margin:0 auto; clear:both;height:167px;}

.headc{ width:673px; height:49px; margin:0 auto; padding-bottom:10px;float:left;}

.headd{width:326px;height:167px;float:right;}

.headt{ width:673px; height:107px; margin:0 auto; background:url(../images/logozm.jpg) no-repeat;float:left;}

.logo{ float:left;}

.hright{ float:right; width:540px;margin-top:3px; text-align:right; position:relative; z-index:1;}

.hright li{float:left;}

.headrz{padding:5px 0px 0px 8px;}

.headrz p{font-size:16px;line-height:32px;height:32px; clear:both;}

.headrz a{display:block;padding:0px 4px;float:left;}



.duoguo{width:205px;height:63px; position:absolute;background:#fff; z-index:9999; display:none;left:320px;top:24px;padding-top:10px; background:url(../images/duoguo.png) no-repeat;}

.duoguo li{height:18px;line-height:18px;padding:0px 10px;}

.hui01,.hui02,.hui03,.hui04,.sp,.hui05,.hui06{ width:18px; height:18px; background:url(../images/hui2.png) no-repeat; display:block; vertical-align: text-bottom;float:left;}

.hui01{ background-position:0 -2px;}

.hui02{ background-position:-36px -2px;}

.hui03{ background-position:-71px -2px;}

.hui04,.sp{ background-position:-106px -2px;}

.sp{ margin-left:2px;}

.hui05{background-position:-138px -2px;}

.hui06{background-position:-168px -2px;}

.snav{ width:350px; padding-top:6px;}

.hui{height:18px; line-height:18px;}

.hui li{ float:left; font-size:12px; margin-right:5px;}

.pdsearch{ float:left; width:290px;height:40px;background: url("../images/searchxin.jpg") no-repeat;margin-top:10px; }

.pdsearchtxt { display: inline;float:left; height:40px;  position: relative; width: 246px;*top:-1px;}

.pdinput {background: url("../images/searchxin.jpg") no-repeat; border: 0 none; color: #888888;   font-size: 18px;  height: 40px;  line-height: 38px;  padding-left: 15px;  width: 220px; font-family:"Microsoft YaHei",微软雅黑; font-weight:bold;}

.pdsearchbtn{ display: inline; float: left; height: 40px;}

.pdsearchbtn a { background: url("../images/searchbtnxin.png") no-repeat ;display: inline-block; height: 40px;width: 38px;}

.indextel{ float:left; width:298px; height:39px;}

.shangbiao{width:260px;height:108px;float:left;}

.dianhua400{width:273px;height:108px;float:left;}

.slrz{height:40px;float:left;padding-top:18px;}

.slrzp{width:34px;float:left;font-size:14px;}

.slrz1{padding-top:3px;width:340px;float:left;}
/* 产品列表页 */
.xwtj h2 {font-size:10px;padding-top:10px;line-height:10px;}
.xwtj h2 a {padding-left:10px;}
.xwtj h3 {font-size:20px;color:rgba(29,152,181,1.00)}

/* foot */

.fgx{width:100%;height:2px;margin-top: 20px;background:#fff;}

.fgx1{width:980px;height:2px;margin:0 auto;}

.foot {background:#f6f6f6;padding-bottom: 20px;width: 100%;height:450px;}

.foot a:hover{color:#333; }

.bottom {width:980px;height:300px;margin:0 auto;font-size: 12px;padding: 14px 0;}

.bottom1{width:110px;padding:0 15px;float:left;}

.bottom2{width:190px;padding:0 10px;float:left;}

.bottom h3{font-size:16px;line-height:30px;border-bottom:#000 1px dotted;margin-top:10px;color:#000; font-weight:bold;text-shadow: 0 0 6px #FFF, 0 0 2px #FFF, 1px 1px 2px #333;}

.bottom li{background: url("../images/double-arrow.png") no-repeat scroll 3px 0px  transparent;}

.bottom li a {background: url("../images/underline-btm.gif") repeat-x scroll 0 100% transparent;display: block;padding: 2px 0 5px 20px;line-height:18px;}

#dituContent{width:150px;padding:0 20px;float:left;height:230px;}

.banquan{width:980px;margin:0 auto;height:50px;border-top:dotted 1px #eee;text-align:center;line-height:26px;color:#000;}

.footzz{width:980px;margin:0 auto;height:50px;margin-top:10px;}

.footzz img{padding:2px;border:solid 1px #ccc;border-radius:3px 3px 3px 3px;box-shadow:0 1px 3px #111;margin:3px;display:inline;}

/*字体颜色*/

.font1{ font-size:16px; color:#009db8;}

.f14{ font-size:14px; font-family:"Microsoft YaHei";}

.col01{ color:#666;}

.col02{ color:#00a7c5;}/*蓝色*/

.bt{ border-top:1px dotted #b3b3b3; }

.mt{ margin-top:10px;}

.fright{float:right;}

.font18{font-size:18px;}

/* 分页样式 */

.AspNetPager1 {padding-top:20px; text-align:center;margin: 0 auto;}

.AspNetPager{height:30px;line-height:30px;font-size:16px; font-weight:bold;margin:0 auto;display:inline-block;*display:inline;overflow:hidden; *zoom:1;}

.firstlastpage{width:55px;height:30px;display:inline-block;float:left;}

.PrevNextpage{width:53px;height:30px;display:inline-block;float:left;}

.pageindex{width:30px;height:30px;display:inline-block;float:left;background:url(../images/pageindex.png) no-repeat;text-align:center;}

.Currentpage{width:30px;height:30px;display:inline-block;float:left;background:url(../images/Currentpage.png) no-repeat;text-align:center;}

/*二维码*/

#foot2_imgTCode{width:144px;}

/*css yahoo style pagination*/



div.yahoo {

	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-top:20px

}

div.yahoo a {

	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000099; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: none

}

div.yahoo a:hover {

	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; border-bottom: #000099 1px solid

}

div.yahoo a:active {

	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #f00; border-bottom: #000099 1px solid

}

div.yahoo span.current {

	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000; padding-top: 2px; border-bottom: #fff 1px solid; background-color: #fff

}

div.yahoo span.disabled {

	border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid

}

<!--[if IE]>

.content {

	display: block;

	text-align: center;

	}

.content div {

	display: inline;

	zoom: 1;

}

<![endif]-->

