@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{ width:100%; margin-top:1%;}
td{ border:1px solid #CCC; text-align:center; padding:1%;}
td:hover{ background:#f1f1f1}


a,a:link,a:visited,a:active{color:#333333; text-decoration:none;}
a:hover{color:#ff0001; 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*/

.headerpage{clear:both; width:100%; margin:0 auto; padding:0;}
.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:1.5%0; padding:0;}
header .logo img{ }
header .headerright{ float:right; width:270px; margin-top:3%; color:#666666; font-size:16px;}
header .headerright p { color:#ffa623; font-size:27px; font-weight:bold;}
header .headerright img { float:left; margin-right:15px;}

header .wapnav{float:right; display:none;}


.mainnav_bg { background:#014299;}
.mainnav{margin:0 auto; max-width:1200px;}
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}
.mainnav a{float:left; width:12.5%; font-size:17px; text-align: center; color:#fff; display:block; line-height:50px;  }
.mainnav a:link,.mainnav a:visited{color:#fff;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#fff; background:#005aab; }


.mainimg{ overflow:hidden;}
.focus .rslides .bannerheight{ height:680px;}

.focus .rslides .nybanner { height:420px;}

/*Banner大图调用 开始*/
.bannerwrap{clear:both; width:100%; margin:0 auto; padding:0; background:#e5e5e5;}
.bannerwrap .banner{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;}
.bannerwrap .banner a{background-position:center;}
.bannerwrap .banner .mask{vertical-align:middle;position:absolute; width:100%; height:70px; right:0; bottom:10px; text-align:center; }
.bannerwrap .banner .mask span{color:#ffffff;padding:0 5px;text-align:center;line-height:15px;width:15px;height:15px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;background-color:#ffffff; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; height:450px;}
.bannerwrap .banner .mask span.show{color:#fff;line-height:10px;width:10px;height:10px;font-size:12px;margin:0 1px;border:0;background-color:#ae1d2c;font-weight:bold;}
#showbanner{display:block;width:100%; text-align:center;background-position:top;background-repeat:no-repeat;}
#showbanner img{ max-width:100%; display:block;}
#showbanner img:after,#showbanner img:before {content: '';display: block;clear: both;height: 0;}
.bannerwrap .banner .mask1{ height:20px; }
/*Banner大图调用 结束*/




.Ishuzi { margin:0 auto; max-width:1200px; background:#fff; box-shadow: 0px 0px 3px 3px #dedede; margin-top:-50px; overflow:hidden; z-index:999; position: relative;}
.shuzi {}
.shuzi dl{ float:left; width:16%; padding-left:8.5%; border-right:1px solid #ececec; margin:3% 0%; }
.shuzi dl dt{ clear:both;font-size:60px; font-weight:bold; color:#000000;  font-family:pf_dintext_proextrathin,Verdana, Geneva, sans-serif; margin-top:-2px; margin-bottom:-2px;}
.shuzi dl dd{ font-size:16px; color:#a4a4a4; padding-left:5px;}
.shuzi dl dt span{ font-size:60px; font-weight:bold; color:#000000;  font-family:pf_dintext_proextrathin,Verdana, Geneva, sans-serif; }


/*公司简介*/
.imainbg5{ clear:both; width:100%; margin:1% auto 0% auto; overflow:hidden; }
.imainbg5:after, .imainbg5:before {content: '';display: block;clear: both;height: 0;}
.imain5{ clear:both; max-width:1200px; margin:2% auto 0 auto; background:url(../images/com_bg.gif) bottom left no-repeat; overflow:hidden; padding-bottom:2%;}
.imain5 .title { font-size:48px; font-weight:bold; font-family:pf_dintext_proextrathin,Verdana, Geneva, sans-serif; color:#00468c; margin-bottom:3%;}
.imain5 .title span { font-size:21px; color:#666666; padding-left:15px; }
.imain5 .compic { float:right; width:35.5%;}
.imain5 .compic img { width:100%;}
.imain5 .neirong{ float:left; width:60%; padding:0%; overflow:hidden;}
.imain5 .neirong p{ font-size:15px; line-height:31px;text-align: justify;text-justify: inter-ideograph;/*IE*/ }
.imain5 .more { width:124px; height:37px; line-height:37px;  text-align:center; margin-top:5%; background:#014299}
.imain5 .more a {color:#fff; }
.imain5 .more a:hover {color:#fff;}

.anli_bg { background:#e3e9f1;}
.anli { clear:both; }
.hexpert01 { clear:both; max-width:1200px; margin:0 auto; padding:1% 0 2% 0;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:#ffa623; }
.lefticon {  background:#014299; padding:12px 7px 5px 7px;} 
.righticon {background:#014299; padding:12px 7px 5px 7px;  }



/*产品展示*/
.imainbg1 { clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; overflow:hidden; background:url(../images/pro_bg.jpg) top no-repeat;}

.biaoti{ text-align:center; margin:3% 0 0px 0; }
.biaoti h3{ clear:both; text-align:center; }
.biaoti h3 a{font-size:40px; color:#fff; font-weight:bold;  }
.biaoti h2 { text-align:center; color:#fff; font-size:16px; line-height:42px; background:url(../images/line1.gif) repeat-x; background-position:20px;}
.biaoti h2 span { background:#0045a1; padding:0 2%; font-size:16px;}


.cpfenlei{ clear:both; text-align:center;  padding:2% 0 1% 0; color:#555555; max-width:1200px; margin:0 auto;}
.cpfenlei a{ padding:0px 0px; color:#555555; padding:0.3% 2% 0.5% 2%; margin:0 0.5%; text-decoration:none; font-size:16px; background:#fff;} 
.cpfenlei a:hover{ color:#fff; background:#ffa620; }

.cptupian{ margin:auto; max-width:1200px; clear:both; padding-top:7%;overflow:hidden;}
.cptupian ul{ clear:both;}
.cptupian ul li{ float:left; width:23%; padding:0px 0 1% 0; margin:0 1% 0% 1%; line-height:30px;}
.cptupian ul li a{ text-align:center; display:block; }
.cptupian ul li span{ font-size:15px;}
.cptupian ul li img{ display:block; width:100%; border:1px solid #cee4f1}
.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;}



.guanggao { height:240px; background: url(../images/guanggao.jpg) center no-repeat;/* background-size: 100% auto; */}
.guanggao .post {margin:0 auto; max-width:1200px; color:#fff; overflow:hidden; }
.guanggao .wz1 {width:520px; background:url(../images/wz_1.png); margin-top:77px;}
.guanggao .wz1 p {   text-transform:uppercase; font-size:18px; line-height:35px; padding-left:15px;}
.guanggao .wz2 { padding:0.3% 0;}
.guanggao .wz2 p { font-size:42px; font-weight:bold; padding-left:15px;}
.guanggao .wz3 p { font-size:18px; line-height:36px;}

/*新闻*/
.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;}


.xwbt{ text-align:center; margin:1% 0 2% 0;}
.xwbt h3{ clear:both; background:url(../images/line3.gif) no-repeat center; padding:0 0 0px 0; text-align:center;}
.xwbt h3 a{font-size:40px; color:#00468c; font-weight:bold;}
.xwbt h3 a span { color:#ffa620; font-size:40px;font-weight:bold;}
.xwbt p { color:#0d78c8; font-size:16px; line-height:36px; background:url(../images/bg1.gif) center no-repeat;}

.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 .xinwen{ float:left; width:48%; margin:0% 0 0% 0;  }
.imain3 .xinwen dl{ width:98%; margin:0 0 20px 0; overflow:hidden; background:#e4e8f1;}
.imain3 .xinwen dl dt{ float:left; width:40%; margin-bottom:-3px;}
.imain3 .xinwen dl dt img { width:100%;}
.imain3 .xinwen dl dd{ float:right; width:53%; padding:3% 4% 0 0%; }
.imain3 .xinwen dl dd a{ font-size:18px; line-height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.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: 3;}

.imain3 .xwlb { float:right; width:48%; padding-right:2%;}
.imain3 .xwlb ul {}
.imain3 .xwlb ul li { line-height:45px; } 
.imain3 .xwlb ul li a { font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.imain3 .xwlb .dabt { float:left; width:70%;background:url(../images/dot.gif) left no-repeat; padding-left:15px; overflow:hidden;}
.imain3 .xwlb ul li .datasj { float:right; width:23%;}

.imain3 .jieda { clear:both; overflow:hidden; padding-top:2%; margin-bottom:2%;}
.imain3 .jieda .title{ float:left; max-width:180px; }
.imain3 .jieda ul { float:right; width:84%;}
.imain3 .jieda li { float:left; width:44%; background:#e4e8f1; padding:1.5%; margin-left:2%;}
.imain3 .jieda li a { font-size:16px; line-height:36px; font-weight:bold; background:url(../images/q.gif) left no-repeat; padding-left:30px; display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.imain3 .jieda ul p {clear:both; background:url(../images/a.gif) left top no-repeat;padding-left:30px;  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.gif) top center; padding:2% 0px; overflow:hidden;}
.imain2{ clear:both; max-width:1200px; margin:0 auto; padding-top:10px; overflow:hidden; }
.imain2 ul { width:110%;background: overflow:hidden;}
.imain2 li { float:left; width:17%; color:#fff; font-size:15px; color:#d1d1d1; line-height:26px; margin:1% 2.2% 2% 0%; background:url(../images/ys_nr.png) repeat-x;text-align:center; color:#fff; padding:0 2% 2% 2%;}
.imain2 li img {  }
.imain2 li strong { font-size:20px; line-height:48px; font-weight:normal;}
.imain2 li h2 {margin:0 auto; width:44px; height:3px; background:#217dd0; margin-bottom:3%;}
.imain2 li p {clear:both;  font-size:14px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

/*友情链接*/
.imainbg4{ clear:both; width:100%; margin:0 auto;  overflow:hidden; background:#e3e9f1;}
.imainbg4:after, .imainbg4:before {content: '';display: block;clear: both;height: 0;}
.linkbox{clear:both; margin:1% auto; max-width:1200px; padding:1.5% 1%;overflow:hidden;}
.linkbox a{font-size:15px; line-height:23px;}
.linkbox a:hover{color:#ff0000;}



/*手机站案例样式*/
.imainwap{ display:none; clear:both; width:100%; margin:0 auto; overflow:hidden;  background:#e3e9f1;}
.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*/


.fnav2{ display:none;}
.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:#024fa0 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:30px; }


.footmenu { float:left; width:42%;  text-align:left; padding-left:3%;}
.footmenu a,.footmenu a:link,.footmenu a:visited{color:#fbfcfd;}
.footmenu a:hover {color:#ff0001;}

.footmenu .dibumenu1{ float:left;width:33%; padding:0 0 0 0px;}
.footmenu .dibumenu1 h2{ color:#555555; font-weight:bold;  padding:0px 0px 5px 0px;text-align:left;}
.footmenu .dibumenu1 h2 a{ font-size:21px; }
.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; font-size:15px; line-height:28px;text-decoration: none; }
.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;}


.dbcont { float:right; width:28%; color:#fbfcfd; line-height:28px; font-size:15px; padding-left:3%;}
.dbcont span {font-size:21px; display:block; padding-bottom:10px;}


.erweima{ float:right; margin-top:0px; font-size:16px; line-height:28px; color:#fff; text-align:center; background:#6493c5; padding:15px;}
.erweima p{ text-align:center; margin:10px;font-size:16px; }
.erweima img{ display:block; width:100%;}


.footbox{ clear:both; overflow:hidden; background:#0065d1; 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; }

.zoominfo{ clear:both;}
.zoominfo .zoominfoleft{ text-align: center; }
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}

.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}
/*内页*/
.mainpage{clear:both; max-width:1200px; margin:20px auto 0 auto; padding:0;}
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; width:96%; padding:0 2%; background:#f1f1f1;overflow:hidden; }
.right{clear:both; width:98%; padding:0 1%; background:#FFF;}	

.mainarea{padding:10 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; 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:#024897; font-size:20px; border-bottom:solid 1px #dedede; font-weight:bold;}

.menu1{clear:both;}
.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:#024897; 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:#0366b9;border: 1px solid #0366b9;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; overflow:hidden; }
.info_listimg ul{clear:both;}
.info_listimg ul li{ float:left; width:31%; padding:5px 1% 5px 1%; text-align:center; margin-top:15px;}
.info_listimg ul li img{ width:100%;}
.info_listimg ul li a{ font-size:15px; }

.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:70%; 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:nth-child(odd){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:70%; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.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 .content img{ max-width:100%; margin:0 auto; text-align:center; display:block}
.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;}

/*产品：左图右字*/
.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:10px 0;text-indent:28px;}
.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;  line-height:30px; margin:20px 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:#024897; border:#024897 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;}
