@charset "utf-8";
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, 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:14px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
	list-style:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background:#fdfdfd;}

a,a:link,a:visited,a:active{color:#333333; text-decoration:none;}
a:hover{color:#ae1d2c; text-decoration:none;}

.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}
/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#0366b9;}
a.red:hover {color:#ae1d2c;}

.dot{color:#ae1d2c; font-family:"宋体";}
/*header*/
.headerbox{clear:both; width:100%; margin:0 auto; padding:0;}

.headerbox .dbwz { background:#383637;overflow:hidden;}
.headerbox .dbwz .post {clear:both; width:100%; max-width:1200px; margin:0 auto; padding:0 0; }
.headerbox .dbwz .gjc { float:left;line-height:38px; color:#fff;  }
.headerbox .dbwz .dianhua{ float:right; background:url(images/dianhua.gif) no-repeat left center; padding:0 0 0 25px;line-height:38px;  color:#6d6d6d; font-size:15px; color:#fff }

.headerpage{clear:both; width:100%; margin:0 auto; padding:0;background-image:-webkit-linear-gradient(bottom,#e8e8e8,#fff);   -webkit-background-clip:text;   -webkit-text-fill-color:transparent;}
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}
header{clear:both; width:100%; max-width:1200px; margin:0 auto; padding:0 0; }
header:after,header:before {content: '';display: block; clear: both; height: 0;}

header .logo{float:left;  margin:2% 0 2% 0; padding:0;}
header .logo img{ }
header .headerright{ float:right; width:54%; margin-top:4.5%; }
header .wapnav{float:right; display:none;}

.top{clear:both;max-width:100%; height:22px; line-height:22px ;margin:0 auto; padding:8px 0 0 0; text-align:right;}

.top dl{clear:both;height:22px; line-height:22px;}
.top dl dd{ float:right; margin-right:10px;}
.top dl dt{ float:right;}
.top input[type="text"]{width:150px;height:17px; border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding-left:3px; background-color:#f6f6f6;}
.top input[type="submit"]{background-color:#666666; border: 1px solid #cccccc;height:20px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}

/*mainnav*/
.mainnav{margin:0 auto;}
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}
.mainnav a{float:left; width:14%; font-size:16px; text-align:right; color:#333333; display:block;  }
.mainnav a:link,.mainnav a:visited{color:#333333;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#ff0001; font-weight:bold; }


.mainimg{ overflow:hidden;}
.focus .rslides .bannerheight{ height:680px;}

.focus .rslides .nybanner { height:420px;}





.biaoti{ text-align:center; margin:3% 0 0px 0; }
.biaoti h2{ clear:both; text-transform:uppercase; font-size:60px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#e6e6e6;}
.biaoti h3{ clear:both; margin-top:-55px; text-align:center; }
.biaoti h3 a{font-size:36px; color:#000000; font-weight:bold; }
.biaoti p { text-align:center; color:#a2a2a2; font-size:18px; line-height:32px;}

.biaoti1{ text-align:center; margin:4% 0 0px 0; }
.biaoti1 h2{ clear:both; text-transform:uppercase; font-size:36px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.biaoti1 h3{ clear:both; background:url(images/line3.gif) no-repeat center; padding:0 0 0px 0; text-align:center;}
.biaoti1 h3 a{font-size:18px; color:#db0000; }



/*公司简介*/
.imainbg5{ clear:both; width:100%; margin:0 auto; overflow:hidden; background: url(images/com_bg.gif); }
.imainbg5:after, .imainbg5:before {content: '';display: block;clear: both;height: 0;}
.imain5{ clear:both; max-width:1200px; margin:2% auto 0 auto;}
.imain5 .compic { float:left; width:35.5%;}
.imain5 .compic img { width:100%;}
.imain5 .neirong{ float:right; width:60%; padding:0%; overflow:hidden;}
.imain5 .neirong .mc { font-size:24px; background:url(images/mc_line.gif) left bottom no-repeat; line-height:48px; font-weight:bold; margin-bottom:10px;}
.imain5 .neirong p{ font-size:15px; line-height:27px;text-align: justify;text-justify: inter-ideograph;/*IE*/ }
.imain5 .neirong .shuzu { width:100%; font-size:15px; color:#666; }
.imain5 .neirong .shuzu li { float:left; width:33%;}
.imain5 .neirong .shuzu span {color:#db0000; font-size:60px; font-weight:bold;}
.imain5 .anli { clear:both;}
.hexpert01 { clear:both; max-width:1200px; margin:0 auto 5% auto; text-align:center; }
.hex { max-width:1200px;  padding:3% 0px 0% 0px; margin:0px 0px 0px 0px; overflow:hidden;}
.hex .cpbox{ float:left; margin-right:19px; text-align:center; overflow:hidden; width:286px; margin-bottom:20px;}
.hex .cpbox a{ display:block; float:left; line-height:32px; font-size:15px;  padding:0px;}
.hex .cpbox a:hover{ text-decoration:none; padding:0px; color:#ffffff;}
.hex .cpbox img{ display:block; width:100%; }
.hex .cpbox p{ border-top:none; line-height:55px; color:#555555; font-size:16px; }
.hex .cpbox a:hover p{ background:#d3d3d3; }
.hexpert01 span a{color:#fff; font-size:32px; font-weight:bold;}
.hexpert01 span:hover{ background:#302e2f; }
.lefticon {  background:#db0000; padding:12px 7px 5px 7px;} 
.righticon {background:#db0000; padding:12px 7px 5px 7px;  }



/*产品展示*/
.cpfenlei{ clear:both; text-align:center;  padding:1.5% 0; color:#555555; background:url(images/fl_bg.png) repeat-x; background-position:20px; }
.cpfenlei a{ padding:0px 0px; color:#555555; padding:0.6% 2% 0.7% 2%; margin:0 0.5%; text-decoration:none; font-size:18px; background:#e0e0e0;border-radius:25px; } 
.cpfenlei a:hover{ color:#fff; background:#ee0100; }

.cptupian{ margin:auto; max-width:1200px; clear:both; padding-top:1%;overflow:hidden;}
.cptupian ul{ clear:both;}
.cptupian ul li{ float:left; width:23%; padding:0px 0 2% 0; margin:0 1% 3% 1%; background:#f6f6f6;}
.cptupian ul li a{ text-align:center; display:block; }
.cptupian ul li img{ display:block; width:100%;}
.cptupian ul li p{ line-height:22px; height:45px; padding:15px 0px 0 0px; margin:0 4%; overflow:hidden; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cptupian ul li .more { margin:0 auto; width:120px; background:#db0000;  }
.cptupian ul li .more a {color:#ffffff; line-height:32px;}


.guanggao { height:315px; background: url(images/guanggao.jpg) center no-repeat; background-size: 100% auto; }


/*新闻*/
.imainbg3{ clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; overflow:hidden;}
.imain3{ clear:both; max-width:1200px; margin:0 auto; padding-top:10px;}
.imain3:after, .imain3:before {content: '';display: block;clear: both;height: 0;}

.dtmwarp{ display:block; padding:0px;  color:#bebebe; text-align:center; }
.dtmd{ clear:both; display:block; text-align:center; font-size:48px; font-weight:bold; }
.dtmym{ clear:both; display:block;text-align:center;font-size:16px; }

.imain3 .hotnews { float:left; width:44%;  margin:3% 0 0% 0; }
.imain3 .hotnews img { width:100%;}
.imain3 .hotnews a { font-size:18px; font-weight:bold; line-height:48px;}
.imain3 .hotnews p { line-height:26px; color:#666;}

.imain3 .xinwen{ float:right; width:54%; margin:3% 0 0% 0;  }
.imain3 .xinwen dl{ float:right; width:98%; padding:20px 0px; margin:0 0 20px 0; overflow:hidden; border:1px solid #eaeaea; border-left:0; border-right:0px; }
.imain3 .xinwen dl dt{ float:left; width:20%; border-right:1px solid #eaeaea; }
.imain3 .xinwen dl dd{ float:right; width:73%; padding:0 4% 0 0%; }
.imain3 .xinwen dl dd a{ font-size:18px; line-height:40px;}
.imain3 .xinwen dl dd p{ clear:both; font-size:14px; line-height:24px; color:#777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
/*新闻 end*/

/*优势*/
.imainbg2{ clear:both; width:100%; margin:0 auto; background:url(images/ys_bg.jpg) top center no-repeat; padding:0px 0px 1% 0px; overflow:hidden;}
.imain2{ clear:both; max-width:1200px; margin:0 auto; padding-top:10px; overflow:hidden; }
.imain2 .title { text-align:center; padding:3% 0 4% 0;}

.imain2 ul { width:110%;background: url(images/ys_line.png) no-repeat; overflow:hidden;}
.imain2 li { float:left; width:41%; color:#fff; font-size:15px; color:#d1d1d1; line-height:26px; margin:1% 4.0% 2% 2%; }
.imain2 li img { float:left; margin-right:5%;}
.imain2 li strong { font-size:21px; color:#db0000; line-height:48px;}



/*友情链接*/
.imainbg4{ clear:both; width:100%; margin:0 auto;  overflow:hidden;}
.imainbg4:after, .imainbg4:before {content: '';display: block;clear: both;height: 0;}
.linkbox{clear:both; margin:2% auto; max-width:1200px; background:#f3f3f3; padding:1.5% 1%;overflow:hidden;}
.linkbox a{font-size:15px; line-height:23px;}
.linkbox a:hover{color:#ff0000;}

.foottel { display:none;}




/*手机站案例样式*/
.imainwap{ display:none; clear:both; width:100%; margin:0 auto; overflow:hidden;}
.imainwap .hex { padding:0px 0px 0px 0px; margin:5% 0px 5% 0px; overflow:hidden;}
.imainwap .hex li{ float:left; width:23%; padding:0px; margin:2% 1% 2% 1%; text-align:center; }
.imainwap .hex li a{ display:block; background:#FFFFFF; padding:0px;}
.imainwap .hex li a:hover{ text-decoration:none; padding:0px; color:#555;}
.imainwap .hex li img{ display:block; width:100%; }
.imainwap .hex li p{ border:1px solid #d3d3d3; border-top:none; background:#f7f7f7; line-height:22px; height:45px; padding:15px 4% 0 4%; overflow:hidden; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.imainwap .hex li a:hover p{ background:#d3d3d3; }
/*手机站案例样式 end*/



.lianxibg{clear:both; margin:0 auto; width:100%; background:#2b2b2b; padding:32px 0; display:block;}
.lianxi{clear:both; margin:0 auto; max-width:1200px; font-size:14px; color:#ffffff; line-height:30px; padding:0 30px;}

.btmbox{ clear:both; width:100%; margin:0px auto 0 auto; padding:0px 0 0px 0; background:#464646 url(images/bt_bg.jpg) top center no-repeat; overflow:hidden; }
.btm{ clear:both; overflow:hidden; max-width:1200px; margin:2% auto 3% auto; padding-top:80px; }


.footmenu { float:left; width:55%;  text-align:left;}
.footmenu a,.footmenu a:link,.footmenu a:visited{color:#fbfcfd;}
.footmenu a:hover {color:#ff0001;}

.footmenu .dibumenu1{ float:left;width:24%; padding:0 0 0 0px;}
.footmenu .dibumenu1 h2{ color:#fbfcfd; font-weight:bold;  padding:0px 0px 5px 0px;text-align:left;}
.footmenu .dibumenu1 h2 a{ font-size:16px; }
.footmenu .dibumenu1 ul{padding:10px 0 0 0; margin:0;}
.footmenu .dibumenu1 ul li{ line-height:26px;text-align:left;}
.footmenu .dibumenu1 ul li a {color:#fbfcfd;text-decoration: none;line-height:26px;}
.footmenu .dibumenu1 ul li a:link,.footmenu .dibumenu1 ul li a:visited{ color:#fbfcfd;}
.footmenu .dibumenu1 ul li a:hover{color: #ff0001;text-decoration:underline;}

.footmenu .dibumenu2{ float:left;width:15%; padding:0 0 0 35px;}
.footmenu .dibumenu2 h2{  color:#555555; font-weight:bold;  padding:0px 0px 5px 0px;text-align:left;}
.footmenu .dibumenu2 h2 a{ font-size:16px;}
.footmenu .dibumenu2 ul{padding:10px 0 0 0; margin:0;}
.footmenu .dibumenu2 ul li{ line-height:26px;}
.footmenu .dibumenu2 ul li a {color:#fbfcfd;text-decoration: none; }
.footmenu .dibumenu2 ul li a:link,.footmenu .dibumenu2 ul li a:visited{ color:#fbfcfd;}
.footmenu .dibumenu2 ul li a:hover{color: #ff7834;text-decoration:underline;}

.dbcont { float:right; width:25%; color:#fbfcfd; line-height:26px; padding-left:5%; border-left:1px solid #383838}
.dbcont span {font-size:16px; display:block; padding-bottom:10px;}


.erweima{ float:right; margin-top:0px; font-size:14px; line-height:26px; color:#9a9a9a; text-align:center; border:1px solid #909090;}
.erweima p{ float:left;  text-align:center; background:#484848; margin:10px; }
.erweima img{ display:block; width:100%;}


.footbox{ clear:both; overflow:hidden; background:#242424; text-align:center; width:100%; margin:0 auto 0 auto; padding:1% 0; color:#fff; line-height:24px; font-size:15px; }
.footbox a{ color:#fff; font-size:15px; }


/*内页*/
.mainpage{clear:both; max-width:1200px; margin:20px auto 0 auto; padding:0; background:none; }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; width:94%; padding:0 3%; background:#e5e5e5;}
.right{clear:both; width:100%; padding:0 0%; background:#fdfdfd;}	

.mainarea{padding:10 0 20px 0; min-height:360px; height:360px; }
[class].mainarea{height:auto;}
.mainarea div.content{ line-height:28px; color:#555; }

.position{clear:both; padding-right:10px; text-align:right; line-height:28px; color:#565656;}
.position a,.position a:link,.position a:visited {color:#565656;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#ae1d2c;}
.positioninfo{margin:0; padding:10px 0 0 5px; line-height:39px; color:#db0000; font-size:20px; border-bottom:solid 1px #dedede; font-weight:bold; }

.menu1{clear:both;  background:#f1f1f1;  overflow:hidden;}
.menu1 h2{display:none;}
.menu1 ul{padding:0;}
.menu1 li{float:left; height:44px;}
.menu1 li a,.menu1 li a:link,.menu1 li a:visited {color:#ffffff; line-height:44px; height:44px; padding:4px 18px 7px 18px; background:#7a7a7a; text-align:center; font-size:16px; margin:0 5px;}
.menu1 li a:hover,.menu1 li a.active,.menu1 li a.active:link,.menu1 li a.active:visited{background:#ee0100; text-decoration:none;}

.menu2{clear:both;}
.menu2 h2{ clear:both; padding:0px; margin-bottom:8px; font-size:14px; font-weight:bold;}
.menu2 h2 img{ display:block;}
.menu2 h3{ padding:0; margin-bottom:10px;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; display:block; }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat:no-repeat;}

.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#bf0100;border: 1px solid #bf0100;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}

.info_listimg{clear:both;margin-top:0px;padding:0px;}
.info_listimg ul{clear:both;}
.info_listimg ul li{ float:left; width:29%; padding:5px 2% 5px 2%; text-align:center; margin-top:15px;}
.info_listimg ul li img{ width:100%;}
.info_listimg ul li a{ font-size:15px; }


.info_listimgry {clear:both;margin-top:0px;padding:0px;overflow:hidden;}
.info_listimgry ul{clear:both;}
.info_listimgry ul li{ float:left; width:18%; padding:5px 1% 5px 1%; text-align:center; margin-top:15px;}
.info_listimgry ul li img{ width:100%;}
.info_listimgry ul li a{ font-size:14px; }


.info_listhuoban{clear:both;margin-top:0px;padding:0px;}
.info_listhuoban ul{clear:both;}
.info_listhuoban ul li{float:left; text-align:center; margin-top:15px; width:29%; padding:0 2%;}
.info_listhuoban ul li img{width:80%;}

.info_listhuodong{clear:both;margin-top:0px;padding:0px;}
.info_listhuodong ul{clear:both;}
.info_listhuodong ul li{float:left; text-align:center; margin-top:15px; width:29%; padding:0 2%;}
.info_listhuodong ul li img{width:100%;}

/*网页作品*/
.about_edulist{float:left; position:relative; width:29%; padding:0 2%; margin:15px 0 19px 0; display:block; overflow:hidden;}
.eduimg{position:relative; overflow:hidden; border:#dedede solid 1px; height:200px;}
.eduimg img{position:absolute; display:block;}
.edu_font{clear:both; color:#333333; background:#f2f2f2; text-align:center; overflow:hidden;}
.edu_font span{line-height:34px; font-size:14px;}
.edu_font a{line-height:34px; font-size:14px;}
.edu_font a:hover{color:#ee7700; text-decoration:none;}

.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333;}
.info_list ol.head span.title{float:left;width:60%; font-size:15px; font-weight:bold;}
.info_list ol.head span.title a{font-size:15px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:12px;height:40px;line-height:40px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:60%; font-size:15px; }
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px;}
.info_list dl dd{ height:20px;line-height:20px;}

.info_view{ clear:both;padding:0px 0;}
.info_view h1.title{background:#e0e0e0;font-size:14px;line-height:28px;padding-top:3px;text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5;color:#555555;font-size:12px;line-height:23px;padding-top:2px;text-align:center;}
.info_view div.content{padding:10px 5px; font-size:15px;line-height:28px;}
.info_view div.content p{padding:10px 0; font-size:15px;line-height:28px;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ text-align:center;}

.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.product_list{clear:both;}
.product_list ul{clear:both;}
/*产品：上图下字*/
.product_list li{ float:left; width:21%; padding:5px 1% 10px 3%;  line-height:21px; text-align:center; }
.product_list li img{ width:100%;}
.product_list li a{font-size:15px;}
/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;padding:1px 0 2px 16px\9;_padding:2px 0 1px 16px; background-image:url(images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

.pro_cont { padding:20px; background:#f3f3f3; font-size:16px; line-height:26px;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}

/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.product_view h2.subtitle{ background:#f5f5f5;color:#555555;font-size:12px;line-height:23px;padding-top:2px;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{  }

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.content{padding:0px; font-size:15px;line-height:28px;}
.product_view div.content p{padding:2px 0;text-indent:0px;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}

.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

.message_add{ padding:5px;}
.message_add p{ padding:3px 0;}
.message_add input[type="text"]{ width:230px;}
.message_add #txtcode{width:50px;}
.message_add textarea{ width:230px;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:50px;}
.order_add textarea{ width:230px;}

.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:230px;}
.job_add #txtcode{width:50px;}
.job_add textarea{ width:230px;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}


/*分页*/
.pagelist{clear:both; font-size:14px; height:30px; line-height:30px; margin:20px 0 40px 0; text-align:center; color:#333;}
.pagelist a{color:#363535; text-decoration:none; line-height:30px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; padding:3px 8px;}
.pagelist a:hover{color:#0366b9; text-decoration:none; border:#0366b9 solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#464646; border:#464646 solid 1px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:12px;line-height:25px;  padding-right:8px;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;  text-decoration:none; }
.plinkbottom a:hover{color:#0366b9; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#0366b9; text-decoration:underline; }
.plinkbottom a.red:hover{color:#0366b9; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}